﻿.rcp-gradient {
	background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	/*padding: 50px 0 50px;*/
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

.uk-offcanvas-bar {
	width: 100% !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.arrow {
	border: solid #0091cf;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
}

.arrowRed {
	border: solid red;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
}

.arrowDir {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.navik-header.header-transparent-on, .navik-header.header-opacity-on {
	background-color: white !important;
}

/*newsletter-en-textbox*/

.recipes-signup-input {
	border: 2px solid white !important;
	color: white !important;
	background: transparent !important;
	border-radius: 40px 0px 0px 40px !important;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: none;
}
.recipes-signup-input::placeholder {
	color: whitesmoke !important;
}
.recipes-signup-append-div {
	margin-left: -35px;
}

.recipes-signup-button {
	border-radius: 40px !important;
	letter-spacing: 1px;
	font-weight: bold;
	color: #e3000e !important;
	text-transform: capitalize;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 1000px transparent inset !important;
	-webkit-text-fill-color: whitesmoke;
	/*transition: background-color 5000s ease-in-out 0s;*/
	/*box-shadow: inset 0 0 20px 20px #23232329;*/
	background: transparent !important;
}

@media all and (max-width: 2000px) { /* your content here */
	/* For desktop: */

	/* menu */

	.burger-menuX {
		display: none !important;
	}

	.menuBG {
		background: #fff !important;
		color: #ff0000 !important;
		display: block !important;
	}

	.header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
		color: #000 !important;
	}

	.white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
		color: #000 !important;
	}

	#tline {
		background-color: #000 !important
	}

	/* banner */
	.banner1 {
		/*   background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/hero-10.png);*/
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 200px !important
	}

	/* anyone text alignment */

	.anyone {
		text-align: left !important;
	}

	.any-align {
		padding-top: 100px !important;
	}

	.cookcard {
		margin-left: -20px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: right !important;
	}
}

@media all and (max-width: 1715px) { /* your content here */
	/* For desktop: */

	/* menu */

	.burger-menuX {
		display: none !important;
	}

	.menuBG {
		background: #fff !important;
		color: #ff0000 !important;
		display: block !important;
	}

	.header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
		color: #000 !important;
	}

	.white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
		color: #000 !important;
	}

	#tline {
		background-color: #000 !important
	}

	/* banner */
	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/hero-10.png);
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 200px !important
	}

	/* anyone text alignment */

	.anyone {
		text-align: left !important;
	}

	.any-align {
		padding-top: 100px !important;
	}

	.cookcard {
		margin-left: -20px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: right !important;
	}
	.recipe-subtitle {
		font-size: 1.3rem !important;
	}
}

