.designkit{}


.designkit{}
.designkit .container{padding-top:0; padding-bottom:0;}
.designkit .links{color:#626d77; margin-top:6px; text-align:left;}
.designkit .links a{color:#1e7eee; font-weight:500;}


/** section.MAIN **/
.designkit section.main{}
.designkit section.main .container{padding-top:100px; padding-bottom:0;}
.designkit section.main h1{
    background-color:transparent;
    background-image:url("/img/lp/designkit/rectangle-2.jpg");
    background-size:cover;
    color:#fff;
    font-size:56px;
    font-style:italic;
    font-weight:500;
    margin:30px auto;
    padding:75px 0;
    width:100%;
}
.designkit section.main p{color:#192233; margin:12px auto; max-width:800px;}


/** section.SECTION-TITLE **/
.designkit section.section-title{
    background:#f8f8f9;
    background:linear-gradient(90deg, #f8f8f9 0%, #f8f8f9 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
    margin:75px auto 50px;
    padding:15px 0 25px;
    text-align:left;
}


/** section.LOGOS **/
.designkit section.logos{}
.designkit section.logos .item{margin:20px auto 40px;}
.designkit section.logos .item .img{border:1px solid #ddd; border-radius:12px; min-height:142px; text-align:center;}
.designkit section.logos .item .img img{margin:40px auto; width:70%;}
.designkit section.logos .item .title{color:#192233; font-size:16px; font-weight:500; margin-top:14px; padding-left:16px; text-align:left;}
.designkit section.logos .item .links{padding-left:16px;}


/** section.TYPO **/
.designkit section.typo{}
.designkit section.typo h1{color:#192233;}
.designkit section.typo h3{color:#626d77;}


/** section.PALETTE **/
.designkit section.palette{}
.designkit section.palette .item{display:inline-block; margin:18px 36px 18px 0;  vertical-align:top;}
.designkit section.palette .item .color_box{border-radius:16px; height:120px; width:120px;}
.designkit section.palette .item h4{margin-top:20px;}


/** section.QUESTIONS **/
.designkit section.questions{}
.designkit section.questions .title{color:#202020; font-size:45px; font-weight:bold;}
.designkit section.questions .desc{color:#777; font-size:18px; font-style:italic;}
.designkit section.questions .msg{background-color:#1e7eee; border-radius:6px; color:#fff; font-size:44px; font-weight:bold; padding:40px;}
.designkit section.questions .msg img{height:60px; margin-right:20px;}