section#main-body {
    background-color: #91d7e6;
}

.a-dwPageTitle {
    color: #1b305a;
}

.m-dwProductTab__titleColumn {
    color: #1b305a;
}

.a-dwProductComparison__tableCell:nth-child(odd) {
    background-color: #b3e2f0;
}

.a-dwProductComparison__tableCell.-premiumwp {
    height: 4.6em;
}

.a-dwProductComparison__tableCell.-suitableweb {
    height:6.75em;
}

.a-dwProductComparison__tableCell.-databases,
.a-dwProductComparison__tableCell.-head-databases {
    height: 6.5em;
}

div.a-dwProductComparison__tableCell.-premiumwp {
    height: 6.29em;
}

/* Modal Text Style */
.a-dwModal-productName {
    font-size: 18px;
}

.a-dwModal-domainConfiguration,
.a-dwModal-billingCycle,
.a-dwModal-configurationOptions,
.a-dwModal-autoInstall,
.a-dwModal-subTotal {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 18px;
}

/* End of Modal Text Style */

/* Why Dewaweb Section */
.o-dwWhyDewawebSection{
    background-color: #36c2dc;
    width: 100%;
    padding: 0.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 1em;
}

.m-dwWhyDewawebSection__container {
    max-width: 1200px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}

.o-dwWhyDewawebSection .h3 {
    margin-bottom: 1em;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #1B305A;
    flex: 0 1 100%;
}

.o-dwWhyDewawebSection .h4 {
    margin-bottom: 2em;
    color: #1b305a;
    line-height: 1.4em;
}

