/*
Theme Name: Movie Critic WordPress Theme
Theme URI: https://www.novathemes.net/products/movie-critic-wordpress-theme/
Description: The Movie Critic WordPress Theme is a modern and professionally designed solution created specifically for movie reviewers, film critics, entertainment bloggers, and cinema enthusiasts who want to build a compelling online presence. With its clean layout and content-focused design, this theme allows you to showcase movie reviews, ratings, trailers, and industry insights in an engaging and organized manner. Whether you run a personal review blog or a full-scale entertainment website, the Movie Critic WordPress Theme provides an intuitive platform that simplifies website creation without requiring technical expertise. Its fully responsive design ensures that your website looks stunning across all devices, delivering a seamless experience for your audience. With dedicated sections for featured reviews, latest releases, trending content, and user feedback, the Movie Critic WordPress Theme helps you capture attention, build credibility, and keep your visitors engaged with fresh and dynamic content.
Author: Novathemes
Author URI: https://www.novathemes.net/
Version: 0.0.1
Requires at least: 5.0
Requires PHP: 7.2.14
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: nova-movie-critics-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Movie Critic WordPress Theme WordPress Theme has been created by Novathemes(Novathemes.net), 2026.
Movie Critic WordPress Theme WordPress Theme is released under the terms of GNU GPL
*/

/*----------------all Pages-------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  background-color: #212121;
  font-size: 15px;
  color: #ffffff;
  font-family: "Noto Sans";
  overflow-x: hidden;
}
.middle-align {
  margin: 0 7em 40px 40px;
}
/* html {
    overflow-x: hidden;
} */
label {
  margin-bottom: 0 !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}
section img {
  max-width: 100%;
}
h1,
h2,
h3 {
  font-size: 36px;
  font-family: "Noto Sans";
  margin: 0;
  padding: 10px 0;
  color: #ffffff;
  font-weight: 800;
}
h4,
h5,
h6 {
  font-size: 22px;
  font-family: "Noto Sans";
  margin: 0;
  padding: 10px 0;
  color: #ffffff;
  font-weight: 700;
}
p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
p,
ul li a {
  letter-spacing: 0px;
}
body a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 400;
}
a:hover {
  color: #3f41ce;
}
a:focus,
a:hover {
  text-decoration: none !important;
}
/* SITE LOADER */
/*--------- Site Loader --------------*/
.preloader {
  background: #fff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
.load hr {
  border: 0;
  margin: 0;
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  animation: spin 2s ease infinite;
  opacity: 1;
}
.load :first-child {
  background: #3f41ce;
  animation-delay: -1.5s;
}
.load :nth-child(2) {
  background: #3f41ce;
  animation-delay: -1s;
}
.load :nth-child(3) {
  background: #3f41ce;
  animation-delay: -0.5s;
}
.load :last-child {
  background: #3f41ce;
}

@keyframes spin {
  0%,
  100% {
    transform: translate(0);
  }
  25% {
    transform: translate(160%);
  }
  50% {
    transform: translate(160%, 160%);
  }
  75% {
    transform: translate(0, 160%);
  }
}

/* SEARCH POPUP */
/* .search-box i{
  cursor: pointer;
}
form.search-form.serach-page {
    display: flex;
}
.header-search .serach_outer .search-form.serach-page input[type=submit] {
  background: #FFD84C !important;
  color: #202636 !important;
  font: 600 16px/20px 'Noto Sans';
  border-radius: 10px;
  padding: 11px 25px;
  height: 43px;
} */
/*----------------------add to cart---------*/
#cart {
  background: #000;
  width: 400px;
  right: 0px;
  top: 50px;
  margin: 0px auto;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 999999;
  display: none;
  -webkit-animation: bounceIn 2s ease-in-out;
  animation: bounceIn 2s ease-in-out;
}
.cart_box:hover #cart {
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
li.woocommerce-mini-cart-item.mini_cart_item a.remove {
  right: 0px;
  left: auto !important;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  float: left;
  margin-right: 24px;
}
.woocommerce a.remove {
  color: #fff !important;
  background-color: #3f41ce;
  width: 25px;
  height: 27px;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 0em;
}
.woocommerce.widget_shopping_cart .buttons a {
  width: 100%;
  text-align: center;
}
.woocommerce .widget_shopping_cart .total {
  padding: 4px 0 0;
  margin: 10px 0 !important;
}
.woocommerce-mini-cart__total.total strong {
  padding: 8px 0;
}
p.woocommerce-mini-cart__buttons.buttons {
  display: flex;
}
.woocommerce .products li {
  width: 100% !important;
  margin: 10px 0 !important;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span,
.navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current {
  background: #2a2a34;
  color: #ffffff;
  font-weight: normal;
}
.main_title {
  background: #dcedff;
}
/* MENU BAR */

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.header-nav-box h3 {
  color: #a9a9a9;
  font: 600 14px/14px "Noto Sans";
  padding: 25px 0;
  border-top: 1px solid #4a4a4a;
}
ul.list_nav {
  margin: 0 auto;
  display: block;
}
.main-navigation li {
  position: relative;
  display: block;
}
/* .main-navigation ul.sub-menu li:after{
  display: none;
} */
.main-navigation a {
  font: 600 16px / 53px "Noto Sans";
  padding: 0px 0px 0px 16px;
  color: #ffffff !important;
}
.main-navigation .sub-menu a {
  font: 500 16px / 45px "Noto Sans";
}
.main-navigation ul ul {
  display: none;
  position: relative;
  min-width: 215px;
  z-index: 9999;
  border: 1px solid #eee;
  border-radius: 10px;
  padding-left: 15px;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.sub-menu {
  animation: zoomIn 0.4s linear;
  transform-origin: top center;
  transform: scaleY(1);
}
.main-navigation li:hover a {
  color: #e32141;
}
.main-navigation ul .menu-item-has-children > a:before {
  color: #ffffff33;
  position: absolute;
  right: 0;
  top: 3px;
  font-weight: 600;
  font-size: 0.7rem;
  font-family: "Font Awesome 6 Free";
  content: "\f04b";
  left: auto;
  animation: none;
  border-bottom: none;
  -webkit-transform-origin: unset !important;
  transform-origin: unset !important;
  -webkit-transform: unset !important;
  transform: unset;
  -webkit-transition: unset !important;
  transition: unset !important;
  transition-duration: 0s !important;
}
/* .main-navigation ul li > ul {
   display: none;
   position: relative;
   top: 0;
   left: 0;
 } */
/* .main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #e9eaea;
} */
/* .main-navigation ul ul li:last-child{
  border-bottom: 0;
} */
/* .main-navigation ul li:hover > ul{
  display: block;
} */
/* .main-navigation .menu > ul > li.highlight{
  background-color: #000000;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
} */
ul#menu-ot_main_primary-menu {
  margin-bottom: 20px;
  padding-left: 40px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}

/* .main-navigation li:hover{
  color: #3F41CE;
} */
/* .main-navigation li.current-menu-item.current_page_item{
  color: #3F41CE;
} */
.user-data-box {
  border-top: 1px solid #4a4a4a;
  padding: 50px 0 10px;
}
a.user-icon {
  color: #ffffff;
  font: 600 16px/24px "Noto Sans";
}
.user-data-box i {
  color: #3f41ce;
  font-size: 25px;
  margin-right: 15px;
  position: relative;
  top: 4px;
}
.main-navigation li.home.current-menu-item.current_page_item a {
  color: #ff5f2d;
}
ul.children li a {
  padding: 10px;
}
nav#site-navigation {
  padding-top: 20px;
}
/* a.closebtn.mobile-menu:hover,.main-navigation ul ul li a:hover {
    background: unset;
} */
/* --------Social Icons---------- */
.follower-list .follower-list-box:nth-child(1) {
  background-image: url("./assets/images/insta-bg-img.png");
  background-repeat: no-repeat;
}
.follower-list .follower-list-box {
  height: 42px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 42px;
  border-radius: 7px;
  margin: 0 3px 10px;
  padding: 9px 12px;
  transition: all 0.3s ease;
}
.follower-list .follower-list-box:hover {
  transform: translateY(-5px) scale(1.1);
  background: #ff5f2d; /* change color on hover */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.follower-list .follower-list-box:nth-child(2):hover,
.follower-list .follower-list-box:nth-child(3):hover,
.follower-list .follower-list-box:nth-child(4):hover {
  background: #ff5f2d;
}
.follower-list .follower-list-box:nth-child(2) {
  background-color: #0866ff;
}
.follower-list .follower-list-box:nth-child(3) {
  background-color: #ff0302;
}
.follower-list .follower-list-box:nth-child(4) {
  background-color: #1d9bf0;
}
.follower-list-box i {
  font-size: 18px;
  margin-right: 11px;
}
.follower-list-box span {
  font: 600 13px/14px "Open Sans";
  letter-spacing: -0.01em;
}
.follower-list a {
  color: #ffffff;
}
.following-box {
  padding-top: 20px;
}
/* --------------------- */
/* .main-pageWrap{
  display: contents;
}
.header-sidebar-box{
  position: fixed;
} */
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #92a8ac;
  position: relative;
  top: 13px;
  font-size: 19px;
  padding: 11px 3px;
  box-shadow: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#return-to-top:hover {
  background: transparent;
  box-shadow:
    0 0 10px 0 #3f41ce inset,
    0 0 10px 4px #3f41ce;
}
#return-to-top:hover i {
  top: 5px;
  color: #3f41ce !important;
}
div#mySidenav {
  display: block;
}
/*--------sidebar------------*/
div#sidebar {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 14px;
}
div#sidebar .wp-block-group {
  margin: 20px 0px;
}
div#sidebar .wp-block-group__inner-container h2,
#sidebar h3.widget-title {
  background: #3f41ce;
  font-size: 24px;
  text-align: center;
  font-style: italic;
  color: #ffffff;
}
#sidebar li.wp-block-latest-comments__comment {
  margin-top: 15px;
}
/*sidebar*/
#sidebar .postbox.smallpostimage {
  padding: 10px;
}
#sidebar td#prev a {
  color: #1fb125;
}
#sidebar caption {
  font-weight: bold;
  color: #3f41ce;
  font-size: 20px;
}
#sidebar table,
#sidebar th,
#sidebar td {
  text-align: center;
}
#sidebar td {
  padding: 7px;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #3f41ce;
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px #2c2c2c;
  color: #3f41ce;
  background: transparent;
  width: 100%;
}
#sidebar input[type="search"],
input[type="search"] {
  padding: 17px;
  font-size: 14px;
  margin-bottom: 0px;
  color: #666c6e;
  border: solid 1px #e5eaec;
  width: 100%;
}
#sidebar .search-form .search-submit {
  bottom: 4px;
  padding: 12px 10px !important;
  position: absolute;
  left: 20px;
  width: 40%;
  margin: 2% 0px;
}
#sidebar label {
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"] {
  background: #1fb125;
  color: #fff;
  padding: 10px 0;
  font-size: 12px;
  width: 30%;
  font-weight: bold;
}
#sidebar .widget {
  margin-bottom: 25px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px;
  padding: 10px 20px 10px;
}
#sidebar aside#monster-widget-placeholder-9 ul li {
  box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
  margin-bottom: 10px;
}
aside#monster-widget-placeholder-10 ul li {
  box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
  margin-bottom: 15px;
}
#sidebar ul li a:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  font-size: 10px;
  font-weight: 100;
  margin-left: -15px;
  margin-right: 10px;
  top: -1px;
  display: inline-block;
  position: relative;
}
#sidebar ul li:last-child {
  border: none;
}
#sidebar ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}
#sidebar .tagcloud a,
.site-footer .tagcloud a {
  background: #eeeeee;
  color: #2c2c2c;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .tagcloud a:hover,
.site-footer .tagcloud a:hover {
  background: #1fb125;
  color: #fff;
}
.menu-ot_main_primary-menu-container {
  margin-bottom: 50px !important;
}
/* .textwidget img {
    border-radius: 10px;
} */
span.rss-date {
  font-style: italic;
  font-weight: bold;
}
.rssSummary {
  margin: 10px 0px;
}
aside#monster-widget-placeholder-4 ul,
aside#monster-widget-placeholder-6 ul,
aside#monster-widget-placeholder-7 ul,
.menu-ot_main_primary-menu-container ul {
  background: #dcedff;
}
ul#menu-ot_main_primary-menu-1 {
  margin-bottom: 20% !important;
}
td#today a {
  background: #3f41ce;
  border-radius: 50px;
  padding: 8px 10px;
}
/*--------- Woocommerce Section--------- */

