/*preload*/
  .ag-preload-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #333;
  transition: all .5s;
  /*transition-delay: 1s;*/
}

.ag-preload {
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;

  position: absolute;
  top: 50%;
  left: 50%;
}
.ag-preload:before,
.ag-preload:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;

  position: absolute;
  top: 0;
  left: 0;
}
.ag-preload:before {
  background-image: url(https://rawcdn.githack.com/SochavaAG/example-mycode/master/pens/preloader-kitchen-knife/images/preload-left.svg);

  -webkit-animation: an-preload-left 1s alternate linear;
  -moz-animation: an-preload-left 1s alternate linear;
  -o-animation: an-preload-left 1s alternate linear;
  animation: an-preload-left 1s alternate linear;

  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ag-preload:after {
  background-image: url(https://rawcdn.githack.com/SochavaAG/example-mycode/master/pens/preloader-kitchen-knife/images/preload-right.svg);

  -webkit-animation: an-preload-right 1s alternate linear;
  -moz-animation: an-preload-right 1s alternate linear;
  -o-animation: an-preload-right 1s alternate linear;
  animation: an-preload-right 1s alternate linear;

  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes an-preload-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
    transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
  }
}

@-moz-keyframes an-preload-left {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(45deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(-30px, 0px);
    transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
  }
}

@-ms-keyframes an-preload-left {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
    transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
  }
}

@-o-keyframes an-preload-left {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
    transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
  }
}

@keyframes an-preload-left {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
    -moz-transform: rotate(45deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(-30px, 0px);
    -ms-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
    -o-transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
    transform: rotate(45deg) scale(1, 1) skew(0deg, 0deg) translate(-30px, 0px);
  }
}

@-webkit-keyframes an-preload-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
    transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
  }
}

@-moz-keyframes an-preload-right {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-45deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(30px, 0px);
    transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
  }
}

@-ms-keyframes an-preload-right {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
    transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
  }
}

@-o-keyframes an-preload-right {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
    transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
  }
}

@keyframes an-preload-right {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
    -moz-transform: rotate(-45deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(30px, 0px);
    -ms-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
    -o-transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
    transform: rotate(-45deg) scale(1, 1) skew(0deg, 0deg) translate(30px, 0px);
  }
}
/*end pleload*/

body{
	color: #fff;
	font-size: 16px;
	font-family: Roboto,sans-serif!important;
}

a{
	color: #fff;
}
	  a:focus, a:hover{
	  	text-decoration: none!important;
	  }
.navbar{
	color: #fff;
}
.navbar-nav{
	float: right;
}
.tabs{
	position: absolute;
    top: 5%;
    right: 12%;
    width: 48%;
    color: #000;
    z-index: 2;
     transform: translateX(200%); 
    transition: all 1s;
    transition-delay: 1.3s;
}
.navbar-nav a{
	border: none;
	/*border-bottom: 1px solid #fff;*/
	padding: 10px 10px;
    margin: 0 15px;
}
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 8px;
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color: transparent!important;
	/*opacity: .5; */
}
.logo{
	width: 130px;
}
.owl-nav{
	text-align: left;
    right: 20px;
    position: relative;
}
.owl-nav button:focus{
	outline: none;
}
.owl-nav i{
	font-size: 34px;
}

.menu:hover{
	cursor: pointer;
	opacity: 0.5;
}
.menu-bars{
	/*display: none;*/
	position: fixed;
    right: 0;
    top: 0;
    text-align: center;
    width: 33%;
    color: black;
    background-color: rgba(0,0,0,.95);
    z-index: 100;
    height: 100vh;
    transition: all .5s;
    transition-timing-function: cubic-bezier(0.46, 0.46, 0.04, 0.98);
    transform: translateX(80%);
    z-index: 3;
}
.menu-bars-in{
	width: 100%;
	float: right;
	height: 70vh;
    z-index: 10000;
	margin-top: 20vh;
}
.big-suos{
	z-index: 1;
}
.close-btn{
	position: absolute;
    right: 7%;
    top: 5vh;
    font-size: 30px;
    color: #fff;
}
.close-btn:hover{
	opacity: .5;
}
.menu-bars li{
	height: 10vh;
    line-height: 10vh;
}
.menu-bars li .active a{
	color: black;
    font-size: 30px;
}
.menu-bars li a{
	color: #fff;
    font-size: 25px;
}
.menu-bars li a:hover{
	text-decoration: none;
}
.menu{
	position: absolute;
    color: #fff;
    font-size: 30px;
    top: 5vh;
    text-align: center;
    left: 7.5%;
    transition: all .5s;
}
.inst{
	position: absolute;
    color: #fff;
    font-size: 25px;
    bottom: 5vh;
    text-align: center;
    left: 7.5%;
    transition: all .5s;	
}
.fb{
	position: absolute;
    color: #fff;
    font-size: 25px;
    bottom: 12vh;
    text-align: center;
    left: 8%;
    transition: all .5s;	
}
.main-text{
	margin: 20px 0 0 50px;
	transition: all 1s;
	transition-delay: 0.2s;
}

