.topdescription .title-h1 {
    text-align: center;
}

.topdescription .text a {
    color: #0074b8;
}

.topdescription .text a:hover {
    color: #0074b8;
}


/*Почему с нами выгодно*/
.b-front .profit {
    clear: both;
}

/*Получить скидку*/
.b-front.getdiscount {
    background: #ffcc52;
    background: radial-gradient(ellipse, #f2e552, #ffcc52);
}

.getdiscount a,
.b-front .getdiscount a:visited {
    color: #06659c;
}

.b-front .getdiscount a:active,
.b-front .getdiscount a:hover {
    color: #0074b8;
}

.getdiscount .title-h1 {
    text-align: center;
    line-height: 1.3;
}

.getdiscount .center {
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
}

/*Карта офисов продаж*/
.b-front.frontmap {
    background: #e7f6ea;
}

.frontmap .title-h1 {
    text-align: center;
}

.frontmap .map-box {
    background: #0074b8;
    padding: 5px;
}

/*Внутрянка*/
.inner {
    width: 980px;
    margin: 0 auto;
    display: table;
    padding: 30px 20px;
}

.t-side,
.t-content {
    vertical-align: top;
}

.t-content {
    font-size: 16px;
}

.t-side {
    padding: 0 30px 0 0;
    width: 200px;
}

.t-content ul {
    margin: 0 0 30px 15px;
    list-style-type: none;
}

.t-content ol {
    margin: 0 0 25px 15px;
    list-style-type: none;
}

.t-content ul li,
.t-content ol li {
    padding: 0 0 5px 20px;
    position: relative;
}

.t-content ol li {
    counter-increment: step-counter;
}

.t-content ul li:before,
.t-content ol li:before {
    color: #0074b8;
}

.t-content ul li:before,
.t-content ol ul li:before {
    content: "•";
    position: absolute;
    font-size: 27px;
    top: -8px;
    left: 0px;
}

.t-content ol li:before,
.t-content ul ol li:before {
    content: counter(step-counter) ".";
    position: absolute;
    left: 0px;
}

.t-content ul li,
.t-content ol li {
    color: #1a1a1a;
    line-height: 1.5;
}

.t-content ul li ol {
    margin: 10px 0 5px 0;
}

.t-content ol li ul {
    margin: 10px 0 5px 0;
}

.t-content p,
.t-content h1,
.t-content h2,
.t-content h3,
.t-content h4,
.t-content .h1,
.t-content .h2,
.t-content .h3,
.t-content .h4 {
    margin: 0 0 15px 0;
}

.t-content h3.titul {
    font-family: 'PFDinDisplayProRegular' !important;
    line-height: 1.1;
    font-size: 36px;
    text-transform: none;
    color: #1a1a1a;
    font-weight: normal;
    margin-top: 0;
}

.t-content p,
.content {
    line-height: 1.5;
}

.content h1,
.content .h1 {
    font-family: 'PFDinDisplayProRegular' !important;
    line-height: 1.3;
    font-size: 46px;
    text-transform: uppercase;
    color: #1a1a1a
}

.content h2,
.h2 {
    font-family: 'PFDinDisplayProRegular';
    line-height: 1.1;
    font-size: 36px;
    text-transform: none;
    color: #1a1a1a;
    font-weight: normal;
}

.content h3,
.content .h3 {
    font-family: 'PFDinDisplayProRegular' !important;
    line-height: 1.1;
    font-size: 24px;
    text-transform: none;
    color: #1a1a1a;
    font-weight: normal;
    margin-top: 20px;
}

.content h4,
.content .h4 {
    line-height: 1.5;
    font-size: 16px;
    text-transform: none;
    color: #1a1a1a;
    font-weight: bold;
    margin-top: 20px;
}

.content a,
.map-box a {
    color: #0074b8 !important;
    font-style: normal;
}

.content a:hover,
.map-box a:hover {
    color: #0074b8 !important;
    font-style: normal;
}

.bread {
    margin: 0 0 10px 0;
    line-height: 1.3;
    font-size: 14px;
}

.bread a {
    color: #005282;
    text-decoration: none;
}

.bread a:hover {
    text-decoration: underline;
}

.content img.img-l {
    width: 750px;
    margin: 10px 0 25px 0;
}

.content img.img-left {
    float: left;
    margin: 0 25px 20px 0;
}

.content img.img-right {
    float: right;
    margin: 0 0 20px 25px;
}

.bw {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    /* IE 6-9 */
}

a.red_button {
    background-color: #e92229;
    color: #fff !important;
    border: 2px solid #e92229;
    font-size: 24px;
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 5px;
    font-family: 'PFDinDisplayProRegular';
    clear: both;
    float: left;
}

a.red_button:hover {
    background-color: red;
    color: #fff !important;
}

.div-r,
.div-l {
    width: 365px;
    float: left;
    text-align: center;
}

.div-r img,
.div-l img {
    width: 365px;
}

.div-l {
    margin: 0 20px 20px 0;
}

.div-r {
    margin: 0 0 20px 0;
}

a.red_button2 {
    font-size: 16px !important;
    padding: 9px 26px !important;
    background-color: #e92229;
    color: #ffffff !important;
    border: 2px solid #e92229;
    text-decoration: none;
    border-radius: 5px;
}

a.red_button2:hover {
    background-color: red;
    color: #fff !important;
}

.div-r,
.div-l {
    width: 365px;
    float: left;
    text-align: center;
}

.div-r img,
.div-l img {
    width: 365px;
}

.div-l {
    margin: 0 20px 20px 0;
}

.div-r {
    margin: 0 0 20px 0;
}

/*left-menu*/
.t-side .menu ul {
    list-style-type: none;
    font-size: 14px;
}

.t-side .menu ul li.tab {
    margin-left: 0px;
}

.t-side .menu ul li {
    margin: 0 0 10px 0;
}

.t-side .menu ul li a,
.t-side .menu ul li a:visited {
    color: #1a1a1a;
    text-decoration: none;
    line-height: 1.3;
}

.t-side .menu ul li a:active,
.t-side .menu ul li a:hover {
    color: #1a1a1a;
    text-decoration: underline;
}

.t-side .menu ul li span.selected {
    font-weight: 600;
    line-height: 1.3;
}

/* Отзывы на главной */
.opinions-inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.b-reviews {
    background: #eee url(/images/review.jpg) 50% 50% no-repeat;
    margin: 0px;
    padding: 70px 0;
    height: 680px;
}

.b-reviews h2 {
    color: #1a1a1a;
    margin-bottom: 22px;
}

.b-reviews .sub-header {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.b-reviews .reviews-box {
    margin: 0 auto;
    width: 980px;
    padding: 0;
    position: relative;
}

.b-reviews_cols {
    text-align: center;
}

.b-reviews_cols .col {
    width: 488px;
}

.b-reviews_item {
    position: relative;
    background: #fff;
    width: 250px;
    height: 455px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border-radius: 6px;
    padding: 30px;
}

.b-reviews_item .name {
    font-weight: 600;
    line-height: 1.5;
}

.b-reviews_item p {
    margin-top: 20px;
    line-height: 1.5;
}

.b-reviews_link_wrap {
    text-align: center;
    position: relative;
}

a.b-reviews_link {
    color: #1a1a1a;
    text-decoration: underline;
    font-size: 24px;
    line-height;
    1.3;
    font-family: 'PFDinDisplayProRegular'
}

a.b-reviews_link:hover {
    text-decoration: none;
}

.b-reviews #owl-otzyvy {
    padding: 0;
    margin: 0 auto;
    width: 980px;
    text-align: center;
    height: 550px;
}

.b-reviews .customNavigation {
    text-align: center;
    margin: 0 auto;
    width: 999px;
    position: relative;
    top: -240px;
}

.b-reviews .customNavigation .prev {
    left: -30px;
}

.b-reviews .customNavigation .next {
    right: -30px;
}

.b-reviews_item .stars-day {
    margin: 10px 0 15px 0;
}

.b-reviews_item .office {
    color: #fff;
}

.b-reviews_item .office img,
.b-reviews_item .stars-day img {
    margin: 0 10px 0 0;
    position: relative;
    top: 2px;
}

.b-reviews_item .stars-day span.date {
    font-size: 14px;
    color: #6d6e71;
}

.b-reviews_item .office {
    padding: 10px 30px;
    background: #0074b8;
    width: 250px;
    position: relative;
    right: 30px;
}

.b-reviews_item a.office-link {
    color: #fff;
    position: relative;
    bottom: 4px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
}

.b-reviews_item a.office-link:hover {
    text-decoration: underline;
}

.stars1 {
    background: url(/images/5stars.png) no-repeat;
}

.stars2 {
    background: url(/images/4stars.png) no-repeat;
}

.stars3 {
    background: url(/images/3stars.png) no-repeat;
}

.stars4 {
    background: url(/images/2stars.png) no-repeat;
}

.stars5 {
    background: url(/images/1stars.png) no-repeat;
}

.stars5,
.stars4,
.stars3,
.stars2,
.stars1 {
    width: 108px;
    height: 21px;
    margin: 0 20px 0 0;
    float: left;
    position: relative;
    bottom: 3px;
}

.b-reviews .geo {
    background: url(/images/geo.png) no-repeat;
    width: 18px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 8px;
}

/*honors*/
.honors .block-inner {
    text-align: center;
}

.honors .honor-box .img {
    height: 146px;
    width: 146px;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

.honors .honor-box .name {
    line-height: 1.5;
}

.honor-box {
    width: 200px;
    display: inline-block;
    margin: 0 20px;
}

.honors .honor-box .honor1 {
    background: url('/images/honors/honor-zolotoe-okno.png') no-repeat 0 0;
}

.honors .honor-box .honor2 {
    background: url('/images/honors/honor-zolotoe-okno.png') no-repeat 0 0;
}

.honors .honor-box .honor3 {
    background: url('/images/honors/honor-eco-quality.png') no-repeat 0 0;
}

.honors .honor-box .honor4 {
    background: url('/images/honors/honor-save-energy.png') no-repeat 0 0;
}

/*страница офисов*/
#imageGallery .big {
    width: 460px;
    height: 320px;
}

a.ankor {
    color: #0074b8;
    text-decoration: none;
    border-bottom: 1px #0074b8 dashed;
}

a.ankor:hover {
    color: #0074b8;
    border-bottom: 1px #0074b8 dashed;
    text-decoration: none;
}

.t-main-content td.t-content {
    background-color: #fff;
}

.lSPager.lSGallery li {
    width: 70px !important;
}

.office .content,
.product .content {
    padding: 40px 40px 40px 60px !important;
}

.office .office-info {
    position: relative;
    vertical-align: top;
    display: table;
}

.office .office-info .field {
    position: relative;
    clear: both;
    width: 100%;
    display: table-row;
}

.office .office-info .field div {
    position: relative;
    display: table-cell;
    padding-bottom: 20px;
    line-height: 1.5;
}

.office .office-info .desc {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    width: 140px;
    padding-left: 10px;
}

.office .office-info .info {
    color: #000;
}

.office .office-recall {
    position: relative;
    left: -20px;
}

.office .office-info .field .adress,
.office .office-info .field .phone,
.office .office-info .field .clock,
.office .office-info .field .close {
    height: 20px;
    width: 22px;
    position: absolute;
    left: -22px;
}

.office .office-info .field .adress {
    background: url('/images/office-icon.png') 2px 3px no-repeat;
}

.office .office-info .field .phone {
    background: url('/images/office-icon.png') -23px 3px no-repeat;
}

.office .office-info .field .clock {
    background: url('/images/office-icon.png') -57px 3px no-repeat;
}

.office .office-info .field .close {
    background: url('/images/office-icon.png') -90px 3px no-repeat;
}

.about-office {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 10px;
}

.about-office .manager-photo {
    display: inline-block;
    width: 210px;
    height: 210px;
    margin-right: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    vertical-align: top;
}

.about-office .desc {
    display: inline-block;
    line-height: 1.5;
    width: 495px;
    position: relative;
    vertical-align: top;
}

.about-office .desc:before {
    content: '';
    background: url('/images/office-icon.png') -123px 0px no-repeat;
    width: 27px;
    height: 24px;
    position: absolute;
    left: -40px;
}

.about-office .desc .sign {
    font-weight: bold;
    margin-top: 15px;
}

.about-office .desc .skype {
    margin-top: 25px;
    position: relative;
    left: 30px;
}

.about-office .desc .skype:before {
    content: '';
    background: url('/images/office-icon.png') -162px -1px no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: -30px;
    top: -5px;
}

.tabsoff.findus label {
    width: 186px;
}

.tabsoff.findus label#tab_l2 {
    padding: 15px 3.5px 12px 2.5px;
}

