@import './base.css';

body {font-family: "inter-variable", sans-serif; font-size: 18px; color:#1B1B1B; line-height:150%}

h2, h3, h4, h5, h6 {font-weight:500}

h1 {font-size:62px; line-height:70px; color:#101237; line-height:112%; font-weight:bold}
h2 {font-size:44px; line-height:55px; color:#101237}
h3 {font-size:26px; color:#333; font-weight:300; color:#101237; font-weight:500}

.shiftleft89 {margin-left:89px}
.shiftright100 {margin-right:100px}

.btn {border:1px solid transparent; border-radius:32px; font-size:18px; padding:15px 45px; margin-right:18px}

.btn-primary {background-color:#1B5E20; color:#fff}
.btn-primary:active, .btn-primary:hover {background-color:#1B5E20!important; border-color:transparent!important}

.btn-secondary {background-color:transparent; border-color:#2B314C; color:#1B1B1B}
.btn-secondary img {margin-right: 20px; margin-top:-5px}
.btn-secondary:active, .btn-secondary:hover {background-color:#1B5E20!important; border-color:#1B5E20; color:#FFF}

.mob-show, .hide {display: none}


@media only screen and (max-width:991px){
    .mob-hide {display:none}
    .mob-show {display:block}
}

@media only screen and (max-width:991px) {
    h1 {font-size:30px; line-height:36px}
    h2 {font-size:25px; line-height:34px}
    h3 {font-size:25px; line-height:34px}
}

/**Sections**/
.section {padding-top: 98px; padding-bottom: 98px}
.section .container-fluid {padding-left:80px!important; padding-right:80px!important}
.section.grey {background:#F9F8F8}

.feature {padding:40px; background:#fafafa; border:1px solid #DADADA; border-radius:8px; height:500px}
.feature.custom {border:2px solid #1B5E20}
.feature h3 {margin-bottom:10px}
.feature:first-child {margin-left:unset}
.feature:last-child {margin-right:unset}

.information {background: #1B5E20; border-radius:20px; padding:54px}
.information h2, .information p {color:#fff; height:auto!important}
.information .btn-secondary, .information .btn-secondary:active, .btn-secondary:hover {background-color:transparent; border-color:#fff; color:#fff}
.information .btn-white, .information .btn-white:active, .information .btn-white:hover {background-color:#fff!important; border-color:#fff; color:#1B5E20}

.iconcard {margin-bottom:42px}

@media only screen and (max-width:1317px){
    .feature {height:650px}
}

@media only screen and (max-width:1025px) {
    .section {padding-top: 60px; padding-bottom: 50px; padding-left: 15px; padding-right: 15px}
    .section .container-fluid {padding-left:15px!important; padding-right:15px!important}
    .section p {margin-bottom:0}
    .featurescontained {width:100%!important}
    .feature {height:auto!important}
    #featured-3 {text-align:center}
    .cta.homepage {text-align:center; padding: 50px 0 50px 0}

}

/**Navigation bar**/ 
.navbar {background-color:#fff}
.navbar-nav {margin-right:-12px}
.nav-link {font-size:16px; font-weight:bold; color:#333}

.navbar.navlanding {border-radius:unset; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; padding-top:0; padding-left:100px; padding-right:100px; background:rgba(255, 255, 255,0.8); -webkit-transition: background .5s ease-out; -moz-transition: background .5s ease-out;  -o-transition: background .5s ease-out; transition: background .5s ease-out; position:absolute}
.navbar.navlanding .nav-item {padding-left:10px; padding-right:10px; margin-top:15px; margin-bottom:15px}
.navbar.navlanding .nav-link {padding-top:35px; padding-bottom:35px}
.navbar.navlanding .btn-navbar {padding-top: 37px; padding-bottom: 35px}
.navbar.navlanding .nav-item:last-child {padding-right:0}
.navbar.navlanding.sticky {background:rgba(255, 255, 255,1); border-bottom:1px solid #E2E2E2; height:auto; position:fixed}
.navbar.navlanding.sticky .navbar-toggler {margin-top:0}


@media only screen and (max-width:991px) {
    .navbar {background-color:transparent!important}
    .navbar.navlanding {padding-top:17px; padding-left:0; padding-right:0}
    .navbar.navlanding.sticky {background-color:#fff!important; padding-top:0; padding-left: 0px; padding-right: 0px}
    .navbar.navlanding.sticky .btn-secondary {margin-top:-12px}
    .navbar.navlanding .nav-link {text-align:right; padding-top:10px; padding-bottom:10px}
    .navbar-toggler {margin-top: -7px}
    .navbar .btn-secondary {border-radius:30px; position:absolute; top:24px; right:10px}
    .navbar-nav {background:#fff; padding:25px; padding-right:8px; margin-right:auto}
    .navbar-brand {padding:10px 15px}

}

@media only screen and (max-width:835px){
.information .btn {width:100%}
.information .btn-white {margin-top:15px}
}

/*Header*/
.header.homepage {padding-top:228px; margin-right:100px}
.header.homepage p {margin-bottom:28px; margin-top:20px; line-height:170%; font-size:20px}
.header.homepage hr {margin-top:92px}


@media only screen and (max-width:991px) {
    .header {height:650px}
    .header h1, .header p {margin-bottom:10px!important}
    .covertext {top:49%; margin-left: 55px; margin-right: 55px}
    .topheader h1 {font-size:30px}
    .header .btn {margin-top:20px}
    }

@media only screen and (max-width:850px){
    .header.homepage {padding-top: 180px; margin-right:0}
    .shiftleft89 {margin-left:15px}
    .shiftright100{margin-right:15px}
}


.scroll-down {position: absolute; left: 30%; right:70%; bottom: 5vh; display: block; text-align: center; font-size: 20px; z-index: 100; text-decoration: none; text-shadow: 0; width: 13px; height: 13px;	border-bottom: 2px solid #333;	border-right: 2px solid #333;	z-index: 9;	-webkit-transform: translate(-50%, 0%) rotate(45deg);	-moz-transform: translate(-50%, 0%) rotate(45deg);	transform: translate(-50%, 0%) rotate(45deg);	-webkit-animation: fade_move_down 2s ease-in-out infinite;	-moz-animation: fade_move_down 2s ease-in-out infinite;	animation: fade_move_down 2s ease-in-out infinite}

/*Footer*/
footer {background-color:#144117; color:#fff; padding:50px 90px 50px 90px}

@media only screen and (max-width:991px) {
    footer {padding: 30px 20px 30px 20px}
}

@media only screen and (max-width:568px){
    footer span {padding-bottom:15px}
}