@import "../dealer/dealerstyle.css";
body { margin: 0; padding: 0; overflow-x: hidden; background-color: #b50101 !important; }
xbody, xhtml { position:relative;}
.main, .circles { background-size: 100% auto!important; background-repeat: no-repeat!important; }
x.main { width: 100%; height: 100%; min-height: 600px; background-color: #b50101; }
.main { width: 100vw;
    height: 56.25vw; /* height:width ratio = 9/16 = .5625  */
    max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
    min-height: 600px; background-color: #b50101; }
.circles { width: 100%; height: 100%; animation-duration: 1s; /* don't forget to set a duration! */ }

.right { width: 70%; height: 100%; float: right; }
.slidein { width: 100%;  }
.slideimg { height: 100%; background-image: url(images/fpo.jpg); }
.slidewrapper { padding: 20px 20px 20px 20px; background-color: rgba(11,13,30,0.8); }
.slidewrapper img { margin-right: 20px; }
.slidewrapper h2 { margin-top: 0;}
.slidein h2 { color: #c00; font-family: 'montserratmedium'; font-size: 22pt; }
.slidein p { color: white; font-family: 'roboto_condensedlight'; font-size: 16pt; }
#clearme { height: 1px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videobox { padding: 8%;}

.row a { display: block; background-repeat: no-repeat; width: 100%; background-size: contain;  }

.f2 a, .footer a { text-align: right; color: white; text-decoration: none; font-family: 'montserratmedium';  }
.footernav { text-align: center; text-transform: uppercase; font-size: 18pt!important; color: white; text-decoration: none;  margin: 0; padding-bottom: 14px; }
.footernav a { display: inline; margin: 0 8px; }
.footernav a:hover { color: black; }

a.cta { background: #b50101; color: white; border-radius: 5px; text-decoration: none; padding: 6px 12px; }
.lity-iframe .lity-container { max-width: 100%!important; }

/* COLORIZE CLEAR DIVS DEBUG MODE - ADD "DEBUG" BODY CLASS */

        .guts:nth-child(1).clearlinks { background-color: rgba(255,0,0,0.5);  }
        .guts:nth-child(2).clearlinks { background-color: rgba(0,255,0,0.5);  }
        .guts:nth-child(3).clearlinks { background-color: rgba(0,0,255,0.5);  }
        .guts:nth-child(4).clearlinks { background-color: rgba(255,255,0,0.5);  }
        
        
/* EXPAND COLLAPSE */

.collapsible {
    background-color: #800000;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 70%;
    border: none;
    outline: none;
    text-align: center;
    color: white;
    font-size: 32pt;
    letter-spacing: -1;
    margin: 20px auto;
    display: block;
    clear: both;
}

.collapsible-exception {
    background-color: transparent;
    padding: 18px;
    border: none;
    outline: none;
    text-align: center;
    color: white;
    font-size: 32pt;
    letter-spacing: -1;
}

.active, .collapsible:hover {
    background-color: black;
}

.expand-content {
    padding: 0 18px;
    display: none;
    overflow: visible;
}

.kiosk .contact { display: none; }

/* KIOSK NAV */

.kiosknav {
    display: grid;
    grid-template-columns: repeat(4, 25fr);
    grid-template-rows: repeat(2, 50fr);
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    padding: 34px;
}

#row1 {
    display: grid;
    grid-template-columns: repeat(4, 25fr);
    grid-template-rows: 1fr;
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    padding: 34px 34px 0 34px ;
}

#row2 {
    display: grid;
    grid-template-columns: repeat(3, 33fr);
    grid-template-rows: 1fr;
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    padding: 34px;
}

#row2 img { height: 225.58px; display: inline-block;  }
#row1 div, #row2 div { background-color: black; height: 225.58px; text-align: center; }
#row1 .storage { grid-area: 1 / 1 / 2 / 2; }
#row1 .handling { grid-area: 1 / 2 / 2 / 3; }
#row1 .drying { grid-area:  1 / 3 / 2 / 4; }
#row1 .structures { grid-area: 1 / 4 / 2 / 5; }
#row2 .resources { grid-area: 1 / 1 / 2 / 2; }
#row2 .solutions { grid-area: 1 / 2 / 2 / 3; }
#row2 .thanks { grid-area: 1 / 3 / 2 / 4; }
.kiosknav a:active { opacity: 0.5; }

.kiosknav div { background-color: black; }
.kiosknav.navbar-collapse div { background-color: transparent; }
.kiosknav .storage { grid-area: 1 / 1 / 2 / 2; }
.kiosknav .handling { grid-area: 1 / 2 / 2 / 3; }
.kiosknav .drying { grid-area: 1 / 3 / 2 / 4; }
.kiosknav .structures { grid-area: 1 / 4 / 2 / 5; }
.kiosknav .resources { grid-area: 2 / 1 / 3 / 2; }

.kiosknav .contact 
.kiosknav .solutions { grid-area: 2 / 2 / 3 / 3; }
.kiosknav .thanks { grid-area: 2 / 3 / 3 / 4; }
.kiosknav a:active { opacity: 0.5; }

.kiosknav .storage { background-image: url(imagesk/nav-storage-bg.jpg); }
.kiosknav .handling { background-image: url(imagesk/nav-handling-bg.jpg); }
.kiosknav .drying { background-image: url(imagesk/nav-drying-bg.jpg); }
.kiosknav .structures { background-image: url(imagesk/nav-structures-bg.jpg); }
.kiosknav .resources { background-image: url(imagesk/nav-resources-bg.jpg); }
.kiosknav .contact { background-image: url(imagesk/nav-contact-bg.jpg); }
.kiosknav .solutions { background-image: url(imagesk/nav-solutions-bg.jpg); }
.kiosknav .thanks { background-image: url(imagesk/nav-thanks-bg.jpg); }
.kiosknav .onebrock { background-image: url(imagesk/nav-onebrock-bg.jpg); }
.kiosknav div { background-size: cover; background-repeat: no-repeat; }

/* KIOSK */

x.header { height: 245px; background: red; }
x.guts { height: 1240px; overflow: hidden; }
x.footerv { height: 426px; background: red; }


.kiosk .header, .kiosk .guts { width: 100%; }
.vidbox { width: 100%; overflow: hidden; }
.vidbox, .homelink { position: fixed; right: 0; bottom: 0; width: 100%; height: 100%; }
a.enterbutton { width: 100%; height: 100%; display: block; text-indent: -1920px;  }

#myVideo {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

img.twocol { float: left; }

.guts { background-repeat: no-repeat; background-size: contain; background-position: top center; }
#home .guts { background-image: url(imagesk/home-bg.jpg); }

.kiosk { display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 12.7vh 64.3vh 22vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.header { grid-area: 1 / 1 / 2 / 2; }
.guts { grid-area: 2 / 1 / 3 / 2; overflow: hidden; }
.footerv { grid-area: 3 / 1 / 4 / 2; }

.header img, .footerv img { display: block; margin: 0 auto; }

/* CLEARLINKS ARE TRANSPARENT, CLICKABLE HOTSPOTS THAT SIT OVER THE BACKGROUND IMAGES --
THEY USE EITHER HORIZONTAL SLICES OR CSS GRID FOR DISPLAY ORDER */

a.clearlinks { display: block; width: 100%; text-indent: -1920px; }
a.clearlinks.twocol { width: 50%; float: left; }

.guts a, .guts a:active, .guts a:hover { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a.clearlinks#homelink,
a.clearlinks#backlink { height: 6.6%; }

a.clearlinks#homelink { background-image: url('imagesk/clearlink-home.png');}
a.clearlinks#backlink { background-image: url('imagesk/clearlink-back.png');}

.guts .solution { margin: 0 auto; background-color: white; }

/*ug style*/
.ipad_div{
    display: none  !important;
}
.normal_div{
    display: block;
}

/* ACTIVE PAGE HIGHLIGHTS */

/* #storage .storage img, .storage-child .storage img,
#handling .handling img, .handling-child .handling img,
#drying .drying img, .drying-child .drying img,
#structures .structures img, .structures-child .structures img,
#resources .resources img,
#contact .contact img,
#solutions .solutions img {  filter: invert(10%) sepia(77%) saturate(7461%) hue-rotate(9deg) brightness(82%) contrast(111%); } */


/* MOBILE MESSAGE */

@media only screen and (min-width: 1000px) {
    .slidewrapper img { width: 264px; }
    .mobilemessage { display: none; }
    .main { display: block; }
}

@media only screen and (max-width: 1000px) {
    .slidewrapper img { width: 200px; }
    .mobilemessage { display: block; }
    .main { display: none; }
}
.mobilemessage { padding: 40px; }
.mobilemessage p { font-family: 'montserratmedium'; color: white; }
.mobilemessage p a { color: black; text-decoration: none; }

a.vidlink { display: block; float: left; width: 25%; max-width: 264px; margin-right: 20px; }
a.vidlink img { width: 100%; }
.rightwrapper { float: left; width: 70% ; }

.closebox {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.closebox:active { text-decoration: none; color: white; }

/* RESOURCES */

#resources .guts img { width: 200px; height: 258px; margin: 20px; }
#resources .guts #videoresources { clear: both; float: none; }
#resources .guts #videoresources img { width: 300px; height: 169px; margin: 20px; }
#resources .guts { overflow-y:scroll!important; text-align: center; }
#resources .guts:-webkit-scrollbar { display: none!important; }

#resources .topbox_content { width: 100vw; }
#resources .topbox_skin_darkroom .topbox_prev,
#resources .topbox_skin_darkroom .topbox_next { padding: 1vw; background-color: rgba(0, 0, 0, .4); }
#resources .topbox_skin_darkroom .topbox_close:before { content: "×"; }

#resources p { color: white; text-align: left; font-size: 12pt;}
#resources p span { width: 10%; display: inline-block; background: #800000; text-align: center; border-radius: 5px; font-size: 10pt; font-weight: bold; padding: 5px 0; margin-right: 10px; }

/* BROCK SOLUTION */

.solution { width: 600px; padding: 40px; font-family: 'montserratmedium'; }
.solution h1 { text-align: center; color: #b50101; font-size: 17pt;}
.solution p { font-size: 11pt; line-height: 1.5em; }
.solution #logo { text-align: center; margin: 0 auto; display: block;
    width: 32%;}

a.homelink, a.homelink img { opacity: 1!important; }

/* HOTSPOT ROLLOVERS */
.a a, .f1 a, .f2 a, .sidebar a, .menu a, .footer a {opacity: 1!important; }
.sidebar a {opacity: 1!important; }
.grid a { transition: opacity .25s ease-in-out; opacity: 0; }
.grid a:hover { opacity: 1; }

.a a#giveaway img, .sidebar a#giveaway img { opacity: 1; }
#giveaway { display: none; }

.a img, .sidebar img { width: 100%; height: auto; }

.grid img { width: 100%; }
.grid .slidewrapper img { width: auto; }

/* SIDEBAR */

.a a, .sidebar a { margin-bottom: 20px; }
.a a img, .sidebar a img { transition: opacity .25s ease-in-out; opacity: 0; }
.div1 a { margin-bottom: 20px; transition: opacity .25s ease-in-out; opacity: 0; }
.a a:hover img, .sidebar a:hover img { opacity: 1; }

a#systems { background-image: url(images/systems-bg-a.jpg); }
a#thanks { background-image: url(images/thanks-bg-a.jpg); }

.animated {
    animation: animate-color 0.2s linear;
    animation-iteration-count: 5;
}

#storage .main { background-image: url(images/storage-main.jpg); }
#storage .circles { background-image: none; }

.slides .circles { background-image: none; }


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 7, 2020 */

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
    url('fonts/robotocondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
    url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* BACKGROUNDS */

#home .main { background-image: url(home-photo.jpg); }
#home .circles { background-image: url(home-hotspots169.jpg); }
#home .circles43 { background-image: url(home-hotspots.jpg); }

#storage-nonstiff .main { background-image: url(images/storage-nonstiff-bg2.jpg); }
#storage-nonstiff .circles { background-image: url(images/storage-nonstiff-bg.jpg); }

#storage-stiff .main { background-image: url(images/storage-stiff-bg-noarrows.jpg); }
#storage-stiff .circles { background-image: url(images/storage-stiff-bg.jpg); }

#storage-hopperbottom .main { background-image: url(images/storage-hopperbottom-bg-noarrows.jpg); }
#storage-hopperbottom .circles { background-image: url(images/storage-hopperbottom-bg.jpg); }



/* GRID */

.f1, .menu { background-color: #b50101; padding-top: 10px; }
.f2, .footer {background-color: #b50101; padding-top: 10px; padding-right: 20px; }

.grid { display: grid; grid-column-gap: 0px; grid-row-gap: 0px; height: 100%;}

.homegrid {
    xgrid-template-columns: 24.58fr 36.17fr 39.37fr;
    grid-template-columns: 20fr 23.4fr 27fr 29.5fr;
    grid-template-rows: 95% 5% repeat(2, 1fr);
}

.homegrid .a { grid-area: 1 / 1 / 2 / 2; }
.homegrid .aa { grid-area: 1 / 2 / 2 / 3; }
.homegrid .b { grid-area: 1 / 3 / 2 / 4; }
.homegrid .c { grid-area: 1 / 4 / 2 / 5; }
.homegrid .f2,
.div6 { grid-area: 2 / 1 / 3 / 5; }

.a, .sidebar { background-color: #b50101; padding: 0 20px; }

.imggrid {
    grid-template-columns: 25% 75% repeat(3, 1fr);
    grid-template-rows: 95% 5% repeat(3, 1fr);
}

.slider { overflow: hidden; }
.slidein { position: absolute; width: 100%; overflow: hidden; }
.slidewrapper { float: right; width: 70%; }


/* CONTEST */

#contest img { max-width: 616px; display: block; margin: 0 auto;  }
#contest h1 { text-align: center; }

/* SINGLES */

.singles .imggrid {
    grid-template-columns: 20fr 80fr;
    grid-template-rows: 95fr 5fr;
}

.singles .div1 { grid-area: 1 / 1 / 2 / 2; }
.singles .div2 { grid-area: 1 / 2 / 2 / 3; }

.singles .div2 { background-color: white; padding: 40px; }
.singles .div2 p { line-height: 1.25em; }
.singles .div2 p,
.singles .div2 h1,
.singles .div2 h2 { font-family: 'montserratmedium';  }

.singles .div2 p a { opacity: 1; color: gray; text-decoration: none;  }
.singles .div2 h2 { font-size: 16pt; font-weight: normal;  }

/* HOME */

.clearlinks#home-handling { height: 50%; }
.clearlinks#home-structures,
.clearlinks#home-drying { height: 23.95%; }
.clearlinks#home-storage { height: 19.5%; float: none; clear: both; }

/* HANDLING MAIN */

#handling .main { background-image: url(images/handling-bg-noarrows.jpg); }
#handling .circles { background-image: url(images/handling-bg.jpg); }

.clearlinks#handling-bucket { height: 29.1%; }
.clearlinks#handling-conveyors,
.clearlinks#handling-dist { height: 64.35%; }


/* DRYING MAIN */

#drying .main { background-image: url(images/drying-bg-noarrows.jpg); }
#drying .circles { background-image: url(images/drying-bg.jpg); }

#drying .imggrid {
    grid-template-columns: 20fr 20.1fr 40.2fr 19.6fr;
    grid-template-rows: 95fr 5fr;
}

#drying .div1 { grid-area: 1 / 1 / 2 / 2; }
#drying .div2 { grid-area: 1 / 2 / 2 / 3; }
#drying .div3 { grid-area: 1 / 3 / 2 / 4; }
#drying .div4 { grid-area: 1 / 4 / 2 / 5; }
#drying .div6 { grid-area: 2 / 1 / 3 / 5; }

.clearlinks#drying-tower { height: 65%;}
.clearlinks#drying-lowpro { height: 25%;}

/* STORAGE MAIN */

#storage .main { background-image: url(images/storage-bg-noarrows.jpg); }
#storage .circles { background-image: url(images/storage-bg.jpg); }

.clearlinks#storage-stiff { height: 55%; }
.clearlinks#storage-nonstiff { height: 16.5%; }
.clearlinks#storage-temp,
.clearlinks#storage-hopperbottom { height: 21.9%; }

/* STORAGE-NONSTIFF */

.clearlinks#nonstiff-eavevent { height: 52%; }
.clearlinks#nonstiff-aerationfloor,
.clearlinks#nonstiff-powersweeps { height: 41.5%; }


#storage-nonstiff .slidein { top: 40%; }

/* STORAGE-STIFF */

x.clearlinks#stiff-roofmount { height: 33.9%; }
x.clearlinks#stiff-sizes { height: 30.4%; }
x.clearlinks#stiff-workingbin,
x.clearlinks#stiff-sweeps { height: 27.1%; }

#storage-stiff .guts {
display: grid;
grid-template-columns: 46% 54%;
grid-template-rows: 38.7% 13.4% 14.4% 26.9% 6.6%;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

#storage-stiff .div1 { grid-area: 1 / 1 / 2 / 2; }
#storage-stiff .div2 { grid-area: 1 / 2 / 2 / 3; }
#storage-stiff .div3 { grid-area: 2 / 1 / 3 / 3; }
#storage-stiff .div4 { grid-area: 3 / 1 / 4 / 3; }
#storage-stiff .div5 { grid-area: 4 / 1 / 5 / 3; }
#storage-stiff .div6 { grid-area: 5 / 1 / 6 / 2; }
#storage-stiff .div7 { grid-area: 5 / 2 / 6 / 3; }

/* CLEARS CONFLICT FROM LINE 182 HEIGHT */
#storage-stiff a.clearlinks#homelink,
#storage-stiff a.clearlinks#backlink { height: auto; }

#storage-stiff .slidein { top: 47%; }

/* STORAGE-HOPPERBOTTOM */

.clearlinks#hopperbottom-sizes { height: 52.9%;}
.clearlinks#hopperbottom-grainaeration,
.clearlinks#hopperbottom-loadout { height: 40.56%;}

#storage-hopperbottom .slidein { top: 37%; }

/* STORAGE-TEMPORARY */

#storage-temp .main { background-image: url(images/storage-temp-bg-noarrows.jpg); }
#storage-temp .circles { background-image: url(images/storage-temp-bg.jpg); }

.clearlinks#temp-conveyors { height: 34%; }
.clearlinks#temp-centerfill { height: 23.6%; }
.clearlinks#temp-bunker { height: 35.8%; }


#storage-temp .slidein { top: 45%; }

/* STRUCTURES-MAIN*/

#structures .main { background-image: url(images/structures-bg-noarrows.jpg); }
#structures .circles { background-image: url(images/structures-bg.jpg); }

#structures .imggrid {
    grid-template-columns: 20fr 35.7fr 44.3fr;
    grid-template-rows: 95fr 5fr;
}

#structures .div1 { grid-area: 1 / 1 / 2 / 2; }
#structures .div2 { grid-area: 1 / 2 / 2 / 3; }

.clearlinks#structures-catwalks { height: 75%; }
.clearlinks#structures-towers { height: 17.6%; }


/* STRUCTURES-TOWERS*/

#structures-towers .main { background-image: url(images/structures-towers-bg-noarrows.jpg); }
#structures-towers .circles { background-image: url(images/structures-towers-bg.jpg); }

#structures-towers .imggrid {
    grid-template-columns: 20fr 23.4fr 23.6fr 32.9fr;
    grid-template-rows: 95fr 5fr;
}

#structures-towers .div1 { grid-area: 1 / 1 / 2 / 2; }
#structures-towers .div2 { grid-area: 1 / 2 / 2 / 3; }
#structures-towers .div3 { grid-area: 1 / 3 / 2 / 4; }
#structures-towers .div4 { grid-area: 1 / 4 / 2 / 5; }

.clearlinks#structures-safety { height: 70%; }
.clearlinks#structures-slottab { height: 19.7%; }
.clearlinks#structures-stairs { height: 19.7%; }

#structures-towers .slidein { top: 35%; }

/* STRUCTURES-CATWALKS*/

#structures-catwalks .main { background-image: url(images/structures-catwalks-bg-noarrows.jpg); }
#structures-catwalks .circles { background-image: url(images/structures-catwalks-bg.jpg); }

.clearlinks#catwalks-everloc { height: 47.6%; }
.clearlinks#catwalks-finishes,
.clearlinks#catwalks-options { height: 45.8%; }

#structures-catwalks .slidein { top: 35%; }

/* DRYING-TOWER*/

#drying-tower .main { background-image: url(images/drying-tower-bg-noarrows.jpg); }
#drying-tower .circles { background-image: url(images/drying-tower-bg.jpg); }

#drying-tower .imggrid {
    grid-template-columns: 20fr 14.6fr 25.8fr 39.5fr;
    grid-template-rows: 95fr 5fr;
}

#drying-tower .div1 { grid-area: 1 / 1 / 2 / 2; }
#drying-tower .div2 { grid-area: 1 / 2 / 2 / 3; }
#drying-tower .div3 { grid-area: 1 / 3 / 2 / 4; }
#drying-tower .div4 { grid-area: 1 / 4 / 2 / 5; }

#drying-tower .slidein { top: 35%; }

.clearlinks#drying-tower-intuidry { height: 34.7%; }
.clearlinks#drying-tower-moisture { height: 20%; }
.clearlinks#drying-tower-unload { height: 20%; }
.clearlinks#drying-tower-access { height: 18.7%; }

/* DRYING-LOW PROFILE*/

#drying-lowpro .main { background-image: url(images/drying-lowpro-bg-noarrows.jpg); }
#drying-lowpro .circles { background-image: url(images/drying-lowpro-bg.jpg); }

#drying-lowpro .imggrid {
    grid-template-columns: 20fr 34.4fr 45.5fr;
    grid-template-rows: 95fr 5fr;
}

#drying-lowpro .div1 { grid-area: 1 / 1 / 2 / 2; }
#drying-lowpro .div2 { grid-area: 1 / 2 / 2 / 3; }
#drying-lowpro .div3 { grid-area: 1 / 3 / 2 / 4; }

.clearlinks#drying-lowpro-moisture { height: 46.1%; }
.clearlinks#drying-lowpro-sqseries { height: 20%; }
.clearlinks#drying-lowpro-evenflo { height: 14.8%; }
.clearlinks#drying-lowpro-intuidry { height: 12.5%; }


#drying-lowpro .slidein { top: 20%; }

/* HANDLING-BUCKET */

.clearlinks#bucket-head { height: 31.2%; }
.clearlinks#bucket-trunk { height: 40.64%; }
.clearlinks#bucket-boot { height: 21.69%; }

#handling-bucket .slidein { top: 35%; }

/* HANDLING-CONVEYORS */

#handling-conveyors .main { background-image: url(images/handling-conveyors-bg-noarrows.jpg); }
#handling-conveyors .circles { background-image: url(images/handling-conveyors-bg.jpg); }

.clearlinks#conveyors-tube { height: 30%; }
.clearlinks#conveyors-pillowblock { height: 29.5%; }
.clearlinks#conveyors-inclined,
.clearlinks#conveyors-horizontal { height: 34%; }

#handling-conveyors .slidein { top: 20%; }

/* HANDLING-DISTRIBUTORS */

.clearlinks#handling-swing { height: 52.5%; }
.clearlinks#handling-cone { height: 21.12%; }
.clearlinks#handling-controls { height: 19.91%; }

#handling-dist .slidein { top:  15%; }

/* NAVBAR */ 
.navbar, .navbar-inner, .navbar-inner a { height: 100%; }
.navbar { padding: 0!important;  }
.navbar-inner { width: 100%;  }
.navbar-toggler { display: none; height: 100%!important; max-height: 239px; background-repeat: no-repeat; background-position: center center; border: none!important;   }
.navbar-toggler { background-image: url(imagesk/hamburger.gif); width: 50px; height: 50px; }
.navbar-collapse { background-color: black !important; height: 100vh; z-index: 10000; }
.navbar-brand { display: block; width: 100%; height: 100%; margin: 0!important; padding: 0!important; text-indent: -90000px; background-image: url(imagesk/kiosk-header.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; }



/* SUBPAGES */

.slides .a { grid-area: 1 / 1 / 2 / 2; }
.subb { grid-area: 1 / 2 / 2 / 3; }
.f1 { grid-area: 2 / 1 / 3 / 2; background-color: #b50101; padding-top: 10px; }
.f2 { grid-area: 2 / 2 / 3 / 3; background-color: #b50101; padding-top: 10px; padding-right: 20px; }


/* 16/9 BOX */

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}
[style*="--aspect-ratio"] > img {
    height: auto;
}
@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }
    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }
    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}


.kioskpdf { display: block; }
.ipadjpg { display: none; }

/* HORIZONTAL iPAD - 4TH GEN */ 
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1400px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  display: grid;
grid-template-columns: 60.6% 39.4%;
grid-template-rows: 25fr 75fr; 
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh;
width: 100vw;
}
.header { grid-area: 1 / 2 / 2 / 3; } 
.guts { grid-area: 1 / 1 / 3 / 2; background-position: left; } 
.footerv { grid-area: 2 / 2 / 3 / 3; } 
.navbar-inner { height: 200px; }

.slidein { top: 35%!important; }
.slidewrapper { float: left; width: 66%; }
.slidewrapper .closebox { right: 34%; }

#row1, #row2 {
display: grid;
grid-template-columns: repeat(2, 50fr);
grid-template-rows: repeat(2, 1fr); 
grid-column-gap: 34px;
grid-row-gap: 34px; 
padding: 34px 34px 0 34px ;
}
#row1 .storage, #row2 .resources { grid-area: 1 / 1 / 2 / 2; } 
#row1 .handling, #row2 .solutions { grid-area: 1 / 2 / 2 / 3; } 
#row1 .drying, #row2 .thanks { grid-area: 2 / 1 / 3 / 2; } 
#row1 .structures { grid-area: 2 / 2 / 3 / 3; } 
#row2 img { display: block; }

.carousel, .flickity-viewport, .carousel img { max-width: 100%!important; max-height: 100%!important; }
.carousel-cell { width: 779px!important; height: 820px!important; }

.collapsible { font-size: 16pt; }

.kioskpdf { display: none; }
.ipadjpg { display: block; }

/* TEMP */
#row1 div, #row2 div { height: 100px; }
#row1 img, #row2 img { height: 100px; }

}

/* HORIZONTAL iPAD - LEGACY */ 
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1400px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  display: grid;
grid-template-columns: 65.3% 34.7%;
grid-template-rows: 25fr 75fr; 
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh;
width: 100vw;
}
.header { grid-area: 1 / 2 / 2 / 3; } 
.guts { grid-area: 1 / 1 / 3 / 2; background-position: left; } 
.footerv { grid-area: 2 / 2 / 3 / 3; } 
.navbar-inner { height: 200px; }