#tab_1:checked ~ label#tab_l1:after,
#tab_2:checked ~ label#tab_l2:after,
#tab_3:checked ~ label#tab_l3:after,
#tab_4:checked ~ label#tab_l4:after {
    left: 42%;
}

.opinions-block {
    margin-top: 35px;
    position: relative;
}

.statistic {
    padding: 22px 25px 25px 25px;
    background-color: #eff0f0;
    margin-bottom: 55px;
    width: 700px;
    display: table;
}

.statistic img {
    position: relative;
    top: 3px;
    margin-left: 5px;
}

#tab_c2 iframe {
    width: 750px !important;
    height: 400px !important;
}

/*все офисы продаж*/
.i-content-background #map {
    width: 100%;
    height: 380px;
    padding: 0;
    margin: 0;
}

.list-office {
    width: 100%;
    display: inline-block;
    clear: both;
}

.list-office .item {
    float: left;
    min-height: 75px;
    padding: 0 20px 0 0;
    width: 350px;
}

.list-office .item .city {
    padding-bottom: 8px;
}

.list-office .item .city a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.list-office .item .city a:hover {
    text-decoration: underline;
}

.dealers-list-office {
    width: 100%;
    display: inline-block;
    clear: both;
}

.dealers-list-office .item {
    float: left;
    min-height: 75px;
    margin: 0 20px 20px 0;
    width: 323px;
    border: solid 1px #e2e2e2;
    padding: 20px;
    line-height: 1.5;
}

