#blind-settings {
    padding: 30px;
    font-weight: bold !important;

    min-height: 580px;
}

#blind-settings .row1, #blind-settings .row2, #blind-settings .row3, #blind-settings .row4, #blind-settings .row5 {
   margin: 30px 0px;
}

#blind-settings .row1 .bl-font,
#blind-settings .row1 .bl-color,
#blind-settings .row6 .bl-disable,
#blind-settings .row2 .bl-image,
#blind-settings .row2 .bl-monochrome,
#blind-settings .row3 .bl-kerning,
#blind-settings .row4 .bl-line,
#blind-settings .row5 .bl-garnitura{
    display:inline;
    margin: 0 0 0 19px;
}

#blind-settings .row1 .bl-font .bl-title,
#blind-settings .row1 .bl-color .bl-title,
#blind-settings .row6 .bl-disable .bl-title,
#blind-settings .row2 .bl-image .bl-title,
#blind-settings .row2 .bl-monochrome .bl-title-monochrome,
#blind-settings .row3 .bl-kerning .bl-title,
#blind-settings .row4 .bl-line .bl-title,
#blind-settings .row5 .bl-garnitura .bl-title{
    display:inline;
    margin:0;
    color: #000;
    line-height: 0px;
    font-size: 16px !important;
}

#blind-settings .row1 .bl-font .bl-link,
#blind-settings .row1 .bl-color .bl-link,
#blind-settings .row6 .bl-disable .bl-link,
#blind-settings .row2 .bl-image .bl-link,
#blind-settings .row2 .bl-monochrome .bl-link,
#blind-settings .row3 .bl-kerning .bl-link,
#blind-settings .row4 .bl-line .bl-link,
#blind-settings .row5 .bl-garnitura .bl-link{
    display:inline;
    margin:0;
    line-height: 0px;
}





.bl-active-white{
    border: 4px solid #fff !important;
}
.bl-active-black{
    border: 4px solid #000 !important;
}

.bl-active-1{
    border: 4px solid #000 !important;
}
.bl-active-2{
    border: 4px solid #fff !important;}
.bl-active-3{
    border: 4px solid #195183 !important;
}
.bl-active-4{
    border: 4px solid #4d4b43 !important;
}
.bl-active-5{
    border: 4px solid #a9e44d !important;
}

.bl-bottom-active-1{
    border-bottom: 4px solid #000 !important;
}
.bl-bottom-active-2{
    border-bottom: 4px solid #fff !important;}
.bl-bottom-active-3{
    border-bottom: 4px solid #195183 !important;
}
.bl-bottom-active-4{
    border-bottom: 4px solid #4d4b43 !important;
}
.bl-bottom-active-5{
    border-bottom: 4px solid #a9e44d !important;
}


/*.bl-color-1{*/
    /*color:#000 !important;*/
/*}*/
/*.bl-color-2{*/
    /*color:#fff !important;*/
/*}*/

/*.bl-color-3{*/
    /*color:#195183 !important;*/
/*}*/
/*.bl-color-4{*/
    /*color:#4d4b43 !important;*/
/*}*/
/*.bl-color-5{*/
    /*color:#a9e44d !important;*/
/*}*/


.white{
    color: #fff !important;
}
.black{
    color: #000 !important;
}

#garnitura-1, #garnitura-1:hover {
    font-family:'Lato', Helvetica, Arial, sans-serif !important;
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 18px;
}

#garnitura-2, #garnitura-2:hover {
    font-family:'Lato', Helvetica, Arial, serif !important;
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 18px;
}


#line-1, #line-1:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 18px;
}
#line-2, #line-2:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 18px;
}
#line-3, #line-3:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 18px;
}
#kerning-1, #kerning-1:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    letter-spacing: inherit;
    font-size: 18px;
}
#kerning-2, #kerning-2:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 18px;
}
#kerning-3, #kerning-3:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    letter-spacing: 5px;
    font-size: 18px;
}
#font-1, #font-1:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

#font-2, #font-2:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 25px !important;
    font-weight: normal !important;
}

#font-3, #font-3:hover {
    margin-left: 1%;
    background:#fff;color:#000;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 30px !important;
    font-weight: 900 !important;
}

#bl-disable, #bl-disable i, #bl-disable:hover, #bl-image, #bl-image i, #bl-image:hover, #bl-monochrome, #bl-monochrome i, #bl-monochrome:hover {
    padding: 4px;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

#color-1, #color-1:hover, #color-1 a {
    margin-left: 1%;
    background:#fff !important;
    color:#000 !important;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

#color-2, #color-2:hover, #color-2 a {
    margin-left: 1%;
    background:#000 !important;
    color:#fff !important;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

#color-3, #color-3:hover, #color-3 a {
    margin-left: 1%;
    background:#9dd1ff !important;
    color:#195183 !important;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

#color-4, #color-4:hover, #color-4 a {
    margin-left: 1%;
    background:#f7f3d6 !important;
    color:#4d4b43 !important;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

#color-5, #color-5:hover, #color-5 a {
    margin-left: 1%;
    background:#3b2716 !important;
    color:#a9e44d !important;
    width: 1%;
    padding: 7px;
    border: 4px solid transparent;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: normal !important;
}

