@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");

.carousel-caption {

  width:100%;

  height:100%;

  left:50 !important;

 

}



.carousel-caption section {

text-align:center;

margin-left:30px;

padding-top: 20% !important;

width: 40% !important;

}



@font-face {

	font-family: Montserrat-Regular;

	src: url('Montserrat-Regular.ttf');

}



@font-face {

	font-family: Montserrat-Medium;

	src: url('Montserrat-Medium.ttf');

}



@font-face {

	font-family: Montserrat-Bold;

	src: url('Montserrat-Bold.ttf');

}



@font-face {

	font-family: Montserrat-SemiBold;

	src: url('Montserrat-SemiBold.ttf');

}



@font-face {

	font-family: Montserrat-Bold;

	src: url('Montserrat-Bold.ttf');

}



@font-face {

	font-family: PlovdivDisplay-Bold;

	src: url('PlovdivDisplay-Bold.otf');

}



@font-face {

	font-family: PlovdivDisplay-Regular;

	src: url('PlovdivDisplay-Regular.otf');

}



@font-face {

	font-family: PlovdivDisplay-Light;

	src: url('PlovdivDisplay-Light.otf');

}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div

pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,

figure, header, nav, section, article, aside, footer, figcaption {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

}



.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



.clearfix {

  display: inline-block;

}



html[xmlns] .clearfix {

  display: block;

}



* html .clearfix {

  height: 1%;

}



ul, li {

  padding: 0;

  margin: 0;

  list-style: none;

}



header, nav, section, article, aside, footer, hgroup {

  display: block;

}



* {

  box-sizing: border-box;

}



html, body {

  /* font-family: 'Poppins', sans-serif; */

  font-weight: 400;

  background-color: #fff;

  font-size: 16px;

  -ms-text-size-adjust: 100%;

  /* -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; */

overflow-x: hidden;

width:100%;

}





a {

  text-decoration: none !important;

  color: #3CF;

}



a:hover {

	color:#F26322;

}



.politika-uslovia:hover {

  color: #fff;

}



h1, h2, h3, h4, h5, h6 {

  margin-top: 0px;

  margin-bottom: 0px;

}



ul {

  margin-bottom: 0px;

}



p {

  font-size: 14px;

  line-height: 25px;

  color: #2a2a2a;

}



img {

  width: 100%;

  overflow: hidden;

}



/* 

---------------------------------------------

global styles

--------------------------------------------- 

*/

html,

body {

  background: #fff;

  font-family: 'Montserrat-Regular';

}



::selection {

  background:#F26322;

  color: #fff;

}



::-moz-selection {

  background: #F26322;

  color: #fff;

}



#desktop-jobs {

  display: block;

}

#mobile-jobs {

  display: none;

}



.info-card-big {

  display: block;

}

.info-card-small {

  display: none;

}



#recipe-view-mobile {

  display: none;

}

#recipe-view-desktop {

  display: block;

}





.product-container-desk {

  width: 90%;

}



@media screen and (min-width: 990px) and (max-width: 1550px){

  .product-container-desk {

    width: 100% !important;

  }

  .product-container-desk .img-product-main{

    width: 90% !important;

  }

  

}

@media (max-width: 1600px) { 



  .owl-service-item .product-card {

    height: 100% !important;

  }

  .sevices-width {

    width: 88% !important;

  }

}





@media (max-width: 991px) {

  html, body {

    overflow-x: hidden;

  }

  .mobile-top-fix {

    margin-top: 30px;

    margin-bottom: 0px;

  }

  .mobile-bottom-fix {

    margin-bottom: 30px;

  }

  .mobile-bottom-fix-big {

    margin-bottom: 60px;

  }

  #desktop-jobs {

    display: none;

  }

  #mobile-jobs {

    display: block;

  }

  .card-info-h {

    font-size: 16px !important;

  }

  .facts-view h3 {

    font-size: 22px !important;

  }

  /* #recipe-view-mobile {

    display: block;

  }

  #recipe-view-desktop {

    display: none;

  } */



  .product-page-cat {

    display: none;

  }

  .card-category {

    width:auto !important;

  }

  .products-cards-row {

    width: 100% !important;

  }

  .pagination {

    padding-bottom: 50px !important;

  }



  #product-view-mobile {

    display: block !important;

  }

  #product-view-desktop {

    display: none !important;

  }

  .product-container-desk .img-product-main{

    width: 100% !important;

  }

  #mobile-history-main {

    display: block !important;

  }

  #desktop-history-main {

    display: none !important;

  }

  .img__wrap {

    margin-bottom: 20px;

  }

}





#product-view-mobile {

  display: none !important;

}

#product-view-desktop {

  display: block !important;

}

#mobile-history-main {

  display: none ;

}

#desktop-history-main {

  display: block ;

}



.main-button-red a {

  font-size: 13px;

  color: #fff;

  background-color: #a12c2f;

  padding: 12px 30px;

  display: inline-block;

  border-radius: 22px;

  font-weight: 500;

  text-transform: uppercase;

  transition: all .3s;

}



.main-button-red a:hover {

  opacity: 0.9;

}



.main-button-yellow a {

  font-size: 13px;

  color: #fff;

  background-color: #f5a425;

  padding: 12px 30px;

  display: inline-block;

  border-radius: 22px;

  font-weight: 500;

  text-transform: uppercase;

  transition: all .3s;

}



.main-button-yellow a:hover {

  opacity: 0.9;

}



.section-heading h2 {

  font-family: 'PlovdivDisplay-Regular';

  margin-top: 0px;

  margin-bottom: 50px; 

  padding-bottom: 20px;

  font-size: 35px;

  text-transform: uppercase;

  color: #BF1E2D;

}



@media (max-width: 450px) {

  .card-category h5 {

    font-size:19px !important;

  }

  /* .card-category .form-check {

    font-size:18px !important;

  } */

  .card-category {

    width:100% !important;

  }

  .product-card {

    width: 100% !important;

  }

  .products-cards-row {

    width: auto !important;

  }

  .pagination {

    padding-bottom: 50px !important;

  }

  .card-category {

    margin-top: 50px !important;

  }

  /* .breadcrumb {

    padding-left: 0 !important;

  } */



  .breadcrumb li a {

    padding: 10px 0px !important;

    font-size: 18px;

  }

  .breadcrumb p {

    padding:0 2px !important;

  }

  .box-img {

    height: 24rem !important;

  }

  /* .recipe-card .card-title span h6 {

    font-size: 16px !important;

  } */

  #recipe-view-mobile {

    display: block;

  }

  #recipe-view-desktop {

    display: none;

  }

}



.products-cards-row {

  width: 90%;

}



/* 

---------------------------------------------

header

--------------------------------------------- 

*/

.header-img ul li a img{

  width: 24px;

}

.sub-header {

  background-color: #1f272b;

  position: relative;

  z-index: 1111;

}



.sub-header .left-content p {

  color: #fff;

  padding: 8px 0px;

  font-size: 13px;

}



.sub-header .right-icons {

  text-align: right;

  padding: 8px 0px;

}



.sub-header .right-icons ul li {

  display: inline-block;

  margin-left: 15px;

}



.sub-header .right-icons ul li a {

  color: #fff;

  font-size: 14px;

  transition: all .3s;

}



.sub-header .right-icons ul li a:hover {

  color: #f5a425;

}



.sub-header .left-content p em {

   font-style: normal;

   color: #f5a425;

}

/* 

.background-header {

  background-color: #fff!important;

  height: 100px!important;

  position: fixed!important;

  top: 0!important;

  left: 0;

  right: 0;

  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;

} */







.background-header .logo,

.background-header .main-nav .nav li a {

  color: #1e1e1e!important;

}



.background-header .main-nav .nav li:hover a {

  color: #fb5849!important;

}



.background-header .nav li a.active {

  color: #fb5849!important;

}



.header-area {

  /* background-color: rgba(250,250,250,0.15);

  position: absolute; */

  /* top: 40px; */

  left: 0;

  right: 0;

  z-index: 100;

   background-color: #fff!important;

  height: 100px!important;

  position: fixed!important;

  top: 0!important;

  left: 0;

  right: 0;

  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;

  /* -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s; */

}



/* .header-area .main-nav {

  min-height: 80px;

  background: transparent;

} */



/* .header-area .main-nav .logo {

  line-height: 100px;

  color: #fff;

  font-size: 28px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 2px;

  float: left;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.background-header .main-nav .logo {

  line-height: 75px;

} */



.background-header .nav {

  margin-top: 20px !important;

}

.logo > img:nth-child(1) {

  margin-top: -10px !important;

}



.header-area .main-nav .nav {

  

  /* margin-top: 30px; */

  /* margin-right: 0px;

  background-color: transparent;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  position: relative;

  z-index: 999; */

}



.header-area .nav-main .nav li {

  /* padding-left: 15px;

  padding-right: 15px; */

  padding-top: 10px;

}



.header-area .nav-main .nav li a{

  color: #BF1E2D;

  font-size: 18px;

  font-family: 'Montserrat-Regular';

}



.header-area .nav-main .nav li a:hover{

  text-shadow: 0 0 .65px #BF1E2D, 0 0 .65px #BF1E2D;

}