.dealers-list-office .item .title {
    margin: 0 0 25px 0;
}

.dealers-list-office .item .street {
    height: 50px;
}

.dealers-list-office .item .mainphone {
    height: 70px;
    padding-top: 10px;
}

/*.dealers-list-office .b-owner .dealers-list-office {margin:40px 0 0 0;}*/
.dealers-list-office .b-owner {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    line-height: 1.5;
}

.dealers-list-office .b-owner .owner {
    line-height: 1.5;
}

.dealers-list-office .nomar {
    margin-right: 0 !important;
}

.dealers-list-office .field .adress {
    background: url('/images/office-icon.png') 0 0 no-repeat;
    width: 25px;
    height: 25px;
    top: 1px;
}

.dealers-list-office .field .tel {
    background: url('/images/office-icon.png') -23px 3px no-repeat;
    width: 25px;
    height: 25px;
    top: -2px;
}

.dealers-list-office .field div {
    position: relative;
    display: table-cell;
    line-height: 1.5;
}

.dealers-list-office .inn {
    padding-left: 5px;
}

.dealers-description {
    line-height: 1.5;
}

.alloffices {
    text-align: center;
    margin-top: 45px;
    font-family: 'PFDinDisplayProRegular';
}

.alloffices a {
    color: #1a1a1a;
    font-size: 24px;
}

/*продукция*/
.productpage .dealprice {
    font-family: 'PFDinDisplayProRegular';
}

.productpage .dealprice span {
    display: inline-block;
}

.productpage .dealvantage ul {
    color: #000;
    margin-top: 0 !important;
}

.productpage .t-content ul li {
    margin: 0;
}

.laminat {
    float: left;
    width: 150px;
    text-align: center;
    font-size: 14px;
    color: grey;
    margin: 0 0 20px 0;
}

/*отзывы*/
p.quote:before {
    content: '';
    background: url('/images/office-icon.png') -123px 0px no-repeat;
    width: 27px;
    height: 24px;
    position: absolute;
    left: -40px;
}

p.quote {
    position: relative;
    left: 40px;
}

.opinions .i-photo {
    background: url(/images/avfilonenko.jpg) center center no-repeat;
    background-size: cover;
}

.opinion-item .opinion-answer {
    padding: 20px 30px;
    background: #0074b81a;
    margin: 0 0 50px 0;
}

.opinion-item .opinion-text {
    margin: 20px 0 20px 0;
    padding: 20px 0 0 0;
    border-top: solid 1px #e2e2e2;
}

.opinion-item .opinion-header div {
    display: inline-block;
    margin-top: 10px;
}

.opinion-item .opinion-author {
    font-weight: 600;
    margin-right: 40px;
}

.opinion-item .opinion-stars {
    margin: 0 0 0 40px;
}

.opinion-item .opinion-stars img {
    position: relative;
    top: 5px;
}

.opinion-item .opinion-date {
    float: right;
    font-size: 14px;
    position: relative;
    top: 8px;
    color: #666;
}

.opinion-item .opinion-office:before {
    content: '';
    background: url('/images/office-icon.png') 0 0 no-repeat;
    height: 20px;
    width: 22px;
    position: absolute;
    left: -22px;
    top: -4px;
}

.opinion-item .opinion-office {
    position: relative;
    left: 22px;
    font-size: 14px;
}

/*общие элементы для страниц внутрянки*/
.i-content-background {
    width: 100%;
    /*min-height: 560px;*/
    left: 0;
    top: 0;
    background: url('/images/background.jpg') center center no-repeat;
    background-size: cover;
}

