@import url(product-slider.css);
@import url(../fonts/stylesheet.css);
@import url(building-block.css);

/*LOADER*/
.no-js #loader {
	display: none;
}

.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 11111111111111111;
	background: url(../images/ajax-loader.gif) center no-repeat #fff;
}

/* LOADER */


.p0 {
	padding-top: 0px !important;
}

.sliderimg1 {
	height: 100vh;
	object-fit: cover;
	object-position: center;
}

.sliderimg2,
.sliderimg3 {
	display: none;
}

/* Mobile Nav ***********/
.popbnimage {
	max-width: 130px;
	margin-right: 10px;
}

.contact-drpdown {
	padding: 6px 12px !important;
}

.event-btn-pos {
	z-index: 99999999999999999;
	margin-bottom: 20px;
}

.not-found-main {
	background-image: url(../images/404-bg.jpg);
	background-size: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top;
	min-height: 650px;
	background-color: #efe9f0;
}

.not-found {
	margin-top: 150px;
}

.not-found-bg {
	background-color: #efe9f0;
}

.not-found h1 {
	font-family: 'pt_serifbold';
	font-size: 80px;
	margin-top: 50px;
}

.not-found h4 {
	margin-top: 25px;
}

.not-found a,
.not-found a:hover {
	font-size: 30px;
	color: #000000;
	font-family: 'pt_sans_narrowbold';
	margin-top: 30px;
	display: inline-block;
	text-decoration-style: dotted;
}


.peventnone {
	pointer-events: none;
}

.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #FFFFFF;
}

.chef-maida-signature {
	background-image: url(../images/chefmaida-signature.png);
	background-position: bottom right;
	height: 634px;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	bottom: 0px;
}

.work ul {
	font-family: 'pt_sansregular';
	font-size: 18px;
	color: #898989;
	margin-bottom: 18px;
}

ul.share-buttons {
	list-style: none;
	padding: 0;
}

ul.share-buttons li {
	display: inline;
}

ul.share-buttons .sr-only {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

ul.share-buttons img {
	width: 32px;
}

/* SHARE THIS ***********/

.plant-hover {
	border: 4px solid #fff !important;
	cursor: pointer;
}

.pro-logo {
	float: right;
}

.plant-hover:hover {
	border: 4px solid #f26122 !important;
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .575);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.575);
}

.global-bg {
	background-color: rgba(255, 255, 255, 1.00);
	margin-left: 0px;
	margin-right: 0px;
	padding: 20px 0px 20px 0px
}

.global-colheight {}

.recipes-social a {
	margin-right: 15px;
}

#social-fb {
	color: #4c699e;
}

#social-tw {
	color: #428bca;
}

#social-gp {
	color: #da573b;
}

.dpnone {
	display: none;
}

.video-container {
	position: relative;
	padding-bottom: 25.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 0px;

}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px;
}

/* FLEXBOX */

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

/* FLEXBOX */


/* PARTNER */
.col-centered {
	float: none;
	margin: 0 auto;
}

/* PARTNER */


.bgcolorblack {
	background-color: black;
}

.main-slider {
	min-height: 100vh;
}

.imgblur {
	opacity: 0.6;
}

.htfxthumb {
	height: 100px;
	width: 100px;
	margin-bottom: 25px;
	border: 1px solid #898989;
}

.Mini,
.Smart,
.Buddy {
	background-image: url(../images/icons/minipack.png);
	background-repeat: no-repeat;
	min-height: 27px;
}

.Family {
	background-image: url(../images/icons/family.png);
	background-repeat: no-repeat;
	min-height: 27px;
}

.Sachet {
	background-image: url(../images/icons/sachet.png);
	background-repeat: no-repeat;
	min-height: 27px;
}

.Squeeze {
	background-image: url(../images/icons/squeeze-bottle.png);
	background-repeat: no-repeat;
	min-height: 27px;
}

.Stand {
	background-image: url(../images/icons/stand-alone-pouch.png);
	background-repeat: no-repeat;
	min-height: 30px;
}

.Bucket {
	background-image: url(../images/icons/bucket.png);
	background-repeat: no-repeat;
	min-height: 30px;
}

.Can {
	background-image: url(../images/icons/can.png);
	background-repeat: no-repeat;
	min-height: 30px;
}

.Bottle {
	background-image: url(../images/icons/bottle.png);
	background-repeat: no-repeat;
	min-height: 30px;
}

.Pet {
	background-image: url(../images/icons/pet-bottle.png);
	background-repeat: no-repeat;
	min-height: 30px;
}

.Plastic {
	background-image: url(../images/icons/plastic-jar.png);
	background-repeat: no-repeat;
	min-height: 30px;
}

.recipes-icon {
	width: 30px;
	/*margin-right:10px;*/
}

.recipes-detail b {
	color: #000000;
}

.container--mouse {
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.circle--mouse {
	width: 5px;
	height: 18px;
	position: absolute;
	background-color: #df1f26;
	border-radius: 50px;
	animation: scroll 1s ease-in-out infinite alternate;
	top: 14px;
	left: 50%;
}


@keyframes scroll {
	from {
		transform: translate(-50%, 0);
	}

	to {
		transform: translate(-50%, 8px);
	}
}

.main-slider .owl-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 100vh;
}

.main-slider .owl-carousel .owl-stage {
	padding-top: 0px;
}

.main-slider .owl-theme .owl-controls {
	position: absolute;
	margin-top: 0px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	top: 50%;
}

.main-slider .owl-nav {
	position: absolute;
	right: 20px !important;
	left: 20px !important;
	top: 0%;
}

.main-slider .owl-prev {
	position: absolute;
	left: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-left-sprite.png) !important;
	background-position: top center;
	height: 50px;
	width: 50px;
}

.main-slider .owl-prev:hover {
	position: absolute;
	left: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-left-sprite.png) !important;
	background-position: bottom center;
	height: 50px;
	width: 50px;
}


.main-slider .owl-next {
	position: absolute;
	right: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-right-sprite.png) !important;
	background-position: top center;
	height: 50px;
	width: 50px;
}

.main-slider .owl-next:hover {
	position: absolute;
	right: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-right-sprite.png) !important;
	background-position: bottom center;
	height: 50px;
	width: 50px;
}

.width-caption {
	max-width: 470px;
	width: 100%;
}

.adjmodal-video {
	max-width: 750px;
	width: 100%;
}

