@import url("../widget/widget_signup.css");

/**
 * @tableofcontents
 *
 * 1. media kit banner
 * 2. Media Kit Guide
 * 3. media kit Logos
 * 4. Media Kit Brand Colors
 * 5. Media Kit Review Testimonials
 * 6. Media Kit Press Release

*/

/* @section 1.  media kit banner */
#mk-bnr-wrap
{
    padding: 250px 0 25px; 
    background: #1c2077;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.mediaKit22 #mk-bnr-wrap{
    position: relative;
}

.mediaKit22 #mk-bnr-wrap::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../../img/alternatives/cw-alternatives-new-bg.png) no-repeat center;
    background-size: cover;
}

.mediaKit22 .wt-signup-wrapper, .mediaKit22 .wt-signup-wrapper .wt-signup-main{
    position: relative;
}

.mediaKit22 .wt-signup-wrapper::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../../img/alternatives/cw-alternatives-new-bg.png) no-repeat center;
    background-size: cover;
}

#mk-bnr-wrap .glb-bnr-strp {
    height: 520px;
    transform: rotate(162deg);
    background: #161a6b;
}

.mediaKit22 #mk-bnr-wrap .glb-bnr-strp{
    display: none;
}

.mk-bnr-ttl
{
    position: relative;
    margin-bottom: 195px;
}

.mk-bnr-ttl > h1
{
    color: #fff;
    font-size: 54px;
    margin-bottom: 20px;
}

.mk-bnr-ttl > p
{
    color: #fff;
    font-size: 20px;
}

.mk-btn-scroll-down {
    text-align: center;
    position: relative;
}

.mk-btn-scroll-down a {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    line-height: 33px;
}

.mk-btn-scroll-down a i {
    color: #fff;
    font-size: 15px;
}

/* @section 2.  Media Kit Guide */
.mk-guid-sec
{
     background-color: #f7f8fa;
     padding: 60px 0 35px;
}

.mk-guid-ttl-box
{
    text-align: center;
    margin-bottom: 70px;
}

.mk-guid-ttl-box h2
{
    color: #091e42;
    font-size: 36px;
    font-weight: 500;
}

.mk-guid-ttl-box p
{
    color: #42526e;
    font-size: 20px;
}

.mk-guid-disc-box
{
    padding: 30px 30px 40px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    border-top: 8px solid #39dcb1;
    margin-bottom: 35px;
}

#mk-guid-disc-box2
{
    border-top-color: #feb155;
    padding: 20px 30px 30px;
    text-align: center;
}

#mk-guid-disc-box2 h3
{
    font-size: 54px;
    margin-bottom: 0;
}

#mk-guid-disc-box2 span
{
    color: #42526e;
    font-size: 34px;
}

#mk-guid-disc-box3
{
    border-top-color: #b764d8;
    min-height: 455px;
}

.mk-guid-disc-box h3
{
    color: #091e42;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 25px;
}

