@font-face {
    font-family: 'ghothic';
    src: url('../fonts/GOTHIC.TTF');
    font-weight: normal;
}
@font-face {
    font-family: 'ghothicb';
    src: url('../fonts/GOTHICB.TTF');
    font-weight: bold;
}
@font-face {
    font-family: 'ghothicbi';
    src: url('../fonts/GOTHICBI.TTF');
    font-weight: bold;
}
@font-face {
    font-family: 'ghothici';
    src: url('../fonts/GOTHICI.TTF');
    font-weight: bold;
}
@font-face {
    font-family: 'calibri';
    src: url('../fonts/CALIBRI.TTF');
    font-weight: normal;
}

html,body{
    height:100%;
    margin: 0;
    padding: 0;
    font-family: 'ghothic';
    /* background: brown; */
    position: relative;
}
/******************** MENU *********************/
#menu_header {
    width:100%;
    position: fixed;
    display:flex;
    flex-direction:row;
    background-color: #ffff;
    top:0px;
    z-index:200;
}

#menu_header_expanded {
    display:flex;
    flex:1;
    flex-direction:row;
    align-items:center;
    padding:10px 100px;
}

#menu_header_compac {
    display:none;
}

#menu_header p {
    display:block;
    font-style: italic;
    margin: 0 10px;
    padding:5px;
    font-family: 'calibri';
    color: #203864;
    white-space: nowrap;
    cursor: pointer;
    font-weight: bold;
}

.menu-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/******************** MENU *********************/

/******************** SHADOW *********************/

.shadow {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
}
.shadow-down {
    -webkit-box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.15);
}

/******************** SHADOW *********************/