.slidein { top: 35%!important; }
.slidewrapper { float: left; width: 66%; }
.slidewrapper .closebox { right: 34%; }

#row1, #row2 {
display: grid;
grid-template-columns: repeat(2, 50fr);
grid-template-rows: repeat(2, 1fr); 
grid-column-gap: 24px;
grid-row-gap: 24px; 
padding: 24px 24px 0 24px ;
}
#row1 .storage, #row2 .resources { grid-area: 1 / 1 / 2 / 2; } 
#row1 .handling, #row2 .solutions { grid-area: 1 / 2 / 2 / 3; } 
#row1 .drying, #row2 .thanks { grid-area: 2 / 1 / 3 / 2; } 
#row1 .structures { grid-area: 2 / 2 / 3 / 3; } 
#row2 img { display: block; }

.carousel, .flickity-viewport, .carousel img { max-width: 100%!important; max-height: 100%!important; }
.carousel-cell { width: 669px!important; height: 768px!important; }

.collapsible { font-size: 16pt; }

.kioskpdf { display: none; }
.ipadjpg { display: block; }

/* TEMP */
#row1 div, #row2 div { height: 100px; }
#row1 img, #row2 img { height: 100px; }

}

/* VERTICAL iPAD PRO 12.9 */ 
@media only screen
  and (min-device-width: 1022px)
  and (max-device-width: 1026px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  grid-template-columns: 1fr;
grid-template-rows: 14fr 86fr;
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh; }
#kiosk { width: 100vw; position: absolute; }

