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

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

.block.domain-all {
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 528px;
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    body main div.graphic div.bg-image {
        background-size: cover !important;
        background-position: bottom center !important;
    }
}

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

    .chars article .content header h2,
    .chars article .content header h2 span {
        font-size: 21px !important;
    }

    body main div.graphic div.bg-image {
        margin-left: -256px !important;
        width: calc(100% + 256px) !important;
    }


}

/* 800px > 1024px */
@media screen and (min-width: 800px) and (max-width: 1024px) {
    .block.designs .internal-border {
        height: 366px;
    }
}

.block header {
    padding-top: 7px;
}

.minc {
    font-size: 7px !important;
    margin-top: -16px !important;
    display: inherit !important;
}

table.chars-table.footer tr td:first-child p.speech-bubble {
    margin-top: 0;
    padding: 27px 0px 0px 149px;
    height: auto;
    position: relative;
}

.chars article .content header h2,
.chars article .content header h2 span {
    color: #2d2d2d;
    font-family: Em;
    font-size: 29px;
    line-height: 44px;
}

.block.summary header h2 {
    font-size: 12px;
}

body main .icon.medium-large.o-envelope {
    background-position: 0 -8661px;
}

body main .icon.medium-large.blue-ticket {
    background-position: 0 -8661px;
}

body main .icon.medium-large.blue-letter {
    background-position: 0 -8503px;
}

body main .icon.medium-large.blue-cell {
    background-position: 0 -9025px;
}

body main .icon.medium-large.o-brush {
    background-position: 0 -8503px;
}

body main .icon.medium-large.o-home {
    background-position: 0 -9025px;
}

body main .icon.small.w-world {
    background-position: 0 -1632px;
}

body main .icon.small.w-design {
    background-position: 0 -3573px;
}

body main .icon.small.w-twozero {
    background-position: 0 -3538px;
}

body main .icon.medium-large.g-monitor {
    background-position: 0 -8748px;
}

body main .icon.medium-large.g-hand {
    background-position: 0 -3360px;
}

body main .icon.medium.label {
    background-position: 0 -5243px;
}

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

div.circle.medium.offer.offer-60 span.price.small {
    font-size: 10px;
}

div.circle.medium.offer.offer-60 span.price {
    margin-top: 22px;
}

.banner p.speech-bubble span.price.small {
    font-size: 30px !important;
    padding-top: 20px;
}

.bann_02 p.speech-bubble span.hosting {
    font-size: 10px !important;
}

.moretop {
    padding-top: 20px !important;
}


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

.pills-container {
    height: 40px;
    padding-bottom: 25px;
    margin-top: 20px;
}


.pill {

    padding: 10px 20px;
    text-align: center;
    font-family: Open Sans Bold, Arial, sans-serif;
    border-radius: 4px;
    border-top: 3px solid #297fb8;
    border-bottom: 3px solid #297fb8;
    height: 100%;
    background-color: #fff;
    color: #297fb8;
    font-weight: bold;
    cursor: pointer;
    transform: translate(0, 0);
}

.pill.checked {
    background: #297fb8;
    color: #fff;
}

.pill:hover {
    background: #297fb8;
    color: #fff;
}

.pill.first {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 3px solid #297fb8;
}

.pill.last {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 3px solid #297fb8;
}

.pill.midle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hidden {
    display: none;
}

.fade-in-left {
    -webkit-animation: fadeInLeft 0.5s ease-in 1 forwards;
    animation: fadeInLeft 0.5s ease-in 1 forwards;
    opacity: 0;

}

.fade-in-right {
    -webkit-animation: fadeInRight 0.5s ease-in 1 forwards;
    animation: fadeInRight 0.5s ease-in 1 forwards;
    opacity: 0;

}

.fade-in {
    -webkit-animation: fadeIn 0.5s ease-in 1 forwards;
    animation: fadeIn 0.5s ease-in 1 forwards;
    opacity: 0;

}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        /*-webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);*/
        margin-left: 15%;
        width: 85%;

    }

    to {
        opacity: 1;
        /*-webkit-transform: none;
      transform: none;*/
        margin-left: 0%;
        width: 100%;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        /*-webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);*/
        margin-right: 15%;
        width: 85%;
    }

    to {
        opacity: 1;
        /*-webkit-transform: none;
      transform: none;*/
        margin-right: 0;
        width: 100%;
    }
}