.woocommerce ul.products li.product a img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.woocommerce ul.products li.product .star-rating {
  margin: 0 auto 0.5em;
  color: #f4bc16;
}
.woocommerce .products li {
  text-align: center;
  border: solid 1px #e6e6e7;
  border-radius: 10px;
  padding: 10px 10px 10px 10px !important;
}
.woocommerce .products li:hover {
  box-shadow: 0px 0px 10px 2px #ededed;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before {
  color: #3f41ce;
}
.woocommerce-message {
  border-top-color: #3f41ce;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: #3f41ce;
  color: #fff;
  padding: 0;
  border-radius: 5px;
  margin: 0 !important;
  min-height: 5px;
  line-height: 26px;
  min-width: 60px;
}
.woocommerce ul.products li.product .onsale {
  top: 10px !important;
  right: 10px !important;
}
h2.woocommerce-loop-product__title {
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #2a2a34 !important;
  font-size: 22px;
}
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-bottom: 5px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  background: #213545;
  border-radius: 50px !important;
  position: relative;
  padding: 14px 20px;
  opacity: 1 !important;
  cursor: pointer !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #3f41ce !important;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px 5px;
  border-radius: 0;
  border: solid 1px #2a2a34;
  color: #2a2a34;
}
.col-1,
.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #3f41ce;
  padding: 12px !important;
  margin-bottom: 10px;
  border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff !important;
  font-weight: bold;
  font-style: none !important;
  text-decoration: none;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce-product-gallery__image {
  padding: 2px;
}
.woocommerce a.checkout-button.button.alt.wc-forward {
  color: #fff !important;
  font-style: none;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover {
  text-decoration: none !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: auto;
  margin: auto;
}
.woocommerce-product-gallery__image img.wp-post-image {
  width: auto !important;
  margin: inherit;
}
nav.woocommerce-breadcrumb {
  margin: 17px 0px !important;
  font-size: 16px !important;
  color: #3f41ce !important;
}
.summary.entry-summary form.cart .quantity {
  margin: 4px 15px 0px 0px !important;
}
button.single_add_to_cart_button.button.alt {
  padding: 15px 30px;
}
.comment-form-rating label,
p.stars {
  padding: 10px 0px;
}
textarea#comment {
  width: auto !important;
}
input#coupon_code {
  width: 104px;
  margin: 6px 15px 0px 0px;
}
ul.woocommerce-error {
  border-top-color: #3f41ce;
}
.woocommerce-error::before {
  color: #3f41ce;
}
/*--------post------------*/
.single-post .post_share_icon a {
  padding: 10px 13px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 5px 3px;
}
.single-post a.post-facebook {
  background: #3b5998;
}
.single-post a.post-pinterest {
  background: #c92228;
}
.single-post a.post-linkedin {
  background: #0976b4;
}
.single-post a.post-twitter {
  background: #1b95e0;
}
.single-post b.share-txt {
  font-size: 18px;
}
p.comment-form-comment {
  position: relative;
}
p.comment-form-comment label {
  position: absolute;
  bottom: 100%;
  font-weight: 700;
}
div#comments p.logged-in-as {
  margin-bottom: 35px;
}
.single-post .feature-box img {
  width: 50%;
}
.single-post-content p {
  margin-right: 10%;
  text-align: justify;
}
a.page-numbers {
  padding: 10px !important;
  background-color: #3f41ce;
  color: #ffffff !important;
  border: 1px solid #3f41ce;
}
.navigation span.page-numbers.current {
  background-color: #ffffff;
  border: 1px solid #3f41ce;
  color: #000000 !important;
  padding: 10px !important;
}
p.form-submit input#submit {
  border: none;
  padding: 10px;
  font-weight: bold;
  border-radius: 5px;
}
button.wp-block-search__button,
form.search-form.serach-page input.search-submit {
  background: #3f41ce !important;
  padding: 5px 20px !important;
  border-radius: 5px;
  border: none !important;
  color: #fff !important;
  font-weight: bold;
  height: 55px;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li {
  margin: 15px 0px;
}
div#single_post .news-box.my-4 {
  box-shadow: 0px 0px 10px 5px #ededed54;
  border-radius: 15px;
  padding: 20px;
  background: #2c2c2c;
  height: 490px;
}
h3.post-title {
  font-size: 23px;
}
.content_boxes .feature-box img {
  border-radius: 10px;
  width: 100%;
}
.home.page-template
  img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
}
div#single_post .news-datebox {
  right: 35px;
  bottom: 29%;
}
div#blog-left-sidebar .news-datebox,
div#blog-right-sidebar .news-datebox {
  bottom: 42%;
}
div#full-width-blog .lower-new-box,
div#blog-left-sidebar .lower-new-box,
div#blog-right-sidebar .lower-new-box {
  position: static;
  width: 100%;
}
.single-post .feature-box {
  width: 20%;
}
/*---------Contat Us--------------*/
select.movie.name {
  height: 44px;
}
.booking-page textarea.contactp-msg {
  height: 135px;
}
input.contactp-name,
input.contactp-email,
input.contactp-call,
input.contact-date,
input.contactp-lastname,
select.movie.name {
  font-size: 15px;
  border-radius: 10px;
  padding: 10px;
  margin: 5px;
  border: 1px solid #d8e5ee;
  width: 100%;
}
textarea.contactp-msg {
  height: 80px;
  border-radius: 10px;
  width: 100%;
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8e5ee;
}
input.contactp-sumbit {
  padding: 10px 20px;
  border-radius: 10px;
  margin: 5px;
  border: 1px solid #d8e5ee;
  display: inline-block;
  font-weight: bold;
  background: #ffffff;
  cursor: pointer;
}
.contact-section-form {
  border-radius: 20px;
  background: #3f41ce;
}
.call0 h6 a,
.contact-info h6 a {
  color: #cdc8c8;
  font-weight: 600;
}
.call0 h6 a:hover,
.contact-info h6 a:hover {
  color: #3f41ce;
}
.phone-info a {
  display: block;
}
.contact-info span {
  padding-left: 40px;
  position: relative;
  top: -3px;
}
div#contact-box i {
  color: #3f41ce;
}
textarea.contactp-msg::placeholder,
input.contactp-name::placeholder,
input.contactp-email::placeholder,
input.contactp-call::placeholder,
input.contact-date {
  color: #8899a6;
}
.contact-info h3 {
  position: relative;
}
div#contact-box h6 {
  font-size: 16px;
}
/* STICKY HEADER */

