body {
}
/* font family*/
@font-face
{
	font-family: trebuc;
	src: url('../Fonts/trebuc.ttf');
}
@font-face
{
	font-family: Monoton;
	src: url('../Fonts/Monoton-Regular.ttf');
}
@font-face
{
	font-family: Pacifico;
	src: url('../Fonts/Pacifico-Regular.ttf');
}
@font-face
{
	font-family: Mali;
	src: url('../Fonts/Mali-Bold.ttf');
}
/*font family*/

/*Image Spin style*/
.imageSpin
{
	animation-name:spin;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-duration:4s;	
	-webkit-animation-name:spin;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:4s;
}

@keyframes spin
{	
	0%
	{
		transform:rotateY(0deg)
	}
	/*50%
	{
		transform:rotateY(360deg)
	}*/
	100%
	{
		transform:rotateY(360deg)
	}
}

@-webkit-keyframes spin
{
	
	0%
	{
		transform:rotateY(0deg)
	}
	/*50%
	{
		transform:rotateY(360deg)
	}*/
	100%
	{
		transform:rotateY(360deg)
	}
}

/*//Image Spin style*/

.patrons
{
	background-color:#ffd400;
	border:1px solid #ffd400;
	border-radius:3px;
	box-shadow: 0 5px 10px rgba(0,0,0,.4);
}
.patrons div img
{	
	width:120px;
}
.patrons h3
{
	font-family: 'Mali' , Cursive;
	margin:10px 0px;	
	font-size:18px;
	color:#b60905;
}
.patrons ul li, .patrons ol li
{
	color:#1e1e1e;
}
.management
{	
	background-color:#b7295b;	
	box-shadow: 0 5px 10px rgba(0,0,0,.4);
}

.management img
{
	width:75px;
	background-color:#ffd400;		
	padding:7px;
}
.management h3
{
	margin: -39px 0px 0px 60px;
}
.management h3 span
{
	background-color: #ffd400;
	color: #a70729;	
	font-weight: 500;
	padding: 3px 10px;
	font-size: 18px;
}
.management p
{
	text-align:center;
	font-size:16px;
	color:#fff;
	margin:15px 0px 0px 0px;
}
.management1
{	
	background-color:#3d3630;	
}
.management1 img
{
	background-color:#fdba2d;
}
.management1 h3 span
{
	background-color: #FDBA2D;
	color: #B60905;
}
.management2 h3
{
	margin: -39px 0px 0px 60px;
}
.member-bg
{
	background: url(../Images/General/member-bg.jpg)0px 0px repeat;
	background-size: cover;
}
.memberpanel h3
{
	font-family: 'Mali' , Cursive;
	margin:15px 0px 10px 0px;
	font-size:20px;
	color:#ffff00;
}
.memberpanel ul li
{
	color:#fff;
	font-size:16px;
}
.committee
{
	font-family: 'Pacifico' , Cursive;
	font-size:20px;
	color:#b60905;
	margin:15px 0px;
}
.bhopal
{
	font-family: 'Mali' , Cursive;
	margin:15px 0px;
	font-size:25px;
	text-align:center;
	color: #666;
}
.bhopal-rose
{
	width:350px;
}
.travel-title
{
	font-family: 'Mali' , Cursive;
	margin:10px 0px;
	color:#333;
	font-size:18px;
	text-align:center;
}
.bhopal-travel
{
	text-align:center;
}
.bhopal-travel img
{
	border:1px solid #333;
	width:100%;
	background-color:#333;
	border-radius:3px;
	padding:5px;
	box-shadow: 0 5px 10px rgba(0,0,0,.4);
}
.rose-city img
{
	width:150px;
}
/*Slider text*/
.slider-txt
{
		text-align:center;
		margin-top:50px;
}
.slider-txt h3
{
	font-family: "Monoton" ,Cursive;
	margin: 10px 0px;
	font-size: 35px;
	letter-spacing: 3px;
	line-height: 47px;
	color: #fff;
}
.slider-txt h4
{
	font-family: 'Pacifico' , Cursive;
	margin: 10px 0px;
	font-size: 35px;
	letter-spacing: 3px;
	line-height: 47px;
	color: #ffd400;
}
.slider-rosetxt h5
{
	font-family: 'Pacifico' , Cursive;
	margin: 15px 0px 0px 0px;
	font-size: 30px;
	letter-spacing: 3px;
	line-height: 42px;
	color: #ffd400;
}
.slider-txt1
{	
		margin-top:35px;
}
.slider-rosetxt
{
	margin-top:60px;
	text-align:center;
}

