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


/*@font-face {
    font-family: Monotype Corsiva;
    src: url(../font/monotype-corsiva.ttf);
}
*/
body{
	position:relative;
	font-family: 'Montserrat', sans-serif;
}
/* Most Common classes */
.clearfix{
	clear:both;
	margin:0px !important;
	padding:0px !important;
}
.bold{
	font-weight: 700;
}
h1{
	font-size: 4em;
	font-weight: 400;
}
/*
.text-center{
	text-align:center;
}
*/

header img.colorful-top{
	height:5px;
	width:100%;
}
header a.header-logo{
	margin:10px 20px 0px;
	max-width: 360px;
	display:inline-block;
}
div.navigation-hamburger-icon{
	overflow:initial;
/*	position:relative;*/
	padding-top:10px;
}
div.contact-info-container{
	overflow: auto;
/*	float:left;*/
	padding-top:30px;
}
div.contact-info-container > p{
	text-align: right;
	padding-right:50px;
	padding-left: 15px;
	color: #4d3172;
	font-weight: 600;
}
div.contact-info-container > p > span{
	width:286px;
	display:inline-block;
}
.text-right-desk{
	text-align: right;
}
/* hamburger navigation icon styling */

div.navigation-box{
	position: absolute;
	right:10px;
	top:25px;
/*	float: right;*/
	cursor:pointer;
	z-index: 9999999;
}
.bar1, .bar2, .bar3 {
	width: 35px;
	height: 5px;
	background-color: rgb(0, 0, 0);
	margin: 6px 0;
	border-radius:4px;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
	background-color: rgb(255, 255, 255);
}

.change .bar2 {
	opacity: 0; 
	background-color: rgb(255, 255, 255);
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
	background-color: rgb(255, 255, 255);
}

/*--Navigation Link Style--*/
nav.hamburger-nav{
  position:fixed;
  top:0;
	right:-1000px;
	transition:all 600ms;
  min-height:140vh;
  background-color:rgba(244, 178, 19, 0.85);
	z-index:999999;
	min-width:720px;
	overflow:hidden;
	margin-top:-20vh;
	border-radius: 800px 0px 0px 800px;
}
nav.hamburger-nav-show{
  position:fixed;
  right:-360px;
}
nav.hamburger-nav ul{
  list-style-type:none;
	margin-top:35vh;
	padding:18% 0px;
	width:360px;
	float: left;
	background-image: url('../images/sidebar.png');
	background-repeat:no-repeat;
	background-position: right center;
	background-size: contain;
}
nav.hamburger-nav > ul > li > a{
  display:block;
  font-size:18px;
  text-transform:uppercase;
  text-decoration:none;
/*  padding:1% 50px;*/
  font-weight:bold;
  color:#fff;
	cursor: pointer;
	transition:all 300ms;
	padding:5px 23px;
	width:180px;
	text-align:right;
}
/*
nav.hamburger-nav > ul > li:first-child > a{
  margin-top:15%;
}
*/
nav.hamburger-nav > ul > li > a:hover{
  background-color: #4D92B3;
}
nav.hamburger-nav > ul > li > a.active{
  background-color: #4D92B3;
}
div.positionFixed{
  position:fixed;
	right:10;
	top:25px;
}

/* Banner Styling */
div.banner{
	background-size: cover !important;
	height:535px;
	position: relative;
}

div#carousel-container{
	position:relative;
}
div#carousel-container .item .background-carousel{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:535px;
}
div#carousel-container .item .background-carousel.background-carousel-1{
	background-image: url(../images/slider-img-1.jpg);
}
div#carousel-container .item .background-carousel.background-carousel-2{
	background-image: url(../images/slider-img-2.jpg);
}
div#carousel-container .item .background-carousel.background-carousel-3{
	background-image: url(../images/slider-img-3.jpg);
}
div#carousel-container .item .background-carousel.background-carousel-4{
	background-image: url(../images/slider-img-4.jpg);
}