.stickynavbar {
  /*background-color: #fff !important;*/
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  /*position: fixed!important;*/
  top: 0;
  width: 100%;
  padding-bottom: 0 !important;
}
/*-------------------------- Calendar widget --------------------------*/
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td,
.widget.widget_calendar tr,
.widget.widget_calendar th {
  border: 1px solid #fff;
}
#footer .widget.widget_calendar td,
#footer .widget.widget_calendar tr,
#footer .widget.widget_calendar th {
  padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*----------------- Product Star Rating--------------*/
.woocommerce ul.products li.product .star-rating {
  color: #fec806;
  margin: 0 auto;
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  height: 1.7em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
}
.star-rating {
  color: #ffc107;
  margin: 0 auto;
  font-size: 0.857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 7em;
  font-family: star;
}
.star-rating:before {
  content: "\53\53\53\53\53";
  color: #cac9c9;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  letter-spacing: 5px;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  letter-spacing: 5px;
}
.woocommerce .loader::before {
  display: none;
}
/*---------------common css-------------*/
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.ft-email {
  width: 100%;
}
.btn {
  color: #ffffff;
}
/*------------topbar-----------*/
span.mobile-open {
  display: none;
}
.topbar-box {
  background: #2c2c2c;
  border-radius: 10px;
  height: 50px;
  margin: 0 7em 0 50px;
  padding: 0 35px;
}
.topbar-notifications-icons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px 5px;
  padding: 9px 11px;
  color: #fff;
  border-radius: 8px;
}
.topbar-notifications-icons a:nth-child(1) {
  background: #ff5f2d;
}
.topbar-notifications-icons a:nth-child(2) {
  background: #f1b20d;
}
.navigation-search input[type="search"] {
  background: #3f41ce;
  border: 1px solid #3f41ce;
  padding: 12px 15px;
  height: 48px;
  color: #ffffff;
}
.navigation-search input[type="search"]::placeholder {
  color: #ffffff;
  font: 500 12px/14px "Noto Sans";
}
.search-form button.search-submit {
  background: #3f41ce;
  border: 1px solid #3f41ce;
  padding: 11px 5px;
  position: absolute;
  right: 15px;
}
.search-form form {
  position: relative;
}
.topbar-right-box {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 10px;
}
.search-form i {
  color: #ffffff;
}
/* ----Topbar-sidebar--------------- */
span.topbar-text,
span.topbar-text a {
  color: #ffffff;
  font: 500 12px/14px "Noto Sans";
}
span.topbar-text a {
  text-decoration: underline;
}
.topbar-slider i.open-icon {
  cursor: pointer;
  background: #ff5f2d;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 8px;
}
.sidebar-box {
  position: fixed;
  right: 0;
  width: 410px;
  background: #2c2c2c;
  border-radius: inherit;
  top: 0;
  padding: 50px 30px;
  height: -webkit-fill-available;
  z-index: 999;
  transform: translateX(560px) !important;
  opacity: 0;
  transition: 0.85s;
  overflow-y: scroll;
}
.sidebar-box.form-active {
  transform: translateX(10px) !important;
  opacity: 1;
  transition: 0.85s;
}
.sidebar-box i.close-icon {
  background: #f4154d;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 20px;
  cursor: pointer;
  color: #ffffff;
}
.sidebar-contact-box {
  padding-top: 40px;
}
.sidebar-logo {
  padding: 20px 0;
}
.sidebar-contact {
  margin: 23px 0;
}
.sidebar-contact i {
  background: #ff5f2d;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-contact a {
  display: flex;
  align-items: center;
  gap: 20px;
}
/*-----------Header---------*/
.top-logo {
  text-align: center;
}
.body-wrapper {
  display: grid;
  grid-template-columns: 315px calc(100% - 315px);
  grid-gap: 2em;
  position: relative;
}
body.home.page-template .body-wrapper {
  grid-gap: 0em;
}
.header-sidebar-box {
  height: 87%;
  background: #2c2c2c;
  box-shadow: 0px 4px 34px 0px #00000012;
  padding: 30px;
  border-radius: 20px;
  position: fixed;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.header-sidebar-box::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

/* ---------Section Heading--------------- */
.section-heading-box h2 {
  color: #ffffff;
  font: 600 24px/23px "Noto Sans";
  display: block;
}
span.first-word {
  background: #3f41ce;
  color: #ffffff;
  padding: 2px;
}
.section-heading-box h2:hover span.first-word,
.home-sidebar h3.widget-title:hover span.first-word {
  background: #ff5f2d;
}
/* --------------------------- */

/* ------Slider Post------------------- */
.slider-movies {
  margin: 20px 7em 20px 50px;
}
.slider-post-content {
  position: absolute;
  bottom: 45px;
  left: 45px;
  text-align: left;
}
.post_head a {
  color: #ffffff;
  font: 600 23px / 25px "Noto Sans";
}
.slider-post-meta span {
  color: #aeaeae;
  font: 400 12px/14px "Noto Sans";
}
.slider-post-meta span.entry-date i {
  font-size: 14px;
}
span.post-cat-text {
  background: #ff5f2d;
  color: #ffffff;
  font: 600 12px / 14px "Noto Sans";
  padding: 5px 15px;
  border-radius: 30px;
  margin: 0 2px 11px;
  display: inline-block;
}
#slider_post span.entry-comment {
  padding-right: 0;
  color: #aeaeae;
}
#slider_post span.entry-comment::after {
  display: none;
}
#slider_post span.post-star-rating {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #ffffff;
  width: 54px;
  height: 28px;
  border-radius: 30px;
  color: #000000;
  font: 600 12px/14px "Noto Sans";
  display: flex;
  align-items: center;
  justify-content: center;
}
#slider_post span.post-star-rating i {
  color: #fec004;
  font-size: 12px;
}
#slider_post button.owl-dot {
  height: 54px;
  background: #d9d9d9;
  width: 5px;
  border: #d9d9d9;
  display: block;
}
#slider_post button.owl-dot.active {
  height: 40px;
  background: #ff5f2d;
  width: 10px;
  border: #ff5f2d;
  border-radius: 20px;
  position: relative;
  left: -2px;
  top: 0px;
  margin: -5px 0px;
}
#slider_post .owl_pagination {
  float: right;
  width: auto;
  position: absolute;
  right: 47px;
  top: 45%;
}
span.slider-current-count {
  position: absolute;
  top: -7px;
  left: -175px;
}
#slider_post span.slider-current-count,
#slider_post span.slider-last-count {
  font: 600 18px/100% "Open Sans";
  color: #ffffff;
  transform: rotate(-90deg);
}
#slider_post span.slider-last-count {
  position: absolute;
  right: -38px;
  bottom: -8px;
}
#slider_post div#counter {
  position: relative;
  transform: rotate(90deg);
}
/* --Post Category Section-------------------------- */
.category-image-box:hover img {
  transform: rotateY(180deg);
  transition: transform 0.6s ease;
}
.recipe-cat-title h3 a {
  color: #000000;
  font: 600 16px / 23px "Noto Sans";
  background: #ffffff;
  box-shadow: 0px 4px 24px 0px #00000012;
  padding: 15px 35px;
  border-radius: 50px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: max-content;
  margin: 0 auto;
}
.recipe-cat-title h3 a:hover {
  background: #3f41ce;
  color: #ffffff;
}
/* -----------Trending Post--------------------------- */
.left-blog-content h5 a {
  color: #ffffff;
  font: 500 17px/25px "Noto Sans";
  display: block;
}
.blog-meta a,
.left-blog-content .blog-time,
span.post-entry-date,
.right-blogs-content span.entry-comment,
.blog-content span.entry-comment,
span.post-star-rating {
  color: #aeaeae;
  font: 400 12px/12px "Noto Sans";
  text-transform: capitalize;
}
.popular-post-content span.post-star-rating,
#feature_post span.post-star-rating,
#feature_post span.post-star-rating i,
#travel_feature_post span.post-entry-date i,
#travel_feature_post span.post-star-rating i,
#travel_feature_post span.entry-comment i,
#travel_feature_post span.post-entry-date,
#travel_feature_post span.post-star-rating,
#travel_feature_post span.entry-comment,
.left-blog-content span.post-star-rating {
  color: #ffffff;
}
span.post-star-rating,
#travel_feature_post span.post-star-rating,
#feature_post span.post-star-rating {
  font-weight: 600;
}
.left-blog-content .blog-time i,
.right-blogs-content span.blog-time i,
.post-entry-date i,
.blog-content span.blog-time i,
span.post-star-rating i {
  color: #aeaeae;
}
.right-blogs-content h5 a {
  color: #ffffff;
  font: 600 22px/28px "Noto Sans";
  display: block;
  width: 85%;
}
.right-blogs-content h5 a:hover,
.left-blog-content h5 a:hover,
.blog-content h5 a:hover,
.popular-post-content h4 a:hover {
  color: #ff5f2d;
}
span.entry-comment {
  position: relative;
  padding: 0 15px;
  margin: 0 15px;
}
span.entry-comment::before,
span.entry-comment::after {
  content: "";
  background: #999999;
  width: 1px;
  height: 12px;
  position: absolute;
  bottom: 3px;
}
span.entry-comment::before {
  left: 0;
}
span.entry-comment::after {
  right: 0;
}
span.entry-comment i {
  transform: scaleX(-1);
}
span.post-entry-date i,
span.entry-comment i,
span.post-star-rating i,
#feature_post span.post-star-rating i {
  font-size: 14px;
}
.popular-post-content span.post-entry-date,
.popular-post-content span.post-entry-date,
.left-blog-content span.post-entry-date,
#feature_post span.post-entry-date {
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
}
.popular-post-content span.post-entry-date::after,
.left-blog-content span.post-entry-date::after,
#feature_post span.post-entry-date::after {
  content: "";
  background: #999999;
  width: 1px;
  height: 12px;
  position: absolute;
  bottom: 3px;
}
.popular-post-content span.post-entry-date::after,
.left-blog-content span.post-entry-date::after,
#feature_post span.post-entry-date::after {
  right: 0;
}
.blog_text {
  color: #ffffff;
  font: 400 15px/21px "Noto Sans";
  width: 78%;
  padding-top: 15px;
}
.right-blogs-content:hover img,
.left-blog-content:hover img {
  transform: scale(1.05);
}
.right-blogs-content img,
.left-blog-content img {
  transition: transform 0.3s ease-in-out;
}
/* --------------main course Post------------------- */
.blog-content {
  background: #2c2c2c;
  border-radius: 7px;
  padding: 30px;
  transition: transform 0.3s ease-in-out;
}
.blog-content img,
.popular-post-box img {
  transition: transform 0.3s ease-in-out;
}
#main_course_post .blog-content:hover {
  box-shadow: 0px 0px 14px 2px #3f41ce82;
}
.blog-content:hover img,
.popular-post-box:hover img {
  transform: scale(1.05);
}
.category-name a,
.category-name span {
  color: #ffffff;
  font: 400 12px/12px "Noto Sans";
  background: #3f41ce;
  border-radius: 3px;
  padding: 5px 12px;
}
#travel_feature_post .category-name span {
  color: #ff5f2d;
  background: #ffffff;
}
.blog-content h5 a {
  color: #ffffff;
  font: 600 24px/33px "Noto Sans";
  display: block;
  width: 74%;
}
/* ------Recent Post------------ */
#recent_post .blog-content {
  background: unset;
  padding: 5px;
  border-radius: unset;
}
/* ----------Knowledge Readers--------------------------- */
.knowledge-box img {
  width: 100%;
}
.knowledge-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 26%;
}
.knowledge-content h3 {
  color: #ffffff;
  font: 600 20px/23px "Noto Sans";
}
.knowledge-content a {
  color: #ffffff;
  font: 500 17px/17px "Noto Sans";
  border: 1px solid #ffffff;
  border-radius: 6px;
  padding: 18px 35px;
  margin-top: 13px;
  display: inline-block;
}
/* ----Videos Section--------------------- */
#videos .modal {
  z-index: 99999 !important;
}
.modal-backdrop {
  z-index: -1;
}
.modal.show .modal-dialog {
  transform: none;
  top: 20%;
  position: absolute;
  left: 15%;
  right: 0;
  z-index: 99999;
}
a.video-btn {
  color: #000000;
  background: #ffffff;
  box-shadow: 0px 4px 24px 0px #00000012;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
}
.slider-video-box img {
  width: 100%;
}
.slider-video-box:hover a.video-btn {
  display: flex;
}
.slider-video-box:hover img {
  opacity: 50%;
}
.slider-video-box:hover h4 {
  display: none;
}
.slider-video-box h4 {
  color: #000000;
  font: 600 15px / 28px "Noto Sans";
  background: #ffffff;
  box-shadow: 0px 4px 24px 0px #00000012;
  width: 125px;
  height: 50px;
  border-radius: 50px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}