.slider_slide {
    min-height: 560px;
}

.i-content-background .inner {
    width: 980px;
    margin: 0 auto;
    display: table;
    padding: 10px 20px 45px 20px;
    min-height: 420px;
}

/*.i-content-background .headline {height:105px;}*/
.i-content-background h1 {
    margin-bottom: 20px !important;
}

.i-content-background .t-main-content .t-content .content {
    padding: 40px 40px 40px 40px;
}

.i-content-background .t-main-content .t-content .content .hello {
    margin: 0 0 25px 0;
}

.i-content-background .t-main-content .t-content .content .hello ul {
    margin: 0;
}

.i-content-background .t-main-content .t-content .content .hello h2 {
    line-height: 1.1 !important;
}

.i-content-background .i-photo {
    width: 458px;
    height: 100%;
    margin-right: 7px;
    /*display: table;*/
}

.i-content-background .t-main-content {
    position: relative;
    width: 100%;
    height: 380px;
}

.i-content-background .t-main-content .t-side {
    width: 465px;
    padding: 0;
}

.i-content-background .t-main-content .t-content {
    width: 515px;
}

.i-content-background .t-main-content .t-side .clearfix {
    width: 458px;
    height: 380px;
    margin-right: 7px;
}

.i-content-background .t-main-content .t-side .clearfix .lSSlideOuter {
    width: 458px;
    height: 380px;
    margin-right: 7px;
}

.img750 {
    width: 750px;
    margin: 10px 0 0 0;
}

.marker h3 {
    margin-top: 0px;
}

.oficess select {
    width: 420px;
    height: 40px;
    border: solid 1px #e1e1e1;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
}

.oficess {
    width: 420px;
    height: 40px;
    float: left;
}

.sort {
    width: 250px;
    height: 38px;
    float: left;
    border: solid 1px #0074b8;
    border-radius: 5px;
    margin: 0 0 0 20px;
    text-align: center;
}

.sortdate {
    width: 125px;
    height: 18px;
    float: left;
    border: #0074b8;
    padding: 10px 0;
    border-right: 1px solid #0074b8;
    cursor: pointer;
    color: #0074b8;
}

.sortrate {
    width: 124px;
    height: 18px;
    float: left;
    border: #0074b8;
    padding: 10px 0;
    cursor: pointer;
    color: #0074b8;
}

#sortdate,
#sortrate {
    display: none;
}

.sortdate label,
.sortrate label {
    cursor: pointer;
    font-family: 'PFDinDisplayProRegular';
    font-weight: 400;
}

.sortchecked {
    background: #0074b8;
    color: #fff;
}

.otdelka-page .tab-content {
    margin: 20px 0 0;
    width: 735px;
    height: 576px;
}

img.w220 {
    width: 220px
}

img.w350 {
    width: 350px
}

/*элементы карты*/
#map {
    width: 100%;
    height: 400px;
    padding: 0;
    margin: 0;
    font: 14px/1.3 'Open Sans' !important;
}

#map .mapphone {
    padding: 5px 0 10px 0;
}

#map .mapphone span {
    display: block;
}

#map .map-content {
    background: #fff;
    width: 920px;
    height: 400px;
    clear: left;
    float: left;
    margin-bottom: 40px;
}

#map .ymaps-b-balloon__content-head {
    font-weight: 600;
}

#map .ymaps-b-balloon__content-body {
    margin-top: 5px;
}

#map .ymaps-b-balloon__content-head a {
    color: #000;
}

#map .ymaps-b-balloon__content-holster {
    padding: 0 10px 10px 10px !important;
}

#map .ymaps-2-1-39-balloon__content {
    font: 14px/1.3 'Open Sans' !important;
}

/*конец элементов карты*/
/*фоновая картинка на страницах*/
div.contacts {
    background: url('/images/background.jpg') center center no-repeat !important;
    background-size: cover;
}

/*.opinions {background: url('/images/opinions-background.jpg') !important;}*/
.productpage {
    background: url('/images/background.jpg') top center no-repeat !important;
    background-size: cover !important;
}

/*вакансии*/
.vacancy .i-photo {
    background: url(/images/vakancy.png) center center no-repeat;
    background-size: cover;
}

.about-vacancy {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 10px;
}

.about-vacancy .manager-photo {
    display: inline-block;
    width: 210px;
    height: 210px;
    margin-right: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    vertical-align: top;
}

.about-vacancy .desc {
    display: inline-block;
    line-height: 1.5;
    width: 495px;
    position: relative;
    vertical-align: top;
}

/*галерея*/
.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s;
}

