@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Montserrat', sans-serif;*/
body{
	background-color:#fff3e7;
}
.page-wrapper.login-page{
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(../img/rsz_bcg1-min.jpg);
	background-size: cover;
	background-position: center center;
	overflow:hidden;
}

#login_form input:focus{
	outline: 0;
}

#login_form button:focus{
	outline: 0;
}
/*++++++++++++++++
page-1 Css 
+++++++++++++++++++*/
.login-wrapper{position: relative;}
.login-wrapper-box-outer{
    position:relative;
    text-align:center;
}
.login-wrapper-box-outer img.bg-1up{margin-bottom:-140px;width:80%;}
.login-wrapper-box-outer img.bg-1down{margin-top:-230px;width:85%;}

.login-wrapper-box{
	margin-top: 30%; 
	background:#fff;
	padding:10px;
	position: relative;
}
.mt-12{
    /*margin-top: 12rem!important;*/
}
/*.login-wrapper-box:before{*/
/*	position: absolute;*/
/*	bottom:-6%;*/
/*	left: -6%;*/
/*	content: url(../img/flower-1.png);*/
/*}*/
/*.login-wrapper-box:after{*/
/*	position: absolute;*/
/*	top:-15%;*/
/*	right:13%;*/
/*	content: url(../img/flower-2.png);*/
/*}*/
.login-wrapper-box-inner{
	padding:5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);

}
.login-wrapper-to-inner{
	background:#fff;
	text-align: center;
	padding: 25px;
}
.login-wrapper-to-inner .form-group input{border-bottom: 1px solid #999;border-top: none;border-left: none;border-right: none;}
.btn-before{
	width: 100%;
    height: auto;
    border-radius: 30px;
    padding: 17px 5px 15px 5px;
    background: rgb(185,129,14);
    background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
    display: inline;
    margin-top: 10px;
}
.login-btn{
	padding: 5px 60px;
    border-radius: 30px;
    background: #fff; 
    border:none;
    font-weight: 900;
    font-size: 18px; 
    cursor: pointer;
    color: #c49025; 
}
.login-btn:hover{
	background: #b9810e;
	color: #fff;  
}
/*++++++++++++++++
page-2 Css 
+++++++++++++++++++*/
.page-wrapper.page-2{
	position: relative;
	width: 100%;
	height:100vh;
	background: url(../img/rsz_bcg1-min.jpg);
	background-size: cover;
	background-position: center top;
	overflow: hidden;
}
.virtual-wedding-wrap{
	position: relative;
	width:100%;
	background:#ffffff;
	padding: 10px;
	margin-top:2%;
	height: 365px;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	z-index:1;
}
.virtual-wedding-wrap:before{
	position: absolute;
    top: 35%;
    left: -30%;
    /*content: url(../img/flower-11.png);*/
    width: auto;
    height: auto;
    /* z-index: 999; */
    /*transform: rotate(15deg);*/
}
.virtual-wedding-wrap:after{
	position: absolute;
    top:-40%;
	right: -6%;
    /*content: url(../img/flower-3.png);*/
    width:100px;
    height:150px;
    /*z-index:22;*/
}
.virtual-wedding-wrap-inner{
	height: 345px;
	padding:5px;
	position: relative;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
}

.virtual-wedding-caro{height: 350px;}
.owl-nav i{font-size: 48px; color: #c49025;}
.virtual-wedding-caro.owl-carousel .owl-nav button.owl-next i{position: absolute; right: 20px;}
.virtual-wedding-caro.owl-carousel .owl-nav button.owl-prev i{position: absolute; left: 20px;}
.virtual-wedding-caro .owl-dots{display: none;}
.virtual-wedding-caro.owl-theme .owl-nav{position: absolute;top:35%; width:100%;}
.virtual-heading{padding-top: 25px;}
.virtual-heading p{margin-top:15px; font-family: 'Montserrat', sans-serif;}
.virtual-heading img{width:25%;}
.hello-outer{
    background: #fff;
    padding: 10px;
    width: 270px;
    margin-top:205px;
    margin-left:-15px;
    position:relative;
}
.hello-outer:before{
    position:absolute;
    top:0;
    left:0;
    content:url(../img/images-3.png);
}
.hello{
	position: relative;
	width:250px;
	/*margin-top:150px;*/
	padding: 5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
}
.hello:after{
	position: absolute;
	bottom: -25%;
	right:-35px;
	content: url(../img/flower-4.png);
}
.hello-inner{
background-color: #ffffff;
padding: 5px;
}
.hello-inner p{
    font-size:12px;
    padding:25px 0px 5px 0px;
    margin-bottom:0px;
}
.home-2menu-btn.menu-button{position:relative; z-index:1000;}
.menu-button{ margin-top:25px;text-align: center;}
.menu-button ul li{display: inline-block;}
.menu-button ul li a{
	font-weight: 600;
	text-transform: uppercase;
	transition: all 250ms linear;
	font-size:12px;
	padding:5px 4px 5px 4px;
	border-radius: 30px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
	display:inline-block;
}
.menu-button ul li a span{transition: all 250ms linear;}
.menu-button ul li a:hover{
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 100%);
	color: #ffffff;
}

.menu-button ul li a span.active{
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 100%);
	color: #ffffff;
}
.menu-button ul li a:hover span{background: transparent; color: #ffffff;}
.menu-button ul li a span{
	background: #ffffff;
	color: #c49025;
	padding: 5px 15px;
	border-radius: 30px;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
}
.menu-button.live-venue-page-btn{
    position:absolute;
    bottom:0;
    left:108%;
}
.menu-button.live-venue-page-btn ul li{margin-top:35px!important; display:block;}
.menu-button.live-venue-page-btn ul li a{display:block;padding:5px 5px;}
.menu-button.live-venue-page-btn ul li a span{display:block;}

#side_box{
	max-width: 19vw;
	max-height: 68vh;
	min-width: 19vw;
	min-height: 68vh;
	position: absolute;
	top:5vh;
	left:60.5vw;
	border: 10px solid;
	border-image-slice: 1;
	border-width: 5px;
	background: #fff3e5;
	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);

}
#s_box{
    	max-width: 19vw;
	max-height: 68vh;
	min-width: 19vw;
	min-height: 68vh;
	position: absolute;
	top:5vh;
	left:79.5vw;
	border: 10px solid;
	border-image-slice: 1;
	border-width: 5px;
	background: #fff3e5;
	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
}
#side_box_main{
	max-width: 19vw;
	max-height: 68vh;
	min-width: 19vw;
	min-height: 68vh;
	position: absolute;
	top:5vh;
	left:80vw;
	border: 10px solid;
	border-image-slice: 1;
	border-width: 5px;
	background: #fff3e5;
	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);

}