/* Social Media Icon Styling */
div.social-media-container{
	position:absolute;
	top:0;
	right:0;
	z-index: 999;
	margin-top:7%;
}
div.social-media-container ul{
	padding:0;
	list-style-type: none;
}
div.social-media-container ul li a{
	display: block;
	margin-top:3px;
	color:#ffffff;
}
div.social-media-container ul a img{
	max-width: 40px;
	height:auto;
	border-radius:50%;
}
a.vertical-text {
	writing-mode: vertical-lr; 
	transform: rotate(180deg);
	background-color: #7f312b;
	padding:10px 8px;
	text-decoration: none;
	font-weight: 700;
}

/*
div#banner-container{
	background-color: #ffffff;
	background-image: url('../images/banner-image.png');
	background-repeat:no-repeat;
}
*/

/* About Banner Styling */
div#about-banner-container{
	background-color: #ffffff;
	background-image: url('../images/DSC_8189.jpg');
	background-repeat:no-repeat;
	background-position: center;
}

/* Contact Banner Styling */
div#contact-us-banner-container{
	background-color: #ffffff;
	background-image: url('../images/banner-image.png');
	background-repeat:no-repeat;
}


/* Portfolio Banner Styling */
div#portfolio-banner-container{
	background-color: #ffffff;
	background-image: url('../images/bannerimage--our-work.jpg');
	background-repeat:no-repeat;
}

/* Services Banner Styling */
div#services-banner-container{
	background-color: #ffffff;
	background-image: url('../images/services-banner.png');
	background-repeat:no-repeat;
	background-position: center;
}

div#who-we-are-container{
	background-color: #ffffff;
	background-image: url('../images/about-whoweare-left-corner.png'), url('../images/rangoli-design-right.png');
	background-repeat:no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: auto, contain;
	padding: 17px 0px;
}
div#who-we-are-container .row div:last-child p{
	max-width:450px;
}
.cursive-style{
	text-align: center;
	/*padding:35px;  */
	padding:54px 5px;
	font-family: 'Great Vibes', cursive;
}
.dark-blue{
	color:#4d3172;
}
.red-color{
	color:#c3152e;
}
.light-green-color{
	color:#924e4b;
}
.purple-color{
	color:#4d3172;
}

.playfair-font{
	font-family: 'Playfair Display', serif;
}
.corsiva-font{
	font-family: MonotypeCorsiva;
	font-size: 2.5em;
}
.text-align-right{
	text-align: right;
	color: #807b77;
	max-width:302px;
	float:right;
}
.know-more-text > a{
	display:block;
	text-align:center;
	color: #000;
}

/* CSS 3D Flipper Styling */

/* Styling Scrollbar */
.card-grid > .back::-webkit-scrollbar {
    width: 3px;
}
 
.card-grid > .back::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
 
.card-grid > .back::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.cards-container > div{
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	color:#fff;
	border-radius:4px;
}
.cards-container div.card-grid img{
	margin-top:20px;
	margin-bottom:7px;
	max-height:100%;
}
.cards-container div.card-grid{
	min-height:210px;
}
.cards-container div.card-grid img + p{
	margin-bottom:30px;
}
.card-grid > .back{
	overflow:auto;
	padding:5px;
	font-weight:500;
	font-size: 0.85em;
}

.cards-container > div.col-md-2.text-center:nth-child(1),
.cards-container > div.col-md-2.text-center:nth-child(1) .front{
	background-color:#4d3172;
}
.cards-container > div.col-md-2.text-center:nth-child(2),
.cards-container > div.col-md-2.text-center:nth-child(2) .front{
	background-color:#d4c649;
}
.cards-container > div.col-md-2.text-center:nth-child(3),
.cards-container > div.col-md-2.text-center:nth-child(3) .front{
	background-color:#4e808f;
}
.cards-container > div.col-md-2.text-center:nth-child(4),
.cards-container > div.col-md-2.text-center:nth-child(4) .front{
	background-color:#ad8157;
}
.cards-container > div.col-md-2.text-center:nth-child(5),
.cards-container > div.col-md-2.text-center:nth-child(5) .front{
	background-color:#76863b;
}
.cards-container > div.col-md-2.text-center:nth-child(6),
.cards-container > div.col-md-2.text-center:nth-child(6) .front{
	background-color:#366684;
}
.cards-container > div.col-md-2.text-center:nth-child(7),
.cards-container > div.col-md-2.text-center:nth-child(7) .front{
	background-color:#7a924b;
}
.cards-container > div.col-md-2.text-center:nth-child(8),
.cards-container > div.col-md-2.text-center:nth-child(8) .front{
	background-color:#924e4b;
}
.cards-container > div.col-md-2.text-center:nth-child(9),
.cards-container > div.col-md-2.text-center:nth-child(9) .front{
	background-color:#805261;
}
.cards-container > div.col-md-2.text-center:nth-child(10),
.cards-container > div.col-md-2.text-center:nth-child(10) .front{
	background-color:#803f3f;
}

