/*   offer   */

.offer {
 padding: 0;
 background: #f9f9f9;
}

.offer .box {
 position: relative;
 background: url("../img/offer.jpg") 50% 0 no-repeat;
 height: 625px;
}

.offer .main-title {
 font-family: 'Acrom', Arial, Helvetica, sans-serif;
 font-size: 50px;
 font-weight: 700;
 line-height: 50px;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 padding: 10px 0 3px;
}

.offer .sub-title {
 font-size: 25px;
 color: #fff;
 text-align: center;
 padding-bottom: 40px;
}

.offer .sale {
 background: url("../img/sale-bg.png") 0 0 no-repeat;
 width: 209px;
 height: 113px;
 margin-left: 10px;
 color: #fff;
 font-size: 26px;
 line-height: 40px;
 text-align: center;
}

.offer .sale span {
 display: inline-block;
 transform: rotate(-7deg);
 padding-top: 9px;
}

.offer .sale b {
 display: block;
 font-size: 50px;
}

.offer .bullet {
 font-size: 0;
 padding: 0 10px 20px;
}

.offer .bullet li {
 display: inline-block;
 vertical-align: top;
 width: 33.33%;
 font-size: 18px;
 text-align: center;
}

.offer .bullet .pic {
 position: relative;
 margin-bottom: 15px;
}

.offer .bullet .pic:after {
 position: absolute;
 left: 50%;
 bottom: -9px;
 margin-left: -15px;
 display: block;
 width: 30px;
 height: 30px;
 background: url("../img/check-icon.png") 0 0 no-repeat;
 content: '';
}

.offer .bullet img {
 display: block;
 margin: 0 auto;
 border: 4px solid #fff;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.offer .bullet p {
 padding: 0 5px;
}

.offer .order_form {
 padding-bottom: 30px;
}

.offer .order_form.pat:before {
 background-color: #f9f9f9;
}

.offer.bottom .price {
 position: relative;
 margin-bottom: -55px;
 z-index: 5;
}

.offer.bottom .timer {
 margin-top: 30px;
}

.order_form .form-txt {
 color: #fff;
 text-align: center;
 padding-bottom: 20px;
}

.order_form .form-txt h4 {
 font-size: 30px;
 padding-bottom: 7px;
 text-transform: uppercase;
}

.order_form .form-txt p {
 font-size: 18px;
 padding: 0 75px;
}

/*   b1   */

.b1 {
 background: #f9f9f9;
}

.b1 .alert {
 position: relative;
 background: #47abd2;
 color: #fff;
 font-size: 20px;
 text-align: center;
 padding: 20px 20px 35px;
 margin: 0 30px 35px;
 -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
 -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
 box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}

.b1 .alert:after {
 position: absolute;
 left: 50%;
 bottom: -22px;
 margin-left: -25px;
 display: block;
 background: url("../img/alert-icon.png") 0 0 no-repeat;
 width: 49px;
 height: 49px;
 content: '';
}

.b1 .list-v1 {
 padding-bottom: 30px;
}

/*   b2   */

.b2 {
 padding-top: 0;
}

.b2.pat:before {
 margin-bottom: 10px;
}

.b2 a.button-m {
 margin-top: 40px;
}

/*   b3   */

.b3 h2.title {
 margin-bottom: 15px;
}

.b3 .alert {
 position: relative;
 background: #47abd2;
 font-size: 19px;
 color: #fff;
 text-align: center;
 padding: 30px 10px 20px;
 margin: 20px 30px 0;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}

.b3 .alert:before {
 position: absolute;
 left: 50%;
 top: -23px;
 margin-left: -23px;
 display: block;
 width: 45px;
 height: 45px;
 background: url("../img/alert-icon2.png") 0 0 no-repeat;
 content: '';
}

/*   b4   */

.b4 {
 background: #f9f9f9;
}

.b4 h2.title {
 margin-bottom: 20px;
}

.b4 .image {
 display: block;
 margin-bottom: 30px;
}

.b4 .char-list {
 padding-bottom: 25px;
}

/*   spec   */

.spec h2.title span {
 display: inline;
}

.spec .box {
 background: #fff;
 margin: 0 30px;
 -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -webkit-border-radius: 35px;
 -moz-border-radius: 35px;
 border-radius: 35px;
}

.spec .box img {
 display: block;
 margin-bottom: 20px;
 -webkit-border-radius: 35px 35px 0 0;
 -moz-border-radius: 35px 35px 0 0;
 border-radius: 35px 35px 0 0;
}

.spec .info {
 background: url("../img/spec-icon.jpg") 20px 50% no-repeat;
 padding-left: 105px;
 margin-bottom: 20px;
}

.spec .info h4 {
 font-size: 20px;
}

.spec .info p {
 font-size: 18px;
 line-height: 24px;
}

.spec .txt {
 font-size: 20px;
 font-style: italic;
 line-height: 28px;
 padding: 0 15px 25px;
}

/*   list-v1   */

.list-v1 {
 padding: 0 30px;
}

.list-v1 li {
 position: relative;
 display: table;
 width: 100%;
 height: 162px;
 margin-bottom: 25px;
 padding-left: 203px;
 background: #fff;
 -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
 -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
 box-shadow: 0 0 18px rgba(0, 0, 0, 0.24);
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}

.list-v1 li:last-child {
 margin-bottom: 0;
}

