/* ************************
// Visuals
************************* */
.designs {
    padding: 5px 0;
}

.toolbar {
    padding-top: 0;
    padding-bottom: 0;
}

#design-repo {
    padding: 0;
}

#design-repo .cover-design {
}

#design-grid {
    /*vertical-align: top;*/
    position: relative;
}

#design-grid .logo-output {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 160px;
    background-image: url(../img/output-logo.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 0;
    border-top: 1px solid #DEDEDE;
}

.design-header .models {
    clear: both;
}

.design-header .models .alert {
    display: none;
}

.design-header .models.models-design-2 .alert {
    display: block;
}

.design-header .models .model {
    float: left;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 10px;
    border-bottom: 4px solid #FFF;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

.design-header .models .model:hover {
    border-bottom: 4px solid #888;
}

.design-header .models .model-1 {
    background-size: 42px auto;
    height: 102px;
}

.design-header .models .model-2 {
    background-size: 42px auto;
    height: 102px;
}

.design-header .models .model-3 {
    background-size: 42px auto;
    height: 102px;
}

.design-header .models hr.clear {
    width: 100%;
    height: 1px;
    border-color: #FFF;
    margin: 20px 0;
}

.models-design-1 .model-1-1-0-0 {
    background-image: url(../img/visuals/covers/design-1/350211.png?v=4);
    width: 42px;
}

.models-design-1 .model-2-1-0-0 {
    background-image: url(../img/visuals/covers/design-1/350221.png?v=4);
    width: 42px;
}

.models-design-1 .model-2-2-0 {
    background-image: url(../img/visuals/covers/design-1/350221.png?v=4), url(../img/visuals/covers/design-1/350221.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}

.models-design-1 .model-3-1-0-0 {
    background-image: url(../img/visuals/covers/design-1/350231.png?v=4);
    width: 42px;
}

.models-design-1 .model-3-2-0 {
    background-image: url(../img/visuals/covers/design-1/350231.png?v=4), url(../img/visuals/covers/design-1/350231.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}
.models-design-1 .model-3-3 {
    background-image: url(../img/visuals/covers/design-1/350231.png?v=4), url(../img/visuals/covers/design-1/350231.png?v=4), url(../img/visuals/covers/design-1/350231.png?v=4);
    background-position: 0 top, 42px top, 84px top;
    width: 126px;
}



.models-design-2 .model-1-1-0-0 {
    background-image: url(../img/visuals/covers/design-2/350415.png?v=4);
    width: 42px;
}

.models-design-2 .model-2-1-0-0 {
    background-image: url(../img/visuals/covers/design-2/350425.png?v=4);
    width: 42px;
}
.models-design-2 .model-2-2-0 {
    background-image: url(../img/visuals/covers/design-2/350425.png?v=4), url(../img/visuals/covers/design-2/350425.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}

.models-design-2 .model-3-1-0-0 {
    background-image: url(../img/visuals/covers/design-2/350435.png?v=4);
    width: 42px;
}
.models-design-2 .model-3-2-0 {
    background-image: url(../img/visuals/covers/design-2/350435.png?v=4), url(../img/visuals/covers/design-2/350435.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}
.models-design-2 .model-3-3 {
    background-image: url(../img/visuals/covers/design-2/350435.png?v=4), url(../img/visuals/covers/design-2/350435.png?v=4), url(../img/visuals/covers/design-2/350435.png?v=4);
    background-position: 0 top, 42px top, 84px top;
    width: 126px;
}



.models-design-3 .model-1-1-0-0 {
    background-image: url(../img/visuals/covers/design-3/350213_F_01_12.png?v=4);
    width: 42px;
}
.models-design-3 .model-2-1-0-0 {
    background-image: url(../img/visuals/covers/design-3/350223_F_12_11.png?v=4);
    width: 42px;
}
.models-design-3 .model-2-1-1-0 {
    background-image: url(../img/visuals/covers/design-3/350223_F_12_11.png?v=4), url(../img/visuals/covers/design-3/350223_F_12_11.png?v=4);
    background-position: 0 top, 46px top;
    width: 42px;
}
.models-design-3 .model-2-2-0 {
    background-image: url(../img/visuals/covers/design-3/350223_F_12_11.png?v=4), url(../img/visuals/covers/design-3/350223_F_12_11.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}
.models-design-3 .model-3-1-0-0 {
    background-image: url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4);
    width: 42px;
}
.models-design-3 .model-3-2-0 {
    background-image: url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4), url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}
.models-design-3 .model-3-3 {
    background-image: url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4), url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4), url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4);
    background-position: 0 top, 42px top, 84px top;
    width: 126px;
}



.models-design-4 .model-1-1-0-0 {
    background-image: url(../img/visuals/covers/design-4/350212_F_01_12.png?v=4);
    width: 42px;
}
.models-design-4 .model-2-1-0-0 {
    background-image: url(../img/visuals/covers/design-4/350222_F_12_11.png?v=4);
    width: 42px;
}
.models-design-4 .model-2-2-0 {
    background-image: url(../img/visuals/covers/design-4/350222_F_12_11.png?v=4), url(../img/visuals/covers/design-4/350222_F_12_11.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}
.models-design-4 .model-3-1-0-0 {
    background-image: url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4);
    width: 42px;
}
.models-design-4 .model-3-2-0 {
    background-image: url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4), url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4);
    background-position: 0 top, 42px top;
    width: 84px;
}
.models-design-4 .model-3-3 {
    background-image: url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4), url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4), url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4);
    background-position: 0 top, 42px top, 84px top;
    width: 126px;
}