.demo-gallery .justified-gallery > a > .img {
    -webkit-transition: -webkit-transform 0.15s 0s ease;
    transition: -webkit-transform 0.15s 0s ease;
    transition: transform 0.15s 0s ease;
    transition: transform 0.15s 0s ease, -webkit-transform 0.15s 0s ease;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a > .img2 {
    -webkit-transition: -webkit-transform 0.15s 0s ease;
    transition: -webkit-transform 0.15s 0s ease;
    transition: transform 0.15s 0s ease;
    transition: transform 0.15s 0s ease, -webkit-transform 0.15s 0s ease;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > .img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a:hover > .img2 {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s 0s ease;
    transition: background-color 0.15s 0s ease;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s 0s ease;
    transition: opacity 0.3s 0s ease;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.justified-gallery > a,
.justified-gallery > .demo-gallery-poster {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.demo-gallery .video .demo-gallery-poster .img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.800000011920928955078125;
    width: 48px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/*переход на новую галерею*/
.gallery li img {
    height: auto;
    max-width: 100%;
    display: block;
}

/*пластиковые окна*/
.product-main-info {
    position: relative;
}

.product-main-info .other-complect {
    position: absolute;
    top: 17px;
    right: 0;
}

.product-info {
    position: relative;
}

.product-info .main.desc {
    margin-bottom: 30px;
}

.collapsebox {
    width: 680px;
    position: relative;
    margin-bottom: 10px;
}

.collapsebox label {
    cursor: pointer;
}

.collapsebox label span {
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 50%;
    color: #0074b8;
    border: 2px solid #0074b8;
    display: block;
    line-height: 0;
}

.collapsebox label span i {
    font-style: normal;
    position: relative;
    top: 5px;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] ~ .collapse-item {
    max-height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    line-height: 0 !important;
}

input[type=checkbox]:checked ~ .collapse-item {
    max-height: 100%;
    width: 680px;
    clear: both;
    opacity: 1;
    line-height: 1.5 !important;
    margin-top: 20px;
}

input[type=checkbox] + label:after {
    content: '';
    background: url('/images/arrow-collapse.png') no-repeat 10px 10px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 14px;
    height: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 10px;
}

input[type=checkbox]:checked + label:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.collapsebox .image {
    background: transparent;
    width: 272px;
    display: block;
}

.collapsebox .ileft .image {
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
}

.collapsebox .iright .image {
    margin-left: 30px;
    margin-bottom: 10px;
    float: right;
}

.collapse-item .profil {
    margin-bottom: 20px;
}

.product-additional {
    margin-top: 50px;
}

.lablecol {
    display: inline-block;
    line-height: 1.3;
    width: 615px;
    padding-left: 5px;
}

.di-t {
    display: table;
}

.di-tr {
    display: table-row;
}

.di-tc {
    display: table-cell;
}

.vertical-t {
    vertical-align: top;
}

.vertical-m {
    /*vertical-align: middle;*/
    position: relative;
    bottom: 5px;
    right: 10px;
}

.vertical-b {
    vertical-align: bottom;
}

.greybox {
    background-color: #f4f4f4;
    padding: 25px 35px 25px 35px;
}

.greyborder {
    border: 2px solid #dadbdd;
    padding: 15px;
    display: inline-block;
    width: 720px;
}

.greybox table td {
    vertical-align: top;
}

.product-additional .image.okno-optoins {
    background: url('/images/additional-product.png') no-repeat 0 0;
    width: 592px;
    height: 107px;
    margin: 0 auto;
}

.greybox .voskl-znak {
    background: url('/images/zamenit-voskl-znak.png') no-repeat 0 0;
    width: 40px;
    height: 41px;
}

.additional-box {
    display: inline-block;
    margin: 30px 0 20px 0;
}

.additional-box .item {
    width: 313px;
    height: 470px;
    font-size: 14px;
    border: 1px solid #dadbdd;
    float: left;
    margin-bottom: 20px;
    padding: 15px 25px 25px 25px;
    position: relative;
}

.additional-box .item.even {
    float: left;
    margin-right: 20px;
}

.additional-box .item .name {
    margin-top: 0;
}

.additional-box .item .image {
    width: 310px;
    height: 175px;
}

.additional-box .item ul {
    margin: 0;
}

/*.additional-box .item ul li{font-weight: bold;}*/
.additional-box .item .desc {
    margin: 10px 0 0 0;
}

.additional-box .item .footer {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.additional-box .item .footer a {
    position: absolute;
    right: 50px;
    bottom: 5px;
}

.product-options .option-part {
    position: relative;
    display: inline-block;
    margin: 30px 0px 15px 85px;
}

.product-options .option-part h3 {
    margin: 0px;
}

.product-options .option-part.freshair h3:before {
    content: '';
    background: url('/images/zamenit-freshair.png') no-repeat 0 0;
    width: 66px;
    height: 63px;
    position: absolute;
    margin-left: -85px;
    top: -25px;
}

.product-options .option-part.parentscare h3:before {
    content: '';
    background: url('/images/zamenit-parentscare.png') no-repeat 0 0;
    width: 70px;
    height: 40px;
    position: absolute;
    margin-left: -85px;
    top: -5px;
}

.product-options .collapsebox {
    /*font-size: 14px;*/
    margin-bottom: 15px;
}

.product-options .collapsebox label {
    margin-left: 0px !important;
}

.product-options .collapsebox .image {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px;
}

.product-options .collapsebox .desc {
    line-height: 1.5;
    white-space: normal;
    display: inline-block;
    width: 570px;
}

.product-options .collapsebox .collapse-item .image {
    width: 240px;
    height: 240px;
    float: right;
    margin: 20px 0 0 15px;
}

.product-options .collapsebox .collapse-item .desc {
    display: block;
    width: auto;
    margin: 20px 0;
}

.product-options .collapsebox input[type=checkbox] + label:before {
    top: 10px;
}

.content .desc {
    line-height: 1.5;
    white-space: normal;
    padding: 0;
}

/* .product-info .desc{display:table;} */
.wtd-60 {
    width: 60px;
}

/*каталожные страницы*/
.catalog-list .h3 a,
.catalog-list .h3 a:visited,
.news-box .h3 a,
.news-box .h3 a:visited {
    color: #1a1a1a !important;
    text-decoration: none;
}

.catalog-list .h3 a:hover,
.news-box .h3 a:hover {
    color: #0074b8 !important;
}

.catalog-list .catalog .item {
    position: relative;
    border: 1px solid #dadbdd;
    width: 750px;
    margin-bottom: 20px;
}

.catalog-list .catalog .item .product-img {
    padding: 20px 0 20px 20px;
}

.catalog-list .catalog .item .product-desc {
    font-size: 14px;
    line-height: 1.5;
    padding: 20px 25px 20px 25px;
    min-width: 315px;
}

.catalog-list .catalog .item .product-desc .h3 {
    margin: 0 0 10px 0;
}

.catalog-list .catalog .item .product-price {
    width: 145px;
    padding: 20px;
    font-family: 'PFDinDisplayProRegular';
}

.catalog-list .catalog .item .product-price.di-tc {
    background: #eee;
}

.catalog-list .catalog .item .product-price .dealprice .price-for {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.3;
}

.catalog-list .catalog .item .product-price .dealprice .sale {
    font-size: 36px;
}

.catalog-list .catalog .item .product-price .dealprice .nosale {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 18px;
    text-decoration: line-through;
    position: relative;
    margin: 5px 0 0 0;
}

.catalog-list .sale span.rub {
    display: inline-block;
    font-size: 36px;
    line-height: 12px;
    border-bottom: 3px solid #1a1a1a;
    width: 0.4em;
}

.footer span.rub {
    display: inline-block;
    line-height: 7px;
    border-bottom: 2px solid #1a1a1a;
    width: 0.4em;
}

.dealprice span.rub {
    display: inline-block;
    line-height: 12px;
    border-bottom: 3px solid #1a1a1a;
    width: 0.4em;
}

.dealprice .nosale span.rub {
    display: inline-block;
    line-height: 8px;
    border-bottom: 2px solid #7f7f7f;
    width: 0.4em;
    margin-bottom: 30px;
}

.catalog-list .nosale span.rub {
    display: inline-block;
    line-height: 4px;
    border-bottom: 2px solid #7f7f7f;
    width: 0.4em;
    margin-bottom: 30px;
}

.catalog-list button.red.smallbutton {
    font-size: 16px !important;
    padding: 9px 26px !important;
    width: 100%;
}

.catalog-list .catalog .item ul {
    line-height: 150%;
    margin: 0 0 10px 0;
}

.catalog-list .catalog .item li {
    background: url('/images/list-ico-small.png') no-repeat 0 5px transparent;
    padding: 0px 0px 5px 20px;
    vertical-align: top;
    list-style-type: none;
    font-size: 14px;
    line-height: 1.5;
    content: "";
}

.catalog-list .catalog .item li:before {
    content: "";
}

.catalog-list .di-t {
    display: table;
}

.catalog-list .di-tr {
    display: table-row;
}

.catalog-list .di-tc {
    display: table-cell;
}

.catalog-list .vertical-t {
    vertical-align: top;
}

.catalog-list .vertical-m {
    vertical-align: middle;
}

.catalog-list .vertical-b {
    vertical-align: bottom;
}

/*двери*/
.dskf-box {
    display: block;
    clear: both;
    margin-top: 30px;
}

.dskf-box .cell {
    display: inline-block;
    width: 320px;
    height: 300px;
}

.dskf-box .cell p {
    font-size: 14px;
}

.dskf-box .cell.left {
    float: left;
    margin-right: 40px;
}

.dskf-box .cell.last {
    height: 270px;
}

/*соп*/
table.sop {
    float: left;
    clear: left;
    width: 750px;
    margin: 20px 0 20px 0;
    border-right: solid 1px #cecece;
    border-bottom: solid 1px #cecece;
}

table.sop td {
    padding: 15px 20px;
    border-left: solid 1px #cecece;
    border-top: solid 1px #cecece;
    font-size: 14px;
    line-height: 1.5 !important;
}

table.sop .sop_img {
    float: left;
    width: 95px;
    height: 95px;
    border-radius: 50px;
    margin: 0 20px 0 0;
    border: solid 1px #cecece;
}

table.sop h3 {
    margin-top: 0 !important;
}

table.sop tr.big td {
    font-size: 16px !important;
}

table.sop .gr {
    background: #f4f4f4;
}

/*newsarticles*/
#newsarticles .news-box {
    display: inline-block;
    margin: 0 0 20px 0;
}

#newsarticles .news-box .item {
    width: 365px;
    min-height: 390px;
    font-size: 14px;
    float: left;
    margin-bottom: 40px;
    position: relative;
}

#newsarticles .news-box .item.even {
    float: left;
    margin-right: 20px;
}

#newsarticles .news-box .item .name {
    margin-top: 0;
}

#newsarticles .news-box .item .image {
    width: 365px;
    height: 210px;
}

