.page-info{}
.page-info .description{
    padding: 0 0 15px;
}
.page-info.info-58{}
.page-info.info-58 .description{
    display: none;
}
.page-info.info-58 #likes{
    display: none;
}

#likes iframe{
    display: block;
}
.addthis_counter.addthis_pill_style{
    float: left;
}
.baner-grid{
    list-style: none;
    padding: 0;
    width: 100%;
    display: table;
    padding-bottom: 5%;
}
.baner-grid li{
    display: block;
    vertical-align: middle;
    width: 25%;
    float: left;
    text-align: center;
    /* overflow: hidden; */
    /* height: 260px; */
    padding-left: 0;
    height: 0;
    padding-right: 0;
    position: relative;
    padding-top: 21.076%;
}
.baner-grid li > a{
    cursor: default;
    display: block;
    position: absolute;
    height: 48.905%;
    top: 25.54%;
    left: 0;
    right: 0;
    margin: auto;
}
.baner-grid li a.brandbox-clicker{
    cursor: pointer;
}

.baner-grid li:nth-child(4n+1) {
    clear: both;
}

.baner-grid li a:hover h2,.baner-grid li a:active h2,.baner-grid li a:focus h2 {
    opacity: 1;
}
.baner-grid li a:hover,
.baner-grid li a:focus,
.baner-grid li a:active{
    text-decoration: underline;
    color: #000;
}
.baner-grid li h2{
    font: 24px 'Bebas';
    text-transform: uppercase;
    margin: 0.7em 0 0 0;
    text-decoration: none;
    opacity: 0;
}
.baner-grid li img{
    width: auto;
    height: 97%;
}
.baner-grid li .img-wrapper{
    width: 100%;
    height: 100%;
}
.baner-grid:after{
    content: '';
    display: block;
    clear: both;
}
#content{
    width: 67.8%;
    padding: 0 3.6%;
    min-height: 100vh;
}
#content .breadcrumb{
    margin-left: 0%;
    padding-right: 270px;
}
#content > h1{
    margin: 22px 0 10px 0%;
}
/*#content .breadcrumb a:first-child {*/
/*display: inline-block;*/
/*width: 20px;*/
/*height: 20px;*/
/*position: relative;*/
/*top: -2px;*/
/*color: transparent;*/
/*background: url(/catalog/view/theme/default/image/home.png);*/
/*}*/
#content .content.catalog{border: none;padding: 0 5.5%;}
.catalog .outer{
    height: 0;
    border: 1px solid #c2c2c2;
    width: 27%;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 0 0 6%;
    padding: 16.702% 0;
}
.catalog .outer img{
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    right: 0;
    margin: 0 auto;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.info-49 .catalog .outer img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pechat-wrapper {
    margin-bottom: 0;
}

.catalog.category-142 .outer img {
    height: auto;
    width: 100%;
}

.catalog .outer a{
    position: absolute;
    z-index: 2;
    font: 22px 'Bebas';
    letter-spacing: 2px;
    color: #fff;
    border: 0;
    display: table;
    width: 84.6154%;
    text-align: center;
    height: 87.597%;
    background: rgba(172, 172, 172, 0.75);
    left: 7.6923%;
    top: 6.2015%;
}
#content.info-49 .content.catalog {
    padding: 0;
}


.info-49 .catalog .outer a {
    font-size: 26px;
    background: rgba(70, 70, 70, 0.7);
}

.info-49 .catalog .outer {
    /*border: 0;*/
}
.catalog .outer span{
    display: table-cell;
    vertical-align: middle;
    padding: 0 2%;
    word-break: break-word;
    word-wrap: break-word;
}
.catalog .outer + .outer {
    margin-left: 9%;
}

.catalog .outer:nth-child(3n+1) {
    margin-left: 0;
}

#mainForm{
    color: #000;
    font-family: 'Helvetica';
    font-size: 18px;
    width: 100%;
}
#mainForm .reqFields{
    font-size: 16px;
    color: #999
}

#mainForm ul.mainForm{
    font-size: 18px;
    display: block;
    padding: 0;
    float: none;
}
#mainForm form {
    display: block;
}

#mainForm form:after {
    content: '';
    display: block;
    clear: both;
}

#mainForm ul.mainForm {}

.mainForm div {
    width: 50%!important;
    margin: 0!important;
}

ul.mainForm li {
    float: none;
}

.mainForm label.formFieldQuestion {
    font: 35px 'Bebas';
    margin: 6% 0 2.5%;
    letter-spacing: 2px;
}

ul.mainForm li input[type='text'] {
    background: #ebebeb;
    border-color: #ebebeb;
    width: 60%;
    height: auto;
    font-size: 28px;
    line-height: 49px;
    margin: 6% 0 0;
}

#mainForm input[type='email'] {
    background: #ebebeb;
    border-color: #ebebeb;
    width: 60%;
    height: auto;
    font-size: 28px;
    line-height: 49px;
    margin: 6% 0;
}

#fieldBox_1, #fieldBox_2, #fieldBox_3 {
    width: auto;
}

label.formFieldOption {
    font-size: 100%;
    letter-spacing: 2px;
}

#mainForm input[type='radio'] {
}

.color-radio{
    display: table;
}
.color-radio input{
    width: 27px;
    height: 27px;
    opacity: 0;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    cursor: pointer;
}
.color-radio .img{
    display: inline-block;
    margin: 0 0 0 -27px;
    float: right;
}
.color-radio .img.img-color {
    width: 27px;
    height: 27px;
}
.color-radio input:checked + .img{}
.color-radio input:checked + .img:after{}
.color-radio input:checked + .img:before{width: 31px;height: 31px;margin: -2px;}
.color-radio .img:before{
    display: block;
    content: '';
    background: #000000;
    width: 27px;
    height: 27px;
}