#design-grid .design-body {
    width: 100%;
    height: 2900px;
}

.grid-bg {
    border: 1px solid #CDCDCD;
    background-color: #FFF;
    background-size: 300px 314px, 300px 314px;
    background-position: -1px -1px, -1px -1px;
    background-image: -webkit-linear-gradient(#CDCDCD 1px, transparent 2px),
                      -webkit-linear-gradient(0, #CDCDCD 1px, transparent 2px);
    background-image: -moz-linear-gradient(#CDCDCD 1px, transparent 2px),
                      -moz-linear-gradient(0, #CDCDCD 1px, transparent 2px);
    background-image: linear-gradient(#CDCDCD 1px, transparent 2px),
                      linear-gradient(90deg, #CDCDCD 1px, transparent 2px);
}

#design-grid .design-body-grid {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 2900px;
    background-image: url(../img/help-text.png?v=4);
    background-repeat: no-repeat;
    background-position: center 100px;
}


#design-grid .cover-wrapper {
    display: block;
    position: relative;
    width: 300px;
    cursor: move;
}

#design-grid .cover-wrapper.roll {
}

#design-grid .cover-wrapper:hover {

}

#design-grid .cover-wrapper .btn-close {
    color: #FFF;
    background-color: #000;
    border: 1px solid #000;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 17;
}

#design-grid .cover-wrapper div.checkbox {
    display: none;
    position: absolute;
    top: 28px;
    right: 36px;
    z-index: 300;
    padding: 5px;
    margin: 0;
    background-color: #222;
}
#design-grid .cover-wrapper.roof div.checkbox {
    top: -5000px;
}
#design-grid .cover-wrapper div.checkbox .check {
    background-color: #DDD;
    border-color: #DDD;
    color: #DDD;
}
#design-grid .cover-wrapper div.checkbox label {
    color: #DDD;
}

#design-grid .design-body .cover-wrapper.unlocked {
    margin: 15px;
}

#design-grid .design-body .cover-wrapper.unlocked + .unlocked {
    margin: 0 15px 0 0px;
}


#design-grid .design-body .cover-body {
    width: 300px;
    /*padding: 5px 0;*/
    padding: 0 0;
}


#design-grid .cover-wrapper.cover-model-1 {
    height: 314px;
}