.header { grid-area: 1 / 1 / 2 / 2; min-height: 190px!important; } 
.guts { grid-area: 2 / 1 / 3 / 2; background-position: bottom; } 
.footerv { display: none!important; }

.slidein { top: 30%!important; }
.slidewrapper { float: none; margin: 0 auto; }
.slidewrapper img, .slidewrapper a.vidlink { float: none; margin: 20px auto; display: block; }
.slidewrapper a.vidlink { width: 100%; }
.slidewrapper .closebox { right: 15%; }
.slidein h2 { font-size: 28pt; }
.slidein p { font-size: 22pt; }

.navbar { z-index: 500; }
.navbar-inner { min-height: 190px!important; height: 100%!important; }
.navbar-toggler { display: block; position: absolute; top: 0; right: 20px!important; max-height: 400px!important; }
.navbar-brand { min-height: 190px!important; }

.collapsible { font-size: 16pt; }

.carousel-cell { height: 941px!important; width: 820px!important; }


.kioskpdf { display: none; }
.ipadjpg { display: block; }

}

/* VERTICAL iPAD - 4TH GEN */ 
@media only screen
  and (min-device-width: 800px)
  and (max-device-width: 830px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  grid-template-columns: 1fr;
grid-template-rows: 20.2fr 79.8fr;
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh; }
#kiosk { width: 100vw; position: absolute; }