.m-dwWhyDewaweb__video {
    flex: 0 0 800px;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
/* End of Why Dewaweb Section */

/* Special Features Section */
.o-dwCloudHostingSpecialFeaturesSection {
    background-color: #daf0fb;
    width: 100%;
    padding: 0.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    padding:1em;
}

.m-dwCloudHostingSpecialFeaturesSection__container {
    max-width: 1200px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}

.o-dwCloudHostingSpecialFeaturesSection .h3 {
    margin-bottom:1em;
    font-weight: 600;
    letter-spacing: 0.2em;
    color:#1b305a;
}

.o-dwCloudHostingSpecialFeaturesSection .h4 {
    margin-bottom:2em;
    color:#1b305a;
    line-height:1.4em;
}
/* .m-dwCloudHostingSpecialFeaturesSection__spfeatureGroup {
    background-color: #3a3a3c;
    color: #fff;
    margin-bottom: 1em;
    padding: 2em 2em 3em 2em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    border-radius: 1em;
}

.m-dwCloudHostingSpecialFeaturesSection__spfeatureGroup.-alt {
    background-color: #3dc3db;
} */

.m-dwCloudHostingSpecialFeaturesSection__spfeatureDeck {
    flex:0 1 1135px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    margin-bottom:2em;
}

.a-dwCloudHostingSpecialFeaturesSection__deckHeading {
    font-size:1.5em;
    font-weight:600;
    color:#4080b0;
    flex:0 1 100%;
    margin-bottom:0.5em;
    margin-top: 0;
}

.m-dwCloudHostingSpecialFeaturesSection__spfeatureCard {
    background-color: #fff;
    color: #333;
    margin-bottom: 1em;
    padding: 1.5em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    -webkit-box-shadow: 0px 10px 85px -30px rgba(116,206,226,0.85);
    -moz-box-shadow: 0px 10px 85px -30px rgba(116,206,226,0.85);
    box-shadow: 0px 10px 85px -30px rgba(116,206,226,0.85);
    flex:1 1 100%;
    height:26em;
    font-size:0.98em;
}

.m-dwCloudHostingSpecialFeaturesSection__spfeatureCard.-new {
    background: url('../img/badge-new.png') no-repeat right 20px,
                #fff;
}

.a-dwCloudHostingSpecialFeaturesSection__spfeatureIcon {
    flex:0 1 7em;
    margin-right:0.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}

.a-dwCloudHostingSpecialFeaturesSection__spfeatureHeading {
    color: #4d9dc4;
    font-size:1.2em;
    font-weight: 600;
    margin-bottom:1em;
    margin-top:0;
    text-align: center;
}

.a-dwCloudHostingSpecialFeaturesSection__spfeatureHeading.-alt {
    color: #222;
}

/* End of Special Features Section */


/* Features & Guarantees Section */

.o-dwCloudHostingFeaturesnGuarantees {
    background-color: #eff1f4;
    width: 100%;
    padding: 0.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.a-dwCloudHostingFeaturesnGurantees__heading {
    margin-bottom: 2em;
    margin-top: 1em;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .fa-chevron-right {
    -webkit-text-stroke: 3px #eff1f4;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .fa-chevron-right:hover {
    cursor: pointer;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel.panel {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 1em;
    text-align: left;
    padding: 1em 2em 1em 2em;
    width: 100%;
    margin-bottom: 1em;
    color: #1dc6df;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .panel-heading {
    background-color: transparent;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .panel-heading .panel-title {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .panel-heading .panel-title a {
    flex: 1 0 85%;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .panel-heading .panel-title a.collapsed+i {
    transform: rotate(0deg);
    transition: transform 0.15s ease-in-out;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .panel-heading .panel-title a:not(.collapsed)+i {
    transform: rotate(90deg);
    transition: transform 0.15s ease-in-out;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel .panel-heading .panel-title {
    line-height: 1.2;
}

.a-dwCloudHostingFeaturesnGuarantees__collapsePanel.panel .panel-body {
    color: #333;
    font-size: 1.2em;
}


/* End of Features & Guarantees Section */

/* FAQs Section */
.o-dwCloudHostingFAQSection {
    background-color:#fff;
    padding:2em 1em 1em 1em;
}

.o-dwCloudHostingFAQSection .h3 {
    margin-bottom:2em;
    font-weight: 600;
    letter-spacing: 0.2em;
}

.m-dwCloudHostingFAQSection__col {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.m-dwCloudHostingFAQSection__collapsibleGroup {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom:2em;
}

.a-dwCloudHostingFAQSection__collapsibleTitle {
    cursor: pointer;
    flex:1 1 14.7em;
}

.a-dwCloudHostingFAQSection__btnCollapse {
    background-color:#def1f6;
    border:none;
    border-radius:0.3em;
    position: relative;
    width:3em;
    height:2em;
    outline:none;
    margin-right: 1em;
}

.a-dwCloudHostingFAQSection__btnCollapse i {
    position:absolute;
    top:25%;
    left:0;
    right:0;
    transition:all 0.3s ease-in-out;
}

.a-dwCloudHostingFAQSection__btnCollapse.-collapsed .fa-plus,
.a-dwCloudHostingFAQSection__btnCollapse .fa-minus {
    transform:rotate(0deg);
    opacity:1;
}

.a-dwCloudHostingFAQSection__btnCollapse.-collapsed .fa-minus,
.a-dwCloudHostingFAQSection__btnCollapse .fa-plus {
    transform:rotate(90deg);
    opacity:0;
}

.a-dwCloudHostingFAQSection__collapseDetails {
    margin-top:1em;
}

.a-dwCloudHostingFAQSection__collapseCategory {
    margin: auto;
    width: 79%;
}

.a-dwCloudHostingFAQSection__collapseCategory td {
    padding: 0.2em 0.3em 0em;
}

.a-dwCloudHostingFAQSection__collapseCategory div:not(:last-child) {
    margin-bottom: 1.4em;
}

/* End of FAQs Section */

/* Video Section */
.berlitz-video__section{
    display:flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    background-color:#36c2dd;
    padding:1em 1em 5em 1em;
}

.berlitz-video__container{
	max-width: 800px;
    width:100%;
}
/* End of Video Section */

/* SEO Box */
.o-dwcollapsible-section {
    background-color: #f8fbfe;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 1em;
}

.m-dwcollapsible-container {
    width: 60em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}

.a-dwcollapsible__head-title {
    font-size: 1.6em;
    font-weight: 600;
}

.a-dwcollapsible__sub-title {
    flex: 1 0 100%;
    text-align: center;
    margin-bottom: 1.5em;
}

.m-dwcollapsible-container__box {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0.8em auto;
    padding: 1em 2em;
    box-shadow: 0 4px 8px #e1e1e1;
}

.m-dwcorporate-category {
    width: 100%;
}

.m-dwcollapsible__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 100%;
    cursor: pointer;
}

.a-dwcollapsible__title {
    font-weight: 600;
    font-size: 1.3em;
}

.a-dwcollapsible__icon {
    color: dodgerblue;
}

.a-dwcollapsible__description {
    font-size: 14px;
    /* to expand content space */
    padding-right: 3em;
}

.a-dwcollapsible__icon .fa.fa-angle-down {
    transition: transform 0.3s;
}

.m-dwcollapsible__header[aria-expanded="true"] i.fa-angle-down {
    transform: rotate(180deg);
}

.m-dwmorebutton {
    display: flex;
    justify-content: center;
}

.a-dwmorebutton__text {
    color: #f36523;
    font-weight: 600;
    background-color: transparent;
    border: 0;
}

.a-dwmorebutton__text[aria-expanded="true"].a-dwmorebutton__text::after {
    content: 'Sedikit';
}

.a-dwmorebutton__text[aria-expanded="true"] i.fa-angle-down {
    transform: rotate(180deg);
}

.a-dwmorebutton__text::after {
    content: 'Lengkap';
}

.a-dwmorebutton__text:hover,
.a-dwmorebutton__text:active {
    text-decoration: none;
}
/* End of SEO Box */

@media only screen and (min-width: 768px) {


    /* Special Features Section */
    .m-dwCloudHostingSpecialFeaturesSection__spfeatureCard {
        height: 24em;
        margin: 0.5em 1.25em 1em 1.25em;
        flex:1 1 30%;
    }

    .a-dwCloudHostingSpecialFeaturesSection__deckHeading {
        margin-left:0.75em;
    }
    /* End of Special Features Section */

    /* FAQ Section */
    .a-dwCloudHostingFAQSection__collapseCategory {
        display: flex;
        justify-content: space-around;
        flex-flow: row wrap;
        margin: inherit;
        width: inherit;
    }
    /* End of FAQ Section */
}

@media only screen and (min-width: 992px) {
  .a-dwProductComparison__tableCell.-head-databases {
      display: flex;
      align-items: center;
  }
  .a-dwProductComparison__tableCell.-databases {
      display: flex;
      justify-content: center;
      align-items: center;
  }
}

@media only screen and (min-width:1200px) {
    .a-dwProductComparison__tableCell.-suitableweb {
        height:4.75em;
    }
}