html{}
h1, h2, h3, h4, p, a{}
h2{font-size:1.8rem;}
h3{font-weight:400;}
h4{}
.bold{font-weight:bold;}
.uppercase{text-transform:uppercase;}
.title h2::after{content:"";display:block;height:3px;width:55px;background:#448AFF;margin-top:20px;margin-bottom:20px;}
.corprimaria{color:#12487c;}
.corprimariabg{background:#12487c;}
.corsecundaria{}
.corwhite{color:#fff;}
.cordark{color:#0f375d}
.corgray{color:#9E9E9E;}
.cordarkbg{background:#0f375d}
.logo span{font-family:'Open Sans', sans-serif;}
.masthead{background:linear-gradient(45deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url(../img/header.jpg) no-repeat center center;background-size:cover;background-position:0px;min-height:100vh;}
.masthead h1,h2,h3,h4,p{color:#fff;}
.masthead .logo{transition:margin 330ms linear;width:40em;text-align:center;margin-top:10%;}
.masthead .logo img{max-width:100%;}
.masthead .call{text-align:left;}
.masthead .call .title{margin-top:1rem;margin-left:30px;margin-bottom:15px;color:#f8f8f8;}
.masthead .call .text{margin-left:30px;line-height:18px;}
.masthead .call .button{margin-left:30px;}
.menu{padding-top:30px;padding-left:0px;}
.menu ul{list-style:none;width:100%;padding-left:0px;}
.menu ul li{width:100%;text-align:right;}
.menu ul li a{margin-right:30px;display:block;padding:1px 0 0 0;color:#fff;font-weight:400;text-transform:uppercase;border-bottom:1px solid #fff;}
.menu ul li.active a, .menu ul li a:hover{color:#12487c;color:rgba(255, 255, 255, 0.8);border-bottom:1px solid #d1d1d1;border-bottom:1px solid rgba(255, 255, 255, 0.8);text-decoration:none;}
.button{cursor:pointer;display:inline-block;background:#d4fa00;text-transform:uppercase;color:#122224;font-weight:700;padding:12px 30px;border:none;}
.button:hover{background:#fff;}
.button-white{border-radius:15px;padding:0.5rem 3rem;background:transparent;color:#FFFFFF;border-color:#FFFFFF;}
.button-white:hover{background:#fff;}
.button-white:active, .button-white:focus {background: white;color: gray;}
#about{padding-top:70px;padding-bottom:70px;}
.about p{font-size:1.089rem;}
.about .letus{font-weight:100;margin-top:1rem;}
.about img{border-radius:5px;}
.about .about-box{margin:1rem;background:#FFFFFF;border-radius:5px;transition:all .5s ease-in-out;}
.about .about-box:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.15);transform:scale(1.001, 1.001);}
#services{padding-top:70px;padding-bottom:70px;background:#efefef;}
#services p{font-weight:lighter;padding-bottom:20px;}
#services h4{font-weight:600}
#services .services-box{padding:8px;margin-bottom:30px;background:#FFFFFF;border-radius:2px;-webkit-transition:box-shadow .3s ease-in-out;-moz-transition:box-shadow .3s ease-in-out;-ms-transition:box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;transition:all .3s ease-in-out;}
#services .services-box li{display:block;}
#services .services-box li:hover{padding-left:2px;transition:all .5s ease-in-out;}
#services .services-box:hover{box-shadow:0 5px 1rem rgba(0,0,0,.15);}
.imgblock{background:linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.75)), url(../img/imgblock.jpg) no-repeat center bottom;background-size:cover;padding-top:120px;padding-bottom:120px;}
.imgblock h2{margin-bottom:30px;}
.imgblock p{margin-bottom:15px;}
.business{padding-top:70px;padding-bottom:70px;background-color:#F3F3F3;}
.business .title{padding-bottom:25px;}
.business .business-box{margin-top:1rem;margin-bottom:1rem;background:#FFFFFF;border-radius:5px;transition:all .5s ease-in-out;}
.business .business-box:hover{box-shadow:0 2px 1rem 0 rgba(0,0,0,0.15);transform:scale(1.05, 1.05);}
#contact{padding-top:70px;padding-bottom:70px;}
.contact .letus{font-weight:100;margin-top:1rem;margin-bottom:40px;}
.contact a:hover{color:#bcbcbc;text-decoration:none;}
#contact p{margin-bottom:0}
#contact h5{margin-top:1rem}
footer{padding-bottom:5px;}
footer p{color:#fff;padding-top:5px;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