.header { grid-area: 1 / 1 / 2 / 2; min-height: 239px!important; } 
.guts { grid-area: 2 / 1 / 3 / 2; background-position: bottom; } 
.footerv { display: none!important; }

.slidein { top: 30%!important; }
.slidewrapper { float: none; margin: 0 auto; }
.slidewrapper img, .slidewrapper a.vidlink { float: none; margin: 20px auto; display: block; }
.slidewrapper a.vidlink { width: 100%; }
.slidewrapper .closebox { right: 15%; }
.slidein h2 { font-size: 28pt; }
.slidein p { font-size: 22pt; }

.navbar { z-index: 500; }
.navbar-inner { min-height: 239px!important; height: 100%!important; }
.navbar-toggler { display: block; position: absolute; top: 0; right: 20px!important; max-height: 400px!important; }
.navbar-brand { min-height: 239px!important; }

.collapsible { font-size: 16pt; }

.carousel-cell { height: 941px!important; width: 820px!important; }


.kioskpdf { display: none; }
.ipadjpg { display: block; }

}

/* VERTICAL iPAD - LEGACY */ 
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 799px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  grid-template-columns: 1fr;
grid-template-rows: 13.87fr 86.13fr;
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh; }
#kiosk { width: 100vw; position: absolute; }

.header { grid-area: 1 / 1 / 2 / 2; } 
.guts { grid-area: 2 / 1 / 3 / 2; background-position: bottom; } 
.footerv { display: none!important; }