.adjwidth {
	max-width: 500px;
	width: 100%;
}

.modal-padding {
	padding-left: 80px;
	padding-right: 80px;
}

.modal {
	text-align: center;
	padding: 0 !important;
	z-index: 999999;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-content {
	border-radius: 0px;
}

.file-format {
	font-size: 16px;
	color: #898989;
}

.body-content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.pd0imp {
	padding-top: 0 !important;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0 0px 0px;
	border-radius: 4px;
}

.tabspac {
	margin: 0xp;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px !important;
}

.faq-area {
	padding: 0px 0px 0px 0px;
}


.faq-area h1 {
	color: #FFFFFF;
	font-size: 30px;
	margin-bottom: 100px;
}

.faq-pr {
	padding: 0px 0px 0px 0px;
}

.faq-pr .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
	padding: 5px 10px 15px 0px;
	color: #FFFFFF !important;
	font-family: 'pt_serifbold' !important;
	font-size: 16px !important;
}

.faq-pr .panel,
.faq-pr .panel-default>.panel-heading {
	background-color: #f26122;
	background-image: url(../images/bg-faq.jpg);
	background-position: top right;
	border-radius: 0px;
	background-repeat: no-repeat;
}

.faq-pr .panel-title a,
.faq-pr .panel-title a:hover {
	color: #FFFFFF !important;
	font-family: 'pt_serifbold' !important;
	font-size: 16px !important;
}

.faq-pr .panel-body {
	padding-bottom: 20px;
}

.faq-pr .panel>.panel-heading {
	padding: 10px 25px 10px 10px;
	height: 65px;
}

.faq-pr .panel-heading {
	min-height: 74px;
}

.faq-pr p {
	color: #FFFFFF;
	font-size: 14px;
}

.faq-pr a.accordion-toggle {
	color: #FFFFFF !important;
	text-decoration: none;
	display: block;
}

.faq-pr a {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.faq-pr h2 {
	color: #FFFFFF;
	font-size: 20px;
}

.nmnp {
	margin: 0px;
	padding: 0px;
}

.bgfaq {
	background-image: url(../images/inside-header/shangrila-faq-header.jpg);
	background-attachment: fixed;

}

.blurbackground {
	background-image: url(../images/inside-header/shangrila-faq-header-blurbg.jpg);
	margin-top: 500px;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.blurbackground .blurfadeout {
	padding: 80px 0px 180px 0px;
}



.omb_btn-facebook,
.omb_btn-facebook:hover,
.omb_btn-facebook:focus {
	background: #3b5998;
	color: #fff;
	width: 100%;
}

.omb_btn-twitter,
.omb_btn-twitter:hover,
.omb_btn-twitter:focus {
	background: #00aced;
	color: #fff;
	width: 100%;
}

.omb_btn-google-plus,
.omb_btn-google-plus:hover,
.omb_btn-google-plus:focus {
	background: #c32f10;
	color: #fff;
	width: 100%;
}

.omb_btn-gmail,
.omb_btn-gmail:hover,
.omb_btn-gmail:focus {
	background: #de4b39;
	color: #fff;
	width: 100%;
}

.social-share {
	padding: 20px 0px 0px 0px;
}


.omb_socialButtons a {
	color: white;
	opacity: 0.9;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 2;
	color: #9f9e9e;
	;
	cursor: default;
	background-color: transparent;
	border-color: #df1f26;
	font-family: 'pt_sansbold';
	font-weight: bold;
}

.pagination>li>a,
.pagination>li>span {
	color: #000;
	border: 0px solid #df1f26;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {

	background-color: transparent;
	color: #000;
}

.pagination>li>a,
.pagination>li>span {
	border-radius: 50% !important;
	margin: 0 5px;
}

.news-panel {
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 20px;
}

.news-container,
.event-container {
	padding-top: 47px;
}

.news-container h2 {
	font-family: 'pt_sansregular';
	font-size: 12px;
	text-transform: uppercase;
	color: #898989;
	margin-top: 0px;
	margin-bottom: 20px;
}

.news-container h1 {
	font-family: 'pt_serifbold';
	font-size: 28px;
}

.event-container h1 {
	font-family: 'pt_serifbold';
	font-size: 28px;
	margin-bottom: 20px;
}

.news-heading {
	margin-bottom: 40px;
	margin-left: 5px;
}

.nav-tabs>li {
	float: none;
	margin-bottom: -1px;
	display: inline-block;
}

.nav-tabs {
	border-bottom: 2px solid #DDD;
	text-align: center;
}

.nav-tabs {
	border-bottom: 1px solid #d6d6d6;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border-width: 0;
}

.nav-tabs>li>a {
	border: none;
	color: #666;
	font-size: 20px;
	font-family: 'pt_serifbold';
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
	border: none;
	color: #000 !important;
	background: transparent;
	cursor: pointer !important;
}

.nav-tabs>li>a::after {
	content: "";
	background: #f46020;
	height: 4px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
	transform: scale(1);
}

.tab-nav>li>a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}

.card {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
}



.recipes-author {
	text-indent: 0px !important;
	background-image: none !important;
}

.padlr50px {
	padding: 0px 50px 0px 50px;
}

.bgabout ul li:before,
.careers-steps ul li:before {
	content: "\2192 ";
	top: -1px;
	position: relative;
	margin-right: 12px;
}

.panel-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

.panel {
	border: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border: 0px;
}

.panel-title a,
.panel-title a:hover {
	font-family: 'pt_serifbold';
	font-size: 20px;
	text-decoration: none;
}


.more-less {
	color: white;
	position: absolute;
	right: 6px;
	top: 6px;
	font-size: 11px;
}

.panel-default>.panel-heading {
	background-color: #FFFFFF;
	border: none;
	padding: 20px 20px 20px 0px;
}

.uploadbtn-pos input {
	width: 200px;
	display: inline-block;
	margin-right: 0px;
}

.form-control {
	padding: 19px 12px;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin-left: 1px;
	margin-top: -3px;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.core-values {
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 8px 8px 50px rgba(0, 0, 0, .375);
	box-shadow: 8px 8px 50px rgba(0, 0, 0, .12);

}

.core-values p {
	color: #000000 !important;
}

.orange-col {
	color: #f26122;
}

.featured_recipes_detail .owl-dots {
	display: none !important;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}

.minproductheight {
	min-height: 280px;
}

.about-margin {
	margin-top: 150px;
}

.dropdown-menu {
	background-color: #000000;
	color: #FFFFFF;
	padding: 7px 5px 5px 7px;
}

.dropdown-menu>li>a {
	color: #FFFFFF;
	font-family: 'pt_sansbold';
	font-size: 16px;
}

.navbar-fixed .navbar-brand img {
	width: 80%;
	padding: 5px 0px 5px 0px;
}

.navbar-fixed .nav-top {
	margin-top: 20px;
}

.bgabout p {
	font-family: 'pt_sansregular';
	color: #898989;
	margin-top: 20px;
	margin-bottom: 20px;
}


.ceo-message h4 {
	color: #898989;
	font-size: 14px;
	font-family: 'pt_sansbold';

}

.ceo-name {
	font-size: 16px;
	color: #898989;
}

.bgabout h2 {
	font-size: 28px;
	margin-bottom: 30px;

}

.bgabout ul,
.careers-steps ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.bgabout ul li,
.careers-steps ul li {
	line-height: 28px;
	font-size: 18px;
	font-family: 'pt_sansregular';
}

.bgabout ul li:before,
.careers-steps ul li:before {
	content: "\2192";
}

.bgabout {
	background-image: url(../images/shangrila-about-bg-updated.png);
	min-height: 1000px;
	background-position: right 23% top;
	background-repeat: no-repeat;
}

.gbhandle {
	margin-top: 50px;
}

.mt10px {
	margin-top: 10px;
}

.partner-looking {
	margin-top: 150px;
	width: 265px;
	padding: 20px 20px 50px 20px;
	background-color: white;
}

.partner-looking h2 {
	font-size: 22px;
}

.cp-area {
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .275);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .275);
	padding: 80px 40px 80px 40px;
	background-image: url(http://www.shangrila.com.pk/404/index.php);
	background-size: 100%;
	background-repeat: no repeat;
}

.nav-justified {
	width: 60%;
	margin: 0 auto;
	background-color: #ebebeb;
	border-radius: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

.nav.nav-justified>li>a {
	position: relative;
}

.nav.nav-justified>li>a:hover,
.nav.nav-justified>li>a:focus {
	background-color: transparent;
}

.nav.nav-justified>li>a>.quote {
	position: absolute;
	left: 0px;
	top: 0;
	opacity: 0;
	width: 30px;
	height: 30px;
	padding: 5px;
	background-color: #13c0ba;
	border-radius: 15px;
	color: #fff;
}

.nav.nav-justified>li.active>a>.quote {
	opacity: 1;
}

.nav.nav-justified>li>a>img {}

.nav.nav-justified>li>a>img {
	max-width: 100%;
	-webkit-transform: scale(.8, .8);
	transform: scale(.8, .8);
	-webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.nav.nav-justified>li.active>a>img,
.nav.nav-justified>li:hover>a>img,
.nav.nav-justified>li:focus>a>img {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.tab-pane .tab-inner {
	padding: 30px 0 20px;
}

.pr-recipes {
	position: relative;
	margin-top: 30px;
}

.img-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(242, 97, 34, 0.95);
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .575);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.575);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100%;

}

.default-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
	background: none;
}