.slider-video-box {
  margin-bottom: 35px;
}
/* ---------Main Meal/Travel Post------------ */
#travel_feature_post span.first-word {
  background: #ffffff;
  color: #ff5f2d;
}
#travel_feature_post .blog-content {
  background: unset;
  border-radius: 0;
  padding: unset;
}
#travel_feature_post .owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}
.main-meal-image {
  position: relative;
}
#travel_feature_post .main-meal-image:before {
  content: "";
  background: #ffffff;
  width: 194px;
  height: 217px;
  border-radius: 8px;
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: -1;
}
.main-meal-post .owl-stage-outer {
  padding-top: 30px;
}
.main-meal-post .blog-content h5 a {
  font: 600 27px / 37px "Noto Sans";
}
.main-meal-post .blog-content h5 a:hover,
.travel-post-box .blog-content h5 a:hover {
  color: #3f41ce;
}
.main-meal-post .blog_text {
  line-height: 22px;
  width: 88%;
}
.travel-post-box .slick-slide img {
  display: inline-block;
}
.travel-post-box .blog-content h5 a {
  font: 500 17px / 25px "Noto Sans";
  width: 100%;
}
.travel-post-box .blog_text {
  width: 90%;
}
.travel-post-box ul.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  list-style-type: none;
  padding: 30px 0;
}
.travel-post-box ul.slick-dots li {
  margin: 0 0.25rem;
}
.travel-post-box ul.slick-dots button {
  display: block;
  width: 10px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 3px;
  background-color: #ffffff;
  text-indent: -9999px;
}
.travel-post-box ul.slick-dots li.slick-active button {
  width: 25px;
}
.main-meal-post button.owl-dot {
  background: #ffffff4d;
  border: 1px solid #ffffff4d !important;
  height: 145px;
  border-radius: 3px;
  display: block;
}
.main-meal-post button.owl-dot.active {
  border: 3px solid #ffffff !important;
  position: relative;
  left: -2px;
}
.main-meal-post .owl-dots {
  position: absolute;
  right: 30px;
  top: 0;
}
/* -----Feature Post---------------------- */
#feature_post .blog-content {
  background: unset;
  padding: 0;
  border-radius: 0;
}
#feature_post .blog-content h5 a {
  color: #ffffff;
  font: 600 17px/22px "Noto Sans";
  width: 90%;
}
#feature_post span.post-entry-date {
  color: #ffffff;
}
#feature_post .category-name span {
  color: #3f41ce;
  background: #ffffff;
  padding: 4px 8px;
}
/* ------Footer Newsletter Section------------- */
.newsletter-box {
  background: #212121;
  box-shadow:
    -7px -9px 22.9px -4px #383838,
    10px 4px 15px 3px #111111;
  border-radius: 20px;
  padding: 34px 25px 10px;
  margin: 85px 16px 50px;
}
.newsletter-img {
  position: absolute;
  bottom: 0;
  left: 35px;
}
.newsletter-data {
  width: 70%;
  margin: 0 auto;
  padding-left: 60px;
}
.newsletter-data h2 {
  color: #ffffff;
  font: 600 25px/25px "Noto Sans";
}
.newsletter-data h2 span {
  color: #3f41ce;
}
.newsletter-form-box form {
  position: relative;
  width: 77%;
  margin: 30px auto 0;
}
/* --Footer Contact------------------------- */
.footer-contact-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 50px 0;
  border-bottom: 1px solid #d9d9d933;
}
.email-box span,
.phone-box span {
  color: #fff;
  font: 600 16px / 22px "Noto Sans";
}
.email-box {
  text-align: right;
}
.email-box p a,
.phone-box p a {
  color: #ffffff;
  font: 600 22px/30px "Noto Sans";
}
.email-box p a:hover,
.phone-box p a:hover {
  color: #3f41ce;
}
.phone-box span {
  background: #c00a27;
  padding: 2px;
}
.email-box span.first-word {
  font-weight: 500;
}
.phone-box span.last_slide_head {
  padding: 0 0 0 3px;
  background: #101010;
  font-weight: 600;
}
.phone-box span {
  background: #3f41ce;
  padding: 0 0px 0 3px;
  font-weight: 500;
}
/*-------------FOOTER--------*/
.footer-cols {
  padding-top: 70px;
  padding-bottom: 20px;
}
.footer-cols .footer1 h3 {
  border-bottom: unset;
  margin-bottom: unset;
}
.footer1 {
  background: #3f41ce;
  border-radius: 22px 22px 0px 0px;
  padding: 45px 45px 0;
  box-shadow: 0px 115px 0px 0px #3f41ce;
}
.footer1 p {
  color: #ffffff;
  font: 400 16px/24px "Noto Sans";
}
a.footer1btn {
  color: #ffffff;
  font: 600 15px/15px "Noto Sans";
  background: #ff5f2d;
  padding: 13px 20px;
  border-radius: 30px;
  margin-top: 10px;
  display: inline-block;
}
.footer2 .post-content a {
  color: #ffffff;
  font: 600 17px/22px "Noto Sans";
  display: inline-block;
  margin-bottom: 13px;
}
.footer2 p.post-date {
  color: #ffffff;
  font: 400 12px/12px "Noto Sans";
}
.footer-cols h3 {
  color: #ffffff;
  font: 600 19px/26px "Noto Sans";
  padding-bottom: 15px;
  border-bottom: 2px solid #ff5f2d;
  margin-bottom: 35px;
}
.footer2,
.footer3,
.footer4 {
  padding: 0 25px;
}
.footer2 ul {
  padding-left: 0;
}
.recent-post-box {
  padding-left: 16px;
  margin-bottom: 15px;
}
.recent-post-box img {
  height: 80px;
}
.footer4 .textwidget p {
  color: #ffffff;
  font: 500 14px/23px "Noto Sans";
}
.footer4 input[type="email"] {
  background: #ffffff;
  border: 1px solid #ffffff;
  padding: 15px;
  width: 100%;
  height: 40px;
  border-radius: 30px;
}
.footer4 input[type="submit"] {
  background: #ff5f2d;
  border: 1px solid #ff5f2d;
  color: #ffffff;
  font: 600 12px / 14px "Noto Sans";
  display: inline-block;
  width: 100%;
  border-radius: 30px;
  height: 40px;
  margin-top: 12px;
}
.footer-cols ul li {
  list-style: none;
}
.copy-text span {
  color: #ffffff;
  font: 600 17px / 22px "Noto Sans";
}
.copy-text span a {
  color: #ff5f2d;
  font-weight: 600;
}
/* ----Footer Category--------------- */
span.category-text {
  color: #222222;
  font: 600 12px/12px "Noto Sans";
  background: #ffffff;
  border-radius: 3px;
  padding: 2px 8px;
  position: absolute;
  bottom: 18px;
  left: 15px;
}
.footer-cate-img-box {
  position: relative;
  margin-bottom: 16px;
}
span.category-count-text {
  color: #ffffff;
  font: 600 14px/18px "Noto Sans";
  position: absolute;
  bottom: 18px;
  right: 15px;
}
.footer-cate-img-box img {
  width: 100%;
}
/* -----------Home Sidebar------------- */
.home-sidebar aside {
  padding-bottom: 30px;
}
.home-sidebar {
  padding-left: 20px;
}
.home-sidebar h3.widget-title {
  color: #ffffff;
  font: 600 21px / 29px "Noto Sans";
  display: block;
  padding-bottom: 3rem;
}
.popular-post-content span.cate-text {
  background: #3f41ce;
  border-radius: 3px;
  color: #ffffff;
  font: 400 12px/12px "Noto Sans";
  padding: 4px 10px;
}
.popular-post-content h4 a {
  color: #ffffff;
  font: 500 17px/25px "Noto Sans";
  display: block;
}
.popular-post-content span.blog-time {
  color: #777777;
  font: 400 12px/12px "Noto Sans";
  padding-left: 15px;
}
.popular-post-content span.blog-time i {
  color: #555555;
}
.popular-post-box {
  margin-bottom: 25px;
}
.chef-content h4 {
  color: #ffffff;
  font: 600 17px/17px "Noto Sans";
}
.chef-disignation,
.chef-mail span {
  color: #aeaeae;
  font: 300 12px/18px "Noto Sans";
}
.chef-mail {
  color: #333333;
  font: 400 12px/18px "Noto Sans";
}
.chef-content .social-icons a i {
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  height: 20px;
  width: 20px;
  color: #999999;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 12px 10px 0 0;
}
.chef-content .social-icons a:hover i {
  background: #c00a27;
  border-color: #c00a27;
  color: #ffffff;
}
.top-chef-img-box {
  margin-bottom: 25px;
}
h3.custom_title {
  color: #ffffff;
  font: 600 19px/26px "Noto Sans";
}
p.custom_text {
  color: #ffffff;
  font: 400 14px/29px "Noto Sans";
}
.more-button a.custom_read_more {
  color: #e32141;
  font: 400 15px / 15px "Noto Sans";
  background: #ffffff;
  border-radius: 5px;
  padding: 15px 25px;
  display: inline-block;
}
.more-button a.custom_read_more:hover {
  background: #ff5f2d;
}
aside.about-widget {
  position: relative;
  margin-bottom: 30px;
}
.about-widget img {
  width: 100%;
}
.custom-about-us {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  padding: 30px;
}
.widget_categories li.cat-item {
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  color: #ffffff;
  font: 500 15px/22px "Noto Sans";
  border-bottom: 1px dashed #d1e7e5;
  padding-bottom: 15px;
}
.widget_categories ul {
  padding-left: 0;
}
.widget_categories .cat-item a {
  color: #ffffff;
  font: 500 15px/22px "Noto Sans";
}
.widget_categories .cat-item a:hover {
  color: #ff5f2d;
}
.counter-content {
  background: #ff5f2d;
  height: 111px;
  margin-bottom: 23px;
  border-radius: 10px;
  text-align: center;
  padding: 22px 20px;
  transition: transform 0.3s ease-in-out;
}
.counter-content:hover {
  background: #3f41ce;
  transform: scale(1.05);
}
#counter .count {
  color: #ffffff;
  font: 600 24px/33px "Noto Sans";
}
#counter .counter-title {
  color: #ffffff;
  font: 400 15px/22px "Noto Sans";
  padding-top: 6px;
}
.instagram-content img {
  width: 100%;
}
.instagram-content {
  margin-bottom: 12px;
}
.tagcloud a.tag-cloud-link {
  color: #666666;
  font: 400 15px / 15px "Noto Sans" !important;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  padding: 8px 23px;
  display: inline-block;
  margin: 0px 7px 20px;
}
.tagcloud a.tag-cloud-link:hover {
  color: #ffffff;
  background: #3f41ce;
  border-color: #3f41ce;
}
.news-button .btn:hover {
  color: #ff5f2d;
}
/*ANIMATION*/
@keyframes zoomInDown {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInRight {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInUp {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fadeInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.active.zoom-In-up {
  animation: zoom-In-up 1s ease-in-out both;
}
.active.slide-in-left {
  animation: slide-in-left 1s ease-in-out both;
}
.active.slide-in-right {
  animation: slide-in-right 1s ease-in-out both;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-up {
  animation: fade-up 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.call-head {
  animation: zoomInRight 3s ease-out 1;
}
.appoint-bg,
.row.call-phone,
.row.calus-email {
  animation: zoomInUp 3s ease-out 1;
}
.inner-plan-box {
  animation: fadeInLeft 3s ease-out 1;
  box-shadow: 0px 0px 10px 2px #ededed;
}
.serv-head {
  animation: zoomInLeft 3s ease-out 1;
}
.reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active {
  transform: translateY(0);
  opacity: 1;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.shrink {
  transition: 1s ease;
}

.shrink :hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: 1s ease;
}
/*buton effects*/
.btn {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease 0s;
}
.btn:focus {
  color: #fff;
}
.btn:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
  transform: rotate(-3deg) scale(1.1);
}
.btn:before,
.btn:after,
.btn span:before,
.btn span:after {
  content: "";
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #ff5f2d);
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  animation: animate1 2s linear infinite;
  animation-delay: 1s;
  transition: all 0.3s;
}
.btn:after {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), #ff5f2d);
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  animation: animate3 2s linear infinite;
  animation-delay: 3s;
}
.btn span:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #ff5f2d);
  width: 3px;
  height: 100%;
  left: auto;
  right: 0;
  animation: animate2 2s linear infinite;
  animation-delay: 2s;
}
.btn span:after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #ff5f2d);
  width: 3px;
  height: 100%;
  animation: animate4 2s linear infinite;
  animation-delay: 4s;
}
.btn:hover:before,
.btn:hover:after,
.btn:hover span:before,
.btn:hover span:after {
  animation-play-state: paused;
}
@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@media only screen and (max-width: 767px) {
  .btn {
    margin-bottom: 30px;
  }
}
a.quote-btn:hover,
a.plan-btn:hover {
  background: #fff !important;
}
input.appoin-button:hover {
  color: #fff !important;
}
/*----Image Effects*/
.shrink img {
  transition: 1s ease;
}

.shrink img:hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: 1s ease;
}
.grow img {
  transition: 1s ease;
}

