@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic);

@font-face {
    font-family: 'Conv_GothaProMed';
    src: url('../fonts/GothaProMed.eot');
    src: local('Conv GothaProMed'), url('../fonts/GothaProMed.woff') format('woff'), url('../fonts/GothaProMed.ttf') format('truetype'), url('../fonts/GothaProMed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Uni Sans';
    src: local('Uni Sans Thin Caps Regular'), local('UniSansThinCaps'), url('../fonts/uni_sans_thin.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Uni Sans';
    src: local('Uni Sans Heavy Caps Regular'), local('UniSansHeavyCaps'), url('../fonts/uni_sans_heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Uni Sans';
    src: local('Uni Sans Thin Caps Italic Regular'), local('UniSansThinCapsItalic'), url('../fonts/uni_sans_thin_italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Uni Sans';
    src: local('Uni Sans Heavy Caps Italic Regular'), local('UniSansHeavyCapsItalic'), url('../fonts/uni_sans_heavy_italic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

* {margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html {min-height:100%; height:100%;}
body {color:#303030; width:100%; height:100%; font-size:14px; line-height:24px; background:#f9f9f9; font-family: 'Roboto Condensed', Arial, sans-serif;}

a {color:#2e7cdd; outline: none; text-decoration:none; transition: .4s;}
a:hover {color: #00bd65;}
img {border:none;}
input {vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
textarea:focus, input:focus{outline: none;}
.upper {text-transform:uppercase;}
.clear {clear:both;}
.align-c {text-align:center;}
.align-r {text-align:right;}
.pb-0 {padding-bottom:0!important;}
.mt-10 {margin-top:10px;}
.mb-10 {margin-bottom:10px;}

/*global*/
.table {display: table;}
.table .row {display: table-row;}
.table .cell {display: table-cell;}

/* wrapper */
.wrapper {min-height:100%; overflow:hidden;}

/* content */
.content {padding-bottom:150px;}




/* slider **************************************/
#logo {display:block; width:486px; height:114px; background:url(../images/logo.png) no-repeat 0 0; position:absolute; top:57px; left:50%; margin-left:-243px; z-index:2;}
#logo {display:block; width:486px; height:114px; background:url(../images/logo.png) no-repeat 0 0; position:absolute; top:57px; left:50%; margin-left:-243px; z-index:2;}

.peppermint {height:650px; position:relative;}
.peppermint figure {position:relative; height:650px; overflow:hidden;}
.peppermint figure img {width:100%; max-width:none!important; min-height:650px;}
@media (max-width: 1400px) {/*768px*/

}
.slider {height:650px; position:relative; text-align: center;}

.slider .p1 {font-family:'Conv_GothaProMed',Sans-Serif; position: absolute; display: inline-block; left: 50%; margin-left: -165px;  top: 183px; font-size: 18px; color: #fffefe; z-index: 2; letter-spacing: 14px;
    text-shadow: 2px 2px rgba(0,0,0, .28);
}
.slider .text-block {display: inline-block; text-align:center; position: relative; z-index:1; padding: 300px 50px 0 60px;}
.slider .text-block .h {font-size:60px; color:#fff; text-transform:uppercase; line-height:72px; font-weight:bold; text-shadow:1px 2px 0px rgba(0,0,0,0.58);}
.slider .text-block .t {font-size:30px; color:#fff; line-height:35px; text-shadow:1px 1px 0px rgba(0,0,0,0.58); padding:30px 0 30px 0;}
.slider .text-block .button {padding-left:70px; padding-right:70px;}
.slider .text-block .button:hover {color: #fff!important;}
.slider .img-slide {position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-size: cover;}

@media (max-width: 1120px) {/*1024*/
    .slider, .peppermint, .peppermint figure {height: 400px;}
    .slider .arr {left:10px;}
    .slider .arr.js-right {right:10px; left:auto;}
    .slider .text-block {padding-top: 164px;}
    .slider .p1 {top: 122px;}
    .slider .text-block .h {font-size: 50px;}
    #logo {top: 10px;}
    .slider .text-block .t {padding: 15px 0 15px 0;}
}
@media (max-width:1024px) {/*768*/
    .slider .text-block .t {padding: 15px 0 15px 0;}
    .slider .text-block .h {font-size: 36px;}
}
@media (max-width:768px) {
    .slider .text-block {padding: 150px 0 0 0;}
    .slider .text-block .h {font-size: 28px; line-height: 36px;}
    .slider .text-block .t {padding: 15px 0 25px 0;}
    .slider .p1 {top: 29%;}
    .slider .text-block .t {padding: 15px 0 15px 0;}
}
@media (max-width:500px ) {
    .slider .p1 {top: 21%; text-align: center; padding: 0 20px;}
    .slider .text-block .t {padding: 15px 0 15px 0;font-size: 18px; line-height: 24px;}
    .slider .text-block .t {min-height: auto;}
}
@media (max-width:620px) {/*360*/
    .peppermint {margin-top: -114px; text-align: center; z-index: 1;}
    #logo {margin: 0px auto 0 auto; position: relative;  z-index: 2; background-size: 100%; left: auto; right: auto; top: 10px; width: 80%;}
    .slider .text-block .t {min-height: auto;}
}

/* button **************************************/
.button {display:inline-block; background:#00ae5d; padding:11px 20px; line-height:33px; font-size:24px; color:#fff;  border:none; transition:background 0.3s linear 0s; text-align:center; cursor:pointer;}
.button:hover {background:#0084d2;color:#fff;}

.button-bord {display:inline-block; border:3px solid #100001; padding:8px 70px; line-height:32px; font-size:24px; color:#100001; text-transform:uppercase; font-weight:bold; transition:background 0.3s linear 0s; text-align:center; cursor:pointer;}
.button-bord:hover {background:#100001; color:#fff;}

/* cont-wrap **************************************/
.cont-wrap {width:1194px; margin:0 auto; padding:30px 0;}

.h1-s {font-size:24px; text-align:center; font-family:'Uni Sans'; color:#858585; padding-top:15px;}


/* projects-wrap **************************************/
.projects-wrap {font-size:0; margin:25px -6px 35px -6px;}
.projects-wrap:after {content: ''; display: block; clear: both;}
.projects-item {min-height:505px;border:1px solid transparent; width:24%; margin:6px 6px; background:#fff; font-size:14px; display:block; float: left; vertical-align:top; padding:12px; border-radius:15px; box-shadow:1px 1px 3px rgba(0,0,0,0.29); cursor:pointer; position:relative;}
#project-lot .projects-item {border:1px solid transparent; width:31.9%; margin:6px 6px; background:#fff; font-size:14px; display:block; float: left; vertical-align:top; padding:12px; border-radius:15px; box-shadow:1px 1px 3px rgba(0,0,0,0.29); cursor:pointer; position:relative;}
.projects-item .arr:before {display:block; content:""; width:18px; height:15px; background: url(../images/icon.png) no-repeat 0 0; position:absolute; top:19px; right:19px;}
.projects-item .img img {vertical-align:top; overflow:hidden; width:100%; height:auto;}
#project-lot .bot-l{width: 49%;}
#project-lot .bot-r{float: right;margin-left: 30px;}
#project-lot .bot-r.sale{margin-right: -5px;margin-left: 0;width: 50%;height: 49px;}
.projects-item .title{
    text-align: right;
    width: 50%;
}
.projects-item .title{
    display: inline-block;
    float: right;;
    position: absolute;
    z-index: 1;
    margin-top: -13px;
    right: -1px;
}
@media (max-width:1320px) {
    .projects-item {width: 27%;}
    #project-lot .projects-item {width: 31.9%;}
    .cont-wrap {width: 100%; padding: 0 50px 0 60px;}
    .projects-item .img img {vertical-align:top; overflow:hidden;width:100%; height:auto;}
    #project-lot .bot-r.sale img{width: 108%;}
    #project-lot .bot-r{margin-left: 10px;}
    #project-lot .bot-r.sale{margin-right: -4px;height: 49px;}
}
@media (max-width:1320px) {}
@media (max-width:1080px) {
    .projects-item {width: 39%;}
    #project-lot .projects-item {width: 39%;}
    .cont-wrap {width: 100%; padding: 0 50px 0 60px;}
    .projects-item .img img {vertical-align:top; overflow:hidden;width:100%; height:auto;}
    #project-lot .bot-r.sale{margin-right: -4px;height: 49px;}
}
@media (max-width:768px) {
    .h1-s {font-size: 22px;}
    .projects-item {width: 48.2%;}
    #project-lot .projects-item {width: 48.2%;}
    .cont-wrap {padding: 0 15px 0 0px;}
    .projects-item .img img {vertical-align:top; overflow:hidden;width:100%; height:auto;}
}
@media (max-width:740px) {
    .h1-s {font-size: 22px;}
    .projects-item {width: 99%;}
    #project-lot .projects-item {width: 99%;}
    .cont-wrap {padding: 0 15px 0 0px;}
    .projects-item .img img {vertical-align:top; overflow:hidden;width:100%; height:auto;}
    .projects-wrap {max-width: 323px;}
}


.projects-item:hover {border:1px solid #52ac62;}
#project-lot .projects-item:hover {border:1px solid #52ac62;cursor: pointer;}
.projects-item .img {border-radius:10px; overflow:hidden; width:100%; position: relative;}

.projects-item .desc .h {font-size:18px; font-weight:bold; line-height:20px; padding-top:10px; color:#000;height: 40px;}
.projects-item .desc .hs {font-size:15px; font-weight:bold; line-height:15px; color:#000;height: 20px;padding-top: 5px;}
.projects-item .desc .p {font-size:13px; line-height:18px; padding-top:20px; color:#303030;height: 75px;overflow: hidden;text-overflow: ellipsis;}

.projects-item .proc {height:3px; background:#00bc6a; position:relative; margin:12px -12px;}
.projects-item .proc .line {height:3px; background:#c4c4c4; position:absolute; top:0; left:100%; right:0;}

.projects-item .bot {}
.projects-item .bot:after {display: block; content:""; clear:both;}
.projects-item .bot .bot-l {width:163px; float:left;}
.projects-item .bot .bot-r {width:100px; float:left;}
.projects-item .bot p {font-size:12px; line-height:24px; color:#575757; text-transform:uppercase;}
.projects-item .bot b {font-size:18px; font-weight:bold; color:#00bc6a;}
.projects-item .bot .bot-r b {color:#c4c4c4;}

.align-c {text-align:center;}

/*login*/
.login {display: none; width: 280px; padding: 30px 30px 35px 30px; position: fixed; right: 47px; top: 0px; background: #fafafa; box-shadow: 0 0 3px 0px rgba(0,0,0, .24); font-size: 0; z-index: 1000;}
.login .reg-wrap  {display: none;}
.login .log-wrap {display: none;}
.login h2 {font-weight: normal; color: #000000; font-size: 18px; margin-bottom: 25px;}
.login input {width: 100%; font-size: 12px; border: 1px solid #e8e8e8; color: #9f9f9f; height: 27px; line-height: 16px; padding-left: 8px; background: #fff; border-radius: 1px; margin-bottom: 18px;}
.login .t1 {margin: -5px 0 0 0; font-size: 12px; color: #7a7a7a;}
.login .t1 a {font-size: 12px; color: #7a7a7a;}
.login .t2 {font-size: 12px; color: #454545; margin-top: 15px;}
.login .a-wrap {margin: -2.5px;}
.login .a-wrap a {display: inline-block; text-align: center; width: 26px; height: 26px; line-height: 26px; margin: 2.5px;}
.login .a-wrap a:nth-child(1) {background: #5b80d8}
.login .a-wrap a:nth-child(2) {background: #4e8bbb}
.login .a-wrap a:nth-child(3) {background: #ff7f03}
.login .a-wrap a:nth-child(4) {background: #f35d43}
.login .a-wrap a:nth-child(5) {background: #27bff9}
.login .a-wrap a i {font-size: 14px; color: #fff;}
.login .registration {cursor: pointer; transition: .4s; width: 126px; height: 30px; line-height: 30px; font-size: 12px; color: #ffffff; background: #00ae5d; border-radius: 0 0 13px 13px; position: absolute; right: 0px; bottom: -30px; text-align: center;}
.login .t2-reg {margin-top: 0px;}
.login .registration:hover {background: #0084d1;}
.login .inpbox {color: #1b5166; font-size: 12px; margin-bottom: 40px;}
.login .inpbox input {display: inline-block;  margin: 0; float: left; width: 13px; height: 13px; vertical-align: top; line-height: 14px; opacity: 0;}
.login .inpbox label {cursor: pointer; position: relative; display: inline-block; float: left; width: 190px; vertical-align: top; line-height: 16px;}
.login .inpbox label span {vertical-align: top;}
.login .inpbox label:before {background: #ffffff; border: 1px solid #c6c6c6; border-radius: 50%; content: ""; cursor: pointer; display: block; width: 13px; height: 13px; left: -20px; position: absolute; top: 2px;}
.login .inpbox input:checked + label:after,
.login .inpbox input:checked + label + label:after {background: #00ae5d; content: ""; display: block; width: 7px; height: 7px; left: -16.5px; position: absolute; top: 6px; border-radius: 50%;}
.exit {cursor: pointer; font-size: 0; background: #00ae5d; color: #ffffff; width: 126px; height: 36px; line-height: 36px; border-radius: 0 0 8px 8px; position: fixed; right: 47px; top: 0px; transition: .4s; z-index:10;}
.exit:hover {background: #0079cc;}
.exit span {vertical-align: middle; display: inline-block; font-size: 12px;}
.exit span:first-child {margin: 3px 27px 0 11px;}
.user {cursor: pointer; font-size: 0; background: #00ae5d; color: #ffffff; width: 126px; height: 36px; line-height: 36px; border-radius: 0 0 8px 8px; position: fixed; right: 47px; top: 0px; transition: .4s; z-index:10;}
.user:hover {background: #0079cc;}
.user span {vertical-align: middle; display: inline-block; font-size: 12px;}
.user span:first-child {margin: 3px 17px 0 11px;}
.join {cursor: pointer; font-size: 0; background: #00ae5d; color: #ffffff; width: 126px; height: 36px; line-height: 36px; border-radius: 0 0 8px 8px; position: fixed; right: 47px; top: 0px; transition: .4s; z-index:10;}
.join:hover {background: #0079cc;}
.join span {vertical-align: middle; display: inline-block; font-size: 12px;}
.join span:first-child {margin: 3px 27px 0 11px;}


/* bot-menu **************************************/
.bot-menu {border-top:1px solid #d0d0d0; margin-top:80px; text-align:center; padding-top:10px;}
.bot-menu a {display:inline-block; font-size:14px; line-height:36px; color:#4b4b4b; text-transform:uppercase; margin-right: 25px;}
.bot-menu a.selected,
.bot-menu a:hover {color:#000000;}


/* footer */
.footer {height:60px; margin:-60px auto 0 auto; width:100%; position:relative; text-align:center; font-size:14px; color:#000; text-transform:uppercase;}

/* menu */
.menu {position:fixed; left:0; top:0; bottom:0; width:50px; background:rgba(255,255,255,0.9); z-index:990; box-shadow:0 0 7px rgba(0,0,0,0.24);}
.menu .menu-btn {width:50px; height:50px; text-align:center; line-height:50px; position:absolute; left:0; top:0; cursor:pointer;}
.menu .menu-btn:before {display:inline-block; content:""; width:20px; height:17px; background: url(../images/icon.png) no-repeat -18px 0; vertical-align:middle;}
.menu .menu-btn:hover:before {background-position:-38px 0;}

.menu .menu-logo {display:block; width:50px; height:179px; background:url(../images/logo-vert.png) no-repeat 50% 0; position:absolute; top:235px; left:0;}

.menu .menu-menu {padding:0 8px; text-align:center; padding-top:100px; display:none;}
.menu .menu-menu a {display:block; line-height:30px; border:3px solid transparent; font-size:16px; color:#030303; text-transform:uppercase; margin-bottom:17px; transition:all 0.3s linear 0s;}
.menu .menu-menu a.selected,
.menu .menu-menu a:hover {border:3px solid #000; background:#fff;}

.menu .menu-copy {line-height:60px; font-size:12px; color:#000; text-align:center; position:absolute; left:0; bottom:0; right:0; display:none;}
/* menu.menu--open */
.menu.menu--open {width:212px;}
.menu.menu--open .menu-btn {display:none;}
.menu.menu--open .menu-logo {width:212px; height:42px; background:url(../images/logo-horiz.png) no-repeat 50% 0; left:0; top:25px;}

.menu.menu--open .menu-menu {display:block;}
.menu.menu--open .menu-copy {display:block;}

/* project-full */
.project-full {width:auto; margin:0 auto; max-width: 940px;}

/* breadcrumbs */
.breadcrumbs {font-size:14px; color:#7d7d7d; padding-bottom:30px;}
.breadcrumbs a {color:#0f83ce;}
.breadcrumbs b {font-weight:normal; color:#000;}

/* full */
.h1 {font-size:24px; line-height:34px; color:#464646; font-weight:bold; padding-bottom:15px; text-transform: uppercase;}


/* proc-block */
.proc-block {height:383px; border-radius:10px; overflow:hidden; text-align:right;}
.proc-block:after {display: block; clear: both; content: '';}
.proc-block .pb-left {width:35.1079%; height: 100%; float:left; background:#383838; padding:10px; text-align:center;}
.proc-block .radial-progress {margin:20px auto 5px auto; background: #242424!important;}
.proc-block .pb-left p {font-size:12px; line-height:18px; color:#a0a0a0; text-transform:uppercase;}
.proc-block .pb-left p.b1 {font-size:48px; line-height:48px; color:#fff; font-weight:bold;}
.proc-block .pb-left p.b2 {font-size:30px; line-height:32px; color:#fff; font-weight:bold;}

.proc-block .pb-left .p1 {font-size: 14px; color: #fff; margin: 14px 0 0 0;}
.proc-block .pb-left .p1 span {font-size: 24px; color: #00bd65;}
.proc-block .pb-left .p1 span span {font-size: 14px;}
.proc-block .pb-left .text1 {font-size: 14px; color: #fff; margin: 23px 0 4px 0;}
.proc-block .pb-left .text1 .sp1 {margin-right: 38px;}
.proc-block .pb-left .text1 .circle {display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #242424; margin-right: 7px;}
.proc-block .pb-left .text1 .green {background: #00ae5d;}
.proc-block .pb-left .button {width: 92%; height: 46px; padding: 0 20px; line-height: 46px; background: #00bd65;}
.proc-block .pb-left .button:hover {background:#0084d2;color:#fff;}
@media (max-width:768px) {
    .proc-block .pb-left .text1 .sp1 {margin-right: 34px;}
}

.proc-block .pb-left .pb-info {padding-top:7px; border-top:1px solid #2d2d2d; text-align:center; font-size:0; margin-top:8px;}
.proc-block .pb-left .pb-info li {display:inline-block; vertical-align:top; font-size:11px; color:#a0a0a0; line-height:20px; padding:0 20px;text-transform:uppercase;}
.proc-block .pb-left .pb-info li b {display:block; font-size:16px; color:#fff; text-transform:none; font-weight:normal;}

.proc-block .pb-left .pb-info li:first-child {padding-left:0; text-align:right; border-right:1px solid #2d2d2d;}
.proc-block .pb-left .pb-info li:first-child b {color:#00bc6a;}
.proc-block .pb-left .pb-info li:last-child {padding-right:0; text-align:left; border-left:1px solid #2d2d2d;}
.proc-block .pb-left .pb-info li:last-child b {color:#df2c6b;}

.proc-block .pb-img {width:64.8921%; height: 100%; float:right; position: relative; background-size: cover;}
.proc-block .pb-img .text {width: 100%; height: 102px; line-height: 102px; position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,.5); text-align: center; color: #fff; font-size: 12px;}

.proc-block .pb-img .text .soc a{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin-top: 35px;
    text-align: center;
    transition: background 0.2s linear 0s;
    margin-right: 6px;
}

#social-likes-block{
    text-align: right;
    left: auto;
    float: none;
    bottom: auto;
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
}

.proc-block .pb-img .text .soc .fb{background-image:url(/images/content/soc/fb_gray.png);}
.proc-block .pb-img .text .soc .fb:hover{background-image:url(/images/content/soc/fb_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .telegram{background-image:url(/images/content/soc/telegram_gray.png);}
.proc-block .pb-img .text .soc .telegram:hover{background-image:url(/images/content/soc/telegram_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .google{background-image:url(/images/content/soc/google_grey.png);}
.proc-block .pb-img .text .soc .google:hover{background-image:url(/images/content/soc/google_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .insta{background-image:url(/images/content/soc/insta_grey.png);}
.proc-block .pb-img .text .soc .insta:hover{background-image:url(/images/content/soc/insta_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .ok{background-image:url(/images/content/soc/ok_grey.png);}
.proc-block .pb-img .text .soc .ok:hover{background-image:url(/images/content/soc/ok_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .share.active{background-image:url(/images/content/soc/share_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .share{background-image:url(/images/content/soc/share_grey.png);}
.proc-block .pb-img .text .soc .share:hover{background-image:url(/images/content/soc/share_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .sub{background-image:url(/images/content/soc/sub_grey.png);}
.proc-block .pb-img .text .soc .sub:hover{background-image:url(/images/content/soc/sub_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .tw{background-image:url(/images/content/soc/tw_gray.png);}
.proc-block .pb-img .text .soc .tw:hover{background-image:url(/images/content/soc/tw_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .vk{background-image:url(/images/content/soc/vk_gray.png);}
.proc-block .pb-img .text .soc .vk:hover{background-image:url(/images/content/soc/vk_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .youtube{background-image:url(/images/content/soc/youtube_gray.png);}
.proc-block .pb-img .text .soc .youtube:hover{background-image:url(/images/content/soc/youtube_blue.png);background-color: #0f83ce;}
.proc-block .pb-img .text .soc .soundcloud{background-image:url(/images/content/soc/soundcloud_gray.png);}
.proc-block .pb-img .text .soc .soundcloud:hover{background-image:url(/images/content/soc/soundcloud_blue.png);background-color: #0f83ce;}

.proc-block .pb-img .ib {display: inline-block; vertical-align: middle;}
.proc-block .pb-img .text .table {width: 393px; line-height: 20px; margin: 0 auto; text-align: left;}
.proc-block .pb-img .text .table .cell {vertical-align: top;}
.proc-block .pb-img .text .table .row:first-child .cell {line-height: 20px;}
.proc-block .pb-img .text .table .sp {vertical-align: top; display: inline-block; line-height: normal;}
.proc-block .pb-img .text .table .cell:first-child {width: 34.0966%;}
.proc-block .pb-img .text .table .cell:nth-child(2) {width: 31.8066%; padding: 0 4.0712%;}
.proc-block .pb-img .text .table .cell:nth-child(3) {width: 34.0966%;}
.proc-block .pb-img .text .timer {width: 100%; height: 55px; line-height: 51px; border: 2px solid #00ae5d; border-radius: 12px; text-align: center; font-size: 24px;}
.proc-block .pb-img .text .timer span {font-size: 14px;}
.proc-block .pb-img .text .start {background: #121212;}
.proc-block .pb-img .text .left {background: #00ae5d;}
.proc-block .pb-img .text .close {background: #121212; border-color: #8f57a3;}
.proc-block .pb-img img {vertical-align:top; min-width:100%; min-height:100%;}


/* player */
.player {height:55px; position:relative; margin:20px 0 25px 0;}
.player .button {margin-left:30px;}
.player .btn {width:35px; height:35px; position:absolute; top:9px; text-align:center; line-height:35px; cursor:pointer;}
.player .btn:before {vertical-align:middle; display:inline-block; background: url(../images/icon.png) no-repeat 0 0; content:"";}

.player .btn.arr-left {left:350px;}
.player .btn.arr-left:before {width:20px; height:11px; background-position:0 -18px;}
.player .btn.arr-left:hover:before {background-position:0 -29px;}

.player .btn.arr-right {left:452px;}
.player .btn.arr-right:before {width:20px; height:11px; background-position:0 -40px;}
.player .btn.arr-right:hover:before {background-position:0 -51px;}

.player .btn.pause {left:401px;}
.player .btn.pause:before {width:24px; height:35px; background-position:-20px -17px;}
.player .btn.pause:hover:before {background-position:-44px -17px;}

.player .btn.share {left:836px;}
.player .btn.share:before {width:25px; height:21px; background-position:-20px -52px;}
.player .btn.share:hover:before {background-position:-20px -73px;}

.player .foto {width:54px; height:54px; position:absolute; top:1px; left:512px; border-radius:50%; overflow:hidden;}
.player .foto img {vertical-align:top; min-width:100%;}

.player .h {width:227px; position:absolute; top:1px; right:132px; font-size:14px; line-height:18px; color:#969696;}
.player .h b {display:block; color:#3b3b3b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.player .h span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.player .progress-bar {height:5px; width:227px; background:#969696; position:relative; border-radius:2px; position:absolute; bottom:0; right:132px; overflow:hidden;}
.player .progress-bar .line {height:5px; background:#d0d0d0; position:absolute; top:0; left:100%; right:0;}

.player .like {width:58px; height:35px; position:absolute; top:9px; right:0; text-align:left; line-height:35px; cursor:pointer; font-size:12px; color:#969696;}
.player .like:before {vertical-align:middle; display:inline-block; background: url(../images/icon.png) no-repeat 0 0; content:""; width:18px; height:18px; background-position:-45px -52px; margin-right:5px;}
.player .like:hover {color:#000;}
.player .like:hover:before {background-position:-45px -70px;}
.player .jp-audio {width: 100%;}
.player .jp-audio .jp-controls {width: auto; padding: 17px 0 0 20px;}
.player .jp-audio .jp-type-single .jp-progress, .player .jp-audio .jp-type-single .jp-time-holder {left: 19%; width: 65%;}
.player .jp-volume-controls {width: 89px; left: 86%;}
@media (max-width:1280px) {
    .player .jp-audio .jp-type-single .jp-progress, .player .jp-audio .jp-type-single .jp-time-holder {left: 15%; width: 69%;}
}
@media (max-width:940px) {
    .player .jp-audio .jp-type-single .jp-progress, .player .jp-audio .jp-type-single .jp-time-holder {left: 18%; width: 66%;}
}
@media (max-width:768px) {
    .player .jp-audio .jp-type-single .jp-progress, .player .jp-audio .jp-type-single .jp-time-holder {left: 18%; width: 66%;}
}



.project-full .player360 {display: none;}

/* cont-block */
.cont-block {background:#fff; border-radius:15px; margin-bottom:20px; box-shadow:1px 1px 3px rgba(0,0,0,0.29); padding:28px 44px 40px 44px;}
.h2 {font-size:24px; color:#151515; line-height:28px; margin-bottom:10px;}

.cont-block p {font-size:14px; color:#303030; line-height:24px;}


/* owl-demo **************************************/
#owl-demo {}
#owl-demo .owl-item {width:178px;}
#owl-demo .item { width:193px; height:193px; margin: 10px; border-radius:10px; overflow:hidden;}
#owl-demo .item img {vertical-align:top; min-width:100%; min-height:100%;}
.customNavigation{
    text-align: center;
}

.customNavigation a{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#owl-demo .owl-pagination {height:15px; margin-top:50px; text-align:center; display:none;}
#owl-demo .owl-pagination .owl-page {width:15px; height:15px; display:inline-block; margin:0 8px; background:#fff; border-radius:50%;}
#owl-demo .owl-pagination .owl-page.active {background:#555555;}

.owl-wrap {position:relative;}
.owl-wrap .owl-arr {width:30px; height:58px; position:absolute; top:70px; cursor:pointer; background: url(../images/icon.png) no-repeat 0 0;}
.owl-wrap .owl-arr.owl-prev {background-position:-68px -17px; left:-30px;}
.owl-wrap .owl-arr.owl-prev:hover {background-position:-98px -17px;}
.owl-wrap .owl-arr.owl-next {background-position:-128px -17px; right:-30px;}
.owl-wrap .owl-arr.owl-next:hover {background-position:-158px -17px;}


/* link-block **************************************/
.link-block {text-align:center; font-size:14px; line-height:36px; padding-top:10px;}

.f18 {font-size:18px;}

/* soc-block **************************************/
.soc-block {text-align:center; padding-top:25px;}


/* cont-table **************************************/
.cont-table {width:100%;}
.cont-table td {font-size:15px; line-height:22px; text-transform:uppercase; padding-bottom:20px; vertical-align:top;}
.cont-table td a {color:#151515;}
.cont-table td i {position:relative; top:-1px;}

/* cont-table **************************************/
.i-marker {width:12px; height:17px; display:inline-block; vertical-align:middle; background: url(../images/icon.png) no-repeat -58px 0;}
.i-phone {width:16px; height:15px; display:inline-block; vertical-align:middle; background: url(../images/icon.png) no-repeat -70px 0;}
.i-mail {width:16px; height:12px; display:inline-block; vertical-align:middle; background: url(../images/icon.png) no-repeat -86px 0;}
.i-file {width:23px; height:33px; display:inline-block; vertical-align:middle; background: url(../images/icon.png) no-repeat -72px -94px;}


/* form **************************************/
.form {}
.form  .row {padding-bottom:20px;}
.form  .row:after {clear:both; content:''; display:block;}
.form  .row .cell {width:50%; float:left; padding:0 15px;}
.form  .row .cell:first-child {padding-left:0;}
.form  .row .cell:last-child {padding-right:0;}
.form  .label {font-size:15px; color:#8f8f8f; padding-bottom:0px; margin-top:24px;}
.form  input[type="text"], input[type="password"], input[type="tel"],
.form  input[type="email"] {height:27px; border:1px solid #efecec; padding:0 8px; color:#303030; font-size:12px; width:100%; border-radius:1px;}
.error {color:#000!important; border-color:#c72f2f!important;}
.form  textarea {width:100%; height:70px; border:1px solid #efecec; padding:8px 10px; color:#303030; font-size:12px; resize:vertical; font-family: 'Roboto Condensed', Arial, sans-serif; border-radius:5px; box-shadow:1px 1px 2px rgba(0,0,0,0.20);}
.form  .button {padding:5px 20px; font-size:20px; font-weight:normal; min-width:230px;}



.col-cont {width:300px; float:left;}
.cont-form {width:410px; float:right;}
.cont-form .h {font-size:15px; line-height:24px; color:#52ac62; text-transform:uppercase; margin-bottom:10px;}
.file-icon {display:inline-block; vertical-align:top; font-size:12px; text-transform:uppercase; color:#575757; margin-right:25px;}
.file-icon i {margin-right:15px;}
.map {padding-top:10px; overflow: hidden;}
.map img {width: 100%; height: auto;}
@media (max-width:1024px) {
    .col-cont {float: none; width: 100%;}
    .cont-form {float: none; width: 100%;}
    .form .button {min-width: auto;}
    .form .row .cell {padding: 0 0 0 10px;}
    .form .row .cell:first-child {padding: 0 0 0 0px;}
}

/* column **************************************/
.column {}
.column:after {clear:both; content:''; display:block;}
.column .left-col {width:240px; float:left;}
.column .right-col {padding-left: 20px; overflow: hidden;}


/* faq-menu **************************************/
.faq-menu {}
.faq-menu li {font-size:20px; line-height:26px; color:#151515; padding:9px 20px; display:block; position:relative; cursor:pointer;}
.faq-menu li:hover {color:#52ac62;}
.faq-menu li.act {background:#52ac62; color:#fff;}
.faq-menu li.act:before {border:4px solid transparent; border-left:6px solid #52ac62; content:""; position:absolute; right:-15px; top:50%; margin-top:-4px;}


.faq-q {padding-left:30px; position:relative; font-size:14px; font-weight:bold; line-height:24px; cursor:pointer; margin-top:17px;}
.faq-q:before {width:16px; height:16px; background:url(../images/arr.png) no-repeat 0px 0px;  position:absolute; top:4px; left:0px; display:block; content:'';}
.faq-q:hover {color:#60d1a8;}

.faq-a {margin:10px 0 25px 13px; background:#f9f9f9; padding:13px 27px; display:none;}


/* **************************************************/
/* POPUP */
[onclick] {cursor:pointer;}
/*.blur {overflow:hidden;}*/

.popup-layout {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.45); line-height:100%; text-align:center; overflow-y:auto; z-index:999; display:none;}
.popup-layout:before {content:" "; vertical-align:middle; height:100%; display:inline-block;}

.popup {width:580px; vertical-align:middle; display:inline-block; margin:50px 0; text-align:left; background:#fff; position:relative; border-radius:5px; box-shadow:0 0 30px rgba(0,0,0,0.25); padding:50px 90px 0 90px;}
.popup .close-popup {width:36px; height:37px; position:absolute; top:-14px; right:-14px; background:url(../images/icon.png) no-repeat -36px -94px; cursor:pointer;}
.popup .close-popup i {font-size:10px; color:#fff; vertical-align:middle; position:relative; top:-2px;}
.popup .close-popup:hover {background-position:0px -94px;}

.popup .h-block {text-align:center;}
.popup .h-block .h {font-size:18px; line-height:22px; color:#000000; text-transform:uppercase; font-weight:bold; padding-bottom:20px;}
.popup .h-block p {font-size:13px; line-height:18px; color:#000000;}

.popup .popup-body {padding:23px 32px;}
.popup .popup-footer {margin: 25px -90px 25px -90px;}
.popup .popup-footer .proc {height: 5px;}
.popup .popup-footer .proc .line{height: 5px;}
.popup-footer .bot {margin: 25px 0 25px 22%;}
.popup-footer .bot:after {display: block; content:""; clear:both;}
.popup-footer .bot .bot-l {width:200px; float:left;}
.popup-footer .bot .bot-r {width:200px; float:left;}
.popup-footer .bot .bot-l {width:50%; float:left;}
.popup-footer .bot .bot-r {width:50%; float:left;}
.popup-footer .bot p {font-size:16px; line-height:24px; color:#575757; text-transform:uppercase;margin-bottom: 15px;}
.popup-footer .bot b {font-size:20px; font-weight:bold; color:#00bc6a;}
.popup-footer .bot .bot-r b {color:#c4c4c4;}
.owl-next img{position: absolute;float:right;margin-left: 180px;margin-top:-180px;}
.owl-prev img{float:left;margin-left:-230px;margin-top:-180px;position: absolute;}
.popup-body img{max-width: 335px;}
@media (max-width:768px) {
    .popup {width: 430px;top: 20px;padding: 50px 30px 0 30px;}
    .popup .popup-footer {margin: 25px -30px 25px -30px;}
    .popup-footer .bot {margin: 25px 0 25px 14%;}
    .zoomContainer{display: none;}
}
@media (max-width:500px ) {
    .popup {width: 350px;top: 20px;padding: 50px 20px 0 20px;}
    .popup .popup-footer {margin: 25px -20px 25px -20px;}
    .popup-footer .bot {margin: 25px 0 25px 10%;}
    .owl-next img{margin-left: 135px;margin-top:-160px;}
    .owl-prev img{margin-left: -185px;margin-top:-160px;}
}
@media (max-width:375px ) {
    .popup {width: 300px;top: 20px;padding: 50px 20px 0 20px;}
    .popup-body img{max-width: 250px;}
    .popup .popup-body {padding:23px 5px;}
}
.modal-open {
    overflow: hidden;
}




/* pay-popup */
.pay-popup .proc {height:3px; background:#00bc6a; position:relative; margin:25px 0 0 0;}
.pay-popup .proc .line {height:3px; background:#c4c4c4; position:absolute; top:0; left:100%; right:0;}

.row.row-summ {}
.row.row-summ .t {display:inline-block; vertical-align:top; line-height:32px; font-size:15px; color:#000000;}
.row.row-summ input {width:90px; display:inline-block; vertical-align:top; text-align:center; font-size:18px; color:#00bc6a; margin:0 5px;}

.h2 {font-size:15px; color:#000000; text-transform:uppercase;}

.table-change {margin:0 auto;}
.table-change td {padding:5px 25px;}
.table-change td label {font-size:12px; text-transform:uppercase;}
.table-change td input {margin-right:10px;}

.pay-popup .row-button{text-align:center; padding-top:30px;}
.row.row-error {font-size:12px; color:#c72f2f;}

.btn-upload {height:32px; line-height:28px; border:2px solid #000000; text-align:center; display:inline-block; font-size:15px; text-transform:uppercase; background:#fff; cursor:pointer; font-weight:bold; padding:0 50px; transition:background 0.3s linear 0s;}
.btn-upload:hover {background:#000000; color:#fff;}

/* soc */
#vk_like {display:inline-block; clear:none!important; width: 140px!important;}
#tw_like {display:inline-block; clear:none!important; margin-right: 7px;}
.fb_iframe_widget {top:-7px; margin-right: 7px!important;}
.fb_reset {display:inline-block;}
#___plusone_0, .g-plusone {position:relative; top:4px;}
#ok_shareWidget {display:inline-block; margin-right: 6px;}

/* soc-right */
.soc-right {position:fixed; right:0; top:130px; z-index: 10;}
.soc-right a {width:34px; height:34px; border-radius:50%; line-height:34px; text-align:center; margin:0 2px 8px 0; background:#0f83ce; color:#fff; font-size:14px; display:block; transition:background 0.3s linear 0s;}
.soc-right a .vkicon-test {position:relative; left:-2px;}
.soc-right a:hover {background:#81589f;}

.soc-bottom {margin-top: 10px; }
.soc-bottom a {cursor:pointer; width:34px; height:34px; border-radius:50%; line-height:34px; text-align:center; margin:0 2px 8px 0; background:#0f83ce; color:#fff; font-size:14px; display:inline-block; transition:background 0.3s linear 0s;}
.soc-bottom a .vkicon-test {position:relative; left:-2px;}
.soc-bottom a:hover {background:#81589f;}

.soc-bottom-small {margin-bottom: 10px;}
.soc-bottom-small a {cursor:pointer;width:22px; height:22px; border-radius:50%; line-height:23px; text-align:center; margin:0 2px 0px 0; background:#0f83ce; color:#fff; font-size:10px; display:inline-block; transition:background 0.3s linear 0s;}
.soc-bottom-small a .vkicon-test {position:relative; left:-2px;}
.soc-bottom-small a:hover {background:#81589f;}

/* subscription */
.subscription-btn-show {right:0; width:37px; height:95px; position:fixed; top:350px; background:#81589f url(../images/newsl.png) no-repeat 50% 50%; border-radius:15px 0 0 15px; cursor:pointer;}

.subscription {position:fixed; right:-320px; top:350px; background:#81589f; color:#fff; border-radius:15px 0 0 15px; padding:20px 0 20px 30px; width:320px; transition:right 0.3s linear 0s; z-index:1;}
.subscription.show {right:0;}

.subscription .h {text-transform:uppercase;}
.subscription .row {font-size:15px;}
.subscription .row.inp {height:30px; border:1px solid #efecec; border-radius:5px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2); margin:10px 0; width: 90%;}
.subscription .row.inp input {height:30px; border:none; padding:0 10px; color:#303030; font-size:12px; width:100%; border-radius:5px; box-shadow:1px 1px 2px rgba(0,0,0,0.20);}

.subscription .row input[type="checkbox"] {margin:0 5px;}
.subscription .row select {background:none; border:1px solid #c6a9db; color:#fff; padding:0 10px; height:26px; margin-left:4px;}
.subscription .row select option {background:#fff; border:1px solid #fff; color:#303030;}
.subscription .row.row-btn {padding-top:24px;}
.subscription .row.row-btn input {height:44px; line-height:40px; border:2px solid #cdbcd9; text-align:center; display:inline-block; font-size:19px; text-transform:uppercase; background:transparent; cursor:pointer; font-weight:bold; padding:0 50px; min-width:230px; color:#fff; transition:background 0.3s linear 0s;}
.subscription .row.row-btn input:hover {background:rgba(255,255,255,0.3);}

/***23.03.2016 add by Vitold***/
/**GLOBAL**/
.social-menu {position: fixed; width: 35px; top: 133px; right: 2px;}
.social-menu a {display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background: #0084d1; transition: .4s; margin-top: 8px;}
.social-menu a:first-child {margin-top: 0px;}
.social-menu a i {color: #fff; transition: .4s;}
.social-menu a:hover {background: #00ae5d;}
.social-menu a:nth-child(1) i {font-size: 14px; margin-left: 2px;}
.social-menu a:nth-child(2) i {font-size: 14px;}
.social-menu a:nth-child(3) i {font-size: 17px;}
.social-menu a:nth-child(4) i {font-size: 14px;}
.social-menu a:nth-child(4) i {font-size: 14px;}
.social-menu a:nth-child(5) i {font-size: 15px; margin-left: 4px;}
.getup {display: none; position: relative; z-index: 10; font-size: 12px; color: #fff; border-radius: 8px 8px 0 0; background: #7c7c7c; width: 126px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto;}
.getup:hover {background: #0084d1; color: #fff;}
.hi-getup {opacity: 0; position: absolute; left: 0; top: 0;}
@media (max-width: 768px) {
    .getup {display: block;}
}


.newsletter {display: block; text-decoration: none; width: 37px; height: 95px; position: fixed; right: 0px; top: 383px; border-radius: 8px 0 0 8px; background: #8e58a3 url(../images/content/newsletter.png) no-repeat center; transition: .4s;}
.newsletter:hover {background-color: #00ae5d;}

@media (max-width: 768px) {
    .social-menu, .newsletter {display: none;}
    .wrapper {padding: 0 10px 0 60px; width: 100%;}
}

.colomn-wrap:after {display: block; clear: both; content: '';}
.colomn-wrap .colomn {float: left;}

.hidden {display: none;}

/**CABINET**/
.cabinet {width: 936px; margin: 0 auto;}
.cabinet .content {padding-bottom: 24px;}
.bread {font-size: 0; margin: 0 0 30px 0;}
.bread a {display: inline-block; font-size: 12px; color: #7d7d7d; transition: .4s;}
.bread a:first-child {color: #0084d2;}
.bread a:hover {color: #0084d2;}
.bread a:after {content: '/'; display: inline-block; margin: 0 4px;}
.bread a:last-child {color: #000000;}
.bread a:last-child:after {display: none;}
@media (max-width:480px) {
    .bread {margin-bottom: 0px;}
}
.cabinet h1 {font-size: 24px; color: #444444; margin: 35px 0 0 0;}
.cabinet .left {width: 236px; padding: 0 40px 0 0px;}
.cabinet .left .ava {display: inline-block; margin: 37px 0 0 18px; width: 130px; height: 130px; overflow: hidden;}
.cabinet .left .ava img {width: 100%; height: auto;border-radius: 65px;}
.cabinet .left .text {padding: 0 0 0 20px;}
.cabinet .left h2 {font-size: 18px; color: #000000; font-weight: 300; margin: 9px 0 24px 40px; text-align: center; display: inline-block;}
.cabinet .left .p1 {font-size: 14px; color: #373737;}
.cabinet .left .p2 {font-size: 24px; color: #00bd65; margin: 2px 0 7px 0; text-align: center; padding: 0 52px 0 0;}
.cabinet .left .p2 span {font-size: 14px;}
.cabinet .left .p3 {padding: 0 0 0 8px;}
.cabinet .left .button {width: 112px; height: 28px; line-height: 28px; font-size: 14px; padding: 0px; border-radius: 1px; text-align: center;}
.cabinet .left .button:hover {color: #fff;}
.cabinet .left .a1 {text-decoration: underline; display: inline-block; margin: 22px 0 0 6px;}
.cabinet .right {width: 700px; padding: 35px 0 0 0;}
.cabinet .right .prof-menu {font-size: 0;}
.cabinet .right .prof-menu-min {display: none; width: 100%;}
.cabinet .right .prof-menu-min .ui-selectmenu-button {width: 100%!important; margin: 0!important;}
.cabinet .right .prof-menu a {transition: .4s; position: relative; display: inline-block; width: 16.66%; text-align: center; font-size: 14px; color: #979797; padding-bottom: 10px; cursor: pointer; font-size: 14px;}
.cabinet .right .prof-menu a:hover {color: #000000;}
.cabinet .right .prof-menu a:hover:after {background: #008ccb; height: 2px; bottom: -2px;}
.cabinet .right .prof-menu a:after { transition: .4s; display: inline-block; width: 100%; height: 1px; background: #dadada; content: ''; position: absolute; left: 0px; bottom: -2px;}
.cabinet .right .prof-menu .active {color: #000000;}
.cabinet .right .prof-menu .active:after {background: #008ccb; height: 2px; bottom: -2px;}
@media (max-width:768px) {/*360*/
    .cabinet .right .prof-menu {display: none;}
    .cabinet .right .prof-menu-min {display: block;}
    .stock .right .cont .title {display: none;}
    .stock .right .cont .sp2 {display: none;}
    .cabinet .right {padding-right: 10px;}
    body .stock .right .cont .line {margin-bottom: 12px;}
    .stock .right .cont .line-wrap {margin-top: 23px;}
    .stock .right .cont .line-wrap .line {height: auto; line-height: normal; padding: 20px 4px 5px 4px;}
    .stock .right .cont .line-wrap .line .cell:first-child {background: #fff; margin-bottom: 17px;}
    .stock .right .cont .line-wrap .line .cell {width: 100%!important; text-align: left; background: #f9f9f9; border-radius: 7px; margin-top: 4px;}
    .stock .right .cont .line-wrap .line .underline {padding: 0 12px;}
    .stock .right .cont .line-wrap .line .underline .hide {display: inline-block; width: 50%; font-size: 12px; color: #383838; font-weight: normal;}
    .stock .right .cont .line-wrap .line .underline span {display: inline-block; width: 50%;}
}

.cabinet .right .cont {margin: 39px 0 0 0;}
.cabinet .right .cont h3 {font-size: 18px; color: #000000; margin: 0 0 16px 0;}
.cabinet .right .cont .form {background: #e8e8e8; padding: 23px 0 36px 42px; border-radius: 7px; margin-bottom: 18px;}
.cabinet .right .cont .form h4 {color: #383838; font-size: 16px; margin-bottom: 9px;}
.cabinet .right .cont .form .text {}
.cabinet .right .cont .form .text .mt-9 {margin-bottom: 9px;}
.cabinet .right .cont .form .text a {width: 220px; margin-bottom: 13px;}
.cabinet .right .cont .form .text input {border: 1px solid #bababa; font-size: 12px; color: #a59c9c; height: 27px; line-height: 25px; margin: 9px 0 0 0; width: 220px;}
.cabinet .right .cont .form .text input:first-child {margin: 0px;}
.cabinet .right .cont .form .text a {font-size: 12px; color: #7a7a7a; text-align: right; display: block; transition: .4s;}
.cabinet .right .cont .form .text a:hover {color: #00ae5d;}
.cabinet .right .cont .form .text input[type="submit"] {font-size: 14px; color: #ffffff; width: 112px!important; height: 28px; padding: 0px; min-width: auto; text-transform: none; border: none; border-radius: 1px; text-align: center;}
.cabinet .right .cont .form .text input[type="checkbox"] {position: absolute; opacity: 0;}
.cabinet .right .cont .form .text .down {min-width: auto; width: 32%; height: 28px; padding: 0px; font-size: 14px; color: #0d0d0d; height: 28px; line-height: 26px; border: 1px solid #bababa; margin: 0 0 0 10px; vertical-align: top; text-transform: none;
    background: rgb(247,247,247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(210,210,210,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(210,210,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(210,210,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.cabinet .right .cont .form .text .ib {display: inline-block; width: 64%;}
.cabinet .right .cont .form .width1 {width: 340px;}
.cabinet .right .cont .form .width2 {width: auto!important;}
.cabinet .right .cont .form .width2 .ib {width: 33%;}
.cabinet .right .cont .form .width2 a {display: inline-block;}
.cabinet .right .cont .form .width2 span {margin-left: 22px; font-size: 12px; color: #9fa4a7;}
.cabinet .right .cont .form .width2 span a {color: #00467f; text-align: left;}
.cabinet .right .cont .form .error {border-color: #ff0000; box-shadow: none;}
.cabinet .right .cont .form .err-msg {color: #f00607; font-size: 12px; display: inline-block; margin-left: 9px;}
.cabinet .right .cont .form .success-msg {color: darkgreen; font-size: 12px; display: inline-block; margin-left: 9px;}
.cabinet .right .cont .check label {font-size: 14px; line-height: 19px; display: inline-block; color: #353535; vertical-align: middle; margin-left: 9px; cursor: pointer;}
.cabinet .right .cont .check input {vertical-align: middle;}
.cabinet .right .cont .check .inpbox {position: relative; margin-top: 9px;}
.cabinet .right .cont .check .inpbox:first-child {margin-top: 0px;}
.cabinet .right .cont .check .inpbox input {width:10px; height:10px;}
.cabinet .right .cont .check .inpbox label {margin-left: 33px;}
.cabinet .right .cont .check .inpbox label:before {background: #e8e8e8; border: 2px solid #6d6d6d; border-radius: 1px; content: ""; cursor: pointer; display: block; width: 18px; height: 18px; left: 0; position: absolute; top: 50%; margin-top: -11px;}
.cabinet .right .cont .check .inpbox input:checked + label:after,
.cabinet .right .cont .check .inpbox input:checked + label + label:after {background: #00b147 url("../images/content/checkbox-img.png") center center no-repeat; content: ""; display: block; width: 22px; height: 22px; left: 0px; position: absolute; top: 50%; margin-top: -11px; border-color: #00b147; border-radius: 1px;}
@media (max-width:1280px) {
    .cabinet {width: 850px;}
    .cabinet .left {width: 200px;}
    .cabinet .left .p2 {padding: 0px;}
    .cabinet .right {width: 650px;}
}
@media (max-width:1024px) {
    .cabinet {width: 100%; max-width: 600px;}
    .cabinet .colomn-wrap {text-align: center;}
    .cabinet .colomn {float: none;}
    .cabinet .left {width: auto; margin: 0 auto; display: inline-block; padding: 0px;}
    .cabinet .left .ava {margin-left: 0px;}
    .cabinet .left .text {padding: 0px;}
    .cabinet .left h2 {margin-left: 0px;}
    .cabinet .left .p2 {padding: 0px;}
    .cabinet .right {width: 100%; text-align: left;}
}
@media (max-width:768px) {
    .cabinet .right .cont .form {padding: 23px 34px 19px 34px;}
    .cabinet .right .cont .form .width1 {width: 100%;}
    .cabinet .right .cont .form .text {width: auto;}
    .cabinet .right .cont .form .text input {width: 100%!important;}
    .cabinet .right .cont .form .text input:first-child {vertical-align: middle;}
    .cabinet .right .cont .form .text .down {margin-left: 0;}
    .cabinet .right .cont .form .width2 span {display: block; margin-left: 0px; margin-top: 7px;}
    .cabinet .right .cont .form .width2 span a {width: auto; display: block; text-align: left; margin-top: -5px;}
    .cabinet .right .cont .form .width2 .ib {width: 100%;}
    .cabinet .right .cont .form .text a {width: 100%;}
    .cabinet .right .cont .form .text .down {margin-top: 13px; width: 44%!important;}
    .cabinet .right .cont .form .text input[type="submit"] {width: 44%!important;}
}
@media (min-width: 426px) {
    .cabinet .right .cont .form .text input:first-child {margin-bottom: 0px;}
}

/**stock**/
.stock .ui-selectmenu-button {width: 123px!important; border: 1px solid #e9e9e9; background: #fff; height: 28px; line-height: 26px; vertical-align: middle; margin: 0 23px 0 6px; border-radius: 1px;}
.stock .ui-selectmenu-button span.ui-icon {background: url(../images/content/select.svg) no-repeat; width: 6px; height: 5px; margin-top: -2.5px;}
.stock .ui-selectmenu-button span.ui-selectmenu-text {padding: 0px 0 0 9px; display: inline-block; font-size: 12px; color: #2c2c2c; line-height: normal; overflow: auto; width: 100%; height: 100%; transition: .4s;line-height: 26px;}
.stock .ui-selectmenu-button span.ui-selectmenu-text:hover {color: #00ae5d;}
body .ui-selectmenu-menu .ui-menu {padding: 0!important; overflow-x: hidden; overflow-y: hidden;}
body .ui-menu-item {font-size: 12px; color: #2c2c2c; transition: .4s; padding-left: 9px!important; border: 1px solid transparent!important; margin: -1px!important;}
body .ui-menu-item:first-child {font-size: 12px; color: #2c2c2c; transition: .4s; padding-left: 9px!important; border: 1px solid transparent!important; margin: -1px!important;}
body .ui-menu .ui-state-focus {background: #00ae5d!important; color: #fff!important; border-color: #eeeeee!important;}
.stock .right .cont .sp1, .stock .right .cont .sp2 {vertical-align: middle;}
.stock .right .cont .sp2 i {display: inline-block; cursor: pointer; transition: .4s;}
.stock .right .cont .sp2 i:hover {color: #7c7c7c}
.stock .right .cont .sp2 .icon-rec1 {font-size: 22px; color: #bababa; vertical-align: middle; margin: -3px 8px 0 2px;}
.stock .right .cont .sp2 .icon-rec2 {font-size: 19px; color: #bababa; vertical-align: middle; margin-top: -2px;}
.stock .right .cont .sp2 .active {color: #7c7c7c;}
.stock .right .cont .title {margin: 8px 0 14px 0;}
.stock .right .cont .title:after {display: block; clear: both; content: '';}
.stock .right .cont .title .grey {float: left; height: 58px; line-height: 58px; border-radius: 7px; background: #e9e9e9; text-align: center; margin-left: 4px; color: #383838; font-size: 14px;}
.stock .right .cont .title .grey:first-child {margin-left: 0px; width: 49.5282%;}
.stock .right .cont .title .grey:nth-child(2) {width: 11.6212%;}
.stock .right .cont .title .grey:nth-child(3) {width: 18.7948%;}
.stock .right .cont .title .grey:nth-child(4) {width: 17.9340%;}
.stock .right .cont .line {height: 68px; line-height: 68px; border-radius: 7px; border: 1px solid #e9e9e9; margin-bottom: 4px; transition: .4s; background: #fff;}
.stock .right .cont:hover {border-color: #00ae5d;}
.stock .right .cont .line:last-child {margin-bottom: 0px;}
.stock .right .cont .line .cell-wrap {display: inline-block; vertical-align: middle; width: 100%;}
.stock .right .cont .line .cell-wrap:after {display: block; clear: both; content: '';}
.stock .right .cont .line .cell {line-height: 42px; float: left; text-align: center;}
.stock .right .cont .line .cell * {vertical-align: middle;}
.stock .right .cont .line .cell .hide {display: none;}
.stock .right .cont .line .cell .close {color: #a09e9f;}
.stock .right .cont .line .cell .develop {color: #8f57a3;}
.stock .right .cont .line .cell .sale {color: #00ae5d;}
.stock .right .cont .line .cell:first-child {width: 49.5282%; padding-left: 15px; text-align: left; line-height: normal;}
.stock .right .cont .line .cell:first-child .img {width: 42px; height: 42px; display: inline-block; overflow: hidden;}
.stock .right .cont .line .cell:first-child .img img {width: 100%; height: auto;}
.stock .right .cont .line .cell:first-child .icon-play {font-size: 12px; color: #000000; margin: 0 14px 0 18px;}
.stock .right .cont .line .cell:first-child .text {display: inline-block;}
.stock .right .cont .line .cell:first-child .text p {line-height: 16px;}
.stock .right .cont .line .cell:first-child .text .p1 {color: #000000; font-size: 14px; font-weight: bold; transition: .4s;}
.stock .right .cont .line .cell:first-child .text .p1:hover {color: #00b385;}
.stock .right .cont .line .cell:first-child .text .p2 a {color: #5a5858; font-size: 12px; font-weight: 300; transition: .4s;}
.stock .right .cont .line .cell:first-child .text .p2 a:hover {color: #00b385;}
.stock .right .cont .line .cell:nth-child(2) {width: 11.6212%; font-size: 14px; font-weight: bold; color: #00b369;}
.stock .right .cont .line .cell:nth-child(3) {width: 18.7948%; font-size: 12px;}
.stock .right .cont .line .cell:nth-child(4) {width: 17.9340%; font-size: 14px; font-weight: bold; color: #00b369;}

/*project-full*/
.project-full h2 {margin: 0 0 3px 0;}
.project-full .cont-block {padding: 28px 60px 40px 60px;}
.project-full .cont-block1 {margin: 19px 0 0 0; padding: 35px 44px 40px 52px;}
.project-full .cont-block1 .left {width: 29.5%; padding-right: 4.5%;}
.project-full .cont-block1 .left .img {width: 210px; height: 210px; overflow: hidden;}
.project-full .cont-block1 .left .img img {width: 100%; height: auto;}
.project-full .cont-block1 .left .social {font-size: 0; padding-left: 10.5%; margin: 10px 0 0 0;}
.project-full .cont-block1 .left .social a {transition: .4s; border-radius: 50%; margin-left: 7%; display: inline-block; width: 28px; height: 28px; line-height: 26px; text-align: center; border: 2px solid #000000; vertical-align: top;}
.project-full .cont-block1 .left .social a:hover {border-color: #00bd65;}
.project-full .cont-block1 .left .social a:hover i {color: #00bd65;}
.project-full .cont-block1 .left .social a:first-child {margin-left: 0px;}
.project-full .cont-block1 .left .social a i {color: #000000; font-size: 13px; transition: .4s;}
.project-full .cont-block1 .left .social a:nth-child(2) {font-size: 14px;}
.project-full .cont-block1 .left .social a:nth-child(3) {font-size: 14px;}
.project-full .cont-block1 .right {width: 70%;}
.project-full .cont-block1 .right .p1 {color: #838383; font-size: 12px;}
.project-full .cont-block1 .right .fake {height: 20px; background: #ccc; width: 100%; margin: 50px 0 35px 0;}
.project-full .cont-block1 .right .p2 {font-size: 12px; color: #838383;}
.project-full .cont-block1 .right h2 {font-weight: normal; color: #000000; font-size: 18px; text-transform: none;}
.project-full .cont-block1 .right .p3 {font-size: 12px; color: #2e2e2e;}
.project-full .cont-block1 .soc360 {display: none;}
.project-full .cont-block2 {padding: 0px; height: 86px; line-height: 86px; margin: 18px 0;}
.project-full .cont-block2 .more-menu {font-size: 0; display: inline-block; vertical-align: middle; width: 100%; line-height: normal;}
.project-full .cont-block2 .more-menu a {position: relative; display: inline-block; width: 14.2857%; font-size: 14px; color: #979797; text-align: center; transition: .4s; padding-bottom: 12px;}
.project-full .cont-block2 .more-menu a:hover {color: #000000;}
.project-full .cont-block2 .more-menu a:hover:after {height: 2px; background: #00ae5d;}
.project-full .cont-block2 .more-menu a:after {width: 100%; height: 1px; background: #dddddd; display: block; content: ''; position: absolute; left: 0px; bottom: 0px; transition: .28s;}
.project-full .cont-block2 .more-menu .active {font-size: 14px; color: #000000;}
.project-full .cont-block2 .more-menu .active:after {height: 2px; background: #00ae5d;}
.project-full .cont-block3 {text-align: center; overflow: hidden;}
.project-full .cont-block3 img {width: 100%; height: auto; vertical-align: top;}
.project-full .cont-block4 h2 span {color: #616161; font-size: 14px;}
.project-full .cont-block5 h2 {margin: 0 0 24px 0;}
.project-full .cont-block5 .colomn:first-child {width: 17%; margin-right: 40px;}
.project-full .cont-block5 .colomn:nth-child(2) {width: auto; margin-right: 75px;}
.project-full .cont-block5 .colomn:nth-child(3) {width: 15%;}
.project-full .cont-block5 ul li {list-style-type: none; margin: 0 0 10px 0;}
.project-full .cont-block5 .b360 {display: none;}
.project-full .cont-block6 {padding-top: 0px; padding-bottom: 0px; height: 85px; line-height: 85px;}
.project-full .cont-block6 .sp1 {font-size: 18px; color: #000000;}
.project-full .cont-block6 .sp2 {font-size: 14px; color: #616161; margin: 0 60px 0 15px;}
.project-full .cont-block7 h2 {margin: 0 0 23px 0;}
.project-full .cont-block7 .colomn-wrap {margin: -8px;}
.project-full .cont-block7 .colomn-wrap .colomn {margin: 8px;}
.project-full .cont-block7 .colomn-wrap .colomn .img {width: 198px; height: 150px; overflow: hidden; display: block;}
.project-full .cont-block7 .colomn-wrap .colomn .img img {width: 100%; height: auto;}
.project-full .cont-block8 h2 {margin: 0 0 42px 0;}
.project-full .cont-block8 .buy {font-size: 0; margin: -15px -6px;}
.project-full .cont-block8 .buy:after {display: block; clear: both; content: '';}
.project-full .cont-block8 .buy a {display: block; float: left; width: 25%; overflow: hidden; margin: 15px 0px; padding: 0 6px; }
.project-full .cont-block8 .buy a img {width: 100%; height: auto; transition: .4s; vertical-align: top;}
.project-full .cont-block8 .buy a img:hover {opacity: .6;}
@media (max-width:1280px) {/*1024*/
    .project-full .cont-block8 .table .cell img {width: 100%; height: auto;}
    .project-full .cont-block1 .left {float: none; width: 100%; padding: 0; text-align: center; margin-bottom: 20px;}
    .project-full .cont-block1 .left .img {display: inline-block; margin-top: 10px;}
    .project-full .cont-block1 .left .social {padding: 0px;}
    .project-full .cont-block1 .right {width: 100%; float: none;}
    .project-full .cont-block8 .buy {margin: -5px -6px;}
    .project-full .cont-block8 .buy a {margin: 5px 0;}
}
@media (max-width: 920px) {
    .proc-block {height: auto;}
    .proc-block .pb-left {float: none; width: 100%;}
    .proc-block .pb-left .text1 {margin-top: 15px!important;}
    .proc-block .pb-left p {margin-top: 15px!important;}
    .proc-block .pb-left div{height: auto!important;}
    .proc-block .pb-left .button{width: 250px;}
    .proc-block .pb-img {float: none; width: 100%; height: 383px;}
    .proc-block .pb-img {height: auto;}
    .proc-block .pb-img .ib {width: 100%; padding: 0 10px;}
    .proc-block .pb-img .ib .table {width: 100%;}
    .proc-block .pb-img img{width: 100%;height: auto;}
    .project-full .cont-block2 {display: none;}
    .project-full .cont-block3 {margin: 18px 0; padding: 0!important; border-radius: 0;}
    .proc-block .pb-img .text .soc a{width: 25px;height: 25px;margin-top: 0px;}
    .proc-block .pb-img .text{height: 50px;line-height: 70px;}
    .proc-block .pb-img .text .soc .fb{background-image:url(/images/content/soc/small/fb_gray.png);}
    .proc-block .pb-img .text .soc .fb:hover{background-image:url(/images/content/soc/small/fb_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .telegram{background-image:url(/images/content/soc/small/telegram_gray.png);}
    .proc-block .pb-img .text .soc .telegram:hover{background-image:url(/images/content/soc/small/telegram_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .google{background-image:url(/images/content/soc/small/google_grey.png);}
    .proc-block .pb-img .text .soc .google:hover{background-image:url(/images/content/soc/small/google_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .insta{background-image:url(/images/content/soc/small/insta_grey.png);}
    .proc-block .pb-img .text .soc .insta:hover{background-image:url(/images/content/soc/small/insta_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .ok{background-image:url(/images/content/soc/small/ok_grey.png);}
    .proc-block .pb-img .text .soc .ok:hover{background-image:url(/images/content/soc/small/ok_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .share.active{background-image:url(/images/content/soc/small/share_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .share{background-image:url(/images/content/soc/small/share_grey.png);}
    .proc-block .pb-img .text .soc .share:hover{background-image:url(/images/content/soc/small/share_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .sub{background-image:url(/images/content/soc/small/sub_grey.png);}
    .proc-block .pb-img .text .soc .sub:hover{background-image:url(/images/content/soc/small/sub_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .tw{background-image:url(/images/content/soc/small/tw_gray.png);}
    .proc-block .pb-img .text .soc .tw:hover{background-image:url(/images/content/soc/small/tw_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .vk{background-image:url(/images/content/soc/small/vk_gray.png);}
    .proc-block .pb-img .text .soc .vk:hover{background-image:url(/images/content/soc/small/vk_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .youtube{background-image:url(/images/content/soc/small/youtube_gray.png);}
    .proc-block .pb-img .text .soc .youtube:hover{background-image:url(/images/content/soc/small/youtube_blue.png);background-color: #0f83ce;}
    .proc-block .pb-img .text .soc .soundcloud{background-image:url(/images/content/soc/small/soundcloud_gray.png);}
    .proc-block .pb-img .text .soc .soundcloud:hover{background-image:url(/images/content/soc/small/soundcloud_blue.png);background-color: #0f83ce;}

    .project-full .cont-block5 .colomn {display: none;}
    .project-full .cont-block5 .b360 {display: block;}
    .project-full .cont-block5 .b360 .creator {margin-top: 16px;text-align: center;}
    .project-full .cont-block5 .b360 .creator:first-child {margin-top: 0px;}
    .project-full .cont-block5 .b360 .creator:after {display: block; clear: both; content: '';}
    .project-full .cont-block5 .b360 .creator span {display: inline-block; float: left; width: 300px;}
    .project-full .cont-block5 .b360 .creator span:first-child {width: 300px; padding-right: 16px;}
    .project-full .cont-block5 .b360 .creator span:first-child {font-size: 14px; color: #575757;}
    .project-full .cont-block5 .b360 .creator span:nth-child(2) {font-size: 14px; color: #000000;text-align: center;}
}

@media (max-width:768px) {/*360*/
    .project-full {width: 100%;}
    .soc-right {display: none;}
    .subscription-btn-show {display: none;}
    .cont-block {padding: 22px 15px!important;}
    .project-full .cont-block1 .colomn {float: none; width: 100%; padding: 22px 10px!important;}
    .project-full .cont-block2 {display: none;}
    .project-full .cont-block6 {padding-top: 0!important; padding-bottom: 0!important; height: auto; line-height: normal; display: none;}
    .project-full .cont-block8 .buy a {width: 50%;}
    .project-full .cont-block7 .colomn-wrap .colomn {float: none!important;}
    .project-full .cont-block7 .colomn-wrap .colomn .img {width: 100%; height: auto;}
    .project-full .cont-block1 .colomn {padding: 0px!important;}
    .project-full .cont-block1 .colomn .img {margin: 0 auto;}
    .project-full .cont-block1 .colomn .img, .project-full .cont-block1 .colomn .img img, .project-full .cont-block1 .colomn .p3 {display: block!important;}
    .project-full .cont-block1 .colomn .p3 a {display: inline;}
    .project-full .cont-block1 .left {text-align: center;}
    .project-full .cont-block1 .soc360 {display: block!important; padding: 0px!important; text-align: center!important; margin-top: 29px!important;}
    .project-full .cont-block1 .soc360 * {display: inline-block!important;}
    .project-full .cont-block1 .left .social {font-size: 0; padding-left: 10.5%; margin: 10px 0 0 0;text-align: center;}
    .project-full .cont-block1 .left .p2 {font-size: 12px; color: #838383;}
    .project-full .cont-block1 .left h2 {font-weight: normal; color: #000000; font-size: 18px; text-transform: none;}
    .project-full .cont-block1 .right .social a {transition: .4s; border-radius: 50%; margin-left: 7%; display: inline-block; width: 28px; height: 28px; line-height: 26px; text-align: center; border: 2px solid #000000; vertical-align: top;}
    .project-full .cont-block1 .right .social a:hover {border-color: #00bd65;}
    .project-full .cont-block1 .right .social a:hover i {color: #00bd65;}
    .project-full .cont-block1 .right .social a:first-child {margin-left: 0px;}
    .project-full .cont-block1 .right .social a i {color: #000000; font-size: 13px; transition: .4s;}
    .project-full .cont-block1 .right .social a:nth-child(2) {font-size: 14px;}
    .project-full .cont-block1 .right .p3 {text-align: center; margin-top: 16px;}
    .project-full {display: block; text-align: center; margin: 20px 0 0 0;}
    .project-full h2 {font-size: 18px; color: #000000; text-align: left;}
    .project-full .p1 {font-size: 12px; color: #838383; text-align: left;}
    .project-full .player {overflow: hidden; height: 85px;}
    .project-full .player .jp-audio {padding-left: 32px;}
    .project-full .player .jp-audio .jp-type-single .jp-progress {width: 100%; left: 0; top: 71px;}
    .project-full .player .jp-audio .jp-type-single .jp-time-holder {width: 100%; left: 0; top: 90px;}
    .project-full .player .jp-volume-controls {left: auto; right: -113px; top: 32px; width: 200px;}
    .project-full .player .jp-audio .jp-controls {padding: 20px 0 0 0; width: 273px;}
}
@media (max-width: 1280px) {/*1024*/
    .faq .left-col, .faq .right-col {width: 100%; float: none;}
    .faq-menu li {font-size: 18px;}
    .column .right-col {padding-left: 0px;}
    .faq-q:before {top: 50%; margin-top: -8px;}
    .faq-a {margin: 10px 0 0 0; padding: 13px 10px;}
}

.show {display: block;}
.hide {display: none;}

a.btn-upload:hover{
    color: #fff!important;
}

.btn {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    min-width: 230px;
}

.btn-small {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    min-width: 140px;
}

.btn-success {
    color: #fff;
    background-color: #00ae5d;
}

.btn-success:hover {background:#0084d2;color:#fff;}

.btn:hover {background:#00ae5d;}
.btn:hover {background:#0084d2;color:#fff;}
.fa-spinner:before {
    content: "\f110";
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/* tabs */
.nav-justified {
    width: 100%;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-justified>li {
    float: none;
}
.nav-justified>li {
    display: table-cell;
    width: 1%;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #00bc6a ;
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}
.nav>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #52ac62;
}

.nav>li>a:hover {
    color: #fff;
    background-color: #52ac62;
    opacity: 0.6;
    filter: alpha(Opacity=60);
}
.nav>li.active>a:hover{
    color: #fff;
    background-color: #52ac62;
    opacity: 1;
    filter: alpha(Opacity=100);
}
.nav a {
    color: #337ab7;
    text-decoration: none !important;
    border-radius: 4px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    position: relative;
    display: block;
    margin-top: -22px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs a {
    text-decoration: none !important;
    border-radius: 4px;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 10px 10px 2px 10px;
}
a.btn-upload:hover{
    color: #fff!important;
}

#vk_comments iframe { width: 100% !important; }
#tab_comment_text_1 {width: auto !important;}
.social-likes__button {
    background-color: #000;
    font-size: 13px;
    font-weight: 500;
}
.social-likes__button_facebook:hover{
    background-color: #3d5b95;
}
.social-likes__button_twitter:hover{
    background-color: #24aadd;
}
.social-likes__button_vkontakte:hover{
    background-color: #587e9f;
}
.social-likes__button_odnoklassniki:hover{
    background-color: #f59310;
}
.social-likes__button_plusone:hover{
    background-color: #d23e30;
}
.social-likes-block{
    float: right;margin-top: 25px;position: absolute;bottom: 35px;left: 43%;
}
@media (max-width:1320px) {
    .social-likes-block{left: 7%;}
}
@media (max-width:768px) {
    .social-likes-block{left: 6%; bottom:7px;}
}
#payment_lot_block .project_lot:hover {border:1px solid #52ac62;cursor: pointer;}
#payment_lot_block .project_lot {margin: 15px 0;border: 1px solid transparent;border-radius: 15px;box-shadow: 1px 1px 3px rgba(0,0,0,0.29); cursor: pointer;}

.pb-left .buy {font-size: 0; margin: -15px 0;text-align: center;}
.pb-left .buy:after {display: inline-block; clear: both; content: '';}
.pb-left .buy a {display: inline-block; width: 149px; height: auto; overflow: hidden; margin: 15px 0px; padding: 0 6px; }
.pb-left .buy a img {width: 144px; height: auto; vertical-align: top;}
.pb-left .buy a img:hover {opacity: 0.6;}

@media (max-width:1320px) {
    .pb-left .buy a {width: 130px;}
    .pb-left .buy a img {width: 125px;}
}

.form_preorder .buy {font-size: 0; margin: -15px -6px;margin-top: 10px;}
.form_preorder .buy:after {display: block; clear: both; content: '';}
.form_preorder .buy a {display: block; float: left; width: 49%; overflow: hidden; margin: 15px 0px; padding: 0 6px; }
.form_preorder .buy a img {width: 100%; height: auto; transition: .4s; vertical-align: top;}
.form_preorder .buy a img:hover {opacity: .6;}
span.dot{
    line-height: 1.3;
    cursor: pointer;
    color: #2e7cdd;
    border-bottom: 1px dashed #2e7cdd;
}
span.dot:hover{
    color: #00bd65;
    border-bottom: 1px dashed #fff;
}
span.dot-gray{
    line-height: 1.3;
    cursor: pointer;
    color: #a09e9f;
    border-bottom: 1px dashed #a09e9f;
}
span.dot-gray:hover{
    color: #303030;
    border-bottom: 1px dashed #303030;
}
.cont-block4 iframe {
    display: block;
    width: 100%;
    height: 460px;
    border: none;
    margin: 15px 0 20px 0;
}
@media (max-width: 1320px) {.cont-block4 iframe {height: 400px;}}
@media (max-width: 940px) {.cont-block4 iframe {height: 300px;width: 540px;}}
@media (max-width: 656px) {.cont-block4 iframe {height: 168px;width: 300px;}}
@media (max-width: 415px) {.cont-block4 iframe {height: 168px;width: 200px;}}
.owl-next.disabled{display: none;}.owl-prev.disabled{display: none;}
.owl-item{z-index: 900!important;}
.owl-item.active{z-index: 1000;}
.ui-datepicker{padding:18px!important;font-size:14px!important;font-family:Verdana!important;font-weight:normal!important}
.ui-datepicker .ui-datepicker-header{background-color:#f4f4f2!important;padding:0;border:none}
.ui-datepicker .ui-datepicker-prev .ui-icon{background-position:4px 2px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOBAMAAAAPuiubAAAAAXNSR0IB2cksfwAAAB5QTFRFAAAA////lZWVlJSUlJSUlZWVlZWVlZWVlZWVlZWVkezZSgAAAAp0Uk5TAAGRbpL//pPBwBbbvLoAAAA+SURBVHicY2BgYFRmAAKRMAMg0zXUAcgMDRcAMQsZGCRATIapICZDa6gjA0gkRACsEMQRgXEUYCZATSMLAAAf/QqzIztQggAAAABJRU5ErkJggg==")}
.ui-datepicker .ui-datepicker-next .ui-icon{background-position:4px 2px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOBAMAAAAPuiubAAAAAXNSR0IB2cksfwAAAB5QTFRFAAAAlJSUlZWV////lZWVlZWVlJSUlZWVlZWVlZWVkpmlwAAAAAp0Uk5TAG6RAf7/kpPBwOY5SVkAAAA6SURBVHicY2BUZgACkTADIJkamgwkzUNBHOZSKCcCwpkAJFNDGxgYzEAizGClZmCVqmCFEBMgppEJAOKLDKtyMUbRAAAAAElFTkSuQmCC")}
.ui-datepicker .ui-datepicker-next-hover{cursor:pointer;border:none!important;right:2px!important;top:2px!important;background-color:#f4f4f2!important}
.ui-datepicker .ui-datepicker-prev-hover{cursor:pointer;border:none!important;left:2px!important;top:2px!important;background-color:#f4f4f2!important}
.ui-datepicker .ui-datepicker-calendar th{color:#a7a6a6;font-weight:normal}.ui-datepicker .ui-datepicker-calendar .ui-state-highlight{color:#a7a6a6}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{background-color:transparent;border:none}
.ui-datepicker .ui-datepicker-calendar .ui-state-active{background-color:#18e28f;border-color:#18e28f}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover{background-color:transparent;color:#18e28f}
.hint{display:inline-block;vertical-align:sub;height:20px;background-repeat:no-repeat;background-size:contain;background-position:center bottom;width:16px;margin:0 5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACGElEQVQ4T61TTWgTURD+ZmOyG5VupVBbowcrRrDqKcdgIk3AoE0OmuJZtB70oKfi1ZMn9eJBqFcPjSCJLRHS0hQWPPUg+EMFg9DGlBaJ22Kb3bg78tq8sIZUL77LvtmZ+XjfN98QOk5tJHOaXfcGM6UAHN9Nc4UIb0hRJgfn8h+9LSSDD9lsoHfdegRGloAnDtN044D9WeS1n4Gwj/gyA3eJ+JVjafeOvc1ti9wOQKt5hhkbll+9fmI2Z3a+TMRfElld/WU/J+ZDP/rV1HAuZ+8AVGOZpyAePFIuXCGAuzXLfwxQNZZ+SYRaqFy4Q7ULo8Mu05wWbIb7isUNWdjQo88IGG/FiwyMaaZREfH3VKqnse1fUogTtBJPPyaiemg+/0A223p0nAEBEPEDFRsoEVAPmEZS1nyLpe+7hH6qxtOfmNxrR+en38mkpUenxF01jTHxlYCqabRFXz6fOasoPCX4WFv7mz0ni0VrL+6WHn0IIKGaRuSPqa1Zm/8EaGkhRpsMmMaiBFiLZw82YdW6UvBQmQAwwUBECihzyyPpc4qDF11F9GrBQF0zjVud9FoiHqbV+KUzDnwlLdg85R3j37wgx+iDk2wbicEDoYXCVa+RbD1acoGK9wVtI4FWQwv52//Hyp59aC+TQs7rlc3QUnCoTn3rW2GXfaN7LpOXr7C2w3STgIsAhoSPAHxlYHYfnMmB8sx7b/1vjusTxKTX+IYAAAAASUVORK5CYII=");cursor:pointer}
.ui-tooltip{padding:22px;color:#9e9e9e!important;font-family:Verdana!important;font-size:11px!important;font-weight:400!important}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
th {
    text-align: left;
}
.btn_edit{
    width: 20px; height: 20px;
    background:url('/images/btn_edit.png');
    display: block;
    float: right;
}
.btn_edit:hover{
    width: 20px; height: 20px;
    background:url('/images/btn_edit_active.png');
    display: block;
}
.btn_delete{
    width: 20px; height: 20px;
    background:url('/images/btn_delete.png');
    display: block;
    float: right;
}
.btn_delete:hover{
    width: 20px; height: 20px;
    background:url('/images/btn_delete_active.png');
    display: block;
}

.chat {
    padding: 0px;
    padding-right: 10px;
    display: block;
    overflow-y: auto;
    height: 500px;
}

.message {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.message--user-1 + .message--user-2,
.message--user-2 + .message--user-1 {
    margin-top: 1em;
}
.message--user-1 + .message--user-1,
.message--user-2 + .message--user-2 {
    margin-top: .5em;
}
.message__time {
    font-size: 10px;
    color: #ccc;
    width: 100%;
    margin: 0 0 5px 50px;
}
.message__author-pic {
    margin: 0 10px 0 0;
}

.message__text {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #69b4f3;
    background-color: #bfe2ff;
    max-width: 70%;
}

.message--user-2 {
    justify-content: flex-end;
}
.message--user-2 .message__time {
    text-align: right;
    margin: 0 50px 5px 0;
}
.message--user-2 .message__author-pic {
    order: 1;
    margin: 0 0 0 10px;
}
.message--user-2 .message__text {
    background-color: #69b4f3;
}

.lable_min_amount{
    text-transform: uppercase;margin-left: 40px;
}
@media (max-width: 769px) {.lable_min_amount {margin-left: 36px;}}
@media (max-width: 500px) {.lable_min_amount {display: none!important;}}

.auth-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url("/images/auth.png") no-repeat;
}

.auth-icon.google, .auth-icon.google_oauth  { background: url("/images/content/soc/auth/g.png") 0 0 no-repeat;  }
.auth-icon.google:hover, .auth-icon.google_oauth:hover  { background: url("/images/content/soc/auth/g_act.png") 0 0 no-repeat;  }
.auth-icon.twitter    	 { background-position: 0 -68px;  }
.auth-icon.yandex, .auth-icon.yandex_oauth  { background: url("/images/content/soc/auth/ya.png") 0 0 no-repeat; }
.auth-icon.yandex:hover, .auth-icon.yandex_oauth:hover  { background: url("/images/content/soc/auth/ya_act.png") 0 0 no-repeat; }
.auth-icon.vkontakte	 { background: url("/images/content/soc/auth/vk.png") 0 0 no-repeat; }
.auth-icon.vkontakte:hover{ background: url("/images/content/soc/auth/vk_act.png") 0 0 no-repeat; }
.auth-icon.facebook		 { background: url("/images/content/soc/auth/fb.png") 0 0 no-repeat; }
.auth-icon.facebook:hover{ background: url("/images/content/soc/auth/fb_act.png") 0 0 no-repeat; }
.auth-icon.mailru		 { background-position: 0 -204px; }
.auth-icon.moikrug		 { background-position: 0 -238px; }
.auth-icon.odnoklassniki { background-position: 0 -272px; }
.auth-icon.linkedin    	 { background-position: 0 -306px; }
.auth-icon.github      	 { background-position: 0 -340px; }
.auth-icon.live      	 { background-position: 0 -372px; }
.auth-icon.nk            { background-position: 0 -406px; }

.auth-link:hover .auth-icon i,
.auth-link:focus .auth-icon i {
    display: block;
    width: 32px;
    height: 32px;
    background: url("/images/auth.png") 0 0 no-repeat;
}

.auth-services {
    margin: 0;
    list-style: none;
    /* Height hack for float wrappers */
    overflow:auto;
}

.auth-service {
    margin-top: 5px;margin-right: 5px;
    display: inline-block;

}

.auth-services .auth-service .auth-link {
    display: block;
    width: 40px;
    /*padding: 0 0.4em;*/
}

.auth-service .auth-link .auth-icon {
    margin: 0;
}

.auth-service .auth-link .auth-title {
    display: block;
    margin-top: 0.4em;
    text-align: center;
}