.image {
	display: block;
	width: 100%;
	height: auto;
}

.pr-recipes:hover .img-overlay {
	opacity: 1;
}

.pr-recipes:hover .default-overlay {
	opacity: 0
}

.text {
	color: white;
	font-size: 20px;
	position: absolute;
	bottom: 10px;
	left: 18px;
	/* transform: translate(-50%, -50%); */
	-ms-transform: translate(-50%, -50%);
	text-align: left;
	text-indent: 40px;
}

.text h2 {
	color: white;
	font-size: 14px;
	font-family: 'pt_sansbold';
	margin-bottom: 4px;
}

.text h1 {
	color: white;
	font-size: 20px;
	text-indent: 0px;
	margin-top: 3px;
}

.text p {
	color: white;
	font-size: 14px;
	line-height: 6px;
	font-family: 'pt_sansregular';
}

.range-hero .default-overlay {
	border: 4px solid #fff !important;
}

.range-hero .img-overlay {
	background: none;
	border: 4px solid #f26122 !important;
}

.btn-nutrition {
	color: #fff;
	text-transform: uppercase;
	font-family: 'pt_sans_narrowbold';
	margin-bottom: 100px;
	float: left;
	outline: none;
}

.btn-nutrition i {
	color: #f32f2f;
	outline: none;
}

.btn-nutrition:hover,
.btn-nutrition:focus {
	color: #f32f2f;
	outline: none;
	text-decoration: none;
}

.desktop-full-width {
	width: 100%;
}

.product-caption {
	font-family: 'pt_sansregular';
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	color: #fff;
}

.product-caption b {

	font-family: 'pt_serifbold';
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.mt20px {
	margin-top: 20px;
}

.mt15px {
	margin-top: 20px;
}

.mt285 {

	margin-top: 285px;
}

.product_img {
	padding: 20px 20px 20px 20px;
}

.navbar-fixed {
	top: 0;
	z-index: 100 !important;
	position: fixed !important;
	width: 100% !important;
	background-color: rgba(0, 0, 0, 0.90) !important;
}

.affix {
	top: 0;
	width: 100%;
	z-index: 9999 !important;
}

.affix+.container-fluid {
	padding-top: 70px;
}

.distributor-link {
	float: right;
}

body {
	overflow-x: hidden;
}

.custom-arrows2 {
	width: 100%;
}

.country-banner {
	margin-top: 75px;
}

.portfolio-item {
	margin-bottom: 40px;
	z-index: 0;
}

.portfolio-item a,
.portfolio-item a:hover {
	text-decoration: none;
	display: block;
	overflow: hidden !important;
	position: relative;
}

.portfolio-item a:hover .product_slider {
	color: #f26122;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: none;
}

.hashtag {
	font-family: 'pt_sans_narrowregular' !important;
}

.owl-controls {
	z-index: 99999999999999;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	color: #f26122;
}

.banner-border {
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .100);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .100);
}

.owl-carousel .owl-stage-outer {
	overflow-x: hidden;
	overflow-y: hidden;
}

.portfolio-link {
	border: 4px solid #fff;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	transition: all 0.5s;
}

.gallery-link {
	display: inline-block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	transition: all 0.5s;
	border: 4px solid #fff;
}

