body main div.row.graphic {
    height: 525px;
    background: url(../images/grey_bg.jpg) #fff;
    -webkit-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.7)
}


body main div.graphic div.bg-image {
    height: inherit;
}

.summary .c-table header .speech-bubble span.price {
    font-size: 33px;
    margin-top: 40px !important
}

.summary .c-table header .speech-bubble span.periodicity {
    margin-top: 0 !important
}

.block header h2.light {
    margin-top: 0;
    margin-bottom: 0;
    height: 60px;
    font-size: 52px
}

.block.easy {
    text-align: left
}

.block.easy h2 {
    font-family: Et;
    font-size: 48px;
    padding: 0;
    border-bottom: 3px solid #e1e1e1;
    height: 60px;
    line-height: 20px;
    margin-bottom: 35px
}

.block.easy .text-block {
    width: 375px;
    display: inline-block
}

.block.easy .text-block h3 {
    font-family: Er;
    font-size: 45px;
    line-height: 45px;
    margin: 60px 0 50px 0
}

.block.easy .text-block h3 span {
    font-family: inherit
}

.block.easy .text-block p {
    margin-bottom: 25px
}

.block.easy .image-block {
    float: right;
    margin-right: -30px
}

.block.designs p {
    margin: 10px 0 20px 0
}

.block.designs .amp-img {
    cursor: pointer;
    padding: 0;
    float: left;
    margin: 0 9px 9px 0;
    position: relative
}

.block.designs .amp-img img {
    float: left
}

.block.designs .amp-img .click-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 27px;
    background: url(../images/plus.jpg) right center no-repeat rgba(0, 0, 0, 0.5)
}

.others .f-left.w6 {
    margin: 15px;
    width: 470px
}

.banner p.speech-bubble {
    padding-left: 68px
}

.banner p.speech-bubble span.title {
    font-family: Eb;
    font-size: 12px;
    text-align: center;
    margin-top: 25px;
    line-height: 30px
}

.banner p.speech-bubble span.price {
    font-family: Eb;
    font-size: 50px;
    text-align: center;
    line-height: 40px
}

.banner p.speech-bubble span.periodicity {
    font-family: Er;
    font-size: 18px;
    text-align: right;
    line-height: 24px;
    padding-right: 30px
}

.row.grey-bg {
    height: auto;
    background: #afafaf;
    -webkit-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.7);
    padding: 0
}

.block.domain-all {
    height: 630px;
    margin: 0 auto
}

.block.domain-all header h2 {
    line-height: 90px;
    height: 90px;
    text-align: center;
    font-family: Et;
    font-size: 70px;
    border-bottom: 1px solid #fff
}

.block.domain-all header h2 span {
    font-family: Er
}

.block.domain-all ul {
    float: right;
    width: 50%;
    list-style: none;
    margin-top: 30px;
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    .block.domain-all header h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 800px) {

    .block.domain-all ul {
        float: right;
        width: 100%;
        list-style: none;
        margin-top: 30px;
    }

    .block.domain-all header h2 {
        line-height: 40px;
        height: 40px;
        text-align: center;
        font-family: Et;
        font-size: 30px;
        border-bottom: 1px solid #fff;
    }

    .summary {
        height: auto !important;
    }

    .block.domain-all#girl {
        padding-bottom: calc((800px - 100vw) / 2 + 50%) !important;
        background-size: 60% !important;
    }
}

.block.domain-all ul li {
    margin-bottom: 35px
}

.block.domain-all ul li h3 {
    font-family: Eb;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff
}

.block.domain-all ul li p {
    color: #000;
    font-size: 14px
}

.block.domain-all ul li .circle.small {
    margin: 0 15px 0 0
}

.block.domain-all ul li .circle.small .icon.small {
    margin: 10px
}

.block.chars-table h2 {
    font-family: Et;
    font-size: 34px;
    padding: 0
}