/* Home about us div style*/
.home-abtbg
{
	background: url(../Images/General/home-abtbg.jpg)0px 0px repeat;	
	height:560px;
}
.box {
    position:absolute; /*position: absolute;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 450px;
    height: 450px;
    background: #F9CCDD;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
   /* border: 2px solid rgba(0,0,0,.5);*/
    margin-top:280px;    
}

    .box:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(182,9,5,.1);
        transition: all 0.5s;
        pointer-events: none;
    }

    .box:hover:before {
        left: -50%;
        transform: skewX(-5deg);
    }

    .box .content {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 2px solid #B60905;
        padding: 30px;
        text-align: center;
        box-shadow: 0 5px 10px rgba(0,0,0,.5);
    }

        .box .content h1 {
            color: #b60905;
            font-size: 30px;
            margin: 0 0 15px;
            padding: 0;
            font-family: 'Pacifico' , Cursive;
        }

        .box .content p {
            color: #1e1e1e;
            text-align:justify;
            margin-top:25px;
        }
        .box .content p a {
            color: #b60905;
            transition:all 0.5s;            
        }
        .box .content p a:hover
        {
        	text-decoration:underline;
        }

    .box span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
    }

        .box span:nth-child(1) {
            transform: rotate(0deg);
        }

        .box span:nth-child(2) {
            transform: rotate(90deg);
        }
        .box span:nth-child(3) {
            transform: rotate(180deg);
        }
        .box span:nth-child(4) {
            transform: rotate(270deg);
        }

        .box span:nth-child(2):before{
            animation-delay:-2s;
        }
        .box span:nth-child(4):before {
            animation-delay: -2s;
        }
        .box span:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: #B60905;
            animation: animate 4s linear infinite;
        }

@keyframes animate {
    0% {
        transform: scaleX(0);
        transform-origin: left;
    }

    50% {
        transform: scaleX(1);
        transform-origin: left;
    }
    50.1% {
        transform: scaleX(1);
        transform-origin: right;
    }

    100% {
        transform: scaleX(0);
        transform-origin: right;
    }
}
/* //Home about us div style*/


/*flex-box section style*/
.flex-div {
    width: 100vw;
    height: 48vh;
    display: flex;
    box-sizing: border-box;
}

    .flex-div .flex-box {
        width: 20vw;
        text-align: center;
        line-height: 10vh;
        flex-grow: 1;
        background-size: cover;
        background-position: center;
        transition: 1s;
    }
    .flex-box p{
        margin:0;
        padding:0;
        line-height:10vh;
        font-size:18px;
        background:rgba(0,0,0,.8);
        transition:.5s;
    }
    .flex-box p span a{
        background:rgba(255,255,255,0);
        width:100%;
        transition:1s;
        color:#fff;
        padding:5px 10px;
        text-transform:uppercase;
        letter-spacing:2px;
        font-size:16px;
    }
    .flex-box:hover  p span a{
        color:#262626;
        background:rgba(255,255,255,.8);
        letter-spacing:10px;
        box-shadow:0 5px 15px rgba(0,0,0,.5);
    }
    .flex-box:hover p{
        background:rgba(0,0,0,0);
    }
    .flex-box:hover{
        width:40vw;
    }

        .flex-div .flex-box:nth-child(1) {
            background: url(../Images/General/flex-img1.jpg) no-repeat;
        }

        .flex-div .flex-box:nth-child(2) {
            background: url(../Images/General/flex-img2.jpg) no-repeat;
        }

        .flex-div .flex-box:nth-child(3) {
            background: url(../Images/General/flex-img3.jpg) no-repeat;
        }

        .flex-div .flex-box:nth-child(4) {
            background: url(../Images/General/flex-img4.jpg) no-repeat;
        }

        .flex-div .flex-box:nth-child(5) {
            background: url(../Images/General/flex-img5.jpg) no-repeat;
        }

