/* 
    Document   : common
    Created on : 22.04.2013, 11:03:05
    Author     : sphm6_000
    Description:
        Purpose of the stylesheet follows.
*/
/* Google Font API */
@import url('http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700');

/* import core styles | Basis-Stylesheets einbinden */
@import url(../js/yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../js/yaml/navigation/hlist.css);
@import url(../js/yaml/forms/gray-theme.css);

@import url(../js/yaml/screen/typography.css);
@import url(../js/yaml/screen/screen-PAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(../js/yaml/print/print.css);

/*  fixed Typography    */
@import url(typo.css);



root { 
    display: block;
}

@media screen {
    body {
        background-image: url('../i/promo/bg.png');
        background-repeat: repeat;
        background-attachment: fixed;
        padding-top: 9.36em;
    }

    .ym-wrapper {
        min-width: 79.28em;
        max-width: 79.28em;
        margin: 0 auto;
    }

    .ym-wbox { padding: 0; }
    
    .ym-gbox {padding: 0;}

    header {
        position: fixed;
        width: 79.28em;
        top: 0;
        left: 50%;
        margin-left: -39.64em;
        background: #ffffff;
        /*padding: 1.65em 0 0 0;*/
        padding: 0.5em 0 0 0;
        z-index: 10;
    }
    
    a.info-link,
    a.info-link:visited,
    a.info-link:focus
    {
        color: #008d88;
        text-decoration: underline;
    }
    
    a.info-link:hover
    {
        color: #008d88;
        text-decoration: none;
        background-color: transparent;
    }
    
    .tooltip:hover {
        position: relative;
    }
    
    .tooltip:after {
        content: " [?]";
        font-size: 75%;
        vertical-align: super;
    }
    
    .tooltip[alt]:hover:before {
        content: attr(alt);
        position: absolute;
        display: inline-block;
        
        padding: 4px 8px;
        color: #666;
        font-size: 12px;
        background-color: #fff;
        border: 1px solid #999;
        left: 0;
        bottom: 100%;
        min-width: 200px;
        
        z-index: 20;
    }

    .top-header-logo-join {
        position: relative;
        height: 4.79em;
    }

    .gm-logo {
        position: absolute;
        top: 0;
        left: 8.93em;
        width: 17.07em;
        height: 4.79em;
        background-image: url('../i/promo/gm-logo.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .join-controls {
        position: absolute;
        bottom: 1.18em;
        right: 8.93em;
    }

    /*
        Нав меню
    */
    .nav-menu {
        position: relative;
        margin: 1.21em 8.93em 0 8.93em;
    }

    .nav-menu ul {
        list-style: none;
        margin: 0;
        height: 2.35em;
        overflow: hidden;
    }

    .nav-menu ul li {
        display: inline-block;
        position: relative;
        text-transform: uppercase;
        margin: 0;
        padding-bottom: 0.85em;
    }

    .nav-menu ul li + li {
        margin-left: 3.4em;
    }

    .nav-menu ul li a,
    .nav-menu ul li a:visited,
    .nav-menu ul li a:focus
    {
        font-size: 14px;
        /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
        color: #636363;
        font-weight: bold;
    }

    .nav-menu ul li a:hover
    {
        color: #ff9c00;
        background: none;
    }

    .nav-menu ul li.selected a,
    .nav-menu ul li.selected a:visited,
    .nav-menu ul li.selected a:focus
    {
        color: #f7595b;
    }

    .nav-menu ul li.selected:before
    {
        content: "";
        position: absolute;
        bottom: 0;
        right: 50%;
        border-bottom: 0.9em solid #ff9c00;
        border-left: 1.9em solid transparent;
        border-right: 1.9em solid transparent;
        margin-right: -1.9em;
    }

    .nav-menu ul li.out a,
    .nav-menu ul li.out a:visited,
    .nav-menu ul li.out a:focus
    {
        color: #00a8a3;
    }
    
    .head-divider {
        width: 100%;
        height: 0.5em;
        background-color: #ff9c00;
    }


    /*
        Order Box
    */
    .order-box {
        background-color: #ff9c00;
        height: 27.86em;
        position: relative;
    }

    .order-box-inner {
        position: absolute;
        top: 0;
        left: 0;
        height: 27.36em;
        width: 100%;
        background-image: url('../i/promo/order-bg.jpg');
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    /*
        Order form box
    */
    .order-gm-box {
        position: absolute;
        top: 0;
        left: 8.93em;
        width: 25.21em;
        height: 100%;
        background-image: url('../i/promo/bg_form.png');
        background-position: 0 0;
        background-repeat: repeat;
    }

    .gm-order-form {
        text-align: center;
        padding: 1.16em 2.14em 0 2.14em;
    }

    .input-box { 
        margin-top: 0.87em; 
        position: relative;
    }

    .input-box,
    .input-box *,
    .input-box *:after,
    .input-box *:before
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .input-box input {
        height: 2.31em;
        line-height: 2.31em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 0 2.25em 0 0.625em;
        border: 2px solid #d2d2d2;
    }
    
    /*  checked INPUT*/
    .input-box.success {
        background-color: transparent;
    }
    
    .input-box.success:after {
        content: "";
        position: absolute;
        top: 1px;
        right: 2px;
        width: 30px;
        height: 33px;
        background-image: url('../i/promo/check.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    /*  error INPUT*/
    .input-box.error {
        background-color: transparent;
    }
    
    .input-box.error input, 
    .input-box.error textarea {
        color: #f7595b;
        border: 2px dashed red;
    }

    .input-box select {
        height: 2.25em;
        line-height: 2.25em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 0 0 0 0.625em;
        border: 2px solid #d2d2d2;
    }

    .input-box select option:hover {
        color: #00a8a3;
        cursor: pointer;
    }

    .input-box select option:disabled {
        color: #b0b0b0;
    }
    
    .input-box textarea {
        border: 2px solid #d2d2d2;
        padding: 0.625em 2.25em 1.07em 0.625em;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        
        resize: none;
        
        background-image: url('../i/promo/textarea-bg.png');
        background-position: left bottom;
        background-repeat: repeat-x;
    }
    
    .form-controls {
        margin-top: 1.64em;
    }
    
    .order-send-success-wrapper {
        position: relative;
        width: 100%;
        height: 27.36em;
        display: table-cell;
        vertical-align: middle;
    }
    
    .order-send-success-wrapper .order-send-success {
        display: inline-block;
        color: green;
        text-align: center;
        text-shadow: 1px 1px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff, -1px 0px 0px #fff, -1px -1px 0px #fff;
    }
    
    .feedback-send-success-wrapper {
        position: relative;
        width: 100%;
        height: 27.36em;
        display: table-cell;
        vertical-align: middle;
    }

    .feedback-send-success-wrapper .feedback-send-success {
        display: inline-block;
        color: green;
        text-align: center;
        text-shadow: 1px 1px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff, -1px 0px 0px #fff, -1px -1px 0px #fff;
    }
    
    .order-box-clip-box-outer {
        position: absolute;
        width: 326px;
        height: 245px;
        
        background-color: #000;
        top: 80px;
        right: 191px;
    }
    
    .order-box-clip-box-inner {
        position: relative;
        top: 31px;
        left: 0;
        width: 326px;
        height: 183px;
    }
    
    
    
    
    
    


    /*
        DropDown Section
    */
    .wrapper-dropdown {
        position: relative; /* Enable absolute positioning for children and pseudo elements */
        width: 100%;
        margin: 0 auto;
        height: 2.64em;
        line-height: 2.64em;
        padding: 0 0 0 0.71em;
        border: 2px solid #d2d2d2;

        background: #ffffff;
        color: #616161;
        outline: none;
        cursor: pointer;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-weight: 400;
        text-align: left;
    }
    
    .wrapper-dropdown.error {
        border: 2px dashed red;
    }
    
    .wrapper-dropdown.disabled {
        background: #ebebe4;
    }

    .wrapper-dropdown:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 2.57em;
        height: 2.36em;
        background-image: url('../i/promo/dd.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .wrapper-dropdown>span {
        font-size: 116%;
    }

    .wrapper-dropdown .dropdown {
        position: absolute;
        top: 100%;
        left: -2px;
        right: -2px;
        max-height: 17em;
        overflow-y: auto;

        list-style: none;
        padding: 0;
        margin: 0;

        border-left: 2px solid #d2d2d2;
        border-bottom: 2px solid #d2d2d2;
        border-right: 2px solid #d2d2d2;

        background: #fff;
        font-weight: normal;

        z-index: 1;
        /*opacity: 0;
        filter: alpha(opacity=0);*/
        display: none;
        pointer-events: none;
    }

    .wrapper-dropdown .dropdown li {
        line-height: 1.16em;
        margin-left: 0.71em;
        margin-right: 2.57em;
        padding: 0.78em 0;
        cursor: inherit;
        overflow: hidden;
    }

    .wrapper-dropdown .dropdown li>* {
        font-size: 1.16em;
    }

    .wrapper-dropdown .dropdown li:hover {
        color: #00a8a3;
        cursor: pointer;
    }

    /* Active state */
    .wrapper-dropdown.active .dropdown {
        /*opacity: 1;
        filter: alpha(opacity=100);*/
        display: block;
        pointer-events: auto;
    }

    .wrapper-dropdown.active:after {
        background-image: url('../i/promo/dd.png');
        background-position: -36px 0;
        background-repeat: no-repeat;
    }
    
    
    
    /*
        Page
    */
    .page {
        position: relative;
        background-color: #ffffff;
    }
    
    .page.small-borders {
        padding: 3.07em 5.57em 4.57em 5.57em;
    }
    
    .page.big-borders {
        padding: 3.07em 8.93em 4.57em 8.93em;
    }
    
    .page-break {
        position: relative;
        width: 100%;
        height: 0.86em;
    }
    
    .page-header {
        position: relative;
        /*height: 7.14em;*/
        width: 53em;
        margin: 0 auto;
        text-align: left;
        background-color: #f2f2f2;
    }
    
    .page-header .page-header-inner {
        display: table-cell;
        width: 100%;
        height: 7.14em;
        padding-left: 4.29em;
        vertical-align: middle;
    }
    
    .page-header.green:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2.85em;
        /*height: 7.14em;*/
        height: 100%;
        
        background-image: url('../i/promo/page-headers_small-right.png');
        background-position: 0 0;
        background-repeat: repeat-y;
    }
    
    .page-header.red:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2.85em;
        height: 100%;
        
        background-image: url('../i/promo/page-headers_small-right.png');
        background-position: -40px 0;
        background-repeat: repeat-y;
    }
    
    .page-header.yellow:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2.85em;
        height: 100%;
        
        background-image: url('../i/promo/page-headers_small-right.png');
        background-position: -80px 0;
        background-repeat: repeat-y;
    }
    
    .page-header.morepad {
        margin-bottom: 3.07em;
    }
    
    .page-info {
        position: relative;
        height: 7.14em;
        width: 53em;
        margin: 0 auto;
        text-align: left;
    }
    
    .page-info .page-info-inner {
        display: table-cell;
        width: 100%;
        height: 7.14em;
        padding-left: 4.29em;
        vertical-align: middle;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
    }
    
    .page-info .page-info-inner>* {
        font-size: 143%;
    }
    
    .icons-block {
        position: relative;
    }
    
    .icon-block-r {
        position: relative;
        height: 8.57em;
        margin-right: 2.4em;
        margin-bottom: 1.14em;
    }
    
    .icon-block-r:hover {
        cursor: pointer;
    }
    
    .icon-block-r .icon-img {
        width: 8.57em;
        height: 8.57em;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .icon-block-r .icon-text-cont {
        height: 8.57em;
        padding-right: 9.29em;
        display: table;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    .icon-block-r .icon-text-cont-inner {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        width: 100%;
        height: 8.57em;
    }
    
    .icon-block-r .icon-text-cont-inner:after {
        content: "";
        position: absolute;
        width: 8.57em;
        height: 8.57em;
        top: 0;
        right: 0;
        background-image: url('../i/promo/icons-bg.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    
    
    
    
    .icon-block-l {
        position: relative;
        height: 8.57em;
        margin-left: 2.4em;
        margin-bottom: 1.14em;
    }
    
    .icon-block-l:hover {
        cursor: pointer;
    }
    
    .icon-block-l .icon-img {
        width: 8.57em;
        height: 8.57em;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .icon-block-l .icon-text-cont {
        height: 8.57em;
        padding-left: 9.29em;
        display: table;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    .icon-block-l .icon-text-cont-inner {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 100%;
        height: 8.57em;
    }
    
    .icon-block-l .icon-text-cont-inner:after {
        content: "";
        position: absolute;
        width: 8.57em;
        height: 8.57em;
        top: 0;
        left: 0;
        background-image: url('../i/promo/icons-bg.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    
    
    .icon-text-cont-inner>h3 {
        color: #00a8a3;
    }
    
    .icon-text-cont-inner>h3:hover {
        color: #f7595b;
    }
    
    .icon-text-cont-inner>span {
        font-size: 1.16em;
        color: #818080;
    }
    
    .icon-text-cont-inner:hover {
     /*   cursor: pointer;*/
    }
    
    .icon-text-cont-inner:hover:after {
        background-position: -120px 0;
    }
    
    
    /*
        Carousel Module
    */
    .carousel-module {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
    }
    
    .thumbs {
        position: relative;
        height: 10.28em;
        width: 53em;
        margin: 0 auto;
        overflow: hidden;
        
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .carousel-control-left {
        position: absolute;
        top: 3.64em;
        left: 3.21em;
        width: 34px;
        height: 40px;
        
        background-image: url('../i/promo/arrows.png');
        background-position: 0 -40px;
        background-repeat: no-repeat;
    }
    
    .carousel-control-left:hover {
        cursor: pointer;
        background-position: -34px -40px;
    }
    
    .carousel-control-right {
        position: absolute;
        top: 3.64em;
        right: 3.43em;
        width: 34px;
        height: 40px;
        
        background-image: url('../i/promo/arrows.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    .carousel-control-right:hover {
        cursor: pointer;
        background-position: -34px 0;
    }
    
    .thumbs-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 3000px;
        height: 10.28em;
    }
    
    .thumb {
        position: relative;
        float: left;
        width: 11.28em;
        height: 9.86em;
        margin: 0px 28px 0 0;
        
        border: 3px solid #e0e0e0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    
    .thumb:hover {
        cursor: pointer;
        margin: 1px 29px 1px 1px;
        
        border: 2px solid #00cec5;
    }
    
    .thumb.selected {
        cursor: inherit;
        margin: 1px 29px 1px 1px;
        border: 2px solid #00cec5;
    }
    
    .carousel-content-box {
        position: relative;
        margin-top: 2.5em;
        margin-left: 7.22em;
        margin-right: 3.57em;
        min-height: 22.21em;
    }
    
    .carousel-content-box .content-left {
        position: relative;
        width: 38.57em;
        height: 21.57em;
        
        border: 4px solid #e0e0e0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }
    
    .carousel-content-box .content-right {
        position: absolute;
        top: 0.28em;
        right: 0;
        width: 16.57em;
        height: 21.57em;
    }
    
    .carousel-content-box .content-right .text-block {
        position: relative;
        background-color: #00cec5;
        color: #ffffff;
        padding: 1em;
        height: 15.43em;
    }
    
    .carousel-content-box .content-right .text-block p {
        margin: 0.28em 0 0 0;
        padding: 0;
        line-height: 125%;
    }
    
    .carousel-content-box .content-right .text-block>* {
        font-size: 1.16em;
        line-height: 125%;
    }
    
    .carousel-content-box .content-right .text-block .text {
        margin-bottom: 80px;
        overflow: hidden;
    }
    
    .carousel-content-box .content-right .text-block .sign {
        text-align: right;
        position: absolute;
        right: 1em;
        bottom: 1em;
        left: 1em;
    }
    
    .carousel-content-box .content-right .control-block {
        position: relative;
        height: 4.21em;
        background-image: url('../i/promo/triangle.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    .carousel-content-box .content-right .control-block button {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #f7595b;
        
        /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
        font-size: 1.28em;
    }
    
    .carousel-content-box .content-right .control-block button:hover {
        cursor: pointer;
        background-color: #00a8a3;
    }
    
    
    
    /*
        tarifs
    */
    .tarifs-box {
        margin-top: 2.93em;
    }
    
    .tarif-detail-box {
        width: 18.57em;
        min-height: 5em;
        background-color: #f2f2f2;
        background-image: url('../i/promo/tarif-corner.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        padding-bottom: 3.07em;
    }
    
    .tarif-detail-box.left {
        margin-left: 0;
    }
    
    .tarif-detail-box.center {
        margin: 0 auto;
    }
    
    .tarif-detail-box.right {
        float: right;
    }
    
    .tarif-detail-box .header {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 18.57em;
        height: 6.14em;
    }
    
    .tarif-detail-box.left .header-outer {
        background-color: #00cec5;
    }
    
    .tarif-detail-box.center .header-outer {
        background-color: #ff9c00;
    }
    
    .tarif-detail-box.right .header-outer {
        background-color: #f7595b;
    }
    
    .tarif-detail-box .header * {
        line-height: 125%;
        color: #ffffff;
    }
    
    .tarif-detail-box .header h4 {
        /*font-family: "PF DinDisplay Pro Regular", sans-serif;*/
        font-weight: 400;
    }
    
    .tarif-detail-box .deco {
        height: 2.64em;
        background-position: 0 0;
        background-repeat: repeat-x;
    }
    
    .tarif-detail-box.left .deco {
        background-image: url('../i/promo/tarif-deco-left.png');
    }
    
    .tarif-detail-box.center .deco {
        background-image: url('../i/promo/tarif-deco-center.png');
    }
    
    .tarif-detail-box.right .deco {
        background-image: url('../i/promo/tarif-deco-right.png');
    }
    
    .tarifs-box .options-list {
        text-align: left;
    }
    
    .tarifs-box .options-list .option {
        padding: 0.86em 1.78em 0.86em 2.78em;
    }
    
    .tarifs-box .options-list .option + .option {
        border-top: 1px solid #dfdfdf;
        padding: 0.86em 1.78em 0.86em 1.78em;
    }
    
    .tarifs-box .options-list .option>* {
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-weight: 400;
        font-size: 128%;
    }
    
    .tarifs-box .options-list .option a,
    .tarifs-box .options-list .option a:visited,
    .tarifs-box .options-list .option a:focus
    {
        color: #00a8a3;
        border-bottom: 1px dashed #00a8a3;
    }
    
    .tarifs-box .options-list .option a:hover
    {
        border-bottom: none;
        background-color: transparent;
    }
    
    .tarif-text-detail-box {
        margin-top: 2.5em;
        text-align: justify;
    }
    
    .order-control {
        margin-top: 2.71em;
        width: 18.57em;
        text-align: center;
    }
    
    .order-control.right {
        float: right;
    }
    
    .order-control button,
    .order-control button:focus {
        font-size: 1.28em;
    }
    
    .order-control.left button {
        background-color: #00cec5;
    }
    
    .order-control.center button {
        background-color: #ff9c00;
    }
    
    .order-control.right button {
        background-color: #f7595b;
    }
    
    .order-control button:hover {
        background-color: #00a8a3;
    }
    
    
    
    
    
    
    /*
        tarifs NEW 4 places
    */
    .tarifs-box {
        margin-top: 2.93em;
    }
    
    .tarif-detail-box-new {
        width: 29.28em;
        min-height: 5em;
        background-color: #f2f2f2;
        background-image: url('../i/promo/tarif-corner.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        padding-bottom: 3.07em;
    }
    
    .tarif-detail-box-new.left {
        margin-left: 0;
    }
    
    .tarif-detail-box-new.right {
        float: right;
    }
    
    .tarif-detail-box-new .header {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 29.28em;
        height: 6.14em;
    }
    
    .tarif-detail-box-new.tarif1 .header-outer {
        background-color: #00cec5;
    }
    
    .tarif-detail-box-new.tarif2 .header-outer,
    .tarif-detail-box-new.tarif3 .header-outer
    {
        background-color: #ff9c00;
    }
    
    .tarif-detail-box-new.tarif4 .header-outer {
        background-color: #f7595b;
    }
    
    .tarif-detail-box-new .header * {
        line-height: 125%;
        color: #ffffff;
    }
    
    .tarif-detail-box-new .header h4 {
        font-weight: 400;
    }
    
    .tarif-detail-box-new .deco {
        height: 2.64em;
        background-position: 0 0;
        background-repeat: repeat-x;
    }
    
    .tarif-detail-box-new.tarif1 .deco {
        background-image: url('../i/promo/tarif-deco-left.png');
    }
    
    .tarif-detail-box-new.tarif2 .deco,
    .tarif-detail-box-new.tarif3 .deco
    {
        background-image: url('../i/promo/tarif-deco-center.png');
    }
    
    .tarif-detail-box-new.tarif4 .deco {
        background-image: url('../i/promo/tarif-deco-right.png');
    }
    
    .order-control-new {
        margin-top: 2.71em;
        width: 29.28em;
        text-align: center;
    }
    
    .order-control-new.right {
        float: right;
    }
    
    .order-control-new button,
    .order-control-new button:focus {
        font-size: 1.28em;
    }
    
    .order-control-new.tarif1 button {
        background-color: #00cec5;
    }
    
    .order-control-new.tarif2 button,
    .order-control-new.tarif3 button
    {
        background-color: #ff9c00;
    }
    
    .order-control-new.tarif4 button {
        background-color: #f7595b;
    }
    
    .order-control-new button:hover {
        background-color: #00a8a3;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*
        Feedback Module
    */
    .feedback-module {
        width: 52.86em;
        margin: 0 auto;
    }
    
    .feedback-module .feedback-form-box {
        width: 30em;
    }
    
    .feedback-module .input-box {
        font-size: 125%;
    }
    
    .feedback-module .input-box.success:after {
        top: 7px;
    }
    
    .feedback-module .control-block {
        margin-top: 1.36em;
        text-align: right;
    }
    
    .feedback-module .control-block button,
    .feedback-module .control-block button:focus {
        font-size: 171%;
        background-color: #f7595b;
    }
    
    .feedback-module .control-block button:hover {
        background-color: #00a8a3;
    }
    
    
    
    /*
        Portrait module
    */
    .portrait-module {
        width: 22.85em;
        float: right;
    }
    
    .portrait-module .portrait-cont {
        position: relative;
        width: 14.14em;
        height: 16.28em;
        margin: 0 auto;
        background-image: url('../i/promo/bg.png');
    }
    
    .portrait-module .portrait-cont .portrait {
        width: 14.14em;
        height: 16.28em;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .portrait-module .portrait-cont .portrait-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 14.14em;
        height: 16.28em;
        background-image: url('../i/promo/port-mask.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    .portrait-module .portrait-text {
        margin-top:  1.21em;
        text-align: center;
    }
    
    .portrait-module .portrait-text p {
        margin: 0;
        padding: 0;
    }
    
    .portrait-module .portrait-text .name {
        color: #00a8a3;
        /*font-family: "PF DinDisplay Pro Medium", sans-serif;*/
        font-size: 171%;
    }
    
    .portrait-module .portrait-text .comment {
        color: #818080;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-size: 128%;
    }
    
    
    
    /*
        Contacts Module
    */
    .contacts-module {
        margin-top: 2.64em;
        margin-left: 8.36em;
        margin-right: 4.28em;
        margin-bottom: 4em;
    }
    
    .contacts-module .contacts-column .header {
        line-height: 2em;
        height: 2em;
        margin-bottom: 1.21em;
    }
    
    .contacts-module .contacts-column .header>* {
        color: #818080;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-size: 143%;
    }
    
    .contacts-module .groups .group {
        display: inline-block;
        width: 5.71em;
        height: 5.71em;
        margin-right: 1.57em;
        
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    .contacts-module .groups .group:hover {
        outline: 4px solid #00a8a3;
    }
    
    .contacts-module .groups .group.vk {
        background-image: url('../i/promo/vk-logo-big.png');
    }
    
    .contacts-module .groups .group.fb {
        background-image: url('../i/promo/fb-logo-big.png');
    }
    
    .contacts-module .groups .group.tw {
        background-image: url('../i/promo/tw-logo-big.png');
    }
    
    .contacts-module .links {
        margin-top: 2em;
    }
    
    .contacts-module .links a,
    .contacts-module .links a:visited,
    .contacts-module .links a:focus
    {
        color: #00a8a3;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-size: 128%;
        border-bottom: 1px dashed #00a8a3;
        line-height: 150%;
    }
    
    .contacts-module .links a:hover
    {
        background-color: transparent;
        border-bottom: none;
    }
    
    .contacts-module .contacts-column.right .content
    {
        padding: 0.71em 0.71em 0.71em 2.57em;
        background-image: url('../i/promo/contacts-divider.png');
        background-position: 0 0;
        background-repeat: repeat-y;
    }
    
    .contacts-module .contacts-column.right .content span
    {
        color: #818080;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-size: 143%;
    }
    
    .contacts-module .contacts-column.right .content h3
    {
        color: #00a8a3;
        margin-top: 0.4em;
    }
    
    .contacts-module .contacts-column.right .content a.mailto-link,
    .contacts-module .contacts-column.right .content a:visited.mailto-link,
    .contacts-module .contacts-column.right .content a:focus.mailto-link
    {
        display: inline-block;
        /*font-family: "PF DinDisplay Pro Medium", sans-serif;*/
        font-size: 214%;
        font-weight: 400;
        color: #00a8a3;
        margin-top: 0.4em;
    }
    
    .contacts-module .contacts-column.right .content a:hover.mailto-link {
        background-color: transparent;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    footer {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    footer .footer-deco {
        width: 100%;
        height: 4.29em;
        
        background-image: url('../i/promo/footer-bg.png');
        background-position: 0 0;
        background-repeat: repeat-x;
    }
    
    footer .footer-cont {
        width: 100%;
        height: 10.71em;
        background-color: #00a8a3;
    }
    
    footer .footer-cont .footer-cont-inner {
        width: 65.14em;
        margin: 0 auto;
        min-height: 1em;
    }
    
    footer .footer-cont-inner-table {
        padding-top: 2.43em;
        padding-left: 4.28em;
    }
    
    footer .footer-cont-inner-table a,
    footer .footer-cont-inner-table a:visited,
    footer .footer-cont-inner-table a:focus
    {
        display: block;
        
        color: #fff;
        /*font-family: "PF DinDisplay Pro Light", sans-serif;*/
        font-size: 1.16em;
        
        margin-bottom: 0.85em;
    }
    
    footer .footer-cont-inner-table a:hover {
        background-color: transparent;
    }
    
    footer .footer-cont-inner-table .contacts-inner {
        padding-left: 1.71em;
        background-image: url('../i/promo/contacts-divider2.png');
        background-position: 0 0;
        background-repeat: repeat-y;
    }
    
    footer .footer-cont-inner-table .contacts-inner>*
    {
        display: block;
        
        color: #fff;
        font-size: 1.16em;
        
        margin-bottom: 0.85em;
    }
    
    footer .footer-cont-inner-table .contacts-inner b,
    footer .footer-cont-inner-table .contacts-inner strong
    {
        /*font-family: "PF DinDisplay Pro Medium", sans-serif;*/
        font-weight: 400;
    }
    
    footer .footer-cont-inner-table .contacts-inner a.mailto-link {
        display: inline;
        color: #fff;
        /*font-family: "PF DinDisplay Pro Medium", sans-serif;*/
        font-size: 100%;
        font-weight: 400;
    }
    
    footer .footer-cont-inner-table .groups
    {
        height: 2.64em;
        width: 9.86em;
        margin: 0 auto;
    }
    
    footer .footer-cont-inner-table .groups .group
    {
        width: 2.64em;
        height: 2.64em;
        padding: 0;
        margin: 0 0.64em 0 0;
        font-size: 1em;
        background-repeat: no-repeat;
        float: left;
    }
    
    footer .footer-cont-inner-table .group.fb
    {
        background-image: url('../i/promo/ico-soc-small.png');
        background-position: 0 0;
    }
    
    footer .footer-cont-inner-table .group.vk
    {
        background-image: url('../i/promo/ico-soc-small.png');
        background-position: -37px 0;
    }
    
    footer .footer-cont-inner-table .group.tw
    {
        background-image: url('../i/promo/ico-soc-small.png');
        background-position: -74px 0;
    }
    
    footer .footer-cont-inner-table .design-by
    {
        margin-top: 1.71em;
        color: #fff;
        text-align: center;
    }
    
    footer .footer-cont-inner-table .design-by span
    {
        
    }
    
    footer .footer-cont-inner-table .design-by a,
    footer .footer-cont-inner-table .design-by a:visited,
    footer .footer-cont-inner-table .design-by a:focus
    {
        /*font-family: "PF DinDisplay Pro Regular", sans-serif;*/
        display: inline;
        text-decoration: underline;
    }
    
    footer .footer-cont-inner-table .design-by a:hover
    {
        text-decoration: none;
    }

    










    /*
        Helpers
    */
    .break-small {
        width: 100%;
        height: 0.35em;
    }
    
    .abs-anchor {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }




    /*
        BUTTONS ======================================
    */

    button, 
    button:focus 
    {
        display: inline-block;
        color: #ffffff;
        background-color: #74cdc4;
        font-weight: bold;
        border: none;
        font-size: 1.16em;
        line-height: 2em;
        text-transform: uppercase;
        padding: 0 1em;
        cursor: pointer;

        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    button:hover {
        background-color: #00a8a3;
    }
    
    button:disabled {
        background-color: #ebebe4;
    }

    header button.login,
    header button.login:focus {
        background-color: #e89b24;
    }

    header button.login:hover {
        background-color: #00a8a3;
    }

    header button.join,
    header button.join:focus {
        background-color: #d8595b;
    }

    header button.join:hover {
        background-color: #00a8a3;
    }
    
    .gm-order-form button[type=submit] {
        /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
        font-size: 171%;
        font-weight: bold;
        background-color: #d8595b;
    }
    
    .gm-order-form button[type=submit]:hover {
        background-color: #00a8a3;
    }
    
    .gm-order-form button[type=submit]:disabled {
        color: #d0d0d0;
        background-color: #ebebe4;
    }
    
    
    
    
    /*
        Popups
    */
    .cloak {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 10000;
    }
    
    .popup-box {
        display: none;
        position: fixed;
        width: 61.43em;
        min-height: 15em;
        background-color: #ffffff;
        left: 50%;
        margin-left: -30.71em;
        top: 5em;
        z-index: 10001;
    }
    
    .popup-box .popup .popup-inner {
        position: relative;
        margin: 2.28em 2.28em 4.28em 4.28em;
    }
    
    .popup-box .popup .popup-inner h3 {
        color: #818080;
    }
    
    .popup-box .popup .close-cross {
        position: absolute;
        top: 2.36em;
        right: 1.93em;
        width: 21px;
        height: 21px;
        background-image: url('../i/promo/cross.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    .popup-box .popup .popup-inner .standart-offers {
        margin-top: 2.86em;
    }
    
    .popup-box .offer-item {
        background-position: left center;
        background-repeat: no-repeat;
    }
    
    .popup-box .offer-item.offr1 { background-image: url('../i/promo/ico-offer-1.png'); }
    .popup-box .offer-item.offr2 { background-image: url('../i/promo/ico-offer-2.png'); }
    .popup-box .offer-item.offr3 { background-image: url('../i/promo/ico-offer-3.png'); }
    .popup-box .offer-item.offr4 { background-image: url('../i/promo/ico-offer-4.png'); }
    .popup-box .offer-item.offr5 { background-image: url('../i/promo/ico-offer-5.png'); }
    .popup-box .offer-item.offr6 { background-image: url('../i/promo/ico-offer-6.png'); }
    
    .popup-box .offer-item-inner {
        display: table-cell;
        vertical-align: middle;
        height: 3.5em;
        padding-left: 4.28em;
        padding-right: 1em;
    }
    
    .popup-box .offer-item-inner>* {
        font-size: 1.16em;
    }

    
    .popup-box#mappopup {
        width: 53em;
        margin-left: -26.5em;
    }
    
    .popup-box#mappopup .map-container {
        margin-top: 2em;
    }
    
    .popup-box#companyinfopopup {
        width: 53em;
        margin-left: -26.5em;
    }
    
    .popup-box#companyinfopopup .popup-inner p {
        font-size: 128%;
    }
    
    
    
    
    
    
    /*
        Hovered Info pads
    */
    .hover-info-pad {
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hover-info-pad.pad-right {
        padding-left: 2.43em;
        padding-top: 1em;
    }
    
    .hover-info-pad.pad-left {
        padding-top: 1em;
    }
    
    .hover-info-pad.pad-left .hover-info-pad-inner {
        margin-right: 2.43em;
    }
    
    .hover-info-pad.pad-right:before {
        content: "";
        position: absolute;
        width: 1em;
        height: 100%;
        top: 0;
        left: 0;
        
        background-image: url('../i/promo/hover-pad-divider-right.png');
        background-repeat: repeat-y;
    }
    
    .hover-info-pad.pad-left:before {
        content: "";
        position: absolute;
        width: 1em;
        height: 100%;
        top: 0;
        right: 0;
        
        background-image: url('../i/promo/hover-pad-divider-left.png');
        background-repeat: repeat-y;
    }
    
    .hover-info-pad.pad-1:after {
        content: "";
        position: absolute;
        
        top: 20px;
        left: -17px;
        
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 40px 17px 40px 0;
        border-color: transparent #f7595c transparent transparent;
    }
    
    .hover-info-pad.pad-2:after {
        content: "";
        position: absolute;
        
        top: 155px;
        left: -17px;
        
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 40px 17px 40px 0;
        border-color: transparent #f7595c transparent transparent;
    }
    
    .hover-info-pad.pad-3:after {
        content: "";
        position: absolute;
        
        top: 295px;
        left: -17px;
        
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 40px 17px 40px 0;
        border-color: transparent #f7595c transparent transparent;
    }
    
    .hover-info-pad.pad-4:after {
        content: "";
        position: absolute;
        
        top: 20px;
        right: -17px;
        
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 40px 0 40px 17px;
        border-color: transparent transparent transparent #f7595c;
    }
    
    .hover-info-pad.pad-5:after {
        content: "";
        position: absolute;
        
        top: 155px;
        right: -17px;
        
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 40px 0 40px 17px;
        border-color: transparent transparent transparent #f7595c;
    }
    
    .hover-info-pad.pad-6:after {
        content: "";
        position: absolute;
        
        top: 295px;
        right: -17px;
        
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 40px 0 40px 17px;
        border-color: transparent transparent transparent #f7595c;
    }
    
    .hover-info-pad .hover-info-pad-inner {
        background-color: #fff;
    }
    
    .hover-info-pad h3 {
        font-weight: bold;
    }
    
    .hover-info-pad .hover-pad-header-text {
        width: 381px;
    }
    
    .hover-info-pad .hover-pad-close {
        position: relative;
        top: 0.3em;
        width: 6.86em;
        float: right;
        text-align: right;
    }
    
    .hover-info-pad .hover-pad-close:hover {
        cursor: pointer;
    }
    
    .hover-info-pad .hover-pad-close>span {
        display: inline-block;
        height: 1.36em;
        padding-right: 1.78em;
        
        background-image: url('../i/promo/arrow-down.png');
        background-position: right center;
        background-repeat: no-repeat;
    }
    
    .hover-info-pad .hover-pad-body-block {
        text-align: justify;
    }
    
    .hover-info-pad .hover-pad-stat-image {
        display: block;
        margin: 0 auto;
        width: 250px;
        height: 320px;
        background-image: url('../i/promo/media_kit_Giftoman-stat.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .stat-image {
        display: block;
        margin: 0 auto;
        width: 742px;
        /*height: 320px;*/
        background-image: url('../i/promo/media_kit_Giftoman-stat.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .hover-info-pad.pad-left .hover-pad-close {
        float: none;
        text-align: left;
    }
    
    .hover-info-pad.pad-left .hover-pad-close>span {
        display: inline-block;
        height: 1.36em;
        padding-left: 1.78em;
        background-image: url('../i/promo/arrow-down.png');
        background-position: left center;
        background-repeat: no-repeat;
    }
    
    .hover-info-pad.pad-left .hover-pad-header-text {
        width: 340px;
        float: right;
        text-align: right;
    }
    
    
    /*
        FAQ Блок с вопрос-ответами
    */
    .faq-block {
        margin-top: 3em;
    }
    
    .faq-block .qa-block {
        margin-bottom: 1em;
    }
    
    .faq-block a,
    .faq-block a:visited,
    .faq-block a:focus 
    {
        color: #00a8a3;
        border-bottom: 1px dashed #00a8a3;
    }
    
    .faq-block a:hover 
    {
        border-bottom: none;
        background-color: transparent;
    }
    
    .faq-block .q-block {
        position: relative;
        padding-left: 3em;
        padding-top: 0.5em;
        min-height: 2.5em;
    }
    
    .faq-block .q-block a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        
        width: 34px;
        height: 40px;
        
        background-image: url('../i/promo/arrows.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    .faq-block .q-block a:hover::before {
        background-position: -34px 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    .faq-block .q-block a.is-opened::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .faq-block .q-block a.is-opened:hover::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .faq-block .q-block a 
    {
        font-size: 1.16em;
        font-weight: bold;
    }
    
    .faq-block .a-block
    {
        position: relative;
        margin-top: 1em;
    }
    
    .faq-block .a-block-ava {
        position: absolute;
        top: 0;
        left: 0;
        
        width: 100px;
        height: 115px;
        
        background-image: url('../i/promo/kost-small.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .faq-block .a-block-text {
        position: relative;
        min-height: 60px;
        padding: 0px 20px 20px 20px;
        border-style: solid;
        border-width: 3px;
        border-color: #e0e0e0;
        margin-left: 145px;
        
        text-align: justify;
    }
    
    
    .faq-block .a-block-text:after
    {
        content: "";
        position: absolute;
        display: block;
        top: 7px;
        left: -36px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 0 40px 40px;
        border-color: transparent transparent #ffffff transparent;
        
        z-index: 1;
    }
    
    .faq-block .a-block-text:before
    {
        content: "";
        position: absolute;
        display: block;
        top: 10px;
        left: -43px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 0 40px 40px;
        border-color: transparent transparent #e0e0e0 transparent;
        
        z-index: 0;
    }
    
    
    
    /*
        Partners Tile
    */
    .partners-element-cont {
        margin-top: 4em;
        margin-left: 7.5em;
    }
    
    .partners-element-cont .partners-element {
        display: inline-block;
        width: 100px;
        height: 100px;
        
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        
        margin-right: 2.5em;
        margin-bottom: 2.5em;
        
        background-color: transparent;
    }
    
    .partners-element-cont .partners-element:hover {
        outline: 4px solid #e0e0e0;
    }
    
    
    
    .page-content {
        
    }
    
    .page-content a,
    .page-content a:visited,
    .page-content a:focus
    {
        color: #008d88;
        text-decoration: underline;
    }
    
    .page-content a:hover
    {
        color: #008d88;
        text-decoration: none;
        background-color: transparent;
    }
    
    .blog-feed .blog-entry {
        margin-bottom: 40px;
    }
    
    .blog-feed .entry-title > * {
        font-size: 24px;
    }
    
    .blog-feed a,
    .blog-feed a:visited,
    .blog-feed a:focus
    {
        color: #008d88;
        text-decoration: none;
    }
    
    .blog-feed a:hover
    {
        color: #008d88;
        text-decoration: underline;
        background-color: transparent;
    }
    
    
    
    
    #promo-popup {
        display: none;
        position: fixed;
        left: 50%;
        margin-left: -300px;
        top: 50%;
        margin-top: -300px;
        width: 600px;
        height: 600px;
        background-image: url('/i/promo/gftmn_banner_march.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 110;
    }
    
    .make-promo-order {
        position: absolute;
        display: block;
        width: 260px;
        height: 107px;
        cursor: pointer;
        bottom: 75px;
        right: 22px;
        background-image: url('/i/promo/promo_banner_buttons2.png');
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    
    .make-promo-order:hover {
        background-position: 0 -108px;
    }
    
    .make-promo-order:active {
        background-position: 0 -215px;
    }
    
    .close-promo-btn {
        position: absolute;
        display: block;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-image: url('/i/promo/close-box-red.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    #promo-popup-veil {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.7);
        z-index: 100;
    }
}









/*
    Mobile layout
*/
@media screen and ( max-width: 760px )  {

}






/*
    IE 10 hacks =]
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}



/*
    Opera 12+ Hacks (dirty)
*/
@media (min-resolution: .001dpcm) {
    /*
    _:-o-prefocus, .wrapper-dropdown, input, select, .page-info .page-info-inner, h3 {
        font-family: "PF DinDisplay Pro Regular", sans-serif;
    }*/
}