div#our-work-container > .rangoli-background-container{
	background-color: #ffffff;
	background-image: url('../images/rangoli-design-2.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom;
	padding:25px 0px;
	margin: 0px -15px;
}
div#our-work-container > .row > div{
	padding:0.05em;
}
div#our-work-container .collage-img > img{
	width:100%;
}
div#testimonials-container{
	background-color:#c1152e;
	color:#ffffff;
	transition:300ms;
}


div#testimonials-container .row > div{
	padding:10px;
}  
div#testimonials-container .row > div > img{
	max-width:400px;
	width:100%;  
}
div#testimonials-container .row h2{
	padding-left:0;
	padding-right:0;
	font-size: 3.5em;
	padding-bottom:17px;
}
footer{
	background-color:#ffffff;
	padding:30px 0px;
	background-image: url(../images/rangoli-design-3-split-left.png), url(../images/rangoli-design-3-split-right.png);
	background-position: bottom left, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, auto;
}
footer p{
	font-size:0.8em;
}
footer a{
	color:#000000;
	font-size:1em;
	display:block;
	text-align:left;
}
footer > .row > div > p:first-child > a{
	padding-top:20px;
}
footer > .row > div:last-child{
	padding:0px;
}
footer small{
	font-weight: 500;
	font-size: .7rem;
	margin-top:10px;
/*	margin-left: 100px;*/
	display: block;
}
footer small a{
	display: inline-block;
}
div.item.row h3{
	padding-left:5px;
}
footer div.fb-container{
	text-align: center;
}
#grid-containter > div > img{
	width:100%;
}

/* About page stying */
main#about-page div#who-we-are-container{
	padding:50px 0px 210px;
	background-image: url(../images/rangoli-design-2.png), url(../images/about-whoweare-left-corner.png), url(../images/about-whoweare-background.png) !important;
	background-position: bottom, left top, center center !important;
	background-repeat: no-repeat, no-repeat, no-repeat !important;
	background-size: contain, auto, cover;
}
main#about-page div#who-we-are-container .container > h3:first-of-type{
	padding:21px 10px 40px;
}
main#about-page div#who-we-are-container .container .row h3:first-of-type{
	padding-top:30px;
}
main#about-page div#who-we-are-container .row div:last-child p{
	max-width:515px;
}
/*
main#about-page div#testimonials-container{
	background-color: #924e4b;
} */

/*
main#contact-page div#testimonials-container{
	background-color: #4d3172;
} */
.testimonials-owl-carousel div.col-md-6 p{
	padding:0px 5px;
}
.testimonials-owl-carousel div.col-md-6 p:last-of-type{
	margin-bottom:0px;
}

/* Contact page styling */
main#contact-page hr{
	max-width: 400px;
	border-top: 1px solid rgba(150, 150, 150, 0.6);
}
main#contact-page div#contact-us-container{
	padding:50px 0px 100px;
	background-image: url(../images/rangoli-design-2.png), url(../images/about-whoweare-left-corner.png), url(../images/about-whoweare-background.png) !important;
	background-position: bottom, left top, center center !important;
	background-repeat: no-repeat, no-repeat, no-repeat !important;
	background-size: contain, auto, cover !important;
}
main#contact-page div#contact-us-container .container > h3:first-of-type{
	padding:20px 10px 40px;
}
main#contact-page div#contact-us-container .container .row{
	padding:50px 0px;
}
main#contact-page div#contact-us-container .container .row h3:first-of-type{
	padding-top:30px;
}
main#contact-page div#contact-us-container .row div:last-child p{
	max-width:515px;
}
main#contact-page div#form input,
main#contact-page div#form select{
	width:100%;
	padding:15px 20px;
	border: 1px solid #c9c9c9;
	border-radius: 0px;
}
main#contact-page div#form input[type=submit]{
	max-width: 200px;
	display: block;
	background-color:#c1152e;
	color:#ffffff;
	font-weight: 900;
	margin:30px auto;
	cursor: pointer;
}