#design-grid .cover-wrapper.cover-model-2 {
    height: 515px;
}

#design-grid .cover-wrapper.cover-model-3 {
    height: 712px;
}

#design-grid .cover-wrapper.cover-model-1 .cover-body {
    height: 314px;
}

#design-grid .cover-wrapper.cover-model-2 .cover-body {
    height: 515px;
}

#design-grid .cover-wrapper.cover-model-3 .cover-body {
    height: 712px;
}

#design-grid .cover-wrapper.model-1-1-0-0.roof,
#design-grid .cover-wrapper.model-2-1-0-0.roof,
#design-grid .cover-wrapper.model-3-1-0-0.roof {
    width: 330px;
    margin: 0 15px 0 15px;
}

#design-grid .cover-wrapper.model-1-1-0-0.roof .cover-body,
#design-grid .cover-wrapper.model-2-1-0-0.roof .cover-body,
#design-grid .cover-wrapper.model-3-1-0-0.roof .cover-body {
    width: 330px;
}

#design-grid .cover-wrapper.model-2-2-0.roof,
#design-grid .cover-wrapper.model-3-2-0.roof {
    width: 640px;
    margin: 0 15px 0 15px;
}

#design-grid .cover-wrapper.model-2-2-0.roof .cover-body,
#design-grid .cover-wrapper.model-3-2-0.roof .cover-body {
    width: 640px;
}

#design-grid .cover-wrapper.model-3-3.roof {
    width: 950px;
    margin: 0 15px 0 15px;
}

#design-grid .cover-wrapper.model-3-3.roof .cover-body {
    width: 950px;
}

#design-grid .cover-wrapper.roof + .roof,
#design-grid .cover-wrapper.roof + .unlocked,
#design-grid .cover-wrapper.unlocked + .roof {
    margin: 0 15px 0 0;
}



#design-grid .design-body .cover-body .cover-design-1,
#design-grid .design-body .cover-body .cover-design-2,
#design-grid .design-body .cover-body .cover-design-3,
#design-grid .design-body .cover-body .cover-design-4 {
    /*margin-bottom: -4px;*/
}

#design-grid .design-body .cover-body .cover {
    width: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    float: left;
}













#design-grid .design-body .cover-body .cover-1.cover-design-1 {
    height: 314px;
    background-image: url(../img/visuals/covers/design-1/350211.png?v=4);
}

#design-grid .design-body .cover-body .cover-2.cover-design-1 {
    height: 515px;
    background-image: url(../img/visuals/covers/design-1/350221.png?v=4);
}

#design-grid .design-body .cover-body .cover-3.cover-design-1 {
    height: 712px;
    background-image: url(../img/visuals/covers/design-1/350231.png?v=4);
}


#design-grid .design-body .cover-body .cover.cover-design-2 .cover-inner {
    width: 300px;
    position: absolute;
    z-index: 16;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}
#design-grid .design-body .cover-body .cover-1.cover-design-2 {
    height: 309px;
}

#design-grid .design-body .cover-body .cover-2.cover-design-2 {
    height: 512px;
}

#design-grid .design-body .cover-body .cover-3.cover-design-2 {
    height: 712px;
}

#design-grid .design-body .cover-body .cover-1.cover-design-2 .cover-inner {
    height: 314px;
    background-image: url(../img/visuals/covers/design-2/350415-s.png?v=4);
}

#design-grid .design-body .cover-body .cover-2.cover-design-2 .cover-inner {
    height: 515px;
    background-image: url(../img/visuals/covers/design-2/350425-s.png?v=4);
}

#design-grid .design-body .cover-body .cover-3.cover-design-2 .cover-inner {
    height: 715px;
    background-image: url(../img/visuals/covers/design-2/350435-s.png?v=4);
}

#design-grid .design-body .cover-body .cover-1.cover-design-3 {
    height: 314px;
    background-image: url(../img/visuals/covers/design-3/350213_F_01_12.png?v=4);
}