.slidein { top: 20%!important; }
.slidewrapper { float: none; margin: 0 auto; }
.slidewrapper img, .slidewrapper a.vidlink { float: none; margin: 20px auto; display: block; }
.slidewrapper a.vidlink { width: 100%; }
.slidewrapper .closebox { right: 15%; }
.slidein h2 { font-size: 28pt; }
.slidein p { font-size: 22pt; }

a.vidlink img { max-width: 200px; }
.rightwrapper { width: 100%; }

.navbar { z-index: 500; }
.navbar-inner { min-height: 143px!important; height: 100%!important; max-height: 142px!important; }
.navbar-toggler { display: block; position: absolute; top: 0; right: 20px!important; max-height: 142px!important; }
.navbar-brand { min-height: 143px!important; }

.collapsible { font-size: 16pt; }

.carousel-cell { height: 882px!important; width: 100%!important; }


.kioskpdf { display: none; }
.ipadjpg { display: block; }

}

/* RESOURCE QR CODES */
a.qrlinks { display: none; width: 150px; margin: 0 auto;}
.qrcodes_on a.qrlinks { display: block; }
.linkblock { display: block; width: 200px; float: left; margin: 20px; transition: height 1s ease;}
#videoresources .linkblock { width: 300px; height: 200px; }
#videoresources .linkblock img { margin-left: 0!important; margin-right: 0!important; }
#resources .guts .qrlinks img { margin-top: -100px; }
#resources .guts .qrlinks img,
#resources .guts #videoresources .qrlinks img { width: 150px; height: 150px;  }
#resources .guts #videoresources .qrlinks img { margin-top: -50px; }

