@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{
    padding-top: 91px;
    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-green{background-color:#006666 ;}
.bg-parkvista{background-color: #89A459;}
.bg-grey{background-color: #999999!important;}
.bg-grey-light{background-color: #F1F1F2!important;}
.bg-footer{background-color: #EDEDED;}
.bg-yellow{background-color: #FBE026;}

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


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-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: #666666; color: #FFF; font-weight: 700; font-size: 23px; padding: 30px 20px; display: inline-block; letter-spacing: 3px; border:none;}
.btn-register:hover{color: #FBE026; cursor: pointer;}

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


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

@media screen and (max-width: 992px){
    .fs-80{font-size: 75px;}
    .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-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-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:white !important;
    font-size: 15px;
}

#mainNav .navbar-nav .nav-item .nav-link {
	color:#666666;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 5px 15px;

}
#mainNav .navbar-nav .nav-item .active,
#mainNav .navbar-nav .nav-item .nav-link:hover{
    color: #006666;
}

#mainNav #nav-regi{color: #FFFFFF; line-height: 19px; background-color: #666666;}
#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;}

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

    #mainNav .navbar-brand img{max-width: 350px;}
    #mainNav .navbar-nav{align-items: flex-end;}
    #mainNav .navbar-nav .nav-item .nav-link {padding: 38px 10px 15px; 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-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; }
 }