.mk-guid-disc-box p
{
    color: #42526e;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

/* @section 3. Media Kit Logos */


.mk-new-logo-fold
{
    background: rgba(21,25,107,1);
    background: -moz-linear-gradient(left, rgba(21,25,107,1) 0%, rgba(21,25,107,1) 43%, rgba(28,33,119,1) 43%, rgba(28,33,119,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21,25,107,1)), color-stop(43%, rgba(21,25,107,1)), color-stop(43%, rgba(28,33,119,1)), color-stop(100%, rgba(28,33,119,1)));
    background: -webkit-linear-gradient(left, rgba(21,25,107,1) 0%, rgba(21,25,107,1) 43%, rgba(28,33,119,1) 43%, rgba(28,33,119,1) 100%);
    background: -o-linear-gradient(left, rgba(21,25,107,1) 0%, rgba(21,25,107,1) 43%, rgba(28,33,119,1) 43%, rgba(28,33,119,1) 100%);
    background: -ms-linear-gradient(left, rgba(21,25,107,1) 0%, rgba(21,25,107,1) 43%, rgba(28,33,119,1) 43%, rgba(28,33,119,1) 100%);
    background: linear-gradient(to right, rgba(21,25,107,1) 0%, rgba(21,25,107,1) 43%, rgba(28,33,119,1) 43%, rgba(28,33,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15196b', endColorstr='#1c2177', GradientType=1 );filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15196b', endColorstr='#1c2177', GradientType=1 );
    padding: 70px 0 30px;
}

.mediaKit22 .mk-new-logo-fold{
    background: rgba(21,25,107,1);
}

.mk-new-logo-fold-desc
{
    padding-right: 70px;
    margin-top: 50px;
}

.mk-new-logo-fold-desc h2
{
    font-size: 60px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    max-width: max-content;
    line-height: 75px;
    margin-bottom: 30px;
}

.mk-new-logo-fold-desc h2 b
{
    font-size: 60px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.mk-new-logo-fold-desc p
{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.mk-new-logo-download
{
    margin-top: 30px;
}

.mk-new-logos-wrap
{
    padding-left: 100px;
    text-align: center;
}

.mk-new-logos
{
    max-width: 250px;
    height: 130px;
    border: 1px solid #fff;
    border-radius: 15px;
    margin: 0 auto;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/Media-Kit-Strip.svg) no-repeat center transparent
}

.mk-new-logos.logo-bg-white
{
    background-color: #fff;
}

.cw-logo-1
{
    background-position-y: 35px;
}

.mediaKit22 .cw-logo-1
{
    position: relative;
    background: #fff !important;
}

.mediaKit22 .mk-bnr-ttl > h1, .mediaKit22 .mk-guid-ttl-box h2, .mediaKit22 .mk-new-rvw-fold-lft-box h2, .mediaKit22 .wt-signup-wrapper h2{
    font-weight: 800;
}

.mediaKit22 .cw-logo-1::before
{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/cloudways-by-do-horizontal-blue-1.svg) no-repeat center;
    background-size: 80%;
}

.cw-logo-2
{
    background-position-y: -60px;
}

.mediaKit22 .cw-logo-2
{
    position: relative;
}

.mediaKit22 .cw-logo-2::before
{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/cloudways-by-do-horizontal-white-2.svg) no-repeat center;
    background-size: 80%;
}

.cw-logo-3
{
    background-position-y: -155px;
}

.mediaKit22 .mk-new-logos{
    background: none;
}

.mediaKit22 .cw-logo-3{
    position: relative;
    background: #fff;
}

.mediaKit22 .cw-logo-3::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/cloudways-by-do-vertical-blue.svg) no-repeat center;
    background-size: 60%;
}

.cw-logo-4
{
    background-position-y: -250px;
}

.mediaKit22 .cw-logo-4
{
    position: relative;

}

.mediaKit22 .cw-logo-4::before
{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/cloudways-by-do-vertical-white.svg) no-repeat center;
    background-size: 60%;
    
}

.cw-logo-5
{
    background-position-y: -345px;
}

.mediaKit22 .cw-logo-5
{
    background: #fff;
    position: relative;
}

.mediaKit22 .cw-logo-5::before
{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/cw-logo-without-text-blue.svg) no-repeat center;
    background-size: 50%;
}

.cw-logo-6
{
    background-position-y: -440px;
}

.mediaKit22 .cw-logo-6
{
    position: relative;
}

.mediaKit22 .cw-logo-6::before
{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.cloudways.com/wp-content/uploads/2022/11/cw-logo-without-text-white.svg) no-repeat center;
    background-size: 50%;
}

.mk-new-logos+p
{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 8px 0 40px;
}

/* @section 4. Media Kit Brand Colors */

.mkit-brand-clrs-wrap
{
    padding: 90px 0;
    background-color: #fff;
}

.mkit-brand-clrs-descrp
{
    text-align: left;
    margin-top: 90px;
}

.mkit-brand-clrs-descrp h2
{
    text-align: left;
    font-size: 60px;
    font-weight: 400;
    color: #081f41;
    text-transform: uppercase;
    border-bottom: 2px solid #081f41;
    max-width: max-content;
    line-height: 75px;
    margin-bottom: 30px;
}