#newsarticles .news-box .item ul {
    margin: 0;
}

#newsarticles .news-box .item .desc {
    margin: 10px 0 0 0;
}

#newsarticles .news-box .item .footer {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

#newsarticles .news-box .item .footer a {
    position: absolute;
    right: 50px;
    bottom: 5px;
}

#newsarticles .news-box .item .date {
    margin: 0 0 5px 0;
}

#newsarticles .news-box .item:hover div.image2 {
    z-index: 1000 !important;
}

#newsarticles .news-box .item:hover .h3 a {
    color: #0074b8 !important;
}

#newsarticles .news-box .item .image2 {
    width: 365px;
    height: 210px;
    background: #000;
    z-index: -1;
    position: absolute;
    top: 0;
    opacity: 0.2;
}

#newsarticles .text-preview a {
    text-decoration: none !important;
    color: #000 !important;
}

.curnew .date {
    margin: 0 0 15px 0;
}

.curnew .gal {
    margin: 30px 0 0 0;
}

.curnew .gal ul li:before,
.curnew .gal ol ul li:before {
    content: "";
    position: relative;
    font-size: 27px;
    top: 0px;
    left: 0px;
}

.clr {
    clear: left;
    float: left;
}

#filterOptions {
    height: 110px;
    width: 750px;
}

#filterOptions div a {
    border-bottom: 1px dashed #bbb;
    float: left;
    padding-bottom: 0;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

#filterOptions div {
    margin: 0 20px 15px 0;
    float: left;
    font-size: 14px !important;
}

#filterOptions div.active a {
    color: #000 !important;
}

/*Большая красная кнопка*/
button.red {
    background-color: #e92229;
    color: #ffffff;
    border: 2px solid #e92229;
    font-size: 24px;
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 5px;
}

button.red:hover {
    cursor: pointer;
    background-color: red;
    border: 2px solid red;
}

button.form {
    width: 310px;
    height: 52px;
}

button.small {
    border: 2px solid #e92229;
    font-size: 24px;
    text-decoration: none;
    padding: 5px 10px !important;
    width: 65px;
    height: 45px;
    background: #e92227 url(/images/button-strikes.png) no-repeat center center;
    border-radius: 5px;
}