.gallery-link:hover {
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .375);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.375);
	border: 4px solid #f26122;
}

.gallery-link .play-icon {
	display: none;
}

.gallery-link:hover .play-icon {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	background-image: url(../images/play-icon.png);
	height: 50px;
	width: 50px;

}

.gallery-link img {
	filter: grayscale(0);
}

.gallery-link:hover img {
	filter: grayscale(1);
}


.events-link {
	border: 4px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 24px;
	display: inline-block;
}

.sliderimg1 {
	display: block;
}

.sliderimg2 {
	display: none;
}

.sliderimg3 {
	display: none;
}

.aboutimg1 {
	display: block;
}

.aboutimg2 {
	display: none;
}

.portfolio-link:hover,
.events-link:hover {
	border: 4px solid #f26122;
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .375);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.375);

}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #f26122;
}

.redcol {
	color: #f32f2f;
}

.tab1 {
	padding: 20px 10px 20px 10px;
	height: 66px;
	font-weight: bold;
	font-size: 12px;
}

.recipes-detail {
	padding-top: 100px;
}

.recipes-detail h2 {
	margin-bottom: 31px;
	margin-top: 0px;
}

.recipes-detail h3 {
	font-weight: 700;
	font-family: 'pt_sansregular';
	color: #000000;
	font-size: 18px;
	margin-top: 60px;
}

.recipes-detail .work p {
	margin-bottom: 24px;
}

.work ol li {
	font-family: 'pt_sansregular';
	font-size: 18px;
	color: #898989;
}

.work ol {
	padding-left: 17px;
	padding-bottom: 10px;

}

.marks {
	color: #000000;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

.bdnav {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.bd-l {
	border-left: 1px solid #e1e1e1;
	padding: 20px 10px 20px 10px;
	height: 66px;
}

.bdnav a {
	color: #f32f2f;
	font-size: 12px;
}

.bd-r {
	border-right: 1px solid #e1e1e1;
	padding: 20px 10px 20px 10px;
	height: 66px;
}

.watch_video,
.watch_video:hover,
.watch_video:focus {
	font-family: 'pt_sans_narrowbold' !important;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

.btnclose {
	position: absolute;
	top: 15px;
	right: 15px;
}

.modal-title {
	margin-top: 8px;
}

.modal-header {
	padding: 10px 20px 10px 20px;
	border: 0px;

}

.adjmodal-bdy {
	padding: 60px 0px 60px 0px;
}

.modal-body {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 24px;
}

.modal-body h2 {
	padding: 0px 0px 30px 0px;
	font-family: 'pt_serifbold';
	font-size: 30px;
	margin-top: 0px;
}

.modal-body a {}

.nut-facts {
	background-color: #ffffff;
	padding: 20px 30px 20px 30px;
}

.nut-facts h1 {
	color: #000 !important;
}

.nut-facts p {
	color: #000;
	font-size: 20px;
}

.nut-facts ul {
	line-height: 40px;
	font-size: 20px;
	max-width: 40em;
	padding: 0;
	overflow-x: hidden;
	list-style: none;
	color: #000;
}

.nut-facts span:first-child {
	padding-right: 0.33em;
	color: #898989;
	font-size: 16px;
	background-color: #fff;
}

.nut-facts li:before {
	float: left;
	width: 0;
	white-space: nowrap;
	content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
	color: #000;
}

.nut-facts span+span {
	float: right;
	padding-right: 0.33em;
	color: #000;
	font-size: 16px;
	background: white;
}

.btn-recipes2 {
	color: #000;
	text-transform: uppercase;
	font-family: 'pt_sans_narrowbold';
	width: 100%;
	display: inline-block;
	font-size: 18px;

}

.search-link {
	color: #000;
	font-family: 'pt_sans_narrowbold';
	width: 100%;
	display: inline-block;
	font-size: 18px;

}

.search-result {
	margin-bottom: 20px;
}

.search-result p {
	font-family: 'pt_sansregular';
	color: #898989;
	margin-top: 10px;
	margin-bottom: 10px;
}

.search-result h2 {
	font-size: 28px;
	margin-bottom: 10px;
}

.ingrediant {
	/*background-image: url(../images/ingrediants.jpg);*/
	background-repeat: no-repeat;
	padding: 130px 0px 130px 0px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #151516;
	min-height: 929px;
}

.ingrediant h1 {
	color: #FFFFFF;
	font-family: 'pt_serifbold';
	font-size: 30px;
	margin-bottom: 27px;
}

.ingrediant h2 {
	font-family: 'pt_sansbold';
	color: #FFFFFF;
	font-size: 20px;
}

.ingrediant p {
	font-family: 'pt_sansregular';
	color: #FFFFFF;
	font-size: 17px;
}

.btn-recipes2 i {
	color: #f32f2f;
	margin: 0px;
}

.btn-recipes2:hover,
.search-link:hover {
	color: #f32f2f;
	text-decoration: none;
}

.custom-arrows .owl-prev {
	position: absolute;
	left: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-left-sprite.png) !important;
	background-position: top center;
	height: 50px;
	width: 50px;
}

.custom-arrows .owl-prev:hover {
	position: absolute;
	left: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-left-sprite.png) !important;
	background-position: bottom center;
	height: 50px;
	width: 50px;
}

.custom-arrows .owl-next {
	position: absolute;
	right: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-right-sprite.png) !important;
	background-position: top center;
	height: 50px;
	width: 50px;

}

.custom-arrows .owl-next:hover {
	position: absolute;
	right: 0px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(../images/arrow-right-sprite.png) !important;
	background-position: bottom center;
	height: 50px;
	width: 50px;
}

.custom-arrows .owl-nav {
	position: absolute;
	right: -50px !important;
	left: -50px !important;
	top: 50% !important;
}

.custom-arrows2 {
	width: 80%;
	margin: 0 auto;
}