.padding-15px {
    padding: 15px;
}

.flexible-mail-title {
    color: #2d2d2d;
    font-family: Em;
    font-size: 29px;
    line-height: 44px;
}

.flexible-mail-divider {
    width: 100%;
    border-bottom: solid #2d2d2d 1px;
}

.flexible-subtitle {
    font-weight: bold !important;
    margin-bottom: 10px;
}

.three_fourths,
.flexible-email-config-container {
    width: 72%;
    margin: 0 0 10px 1%;
    float: left;
}

.fourth,
.flexible-email-description-container {
    width: 25%;
    margin: 0 0 10px 1%;
    float: left;
}

.flexible-text p {
    text-align: justify;
}

.fifth {
    width: 18%;
    margin: 0 0 10px 1%;
    float: left;
}

.third {
    width: 32.2%;
    margin: 0 0 10px 1%;
    float: left;
}

.mailbox-image-container {
    text-align: center;
    height: 80px;
    margin-top: 25px;
}


.slider-pic {
    width: 90%;
    margin-left: 5%;
    -webkit-appearance: none;
    height: 10px;
    border-radius: 5px;
    background: #fff;
    outline: none;
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    border: solid #c5c5c5 1px;
}

.slider-pic:hover {
    opacity: 1;
    cursor: pointer;
}

.slider-pic::-moz-range-progress {
    background-color: #297fb8;
    border: solid #297fb8 5px;
    border-radius: 5px;
}

.slider-pic::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    /* Slider handle height */
    background: #fff;
    /* Green background */
    cursor: pointer;
    /* Cursor on hover */
    border: solid 1px #c5c5c5;
    border-radius: 25px;
}

.slider-pic::-moz-range-thumb {
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    /* Slider handle height */
    background: #ffff;
    /* Green background */
    cursor: pointer;
    /* Cursor on hover */
    border-radius: 25px;
    border: solid 1px #c5c5c5;
}

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

.reserved {

    background-color: #297fb8;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
    margin-left: 25%;
    text-align: center;
    line-height: 15px;
}

.f-s-25px {
    font-size: 25px;
}

.m-t-20px {
    margin-top: 20px !important;
}

.m-t-10px {
    margin-top: 10px !important;
}

.f-c-white {
    color: #fff;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}


.d-block {
    display: block;
}

.t-a-center {
    text-align: center;
}


.font-size-15px {
    font-size: 15px;
}

.m-b-0 {
    margin-bottom: 0;
}

.flexible-total-title {
    display: block;
    margin-left: 10px;
    color: #2d2d2d;
    font-family: Em;
}

.flexible-total-reserved {
    margin-left: 10px;
    color: #2d2d2d;
    font-family: Em;
    font-size: 29px;
    line-height: 44px;
}

.flexible-total-capacity {
    color: #2d2d2d;
    font-family: Em;
    font-size: 20px;
    line-height: 44px;
}

@media screen and (max-width: 800px) {
    .flexible-email-description-container {
        width: 100%;
    }

    .flexible-email-config-container {
        width: 100%;
    }

    .flexible-email-configuration-container{
        width: 100vw!important;
    }

    .mailbox-image-container {
        margin: 0;
        height: 100%;
    }

    .mailbox-image-container img {
        width: 100%;
        margin-left: 20%;
    }

    .third.mailbox-image-container img {
        width: 76%;
        margin-left: 10%;
    }

    .reserved-space>span.f-s-25px.float-right.m-t-20px {
        margin-right: -5px;
        margin-top: 10px !important;

    }

    .reserved-space>.reserved {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .three_fourths {
        margin: 0 0 0px 00%;
    }

    .flexible-results {
        font-size: 12px;
    }

    .result-container>span {
        font-size: 15px;
    }

    body main .third.mailbox-image-container,
    body main .third.range-slider-container,
    body main .third.text-center  {
        width: 32.2%;
        margin: 0 0 10px 1%;
        float: left;
    }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {

    body main .third.mailbox-image-container,
    body main .third.range-slider-container,
    body main .third.text-center {
        width: 32.2% !important;
        margin: 0 0 10px 1% !important;
        float: left !important;
    }

}