@font-face {
 font-family: 'PFD';
 src: url('fonts/PFDinDisplayPro-Black.eot');
 src: local('O'),
 url('fonts/PFDinDisplayPro-Black.woff') format('woff'),
 url('fonts/PFDinDisplayPro-Black.ttf') format('truetype'),
 url('fonts/PFDinDisplayPro-Black.otf') format('otf'),
 url('fonts/PFDinDisplayPro-Black.svg') format('svg');
 font-weight: normal;
 font-style: normal
}
@font-face {
 font-family: 'AG';
 src: url('fonts/Amazing_Grotesk_Ultra.eot');
 src: local('O'),
 url('fonts/Amazing_Grotesk_Ultra.woff') format('woff'),
 url('fonts/Amazing_Grotesk_Ultra.ttf') format('truetype'),
 url('fonts/Amazing_Grotesk_Ultra.otf') format('otf'),
 url('fonts/Amazing_Grotesk_Ultra.svg') format('svg');
 font-weight: normal;
 font-style: normal
}
html,
body {
 height: 100%;
 padding: 0;
 margin: 0;
 font-family: 'Arial', sans-serif;
 font-size: 18px;
 color: #000
}
body {
 background: #fff;
 min-width: 280px
}
#mask {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 999;
 background: url('img/mask.png') repeat;
 display: none
}
#dialog-wrap {
 background: #fff;
 position: fixed;
 left: 50%;
 top: 50%;
 width: 376px;
 margin-left: -190px;
 margin-top: -270px;
 z-index: 1000;
 display: none
}
#dialog-wrap .modal {
 font-size: 14px;
 position: relative;
 padding: 30px
}
#dialog-wrap .modal .title {
 font-size: 24px;
 text-align: center;
 font-weight: bold
}
#dialog-close {
 position: absolute;
 top: -18px;
 right: -18px;
 height: 40px;
 width: 40px;
 background: url('img/close.png') 0 0 no-repeat;
 cursor: pointer
}
.fb-wrap {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 background: #fff;
 box-shadow: 1px 1px 10px #555;
 z-index: 10
}
.ofl {
 overflow: hidden
}
.wrapper {
 max-width: 976px;
 padding-left: 5px;
 padding-right: 5px;
 margin: 0 auto
}
.v-wrap {
 max-width: 712px;
 margin: 0 auto;
 margin-top: 40px;
}
.f-wrap {
 height: 0;
 overflow: hidden;
 padding-bottom: 56.25%;
 position: relative
}
.f-wrap iframe,
.f-wrap object,
.f-wrap embed {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%
}
.cbw {
 margin-top: 20px;
 margin-bottom: 20px;
 font-size: 14px
}
.cbw span {
 color: #44b1f0;
 text-decoration: underline;
 cursor: pointer
}
.cbw span:hover {
 text-decoration: none
}
input[type="checkbox"] {
 vertical-align: top;
 margin: 0 3px 0 0;
 width: 12px;
 height: 12px
}
input[type="checkbox"] + label {
 cursor: pointer
}
input[type="checkbox"]:not(checked) {
 position: absolute;
 opacity: 0
}
input[type="checkbox"]:not(checked) + label {
 position: relative;
 padding: 0 0 0 20px
}
input[type="checkbox"]:not(checked) + label:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 12px;
 height: 12px;
 background: url('img/checked.png') 0 0 no-repeat
}
input[type="checkbox"]:checked + label:before {
 background-position: 0 -14px
}
.form-wrap input[type="text"],
.modal input[type="text"] {
 display: block;
 padding: 10px;
 border: #e1e1e1 1px solid;
 border-radius: 3px;
 width: 100%;
 margin-bottom: 5px
}
.modal input[type="text"] {
 width: 294px
}
a,
span.a {
 text-decoration: none;
 outline: none;
 color: #326199;
 cursor: pointer
}
a:hover,
span.a:hover {
 color: #205280
}
.red {
 color: #f00
}
.blue {
 color: #2d5794
}
.yellow {
 color: #f28d00
}
.white {
 color: #fff
}
.b, strong, h1, h2, h3, h4, h5, div.h1, div.h2, div.h3, div.h4, div.h5 {
 font-family: 'PFD', sans-serif;
 font-weight: normal;
 margin: 0
}
h1,
.h1 {
 font-size: 62px
}
h2,
.h2 {
 font-size: 40px
}
h3,
.h3 {
 font-size: 24px
}
img {
 max-width: 100%
}
.upper {
 text-transform: uppercase
}
.clear {
 clear: both
}
.mt-0 {
 margin-top: 0px
}
.mt-20 {
 margin-top: 20px
}
.mt-30 {
 margin-top: 30px
}
.mt-40 {
 margin-top: 40px
}
.mt-50 {
 margin-top: 50px
}
.mt-60 {
 margin-top: 60px
}
.mt-120 {
 margin-top: 120px
}
.mb-5 {
 margin-bottom: 5px
}
.mb-10 {
 margin-bottom: 10px
}
.mb-20 {
 margin-bottom: 20px
}
.mb-30 {
 margin-bottom: 30px
}
.mb-40 {
 margin-bottom: 40px
}
.mb-50 {
 margin-bottom: 50px
}
.mb-60 {
 margin-bottom: 60px
}
.table {
 display: table;
 border-collapse: collapse;
 width: 100%
}
.tr,
.th {
 display: table-row
}
.td {
 display: table-cell;
 vertical-align: top
}
.i {
 font-style: italic
}
.left {
 text-align: left
}
.center {
 text-align: center
}
.right {
 text-align: right
}
.rlv {
 position: relative
}
.vam {
 vertical-align: middle
}
.pdf {
 font-size: 24px
}
.pdf a {
 text-decoration: underline
}
.pdf a:hover {
 color: #f28d00;
 text-decoration: none
}
ul {
 padding: 0 0 0 16px
}
ul.broken li {
 margin-bottom: 20px
}
.call-order {
 display: inline-block;
 vertical-align: middle;
 height: 30px;
 width: 134px;
 background: url('img/call-button.png') 0 0 no-repeat;
 cursor: pointer;
 border-radius: 3px;
 box-shadow: 1px 1px 3px #aaa;
 transition: box-shadow, 0.2s
}
.form-wrap .button,
.modal .button {
 cursor: pointer;
 border-radius: 9px;
 box-shadow: 1px 1px 3px #aaa;
 transition: box-shadow, 0.2s
}
.call-order:hover,
.form-wrap .button:hover,
.modal .button:hover {
 box-shadow: none
}
.g-stripe {
 background: #e9e9e9
}
.g-stripe .sh-menu {
 display: none;
 vertical-align: middle;
 cursor: pointer;
 border: #f28d00 2px solid;
 padding: 5px
}
.g-stripe .sh-menu div {
 width: 14px;
 margin-top: 2px;
 margin-bottom: 2px;
 border: #f28d00 1px solid
}
.lg-stripe {
 padding-top: 20px;
 padding-bottom: 60px;
 background: #f6f6f6
}
.gw-top {
 padding-top: 20px;
 padding-bottom: 20px
}
.gw-top .td {
 vertical-align: middle
}
.gw-top .right p,
.gw-top .right u {
 display: inline;
 text-decoration: none
}
.gw-top .call-order {
 margin-left: 20px
}
.menu {
 text-align: center;
 margin-top: 20px;
 margin-bottom: 20px
}
.menu span {
 margin-left: 12px;
 margin-right: 12px;
 font-size: 16px;
 text-transform: uppercase
}
.menu span:hover {
 text-decoration: underline
}
.man-stripe {
 margin-top: 100px;
 padding-top: 120px;
 padding-bottom: 94px;
 background: url('img/man.jpg') center no-repeat;
 background-size: cover
}
.man-stripe .content {
 margin: 0;
 max-width: 760px
}
.man-stripe .content .right {
 margin-top: 84px
}
.man-stripe .content .d-wrap {
 margin-top: 80px
}
.man-stripe .content .date {
 display: block;
 background: #ca1e59;
 padding: 15px;
 color: #fff;
 margin-top: 40px;
 text-align: center
}
.man-stripe .content .date p{
 font-size: 18px
}
.cols-3-wrap .item {
 text-align: justify;
 width: 304px;
 float: left
}
.cols-3-wrap .item.second {
 margin-left: 30px;
 margin-right: 30px
}
.cols-3-wrap .h3 {
 text-align: center;
 border-bottom: #f28d00 2px solid;
 height: 68px
}
.b-stripe {
 padding-top: 40px;
 padding-bottom: 40px;
 background: url('img/blue-stripe.png') repeat
}
.img-stripe {
 padding-top: 126px;
 padding-bottom: 126px;
 background: url('img/images.jpg') repeat
}
.g-stripe-mid {
 margin-top: 60px;
 padding-top: 60px;
 padding-bottom: 60px
}
.g-stripe-mid .nsw {
 width: 60%
}
.g-stripe-mid .rlv img {
 position: absolute;
 top: -166px;
 left: -94px;
 max-width: none
}
.g-stripe-mid .first {
 margin-right: 100px
}
.g-stripe-mid .second {
 margin-right: 60px
}
.g-stripe-mid .line2 {
 padding-top: 160px
}
.g-stripe-mid .line2 img {
 top: -20px;
 left: -28px
}
.g-stripe-mid .line2 .content {
 font-size: 16px;
 position: absolute;
 z-index: 2;
 width: 382px;
 top: 48px;
 left: 68px
}
.g-stripe-mid .line2 .content .mt-10 {
 margin-top: 12px
}
.g-stripe-mid .content .nbw {
 width: 24px;
 padding-right: 20px
}
.g-stripe-mid .content i {
 display: block;
 height: 24px;
 width: 24px;
 background: url('img/icons-small.png') 0 0 no-repeat
}
.g-stripe-mid .content .p2 i {
 background-position: 0px -30px
}
.g-stripe-mid .content .p3 i {
 background-position: 0px -62px
}
.g-stripe-mid .content .p4 i {
 background-position: 0 -93px
}
.g-stripe-mid .content .p5 i {
 background-position: 0 -122px
}
.g-stripe-mid .content .p6 i {
 background-position: -3px -177px
}
.g-stripe-mid .content .p7 i {
 height: 25px;
 background-position: -2px -229px
}
.g-stripe-mid .content .p8 i {
 background-position: 0 -273px
}
.g-stripe-mid .crt .content {
 display: inline-block;
 width: 320px
}
.yellow-wrap {
 position: relative;
 background: #f28d00;
 min-height: 360px
}
.yellow-wrap .white-stripe {
 position: absolute;
 background: #fff;
 top: 0;
 left: 0;
 width: 50%;
 height: 80px
}
.yellow-wrap .content {
 position: absolute;
 width: 100%
}
.yellow-wrap .td {
 color: #fff;
 font-size: 16px
}
.yellow-wrap .td  p {
 color: #fff;
 text-align: right;
 font-size: 14px
}
.yellow-wrap .first {
 padding-top: 99px;
 font-family: 'AG', sans-serif;
 font-size: 260px;
 width: 180px
}
.yellow-wrap .second {
 padding-top: 164px;
 width: 118px
}
.yellow-wrap .third  img {
 position: relative;
 top: -35px;
 left: -22px;
 max-width: none
}
.yellow-wrap .fourth {
 color: #000;
 padding-top: 48px
}
.yellow-wrap.two .fourth {
 padding-top: 140px
}
.personal-wrap {
 font-size: 1px
}
.personal-wrap .item {
 margin-top: 20px;
 display: inline-block;
 width: 182px;
 margin-left: 10px;
 font-size: 14px;
 vertical-align: top
}
.personal-wrap .item.first {
 margin-left: 0
}
.personal-wrap .item p {
 margin-top: 10px;
 margin-bottom: 10px
}
.scans-wrap {
 font-size: 1px
}
.scans-wrap .item {
 margin-left: 8px;
 margin-bottom: 5px;
 width: 318px
}
.scans-wrap .item.first {
 margin-left: 0
}
#slider-wrap {
 width: auto;
 position: relative
}
#slider {
 width: auto;
 height: 221px;
 overflow: hidden;
 position: relative
}
#slider a img {
 border: none;
 border-radius: 6px
}
.slide {
 width: 100%;
 height: 100%;
}
.sli-links {
 position: absolute;
 width: 100%;
 top: 181px;
 text-align: center
}
.sli-links .control-slide {
 margin: 2px;
 display: inline-block;
 width: 10px;
 height: 10px;
 overflow: hidden;
 text-indent: -9999px;
 cursor: pointer;
 border: #a6a6a6 2px solid;
 border-radius: 9px;
 vertical-align: middle;
}
.sli-links .control-slide.active{
 background: #a6a6a6
}
.sli-links i {
 vertical-align: middle;
 cursor: pointer;
 display: inline-block;
 height: 30px;
 width: 30px;
 text-align: center;
 border: #a6a6a6 2px solid;
 border-radius: 50%
}
#prewbutton {
 background: #a6a6a6 url('img/arrow-left.png') 10px 8px no-repeat;
 margin-right: 10px
}
#nextbutton {
 background: #a6a6a6 url('img/arrow-right.png') 12px 8px no-repeat;
 margin-left: 10px
}
#prewbutton:hover {
 background-color: #fff;
 background-position: 10px -7px
}
#nextbutton:hover {
 background-color: #fff;
 background-position: 12px -7px
}
.table.options {
 margin-top: 20px
}
.table.options .one {
 max-width: 400px;
 padding-right: 5px
}
.table.options .two {
 max-width: 400px;
 padding-left: 5px
}
.table.options .table.nt .td {
 padding-bottom: 15px;
 vertical-align: middle
}
.table.options .table.nt .td i {
 display: block
}
.table.options .b1 {
 text-transform: uppercase;
 font-size: 24px;
 color: #fff;
 font-weight: bold;
 background: #f58402;
 text-align: center
}
.table.options u,
.bonus u  {
 display: block;
 height: 50px;
 width: 60px;
 margin-right: 10px;
 background: url('img/icons-big.png') 0 0 no-repeat
}
.table.options .second u {
 background-position: 0 -65px
}
.table.options .third u {
 background-position: 0 -152px
}
.table.options .fourth u {
 background-position: 0 -233px
}
.table.options .fifth u {
 background-position: 0 -310px
}
.table.options .sixth u {
 background-position: 0 -382px
}
.table.options .b1,
.table.options .b2,
.table.options .b3,
.table.options .b4,
.table.options .b5,
.table.options .b6 {
 padding: 30px;
 margin-bottom: 5px
}
.table.options .b2,
.table.options .b3,
.table.options .b4,
.table.options .b6 {
 background: #f6f6f6
}
.table.options .b5 {
 background: #205280;
 color: #fff;
 text-align: center
}
.table.options .b2 {
 height: 88px
}
.table.options .b3 {
 height: 1314px
}
.table.options .b4 {
 text-decoration: line-through;
 text-align: center;
 font-size: 36px
}
.table.options .b5 p {
 font-size: 30px;
 margin-bottom: 45px
}
.table.options .b6 a {
 display: block;
 margin-top: 20px;
 text-align: center
}
.bonus .nt .td {
 font-size: 24px;
 font-weight: bold;
 color: #205280;
 vertical-align: middle;
 padding-bottom: 20px
}
.bonus .nt .td i {
 display: block;
 margin-top: 5px;
 color: #000;
 font-size: 18px;
 font-weight: normal;
 font-style: normal
}
.bonus .nt .td.second u {
 background-position: 0 -444px
}
.bonus .nt .td.third u {
 background-position: 0 -233px
}
.woman-stripe {
 padding-top: 125px;
 padding-bottom: 125px;
 background: #333333 url('img/woman.jpg') center no-repeat
}
.form-wrap {
 padding-right: 10px;
}
.table.order-form  {
 margin-bottom: 45px
}
.table.order-form .form-wrap {
 width: 340px
}
.table.order-form  .one {
 padding-right: 20px;
 max-width: 594px
}
.table.order-form  .two {
 width: 354px;
 position: relative
}
.table.order-form  .two img {
 max-width: none;
 position: absolute;
 top: -64px;
 left: -110px
}
.err-msg-out {
 text-align: center;
 color: #f00;
 font-size: 14px
}
@media all and (max-width: 1000px) {
 .menu {
  display: none
 }
 .menu-wapper {
  padding: 0;
  max-width: none
 }
 .top-menu {
  margin: 0
 }
 .top-menu span {
  display: block;
  margin: 0;
  padding: 20px;
  border-bottom: #e1e1e1 1px solid;
 }
 .top-menu span.b1 {
  border-top: #e1e1e1 1px solid
 }
 .top-menu span:hover {
  background: #e9e9e9;
  text-decoration: none
 }
 .g-stripe .sh-menu {
  display: inline-block
 }
 .g-stripe-mid .table,
 .g-stripe-mid .tr,
 .g-stripe-mid .td {
  display: block;
  width: auto
 }
 .g-stripe-mid .line2 .content .table {
  display: table
 }
 .g-stripe-mid .line2 .content .tr {
  display: table-row
 }
 .g-stripe-mid .line2 .content .td {
  display: table-cell
 }
 .g-stripe-mid .rlv img {
  position: static;
  max-width: 100%
 }
 .g-stripe-mid .line2 img {
  position: absolute
 }
 .g-stripe-mid .td.rlv.line2 {
  height: 280px
 }
 .g-stripe-mid .crt .content {
  position: static;
  display: block;
  width: auto;
  text-align: left
 }
 .g-stripe-mid .crt .content {
  margin-top: 20px
 }
 .yellow-wrap .content {
  position: static;
  padding-bottom: 20px
 }
 .yellow-wrap .white-stripe {
  display: none
 }
 .yellow-wrap .table,
 .yellow-wrap .tr,
 .yellow-wrap .td {
  display: block;
  width: auto
 }
 .yellow-wrap .first,
 .yellow-wrap .second,
 .yellow-wrap .third {
  padding-top: 0;
  display: inline-block;
  vertical-align: middle
 }
 .yellow-wrap .first {
  margin-right: 20px
 }
 .yellow-wrap .second {
  width: 150px
 }
 .yellow-wrap .third {
  text-align: center
 }
 .yellow-wrap .third img {
  max-width: 100%;
  position: static
 }
 .personal-wrap .item.first {
  margin-left: 10px
 }
 .scans-wrap {
  width: 648px;
  margin: 0 auto
 }
 .scans-wrap img:nth-child(odd) {
  margin-left: 0
 }
 .scans-wrap img:nth-child(even) {
  margin-left: 8px !important
 }
 .table.options,
 .table.options .tr,
 .table.options .td {
  display: block;
  max-width: none
 }
 .table.options .one,
 .table.options .two {
  padding: 0
 }
 .table.options .b1,
 .table.options .b2,
 .table.options .b3 {
  height: auto
 }
 .table.options .b1 {
  font-size: 18px
 }
 .table.options .table.nt {
  display: table
 }
 .table.options .table.nt .tr {
  display: table-row
 }
 .table.options .table.nt .td {
  display: table-cell
 }
 .table.order-form .two img {
  position: static;
  max-width: 100%
 }
 .cols-3-wrap {
  text-align: center
 }
 .cols-3-wrap .item {
  float: none;
  vertical-align: top;
  display: inline-block;
  text-align: justify
 }
}
@media all and (max-width: 818px) {
 .yellow-wrap .first,
 .yellow-wrap .second,
 .yellow-wrap .third {
  display: block;
  width: auto;
  text-align: center
 }
 .yellow-wrap .third{
  margin-top: 20px
 }
}
@media all and (max-width: 720px) {
 .top-g-stripe .table,
 .top-g-stripe .tr,
 .top-g-stripe .td {
  display: block;
  text-align: center
 }
 .man-stripe .content h1,
 .man-stripe .content h2,
 .man-stripe .content .h2 {
  font-size: 22px !important
 }
 .scans-wrap {
  width: 270px;
  margin: 0 auto
 }
 .scans-wrap img:nth-child(even) {
  margin-left: 0 !important
 }
 .table.order-form .two img {
  display: none
 }
 .table.order-form,
 .table.order-form .tr,
 .table.order-form .td {
  max-width: none;
  display: block
 }
 .table.order-form .one {
  padding: 0
 }
 .table.order-form .form-wrap {
  margin: 20px auto
 }
 .cols-3-wrap {
  max-width: 300px;
  margin: 0 auto
 }
 .cols-3-wrap .item.second,
 .cols-3-wrap .item.third {
  margin: 20px 0 0
 }
}
@media all and (max-width: 580px) {
 .top-g-stripe .table,
 .top-g-stripe .tr,
 .top-g-stripe .td {
  max-width: 330px;
  margin: 0 auto
 }
 .gw-top .call-order,
 .gw-top .sh-menu {
  margin-top: 10px
 }
 .g-stripe-mid .line2 .content {
  position: static;
  display: block;
  width: auto;
  text-align: left
 }
 .g-stripe-mid .td.rlv.line2 {
  height: auto
 }
 .g-stripe-mid .line2 {
  padding-top: 60px
 }
 .g-stripe-mid .line2 img {
  display: none
 }
}
@media all and (max-width: 460px) {
 .man-stripe .content .h2 {
  font-size: 14px !important
 }
 .b-stripe .h2 {
  font-size: 30px
 }
 .table.order-form .form-wrap {
  width: 240px
 }
 .table.order-form .form-wrap input[type="text"] {
  width: 220px
 }
 #dialog-wrap {
  width: 240px;
  margin-left: -120px;
  margin-top: -300px
 }
 #dialog-wrap input[type="text"] {
  width: 148px
 }
}
@media all and (max-width: 350px) {
 .gw-top .sp {
  display: block !important
 }
 .cols-3-wrap .item {
  width: 270px
 }
}