.custom-arrows2 .owl-prev,
.custom-arrows2 .owl-prev:hover {
	position: absolute;
	left: 5px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(http://www.shangrila.com.pk/404/index.php) !important;
	height: 50px;
	width: 50px;
}

.custom-arrows2 .owl-next,
.custom-arrows2 .owl-next:hover {
	position: absolute;
	right: 5px;
	margin: 0;
	text-align: center;
	line-height: 80px;
	background-image: url(http://www.shangrila.com.pk/404/index.php) !important;
	height: 50px;
	width: 50px;
}

.custom-arrows2 .owl-nav {
	position: absolute;
	right: -50px !important;
	left: -50px !important;
	top: 50% !important;
}

.bgwhite {
	background-color: #FFFFFF;
}

.country-origin {
	padding-top: 20px;
}

.country-origin2 {
	background-image: url(../images/global-presence-bg.jpg);
	background-position: top center;
	margin-top: 100px;
	padding: 140px 0px 140px 0px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #f2eee5;
}

.gapmaps {
	margin-top: 70px;
}

.mainstream-score {
	margin-top: 70px;
}

.mainstream-score h2 {
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	font-family: 'pt_sans_narrowbold';
	margin-bottom: 7px;
}

.mainstream-score h3 {
	font-family: 'pt_sansbold';
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.mainstream-score p {
	font-family: 'pt_sansregular';
	font-size: 16px;
	padding: 0px;
	text-align: left;
}

.bgwhite img {
	width: 40%;
	margin: 0 auto;
}

.bgwhite .nav-caption {
	font-size: 14px;
}

.product-thumb {
	display: block;
	width: 100%;
	font-size: 17px;
	line-height: 30px;
}

.country {
	background-color: #ebebeb;
	padding: 100px 0px 100px 0px;
}

.country-area {
	background: rgba(255, 255, 255, 1.00);
	padding: 30px 30px 30px 30px;
}

.country-area h2 {
	text-align: left;
	font-size: 26px;
}

.country-area p {
	text-align: left;
	font-size: 20px;
	color: #898989;
}

.country-area h4 {
	font-style: italic;
	margin-bottom: 24px;
}

.line {
	height: 1px;
	background-color: #898989;
	width: 100%;
}

.country-area a,
.country-area a:hover {
	color: #000;
	text-transform: uppercase;
	font-family: 'pt_sans_narrowbold';
	text-decoration: none;
	font-size: 20px;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}

.country-area a i {
	color: #f32f2f;
}

.country-area h3 {
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'pt_sansbold';
}

.country h1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 42px;
}

.nav-caption {
	text-align: center;
	font-size: 18px;
}

.map-area {
	padding: 30px 20px 30px 20px;
}

.map-area p {
	color: #000000;
	padding-top: 70px;
	padding-bottom: 70px;
}

.map-area a {
	font-family: 'pt_sansbold';
	color: #000000;
	text-decoration: none;

}

.map-area a:hover {
	font-family: 'pt_sansbold';
	color: #df1f26;
	text-decoration: none;
}

.global-presence {
	padding: 0px 0px 40px 0px
}

.global-presence h1 {
	text-align: left;
	margin-bottom: 40px;
	margin-top: 0px;
}

.global-presence p {
	text-align: left;
	font-size: 18px;
}

.global-presence h2 {
	text-align: center;
	color: #000000;
	font-size: 29px;
	margin: 40px 0px 40px 0px;
}

.banner-pos {
	margin-top: 100px;
	margin-bottom: 100px;
}

.btn-recipes {
	color: #000;
	text-transform: uppercase;
	font-family: 'pt_sans_narrowbold';
	margin-bottom: 70px;
	font-size: 16px;
}

.btn-recipes i {
	color: #f32f2f;
}

.btn-recipes:hover,
.btn-recipes:focus {
	color: #f32f2f;
	text-decoration: none;
	outline: none;
}

.search-panel {
	float: left;
	width: 100%;
}

.search-recipes h1 {
	color: #FFFFFF
}

.search-recipes p {
	color: #FFFFFF
}

.search-panel {
	height: 50px;
	position: relative;
}

.search-panel input[type="text"] {
	float: left;
	width: 100%;
	padding: 14px;
	border-radius: 5px;
	padding-right: 57px;
	border-width: 0;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .275);

}

.search-panel input[type="submit"] {
	background: none;
	border: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/search-icon3.png);
	height: 40px;
	width: 40px;
	position: absolute;
	top: 15px;
	right: 11px;
	outline: none;
}

.search-recipes {
	text-align: center;
	top: 47%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	width: 42%;
	background-color: transparent;
	min-height: 100px;
	padding: 25px 25px 25px 25px;
}

.search-site {
	text-align: center;
	top: 38%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	width: 42%;
	background-color: transparent;
	min-height: 100px;
	padding: 25px 25px 25px 25px;
}

.social-nav li a {
	padding: 15px 9px;
}

.full-width {
	width: 100%;
}

.mb20px {
	margin-bottom: 40px;
}

.caption-category {
	text-align: left;
	top: 40%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	width: 1170px;
	min-height: 100px;
	padding: 25px 0px 25px 15px;
}

.caption-category h1 {
	color: #FFFFFF;
}

.caption-category p {
	color: #FFFFFF;
}

.caption-category p b {
	color: #FFFFFF;
	font-size: 24px;
	text-shadow: 2px 2px 30px #000;
}


label {
	font-family: 'pt_sansregular';
}

.btn-primary {
	background-color: #f32f2f;
	border: 0px;
	text-transform: uppercase;
	padding: 10px 40px 10px 40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	transition: all 0.5s;
	outline: 0;
	padding: 10px 28px 10px 28px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited {
	background-color: #f26122;
	color: #ffffff;
	outline: 0;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	background-color: #f26122;
	color: #ffffff;
	outline: 0;
}

.contact-area h2 {
	font-family: 'pt_serifbold';
	font-size: 24px;
}

.contact-area a {
	color: #f32f2f;
}

.contact-area h3 {
	font-family: 'pt_serifbold';
	font-size: 15px;
}

.contact-area p {
	font-family: 'pt_sansregular';
}

.mt70px {
	margin-top: 70px;
}

.mb150px {
	margin-bottom: 100px;
}

.bgs {
	background-image: url(../images/header-bg-repeat.png);
	background-repeat: repeat-x;
	background-position: top center;
	z-index: 99999;
	height: 400px;
}



.video-hover:hover {
	text-decoration: none;
}

/*fancy scroll*/

/*fancy scroll*/

/* NAVIGATION UPDATE*/

.social-menu-pdr a {
	font-family: 'pt_sans_narrowregular';
}

.category_slider {
	font-family: 'pt_sansregular';
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	color: #000000;
}

.product_slider {
	font-family: 'pt_serifbold';
	font-size: 16px;
	text-align: center;
	color: #000000;
}

.portfolio-caption {
	position: absolute;
	bottom: 0px;
	padding: 60px 20px 15px 20px;
	width: 101%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(4, 4, 4));

}


