html {
    scroll-behavior: smooth;
}
h1,h2,h3,h4,h5{
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    color: #212529;
    margin-bottom: 15px;
}
body ul li , body ol li {  font-family: 'Rubik', sans-serif; font-size: 15px;   font-weight: 300;   color: #798795;}
body p {
    font-family: 'Rubik', sans-serif;
    font-size: 17px;
    color: #798795;
    font-weight: 300;
    line-height: 1.7;
}
header.header {
    height: auto;
    position: relative;
}
header.header .header-text {
    margin: 0 auto;
    padding: 250px 15px 150px 15px;
    text-align: center;
}
.header-desc {
    font-size: 45px;
    display: block;
    text-align: center;
}
.header p {
    font-size: 23px;
    font-family: 'Nunito', sans-serif;
    color: #555;
    line-height: 1.2;
    text-align: left;
}
.header .btn.btn-custom {
    text-align: left;
}
/* footer */
footer.footer {
    padding: 20px 0;
    background: #1a1a1a!important;
}
footer.footer p {
    font-size: 13px;
    margin-bottom: 0;
}

/************* TITLES **************************/

 h1 {
     font-size: 70px;
     color: #ffffff;
     font-weight: 700;
 }
 h2 {
     font-size: 30px;
 }

 h3 {
     font-size: 23px;
 }
 h4 {
     font-size: 20px;
 }
 h5 {
     font-size: 18px;
 }
@media (max-width: 768px) {
    h1 {
        font-size: 60px;
    }
    h2 {font-size: 30px} h3 {font-size: 20px;}  h4 {
                                                    font-size: 18px;
                                                }
}

@media (max-width: 576px) {
    h1 {
        font-size: 40px;
    }
    .header-desc {
        font-size: 25px;
    }
    h2 {font-size: 20px} h3 {font-size: 18px;}  h4 {
                                                    font-size: 16px;
                                                }
}
/************* LINKS **************************/
p a , .list a {
    color:#28a745 ;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    transition: 0.30s;
    font-size: 18px;
}
p a:hover , .list a:hover {
    text-decoration: none;
    color:#212529 ;
}
/************* NUMBERS **************************/
.container-fluid {
    max-width: 1400px;
}
@media (max-width: 768px) {
    header.header .header-text {
        padding: 200px 15px 100px 15px;
    }
}
.overlay {
    background-color: rgba(3,13,40,.6);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.divider {
    width: 30px;
    height: 3px;
    background: #fbc50b;
    margin: 0 auto 15px auto;
}
.bg-padding {
    padding: 100px 0;
}
.list {
    list-style: none;
}
.list li {
    position: relative;
}
.list li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #28a741;
    border-radius: 100%;
    left: -15px;
    top: 12px;
}
.box-shadow {
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}
.bg-holder {
    padding: 100px 0;
}
ol li {
    counter-increment: list;
    list-style-type: none;
    position: relative;
}
ol li:before {
    color: #fbc50b;
    content: counter(list) ".";
    left: -20px;
    top: 0;
    position: absolute;
    font-size: 15px;
    font-family: 'Nunito', sans-serif;
}
.border-custom {
border: 1px solid #22283c;
    border-radius: 6px;
}
.orange-span {
    color: #fd5d14;
}
.font-small {
    font-size: 25px;

}
.img-style {border-radius: 6px;}
.inline-btn {    color: #212529!important;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;}
.mdi-arrow-right {font-size: 18px;vertical-align: middle;display: inline-block;transition: 0.3s}
.inline-btn:hover {text-decoration: none}
.inline-btn:hover .mdi-arrow-right { transform: translateX(10px)}
.btn-custom {
    display: inline-block;
    padding: 15px 30px;
    border-radius: 4px;
    background: #fbc50b;
    color: #212529;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.btn-custom:hover {transform: translateY(5px);}
.table {font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 17px; color: #ffffff;background: rgba(0,0,0,0.2);border-radius: 6px!important;}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid rgba(255,255,255,0.3);
}
.table-bordered td, .table-bordered th {
    border: 1px solid rgba(255,255,255,0.3);
}
.contact .form-control {
    text-indent: 8px;
}
.contact form {
    border-radius: 3px;
    margin: 30px 0;
}
.contact .form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.contact input.form-control {
    height: 50px;
    margin: 15px 0;
    border: none ;
    border-radius: 0;
    background: #f9f9f9;
    color: #555;
    text-transform: none;
    font-size: 14px;
}
.contact textarea.form-control {
    height: 100px;
    margin: 15px 0;
    resize: none;
    border: none ;
    line-height: 2;
    border-radius: 0;
    background: #f9f9f9;
    text-transform: none;
    font-size: 14px;
}
.txt-green {color: #28a741}
.border-radius-bottom-none {border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.txt-container {background: #ffffff; box-shadow: 0 10px 20px 0 rgba(90, 91, 95, 0.08);padding: 15px;z-index: 4000;}
.txt-container p{font-size: 15px}
.row-1 {min-height: 320px}
.row-2 {min-height:295px }

span.anchor {
    margin-top: -96px; /* height of nav, in this case 58px */
    display: block;
    height: 96px; /* height of nav, in this case 58px */
    visibility: hidden;
    position: relative;
}
.contact-tag {font-family: 'Nunito', sans-serif;color: #212529; font-size: 18px;}
.bg-greenish {
    background-color: #1a1a1a;
}
.bg-greenish p {
    color: #ebebeb!important;
}
.font-sm {
    font-size: 1rem;
}