.color-1{
    background:#fff !important;
    color:#000 !important;
}

.color-2{
    background:#000 !important;
    color:#fff !important;}
.color-3{
    background:#9dd1ff !important;
    color:#195183 !important;
}
.color-4{
    background:#f7f3d6 !important;
    color:#4d4b43 !important;
}
.color-5, .content.color-5{
    background:#3b2716 !important;
    color:#a9e44d !important;
}
.color-5 a{
    color:#a9dd38 !important;
}

.kerning-1 {
    letter-spacing: inherit !important;
}
.kerning-2 {
    letter-spacing: 2px !important;
}
.kerning-3 {
    letter-spacing: 4px !important;
}

.line-1 {
    line-height: 1.5 !important;
}
.line-2 {
    line-height: 2 !important;
}
.line-3 {
    line-height: 2.5 !important;
}

.garnitura-2 {
    font-family:'Times New Roman';
}

.small-height{
    max-height: 80px !important;
}
.medium-height{
    max-height: 100px !important;
}
.big-height{
    max-height: 400px !important;
}

.font-small{
    font-size:20px !important;
    line-height:24px
}
.font-small .navbar-default{font-size:28px  !important;}
.font-small .navbar-nav > li > a{line-height:36px;}
.font-small h1,.font-small .h1{font-size:62px !important;}
.font-small h2,.font-small .h2{font-size:51px !important;}
.font-small h3,.font-small .h3{font-size:41px !important;}
.font-small h4,.font-small .h4{font-size: 28px !important;}
.font-small h5,.font-small .h5{font-size:24px !important;}
.font-small h6,.font-small .h6{font-size:21px !important;}
.font-small .form-control{font-size:24px !important;min-height:50px;}
.font-small textarea.form-control{height:auto;}
.content.font-small .btn{font-size:24px;}
.font-small p,
.font-small span,
.font-small div,
.font-small b,
.font-small i,
.font-small sup,
.font-small sub,
.font-small pre,
.font-small em,
.font-small a,
.font-small strong,
.font-small a {
    font-size:20px !important;
}
.font-small .rcokio-content .title {font-size:24px !important;}
header .font-big {font-size:24px !important;}

.font-medium{
    font-size:30px !important;
    line-height:36px
}
.font-medium .navbar-default{
    font-size:42px !important;
    line-height:50px
}
.font-medium .navbar-nav > li > a
{line-height:53px;
}
.font-medium h1,.font-medium .h1{font-size:70px !important;}
.font-medium h2,.font-medium .h2{font-size:50px !important;}
.font-medium h3,.font-medium .h3{font-size:40px !important;}
.font-medium h4,.font-medium .h4{font-size:42px !important;}
.font-medium h5,.font-medium .h5{font-size:36px !important;}
.font-medium h6,.font-medium .h6{font-size:31px !important;}
.font-medium .form-control{font-size:36px !important;min-height:68px;}
.font-medium textarea.form-control{height:auto;}
.content.font-medium .btn{font-size:36px !important;}
.font-medium p,
.font-medium span,
.font-medium div,
.font-medium b,
.font-medium i,
.font-medium sup,
.font-medium sub,
.font-medium pre,
.font-medium em,
.font-medium a,
.font-medium strong{font-size:30px !important;}
.font-medium .rcokio-content .title {font-size:36px !important;}
header .font-big {font-size:30px !important;}

.font-big{
    font-size:40px !important;
    line-height: 48px;
}
.font-big .navbar-default{font-size:56px !important;}
.font-big .navbar-nav > li > a{line-height:71px;}

.font-big h1,.font-big .h1{font-size:93px !important;}
.font-big h2,.font-big .h2{font-size:76px !important;}
.font-big h3,.font-big .h3{font-size:61px !important;}
.font-big h4,.font-big .h4{font-size:56px !important;}
.font-big h5,.font-big .h5{font-size:42px !important;}
.font-big h6,.font-big .h6{font-size:36px !important;}
.font-big .form-control{font-size:48px !important;min-height:86px;}
.font-big textarea.form-control{height:auto;}
.content.font-big .btn{font-size:48px !important;}
.font-big p,
.font-big span,
.font-big div,
.font-big b,
.font-big i,
.font-big sup,
.font-big sub,
.font-big pre,
.font-big em,
.font-big a,
.font-big strong{
    font-size:40px !important;
    line-height: 48px;
}
.font-big .rcokio-content .title {font-size:48px !important;}
header .font-big, footer .font-big {font-size:30px !important;}
.nav > li > a.font-big {font-size:30px !important;}


#voice {
    background: #fff;
    color: #000;
    /* width: 1%; */
    padding: 7px;
    border: 4px solid #242c42;
    /* cursor: pointer; */
    /* font-size: 18px; */
    text-align: right;
}
#voice:hover {
    border: 4px dashed #242c42;
}

@media(max-width: 768px) {
    #blind-settings .row1 .bl-font .bl-title,
    #blind-settings .row1 .bl-color .bl-title {
        line-height: 50px;
    }
    #blind-settings .row3 .bl-kerning .bl-title,
    #blind-settings .row4 .bl-line .bl-title,
    #blind-settings .row5 .bl-garnitura .bl-title {
        line-height: 50px;
        display: inline-block;
    }
}