.header-area .main-nav .nav li:last-child {

  padding-right: 0px;

}



/* .header-area .main-nav .nav li a {

  display: block;

  font-weight: 500;

  font-size: 14px;

  text-transform: uppercase;

  color: #fff;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  height: 40px;

  line-height: 40px;

  border: transparent;

  letter-spacing: 1px;

} */



.header-area .main-nav .nav li:hover a,

.header-area .main-nav .nav li a.active {

  color: #f5a425!important;

}



.background-header .main-nav .nav li:hover a,

.background-header .main-nav .nav li a.active {

  color: #f5a425!important;

  opacity: 1;

}



.header-area .main-nav .nav li.has-sub {

  position: relative;

  padding-right: 15px;

}



.header-area .main-nav .nav li.has-sub:after {

  font-family: FontAwesome;

  content: "\f107";

  font-size: 12px;

  color: #fff;

  position: absolute;

  right: 5px;

  top: 12px;

}



.background-header .main-nav .nav li.has-sub:after {

  color: #BF1E2D;

}



/* .header-area .main-nav .nav li.has-sub ul.sub-menu {

  position: absolute;

  width: 200px;

  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

  overflow: hidden;

  top: 40px;

  opacity: 0;

  transition: all .3s;

  transform: translateY(+2em);

  visibility: hidden;

  z-index: -1;

} */



/* .header-area .main-nav .nav li.has-sub ul.sub-menu li {

  margin-left: 0px;

  padding-left: 0px;

  padding-right: 0px;

}



.header-area .main-nav .nav li.has-sub ul.sub-menu li a {

  opacity: 1;

  display: block;

  background: #f7f7f7;

  color: #2a2a2a!important;

  padding-left: 20px;

  height: 40px;

  line-height: 40px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  position: relative;

  font-size: 13px;

  font-weight: 400;

  border-bottom: 1px solid #eee;

} */



/* .header-area .main-nav .nav li.has-sub ul li a:hover {

  background: #fff;

  color: #f5a425!important;

  padding-left: 25px;

}



.header-area .main-nav .nav li.has-sub ul li a:hover:before {

  width: 3px;

}



.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {

  visibility: visible;

  opacity: 1;

  z-index: 1;

  transform: translateY(0%);

  transition-delay: 0s, 0s, 0.3s;

} */



.header-area .nav-main .menu-trigger {

  cursor: pointer;

  display: block;

  position: absolute;

  top: 33px;

  width: 32px;

  height: 40px;

  text-indent: -9999em;

  z-index: 99;

  right: 40px;

  display: none;

}



.background-header .main-nav .menu-trigger {

  top: 23px;

}



.header-area .main-nav .menu-trigger span,

.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  background-color: #BF1E2D;

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

}



.background-header .main-nav .menu-trigger span,

.background-header .main-nav .menu-trigger span:before,

.background-header .main-nav .menu-trigger span:after {

  background-color: #BF1E2D;

}



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  background-color: #BF1E2D;

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

  width: 75%;

}



.background-header .main-nav .menu-trigger span:before,

.background-header .main-nav .menu-trigger span:after {

  background-color: #BF1E2D;

}



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  content: "";

}



.header-area .main-nav .menu-trigger span {

  top: 16px;

}



.header-area .main-nav .menu-trigger span:before {

  -moz-transform-origin: 33% 100%;

  -ms-transform-origin: 33% 100%;

  -webkit-transform-origin: 33% 100%;

  transform-origin: 33% 100%;

  top: -10px;

  z-index: 10;

}



.header-area .main-nav .menu-trigger span:after {

  -moz-transform-origin: 33% 0;

  -ms-transform-origin: 33% 0;

  -webkit-transform-origin: 33% 0;

  transform-origin: 33% 0;

  top: 10px;

}



.header-area .main-nav .menu-trigger.active span,

.header-area .main-nav .menu-trigger.active span:before,

.header-area .main-nav .menu-trigger.active span:after {

  background-color: transparent;

  width: 100%;

}



.header-area .main-nav .menu-trigger.active span:before {

  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);

  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);

  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);

  transform: translateY(6px) translateX(1px) rotate(45deg);

  background-color: #BF1E2D;

}



.background-header .main-nav .menu-trigger.active span:before {

  background-color: #BF1E2D;

}



.header-area .main-nav .menu-trigger.active span:after {

  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  transform: translateY(-6px) translateX(1px) rotate(-45deg);

  background-color: #BF1E2D;

}



.background-header .main-nav .menu-trigger.active span:after {

  background-color:#BF1E2D;

}



.header-area.header-sticky {

  min-height: 80px;

}



.header-area .nav {

  margin-top: 20px;

}



.header-area.header-sticky .nav li a.active {

  color: #f5a425;

}



@media (max-width: 1200px) {

  .header-area .main-nav .nav li {

    padding-left: 7px;

    padding-right: 7px;

  }

  .header-area .main-nav:before {

    display: none;

  }

  .info-card-big {

    display: none;

  }

  .info-card-small {

    display: block;

  }

  #mobile-facts-view,

  #mobile-social-activites-view {

    display: block !important;

  }

  #desktop-facts-view,

  #desktop-social-activites-view {

    display: none !important;

  }



  .product-card .card-title  h6{

    font-size: 16px !important;

  }

}



#mobile-facts-view,

#mobile-social-activites-view {

  display: none;

}



#desktop-facts-view,

#desktop-social-activites-view {

  display: block;

}



@media (max-width: 767px) {

  .header-area .main-nav .logo {

    color: #BF1E2D;

  }

  .header-area.header-sticky .nav li a:hover,

  .header-area.header-sticky .nav li a.active {

    color: #f5a425!important;

    opacity: 1;

  }

  .header-area.header-sticky .nav li.search-icon a {

    width: 100%;

  }

  .header-area {

    background-color: #f7f7f7;

    padding: 0px 15px;

    height: 100px;

    box-shadow: none;

    text-align: center;

  }

  .header-area .container {

    padding: 0px;

  }

  .header-area .logo {

    margin-left: 30px;

  }

  .header-area .menu-trigger {

    display: block !important;

  }

  .header-area .main-nav {

    overflow: hidden;

  }

  .header-area .main-nav .nav {

    float: none;

    width: 100%;

    display: none;

    -webkit-transition: all 0s ease 0s;

    -moz-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

    margin-left: 0px;

  }

  .header-area .main-nav .nav li:first-child {

    border-top: 1px solid #eee;

  }

  /* .header-area.header-sticky .nav {

    margin-top: 100px !important;

  } */

  .header-area .main-nav .nav li {

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #eee;

    padding-left: 0px !important;

    padding-right: 0px !important;

  }

  .header-area .main-nav .nav li a {

    height: 50px !important;

    line-height: 50px !important;

    padding: 0px !important;

    border: none !important;

    background: #f7f7f7 !important;

    color: #191a20 !important;

  }

  .header-area .main-nav .nav li a:hover {

    background: #eee !important;

    color: #f5a425!important;

  }

  .header-area .main-nav .nav li.has-sub ul.sub-menu {

    position: relative;

    visibility: inherit;

    opacity: 1;

    z-index: 1;

    transform: translateY(0%);

    top: 0px;

    width: 100%;

    box-shadow: none;

    height: 0px;

    transition: all 0s;

  }

  .header-area .main-nav .nav li.submenu ul li a {

    font-size: 12px;

    font-weight: 400;

  }

  .header-area .main-nav .nav li.submenu ul li a:hover:before {

    width: 0px;

  }

  .header-area .main-nav .nav li.has-sub ul.sub-menu {

    height: auto;

  }

  .header-area .main-nav .nav li.has-sub:after {

    color: #3B566E;

    right: 30px;

    font-size: 14px;

    top: 15px;

  }

  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {

    height: 0px;

  }

}



@media (min-width: 767px) {

  .header-area .main-nav .nav {

    display: flex !important;

  }

  

}





/* 

---------------------------------------------

banner

--------------------------------------------- 

*/



.main-banner {

  position: relative;

  max-height: 100%;

  overflow: hidden;

  margin-bottom: -7px;

}



#bg-video {

    min-width: 100%;

    min-height: 100vh;

    max-width: 100%;

    max-height: 100vh;

    object-fit: cover;

    z-index: -1;

}



#bg-video::-webkit-media-controls {

    display: none !important;

}



.video-overlay {

    position: absolute;

    background-color: rgba(31,39,43,0.75);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

}



.main-banner .caption {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}



.main-banner .caption h6 {

  margin-top: 0px;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 600;

  color: #fff;

  letter-spacing: 1px;

}



.main-banner .caption h2 {

  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 36px;

  text-transform: uppercase;

  font-weight: 800;

  color: #fff;

  letter-spacing: 1px;

}



.main-banner .caption h2 em {

  font-style: normal;

  color: #f5a425;

  font-weight: 900;

}



.main-banner .caption p {

  color: #fff;

  font-size: 14px;

  max-width: 570px;

}



.main-banner .caption .main-button-red {

  margin-top: 30px;

}



@media screen and (max-width: 767px) {



  .main-banner .caption h6 {

    font-weight: 500;

  }



  .main-banner .caption h2 {

    font-size: 36px;

  }



  .header-area {

    padding: 0 !important;

  }



}







