@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@500&family=Alegreya:wght@700&family=Spectral+SC&family=Titillium+Web:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Noto+Sans&family=PT+Sans&family=Poppins:wght@300&family=Quicksand:wght@500&family=Raleway:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400&display=swap');


/* font family */
.alt-font {font-family: 'Alegreya Sans', serif; font-weight: 500}
.main-font {font-family: 'Titillium Web', sans-serif;}
.header-font {font-family: 'Nunito', sans-serif;}
.title-font {font-family: 'Montserrat', serif; font-weight: 500}
.custom-font1 {font-family: 'Roboto', serif; font-weight: 500}
.custom-font2 {font-family: 'Montserrat', serif; font-weight: 500}
.custom-font3 {font-family: 'Spectral SC', serif;}
.custom-font4 {font-family: 'Josefin Sans', sans-serif;}
.custom-font5 {font-family: 'Noto Sans', sans-serif;}
.custom-font6 {font-family: 'Poppins', sans-serif;}
.custom-font7 {font-family: 'PT Sans', sans-serif;}
.custom-font8 {font-family: 'Quicksand', sans-serif;}
.custom-font9 {font-family: 'Raleway', sans-serif;}
.custom-font10 {font-family: 'Nunito', sans-serif;}

/*.na-bg-light-yellow{*/
/*    background-color: #fdfce7;*/
/*}*/

.na-bg-light-green{
    background-color: #effdf3 !important;
}

.na-bg-light-yellow{
    background-color: #ffffe8 !important;
}

.na-bg-light-grey{
    background-color: #F4F4F4 !important;
}

.na-bg-light-brown{
    background-color: #563636 !important;
}

.na-bg-light-lemon{
    background-color: #F3F8ED;
}

.na-bg-dark-lemon{
    background-color: #A0C96E;
}

.na-bg-orange{
    background-color: #cd8302 !important;
}

.na-bg-cream{
    background-color: #FFFDD1;
}

.na-bg-image-circular{
    background: url("../../images/bg/bg_circular_fade.jpg") fixed no-repeat;
    background-size: cover;
}

.na-bg-image-leaves{
    background: url("../../images/bg/bg_leaves_white.png") fixed no-repeat center;
    background-size: cover;
}

.na-bg-floral-1{
    background: url("../../images/bg/bg_floral_white_1.png") repeat center;
}

.na-bg-yellow-dot-pattern{
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23fce662' fill-opacity='0.24'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.na-pattern-leaves{
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ccfbe0' fill-opacity='0.43' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.na-text-orange{
    color: #cd8302 !important;
}

.na-text-pink{
    color: #fdbfcd !important;
}

.na-text-light-brown{
    color: #563636 !important;
}

.na-radius-shadow{
    padding: 10px;
    border-radius: 4px;
    -moz-box-shadow:    1px 1px 2px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px 2px #ccc;
    box-shadow:         1px 1px 2px 2px #ccc;
}

.na-radius-shadow-2{
    border-radius: 8px;
    -moz-box-shadow:    3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

.required{
    color: rgba(242,20,18,0.76);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b6b6b6;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b6b6b6;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b6b6b6;
}

.na-button-trans-green{
    background-color: #ffffff;
    border-color: #046B60;
}

.na-shadow{
    -webkit-filter: drop-shadow(1px 1px 1px rgba(34, 34, 34, 0.66));
    filter: drop-shadow(1px 1px 1px rgba(34, 34, 34, 0.66));
}

.na-required{
    color: rgba(242,20,18,0.76);
}

.na-image-round{
    border-radius: 15px;
}

.rand-slider-box{
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px;
    margin-right: 5px;
}

.na-gradient-bg-1{
    background: #ECE9E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.na-gradient-green-bg{
    background-image: radial-gradient( circle 939px at 94.7% 50%,  rgba(0,178,169,1) 0%, rgba(0,106,101,1) 76.9% );
}

.na-gradient-light-yellow-bg{
    background-image: linear-gradient( 44.8deg,  rgba(255,136,102,0.67) -53.1%, rgba(255,221,136,0.28) 49% );
}

.na-gradient-light-green{
    background-image: radial-gradient( circle 788px at 0.7% 3.4%,  rgba(164,231,192,1) 0%, rgba(255,255,255,1) 90% );
}

.na-gradient-white-1{
    background-image: radial-gradient( circle 343px at 46.3% 47.5%,  rgba(242,242,242,1) 0%, rgba(241,241,241,1) 72.9% );
}

.na-form-input-error{
    border: #9F191F solid 2px!important;
}

.na-curved-div-bottom{
    border-bottom-left-radius:20%;
    border-bottom-right-radius:20%;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.translator-bg{
    background-color: #fff;
    opacity: 80%;
    width: auto;
    float: right;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    color: #006600;
    position: fixed;
    right: 10px;
    top: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: #006600;
}

.translator-bg a{
    color: #006600;
}

.content-box-grey{
    background-color: #efefef;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 1px #000000 solid;
    padding: 2px 2px 2px 10px;
    height: 90px;
    width: 100%;
}

.content-box-lemon{
    background-color: #f1ffef;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 1px #000000 solid;
    padding: 2px 2px 2px 10px;
    height: 90px;
    width: 100%;
}