.grow img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: 1s ease;
}
.circle img {
  transition: 1s ease;
}

.circle img:hover {
  border-radius: 50%;
  transition: 1s ease;
}
.rotate img {
  transition: 1s ease;
}

.rotate img:hover {
  -webkit-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  transform: rotateZ(-10deg);
  transition: 1s ease;
}

/* MEDIA SECTION */
@media screen and (max-width: 1800px) and (min-width: 1601px) {
}
@media screen and (max-width: 1600px) and (min-width: 1440px) {
}
@media screen and (max-width: 1700px) and (min-width: 1300px) {
  .main-pageWrap {
    padding-right: 25px;
  }
  body.home.page-template .body-wrapper {
    grid-gap: 3em;
  }
  .topbar-box {
    margin: 0 7em 0 20px;
  }
  .slider-movies {
    margin: 20px 7em 20px 20px;
  }
  .body-wrapper {
    grid-template-columns: 275px calc(100% - 275px);
    grid-gap: 0.5rem;
  }
  #slider_post .owl_pagination {
    top: 30%;
  }
  ul#menu-ot_main_primary-menu {
    padding-left: 20px;
  }
  .slider-post-content {
    width: 90%;
  }
  .slider-post-box .post_head a {
    font: 600 20px / 25px "Noto Sans";
  }
  .right-blogs-content h5 a {
    font: 600 19px / 28px "Noto Sans";
    width: 90%;
  }
  .blog_text {
    font: 400 13px / 21px "Noto Sans";
    width: 86%;
  }
  .right-blogs-content h5,
  .our-blogs-box-2 h5 {
    padding-bottom: 0;
  }
  .left-blog-content span.blog-time::before {
    height: 10px;
    bottom: 1px;
  }
  .blog-meta a,
  .left-blog-content .blog-time,
  span.post-entry-date,
  .right-blogs-content span.blog-time,
  .blog-content span.blog-time {
    font: 400 11px / 11px "Noto Sans";
  }
  .left-blog-content span.blog-time {
    margin-left: 4px;
    padding-left: 7px;
  }
  .blog-content h5 a {
    font: 600 20px / 30px "Noto Sans";
  }
  .popular-post-content h4 a {
    font: 500 14px / 18px "Noto Sans";
  }
  h3.custom_title {
    font: 600 16px / 22px "Noto Sans";
  }
  p.custom_text {
    font: 400 11px / 19px "Noto Sans";
  }
  .custom-about-us {
    top: 10px;
    padding: 20px;
  }
  .counter-content {
    height: 98px;
    padding: 17px 10px;
  }
  .tagcloud a.tag-cloud-link {
    padding: 8px 15px;
    font: 400 13px / 13px "Noto Sans" !important;
    margin: 0px 3px 12px;
  }
  .main-meal-image {
    padding-right: 35px;
  }
  .main-meal-post .owl-dots {
    right: 5px;
  }
  .main-meal-post .blog-content h5 a {
    font: 600 20px / 28px "Noto Sans";
    width: 80%;
  }
  .main-meal-post .blog_text {
    font: 400 14px / 21px "Noto Sans";
  }
  .main-meal-post .blog_text {
    width: 100%;
  }
  .footer1 {
    padding: 30px 30px 0;
  }
  .recent-post-box img {
    height: auto;
  }
  .footer2 .post-content a {
    font: 600 14px / 19px "Noto Sans";
    margin-bottom: 11px;
  }
  .ft-details {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 992px) {
  .tagcloud a.tag-cloud-link {
    padding: 8px 11px;
    margin: 0px 3px 15px;
  }
  #slider_post .owl_pagination {
    top: 30%;
  }
  .main-meal-image {
    padding-right: 35px;
  }
  .main-meal-post .owl-dots {
    right: 5px;
  }
  .main-meal-post .blog-content h5 a {
    font: 600 20px / 28px "Noto Sans";
    width: 100%;
  }
  .main-meal-post .blog_text {
    font: 400 14px / 21px "Noto Sans";
  }
  .main-meal-post .blog_text {
    width: 100%;
  }
  #travel_feature_post .main-meal-image:before {
    left: -14px;
    top: -14px;
  }
  .blog-meta span {
    display: inline-block;
  }
  .footer1 {
    padding: 30px 30px 0;
  }
  .recent-post-box img {
    height: auto;
  }
  .footer2 .post-content a {
    font: 600 14px / 19px "Noto Sans";
    margin-bottom: 11px;
  }
  .ft-details {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1299px) {
  span.mobile-open {
    display: block;
  }
  .header-sidebar-box {
    position: fixed;
    overflow: visible;
    z-index: 99999;
    top: 0;
    height: auto;
    padding: 15px;
  }
  div#nav-box {
    overflow-x: scroll;
    height: 100vh;
  }
  span.mobile-open {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #3f41ce;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    overflow: visible;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header-sidebar-box.open {
    transform: translate(0px, 0px);
    transition: 0.5s ease-in-out;
  }
  .header-sidebar-box {
    transform: translate(-279px, 0px);
    transition: 0.5s ease-in-out;
  }
  nav#site-navigation ul {
    margin: 0;
    padding-left: 25px;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li {
    display: block;
  }
  .main-navigation ul ul {
    position: static !important;
    background: transparent !important;
    border: none !important;
  }
  /* .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
    color: #fff;
  } */
  .body-wrapper {
    display: initial;
  }
  .main-pageWrap {
    margin-right: 0px;
    padding-right: 0px;
  }
  .topbar-notifications-icons {
    position: static;
  }
}
@media screen and (max-width: 1024px) and (min-width: 992px) {
  #slider_post .owl_pagination {
    top: 25%;
  }
  .left-blog-content h5 a {
    font: 500 14px / 21px "Noto Sans";
  }
  .left-blog-content h5 {
    padding-bottom: 0;
  }
  .blog_text {
    width: 100%;
  }
  .tagcloud a.tag-cloud-link {
    font: 400 12px / 12px "Noto Sans" !important;
    padding: 8px 12px;
    margin: 0px 5px 11px;
  }
  .footer1 {
    padding: 25px 25px 0;
  }
  .footer2 .post-content a {
    font: 600 14px / 18px "Noto Sans";
  }
  .recent-post-box img {
    height: 55px;
  }
  .blog-content h5 a {
    font: 600 20px / 25px "Noto Sans";
    width: 95%;
  }
  .right-blogs-content h5 a {
    font: 600 18px / 24px "Noto Sans";
    width: 95%;
  }
  .custom-about-us {
    padding: 18px;
    top: -7px;
  }
  h3.custom_title {
    font: 600 16px / 21px "Noto Sans";
  }
  p.custom_text {
    font: 400 13px / 20px "Noto Sans";
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  #slider_post .owl_pagination {
    top: 20%;
  }
  .knowledge-content {
    top: 16%;
  }
  .main-meal-post .owl-dots {
    right: -13px;
  }
  .blog-meta span {
    display: inline-block;
  }
  span.post-entry-date {
    padding: 0 8px 0 11px;
    margin: 0 7px;
  }
  .main-meal-post .blog-content h5 a {
    font: 600 20px / 28px "Noto Sans";
  }
  .footer-contact-logo.text-center {
    width: 30%;
  }
  .footer-contact-box .email-box,
  .footer-contact-box .phone-box {
    width: 35%;
  }
  .footer-contact-box {
    gap: 20px;
  }
  .footer1 {
    padding: 45px;
    box-shadow: unset;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .knowledge-box img {
    height: 215px;
    object-fit: cover;
  }
  #travel_feature_post .owl-carousel .owl-item img {
    width: 100%;
  }
  .footer-contact-logo.text-center {
    width: 30%;
  }
  .footer-contact-box .email-box,
  .footer-contact-box .phone-box {
    width: 35%;
  }
  .footer-contact-box {
    gap: 20px;
  }
  .email-box p a,
  .phone-box p a {
    font: 600 18px / 30px "Noto Sans";
  }
}
@media screen and (max-width: 767px) {
  .topbar-box {
    height: auto;
    margin: 0 1em 0 1em;
    padding: 0 12px;
  }
  #slider_post .owl_pagination {
    float: unset;
    margin: 0 auto;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: fit-content;
  }
  span.slider-current-count {
    left: -35px;
    top: -18px;
  }
  #slider_post span.slider-current-count,
  #slider_post span.slider-last-count,
  #slider_post div#counter {
    transform: unset;
  }
  #slider_post span.slider-last-count {
    right: -35px;
    bottom: -1px;
  }
  #slider_post button.owl-dot {
    height: 5px;
    width: 40px;
    display: inline-block;
  }
  #slider_post button.owl-dot.active {
    height: 7px;
    width: 40px;
    left: 0px;
    top: 1px;
    margin: 0px -2px;
  }
  .slider-movies {
    margin: 20px 1em 20px 1em;
  }
  .navigation-search span i,
  .topbar-slider i.open-icon {
    height: 40px;
    width: 40px;
  }
  .topbar-box .search-form form.search-form.serach-page {
    width: 95%;
  }
  .topbar-box .search-form i {
    right: 25px;
    top: 25px;
  }
  .topbar-box .navigation-search input[type="search"] {
    padding: 18px 18px;
  }
  .topbar-box .search-form button.search-submit {
    padding: 10px 18px;
  }
  .topbar-box .search-form form.search-form.serach-page {
    top: 60%;
  }
  .section-heading-box h2 {
    font: 600 17px / 20px "Noto Sans";
  }
  .right-blogs-content h5 a,
  .blog_text,
  .blog-content h5 a,
  .main-meal-post .blog_text,
  .travel-post-box .blog_text {
    width: 100%;
  }
  .blog-meta span {
    display: inline-block;
  }
  .right-blogs-content {
    margin-bottom: 20px;
  }
  .blog-content {
    padding: 15px;
  }
  #main_course_post .category-name {
    margin-top: 20px;
  }
  #main_course_post .blog-content h5 a {
    font: 600 19px / 26px "Noto Sans";
  }
  .slider-video-box {
    text-align: center;
  }
  .slider-video-box img {
    width: auto;
  }
  .popular-post-content span.cate-text {
    margin-top: 15px;
    display: inline-block;
  }
  .home-sidebar {
    padding-left: 0;
  }
  .custom-about-us {
    top: 10px;
    padding: 15px;
  }
  h3.custom_title {
    font: 600 16px / 23px "Noto Sans";
  }
  p.custom_text {
    font: 400 12px / 22px "Noto Sans";
  }
  .main-meal-post button.owl-dot {
    background: #ffffff4d !important;
    height: 6px;
    width: 30px;
    display: inline-block;
  }
  .main-meal-post .owl-dots {
    right: 0;
    left: 0;
    top: auto;
    bottom: -26px;
    text-align: center;
  }
  .main-travel-box {
    padding-top: 50px;
  }
  .main-meal-post .blog-content h5 a {
    font: 600 20px / 27px "Noto Sans";
  }
  #travel_feature_post .owl-carousel .owl-item img {
    padding-left: 20px;
  }
  #travel_feature_post .main-meal-image:before {
    left: 0;
  }
  .main-meal-post .blog_text {
    padding-bottom: 30px;
  }
  #feature_post img {
    width: auto;
    margin: 0 auto 25px;
  }
  .footer1 {
    padding: 45px;
    box-shadow: unset;
  }
  .footer2 .recent-post-box .post-thumb img {
    width: auto !important;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 575px) {
  .topbar-right-box {
    justify-content: center;
  }
  span.topbar-text,
  span.topbar-text a {
    text-align: center;
    display: inline-block;
  }
  div#single_post .news-box.my-4 {
    height: auto;
  }
  .sidebar-box {
    width: 295px;
  }
  .sidebar-contact-box h3 {
    font-size: 23px;
  }
  .slider-post-content .post_head a {
    font: 600 13px / 16px "Noto Sans";
  }
  .slider-blog-image img {
    height: 230px;
    object-fit: cover;
  }
  .slider-post-content {
    width: 90%;
    bottom: 20px;
    left: 20px;
  }
  .knowledge-box img {
    height: 230px;
    object-fit: cover;
  }
  .footer-contact-box {
    display: block;
  }
  .email-box,
  .phone-box {
    text-align: center;
  }
  .footer-contact-logo {
    margin: 0 0 20px;
  }
  .ft-details {
    padding: 0 20px;
  }
}