.portfolio-caption span {
	text-indent: 20px;
	display: inline-block;
	color: #F8F8F8;
	font-size: 13px;
	background-image: url(../images/icon-port.png);
	background-repeat: no-repeat;
	height: 20px;

}

.portfolio-caption p {
	color: #F8F8F8;
	font-family: 'pt_sansbold';
	font-size: 18px;
}

.glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	color: #e1e1e1;
}

.range-product {
	padding: 0px 0px 120px 0px;
}

.featured {
	padding: 100px 0px 50px 0px;
}

.featured-recipes {
	padding: 100px 0px 0px 0px;
}

.innovation,
.range-of-p {
	padding: 100px 0px 120px 0px;
}

.follow-us {
	padding: 100px 0px 0px 0px;
}

.ytplayer {
	padding: 100px 0px 0px 0px;
}

.partner {
	padding: 0px 0px 0px 0px;

}

.follow-us a,
.follow-us a:hover {
	color: #f32f2f;
	text-decoration: none;
}

.owl-nav {
	position: absolute;
	right: 7px;
	top: 0;
}

.instagram_feed .owl-stage,
.featured_recipes_detail .owl-stage {
	padding-bottom: 0px !important;
}

.owl-carousel .owl-stage {
	padding-top: 40px;
	/*padding-bottom:40px;*/
}


.btn-normal {
	background-color: #df1f26;
	border: 1px solid #df1f26;
	color: #FFFFFF !important;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	padding: 10px 30px 10px 30px;
	font-family: 'pt_sans_narrowbold';
	text-decoration: none !important;
	border-radius: 4px;
	outline: none !important;
	position: relative;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	transition: all 0.5s;

}

.btn-normal:hover,
.btn-normal focus,
.btn-normal active {
	background-color: #f26122;
	color: #ffffff;
	border: 1px solid #f26122;
	-webkit-box-shadow: 8px 8px 50px rgba(0, 0, 0, .375);
	box-shadow: 8px 8px 50px rgba(0, 0, 0, .375);
	padding: 10px 40px 10px 20px;
}

.btn:active .preview-arrow,
.btn:focus .preview-arrow,
.btn:hover .preview-arrow {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	color: rgba(255, 255, 255, 1);
}

.preview-arrow {
	-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-webkit-transform: translate(-200%, 0);
	-ms-transform: translate(-200%, 0);
	transform: translate(-200%, 0);
	position: absolute;
	top: 75%;
	right: 15px;
	margin-top: -18px;
	color: transparent;
}



.btn-modal,
.btn-modal:hover,
.btn-modal focus,
.btn-modal active {
	background-color: #fff;
	border: 1px solid #fff;
	color: #000 !important;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	padding: 10px 30px 10px 30px;
	font-family: 'pt_sans_narrowbold';
	text-decoration: none !important;
	border-radius: 4px;
	outline: none !important;
}

.btn-transparent {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #FFFFFF;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	padding: 10px 30px 10px 30px;
	font-family: 'pt_sans_narrowbold';
	text-decoration: none;
	border-radius: 4px;
	position: relative;

	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	transition: all 0.9s;
	transition: all 0.9s;
}

.btn-transparent:hover {
	background-color: #f32f2f;
	border: 1px solid #f32f2f;
	-webkit-box-shadow: 8px 8px 50px rgba(0, 0, 0, .375);
	box-shadow: 8px 8px 50px rgba(0, 0, 0, .375);
	text-decoration: none;
	color: #FFFFFF;
	padding: 10px 40px 10px 20px;
}

.btn-fancy,
.btn-fancy:hover {
	color: #f32f2f;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	padding: 10px 30px 10px 30px;
	font-family: 'pt_sans_narrowbold';
	text-decoration: none;
	border: 1px solid #f26122;
	border-radius: 4px;
}

.adjust-partner {
	border-top: 1px solid #d6d6d6;
	padding: 50px 0px 50px 0px;
	margin-bottom: 20px;
}

.adjbtm {
	margin-bottom: 120px !important;
}

.adjbtmhme {
	margin-bottom: 80px !important;
}




.col {
	width: 20%;
}

.owl-prev {
	background-image: url(../images/left-sprite.png) !important;
	background-position: top center;
	height: 31px;
	width: 31px;
	margin-right: 2px;
}

.owl-prev:hover {
	background-image: url(../images/left-sprite.png) !important;
	background-position: bottom center;
	height: 31px;
	width: 31px;
	margin-right: 2px;
}

.owl-next {
	background-image: url(../images/right-sprite.png) !important;
	background-position: top center;
	height: 31px;
	width: 31px;
	margin-right: 10px;
}

.owl-next:hover {
	background-image: url(../images/right-sprite.png) !important;
	background-position: bottom center;
	height: 31px;
	width: 31px;
	margin-right: 10px;
}

.video-list .owl-nav {
	position: absolute;
	right: 7px;
	top: 0;
}

.owl-nav div {
	background-color: transparent;
	color: #FFF;
	display: inline-block;
	margin-left: 0px;
	padding: 1px 10px;
}


.innovation {
	background-image: url(../images/shangrila-inovation-goods.png);
	background-repeat: no-repeat;
	height: 642px;
	background-position: top center;
	background-size: cover;
}

.range-of-p {
	background-repeat: no-repeat;
	height: 1340;
	background-position: top center;

}

.range-of-p .container .pr-recipes .text h1 {
	font-size: 21px;
	/*  Chnage By Ali */
	text-indent: 0px;
	color: #F8F8F8;
	text-transform: initial;
}

.range-of-p h1 {
	color: #000;
}

.range-of-p a {
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
}

.range-of-p a:hover {
	color: #f26122;
}

.range-of-p a span {
	font-family: 'pt_sans_narrowbold';
}

.innovation h1 {
	color: #FFFFFF;
}

.innovation p {
	color: #FFFFFF;
}

.innovation a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 16px;
}

.innovation a span {
	font-family: 'pt_sans_narrowbold';
}

.hero-home {
	background-image: url(../images/Kheermix-banner.png);
	background-repeat: no-repeat;
	height: 750px;
	padding: 100px 0px 100px 0px;
	background-position: top center;
}