.carousel-control-prev-icon,

.carousel-control-next-icon {

  height: 70px;

  width: 70px;

  outline: black;

  background-size: 100%, 100%;

  border-radius: 50%;

  border: none;



  background-image: none;

  /* margin-top: 70px !important;  */

}



.carousel-control-next-icon:after {

  content: '\f105';

  font-size: 50px;

  color: #BF1E2D;

  font-family: 'FontAwesome';

  font-weight: 700;

}



.carousel-control-next, .carousel-control-prev {

  opacity: 1 !important;

}



.carousel-control-prev-icon:after {

  /* content: '<'; */

  font-size: 50px;

  color: #BF1E2D;

  font-family: 'FontAwesome';

  font-weight: 700;

  content: '\f104';

  

}



.carousel-control-prev-icon-recipe {

  height: 70px;

  width: 70px;

  outline: black;

  background-size: 100%, 100%;

  /* border-radius: 50%; */

  border: none;

  background-repeat: no-repeat;

  background-image: url('../images/next-red.png');



}



.carousel-control-next-icon-recipe {

  height: 70px;

  width: 70px;

  outline: black;

  background-size: 100%, 100%;

  /* border-radius: 50%; */

  border: none;

  background-repeat: no-repeat;

  background-image: url('../images/next-red-arrow.png');



}



.recipes-index-slider {

  background-image: url('../images/potato-background.webp');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  height: 700px;

}



.all-recipe a{

  color: #ED1C24;

  font-size: 16px;

  font-family: 'Montserrat-SemiBold';

}

/*

---------------------------------------------

services

---------------------------------------------

*/



.services {

  /* margin-top: 135px; */

  /* position: absolute; */

  width: 100%;

}



/* .services .item {

  background-image: url(../images/service-item-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  border-radius: 20px;

  text-align: center;

  color: #fff;

  padding: 40px;

} */



.services .item .icon {

  max-width: 60px;

  margin: 0 auto;

}



.services .item h4 {

  margin-top: 25px;

  margin-bottom: 15px;

  font-size: 18px;

  font-weight: 600;

}









.services .owl-nav {

  display: inline-block !important;

  text-align: center;

  position: absolute;

  width: 100%;

  top: 50%;

  transform: translateY(-25px);

}

    

.services .owl-nav .owl-prev{

  margin-right: 10px;

  outline: none;

  position: absolute;

  left: -80px;

}



.services .owl-nav .owl-prev span,

.services .owl-nav .owl-next span {

  opacity: 0; 

}



.services .owl-nav .owl-prev:before {

  display: inline-block;

  font-family: 'FontAwesome';

  color: #F26322;

  font-size: 45px;

  font-weight: 700;

  content: '\f104';

  background-color: #fff;

  width: 55px;

  height: 55px;

  border-radius: 50%;

  line-height: 50px;

  padding-right: 5px !important;

}



.services .owl-nav .owl-prev {

  opacity: 1;

  /* transition: all .5s; */

}



.services .owl-nav .owl-prev:hover {

  /* opacity: 0.9; */

}



.services .owl-nav .owl-next {

  /* opacity: 1;

  transition: all .5s; */

}



.services .owl-nav .owl-next:hover {

  /* opacity: 0.9; */

}



.services .owl-nav .owl-next{

  margin-left: 10px;

  outline: none;

  position: absolute;

  right: -85px;

}



.services .owl-nav .owl-next:before {

  display: inline-block;

  font-family: 'FontAwesome';

  color: #F26322;

  font-size: 45px;

  font-weight: 700;

  content: '\f105';

  background-color: #fff;

  width: 55px;

  height: 55px;

  border-radius: 50%;

  line-height: 50px;

  padding-left: 5px !important;

}



.services h2 {

  font-family: 'PlovdivDisplay-Regular' !important;

  font-size: 35px;

  color: #BF1E2D;

}



/*

---------------------------------------------

upcoming meetings

---------------------------------------------

*/



section.upcoming-meetings {

  background-image: url(../images/meetings-bg.jpg);

  background-position: center center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 230px;

  padding-bottom: 110px;

}



section.upcoming-meetings .section-heading {

  text-align: center;

}



section.upcoming-meetings .categories {

  background-color: #fff;

  border-radius: 20px;

  padding: 40px;

  margin-right: 45px;

}



section.upcoming-meetings .categories h4 {

  font-size: 18px;

  font-weight: 600;

  color: #1f272b;

  margin-bottom: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eee;

}



section.upcoming-meetings .categories ul li {

  display: inline-block;

  margin-bottom: 15px;

}



section.upcoming-meetings .categories ul li a {

  font-size: 15px;

  color: #1f272b;

  font-weight: 500;

  transition: all .3s;

}



section.upcoming-meetings .categories ul li a:hover {

  color: #a12c2f;

}



section.upcoming-meetings .categories .main-button-red {

  border-top: 1px solid #eee;

  padding-top: 30px;

  margin-top: 15px;

}



section.upcoming-meetings .categories .main-button-red a {

  width: 100%;

  text-align: center;

}



.meeting-item {

  margin-bottom: 30px;

  

}



.meeting-item .thumb {

  position: relative;

  

}



.meeting-item .thumb img {

  border-top-right-radius: 20px;

  border-top-left-radius: 20px;

}



.meeting-item .thumb .price {

  position: absolute;

  left: 20px;

  top: 20px;

}



.meeting-item .thumb .price span {

  font-size: 16px;

  color: #1f272b;

  font-weight: 600;

  background-color: rgba(250,250,250,0.9);

  padding: 7px 12px;

  border-radius: 10px;

  background-color: #a12c2f;

}



.meeting-item .down-content {

  background-color: #fff;

  padding: 30px;

  border-bottom-right-radius: 20px;

  border-bottom-left-radius: 20px;

  background-color: #a12c2f;

}



.meeting-item .down-content .date {

  float: left;

  text-align: center;

  display: inline-block;

  margin-right: 20px;

}



.meeting-item .down-content .date h6 {

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 600;

  color: #a12c2f;

}



.meeting-item .down-content .date span {

  display: block;

  color: #1f272b;

  font-size: 22px;

  margin-top: 7px;

}



.meeting-item .down-content h4 {

  font-size: 18px;

  color: #1f272b;

  font-weight: 600;

  display: inline-block;

  margin-bottom: 15px;

}



.meeting-item .down-content p {

  margin-left: 50px;

  color: #1f272b;

  font-size: 14px;

}







/*

---------------------------------------------

apply now

---------------------------------------------

*/



section.apply-now {

  background-image: url(../images/apply-bg.jpg);

  background-position: center center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 140px 0px;

}



section.apply-now .item {

  background-color: rgba(250,250,250,0.15);

  padding: 40px;

  margin-bottom: 30px;

}



section.apply-now .item h3 {

  color: #fff;

  text-transform: uppercase;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 20px;

}



section.apply-now .item p {

  color: #fff;

  margin-bottom: 20px;

}



.accordions {

  border-radius: 20px;

  padding: 40px;

  background-color: #fff;

  margin-left: 45px;

}

.accordions .accordion {

  border-bottom: 1px solid #eee;

}

.accordions .last-accordion {

  border-bottom: none;

}

.accordion-head {

  padding: 20px;  

  font-size: 18px;

  font-weight: 700;

  color: #1f272b;

  cursor: pointer;

  transition: color 200ms ease-in-out;

  border-bottom: 1px solid #fff;

}

@media screen and (min-width: 768px) {

  .accordion-head {

    padding: 1rem;

    font-size: 1.2rem;

  }

}

.accordion-head .icon {

  float: right;

  transition: transform 200ms ease-in-out;

}

.accordion-head.is-open {

  color: #f5a425;

  border-bottom: none;

}

.accordion-head.is-open .icon {

  transform: rotate(45deg);

}

.accordion-body {

  overflow: hidden;

  height: 0;

  transition: height 300ms ease-in-out;

  border-bottom: 1px solid #fff;

}

.accordion-body > .content {

  padding: 20px;

  padding-top: 0;

}





/* 

---------------------------------------------

courses

--------------------------------------------- 

*/



/* section.our-courses {

  background-image: url(../images/meetings-bg.jpg);

  background-position: center center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 140px;

  padding-bottom: 130px;

} */



.our-courses .item .down-content {

  background-color: #fff;

  background-color: #BF1E2D;

  border-radius:20px !important;

  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

  object-fit: cover !important;

}



.our-courses .item .down-content h4 {

  padding: 20px 10px;

  font-size: 18px;

  color: white;

  text-align: center; 

  font-family: 'Montserrat-Regular';

}

.our-courses .item .down-content h5 {

  font-size: 20px;

  color: white; 

  font-family: 'Montserrat-Regular';

}

.our-courses .item .down-content h6 {

  font-size: 15px;

  color: white; 

  font-family: 'Montserrat-Regular';

}

