@font-face {
    font-family: 'cambriab';
    src        : url('../fonts/cambria.woff') format('woff');
    font-weight: bold;
    font-style : normal;

}

@font-face {
    font-family: "FCIconicRegular";
    src        : url("../fonts/fciconic.woff") format("woff");
    font-weight: normal;
    font-style : normal;
}

@font-face {
    font-family: 'cambria';
    src        : url('../fonts/cambria.woff') format('woff');
    font-weight: normal;
    font-style : normal;
}

html * {
    font-family: 'fciconic', sans-serif;
    color      : rgb(80, 79, 79);
}

body {
    background-image   : url('../images/bg.png');
    background-size    : 130vw;
    background-position: bottom;
    background-repeat  : no-repeat;
}

a {
    color: rgb(80, 79, 79) !important;
}

a:link {
    color: rgb(80, 79, 79);
}

a:active {
    color: rgb(80, 79, 79);
}


.site {
    width         : 1100px;
    margin        : auto;
    padding-top   : 60px;
    padding-bottom: 100px;
}

.body {
    background-color          : white;
    padding-bottom            : 30px;
    box-shadow                : rgba(0.3, 0.3, 0.3, 0.3) 0px 5px 20px;
    border-top-right-radius   : 15px;
    border-bottom-left-radius : 15px;
    border-bottom-right-radius: 15px;
}

.footer {
    width                     : 1060px;
    margin                    : auto;
    border-bottom-left-radius : 15px;
    border-bottom-right-radius: 15px;
    background-color          : #27522D !important;
}

.footer .main-navigators {
    font-family : 'cambria';
    border-right: 2px solid #fff;
}

.footer .links-title {
    font-family  : 'cambriab';
    padding-left : 10px;
    border-bottom: 1px solid #ddd;
}

.footer .links-title h4 {
    font-family: 'cambriab';
    color      : white;
}

.footer .contact p {
    font-family: 'cambriab';
}

.footer .main-navigators .navbar-nav li {
    font-family : 'cambria';
    padding-top : 5px !important;
    padding-left: 10px;
}

.footer .main-navigators .links-items a {
    color          : white !important;
    font-family    : 'cambria';
    text-decoration: none;
}

.footer .quick-links .navbar-nav li {
    font-family : 'cambria';
    padding-top : 5px !important;
    padding-left: 10px;
}

.footer .quick-links .links-items a {
    color: #dea74d !important;
}

.footer small {
    color: white;
}

.navbar {
    position               : relative;
    width                  : 1150px;
    margin-left            : -25px;
    box-shadow             : rgba(20, 20, 20, 0.14) 0px 1px 2px 0px, rgba(37, 37, 37, 0.052) 0px 1px 2px 2px;
    background-color       : white;
    border-top-right-radius: 15px;
    border-top-left-radius : 15px;
    padding-top            : 0rem;
    padding-bottom         : 0rem;
}

.nav-link {
    color: rgb(80, 79, 79);
}

.navbar li {
    padding-top            : 0.28rem;
    padding-bottom         : 0.28rem;
    padding-left           : 10px;
    padding-right          : 10px;
    border-top-right-radius: 15px;
    border-top-left-radius : 15px;
    transition             : 0.3s;
}

.navbar li:hover {
    /*background-color: #c3d8af; */
    /* color: #46694b !important; */
    background-color: #46694b;
    color           : white !important;
}

.navbar .active {
    background-color: #46694b;
    color           : white !important;
}

/* .navbar:active {
    background-color: #46694b;
    height:100%;
    color           : white !important;
} */

.navbar .active a {
    color      : white !important;
    font-weight: bold;
}

.navbar:active a {
    color      : white !important;
    font-weight: bold;
}
.navbar .active a:hover {
    color: white !important;
}

.navbar:active a:hover {
    color: white !important;
}

.navbar li a {
    color: rgb(80, 79, 79);
}

.navbar li a:hover {
    color      : #fff !important;
    font-weight: bold
}

.header {
    text-shadow   : 3px 3px 4px rgba(83, 83, 83, 0.156);
    color         : #46694b;
    font-family   : 'cambriab';
    font-weight   : bold;
    padding-top   : 30px;
    padding-left  : 60px;
    padding-bottom: 20px;
}

.header h2 {
    color      : #46694b;
    font-family: 'cambriab';
    font-size  : 240%;
}

.header .cletter {
    color      : #46694b;
    font-family: 'cambriab';
    font-size  : 150%;
}

.card-highlight {
    background-color: #c3d8af;
    box-shadow      : rgba(60, 64, 67, 0.2) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius   : 15px;
}

.profile p,
.profile b {
    font-family: 'cambriab' !important;
}

.profile .social {
    font-size: 150%;
    color    : #46694b !important;
}

.profile .card-title {
    border-bottom: 2px solid #c3d8af;
}

.general .card-title {
    border-bottom: 2px solid #c3d8af;
}

.profile h2 {
    color      : #46694b;
    font-family: 'cambriab';
    font-size  : 200%;
}

.general h2 {
    color      : #46694b;
    font-family: 'cambriab';
    font-size  : 200%;
}

.general li {
    line-height   : 180%;
    padding-bottom: 20px;

}



.card-highlight .card-title {
    border-bottom: 2px solid #fff;
}

.card-highlight h2 {
    color      : rgb(80, 79, 79);
    font-family: 'cambriab';
    font-size  : 240%;
}

.title {
    background-color          : #c3d8af;
    box-shadow                : rgba(60, 64, 67, 0.2) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display                   : inline-block;
    font-size                 : 120%;
    color                     : #3c3c3c;
    text-shadow               : 3px 3px 4px rgba(83, 83, 83, 0.259);
    font-family               : 'cambria';
    padding                   : 10px 30px!important;
    border-bottom-left-radius : 15px;
    border-bottom-right-radius: 15px;
}

.title h2 {
    font-family: 'cambriab';
}

.contact {
    font-family               : 'cambria';
    background-color          : #9bba9b;
    box-shadow                : rgba(60, 64, 67, 0.2) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display                   : block;
    font-size                 : 100%;
    color                     : #3c3c3c;
    padding                   : 10px;
    border-bottom-left-radius : 15px;
    border-bottom-right-radius: 15px;
}

.contact .contact-title h2 {
    font-family: 'cambriab';
}

.message {
    font-size  : 120%;
    font-family: 'cambriab';
    color      : #46694b !important;
}

.site-name {
    font-family     : 'cambriab';
    background-color: #c3d8af;
    box-shadow      : rgba(60, 64, 67, 0.2) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display         : block;
    font-size       : 120%;
    padding         : 10px;
    border-radius   : 15px;
    color           : #46694b !important;
}

.site-name h4 {
    color      : #244b2b;
    font-family: 'cambriab';
    font-size  : 140%;
}

.site-name .cletter {
    color      : #244b2b;
    font-family: 'cambriab';
    font-size  : 150%;
}

p {
    line-height: 180%;
}

p::first-line {
    margin-left: 200px;
}

#gotoTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #46694b;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
  }
  
  #gotoTop:hover {
    background-color: #555;
  }