/*//flex-box section style*/

.roseshow-panel
{
	border:none;
	/*background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.90);	*/
}
.roseshow-img1 img
{
	padding:10px;
	border-radius:50%;
	background-color:#fff;
	width:250px;
}
.roseshow-img2 img
{
	width:70%;	
}
.show-schedule, .show-schedule a
{
	
	color:#c00000;
	font-size:15px;
	transition:all 0.5s;	
}
.show-schedule a i
{
	margin:0px 3px 0px 0px;
}
.show-schedule a:hover
{
	color:#ff0000;
	margin-left:5px;
}
.show-schedule p
{
	border-bottom:1px solid #ccc;
	margin: 3px 0px 0px 0px;
	padding: 2px 0px 4px 0px;
}
.rosemaster-bg
{
	 background: url(../Images/General/patron-bg.jpg) repeat 0px 0px;
}
.rosemaster
{
	border-bottom:1px solid #B60905;
}
.mprs-scroll
{
	overflow-x:auto;
}
.popup-close
{
	border:1px solid #B60905;
	background-color:#B60905;
	color:#fff;
	height:30px;
	width:80px;
	margin:15px 0px 10px 0px; 
	box-shadow:0 5px 15px rgba(0,0,0,.5);
	transition:all 0.5s;
	font-size:16px;
}
.popup-close:hover
{
	color:#ffd400;
}
.master-roselist
{
	margin-left:-28px;
}
.master-roselist li
{
	color:#B60905;
	padding:3px 0px;
}
.master-roselist li p
{
	margin:0px;
	color:#333;
}
.subhead
{
	color:#B60905;
	font-size:17px;
}
.souvenir img
{
	width:250px;
	margin:15px 0px;
}
.articles-bg
{
	 background: url(../Images/General/articles-bg.jpg) repeat 0px 0px fixed;	 
}
.article
{
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.80);	
	min-height:500px;
}
.article ul
{
	padding-top:20px;
}
.article ul li, .article ul li a
{
	color:#ffd400;
	padding:5px 0px;
	font-size:16px;
	transition:all 0.5s;
}
.article ul li a:hover
{
	text-decoration:underline;		
}
.article ul li span
{
	color:#fff;
	font-size:14px;
}

/*Media query*/
/* Large desktop and laptops*/
@media (min-width: 1200px)
{
	
}

/* Landscape tablets and medium desktops*/
@media (min-width: 992px) and (max-width: 1199px)
{
	.bhopal
	{	
		font-size:22px;	
	}
	.slider-txt
	{
			text-align:center;
			margin-top:50px;
	}
	.slider-txt h3
	{	
		font-size: 30px;	
		margin:0px;
	}
	.slider-txt h4
	{
		font-size: 30px;
		margin:0px;
	}
	.slider-txt1
	{	
			margin-top:25px;
	}
}

/* medium tablets and medium laptop*/
@media (min-width: 768px) and (max-width: 991px)
{
	.bhopal
	{	
		font-size:20px;	
	}
	.slider-txt
	{
		margin-top:30px;
	}
	.slider-txt h3
	{	
		font-size: 25px;	
		margin:0px;
	}
	.slider-txt h4
	{
		font-size: 25px;
		margin:0px;
	}
	.slider-txt1
	{	
			margin-top:15px;
	}
	.slider-txt1 h3, .slider-txt1 h4
	{	
		font-size: 25px;	
		margin:0px;
		line-height:32px;
	}	
	.slider-rosetxt h5
	{		
		margin: 15px 0px 0px 0px;
		font-size: 25px;	
	}
	.slider-rosetxt
	{
		margin-top:50px;
	}

}

