@charset "utf-8";
/* CSS Document */

/* colours

114936	 green
f3d5c3   pink

*/

/* -- override default bootstrap styles -- */



/* navbar */

.navbar {
	margin-top: 				45px;
	
	-webkit-transition: 		all ease-in-out 0.5s;
		 -o-transition: 		all ease-in-out 0.5s;
			transition: 		all ease-in-out 0.5s;
}

.navbar .nav-link {
	color: 						#1e1d1d;
	font-size: 					18px;
	text-transform: 			uppercase;
	
	-webkit-transition: 		all ease-in-out 0.5s;
		 -o-transition: 		all ease-in-out 0.5s;
			transition: 		all ease-in-out 0.5s;
}

.navbar .nav-link span {
	text-transform: 			lowercase;
}

.navbar .nav-link:hover {
	color: 						#42D0C4 !important;
}

.navbar .navbar-toggler {
	border-color: 				rgb(0,0,0);
}

.navbar .navbar-toggler-icon {
	background-image: 			url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



/* -- fonts -- */

@font-face {
	font-display: 				swap;
    font-family: 				'Zapfino Extra LT';
    src: 						url('../fonts/ZapfinoExtraLT-One.eot');
    src: 						url('../fonts/ZapfinoExtraLT-One.eot?#iefix') format('embedded-opentype'),
								url('../fonts/ZapfinoExtraLT-One.otf')  format('opentype'),
								url('../fonts/ZapfinoExtraLT-One.woff2') format('woff2'),
								url('../fonts/ZapfinoExtraLT-One.woff') format('woff'),
								url('../fonts/ZapfinoExtraLT-One.ttf') format('truetype'),
								url('../fonts/ZapfinoExtraLT-One.svg#ZapfinoExtraLT-One') format('svg');
    font-weight: 				normal;
    font-style: 				normal;
}





/* -- custom styles -- */

*:focus {
    outline: 					none;
}

html {
  scroll-behavior: 				smooth;
}

body {
	color: 						#666666;
}

.btn-ishaara {
	background-color: rgb(235, 212, 200);
	border-radius: 15px;
	box-shadow: 3px 3px 8px #333;
	color: rgb(37, 74, 56);
	display: block;
	font-size: 18px;
	padding: 10px 15px;
	text-decoration: none;
	width: 100%;
}
.btn-ishaara:hover {
	color: rgb(37, 74, 56);
	text-decoration: none;
}

.button {
	background-color:			#fff;
	border-radius:				10px;
	color: 						#000 !important;
	display: 					inline-block;
	padding: 					10px 15px;
	text-transform:				uppercase;
	
	-webkit-transition: 		all ease-in-out 0.5s;
		 -o-transition: 		all ease-in-out 0.5s;
			transition: 		all ease-in-out 0.5s;
}

.button:hover {
	color: 						#333 !important;
	text-decoration:			none;
	
	-webkit-transition: 		all ease-in-out 0.5s;
		 -o-transition: 		all ease-in-out 0.5s;
			transition: 		all ease-in-out 0.5s;
}

.embed-container {
	height: 					0;
	margin: 					0 auto;
	max-width: 					100%;
	overflow: 					hidden;
	padding-bottom: 			56.25%; 
	position: 					relative;	
} 		 
.embed-container video {
	position: 					absolute; 
	top: 						0;
	left: 						0;
	right: 						0;
	
	height: 					100%;
	width: 						100%; 
}
.embed-container iframe {
	border: 					none;
	
	position: 					absolute; 
	top: 						0;
	left: 						0;
	right: 						0;
	
	height: 					100%;
	width: 						100%; 
}

footer {
	color: 						#1e1d1d;
	font-size: 					14px;
	padding-bottom:				15px;
}

footer img {
	float: 						left;
	height: 					75px;
	margin-right:				15px;
}

h1, h2, h3, h4, h5, h6 {
	color: 						#440055;	
	font-family: 				'Zapfino Extra LT';
	margin-bottom:				15px;
}

header {
	position: 					relative;
}

hr.ishaara {
	border: 					none;
	border-bottom: 				#f3d5c3 3px solid;
	margin: 					3px auto;
	width:						80%;
}
hr.stratix {
	border: 					none;
	border-bottom: 				#440055 1px solid;
}

.magnify {
	background-color: 			#F90;
	display: 					inline-block;
	position: 					relative;
}
.magnify .fas {
	color: 						#fff;
	font-size: 					18px;
	position: 					absolute;
	bottom: 					10px;
	right: 						10px;
}

#map-india {
	background-color: 			#fff;
	height: 					50vh;
}


.nav-primary {
	margin: 					0;
	padding: 					0;
}
.nav-primary li {
	display: 					inline-block;
	margin: 					0 10px;
}
.nav-primary li a {
	color:						#000;
}

.nav-secondary {
	margin: 					0;
	padding: 					0;
}
.nav-secondary li {
	display: 					inline-block;
	margin: 					0 10px;
}
.nav-secondary li a {
	color:						#fff;
}