.our-courses .item .down-content hr { width:5px; height:2px; background: #fff; padding-left: 80% !important;opacity: 1; }



.our-courses .item .down-content .info {

  /* padding: 15px; */

}



.our-courses .item .down-content .info ul li {

  display: inline-block;

  margin-right: 1px;

}



.our-courses .item .down-content .info ul li i {

  color: #f5a425;

  font-size: 14px;

}



.our-courses .item .down-content .info span {

  color: #a12c2f;

  font-size: 15px;

  font-weight: 600;

  text-align: right;

  display: inline-block;

  width: 100%;

}

/* 

.our-courses .item .down-content:hover h4:after {

  content: 'начуи повече ->';

} */

.our-courses .item .down-content:hover {

  background-color: #ED1C24;

}



/* .our-courses .item .down-content .info  > *  {

  transform: translateY(20px);

  transition: transform 0.25s;

}



.our-courses .item .down-content:hover .info  > *  {

  transform: translateY(0);

  transition: transform 0.25s;

} */

.info {

  display: block;

}

.info-more {

  display: none;

}

.our-courses .item .down-content:hover .info-more {

  display: block;

}

.our-courses .item .down-content:hover .info {

  display: none;

  /* transition:  0.3s ease-in-out; */

}



.info-more span h5 {

  font-size: 20px;

  color: white; 

  font-family: 'Montserrat-Regular';

}



.owl-courses-item .owl-prev {

  display: none;

}

.owl-courses-item .owl-next {

  display: none;

}



.owl-courses-item-facts .owl-prev {

  display: none;

}

.owl-courses-item-facts .owl-next {

  display: none;

}





.our-courses .owl-nav {

  text-align: center;

  position: absolute;

  width: 100%;

  top: 50%;

  transform: translateY(-45px);

  visibility: visible;

}





.owl-courses-item-facts .our-courses .owl-dots {

  display: none !important;

}





.our-courses .owl-dots {

  display: inline-block;

  text-align: center;

  width: 100%;

  margin-top: 20px;

}



.our-courses .owl-dots .owl-dot {

  transition: all .5s;

  width: 7px;

  height: 7px;

  background-color: #fff;

  margin: 0px 5px;

  border-radius: 50%;

  outline: none;

}



.our-courses .owl-dots .active {

  width: 24px;

  height: 8px;

  border-radius: 4px;

}

    

.our-courses .owl-nav .owl-prev{

  margin-right: 10px;

  outline: none;

  position: absolute;

  left: -80px;

}



.our-courses .owl-nav .owl-prev span,

.our-courses .owl-nav .owl-next span {

  opacity: 0;

}



.our-courses .owl-nav .owl-prev:before {

  display: inline-block;

  font-family: 'FontAwesome';

  color: #BF1E2D;

  font-size: 25px;

  font-weight: 700;

  content: '\f104';

  background-color: #fff;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  line-height: 50px;

}



.our-courses .owl-nav .owl-prev {

  opacity: 1;

  transition: all .5s;

}



.our-courses .owl-nav .owl-prev:hover {

  opacity: 0.9;

}



.our-courses .owl-nav .owl-next {

  opacity: 1;

  transition: all .5s;

}



.our-courses .owl-nav .owl-next:hover {

  opacity: 0.9;

}



.our-courses .owl-nav .owl-next{

  margin-left: 10px;

  outline: none;

  position: absolute;

  right: -85px;

}



.our-courses .owl-nav .owl-next:before {

  display: inline-block;

  font-family: 'FontAwesome';

  color: #BF1E2D;

  font-size: 25px;

  font-weight: 700;

  content: '\f105';

  background-color: #fff;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  line-height: 50px;

}





/*

---------------------------------------------

our facts

---------------------------------------------

*/



section.our-facts {

  background-image: url(../images/facts-bg.jpg);

  background-position: center center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 140px 0px 125px 0px;

}



section.our-facts h2 {

  font-size: 38px;

  color: #fff;

  line-height: 50px;

  font-weight: 700;

  letter-spacing: 0.5px;

  margin-bottom: 50px;

}



.count-area-content {

  text-align: center;

  background-color: rgba(250,250,250,0.15);

  border-radius: 20px;

  padding: 25px 30px 35px 30px;

  margin: 15px 0px;

}



.percentage .count-digit:after {

  content: '%';

  margin-left: 3px;

}



.count-digit {

    margin: 5px 0px;

    color: #f5a425;

    font-weight: 700;

    font-size: 36px;

}

.count-title {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    letter-spacing: 0.5px;

}



.new-students {

  margin-top: 45px;

}





.for-destributors h2{

  font-family: 'PlovdivDisplay-Regular';

  font-size: 35px;

  color: #BF1E2D;

  padding-bottom: 60px !important;

}



.for-destributors h5{

  font-family: 'Montserrat-Medium';

  font-size: 20px;

  color: #BF1E2D;

}



/* 

---------------------------------------------

contact us

--------------------------------------------- 

*/



section.contacts-us {

  background-image: url('../images/contact-us.png');



  /* padding: 140px 0px 0px 0px; */

}

section.contacts-us h2 {

  font-family: 'PlovdivDisplay-Regular';

  font-size: 22px;

  color: #BF1E2D;

  

}

section.contacts-us p a,

section.contacts-us p {

  font-family: 'Montserrat-SemiBold';

  font-size: 20px;

  color: #BF1E2D;

}



section.contact-us #contact {

  background-color: #fff;

  border-radius: 20px;

  padding: 40px;

}



section.contact-us #contact h2 {

  text-transform: uppercase;

  color: #1f272b;

  border-bottom: 1px solid #eee;

  margin-bottom: 40px;

  padding-bottom: 20px;

  font-size: 22px;

  font-weight: 700;

}



section.contact-us #contact input {

  width: 100%;

  height: 40px;

  border-radius: 20px;

  background-color: #f7f7f7;

  outline: none;

  border: none;

  box-shadow: none;

  font-size: 13px;

  font-weight: 500;

  color: #7a7a7a;

  padding: 0px 15px;

  margin-bottom: 30px;

}



section.contact-us #contact textarea {

  width: 100%;

  min-height: 140px;

  max-height: 180px;

  border-radius: 20px;

  background-color: #f7f7f7;

  outline: none;

  border: none;

  box-shadow: none;

  font-size: 13px;

  font-weight: 500;

  color: #7a7a7a;

  padding: 15px;

  margin-bottom: 30px;

}



section.contact-us #contact button {

  font-size: 13px;

  color: #fff;

  background-color: #a12c2f;

  padding: 12px 30px;

  display: inline-block;

  border-radius: 22px;

  font-weight: 500;

  text-transform: uppercase;

  transition: all .3s;

  border: none;

  outline: none;

}



section.contact-us #contact button:hover {

  opacity: 0.9;

}



section.contact-us .right-info {

  background-color: #a12c2f;

  border-radius: 20px;

  padding: 40px;

}



section.contact-us .right-info ul li {

  display: inline-block;

  border-bottom: 1px solid rgba(250,250,250,0.15);

  margin-bottom: 30px;

  padding-bottom: 30px;

}



section.contact-us .right-info ul li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}



section.contact-us .right-info ul li h6 {

  color: #fff;

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 10px;

}



section.contact-us .right-info ul li span {

  display: block;

  font-size: 18px;

  color: #fff;

  font-weight: 700;

}



.footer {

  text-align: center;

  border-top: 1px solid rgba(250,250,250,0.15);

  padding: 30px 0px 60px 0px;

  background-color: #BF1E2D;

}



.footer h3 {

  font-family: 'Montserrat-Semibold' !important;

  font-size: 22px;

  color: white;

}



.footer a {

  font-family: 'Montserrat-Regular';

  font-size: 20px;

  color: white;

}



/*

---------------------------------------------

heading page

---------------------------------------------

*/