.mkit-brand-clrs-descrp h2 b
{
    font-size: 60px;
    font-weight: 900;
    color: #081f41;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.mkit-brand-clrs-descrp p
{
    font-size: 20px;
    color: #42526c;
    font-weight: 400;
    max-width: 370px;
}

.mkit-brand-clrs-cycle
{
    width: 600px;
    height: 600px;
    background: url(../../img/mediaKit/cw-brand-colors-wheel.png) no-repeat center transparent;
    background-size: contain;
    margin: 0 0 0 auto;
    padding: 35px;
}

.mkit-brand-clrs-cycle-inr {
    margin: auto;
    max-width: 530px;
    max-height: 530px;
    border: 10px solid #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    border-radius: 50%;
}

.mkit-brand-clrs-cycle-inr svg {
    overflow: visible !important;
}


.cw-brand-colors {
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.brand-clr-1 {
    fill: #070928;
}

.cw-brand-colors-sec:hover .brand-clr-1 {
    transform: translate(3px, 9px);
}

.brand-clr-2 {
    fill: #fdb054;
}

.cw-brand-colors-sec:hover .brand-clr-2 {
    transform: translate(10px, -8px);
}

.brand-clr-3 {
    fill: #b763d7;
}

.cw-brand-colors-sec:hover .brand-clr-3 {
    transform: translate(1px, -22px);
}

.brand-clr-4 {
    fill: #07ebad;
}

.cw-brand-colors-sec:hover .brand-clr-4 {
    transform: translate(-17px, -17px);
}

.brand-clr-5 {
    fill: #2c39bd;
}

.cw-brand-colors-sec:hover .brand-clr-5 {
    transform: translate(-19px, 4px);
}

.brand-color-tooltip-bg {
    fill: #FFFFFF;
}

.brand-color-tooltip-bg,
.brand-clr-tooltip-txt {
    opacity: 0;
    transition: all .2s ease-in-out;
    font-size: 15px;
    font-weight: 500;
}

.cw-brand-colors-sec:hover .brand-color-tooltip-bg,
.cw-brand-colors-sec:hover .brand-clr-tooltip-txt {
    opacity: 1;
    transition: all .2s ease-in-out;
}


/* @section 5.  Media Kit Review Testimonials */


.mk-new-rvw-fold
{
    background-color: #f8f9fb;
    padding: 80px 0;
}

.mk-new-rvw-fold-lft-box
{
    padding: 110px 0 0;
    margin: 0 auto;
}

.mk-new-rvw-fold-lft-box h2
{
    color: #091e42;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 30px;
}
.mk-new-rvw-fold-lft-box p
{
    color: #42526e;
    font-size: 24px;
}

.mk-new-rvw-fold-rt-box {
    width: 92%;
    margin: 0 auto;
    background-color: #39dcb1;
    min-height: 440px;
    position: relative;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    border-radius: 8px;
}

.mk-new-rvw-fold-rt-box-inr
{
    padding: 50px 40px;
}

.mk-new-rvw-fold-rt-box .carousel-inner
{
    min-height: 250px;
}

.mk-new-rvw-fold-rt-box p
{
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    position: relative;
    margin-bottom: 40px;
}

.mk-new-rvw-fold-rt-box p sup
{
    font-size: 53px;
    color: #fff;
    position: absolute;
    top: 30px;
    left: -5px;
    display: none;
}
.mk-new-rvw-fold-rt-box button
{
    border-radius: 23px;
    border-width: 0;
    padding: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: #091e42;
    font-weight: 700;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    1px 1px 2px 0 rgba(50, 50, 50, 0.1);
    box-shadow:         1px 1px 2px 0 rgba(50, 50, 50, 0.1);
}

.mk-new-rvw-fold-rt-box button i
{
    color: #091e42;
    font-size: 28px;
}

.mk-new-rvw-fold_crsl
{
position: absolute;
right: 40px;
bottom: 80px;
width: 100%;
}

.mk-new-rvw-fold-rt-box a.right
{
    left: auto;
    right: 0;
}

.mk-new-rvw-fold-rt-box a.left
{
    left: auto;
    right: 50px;
}

.mk-new-rvw-fold-rt-box-inr ol
{
    display: none;
}

.mk-new-rvw-fold-rt-box-inr ol li.active
{
    background-color: #39dcb1;
}







@media (max-width: 1200px)
{

    .mkit-brand-clrs-cycle {
        width: 530px;
        height: 530px;
    }

}



@media (max-width: 992px)
{
   #mk-bnr-wrap {
        padding: 100px 0 40px;
    }

    .mk-bnr-ttl
    {
        margin-bottom: 60px;
    }

    .mk-bnr-ttl > h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .mk-bnr-ttl > p {
        font-size: 16px;
    }

    .mk-guid-ttl-box h2, .mk-prls-ttl-box h2
    {
        font-size: 28px;
    }

    .mk-guid-ttl-box p, .mk-prls-ttl-box p {
        font-size: 16px;
    }

    .mk-guid-ttl-box, .mk-prls-ttl-box, .mk-prls-tab-sec .nav-tabs {
        margin-bottom: 40px;
    }

    .mk-guid-sec {
        padding: 30px 0 50px;
    }

    .mk-guid-disc-box h3
    {
        margin-bottom: 10px;
    }

    .mk-guid-disc-box {
    padding: 20px 25px 30px;
    }

    #mk-guid-disc-box3
    {
        min-height: auto;
    }

    .mk-new-logo-fold
    {   
        background: #1c2177;
        padding: 50px 0;
    }

    .mk-new-logo-fold-desc
    {
        margin: 0 auto 40px;
        padding: 0;
        text-align: center;
    }

    .mk-new-logo-fold-desc h2, .mk-new-logo-fold-desc h2 b, .mkit-brand-clrs-descrp h2, .mkit-brand-clrs-descrp h2 b
    {
        margin: 0 auto 20px; 
        font-size: 30px;
        line-height: 40px; 
    }
    
    .mk-new-logo-fold-desc h2 b, .mkit-brand-clrs-descrp h2 b
    {
        display: inline-block;  
        margin-bottom: 5px;
    }

    .mk-new-logo-fold-desc p, .mkit-brand-clrs-descrp p
    {
        font-size: 16px;
    }

    .mk-new-logos-wrap
    {
        margin: 0 auto;
        padding: 0;
    }

    .mk-new-logos
    {
        max-width: 300px;
    }

    .mkit-brand-clrs-wrap
    {
        padding: 50px 0;
    }

    .mkit-brand-clrs-descrp
    {
        margin: 0 auto 30px;
        text-align: center;
    }

    .mkit-brand-clrs-descrp h2
    {
        text-align: center;
        margin: 0 auto 20px;
    }

    .mkit-brand-clrs-descrp p
    {
        max-width: 100%;
    }

    .mkit-brand-clrs-cycle
    {
        margin: 0 auto;
    }

    .mk-new-rvw-fold-lft-box h2
    {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .mk-new-rvw-fold-lft-box p
    {
        font-size: 16px;
    }

    .mk-new-rvw-fold-rt-box-inr {
        padding: 30px;
    }

    .mk-new-rvw-fold
    {
        padding: 50px 0;
    }

    .mk-new-rvw-fold-lft-box {
        padding-top: 40px;
    }

    .mk-new-rvw-fold-rt-box
    {
        width: 100%;
        min-height: 340px;
    }

    .mk-new-rvw-fold-rt-box button
    {
        width: 30px;
        height: 30px;
    }
    
    .mk-new-rvw-fold-rt-box button i {
        font-size: 24px;
    }

    .mk-new-rvw-fold-rt-box a.left {
        right: 35px;
    }

}

@media (max-width: 767px)
{

    #mk-guid-disc-box2
    {
        position: absolute;
        top: 0;
        width: calc(100% - 30px);
    }

    #mk-guid-disc-box3
    {
        margin-bottom: 0;
    }

    .mk-guid-disc-box
    {
        text-align: center;
    }

    #mk-guid-disc-box1
    {
        margin-top: 170px;
    }

    .mk-new-logo-fold-desc p, .mk-new-logos+p, .mkit-brand-clrs-descrp p
    {
        font-size: 16px;
    }

    .mk-new-logo-download
    {
        margin-top: 10px;
    }

    .mkit-brand-clrs-cycle
    {
        width: 450px;
        height: 450px;
    }
    
    .mk-new-rvw-fold-lft-box {
        padding: 0;
        text-align: center;
    }

    .mk-new-rvw-fold-lft-box
    {
        margin-bottom: 30px;
    }

    .mk-new-rvw-fold-lft-box h2
    {
        margin-top: 0;
    }

    .mk-new-rvw-fold-rt-box-inr
    {
        text-align: center;
    }

    .mk-new-rvw-fold-rt-box-inr ol
    {
        margin-bottom: -20px;
        display: block;
    }

    .mk-new-rvw-fold-rt-box
    {
        min-height: 100px;
        border-radius: 9px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .mk-new-rvw-fold-rt-box p sup
    {
        font-size: 40px;
        position: relative;
        left: -5px;
        top: 5px;
    }
    .mk-new-rvw-fold-rt-box img
    {
        margin: 0 auto 40px auto;
    }
    .mk-new-rvw-fold-rt-box button
    {
        bottom: -40px;
    }

    .mk-new-rvw-fold-rt-box button.btn-prev
    {
        left: 350%;
    }

    .mk-new-rvw-fold-rt-box .carousel-inner {
         min-height: auto;
    }

    .mk-new-rvw-fold-rt-box p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .mk-new-rvw-fold-inr, .mk-new-rvw-fold-rt-box .carousel-control
    {
        display: none;
    }

}


@media(max-width:500px)
{

    .mk-bnr-ttl > h1, .mk-new-logo-fold-desc h2, .mk-new-logo-fold-desc h2 b, .mkit-brand-clrs-descrp h2, .mkit-brand-clrs-descrp h2 b,
    .mk-new-rvw-fold-lft-box h2
    {
        font-size: 26px;
    }

    .mk-new-logos+p
    {
        margin-bottom: 20px;
    }

    .mk-new-logos-wrap .col-xs-6
    {
        width: 100%;
    }

    .mkit-brand-clrs-cycle
    {
        width: 280px;
        height: 280px;
    }

    .mkit-brand-clrs-cycle-inr
    {
        max-width: 190px;
        max-height: 190px;
    }

}