@media all and (max-width: 1280px) { /* your content here */
	/* For tablet: */

	/* menu */

	#tcontent, #tline {
		display: none !important
	}

	.burger-menuX {
		display: block !important;
	}

	/* banner */

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-10.png);
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	/* For desktop / tablet : */

	.recipes-header-img {
		margin-top: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		background-repeat: no-repeat;
		background-size: contain, cover;
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/recipes4-bg.png) !important;
		background-color: transparent;
		height: 800px !important;
		padding-top: 250px !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
		color: #000 !important
	}

	div > a > img {
		background: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/logo-01.png) !important;
	}

	.field {
		border-radius: 50px !important;
		letter-spacing: 1px;
		font-family: 'Cabin', sans-serif;
		font-weight: bold;
		color: #e3000e !important;
		text-transform: capitalize;
	}

	.btnSignup {
		border-radius: 50px !important;
		letter-spacing: 1px;
		font-family: 'Cabin', sans-serif;
		font-weight: bold;
		color: #e3000e !important;
		text-transform: capitalize;
	}

	.recipes-bg {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/recipes-bg.png) !important;
		margin-top: 0px !important;
		background-color: #FF0000;
		height: 900px !important;
		padding-top: 150px !important;
	}

	.feature-recipes-title {
		color: #0091cf !important;
	}

	.feature-recipes {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
	}

	.feature-recipes-dash {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
	}

	.feature-recipes-more {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
		font-size: 15px;
		margin-left: 950px;
	}

	.recipes-plates-bg {
		margin-top: 400px !important;
		background-color: #b7ddf3;
		height: 900px !important;
		padding-top: 0px !important;
		padding-bottom: 200px !important
	}

	.recipes-design {
		position: absolute;
		left: 0px;
		margin-left: 1100px;
		margin-top: -125px;
		z-index: 1;
	}

	.recipes-orange {
		position: absolute;
		left: 0px;
		margin-left: 1100px;
		margin-top: -125px;
		z-index: 1;
	}

	.dot {
		height: 20px;
		width: 20px;
		margin: 20px;
		background-color: #ffffff;
		border-radius: 50%;
		display: inline-block;
	}

	.dot-layout {
		position: absolute;
		left: -30px;
		margin-top: -160px;
		z-index: 1;
	}

	/*  .btn {
        text-transform: none !important;
        border-radius: 50px !important;
        background: #0091cf !important;
        color: #fff !important;
        font-weight: 500;
        letter-spacing: 1px;
        font-family: 'Cabin', sans-serif;
        font-weight: bold;
        text-transform: capitalize;
    }*/

	.feature-recipes-bg {
		margin-top: 10px !important;
		background-color: #b7ddf3;
		height: 900px !important;
		padding-top: 100px !important;
		padding-bottom: 200px !important
	}

	.img-layout {
		left: 30px;
		margin-top: -65px;
		position: absolute;
		background: #010306;
		font-family: 'Cabin', sans-serif;
		color: white;
		opacity: 0.6;
		width: 250px !important;
		height: 50px;
		text-align: left;
		vertical-align: middle;
		z-index: 1;
	}

	.img-layout1 {
		left: 315px;
		margin-top: -65px;
		position: absolute;
		background: #0091cf;
		font-family: 'Cabin', sans-serif;
		color: white;
		width: 250px !important;
		height: 50px;
		text-align: left;
		vertical-align: middle;
		z-index: 1;
	}

	.img-layout2 {
		left: 600px;
		margin-top: -65px;
		position: absolute;
		background: #010306;
		font-family: 'Cabin', sans-serif;
		color: white;
		opacity: 0.6;
		width: 250px !important;
		height: 50px;
		text-align: left;
		vertical-align: middle;
		z-index: 1;
	}

	.img-layout > p {
		margin: 10px;
	}

	.img-layout1 > p {
		margin: 10px;
	}

	.img-layout2 > p {
		margin: 10px;
	}

	.img-layout > span {
		margin-left: 200px;
		margin-top: -65px;
		z-index: 1;
	}

	.img-layout1 > span {
		margin-left: 200px;
		margin-top: -65px;
		z-index: 1;
	}

	.img-layout2 > span {
		margin-left: 200px;
		margin-top: -65px;
		z-index: 1;
	}

	div.img-layout :hover {
		background: #0091cf !important;
		opacity: 1 !important;
	}

	div.img-layout1 :hover {
		background: #0091cf !important;
		opacity: 1 !important;
	}

	div.img-layout2 :hover {
		background: #0091cf !important;
		opacity: 1 !important;
	}
	/*Override*/
	.newsletter-txt h3 {
		text-transform: none !important;
		margin-bottom: 40px;
	}

	.newsletter-txt p {
		font-family: 'Cabin' !important;
	}

	.pbox-11-img {
		text-align: left !important;
		margin-top: 60px !important;
	}

	.social-icon {
		text-align: right !important;
	}

	/* anyone text alignment */

	.anyone {
		text-align: left !important;
	}

	.any-align {
		padding-top: 100px !important;
	}

	.cookcard {
		margin-left: 0px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: right !important;
	}
}