.color-radio input[type='checkbox']:checked + .img:before{

}
section.product .color-radio .img:before{
    background: inherit;
}
.color-radio .img.img-color:before{
    display: none;
}
.color-radio .img[data-color="#fff"]:before{background: #fff; height: 26px ; width: 26px;outline: 1px solid #dedede;}
.color-radio .img[data-color="#004b45"]:before{background: #004b45; }
.color-radio .img[data-color="#01203c"]:before{background: #01203c; }
.color-radio .img[data-color="#7b7b79"]:before{background: #7b7b79; }
.color-radio .img[data-color="#3d2849"]:before{background: #3d2849; }
.color-radio .img[data-color="#0167b2"]:before{background: #0167b2; }
.color-radio .img[data-color="#00ae4d"]:before{background: #00ae4d; }
.color-radio .img[data-color="#3ea2d6"]:before{background: #3ea2d6; }
.color-radio .img[data-color="#e40f32"]:before{background: #e40f32; }
.color-radio .img[data-color="#5a9d23"]:before{background: #5a9d23; }
.color-radio .img[data-color="#0084aa"]:before{background: #0084aa; }
.color-radio .img[data-color="#21375e"]:before{background: #21375e; }
.color-radio .img[data-color="#f7941f"]:before{background: #f7941f; }
.color-radio .img[data-color="#fef56c"]:before{background: #fef56c; }
#mainForm .radio-list{
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-10 iframe,
.info-55 iframe
{
    display: block;
}

.size{display: block;float: left;border: 1px solid #999;}

label.size {}
.size input{
    width: 24px;
    height: auto;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.size .img{
    display: inline-block;
    margin: 0 0 0 -24px;
    color: #999;
    font-size: 24px;
    font-family: 'Lato';
    line-height: 50px;
    padding: 0 15px 0;
}
.size input:checked + .img{
    color: #000;
    text-shadow: 0px 0px 1px;
}

.radio{}
.radio input{
    width: 24px;
    height: 24px;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.radio .img{
    display: inline-block;
    margin: 0 0 -4px -29px;
}
.radio input:checked + .img{}
.radio input:checked + .img:after{}
.radio input:checked + .img:before{
    background: #363636;
}
.radio .img:before{
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background: #ccc;
    border: 7px solid #ccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.radio img:after{}

.page-info.info-10 .description{padding: 0 3%;}

li#fieldBox_3 .radio, li#fieldBox_4 .radio,li#fieldBox_8 .radio,li#fieldBox_9 .radio,li#fieldBox_10 .radio{
    margin: 5% 0;
    padding: 0;
}
#mainForm #saveForm{
    background: none;
    border: 2px solid #ff0;
    color: #ff0;
    font-size: 40px;
    letter-spacing: 3px;
    width: auto;
    line-height: normal;
    border-radius: 0;
    width: 75%;
    height: auto;
    font-family: 'Bebas';
    padding: 20px 0 9px;
    margin-top: 13%;
}

#fieldBox_7 label small{
    font-size: 18px;
    font-family: 'Lato';
    font-weight: 300;

}
#fieldBox_7 input{width: 50%;}

.clear{
    clear: both;
}
span.clear{
    display: block;
}

.clearfix{
    clear: both;
}

.clearfix:after,
.clearfix:before
{
    content: '';
    display: block;
    clear: both;
}
#fieldBox_6 .color-radio {
    float: left;
    margin: 0 5px 5px;
    padding: 0;
    width: auto;
}
.size + .size {
    margin-left: -1px;
}
#mainForm textarea {
    background: #ebebeb;
    border-color: #ebebeb;
    width: 347px!important;
    font-size: 28px;
    line-height: 49px;
    margin: 2.5% 0 0;
    height: 100px;
    resize: vertical;
    max-width: 100%;
}


li#fieldBox_7 input {
    width: 42%;
    margin:  0 0 0 0;
}

li#fieldBox_6 .radio-list {
    margin: 0 -5px;
}

.btn-file .btn {
    font: 24px/33px 'Bebas';
    background: #ebebeb;
    display: block;
    float: left;
    padding: 7px 20px 0px;
    letter-spacing: 2px;
}
.btn-file .label{
    font: 16px/40px 'Lato';
    margin: 20px;
}
.btn-file input[type="file"]{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    visibility: hidden;
}
.btn-file{
    position: relative;
    display: block;
    margin: 2.5% 0 0;
}
.btn-file:after{
    content: '';
    display: block;
    clear: both;
}
.mainForm div.file {
    width: auto!important;
    margin: 0 0 1.5% 0!important;
}

.mainForm #fieldBox_7 label.formFieldQuestion {
    margin: 6% 0 1.8% 0;
}

.mainForm span.maxSize {
    font: 16px 'Lato';
}

.mainForm .number{
    display: table;
    font: 24px "Bebas";
    color: #333;
    line-height: 25px;
    width: auto!important;
    height: 70px;
    border: none;
}
.mainForm .number img {
    display: block;
    width: 100%;
    height: 15px;
    margin: 3px 1px;
}
.mainForm .number img:last-child{
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#mainForm ul.mainForm li .number input[type='text']
{
    width: 53px!important;
    display: block;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    margin: 0;
    color: #999;
    background: #fff;
    border: 1px solid #999;
}
ul.mainForm li#fieldBox_8 {
    float: left;
    width: 50%;
    padding: 0;
    margin:  0;
}

ul.mainForm li#fieldBox_9 {
    float: right;
    width: 45%;
    padding: 0;
    margin: 0;
}

ul.mainForm li#fieldBox_10 {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    padding-top: 6%;
}

ul.mainForm li#fieldBox_6 {
    padding-top: 6%;
}
.page-info .select-block {
    width: 390px;
    height: 52px;
    z-index: 10;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 0px;
    position: relative;
    overflow: hidden;
    transition: .5s;
}
.page-info .select-block .select {
    display: inline-block;
    width: 100%;
    height: auto;
    font: 16px "Lato";
    text-transform: uppercase;
    color: #666;
    padding: 15px;
    padding-left: 25px;
    padding-right: 10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #666;
    background: url(/images/main/333666.png) 96% center no-repeat;
}

.page-info .select-block .options {
    display: inline-block;
    opacity: 0;
    width: 100%;
    height: auto;
    margin: 3px 0;
    padding: 20px 15px;
    border: 1px solid #666;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 50px;
    transition: .5s;
    left: 0;
}

.page-info .select-block .options li {
    list-style: none;
}
.page-info .select-block .options li a {
    display: block;
    font: 16px "Lato";
    padding: 5px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
}

.page-info .select-block:hover, .page-info .select-block:hover .options {
    opacity: 1;
    z-index: 100;
    transition: .5s;
    overflow: visible;
}


.menu .select-block {
    width: 290px;
    height: 52px;
    z-index: 10;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 0px;
    position: relative;
    overflow: hidden;
    transition: .5s;
}
.menu .select-block .select {
    display: inline-block;
    width: 100%;
    height: auto;
    font: 16px "Lato";
    text-transform: uppercase;
    color: #666;
    padding: 15px;
    padding-left: 25px;
    padding-right: 10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #666;
    background: url(/images/main/333666.png) 96% center no-repeat;
}

.menu .select-block .options {
    display: inline-block;
    opacity: 0;
    width: 100%;
    height: auto;
    margin: 3px 0;
    padding: 20px 15px;
    border: 1px solid #666;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 50px;
    transition: .5s;
    left: 0;
}

.menu .select-block .options li {
    list-style: none;
}
.menu .select-block .options li a {
    display: block;
    font: 16px "Lato";
    padding: 5px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
}
.menu .select-block .options li a:hover,
.menu .select-block .options li a:focus,
.menu .select-block .options li a:active{
    color: #f26a25;
}
.menu .select-block:hover, .menu .select-block:hover .options {
    opacity: 1;
    z-index: 100;
    transition: .5s;
    overflow: visible;
}

.order-print{
    background: none;
    border: 2px solid #ff0;
    color: #ff0!important;
    font-size: 48px!important;
    letter-spacing: 3px;
    width: auto;
    line-height: normal;
    border-radius: 0;
    width: 438px;
    display: block;
    height: auto;
    font-family: 'Bebas';
    padding: 20px 0 9px;
    margin-top: 13%;
}

.info-11 h3 {
    font: 600 20px 'Lato';
}

.info-11 {
    font: 300 16px 'Lato';
    color: #666;
}

.info-11 p {
    line-height: 20px;
}

.info-11 .description {
}

.page-info.info-11 .select-block {
    /*margin-bottom: 60px;*/
}

.info-11 h2 {
    font: 600 40px/55px 'Bebas';
    color: #666;
    margin: 35px 0;
}

section.prices{
    width: 110.6%;
    margin: 0 -5.3%;
}

section.prices > .clearfix {
    background: #f5f5f5;
    padding: 0 4.9%;
}

section.prices h2 {
    margin: 35px 4.9%;
}

section.prices > .clearfix > div {
    text-align: center;
    padding: 60px 0 20px 0;
}

section.prices > .clearfix ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

section.prices > .clearfix li {
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
}
section.prices > .clearfix li:hover{
    cursor: pointer;
}
/*section.prices > .clearfix li:hover:after,*/
section.prices > .clearfix li.active:after
{
    content: '';
    display: block;
    width: 120%;
    height: 100%;
    min-height: 97px;
    border: 1px solid #898989;
    position: absolute;
    top: -10%;
    left: -10%;
}

section.prices .icon-full {
    background: url(/images/info-icons.png);
    width: 70px;
    height: 26px;
    display: none;
    margin: 0 auto;
    display: none;
}

section.prices .col-lg-18 {
    padding: 18px 0 0 0;
    width: 70%;
}

section.prices > .clearfix h4 {
    font: 600 175px/.95em 'Bebas';
    margin: 0;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 6px;
    overflow: hidden;
}

section.prices > .clearfix h5 {
    font: 100 55px/.6em 'Bebas';
    margin: 0;
    color: #000;
    letter-spacing: 10px;
    text-align: center;
}

section.prices > .clearfix .nav-list li img {
    max-height: 83px;
    max-width: 60%;
}

section.prices > .clearfix .nav-list li {
    padding: 2px 0px;
    min-height: 100px;
}
section.prices > .clearfix .nav-list li span{
    font: 100 44px/0.5em Bebas;
    margin: 0 -100% 0 0.1em;
    position: relative;
    top: -0.2em;
}

section.prices > .clearfix .details {}

section.prices > .clearfix .desc .float-left:first-child {
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
    border-right: 1px solid #999;
    max-width: 100%;
}
section.prices > .clearfix .desc .dynamic.active{
    display: block;
}
section.prices > .clearfix .desc .dynamic{
    display: none;
}
section.prices > .clearfix > div.desc {
    text-align: left;
}

section.prices > .clearfix > div.desc .float-left p {
    font: 300 24px/1.2em 'Helvetica';
    color: #666;
    margin: 0;
}

section.prices > .clearfix > div.desc span {
    display: block;
    /* font-family: Bebas; */
}

.float-left {}

section.prices > .clearfix .desc .float-left {
    max-width: 50%;
    margin-right: -50%;
}
section.prices > .clearfix > div.desc .float-left .help {
    font-size: 14px;
    letter-spacing: 1px;
    font-family: Helvetica;
}

section.prices > .clearfix > div.desc .old-price {
    font-size: 20pt;
    text-transform: uppercase;
    color: #999;
    font-family: Bebas;
    border-top: 2px solid;
    display: table;
    line-height: 0.2em;
    margin-top: .8em;
}

section.prices > .clearfix > div.desc .old-price strong {
    font-size: 24pt;
}

section.prices > .clearfix > div.desc .new-price {
    font-size: 28pt;
    line-height: normal;
    margin-top: 9px;
    margin-bottom: -2px;
    font-family: Bebas;
}
section.prices > .clearfix > div.desc .new {
    color: #f00;
}

section.prices > .clearfix > div.desc .old {
    color: #999999;
    text-decoration: line-through;
}

section.prices > .clearfix > div.desc .new-price strong {
    font-size: 53pt;
}


.prices a.order-print {
    margin: 30px 0;
    text-align: center;
    padding: 10px 0 0;
    max-width: 50%;
    border: 1px solid;
    color: #636363!important;
}
section.prices > .clearfix li img {
    /* min-height: 97px; */
    /* max-width: 100%; */
}

.info-11 h6 {
    font-size: 20px;
    margin: 0;
}
.info-55 .description > p:first-child {
    margin: 0 -5.3%;
    padding: 5.3%;
    background: #f5f5f5;
    width: 100%;
}
.info-11 h6.text-upper {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 0;
    line-height: 3em;
}

.info-11 .big-line {
    text-decoration: underline;
    line-height: 3em;
    color: #333;
}
.info-11 .big-line a {
    color: #333;
    display: block;
}

.info-11 div.help {
    font: 100 16px 'Lato';
    color: #666;
}

ul.yellow-disk {
    color: #f7941d;
    list-style: disc;
    line-height: 2em;
}

ul.yellow-disk span {
    color: #666;
}

section.prices .col-lg-18 img {
    max-width: 80%;
}
section.prices .col-lg-18 img{
    display: none;
}
section.prices .col-lg-18 img.active{
    display: inherit;
    margin: 0 auto;
}
.prices .col-lg-6 {
    width: 30%;
}

section.costs {
    width: 100%;
    padding: 40px 5.3% 0px;
    margin: 0 -5.3%;
    font: 100 30px Bebas;
    background: #f5f5f5;
    line-height: normal;
    text-align: center;
}

section.costs > div {
    width: 25%;
    float: left;
    padding-bottom: 35px;
}

.info-11 .action {
    width: 100%;
    padding: 28px 5.3% 21px;
    margin: 0 -5.3% 40px;
    color: #fff;
    background: #f7941d;
    font: 300 30px 'Bebas';
    letter-spacing: 3px;
}

section.costs .text-big {
    font-size: 90px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    letter-spacing: 6px;
}

section.costs .text-small {
    font-size: 29px;
    letter-spacing: 10px;
    color: #000;
    border-top: 1px solid;
    padding: 8px 0 0 0;
    margin: -8px auto 0;
    text-align: center;
    text-indent: 10px;
    display: table;
}

.info-11 .costs p {
    line-height: normal;
}

.costs .col-lg-8 {
    margin-top: -5px;
}

.info-11 section > h6.text-upper {
    font-size: 20px;
    color: #333;
    line-height: 5em;
}

section.price-table {
    width: 100%;
    padding: 40px 5.3% 35px;
    margin: 0 -5.3%;
    font: 100 24px Bebas;
    background: #f5f5f5;
    line-height: normal;
    text-align: center;
}
.text-upper{text-transform: uppercase;}
.display-t{
    display: table;
}
section.price-table table {
    font: 24px Bebas;
    border: none;
    text-align: left;
    border-spacing: 45px 35px;
    max-width: 100%;
}

section.price-table table td, section.price-table table th {
    font: 24px Bebas;
    border: none;
    max-width: 200px;
}

section.price-table table th {
    font-weight: 600;
    color: #ff9900;
}

.info-37,
.info-38,
.info-39,
.info-13
{
    font: 300 16px 'Lato';
    color: #666;
}
.info-37 h3,
.info-38 h3,
.info-39 h3,
.info-13 h3
{
    font: 600 20px 'Lato';
}

.info-37 p,
.info-38 p,
.info-39 p,
.info-13 p
{
    line-height: 20px;
}

.info-37 h2,
.info-38 h2,
.info-39 h2,
.info-13 h2
{
    font: 600 40px/55px 'Bebas';
    color: #666;
    margin: 49px 0 40px;
}
.info-37 .select-block,
.info-38 .select-block,
.info-39 .select-block,
.info-13 .select-block {
    width: 320px;
}
.page-info .product {
    width: 110.6%;
    margin: 0 -5.3%;
}

.page-info .product h2 {
    padding: 0 4.9%;
    letter-spacing: 2px;
}

.page-info .product .outer {
    padding: 40px 4.9% 35px;
    background: #f5f5f5;
}

.page-info .product .inner {
    max-width: 1000px;
}

.page-info .product .col-lg-12 {
    text-align: center;
}
.page-info .product .col-lg-12 img {
    width: 70%;
}
.page-info .product ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 100;
}

.page-info .product .list-color li {
    float: left;
    margin:  0 7px 7px 0;
}

.page-info .product .list-color li:nth-child(5n+1) {
    clear: left;
}

.page-info .product .properites span + span {
    font-weight: 300;
    color: #000;
}
.page-info .product .properites li{
    max-width:65%;
    text-transform: uppercase;
    line-height: 1.4em;
}
.page-info .product .label {
    font-size: 20px;
    font-weight: 300;
    color: #000;
    margin: 0.8em 0 .1em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.page-info .product .list-size{
    font: 100 14px Helvetica;
    text-align: center;
}
.page-info .product .list-size li{
    float: left;
    background: #fff;
    border: 1px solid #999;
    padding: 8px 8px;
    min-width: 17px;
}
.page-info .product .list-size li+li{
    border-left: none;
}

.page-info .form-group{
    clear: both;
}


.info-37 .color-radio input:checked + .img,
.info-38 .color-radio input:checked + .img,
.info-39 .color-radio input:checked + .img,
.info-13 .color-radio input:checked + .img
{margin-bottom: -3px;margin-right: -3px;}

.info-37 .color-radio input:checked + .img:before,
.info-38 .color-radio input:checked + .img:before,
.info-39 .color-radio input:checked + .img:before,
.info-13 .color-radio input:checked + .img:before
{
    width: 33px;
    height: 33px;
    margin:  -3px 0 0 -3px;
}

.page-info .product ul.list-color {
}
.info-37 .product .price .help,
.info-38 .product .price .help,
.info-39 .product .price .help,
.info-13 .product .price .help
{
    color: #999;
    font-size: 14px;
    font-weight: 100;
    font-family: Lato;
    display: inline;
}
.info-37 .product .price span,
.info-38 .product .price span,
.info-39 .product .price span,
.info-13 .product .price span
{
    font-size: 50px;
    font-family: Bebas ;
    font-weight: 600;
    color: #000;
}
.info-37 .product .price span.currency,
.info-38 .product .price span.currency,
.info-39 .product .price span.currency,
.info-13 .product .price span.currency
{
    color: #999;
    margin-right: 10px;
    font-weight: 300;
}
.page-info .product h2 span {
    font-weight: 100;
}
.info-37 .product .price,
.info-38 .product .price,
.info-39 .product .price,
.info-13 .product .price
{
    padding: 15px 0 0 0;
}
.contact-newblock{
    width: 110.6%;
    margin: 0 -5.3%;
    padding-left: 4.9%;
    padding-right: 4.9%;
}
.like_h1{
    display: none;
}

#content.page-info, .page-info {
    font: 300 16px Lato;
    color: #666;
}

.page-info h3 {
    font-size: 20px;
    color: #666;
}
.highslide-container table {
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
}

.highslide-container .highslide-wrapper {
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
}

.highslide-container {
    position: absolute!important;
    width: 75%!important;
    background: rgba(0,0,0,0);
    left: auto!important;
    right: 0;
}
.highslide-thumbstrip-inner .inner,
.highslide-thumbstrip-inner .outer
{
    display: none;
}

input.form-control{
    border: 1px solid #9C9C9C;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 300 16px Helvetica, sans-serif;
    color: #333;
    width: 100%;
    background: none;
    padding: 18px 9px 16px;
    margin: 0 0 8px 0;
    border: 1px solid #636363;
}
.control-label{
    font: 300 35px/1.2em Bebas;

}

.control-label + .radio{
    margin-left: 20px;
}
.form-group .radio span + span{
    font: 300 18px Lato;
    margin-left: 8px;
}
.form-group .radio + .radio{
    margin-left: 20px;
}
.form-group{
    margin: 2.069% 0;
}
.group-title{
    width: 110.6%;
    /* height: 80px; */
    background: #f7941d;
    margin: 0 -5.3%;
    padding: 17px 5.3% 9px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 30px "Bebas";
    color: #fff;
    text-transform: uppercase;
}
.form-group .help-block{
    color: #f00;
}
textarea.form-control{
    border: 1px solid #9C9C9C;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 300 16px Helvetica, sans-serif;
    color: #333;
    width: 100%;
    height: 70px;
    resize: vertical;
    background: none;
    padding: 18px 9px 16px;
    margin: 0 0 8px 0;
    border: 1px solid #636363;
}

.visible-xs{
    display: none!important;
}

/*---standart styles they must be at the end of file---*/
.full-width{
    width: 110.6%;
    margin: 0 -5.3%;
    padding-left: 5.3%;
    padding-right: 5.3%;
}

.hide{display: none!important;}
.float-left, .fl{float: left;}
.float-right, .fr{float: right;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
    float: left;
}
.col-lg-24 {
    width: 100%;
}
.col-lg-23 {
    width: 95.83333333%;
}
.col-lg-22 {
    width: 91.66666667%;
}
.col-lg-21 {
    width: 87.5%;
}
.col-lg-20 {
    width: 83.33333333%;
}
.col-lg-19 {
    width: 79.16666667%;
}
.col-lg-18 {
    width: 75%;
}
.col-lg-17 {
    width: 70.83333333%;
}
.col-lg-16 {
    width: 66.66666667%;
}
.col-lg-15 {
    width: 62.5%;
}
.col-lg-14 {
    width: 58.33333333%;
}
.col-lg-13 {
    width: 54.16666667%;
}
.col-lg-12 {
    width: 50%;
}
.col-lg-11 {
    width: 45.83333333%;
}
.col-lg-10 {
    width: 41.66666667%;
}
.col-lg-9 {
    width: 37.5%;
}
.col-lg-8 {
    width: 33.33333333%;
}
.col-lg-7 {
    width: 29.16666667%;
}
.col-lg-6 {
    width: 25%;
}
.col-lg-5 {
    width: 20.83333333%;
}
.col-lg-4 {
    width: 16.66666667%;
}
.col-lg-3 {
    width: 12.5%;
}
.col-lg-2 {
    width: 8.33333333%;
}
.col-lg-1 {
    width: 4.16666667%;
}
.col-lg-pull-24 {
    right: 100%;
}
.col-lg-pull-23 {
    right: 95.83333333%;
}
.col-lg-pull-22 {
    right: 91.66666667%;
}
.col-lg-pull-21 {
    right: 87.5%;
}
.col-lg-pull-20 {
    right: 83.33333333%;
}
.col-lg-pull-19 {
    right: 79.16666667%;
}
.col-lg-pull-18 {
    right: 75%;
}
.col-lg-pull-17 {
    right: 70.83333333%;
}
.col-lg-pull-16 {
    right: 66.66666667%;
}
.col-lg-pull-15 {
    right: 62.5%;
}
.col-lg-pull-14 {
    right: 58.33333333%;
}
.col-lg-pull-13 {
    right: 54.16666667%;
}
.col-lg-pull-12 {
    right: 50%;
}
.col-lg-pull-11 {
    right: 45.83333333%;
}
.col-lg-pull-10 {
    right: 41.66666667%;
}
.col-lg-pull-9 {
    right: 37.5%;
}
.col-lg-pull-8 {
    right: 33.33333333%;
}
.col-lg-pull-7 {
    right: 29.16666667%;
}
.col-lg-pull-6 {
    right: 25%;
}
.col-lg-pull-5 {
    right: 20.83333333%;
}
.col-lg-pull-4 {
    right: 16.66666667%;
}
.col-lg-pull-3 {
    right: 12.5%;
}
.col-lg-pull-2 {
    right: 8.33333333%;
}
.col-lg-pull-1 {
    right: 4.16666667%;
}
.col-lg-pull-0 {
    right: auto;
}
.col-lg-push-24 {
    left: 100%;
}
.col-lg-push-23 {
    left: 95.83333333%;
}
.col-lg-push-22 {
    left: 91.66666667%;
}
.col-lg-push-21 {
    left: 87.5%;
}
.col-lg-push-20 {
    left: 83.33333333%;
}
.col-lg-push-19 {
    left: 79.16666667%;
}
.col-lg-push-18 {
    left: 75%;
}
.col-lg-push-17 {
    left: 70.83333333%;
}
.col-lg-push-16 {
    left: 66.66666667%;
}
.col-lg-push-15 {
    left: 62.5%;
}
.col-lg-push-14 {
    left: 58.33333333%;
}
.col-lg-push-13 {
    left: 54.16666667%;
}
.col-lg-push-12 {
    left: 50%;
}
.col-lg-push-11 {
    left: 45.83333333%;
}
.col-lg-push-10 {
    left: 41.66666667%;
}
.col-lg-push-9 {
    left: 37.5%;
}
.col-lg-push-8 {
    left: 33.33333333%;
}
.col-lg-push-7 {
    left: 29.16666667%;
}
.col-lg-push-6 {
    left: 25%;
}
.col-lg-push-5 {
    left: 20.83333333%;
}
.col-lg-push-4 {
    left: 16.66666667%;
}
.col-lg-push-3 {
    left: 12.5%;
}
.col-lg-push-2 {
    left: 8.33333333%;
}
.col-lg-push-1 {
    left: 4.16666667%;
}
.col-lg-push-0 {
    left: auto;
}
.col-lg-offset-24 {
    margin-left: 100%;
}
.col-lg-offset-23 {
    margin-left: 95.83333333%;
}
.col-lg-offset-22 {
    margin-left: 91.66666667%;
}
.col-lg-offset-21 {
    margin-left: 87.5%;
}
.col-lg-offset-20 {
    margin-left: 83.33333333%;
}
.col-lg-offset-19 {
    margin-left: 79.16666667%;
}
.col-lg-offset-18 {
    margin-left: 75%;
}
.col-lg-offset-17 {
    margin-left: 70.83333333%;
}
.col-lg-offset-16 {
    margin-left: 66.66666667%;
}
.col-lg-offset-15 {
    margin-left: 62.5%;
}
.col-lg-offset-14 {
    margin-left: 58.33333333%;
}
.col-lg-offset-13 {
    margin-left: 54.16666667%;
}
.col-lg-offset-12 {
    margin-left: 50%;
}
.col-lg-offset-11 {
    margin-left: 45.83333333%;
}
.col-lg-offset-10 {
    margin-left: 41.66666667%;
}
.col-lg-offset-9 {
    margin-left: 37.5%;
}
.col-lg-offset-8 {
    margin-left: 33.33333333%;
}
.col-lg-offset-7 {
    margin-left: 29.16666667%;
}
.col-lg-offset-6 {
    margin-left: 25%;
}
.col-lg-offset-5 {
    margin-left: 20.83333333%;
}
.col-lg-offset-4 {
    margin-left: 16.66666667%;
}
.col-lg-offset-3 {
    margin-left: 12.5%;
}
.col-lg-offset-2 {
    margin-left: 8.33333333%;
}
.col-lg-offset-1 {
    margin-left: 4.16666667%;
}
.col-lg-offset-0 {
    margin-left: 0%;
}
/***-----------------------------------------------------------------------**/
@media (max-width: 768px){
    body{
        background:#efeeee;
    }
    li#fieldBox_7a span label {
        float: none;
        display: table-cell;
        width: 1%;
        position: relative;
        text-align: center;
    }

    #fieldBox_7a label.formFieldQuestion {
        text-align: left;
        display: block;
    }

    li#fieldBox_7a > span label + label {
        border-left: 0;
    }

    li#fieldBox_7a > span label .img {
        display: block;
        padding: 12px 0 10px;
        margin: 0;
    }

    li#fieldBox_7a > span label input {
        position: absolute;
        z-index: -1;
    }
    li#fieldBox_7a > span{
        display: block;
    }
    .page-info{}
    .page-info .description{
        padding: 0 0 15px;
    }
    .page-info.info-58{}
    .page-info.info-58 .description{
        display: none;
    }
    .page-info.info-58 #likes{
        display: none;
    }

    .baner-grid{
        list-style: none;
        padding: 0;
        width: 100%;
        display: table;
    }
    .baner-grid li{
        display: block;
        vertical-align: middle;
        width: 23%;
        float: left;
        text-align: center;
        overflow: hidden;
        /* height: 260px; */
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 2%;
    }
    .baner-grid li a{

    }
    .baner-grid li:nth-child(4n+1) {
        clear: both;
    }

    .baner-grid li a:hover h2,.baner-grid li a:active h2,.baner-grid li a:focus h2 {
        opacity: 1;
    }
    .baner-grid li a:hover,
    .baner-grid li a:focus,
    .baner-grid li a:active{
        text-decoration: underline;
        color: #000;
    }
    .baner-grid li h2{
        font: 24px 'Bebas';
        text-transform: uppercase;
        margin: 0.7em 0 0 0;
        text-decoration: none;
        opacity: 0;
    }
    .baner-grid li img{
        width: 100%;
    }

    .baner-grid:after{
        content: '';
        display: block;
        clear: both;
    }
    #content{
        width: 67.8%;
        padding: 0 3.6%;
        min-height: 100vh;
    }
    #content .breadcrumb{
        margin-left: 0%;
    }
    #content > h1{
        margin: 22px 0 10px 0%;
    }
    /*#content .breadcrumb a:first-child {*/
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*position: relative;*/
    /*top: -2px;*/
    /*color: transparent;*/
    /*background: url(/catalog/view/theme/default/image/home.png);*/
    /*}*/
    #content .content.catalog{border: none;padding: 0 5.5%;}
    .catalog .outer{
        height: 0;
        border: 1px solid #c2c2c2;
        width: 27%;
        float: left;
        position: relative;
        text-align: center;
        overflow: hidden;
        margin: 0 0 6%;
        padding: 16.702% 0;
    }
    .catalog .outer img{
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
    }

    .catalog.category-142 .outer img {
        height: auto;
        width: 100%;
    }

    .catalog .outer a{
        position: absolute;
        z-index: 2;
        font: 28px 'Bebas';
        letter-spacing: 2px;
        color: #fff;
        border: 0;
        display: table;
        width: 84.6154%;
        text-align: center;
        height: 87.597%;
        background: rgba(172, 172, 172, 0.75);
        left: 7.6923%;
        top: 6.2015%;
    }
    .catalog .outer span{
        display: table-cell;
        vertical-align: middle;
        padding: 0 2%;
        word-break: break-word;
        word-wrap: break-word;
    }
    .catalog .outer + .outer {
        margin-left: 9%;
    }

    .catalog .outer:nth-child(3n+1) {
        margin-left: 0;
    }

    #mainForm{
        color: #000;
        font-family: 'Helvetica';
        font-size: 18px;
        width: 100%;
        background: #efeeee;
    }
    #mainForm .reqFields{
        font-size: 10px;
        color: #999
    }

    #mainForm ul.mainForm{
        font-size: 18px;
        display: block;
        padding: 0;
        float: none;
    }
    #mainForm form {
        display: block;
    }

    #mainForm form:after {
        content: '';
        display: block;
        clear: both;
    }

    #mainForm ul.mainForm {}

    .mainForm div {
        width: 100%!important;
        margin: 0!important;
    }

    ul.mainForm li {
        float: none;
        margin: 0;
    }

    .mainForm label.formFieldQuestion {
        font: 18px 'Bebas';
        margin: 6% 0 2.5%;
        letter-spacing: 0;
        text-align: left;
        display: block;
    }

    ul.mainForm li input[type='text'] {
        background: none;
        border-color: #7b7b7b;
        width: 100%;
        height: auto;
        font-size: 18px;
        line-height: normal;
        margin: 0% 0 0;
        padding: 4px 9px 3px;
    }

    #mainForm input[type='email'] {
        background: none;
        border-color: #7b7b7b;
        width: 100%;
        height: auto;
        font-size: 18px;
        line-height: normal;
        margin: 0% 0 0;
        padding: 4px 9px 3px;
    }

    #fieldBox_1, #fieldBox_2, #fieldBox_3 {
        width: auto;
    }

    label.formFieldOption {
        font-size: 12px;
        letter-spacing: 0px;
    }

    #mainForm input[type='radio'] {
    }

    .color-radio{
        display: table;
    }
    .color-radio input{
        width: 27px;
        height: 27px;
        opacity: 0;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        cursor: pointer;
    }
    .color-radio .img{
        display: inline-block;
        margin: 0 0 0 -27px;
        float: right;
    }
    .color-radio .img.img-color {
        width: 27px;
        height: 27px;
    }
    .color-radio input:checked + .img{}
    .color-radio input:checked + .img:after{}
    .color-radio input:checked + .img:before{
    }
    .color-radio .img:before{
        display: block;
        content: '';
        background: #000000;
        width: 27px;
        height: 27px;
    }


    .color-radio .img.img-color:before{
        display: none;
    }
    .color-radio .img[data-color="#fff"]:before{background: #fff; height: 26px ; width: 26px;outline: 1px solid #dedede;}
    .color-radio .img[data-color="#004b45"]:before{background: #004b45; }
    .color-radio .img[data-color="#01203c"]:before{background: #01203c; }
    .color-radio .img[data-color="#7b7b79"]:before{background: #7b7b79; }
    .color-radio .img[data-color="#3d2849"]:before{background: #3d2849; }
    .color-radio .img[data-color="#0167b2"]:before{background: #0167b2; }
    .color-radio .img[data-color="#00ae4d"]:before{background: #00ae4d; }
    .color-radio .img[data-color="#3ea2d6"]:before{background: #3ea2d6; }
    .color-radio .img[data-color="#e40f32"]:before{background: #e40f32; }
    .color-radio .img[data-color="#5a9d23"]:before{background: #5a9d23; }
    .color-radio .img[data-color="#0084aa"]:before{background: #0084aa; }
    .color-radio .img[data-color="#21375e"]:before{background: #21375e; }
    .color-radio .img[data-color="#f7941f"]:before{background: #f7941f; }
    .color-radio .img[data-color="#fef56c"]:before{background: #fef56c; }
    #mainForm .radio-list{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .info-10 iframe,
    .info-55 iframe
    {
        display: block;
    }

    .size{display: block;float: left;border: 1px solid #999;}

    label.size {}
    .size input{
        width: 24px;
        height: auto;
        opacity: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    .size .img{
        display: inline-block;
        margin: 0 0 0 -24px;
        color: #999;
        font-size: 18px;
        font-family: 'Lato';
        line-height: 1em;
        padding: 13px 15px 9px;
    }
    .size input:checked + .img{
        color: #000;
    }

    .radio{}
    .radio input{
        width: 16px;
        height: 16px;
        opacity: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    .radio .img{
        display: inline-block;
        margin: 0 3px -2px -16px;
    }
    .radio input:checked + .img{}
    .radio input:checked + .img:after{}
    .radio input:checked + .img:before{
        background: #363636;
    }
    .radio .img:before{
        display: block;
        content: '';
        width: 6px;
        height: 6px;
        background: #ccc;
        border: 5px solid #ccc;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    .radio img:after{}

    .page-info.info-10 .description{padding: 0 3%;}

    li#fieldBox_3 .radio, li#fieldBox_4 .radio,li#fieldBox_8 .radio,li#fieldBox_9 .radio,li#fieldBox_10 .radio{
        margin: 5% 0;
        padding: 0;
    }
    #mainForm #saveForm{
        background: none;
        border: 1px solid #363636;
        color: #363636;
        font-size: 24px;
        letter-spacing: 1px;
        width: auto;
        line-height: normal;
        border-radius: 0;
        width: 100%;
        height: auto;
        font-family: 'Bebas';
        padding: 6px 0 0px;
        margin-top: 13%;
    }

    #fieldBox_7 label small{
        font-size: 18px;
        font-family: 'Lato';
        font-weight: 300;

    }
    #fieldBox_7 input{width: 50%;}

    .clear{
        clear: both;
    }

    .clearfix{
        clear: both;
    }

    .clearfix:after,
    .clearfix:before
    {
        content: '';
        display: block;
        clear: both;
    }
    #fieldBox_6 .color-radio {
        float: left;
        margin: 0 5px 5px;
        padding: 0;
        width: auto;
    }
    .size + .size {
        margin-left: -1px;
    }
    #mainForm textarea {
        background: #fff;
        width: 347px!important;
        font-size: 28px;
        line-height: 49px;
        margin: 2.5% 0 0;
        height: 100px;
        resize: vertical;
        max-width: 100%;
        border: none;
    }


    li#fieldBox_7 input {
        width: 42%;
        margin:  0 0 0 0;
    }

    li#fieldBox_6 .radio-list {
        margin: 0 -5px;
    }

    .btn-file .btn {
        font: 16px/1em 'Bebas';
        background: #ebebeb;
        display: block;
        float: left;
        padding: 8px 10px 4px;
        letter-spacing: 2px;
        border: 1px solid;
    }
    .btn-file .label{
        font: 11px/2.9em 'Lato';
        margin: 20px;
    }
    .btn-file input[type="file"]{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        visibility: hidden;
    }
    .btn-file{
        position: relative;
        display: block;
        margin: 2.5% 0 0;
    }
    .btn-file:after{
        content: '';
        display: block;
        clear: both;
    }
    .mainForm div.file {
        width: auto!important;
        margin: 0 0 1.5% 0!important;
    }

    .mainForm #fieldBox_7 label.formFieldQuestion {
        margin: 6% 0 1.8% 0;
    }

    .mainForm span.maxSize {
        font: 11px 'Lato';
    }

    .mainForm .number{
        display: table;
        font: 24px "Bebas";
        color: #333;
        line-height: 25px;
        width: auto!important;
        height: 70px;
        border: none;
    }
    .mainForm .number img {
        display: block;
        width: 100%;
        height: 15px;
        margin: 3px 1px;
    }
    .mainForm .number img:last-child{
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        margin-left: -1px;
    }
    #mainForm ul.mainForm li .number input[type='text']
    {
        width: 53px!important;
        display: block;
        font-size: 18px;
        text-align: center;
        line-height: 23px;
        margin: 0;
        color: #999;
        background: #fff;
        border: 1px solid #999;
    }
    ul.mainForm li#fieldBox_8 {
        float: left;
        width: 50%;
        padding: 0;
        margin:  0;
    }

    ul.mainForm li#fieldBox_9 {
        float: right;
        width: 45%;
        padding: 0;
        margin: 0;
    }

    ul.mainForm li#fieldBox_10 {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        padding-top: 6%;
    }

    ul.mainForm li#fieldBox_6 {
        padding-top: 6%;
    }
    .page-info .select-block {
        width: 290px;
        height: 52px;
        z-index: 10;
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 0px;
        position: relative;
        overflow: hidden;
        transition: .5s;
    }
    .page-info .select-block .select {
        display: inline-block;
        width: 100%;
        height: auto;
        font: 16px "Lato";
        text-transform: uppercase;
        color: #666;
        padding: 15px;
        padding-left: 25px;
        padding-right: 10%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #666;
        background: url(/images/main/333666.png) 96% center no-repeat;
    }

    .page-info .select-block .options {
        display: inline-block;
        opacity: 0;
        width: 100%;
        height: auto;
        margin: 3px 0;
        padding: 20px 15px;
        border: 1px solid #666;
        background: #fff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: absolute;
        top: 50px;
        transition: .5s;
        left: 0;
    }

    .page-info .select-block .options li {
        list-style: none;
    }
    .page-info .select-block .options li a {
        display: block;
        font: 16px "Lato";
        padding: 5px 0;
        text-decoration: none;
        text-transform: uppercase;
        color: #666;
    }

    .page-info .select-block:hover, .page-info .select-block:hover .options {
        opacity: 1;
        z-index: 100;
        transition: .5s;
        overflow: visible;
    }


    .menu .select-block {
        width: 290px;
        height: 52px;
        z-index: 10;
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 0px;
        position: relative;
        overflow: hidden;
        transition: .5s;
    }
    .menu .select-block .select {
        display: inline-block;
        width: 100%;
        height: auto;
        font: 16px "Lato";
        text-transform: uppercase;
        color: #666;
        padding: 15px;
        padding-left: 25px;
        padding-right: 10%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #666;
        background: url(/images/main/333666.png) 96% center no-repeat;
    }

    .menu .select-block .options {
        display: inline-block;
        opacity: 0;
        width: 100%;
        height: auto;
        margin: 3px 0;
        padding: 20px 15px;
        border: 1px solid #666;
        background: #fff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: absolute;
        top: 50px;
        transition: .5s;
        left: 0;
    }

    .menu .select-block .options li {
        list-style: none;
    }
    .menu .select-block .options li a {
        display: block;
        font: 16px "Lato";
        padding: 5px 0;
        text-decoration: none;
        text-transform: uppercase;
        color: #666;
    }
    .menu .select-block .options li a:hover,
    .menu .select-block .options li a:focus,
    .menu .select-block .options li a:active{
        color: #f26a25;
    }
    .menu .select-block:hover, .menu .select-block:hover .options {
        opacity: 1;
        z-index: 100;
        transition: .5s;
        overflow: visible;
    }

    .order-print{
        background: none;
        border: 2px solid #ff0;
        color: #ff0!important;
        font-size: 48px!important;
        letter-spacing: 3px;
        width: auto;
        line-height: normal;
        border-radius: 0;
        width: 438px;
        display: block;
        height: auto;
        font-family: 'Bebas';
        padding: 20px 0 9px;
        margin-top: 13%;
    }

    .info-11 h3 {
        font: 600 20px 'Lato';
    }

    .info-11 {
        font: 300 16px 'Lato';
        color: #666;
    }

    .info-11 p {
        line-height: 20px;
    }

    .info-11 .description {
    }

    .page-info.info-11 .select-block {
        /*margin-bottom: 60px;*/
    }

    .info-11 h2 {
        font: 600 40px/55px 'Bebas';
        color: #666;
        margin: 35px 0;
    }

    section.prices{
        width: 110.6%;
        margin: 0 -5.3%;
    }

    section.prices > .clearfix {
        background: #f5f5f5;
        padding: 0 4.9%;
    }

    section.prices h2 {
        margin: 35px 4.9%;
    }

    section.prices > .clearfix > div {
        text-align: center;
        padding: 60px 0 20px 0;
    }

    section.prices > .clearfix ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    section.prices > .clearfix li {
        text-align: left;
        float: left;
        width: 100%;
        position: relative;
    }
    section.prices > .clearfix li:hover{
        cursor: pointer;
    }
    /*section.prices > .clearfix li:hover:after,*/
    section.prices > .clearfix li.active:after
    {
        content: '';
        display: block;
        width: 120%;
        height: 100%;
        min-height: 97px;
        border: 1px solid #898989;
        position: absolute;
        top: -10%;
        left: -10%;
    }

    section.prices .icon-full {
        background: url(/images/info-icons.png);
        width: 70px;
        height: 26px;
        display: none;
        margin: 0 auto;
        display: none;
    }

    section.prices .col-lg-18 {
        padding: 18px 0 0 0;
        width: 70%;
    }

    section.prices > .clearfix h4 {
        font: 600 175px/.95em 'Bebas';
        margin: 0;
        text-transform: uppercase;
        color: #333;
        letter-spacing: 6px;
        overflow: hidden;
    }

    section.prices > .clearfix h5 {
        font: 100 55px/.6em 'Bebas';
        margin: 0;
        color: #000;
        letter-spacing: 10px;
        text-align: center;
    }

    section.prices > .clearfix .nav-list li img {
        max-height: 83px;
        max-width: 60%;
    }

    section.prices > .clearfix .nav-list li {
        padding: 2px 0px;
        min-height: 100px;
    }
    section.prices > .clearfix .nav-list li span{
        font: 100 44px/0.5em Bebas;
        margin: 0 -100% 0 0.1em;
        position: relative;
        top: -0.2em;
    }

    section.prices > .clearfix .details {}

    section.prices > .clearfix .desc .float-left:first-child {
        padding: 0 15px 0 0;
        margin: 0 15px 0 0;
        border-right: 1px solid #999;
        max-width: 100%;
    }
    section.prices > .clearfix .desc .dynamic.active{
        display: block;
    }
    section.prices > .clearfix .desc .dynamic{
        display: none;
    }
    section.prices > .clearfix > div.desc {
        text-align: left;
    }

    section.prices > .clearfix > div.desc .float-left p {
        font: 300 24px/1.2em 'Helvetica';
        color: #666;
        margin: 0;
    }

    section.prices > .clearfix > div.desc span {
        display: block;
        /* font-family: Bebas; */
    }

    .float-left {}

    section.prices > .clearfix .desc .float-left {
        max-width: 50%;
        margin-right: -50%;
    }
    section.prices > .clearfix > div.desc .float-left .help {
        font-size: 14px;
        letter-spacing: 1px;
        font-family: Helvetica;
    }

    section.prices > .clearfix > div.desc .old-price {
        font-size: 20pt;
        text-transform: uppercase;
        color: #999;
        font-family: Bebas;
        border-top: 2px solid;
        display: table;
        line-height: 0.2em;
        margin-top: .8em;
    }

    section.prices > .clearfix > div.desc .old-price strong {
        font-size: 24pt;
    }

    section.prices > .clearfix > div.desc .new-price {
        font-size: 28pt;
        line-height: normal;
        margin-top: 9px;
        margin-bottom: -2px;
        font-family: Bebas;
    }
    section.prices > .clearfix > div.desc .new {
        color: #f00;
    }

    section.prices > .clearfix > div.desc .old {
        color: #999999;
        text-decoration: line-through;
    }

    section.prices > .clearfix > div.desc .new-price strong {
        font-size: 53pt;
    }


    .prices a.order-print {
        margin: 30px 0;
        text-align: center;
        padding: 10px 0 0;
        max-width: 50%;
        border: 1px solid;
        color: #636363!important;
    }
    section.prices > .clearfix li img {
        /* min-height: 97px; */
        /* max-width: 100%; */
    }

    .info-11 h6 {
        font-size: 20px;
        margin: 0;
    }
    .info-55 .description > p:first-child {
        margin: 0 -7.142%;
        padding: 7.142% 0%;
        background: #efeeee;
        width: 114.284%;
    }
    .info-11 h6.text-upper {
        font-size: 16px;
        font-weight: 300;
        margin: 0 0 0;
        line-height: 3em;
    }

    .info-11 .big-line {
        text-decoration: underline;
        line-height: 3em;
        color: #333;
    }
    .info-11 .big-line a {
        color: #333;
        display: block;
    }

    .info-11 div.help {
        font: 100 16px 'Lato';
        color: #666;
    }

    ul.yellow-disk {
        color: #f7941d;
        list-style: disc;
        line-height: 2em;
    }

    ul.yellow-disk span {
        color: #666;
    }

    section.prices .col-lg-18 img {
        max-width: 80%;
    }
    section.prices .col-lg-18 img{
        display: none;
    }
    section.prices .col-lg-18 img.active{
        display: inherit;
        margin: 0 auto;
    }
    .prices .col-lg-6 {
        width: 30%;
    }

    section.costs {
        width: 100%;
        padding: 40px 5.3% 0px;
        margin: 0 -5.3%;
        font: 100 30px Bebas;
        background: #f5f5f5;
        line-height: normal;
        text-align: center;
    }

    section.costs > div {
        width: 25%;
        float: left;
        padding-bottom: 35px;
    }

    .info-11 .action {
        width: 100%;
        padding: 28px 5.3% 21px;
        margin: 0 -5.3% 40px;
        color: #fff;
        background: #f7941d;
        font: 300 30px 'Bebas';
        letter-spacing: 3px;
    }

    section.costs .text-big {
        font-size: 90px;
        font-weight: 600;
        color: #000;
        line-height: normal;
        letter-spacing: 6px;
    }

    section.costs .text-small {
        font-size: 29px;
        letter-spacing: 10px;
        color: #000;
        border-top: 1px solid;
        padding: 8px 0 0 0;
        margin: -8px auto 0;
        text-align: center;
        text-indent: 10px;
        display: table;
    }

    .info-11 .costs p {
        line-height: normal;
    }

    .costs .col-lg-8 {
        margin-top: -5px;
    }

    .info-11 section > h6.text-upper {
        font-size: 20px;
        color: #333;
        line-height: 5em;
    }

    section.price-table {
        width: 100%;
        padding: 40px 5.3% 35px;
        margin: 0 -5.3%;
        font: 100 24px Bebas;
        background: #f5f5f5;
        line-height: normal;
        text-align: center;
    }
    .text-upper{text-transform: uppercase;}
    .display-t{
        display: table;
    }
    section.price-table table {
        font: 24px Bebas;
        border: none;
        text-align: left;
        border-spacing: 45px 35px;
        max-width: 100%;
    }

    section.price-table table td, section.price-table table th {
        font: 24px Bebas;
        border: none;
        max-width: 200px;
    }

    section.price-table table th {
        font-weight: 600;
        color: #ff9900;
    }

    .info-37,
    .info-38,
    .info-39,
    .info-13
    {
        font: 300 16px 'Lato';
        color: #666;
    }
    .info-37 h3,
    .info-38 h3,
    .info-39 h3,
    .info-13 h3
    {
        font: 600 20px 'Lato';
    }

    .info-37 p,
    .info-38 p,
    .info-39 p,
    .info-13 p
    {
        line-height: 20px;
    }

    .info-37 h2,
    .info-38 h2,
    .info-39 h2,
    .info-13 h2
    {
        font: 600 40px/55px 'Bebas';
        color: #666;
        margin: 49px 0 40px;
    }
    .info-37 .select-block,
    .info-38 .select-block,
    .info-39 .select-block,
    .info-13 .select-block {
        width: 320px;
    }
    .page-info .product {
        width: 110.6%;
        margin: 0 -5.3%;
    }

    .page-info .product h2 {
        padding: 0 4.9%;
        letter-spacing: 2px;
    }

    .page-info .product .outer {
        padding: 40px 4.9% 35px;
        background: #f5f5f5;
    }

    .page-info .product .inner {
        max-width: 1000px;
    }

    .page-info .product .col-lg-12 {
        text-align: center;
    }
    .page-info .product .col-lg-12 img {
        width: 70%;
    }
    .page-info .product ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 20px;
        font-weight: 100;
    }

    .page-info .product .list-color li {
        float: left;
        margin:  0 7px 7px 0;
    }

    .page-info .product .list-color li:nth-child(5n+1) {
        clear: left;
    }

    .page-info .product .properites span + span {
        font-weight: 300;
        color: #000;
    }
    .page-info .product .properites li{
        max-width:65%;
        text-transform: uppercase;
        line-height: 1.4em;
    }
    .page-info .product .label {
        font-size: 20px;
        font-weight: 300;
        color: #000;
        margin: 0.8em 0 .1em;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
    .page-info .product .list-size{
        font: 100 14px Helvetica;
        text-align: center;
    }
    .page-info .product .list-size li{
        float: left;
        background: #fff;
        border: 1px solid #999;
        padding: 8px 8px;
        min-width: 17px;
    }
    .page-info .product .list-size li+li{
        border-left: none;
    }

    .page-info .form-group{
        clear: both;
    }


    .info-37 .color-radio input:checked + .img,
    .info-38 .color-radio input:checked + .img,
    .info-39 .color-radio input:checked + .img,
    .info-13 .color-radio input:checked + .img
    {margin-bottom: -3px;margin-right: -3px;}

    .info-37 .color-radio input:checked + .img:before,
    .info-38 .color-radio input:checked + .img:before,
    .info-39 .color-radio input:checked + .img:before,
    .info-13 .color-radio input:checked + .img:before
    {
        width: 33px;
        height: 33px;
        margin:  -3px 0 0 -3px;
    }

    .page-info .product ul.list-color {
    }
    .info-37 .product .price .help,
    .info-38 .product .price .help,
    .info-39 .product .price .help,
    .info-13 .product .price .help
    {
        color: #999;
        font-size: 14px;
        font-weight: 100;
        font-family: Lato;
        display: inline;
    }
    .info-37 .product .price span,
    .info-38 .product .price span,
    .info-39 .product .price span,
    .info-13 .product .price span
    {
        font-size: 50px;
        font-family: Bebas ;
        font-weight: 600;
        color: #000;
    }
    .info-37 .product .price span.currency,
    .info-38 .product .price span.currency,
    .info-39 .product .price span.currency,
    .info-13 .product .price span.currency
    {
        color: #999;
        margin-right: 10px;
        font-weight: 300;
    }
    .page-info .product h2 span {
        font-weight: 100;
    }
    .info-37 .product .price,
    .info-38 .product .price,
    .info-39 .product .price,
    .info-13 .product .price
    {
        padding: 15px 0 0 0;
    }
    .contact-newblock{
        width: 110.6%;
        margin: 0 -5.3%;
        padding-left: 4.9%;
        padding-right: 4.9%;
    }
    .like_h1{
        display: none;
    }

    #content.page-info, .page-info{
        font: 300 16px Lato;
        color: #666;
    }

    .page-info h3 {
        font-size: 20px;
        color: #666;
    }
    .highslide-container table {
        left: 0!important;
        right: 0!important;
        margin: 0 auto!important;
    }

    .highslide-container .highslide-wrapper {
        left: 0!important;
        right: 0!important;
        margin: 0 auto!important;
    }

    .highslide-container {
        position: absolute!important;
        width: 75%!important;
        background: rgba(0,0,0,0);
        left: auto!important;
        right: 0;
    }
    .highslide-thumbstrip-inner .inner,
    .highslide-thumbstrip-inner .outer
    {
        display: none;
    }

    input.form-control{
        border: 1px solid #9C9C9C;
        padding: 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font: 300 16px Helvetica, sans-serif;
        color: #333;
        width: 100%;
        background: none;
        padding: 18px 9px 16px;
        margin: 0 0 8px 0;
        border: 1px solid #636363;
    }
    .control-label{
        font: 300 35px/1.2em Bebas;

    }

    .control-label + .radio{
        margin-left: 20px;
    }
    .form-group .radio span + span{
        font: 300 18px Lato;
        margin-left: 8px;
    }
    .form-group .radio + .radio{
        margin-left: 20px;
    }
    .form-group{
        margin: 2.069% 0;
    }
    .group-title{
        width: 110.6%;
        /* height: 80px; */
        background: #f7941d;
        margin: 0 -5.3%;
        padding: 17px 5.3% 9px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font: 30px "Bebas";
        color: #fff;
        text-transform: uppercase;
    }
    .form-group .help-block{
        color: #f00;
    }
    textarea.form-control{
        border: 1px solid #9C9C9C;
        padding: 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font: 300 16px Helvetica, sans-serif;
        color: #333;
        width: 100%;
        height: 70px;
        resize: vertical;
        background: none;
        padding: 18px 9px 16px;
        margin: 0 0 8px 0;
        border: 1px solid #636363;
    }
    .hidden-xs{
        display: none!important;
    }
    .visible-xs{
        display: inherit!important;
    }
    .visible-xs-block{
        display: block!important;
    }
    .visible-xs-inline{
        display: inline!important;
    }
}

/*----------------page  clients fancybox styles------------------------*/

.brandbox, .brandbox *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;: ;
}
.baner-grid li a:hover .brandbox,
.baner-grid li a:focus .brandbox{
    display: block!important;
}
.brandbox {
    border: 10px solid #d9d9d9;
    position: absolute;
    width: 110.769%;
    height: 0;
    display: none;
    padding-top: 123.07%;
    background: #fff;
    overflow: hidden;
    z-index: 100;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.baner-grid li .brandbox img{
    display: block;
    width: 100%!important;
    height: auto!important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: inherit;
    bottom: inherit;
}
.baner-grid li.active{
    z-index: 10500;
    overflow: visible;
    position: relative;
}

.brandbox .close:before,
.brandbox .close:after
{
    content: '';
    display: block;
    position: absolute;
    height: 44%;
    width: 1px;
    background: #f90;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    top: 29%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    box-sizing: initial;
    transform: rotate(45deg);
}
.brandbox .close:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: 26%;
    transform: rotate(-45deg);
}
.brandbox .close:hover,
.brandbox .close:focus,
.brandbox .close:active
{
    cursor: pointer;
    background: #f90;
    border-color: #fff;
}
.brandbox .close:hover:before,
.brandbox .close:focus:before,
.brandbox .close:active:before,
.brandbox .close:hover:after,
.brandbox .close:focus:after,
.brandbox .close:active:after{
    background: #fff;
}
.brandbox .close{
    width: 25px;
    z-index: 10;
    height: 25px;
    border: 1px solid #ff9900;
    border-radius: 50%;
    top: 4px;
    background: none;
    right: 6px;
    position: absolute;
    box-sizing: inherit;
}

.trebovaniy_maket_img-4{
    width: 48.349%;
}
.trebovaniy_maket_img-3{
    width:49.808%;
}
.more-about-print-1{margin-right: 40px;width: 35.91%;}
.more-about-print-2{
    width: 33.46%;
}
.more-about-print-3{}

#right-search {float: right;margin-top: 1.3728%;margin-left: -100%;position: relative;z-index: 10;padding: 0 3.6%;}
#right-search .ico{
    background: url(../image/search-ico.jpg) left center no-repeat;
    display: block;
    float: right;
    width: 30px;
    height: 48px;
    margin-left: -31px;
}
#right-search input{width: 270px;padding: 0.875em 1.875em 0.875em 0.875em;border-color: #b7b7b7;color: #b7b7b7;float: left;}
#right-search ::-webkit-input-placeholder {color:#b7b7b7;}
#right-search ::-moz-placeholder          {color:#b7b7b7;}/* Firefox 19+ */
#right-search :-moz-placeholder           {color:#b7b7b7;}/* Firefox 18- */
#right-search :-ms-input-placeholder      {color:#b7b7b7;}

#search input::-webkit-input-placeholder {color:#ff0;}
#search input::-moz-placeholder          {color:#ff0;}/* Firefox 19+ */
#search input:-moz-placeholder           {color:#ff0;}/* Firefox 18- */
#search input:-ms-input-placeholder      {color:#ff0;}


.product-images{
    float: right;
    margin-left: -11.0625em;
    margin-left: -100%;
}
.brend-69{}
.brend-69 .pull-left{
    float: left;
    width: 100%;
}
.brend-69 .image{
    padding-right: 11.0625em;
}
.brend-69 .image img{}
.product-images ul{
    padding: 0;
    margin: 0 4.75em 0 0;
    list-style: none;
}
.product-images img{
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    min-width: 100%;
    min-height: 100%;
}
.product-images a{
    display: block;
    width: 6.1875em;
    height: 6.1875em;
    border: 1px solid #898989;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin: 0 0 1.575em;
}
/*****************************************************************************/
@media (max-width: 1300px){
    .catalog .outer a{font-size: 25px;}

}
@media (max-width: 1350px){

}
@media screen and (max-width: 1400px){
    .catalog .outer a{font-size: 19px;}
    #footer .column ul li a{
        font-size:12px;
    }
    #footer #social ul li{
        float: left;margin-left: 15px;}
}
@media (max-width: 1750px){
    section.costs > div {
        width: 50%;
        float: left;
    }
}
@media (max-width: 767px){

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
        position: relative;
        min-height: 1px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
        float: left;
    }
    .col-xs-24 {
        width: 100%;
    }
    .col-xs-23 {
        width: 95.83333333%;
    }
    .col-xs-22 {
        width: 91.66666667%;
    }
    .col-xs-21 {
        width: 87.5%;
    }
    .col-xs-20 {
        width: 83.33333333%;
    }
    .col-xs-19 {
        width: 79.16666667%;
    }
    .col-xs-18 {
        width: 75%;
    }
    .col-xs-17 {
        width: 70.83333333%;
    }
    .col-xs-16 {
        width: 66.66666667%;
    }
    .col-xs-15 {
        width: 62.5%;
    }
    .col-xs-14 {
        width: 58.33333333%;
    }
    .col-xs-13 {
        width: 54.16666667%;
    }
    .col-xs-12 {
        width: 50%;
    }
    .col-xs-11 {
        width: 45.83333333%;
    }
    .col-xs-10 {
        width: 41.66666667%;
    }
    .col-xs-9 {
        width: 37.5%;
    }
    .col-xs-8 {
        width: 33.33333333%;
    }
    .col-xs-7 {
        width: 29.16666667%;
    }
    .col-xs-6 {
        width: 25%;
    }
    .col-xs-5 {
        width: 20.83333333%;
    }
    .col-xs-4 {
        width: 16.66666667%;
    }
    .col-xs-3 {
        width: 12.5%;
    }
    .col-xs-2 {
        width: 8.33333333%;
    }
    .col-xs-1 {
        width: 4.16666667%;
    }
    .col-xs-pull-24 {
        right: 100%;
    }
    .col-xs-pull-23 {
        right: 95.83333333%;
    }
    .col-xs-pull-22 {
        right: 91.66666667%;
    }
    .col-xs-pull-21 {
        right: 87.5%;
    }
    .col-xs-pull-20 {
        right: 83.33333333%;
    }
    .col-xs-pull-19 {
        right: 79.16666667%;
    }
    .col-xs-pull-18 {
        right: 75%;
    }
    .col-xs-pull-17 {
        right: 70.83333333%;
    }
    .col-xs-pull-16 {
        right: 66.66666667%;
    }
    .col-xs-pull-15 {
        right: 62.5%;
    }
    .col-xs-pull-14 {
        right: 58.33333333%;
    }
    .col-xs-pull-13 {
        right: 54.16666667%;
    }
    .col-xs-pull-12 {
        right: 50%;
    }
    .col-xs-pull-11 {
        right: 45.83333333%;
    }
    .col-xs-pull-10 {
        right: 41.66666667%;
    }
    .col-xs-pull-9 {
        right: 37.5%;
    }
    .col-xs-pull-8 {
        right: 33.33333333%;
    }
    .col-xs-pull-7 {
        right: 29.16666667%;
    }
    .col-xs-pull-6 {
        right: 25%;
    }
    .col-xs-pull-5 {
        right: 20.83333333%;
    }
    .col-xs-pull-4 {
        right: 16.66666667%;
    }
    .col-xs-pull-3 {
        right: 12.5%;
    }
    .col-xs-pull-2 {
        right: 8.33333333%;
    }
    .col-xs-pull-1 {
        right: 4.16666667%;
    }
    .col-xs-pull-0 {
        right: auto;
    }
    .col-xs-push-24 {
        left: 100%;
    }
    .col-xs-push-23 {
        left: 95.83333333%;
    }
    .col-xs-push-22 {
        left: 91.66666667%;
    }
    .col-xs-push-21 {
        left: 87.5%;
    }
    .col-xs-push-20 {
        left: 83.33333333%;
    }
    .col-xs-push-19 {
        left: 79.16666667%;
    }
    .col-xs-push-18 {
        left: 75%;
    }
    .col-xs-push-17 {
        left: 70.83333333%;
    }
    .col-xs-push-16 {
        left: 66.66666667%;
    }
    .col-xs-push-15 {
        left: 62.5%;
    }
    .col-xs-push-14 {
        left: 58.33333333%;
    }
    .col-xs-push-13 {
        left: 54.16666667%;
    }
    .col-xs-push-12 {
        left: 50%;
    }
    .col-xs-push-11 {
        left: 45.83333333%;
    }
    .col-xs-push-10 {
        left: 41.66666667%;
    }
    .col-xs-push-9 {
        left: 37.5%;
    }
    .col-xs-push-8 {
        left: 33.33333333%;
    }
    .col-xs-push-7 {
        left: 29.16666667%;
    }
    .col-xs-push-6 {
        left: 25%;
    }
    .col-xs-push-5 {
        left: 20.83333333%;
    }
    .col-xs-push-4 {
        left: 16.66666667%;
    }
    .col-xs-push-3 {
        left: 12.5%;
    }
    .col-xs-push-2 {
        left: 8.33333333%;
    }
    .col-xs-push-1 {
        left: 4.16666667%;
    }
    .col-xs-push-0 {
        left: auto;
    }
    .col-xs-offset-24 {
        margin-left: 100%;
    }
    .col-xs-offset-23 {
        margin-left: 95.83333333%;
    }
    .col-xs-offset-22 {
        margin-left: 91.66666667%;
    }
    .col-xs-offset-21 {
        margin-left: 87.5%;
    }
    .col-xs-offset-20 {
        margin-left: 83.33333333%;
    }
    .col-xs-offset-19 {
        margin-left: 79.16666667%;
    }
    .col-xs-offset-18 {
        margin-left: 75%;
    }
    .col-xs-offset-17 {
        margin-left: 70.83333333%;
    }
    .col-xs-offset-16 {
        margin-left: 66.66666667%;
    }
    .col-xs-offset-15 {
        margin-left: 62.5%;
    }
    .col-xs-offset-14 {
        margin-left: 58.33333333%;
    }
    .col-xs-offset-13 {
        margin-left: 54.16666667%;
    }
    .col-xs-offset-12 {
        margin-left: 50%;
    }
    .col-xs-offset-11 {
        margin-left: 45.83333333%;
    }
    .col-xs-offset-10 {
        margin-left: 41.66666667%;
    }
    .col-xs-offset-9 {
        margin-left: 37.5%;
    }
    .col-xs-offset-8 {
        margin-left: 33.33333333%;
    }
    .col-xs-offset-7 {
        margin-left: 29.16666667%;
    }
    .col-xs-offset-6 {
        margin-left: 25%;
    }
    .col-xs-offset-5 {
        margin-left: 20.83333333%;
    }
    .col-xs-offset-4 {
        margin-left: 16.66666667%;
    }
    .col-xs-offset-3 {
        margin-left: 12.5%;
    }
    .col-xs-offset-2 {
        margin-left: 8.33333333%;
    }
    .col-xs-offset-1 {
        margin-left: 4.16666667%;
    }
    .col-xs-offset-0 {
        margin-left: 0%;
    }
}