#loader { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); position: fixed; top: 0; z-index: 9999999; }
.loader-container { height: 100%; width: 100%; margin: 0 auto; display: flex; justify-content: center; }
.spinner {
   position: absolute;
   top: 48%;
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#ffb03b 94%,#0000) top/9px 9px no-repeat,
   conic-gradient(#0000 30%,#ffb03b);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
   100% { transform: rotate(1turn); }
}

#main { min-height: 800px; }

.theme_yellow_color { color: #ffb03b; }
.theme_yellow_bg { background-color: #ffb03b; }

.swal2-toast .swal2-title { font-family: "Poppins", sans-serif; font-size: 14px !important; }

.global_btn { background: #ffb03b !important; color: #fff !important; padding: 10px 20px; border: 0; border-radius: 50px; }
.global_btn:hover { background: #ffa012 !important; color: #fff !important; }

.global_link { color: #ffa012 !important; }
.global_link:hover { color: #5f5950 !important; }

.global_inverse_link { color: #444444 !important; }
.global_inverse_link:hover { color: #ffa012 !important; }

.error_page .status_code { font-size: 150px; font-weight: 700; margin: 10px 0; line-height: 100px; }
.error_page .message { font-size: 22px; font-weight: 500; color: #474644; }

.pagination .page-link { color: #AAA; border-color: #CCC;  box-shadow: none; }
.pagination .active > .page-link,
.pagination .page-link.active { background-color: #ffa012; border-color: #ffa012; color: #fff; box-shadow: none; }
.pagination .page-link:hover { background-color: #ffb03b; border-color: #ffb03b; color: #fff; box-shadow: none; }
.page-item:first-child .page-link, .page-item:last-child .page-link { color: #AAA; }
.page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover { color: #FFF; }

.form-control:focus {
   border-color: #ccc;
   -webkit-box-shadow: 0 0 0 .2rem rgba(123, 123, 120, 0.2);
   -moz-box-shadow: 0 0 0 .2rem rgba(123, 123, 120, 0.2);
   box-shadow:0 0 0 .2rem rgba(123, 123, 120, 0.2);
}

.global-form { padding: 30px; }
.global-form .form-group { padding-bottom: 10px; margin-bottom: 10px; }
.global-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: center; padding: 15px; font-weight: 600; }
.global-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.global-form .loading { display: none; background: #fff; text-align: center; padding: 15px; }
.global-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #666666; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }
.global-form input, .global-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; }
.global-form input:not([type="checkbox"]):not([type="radio"]) { height: 44px; }
.global-form textarea { padding: 10px 12px; }
.global-form button[type=submit] { background: #ffb03b; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; border-radius: 50px; }
.global-form button[type=submit]:hover { background: #ffa012; }

.check-container { display: block; position: relative; padding-left: 28px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check-container input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.check-container .checkmark { position: absolute; top: 1px; left: 0; height: 20px; width: 20px; background-color: #eee; }
.check-container:hover input[type="checkbox"] ~ .checkmark { background-color: #ccc; }
.check-container input[type="checkbox"]:checked ~ .checkmark { background-color: #3C3A38; }
.check-container .checkmark:after { content: ""; position: absolute; display: none; }
.check-container input[type="checkbox"]:checked ~ .checkmark:after { display: block; }
.check-container .checkmark:after { left: 7px; top: 3px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.radio-container { display: block; position: relative; padding-left: 28px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio-container input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; }
.radio-container .checkmark { position: absolute; top: 0px; left: 0; height: 22px; width: 22px; background-color: #eee; border-radius: 50%; }
.radio-container:hover input[type="radio"] ~ .checkmark { background-color: #ccc; }
.radio-container input[type="radio"]:checked ~ .checkmark { background-color: #3C3A38; }
.radio-container .checkmark:after { content: ""; position: absolute; display: none; }
.radio-container input[type="radio"]:checked ~ .checkmark:after { display: block; }
.radio-container .checkmark:after { top: 7px; left: 7px; width: 8px; height: 8px; border-radius: 50%; background: white; }

.custom-file-button .input-group-text { font-size: 14px; border-radius: 0; }
.custom-file-button input[type=file] { margin-left: -2px !important; padding-top: 10px; }
.custom-file-button input[type=file]::-webkit-file-upload-button { display: none; }
.custom-file-button input[type=file]::file-selector-button { display: none; }
.custom-file-button:hover label { background-color: #dde0e3; cursor: pointer; }

.dropdown ul { padding: 0px; }
.dropdown ul > li:hover { background: #ffb03b !important; color: #fff !important;  }
.dropdown ul > li:hover a { color: #fff !important; }

.profile-circle { min-height: 168px; }
.profile-pic { width: 150px; display: inline-block; }
.p-image {
    background: #666;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    cursor: pointer;
    padding: 4px 3px 2px;
    line-height: normal;
    border-radius: 100%;
    width: 30px;
    text-align: center;
}
.p-image:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275); color: #dadada; }

.inner .why-us .box:hover h4:hover { color: #111; }

.inner .why-us .box a { font-weight: 400; }
.inner .why-us .box:hover a { color: #666; }
.inner .why-us .box:hover a:hover { color: #111; }

.swiper-button-next::after, .swiper-button-prev::after { font-size: 22px; color: #666 !important; font-weight: bold !important; }
.swiper-button-next:hover, .swiper-button-prev:hover { background: rgba(0,0,0, 0.3); }
.swiper-button-next:hover::after, .swiper-button-prev:hover::after { color: #fff !important; }

.ratings { margin-right:10px; }
.ratings i{ color:#cecece; font-size:32px; }
.rating-color{ color:#ffb03b !important; }
.review-count{ font-weight:400; margin-bottom:2px; font-size:16px !important; }
.small-ratings i{ color:#cecece; }
.review-stat{ font-weight:300; font-size:18px; margin-bottom:2px; }

.navbar .dropdown ul li.active { background: #ffb03b !important; color: #fff !important; }
.navbar .dropdown ul li.active a { color: #fff !important; }

@media (max-width: 767px) and (orientation : portrait) {
   #footer {
      text-align: center;
   }

}