.doodly img{
    max-width: 100%;
}
.do-head{
    background-color: #0774bb;
    color: #b4d5ea;
    min-height: 100px;
    padding-bottom: 50px;
}
.container.cnt-850{
    max-width: 850px;
}
.do-head h1{
    font-size: 30px;
}
.do-head h1 b{
    color: #fff;
}
.do-head h2{
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 30px;
}
.do-bank{
    padding-bottom: 10px;
}
.do-bank .do-bank-title{
    background-color: #f0752f;
    color: #fff;
    padding: 15px;
    margin: -40px auto 15px auto;
    font-size: 24px;
    width: auto;
    display: inline-block;
}
.do-bank .do-bank-border{
    border: 2px solid #1d2c5b;
    border-top-width: 4px;
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
}
.do-bank .do-b-price{
    color: #1d2c5b;
    font-size: 22px;
    
}
.do-bank .do-b-price{
    color: #1d2c5b;
}
.do-bank .do-b-price span{
    font-size: 14px;
}
.do-bank .do-b-price span.disc{
    text-decoration: line-through;
}
.do-steps{
    padding: 15px 0 20px 0;
    background-color: #fff;
    min-height: 100px;
}
.do-steps .do-step-bx{
    padding-top: 15px;
}
.do-steps .do-step-bx .do-st-line{
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    background-position: center center;
}
.do-text1{
    background-color: #99d6ed;
    padding: 20px 0;
}
.do-text1 h2{
    margin-bottom: 20px;
    text-align: center;
}
.do-text1 p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
.do-text1 img{
    margin-bottom: 10px;
}
.do-wave{
    background-color: #d9edf8;
    background-image: url(../images/doodly/wave-bg.jpg);
    background-position: bottom center;
    min-height: 100px;
    padding: 20px 0 50px 0;
}
.do-wave .pic-box{
    max-width: 130px;
    margin: 15px 0 0 20px;
}
.do-wave .pic-box img.do-user{
    border: 8px solid #3592d0;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
    margin-bottom: 10px;
}
.do-wave .pic-box img.do-em{
    margin-bottom: -20px;
}
.do-wave .pic-box p{
    display: inline-block;
    font-size: 18px;
}
.do-text2{
    color: #fff;
    background-color: #333738;
    padding: 20px 0;
}
.do-text2 h2{
    text-align: center;
    margin-bottom: 30px;
}
.do-text2 p{
    font-size: 16px;
    line-height: 24px;
}
.do-banners{
    background-color: #fff;
    padding: 20px 0;
}
.do-banners h2{
    margin-bottom: 20px;
}
.do-banners p{
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}
.do-blue{
    background-color: #0774bb;
    background-image: url(../images/doodly/bg-blue.png);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 100px;
    padding: 50px 0;
    color: #fff;
}
.do-blue .video-box{
    max-width: 600px;
    border: 5px solid #000;
    margin: 0 auto;
    margin-bottom: 15px;
}
.do-blue p{
    font-size: 16px;
    line-height: 24px;
}
.do-blue .do-bl-item{
    margin-top: 20px;
    text-align: right;
}
.do-blue .do-bl-item img{
    margin-top: 10px;
}
.do-plus{
    padding: 0 0 20px 0;
}
.do-plus .do-plus-title{
    background-color: #f0752f;
    color: #fff;
    padding: 15px;
    margin: -40px auto 15px auto;
    font-size: 24px;
    width: auto;
    display: inline-block;
}
.do-plus .do-pl-item{
    text-align: right;
    padding: 15px;
    padding-bottom: 0;
}
.do-plus .do-pl-icon{
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #f0752f;
    float: right;
    cursor: pointer;
    transition: 0.2s ease-out;
    overflow: hidden;
}
.do-pl-item:hover .do-pl-icon{
    background-color: #f0b52f;
}
.do-plus .do-pl-icon:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/doodly/plus-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.2s ease-out;
}
.do-plus .do-pl-item p{
    font-size: 18px;
    margin-top: 10px;
}
.do-plus .do-pl-item .do-itm-text{
    background-color: #a5a5a5;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.do-plus .do-pl-item.active .do-itm-text{
    opacity: 1;
}
.do-plus .do-pl-item.active .do-itm-text p{
    transform: scale(1);
}
.do-plus .do-pl-item.active .do-pl-icon{
    background-color: #f0b52f;
}
.do-plus .do-pl-item.active .do-pl-icon:before{
    transform: rotate(45deg);
}
.do-plus .do-pl-item .do-itm-text p{
    font-size: 14px;
    margin: 0;
    color: #fff;
    transform: scale(0.9);
    transition: all 0.3s ease-out;
    transform-origin: top center;
}
.do-plus .do-pl-item hr{
    width: 100%;
    border-color: #ccc;
    float: right;
    margin: 15px 0 0 0;
}
.do-blue2{
    padding: 20px 0;
    background-color: #d4edf6;
    margin-bottom: 134px;
}
.do-blue2 .do-bl2-tx{
    text-align: right !important;
}
.do-blue2 .do-bl2-tx p{
    font-size: 16px;
    line-height: 24px;
}
.do-blue2 .do-bl2-tx h3{
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #99b9c6;
    border-right: none;
    border-left: none;
}
.do-footer{
    padding: 10px 0 0 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.do-footer .do-ft-title{
    color: #ed1c24;
    font-size: 37px;
    padding-top: 30px;
    margin-bottom: 20px;
}
.do-footer .flip-clock-wrapper{
    margin-top: 0;
}
.do-footer .flip-clock-wrapper ul li a div div.inn{
    background-color: #0772b9;
    color: #fff;
}