@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.otf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.otf') format('truetype');
    font-weight: 600;
}


html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Gotham', sans-serif;
    font-size: 20px; 
    color: #53575A;
    font-weight: 400;
    padding-top: 163px;
}



a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #d39e0a; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.fw-bo{font-weight: 600;}
.fw-me{font-weight: 500;}
.fw-re{font-weight: 400;}

.fs-171{font-size: 171px;}
.fs-95{font-size: 95px;}
.fs-75{font-size: 75px;}
.fs-65{font-size: 65px;}
.fs-50{font-size: 50px;}
.fs-36{font-size: 36px;}
.fs-28{font-size: 28px;}
.fs-22{font-size: 22px;}
.fs-16{font-size: 16px;}


.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}

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

@media screen and (max-width:1199px){
   .fs-171{font-size: 95px;}
    .fs-75{font-size: 60px;}
    .fs-65{font-size: 50px;}
    .fs-50{font-size: 45px;}
    .fs-36{font-size: 34px;}
}

@media screen and (max-width:992px){
     body{font-size: 19px; padding-top: 74.5px;}
    .fs-171{font-size: 85px;}
    .fs-75{font-size: 55px;}
    .fs-65{font-size: 45px;}
    .fs-50{font-size: 42px;}
    .fs-36{font-size: 32px;}
    .fs-28{font-size: 27px;}
}


@media screen and (max-width: 767px){

    .fs-171{font-size: 65px;}
    .fs-75{font-size: 45px;}
    .fs-65{font-size: 38px;}
    .fs-50{font-size: 34px;}
    .fs-36{font-size: 28px;}
    .fs-28{font-size: 26px;}
    .fs-22{font-size: 21px;}
    .fs-16{font-size: 15px;}
}

@media screen and (max-width: 576px){
    body{font-size: 18px;}
    .fs-171{font-size: 50px;}
    .fs-75{font-size: 35px;}
    .fs-65{font-size: 30px;}
    .fs-50{font-size: 28px;}
    .fs-36{font-size: 24px;}
    .fs-28{font-size: 22px;}
    .fs-22{font-size: 20px;}
    .fs-16{font-size: 14px;}
}



.bg-grey{background-color: #545759!important; }
.bg-brand{background-color: #d39e0a;}

.text-brand{color:#D29E0E!important;}
.text-black{color:#000!important;}
.text-grey{color:#53575A!important;}
.text-shadow{text-shadow: 2px 2px #000000;}

a.text-black:hover{color: #D29E0E!important; text-shadow: 1px 2px 5px #CCC;}

.btn-brand{background-color: #d39e0a; border:none; display: inline-block;  transition: all 0.32s ease-out; color: #FFF; font-weight: bold; font-size: 20px; padding: 15px 25px; letter-spacing: 1.5px;  border: 3px solid #d39e0a; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}

.btn-share{background-color: #FFF; border: 3px solid #484c4c;color: #d39e0a!important}

.has-bg{background-position: center; background-size: cover; ; }
.hr-sm{border-bottom: 4px solid #FFF; width:400px; max-width: 80%; margin: 15px auto; opacity: 1;}
.img-border{border: 1px solid #000;}

.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(.97);
    cursor: pointer;
}

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




/* Navigation */
#topNavigation{background-color: #545759;}
#topNavigation .img-logo{width: 275px;}


#topNavigation .nav-link{padding-top: 0; padding-bottom: 0;  font-weight: 500; font-size: 24px; letter-spacing: 1px; color: #FFF;}
#topNavigation .nav-link:hover{color: #D29E0E!important;}
#topNavigation #nav-register{border: none;}

#nav-register{color: #FFF; background-color: #D29E0E; }
#nav-register:hover{color: #D29E0E!important; background-color: #FFF; }


@media screen and (max-width: 576px){
  #topNavigation .img-logo{width: 125px;}
}



@media screen and (max-width: 991px){
  
   #topNavigation .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(211, 158,10, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNavigation .navbar-toggler {border-color: rgba(255,255,255,0);} 
    #topNavigation .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none;  }
    #topNavigation .img-logo{width: 175px;}
    #topNavigation .navbar-nav .nav-link {
       text-align: right;
       margin-top: 15px;
       padding-right: 15px;
    }

}


@media (min-width: 992px){    
   #topNavigation .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
        margin-left: 25px;
        line-height: 48px; 
    }
   
}



.border-tb{border-top:12px solid #D29E0E ; border-bottom:12px solid #D29E0E ; display: inline-block;}
.rendering-block{height: 300px; background-image: url('../images/bg-rendering.jpg');  background-size: cover; background-repeat: no-repeat; background-position: right;}


#registrationForm .form-control{border-radius: 0; border: 1px solid #24492f; margin-bottom: 27px;}
#registrationForm .form-control::placeholder { color: #808080; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #808080;}
#registrationForm .form-control::-ms-input-placeholder { color: #808080;}
#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    color:#808080;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23808080%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}



@media (min-width: 992px){
    .features-list{columns: 2;}
    .rendering-block{height: 600px;}
}