#design-grid .design-body .cover-body .cover-2.cover-design-3 {
    height: 515px;
    background-image: url(../img/visuals/covers/design-3/350223_F_12_11.png?v=4);
}

#design-grid .design-body .cover-body .cover-3.cover-design-3 {
    height: 715px;
    background-image: url(../img/visuals/covers/design-3/350233_F_12_11.png?v=4);
}

#design-grid .design-body .cover-body .cover-1.cover-design-4 {
    height: 314px;
    background-image: url(../img/visuals/covers/design-4/350212_F_01_12.png?v=4);
}

#design-grid .design-body .cover-body .cover-2.cover-design-4 {
    height: 515px;
    background-image: url(../img/visuals/covers/design-4/350222_F_12_11.png?v=4);
}

#design-grid .design-body .cover-body .cover-3.cover-design-4 {
    height: 715px;
    background-image: url(../img/visuals/covers/design-4/350232_F_12_11.png?v=4);
}





.component-design .component {
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
    border: 2px solid #FFF;
}

.component-design .component:hover {
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
    border: 2px solid #BBB;
}

.component.component-design-1 {
    width: 224px;
    height: 202px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 224px 202px;
}

.component.component-design-3 {
    width: 224px;
    height: 202px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 224px 202px;
}

.component.component-design-4 {
    width: 224px;
    height: 202px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 224px 202px;
}

.component.component-design-2 {
    width: 218px;
    height: 190px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 218px 190px;
}

#design-grid .design-body .cover-body .cover.cover-design-1 .component.component-design-1 {
    position: absolute;
    left: 58px;
    z-index: 15;
}

#design-grid .design-body .cover-body .cover-1 .component-part-1.component-design-1 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-1.component-design-1 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-2.component-design-1 {
    top: 257px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-1.component-design-1 {
    top: 55px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-2.component-design-1 {
    top: 255px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-3.component-design-1 {
    top: 457px;
}







#design-grid .design-body .cover-body .cover.cover-design-3 .component.component-design-3 {
    position: absolute;
    left: 58px;
    z-index: 15;
}

#design-grid .design-body .cover-body .cover-1 .component-part-1.component-design-3 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-1.component-design-3 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-2.component-design-3 {
    top: 257px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-1.component-design-3 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-2.component-design-3 {
    top: 257px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-3.component-design-3 {
    top: 457px;
}







#design-grid .design-body .cover-body .cover.cover-design-4 .component.component-design-4 {
    position: absolute;
    left: 58px;
    z-index: 15;
}

#design-grid .design-body .cover-body .cover-1 .component-part-1.component-design-4 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-1.component-design-4 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-2.component-design-4 {
    top: 257px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-1.component-design-4 {
    top: 56px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-2.component-design-4 {
    top: 257px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-3.component-design-4 {
    top: 457px;
}







/* Robur */
#design-grid .design-body .cover-body .cover.cover-design-2 .component.component-design-2 {
    position: absolute;
    left: 40px;
    z-index: 15;
}

#design-grid .design-body .cover-body .cover-1 .component-part-1.component-design-2 {
    top: 63px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-1.component-design-2 {
    top: 63px;
}

#design-grid .design-body .cover-body .cover-2 .component-part-2.component-design-2 {
    top: 262px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-1.component-design-2 {
    top: 63px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-2.component-design-2 {
    top: 262px;
}

#design-grid .design-body .cover-body .cover-3 .component-part-3.component-design-2 {
    top: 463px;
}





/* ROOFS */
#design-grid .design-body .cover-wrapper.roof {
    background-repeat: no-repeat, no-repeat, no-repeat;
    /*background-size: 330px auto, 330px auto, 330px auto;*/
}

#design-grid .design-body .cover-wrapper.cover-design-1.roof {
    padding: 13px 0 10px 16px;
}