#bottom_box{
	position: absolute;
	min-width: 17.5vw;
	top:56vh;
	left:.5vw;
	border:0 3px 0 0 solid ;
	border-image-slice: 1;
	border-width: 3px;
	background: transparent;

	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);

}
#close_btn{
	position: absolute;
	top:-1vh;
	left:16vw;
	width: 25px;
	padding: 10px;
	cursor: pointer;
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
	background: transparent;
	color: #c49025;
	z-index: 5;
}

#close_btn_main{
	position: absolute;
	top:-1.5vh;
	left:16vw;
	width: 25px;
	padding: 10px;
	cursor: pointer;
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
	background: transparent;
	color: #c49025;
	z-index: 5;
}
#list_box{
	position: absolute;
	min-width: 18.3vw;
	min-height: 55vh;
	max-height: 55vh;
	top:3vh;
	
	/*border: 10px solid;
	border-image-slice: 1;
	border-width: 5px;
	background: #fff3e5;
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
*/
}

#list_box ul{
	max-height: 52.5vh;
	overflow-x: hidden;
	overflow-y: auto;
}

#form_box{
	position: absolute;
	top:53vh;
	min-width: 18.3vw;
}
#form_box .btn-success{
  background: #fff3e5;
    background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);  
}
#form_box_main{
	position: absolute;
	top:58vh;
	min-width: 18.3vw;
}