.linkblock { height: 300px; }
.qrcodes_on .linkblock { height: 370px;}
.qrcodes_on #videoresources .linkblock { height: 300px;}

.roundedswitchbox { float: left; }
p.roundedswitchtext { float: left; margin-right: 20px; margin-top: 6px; }
.roundedswitchwrapper .wrapper { float: right; padding-right: 10%; padding-top: 20px;}

#videoresources .wrapper { display: flex; justify-content: center; flex-wrap: wrap; }

/* TOGGLE SWITCH */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.gotham { font-family: 'montserratmedium'; }

/*
@media only screen
and (min-device-width: 820px)
and (max-device-width: 1180px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .rightwrapper {
     float: none;
     width: auto;
}

    body{
        height: 100vh;
    }
    .guts {
        height: 100vh;
        width: 60% !important;
        background-size: 100% 100%;
        margin-top: -9.2%;
    }

    .header img {
        width: 32%;
        margin-left: 63%;

    }

    .storage {
        margin-top: -40%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 60%;
        position: absolute;
        height: 13% !important;
    }
    .storage img{
        width: 100%;
        height: 100%;
    }
    .handling {
        margin-top: -40%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 77%;
        position: absolute;
        height: 13% !important;

    }
    .handling img{
        height: 100% !important;
        width: 100% !important;
    }

    .drying {
        margin-top: -29%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 60%;
        position: absolute;
        height: 13% !important;
    }
    .drying img{
        width: 100%;
        height: 100% !important;
    }

    .structures {
        margin-top: -29%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 77%;
        position: absolute;
        height: 13% !important;
    }
    .structures img{
        width: 100%;
        height: 100% !important;
    }

    .resources {
        margin-top: -21%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 60%;
        position: absolute;
        height: 13% !important;
    }

    .resources img {
        width: 100%;
        height: 100% !important;
    }

    .solutions {
        margin-top: -21%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 77%;
        position: absolute;
        height: 13% !important;

    }

    .solutions img {
        height: 100% !important;
    }

    .thanks {
        margin-top: -10%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 60%;
        position: absolute;
        height: 13% !important;

    }

    .thanks img {
        width: 100%;
        height: 100% !important;

    }

    .resource_storage {

        margin-top: -55%;

    }

    .resource_handling {
        margin-top: -55%;

    }

    .resource_drying {
        margin-top: -44%;

    }

    .resource_structures {
        margin-top: -44%;

    }

    .resource_resources {

        margin-top: -36%;

    }

    .resource_solutions {

        margin-top: -36%;


    }

    .resource_thanks {
        margin-top: -25%;



    }

    .contact {
        margin-top: -25%;
        background-size: 100% 98%;
        width: 16%;
        margin-left: 77%;
        position: absolute;
        height: 13% !important;;
    }


    .contact img {
        height: 100% !important;
    }


    .resource_guts {

             height: 60vh;
    width: 60% !important;
    background-size: 100% 100%;
    margin-top: 7%;
    }


    .solution {
        height: 100%;
        width: 100%;
        padding: 40px;
        font-family: 'montserratmedium';

    }

    .solution h1 {
        font-size: 37pt;
    }
    .solution p {
        padding: 7%;
        font-size: 14pt;
        line-height: 1.5em;
    }
    #logo {

        width: 54% !important;
    }
    .slidewrapper {
        float: none;
        width: 100%;

    }

    .slidein {
    top: 16% !important;
    width: 49%;
    left: 21%;
    }
a.vidlink img {
    width: 133%;
    margin-left: 140%;
}

    .slidewrapper img {
        margin-left: 35%;
        width: 29%;
    }
    .slidewrapper h2 {
        margin-top: 33%;
    }
    .slidein h2 {
        color: #c00;
        font-family: 'montserratmedium';
        font-size: 22pt;
    }
    .slidein p {
        color: white;
        font-family: 'roboto_condensedlight';
        font-size: 19pt;
    }
    .closebox {

       width: 30px;
    height: 30px;
    right: 29px;
    top: 16px;
    font-size: 83px;

    }
}
@media only screen
and (width: 1024px)
and (height: 768px)
and (orientation: landscape)
{
    .guts{
        height: 120%;
        width: 60% !important;
        background-size: 100% 100%;
        margin-top: -10%;}
}*/