#design-grid .design-body .cover-design-1.model-1-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350511_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 330px 330px;
    height: 330px;
}
#design-grid .design-body .cover-design-1.model-2-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350521_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 330px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-1.model-2-2-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350541_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 640px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-1.model-3-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350531_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 330px 732px;
    padding-left: 16px;
    height: 732px;
}
#design-grid .design-body .cover-design-1.model-3-2-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350561_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 640px 728px;
    padding-left: 20px;
    height: 732px;
}
#design-grid .design-body .cover-design-1.model-3-3.roof {
    background-image: url(../img/visuals/roofs/design-1/350591_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 948px 728px;
    padding-left: 22px;
    height: 732px;
}



#design-grid .design-body .cover-wrapper.cover-design-2.roof {
    padding: 10px 0 10px 16px;
}


#design-grid .design-body .cover-design-2.model-1-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350511_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 330px 330px;
    height: 330px;
}
#design-grid .design-body .cover-design-2.model-2-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350521_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 330px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-2.model-2-2-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350541_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 640px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-2.model-3-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350531_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 330px 734px;
    padding-left: 16px;
    height: 734px;
}
#design-grid .design-body .cover-design-2.model-3-2-0.roof {
    background-image: url(../img/visuals/roofs/design-1/350561_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 640px 734px;
    padding-left: 20px;
    height: 734px;
}
#design-grid .design-body .cover-design-2.model-3-3.roof {
    background-image: url(../img/visuals/roofs/design-1/350591_F_12_11.png?v=4);
    background-position: 0 top;
    background-size: 948px 734px;
    padding-left: 22px;
    height: 734px;
}




#design-grid .design-body .cover-wrapper.cover-design-3.roof {
    padding: 10px 0 10px 16px;
}


#design-grid .design-body .cover-design-3.model-1-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-3/350513_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 330px 330px;
    height: 330px;
}
#design-grid .design-body .cover-design-3.model-2-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-3/350523_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 330px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-3.model-2-2-0.roof {
    background-image: url(../img/visuals/roofs/design-3/350543_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 640px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-3.model-3-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-3/350533_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 330px 732px;
    padding-left: 16px;
    height: 732px;
}
#design-grid .design-body .cover-design-3.model-3-2-0.roof {
    background-image: url(../img/visuals/roofs/design-3/350563_P_01_12.png?v=4);
    background-position: 0 top;
    background-size: 640px 732px;
    padding-left: 20px;
    height: 732px;
}
#design-grid .design-body .cover-design-3.model-3-3.roof {
    background-image: url(../img/visuals/roofs/design-3/350593_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 948px 732px;
    padding-left: 22px;
    height: 732px;
}





#design-grid .design-body .cover-wrapper.cover-design-4.roof {
    padding: 10px 0 10px 16px;
}


#design-grid .design-body .cover-design-4.model-1-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-4/350512_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 330px 330px;
    height: 330px;
}
#design-grid .design-body .cover-design-4.model-2-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-4/350522_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 330px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-4.model-2-2-0.roof {
    background-image: url(../img/visuals/roofs/design-4/350542_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 640px 532px;
    padding-left: 16px;
    height: 532px;
}
#design-grid .design-body .cover-design-4.model-3-1-0-0.roof {
    background-image: url(../img/visuals/roofs/design-4/350532_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 330px 732px;
    padding-left: 16px;
    height: 732px;
}
#design-grid .design-body .cover-design-4.model-3-2-0.roof {
    background-image: url(../img/visuals/roofs/design-4/350562_P_01_12.png?v=4);
    background-position: 0 top;
    background-size: 640px 732px;
    padding-left: 20px;
    height: 732px;
}
#design-grid .design-body .cover-design-4.model-3-3.roof {
    background-image: url(../img/visuals/roofs/design-4/350592_F_01_12.png?v=4);
    background-position: 0 top;
    background-size: 948px 732px;
    padding-left: 22px;
    height: 732px;
}




