button.small:hover {
    background: red url(/images/button-strikes-red.png) no-repeat center center;
    cursor: pointer;
}

#user-name,
#phone-number {
    height: 45px;
    border: solid 1px #9fa6ac;
    border-radius: 5px;
    padding: 0px 10px;
    margin-right: 5px;
    font-size: 16px;
    width: 170px;
}

#form-user-name,
#form-phone-number,
#emailer {
    height: 50px;
    width: 268px;
    border: solid 1px #9fa6ac;
    border-radius: 5px;
    padding: 0px 20px;
    margin-right: 20px;
    font-size: 16px;
}

form.center {
    margin: 0 auto;
    margin-bottom: 40px;
}

/*смотрите также*/
.s-product-line .s-product {
    width: 220px;
    margin-right: 25px;
    float: left;
    position: relative;
}

.s-product-line .last {
    margin-right: 0 !important;
}

.s-product-line .s-product-title {
    margin: 20px 0;
}

.s-product .s-img2 {
    width: 220px;
    height: 160px;
    background: #000;
    z-index: -1;
    position: absolute;
    top: 0;
    opacity: 0.2;
}

.s-product:hover .s-img2 {
    z-index: 1000 !important;
}

.s-product:hover .h3 a {
    color: #0074b8 !important;
}

.sitemap a {
    color: #ccc;
    position: relative;
    top: 20px;
    text-decoration: none;
}

.sitemap a:hover {
    color: #fff;
    text-decoration: underline;
}

.cs {
    display: inline-block;
    margin: 20px 0;
}

.cs150 {
    float: left;
    width: 150px;
    text-align: center;
    font-size: 11px;
    min-height: 35px;
}

.cs150 img {
    width: 150px;
    height: 150px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.cs150 img:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    border: solid: 10px;
}

.tt-norm {
    text-transform: none !important;
}

/*Калькулятор*/
.b-ratesfil {
    background: #f1f1f1;
    width: 650px;
    height: 380px;
    padding: 30px 50px;
    position: relative;
}

.b-ss {
    width: 564px;
    height: 65px;
    border-top: solid 1px #0074b8;
    border-right: solid 1px #0074b8;
    border-bottom: solid 1px #0074b8;
    margin: 30px auto 35px auto;
}

.ss {
    width: 187px;
    height: 65px;
    border-left: solid 1px #0074b8;
    float: left;
    cursor: pointer;
}

.b-ratesfil .h3 span {
    border: solid 2px #999b9e;
    border-radius: 50px;
    padding: 3px 10px;
    margin-right: 15px;
    color: #999b9e;
}

.b-ratesfil .h3 {
    position: relative;
    right: 10px;
}

.b-ss2 {
    width: 500px;
    height: 95px;
    padding: 0 75px;
    position: relative;
    top: 25px;
}

.round {
    width: 13px;
    height: 13px;
    border: #aaa solid 3px;
    border-radius: 50px;
    float: left;
    cursor: pointer;
}

.line3 {
    width: 221px;
    height: 3px;
    background: #aaa;
    float: left;
    position: relative;
    top: 8px;
}

.nn {
    float: left;
    position: relative;
    top: 15px;
}

.b-ss .ch {
    background: #0074b8;
    color: #fff;
}

.gg {
    background: #0074b8 !important;
}

.chh {
    background: #0074b8 !important;
    border-color: #fff;
}

.sg {
    border-color: #0074b8 !important;
    color: #0074b8 !important;
}

.ss span {
    position: relative;
    top: 22px;
    font-size: 18px;
}

#ss1 span {
    left: 80px;
}

#ss2 span {
    left: 75px;
}

#ss3 span {
    left: 80px;
}

.not1 {
    right: 30px;
}

.not2 {
    left: 127px;
}

.not3 {
    right: -300px;
}

.line1 {
    width: 2px;
    height: 100px;
    background: #999b9e;
    position: absolute;
    left: 57px;
    top: 92px;
}

.line2 {
    width: 2px;
    height: 100px;
    background: #999b9e;
    position: absolute;
    left: 57px;
    top: 250px;
}

.catalog .hidden {
    display: none;
}

#ss1 {
    background: url(/images/calc1.png) 20px center no-repeat;
}

#ss2 {
    background: url(/images/calc2.png) 15px center no-repeat;
}

#ss3 {
    background: url(/images/calc3.png) 10px center no-repeat;
}

.ss11 {
    background: #0074b8 url(/images/10.png) 20px center no-repeat !important;
}

.ss22 {
    background: #0074b8 url(/images/20.png) 15px center no-repeat !important;
}

.ss33 {
    background: #0074b8 url(/images/30.png) 10px center no-repeat !important;
}

#ss1:hover {
    background: #0074b8 url(/images/10.png) 20px center no-repeat !important;
    color: #fff;
}

#ss2:hover {
    background: #0074b8 url(/images/20.png) 15px center no-repeat !important;
    color: #fff;
}

#ss3:hover {
    background: #0074b8 url(/images/30.png) 10px center no-repeat !important;
    color: #fff;
}

/*components*/
.confedential {
    font-size: 13px;
    margin-top: 30px;
    clear: left;
    line-height: 1.5;
}

.confedential input {
    display: inline-block !important;
}

.confedential a,
.confedential a:visited {
    color: #0074b8 !important;
    font-style: normal;
}

.confedential a:hover,
.confedential a:active {
    color: #0074b8 !important;
    font-style: normal;
}

.b-form .text-error {
    color: red;
    padding: 15px 20px;
}

.opinion-form select {
    height: 45px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dadbdd;
    outline: none;
    clear: left;
    width: 322px;
    border-radius: 3px;
    font-size: 16px;
    margin: 0 0 20px 0;
    float: left;
}

.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden;
}

.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    perspective: 600px;
}

.container {
    min-height: 100%;
}

.i-action .slide {
    top: 15px !important;
}