/*Portrait*/


/*@media only screen
and (min-device-width: 820px)
and (max-device-width: 1180px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {


    .navbar-brand {
        width: 42%;
    }
    .navbar-brand img
    {
        width: 98%;
        margin-left: 77%;
    }

    .navbar-toggler{
        background-color:#8d1304 !important;
        margin-left: 40%;

    }
    .navbar-toggler-icon{
        width: 2em !important;
        height: 2em !important;

    }
    .bg-color{
        height: 216px !important;
        background-color: #b50101 !important;
    }
    .storage{
        background-image: url(imagesk/nav-storage-bg.jpg);

    }
    .ipad_div{
        display: block !important;
    }
    .normal_div{
        display: none;
    }
    .guts{
        height: 81vh !important;
        margin-top: -17%;
        background-size: 100% 100%;
        margin-right: -45%;
    }
    .handling {
        background-image: url(imagesk/nav-handling-bg.jpg);

        background-size: 100% 100%;
    }
    .drying {
        background-image: url(imagesk/nav-drying-bg.jpg);

        background-size: 100% 100%;}
    .structures {
        background-image: url(imagesk/nav-structures-bg.jpg);

        background-size: 100% 100%;}
    .resources {
        background-image: url(imagesk/nav-resources-bg.jpg);

        background-size: 100% 100%;}
    .contact {
        background-image: url(imagesk/nav-contact-bg.jpg);

        background-size: 100% 100%;}
    .solutions {
        background-image: url(imagesk/nav-solutions-bg.jpg);

        background-size: 100% 100%;}
    .thanks {
        background-image: url(imagesk/nav-thanks-bg.jpg);

        background-size: 100% 100%;}
    .bg_navbar{
        background-color: #00000099;
        height: 82vh;
        width: 104%;
        margin-left: -14px;
        margin-top: -13px;
    }
    .flickity-enabled{
        z-index: -1;
    }
    .carousel img {

        height: 52% !important;}
    .custom_mt{
        margin-top: 10rem;
    }



}*/