* {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

body {
    background: url('images/bodyfon.png');
}

a {
    color: #ED5154;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul, ol {
    padding: 0px;
    margin: 0px;
    list-style: circle;
    padding-left: 20px;
}

nav ul {
    list-style: none;
    padding: 0;
}

.seo-text p {
    text-indent: 30px;
}

p {
    margin: 0.5em 0;
}

select {
    border: 1px solid #ccc;
    background: #fff;
    height: 31px;
    font-size: 13px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.jq-selectbox__trigger-arrow {
    width: 5px!important;
}

.mb10 {
    margin-bottom: 10px;
}

.content {
    /* width: 980px; */
    width: 1140px;
    margin: 0 auto;
}

.container {
    width: 100%;
    float: left;
}

.container:not(.vipblock) {
    background: #fff;
}

.col-md-5div {
    width: 20%;
    float: left;
    padding: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.col-md-6 {
    width: 50%;
    float: left;
}

.row {
    margin: 0 -5px;
}

.logotype {
    max-width: 100%;
}

.vipblock {
    background: none;
}

nav.navbar {
    width: 100%;
    float: left;
    height: 40px;
    background: #313131;
}

nav.navbar > ul {
    list-style: none;
    display: inline-block;
    height: 40px;
    width: 100%;
}


nav.navbar > ul li {
    display: inline-block;
    background: #313131;
    height: 40px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 38px;
    border-top: 2px solid #313131;
    position: relative;
}

nav.navbar a {
    text-decoration: none;
    color: #9a9a9a;
    width: 100%;
    display: block;
    height: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

nav.navbar li:hover,nav.navbar li.active {
    border-top: 2px solid #ED5153;
}

nav.navbar li:hover a {
    color: #FFF8FE;
}

nav.navbar li:hover > ul {
    display: block;
}

nav.navbar > ul > li > ul {
    position: absolute;
    top: 38px;
    left: 0px;
    display: none;
    z-index: 5;
    width: 100%;
}

nav.navbar > ul > li > ul > li {
    width: 100%;
    border-top: 0px;
}

nav.navbar > ul > li > ul > li:hover, nav.navbar > ul > li > ul > li.active {
    border-top: 0px;
    border-bottom: 0px;
    background: #ED5153;
}

h1, .h1, h2, .h2, h3, .h3 {
    color: #000;
    font-weight: normal;
}

h1, .h1, h2, .h2 {
    color: #313131!important; 
    font-size: 18px!important;
    text-transform: uppercase!important; 
    margin: 20px 0px 12px 0px!important;
}

h3, .h3 {
    font-size: 18px;
}

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

.mbt-19 {
    margin: 19px 0;
}

.pull-right {
    float: right;
}

.col-730 {
    float: left;
    /* width: 730px; */
    padding: 0 5px 75px 5px;
    width: 870px; padding-left: 15px; padding-right: 15px;
}

.w100 {
    width: 100%;
}

.w50 {
    width: 50%!important;
    float: left;
}

.col-250 {
    float: left;
    width: 250px;
    padding-right: 10px;
}

textarea, input[type=text], input[type=password], input[type=email], .input-group input {
    background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
resize: vertical;
}

input[type=text], input[type=password], input[type=email], textarea {
    padding: 5px;
}

.input-group > input {
    padding: 5px;
    float: left;
    width: 79%!important;
    width: 0px!important;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
    display: table-cell;
    float: left;
}

.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt22 {
    margin-top: 22px;
}

.vip-block {
    background: #ED5153;
    height: 55px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}

.vip-block.clear {
    background: #999;
}

.vip-block:hover,.vip-block:focus {
    text-shadow: 1px 1px 1px black;
    color: #fff;
    text-decoration: none;
}

.vip-block .brand {
    background: url('images/vip_header.png') no-repeat center center;
    height: 35px;
    margin: 10px;
    width: 35px;
    background-size: cover;
    float:left;
}

.vip-block .text-vip {
    height: 30px;
    max-height: 30px;
    overflow: hidden;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    width: 150px;
    padding-top: 12px;
    float: left;
}

.vip-block.clear .brand {
    opacity: 0.5;
}

.vip-block.clear .text-vip {
    text-transform: none;
    height: 45px;
    max-height: 45px;
    padding-top: 18px;
}

.vip-block .info {
    font-size: 13px;
}

.title-server {
    float: left;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    height: 22px;
    padding: 3px 6px;
}

.title-server.red {
    background: #ED5153;
}

.servers-block {
    width: 100%;
    font-size: 13px;
}

.red ~ .servers-block {
    border-left: 2px solid #ED5153;
}

.title-server.blue {
    background: #2A5BF3;
}

.title-server-new a.blue {
    background: #2A5BF3;
}

.blue ~ .servers-block {
    border-left: 2px solid #2A5BF3;
}

.server-line {
    width: 100%;
    height: 30px;
    font-size: 13px;
}

.top-servers .server-line-new {
    width: 97%;
    height: 33px;
    font-size: 15px;
    font-weight: bold;
}

.server-line-new div {
    max-height: 33px;
}

.not-top-servers .server-line-new .server-title-new a {
    color: #000;
    font-weight: normal;
}
.not-top-servers .server-line-new {
    width: 97%;
    height: 33px;
    font-size: 13px;
    font-weight: bold;
}


.server-line-new.fixed, .server-line-new.fixed div, .server-line-new.fixed a, .server-line-new.fixed {
    color: #fff!important;
    background: #ED5153;
}

.server-line-new .server-title-new {
    width: 195px;
    float: left;
    display: block;
    position: relative;
}
.server-line-new .server-title-new a {
    max-width: 175px;
    overflow: hidden;
        display: inline-block;
    text-transform: uppercase;
}
.server-title-new a:hover {
    text-decoration: underline;
}

.vip-icon {
    float:left; margin: 4px 5px; width: 25px; height: 24px;
}

.not-top-servers .server-line-new:not(.miniVip) .vip-icon {
    margin-top: 0px;
}

.other-functions {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 7px 8px;
}

.other-functions img {
    float: left;
    margin-left: 5px;
}

.server-line-new div {
    float: left;
    line-height: 30px;
}

.server-line div {
    float: left;
    line-height: 30px;
}

.server-line .icon {
    height: 100%;
    padding: 0px 10px;
    width: 44px;
    text-align: center;
}

.server-line .server-title {
    width: 119px;
}

.server-line.not-vip .server-title {
    width: 163px;
    padding-left: 5px;
}

.top-servers, .not-top-servers {
    margin-bottom: 25px;
}

.top-servers .icon {
    color: #ED5153;
    font-weight: bold;
}

.server-title a {
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
    color: #000;
    display: block;
    height: 30px;
}

.top-servers .server-title a, a.top {
    color: #ED5153;
    text-shadow: 0px 1px 1px #999999;
}

.server-title a:hover {
    text-decoration: underline;
}

.server-rate {
    width: 55px;
    font-size: 13px;
    padding: 0 5px;
}

.hronicle {
    width: 70px;
    padding: 0 5px;
    font-size: 13px;
}

.open-date {
    width: 70px;
    padding: 0 5px;
}

.server-line-new .open-date {
    width: 52px;
    padding: 0;
}

.server-line-new .hronicle {
    width: 65px;
    padding: 0 5px;
    font-size: 13px;
}


.clear {
    clear: both;
}

.seo-block {
    background: #313131;
    font-size: 13px;
    color: #9A9A93;
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.seo-block h1, .seo-block h2, .seo-block h3, .seo-block h4 {
    color: #9A9A93!important;
    color: rgba(255,255,255,0.7);
    font-size: 17px;
    margin: 15px 0px 8px 0px;
    padding-left: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.7);
    padding-bottom: 5px;
    text-transform: none!important;
}

.seo-block li, .seo-block li a {
    font-size: 97%;
}

.filters, .filters div {
    width: 100%;
}

.filters {
    padding: 0 5px;
}

.filters select {
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

.add-server-btn {
    float: right;
    margin-top: 10px;
    border: 0px;
    background: #ED5153;
    color: #fff;
    font-size: 13px;
    padding: 5px 15px;
}

.find-server-btn {
    width: 100%;
    margin-top: 10px;
    border: 0px;
    background: #ED5153;
    color: #fff;
    font-size: 13px;
    padding: 5px 15px;
}

.btn-block {
    width: 75%;
    height: 100px;
    float: left;
}

.img-block {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 100px;
    height: 100px;
    padding-top: 20px;
}

.info {
    font-size: 13px;
    /* font-style: italic; */
    margin-top: 5px;
    margin-bottom: 20px;
}

.form-group {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.form-group > div {
    width: 75%;
    float: left;
}

.form-group input, .form-group select, .form-group textarea {
    width: 80%;
}

.form-group .error {
    color: brown;
    font-size: 12px;
    margin-top: 1px;
}

.form-group .error.error-black {
    color: #999;
    font-size: 12px;
    margin-top: 1px;
}

.required {
    color: brown;
    font-size: 15px;
}

.form-group label {
    line-height: 30px;
    width: 25%;
    display: block;
    float: left;
    text-align: right;
    padding: 0 10px;
}

.form-group .recaptcha {
    width: 75%;
    float: left;
}

.pull-left {
    float: left;
}

.ml-0 {
    margin-left: 0px;
}

.pages {
    width: 100%;
    float: left;
}

.pagination {
    text-align: center;
    display: block;
    float: left;
    margin: 10px 59px;
}

.pagination li {
    float: left;
    display: inline-block;
    margin-right: 5px;
}

.pagination li a, .pagination li span {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 7px 11px;
    background: #ED5153;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li span, .pagination .active > a {
    cursor: default;   
    color: #474749;
}

#footer .container {
    /* border-top: 2px solid #313131; */
    padding: 9px 10px 10px 10px;
    position: relative;
    background: #252525;
    /* color: #fff; */
    border-top: 1px solid #fff;
    color: rgba(255, 255, 255, 0.7);
    padding-bottom: 15px;
    
}

.left-block {
    width: 55%;
    float: left;
    height: 33px;
    line-height: 33px;
}

.right-block {
    width: 45%;
    float: left;
}

.right-block {
    text-align: right;
    padding-right: 185px;
}

#footer ul, #footer li {
    display: inline-block;
    font-size: 13px;
    height: 33px;
    line-height: 33px;
}

#footer li a {
    padding: 0px 3px;
    text-decoration: underline;
}

#footer li a:hover {
    padding: 0px 3px;
    text-decoration: none;
}

#footer .buttons {
    position: absolute;
    bottom: 8px;
    right: 10px;
}

.title {
    color: #ED5153;
    font-weight: bold;
    margin-bottom: 0px;
}

.tree {
    position: fixed;
    width: 267px;
    height: 400px;
    right: -70px;
    bottom: -20px;
    transform: rotate(-14deg);
    z-index: 1000000;
    background: url('images/tree.png') no-repeat;
}

.breadcrumb {
    display: inline-block;
    margin-top: 3px;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li, .breadcrumb li span, .breadcrumb li a {
    font-size: 13px;
}

.breadcrumb i {
    font-size: 11px;
    line-height: 13px;
}

.miniVip {
    color: #2A5BF3;
}

.not-top-servers .server-line-new.miniVip .server-title-new a {
    color: #2A5BF3;
    font-size: 14px;
    font-weight: bold;
}


.info-vip {
    font-size: 13px;
}

.open-date-top {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px;
    width: 57px;
    position: absolute; 
    right: 2px; 
    bottom: 2px; 
    color: #ED5153; 
    font-size: 10px; 
    background: #fff;
    text-shadow: none!important;
    text-align: center;
    font-weight: bold;
}

.today, .beforeday, .afterday {
    font-weight: bold;
}

.today {
    color: green;
}

.beforeday {
    color: #2A5BF3;
}

.afterday {
    color: #ED5153;
}

.filter-hronicle {
    width: 47%!important;
    margin-left: 2%;
    margin-right: 1%;
    text-align: center;
    float:left;
    margin-bottom: 2%;
    font-size: 13px;
    box-sizing: border-box;
}

.filter-hronicle:nth-child(2n) {
    margin-right: 1%;
    margin-left: 2%;
}

.filter-hronicle a, .sort-hronicle {
    text-decoration: none;
    padding: 4px;
    display: block;
    width: 100%;
    line-height: 21px;
    box-sizing: border-box;
    border: 0;
    color: #fff;
    background: #555555;
    border: 1px solid #313131;
}

.sort-hronicle {
    width: 100%;
    margin-top: 6px;
    font-size: 13px;
}

.filter-hronicle a:hover, .sort-hronicle:hover {
    background: #313131;
}

.calendar select {
    height: auto;
}

.not-hovered-menu:hover {
    border-top: 2px solid #313131!important;
}

.register-btn {
    text-decoration: none!important;
    margin-left: 10px;
}

.btn-link {
    background: #ED5153 !important;
    border: 2px solid #df3e40;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-link:hover {
    background: #df3e40 !important;
    border: 2px solid #c22628;
}

.add-server-link {
    text-transform: uppercase;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
    border-radius: 0;
    font-weight: 400;
    text-decoration: none!important;
    display: block;
    height: 40px;
    line-height: 38px;
    text-align: center;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    background-color: #fff!important;
    border-color: #ccc;
}

input.filepicker-bootstrap {
    width: 0px!important;
}

.thumbnail {
    max-width: 80%;
}

.ml185 {
    margin-left: 185px;
}

.lh32 {
    line-height: 32px;
}

.w80 {
    width: 80%!important;
    text-align: left!important;
}

.different-info {
    position: absolute;
    right: 12px;
    top: 25px;
    font-size: 11px;
    line-height: 12px;
    color: #999;
}


.p-relative {
    position: relative;
}

.metrika-block {
    position:relative; 
    margin-left:3%; 
    margin-top: 5%; 
    float:left; 
    border: 2px solid #313131; 
/*     border-top: 2px solid #313131; 
border-left: 2px solid #313131;  */
    width: 60%; 
    height: 165px;
}

.col-md-4 {
    width: 33%;
    float: left;
}

.mt10 {
    margin-top: 10px;
}

.metrika-line {
    height: 40px; 
    line-height: 40px; 
    color: #fff; 
    text-align:center;
}

.line-views {
    background: #5D83F6;
}

.line-visits {
    background: #ED5153;
}

.line-clicks {
    background: #3da83d;
}

.title-views {
    font-size: 14px; 
    position: absolute; 
    left: 0%; 
    top: -25px;
}

.title-views span {
    font-size: 10px; 
    line-height: 12px; 
    background: #5D83F6;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.title-visits {
    font-size: 14px; 
    position: absolute; 
    left: 33%; 
    top: -25px;
}

.title-visits span {
    font-size: 10px; 
    line-height: 12px; 
    background: #ED5153;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.title-clicks {
    font-size: 14px; 
    position: absolute; 
    left: 66%; 
    top: -25px;
}

.title-clicks span {
    font-size: 10px; 
    line-height: 12px; 
    background: #3da83d;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.before-date {
    font-size: 11px; 
    position: absolute; 
    left: -35px; 
    top: 22px;
}

.before-date2 {
    font-size: 11px; 
    position: absolute; 
    left: -35px; 
    top: 72px;
}
.before-date3 {
    font-size: 11px; 
    position: absolute; 
    left: -35px; 
    top: 122px;
}

.coupon {
    border: 2px solid #c22628;
    line-height: 27px;
    height: 33px;
    font-size: 12px;
    color: #fff;
    background: #ED5153;
    text-align: center;
    cursor: pointer;
}

nav.navbar .ads a {
    color: orange;
}

.w55 {
    width: 94%;
    float: left;
    position: relative;
}

.server-info-text {
    font-size: 14px; 
    width: 100%;
    height: 100px;
    box-sizing:border-box;
    float: left;
    border-right: 1px solid #999;
    padding-left: 90px;
    background: url('images/str.png') no-repeat 90px top;
}

.server-info-text div {
    width: 95%;
    background: #f1f2f2;
    height: 100%;
    padding: 10px;
    margin-left: 5%;
    position: relative;
}

.yee {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255, 0.5) url('images/yee2.png') no-repeat center center;
    display: none;
}

.image-server-link {
    display: block;
    width: 100px; 
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100px;
}

*:hover ~ .yee, .yee:hover {
    display: block;
}

.server-btn-blocks {
    width: 6%;
    float: left;
    height: 100px;
    background: #f1f2f2;
}

.server-btn-blocks a {
    width: 50%;
    height: 33%;
    margin-left: 25%;
    margin-right: 25%;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.server-btn-blocks a:first-child {
    margin-top: 15%;
}

.comments-icon {
    background: url('images/comment.png') no-repeat center top;
    background-size: cover;
    
    display: block;
    line-height: 35px;
}

.site-status {
    background: url('images/site.png') no-repeat center top;
    background-size: cover;
}

.site-status.on {
    background: url('images/green-site.png') no-repeat center top;
    background-size: cover;
}


.online {
    height: 20px!important;
    line-height: 17px!important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.list-none, .list-none li {
    list-style: none;
}

.text-center, .text-center li {
    text-align: center;
    margin: 0 auto;
}



/* CART STYLE */



/*header_icon_descr_section*/
.icon_descr_block {
    overflow: hidden;
    border-bottom: 1px solid #E8E8E8;
}
.icon_descr_block .cols {
    width: 50%;
    float: left;
    padding: 16px;
}
.icon_descr_block .cols .icons {
    position: relative;
    float: left;
    width: 30%;
    padding: 20px;
}
.icon_descr_block .cols .icons .ic {
    display: block;
    padding: 18px 24px;
    border: 2px solid;
    width: 76px;
    height: 76px;
    border-radius: 150px;
    font-size: 24px;
}
.icon_descr_block .cols .icons .ic i {}
.icon_descr_block .cols .icons .num {
    display: block;
    width: 70px;
    position: absolute;
    padding: 3px 20px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    bottom: 8px;
    left: 23px;
    color: #ffffff;
}
.icon_descr_block .bubble {
    float: left;
    width: 50%;
}
.icon_descr_block .bubble div {
    background: #f3f3f3;
    padding: 15px;
    border-radius: 3px;
    margin: 30px 30px;
    color: #5a5a5a;
    font-weight: 300;
    position: relative;
    line-height: 24px;
}

.icon_descr_block .bubble div.server-text {
    margin: 0!important;
    height: 68px;
    overflow: hidden;
}

/* .icon_descr_block .bubble p {
    height: 70px;
    overflow: hidden;
} */

.help {
    cursor: help;
}

.icon_descr_block .bubble p.full-overflow, .icon_descr_block .bubble div.full-overflow {
    height: auto;
    overflow: visible;
}

.icon_descr_block .bubble div span.spisok {
    width: 0px;
    height: 0px;
    position: absolute;
    border: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #F3F3F3;
    left: -20px;
    top: 42px;
}

.id_blue .num {background: #45c3e8;}
.id_green .num {background: #97c900;}
.id_orange .num {background: #ff5700;}
.id_blue {
    color: #45c3e8;
}
.id_green {
    color: #97c900;
}
.id_orange {
    color: #ff5700;
}
/*header_contact section*/
.phone_email {
    padding: 14px 30px;
    border-bottom: 1px solid #e8e8e8;
    min-height: 50px;
    overflow: hidden;
}
.phone_email span {
    display: block;
    float: left;
    margin: 0px 40px 0px 0px;
}
.phone_email span i {
    display: inline-block;
    margin-right: 12px;
    font-size: 13px;
    color: #A8A8A8;
}

/*Features block*/
.features_block {
    overflow: overlay;
    min-height: 162px;
}
.features_block div {
    width: 50%;
    float: left;
}
.features_block div ul {
    padding: 20px 30px;
}
.features_block div ul li {
    list-style: none;
    margin: 13px 0px;
}
.features_block div ul li b {}

/*share block*/
.share_block {
    background: #f3f3f3;
    overflow: overlay;
    min-height: 55px;
}
.share_block div {
    width: 50%;
    float: left;
}
.share_block div a {
    display: inline-block;
    margin: 10px 30px;
}
.share_block div div {
    width: 50%;
    float: left;
    padding: 10px 30px;
    font-size: 13px;
    color: #6f6f6f;
}
.share_block div div span {
    display: block;
    font-weight: bold;
    color: #4A4A4A;
}

/*check in block*/
.check_in {}
.check_in div {
    padding: 30px;
}
.check_in div a {}
.check_in div a:hover {}
.check_in div .users_group {
    padding: 20px 0px;
    margin: 0px -10px;
}
.check_in div .users_group a {
    display: inline-block;
    margin: 0px 10px;
    overflow: hidden;
    position: relative;
}
.check_in div .users_group a img {
    width: 45px;
    border-radius: 3px;
}

.users_group .user_go {
    padding: 9px 0px;
    transition:0.3s;
}
/*flickr block*/
.flickr_photo h4 {margin-left: 10px;}
.flickr_photo {
    padding: 0px 20px;
}
.flickr_photo ul {
    margin: 0px;
    padding: 0px;
}
.flickr_photo ul li {
    list-style: none;
    display: inline-block;
    margin: 13px;
    overflow: hidden;
    width: 13%;
    border-radius: 3px;
    height: 110px;
}
.flickr_photo ul li img {transition:0.3s;}
.flickr_photo ul li img:hover {opacity: 0.8; transition:0.3s;}

/*reviews*/
.reviews {}
.reviews h4 {
    padding: 40px 30px 0px 30px;
    font-size: 16px;
    margin: 0px;
}
.reviews .rev {
    padding: 30px;
    border-bottom: 1px solid #E4E4E4;
    transition:0.3s;
}
.reviews .rev .user {
    float: left;
    margin: 0px 20px 0px 0px;
    padding-top: 4px;
}
.reviews .rev .user img{
    width: 45px;
    border-radius: 3px;
}
.reviews .rev .texts {
    padding-left: 65px;
}
.reviews .rev .head_rev {}
.reviews .rev .head_rev span {
    color: #B5B5B5;
    font-size: 13px;
    padding-left: 20px;
}
.reviews .rev .text_rev {
    padding-top: 10px;
    color: #606060;
}
.reviews .rev:hover {background: #fafafa;transition:0.3s;}

/*Add comment*/
.add_comment h4 {
    padding: 30px 0px;
}
.add_comment {
    padding: 0px 30px 50px;
}
.add_comment textarea {
    width: 100%;
    border: 0px;
    background: #f1f1f1;
    border-radius: 3px;
    resize: vertical;
    min-height: 100px;
    padding: 15px;
}
.add_comment textarea:focus {outline: none;}
.add_comment a {
    margin-top: 15px;
}


/*Map*/
.map_place {
    width: 100%;
    height: 254px;
    margin: 0px;
}

/*similar*/
.similar {
    padding: 0px 20px;
}
.similar div {
    overflow: auto;
    margin: 0px -20px;
    color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    padding: 16px 20px;
}
.similar a {
    display: block;
}
.similar a:hover {color:#ffffff;}
.similar h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #ffffff;
    padding: 25px 0px 10px;
}
.similar img {
    width: 45px;
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 10px;
}
.similar i {
    font-size: 12px;
    padding-right: 5px;
    color: #ffffff;
}
.address {
    background: rgba(231, 57, 49, 1);
    color: #ffffff;
    width: 320px;
    position: absolute;
    height: 100px;
    top: 75px;
    padding: 18px 24px;
    right: -310px;
    z-index: 2;
    font-size: 15px;
}
.address span {
    width: 0px;
    height: 0px;
    position: absolute;
    border: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #E73931;
    left: -20px;
    top: 42px;
}

/*mobie places*/
.mobile_place {
    padding: 0px 0px 30px;
    overflow: auto;
    display: none;
}
.mobile_place .similar {}
.mobile_place .similar div {
    color: #BABABA;
    width: 48%;
    float: left;
    margin: 1%;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
}
.mobile_place .similar a {
    display: block;
}
.mobile_place .similar a:hover {color:#202020;}
.mobile_place .similar h3 {
    color: #1B1B1B;
    padding: 0px 8px 20px;
    margin: 0px;
}
.mobile_place .similar img {
    width: 45px;
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 10px;
}
.mobile_place .similar i {
    color: #BABABA;
}
.mobile_place .address {
    background: rgba(231, 57, 49, 1);
    padding: 15px 15px;
    margin-top: 0px;
    border-radius: 1px;
    color: #ffffff;
    position: absolute;
    left: 0px;
}

/*------------------------------------------------------------------
[5. User Profile pages / #User Profile pages]
*/

.vp h1{
    padding: 0px 30px 30px;
}
.map_user_visits {width: 100%; height: 300px;}
.marker_visit {
    background: rgba(0, 0, 0, 0.83);
    border-radius: 3px;
    width: auto;
    position: fixed;
}
.marker_visit .info {
    padding: 10px 30px;
}
.marker_visit .info span {
    width: 0px;
    height: 0px;
    position: absolute;
    padding: 0px !important;
    left: -16px;
    top: 12px !important;
    border: 8px solid rgba(255, 0, 0, 0);
    top: 0px;
    border-right-color: rgba(0, 0, 0, 0.83);
}
.marker_visit .info a {font-size: 14px;}
.marker_visit .info a:hover {font-size: 14px; color: #ffffff;}

/*user left column*/
.user_avatar {
    margin-top: 100px;
    position: relative;
}
.user_avatar img {
    width: 100%;
    border-radius: 3px;
}


.btn-success {
    text-decoration: none!important;
    color: #fff;
    background: #e73931!important;
}

.btn-success:hover {
    text-decoration: none!important;
    color: #fff;
    background-color: #d72a22;
    box-shadow: inset 0px -4px 0px #b71710;
}

.bordered-server {
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.status-kabinet-server {
    font-size: 12px;
    color: #000;
}

.status-kabinet-server .publish {
    color: #7bc360;
}

.status-kabinet-server .unpublish {
    color: #ED5154;
}


.pull-right-important {
    float: right!important;
    margin-right: 20px;
}

.w49 {
    width: 49%;
    margin-right: 1%;
    box-sizing: border-box;
    float: left;
}

.w49:nth-child(2n-1) {
    margin-right: 0;
    margin-left: 1%;
}