.hero-home2 {
	background-image: url(../images/Masala-item.png);
	background-repeat: no-repeat;
	height: 750px;
	padding: 100px 0px 100px 0px;
	background-position: top center;
}

.hero-home h1,
.hero-home2 h1 {
	color: #FFFFFF;
}

.hero-home p,
.hero-home2 p {
	color: #FFFFFF;
}

.hero-home a,
.hero-home2 a {
	color: #FFFFFF;
	margin-bottom: 10px;
}






.hero-home-dip {
	background-image: url(../images/dip-sauces.jpg);
	background-repeat: no-repeat;
	height: 750px;
	padding: 100px 0px 100px 0px;
	background-position: top center;
}

.hero-home-tk-sauces {
	background-image: url(../images/souces-banner.png);
	background-repeat: no-repeat;
	height: 735px;
	padding: 100px 0px 100px 0px;
	/* background-position: top center;*/
	background-position: center center;
}

.hero-home-dip h1 {
	color: #FFFFFF;
}

.hero-home-dip p {
	color: #FFFFFF;
}

.hero-home-dip a {
	color: #FFFFFF;
	margin-bottom: 10px;
}

.hero-home-tk-sauces h1 {
	color: #FFFFFF;
}

.hero-home-tk-sauces p {
	color: #FFFFFF;
}

.hero-home-tk-sauces a {
	color: #FFFFFF;
	margin-bottom: 10px;
}



.social-icon li {
	display: inline;
	padding-right: 20px;
}

.search-area {
	float: right;
	width: 200px;
	position: relative;
}

.social-icons {
	margin-top: 10px;
	float: right;
}

.social-icon a i {
	font-size: 16px;
	color: #FFFFFF;
}

.search-bar {
	position: relative;
	top: 30px;
	height: 25px;

}

.search-btn {
	background: none;
	border: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/search-icon.png);
	height: 40px;
	width: 40px;
	position: absolute;
	top: 9px;
	right: 0px;
	outline: none;
}


.search-text {
	background: none;
	background-color: transparent;
	border: 1px solid #2b2b2b;
	border-radius: 20px;
	padding: 8px 45px 8px 15px;
	color: #FFFFFF;
	width: 200px;
	outline: none;
}

.search-text::placeholder {
	color: #FFFFFF;
}



.navbar-inverse {
	background-color: transparent;
	border: none;
	position: absolute;
	z-index: 1111;
	width: 100%;
	/* new update */
	height: auto;
	overflow: hidden;
	/* new update */
}

.nmnp {
	margin: 0px !important;
	padding: 0px !important;
}

.navbar-brand {
	height: auto;
	padding: 12px 10px 0px 20px;
	outline: none;
}

.nav-top {
	margin-top: 40px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #FFFFFF;
	font-size: 18px;
	font-family: 'pt_sansbold';
}



.img-portfolio {
	margin-bottom: 30px;
}

.img-hover:hover {
	opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
	height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
	height: 100%;
}

header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}

/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}

.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}

.period {
	display: block;
	font-style: italic;
}





/* Responsive Styles */
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
	width: 14.285714285714285714285714285714%;
	*width: 14.285714285714285714285714285714%;
}


/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (max-width: 1500px) {
	.hero-home-dip {
		background-image: url(../images/dip-sauces.jpg);
		background-repeat: no-repeat;
		height: 750px;
		padding: 100px 0px 100px 0px;
		background-position: 70% 0%;
	}

	.hero-home-tk-sauces {
		background-image: url(../images/souces-banner.png);
		background-repeat: no-repeat;
		height: 735px;
		padding: 100px 0px 100px 0px;
		background-position: 92% 0%;
	}
}

@media (max-width: 1400px) {
	.country-banner {
		display: none;
	}

	.hero-home-dip {
		background-image: url(../images/dip-sauces.jpg);
		background-repeat: no-repeat;
		height: 750px;
		padding: 100px 0px 100px 0px;
		background-position: 70% 0%;
	}

	.hero-home-tk-sauces {
		background-image: url(../images/souces-banner.png);
		background-repeat: no-repeat;
		height: 736px;
		padding: 100px 0px 100px 0px;
		background-position: 89% 0%;
	}

}

@media (max-width: 1300px) {
	.hero-home-dip {
		background-image: url(../images/dip-sauces.jpg);
		background-repeat: no-repeat;
		height: 750px;
		padding: 100px 0px 100px 0px;
		background-position: 80% 0%;
	}

	.hero-home-tk-sauces {
		background-image: url(../images/souces-banner.png);
		background-repeat: no-repeat;
		height: 735px;
		padding: 100px 0px 100px 0px;
		background-position: 80% 0%;
	}
}

@media (max-width: 1280px) {
	.main-slider .owl-slide {
		background-image: none !important;
		position: relative;

	}

	.sliderimg2 {
		display: none;
	}

	.sliderimg3 {
		display: block;
	}

	/* .sliderimg1{ display:none;} */
	.container--mouse {
		display: none !important;
	}

}

@media (max-width: 1200px) {

	.bgabout {
		background-position: right 29% top;
	}

	.text p {
		font-size: 12px;
	}

	.main-slider {
		min-height: auto;
	}

	.main-slider .owl-slide {
		background-image: none !important;
		position: relative;
		height: auto !important;

	}

	.sliderimg2 {
		display: none;
	}

	.sliderimg3 {
		display: block;
	}


	.country-origin {
		background-size: cover;
	}

	.print-desktop {
		display: none;
	}

	.tab1 {
		font-size: 11px;
	}

	.bdnav a {}

	.custom-arrows .owl-nav {
		right: 0px !important;
		left: 0px !important;
	}

	.caption-category {
		margin-left: 25px;
	}

	.caption-category h1 {
		font-size: 24px;
	}

	.caption-category p {}

	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		*width: 14.285714285714285714285714285714%;
	}


	.main-menu li>a:hover>span.icon {
		float: right;
		margin: 0.1em 0.8em -0.1em 0;
		opacity: 1;
	}


}


