/*
Theme Name: Recipe Blogs Pro
Theme URI: https://www.ovationthemes.com/products/solar-energy-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Theme Description: Electricion Pro WordPress Theme is a feature-rich theme with a gorgeous layout. It is specifically designed for repairing services, manufacturing plants, road building, company, constructor, corporate, industry, plumber, electrician, carpenter, painter, handyman, mills, small contractors to big corporates, heavy vehicle and rent websites. This premium theme is compatible with all famous WordPress plugins like WooCommerce, Contact Form 7 etc. It uses theme options using customizer API. The responsive design will fit in all devices. Also, it is translation-ready and has RTL layout support. You have a lot of customization options like simple menu option, Favicon, Logo, Title and Tagline Customization, support to add CSS/JS, pagination option, enable-disable options on all sections.
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: recipe-blogs-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Recipe Blogs Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2021.
Recipe Blogs Pro 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: #F6F3F6;
  font-size: 15px;
  color: #222222;
  font-family: 'Noto Sans';
  overflow-x: hidden;
}
/* 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:#121212;
  font-weight: 800;
}
h4,h5,h6{
  font-size: 22px;
  font-family: 'Noto Sans';
  margin:0;
  padding:10px 0;
  color:#121212;
  font-weight: 700;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:16px;
  font-weight:400;
  color: #121212;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color:#121212;
  font-weight: 400;
}
a:hover{
  color: #EC164F;
}
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:#EC164F;animation-delay:-1.5s}
.load :nth-child(2){background:#EC164F;animation-delay:-1s}
.load :nth-child(3){background:#EC164F;animation-delay:-0.5s}
.load :last-child{background:#EC164F}

@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: #EC164F;
  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 .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .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: #000000;
}
.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: #200e3233;
  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: #EC164F;
} */
/* .main-navigation li.current-menu-item.current_page_item{
  color: #EC164F;
} */
.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: #EC164F;
    font-size: 25px;
    margin-right: 15px;
    position: relative;
    top: 4px;
}
.main-navigation li.home.current-menu-item.current_page_item a{
  color: #E32141;
}
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: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    border-radius: 10px;
    margin: 0 auto 10px;
}
.follower-list .follower-list-box:nth-child(2){
  background-color: #0866FF;
}
.follower-list .follower-list-box:nth-child(3){
  background-color: #FF0302;
}
.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;
}
/* --------------------- */