.cover-wrapper .cover .btn-choose {
    position: absolute;
    left: 0;
    z-index: 20;
}

.cover-wrapper .cover.cover-1.cover-design-1 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-1 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-1 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-1 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-3.cover-design-1 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-1 .btn-choose[data-pos="3"] {
    top: 450px;
}





.cover-wrapper .cover.cover-1.cover-design-3 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-3 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-3 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-3 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-3.cover-design-3 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-3 .btn-choose[data-pos="3"] {
    top: 450px;
}





.cover-wrapper .cover.cover-1.cover-design-4 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-4 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-4 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-4 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-3.cover-design-4 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-4 .btn-choose[data-pos="3"] {
    top: 450px;
}






/* Robur */
.cover-wrapper .cover.cover-1.cover-design-2 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-2 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-2.cover-design-2 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-2 .btn-choose[data-pos="1"] {
    top: 0;
}

.cover-wrapper .cover.cover-3.cover-design-2 .btn-choose[data-pos="2"] {
    top: 250px;
}

.cover-wrapper .cover.cover-3.cover-design-2 .btn-choose[data-pos="3"] {
    top: 450px;
}





















#design-grid.render {
    background-color: transparent;
    background: none;
    /*padding: 30px 15px;*/
}

#design-grid.render * {
    /*transform: scale(1);*/
}

#design-grid.render .grid-bg {
    border: none;
    background-color: transparent;
    background: none;
}

#design-grid.render canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000;
}

#design-grid.render .logo-output {
    display: block;
}

#design-grid.render .vendor-code {
    display: none;
}

#design-grid.render #design-grid-inner {
    background-color: transparent;
    background: none;
}

#design-grid.render,
#design-grid.render .design-body,
#design-grid.render .design-body .cover-wrapper {
    border: none !important;
}

#design-grid.render .cover-wrapper.selected {
    background-color: transparent !important;
}

#design-grid.render .design-body  {
    background: none;
}

#design-grid.render button,
#design-grid.render div.checkbox,
#design-grid.render .design-header {
    display: none;
}

.modal-xl {
    width: 95%;
}


.component .vendor-code {
    display: inline-block;
    padding: 2px 4px;
    background-color: rgba(255,255,255,.85);
    color: #FF4343;
    font-size:14px;
    text-align: center;
    width: 80px;
    margin: 165px 0 0 130px;
}

.component.component-1.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351001-e1.png?v=4);
}

.component.component-2.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351011-e1.png?v=4);
}

.component.component-3.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351021-e1.png?v=4);
}

.component.component-4.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351041-e1.png?v=4);
}

.component.component-5.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351081-e1.png?v=4);
}

.component.component-6.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351101_F_12_11-e1.png?v=4);
}

.component.component-7.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351111_F_12_11-e1.png?v=4);
}

.component.component-8.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351121_12_11-e1.png?v=4);
}

.component.component-9.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351141_F_12_11-e1.png?v=4);
}

.component.component-10.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351181_F_12_11-e1.png?v=4);
}

.component.component-11.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351201-e1.png?v=4);
}

.component.component-12.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351211-e1.png?v=4);
}

.component.component-13.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351221-e1.png?v=4);
}

.component.component-14.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351301_F_11_11-e1.png?v=4);
}

.component.component-15.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351311-e1.png?v=4);
}

.component.component-16.component-design-1 {
    background-image: url(../img/visuals/components/design-1/351321_F_11_11-e1.png?v=4);
}

.component.component-17.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352031-e1.png?v=4);
}

.component.component-18.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352041-e1.png?v=4);
}

.component.component-19.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352161-e1.png?v=4);
}

.component.component-20.component-design-1 {
    display: none;
    background-image: url(../img/visuals/components/design-1/352181-e1.png?v=4);
}

.component.component-21.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352181_300-e1.png?v=4);
}

.component.component-22.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352201_300-e1.png?v=4);
}

.component.component-23.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352301-e1.png?v=4);
}