section.heading-page {

  background-image: url(../images/heading-bg.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 230px;

  padding-bottom: 110px;

  text-align: center;

}



section.heading-page h6 {

  margin-top: 0px;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 600;

  color: #fff;

  letter-spacing: 1px;

}



section.heading-page h2 {

  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 36px;

  text-transform: uppercase;

  font-weight: 800;

  color: #fff;

  letter-spacing: 1px;

}





/*

---------------------------------------------

upcoming meetings page

---------------------------------------------

*/



section.meetings-page {

  background-image: url(../images/meetings-page-bg.jpg);

  background-position: center center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 140px;

  padding-bottom: 0px;

}



section.meetings-page .filters {

  text-align: center;

  margin-bottom: 60px;

}



section.meetings-page .filters li {

  font-size: 13px;

  color: #a12c2f;

  background-color: #fff;

  padding: 11px 30px;

  display: inline-block;

  border-radius: 22px;

  font-weight: 600;

  text-transform: uppercase;

  transition: all .3s;

  cursor: pointer;

  margin: 0px 3px;

}



section.meetings-page .filters ul li.active,

section.meetings-page .filters ul li:hover {

  background-color: #a12c2f;

  color: #fff;

}



section.meetings-page .pagination {

  text-align: center;

  width: 100%;

  margin-top: 30px;

  display: inline-block;

}



section.meetings-page .pagination ul li {

  display: inline-block;

}



section.meetings-page .pagination ul li a {

  width: 40px;

  height: 40px;

  background-color: #fff;

  border-radius: 10px;

  color: #1f272b;

  display: inline-block;

  text-align: center;

  line-height: 40px;

  font-weight: 600;

  font-size: 15px;

  transition: all .3s;

}



section.meetings-page .main-button-red {

  text-align: center;

}



section.meetings-page .main-button-red a {

  padding: 12px 60px;

  text-align: center;

  margin-top: 30px;

}



section.meetings-page .pagination ul li.active a,

section.meetings-page .pagination ul li a:hover {

  background-color: #a12c2f;

  color: #fff;

}



.meeting-single-item .thumb {

  position: relative;

}



.meeting-single-item .thumb img {

  border-top-right-radius: 20px;

  border-top-left-radius: 20px;

}



.meeting-single-item .thumb .price {

  position: absolute;

  left: 20px;

  top: 20px;

}



.meeting-single-item .thumb .price span {

  font-size: 16px;

  color: #1f272b;

  font-weight: 600;

  background-color: rgba(250,250,250,0.9);

  padding: 7px 12px;

  border-radius: 10px;

}



.meeting-single-item .down-content {

  background-color: #fff;

  padding: 40px;

  border-bottom-right-radius: 20px;

  border-bottom-left-radius: 20px;

}



.meeting-single-item .thumb .date {

  position: absolute;

  background-color: rgba(250,250,250,0.9);

  width: 80px;

  height: 80px;

  text-align: center;

  padding: 15px 0px;

  border-radius: 10px;

  right: 20px;

  top: 20px;

}



.meeting-single-item .thumb .date h6 {

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 600;

  color: #a12c2f;

}



.meeting-single-item .thumb .date span {

  display: block;

  color: #1f272b;

  font-size: 22px;

  margin-top: 7px;

}



.meeting-single-item .down-content h4 {

  font-size: 22px;

  color: #1f272b;

  font-weight: 600;

  display: inline-block;

  margin-bottom: 15px;

}



.meeting-single-item .down-content h5 {

  font-size: 18px;

  color: #1f272b;

  font-weight: 700;

  display: inline-block;

  margin-bottom: 15px;

}



.meeting-single-item .down-content p {

  color: #1f272b;

  font-size: 14px;

}



.meeting-single-item .down-content p.description {

  margin-top: 40px;

  padding-top: 40px;

  border-top: 1px solid #eee;

  margin-bottom: 40px;

  padding-bottom: 40px;

  border-bottom: 1px solid #eee;

}



.meeting-single-item .down-content .share {

  margin-top: 40px;

  padding-top: 40px;

  border-top: 1px solid #eee;

}



.meeting-single-item .down-content .share h5 {

  float: left;

  margin-right: 10px;

  margin-bottom: 0px;

}



.meeting-single-item .down-content .share ul li {

  display: inline;

}



.meeting-single-item .down-content .share ul li a {

  font-size: 14px;

  color: #1f272b;

  transition: all .3s;

}



.meeting-single-item .down-content .share ul li a:hover {

  color: #f5a425;

}



/* Meeting item column */

.templatemo-item-col {

	width: 31%;

}



@media (max-width: 992px) {

	.templatemo-item-col {

		width: 45%;

	}

}



@media (max-width: 767px) {

	.templatemo-item-col {

		width: 100%;

	}

}



/* 

---------------------------------------------

responsive

--------------------------------------------- 

*/



@media (max-width: 1300px) {

  .services .owl-nav .owl-next{

    right: -30px;

  }

  .services .owl-nav .owl-prev{

    left: -25px;

  }

  .our-courses .owl-nav .owl-next{

    right: -30px;

  }

  .our-courses .owl-nav .owl-prev{

    left: -25px;

  }

}



@media (max-width: 1200px) {

  .services .owl-nav .owl-next{

    right: -70px;

  }

  .services .owl-nav .owl-prev{

    left: -65px;

  }

  .our-courses .owl-nav .owl-next{

    right: -70px;

  }

  .our-courses .owl-nav .owl-prev{

    left: -65px;

  }

}



@media (max-width: 1085px) {

  .services .owl-nav .owl-next{

    right: -30px;

  }

  .services .owl-nav .owl-prev{

    left: -25px;

  }

  .our-courses .owl-nav .owl-next{

    right: -30px;

  }

  .our-courses .owl-nav .owl-prev{

    left: -25px;

  }

}



@media (max-width: 1005px) {

  .services .owl-nav .owl-next{

    display: none;

  }

  .services .owl-nav .owl-prev{

    display: none;

  }

  .our-courses .owl-nav .owl-next{

    display: none;

  }

  .our-courses .owl-nav .owl-prev{

    display: none;

  }

}



@media (max-width: 992px) {



  .main-banner .caption {

    top: 60%;

  }



  .main-banner .caption h2 {

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 22px;

  }



  .main-banner .caption .main-button-red {

    margin-top: 15px;

  }



  .services {

    margin-top: 60px;

  }



  section.upcoming-meetings {

    padding-top: 400px;

  }



  section.upcoming-meetings .categories {

    margin-right: 0px;

    margin-bottom: 30px;

  }



  .accordions {

    margin-left: 0px;

  }



  .new-students {

    margin-top: 15px;

  }



  section.our-facts .video {

    margin-left: 0px;

    margin-top: 15px;

  }



  section.contact-us #contact {

    margin-bottom: 30px;

  }



}



@media (max-width: 767px) {



  .sub-header .left-content p {

    display: none;

  }



  .sub-header .right-icons {

    text-align: center;

  }



  .main-nav .nav .sub-menu {

    display: none;

  }



  .header-area .main-nav .nav li ul.sub-menu li a {

    color: #1f272b;

  }



  #product-view-mobile {

    display: block !important;

  }

  #product-view-desktop {

    display: none !important;

  }

}





.red-box-nav {

  width: 100vw !important;

  margin-top: 26px;

  height: 300px !important;

  border-bottom-left-radius: 50px;

  border-bottom-right-radius: 50px;

  background-color: #BF1E2D;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;

  top: 14px !important;

}



.red-box-nav p {

  font-size: 20px;

  font-family: 'Montserrat-Medium';

  color: white;

}



.red-box-nav a  img{

  width: 80px !important;

}



.card {

  border: none;

  

}



.card-title span {

  color: #BF1E2D;

  font-size: 20px;

  font-family: 'Montserrat-Medium';

  text-align: center;

}





.product-card:hover,

.product-card:active {

  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;

  /* border-style: solid; */

  border-radius: 25px;

  transition: box-shadow 0.3s ease-in-out;

}



.product-card {

transition: transform .3s;

}



hr {

  color: #BF1E2D;

}



.owl-service-item {

  height: 500px !important;

}



/* .btn, button {

  background:#1d1d1d;

  color:white;

  border:none;

  font-size:10px;

  font-size:1rem;

  background-color:#1d1d1d;

  letter-spacing:1.5px;

  text-transform:uppercase;

  padding:14px 21px;

  padding:1.4rem 2.1rem;

  border:2px solid #1d1d1d;

  transition:color 0.1s cubic-bezier(0.16,0.08,0.355,1), background 0.1s cubic-bezier(0.16,0.08,0.355,1);

  display:inline-block;

  cursor:pointer;

  width:100%;

  min-width:200px;

  min-width:20rem;

  outline:none;

  vertical-align:middle;

  text-align:center;

  position:relative;

  overflow:hidden;

  } */

  /* @media (min-width: 400px) {

  .btn, button { width:auto; }

  }

  @media (min-width: 800px) {

  .btn, button {

  font-size:1.1rem;

  padding:1.6rem 2.8rem;

  }

  } */

  /* .btn:hover, button:hover {

  background:#2a2a2a;

  border-color:#2a2a2a;

  color:#fff;

  }

  .btn-border {

  background-color:transparent;

  color:#1d1d1d;

  } */

  .btn-arrow {

  position:relative;

  transition:background-color 300ms ease-out;

  }

  .btn-arrow span {

  display:inline-block;

  position:relative;

  transition:all 300ms ease-out;

  will-change:transform;

  }

  .product-card:hover  .btn-arrow span { transform:translate3d(-3rem,0,0); }

  .btn-arrow img {

  position:absolute;

  width:1.1em;

  right:0px;

  right:0rem;

  opacity:0;

  top:50%;

  transform:translateY(-50%);

  transition:all 200ms ease-out;

  will-change:right, opacity;

  }

  .btn-arrow img * {

  stroke-width:5;

  stroke-color:transparent;

  }

  .product-card:hover img {

  opacity:1;

  right:-6rem;

  }





  

.display-text {

  display: none;

}



.product-card:hover .display-text {

  display: block;

}



.product-card img{

  transition: transform .25s;

}



.product-card:hover img,

.product-card:active img {

  transform: scale(1.1);

  transition:  0.3s ease-in-out;

}

.product-card .card-title {

  height: 5rem;

} 



.product-card .card-title  h6{

  font-size: 18px !important;

  font-family: 'Montserrat-Medium';

  white-space: normal;

  display: inline-block;

  max-width: 100%;

  margin: 0 auto !important;

  padding-top: 5px;

}



.product-card:hover .card-title span {

  color: #BF1E2D;

  text-align: left;

  display:inline-block;

  max-width: 70%;

}



