/*
Theme Name: MaxPack
Theme URI: https://danielvpx.com/
Author: the WordPress team
Author URI: https://danievpx.com/
Description: Theme created for MaxPack 
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,500i,700');
html,body{font-family:'Raleway';letter-spacing:0px; }
h1,h2,h3,h4,h5,h6,p,a{font-family:'Raleway'!important}
a:hover{text-decoration:none}
/* 
Blue:#0072bc;
Green:#2bb673;
Dark Green:#00734a;
*/
/*=====GLOBAL======*/
.uk-button{border-radius: 3px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-weight: 300; }
.uk-button:hover{background-color:#d3d3d3}
.uk-button-secondary{background-color:#fafafa;border-radius: 3px;padding:12px 30px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-weight: 300;color:#333;}
.uk-button-secondary:hover{background-color:#efefef;}
.uk-button-contact{background-color:#2bb673;color:#fff;border-radius: 3px;padding:12px 30px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-weight: 300;   }
.uk-button-contact:hover{background-color:#00734a;color:#fff;}
.uk-button-primary{background-color:#0072bc }
.uk-button-primary:hover{background-color:#046ba5}
.filter{background-color:rgba(0,114,188,0.8);position: absolute;width:100%;height:100%;top:0;left:0;    }
.uk-offcanvas-bar{background-color:#2bb673 }
.loading{background-color:#fff;position:fixed;width:100%;height:100%;z-index:100000; }
/*=====HEADER======*/
.header{background-color:#fff;position:absolute;width:100%;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,0.1) }
.header .inner{width:100%;max-width:1200px;margin:auto;overflow: hidden;padding:10px 0;  }
.header .logo{float:left;margin-left: 10px;}
.header a.toggle{float: left;margin-left:10px;margin-top: 5px;font-size:20px;display: none;  }
.header .navbar{float:right;margin-top:20px; }
.header .navbar ul li{display:inline-block;margin:0 10px; }    
.header .navbar ul li a{font-weight:300;color:#424242;  }
.header .navbar ul li a .uk-icon{font-size:20px; }
.header .navbar ul li a:hover{color:#0072bc;}
.uk-offcanvas-bar ul{list-style: none;text-align: center;margin: 0;padding: 0;margin-top: 30px;}
.uk-offcanvas-bar ul li{margin:10px 0; }
.uk-offcanvas-bar ul li a{color:#fff;font-size:20px;  }
/*=====BANNER======*/
.banner{position: relative;width:100%;height:100%;overflow: hidden;  }
.banner video{object-fit: cover;position: absolute;top:0;left:0;min-width: 100%;min-height:100%;z-index:-1;background:url(/wp-content/uploads/images/header-background-mobile.jpg) center;background-size:cover;}
.banner .inner{width:100%;max-width:1200px;margin:auto;position:relative;z-index:2;text-align: center;padding-top:45vh;}
.banner .inner h2{color:#fff;font-weight: 300;font-size:50px;line-height:60px;width:90%;max-width:900px ;text-align: center;margin: auto;margin-bottom: 40px;}
.banner .inner .uk-button-secondary,.banner .inner .uk-button-contact{margin:20px;font-size:14px;   }
/*=====QUOTE======*/
section.quote .inner{padding:50px 0; }
section.quote h2{font-style: italic;font-size:42px;color:#0072bc;text-align: center;font-weight:700; }
/*=====ABOUT======*/
section.about{background:url(/wp-content/uploads/images/home-whoweare-bg.jpg) center no-repeat;background-size:cover}
section.about h2{color:#fff; text-align: center;font-size: 50px;margin-bottom: 50px;}
section.about p{font-size:16px;line-height:25px;margin:20px 80px; }
section.about .whoweare{background-color:rgba(43,182,115,0.9);color:#fff; }
section.about .whatwedo{background-color:rgba(0,115,74,0.7);color:#fff;}
section.about .inner{padding:100px 0; }

/*=====VIDEOS======*/
section.videos .inner{width:100%;max-width:1200px;margin:auto;padding:100px 0;   }
section.videos .subheader{margin-bottom:50px; }
section.videos h2{text-align: center;font-weight:300;font-size: 50px; }
section.videos p {text-align: center;color:#616161 }
section.videos p a{color:#2bb673 }
section.videos .uk-grid a{display:block;margin:2px;position:relative; }
section.videos .uk-grid a img{width:100%; }
section.videos .uk-grid a:hover .overlay{transform:scale(1.0);}
section.videos .uk-grid a .overlay{transition:all 0.5s;transform:scale(0);-webkit-transform:scale(0);-webkit-transition:all 0.5s;;position: absolute;background-color: rgba(0,114,188,0.8);width:100%;height: 100%;top:0;left:0;text-align: center;cursor: pointer; }
section.videos .uk-grid a .overlay h3{color:#fff;font-size:14px;line-height:18px;margin-top:20px;width:90%;margin:20px; auto  }
section.videos .uk-grid a .overlay .uk-icon{color:#fff;font-size:50px;  }
/*=====IN THE NUMBERS======*/
section.numbers{background-color:#f5f5f5}
section.numbers .inner{width:90%;max-width:1200px;margin:auto;padding:100px 0;     }
section.numbers .subheader{margin-bottom:50px; }
section.numbers h2{text-align: center;font-weight:300;font-size: 50px;}
section.numbers .indicator{border:5px solid #f5f5f5;box-sizing: border-box;text-align: center;transition:all 0.5s; }
section.numbers .blue{background-color:#0072bc;text-align: center;transition:all 0.5s;border:3px solid #f5f5f5; }
section.numbers .blue:hover{opacity:0.7; }
section.numbers .green{background-color:#2bb673;border:3px solid #f5f5f5;}
section.numbers .green:hover{opacity:0.7 }

/*=====CLIENTS======*/
section.clients .inner{width:90%;max-width:1200px;margin:auto;padding:100px 0;     }
section.clients .subheader{margin-bottom:50px; }
section.clients h2{text-align: center;font-weight:300;font-size: 50px;}
section.clients a.client{display:block;border-left:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;;text-align: center;}
section.clients a.client:hover img{filter: none;-webkit-filter:none}
section.clients a.client img{filter: grayscale(100%);-webkit-filter: grayscale(100%);transition:all 0.5s;}
section.clients .uk-grid .uk-width-medium-1-6:nth-child(1) a.client{border-left:0; }
/*=====CONTACT======*/
section.contact{background-color:#f5f5f5}
section.contact .inner{width:90%;max-width:1200px;margin:auto;padding:100px 0;     }
section.contact .subheader{margin-bottom:50px; }
section.contact h2{text-align: center;font-weight:300;font-size: 50px;color:#0072bc }
section.contact p {text-align: center;color:#616161;font-size:16px;  }
section.contact .uk-form{width:90%;margin:auto;max-width:400px;text-align: center   }
section.contact .uk-form-controls input,section.contact .uk-form-controls textarea{border:0;padding:30px 10px; ;border-radius: 3px;font-size:16px;  }
section.contact .uk-form .uk-button-contact{padding:5px 30px;margin:20px;font-size:14px; }
/*=====FOOTER======*/
section.footer{text-align: center;background-color: #424242;color:#bdbdbd }
section.footer .inner{padding:20px 0; }
section.footer a{color:#bdbdbd;font-size:25px;display: inline-block;margin:20px  }




/*=====ABOUT PAGE======*/
.title{position: relative;}
.title .inner{padding:150px 0 50px;position: relative;z-index: 2}
.title h1{color:#fff; text-align: center;font-size:50px;font-weight:700; }
.title h2{color:#fff; text-align: center;font-size:20px;font-weight:300;font-style: italic; }
.title.about-page{background:url(/wp-content/uploads/images/about-header.jpg) center no-repeat;background-size:cover;}

section.about-page .inner{padding:100px 0;width:90%;margin: auto;max-width:1200px;}
section.about-page h2{font-size: 30px;text-transform: uppercase;margin:20px; }
section.about-page p{margin:20px;text-align: justify; }
section.about-page blockquote{color:#0072bc;font-size:40px;text-align: center;font-weight: 300;line-height:50px;font-style: normal;border-left:0;margin-top:80px;padding:0;     }

section.map{background-color:#fafafa;}
section.map h2{font-size: 30px;text-transform: uppercase;margin-left:40px; }
section.map .inner{padding:50px 0;width:100%;max-width:1200px;margin:auto;  }

/*=====INDUSTRIES PAGE======*/
.title.industries{background:url(/wp-content/uploads/images/industries-header.jpg) center no-repeat;background-size:cover;}
section.industries .inner{width:100%;max-width:1200px;margin:auto;padding-bottom:50px;     }
section.industries table th{background-color:#0072bc;color:#fff;font-weight: 300;padding:5px;  }
section.industries table td{background-color:#eeeeee;text-align: center;padding:10px;  }

/*=====CONTACT PAGE======*/
.title.contact-page{background:url(/wp-content/uploads/images/contact-header.jpg) center no-repeat;background-size:cover;}
section.contact-page {background-color:#f5f5f5 }
section.contact-page .inner{padding:100px 0;width:90%;max-width:1200px;margin:auto;}
section.contact-page .uk-form{width:90%;margin:auto;max-width:400px;text-align: center   }
section.contact-page .uk-form-controls input,section.contact-page .uk-form-controls textarea{border:0;padding:30px 10px; ;border-radius: 3px;font-size:16px;  }
section.contact-page .uk-form .uk-button-success{padding:5px 30px;margin:20px;font-size:14px; }
#map {height: 100%;}

/*=====VIDEOS PAGE======*/
.title.videos-page{background:url(/wp-content/uploads/images/about-header.jpg) center no-repeat;background-size:cover;}
section.videos-page .inner{width:100%;max-width:1200px;margin:auto;padding:50px 0;   }
section.videos-page .uk-grid a{display:block;margin:2px;position:relative; }
section.videos-page .uk-grid a img{width:100%; }
section.videos-page .uk-grid a:hover .overlay{transform:scale(1.0);-webkit-transform:scale(1.0);}
section.videos-page .uk-grid a .overlay{transition:all 0.5s;transform:scale(0);-webkit-transition:all 0.5s;-webkit-transform:scale(0);position: absolute;background-color: rgba(0,114,188,0.8);width:100%;height: 100%;top:0;left:0;text-align: center;cursor: pointer; }
section.videos-page .uk-grid a .overlay h3{color:#fff;font-size:14px;line-height:18px;margin-top:20px;width:90%;margin:20px; auto  }
section.videos-page .uk-grid a .overlay .uk-icon{color:#fff;font-size:50px;  }
section.featured .inner{width:100%;max-width:1200px;margin:auto;padding:50px 0 0; }
section.featred a.uk-button{width:150px; }