table.chars-table tr th .content span.price,
table.chars-table.footer tr td .content span.price {
    font-size: 30px
}

table.chars-table.footer tr td:first-child {
    background-image: none;
    padding: 0
}

table.chars-table.footer tr td .circle.big-medium {
    margin: 0 0 0 60px;
    border-width: 5px
}

table.chars-table.footer tr td .circle.big-medium span {
    margin-top: 30px;
    text-align: center;
    font-family: Eb;
    color: #fff;
    font-size: 25px;
    line-height: 22px;
    display: block
}

.whois-explain .pre-icon .icon {
    margin: 10px 20px 92px 10px
}

.block.whois-explain .half {
    margin-left: 0;
    width: 49%
}

.block.whois-explain .half.right {
    margin-left: 2%
}

.banner p.speech-bubble span.periodicity.small {
    margin: -12px 15px 0 0 !important;
}

.speech-bubble.type_07 span.hosting {
    font-size: 12px !important;
    margin-top: 20px !important;
    margin-left: 4px;
}

@media screen and (max-width: 800px) {
    .block.whois-explain header h2.light {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 22px;
        font-family: initial;
    }
}

@media screen and (max-width:400px) {
    .block.domain-all ul {
        width: 390px;
    }

    .block.domain-all header h2 {
        line-height: 57px;
        font-size: 33px;
    }

    .row.grey-bg {
        padding: 12px 12px 318px 12px;
        margin-bottom: 10px;
    }

    .block.domain-all {
        padding-bottom: 0px !important;
    }

    .block.domain-all ul li h3 {
        font-size: 15px;
    }
}


.c-table.characteristics-volumes ul,
.c-table.characteristics-docker-containers ul {
    background: white !important;

}

.c-table.characteristics-volumes ul li,
.c-table.characteristics-docker-containers ul li {
    color: black !important;
    font-weight: bolder !important;
    background: url(../images/icon_volumes.png) left 14px no-repeat !important;
    background-size: 30px !important;
    padding-left: 40px;
    padding-top: 17px;
    font-size: 16px;
}

.c-table.characteristics-docker-containers ul li:first-child{
    border-bottom: none!important;
}

.c-table.characteristics-docker-containers ul li:nth-child(2){
    background-image: url(../images/icon-people.png)!important;
}

.c-table.characteristics-volumes ul li strong,
.c-table.characteristics-docker-containers ul li strong {
    font-family: 'Eb' !important;
}


.c-table.characteristics-volumes .more-info-button-area,
.c-table.c-table.characteristics-docker-containers .more-info-button-area {
    background: white;
    margin-top: -1px;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}

.c-table.characteristics-volumes .more-info-button-area .more-info-button,
.c-table.characteristics-docker-containers .more-info-button-area .more-info-button {
    background-color: #FFC90E;
    font-family: 'Eb';
}

.c-table.characteristics-volumes .recommended,
.c-table.characteristics-docker-containers .recommended {
    font-size: 12px;
    padding-left: 5px !important;
}

.c-table.characteristics-volumes .recommended img,
.c-table.characteristics-docker-containers .recommended img {
    margin-right: 5px;
}

.c-table.characteristics-volumes header h2,
.c-table.characteristics-docker-containers header h2 {
    font-size: 16px;
}

.c-table.characteristics-volumes header .speech-bubble,
.c-table.characteristics-docker-containers header .speech-bubble {

    background: url(../images/empty_cloud.png) right top no-repeat !important;
    background-size: 75% !important;
}


div.table-expander h3.header,
div.table-expander h3.header-title {
    background: url(../images/chevron-right.png) 99% center no-repeat #FCE8DD;
}

div.table-expander h3.header.open,
div.table-expander h3.header-title.open {
    background: url(../images/chevron-down.png) 99% center no-repeat #FCE8DD;
}

table.chars-table tr:nth-child(odd) td {
    background-color: #f5f5f5;
}