.product-card:hover .card-title span h6{

  display:inline-block;

}







.services .item p { 

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #AFAFAF;

}



.card-facts .item {

  background-color: #BF1E2D;

}



/* product page */

.category-title {

  background-color: #BF1E2D;

  color: white;

  font-family:'PlovdivDisplay-Regular';

  font-size:35px;

}



.product-page-cat p {

  color: #BF1E2D;

  font-family:'Montserrat-Medium';

  font-size:20px;

}



.card-category {

  background-color: white;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;

  border-radius: 25px;

  width: 80%;

}



.card-category h5 {

  color: #F26322;

  font-family:'Montserrat-Medium';

  font-size:20px;

}



.card-category .form-check {

  color: #BF1E2D;

  font-family:'Montserrat-Medium';

  font-size:20px;

}





.pagination {

  padding: 15% 0 0 0 ;

  display: flex;

  justify-content: center;

}



.pagination li {

  /* display: block;

  margin: 15px;

  padding: 5px 13px;

  border-radius: 50%;

  background-color: red; */



  /* width: 50px;

  height: 50px;



  border: 2px solid #BF1E2D;

  border-radius: 50px;

  display: inline-block;

  text-align: center;

  padding: 4px;

  margin: 10px; */

 }



 .pagination li a {

  /* color: #BF1E2D;

  font-size: 25px; */

}



/* .pagination > .active > a{

  background-color: #BF1E2D;

  color: white !important;

} */



.form-check-input:checked {

  background-color: #BF1E2D !important;

  border-color: #BF1E2D !important;

}



.breadcrumb li a{

  padding: 10px 10px!important;

  color: #AFAFAF!important;

  font-size: 20px;

  font-family: 'PlovdivDisplay-Light';

}



.breadcrumb p {

  padding:0 10px;

  color: #AFAFAF!important;

  font-size: 30px;

  font-family: 'PlovdivDisplay-Light';

}



.view-product-text h5 {

  color: #BF1E2D;

  font-size: 25px;

  font-family: 'Montserrat-Bold';

}



.view-product-text p {

  color: #404040;

  font-size: 18px;

  font-family: 'Montserrat-Regular';

}



.vl {

  border-left: 3px solid #BF1E2D;

  height: 100%;

}



.view-product-text h6 {

  color: white;

  font-size: 18px;

  font-family: 'Montserrat-Regular';

}



.similar-products h5 {

  color: #BF1E2D;

  font-size: 35px;

  font-family: 'PlovdivDisplay-Regular';

}



/* 

.box {

  width: 45%;



  position: absolute;

  top: 0;

  left: 0;

  z-index: 10;



 

}



.overlay {

  height: 330px;

  width: 75%;

  z-index: 9;

  margin-top: 100px;

  margin-left: 100px;

  background: #BF1E2D;

  border-radius: 30px;

} */



.overlay hr { width:5px; height:2px; background: #fff; padding-left: 80% !important;opacity: 1; }



.overlay h5 {

  font-family: 'Montserrat-Regular';

  color: white;

  font-size: 18px;

}

.overlay h6 {

  font-family: 'Montserrat-SemiBold';

  color: white;

  font-size: 18px;

}





.view-product-text-2 h5 {

  color: #BF1E2D;

  font-size: 25px;

  font-family: 'Montserrat-Medium';

}



.view-product-text-2 p {

  color: #BF1E2D;

  font-size: 18px;

  font-family: 'Montserrat-Regular';

}



.history-text {

  background: #BF1E2D;

  border-bottom-left-radius: 50px;

  border-bottom-right-radius: 50px;

  border-top-left-radius: 50px;

  padding: 7% 10% !important;

  /* height: 700px; */

  margin-top: -15px;

}



h5 {

  color: #BF1E2D;

  font-size: 35px;

  font-family: 'PlovdivDisplay-Regular';

}



.history-text h2 { 

  font-size: 35px;

  font-family: 'PlovdivDisplay-Regular';

  color: white;

} 

.history-text p { 

  font-size: 18px;

  font-family: 'Montserrat-Regular';

  color: white;

}



/* .jobs {

  padding-top: 10%;

} */



.jobs h2 {

  font-size: 30px;

  font-family: 'Montserrat-Regular';

  color: #BF1E2D;

}



.jobs h6 {

  font-size: 20px;

  font-family: 'Montserrat-Regular';

  color: #BF1E2D;

}



.jobs a {

  font-size: 22px;

  font-family: 'Montserrat-SemiBold';

  color: #BF1E2D;

}

.jobs p {

  font-size: 15px;

  font-family: 'Montserrat-Regular';

  color: #404040;

}



/* div .frame iframe {

  width: 100% !important;

  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;

} */





.contacts {

  width: 90%;margin: 0 auto; 

}

.contacts h4  {

  color: #BF1E2D;

  font-size: 30px;

  font-family: 'PlovdivDisplay-Regular';

}



.contacts form {

  background-color: #BF1E2D;

  color: white;

  border-radius: 30px;

}



.contacts form input{

  border-radius: 30px;

}



.contacts .form-group textarea{

  border-radius: 30px;

}



.checkbox {

  border-radius: 50%;

}

.contacts form label{

  font-size: 18px;

  font-family: 'Montserrat-Regular';

}



.contacts form label .politika, .politika-uslovia {

  font-size: 14px;

  font-family: 'Montserrat-Regular';

  color: #fff;

}

.contact-btn{

  font-size: 18px;

  font-family: 'Montserrat-Regular';

  color: #BF1E2D;

  background-color: #fff;

  border-radius: 25px;

  margin-right: 5%;

  text-decoration: none !important;

  border: none;

  right: 0 !important;

}

.contacts-info p a,

.contacts-info p {

  font-family: 'Montserrat-SemiBold';

  font-size: 20px;

  color: #BF1E2D;

}



/* team */

.team-administration h2 {

  color: #BF1E2D;

  font-size: 30px;

  font-family: 'PlovdivDisplay-Regular';

}





.team-card {

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  /* border-style: solid; */

  border-radius: 25px;

  transition: box-shadow 0.3s ease-in-out;

}



.team-card img {

  border-radius: 50%;

  object-fit: cover;

}



.team-card p{

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #AFAFAF;

}



.team-card .card-title {

  font-size: 18px;

  font-family: 'Montserrat-Regular';

}



.team-card h6 {

  font-size: 15px;

  font-family: 'Montserrat-Regular';

  color: #F26322;

}



.team-card hr {

  width: 90%;

  height: 2px;

  color:#BF1E2D;

  opacity: 1;

}



.img__wrap {

  position: relative;

  border-radius: 25px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;

  transition: 0.7s;

}



.img__description {

  position: absolute;

  top:0;

  bottom: 0;

  left: 0;

  right: 0;

  background:  rgb(191,30,45, 0.8);

  visibility: hidden;

  /* opacity: 0.9; */

  border-radius: 20px;

  opacity: 0; /* add */

  transition: all 350ms ease-in-out; /* add */

  /* transition: all ease-in-out 0.2s;

  transition: opacity .2s, visibility .3s; */

  justify-content: center;

  align-items: center;

}

.img__description p {

  /* font-size: 15px; */

  font-family: 'Montserrat-Medium';

  color: #fff;

  /* margin-top: 45%; */

  position: relative;

  top: 50%;

  transform: translateY(-50%);

 }





.img__wrap:hover .img__description,

.img__wrap:active .img__description {

  visibility: visible;

  opacity: 1;

}



.card-useful .down-content {

    background-color: #BF1E2D;

}



.card-useful .down-content h4{

  color: white;

}



.social-activities-view h3,

.facts-view h3 {

  font-family: 'PlovdivDisplay-Regular';

  font-size: 30px;

  color: #BF1E2D;

}

.social-activities-view p,

.facts-view p {

  font-family: 'Montserrat-Regular';

  font-size: 18px;

  color: black;

}



.owl-dots .disabled {

  display: none;  

}





.card-info-fact:hover .card-info-text {

    background-color: #ED1C24 !important;

}







.info {

  display: block;

}

.info-more {

  display: none;

}

.card-info-fact:hover .info-more {

  display: block;

  transition:  0.3s ease-in-out;

}

.card-info-fact:hover .info {

  display: none;

  /* transition:  0.3s ease-in-out; */

}



.card-info-text h4{

  font-family: 'Montserrat-Medium';

  font-size: 30px;

  color: #fff;

}



.card-info-text h6{

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #fff;

}



.card-info-text p{

  font-family: 'Montserrat-Regular';

  font-size: 20px;

  color: #fff;

}





/* 

.card-info-fact:hover .card-info-h {

  -webkit-animation: rightThenLeft 4s linear;

  margin-right: 20%;

}





@-webkit-keyframes rightThenLeft {

0%   {margin-right:50%;}

50%  {margin-right:0;}

100% {margin-right:50%;}

} */





.card-info-facts-small {

  border-top-left-radius: 20px !important;

  border-top-right-radius: 20px !important; 

  border-bottom-left-radius: 20px !important; 

  border-bottom-right-radius: 20px !important;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;

  background-color: #BF1E2D;

}



.card-info-text h4{

  font-family: 'Montserrat-Medium';

  font-size: 30px;

  color: #fff;

}



.card-info-text h6{

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #fff;

}



.card-info-text p{

  font-family: 'Montserrat-Regular';

  font-size: 20px;

  color: #fff;

}





.card-info-fact-small:hover .card-info-text {

  background-color: #ED1C24 !important;



}



.card-info-fact-small:hover .down-content  .card-info-text .info-more {

  display: block !important;

  transition:0.5s;



}

.card-info-fact-small:hover .down-content .card-info-text  .info {

  display: none !important;

  transition:0.5s;

}



.info-more span h5 {

  font-family: 'Montserrat-Regular' !important;

  font-size: 20px !important;

  color: #fff;

}









.card-info-fact-small .down-content  .main-img{

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

  height:17rem;

  object-fit: cover !important;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}



.card-info-fact-small .card-info-text {

  background-color: #BF1E2D;

  height:100%;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  width:100%!important;

  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

}



.card-info-fact-small .card-info-text hr{

  width:5px; height:2px; background: #fff; padding-left: 80% !important;opacity: 1;

}







.box {

 

  /* height: 50%; */

  position: absolute;

  top: 0;

  left: 0;

  z-index: 8;

  /* opacity: 0.7; */

 

}



.box img{

  width: 100%;

}



.overlay {

  height: 115px;

  width: 85%;

  z-index: 10;

  margin-top: 310px;

  margin-right: 120px;

  margin-left: -20px;

  background:#F26322;

  border-radius: 30px;

  position:absolute;

 

}



.overlay h6 {

  font-family: 'PlovdivDisplay-Regular';

  font-size: 20px;

  color: #fff;

  white-space: normal;

  display:inline-block;

  max-width: 100%;

}



.minutes {

  background:#F26322;

  height: 80px;

  width: 80px;

  z-index: 10;

  position: absolute;

  top: 25px;

  right: 25px;

  border-radius: 20px;

  color: #fff;

}



.minutes p {

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #fff;

}







.overlay:hover img {

  transform: scale(1.1);

  transition:  0.3s ease-in-out;

}

 

.overlay:hover .card-title span {

  color: #fff;

  text-align: left;

  padding-left: 20px;

  display: inline-block;

  /* white-space: normal; */

  overflow-wrap: break-word;

}



.overlay:hover .card-title span h6{

  display:inline-block;

  /* max-width: 90%; */

}







.btn-arrow-recipe {

  position:relative;

  transition:background-color 300ms ease-out;

  }

.recipe-card:hover  .btn-arrow span { transform:translate3d(-3rem,0,0); }

  .btn-arrow img {

  position:absolute;

  width:1.1em;

  /* right:0px; */

  right:0rem;

  opacity:0;

  top:50%;

  transform:translateY(-50%);

  transition:all 200ms ease-out;

  will-change:right, opacity;

  }

  .btn-arrow img * {

  stroke-width:5;

  stroke-color:transparent;

  }

  .recipe-card:hover img {

  opacity:11;

  right:-3rem;

  }





  .recipe-card .card-title span h6{

    font-size: 18px;

    font-family: 'PlovdivDisplay-Regular';

    color: #fff;

  }





  .pagination-recipe li {

  /* display: block;

  margin: 15px;

  padding: 5px 13px;

  border-radius: 50%;

  background-color: red; */



  /* width: 40px;

  height: 40px;



  border: 2px solid #BF1E2D;

  border-radius: 50px;

  display: inline-block;

  text-align: center;

  padding: 5px;

  margin: 5px; */

 }



 .pagination-recipe li a{

  /* color: #BF1E2D;

  font-size: 18px;

  padding-bottom: 2%; */

}



.recipe-content {

  width:90%;

}



.recipe-content h2 {

  font-family: 'PlovdivDisplay-Bold';

  font-size: 30px;

  color: #BF1E2D;

}



.recipe-content h6 {

  font-family: 'Montserrat-Regular';

  font-size: 18px;

  color: #BF1E2D;

}



.recipe-content h5 {

  font-family: 'Montserrat-Regular';

  font-size: 20px !important;

  color: #BF1E2D;

}



.recipe-content h4 {

  font-family: 'Montserrat-Regular';

  font-size: 22px;

  color: #BF1E2D;

}



.recipe-content p {

  font-family: 'Montserrat-Regular';

  font-size: 18px;

  color: #404040;

}





.recipe-content p i {

  color:#BF1E2D;

}  



.privacy-policy h4{

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #BF1E2D;

}



.privacy-policy p{

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #404040;

}



.asd {

  border: 1px solid #707070;

  border-collapse: collapse;

}



.asd h6 {

  font-size:20px;

  font-family: 'Montserrat-SemiBold';

}



iframe {

  border-radius:20px;  

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}



.recipe-slider-card h4{

  color: #fff;

  font-size: 22px;

  font-family: 'PlovdivDisplay-Regular';

}



.recipe-slider-card h6{

  color: #fff;

  font-size: 18px !important;

  font-family: 'Montserrat-Regular' !important;

}





.contact-btn a, .contact-btn a:hover  {

  color:#F26322 !important;

}



.a, .a:hover {

  color: inherit !important;

}





a:active {

  outline: none !important;

  border: none !important;

  }

  



a:focus {

  outline:none !important;

  box-shadow: none !important;

}



.card-category-p {

  font-family: 'Montserrat-Regular';

  font-size: 15px;

  color: #AFAFAF;

} 







.card-info-fact:hover .card-info-text h4 {

  transition: transform 250ms;

}



.card-info-fact:hover .card-info-text:hover h4 {

  transform: translateX(20px);

  transition: transform 250ms;

}





.card-info-text:hover  .info {

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  margin-top:600px;

}





/* .info:hover, .info-more:hover{



  transition:0.5s;

} */



.card-info-text:hover .info {

  transition:0.5s;

}







#desktop-navigation {

  display: block;

}