@media (max-width: 991px) {
	.p50 {
		padding-top: 50px !important;
	}

	.body-content {
		padding-top: 0px !important;
	}

	.cpright {
		text-align: center !important;
	}

	.col {
		width: 100%;
	}

	.mtmobgbpx {
		margin-top: 20px;
	}

	.mb50pxmb {
		margin-bottom: 50px;
	}

	.bgabout {
		background-image: none;
	}

	.aboutimg1 {
		display: none;
	}

	.aboutimg2 {
		display: block;
	}


	.nav>li>a {
		padding: 10px 6px;
	}

	.cp-area {
		padding: 80px 5px 80px 5px;
		float: left;
		background-size: cover;
	}

	.minproductheight {
		height: auto;
	}

	.about-margin {
		margin-top: 20px;
	}

	.bgabout {
		background: none;
	}

	.pl {
		margin: 0 auto;
		float: none !important;
	}

	.partner-looking {
		width: 100%;
	}

	.partner-looking h2 {
		text-align: center;
	}

	.nav-justified {
		width: 80%
	}

	.desktop-full-width {
		width: 40%;
	}

	.recipes-detail {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.bd-l {
		border-left: 0px;
		text-align: center;
	}

	.tab1 {
		text-align: center;
		height: auto;
	}

	.nut-facts {
		padding: 30px 30px 30px 30px;
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.ingrediant h1 {
		color: #fff;
	}

	.ingrediant h2 {
		color: #fff;
	}

	.ingrediant p {
		color: #fff;
	}

	.ingrediant {
		background: none;
		background-repeat: no-repeat;
		padding: 30px 0px 30px 0px;
		height: auto;
		background-color: #11121b;
	}

	.portfolio-link {
		display: block;
	}

	.navbar-nav {
		margin: 0px;
	}

	.search-recipes {
		top: 27%;
	}

	.search-site {
		top: 45%;
	}

	.caption-category {
		width: 100%;
		padding-left: 35px;
		margin-left: 0px;
	}



	.navbar-brand {

		margin-left: 20px;
		margin-top: 20px;
	}

	#scroll {
		position: fixed;
		right: 10px;
		bottom: -5px;
		cursor: pointer;
		width: 50px;
		height: 50px;
		background-image: url(../images/back-to-top.png);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: none;
		box-shadow: 0 0px 10px 0 rgba(217, 217, 217, 1), 0 0px 0px 0px rgba(216, 217, 217, 1), 0 1px 15px 0 rgba(217, 217, 217, 0.2);
		z-index: 99999;
		position: relative;
	}

	.center-mobile {
		text-align: center;
		margin: 0 auto;
	}

	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 24%;
		display: inline-block;
	}

	.seven-cols {
		text-align: center;
	}

	.btnhandle,
	.btnhandle:hover {
		float: none !important;
		width: 225px;
		margin-top: 30px !important;
		margin: 0 auto;
	}

	.range-product {
		padding: 30px 0px 30px 0px;
	}

	h1 {
		font-size: 24px;
	}

	.hero-home,
	.hero-home2 {
		padding: 85px 0px 85px 0px;
		height: 500px;
		background-size: cover;
	}

	.hero-home-dip {
		padding: 85px 0px 85px 0px;
		height: 500px;
		background-size: cover;
	}

	.hero-home-tk-sauces {
		padding: 85px 0px 85px 0px;
		height: 500px;
		background-size: cover;
	}


	.adjust-partner h2,
	.adjust-partner p {
		text-align: center;
	}


}

@media (max-width: 767px) {

	.adjmodal-video {
		margin: 0 auto;
		width: 80%;
	}

	.not-found-main {
		background-image: url(../images/404-bg-mobile.jpg);
	}

	.not-found h1 {
		font-size: 40px;
	}

	.chef-maida-signature {
		background-image: url(../images/chefmaida-signature-mobile.png);
		background-position: bottom right;
		height: 619px;
		width: 100%;
		position: absolute;
		background-repeat: no-repeat;
		bottom: 0px;
		background-size: 100%;
	}

	.video-container {
		padding-bottom: 225px;
	}

	.pro-logo {
		float: none;
		display: block;
		margin: 0 auto;
		margin-top: 20px;
	}

	.adjwidth {
		width: auto;
	}

	.events-link {
		display: block;
	}

	.product-caption {
		margin-bottom: 20px;
	}

	.nav-justified {
		width: 100%
	}

	.nav-justified>li {
		display: table-cell;
		width: 1%;
	}

	.nav.nav-justified>li>a>.quote {
		left: auto;
		top: auto;
		right: 20px;
		bottom: 0px;
	}

	.global-presence h1 {
		font-size: 30px;
	}

	.global-presence {
		padding: 0px 20px 0px 20px;
	}

	.btnclose {
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.distributor-link {
		float: left;
	}

	.hero-home {
		background-image: url(../images/kheermix-banner-mobile.png);
		height: 782px;
		background-position: 19% 58%;
	}

	.hero-home2 {
		background-image: url(../images/Masala-item-mobile.png);
		height: 782px;
		background-position: center;
	}

	.hero-home-dip {
		background-image: url(../images/dip-sauces-m.jpg);
		height: auto;
		padding: 85px 0px 85px 0px;
		background-position: center;
	}

	.hero-home-dip img {
		text-align: center;
		margin: 0 auto;
		top: 48px;
		position: relative;
	}

	.hero-home-tk-sauces {
		background-image: url(../images/tk-sauces-mobile.jpg);
		height: auto;
		padding: 85px 0px 85px 0px;
		background-position: center;
	}

	.hero-home-tk-sauces img {
		text-align: center;
		margin: 0 auto;
		top: 48px;
		position: relative;
	}

	.navbar-brand>img {
		width: 70%;
	}

	.search-recipes,
	.search-site {
		width: 70%;
	}


	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 24%;
		display: inline-block;
	}

	.seven-cols {
		text-align: center;
	}

	.sliderimg1 {
		display: none;
	}

	.sliderimg3 {
		display: none;
	}

	.sliderimg2 {
		display: block;
	}

	.caption-category {
		bottom: 47px;
		position: absolute;
		top: auto;
	}


	.search-recipes,
	.search-site {
		width: 100%;
	}

}

@media (max-width: 600px) {
	.bgfaq {
		background-image: url(../images/inside-header/shangrila-faq-header-mobile.jpg);
		background-attachment: fixed;
	}

	.blurbackground {
		background-image: url(../images/inside-header/shangrila-faq-blurbg-mobile.jpg);
		margin-top: 335px;
		background-attachment: fixed;
		background-repeat: no-repeat;

	}
}

@media (max-width: 500px) {

	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 48%;
	}

	.minproductheight {
		min-height: auto !important;
	}

	.width-caption {
		width: 100%;
	}

}