/* COMMON STYLES FOR ALL DOMAINS */

/* fonts */

@font-face {
    font-family: 'PFAgora';
    src: url('../../common/fonts/agora/pf_agora_sans_pro_bold-webfont.eot');
    src: url('../../common/fonts/agora/pf_agora_sans_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../common/fonts/agora/pf_agora_sans_pro_bold-webfont.woff') format('woff'),
    url('../../common/fonts/agora/pf_agora_sans_pro_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PragmaBl';
    src: url('../../common/fonts/pragmatica_black/pragmatica_black-webfont.eot');
    src: url('../../common/fonts/pragmatica_black/pragmatica_black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../common/fonts/pragmatica_black/pragmatica_black-webfont.woff') format('woff'),
    url('../../common/fonts/pragmatica_black/pragmatica_black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pragmal';
    src: url('../../common/fonts/pragmatica/pragmatica_regular-webfont.eot');
    src: url('../../common/fonts/pragmatica/pragmatica_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../common/fonts/pragmatica/pragmatica_regular-webfont.woff') format('woff'),
    url('../../common/fonts/pragmatica/pragmatica_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'websymbols';
    src: url('../../common/fonts/websymbols/websymbols.eot');
    src: url('../../common/fonts/websymbols/websymbols.eot#iefix') format('embedded-opentype'),
    url('../../common/fonts/websymbols/websymbols.woff') format('woff'),
    url('../../common/fonts/websymbols/websymbols.ttf') format('truetype'),
    url('../../common/fonts/websymbols/websymbols.svg#websymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasneue';
    src: url('../../common/fonts/bebasneue/BebasNeue.eot');
    src: url('../../common/fonts/bebasneue/BebasNeue.eot#iefix') format('embedded-opentype'),
    url('../../common/fonts/bebasneue/BebasNeue.woff') format('woff'),
    url('../../common/fonts/bebasneue/BebasNeue.ttf') format('truetype'),
    url('../../common/fonts/bebasneue/BebasNeue.svg#websymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../../common/fonts/opensans/OpenSansRegular.eot?') format('eot'),
    url('../../common/fonts/opensans/OpenSansRegular.woff') format('woff'),
    url('../../common/fonts/opensans/OpenSans-Regular.ttf') format('truetype'),
    url('../../common/fonts/opensans/OpenSansRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSans_bold';
    src: url('../../common/fonts/opensans/OpenSansBold.eot?') format('eot'),
    url('../../common/fonts/opensans/OpenSansBold.woff') format('woff'),
    url('../../common/fonts/opensans/OpenSans-Bold.ttf') format('truetype'),
    url('../../common/fonts/opensans/OpenSansBold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    font: normal 13px OpenSans,sans-serif, Arial;
    background: #0d0d0d;
    color:#3e3e3e;
}

input, textarea {
    font-family: OpenSans, Arial, Helvetica, sans-serif;
}

a {
    text-decoration: underline;
    color: #0085d9;
}

a:hover {
    text-decoration:none;
    color: #ff6000;
}

.ajax-link, .ajax-link-wrapper > * {
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
}

a.ajax-link:hover {
    border-bottom-color: #ffefc9;
}

.hidden-link {
    text-decoration: none;
    border-bottom: 0;
}

.popup-window a:not(.button) {
    color: #388FE8;
}

.popup-window a:hover:not(.button) {
    color: #ffd057;
}

.popup-window .button {
    margin: 0 auto;
}

.popup-window .form .form-wrapper {
    padding: 0 20px;
}

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0 0 10px;
    color: #006a72;
    font-family: OpenSans, Arial;
}

h1 {
	font: normal 190%/normal OpenSans_bold, Arial;
	margin: 0 0 10px 0;
    text-transform: uppercase;
}

h2 {
    font: normal 170%/normal OpenSans, Arial;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

h2 {
    font: normal 130%/normal OpenSans_bold, Arial;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

p {
    margin: 0 0 10px 0;
}

blockquote {
    display: block;
    border: 1px solid #213A55;
    border-left-width: 4px;
    background-color: rgba(33, 58, 85, 0.5);
    margin: 20px 0;
    padding: 15px 20px;
    font-size: 120%;
}

blockquote p:last-child {margin-bottom: 0;}

pre {
    padding: 10px 15px;
    border: 1px solid gray;
    margin-bottom: 15px;
}

pre p:last-child {margin-bottom: 0;}

.hidden {
    display: none;
}

/* Base */

ul.list {margin-left: 15px;}
ul.list > li {list-style: disc outside;}

/* Common content */

.text-no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Popup lists */

.popup-list > li {float:left;}
.popup-list .hover-element > .active {margin-top: -7px; padding: 7px 0 7px 5px;}
.popup-list .hover-element > .active > * {text-decoration: none;}
.popup-list .pop-ul {display:none; position:absolute; padding:0; background:white; margin:-33px 0 0 0;}
.popup-list .pop-ul li {white-space: nowrap; margin:0;float: none; color: #000;}
.popup-list .pop-ul li > * {color: black; text-decoration: none; display: block; padding: 7px 20px 7px 10px; cursor: pointer;}
.popup-list .pop-ul li:hover {background: #e3f0fe;}
.popup-list .hover-element span {display: block;}
.popup-list .hover-element:hover .pop-ul, .popup-list .hover-element:active .pop-ul {display:block; z-index:100;}
.popup-list .hover-element:hover .pop-ul.hidden {display:none;}
.popup-list .hover-element .pop-ul .active a {color:black; text-decoration: none; background: url(../img/filter-list_dott.png) center right no-repeat;border:none; margin-right:10px; font-weight: bold;}

/* Symbols & icons */

.with-icon:before {display: inline-block; font-family: 'websymbols'; margin-right: 7px; text-align: center;}
.with-icon-after:after {display: inline-block; font-family: 'websymbols'; margin-left: 7px; text-align: center;}

/* Formatters */

.money, .datetime, .filesize, .phone, .link {white-space: nowrap;}
.money .currency.rub {text-decoration: line-through; text-transform: uppercase;}
.link.map:before {content: '\ed7d'; margin-right: 4px;}

/* Flash messages */

.flash-message {
    position: fixed;
    display: none;
    top: 0;
    min-width: 350px;
    max-width: 500px;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    z-index: 200;
}

.flash-message .text {
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    color: #fff;
}

.flash-message.warning .text {
    color: #000;
}

.flash-message .text .min {
    display: block;
    float: right;
    width: 1px;
    height: 40px;
}

.flash-message .close {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 5px 0;
    width: 30px;
}

.flash-message .close:before {
    content: '\e9ec';
    cursor: pointer;
    color: #3a3a3a;
}

.flash-message .close:hover:before {
    content: '\e9ed';
}

.flash-message .icon:before {
    font-size: 35px;
    display: block;
    float: left;
    width: 35px;
    /*height: 35px;*/
    /*border: 1px solid white;*/
    line-height: 110%;
}

.flash-message.success, .flash-message.notice {
    background: #006971;
}

.flash-message.success .icon:before {
    content: '\ed52';
}

.flash-message.warning {
    background: rgb(249,245,197); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,245,197,1) 0%, rgba(247,231,169,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,245,197,1)), color-stop(100%,rgba(247,231,169,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,245,197,1) 0%,rgba(247,231,169,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,245,197,1) 0%,rgba(247,231,169,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,245,197,1) 0%,rgba(247,231,169,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,245,197,1) 0%,rgba(247,231,169,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5c5', endColorstr='#f7e7a9',GradientType=0 ); /* IE6-9 */
}

.flash-message.warning {
    color: #3A3A3A;
}

.flash-message.warning .icon:before {
    content: '\ed7b';
}

.flash-message.error {
     background: rgb(230,80,81); /* Old browsers */
     background: -moz-linear-gradient(top,  rgba(230,80,81,1) 0%, rgba(179,56,56,1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,80,81,1)), color-stop(100%,rgba(179,56,56,1))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  rgba(230,80,81,1) 0%,rgba(179,56,56,1) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  rgba(230,80,81,1) 0%,rgba(179,56,56,1) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  rgba(230,80,81,1) 0%,rgba(179,56,56,1) 100%); /* IE10+ */
     background: linear-gradient(to bottom,  rgba(230,80,81,1) 0%,rgba(179,56,56,1) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65051', endColorstr='#b33838',GradientType=0 ); /* IE6-9 */
 }

.flash-message.error .icon:before {
    content: '\e840';
}

.flash-message.notice .icon:before {
    content: '\eedf';
}

.group-actions {
    margin: 10px;
    text-align: right;
}

#reset_selected_count {
    border-bottom: 1px dashed;
    cursor: pointer;
}

@-webkit-keyframes rotateit {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg);	}
}
@keyframes rotateit {
    from { transform: rotate(0deg);	}
    to { transform: rotate(360deg); }
}
.button-loading:after {
    content: '\e966';
    -webkit-animation: rotateit 1.3s linear infinite;
    animation: rotateit 1.3s linear infinite;
}

.spinner-active:after {
    position: absolute;
    content: '\e966';
    -webkit-animation: rotateit 1.3s linear infinite;
    animation: rotateit 1.3s linear infinite;
    margin: 10px 0 0 -20px;
}

.ajax-block-spinner:after {
    margin: 0;
}

.wrapper-center {
    width: 100%;
    text-align: center;
}

.highlight {
    padding: 3px;
    border-radius: 4px;
    font-weight: bold;
    background-color: #345A81;
    color: #fff;
}

.center {
    text-align: center;
}

/* footer */

#footer .area-wrapper {padding: 30px 0; overflow: auto; overflow-x: hidden; margin-top: 10px; border-top: solid 10px #006a72; color: #a6a6a6;}
#footer #footer-logo {display: block; float: left; margin-right: 20px;}
#footer #footer-logo img {width: 150px;}

/* breadcrumbs */

.breadcrumbs{margin:25px 0 -30px 0;}
.breadcrumbs li{list-style:none;display:inline-block;}
.breadcrumbs li.breadcrumbs-sep{padding:0 5px;color: #b0d7ff;}
.breadcrumbs img {margin:0 5px; vertical-align:middle;}

/* buttons */

.button {display: inline-block; border: 0; letter-spacing: 0.5px; padding: 10px 20px; text-decoration: none; font-weight: bold; text-transform: uppercase; border-radius: 3px; text-align: center; cursor: pointer; background: #006a72; color: #fff;}
.button strong {display: block; text-transform: none; font-weight: normal; letter-spacing: 0;}
.button:hover {box-shadow: 0 0 4px 1px #a9a9a9; color: yellow;}
.button:active {box-shadow: inset 0 0 4px 0 #a8a8a8;}
/*
.button-blue {background: #388fe8; letter-spacing: 1px; color: #fff;}
.button-blue:hover {box-shadow: inset 0 0 4px 0 #baf3fa;}
.button-blue:active {box-shadow: inset 0 0 4px 0 #4997a0;}
*/
.button-green {background: #B9FE81; color: #000; letter-spacing: 1.5px;}
.button-green:hover {color: #000; box-shadow: inset 0 0 6px 0 #b4f2f9;}
.button-green:active {box-shadow: inset 0 0 6px 0 #4996a0;}
.button-red {background: #ff585d; color: #000; letter-spacing: 1.5px;}
.button-red:hover {color: #000; box-shadow: inset 0 0 6px 0 #b4f2f9;}
.button-red:active {box-shadow: inset 0 0 6px 0 #4996a0;}
.page .button-green {margin-bottom: 15px;}
.block-yellow-buttons .button {display: block; padding: 12px 15px; background: #FED059 linear-gradient(#FED059, #FEC265); color: black; margin-bottom: 15px; font-size: 12px;}
.block-yellow-buttons .button:last-child {margin:0;}
.block-yellow-buttons .button:hover {color: #0c0c0b; box-shadow: inset 0 0 4px 0 #fff0c6;}
.block-yellow-buttons .button:active {box-shadow: inset 0 0 4px 0 #a88d46;}
.button-top-blue {color: black; background: #5be2f2; font-size: 14px; margin-bottom: 35px;}
.button-gray {color: #333; background: #bbb;}
.button-rate {width: 123px; background-color: #c4c8c8;}
.button-rate.active {width: 123px; background-color: #fff;}
.button-rate-good:before {display: inline-block; font-family: 'websymbols'; text-align: center; color: #2c612a; content: '\e863'; font-size: 30px;}
.button-rate-bad:before {display: inline-block; font-family: 'websymbols'; text-align: center; color: #8c352d; content: '\e864'; font-size: 30px;}
.button-rate-good.active:before {color: #51d34e;}
.button-rate-bad.active:before {color: #ff6154;}

@media all and (max-width: 62.5rem) {
    [data-role=desktop] {
        display: none!important;
    }
}

@media all and (min-width: 62.5rem) {
    [data-role=mobile] {
        display: none!important;
    }
}
/* users */

.rating {
    font-size: 0.8em;
    padding: 0.45em 0.5em;
    border-radius: 0.25em;
    vertical-align: text-top;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}

.rating-0 {
    background: silver;
    color: #000;
}
.rating-1 {
    background: #8dbd2f;
    background: -moz-linear-gradient(top, #8dbd2f 0%, #74ad05 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dbd2f), color-stop(100%,#74ad05));
    background: -webkit-linear-gradient(top, #8dbd2f 0%,#74ad05 100%);
    background: -o-linear-gradient(top, #8dbd2f 0%,#74ad05 100%);
    background: -ms-linear-gradient(top, #8dbd2f 0%,#74ad05 100%);
    background: linear-gradient(to bottom, #8dbd2f 0%,#74ad05 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dbd2f', endColorstr='#74ad05',GradientType=0);
}
.rating-2 {
    background: #3b9ee5;
    background: -moz-linear-gradient(top, #3b9ee5 0%, #168add 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b9ee5), color-stop(100%,#168add));
    background: -webkit-linear-gradient(top, #3b9ee5 0%,#168add 100%);
    background: -o-linear-gradient(top, #3b9ee5 0%,#168add 100%);
    background: -ms-linear-gradient(top, #3b9ee5 0%,#168add 100%);
    background: linear-gradient(to bottom, #3b9ee5 0%,#168add 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b9ee5', endColorstr='#168add',GradientType=0);
}
.rating-3 {
    background: #8a41ac;
    background: -moz-linear-gradient(top, #8a41ac 0%, #652894 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a41ac), color-stop(100%,#652894));
    background: -webkit-linear-gradient(top, #8a41ac 0%,#652894 100%);
    background: -o-linear-gradient(top, #8a41ac 0%,#652894 100%);
    background: -ms-linear-gradient(top, #8a41ac 0%,#652894 100%);
    background: linear-gradient(to bottom, #8a41ac 0%,#652894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a41ac', endColorstr='#652894',GradientType=0);
}

@media all
and (max-width: 62.5rem) {
    #footer {
        padding: 0;
    }

    #footer .block {
        margin: 0;
        float: none;
        border-top: 1px solid;
    }

    #footer .block-title {
        padding: 12px 20px;
        font-weight: normal;
        text-transform: uppercase;
    }

    #footer .block-content li {
        padding: 8px 0;
        border-top: 1px solid #5C5C5C;
        text-align: center;
        font-size: 12px;
    }

    #footer .block-content a {
        margin: 0;
        border: 0;
        font-weight: normal;
    }

    #footer #social-block {
        text-align: justify;
        margin-top: 5px;
        padding: 0 100px;
    }

    #footer #social-block a {
        margin: 0;
    }

    #press-block .block-content {
        text-align: center;
    }

    #footer #press-block a {
        padding: 5px 0;
    }

}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}