.popup input[type='text'] {
    height: 45px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dadbdd;
    outline: none;
    clear: left;
    width: 300px;
    border-radius: 3px;
    font-size: 16px;
    margin: 0 0 20px 0;
    float: left;
}

.popup1 input[type='text'] {
    height: 45px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dadbdd;
    outline: none;
    width: 100px;
    border-radius: 3px;
    font-size: 16px;
}

.popup select {
    float: left;
    clear: left;
    height: 45px;
    width: 322px;
    padding: 0 5px;
    font-size: 16px;
    margin-bottom: 20px;
    border: solid 1px #dadbdd;
}

.popup .inputtextarea {
    height: 100px;
    margin: 0;
    padding: 10px;
    border: 1px solid #dadbdd;
    outline: none;
    clear: left;
    width: 538px;
    border-radius: 3px;
    margin: 0 0 20px 0;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 1.5;
}
.popup p {
    line-height: 1.5;
    margin: 20px 0;
}
.popup .item-small {
    float: left;
    clear: both;
}

.popup .item-small .label {
    margin: 0 0 5px 0;
}

.popup .item-small img {
    clear: both;
    float: left;
    margin: 0px 0 10px 0;
}

.items .inputtext {
    height: 45px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dadbdd;
    outline: none;
    clear: left;
    width: 300px;
    border-radius: 3px;
    font-size: 16px;
    margin: 0 0 20px 0;
    float: left;
}

.items .error {
    clear: both;
    margin: 0 0 20px 0;
    color: red;
}

.items .notice {
    padding-bottom: 20px;
}

.label-question .input label {
    cursor: pointer;
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    width: 700px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 0.8;
    visibility: visible;
}

/* Content styles */
.md-content {
    color: #000;
    background: #fff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    padding: 60px 70px 70px 70px;
}

.md-content h2 {
    font-family: 'PFDinDisplayProRegular' !important;
    line-height: 1.1;
    font-size: 36px;
    text-transform: none;
    color: #1a1a1a;
    font-weight: normal;
}

.md-content2 {
    background: #fff !important;
}

.md-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    font-size: 24px;
}

.md-trigger {
    cursor: pointer;
}

.work_call span.md-trigger {
    text-decoration: underline;
}

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
    -webkit-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-5 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
}

.md-show.md-effect-5 .md-content {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translateZ(0px) rotateX(0deg);
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-6 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0;
}

.md-show.md-effect-6 .md-content {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
    transform: translate(0%) translateZ(0) rotate(0deg);
    opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.md-effect-7 .md-content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.md-show.md-effect-7 .md-content {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    border-radius: 0 0 3px 3px;
    opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-8 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.md-show.md-effect-8 .md-content {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-10 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
    background: #e74c3c;
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
    background: transparent;
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-13 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0;
}

.md-show.md-effect-13 .md-content {
    -webkit-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-14 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
    opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-15 .md-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
    -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
    background: rgba(180, 46, 32, 0.5);
}

.md-show.md-effect-16 ~ .container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
}

.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay {
    -webkit-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.md-effect-17 .md-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
    height: 100%;
    overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
    background: rgba(143, 27, 15, 0.8);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0% 50%;
    -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
    animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateZ(-200px);
    }
}

@keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
    }
}

.md-effect-18 .md-content {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0;
}

.md-show.md-effect-18 .md-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
    height: 100%;
    overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop 0.5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 100%;
    -moz-animation: OpenTop 0.5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
    }
}

@keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.md-effect-19 .md-content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0;
}

.md-show.md-effect-19 .md-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
    body {
        font-size: 75%;
    }
}

iframe {
    display: none;
}

.content-body iframe,
.t-main-content iframe {
    display: block !important;
}

#footer .adress {
    color: #ccc;
    font-size: 14px;
    padding-top: 40px;
}

#footer .adress a {
    color: #ccc;
    text-decoration: none;
}

#footer .adress a:hover {
    color: #ccc;
    text-decoration: underline;
}

#footer .adress div {
    display: inline-block;
    min-width: 800px;
}

.ya-share2 ul li::before,
.ya-share2 ol ul li::before {
    content: "" !important;
    position: relative !important;
    font-size: 27px;
    top: 0px;
    left: 0px;
}

.ya-share2 ul li,
.ya-share2 ol li {
    padding: 0 !important;
}

.ya-share2 ul {
    margin: 0 !important;
}

/*.ya-share2 {position:absolute;margin-left:557px;}*/
.qunell-right img {
    float: right;
    width: 240px;
    margin: 0 0 20px 30px;
}

.qunell-left img {
    float: left;
    width: 240px;
    margin: 0 30px 20px 0;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.actions_content .i-content-background {
    margin-bottom: 30px;
    border-radius: 10px;
}

.pp li {
    width: 169px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    display: inline-table !important;
    list-style-type: none !important;
    font-size: 14px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.pp li span {
    font-size: 16px !important;
    position: relative;
    top: -10px;
}

.pp li.last {
    padding-right: 0 !important;
}

ul.pp {
    margin: 0 !important;
    list-style-type: none !important;
    padding-bottom: 20px;
}

ul.pp li:before {
    content: "" !important;
}

.pp2 li img,
.pp li img {
    margin-bottom: 10px;
}

.pp2 li {
    width: 220px !important;
    padding-right: 40px !important;
    padding-bottom: 20px !important;
    display: inline-table !important;
    list-style-type: none !important;
    font-size: 14px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.pp2 li span {
    font-size: 16px !important;
    position: relative;
    top: -10px;
}

.pp2 li.last {
    padding-right: 0 !important;
}

ul.pp2 {
    margin: 0 !important;
    list-style-type: none !important;
    padding-bottom: 20px;
}

ul.pp2 li:before {
    content: "" !important;
}

.justified-gallery {
    /* margin-bottom: -20px !important; */
}

.b-form .inputfile {
    min-width: 370px;
}

.productpage {
    background: url(/images/background.jpg) top center no-repeat !important;
    background-size: cover !important;
}