/* portrait tablets and small desktops*/
@media (max-width: 767px)
{
	.memberpanel
	{
		margin-top:20px;
		background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.80);
	}
	.bhopal
	{	
		font-size:18px;	
	}
	.bhopal-travel img
	{
		width:60%;
	}
	.slider-txt
	{
		margin-top:15px;
	}
	.slider-txt h3
	{	
		font-size: 20px;	
		margin:0px;
		line-height:normal;
	}
	.slider-txt h4
	{
		font-size: 18px;
		margin:0px;
		line-height:normal;
	}
	.slider-rosetxt h5
	{		
		margin: 15px 0px 0px 0px;
		font-size: 22px;	
		line-height:30px;
	}
	.slider-rosetxt
	{
		margin-top:30px;
	}
	.box .content h1
  {   
    font-size: 25px;
    margin: 0px 0px 0px;    
  }
  .roseshow-img1 img
	{	
		width:180px;
	}
  .roseshow-img2 img
	{
		width:100%;
	}
	.article
	{			
		min-height:0px;
		margin-bottom:-10px;
	}
	.article ul
	{
		margin-left:-15px;
		padding-bottom:15px;
	}
	
}

/* Mobile and small Phones*/
@media (max-width: 480px)
{
	.patrons div img
	{	
		width:90px;
	}
	.patrons h3
	{	
		font-size:16px;		
	}
	.patrons ol
	{
		margin-left:-20px;	
	}
	.management h3, .management2 h3
	{
		margin: 0px;
	}
	.management h3 span
	{		
		padding: 3px 10px;
		font-size: 16px;
	}
	.management p
	{		
		font-size:15px;		
	}
	.memberpanel h3
	{	
		font-size:18px;		
	}
	.memberpanel ul li
	{		
		font-size:15px;
	}
	.memberpanel ul
	{
		margin-left:-20px;
	}
	.bhopal-rose
	{
		width:200px;
	}
	.bhopal-travel img
	{
		width:100%;
	}
	.slider-txt
	{
		margin-top:15px;
	}
	.slider-txt h3
	{	
		font-size: 20px;	
		margin:0px;
		line-height:30px;
	}
	.slider-txt h4
	{
		font-size: 20px;
		margin:0px;
		line-height:25px;
	}
	.slider-rosetxt h5
	{		
		margin: 10px 0px 0px 0px;
		font-size: 18px;	
		line-height:28px;
	}
	.slider-rosetxt
	{
		margin-top:10px;
	}
	.box .content h1
  {   
    font-size: 20px;
    margin: 0px 0px -10px;    
  }
	.box {   
    width: 280px;
    height: 520px;    
	}
	.box .content 
	{
		padding:15px;
	}
	.flex-box p
	{
    margin:0;
    padding:0;
    line-height:12vh;
    font-size:14px;
    background:rgba(0,0,0,.8);
    transition:.5s;
  }
  .flex-box p span a
  {  
    padding:1px 2px;   
    letter-spacing:0px;
    font-size:14px;
   line-height:8vh;
   }
   .flex-box:hover  p span a{
        color:#262626;
        background:rgba(255,255,255,.8);
        letter-spacing:0px;
        box-shadow:0 5px 15px rgba(0,0,0,.5);
    }
    .flex-box:hover p{
        background:rgba(0,0,0,0);
    }
    .show-schedule, .show-schedule a
    {   
			font-size: 15px;
			font-family: trebuc;
			line-height:20px;		
    }
    .show-schedule a:hover
    {
    	margin-left:0px;
    	text-decoration:underline;
    }
   .souvenir img
		{
			width:75%;			
		}
		.article ul li, .article ul li a 
		{   
    font-size: 15px;   
		}
	
   
}
/*Media query*/