@font-face{
	font-family:"Bebas-Neue-Pro-Bold";
	src:url("../fonts/Bebas-Neue-Pro-Bold.otf");
	font-style:normal}
@font-face{font-family:"Bebas-Neue-Pro-Book";
src:url("../fonts/Bebas-Neue-Pro-Book.otf");
font-style:normal
}

@font-face{font-family:"Gotham";
src:url("fonts/Gotham-Medium.otf");
font-style:normal;
font-weight: 500;
}

@font-face{font-family:"Gotham";
src:url("fonts/Gotham-Light.otf");
font-style:normal;
font-weight: 400;
}

@font-face{font-family:"Gotham";
src:url("fonts/Gotham-Book.otf");
font-style:normal;
font-weight: 600;
}

@font-face{font-family:"Gotham";
src:url("fonts/Gotham-Bold.otf");
font-style:normal;
font-weight: 700;
}


html{
    scroll-behavior: smooth;
}

body{
    font-size: 17px;
    line-height: 32px;
    font-family:"Gotham", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;

}
a{transition: all .45s linear; text-decoration: none;}
a:hover{text-decoration: none;}
.lh-25{line-height: 25px;}
.lh-1{line-height: 1px;}

.bg-white{background-color:#FFF ;}

.bg-green{background-color:#006666 ;}
.bg-parkvista{background-color: #89A459;}
.bg-grey{background-color: #999999!important;}
.bg-grey-light{background-color: #F1F1F2!important;}
.bg-light2{background-color:rgba(102,102,102,.17)!important;}
.bg-footer{background-color: #EDEDED;}
.bg-yellow{background-color: #FBE026;}

.text-grey{color: #333333;}
.text-grey2{color: #666666;}
.text-green{color: #339966;}
.text-red{color:#f90401 ;}


strong, .fw-bo{font-weight: 700;}
.fw-bk{font-weight: 600;}
.fw-me{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}

.fs-80{font-size: 80px;}
.fs-70{font-size: 70px;}
.fs-58{font-size: 58px;}
.fs-53{font-size: 53px;}
.fs-47{font-size: 47px; line-height: 55px;}
.fs-40{font-size: 40px;}
.fs-39{font-size: 39px;}
.fs-38{font-size: 38px;}
.fs-36{font-size: 36px;}
.fs-32{font-size: 32px;}
.fs-28{font-size: 28px;}
.fs-22{font-size: 22px;}
.fs-19{font-size: 19px;}
.fs-14{font-size: 14px;}
.fs-13{font-size: 13px;}


.text-linked{color: #339966;}
.text-linked:hover{color: #339966; text-decoration: underline;}

.text-grey-linked{color: #333333;}
.text-grey-linked:hover{color: #333333; text-decoration: underline;}

.img-linked{transition: all .25s linear; text-decoration: none;}
.img-linked:hover{cursor: pointer; transform: scale(1.1);}

.btn-register{background-color: #f90401; color: #FFF; font-weight: 700; font-size: 20px; padding: 12px 44px; display: inline-block; letter-spacing: 3px; border:none;}
.btn-register:hover{color: #666; cursor: pointer;}

.btn-submit{padding: 10px 25px;}

.lh-15{line-height: 1.5;}

@media screen and (max-width: 992px){
    body{padding-top: 116px;}
}

@media screen and (max-width: 992px){
    .fs-80{font-size: 75px;}
    .fs-58{font-size: 48px;}
    .fs-53{font-size: 53px;}
    .fs-47{font-size: 44px; line-height: 44px;}
    .fs-40{font-size: 36px;}
    .fs-39{font-size: 39px;}
    .fs-38{font-size: 36px;}
    .fs-32{font-size: 30px;}

}

@media screen and (max-width: 767px){
    .fs-80{font-size: 70px;}
    .fs-58{font-size: 38px;}
    .fs-53{font-size: 53px;}
    .fs-47{font-size: 42px; line-height: 40px;}
    .fs-40{font-size: 32px;}
    .fs-39{font-size: 39px;}
    .fs-38{font-size: 33px;}
    .fs-32{font-size: 28px;}

}

@media screen and (max-width: 576px){
    .fs-80{font-size: 40px;}
    .fs-58{font-size: 28px;}
    .fs-53{font-size: 43px;}
    .fs-47{font-size: 24px; line-height: 32px;}
    .fs-40{font-size: 16px;}
    .fs-39{font-size: 39px;}
    .fs-38{font-size: 30px;}
    .fs-32{font-size: 24px;}

}


#mainNav {
	background:transparent;
    font-size: 15px;
    padding-left: 0;
    position: fixed;
    left: 0%;
    top: 0;
    z-index: 99;
    width: 100%;
}

#mainNav .navbar-nav .nav-item .nav-link {
	color:#FFF;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 5px 15px;
    border-bottom: 1px solid rgba(255,255,255,0) ;

}
#mainNav .navbar-nav .nav-item .active,
#mainNav .navbar-nav .nav-item .nav-link:hover{
    color: #FFF;
    border-bottom: 1px solid #FFF ;
}
/* }

#mainNav #nav-regi{color: #FFFFFF;  background-color: #666666; padding: 5px 15px;}
#mainNav #nav-regi:hover{color: #FFF; background-color: #999;} */

#mainNav #nav-regi-sm,
#mainNav .navbar-nav .nav-social-icon,
#mainNav .social-icons-sm{display: none;}

.navFixed .nav-item .nav-link{color: #666666!important;}
.navFixed .nav-item .nav-link-regi{color: #FFF!important;}

@media screen and (min-width: 992px){
    #mainNav {height: 128px; padding: 0 15px 0 0;}

    #mainNav .navbar-brand img{max-width: 231px;}
    #mainNav .navbar-nav{align-items: flex-end;}
    #mainNav .navbar-nav .nav-item {padding: 38px 15px 0;}
    #mainNav .btn-register-now{background-color: #666666; line-height: 22px; padding: 38px 15px 7px!important; transition: all .25s ease-in-out;}
    #mainNav .btn-register-now:hover{background-color: #999;    }
    #mainNav .btn-register-now .nav-link,
    #mainNav .btn-register-now .nav-link:hover{border-bottom: none!important;}

    #mainNav .navbar-nav .nav-item .nav-link {padding: 38px 0px 0 0px; text-align: center;}
     #mainNav .navbar-nav .nav-social-icon{display: block;}
}
@media (max-width: 1199px) and (min-width: 992px){
    #mainNav .navbar-brand img{max-width: 250px;}
    #mainNav .navbar-nav .nav-item .nav-link { font-size: 13px; padding: 27px 10px; }
    #mainNav .social-icons{display: block;}

}

@media screen and (max-width: 991px){
    #mainNav {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background-color: #E0E0E0!important; padding: 0;}
    #mainNav .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51, 153,102, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler {border-color: none;}
    .navbar-toggler:focus, .navbar-toggler:active {outline: none; box-shadow: none; }


    #mainNav .navbar-brand{width: 100%; background-color: #FFF; display: block; padding: 15px; margin: 0;}
    #mainNav .navbar-collapse {background-color: #FFF;}
    #mainNav .navbar-brand img{width: 85px;}
    #mainNav .navbar-nav{padding-top: 0px; padding-bottom: 15px;}
    #mainNav .social-icons{display: inline;}
    #mainNav .nav-item .nav-link{color: #666666!important;}
    #mainNav #nav-regi{display: none;}
    #mainNav #nav-regi-sm{display: block; position: fixed; top:0; right: 0; color: #FFFFFF; line-height: 19px; background-color: #666666; width: 125px; text-align: center; height: 65px;
    padding-top: 16px; font-weight: 700;}
     #mainNav #nav-regi-sm:hover{color: #FFF; background-color: #999999;}

    #mainNav .social-icons-sm{display: block; list-style-type: none; margin-left: -25px; margin-bottom: 0;}



}


#registerSection  .form-control {
    font-size: 20px;
    line-height: 54.85px;
    height: 80px;
    color: #3C3C3B;
    border-radius: 0;
}

.social-icons{width: 35px; margin: 8px; display: inline-block;}
.social-icons:hover{transform: scale(1.05);}


.custom-list li{ margin-bottom: 25px;}

#myVideo{position: absolute; height: 100%; width: 100%;}

.mt--2{margin-top: -10px;}

  .hero-video-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 100;
}
#hero-video {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
}




 @media screen and (max-width: 992px){
   #registerSection  .form-control { font-size: 17px; height: 55px; }
 }

 @media screen and (max-width: 767px){
     .img-tree{width: 64px ;}
    .card-group>.card { -ms-flex: auto;  flex: auto;   margin-bottom: 15px;}
    #registerSection  .form-control { font-size: 18px; height: 55px; }
 }
 @media screen and (max-width: 576px){
     #registerSection  .form-control { font-size: 17px; height: 45px; }
 }


/*2021*/
.hero-wrapper{width: 100%; height: 100vh; position: relative; background-image: url('../images/hero/hero.jpg'); background-position: top; background-size: cover;}
.hero-wrapper .captions{position: absolute; left: 50%; bottom:50px; transform: translateX(-50%); width: 90%; color: #FFF; text-align: center;}
.hero-wrapper .captions h1{font-size: 100px; font-weight: 700;}
.hero-wrapper .captions h2{max-width: 999px; margin:  0 auto; font-weight: 700;}

@media screen and (max-width: 991px){
    .hero-wrapper{height: 825px;}
    .hero-wrapper .captions h1{font-size: 80px; }
}
@media screen and (max-width: 767px){
    .hero-wrapper{height: 625px;}
     .hero-wrapper .captions h1{font-size: 50px; }
}
@media screen and (max-width: 576px){
    .hero-wrapper{height: 425px;}
     .hero-wrapper .captions h1{font-size: 32px; }
}


@media screen and (min-width: 992px) {
    .reasons-text{min-height: 375px; padding-bottom: 30px;}
}

@media screen and (min-width: 1199px) {
     .col-lg-20{max-width: 20%;}
     .reasons-text{min-height: 520px;}
}

@media screen and (min-width: 1499px) {
     .reasons-text{min-height: 400px;}
}


 .img-builder-logo{padding: 15px 45px;}
 @media screen and (max-width: 767px){.img-builder-logo{padding: 15px;}}