#mobile-navigation {

  display: none !important;

}



@media screen and (max-width: 1500px){

  .recipes-row {

    width:98% !important;

  }

  .facts-container {

    width: 90% !important;

  }



}

@media screen and (max-width: 1200px){

  #desktop-navigation {

    display: none;

  }

  #mobile-navigation {

    display: block !important;

  }



  /* #mobile-navigation header nav {

    display: none;

  } */



  #mobile-navigation #hamburger-icon {

    display: block !important;

  }



  .footer img {

    width: 25% !important;

    margin: 0 auto;

  }

  .contacts {

    width: 100%;margin: 0 auto; 

  }

  /* .recipes-row {

    width:100% !important;

  } */

  .recipe-content {

    width:100%;

  }

  .cutlery,

  .red-clock{

    width: 40px!important;

    height: 40px !important;

  }



.level-diff {

    width: 140px!important;

    height: 40px !important;

  }



  .recipe-content h6 {

    font-size: 16px;

  }



  #recipe-view-desktop-carousel {

    display: none !important;

  }

  #recipe-view-mobile-carousel {

    display: block !important;

  }

}

#recipe-view-desktop-carousel {

  display: block ;

}

#recipe-view-mobile-carousel {

  display: none ;

}



.recipes-row {

  width:85%; 

  /* padding-top: 100px !important; */

}



/* .page-item.active .page-link {

  background-color: #bf1e2d !important;

  border-color: #bf1e2d !important;

  z-index: 0 !important;

  padding: 10px !important;

  border-radius: 50%;

}



.page:hover {

  z-index: 0 !important;

  color:  #bf1e2d !important;

  background-color: transparent !important;

  border-radius: 50%;

}



.page-link {

  position: relative;

  display: block;

  color: #bf1e2d;

  text-decoration: none;

  background-color: transparent;

  border: none !important;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  margin-top: -2px !important;

} */





.pagination, .jsgrid .jsgrid-pager {

  display: flex;

  padding-left: 0;

  list-style: none;

  border-radius: 0.25rem

}



.pagination.pagination-rounded-flat .page-item .page-link {

  border: 1px solid #BF1E2D;;

  border-radius: 50px;

  color: #BF1E2D;

  background-color: white;

  font-size: 20px;

  /* padding: 7px 16px; */

  font-family: 'Montserrat-Medium';

  width: 45px;

  height: 45px;

  display: inline-block;

  text-align: center;

  padding-top: 8px !important;



}



.pagination.pagination-rounded-flat .page-item .page-link:hover {

  background: #BF1E2D;

  border: 1px solid #BF1E2D !important;

  color: white;

}





.pagination.pagination-rounded-flat .page-item.active .page-link {

  background: #BF1E2D !important;

  border: 1px solid #BF1E2D !important;

  color: white !important;

}



/* .pagination {

  display: flex;

  padding-left: 0;

  list-style: none;

}



.pagination li a{

  border-radius: 50% !important;

  border: 2px solid #BF1E2D !important;

  display: inline-block !important;

  text-align: center !important;

  font-size: 20px !important;

  font-family: 'Montserrat-Medium';

  color: #BF1E2D !important;

  margin: 10px !important;

  padding: 10px 18px !important;

 

}



.page-item .page-link {

  border: 1px solid #707070;

  /* border-radius: 50%; */

  /* color: black;

} */