.component.component-24.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352401_F_12_11-e1.png?v=4);
}

.component.component-25.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352501_F_12_11-e1.png?v=4);
}

.component.component-26.component-design-1 {
    background-image: url(../img/visuals/components/design-1/353001_F_12_11-e1.png?v=4);
}

.component.component-27.component-design-1 {
    background-image: url(../img/visuals/components/design-1/353201_F_12_11-e1.png?v=4);
}

.component.component-28.component-design-1 {
    background-image: url(../img/visuals/components/design-1/353301_F_12_11-e1.png?v=4);
}

.component.component-29.component-design-1 {
    background-image: url(../img/visuals/components/design-1/352301-e1-ts.png?v=4);
}




.component.component-1.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351005.png?v=4);
}

.component.component-2.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351015.png?v=4);
}

.component.component-3.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351085.png?v=4);
}

.component.component-4.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351105_F_12_11.png?v=4);
}

.component.component-5.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351115_F_12_11.png?v=4);
}

.component.component-6.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351125_F_12_11.png?v=4);
}

.component.component-7.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351145_F_12_11.png?v=4);
}

.component.component-8.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351185_F_12_11.png?v=4);
}

.component.component-9.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351205.png?v=4);
}

.component.component-10.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351215.png?v=4);
}

.component.component-11.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351225.png?v=4);
}

.component.component-12.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351305_F_12_11.png?v=4);
}

.component.component-13.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351315_F_12_11.png?v=4);
}

.component.component-14.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351325_F_12_11.png?v=4);
}

.component.component-15.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352035.png?v=4);
}

.component.component-16.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352045.png?v=4);
}

.component.component-17.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352165.png?v=4);
}

.component.component-18.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352185.png?v=4);
}

.component.component-19.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352205_F_21_11.png?v=4);
}

.component.component-20.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352405_F_12_11.png?v=4);
}

.component.component-21.component-design-2 {
    background-image: url(../img/visuals/components/design-2/352505_F_12_11.png?v=4);
}

.component.component-22.component-design-2 {
    background-image: url(../img/visuals/components/design-2/353005_F_12_11.png?v=4);
}

.component.component-23.component-design-2 {
    background-image: url(../img/visuals/components/design-2/353205_F_12_11.png?v=4);
}

.component.component-24.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351005-f.png?v=4);
}

.component.component-25.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351125_F_12_11-v2.png?v=4);
}

.component.component-26.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351145_F_12_11-v2.png?v=4);
}

.component.component-29.component-design-2 {
    background-image: url(../img/visuals/components/design-2/351005-f-ts.png?v=4);
}




.component.component-1.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351003_F_01_12-n.png?v=4);
}

.component.component-2.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351013_F_01_12-n.png?v=4);
}

.component.component-3.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351023_F_01_12-n.png?v=4);
}

.component.component-4.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351043_F_01_12-n.png?v=4);
}

.component.component-5.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351083_F_01_12-n.png?v=4);
}

.component.component-6.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351103_F_01_12-n.png?v=4);
}

.component.component-7.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351113_F_01_12-n.png?v=4);
}

.component.component-8.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351123_F_01_12-n.png?v=4);
}

.component.component-9.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351143_F_01_12-n.png?v=4);
}

.component.component-10.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351183_F_01_12-n.png?v=4);
}

.component.component-11.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351203_F_01_12-n.png?v=4);
}

.component.component-12.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351213_F_01_12-n.png?v=4);
}

.component.component-13.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351223_F_01_12-n.png?v=4);
}

.component.component-14.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351303_F_12_11-n.png?v=4);
}

.component.component-15.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351313_F_12_11-n.png?v=4);
}

.component.component-16.component-design-3 {
    background-image: url(../img/visuals/components/design-3/351323_F_01_12-n.png?v=4);
}

.component.component-17.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352033_F_01_12-n.png?v=4);
}

.component.component-18.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352043_F_12_11-n.png?v=4);
}

