@charset "UTF-8";
/**
 * This stylesheet contains the adjustement styles
 *
 * @copyright       Copyright 2017 zdreicom
 * @link            http://www.zdrei.com
 * @version         0.0.3
 * @revision        2
 * @lastmodified    2017-08-21
 */

/*-------------------
 	Cabinet Adjustements
----------------------*/
.tx-z3cabinet {
    max-width: 780px;
    margin: 0 auto;
    padding-left: 30px;
}

@media (max-width: 780px) {
    .tx-z3cabinet {
        padding: 0;
    }
}

@media (max-width: 980px) {
    .cabinets .cabinet-detail .cabinet-detail-close {
        position: absolute;
        display: block;
        right: 8px;
    }
}

.cabinets .cabinet-detail .left {
    max-width: 300px;
    margin-right: 36px;
    margin-bottom: 12px;
}

.cabinets .cabinet-detail .right {
    float: left;
    max-width: 68%;
}

@media (max-width: 780px) {
    .cabinets .cabinet-detail .right {
        max-width: 90%;
    }
}

@media (min-width: 781px) {
    .cabinets .cabinet-detail .right img {
        max-width: 92%;
    }
}

.cabinets .cabinet-detail .left {
    max-width: 25%;
    float: left;
}

.cabinets li figcaption {
    opacity: 0.7;
    height: 24px;
    min-height: 30px;

}

.cabinets li figcaption span {
    padding: 4px;
    padding-left: 12px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.cabinet-detail img {
    margin-bottom: 15px
}

.cabinet-detail .right img {
    width: 96%;
}

/*-------------------
 	Accordion
----------------------*/
.ui-accordion .ui-accordion-header h2 {
    font-weight: bold
}

/*-------------------
 	Newsmail form
----------------------*/
.contact form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact form input {
    flex: 1;
    margin-right: 30px;
    color: #555;
}

@media (max-width: 800px) {
    .contact form input {
        flex-basis: 100%;
        margin: 0 0 20px;
    }
}

.contact form input {
    width: 90%;
    float: left;
}

.contact form label {
    display: none;
}

.contact form .submit button {
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #2196F3;
    text-align: center;
    font: 16px 'Open Sans', sans-serif;
    font-weight: bold;
    padding: 1.5em 2em;

    line-height: 1.5;
    border: none;
    font-size:80%;
    width:220px;
}

.contact form .submit button:hover {
    opacity: 0.9
}

@media (max-width: 800px) {
    .contact form {
        display: block;
        align-items: center;
        justify-content: center;
    }

    .contact form {
        flex: 0;
        with:100%;
    }
    .contact form input {
        width: 100%;
        float: left;
    }


}

/*-------------------
 	hero section
----------------------*/
@media (min-width: 880px) {

    .hero {
        margin-top: -40px
    }
    .hero h1 {
        margin-top: 90px
    }
}

/*-------------------
 	Multicolumns
----------------------*/
section.our-work p, section.contact p, section.our-work div.ce-bodytext ul {
    text-align: left;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;

    -moz-column-count: 2;
    -moz-column-gap: 20px;

    column-count: 2;
    column-gap: 20px;
}

section.our-work .tx-z3cabinet p, section.our-work p h1, section.contact p h1, section.our-work p h2, section.contact p h2, section.our-work p h3, section.contact p h3 {
    column-span: all;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

/* remove multicolumns for very short text  */
.our-work p.shortText, .contact p.shortText {
    column-span: all;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

/* remove multicolumns on small screens  */
@media (max-width: 640px) {
    section.our-work p, section.contact p, section.our-work div.ce-bodytext ul {
        column-span: all;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/* remove multicolumns if choosen manually in the BE  */
section.our-work .nocolumns p, section.contact .nocolumns p, section.our-work .nocolumns div.ce-bodytext ul{
    column-span: all;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-count: 1;
}
.nocolumns > div{
    margin:0;padding:0;
}

/*-------------------
 	hyphens
----------------------*/
body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

h1, h2, h3, h4, h5, td {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}
/*-------------------
 	Video
----------------------*/
video {margin: 0 auto;height:360;width:640;display:block;}
/*-------------------
 	Misc
----------------------*/

table td {
    vertical-align: top
}

ol, .our-work ul {
    margin-left: 20px;
}

.our-work .cabinets ul {
    margin-left: 0;
}

.ce-bodytext {
    margin-bottom: 30px;
    margin-top: 10px;
}

/* Add space before footer */
.wrapper, #contact form {
    padding-bottom: 40px;
}
/* End Add space before footer */

/* Fix menu width for short menus */
.main-nav ul li {
    min-width: 100px;
}

.main-nav-inner ul li:nth-child(2) {
    min-width: 10px;
}
/* END Fix menu width for short menus */