body, html {
    font-family: 'Varela round';
    font-size: 0.95em;
}

@font-face {
    font-family: 'pufsvarela';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.gilda-font {
    font-family: 'Gilda display';
}

.menu-color {
    color: #cea764 !important;
}

    .menu-color:hover,
    .active-menu-color {
        color: #33492e !important;
    }
/*.dropdown-toggle::after {
            display: inline-block;

            font-family: "Font Awesome";
            content: "\f063" !important;

        }*/
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

/*.dropdown:hover .dropbtn {
            background-color: #3e8e41;
        }*/
.btn-black {
    background-color: #3f533a !important;
}

.bottom-left-menu a {
    display: inline-block !important;
    line-height: 1.5em !important;
    color: #835440 !important;
    font-size: 1.3em !important;
}
.btn-group-lg > .btn, .btn-lg {
  font-size: 1.2rem !important;
  line-height: 1.6;
}
.services-text {
    display: inline-block !important;
    padding: 3px !important;
    font-size: 1.2em !important;
    font-family: 'Varela round' !important;
 /*  background-color:red !important;*/
}
.dropdown-item {
    /*background-color: yellow;
    border: solid;*/
    line-height:0.5;
    font-size:medium;

}
#box-footer1{
    padding:16px;
    /*background-color:red;*/
}

@media (max-width: 480px) {


    .img-foot {
        padding: 8px;
        height: 54px;
    }
}

.form-container {
    background-image: url(/img/our-services-bgpattern..png);
    padding: 24px;
}

.form-style {
    background-color: #efebe2;
    color: #502a23;
    padding: 24px 17% 10% 17%;
}

.my-input {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.form-select, .form-control {
    border: none;
    border-bottom: 1px solid #502a23;
    border-radius: 0;
    background: none !important;
    background-color: transparent;
}

    .form-select:focus, .form-control:focus {
        box-shadow: inset 0 -1px 0 #2196f3;
        border-bottom-color: #502a23;
    }

.form-floating > .form-control {
    padding-left: 0 !important;
    padding: 1rem 0px;
}

.form-floating > label {
    padding-left: 0 !important;
    padding: 1rem 0rem !important;
}

.ok-button {
    background-color: #896254;
    min-width: 100px;
}
.ok-button:hover {
    background-color: #896262;
}
.loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    padding-top: 250px;
    display: none;
}

.loader > i.fa-spinner {
    font-size: 60px;
}