/*
����� ��� ���� ��� ��� 
http://www.dotteam.ir
*/

/*-- Farsi Font --*/
@font-face {
    font-family: "yekan";
    src: url(../fonts/Yekan.eot);
    src: url(../fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(../fonts/Yekan.woff) format("woff"), url(../fonts/Yekan.ttf) format("truetype"), url(../fonts/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Byekan";
    src: url(../fonts/BYekan.eot);
    src: url(../fonts/BYekan.eot?#iefix) format("embedded-opentype"), url(../fonts/BYekan.woff) format("woff"), url(../fonts/BYekan.ttf) format("truetype"), url(../fonts/BYekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}

.fa{
	font-family: FontAwesome,'yekan' ,'Byekan' ,tahoma;
	line-height: 1.428571429;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRSans/IRANSans-Bold-web.eot');
    src: url('../fonts/IRSans/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRSans/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../fonts/IRSans/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRSans/IRANSans-Bold-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IRSans/IRANSans-Medium-web.eot');
    src: url('../fonts/IRSans/IRANSans-Medium-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRSans/IRANSans-Medium-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../fonts/IRSans/IRANSans-Medium-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRSans/IRANSans-Medium-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IRSans/IRANSans-Light-web.eot');
    src: url('../fonts/IRSans/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRSans/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../fonts/IRSans/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRSans/IRANSans-Light-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IRSans/IRANSans-UltraLight-web.eot');
    src: url('../fonts/IRSans/IRANSans-UltraLight-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRSans/IRANSans-UltraLight-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../fonts/IRSans/IRANSans-UltraLight-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRSans/IRANSans-UltraLight-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRSans/IRANSans-web.eot');
    src: url('../fonts/IRSans/IRANSans-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRSans/IRANSans-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../fonts/IRSans/IRANSans-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRSans/IRANSans-web.ttf') format('truetype');
}


@font-face {
    font-family: SwissraArabic;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/SwissraArabic/Swissra Normal.otf');
    src: url('../fonts/SwissraArabic/Swissra Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: SwissraArabic;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/SwissraArabic/Swissra Normal.otf');
    src: url('../fonts/SwissraArabic/Swissra Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: SwissraArabic;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/SwissraArabic/Swissra Normal.otf');
    src: url('../fonts/SwissraArabic/Swissra Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: SwissraArabic;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/SwissraArabic/Swissra Normal.otf');
    src: url('../fonts/SwissraArabic/Swissra Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: SwissraArabic;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/SwissraArabic/Swissra Normal.otf');
    src: url('../fonts/SwissraArabic/Swissra Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
/*-- Farsi Font End --*/


html,
body {
 	font-family: 'IRANSans','yekan' ,'Byekan' ,tahoma;
	direction:rtl;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,p {
	font-family: 'IRANSans','yekan' ,'Byekan' ,tahoma;
}


/*-- html --*/
.banner-content h1 ,.banner-content h2 ,.banner-content p ,.about h3 ,.heading h3,.main-nav li a ,.Portfolio-nav li a , .input-text ,.input-btn,.business-talking h2
,.padding-upcoming h3 ,.team h3 ,.padding-contact h3 ,.padding-contact ,.newsletter input[type="text"]
,.newsletter input[type="submit"] {
    font-family: IRANSans,'yekan' ,'Byekan' ,tahoma;
}


.navbar{
	padding:40px 0;
	width: 100%;
    margin: auto;
	text-align:center;
	position:relative;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out; 
	top: 0;
	font-family: SwissraArabic, IRANSans;
}
.navbar:after{
	content: "";
    position: absolute;
    background: url(../img/headre_corner.png);
    height: 200px;
    width: 195px;
    top: 0;
    left: 0;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out; 
}
.navbar:before{
	content: "";
    position: absolute;
    background: url(../img/headre_corner.png);
    height: 200px;
    width: 195px;
    top: 0;
    right: 0;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out; 
}
.navbar ul{
	width: 70%;
    display: flex;
    padding: 0;
    align-items: center;
	text-decoration:none;
	margin: auto;
}
.navbar ul>li{
	float: right;
	width: 100%;
	color: white;
	list-style:none;
	position:relative;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; 
}
.navbar a{
	text-decoration:none;
	color: white;
	font-size:large;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; 
}
.navbar ul>li:hover>a{
	color: #FFC107;
}
.navbar .uk-navbar-nav-subtitle>div{
	margin-top: 5px;
}
.nav-sticky{
	background-color:#122c5d;
	padding:10px 0;
}
.nav-sticky:before,.nav-sticky:after{
    height: 90px;
}
.uk-navbar-toggle{
	float:none;
}
.font-size-small
{
    font-size:small !important;
}
.navbar ul>li>ul{
    position: absolute;
    width: 200px;
    text-align: center;
	z-index: 30;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	display: block;
	padding-top: 25px;
}
.navbar ul>li:hover>ul{
	opacity: 1;
	visibility: visible;
}
.navbar ul>li>ul>li{
	padding:20px;
	background: #6d6d6d90;
}
.navbar ul>li>ul>li:first-child{
	border-top: solid white thick;
}
.navbar ul>li.parent:after{
	content: "\f107";
    font-family: FontAwesome;
    right: 50%;
    position: absolute;
    margin-right: -5px;
}
.navbar ul>li>ul li.parent:after{
	content: "\f104";
    font-family: FontAwesome;
	right: 90%;
    position: absolute;
}
.navbar ul>li>ul>li>ul{
	top: 0;
    right: 100%;
    width: inherit;
}
.uk-navbar-nav-subtitle div{
	font-size: medium;
}
.navbar .nav-tools{
    position: absolute;
    left: 5%;
    top: 20%;
	color: white;
	z-index: 10;
}
.navbar .nav-tools .search-input{
	position: absolute;
    width: 300px;
    left: 0;
    background: #122c5d;
    padding: 20px;
	margin-top: 10px;
	display: none;
}

	

.uk-slidenav-position .uk-slidenav-previous{
	left:20px !important;
    right:auto !important;
}
.uk-slidenav-position .uk-slidenav-next{
    left:auto !important;
    right:20px !important ;
}





#product-slideset-filter{
	font-size: xx-large;
}
#product-slideset-filter > li{
	padding: 0 20px;
	border-right: 1px solid #ddd;
}
#product-slideset-filter > li:last-child{
	border-left: 1px solid #ddd;
}
#product-slideset-filter > * > *{
	color: #777;
}
#product-slideset-filter > .uk-active > * {
    color: #0077dd;
}





.sky{
	background:url(../img/mountains.jpg);
	position: relative;
	overflow: hidden;
	/*background-size:cover;*/
	background-position:0 -200px;
	z-index:5;
}
.sky:after{
	content:"";
	position:absolute;
	background:url(../img/divider.png);
	height:82px;
	width:100%;
	bottom: -5px;
}





#product-slideset > li{
	margin-bottom:20px;
}

#cow-scroll-spy{
	right: 50%;
    position: fixed;
    margin-right: -50%;
	width: 100%;
	margin-top: -35%;
}