.component.component-19.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352163_F_01_12-n.png?v=4);
}

.component.component-20.component-design-3 {
    display: none;
    background-image: url(../img/visuals/components/design-3/352163_F_01_12-n.png?v=4);
}

.component.component-21.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352183_F_12_11-n.png?v=4);
}

.component.component-22.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352203_F_01_12-n.png?v=4);
}

.component.component-23.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352303_F_01_12-n.png?v=4);
}

.component.component-24.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352403_F_01_12-n.png?v=4);
}

.component.component-25.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352503_F_01_12-n.png?v=4);
}

.component.component-26.component-design-3 {
    background-image: url(../img/visuals/components/design-3/353003_F_12_11-n.png?v=4);
}

.component.component-27.component-design-3 {
    background-image: url(../img/visuals/components/design-3/353203_F_01_12-n.png?v=4);
}

.component.component-28.component-design-3 {
    background-image: url(../img/visuals/components/design-3/353303_F_01_12-n.png?v=4);
}

.component.component-29.component-design-3 {
    background-image: url(../img/visuals/components/design-3/352303_F_01_12-n-ts.png?v=4);
}





.component.component-1.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351002_F_01_12-n.png?v=4);
}

.component.component-2.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351012_F_01_12-n.png?v=4);
}

.component.component-3.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351022_F_01_12-n.png?v=4);
}

.component.component-4.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351042_F_01_12-n.png?v=4);
}

.component.component-5.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351082_F_01_12-n.png?v=4);
}

.component.component-6.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351102_F_01_12-n.png?v=4);
}

.component.component-7.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351112_F_01_12-n.png?v=4);
}

.component.component-8.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351122_F_01_12-n.png?v=4);
}

.component.component-9.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351142_F_01_12-n.png?v=4);
}

.component.component-10.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351182_F_01_12-n.png?v=4);
}

.component.component-11.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351202_F_01_12-n.png?v=4);
}

.component.component-12.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351212_F_01_12-n.png?v=4);
}

.component.component-13.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351222_F_01_12-n.png?v=4);
}

.component.component-14.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351302_F_12_11-n.png?v=4);
}

.component.component-15.component-design-4 {
    /*background-image: url(../img/visuals/components/design-4/351312_F_12_11-n.png?v=4);*/
    background-image: url(../img/visuals/components/design-4/351312_F_01_12-n.png?v=4);
}

.component.component-16.component-design-4 {
    background-image: url(../img/visuals/components/design-4/351322_F_01_12-n.png?v=4);
}

.component.component-17.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352032_F_01_12-n.png?v=4);
}

.component.component-18.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352042_F_12_11-n.png?v=4);
}

.component.component-19.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352162_F_01_12-n.png?v=4);
}

.component.component-20.component-design-4 {
    display: none;
    background-image: url(../img/visuals/components/design-4/352162_F_01_12-n.png?v=4);
}

.component.component-21.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352182_F_12_11-n.png?v=4);
}

.component.component-22.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352202_F_01_12-n.png?v=4);
}

.component.component-23.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352302_F_01_12-n.png?v=4);
}

.component.component-24.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352402_F_01_12-n.png?v=4);
}

.component.component-25.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352502_F_01_12-n.png?v=4);
}

.component.component-26.component-design-4 {
    background-image: url(../img/visuals/components/design-4/353002_F_12_11-n.png?v=4);
}

.component.component-27.component-design-4 {
    background-image: url(../img/visuals/components/design-4/353202_F_01_12-n.png?v=4);
}

.component.component-28.component-design-4 {
    background-image: url(../img/visuals/components/design-4/353302_F_01_12-n.png?v=4);
}

.component.component-29.component-design-4 {
    background-image: url(../img/visuals/components/design-4/352302_F_01_12-n-ts.png?v=4);
}



/*
IE 11
*/
#design-grid.render.ie11fix {
    border-left: 300px solid #FFF !important;
}