.scroll-down {
	display: 					none;
	margin: 					auto;
	position: 					absolute;
	width: 						34px;
	
	bottom: 					60px !important;
	right: 						0;
	left: 						0;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	screen and (min-width: 768px),
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
	.scroll-down {
		display: 				block;
	}
}
.scroll-down .mousey {	
	border: 					2px solid #fff;
	border-radius: 				25px;
	box-sizing: 				content-box;
	height: 					35px;
	opacity: 					0.75;
	padding: 					10px 15px;
	width: 						3px;
}
.scroll-down .mousey .scroller {
	background-color: 			#fff;
	border-radius: 				25%;
	height: 					10px;
	width: 						3px;
	
	animation-name: 			scroll;
	animation-duration: 		2.2s;
	animation-timing-function: 	cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: 	infinite;
}
@keyframes scroll {
	0% {
		opacity: 				0;
	}
	10% {
		transform: 				translateY(0);
		opacity: 				1;
	}
	100% {
		transform: 				translateY(15px);
		opacity: 				0;
	}
}

section {
	height: 					auto;
	padding-bottom: 			30px;
	padding-top: 				45px;
}

section p,
section ul {
	font-size: 					18px;
}

section#ishaara {
	background-color: 			#114936;
}

section#about {
	
}

section#about-ishaara p {
	font-size: 					14px;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
	section#about-ishaara p {
		font-size: 					18px;
	}
}

section#menus {
	background-color: 			#114936;
	color: 						#fff;
}
section#menus h1 {
	color: 						#f3d5c3;
}

section#menus .fas.fa-shopping-bag {
	color: 						#fff;
	font-size:					30px;
	margin-bottom: 				15px;
}

section#gallery {
	
}
section#gallery .magnify {
	margin:						15px auto;
}

section#socialmedia {
	background-color: 			#114936;
	color: 						#fff;
	overflow: 					hidden;
}
section#socialmedia h1 {
	color: 						#f3d5c3;
}
section#socialmedia .fab.fa-facebook-f {
	background-color: 			#4e8b8c;
	color:						#fff;
	font-size:					22px;
	height:						30px;
	margin:						0 5px;
	padding: 					5px;
	width:						30px;
}
section#socialmedia .fab.fa-instagram {
	background-color: 			#f4acba;
	color:						#fff;
	font-size:					22px;
	height:						30px;
	margin:						0 5px;
	padding: 					5px;
	width:						30px;
}

section#pr {
	
}
section#pr img {
	display: 					block;
}
section#pr .magnify {
	margin-top: 				15px;
}

section#awards {
	background-color: 			#114936;
	color: 						#fff;
}
section#awards h1 {
	color: 						#f3d5c3;
}
section#awards img {
	display: 					block;
	margin: auto;
}

section#contact {
	
}
section#contact .fas.fa-phone {
	color: 						#440055;
}
section#contact .stratix {
	font-size: 					30px;
}
section#contact .ishaara {
	font-size: 					18px;
}

.video-wrapper {
	background: 				#000;
	height: 					0;
	overflow: 					hidden;
	position: 					relative;
	max-width: 					100%;
	padding-bottom: 			56.23%;
	/* Use 75% for 4:3 videos */
}

.video-wrapper iframe {
	background: 				transparent;
	border: 					none;
	height: 					100%;
	position: 					absolute;	top: 0;	left: 0;
	width: 						100%;
	z-index: 					100;
}

.video-wrapper #btnPlayPause {
	background-color: 			transparent;
	border: 					0px;
	display: 					block;
	outline: 					none;
	position: 					absolute;
	top: 						0px;
	width: 						100%;
	z-index: 					0;	
}

.video-wrapper .play {
	background-image: 			url("../img/play.png");
	background-repeat: 			no-repeat;
	background-position: 		center;
	opacity: 					1;
}

.video-wrapper .pause {
	background-image: 			url("../img/pause.png");
	background-repeat: 			no-repeat;
	background-position: 		center;
	opacity: 					0.2;
}

.video-wrapper .videoForMozilla {
    display: 					none;
}

@-moz-document url-prefix() {
	.video-wrapper .videoForMozilla {
        display: 				block;
    }
    .video-wrapper .videoForChrome,
	.video-wrapper #btnPlayPause{
        display: 				none !important;
    }
}

.youtube-player {
	background: 				#000;
	height: 					0;
	overflow: 					hidden;
	position: 					relative;
	max-width: 					100%;
	margin: 					5px;
	padding-bottom: 			56.23%;
	/* Use 75% for 4:3 videos */
}

.youtube-player iframe {
	background: 				transparent;
	height: 					100%;
	position: 					absolute;	top: 0;	left: 0;
	width: 						100%;
	z-index: 					100;
}

.youtube-player img {
	bottom: 					0;
	border: 					none;
	cursor: 					pointer;
	display: 					block;
	height: 					auto;
	left: 						0;
	margin: 					auto;
	max-width: 					100%;
	position: 					absolute;	right: 0; top: 0;
	width: 						100%;
	
	-webkit-transition: 		.4s all;
	   -moz-transition: 		.4s all;
			transition: 		.4s all;
}

.youtube-player img:hover {
	-webkit-filter: 			brightness(75%);
}

.youtube-player .play {
	background: 				url("//i.imgur.com/TxzC70f.png") no-repeat;
	cursor: 					pointer;
	height: 					72px;
	width: 						72px;
	position: 					absolute; left: 50%; top: 50%;
	margin-left: 				-36px;
	margin-top: 				-36px;
}



.no-gutters {
  margin-right: 				0;
  margin-left: 					0;

  > .col,
  > [class*="col-"] {
    padding-right: 				0;
    padding-left: 				0;
  }
}