/* ---------- 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.40s ease;
  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;
}
#return-to-top:hover {
  background: transparent;
  box-shadow: 0 0 10px 0 #EC164F inset, 0 0 10px 4px #EC164F;
}
#return-to-top:hover i {
  top: 5px;
  color: #EC164F !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 {
    background: #dcedff ;
    font-size: 24px;
    text-align: center;
    font-style: italic;
    color: #121212;
}
#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: #EC164F;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  text-align: center;
}
#sidebar td {
  padding: 7px;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #EC164F;
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px #2c2c2c;
  color: #EC164F;
  background: transparent;
  width: 100%;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 22px;
  color: #2c2c2c;
  text-align: center;
  padding: 4% 0;
}
#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: #121212;
}
#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: #EC164F;
    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 .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: #EC164F;
}
.woocommerce-message {
  border-top-color: #EC164F;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    background: #EC164F;
    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: #EC164F !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: #EC164F;
  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: #EC164F !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: #EC164F;
}
.woocommerce-error::before {
    color: #EC164F;
}
/*--------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: #EC164F;
  color: #ffffff !important;
  border: 1px solid #EC164F;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #EC164F;
  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: #EC164F !important;
    padding: 5px 20px !important;
    border-radius: 5px;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
}
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 40px 12px #ededed;
    border-radius: 15px;
    padding: 20px;
    background: #ffffff;
}
.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: #EC164F;
}
.call0 h6 a,.contact-info h6 a{
  color: #cdc8c8 ;
  font-weight: 600;
}
.call0 h6 a:hover, .contact-info h6 a:hover{
  color: #EC164F;
}
.phone-info a{
  display: block;
}
.contact-info span {
  padding-left: 40px;
  position: relative;
  top: -3px;
}
div#contact-box i{
  color: #EC164F;
}
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: .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-------------*/
.main-pageWrap {
    padding-right: 60px;
    position: relative;
}
.main-pageWrap:before {
    content: '';
    background: #0000001a;
    width: 1px;
    height: 90%;
    top: 10%;
    position: absolute;
    left: 0;
    box-shadow: 0px 4px 34px 0px #00000012;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.ft-email {
    width: 100%;
}
.btn{
  color: #121212;
}
/*------------topbar-----------*/
span.mobile-open {
    display: none;
}
div#topbar_section {
    position: absolute;
    right: 0;
    width: 60px;
    height: 800px;
    background: #ffffff;
    box-shadow: 0px 4px 34px 0px #0000000D;
    z-index: 99;
}
.topbar-notifications-icons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.topbar-notifications-icons a {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    padding: 12px 0;
    color: #fff;
}
.topbar-notifications-icons a:nth-child(1),.topbar-notifications-icons a:nth-child(3) {
  background: #F1B20D;
}
.topbar-notifications-icons a:nth-child(1) {
  border-radius: 8px 8px 0px 0px;
}
.topbar-notifications-icons a:nth-child(2) {
  background: #FFC42B;
}
.navigation-search span i {
    background: #E32141;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}
.search-form {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    overflow: visible;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    display: none;
    z-index: 99999;
}
.search-form form.search-form.serach-page {
    display: flex;
    width: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
}
.navigation-search input[type="search"] {
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 18px 45px;
    height: 60px;
}
.search-form button.search-submit {
    background: #FFC42B;
    border: 1px solid #FFC42B;
    height: 60px;
    padding: 10px 45px;
}
.topbar-right-box {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 20px;
}
.search-form i {
    position: absolute;
    right: 70px;
    background: #ffffff;
    top: 70px;
    width: 60px;
    height: 60px;
    font-size: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* ----Topbar-sidebar--------------- */
.topbar-slider i.open-icon{
  cursor: pointer;
  background: #FFC42B;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.sidebar-box {
    position: fixed;
    right: 0;
    width: 410px;
    background: #ffffff;
    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: #FFC42B;
    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---------*/
.body-wrapper {
    display: grid;
    grid-template-columns: 295px calc(100% - 295px);
    grid-gap: 2em;
    position: relative;
}
body.home.page-template .body-wrapper{
  grid-gap: 0em;
}
.header-main-sidebar {
    height: 800px;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px 0px #00000012;
    padding: 30px;
}
/* ---------Section Heading--------------- */
.section-heading-box h2{
  color: #000000;
  font: 600 24px/23px 'Noto Sans';
  display: block;
}
span.first-word {
    background: #C00A27;
    color: #fff;
    padding: 2px;
}
.section-heading-box h2:hover span.first-word,.home-sidebar h3.widget-title:hover span.first-word{
  background: #FFC42B;
}
/* ------Slider Post------------------- */
.slider-post-content {
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
    text-align: center;
    width: 72%;
    margin: 0 auto;
}
.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 {
    padding-right: 10px;
    position: relative;
}
.slider-post-meta span.entry-date::after {
    content: '';
    background: #AEAEAE;
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 3px;
}
.slider-post-meta span.blog-time {
    padding-left: 10px;
}
span.post-cat-text {
    background: #FFFFFF80;
    color: #FFFFFF;
    font: 600 12px / 14px 'Noto Sans';
    padding: 5px 15px;
    border-radius: 30px;
    margin: 0 2px 11px;
    display: inline-block;
}
#slider_post button.owl-dot {
    height: 3px;
    background: #D9D9D9;
    width: 42px;
    border: #D9D9D9;
}
#slider_post button.owl-dot.active {
    height: 5px;
    background: #E32141;
    width: 22px;
    border: #E32141;
}
#slider_post .owl_pagination {
    float: right;
    width: fit-content;
    position: relative;
    padding: 25px 51px 0;
}
#slider_post span.slider-last-count {
    position: absolute;
    right: -40px;
    color: #C4C4C4;
}
#slider_post div#counter {
    position: relative;
    top: -17px;
    left: -20px;
    color: #000000;
    font: 600 14px/26px 'Open Sans';
}
.slider-post-box:hover span.post-cat-text{
  background: #FFC42B;
  color: #000000;
}
/* --Post Category Section-------------------------- */
.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: #C00A27;
  color: #ffffff;
}
/* -----------Trending Post--------------------------- */
.left-blog-content h5 a{
 color: #222222;
 font: 500 17px/25px 'Noto Sans';
 display: block;
}
.blog-meta a,.left-blog-content .blog-time,span.post-entry-date,.right-blogs-content span.blog-time,.blog-content span.blog-time{
  color: #777777;
  font: 400 12px/12px 'Noto Sans';
  text-transform: capitalize;
}
.left-blog-content .blog-time i,.right-blogs-content span.blog-time i,.post-entry-date i,.blog-content span.blog-time i{
  color: #555555;
}
.left-blog-content span.blog-time{
  position: relative;
  margin-left: 10px;
  padding-left: 12px;
}
.left-blog-content span.blog-time::before {
    content: '';
    background: #999999;
    width: 1px;
    height: 12px;
    position: absolute;
    bottom: 3px;
    left: 0;
}
.right-blogs-content h5 a{
  color: #222222;
  font: 600 22px/28px 'Noto Sans';
  display: block;
  width: 85%;
}
span.post-entry-date {
    position: relative;
    padding: 0 13px 0 15px;
    margin: 0 15px;
}
span.post-entry-date::before,span.post-entry-date::after {
  content: '';
  background: #999999;
  width: 1px;
  height: 12px;
  position: absolute;
  bottom: 3px;
}
span.post-entry-date::before {
    left: 0;
}
span.post-entry-date::after {
  right: 0;
}
.blog_text{
  color: #555555;
  font: 400 15px/21px 'Noto Sans';
  width: 78%;
  padding-top: 15px;
}
/* --------------main course Post------------------- */
.blog-content {
    background: #ffffff;
    border-radius: 7px;
    padding: 30px;
}
.category-name a,.category-name span{
  color: #666666;
  font: 400 12px/12px 'Noto Sans';
  background: #DFF1F0;
  border-radius: 3px;
  padding: 5px 12px;
}
.blog-content h5 a{
  color: #222222;
  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;
}
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;
    width: 130px;
    height: 50px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.slider-video-box {
    margin-bottom: 25px;
}
/* ---------Main Meal/Travel Post------------ */
#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_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{
  padding: 0;
  margin: 0 0;
  color: #ffffff;
}
#feature_post span.post-entry-date i{
  color: #ffffff;
}
#feature_post .category-name span{
  color: #222222;
  background: #FFC42B;
  padding: 3px 7px;
}
#feature_post span.post-entry-date::before,#feature_post span.post-entry-date::after{
  display: none;
}
/* ------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: #EC164F;
}
.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: #C11C37;
}
.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: #C00A27;
    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: #C11C37;
    border-radius: 22px 22px 0px 0px;
    padding: 45px 45px 0;
    box-shadow: 0px 115px 0px 0px #C11C37;
}
.footer1 p{
  color: #ffffff;
  font: 400 16px/24px 'Noto Sans';
}
a.footer1btn{
  color: #FFFFFF;
  font: 600 15px/15px 'Noto Sans';
  background: #FFC42B;
  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 #FFC42B;
  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: #FFC42B;
  border: 1px solid #FFC42B;
  color: #000000;
  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: #FFC42B;
  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: #000000;
  font: 600 21px / 29px 'Noto Sans';
  display: block;
  padding-bottom: 3rem;
}
.popular-post-content span.cate-text{
  background: #DFF1F0;
  border-radius: 3px;
  color: #666666;
  font: 400 12px/12px 'Noto Sans';
  padding: 4px 10px;
}
.popular-post-content h4 a{
  color: #222222;
  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: #222222;
  font: 600 17px/17px 'Noto Sans';
}
.chef-disignation,.chef-mail span{
  color: #666666;
  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: #FFC42B;
}
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: #1C1C1C;
  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: #1C1C1C;
  font: 500 15px/22px 'Noto Sans';
}
.counter-content {
  background: #FFC42B;
  height: 111px;
  margin-bottom: 23px;
  border-radius: 10px;
  text-align: center;
  padding: 22px 20px;
}
#counter .count{
  color: #FFFFFF;
  font: 600 24px/33px 'Noto Sans';
}
#counter .counter-title{
  color: #222222;
  font: 400 15px/22px 'Noto Sans';
  padding-top: 6px;
}
.instagram-content img {
    width: 100%;
}
.instagram-content {
    margin-bottom: 23px;
}
.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;
}
/*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;
}
{
    animation: rotate 1s linear;
}
@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,.2);
    overflow: hidden;
    position: relative;
    transition: all .5s ease 0s;
}
.btn:focus{ color: #fff; }
.btn:hover{
    box-shadow: 0px 3px 5px rgba(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), #f6e58d);
    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), #f6e58d);
    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), #f6e58d);
    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), #f6e58d);
    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){
  .body-wrapper{
    grid-template-columns: 275px calc(100% - 275px);
    grid-gap: 0.5rem;
  }
  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%;
  }
  span.post-entry-date{
    padding: 0 8px 0 12px;
    margin: 0 9px;
  }
  .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;
  }
  .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;
  }
  span.post-entry-date{
    padding: 0 9px 0 10px;
    margin: 0 10px;
  }
  .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-main-sidebar{
    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: #EC164F;
    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-main-sidebar.open {
    transform: translate(0px, 0px);
    transition: 0.5s ease-in-out;
  }
  .header-main-sidebar {
    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-box {
      display: flex;
      align-items: center;
  }
  div#topbar_section{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    position: static;
  }
  .topbar-notifications-icons a:nth-child(1){
    border-radius: 0px;
  }
  .topbar-notifications-icons{
    position: static;
  }
  .topbar-notifications-icons a{
    display: inline-block;
    margin: 7px auto;
  }
}
@media screen and (max-width: 1024px) and (min-width: 992px){
  .left-blog-content h5 a{
    font: 500 14px / 21px 'Noto Sans';
  }
  .left-blog-content h5{
    padding-bottom: 0;
  }
  span.post-entry-date{
    padding: 0 10px 0 13px;
    margin: 0 10px;
  }
  .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){
  .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){
  .navigation-search span i,.topbar-slider i.open-icon,.topbar-notifications-icons a{
    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;
  }
  .topbar-notifications-icons a{
    padding: 9px 0;
  }
}
@media screen and (max-width: 575px){
  .sidebar-box{
    width: 295px;
  }
  .sidebar-contact-box h3{
    font-size: 23px;
  }
  .slider-post-content .post_head a{
    font: 600 16px / 22px 'Noto Sans';
  }
  .slider-post-content{
    width: 90%;
  }
  .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;
  }
}