main#contact-page div#form input[type=submit]:hover{
	background-color:#dd1c38;
}

/* Services page styling */
main#services-page div#services-container{
	padding:50px 0px 150px;
	background-image: url(../images/rangoli-design-2.png), url(../images/about-whoweare-left-corner.png), url(../images/about-whoweare-background.png) !important;
	background-position: bottom, left top, center center !important;
	background-repeat: no-repeat, no-repeat, repeat !important;
	background-size: contain, auto, contain !important;
}
main#services-page div#services-container h1{
	padding:70px 0px;
}
main#services-page div#services-container .row .services-heading{
	font-weight: 800;
	text-transform: uppercase;
}
main#services-page div#services-container .row img{
	margin:40px 0px;
}
main#services-page div#services-container .row .services-text{
	padding:0px 5px;
	font-weight:600;
	min-height: 150px;
}
main#services-page div#services-container .row hr{
	margin:50px 0;
	border-top:1px solid rgba(0,0,0,.4);
}


/* Portfolio page styling */
main#portfolio-page div#portfolio-container{
	padding:50px 0px 190px;
	background-image: url(../images/rangoli-design-2.png), url(../images/about-whoweare-left-corner.png), url(../images/about-whoweare-background.png) !important;
	background-position: bottom, left top, center center !important;
	background-repeat: no-repeat, no-repeat, repeat !important;
	background-size: contain, auto, contain !important;
}
main#portfolio-page div#portfolio-container h1{
	padding:70px 0px 35px;
}
main#portfolio-page div#portfolio-container h3{
	padding:30px 15px;
}
main#portfolio-page div#portfolio-container hr{
	max-width: 500px;
	border-top:1px solid rgba(132, 132, 132, 0.4);
}
main#portfolio-page div#portfolio-container .row .services-heading{
	font-weight: 800;
	text-transform: uppercase;
}
main#portfolio-page div#portfolio-container .row img{
/*	margin:0px 0px 20px;*/
}
main#portfolio-page div#portfolio-container .row .services-text{
	padding:0px 5px;
	font-weight:600;
	min-height: 150px;
}
main#portfolio-page div#portfolio-container .row hr{
	margin:50px 0;
	border-top:1px solid rgba(0,0,0,.4);
}
main#portfolio-page div#portfolio-container .row .card-body{
	padding:2.25rem;
	background-color: #f7e8e1;
}
main#portfolio-page div#portfolio-container .row > div{
	margin-top:10px;
	padding:0px 5px;
}
main#portfolio-page div#portfolio-container .row *{
	border-radius: 0px;
	/*border:none; */
}
/* Modifing Owl Carousel Setting */
/*
.owl-nav,
.owl-dots{
	display: none;
}
*/
div.owl-nav,
div.owl-dots{
	height:0;
}
div.owl-nav button.owl-prev{
	position: absolute;
	top: 45%;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	left: 10px;
	border-radius: 50%;
	font-size:1.5em !important;
	color:#ffffff !important;
	font-weight: 600 !important;
	background-color:rgba(0, 0, 0, 0.59) !important;
}
div.owl-nav button.owl-next{
	position: absolute;
	top: 45%;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	right: 10px;
	border-radius: 50%;
	font-size:1.5em !important;
	color:#ffffff !important;
	font-weight: 600 !important;
	background-color:rgba(0, 0, 0, 0.59) !important;
}

.email-black  a{
	text-decoration: none;
	color: #000;
}

/* Slider Fadein Fadeout Effect */
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}  
@-webkit-keyframes fadeOut{
  0% {
    opacity:1;
  }  
  100% {
    opacity:0;
  }  
}
@keyframes fadeOut{
  0% {
    opacity:1;
  }  
  100% {
    opacity:0;
  }  
}

/* Custom Style for Dropdown */
select{
	/*for firefox*/
	-moz-appearance: none;
	/*for chrome*/
	-webkit-appearance:none;
	background:url(../images/caret-bottom-2x.png) no-repeat;
  background-position:95% center;
}