.main-content {
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.home-content {
    background-image: url("../img/background_01.png");
    background-position: center;
}

#home-content { background-image: url("../img/background_01a.jpg"); background-position: center; }

#company-a-content { background-image: url("../img/bk_xerox_a.jpg"); background-position: center; }
#company-a-content > div > div:nth-child(3) > img { width:75%;max-width:570px; }

#company-b-content { background-image: url("../img/bk_canon_a.jpg"); background-position: center; }
#company-b-content > div > div:nth-child(1) > img { width:75%;max-width:570px; }

#company-c-content { background-image: url("../img/background_04.jpg"); background-position: center;background-size: cover; }
#company-c-content > div > div:nth-child(2) > img { width:75%;max-width:570px; }

#company-d-content { background-image: url("../img/background_05.jpg"); background-position: center; }
#company-e-content { background: #fff;display:flex;flex:1;min-height:100% !important; }
#company-e-content > div > div:nth-child(3) { display:flex;flex-direction:row;align-items:center;background-color:#000; }
#company-e-content > div > div:nth-child(3) > div:nth-child(1) > img { display:flex;flex-direction:row;align-items:center;background-color:#000; }
#company-e-content > div > div:nth-child(3) > div:nth-child(3) > img { display:flex;flex-direction:row;align-items:center;background-color:#000; }

#company-f-content { background: #fff;display:flex;flex:1;min-height:100% !important; }
#company-i-content { background: #fff;display:flex;flex:1; }

#company-g-content > div > div:nth-child(1) { width:70%; }
#company-h-content > div > div:nth-child(1) { width:70%; }
#company-l-content > div > div:nth-child(1) { width:70%; }

.content_g_images { display:grid;grid-template-columns:repeat(5,1fr); }
.content_g_images > a > img { width:15vw;margin:10px;cursor:pointer; }

#company-k-content > div { background-image: url("../img/background_06.png"); background-position: center; }

.title-content { margin:0;margin-top:20px;font-family:'ghothici';font-size:2em; }
#company-l-content > div { margin:120px 0 20px 0;padding:0 150px; }
/* #company-l-content > div > div:nth-child(2) { display:block; width:100%;height:1px;background:#aaa;margin:40px auto; } */
#douglesimg { float:right;margin-left:30px;width:60%; }

#contact { display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px; }
#contact_name { grid-row:1;grid-column:1/5; }
#contact_company { grid-row:2;grid-column:1/5; }
#contact_city { grid-row:3;grid-column:1/4; }
#contact_cityuf { grid-row:3;grid-column:4/5; }
#contact_commercial_contact { grid-row:4;grid-column:1/3; }
#contact_personal_contact { grid-row:4;grid-column:3/5; }
#contact_email { grid-row:5;grid-column:1/5; }
#contact_subject { grid-row:1;grid-column:5/9; }
#contact_message { grid-row:2/5;grid-column:5/9;height:100%; }
#contact > button { grid-row:5;grid-column:5/9;display:flex;justify-self:flex-end;min-width:150px; }

.see-in-store-img { width:100%;max-width:250px;margin:50px 100px;margin-top:0; }
.social_a { display:flex;flex-direction:column; align-items:center;justify-content:center; }
.social_b { display:none; }
#messagetext { text-align:center;border-radius:5px;margin-top:30px;padding:10px;color:'#fff' !important;display:none;justify-content:center; }

.box-cookies.hide {
    display: none !important;
}
  
.box-cookies {
    position: fixed;
    background: rgba(0, 0, 0, .9);
    width: 100%;
    z-index: 998;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  
.box-cookies .msg-cookies,
.box-cookies .btn-cookies {
    text-align: center;
    padding: 25px;
    color: #fff;
    font-size: 1rem;
    border: none !important;
}
  
.box-cookies .btn-cookies {
    background: #1e88e5;
    cursor: pointer;
    align-self: normal;
}
  
@media screen and (max-width: 600px) {
    .box-cookies {
        flex-direction: column;
    }
}


@media (max-width: 1200px) {
    #home-content > div { flex-direction:column; }
    #home-content > div > div:nth-child(1) { display:none; }
    #home-content > div > div:nth-child(2) { width:100% !important; }
    #home-content > div > div:nth-child(3) { width:100% !important;height:unset !important;position:relative !important;align-items:center;justify-content:center; }

    #company-a-content > div { flex-direction:column; }
    #company-a-content > div > div:nth-child(1) { width:100%;justify-content:center;margin-top:100px; }
    #company-a-content > div > div:nth-child(1) > a:nth-child(1) { display:none; }
    #company-a-content > div > div:nth-child(1) > a:nth-child(2) { display:flex !important;max-width:300px !important; }
    #company-a-content > div > div:nth-child(1) { flex:unset; }
    #company-a-content > div > div:nth-child(3) { flex:unset;margin-top:20px; }
    #company-a-content > div > div:nth-child(3) > img { width:95%;max-width:570px; }

    #company-b-content > div { flex-direction:column-reverse; }
    #company-b-content > div > div:nth-child(1) { align-items:flex-start;margin-top:20px; }
    #company-b-content > div > div:nth-child(1) > img { width:95%;max-width:570px; }
    #company-b-content > div > div:nth-child(2) { width:100%;justify-content:center !important;margin-top:100px; }
    #company-b-content > div > a:nth-child(2) > img:nth-child(2) { display:flex !important;max-width:300px !important;align-self:center; }
    #company-b-content > div > div:nth-child(3) { justify-content: center;margin-top:120px;}
    #company-b-content > div > div:nth-child(3) > a:nth-child(1) { display:none; }
    #company-b-content > div > div:nth-child(3) > a:nth-child(2) { display:flex !important;max-width:300px !important; }

    #company-c-content > div { flex-direction:column; }
    #company-c-content > div > div:nth-child(1) { width:100%;justify-content:center;margin-top:100px; }
    #company-c-content > div > div:nth-child(1) > a:nth-child(1) { display:none; }
    #company-c-content > div > div:nth-child(1) > a:nth-child(2) { display:flex !important;max-width:300px !important; }
    #company-c-content > div > div:nth-child(2) { flex:unset;margin-top:20px; }
    #company-c-content > div > div:nth-child(2) > img { width:95%;max-width:570px; }
    #company-c-content > div > div:nth-child(2) > a > img { width:90% !important; }

    .toten, .printer { display:none !important; }

    #company-d-content > div { flex-direction:column-reverse; }
    #company-d-content > div > div:nth-child(1) { align-items:center; }
    #company-d-content > div > div:nth-child(1) > div:nth-child(1) { max-width:350px !important; }

    #company-d-content > div > div:nth-child(2) > div:nth-child(2) { justify-content:center !important; }
    #company-d-content > div > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) { display:none !important; }
    #company-d-content > div > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) { display:flex !important;max-width:300px !important; }


    #company-d-content > div > div:nth-child(2) > a:nth-child(2) { width:100%;justify-content:center !important;margin-top:100px; }
    /* #company-d-content > div > div:nth-child(2) > a:nth-child(2) > img:nth-child(1) { display:none !important; } */
    /* #company-d-content > div > div:nth-child(2) > div:nth-child(2) > img:nth-child(2) { display:flex !important;max-width:300px !important; } */
    .qr > img { max-width:250px; }

    #company-k-content > div >div:nth-child(1) > p:nth-child(1) { display:none !important; } 
    #company-k-content > div >div:nth-child(1) > p:nth-child(2) { display:block !important; } 

    .title-content { margin:0;margin-top:20px;font-family:ghothici;font-size:2em; }
    .title-content { margin:0;margin-top:20px;font-family:'ghothici';font-size:1.2em; }
    #company-e-content { min-height:unset !important; }
    #company-f-content { min-height:unset !important; }
    #company-l-content > div > div:nth-child(2) > div { flex-direction:column; }
    #company-l-content > div:nth-child(1) { margin:80px 0 20px 0;padding:0 20px; }
    #douglesimg { float:left;margin-left:0px;width:100%; }
    #menu_header_expanded {display:none; }
    #menu_header_compac { display:flex;flex:1;flex-direction:row;align-items:center;padding:10px 30px; }
    #compact_menu { width:30px;height:30px;background-color:#006fa9;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;cursor:pointer; }
    #compact_menu > div { width:70%;height:2px;background-color:#fff;margin:2px 0;border-radius:1px; }
    #compact_content { position:fixed;width:100%;background-color:#fff;margin-top:51px;display:flex;flex-direction:column;align-items:flex-start;animation:'expandmenu' 5s;z-index:5; }
    #compact_content > div { padding: 10px 20px; }
    #compact_content > div > p { background-color:#eee;margin:10px 0;padding: 10px 20px;width:100%; }
    #compact_content > div > p:hover { background-color:#006fa9;color:#fff; }

    #company-e-content > div > div:nth-child(3) { flex-direction:column;align-items:center; }
    #company-e-content > div > div:nth-child(3) > div:nth-child(1) > img { height:10vw !important;margin:5px 0 !important; }
    #company-e-content > div > div:nth-child(3) > div:nth-child(3) > img { height:15vw !important;max-width:300px;margin:5px 0 !important; }

    #company-g-content > div > div:nth-child(1) { width:90%; }
    #company-g-content > div > div:nth-child(1) > p:nth-child(2) { font-size:1em; }

    #company-h-content > div > div:nth-child(1) { width:90%; }
    #company-h-content > div > div:nth-child(1) > p:nth-child(2) { font-size:1em; }

    #company-l-content > div > div:nth-child(1) { width:90%; }
    #company-l-content > div > div:nth-child(1) > p:nth-child(2) { font-size:1em; }


    .see-in-store-img { margin:unset; }

    .left-product { display:flex;flex:1;background-color:#fff; }
    .left-product > div { margin:50px 0 20px 0 !important; }
    .left-product > div > div { flex-direction:column; }
    .left-product > div > div > div:nth-child(1) > img { width:100% !important; }
    .left-product > div > div > div:nth-child(2) > img { width:auto !important;max-height:60px !important; }
    .left-product > div > div > div:nth-child(2) > p { font-size:1.1em;font-weight:bold; }
    .left-product > div > div > div:nth-child(2) > ul { font-size:1em; }
    .left-product > div > div > div:nth-child(2) > div { justify-content:center;align-items:center;padding:50px 0 0 0; }

    .right-product { display:flex;flex:1;background-color:#fff; }
    .right-product > div > div { flex-direction:column-reverse; }
    .right-product > div > div > div:nth-child(1) > img { width:auto !important;max-height:60px !important; }
    .right-product > div > div > div:nth-child(1) > div:nth-child(2) > p { font-size:1.1em;font-weight:bold; }
    .right-product > div > div > div:nth-child(1) > div:nth-child(2) > ul { font-size:1em; }
    .right-product > div > div > div:nth-child(2) > img { width:100% !important; }
    .right-product > div > div > div:nth-child(1) > div:nth-child(3) { justify-content:center;align-items:center;padding:50px 0 0 0; }

    .social_a { display:none; }
    .social_b { display:flex;flex-direction:column;justify-content:flex-start;margin-left:15px;align-self:center;padding-bottom:30px; }
    #company-m-content > div:nth-child(1)  { padding:20px 5px 5px 5px; }
    #company-m-content > div > div:nth-child(1) { flex-direction:column; }
    #company-m-content > div > div > div { margin:0 15px !important; }
    #company-m-content > div > div:nth-child(1) { align-items:flex-start; }
    #company-m-content > div > div:nth-child(1) > div > img { height:50px !important; }
    #company-m-content > div > div:nth-child(2)  { display:none; }
    #company-m-content > div > div:nth-child(3)  { margin:25px !important; }

    #company-m-content > div > div:nth-child(1) > div:nth-child(3) > div { margin:10px 0; }

    .content_g_images { display:grid;grid-template-columns:repeat(2,1fr); }
    .content_g_images > a > img { width:90%;margin:10px;cursor:pointer; }

    #contact { display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px; }
    #contact_name { grid-row:1;grid-column:1/9; }
    #contact_company { grid-row:2;grid-column:1/9; }
    #contact_city { grid-row:3;grid-column:1/9; }
    #contact_cityuf { grid-row:4;grid-column:1/9; }
    #contact_commercial_contact { grid-row:5;grid-column:1/9; }
    #contact_personal_contact { grid-row:6;grid-column:1/9; }
    #contact_email { grid-row:7;grid-column:1/9; }
    #contact_subject { grid-row:8;grid-column:1/9; }
    #contact_message { grid-row:9;grid-column:1/9;height:100%; }
    #contact > button { grid-row:10;grid-column:1/9;display:flex;justify-self:flex-end;min-width:150px; }
}