.main-text h1{
	font-size: 50px;
	font-weight: 900;
	-webkit-text-fill-color: transparent;
    background: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
    -webkit-background-clip: text !important;
    color: #ffffff;
    border-color: transparent;
    border-style: solid;
}
.owl-carousel .item-inside{
/* 	height: 250px; */
	height: 200px;
/*     background-color: #c1c1c1; */
	background:url(https://www.sweetbabyrays.com/CMSTemplates/SBR/styles/images/background-paper-lg.jpg);
    border-radius: 20px;
	background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
}
.owl-stage{
	margin-top: 130px;
}
.item-inside img{
	position: relative;
    bottom: 120px;
    right: 0px;
    transition: all .4s;
}
/* .small-sous{
	position: absolute!important;
    width: 50%!important;
    bottom: 55px!important;
    left: 5px;
    z-index: 0;
    transition: all .4s;
    transition-delay: .5s;
} */
.small-sous {
    position: absolute!important;
    width: 50%!important;
    bottom: 10px!important;
    right: 15px;
    z-index: 2;
    transition: all .4s;
    transition-delay: .5s;
}
img.big-suos {
    right: 70px;
    top: -135px;
    position: absolute;
}
.item-inside:hover img{
   bottom: 140px;
}
.item-inside:hover .small-sous{
   bottom: 25px!important;
}
.owl-carousel .owl-stage-outer{
	overflow-y: -webkit-paged-x!important;
}
/*for pos abs*/
.item-inside-for-one{
	display: block;
    width: 1165px!important;
    height: 500px!important;
    left: 130px!important;
    top: -125px!important;
}
.sous-price{
	font-size:30px;
	color:#000;
}
.inside-img-for-one{
    width: 400px!important;
    transition: all 1s!important;
    position: absolute!important;
    left: 0%!important;
    bottom: 0px!important;
}
.arrow-back{
	display: none;
	color: black;
	font-size: 30px;
	font-weight: 900;
	position: relative;left: 20px;
	z-index: 22;
}
.arrow-back:hover{
	color: red;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color: transparent;
}
.abs{
	position: absolute;
	width: 80%;
    border-radius: 180px 0 0 0;
	height: 70vh;
	right: 0px;
	bottom: 0px;
	transform: translateY(200%);
/* 	background-color: #c1c1c1; */
	background:url(https://www.sweetbabyrays.com/CMSTemplates/SBR/styles/images/background-paper-lg.jpg);
	transition: all .5s;
	transition-delay: .5s;
	background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
}
.buy-button{
	position: absolute;
    right: 12%;
    top: 5%;
    background: #1c1c1c;
    padding: 15px 25px;
/*     -webkit-box-shadow: 0 0 20px 0 #000; */
/*     box-shadow: 0 0 20px 0 #000; */
    border: 1px solid #000;
    color: #fff;
/*     border-radius: 40px; */
    z-index: 3;
    outline: none;
    transition: all .5s;
}
.modal-content{
      background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
  }
.buy-button:hover{
	color: #000;
	border-color: #000;
	background: transparent;
}
.modal-body {
   height: 360px;
    width: 80%;
    margin: auto;
}
.modal-header{
	border: none;
	text-align: center;
}
.modal-title {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
}
.abs-text{
	position: absolute;
	width: 40%;
	line-height: 1.1;
	font-size: 45px;
	font-weight: 900;
	right: 8%;
	top: 8%;
	color: #c1c1c1;
	transition: all 1s;
	transition-timing-function: cubic-bezier(0.42, 0, 0, 1.08);
	transform: translateX(200%);
	transition-delay: .6s;
	-webkit-text-fill-color: transparent;
    background: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
    -webkit-background-clip: text !important;
    border-color: transparent;
    border-style: solid;
}
.abs-arrow{
	position: absolute;
    left: 14%;
    bottom: 5%;
    transition: all 1s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.08);
     transform: translateY(300%); 
    transition-delay: 1s;
    opacity: .5;
}
.abs-arrow:hover{
cursor: pointer;
}
.abs-arrow img{
	width:40px;
}
.abs-img{
	position: relative;
/* 	width: 18%;
    right: 35%;
	bottom: 0px; */
	width: 34%;
    right: 15%;
    bottom: 25%;
		transition: all 1s;
		transition-timing-function: cubic-bezier(0.42, 0, 0, 1.08);
	transform: translateY(200%);
	transition-delay: .6s;
}
.abs-img2{
	float: left;
	position: relative;
/* 	bottom: 180px; */
/* 	left: 20px;
    bottom: 150px; */
		transition: all 1s;
		transition-timing-function: cubic-bezier(0.42, 0, 0, 1.08);
	transform: translateY(200%);
	transition-delay: .6s;
	width: 15%;
    left: 1%;
    bottom: -5%;
    z-index: 2;
}
.slide-numb{
	    position: absolute;
/*     bottom: -55px;
    font-size: 80px; */
	bottom: -40px;
    font-size: 55px;
    font-weight: 900;
    color: #fff;
    z-index: 0;
    left: 15px;
    z-index: 2;
}
.nav>li>a{
	padding: 5px 10px;
    color: rgba(0,0,0,.6);
	/*padding: 10px 10px 10px 0px;*/
}
.abs-arrow i{
	font-size: 45px;
}
.tab-pane{
	margin-top: 8%;
}
.tab-pane li{
	list-style: none;
}
.tab-pane span{
 font-weight: bold;
}
.nav-pills li{
 font-weight: bold;

}
/*BLOG CSS*/
.fix {
    overflow: hidden;
}
.page-banner-area {
    background-image: url(https://www.sbrfoodservice.com/img/slideshow/mojo.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 270px 0 150px;
}
.bg-white {
    background-color: #fff;
}
.pb-90 {
    padding-bottom: 90px;
}
.pt-90 {
    padding-top: 90px;
}
.mb-20 {
    margin-bottom: 20px;
}
.blog-item {
    margin-bottom: 27px;
     /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2);*/
     perspective: 120px;
     transition: all .5s;
     z-index: 5;
}
.blog-item .image {
    display: block;
    border-radius: 0px;
    position: relative;
}
.blog-item .image img {
    width: 100%;
    height: 250px;
}
.page-banner h1 {
    color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 900;
    line-height: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.blog-item .meta {
    margin: 10px 0;
}
/*-------------------------- 
	Blog Style
--------------------------*/
.blog-wrapper{
	position: relative;
	margin-top: 200px;
	top: 0px;
	z-index: 1;
	transition: all 1.5s;
}
.blog-wrapper2 {
    position: relative;
    margin-top: 600px;
    top: 0px;
    z-index: 5;
    transition: all 1.5s;
}
/* Blog Items */
.blog-item {
  margin-bottom: 27px;
}
/* Blog Item Image */
.blog-item .image {
  display: block;
  position: relative;
  transition: all .6s;
  /*filter: grayscale(1);*/
}
.blog-item:hover .image {
 transform-style: preserve-3d;
  transform: rotateX(-10deg);
  -webkit-transform: scale(0.97) rotateX(-3deg);
    transform: scale(0.97) rotateX(-3deg);
      filter: grayscale(0);
}
.blog-area{

	background: url(https://archi-graphi.fr/wp-content/themes/lesanimals/app/assets/dist/img/bg.png) center center repeat fixed;
    overflow-y: scroll;
    padding-top: 140px;
}
body{
    background: url(https://archi-graphi.fr/wp-content/themes/lesanimals/app/assets/dist/img/bg.png) center center repeat fixed;
	overflow-x: hidden;
}
.index-body{
	height: 100vh;
    color: #fff;
/*     background: url(https://archi-graphi.fr/wp-content/themes/lesanimals/app/assets/dist/img/bg.png) center center repeat fixed; */
	overflow: hidden;
	background: url(http://sweetbabyrays.com.ua/wp-content/uploads/2019/06/back-e1560179615325.jpg);
    background-size: cover;
}
.index-body-navbar {
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar {
    color: #fff;
    position: absolute;
    z-index: 2;
    width: 100%;
}
#main{
    height: 100%;
    width: 100%;
    color: #fff;
    position: fixed;
    background: url(https://archi-graphi.fr/wp-content/themes/lesanimals/app/assets/dist/img/bg.png) center center repeat fixed;
    /*overflow: hidden;*/
   	/*overflow-x: hidden;*/
   }
.for-img-pers{
	position: relative;
	top: 100px;
	width: 80%;margin-left: 10%;height: 400px;
	z-index: 0;
	transform-style: preserve-3d;
  transform: rotateX(2deg);
  transition: all .3s;
  transition-timing-function: linear;
  -webkit-box-shadow: 0 0 20px 0 #000;
     box-shadow: 0 0 20px 0 #000; 
}
.for-img-pers2{
	position: relative;
	width: 200px;
	right: -33%;
	top: 100px;
	z-index: 0;
  transition: all .3s;
  transition-timing-function: linear;
}
.for-img-pers3{
	position: relative;
	width: 450px;
	top: 100px;
	z-index: 0;
	transform-style: preserve-3d;
  transform: rotateX(2deg);
  transition: all .3s;
  transition-timing-function: linear;
}
.doble-img{
	position: fixed;
	right: 10%;
	top: 10%;
}
.about-text-title{
	font-size: 40px;
	font-weight: 900;
	color: #fff;
}
.about-text{
	font-size: 16px;
	font-weight: 100;
	margin-top: 5%;
	color: #fff;
}
/*.blog-item .image::before {
  background-color: #dec839;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0px;
}
.blog-item .image::after {
  border: 1px solid #fff;
  bottom: 22px;
  content: "";
  left: 22px;
  opacity: 0;
  position: absolute;
  right: 22px;
  top: 22px;
  border-radius: 0px;
}*/
.blog-item:hover .image::before {
  opacity: 0.8;
}
.blog-item:hover .image::after {
  opacity: 1;
}
.blog-item .image img {
  width: 100%;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 20px 0 #000;
     box-shadow: 0 0 20px 0 #000; 
}
.blog-item .image i {
  color: #fff;
  display: block;
  font-size: 24px;
  height: 50px;
  left: 50%;
  line-height: 50px;
  margin-left: -25px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 9;
}
.blog-item:hover .image i {
  margin-top: -25px;
  opacity: 1;
}
/* Blog Item Meta */
.blog-item .meta {
  margin: 10px 0;
}
.blog-item .meta p {
  color: #555;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog-item .meta p a {
  color: inherit;
  display: block;
  float: left;
  font-size: inherit;
  margin-right: 15px;
}
.blog-item .meta p a:last-child {
  margin-right: 0;
}
.blog-item .meta p a i {
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 18px;
  margin-right: 6px;
}
.blog-item .meta p a:hover, .blog-item .meta p a:hover i {
  color: #dec839;
}
/* Blog Item Title */
.blog-item .title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}
.blog-item .title a {
  color: #fff;
  display: block;
  font-size: inherit;
}
.blog-item .title a:hover {
  color: #dec839;
}
/* Blog Item Description */
.blog-item .description {}
.blog-item .description p{}

/* Single Blog */
.single-blog{}
/* Single Blog Image */
.blog-image {
  margin-bottom: 47px;
}
.blog-image img {
  width: 100%;
}
/* Single Blog Title */
.blog-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* Single Blog Meta */
.blog-meta {
  margin-bottom: 30px;
}
.blog-meta p {
  color: #444444;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog-meta p a {
  color: inherit;
  display: block;
  float: left;
  font-size: inherit;
  margin-right: 15px;
}
.blog-meta p a:last-child {
  margin-right: 0;
}
.blog-meta p a i {
  color: #dec839;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 18px;
  margin-right: 6px;
}
.blog-meta p a:hover, .blog-meta p a:hover i {
  color: #dec839;
}
/* Single Blog Description */
.blog-description{}
.blog-description p {
  margin-bottom: 25px;
}
.blog-description blockquote{
  margin-left: 47px;
}
/* Single Blog Tags & Share */
.blog-tag-share {
  border-bottom: 1px solid #dec839;
  margin-top: 40px;
  padding-bottom: 13px;
}
/* Single Blog Tags */
.blog-tags{}
.blog-tags p {
  color: #222222;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 30px;
  text-transform: uppercase;
}
.blog-tags a {
  color: #333333;
  display: block;
  float: left;
  font-size: 12px;
  position: relative;
  text-transform: capitalize;
}
.blog-tags a + a {
  margin-left: 13px;
}
.blog-tags a::before {
  color: #333333;
  content: "/";
  position: absolute;
  right: -10px;
  top: 1px;
}
.blog-tags a:last-child::before {
  content: "";
}
.blog-tags a:hover {
  color: #dec839;
}
/* Single Blog Share */
.blog-share{}
.blog-share p {
  color: #222222;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 30px;
  text-transform: uppercase;
}
.blog-share a {
  color: #aaaaaa;
  display: block;
  float: left;
}
.blog-share a + a {
  margin-left: 23px;
}
.blog-share a i {
  display: block;
  font-size: 14px;
  line-height: 24px;
}
.blog-share a:hover {
  color: #dec839;
}
/* Comments */
.comments-wrapper{}
.comments-list{}
.comments-list li{}
.comments-list li + li {
  margin-top: 50px;
}
.comments-list li ul {
  margin-left: 100px;
}
.comments-list li ul li {
  margin-top: 50px;
}
/* Single Comment */
.single-comment{}
.single-comment .avatar {
  margin-right: 30px;
  width: 100px;
}
.single-comment .avatar img {
  width: 100%;
}
.single-comment .content{}
.single-comment .content h5 {
  font-size: 13px;
  font-weight: 700;
  line-height: 11px;
  margin-bottom: 2px;
}
.single-comment .content span {
  display: block;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 10px;
}
.single-comment .content p{}
.single-comment .content a{}
.single-comment .content a i {
  color: #dec839;
  display: block;
  float: left;
  line-height: 24px;
  margin-right: 9px;
}
.single-comment .content a:hover {
  color: #dec839;
}
/* Sidebar Style */
.sidebar{}
.single-sidebar {
  margin-bottom: 50px;
}
.single-sidebar:last-child {
  margin-bottom: 0;
}
.sidebar-title {
  border-left: 5px solid #dec839;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  margin-bottom: 20px;
  padding-left: 15px;
  text-transform: uppercase;
}
.single-sidebar > div {
  padding-left: 20px;
}
/* About Sidebar */
.about-sidebar{}
.about-sidebar p{}
/* Category Sidebar */
.category-sidebar {}
.category-sidebar ul{}
.category-sidebar ul li {
  border-bottom: 1px solid #f5f5f5;
  display: block;
  margin-bottom: 5px;
}
.category-sidebar ul li:last-child {
  margin-bottom: 0;
}
.category-sidebar ul li a {
  color: #333333;
  display: block;
  line-height: 24px;
  padding: 5px 0;
}
.category-sidebar ul li a:hover {
  color: #dec839;
}
/* Latest Blog Sidebar */
.latest-blog-sidebar{}
.latest-blog-sidebar .sin-blog {
  margin-bottom: 30px;
}
.latest-blog-sidebar .sin-blog:last-child {
  margin-bottom: 0;
}
.latest-blog-sidebar .sin-blog .image {
  display: block;
  margin-right: 30px;
  width: 100px;
  position: relative;
}
.latest-blog-sidebar .sin-blog .image::before {
  color: #fff;
  content: "\f04e";
  display: block;
  font-family: "IcoFont";
  font-size: 18px;
  left: 50%;
  line-height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 30px;
  z-index: 2;
}
.latest-blog-sidebar .sin-blog .image::after {
  background-color: #dec839;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.latest-blog-sidebar .sin-blog:hover .image::before {
  opacity: 1;
}
.latest-blog-sidebar .sin-blog:hover .image::after {
  opacity: 0.8;
}
.latest-blog-sidebar .sin-blog .image img {
  width: 100%;
}
.latest-blog-sidebar .sin-blog .content {
  padding-top: 5px;
}
.latest-blog-sidebar .sin-blog .content a {
  display: block;
  margin-bottom: 7px;
}
.latest-blog-sidebar .sin-blog .content a:hover {
  color: #dec839;
}
.latest-blog-sidebar .sin-blog .content p {
  font-size: 12px;
}
.latest-blog-sidebar .sin-blog .content p i {
  display: block;
  float: left;
  line-height: 24px;
  margin-right: 10px;
}
/* Tags Sidebar */
.tags-sidebar {}
.tags-sidebar a {
  border: 1px solid #f5f5f5;
  display: block;
  float: left;
  line-height: 24px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px 24px;
}
.tags-sidebar a:hover {
  border-color: #dec839;
  color: #dec839;
}
.overlay {
    position: relative;
    z-index: 1;
}
.overlay-black:before {
    background-color: #000;
}
.overlay:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.overlay-70:before {
    opacity: 0.7;
}
.page-banner ul {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.page-banner ul li:first-child {
    padding-left: 0;
}
.page-banner ul li {
    display: block;
    float: left;
    padding: 0 6px;
    position: relative;
}
.page-banner ul li + li::before {
    color: #fff;
    content: "/";
    display: block;
    left: -3px;
    line-height: 9px;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.page-banner ul li a, .page-banner ul li span {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 9px;
    text-transform: uppercase;
}
.blog-area{
	color:#555;
}
.blog-area::-webkit-scrollbar {
  width: 0px;
}
.intro-img-title-wrapper {
    position: absolute;
    left: calc( -40px - 60 * ( ( 100vw - 400px ) / 1200 ));
    bottom: 17.5%;
}
.intro-img-title-container{
    position: fixed;
    z-index: 1;
    left: 8%;
    bottom: 20px;
    transition: all 1s;
}
.intro-img-title-container2{
    position: fixed;
    /*transform: matrix(1, 0, 0, 1, 100, 0);*/
    /*top: 10%;*/
    z-index: 0!important;
    left: 15%;
    /*left: -6%;*/
    top: 50%;
    transition: all .1s;
    /*transform: rotate(270deg);*/
}
.page-logo{
	width: 250px;
	text-align: center;
}
.main-back-text{
	position: fixed;
	left: -6%;
    bottom: 36%;
}
.main-back-text-in{
font: bold calc( 30px + 90 * ( ( 100vw - 400px ) / 1200 ))/calc( 60px + 90 * ( ( 100vw - 400px ) / 1200 )) "Roboto",serif;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);	
}
.intro-img-title{
font: bold calc( 70px + 90 * ( ( 100vw - 400px ) / 1200 ))/calc( 60px + 90 * ( ( 100vw - 400px ) / 1200 )) "Roboto",serif;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.intro-img-title-black {
    color: white;
    transition: all .8s;
}
.blog-item:nth-child(2n){
	padding-top: 100px;
}

/*.blog-item:nth-child(2n+1){
	margin-top: 0px;
}*/
.recept-title{
	font-size: 34px;
	font-weight: 900;
	color: #fff;
}
.recept-description{
	line-height: 2;
}
.ingredients-title, .direction-title{
	color: #fff;
	font-weight: 900;
	font-size: 30px;
	margin-bottom: 25px; 
}
.ingredients-text{
}
.direction-text{
}
.contact-info .single-info .icon {
    /*background-color: #e85a0c;*/
    border-radius: 2px;
    color: #fff;
    display: block;
    float: left;
    height: 44px;
    margin-left: 10px;
    margin-right: 40px;
    margin-top: 10px;
    text-align: center;
    /*transform: rotate(45deg);*/
    width: 44px;
}
.contact-info .single-info .icon i {
    display: block;
    font-size: 24px;
    line-height: 44px;
}
.contact-info .single-info .content h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.form form {
    margin-left: -15px;
    margin-right: -15px;
}

.form .input {
    float: left;
    margin-bottom: 50px;
    padding: 0 15px;
    width: 100%;
}
.form .input-2 .input {
    width: 50%;
}

.form .input input[type="text"], .form .input input[type="email"], .form .input input[type="tel"], .form .input input[type="password"], .form .input input[type="search"], .form .input input[type="url"], .form .input textarea{
	background-color: transparent;
    border-color: #dddddd;
    border-style: solid;
    border-width: 0 0 1px;
    float: left;
    height: 32px;
    padding: 0 0 5px;
    width: 100%;
    outline: none;
	border-radius: 0!important;
}

.modal-body #contact-form input[type="submit"]{
	color: #000;
	    padding: 0px 50px;
	    transition: all .5s;
}
.modal-body #contact-form input[type="submit"]:hover{
	color: #fff;
	border-color: #fff;
}
.modal-body #contact-form input{
	 border-color: #000;
} 
.modal-body #contact-form input{
	 border-color: #000;
	color: #000;
} 
.contact-area{
	margin-top: 430px;
}
.contact-info{
	color: #fff;
}
.form .input.textarea {
    margin-bottom: 30px;
}
.form .input textarea {
    height: 115px;
    resize: none;
}
.form .input-submit {
    margin-bottom: 0;
}
.form .input input[type="submit"] {
    background-color: #e85a0c;
    border-color: #e85a0c;
}
.form .input input[type="submit"] {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 50px;
    border-radius: 40px;
    line-height: 33px;
    padding: 0 20px;
    text-transform: uppercase;
}

@media (min-width: 990px){
.owl-nav {
    position: relative;
    
}
}
@media (min-width: 481px) and (max-width: 989px){
	.item-inside img{
		width: 270px;
	}
	.tabs{
		width: 35%;
	}
	.abs-text{
		width: 35%;
		line-height: 1;
		top: 10%;
		font-size: 30px;
	}
	.abs-arrow {
    left: 8%;
}
.buy-button {
    right: 10%;
    top: -7%;
}
.owl-nav {
    position: absolute;
    left: 5px;
    bottom: 30px;
}
}
@media (max-width: 480px){
	body, html{
		width: 100%;
		overflow-x: hidden!important;
		overflow-y: overlay;
/* 		max-height: 110vh; */
		height:auto!important;
		-webkit-overflow-scrolling:touch;
	}
	.sous-price{
		font-size:22px;
	}
	.owl-nav{
		right: 0;
	}
	.intro-img-title-container2 {
		position: absolute;
	}
	.menu-bars{
		width: 100%;
		transform: translateX(100%);
	}
	.container-fluid{
		position: relative;
	}
	.contact-area {
    margin-top: 130px;
	}
	.navbar-nav{
		/*display: none;*/
	}
	.menu{
		top: 3%;
		left: -13%;
	}
	.for-img-pers{
		height: 200px!important;
		z-index: 0;
	}
	.intro-img-title-container {
    left: 0;
    bottom: 80px!important;
    transition: all 1s;
    position: absolute;
    text-align: center;
    width: 100%;
		z-index: 1;
}
.intro-img-title-black {
    color: #fff!important;
	font-family: Roboto,sans-serif;
	z-index:1!important;
}
	.contact-info {
    color: #fff;
    margin: 5rem 0;
}
	.owl-carousel .owl-item img{
		display: block;
    width: 70%;
	}
	.abs-text {
    position: absolute;
    width: 100%;
    font-size: 30px;
    font-weight: 900;
    right: 0%;
    text-align: center;
    top: 3%;
	}
	.abs-arrow {
    position: absolute;
    left: 5%;
    bottom: 5%;
    top: 30%;
    z-index: 0;
    display: none;
	}
	.abs-img {
    position: relative;
	width: 60%;
    bottom: 26%;
    float: right;
    right: -15%;
	}
	.abs-img2{
    position: relative;
	right: 4%;
    bottom: 13%;
    width: 30%;
    float: right;
    z-index: 1;
    margin-right: 5%;
	}
	.tabs {
    position: absolute;
    top: 25%;
    right: 0%;
    left: 3%;
    width: 96%;
	}
	.abs {
    position: absolute;
    width: 100%;
    transform: translateY(240%);
    height: 110%;
    margin-top: 0%;
    right: 0px;
    bottom: 0px;
    top: 45%;
    display: none;
}
	.item-inside img {
    bottom: 130px;
    right: -80px;
}
	.main-text{
		margin: 0;
	}
	.about-blog-area{
		padding-top: 100px;

	}
	.intro-img-title-container2{
		top: 38%;
    width: 100%;
    text-align: center;
		left: 0;
	}
	.doble-img {
   position: relative;
    right: 0%;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6rem;
}
.for-img-pers2{
	right: -15%;
	width: 100px;
}
.for-img-pers3{
	width: 220px;
	right: 15%;
}
.blog-wrapper2{
	margin-top: 100px;
}
.index-body{
	overflow-y: visible;
}
.small-sous{
	width: 35%!important;
	right: 5%!important;
		bottom: 10px!important;
	z-index:2;
}
	.owl-carousel .item-inside {
		height: 200px;
	}
.buy-button {
    left: 3%;
    top: 5%;
    width: 35%;
    font-size: 14px;
}
img.big-suos {
    right: 70px;
    top: -160px;
    position: absolute;
    left: 20px;
}
	.owl-stage {
    margin-top: 160px;
}
	
}
@media (max-width: 380px){
img.big-suos {
    right: 70px;
	top: -130px;
}
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #000;
    font-weight: 800;
}
.tab-content>.tab-pane {
    color: rgba(0,0,0,.8);
}