@media all and (max-width: 680px) {
	/* For Mobile Browser - Should be same as Mobile Device */

	/* menu */

	.burger-menuX {
		display: block !important;
	}

	/* banner */

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/healthy/hero-10.png);
		background-size: 800px 500px !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 0px !important
	}

	#hero-3 {
		height: 550px !important;
	}

	.recipes-header-img {
		margin-top: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/recipes1.jpg) !important;
		background-color: transparent;
		height: 600px !important;
		padding-top: 100px !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	div img.recipes {
		width: 100px !important;
		height: 100px !important;
	}

	.recipes-bg {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/recipes-bg.png) !important;
		margin-top: 0px !important;
		background-color: #FF0000;
		height: 100% !important;
		width: 100% !important;
		padding-top: 250px !important;
	}

	.recipes-plates-bg {
		margin-top: 0px !important;
		background-color: #b7ddf3;
		height: 650px !important;
		padding-top: 0px !important;
		padding-bottom: 200px !important
	}

	.feature-recipes-bg {
		margin-top: 10px !important;
		background-color: #b7ddf3;
		height: 900px !important;
		padding-top: 100px !important;
		padding-bottom: 200px !important
	}

	.feature-recipes-title {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
	}

	.feature-recipes {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
	}

	.feature-recipes-dash {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
	}

	.feature-recipes-more {
		color: #0091cf !important;
		font-family: 'Cabin', sans-serif;
	}

	.field {
		border-radius: 50px !important;
		letter-spacing: 1px;
		font-family: 'Cabin', sans-serif;
		font-weight: bold;
		color: #e3000e !important;
		text-transform: capitalize;
	}

	/*    .btn {
        text-transform: none !important;
        border-radius: 50px !important;
        background: #0091cf !important;
        color: #fff !important;
        font-weight: 500;
        letter-spacing: 1px;
        font-family: 'Cabin', sans-serif;
        font-weight: bold;
        text-transform: capitalize;
    }*/

	.dot {
		height: 10px;
		width: 10px;
		margin: 5px;
		background-color: #ffffff;
		border-radius: 50%;
		display: inline-block;
	}

	.dot-layout {
		position: absolute;
		left: -30px;
		margin-top: -80px;
		z-index: 1;
	}

	.recipes-design {
		position: absolute;
		left: 0px;
		margin-left: 200px;
		margin-top: -50px;
		z-index: 1;
	}

	.recipes-orange {
		position: absolute;
		left: 0px;
		margin-left: 200px;
		margin-top: -80px;
		z-index: 1;
	}

	/* Recipes*/
	.recipes {
		width: 50px;
		height: 50px;
		margin: 5px !important;
	}

	.recipes2 {
		width: 500px;
		height: 250px;
		margin: 0px !important;
	}

	.img-layout {
		left: 20px;
		margin-top: -28px;
		position: absolute;
		background: #010306;
		font-family: 'Cabin', sans-serif;
		color: white;
		opacity: 0.6;
		width: 100px !important;
		height: 20px;
		text-align: left;
		z-index: 1;
	}

	.img-layout1 {
		left: 134px;
		margin-top: -28px;
		position: absolute;
		background: #0091cf;
		font-family: 'Cabin', sans-serif;
		color: white;
		width: 100px !important;
		height: 20px;
		text-align: left;
		z-index: 1;
	}

	.img-layout2 {
		left: 248px;
		margin-top: -28px;
		position: absolute;
		background: #010306;
		font-family: 'Cabin', sans-serif;
		color: white;
		opacity: 0.6;
		width: 100px !important;
		height: 20px;
		text-align: left;
		z-index: 1;
	}

	.img-layout > p {
		margin: 2px;
		font-size: 8px !important;
	}

	.img-layout1 > p {
		margin: 2px;
		font-size: 8px !important;
	}

	.img-layout2 > p {
		margin: 2px;
		font-size: 8px !important;
	}

	.img-layout > span {
		margin-left: 80px;
		margin-top: -40px;
		width: 15px;
		height: 15px;
		border-radius: 50px !important;
		z-index: 1;
	}

	.img-layout1 > span {
		margin-left: 80px;
		margin-top: -40px;
		width: 15px;
		height: 15px;
		border-radius: 50px !important;
		z-index: 1;
	}

	.img-layout2 > span {
		margin-left: 80px;
		margin-top: -40px;
		width: 15px;
		height: 15px;
		border-radius: 50px !important;
		z-index: 1;
	}

	div.img-layout :hover {
		background: #0091cf !important;
		opacity: 1 !important;
	}

	div.img-layout1 :hover {
		background: #0091cf !important;
		opacity: 1 !important;
	}

	div.img-layout2 :hover {
		background: #0091cf !important;
		opacity: 1 !important;
	}

	.newsletter-txt h3 {
		text-transform: none !important;
		margin-bottom: 40px;
	}

	.newsletter-txt p {
		font-family: 'Cabin' !important;
	}

	.pbox-11-img {
		text-align: left !important;
		margin-top: 60px !important;
	}

	.social-icon {
		text-align: right !important;
	}

	.recipedesc {
		margin-top: -350px !important
	}

	/* anyone text alignment */

	.anyone {
		text-align: center !important;
	}

	.any-align {
		padding-top: 0px !important;
	}

	#traningprogram {
		padding-top: 230px !important;
		height: 1100px !important
	}

	.cookcard {
		margin-left: 0px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: left !important;
	}
}

@media all and (max-width: 480px) {
	/* For Mobile Device */

	/* menu */

	.burger-menuX {
		display: block !important;
	}

	/* banner */

	.banner1 {
		background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_template/images/recipes/bannermobile1.jpg);
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}

	.marginAr {
		margin-right: 0px !important
	}

	#hero-3 {
		height: 500px !important;
	}

	.recipedesc {
		margin-top: -180px !important
	}

	#traningprogram {
		/*padding-top: 250px !important;
        height: 1300px !important;*/
		padding-top: 50px !important;
		height: 920px !important;
		background-image:none !important;
	}

	.zoom2 {
		margin-left: 0px !important
	}

	.zmbox {
		padding-bottom: 50px !important
	}

	#traningprogramX {
		/*padding-top: 250px !important;*/
		padding-top: 340px !important;
		height: 3100px !important
	}

	/* anyone text alignment */

	.anyone {
		text-align: center !important;
	}

	.any-align {
		padding-top: 0px !important;
	}

	.cookcard {
		margin-left: 0px !important;
	}

	/* footer dynamic alignment */
	.footeratcopy {
		text-align: left !important;
	}

	.get-recipe-btn {
		margin-top: 0 !important;
	}

	.weekend-section {
		margin-top: 190px !important;
	}
}
