/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img, video{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #194A90; color: #fff; text-shadow: none} ::selection{background: #194A90; color: #fff; text-shadow: none}

.main{padding: 50px 0;}
.container{max-width: 1800px; margin: 0 auto; padding: 0 20px;}

.flex-col{display: flex; flex-wrap: wrap;}
.col-6{width: 50%;} .col-4{width: 33.3333%;} .col-3{width: 25%;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-weight: 400; text-transform: uppercase; line-height: 1.25;}
a{text-decoration: none; color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.bullet-list{margin: 10px 0;}
.bullet-list li{margin-left: 20px; list-style: disc;}

.red{color: #AE171A;}

/* HEADER */

.header{padding: 15px 0;}
.header .container{display: flex; align-items: center;}
.header .logo{width: 275px;}
.header .header-right{margin-left: auto; text-align: right;}
.header .contact{display: flex; align-items: center; justify-content: flex-end; font-size: 24px;}
.header .social{margin-left: 20px;}
.header .social a{display: inline-block; padding: 0 2px; color: #aaa;}
.header .social a:hover{color: #777;}

.banner{background: #194A90; padding: 15px 20px; text-transform: uppercase; text-align: center; color: #fff;}
.banner h3{margin-bottom: 8px; font-size: 21px; font-weight: 400;}
.banner a{display: inline-block; background: none; padding: 7px 40px 5px; text-transform: uppercase; border: 1px #fff solid;}
.banner a:hover{background: #fff; color: #194A90;}


.banner-2{background: #282828; padding: 15px 20px; text-transform: uppercase; text-align: center; color: #fff;}
.banner-2 h3{margin-bottom: 8px; font-size: 21px; font-weight: 400;}
.banner-2 a{display: inline-block; background: none; padding: 7px 40px 5px; text-transform: uppercase; border: 1px #fff solid;}
.banner-2 a:hover{background: #fff; color: #194A90;}


/* HOME */

.hero-wrap {position: relative;}
.hero{position: relative; padding: 12% 20px; text-align: center; text-transform: uppercase; line-height: 1.25; color: #fff; overflow: hidden; background-color: #000;}
.hero:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, .3); z-index: 2;}
.hero h1{position: relative; margin-bottom: 40px; font-size: 42px; font-weight: 600; letter-spacing: 10px; z-index: 9;}
.hero h3{position: relative; font-size: 33px; letter-spacing: 2px; z-index: 9;}
.hero video{position: absolute; width: 100%; min-height: 350px; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; z-index: 1;background-color: #194a90;}

.category-boxes{display: flex; flex-wrap: wrap;}
.category-boxes .category-box{width: 20%; padding: 5px;}
.category-boxes .category-box p{display: block; margin-top: 15px; font-size: 18px; text-transform: uppercase; color: #555;}
.category-boxes .category-box a{display: block; padding: 20px; text-align: center; border: 1px #ddd solid;}
.category-boxes .category-box a:hover{border: 1px #194A90 solid;}
.category-boxes .category-box a:hover > p{color: #194A90;}


.featured-cat-row-1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.featured-cat-row-1 h2 {
    text-align: center;
    padding-bottom:20px;
    border-bottom:1px #194A90 solid;
    margin-bottom:20px;
    width:100%;
}
.featured-cat-row-1 a {
    width:31%;
    border: 1px #ddd solid;
    padding:20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:10px;
    align-items: center;
    transition: all .2s ease-in-out;
}
.featured-cat-row-1 a img {
    max-width: 100%;
    width:100%;
    display: block;
    height: auto;
    margin:0 auto;
}
.featured-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
}
.featured-text h3 {
    text-align: center;
    color:#000;
}
.featured-text p {
    display: block;
    text-align: center;
    background: none;
    color:#194A90;
    padding: 7px 40px 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    border: 1px #194A90 solid;
    transition: all .2s ease-in-out;
}
.featured-text p:hover {
    background: #194A90;
    color:#fff;
    border: 1px #194A90 solid;
}
.featured-cat-row-1 a:hover {
    border: 1px #194A90 solid;
}

/* SUB-PAGES */

.category-boxes.small{max-width: 1600px; margin: 0 auto; padding: 25px 20px;}
.category-boxes.small .category-box{width: 11.1%;}
.category-boxes.small .category-box p{font-size: 11px;}
.category-boxes.small .category-box a{height: 100%; padding: 10px;}
.category-boxes.small .category-box a:hover{border: 1px #aaa solid;}

.orlaco-details img{width: 100%; margin-bottom: 25px;}
.orlaco-details h3{margin-bottom: 5px;}
.orlaco-details .flex-col{margin: 25px 0;}
.orlaco-details .col-4{padding-right: 25px;}

.service-details .col-6:last-child{padding-left: 50px;}

.spec-container{display: flex; flex-wrap: wrap;}
.spec-container .spec-column{width: 20%; margin-bottom: 50px; padding: 0 25px; border-left: 1px #ddd solid;}
.spec-container .spec-column a{display: block; margin: 8px 0;}

.contact-container{display: flex; flex-wrap: wrap;}
.contact-container .contact-box{width: 25%; padding: 25px; padding-left: 0;}

.career-post{padding: 35px 0; border-bottom: 1px #ddd solid;}

.warranty-container{display: flex; flex-wrap: wrap;}
.warranty-container .warranty-column{width: 33.3333%; margin-bottom: 50px; padding: 0 25px; text-align: center; border-left: 1px #ddd solid;}
.warranty-container .warranty-column img{display: block; width: 100%; max-width: 250px; margin: auto;}
.warranty-container .warranty-column a{display: block; margin: 8px 0;}

/* MAGNI TELEHANDLERS */

.magni-hero{background: #000; padding: 50px 0; color: #fff;}
.magni-hero .flex-col{align-items: center;}
.magni-hero .col-6{padding-right: 25px;}
.magni-hero img{display: block; max-height: 80px;}
.magni-hero hr{display: block; width: 70px; margin: 25px 0 15px; border-top: 10px #fff solid;}
.magni-hero h1{margin-bottom: 10px;}
.magni-hero a{display: inline-block; background: #AE171A; margin-top: 50px; padding: 8px 25px; font-weight: 600; text-align: center; color: #fff; border-radius: 5px;}
.magni-hero a:hover{background: #fff; color: #AE171A;}

.magni-selector{padding: 35px; text-align: center; font-weight: 700; box-shadow: 0px 3px 15px #00000029;}
.magni-selector hr{display: block; width: 35px; margin: 0 auto 15px; border-top: 8px #AE171A solid;}
.magni-selector h3{margin-bottom: 25px; font-size: 28px;}
.magni-selector select{display: block; width: 350px; max-width: 100%; margin: 5px auto 0; padding: 12px; border: 1px #AE171A solid;}

.magni-selection{display: none; max-width: 1100px; margin: auto; padding: 25px 0; font-size: 12px;}
.magni-selection .col-6{padding: 15px 20px;}
.magni-selection hr{display: block; width: 35px; margin: 0 0 15px; border-top: 8px #AE171A solid;}
.magni-selection h3{margin-bottom: 5px; font-size: 18px; font-weight: 600;}

.magni-selection .table-wrapper{max-width: 100%; margin: 25px 0; overflow-y: auto;}
.magni-selection table{width: 100%; font-size: 14px; line-height: 1.25;}
.magni-selection table th{padding: 10px; text-align: left; color: #AE171A;}
.magni-selection table th.align-center{text-align: center;}
.magni-selection table tr{padding: 10px 0;}
.magni-selection table tr:nth-child(even){background: #E0DFDF;}
.magni-selection table td{padding: 10px;}

.magni-inventory{padding: 50px 0;}
.magni-inventory h3{font-size: 30px; font-weight: 400; text-align: center;}
.magni-inventory h4{margin: 5px 0 25px; font-size: 16px; font-weight: 600; text-align: center;}

.magni-inv-box{display: flex; align-items: center; flex-wrap: wrap; margin: 15px 0; padding: 15px; border: 1px #ccc solid;}
.magni-inv-box .magni-inv-img{width: 40%;}
.magni-inv-box .magni-inv-img img{display: block; margin: auto;}
.magni-inv-box .magni-inv-text{width: 60%;}
.magni-inv-box .magni-inv-text strong{display: block; margin-bottom: 10px; font-size: 18px; font-weight: 500;}
.magni-inv-box .magni-inv-text a{display: inline-block; background: #fff; margin-top: 20px; padding: 8px 25px; font-weight: 600; text-align: center; color: #AE171A; border-radius: 5px; border: 1px #AE171A solid;}
.magni-inv-box .magni-inv-text a:hover{background: #AE171A; color: #fff;}

.magni-advantage{max-width: 1100px; margin: auto; padding: 25px 0; font-size: 12px;}
.magni-advantage hr{display: block; width: 35px; margin: auto; border-top: 8px #AE171A solid;}
.magni-advantage h3{margin: 25px 0; font-size: 32px; font-weight: 700; text-align: center;}
.magni-advantage-btns{display: flex; flex-wrap: wrap;}
.magni-advantage-btns .magni-advantage-btn{background: #AE171A; width: calc(50% - 30px); margin: 15px; border-bottom-right-radius: 50px;}
.magni-advantage-btns .magni-advantage-btn img{width: 100%; height: 224px; object-fit: cover;}
.magni-advantage-btns .magni-advantage-text{padding: 25px; color: #fff;}
.magni-advantage-btns .magni-advantage-text h4{display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600;}

.magni-form{background: #AE171A; padding: 50px 0; color: #fff;}
.magni-form h3{margin-bottom: 25px; font-size: 24px; font-weight: 700;}

.magni-about{background: #000; padding: 50px 0; color: #fff;}
.magni-about hr{display: block; width: 50px; margin: 0 0 30px; border-top: 8px #fff solid;}
.magni-about h2{font-size: 28px; color: #fff;}
.magni-about h3{margin: 5px 0 20px; font-weight: 700; color: #AE171A;}

/* NEWS */

.news-article hr{margin: 25px 0; border: none; border-top: 1px #ddd solid;}
.news-article p{margin: 2px 0 8px; font-size: 15px; line-height: 1.7em;}
.news-article ul{margin: 2px 0 8px;}
.news-article ul li{margin-left: 20px; font-size: 14px; list-style: disc;}
.newstitle{margin-top: 10px; font-size: 20px; font-weight: 700;}
.newsdate{margin-top: 5px; font-size: 10px;}
.newstext{margin-top: 10px;}
.news-navigation{font-size: 18px; font-weight: 600;}

/* FORM */

.form h2{margin-bottom: 25px;}
.form .form-row{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.form .form-row .label-left{width: 250px; padding-right: 15px;}
.form .form-row .label-left label span{padding-left: 5px; color: #92080B;}
.form .form-row .input-right{width: calc(100% - 250px);}
.form .form-row .input-right label{display: inline; margin-right: 10px; cursor: pointer;}
.form input[type="text"], .form input[type="email"], .form select, .form textarea{background: #f2f2f2; width: 100%; padding: 15px; font-family: 'Montserrat', sans-serif; border-radius: 5px; border: none;}
.form input[type="checkbox"], .form input[type="radio"]{position: relative; top: 2px; margin: 5px 10px 5px 0;}
.form input[type="submit"]{display: block; width: 100%; max-width: 250px; background: #000; margin: 5px auto; padding: 15px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 5px; border: none; transition: all .2s ease-in-out; cursor: pointer;}
.form input[type="submit"]:hover{background: #333;}
.form textarea{height: 120px;}

.CaptchaPanel{margin: 0 !important; padding: 0 !important; line-height: normal !important;}
.CaptchaImage{max-width: 200px !important; margin: 0 auto !important;}
.CaptchaMessagePanel{padding: 0 !important; margin: 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
.CaptchaAnswerPanel{margin: 0; padding: 2px 0px 2px 0px !important;}
.CaptchaAnswerPanel input{width: 250px; max-width: 100%; padding: 5px; margin: 5px 0;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{font-size: 12px; color: #000;} .CaptchaWhatsThisPanel a:hover{text-decoration: none;}

/* FOOTER */

.zoom-container{display: flex;}
.zoom-container .zoom{position: relative; overflow: hidden;}
.zoom-container .zoom img{display: block; width: 100%;}
.zoom-container .zoom .zoom-caption{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .15); font-size: 36px; font-weight: 700; text-transform: uppercase; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.75); color: #fff; transition: all .5s ease; z-index: 10;}
.zoom-container .zoom:hover .zoom-caption{background: rgba(0, 0, 0, 0);}

.manus .manu-title{background: #194A90; padding: 15px 20px; text-transform: uppercase; color: #fff;}
.manus .manu-title h3{font-size: 24px;}
.manus ul{display: flex; flex-wrap: wrap;align-items: center; padding: 25px 0;}
.manus ul li{width: 14%;}
.manus ul li a{display: flex; align-items: center; justify-content: center; padding: 10px 25px;}
.manus ul li a:hover{opacity: .5;}
.manus img{max-height: 100px;}

.footer{background: #282828; padding: 35px 0; line-height: 1.75; color: #fff;}
.footer h3{margin-bottom: 5px; font-weight: 700; color: #5690E1;}
.footer a:hover{opacity: .75;}
.footer .col-3{padding-right: 25px;width:20%;}

.bottom-footer{background: #404040; padding: 30px 0 20px; color: #ddd;}
.bottom-footer a:hover{opacity: .75;}
.bottom-footer .container{display: flex;}
.bottom-footer .social{margin-left: auto;}
.bottom-footer .social a{display: inline-block; padding: 0 3px; font-size: 24px;}
.bottom-footer ul{display: flex; align-items: center; margin-bottom: 15px;}
.bottom-footer ul li{padding: 0 15px; border-left: 1px #fff solid;}
.bottom-footer ul li:first-child{padding: 0 15px 0 0; border-left: none;}
.bottom-footer ul li a{display: block; line-height: 1;}

/* RESPONSIVE */

@media screen and (max-width: 1300px){
	.category-boxes.small .category-box{width: 20%;}
	.category-boxes .category-box p{font-size: 16px;}
}
@media screen and (max-width: 1024px){
	.hero h1{font-size: 24px;}
	.hero h3{font-size: 20px;}
	.category-boxes .category-box p{font-size: 14px;}
	.category-boxes .category-box{width: 33%;}
	.zoom-container .zoom .zoom-caption{font-size: 24px;}

	.service-details .col-6{width: 100%;}
	.service-details .col-6:last-child{padding-left: 0; margin-top: 25px;}
	
	.spec-container .spec-column{width: 25%;}
	.contact-container .contact-box{width: 33.3333%;}
	
	.footer .col-3{width: 50%; margin-bottom: 15px; font-size: 12px;}
	.bottom-footer{font-size: 12px;}
    .manus ul li{width: 25%;}
}
@media screen and (max-width: 768px){
	.main{padding: 25px 0;}F
	
	.header{padding: 25px 0 0;}
	.header .container{flex-wrap: wrap;}
	.header .logo{margin: auto;}
	.header .header-right{width: 100%; margin: 10px auto;}
	.header .contact{justify-content: center; font-size: 21px;}
	
	.category-boxes .category-box{width: 50%;}
	.zoom-container{flex-wrap: wrap; margin: 5px 0;}
	.zoom-container .zoom{width: 100%; height: 150px; margin: 5px 0;}
	.zoom-container .zoom img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	
	.orlaco-details .col-4{width: 100%; padding: 25px 0;}
	
	.spec-container .spec-column{width: 33.3333%;}
	.contact-container .contact-box{width: 50%; font-size: 12px;}
	.warranty-container .warranty-column{width: 100%; margin: 0; padding: 15px 0; border: none; border-bottom: 1px #ddd solid;}
	
	.magni-hero{padding: 35px 0;}
	.magni-hero .col-6{width: 100%; padding-right: 0;}
	.magni-hero a{margin: 25px 0;}
	.magni-selection .col-6{width: 100%; padding: 15px 0;}
	.magni-inv-box .magni-inv-img, .magni-inv-box .magni-inv-text{width: 100%; padding: 15px; text-align: center;}
	.magni-advantage-btns .magni-advantage-btn{width: 100%; margin: 15px 0;}
	
	.form .form-row{margin-bottom: 5px;}
	.form .form-row .label-left, .form .form-row .input-right{width: 100%; padding: 0;}
	.form input[type="text"], .form input[type="email"], .form select, .form textarea{margin: 5px 0 10px;}
	
	.manus .manu-title h3{font-size: 20px;}
	.manus ul li{width: 50%;}
	.bottom-footer .container{flex-wrap: wrap; text-align: center;}
	.bottom-footer .copyright{width: 100%;}
	.bottom-footer ul{display: block;}
	.bottom-footer ul li{display: inline-block;}
	.bottom-footer .social{margin: 15px auto;}
	
	.category-boxes.small .category-box{width: 33%;}
	.category-boxes.small .category-box p{font-size: .6rem;}
    .featured-cat-row-1 a {
        width:48%;
        margin:15px auto;
    }
}
@media screen and (max-width: 480px){
	input, select{-webkit-appearance: none;}
	
	
	.spec-container .spec-column{width: 100%; margin: 0; padding: 15px 0; border: none; border-bottom: 1px #ddd solid;}
	.contact-container .contact-box{width: 100%; padding: 10px 0;}
	
	.manus ul li a{padding: 10px;}
	.footer .col-3{width: 100%;}
    .featured-cat-row-1 a {
        width:100%;
    }
}