/*+++++++++++++++++++++++++++
++++++++++++++++++++++++++++++
frame-a-moment-wrap
++++++++++++++++++++++++++++*/
.bottom-right{
	bottom: -50px;
    right: 10px;
	position: absolute;
	background: url(../img/bottom_right.png);
	background-size: contain;
	min-height:300px;
	min-width: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#fff3e7;
	z-index: 2;

}
.frame-a-moment-wrap{
	position: relative;
	width: 100%;
	height:100vh;
	background-color:#fff3e7;
	background: url(../img/pf.png) ;
	background-size: 650px 550px;
	background-position: center center,right bottom;
	background-repeat: no-repeat; 
	overflow: hidden;
}
.frame-a-moment-box{
	background: #ffffff;
	padding: 10px;
	margin-top: 30%;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	position: relative;
}
.frame-a-moment-box:after{
	position: absolute;
	top:-70px;
	right:-70px;
	content: url(../img/flower-2.png);
}
.frame-a-moment-box-inner{
	padding: 5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
.frame-a-moment-logo{padding:15px; text-align: center;}
.frame-a-moment-logo img{width: 50%;}
.text-frame-amoment{text-align: center;margin-top: 15px;}
.text-frame-amoment h3{font-family: "Playfair Display", serif; font-style:italic;color: #c49025; margin-bottom:0px;}
.text-frame-amoment h5{font-family: "Playfair Display", serif; font-style: italic; color: #c49025;}
.vertical-menu{margin-top:75%;margin-right: 65px;}
.vertical-menu ul li{display: block; margin-bottom: 30px; text-align: center;}
.vertical-menu ul li a{
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 250ms linear;
	font-size:12px;
	padding: 5px 5px;
	border-radius: 30px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
.vertical-menu ul li a span{transition: all 250ms linear; display: block;}
.vertical-menu ul li a:hover{
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 100%);
	color: #ffffff;
}

.vertical-menu ul li a span.active{
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 100%);
	color: #ffffff;
}
.vertical-menu ul li a:hover span{background: transparent; color: #ffffff;}
.vertical-menu ul li a span{
	background: #ffffff;
	color: #c49025;
	padding:8px;
	border-radius: 30px;
}
#image_box{
	position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    min-width: 88vw;
    z-index: 5;
}
/*++++++++++++++++++++++++
+++++++++++++++++++++++++
vedeo-page
+++++++++++++++++++++*/
/*.video-page-box-outer{width:80%;}*/
.video-page-box-outer img.bg-4up{margin-bottom:-315px;width:100%;}
.video-page-box-outer img.bg-4down{margin-top:-315px;width:100%;}
.vedeo-page{
	position: relative;
	width: 100%;
	height:100vh;
	background: url(../img/rsz_bcg1-min.jpg);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
.vedeo-page-box{
	background: #ffffff;
	padding: 10px;
	margin-top: 2rem;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	position: relative;
	width: 60vw;
}

.vedeo-page-box-inner{
	padding: 5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
/*.vedeo-page-box:before{*/
/*    position:absolute;*/
/*    left:-15%;*/
/*    top:-10%;*/
/*    content:url(../img/flower-12.png);*/
/*    z-index:-1;*/
/*}*/
/*+++++++++++++++++++++++
++++++++++++++++++++++++++
++++++++++++++++++++++++++
++++++++++++++++++++++++++++++*/
.event-date{
	position: relative;
	width: 100%;
	height:100vh;
	background: url(../img/rsz_bcg1-min.jpg);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
img.itenery-left-img{margin-top:40%;}
.event-date-box{
	background: #ffffff;
	padding: 10px;
	margin-top:10%;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	position: relative;
	height:auto;
}
.event-date-box:before{
	position: absolute;
	top:0;
	left: 0;
	content: url(../img/image-3.png);
}
.event-date-box:after{
	position: absolute;
	right:0;
	bottom:0;
	content: url(../img/image-4.png);
}

.event-date-box-inner{
	padding: 5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
.event-box-wrapper{
	background: #ffffff;
	padding:10px;
	text-align: center;
}
.event-box-wrapper img{height: 50px;}
.event-box-wrapper h6{text-transform: uppercase;color: #c49025;}
.event-box-wrapper h4{text-transform: uppercase;color: #c49025; margin-bottom: 5px; font-weight: 600; font-family: "Playfair Display", serif;}
.event-box-wrapper .seperater{
	display: inline-block;
	width:50px; 
	height:3px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 

}
.event-box-wrapper p{margin-bottom: 0px;font-family: 'Montserrat', sans-serif;}
.vertical-menu.event-day{margin-right: 0px;margin-top:200px;}
.event-calender{text-align: center;}
.event-calender b{font-size: 12px;font-weight: 600;color: #c49025;}
.event-calender span{font-size: 28px;font-weight: 600;color: #c49025; display: block;}

/*+++++++++++++++++++++++
++++++++++++++++++++++++++
++++++++++++++++++++++++++
++++++++++++++++++++++++++++++*/

.thank-you{
	position: relative;
	width: 100%;
	height:100vh;
	background: url(../img/bg-6.jpg);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
.thank-you-box{
	background: #ffffff;
	padding: 10px;
	margin-top:10%;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	position: relative;
	height:auto;
}
.thank-you-box:after{
	position: absolute;
	left:-5%;
	bottom:-5%;
	content: url(../img/flower-1.png);
}

.thank-you-inner{
	padding: 5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
.thank-you-wrapper{
	background: #ffffff;
	padding:10px;
	text-align: center;
}
.thank-you-content{padding: 30% 20%;}

/*+++++++++++++++++++++++
++++++++++++++++++++++++++
++++++++++++++++++++++++++
++++++++++++++++++++++++++++++*/
.mb-15{margin-bottom: 15px;}
.send-wishes{
	position: relative;
	width: 100%;
	height:100vh;
	background: url(../img/rsz_bcg1-min.jpg);
	background-size: cover;
	background-position: center top;
	overflow: hidden;
}
.send-wishes:before{
    position:absolute;
    top:0;
    left:0;
    content:url(../img/flower-5.png);
    z-index:555;
}
.send-wishes-box{
	background: #ffffff;
	padding: 10px;
	margin-top:10%;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	position: relative;
	height:auto;
}
.send-wishes-box-inner{
	padding: 5px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
.send-wishes-wrapper{
	background: #ffffff;
	padding:10px;
	text-align: center;
}
.send-wishes-content{padding: 30% 20%;}
.wishes-wrap{padding:10% 10%;}
#wish_card{
	position: absolute;
	height: 65vh;
	top: 34vh;
	right:11vw;
	transform: translateY(-50%);
	padding: 10px;
	border: 10px solid;
	  border-image-slice: 1;
	  border-width: 5px;
	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);
}

.wishing_btn{
	position: absolute;
	bottom: 10vh;
	/*transform: translateX(-10%);*/
}

.w-65{
	width: 65% !important;
}



#wish_text{
	 /*--width: 100%;*/
  /*  width: var(--width);*/
  /*  height: calc(var(--width) * 0.5625);*/
  /*  font-size:1.5rem;*/
  /*  font-family:'Comic Sans MS';*/
  /*  outline: 0;*/
  /*  max-height: 50vh;*/
  /*  min-height: 50vh;*/
  /*  overflow-y: auto;*/
  /*  overflow-x: hidden;*/
  /*  opacity: 0.5;*/
  border-width: 0 0 0 0;
  text-align: center; 
   left: 0;
  height: 61vh;
}
[data-placeholder]:empty::before {
     content: attr(data-placeholder);
     color: #888;
     /*font-style: italic;*/
     /*line-height: 50vh;*/
     /*transform: translateY(-20px);*/
}

#box_view{
    overflow-x:hidden;
    overflow-y:auto;
    min-height:90vh;
    max-height:90vh;
    /*background:url('<?php echo base_url('public/assets/blessings/bg/f29d95613bd4048d2c22efd5f52dde92.jpg')?>');*/
}
#box_view img{margin-bottom:30px; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);}

/* Hide scrollbar for Chrome, Safari and Opera */
#box_view::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#box_view {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#video_frame{
	background: transparent;
	min-width: 25vw;
	min-height: 50vh;
	max-width: 25vw;
	max-height: 50vh;
	
	position: absolute;
	top:20vh;
    left:33vw;
    z-index: 1;
  	/*width: 30vw;*/
  	/*transform: translate(-50%,-0%);*/

  	border: 10px solid;
	border-width: 5px;
	border-image-slice: 1;

	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);

}


#vid {
 	width: 38%;
 	position: absolute;
	top:21vh;
    left:33vw;
    transform:  scale(-1,1);
    z-index: -1;
  }


  #video_frame2{
  	 
  	 border: 10px solid;
	  border-width: 5px;
	  border-image-slice: 1;

	/*background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); */
	border-image-source: linear-gradient(302deg, rgba(185,129,14,1) 60%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%);


  }

  #video_frame2:after{
  	position: absolute;
	top:-70px;
	right:-70px;
	content: url(../img/flower-2.png);
  }

  .photo-menu{
  	position: absolute;
  	top:30vh;
  	right:15vw;
  	z-index: 6;
  }
.photo-menu ul li{width:160px;}
  .photo-menu ul li a{
	display: block;
	font-weight: 600;
	/*width: 100px;*/
	text-transform: uppercase;
	transition: all 250ms linear;
	font-size:12px;
	padding: 5px 5px;
	border-radius: 30px;
	background: rgb(185,129,14);
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 23%, rgba(185,129,14,1) 45%, rgba(246,212,136,1) 71%); 
}
.photo-menu ul li a span{transition: all 250ms linear; display: block;}
.photo-menu ul li a:hover{
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 100%);
	color: #ffffff;
}

.photo-menu ul li a span.active{
	background: linear-gradient(302deg, rgba(185,129,14,1) 0%, rgba(246,212,136,1) 100%);
	color: #ffffff;
}
.photo-menu ul li a:hover span{background: transparent; color: #ffffff;}
.photo-menu ul li a span{
	background: #ffffff;
	color: #c49025;
	padding:8px;
	border-radius: 30px;
}

#timer{
	z-index: 2;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -100%);
    opacity:.5;
}


/* Conversation*/
.nav-pills .nav-item .nav-link{
	background: #transparent!important;
	color: #eab96a!important;	
}

.nav-pills .nav-item .nav-link.active{
	background: #eab96a!important;
	color: #fff!important;	
}


.nav-pills .nav-item .nav-link.active:before,.nav-pills .nav-item .nav-link:hover:before{
	content: '';
    width: 70%;
    height: 3px;
    background: #eab96a;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#chat_users,#chat_body{
	max-height: 56vh;
	min-height: 56vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.conversation-list{
	max-height: 47vh;
	min-height: 47vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.conversation-list li {
    margin-bottom: 20px;
}

.conversation-list .conversation-text {
    float: left;
    font-size: 12px;
    margin-left: 12px;
    width: 70%;
}

.conversation-list .odd .conversation-text {
    float: right!important;
    margin-right: 12px;
    text-align: right;
    width: 70%!important;
}

.conversation-list .ctext-wrap {
    background: #f1f3fa;
    border-radius: 3px;
    display: inline-block;
    padding: 12px;
    position: relative;
}
.conversation-list .ctext-wrap i {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    position: relative;
}
.conversation-list .ctext-wrap p {
    margin: 0;
    padding-top: 3px;
}
.conversation-list .ctext-wrap:after {
    left: -11px;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f1f3fa;
    border-width: 6px;
    margin-right: -1px;
    border-right-color: #f1f3fa;
}
.conversation-list .odd .ctext-wrap:after {
    border-color: transparent;
    border-left-color: #fef5e4;
    border-top-color: #fef5e4;
    right: -10px;
    left: auto;
}
.conversation-list .odd .ctext-wrap {
    background-color: #fef5e4;
}


#home_page
{
    background-image: url('../img/Top Left-min.png'),url('../img/Right bottom-min.png')  ;
    background-position: left top,right bottom;
    background-size: 600px 480px,480px 600px;
    background-repeat: no-repeat;
    min-height:100vh;
}
/*+++++++++++Media Query++++++++++++++++++++++*/
/*@media only screen and (max-width: 1920px) {*/
  /*.vedeo-page-box{margin-top:10rem;}*/
  /*.vedeo-page-box:before{display:none;}*/
/*  .login-wrapper-box{margin-top:50%;}*/
/*  .vedeo-page-box{margin-top: 10rem;}*/
/*}*/
/*@media only screen and (max-width: 1440px){*/
/*   .login-wrapper-box{margin-top:20%;} */
/*   .vedeo-page-box{margin-top: 2rem;}*/
/*}*/