.list-v1 img {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 -webkit-border-radius: 40px 0 0 40px;
 -moz-border-radius: 40px 0 0 40px;
 border-radius: 40px 0 0 40px;
}

.list-v1 p {
 display: table-cell;
 vertical-align: middle;
 font-size: 20px;
 text-align: center;
 padding: 0 15px;
}

.list-v1 p:before {
 display: block;
 background: url("../img/not-icon.png") 0 0 no-repeat;
 width: 34px;
 height: 34px;
 margin: 0 auto 10px;
 content: '';
}

/*   list-v2   */

.list-v2 {
 padding: 0 30px;
}

.list-v2 li:last-child {
 margin-bottom: 0;
}

.list-v2 li {
 position: relative;
 height: 208px;
 margin-bottom: 30px;
 line-height: 24px;
 background: #fff;
 -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -webkit-border-radius: 35px;
 -moz-border-radius: 35px;
 border-radius: 35px;
}

.list-v2 img {
 position: absolute;
 top: 0;
 display: block;
}

.list-v2 li:nth-child(odd) img {
 left: 0;
 -webkit-border-radius: 35px 0 0 35px;
 -moz-border-radius: 35px 0 0 35px;
 border-radius: 35px 0 0 35px;
}

.list-v2 li:nth-child(even) img {
 right: 0;
 -webkit-border-radius: 0 35px 35px 0;
 -moz-border-radius: 0 35px 35px 0;
 border-radius: 0 35px 35px 0;
}

.list-v2 li:nth-child(odd) {
 padding: 15px 10px 0 158px;
}

.list-v2 li:nth-child(even) {
 padding: 15px 158px 0 25px;
}

.list-v2 h4 {
 padding-bottom: 5px;
 text-transform: uppercase;
}

.list-v2 p {
 font-size: 17px;
}

/*   kit-list   */

.kit-list {
 background: url("../img/kit-im.jpg") 0 0 no-repeat;
 min-height: 609px;
 padding: 27px 20px 0 250px;
}

.kit-list h4 {
 font-size: 19px;
 line-height: 28px;
}

.kit-list li:nth-child(1) {
 height: 215px;
}

.kit-list li:nth-child(2) {
 height: 165px;
}

/*   char-list   */

.char-list li {
 padding: 8px 30px;
}

.char-list li:nth-child(even) {
 background: #fff;
}

.char-list li b {
 display: block;
 float: left;
 width: 270px;
}

.char-list li span {
 display: block;
 margin-left: 270px;
}

/*   reviews   */

.reviews {
 padding-top: 0;
}

.reviews h2.title {
 margin-bottom: 15px;
}

.reviews .total {
 color: #fff;
 font-weight: 700;
 text-align: center;
 padding-bottom: 30px;
}

.reviews .total:before {
 position: relative;
 top: -2px;
 display: inline-block;
 vertical-align: middle;
 background: url("../img/total-icon.png") 0 0 no-repeat;
 width: 27px;
 height: 27px;
 margin-right: 13px;
 content: '';
}

.reviews .item {
 margin: 0 30px 30px;
 background: #f9f9f9;
 -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -webkit-border-radius: 35px;
 -moz-border-radius: 35px;
 border-radius: 35px;
}

.reviews .photo {
 position: relative;
 padding-bottom: 15px;
}

.reviews .photo img {
 -webkit-border-radius: 35px 35px 0 0;
 -moz-border-radius: 35px 35px 0 0;
 border-radius: 35px 35px 0 0;
}

.reviews .item .info {
 position: relative;
 min-height: 72px;
 background: url("../img/qoute-icon.png") 100% 50% no-repeat;
 margin: 0 20px 15px;
 padding: 12px 0 0 90px;
}

.reviews .item .info img {
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
}

.reviews .item .info p {
 font-size: 17px;
}

.reviews .item .txt {
 font-size: 20px;
 line-height: 30px;
 padding: 0 20px 20px;
 text-align: center;
}

/*   order info   */

.order-info h2.title {
 padding: 0 30px;
}

.order-list {
 padding: 0 30px;
}

.order-list li {
 position: relative;
 display: table;
 width: 100%;
 height: 160px;
 font-size: 20px;
 background: #fff;
 padding-left: 185px;
 margin-bottom: 20px;
 -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 box-shadow: 0 0 18px rgba(0, 0, 0, 0.21);
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}

.order-list li:last-child {
 margin-bottom: 0;
}

.order-list .txt {
 display: table-cell;
 vertical-align: middle;
 padding-right: 20px;
}

.order-list li:before {
 position: absolute;
 top: 50%;
 left: 25px;
 margin-top: -68px;
 display: block;
 width: 135px;
 height: 135px;
 background-color: #47abd2;
 background-repeat: no-repeat;
 background-position: 50% 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 content: '';
}

.order-list li:nth-child(1):before {
 background-image: url("../img/order-icon1.png");
}

.order-list li:nth-child(2):before {
 background-image: url("../img/order-icon2.png");
}

.order-list li:nth-child(3):before {
 background-image: url("../img/order-icon3.png");
}

/*   footer   */

.footer {
 text-align: center;
 padding: 40px 0 30px;
}

.footer img {
 display: block;
 margin: 0 auto 15px;
}

.footer a {
 display: inline-block;
 font-size: 16px;
 color: #333;
 margin: 0 10px;
}

.footer a:hover {
 text-decoration: none;
}