.product-section-2{
	position: relative;
	background: #55bed8;
	background-size:contain;
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:600px;
	overflow:hidden;
	padding-top:56px;
}
.product-section-2:before{
	content: "";
    position: absolute;
    background: url(../img/divider_cleaner.png);
    height: 56px;
    background-repeat: repeat-x;
    width: 100%;
    top: 0;
    z-index: 2;
}
.product-section-2:after{
	content:"";
	position:absolute;
	background: url(../img/divider_2.png);
	height:82px;
	width:100%;
	bottom: -5px;
}







.ad-yoghurt{
	position: absolute;
    height: auto;
    width: 30%;
    right: 20px;
    margin-top: -10%;
    z-index: 2;
    max-width: 441px;
}






.section-3{
	position: relative;
	padding:10% 10%;
	overflow:hidden;
}
.section-3 .doogh{
	position: absolute;
    bottom: -25%;
}
.section-3 .new-product-description, .section-3 .new-product{
	padding: 15px;
	background-color: white;
}



.footer, .footer-2{
    min-height: 140px;
    padding:30px 0;
    background-image: url(../img/footer_bg.jpg);
    background-position: -300px bottom;
    background-color: #7aa355;
    background-repeat: repeat-x;
    position:relative;
}

.footer, .footer-2{
	min-height: 140px;
	padding:30px 0;
    background-image: url(../img/footer_bg.jpg);
    background-position: -300px bottom;
    background-color: #7aa355;
    background-repeat: repeat-x;
	position:relative;
}
.footer-3{
    min-height: 140px;
    padding: 30px 0;
    background-image: url(../img/footer_bg.jpg);
    background-position: -300px bottom;
    background-color: #122c5d;
    background-repeat: repeat-x;
    position: relative;
    background-image: linear-gradient(#122c5d,#ffffff);
}

.footer:before{
	content: "";
    position: absolute;
    background: url(../img/footer_divider.png);
    height: 29px;
    width: 100%;
	top:0;
    margin-top: -25px;
    z-index: 2;
}
.footer h2,.footer-2 h2{
	padding: 0;
	margin: 0;
	color: white;
	font-size: xx-large;
} 
.footer p,.footer-2 p{
	color: white;
	word-spacing: 10px;
} 
.footer-2:before{
	content: "";
    position: absolute;
    background: url(../img/cut-Down.png);
    height: 41px;
    width: 100%;
	top:0;
    margin-top: -5px;
    z-index: 2;
}
.footer-3:before{
    content: "";
    position: absolute;
    background: url(../img/cut-Down.png);
    height: 41px;
    width: 100%;
    top: 0;
    margin-top: -5px;
    z-index: 2;
}
.footer-3:after{
    content: "";
    position: absolute;

    height: 10px;
    width: 100%;
    bottom: 0;
    margin-bottom: -5px;
    z-index: 2;
}
.footer-2.footer-3:before{
    content: "";
    position: absolute;
    background: url(../img/footer_divider.png);
    height: 29px;
    width: 100%;
    top:0;
    margin-top: -25px;
    z-index: 2;
}
.footer-2 > div > div > div:first-child {
	text-align: justify;
}
.footer-2 > div > div > div:nth-child(2) {
	text-align: left;
}
.footer-2 > div > div > div:nth-child(2) ul {
	justify-content: flex-end;
}
.divider-grey:before {
	content: "";
    position: absolute;
    background: url(../img/cut-Down-grey.png)!important;
    height: 41px;
    width: 100%;
	top:0;
    margin-top: -5px;
    z-index: 2;
}




.sky-2{
	background:url(../img/top.jpg);
	position: relative;
	overflow: hidden;
	background-size:cover;
	z-index:5;
}

.product-sub-header{
	color: white;
    padding: 20px 0 100px 0;
    font-size: 4vw;
	text-shadow: 0px 5px black;
	font-family: SwissraArabic;
}

.product-sub-section-2{
	position: relative;
	overflow:hidden;
	padding:100px 0;
}
.product-sub-section-2:after{
	content: "";
    position: absolute;
    background: url(../img/cut-Down-2.png);
    height: 56px;
    background-repeat: repeat-x;
    width: 100%;
    top: -5px;
}
.product-sub-section-2 > .yellow-bg{
	position: absolute;
	width:50%;
	height:100%;
	background:#ffbf24;
    top: 0;
    right: 50%;
}
.product-sub-section-2 h2{
	font-size: xx-large;
	color:#0b7eff;
}
.product-sub-section-2 p{
	text-align: justify;
}
.product-sub-section-2 .product-attr{
    margin: 0 0 30px 0;
}
.product-sub-section-2 .product-attr ul{
    display: flex;
    padding: 0;
    align-items: center;
    text-decoration: none;
    margin: auto;
}
.product-sub-section-2 .product-attr li{
	float:right;
	width: 25%;
	margin: 0 20px;
	border: thin solid gray;
	border-radius: 5px;
	list-style:none;
	position:relative;
}
.product-sub-section-2 .product-attr h4{
    background: #dedede;
    padding: 15px 20% 15px 0;
    margin: 0;
    border-bottom: thin solid grey;
    border-radius: 5px;
}
.product-sub-section-2 .product-attr h5{
    padding: 5px 0;
    margin: 0;
}
.product-sub-section-2 .product-attr .energy h4:after{
	content: "";
    position: absolute;
    background: url(../img/icon_1.png);
    height: 40%;
    width: 35%;
    top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    right: 5%;
    z-index: 0;
}
.product-sub-section-2 .product-attr .fat h4:after{
	content: "";
    position: absolute;
    background: url(../img/icon_2.png);
    height: 40%;
    width: 30%;
    top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    right: 5%;
    z-index: 0;
}
.product-sub-section-2 .product-attr .amount h4:after{
	content: "";
    position: absolute;
    background: url(../img/icon_3.png);
    height: 40%;
    width: 33%;
    top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    right: 5%;
    z-index: 0;
}
.product-sub-section-2 .product-attr .durability h4{
	font-size: small;
}
.product-sub-section-2 .product-attr .durability h4:after{
	content: "";
    position: absolute;
    background: url(../img/icon_4.png);
    height: 40%;
    width: 25%;
    top: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    right: 5%;
    z-index: 0;
}




.product-slider-section-3{
	background:#d5d5d5;
	padding: 100px 0;
	position:relative;
}
.product-slider-section-3:before{
	content:"";
	position:absolute;
	background: url(../img/Shadow.png);
	height:60px;
	width:100%;
	top: 0;
	background-repeat: no-repeat;
    background-position: center;
}



.rotating-slider ul.slides li {
	background:transparent;
}
.rotating-slider div {
	/*background: #ffffff80;*/
	background: #80b4d2;
	border: medium solid white;
    border-radius: 50%;
    height: 30%;
    width: 75%;
    margin: auto;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	overflow: hidden;
}
.rotating-slider ul.slides div:hover{
	height: 35%;
    width: 85%;
	background-color: #122c5d;
}
.rotating-slider ul.slides div img{
	height: 80%;
	margin-top: 10%;
}
.rotating-slider ul.slides:before {
	content: "";
    position: absolute;
    height: 90%;
    width: 90%;
    border-radius: inherit;
    border: medium solid white;
    right: 5%;
    top: 5%;
}
.index-slider-nav {
    text-align: center;
    margin-top: -250px;
    position: relative;
    z-index: 10;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}
.index-slider-nav a{
	color: white !important;
}
.index-slider-nav a:hover{
	color: #4CAF50 !important;
}
.index-slider-nav > h2 > a{
	color: #2E7D32 !important;
	text-decoration: none;
}
.index-slider-nav > h2 > a:hover {
	color: #4CAF50 !important;
}





.header-index{
	background:#0069a5;
	padding-bottom:100px;
	background-image: url(../img/Sky.png);
	background-position:center 95%;
    background-repeat: no-repeat;
	background-size: contain;
}
.header-index>.uk-container{
	margin: 50px auto 250px auto;
	width: 80%;
}
.index-header-text{
	padding: 50px;
	border: thin white solid;
	z-index: 10;
}
.index-header-poneh{
	right: 35%;
	margin-top: 10%;
	z-index: 9;
}
.index-header-dogh{
	/*right: 50%;*/
	/*margin-right: -188px;*/
	width: 100%;
	margin-top: -10%;
	z-index: 11;
}
.index-header-dogh-bg{
	right: 50%;
	margin-right: -350px;
	margin-top: -20%;
	z-index: 7;
}
.index-header-splash-1{
	right: 50%;
	margin-top: -10%;
	z-index: 12;
}
.index-header-splash-2{
	right: -20%;
	margin-top: -10%;
	z-index: 8;
}

.index-section-2{
	position: relative;
	background-color: #588523;
}
.index-section-2:after{
	content:"";
	position:absolute;
	background: linear-gradient(#588523, white);
	height:315px;
	width:100%;
	bottom: 0;
}
.index-section-2>div:first-child:before{
	content:"";
	position:absolute;
	background: url(../img/koh.png);
	height:315px;
	width:100%;
	top: -220px;
	background-repeat: no-repeat;
	background-size:cover;
}
.index-section-2>div:first-child>div:first-child{
	content:"";
	position:absolute;
	background: url(../img/Dasht.png);
	background-repeat: no-repeat;
	top: -50px;
	height: 850px;
	width: 100%;
	background-size:cover;
}
.index-section-2>div:nth-child(2){
	padding: 100px 0;
	z-index: 10;
    position: relative;
	min-height: 600px;
	width: 70%;
	margin: auto;
}





.index-section-3{
	background: url(../img/wood.jpg);
	position: relative;
	padding: 100px 0;
}
.index-section-3:before{
	content:"";
	position:absolute;
	background: url(../img/cut-Down.png);
	height:40px;
	width:100%;
	top: -5px;
}
.index-cooking-showcase .uk-slidenav-position .uk-slidenav-previous {
    right: -80px !important;
    display: block;
}
.index-cooking-showcase .uk-slidenav-position .uk-slidenav-previous:before , .index-image-showcase .uk-slidenav-position .uk-slidenav-previous:before{
	content:"";
	width: 39px;
	height: 89px;
	position: absolute;
	background-image: url(../img/small-arow-right.png);
}
.index-cooking-showcase .uk-slidenav-position .uk-slidenav-next {
    left: -80px !important;
    display: block;
    right: 100% !important;
}
.index-cooking-showcase .uk-slidenav-position .uk-slidenav-next:before , .index-image-showcase .uk-slidenav-position .uk-slidenav-next:before{
	content:"";
	width: 39px;
	height: 89px;
	position: absolute;
	background-image: url(../img/small-arow-Left.png);
}
.index-cooking-showcase .uk-slideset{
	margin-bottom: 75px;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div{
	overflow: hidden;
    width: 100%;
    position: relative;
    margin: 15px;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div:after{
	content:"";
    width: 100%;
    position: absolute;
    height:0;
	background-color: white;
	bottom: 0;
    right: 0;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div:hover:after{
    height:100px;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div>img{
	border: 0;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
	min-height: 100%;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div:hover>img{
	top: -5%;
    -webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div>div{
	margin: 30px;
    border: thin white solid;
    z-index: 10;
	position: relative;
    color: white !important;
	padding: 90px 0;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div>div>h2{
	top: 45%;
	width: 100%;
	position: absolute;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div:hover>div>h2{
	top: 80%;
    position: absolute;
    color: #444444 !important;
    width: 100%;
}
.index-cooking-showcase .uk-slideset li.bottem-white>a>div>div *{
    color: white !important;
}






.index-cooking-showcase .uk-slideset li.gallery>a>div{
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 15px;
}
.index-cooking-showcase .uk-slideset li.gallery>a>div>div:hover{
    border: thin #FFC107 solid!important;
    color: #FFC107!important;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
}

.index-cooking-showcase .uk-slideset li.gallery>a>div:hover:after{
    height:100px;
}
.index-cooking-showcase .uk-slideset li.gallery>a>div>img{
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.index-cooking-showcase .uk-slideset li.gallery>a>div:hover>img{
    top: -5%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.index-cooking-showcase .uk-slideset li.gallery>a>div>div{
    margin: 30px;
    border: thin white solid;
    z-index: 10;
    position: relative;
    color: white !important;
    padding: 90px 0;
}
.index-cooking-showcase .uk-slideset li.gallery>a>div>div>h2{
    top: 45%;
    width: 100%;
    position: absolute;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.index-cooking-showcase .uk-slideset li.gallery>a>div>div *{
    color: white !important;
}








.index-news-slider .uk-slidenav-previous {
    right: -60px !important;

    display: block;

    left: 100% !important;
}
.index-news-slider .uk-slidenav-previous:before {
	content:"";
	width: 39px;
	height: 89px;
	position: absolute;
	background-image: url(../img/small-arow-right.png);
}
.index-news-slider .uk-slidenav-next {
    left: -100px !important;

    display: block;
}
.index-news-slider .uk-slidenav-next:before {
	content:"";
	width: 39px;
	height: 89px;
	position: absolute;
	background-image: url(../img/small-arow-Left.png);
}
.index-news-slider li{
	padding: 0 25px;
}
.index-news-slider li a{
	position: relative
}
.index-news-slider li a:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 250px;
}
.index-news-slider li a img{
	border: 30px solid transparent;
    /*border-image: url(../img/frame.png) 30 stretch;*/
    border: 2px solid #ffffff;
}


.index-parallax-tree{
	position:absolute;
	z-index: 10;
	right: 0;
	max-width: 40vw;
}

.index-parallax-spoon{
	position:absolute;
	z-index: 10;
	left: 0;
	margin-top: -120px;
	max-width: 25vw;
}

.index-image-showcase .uk-slidenav-previous {
    right: -80px;
}
.index-image-showcase .uk-slidenav-previous:before {
	content:"";
	width: 39px;
	height: 89px;
	position: absolute;
	background-image: url(../img/small-arow-right.png);
}
.index-image-showcase .uk-slidenav-next {
    left: -50px;
}
.index-image-showcase .uk-slidenav-next:before {
	content:"";
	width: 39px;
	height: 89px;
	position: absolute;
	background-image: url(../img/small-arow-Left.png);
}


.rotating-slider ul.direction-controls li.left-arrow{
	z-index: 11;
	left: 100%;
	right: auto;
}
.rotating-slider ul.direction-controls li.left-arrow button{
	background-image: url(../img/felesh2.png);
    height: 39px;
    width: 168px;
    background-color: transparent;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	outline: none;
}
.rotating-slider ul.direction-controls li.left-arrow button:hover{
	transform: scale(1.2);
}
.rotating-slider ul.direction-controls li.right-arrow{
	z-index: 11;
	right: 100%;
	left: auto;
}
.rotating-slider ul.direction-controls li.right-arrow button{
	background-image: url(../img/felesh1.png);
    height: 39px;
    width: 168px;
    background-color: transparent;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	outline: none;
}
.rotating-slider ul.direction-controls li.right-arrow button:hover{
	transform: scale(1.2);
}










.simple-header{
	background:#55bed8;
	position: relative;
	padding-bottom: 30px;
	z-index:5;
}
.simple-header:after{
	content:"";
	position:absolute;
	background:url(../img/cut-top.png);
	height:79px;
	width:100%;
	bottom: -5px;
}
.simple-header div:nth-child(2){
	position: relative;
}
.simple-header .sub-header{
	color: white;
	font-family: SwissraArabic, IRANSans;
}
.simple-header-image{
	position: absolute;
    left: 0;
    margin-top: -7%;
    z-index: 6;
    max-width: 25%;
}



.cooking-filter .uk-form input[type="radio"],.cooking-filter .uk-form input[type="checkbox"] {
	float: left;
}
.cooking-filter .uk-form label {
	cursor: pointer;
}
.cooking-filter .uk-accordion-title{
	margin: 0;
    border: none;
	border-radius: 0;
}
.cooking-filter .uk-accordion-title i{
	float: left;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.cooking-filter .uk-accordion-title.uk-active i{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.cooking-filter .uk-accordion-content{
	height: auto;
    position: relative;
    background: whitesmoke;
	padding: 15px;
}

.cooking-results figure{
	height: 240px;
	overflow: hidden;
    background: whitesmoke;
}
.cooking-results figure img{
	height: 60%;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.cooking-results figure:hover img{
	transform: scale(1.2)rotate(5deg);
    margin-top: -10px;
    margin-bottom: 10px;
}
.cooking-results figure>p{
    margin: 0;
    padding: 15px 5px 10px 5px;
}
.cooking-results figure>p>a.title{
    margin: 0;
    padding: 15px 5px 10px 5px!important;
    color :#444444;
}
.cooking-results figure .tool{
	padding: 0 10px;
    margin-bottom: 10px;
    text-align: left;
}
.btn-show-recipe{
	padding: 2px 10px;
    border: thin solid #2196F3;
    color: #2196F3;
    background: white;
    border-radius: 20px;
	text-decoration: none;
}
.btn-show-like{
	padding: 2px 10px;
    border: thin solid #F44336;
    color: #F44336;
    background: white;
    border-radius: 20px;
    text-decoration: none;
}




.cook-timing img {
	height:20px;
	width:20px;
}
.cook-timing .time{
	color: #e0b600;
}

.cooking-requirements .sub-title h3,.cooking-instructions .sub-title h3{
	position:relative;
	overflow: hidden;
	color: #8bc53f;
}
.cooking-requirements .sub-title h3:before,.cooking-instructions .sub-title h3:before{
	content:"";
	position:absolute;
	height:20%;
	width:120%;
	top: 30%;
	right: -10%;
	border: dotted 2px #929492;
}
.cooking-requirements .sub-title h3>span,.cooking-instructions .sub-title h3>span{
	background: white;
	position: relative;
    padding: 0 10px;
}
.cooking-requirements .icon{
	margin: 0 0 10px 10px;
}
.cooking-requirements div{
	margin-bottom: 10px;
}
.cooking-instructions p{
	text-align: justify;
}
.cooking-instructions .part-number{
	margin: 20px 0;
}
.cooking-instructions .part-number p{
	color: white;
	font-size: xx-large;
	padding: 20px 0;
}
.cooking-instructions .part-number span{
	background: #e0b600;
	padding: 10px;
}






.cooking-similar figure{
	background-color: whitesmoke;
}
.cooking-similar figure img{
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.cooking-similar figure:hover img{
	transform: scale(1.2);
}
.cooking-similar figure .tool{
	padding: 0 10px;
    margin-bottom: 10px;
    text-align: left;
}

.cooking-similar .most-viewed-title h3{
	position:relative;
	overflow: hidden;
}
.cooking-similar .most-viewed-title h3:before{
	content:"";
	position:absolute;
	height:20%;
	width:120%;
	top: 30%;
	right: -10%;
	border: dotted 2px #929492;
}
.cooking-similar .most-viewed-title h3>span{
	background: white;
	position: relative;
    padding: 0 10px;
}








.about-us-header{
	border-radius: 20px;
}
.about-us-header-h1{
	color: #55bed8;
}
#about_scene{
	background: #00a3ed;
	position:relative;
	overflow: hidden;
	padding: 50px 0;
}
#about_scene .circle_01{
	background: #12b5ff;
	height: 150px;
	width: 150px;
	position:absolute;
	border-radius: 50%;
}
#about_scene .circle_02{
	background: #12b5ff;
	height: 75px;
	width: 75px;
	position:absolute;
	border-radius: 50%;
}
#about_scene .circle_03{
	background: #0097ed;
	height: 50px;
	width: 50px;
	position:absolute;
	border-radius: 50%;
}
#about_scene .circle_04{
	background: #0097ed;
	height: 100px;
	width: 100px;
	position:absolute;
	border-radius: 50%;
}
#about_scene .uk-grid{
	position: relative !important;
	margin-top: -10%;
}
#about_scene .uk-grid ul li{
	color: white;
	margin: 10px 0;
	margin: 20px 0;
    font-size: large;
}
#about_scene div div:nth-child(2){
	direction: ltr;
}
@-moz-document url-prefix() {
    #about_scene div div:nth-child(2){
		padding-left: 30px;
	}
}
.about-middle{
	position: relative;
	margin: 150px 0 50px 0 ;
}
.about-middle-image{
	position: absolute;
	right: 50%;
	margin-right: -249px;
	margin-top: -40%;
}


.about-links{
	border: #d0d0d0 thin solid;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.about-links img{
	border-radius: 10px;
}
.about-links:hover{
	box-shadow: 0px 0px 15px 0px #bbbbbb;
	transform: scale(1.1);
}



.uk-breadcrumb{
	line-height: 2;
}
.uk-breadcrumb .uk-active{
	color: #888888;
}
.recipe-filter{
	margin-top: -50px;
}


.post-info div{
	border-left: solid thin #69c6dd;
	border-right: solid thin #69c6dd;
	float: left;
	padding: 0 10px;
}
.post-info div p{
	margin: 0;
}
.post-info div:last-child{
	border-left: none;
}


.post-hr{
	text-align: center;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 30px 0;
}
.post-hr:before{
	content:"";
	position:absolute;
	height:20%;
	width:120%;
	top: 50%;
	right: -10%;
	border-top: solid 1px #69c6dd;
}
.post-hr > h3{
	display: initial;
	background: white;
	position: relative;
    padding: 0 10px;
	color: #69c6dd;
}






.news-container>div{
	position: relative;
}
.news-container>div>figure{
	border-radius: 20px;
	    margin-bottom: 5px!important;
}
.news-container>div a{
	text-decoration: none;
}
.news-container>div h2{
	font-weight: bold;
	color: #00a8e6;
}
.news-container .news-date{
	position: absolute;
	background:white;
	top: 35%;
	padding: 15px;
}
.news-container .news-date p{
	margin: 0;
	text-align: center;
}







.contact-section-2{
	position: relative;
	background-image: url(../img/Spwlash.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 150px;
}
.contact-title{
	color: #6ab602;
	border-left: thick #6ab602 solid;
	direction: ltr;
}
.contact-title h3, .contact-form h3{
	color: #6ab602;
	margin-left: 5px;
	font-size: large;
	font-weight: bold;
}
.contact-form{
	color: #6ab602;
	border-left: thick #6ab602 solid;
	padding: 0 15px;
}
.contact-customer h3{
	color: #6ab602;
	margin: 0;
}
.contact-customer h4,.contact-customer p{
	margin: 0;
}
.contact-customer .tell{
	 font-size: xx-large;
	 font-weight: bold;
	 color: #6ab602;
}







.index-section-title {
	display: inline-block;
    background-color: #b00003c7;
    border-radius: 10px;
    position: absolute;
    left: -20%;
    top: 50%;
    margin-top: -17%;
    width: 75px;
    height: 300px;
    vertical-align: middle;
}
.index-section-title span{
	transform: rotate(-90deg);
    display: block;
    color: white;
    font-size: xx-large;
    top: 50%;
    position: relative;
}  


.index-image-showcase .index-section-title{
	display: inline-block;
    background-color: #b00003c7;
    border-radius: 10px;
    position: absolute;
    left: -5%;
    top: 50%;
    margin-top: -17%;
    width: 75px;
    height: 300px;
    vertical-align: middle;
}
.index-image-showcase .index-section-title span{
	transform: rotate(-90deg);
    display: block;
    color: white;
    font-size: xx-large;
    top: 30%;
    position: relative;
	white-space: nowrap;
}  








.uk-animation-1 {  
    -webkit-animation-duration: 1s;  
    animation-duration: 1s  
}








.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #2196F3;
}
.uk-offcanvas-bar {
    background: #003763;
}
.uk-offcanvas-bar:after {
    background: rgb(0, 142, 255);
    box-shadow: 0 0 5px 2px rgb(42, 107, 158);
}


@media (max-width: 1220px){
	#cow-scroll-spy{
		right: 50%;
		position: fixed;
		margin-right: -50%;
		width: 100%;
		margin-top: -25%;
	}
	.product-section-2{
		position: relative;
		background: #55bed8;
		background-size:contain;
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:500px;
		overflow:hidden;
		padding-top:56px;
	}
	.about-middle-image {
		position: absolute;
		right: 50%;
		margin-right: -20%;
		margin-top: -42%;
		width: 40%;
	}
}


@media (max-width: 1000px){
	#cow-scroll-spy{
		right: 50%;
		position: fixed;
		margin-right: -50%;
		width: 100%;
		margin-top: -10%;
	}
	.product-section-2{
		position: relative;
		background: #55bed8;
		background-size:contain;
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:400px;
		overflow:hidden;
		padding-top:56px;
	}
	.about-middle-image {
		position: absolute;
		right: 50%;
		margin-right: -20%;
		margin-top: -40%;
		width: 40%;
	}
	.index-news-slider li a img{
		border: 20px solid transparent;
		border-image: url(../img/frame.png) 30 stretch;
	}
}


@media (max-width: 768px){
	#cow-scroll-spy{
		right: 50%;
		position: fixed;
		margin-right: -50%;
		width: 100%;
		margin-top: -8%;
	}
	.product-section-2{
		position: relative;
		background: #55bed8;
		background-size:contain;
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:250px;
		overflow:hidden;
		padding-top:56px;
	}
	
	.product-sub-section-2 h2 {
		text-align: center;
	}
	.product-sub-section-2 .product-attr{
		display: grid;
	}
	.product-sub-section-2 .product-attr ul {
		display: block;
		padding: 0 30px 0 0;
	}
	.product-sub-section-2 .product-attr li {
	    float: right;
		width: 30%;
		margin: 10px 20px;
		border: thin solid gray;
		border-radius: 5px;
		list-style: none;
		position: relative;
	}
	.about-middle-image {
		position: absolute;
		right: 50%;
		margin-right: -20px;
		margin-top: -125px;
		top: 9%;
		width: 50%;
	}
	.simple-header-image {
		position: absolute;
		left: 0;
		margin-top: -7%;
		z-index: 6;
		max-width: 30%;
	}
	
	.navbar:after, .navbar:before {
		width: 120px;
	}
	.footer-2 > div > div > div:nth-child(2) {
		text-align: center;
	}
	.footer-2 > div > div > div:nth-child(2) ul {
		justify-content: center;
	}
	.contact-title {
		border-left: 0;
		border-bottom: thick #6ab602 solid;
		margin-bottom: 15px;
		text-align: center;
		margin-right: 10px;
	}
	.contact-form {
		border-left: 0;
		border-top: thick #6ab602 solid;
		padding: 0 15px;
		margin-right: 10px;
		padding-top: 10px;
	}
	.contact-customer .tell, .contact-customer {
		margin-top: 30px;
	}
	.contact-customer .tell img {
		display: block;
		margin: 15px auto;
	}
	.cooking-results figure {
		height: auto;
	}
	.cooking-results figure img {
		height: auto;
	}
	.recipe-filter{
		margin-top: 0;
	}
	.product-sub-header {
		font-size: 25vw;
	}
	.index-cooking-showcase .uk-slidenav-position .uk-slidenav-next {
		left: -50px;
		display: block;
	}
	.index-cooking-showcase .uk-slidenav-position .uk-slidenav-previous {
		right: -55px;
		display: block;
	}
	.index-news-slider .uk-slidenav-next {
		left: -75px;
		display: block;
	}
	.index-news-slider .uk-slidenav-previous {
		right: -35px;
		display: block;
	}
	.rotating-slider ul.direction-controls li.left-arrow button {
		width: 90px;
		background-size: contain;
		height: 55px;
		background-repeat: no-repeat;
		margin-left: -50px;
	}
	.rotating-slider ul.direction-controls li.right-arrow button {
		width: 90px;
		background-size: contain;
		height: 55px;
		background-repeat: no-repeat;
		margin-right: -50px;
	}
	.index-cooking-showcase ul{
		overflow: hidden;
	}
	.index-slider-nav {
		width: 95%;
	}
	.index-image-showcase .uk-slidenav-next {
		left: 0px;
	}
	.index-image-showcase .uk-slidenav-previous {
		right: -30px;
	}
	
	.index-news-slider li a img{
		border: 10px solid transparent;
		border-image: url(../img/frame.png) 30 stretch;
	}
}

.overflow-hide{
       overflow-x: hidden;
       width:100%;
}


/*NEW CSS ADD*/
#footer a{
    color: #fff;

}
.direction-ltr{
    direction: ltr!important;
}

.pagination {
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: -12px;
    flex-wrap: wrap;
    margin-top: 35px;
}

.pagination .page-item {
    margin-left: 12px;
    margin-top: 12px;
}

.pagination .page-item:last-child {
    margin-left: 0;
}

.pagination .page-item .page-link {
    border: none;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: #F4F4F4;
    border-radius: 6px;
    color: #999999;
}

.pagination .page-item.active .page-link {
    background: #444444;
    color: #ffffff;
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    background: none;
    font-size: 0;
    content: url(../images/paginator-pointer.png);
}

.pagination .page-item:first-child .page-link {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}