/*for IE10*/
select::-ms-expand {
    display: none;
}



h1.cursive-style.dark-blue.bold.test {
    margin-bottom: -25px;
}  
.back p{
margin-top: 24px;
font-size: 13px !important;
}

/*
.row .testi {
    padding: 22px !important;
}
*/

.container-fluid .testi-bg {
    background-color: #4a3173;
	}
	

	
	div#testimonials-container-1 {
   /* background-color: #4a3173; */
    color: #ffffff;
    transition: 300ms;
}

div#testimonials-container-1 .row h2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 3.5em;
    padding-bottom: 17px;
}

h3.corsiva-font.red-color-1.text-center.test {
    padding: 20px 10px 40px 120px!important;
}

.red-color-1 {
    color: #4a3173;
}


	div#testimonials-container-2 {
    background-color: #ab730f;
    color: #ffffff;
    transition: 300ms;
}

div#testimonials-container-2 .row h2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 3.5em;
    padding-bottom: 17px;
}

.table td, .table th {
    padding: .07rem !important;
}
h2.cursive-style.red-color.text-center.port {
    margin-top: -54px;
}


.fb_iframe_widget {
    top: 10px !important;
}

h3.corsiva-font.red-color.text-center.cntr {
    padding: 20px !important;
    display: block;
}

/* CSS Media Query */
@media only screen and (max-width: 575px) {
	footer a{
		text-align:center;
	}
	footer p{
		text-align:center;
	}
	div.banner{
		height:400px;
	}
	div#carousel-container .item .background-carousel{
		height:400px;
	}
}
@media only screen and (max-width: 767px) {
	.text-align-right{
		text-align: center;
		float: none;
		margin:0 auto 10px;
	}
	.text-right-desk{
		text-align: center;	
	}
	.align-center-mobile{
		text-align: center !important;
	}
}
@media only screen and (max-width: 825px) {
/*
	div.social-media-container ul li{
		display: inline-block;
		vertical-align: top;
	}
	a.vertical-text {
		writing-mode: initial; 
		transform: rotate(0deg);
		background-color: #7f312b;
		padding: 5px 5px;
    text-decoration: none;
    font-weight: 600;
		font-size:14px;
	}
*/
	.cursive-style{
		text-align: center;
		/*padding:35px;  */
		padding:30px 5px;
		font-family: 'Great Vibes', cursive;
	}
	div#who-we-are-container{
		padding:30px 0px 30px !important;
	}
	main#about-page div#who-we-are-container .container > h3:first-of-type{
		padding:0px 10px 20px;
	}
	main#services-page div#services-container,
	main#portfolio-page div#portfolio-container,
	main#contact-page div#contact-us-container{
		padding:0px 0px 20px;
	}
	main#services-page div#services-container .row hr{
		margin:30px 0px;
	}
	main#services-page div#services-container h1,
	main#contact-page div#contact-us-container h1{
		padding:70px 0px 40px;
	}
	main#portfolio-page div#portfolio-container h3{
		padding:10px;
	}
	main#contact-page div#contact-us-container .container .row{
		padding:30px 0px;
	}
	main#contact-page div#contact-us-container .container .row#form{
		padding:10px 0px;
	}
	div.social-media-container ul a img{
    max-width: 35px;
		height: auto;
		border-radius: 50%;
	}
}
@media only screen and (max-width: 1025px) {
	div.social-media-container{
		margin-top:1%;
	}
	div.contact-info-container{
		padding-top:15px;
	}
	div#who-we-are-container{
		background-position: left top, right center;
		background-size: 40%, 20%;
	}
	main#contact-page div#contact-us-container,
	main#about-page div#who-we-are-container,
	main#services-page div#services-container,
	main#portfolio-page div#portfolio-container{
		background-size: contain, 40%, cover !important;
	}
/*
	footer{
		background-size:50%;
    background-position: bottom left;
	}
*/
	div#our-work-container > .rangoli-background-container{
		background-size: 120%;
    background-position: bottom left;
	}
	
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
  nav.hamburger-nav ul {
    list-style-type: none;
    margin-top: 5vh;
    padding: 18% 0px;
    width: 360px;
    float: left;
    background-image: url(../images/sidebar.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
	}
}