/* .page-item .page-link:hover {

  background: #BF1E2D !important;

  border: 1px solid #BF1E2D !important;

  color: white !important;

}





.page-item.active .page-link {

    background: #BF1E2D !important;

    border: 1px solid #BF1E2D;

    color: white !important;

}



.page-item:last-child .page-link,  .page-item.active .page-link, .page-item:first-child .page-link{

  border-radius: 50% !important;



} */





#mobile-navigation {

  /* padding: 0 20px; */

  background-color:  white;

  height: auto;

  /* display: flex;

  justify-content: space-between; */

}



#mobile-navigation  #brand {

  padding: 10px 0;

 

}



#mobile-navigation  #brand a {

  color: #09c372;

}



#mobile-navigation ul {

  list-style: none;

  height: 80%;

  /* background-color: red; */

  width: 100%;

  /* display: flex;

  align-items: center;

  justify-content: space-around; */

  margin-top: 0px;

  font-size: 20px;

  font-family: 'Montserrat-Regular';

}



.dropdown-one .dropdown-trigger2 {

  font-family: 'Montserrat-Regular' !important;

  font-size: 20px !important;

}

/* #mobile-navigation  ul a {

  color: white;

} */



#mobile-navigation ul li,

#mobile-navigation ul li a {

  padding: 5px;

  margin-left: 10px;

  color: #fff;

  font-size: 22px;

  font-family: 'Montserrat-Regular';

}



li.dropdown-trigger1 {

  color: black;

} 



/* #mobile-navigation  ul li:hover {

  transform: scale(1.1);

  transition: 0.3s;

} */



#mobile-navigation  #login,

#signup {

  border-radius: 5px;

  padding: 5px 8px;

}





#mobile-navigation  #hamburger-icon {

  margin: auto 0;

  display: none;

  cursor: pointer;

}



#mobile-navigation #hamburger-icon div {

  width: 35px;

  height: 3px;

  background-color: #BF1E2D;

  margin: 6px 0;

  transition: 0.4s;

  border: none;

}



/* div.show > a > p{

  font-size: 18px;

  font-family: 'Montserrat-Regular';

  color: white;

  padding-left: 20px;



} */



/* #mobile-navigation .dropdown:hover .submenu {

display: block;

}  */

#mobile-navigation .dropdown ul {

  display: none;

  }







  #mobile-navigation .dropdown > .dropdown-active {

    display: block;

  }

  



#mobile-navigation .open .bar1 {

  -webkit-transform: rotate(-45deg) translate(-6px, 6px);

  transform: rotate(-45deg) translate(-6px, 6px);

}



#mobile-navigation .open .bar2 {

  opacity: 0;

}



#mobile-navigation .open .bar3 {

  -webkit-transform: rotate(45deg) translate(-6px, -8px);

  transform: rotate(45deg) translate(-6px, -8px);

}



#mobile-navigation .open .mobile-menu {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  padding-top: 30px;

  background-color: #BF1E2D;

  color: #fff;

  font-size: 20px;

  font-family: 'Montserrat-Regular';

}



#mobile-navigation .mobile-menu {

  display: none;

  position: absolute;

  top: 100px;

  left: 0;

  height: calc(100vh - 50px);

  width: 100%;

}



#mobile-navigation .mobile-menu li {

  margin-bottom: 10px;

}



@media only screen and (max-width: 600px) {

  /* #mobile-navigation header nav {

    display: none;

  }



  #mobile-navigation #hamburger-icon {

    display: block;

  } */

  .width-recipe-index-mobile {

    width: 100% !important;

  }

  .carousel-control-next-icon-recipe {

    height: 40px;

    width: 40px;

  }

  .carousel-control-prev-icon-recipe {

    height: 40px;

    width: 40px;

  }

}



#mobile-navigation {

  /* background-color: rgba(250,250,250,0.15);

  position: absolute; */

  /* top: 40px; */

  left: 0;

  right: 0;

  z-index: 100;

   background-color: white!important;

  height: 100px!important;

  position: fixed!important;

  top: 0!important;

  left: 0;

  right: 0;

  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;

  /* -webkit-transition: all .5s ease 0s;

  -moz-transition: all .5s ease 0s;

  -o-transition: all .5s ease 0s;

  transition: all .5s ease 0s; */

}



/* .owl-dots {

  display: none !important;

} */



.owl-service-item .owl-dots {

  display: none !important;

}







@media screen and (max-width: 414px) {



  .team-card {

    width: auto !important;

    height: auto !important;

  }

  .card-recipe {

    width: auto !important;

    /* height: auto !important; */

  }

  .overlay{

    margin-left: 0px !important;

    margin-right: 0px !important;

    width: 100% !important;

  }

  .overlay h6 {

    padding-left: 20px !important;

  }

  .facts-container {

    width: 100% !important;

  }

  .our-courses .item .down-content h4 {

    font-size: 16px;

  }

/* 

  .overlay-in-carousel {

      margin-left: 5px !important;

      margin-right: 0px !important;

      width: 97% !important;

  } */

}



#navbar {

  position: absolute;

  width: 300px;

  /* left: 0; */

  padding-top: 20px;

  margin-right:auto; 

  margin-left:auto;

}



#navbar #tt ul{

  display: none;

}





.header-area .main-nav .menu-trigger {

  cursor: pointer;

  display: block;

  position: absolute;

  top: 30px;

  width: 32px;

  height: 40px;

  text-indent: -9999em;

  z-index: 99;

  left: 5%;

  color: #a12c2f !important;

}



@media screen and (min-width: 1200px) and (max-width: 1600px){

  .product-card {

    width: 100% !important;

  }

}

#product-view-desktop {

  display: block ;

}

#product-view-mobile {

  display: none ;

}





.has-sub .sub-menu {

  display: none;

}



.bounce.has-sub .sub-menu {

  display: block;

}



.down-content .useful-for-you-img {

  object-fit: cover;

  border-top-left-radius: 20px; 

  border-top-right-radius: 20px; 

  width:100%!important;

  height:17rem;

}



@media screen and (min-width: 550px) and (max-width: 760px) {

  .info-more span {

    margin-left: 23% !important;

  }

}



@media screen and (min-width: 1000px) and (max-width: 1200px) {

  .info-more span {

    margin-left: 20% !important;

  }

}



@media screen and (min-width: 1400px) and (max-width: 1920px) {

  .info-more span {

    margin-left: 18% !important;

  }

}



@media screen and (min-width: 1024px) and (max-width: 1400px) {

  .recipe-slider-card {

    width: 78% !important;

  }

  .recipe-container-index {

    width: 100% !important;

  }

}



#recipe-index-slider-desktop {

  display: block;

}

#recipe-index-slider-mobile {

  display: none;

}



@media screen and (max-width: 1023px) {

  

  #recipe-index-slider-desktop {

    display: none;

  }

  #recipe-index-slider-mobile {

    display: block;

  }

  .recipes-index-slider {

    height: auto !important;

  }



}



.recipe-slider-mob .card-useful .down-content {

  background-color: #F26322;

  color: #fff;

}



@media screen and (min-width: 1200px) and (max-width: 1300px) {



  .card-recipe {

    width: 22rem !important;

  }



}







@media screen and (min-width: 1200px) and (max-width: 1500px) {



  .img__description p {

    font-size: 12px;

  }



}



.thank-you-page {

  color: #BF1E2D;

  font-family: 'Montserrat-Medium';

}



.recipe-slider-mob-h4 {

  font-size: 20px;

  font-family: 'PlovdivDisplay-Regular';

}



#recipe-view-mobile-carousel .carousel-control-prev-icon::after, 

#recipe-view-mobile-carousel .carousel-control-next-icon::after {

  color: #F26322 !important;

} 


/* new */
.recipes-row .form-control:focus,
.recipes-row .btn-link:focus {
    outline: none;
    box-shadow: none;
}
.recipes-row .serch-recipe::placeholder {
    color: rgb(191, 30, 45, 0.6);
    opacity: 1; /* Firefox */
}

.wrapper {
  /* width: 80px;
  height: 130px; */
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 97px;
  height: 145px;
}

.circle {
  padding-top: 17px;
  width: 140%;
  position: absolute;
  height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  /* background-color: #BF1E2D; */
  background-color: #F26322;
  border-radius: 100%;
  text-align: center;
}

.circle .white {
  /* width: 70px;
  height: 70px; */
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 85px;
  height: 85px;  
}

.white .white-inner  {
  background-color: #fff;
  border-radius: 100%;
  height: 50px;
  width: 105%;
  transform: translate(-50%, 10px);
  position: absolute;
  left: 50%;
  bottom: 41px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.circle h5 {
  font-family: 'Montserrat-Regular';
  font-size: 12px;
  color: white;
}

.circle h5 span {
  font-family: 'Montserrat-Bold';
  /* font-size: 16px;
  color: white; */
}

.circle h6 {
  font-family: 'Montserrat-Bold';
  font-size: 16px;
  /* color: #BF1E2D; */
  color: #F26322;
  padding-top: 5px;
}

.col-md-15 {
  width: 14.28%;
}
/* @media (max-width: 1430px) { 
  .col-md-15 {
    width: 25%;
  }
} */