@charset "utf-8";
/*----------intial declartaion of css----------*/
* {padding:0; margin:0; list-style:none;}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0;	outline: 0; font-size: 100%;}

html {-webkit-text-size-adjust: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{ text-decoration:none; -moz-transition: all 0.3s;   -webkit-transition: all 0.3s;   transition: all 0.3s; }
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table {	border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img	{ border:0 none; max-width:100%; }
a	{ outline:none; cursor:pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}
img{ max-width:100%;}
/* For modern browsers */
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.cf{*zoom:1;}
/* For IE 6/7 (trigger hasLayout) */
h1, h2, h3, h4, h5, h6 { font-family: 'Oleo Script', cursive; font-weight:normal; }

p{ font-size:18px; line-height:1.2; padding-bottom:25px; color:#000; font-family: 'DINPro'; font-weight:500; }
h1{ font-size:70px; margin-bottom:20px; }
h2{ font-size:45px; margin-bottom:20px; }
h3{ font-size:38px; margin-bottom:20px; }
h4{ font-size:16px; margin-bottom:20px; }
h5{ font-size:12px; margin-bottom:20px; }
h6 {}

.common-sec ul { padding:0 0 20px 25px; }
.common-sec li { font-family: 'DINPro'; font-size:18px; line-height:1.2; padding:0 0 10px 0; list-style:disc; }
body {margin: 0; padding: 0; font-family: 'Oleo Script', cursive; font-size:14px; color:#101113; }
.full-sec .container-full { padding:0; }

.cus-btn { padding:8px 11px 8px 11px; font-size:17px; line-height:1.2; font-family: 'DINPro'; font-weight:bold; text-transform:uppercase; display:inline-block; vertical-align:middle;  }
.orange-btn { background-color: #d36827; color:#fff; }
.orange-btn:hover { background-color: #dd8c27; color:#fff; text-decoration:none; }

::placeholder {  opacity: 1; }
:-ms-input-placeholder { opacity:1; }
::-ms-input-placeholder { opacity:1; }

.stickHeader header { position: fixed; top: 0; left: 0; right: 0; -webkit-animation: slideToStick 0.7s backwards; animation: slideToStick 0.7s backwards; z-index: 3; background-color: #fff; -webkit-box-shadow: 0 7px 13px 0 rgba(16, 17, 19,0.2); -moz-box-shadow: 0 7px 13px 0 rgba(16, 17, 19,0.2); box-shadow: 0 7px 13px 0 rgba(16, 17, 19,0.2); }
.stickHeader header .logo img { width:100px; }
.stickHeader header nav ul li { margin-right:50px; }
.stickHeader header nav ul li:last-child { margin-right:0; }
.stickHeader header nav ul li a { font-size:14px; }
@-webkit-keyframes slideToStick {
    0% {
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@keyframes slideToStick {
    0% {
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

/*-----------------------main styles starts here-----------------------------------------------*/


/*-----------header section styles goes here---------------*/
header { position:relative; padding:25px 0 0 0; }
header .logo { text-align:center; }
nav.bg-light { background-color:transparent!important; text-align:center; padding:18px 0 0 0; }
nav ul li  { margin-right:40px; display:inline-block; vertical-align:middle; }
nav ul li:last-child  { margin-right:0; }
nav ul li a { font-size:15px; line-height:1.2; color:#101113; font-family: 'DINPro';font-weight:bold; text-transform:uppercase; padding:0 0 15px 0; display: inline-block; vertical-align:middle; }
nav ul li a:hover { color:#d36827; text-decoration:none; }
nav ul li.current_page_item a { color:#d36827; }
.nav.bg-light ul.navbar-nav { width:100%; }
.navbar-collapse { justify-content: center; padding: 0 0 0 190px; }
.stickHeader .navbar-collapse { padding:0; }
.search-social { padding:18px 0 0 0; text-align: right; }
.search-social ul:first-child {  margin-right:7px; }
.search-social ul { display:inline-block; vertical-align:middle; padding:0;  }
.search-social ul li { display:inline-block; vertical-align:middle; margin-right:7px; }
.navbar-toggler:focus { outline:none; }

header .header-search { opacity: 0; position: absolute; left: 0; width: 100%; top: 100%; z-index: 2; visibility: hidden; background-color: #d36827; padding: 10px 0; transition: 0.3s all ease-in-out; }
header .header-search.search-form-active { opacity: 1; visibility: visible; }
.search-social ul li:last-child { margin-right:0; }
header .search-open { position:inherit; }
.header-search .search-form { max-width: 500px; margin: 0 auto; position: relative; padding:0 15px; }
.search-social ul li.search-form { position:inherit; }

.banner-img { height: 845px; background-repeat: no-repeat; background-size: cover; background-position:center center; position:relative; }
.banner-img.recipe-no-img { height: 350px; }
.banner-sec.inner-banner .banner-img { height:325px; }

.banner-sec .banner-text { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 100%; max-width: 610px; width: 100%; left: 200px; right: 0; }
.banner-sec.inner-banner .banner-text { padding:0; left:0; max-width:100%; }

.white .banner-text h2, .white .banner-text h3, .white .banner-text p { color:#fff; }
.banner-text h2 { font-size:70px; line-height:1.2; color:#101113; font-family: 'Oleo Script', cursive; font-weight:normal; margin-bottom:5px; }
.banner-text h3 { font-size:21px; line-height:1.2; color:#101113; font-family: 'DINPro';font-weight:bold; font-weight:500; }

.owl-controls { display: none; position:absolute; bottom:30px; left:0; right:0; width:100%; }
.owl-controls .owl-dots { display:inline-block; width:100%; text-align:center; }
.owl-controls .owl-dot { display:inline-block; vertical-align:middle; margin-right:15px; }
.owl-controls .owl-dot:last-child { margin-right:0; }
.owl-controls .owl-dot span { height:20px; width:20px; border:2px solid #fff; background-color:transparent; display:inline-block; vertical-align:middle; border-radius:50%;  }
.owl-controls .owl-dot.active span { background-color:#fff; }

.search-form  { position:relative; }
.search-form > .screen-reader-text { display:none; }
.search-form label { display:inline-block; vertical-align:middle; width:100%; }
.search-form input[type="search"] { padding:13px 40px 13px 15px; width:100%; border:0; font-size:23px; line-height:1.4; color:#9fa1a3; }
.search-form input[type="search"]::-webkit-input-placeholder { color: #9fa1a3;}
.search-form input[type="search"]:-ms-input-placeholder {color: #9fa1a3;}
.search-form input[type="search"]::-moz-placeholder {color: #9fa1a3;}
.search-form input[type="search"]:-moz-placeholder {color: #9fa1a3;}

.search-form .search-submit { position: absolute; right:25px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
 font-size: 0; background-image: url(../images/search-gray.svg); width: 21px; height: 21px; border: 0; background-color: transparent; background-position: center center;
background-repeat: no-repeat;}

/*-----------header section styles ends here----------------*/

/*-----------midd section styles goes here-----------*/
.images-sec a { width: 100%; height: 100%; position: absolute; z-index:1; }
.col-three-sec { position:relative; overflow:hidden; }
.col-three-list { overflow:hidden; }
.images-sec {padding-bottom:100%;background-repeat: no-repeat; width: 101%; background-size: cover; background-position: center center;  -moz-transition: all 0.3s;   -webkit-transition: all 0.3s;   transition: all 0.3s; }
.images-sec:hover { -moz-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1); }
.overlay { background-color: rgba(211,104,39,0.9); height:100%; width:100%; position:absolute; left:0; top:100%; -moz-transition: all 0.3s;   -webkit-transition: all 0.3s;   transition: all 0.3s; cursor:pointer; }
.images-sec:hover .overlay { top:0; }
.overlay-text { position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); right:0; text-align:center;  }
.overlay-text h2 { color:#fff; line-height:1.2; margin-bottom:0; }
.overlay-text h3 { color:#fff; line-height:1.2; margin-bottom:0; }
.overlay-text span { font-size:17px; line-height:1.2; font-family: 'DINPro';font-weight:500; text-transform:uppercase; color:#fff;margin: 11px 0 0; display: block;}

.join-social { position:relative; padding:35px 0;  }
.join-social ul li { display:inline-block; vertical-align:middle; margin-right:17px; }
.join-social ul li:last-child { margin-right:0; }
.join-social-text { text-align:center; }
.join-social-text h2 { text-align:center; color:#fff; }

.instagram-sec { position:relative; padding:72px 0; }
.instagram-sec ul { display: inline-block;  vertical-align: top; width: 39%; font-size: 0; }
.instagram-sec ul.instagram-right { display: inline-block;  vertical-align: top; width: 61%; font-size: 0; }
.instagram-sec ul.instagram-right li { display: inline-block;  vertical-align: top; width:33.33%; height: 100%; }
.insta-bg { padding-bottom: 100%; width: 100%; height: 100%; display: inline-block; background-size: cover; background-repeat: no-repeat;  }
.instagram-right .insta-bg { padding-bottom: 95.90%; width: 100%; height: 100%; display: inline-block; background-size: cover; background-repeat: no-repeat;  }
.instagram-right .insta-group, .instagram-right .video-insta { position:relative; }
.instagram-right .insta-group .insta-bg:before { background-image:url(../images/popup-icon.svg); background-repeat:no-repeat; background-position:top right; background-size:cover; content:""; position:absolute; top:20px; right:20px; width:23px; height:23px;  }
.instagram-right .video-insta .insta-bg:before { background-image:url(../images/video-play-icon.svg); background-repeat:no-repeat; background-position:center center; background-size:cover; content:""; position:absolute; top:50%; right:0; left:0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); left:50%; width:62px; height:62px;  }
.insta-group a{display:none;}
.insta-group a:first-child{display:block;}

.recipes-list-img a { position:absolute; width:100%; height:100%; left:0; top:0; }
.recipes-list-sec { position:relative; overflow:hidden; }
.recipes-list-img { padding-bottom:100%; background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center center;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.recipes-list-img:hover { -moz-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1); }
.recipes-list-img:hover .overlay { top:0; }
.overlay-text { position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); right:0; text-align:center;  }
.overlay-text h2 { font-size:38px; line-height:1.1; margin-bottom:0; color:#fff; }
.recipes-list { overflow:hidden; }

.video-sec { position:relative; overflow:hidden; /* padding:70px 0; */ }
.video-list-img { padding-bottom:56.25%; background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center center;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }
.video-list-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-list-img:hover { -moz-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1); }
.video-list-img:hover .overlay { top:0; }
.overlay-text { position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); right:0; text-align:center; padding: 0 15px; width: 90%; margin: 0 auto }
.video-sec .overlay-text h2 { font-size:38px; line-height:1.2; color:#fff; margin:15px 0 0 0; }
.video-list { overflow:hidden; }

.recipes-cat-list { padding:30px 0 20px; }
.recipes-cat-list ul { padding:0; text-align: center; }
.recipes-cat-list ul li { display:inline-block; vertical-align:middle; padding-right:10px; margin-right:10px; border-right:2px solid #808080;     margin-bottom: 10px; line-height:inherit; font-size:0; padding-bottom:0; }
.recipes-cat-list ul li:last-child {  padding-right:0; margin-right:0; border-right:0; }
.recipes-cat-list ul li a { font-size:12px; line-height:1.2; color:#808080; font-family: 'DINPro'; font-weight:bold; text-transform:uppercase; }
.recipes-cat-list ul li a:hover { color: #d36827; text-decoration:none; }
.recipes-cat-list ul li.active a { color: #d36827; }

.featured-image { padding-bottom:56.25%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
.featured-image span { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);  }

.addthis_inline_share_toolbox_6xgi { display: inline-block; vertical-align: middle; }

.breadcrumbs { padding:30px 0; }
.breadcrumbs span.breadcrumb-list:first-child { display:none; }
.breadcrumbs > span { padding:0 10px; text-transform:uppercase; font-size:12px; font-family: 'DINPro'; font-weight:500; line-height:1.2; color:#434243; text-transform:uppercase;
 text-transform:uppercase;  }
.breadcrumbs span a span { font-size:12px; font-family: 'DINPro'; font-weight:500; line-height:1.2; color:#808080; text-transform:uppercase; padding:0; text-transform:uppercase;  }

.post-single-content, .post-single-text { text-align:center; }
.post-single-text { padding:25px 0 0;  }
.post-single-text p {font-weight: normal;}
.post-print-share .print-recipe h6 ,.post-print-share .social-icons h6{font-weight: normal;}
.post-single-title h1 { color:#101113; }
.post-single-list { padding:5px 0; border-top:1px solid #dd8c27; border-bottom:1px solid #dd8c27; }
.post-single-list ul li { display:inline-block; vertical-align:middle; width:auto; padding:0 0.4% 0 0; width:33%; }
.post-single-list ul li img { margin:-4px 0 0 0; }
.post-single-list ul li:last-child { padding-right:0; }
.post-single-list ul { display:inline-block; vertical-align:middle; text-align:center; width:100%; padding:0; }
.post-single-list ul li h6 { font-size:20px; line-height:1.2; color:#101113; font-family: 'Oleo Script', cursive; font-weight:normal; }
.print-recipe { display:inline-block; vertical-align:middle; margin-right:25px;  }
.social-icons { display:inline-block; vertical-align:middle; }
.social-icons ul { display:inline-block; vertical-align:middle; }
.social-icons ul li { display:inline-block; vertical-align:middle; margin-right:8px; }
.print-recipe h6 { color:#101113; display:inline-block; vertical-align:middle; font-size:18px; line-height:1.2; font-family: 'DINPro'; font-weight:500; margin-left:5px; }
.print-recipe a { color:#101113; display:inline-block; vertical-align:middle; font-size:18px; line-height:1.2; font-family: 'DINPro';font-weight:500; margin-left:5px; }
.print-recipe a:hover { text-decoration:none; }
.print-recipe a:hover h6 { text-decoration:none; color:#dd8c27; }
.social-icons h6 { display:inline-block; vertical-align:middle; font-size:18px; line-height:1.2; font-family: 'DINPro';font-weight:500; margin:0 0 0 5px; }
.post-print-share { padding:0 0 35px 0; }

.recipe-instructions { padding:35px 0; }
.recipe-instructions h3 { font-size:25px; line-height:1.2; color:#fff; font-family: 'DINPro';font-weight:bold; text-transform:uppercase; }
.recipe-instructions ul li { font-size:15px; line-height:1.2; color:#fff; font-family: 'DINPro'; font-weight:normal; }
.recipe-instructions p { color:#fff; font-weight: normal;}

.nutrition-information-text { text-align:center; padding:35px 0 0; }
.nutrition-information-text h3 { font-family: 'DINPro'; font-weight:bold; font-size:18px; margin:0; }
.nutrition-information-text p {  font-family: 'DINPro';font-weight:normal; font-size:18px; }

.nutrition-daily-text { text-align:center; padding:0 0 35px 0; }
.nutrition-daily-text span {  font-family: 'DINPro';font-weight:normal; font-size:15px; display:block; }

.common-sec { padding:40px 0; }
.common-sec p { font-size:23px; line-height:1.2; color:#000000; font-weight:normal; }

.not-found { padding:40px; }
.not-found .not-found-text { text-align:center; }
.not-found .not-found-text .search-form { max-width:450px; margin:0 auto; width:100%; }
.not-found .not-found-text .search-form input[type="search"] { background-color:#101113; color:#101113; }
.not-found a { color:#101113; text-decoration:underline; font-weight:bold; text-transform:uppercase; }
.not-found a:hover { color:#d36827; }

.error404 .not-found .not-found-text .search-form input[type="search"]{background: #fff;border: 1px solid #101113;}

.navigation.pagination { display:block; width:100%; text-align:center; padding:30px 0; }
.nav-links span { font-family: 'DINPro';font-weight:normal; font-size:18px; padding:0 10px 0 0; }
.nav-links span span { padding:0; }
.nav-links a { padding:0 10px 0 0; font-family: 'DINPro'; font-weight:normal; font-size:18px; }
.nav-links a span { padding:0; }

.search-not-found { text-align:center; padding:30px 15px !important; }
.search-not-found .search-form { max-width:450px; margin:0 auto; width:100%; }
.search-not-found .search-form input[type="search"] { background-color:#101113; color:#fff; }
/*----------------midd section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/
footer .foo-menu { background-color:#d36827; padding:30px 0; }
.foo-menu-cont { text-align:center; padding:0; }
.foo-menu ul li { display:inline-block; vertical-align:middle; margin-right:90px; }
.foo-menu ul li:last-child { margin-right:0; }
.foo-menu ul li a { font-size:17px; line-height:1.2; color:#fff; font-family: 'DINPro'; font-weight:500; text-transform:uppercase; }
.foo-menu ul li a:hover { color:#dd8c27; text-decoration:none; }
.copyright-text p { font-size:12px; line-height:1.4; color:#808080; font-family: 'DINPro'; font-weight:500; text-transform:uppercase; padding-bottom:0; }
.copyright-text { padding:25px 0; max-width:400px; width:100%; margin:0 auto; text-align:center; }
.copyright-text p a { color:#808080; }
.copyright-text p a:hover { color:#d36827; text-decoration:none; }
/*----------------footer section styles ends here--------*/

.at-share-tbx-element .at-share-btn{margin-bottom:0 !important}

.addthis_inline_share_toolbox.addthis_tool {
    display: inline-block;
    vertical-align: middle;
}
.addthis_inline_share_toolbox.addthis_tool .at-style-responsive .at-share-btn { padding:1px; margin:0 5px 0 0; }


/*f-dev*/

button.mfp-close{cursor: pointer!important;width:auto !important;}

img.mfp-img{padding-top: 5px;margin-top: 35px;}

.stickHeader .navbar .navbar-nav{margin-left: 21%;}

/**/
/* ==============================================
				  Media/RD Page
   ============================================== */

.media-rd-page {
	padding-top: 70px;
	padding-bottom: 40px;
	position:relative;
}
.media-catagery ul {
	text-align:center;
	max-width: 780px;
	margin: 0 auto;
	margin-bottom:40px;
}
.media-catagery ul li {
	 font-family: 'DINPro'; font-weight:bold;
	 border-right: 2px solid #7a7a7a;
	 display: inline-block;
	 vertical-align: top;
	 padding: 0 8px;
	 line-height: 16px;
}
.media-catagery ul li:last-child {
	border: none;
}
.media-catagery ul li a {
	font-size: 16px;
	line-height: 16px;
	color: #7a7a7a;
	padding: 0;
	text-transform:uppercase;
	text-decoration:none;
}
.media-catagery ul li a:focus,
.media-catagery ul li a:hover,
.media-catagery ul li a.active {
	color: #db8b33;
}
.color-white h3,
.color-white h4,
.color-white a,
.color-white p,
.color-white li,
.color-white {
	color: #ffffff;
	font-family: 'DINPro'; font-weight:bold;
}
.category-list {
	padding: 15px 20px;
	margin-bottom:30px;
	min-height: 320px;
}
.category-list li {
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	background-color: #ffffff;
	padding: 1px 6px 3px 4px;
	color: #545454;
	position: relative;
	margin-left: 18px;
}

.category-list li:before {
	position: absolute;
    left: -13px;
    top: 0;
    height: 100%;
    width: 14px;
    content: ' ';
    background-image: url(../images/left-arrow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.category-list h4 {
	width: 100%;
	text-transform:uppercase;
}
.category-list ul {
	width: 100%;
}
.category-list h3 {
	width: 100%;
	font-size: 21px;
	line-height: 1.2;
	min-height: 120px;
	margin-bottom: 10px;
	text-transform:uppercase;
	letter-spacing: -0.5px;
}
.category-list {
	display: block;
}
.category-list:hover {
	text-decoration: none;
	-moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*.category-list:hover h3 {
	color: #101113;
}*/
.category-list h4 {
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.category-list h3 ,
.category-list:hover h3 {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.banner-sec.inner-banner .banner-img.media-details {
	text-align:center;
	min-height: 160px;
}

.media-pdf-section {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 20px;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
                  box-sizing: border-box;
}
.left-box {
	width: 65%;
	display:inline-block;
	vertical-align: top;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
                  box-sizing: border-box;
}
.right-box {
	width: 34%;
	display:inline-block;
	vertical-align: top;
	padding-left: 30px;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
                  box-sizing: border-box;
}
.left-box embed {
	width: 100%;
	height: 680px;
	-webkit-box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.3);
}

.right-box .btn a {
	color: #ffffff;
	background: #db5933;
	display: inline-block;
	vertical-align: middle;
	padding: 14px 25px 12px 21px;
	text-align: center;
	min-width: 184px;
	font-family: 'DINPro';
	font-weight:bold;
	font-size:19px;
	margin-bottom: 5px;
}
.right-box .btn{padding:0 0 0 12px;}
.right-box .btn a img {
	padding-right: 10px;
}
.right-box .btn a:hover {
	background: #dd8c27;
	text-decoration: none;
}
.tag-category {
	margin-left: 15px;
	margin-top: 24px;
}
.tag-category li {
	font-family: 'DINPro'; font-weight:bold;
	position: relative;
	background-color: #4f4f4f;
	font-size: 16px;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 3px 8px 5px 12px;
	letter-spacing:0.3px;
	color: #ffffff;
	margin-left: 14px;
	float:left;
	clear: left;
}
.tag-category li:before {
	position: absolute;
    left: -13px;
    top: 0;
    height: 100%;
    width: 14px;
    content: ' ';
    background-image: url(../images/gray-left-arrow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.left-box img { width:100%; box-shadow:10px 10px 23px rgba(0, 0, 0, 0.2);}
.loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/loader-cans.gif); background-color: rgba(255,255,255,0.8); background-repeat: no-repeat; background-size: 50px 50px; background-position: center center; width: 100%;     height: 100%; right: 0; margin: 0 auto; }

.banner-video { position: relative;  padding-top: 25px; /* transform:scale(1.3); -webkit-transform:scale(1.3); -ms-transform:scale(1.3); */ }
.banner-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


@media(max-width: 1200px){
	.category-list {
		min-height: 350px;
	}
}

@media(max-width: 767px){
	.category-list {
		min-height: 340px;
	}
	.media-rd-page { padding-top: 30px; padding-bottom: 20px; }
	.right-box { padding-top: 20px; padding-left:0; }
	.right-box,
	.left-box { width: 100%; display: block; }
	.right-box .btn a { padding: 10px 15px; }

	.right-box .btn { padding-left: 0; }
	.tag-category { margin-left: 0; }
}

@media(max-width: 575px){
	.category-list h3,
	.category-list {
		min-height: inherit;
	}
	.category-list h3 {
		padding-bottom: 20px;
	}
	.tag_sorting { overflow: hidden; }
}

/*happiness sec start here*/

.accordian-sec {
    padding: 17px 0 40px 0;
}

.happiness-banner {
    padding: 0 0 15px 0;
}

.logo-banner {
    width: 420px;
    height: 420px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.happiness-banner {
    padding: 30px 0;
}

.message-sec h2 {
    color: #db882f;
    font-size: 37px;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: -7px;
}

.content-img {
    display: block;
    float: left;
    width: 303px;
    height: 303px;
    margin-right: 40px;
    margin-bottom: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-content-sec {
    padding: 17px 0 40px 0;
}

.message-sec p {
    font-size: 21px;
    line-height: 1.2;
    margin-bottom: 1px;
}

.message-sec p br {
    display: none;
}

.message-sec p strong {
    color: #db882f;
}

.message-sec p a {
    text-decoration: underline;
    color: #db5933;
    font-weight: 500;
}

.sign-sec span {
    font-family: 'SavoyeLetPlain';
    font-weight: 100;
    display: block;
    margin-top: 9px;
    font-size: 28px;
}

.message-sec p a:hover {
    color: #db882f;
}

.pdf-sec {
    padding: 37px 0 20px 0;
}

.happiness-recipes {
    padding-top: 18px;
    padding-bottom: 88px;
}

.pdf-text {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

.pdf-main-sec {
    max-width: 800px;
    margin: 0 auto;
}

.pdf-main-sec h2 {
    color: #db882f;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 53px;
}

.pdf-link .color-pdf {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'DINPro';
    padding: 20px 15px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
    text-decoration: none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 30px;
    position: relative;
    /*    -moz-clip-path: polygon(74% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
    -webkit-clip-path: polygon(74% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
    -o-clip-path: polygon(74% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
    -ms-clip-path: polygon(74% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(74% 0, 100% 21%, 100% 100%, 0 100%, 0 0);*/
    min-height: 320px;
}

.pdf-link .color-pdf::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: -2px;
    width: 71px;
    height: 70px;
    border-left: 6px solid #fff;
    border-bottom: 6px solid #fff;
}

.pdf-link .color-pdf::before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 64px solid #fff;
    border-left: 64px solid transparent;
    top: 0;
    right: -1px;
}

.pdf-link .color-pdf:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pdf-link .color-pdf span {
    display: block;
}

#top-accordian {
    padding: 0 2px;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.accordion {
    list-style: none;
}

.accordion > li {
    display: inline-block;
    vertical-align: top;
    padding: 13px;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.service-faq .accordion > li > .accordion-title {
    text-transform: capitalize;
}

.accordion > li > .accordion-title {
    position: relative;
    display: block;
    padding: 13px 25px;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 26px;
    font-family: 'DINPro';
    font-weight: 600;
    height: 100%;
}

.green-color {
    background-color: #69be49;
}

.red-color {
    background-color: #db5933;
}

.title.green-color:nth-of-type(2n+1) a,
.title.green-color:nth-of-type(2n+1) {
    background-color: #69be49;
}

.title.green-color:nth-of-type(2n) a,
.title.green-color:nth-of-type(2n) {
    background-color: #db5933;
}

.accordian-detail-content .accordion-content:nth-of-type(2n+1) {
    background-color: #69be49;
}

.accordian-detail-content .accordion-content:nth-of-type(2n) {
    background-color: #db5933;
}

.accordian-detail-content {
    margin: 0 2px;
}

.accordion-content {
    list-style: outside none none;
    display: none;
    color: #fff;
    padding: 16px 44px 20px 44px;
    text-align: center;
    margin: 0 0 0 0;
    width: 100%;
}

.visible-xs {
    display: none;
}

.hidden-xs {
    display: block;
}

.accordion-content p {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.menu-detail {
    position: absolute;
    bottom: 21px;
    left: 20px;
    right: 20px;
}

.menu-heading {
    font-size: 50px;
    text-transform: uppercase;
    font-family: 'Oleo Script', cursive;
    margin-bottom: 31px;
}

.menu-text {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 22px;
    border-bottom: 1px solid #fff;
    width: 100%;
}

.happiness-recipes .overlay-text h3 {
    font-size: 26px;
}

.happiness-recipes .overlay-text span {
    font-size: 13px;
}

@media(max-width: 1200px) {
    .category-list {
        min-height: 350px;
    }
}

@media(max-width: 767px) {
    #top-accordian {
        display: block;
    }
    .category-list {
        min-height: 340px;
    }
    .media-rd-page {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .right-box {
        padding-top: 20px;
        padding-left: 0;
    }
    .right-box,
    .left-box {
        width: 100%;
        display: block;
    }
    .right-box .btn a {
        padding: 10px 15px;
    }
    .right-box .btn {
        padding-left: 0;
    }
    .tag-category {
        margin-left: 0;
    }
}

@media(max-width: 575px) {
    .category-list h3,
    .category-list {
        min-height: inherit;
    }
    .category-list h3 {
        padding-bottom: 20px;
    }
    .tag_sorting {
        overflow: hidden;
    }
}


/*-- -- */

h2.resp-accordion{
    display: none;
}

/*-- Recipe Authors -- */
.recipe-author {
    margin: 2rem auto 1rem auto;
    max-width: 400px;
    width: 100%;
    text-align: center;
    padding: 0 1rem;
}


.recipe-author-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-bottom: 0.75rem;
}

.recipe-author-name {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'DINPro';
    font-weight: 700;
    margin: 0 0 0.75rem 0;
}

.recipe-author-byline {
    font-size: 12px;
    font-family: 'DINPro';
    font-weight: 400;
    line-height: 1.5;
}

@media screen and (min-width: 580px) {
    .recipe-author {
        max-width: 420px;
        margin: 1rem auto;
        padding: 0;
    }
}