@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');



@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'BebasNeueBook';
    src: url('../fonts/BebasNeueBook.eot');
    src: url('../fonts/BebasNeueBook.eot') format('embedded-opentype'),
         url('../fonts/BebasNeueBook.woff2') format('woff2'),
         url('../fonts/BebasNeueBook.woff') format('woff'),
         url('../fonts/BebasNeueBook.ttf') format('truetype'),
         url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
}

@font-face {
    font-family: 'BebasNeueBold';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot') format('embedded-opentype'),
         url('../fonts/BebasNeueBold.woff2') format('woff2'),
         url('../fonts/BebasNeueBold.woff') format('woff'),
         url('../fonts/BebasNeueBold.ttf') format('truetype'),
         url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
}



@font-face {
    font-family: 'NexaBold';
    src: url('../fonts/NexaBold.eot');
    src: url('../fonts/NexaBold.eot') format('embedded-opentype'),
         url('../fonts/NexaBold.woff2') format('woff2'),
         url('../fonts/NexaBold.woff') format('woff'),
         url('../fonts/NexaBold.ttf') format('truetype'),
         url('../fonts/NexaBold.svg#NexaBold') format('svg');
}


@font-face {
    font-family: 'NexaXBold';
    src: url('../fonts/NexaXBold.eot');
    src: url('../fonts/NexaXBold.eot') format('embedded-opentype'),
         url('../fonts/NexaXBold.woff2') format('woff2'),
         url('../fonts/NexaXBold.woff') format('woff'),
         url('../fonts/NexaXBold.ttf') format('truetype'),
         url('../fonts/NexaXBold.svg#NexaXBold') format('svg');
}


@font-face {
    font-family: 'amandasignature';
    src: url('../fonts/amandasignature.eot');
    src: url('../fonts/amandasignature.eot') format('embedded-opentype'),
         url('../fonts/amandasignature.woff2') format('woff2'),
         url('../fonts/amandasignature.woff') format('woff'),
         url('../fonts/amandasignature.ttf') format('truetype'),
         url('../fonts/amandasignature.svg#amandasignature') format('svg');
}


@font-face {
    font-family: 'TCB';
    src: url('../fonts/TCB.eot');
    src: url('../fonts/TCB.eot') format('embedded-opentype'),
         url('../fonts/TCB.woff2') format('woff2'),
         url('../fonts/TCB.woff') format('woff'),
         url('../fonts/TCB.ttf') format('truetype'),
         url('../fonts/TCB.svg#TCB') format('svg');
}


@font-face {
    font-family: 'TCM';
    src: url('../fonts/TCM.eot');
    src: url('../fonts/TCM.eot') format('embedded-opentype'),
         url('../fonts/TCM.woff2') format('woff2'),
         url('../fonts/TCM.woff') format('woff'),
         url('../fonts/TCM.ttf') format('truetype'),
         url('../fonts/TCM.svg#TCM') format('svg');
}

a, a:focus, a:hover{ outline:none; text-decoration:none;}

html, body{ background:#fff;  margin:0;  padding:0; color:#908fa1; font-size:14px; line-height:24px;  font-family: 'Montserrat', sans-serif;  font-weight: 500;
 overflow:scroll;  }

.clearfix{ clear:both; display:block;}

ul{ margin:0; padding:0;} ul li{ list-style:none;}  

h1, h2, h3, h4, h5, h6{ color:#2b2f43; font-family: 'Montserrat', sans-serif;  font-weight: 500;}

.img_full{ width:100%;} 

.btn{ background:#904ece; color:#fff; border:none; padding:13px; border-radius:6px; font-size:15px; font-family: 'Montserrat', sans-serif;  font-weight: 600;} 
.btn:hover{ background:#d85993; color:#fff;}


.navbar{ background:none; padding:10px 0px;}
 
.navbar-expand-md .navbar-nav > li > a{ color:#908fa1; padding:0px 25px !important; } 
.navbar-expand-md .navbar-nav > li > a:hover, .navbar-expand-md .navbar-nav > li > a.active{ color:#00b2eb;}  
.navbar-expand-md .navbar-nav > li:last-child > a{ padding-right:0!important;}  
.navbar-expand-md .navbar-nav > li > a > i{ margin-right:4px;}
.navbar-expand-md .navbar-nav > li > a > i img{ position:relative; top:-3px;}
.navbar-expand-md .navbar-nav > li > a > i img:last-child{ display:none;} 
.navbar-expand-md .navbar-nav > li > a:hover > i img:last-child, .navbar-expand-md .navbar-nav > li > a.active > i img:last-child{ display:inline-block;} 
.navbar-expand-md .navbar-nav > li > a:hover > i img:first-child, .navbar-expand-md .navbar-nav > li > a.active > i img:first-child{ display:none;}

.dropdown-toggle::after{ display:none;} 
.dropdown-menu{ background:#fff; border:none; border-radius:0;} 
.dropdown-menu li a{ color:#908fa1; font-weight:500;  padding:6px 20px;} 
.dropdown-menu li a:hover{ color:#00b2eb; background:none;}


/*===================================================================*/ 


.login_m {
	background: #f6f5f7;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: 'Montserrat', sans-serif;
	height: 100vh;
	margin: 0px;
}

.login_m  h1 {
	font-weight: bold; 
	margin: 0;
}

.login_m  h2 {
	text-align: center;
}

.login_m  p {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 20px 0 30px;
}

.login_m  span {
	font-size: 12px;
}

.login_m  a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	margin: 15px 0;
}


.login_m button {
	border-radius: 5px;
	border:none;
	background-color: #904ece;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
}

.login_m button:active {
	transform: scale(0.95);
}

.login_m button:focus {
	outline: none;
}

.login_m button.ghost {
	background-color: transparent;
	border:1px solid #FFFFFF;
}

.login_m form {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 45px;
	height: 100%;
	text-align: center;
}

.login_m input {
	background-color: #eee;
	border: none;
	padding: 12px 15px;
	margin: 8px 0;
	width: 100%;
}

.login_m .container {
	background-color: #fff;
	border-radius: 10px;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 
			0 10px 10px rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
	width: 768px;
	max-width: 100%;
	min-height: 480px;
}

.login_m .form-container {
	position: absolute;
	top: 0;
	height: 100%;
	transition: all 0.6s ease-in-out;
}

.login_m .sign-in-container {
	left: 0;
	width: 50%;
	z-index: 2;
}

.login_m .sign-in-container h1, .login_m .sign-up-container h1{ color:#000;}

.login_m .container.right-panel-active .sign-in-container {
	transform: translateX(100%);
}

.login_m .sign-up-container {
	left: 0;
	width: 50%;
	opacity: 0;
	z-index: 1;
}

.login_m .container.right-panel-active .sign-up-container {
	transform: translateX(100%);
	opacity: 1;
	z-index: 5;
	animation: show 0.6s;
}

@keyframes show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}
	
	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}

.login_m .overlay-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	transition: transform 0.6s ease-in-out;
	z-index: 100;
}

.login_m .container.right-panel-active .overlay-container{
	transform: translateX(-100%);
}

.login_m .overlay {
	background: #8f4ecf;
	color: #FFFFFF;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
  	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

.login_m .container.right-panel-active .overlay {
  	transform: translateX(50%);
}

.login_m .overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 40px;
	text-align: center;
	top: 0;
	height: 100%;
	width: 50%;
	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

.login_m .overlay-left {
	transform: translateX(-20%);
}

.login_m .container.right-panel-active .overlay-left {
	transform: translateX(0);
}

.login_m .overlay-right {
	right: 0;
	transform: translateX(0);
}

.login_m .container.right-panel-active .overlay-right {
	transform: translateX(20%);
}

.login_m .social-container {
	margin: 20px 0;
}

.login_m .social-container a {
	border: 1px solid #DDDDDD;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
	height: 40px;
	width: 40px;
}



/*===============================================*/  
.navbar-brand{ padding:0; margin:0;}

.mid_wrap{ background:#f4f4f4; padding:60px 0px;}  
.breadcrumb{ font-weight:400;} 
.breadcrumb li a{ color:#717781;} 
.breadcrumb li.active { color:#a251be;} 
.breadcrumb-item + .breadcrumb-item::before{content:var(--bs-breadcrumb-divider, "\f105"); font-family:'FontAwesome'; font-size:18px;} 

.bx_a{ background:#fff; padding:35px; border-radius:10px;} 

.form-control{ border:#e2e2e2 1px solid; background:#fff; border-radius:5px; height:45px; } 
.slectbx{-webkit-appearance: none; -moz-appearance:    none;
   appearance:none; background:#fff url(../images/downarrow.png) no-repeat right center; padding-right:30px; } 
.small_title{ font-weight:600;}    

.last_t_r{ position:relative;} 
.last_t_r #collapseExample{ z-index: 999;position:absolute; width:150px; top:45px; right:0; background:#fff; border-radius:0;} 
.last_t_r #collapseExample .card{ border:none; border-radius:0;} 
.last_t_r #collapseExample ul li a{ color:#908fa1;} 
.last_t_r #collapseExample ul li a:hover{ color:#00b2eb;}
 
#footer{ padding:20px 0px; text-align:center; color:#5a5964;} 
#footer a{ color:#908fa1; margin:0px 8px; display:inline-block;} 
#footer a:hover{ color:#00b2eb;}


.crd ul li{ display:inline-block; margin-right:25px;} 
.crd ul li:first-child a{ display:inline-block; color:#16a085;} 
.crd ul li:first-child a:before{ content:""; width:16px; height:16px; display:inline-block; border:#fff 2px solid; background:#16a085; border-radius:100%; box-shadow:0px 0px 10px rgba(0,0,0,.2); margin-right:6px; position:relative; bottom:-2px;} 

.crd ul li:nth-child(2) a{ display:inline-block; color:#196ade;} 
.crd ul li:nth-child(2) a:before{ content:""; width:16px; height:16px; display:inline-block; border:#fff 2px solid; background:#196ade; border-radius:100%; box-shadow:0px 0px 10px rgba(0,0,0,.2); margin-right:6px; position:relative; bottom:-2px;} 

.crd ul li:nth-child(3) a{ display:inline-block; color:#ff912b;} 
.crd ul li:nth-child(3) a:before{ content:""; width:16px; height:16px; display:inline-block; border:#fff 2px solid; background:#ff912b; border-radius:100%; box-shadow:0px 0px 10px rgba(0,0,0,.2); margin-right:6px; position:relative; bottom:-2px;} 

.vd_cl{ background:#fff; border-radius:10px 10px 4px 4px; border-bottom-width:3px;  margin-bottom:30px;} 
.b_solid{border-bottom-style:solid;}
.selected{border: 2px solid #00b2eb}
.vd_cl .bdy_vd{ padding:15px; min-height:104px;} 
.vd_cl .ftr_vd{ padding:20px 15px; border-top:#f4f4f4 1px solid;} 
.vd_cl .cby{ color:#191919;}
.vd_cl .cby span{ color:#797676;} 
.series_vd img.img_full{ border-radius:10px 10px 0px 0px;} 
.link_vd ul li{ display:inline-block; margin:0px 6px;} 
.link_vd ul li a{ display:block; width:34px; height:34px; text-align:center; line-height:34px; background:#fff; border-radius:6px; box-shadow:0px 0px 15px rgba(0,0,0,.2);} 
.link_vd ul li a:hover{ background:#904ece;} 
.link_vd ul li a i img:last-child{ display:none;} 
.link_vd ul li a:hover i img:last-child{ display: inline-block;} 
.link_vd ul li a:hover i img:first-child{ display:none;} 
.completed{ border-bottom-color:#16a085;} .rendering { border-bottom-color:#196ade;} .draft { border-bottom-color:#ff902a;}
.series_vd .hvr_play{ position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:rgba(14,15,22,.68); border-radius:10px 10px 0px 0px;} 
.vd_cl:hover .series_vd .hvr_play, .completed .series_vd .hvr_play{ display:flex;} 

.progress{ height:9px; border-radius:20px; background:#daf6ff;} 
.progress-bar{ background:#00b2eb; border-radius:20px;} 

.btn2{ background:#904ece; border:#dbf6ff 1px solid; color:#00b2eb;} 
.btn2:hover{ background:#d85993; border:#d85993 1px solid; color:#fff;} 

.pagination li a{ margin:0px 5px !important; padding:6px 16px; background:#fefefe; color:#5a5b6a; border:none !important; border-radius:6px !important; box-shadow:0px 0px 15px rgba(0,0,0,.2);}
.pagination li.active a, .pagination li a:hover{ background:#904ece !important; color:#fff;} 

.right-panel-active .overlay-left h1, .overlay-right h1{ color:#fff;} 
.like_btn{ width:40px; position:absolute; right:20px; top:-20px;} 
.like_btn a{ display:block; height:40px; width:40px; font-size:18px; background:#fff; color:#9f9f9f; border-radius:100%; box-shadow:0px 0px 15px rgba(0,0,0,.2); text-align:center; line-height:40px;} 
.like_btn a.active{ color:#f50909;} 

.vd_cl:hover .like_btn a .fa-heart-o:before,.like_btn a.active .fa-heart-o:before{ content:"\f004";} 

.min_w{ min-width:150px;} 
.form-control.txt1{ height:60px; color:#908fa1; font-weight:600; font-size:14px; padding:0px 22px;}  
.form-control.txt1::-moz-placeholder{color:#908fa1;opacity:1}
.form-control.txt1::placeholder{color:#908fa1;opacity:1}

.red_lnk{ font-size:13px; color:#ff3d3d;} .wdh_100{ width:100px;}  .wdh_auto{width: auto;}

.selected_video  .bdy_vd{ min-height:inherit;}
.selected_video  .bdy_vd{ border:#00b2eb 1px solid; border-top:none; border-radius:0px 0px 10px 10px;} 
.selected_video  .bdy_vd .btn2{ background:#00b2eb; color:#fff; } 
.selected_video  .bdy_vd .btn2:hover{ background:#383758; border:#383758 1px solid;} 

.search_form{ background:#fff; padding:40px 50px; border-radius:10px;} 

.p_bx{ background:#fff; border-radius:10px;} .min_w150{ min-width:160px;} 
.sml_p{ max-width:70px; border-radius:5px;} 

.table{border-top:#f0f0f0 1px solid !important;}
.table th, .table td{ padding:20px 10px; border-bottom:#f0f0f0 1px solid !important; border-right:#f0f0f0 1px solid!important; text-align:center} 
.table th:last-child, .table td:last-child{ border-right:none!important;} 
.table th:first-child, .table td:first-child{ text-align:left;} 
.table .btn{ padding:4px 12px; border-radius:2px;} 
.table tbody tr:hover{ background:#f9f9f9;} 
.table .price_item{ font-weight:600;} 

.p_item2 figure img{ border:#fff 5px solid; border-radius:5px;} 
.p_item2 a:hover figure img{ border:#00b2eb 5px solid;} 
.owl-carouselb .owl-dots{ display:none;} 
.owl-carouselb .owl-nav{ height:0; font-size:25px;} 
.owl-carouselb .owl-nav .owl-prev{ position:absolute; left:-10px; top:50%;} 
.owl-carouselb .owl-nav .owl-next{ position:absolute; right:-10px; top:50%;} 

.es_mid{ /*background:#fff;*/padding:50px 40px; border-radius:10px; position:relative;} 
.offer a{ display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; margin-left:auto; width:84px; height:84px; background:#ff603d; border-radius:100%; color:#fff; text-align:center; text-transform:uppercase;} 

.color_item span{ color:#2b2f43; font-size:20px; display:inline-block; margin-right:10px; position:relative; top:-4px;}
.color_item a{ display:inline-block; margin-right:10px; width:20px; height:20px;} 
.color_item a:hover{opacity:0.9;}
.clr1{ background:#bc712f;} .clr2{ background:#f9b47a;} .clr3{ background:#0f1117;} 
.link_a a{ color:#2b2f43;} 
.price_item2{ font-size:18px; color:#7b8097;} 
.price_item2 strong{ color:#2b2f43; font-weight:600; font-size:22px;} 

#exampleModal .modal-content{ padding:25px 35px;} 
.close_btn{ width:40px; height:40px; background:#fff; border:none; box-shadow:none !important; border-radius:100%; color:#ff4141; font-size:20px; text-align:center; line-height:40px; position:absolute; right:-14px; top:0;} 
.form-group{ margin-bottom:15px;} .form-group label{ display:block;} 


#formControlRange {
  -webkit-appearance: none;
  width: 100%;
  height: 3px;
  background: #e2e2e2;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

#formControlRange:hover {
  opacity: 1;
}

#formControlRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: #00b2eb; border-radius:100%; box-shadow:none; border:none;
  cursor: pointer;
}

#formControlRange::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: #00b2eb; border-radius:100%; box-shadow:none; border:none;
  cursor: pointer;
}


/*=============================11=10=2021========================================*/
.popup_hv{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); border-radius:10px; z-index:99;    width: 100%;
    /* max-width: 794px; */
    min-height: 484px;
    top: unset;
    margin: 0 auto;}
.right_hv{overflow-y: hidden !important;}
.popup_form{ background:#fff; padding:30px; border-radius:10px; position:absolute; left:0; bottom:0px; width:50%; }
.popup_form .form-control{ height:42px;}

.cv_popup{ background:#fff; /* padding:30px;padding-right: 0;*/ border-radius:10px; position:absolute; right:0; top:0px; width:100%; max-width:480px; height:100%; } 
.cv_popup .close_btn{ right:inherit; left:-15px;} 

.media_gallery ul{padding: 8px;}

#nav-home,#nav-contact,.cv_popup nav{padding: 30px;}
.nav-tabs{ border:none;} 
.nav-tabs .nav-link{ margin:0px 6px 0px 0px; border:#e2e2e2 1px solid; border-radius:4px; color:#7b8097; padding:8px 20px;} 
.nav-tabs .nav-link.active{border:#00b2eb 1px solid; background:#00b2eb; color:#fff;} 
.tab-pane{ width:100%;}

.btn3{ background:#fff; border:#03b0e8 1px solid; color:#03b0e8;} 
.btn3:hover{ background:#03b0e8; border:#03b0e8 1px solid; color:#fff;}  
.media_gallery ul li{ width:23.5%; float:left; margin:0px 2% 2% 0px; position:relative;}  
.media_gallery ul li:nth-child(4n+4){ margin-right:0;}
.media_gallery ul li img{ border-radius:3px;}
.media_gallery ul li .hvr{ display:none; align-items:center; justify-content:center; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:3px; background:rgba(0,0,0,.4); border:#00b2eb 1px solid;} 
.media_gallery ul li:hover .hvr{ display:flex;} 
.media_gallery ul li .hvr .btn{ font-size:12px; padding:4px 10px;} 
.media_gallery ul li .hvr .btn:hover{ background:#fff; color:#00b2eb;} 

.audio_rw{ background:#fff; padding:10px 15px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,.1); display:flex; align-items:center; justify-content:space-between;}
.audio_bx h6{ color:#7b8097;} 
.search_form2 .form-control{ border:none; background:#fff url(../images/search_ic.png) no-repeat left center; height:58px; padding:0px 120px 0px 48px;} 
.search_form2 .btn{ width:110px; height:46px; position:absolute; right:6px; top:6px; padding:0;} 

.usertable.table th:first-child, .usertable.table td:first-child{ text-align:center;} 
.active_u{ color:#4fcb24;} 



@media (min-width:768px){  
.navbar .navbar-nav > li:hover > .dropdown-menu{ display:block;}


}


@media (min-width:992px) and (max-width:1199px){    
.navbar-expand-md .navbar-nav .nav-link{ padding:0px 8px;} 

}

@media (min-width:768px) and (max-width:991px){     
.navbar-expand-md .navbar-nav > li > a{ font-size:12px; padding:0px 12px !important;} 
.vd_cl .bdy_vd{ min-height:134px;}


}

@media (max-width:767px){   
.navbar-toggler{ position: relative; padding:8px 12px; color:#fff; right:0px; top:0px; background:#00b2eb; margin:0; border-radius:5px;  box-shadow:none !important;}  
.navbar-toggler:hover{ background:#383758;}
.navbar-collapse{ background:#f5f5f5; padding:20px 0px 20px; position:absolute; left:0; top:82px; text-align:center; width:100%; z-index:999999;} .navbar-nav{ margin-right:0 !important;} 

.login_m{ height:auto; margin:30px 0px; padding:0px 15px;} 

.login_m .sign-up-container, .login_m .sign-in-container{ position:relative; width:100%;} 
.login_m .form-container{ position:relative; height:auto;} 
.login_m .overlay-container{ width:100%; height:250px; left:0;} 


.login_m .sign-up-container{ display:none;} 
.login_m .container{ padding-top:280px; padding-bottom:30px;} 
.login_m .container.right-panel-active .overlay-container, .login_m .container.right-panel-active .sign-in-container{transform:translateX(0);} 
.login_m .container.right-panel-active .sign-up-container{ transform:translateX(0); display:block;} 
.login_m .container.right-panel-active .sign-in-container{ display:none;} 
.bx_a{ margin-bottom:25px;} 
.navbar-nav.ms-5{ margin-left:0 !important;} 
.navbar-expand-md .navbar-nav > li > a{ margin-bottom:10px;} 
.navbar-expand-md .navbar-nav > li > a > i{ margin-right:0; display:block;} 
.navbar-expand-md .navbar-nav > li:last-child > a{ padding-right:25px !important;} 
.last_t_r #collapseExample{ width:100%;} .last_t_r #collapseExample ul li a{ margin-bottom:10px; display:block;} 
.dropdown-menu li a{ text-align:center;}
.item_left{ padding-right:0 !important;} 
.item_left .offer{ margin-bottom:15px;} .es_mid{ padding:20px;} 
.item_right{ margin-top:25px;} 

/*=============================11=10=2021========================================*/
.popup_form{ width:100%;} .cv_popup{ max-width:300px;} 
.nav-tabs .nav-link{ font-size:12px; padding:5px 10px;} 
#nav-tabContent{ display:block !important; padding-top:50px;} 
.media_gallery ul li{ width:48%; margin:0px 4% 4% 0px;} 
.media_gallery ul li:nth-child(2n+2){ margin-right:0;} 
.ovr_auto{ overflow:auto;} .usertable .link_vd ul li{ margin-bottom:5px;} 
.table.usertable  th, .table.usertable  td{ padding:10px;}


}



*{
	scrollbar-width: thin;
	scrollbar-color: #00b2eb transparent;
	/* transition: red 0.3s; */
  }
 
  ::-webkit-scrollbar {
	width: 4px;
	height: 0px;
  }

  .cNvMxl::-webkit-scrollbar {
	width: 4px;
	height: 5px;
  }
  ::-webkit-scrollbar-thumb {
	border-radius: 5px;
	transition: background1 0.3s;
	background: #00b2eb;
  }

  ::-webkit-scrollbar-button {
		display: none;
  }

  .preview_slides::-webkit-scrollbar {
	width: 4px;
	height: 8px;
  }

  
  .no-coursor{cursor:auto;}

  
  @keyframes background1 {
	from {
	  background: pink;
	}
	to {
	  background: #c0d6ff;
	}
  }

.access_span{width: auto;display: inline-block;padding: 3px 8px;}

.video{object-fit: unset;}
video{cursor: pointer;}
.p2{padding-top: 2rem;padding-bottom: 2rem;}

.p-3-9{padding: 8px 9px;}
.jKZKqA{margin-right: 25px;}

.progress-bar-striped{
	background-image: linear-gradient(
		45deg
		,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

.emptyDiv{    display: flex;
    flex-flow: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 52vh;
    width: 100%;
    padding: 0px 0px 40px 0px;
    box-sizing: border-box;}


.emptyDiv img{filter: hue-rotate(45deg);max-width: 250px;}
 
#salepromo12_slide2 .s12_thmnl{background-color: #f8f8fa !important;}
#salepromo12_slide3 .s12_thmnl{background-color: #aef2f3 !important;}
#salepromo12_slide1 .s12_thmnl{    background:url('https://engageleads-gallery.s3.us-west-2.amazonaws.com/compareshopvideo/templates/12/yellow_bg.png') no-repeat center center; 
}
/*---------------------------------------------------Nitin CSS -------------------------------------------------------------------------------------------------*/
/*===========================by nitin ========================================*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{font-family: 'Montserrat', sans-serif;  font-weight:400; font-size:15px; line-height:25px; color:#8b8888; overflow-x:hidden; background:#ffffff;} 

h1, h2, .h1, .h2{font-family: 'Montserrat', sans-serif; color:#23364d; font-weight:600;} 
h3, h4, h5, h6, h3, .h4, .h5, .h6{font-family: 'Montserrat', sans-serif; color:#23364d; font-weight:500;} 

.font25{ font-size:25px;} .font18{ font-size:18px;} 
.btn1{ background:#904ece; color:#fff; font-size:16px; font-weight:500; font-family: 'Montserrat', sans-serif; padding:8px 15px; box-shadow:0px 10px 20px rgb(144 78 206 / 56%);} 
.btn1:hover{ background:#d85993; color:#fff;}

.btn2{ background:#904ece; color:#fff; font-size:16px; font-weight:500; font-family: 'Montserrat', sans-serif; padding:8px 15px; box-shadow:0px 10px 15px rgba(0,0,0,.1);} 
.btn2:hover{ background:#d85993; color:#fff;}

.pink_clor{ color:#ff597e;} 

/*==================header top bar start====================================*/

.navbar-brand{ padding:0; margin:0;}
.navbar{ background:#fff; padding:10px 0px;}
.navbar-expand-md .navbar-nav > li > a{ color:#908fa1; padding:0px 25px !important; } 
.navbar-expand-md .navbar-nav > li > a:hover, .navbar-expand-md .navbar-nav > li > a.active{ color:#a251be;}  
.navbar-expand-md .navbar-nav > li:last-child > a{ padding-right:0!important;}  
.navbar-expand-md .navbar-nav > li > a > i{ margin-right:4px;}
.navbar-expand-md .navbar-nav > li > a > i img{ position:relative; top:-3px;}
.navbar-expand-md .navbar-nav > li > a > i img:last-child{ display:none;} 
.navbar-expand-md .navbar-nav > li > a:hover > i img:last-child, .navbar-expand-md .navbar-nav > li > a.active > i img:last-child{ display:inline-block;} 
.navbar-expand-md .navbar-nav > li > a:hover > i img:first-child, .navbar-expand-md .navbar-nav > li > a.active > i img:first-child{ display:none;}

.dropdown-toggle::after{ display:none;} 
.dropdown-menu{ background:#fff; border:none; border-radius:0;} 
.dropdown-menu li a{ color:#908fa1; font-weight:500;  padding:6px 20px;} 
.dropdown-menu li a:hover{ color:#00b2eb; background:none;}


.last_t_r{ position:relative;} 
.last_t_r #collapseExample{ position:absolute; width:150px; top:45px; right:0; background:#fff; border-radius:0;} 
.last_t_r #collapseExample .card{ border:none; border-radius:0;} 
.last_t_r #collapseExample ul li a{ color:#908fa1;} 
.last_t_r #collapseExample ul li a:hover{ color:#908fa1;}
/*==================header top bar end====================================*/

.midwrap{ background:#f6f6f6; padding:50px 0px;}


/*==================Edit video page css start====================================*/

.search_form{ width:100%; max-width:256px;} 
.search_form button{ border:none; background:none; padding:0px; position:absolute; right:12px; top:8px; color:#c8c7c7;} 
.search_form .form-control{ padding-right:30px; padding-left:10px; box-shadow:none !important; text-align:left; height:42px; border:#e9e9e9 1px solid;} 
.search_form .form-control::-moz-placeholder{color:#a8a5a5;opacity:1; } 
.search_form .form-control::placeholder{color:#a8a5a5;opacity:1; } 

 
/*==================import video css start====================================*/
.popup1 .modal-dialog{ width:96%; max-width:950px;} 
.popup1 .modal-header .close_btn{ background:#cacccf; width:30px; height:30px; border:none; color:#fff; font-size:16px; text-align:center; line-height:30px; border-radius:100%; padding:0; opacity:1; } .popup1 .modal-header .close_btn:hover{background:#fe597f;}
.navpill_section .nav-tabs{ border:none; position:relative;}  
.navpill_section .nav-tabs:before{ content:""; height:1px; position:absolute; left:-1.5rem ;  right:-1.5rem; bottom:0px; background:#ffd3dd;}
.navpill_section .nav-tabs .nav-link{ margin:0px; border:none; background:none; border-radius:0px; text-transform:uppercase; color:#848d97; font-size:14px; font-weight:500; margin-right:30px; padding:0px 0px 12px; position:relative;}  
.navpill_section .nav-tabs .nav-link:hover, .navpill_section .nav-tabs .nav-link.active{ color:#ff597e;}
.navpill_section .nav-tabs .nav-link:hover:before, .navpill_section .nav-tabs .nav-link.active:before{ content:""; width:100%; height:4px; position:absolute; left:0px; bottom:0px;  background-image: linear-gradient(to right, #a259ff , #fd5981);}  
.browsebx{ height:360px; border:#ced0d3 1px dashed; border-radius:5px; display:flex; justify-content:center; align-items:center;}  
.note_rw{ font-size:13px;} .note_rw span{ font-weight:500;} 
.btn_wrap_p .btn{ min-width:120px;}

.image-upload {width: 100%; display:flex; align-items:center; justify-content:center; height: 300px; border: 1px dashed #ddd;
border-radius:5px; position:relative; text-align:center; background:#fff; color:#666; overflow:hidden;}
.image-upload img {height: 100% !important; width: auto !important; border-radius:0px; margin:0 auto;}
.image-upload input {cursor: pointer; opacity: 0; height: 100%; width: 100%; z-index: 10; position: absolute; top:0; left:0;}
.image-upload label{display:inline-flex;}
.image-upload h6{ font-size:15px; color:#cacccf;} 
.image-upload h6 span{ color:#ff597e; text-decoration:underline;} 

/*==================import video css end====================================*/  


.popup1 .modal-dialog{ overflow:hidden;} 
.popup1 .modal-content{ border:none;}
.iv_footer{  padding-top:5px; position:relative;}
.iv_footer:before{ content:""; background:#ededed; height:1px; position:absolute; left:-3rem; right:-3rem; top:0px; }
.rv_col a{ border:#fff 2px solid; background:#fff; position:relative; box-shadow:0px 4px 10px #e5e5e5; text-decoration:none; border-radius:3px;} 
.rv_col a:hover{border:#ff597e 2px solid;} 
.rv_col a h6{ font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.rv_col a .check_i{ width:40px; position:absolute; left:-2px; top:-2px; opacity:0; display:inline-block;}
.rv_col a:hover .check_i{opacity:1;} 
.form_iv2{ background:#fff; border:#e9e9e9 1px solid; border-radius:5px;  padding:50px 65px; width:100%; max-width:520px;} 
.txt_f_1{border:#e9e9e9 1px solid; height:50px; padding:0px 15px; box-shadow:none !important;} 
.form_iv2 .btn{height:52px; color:#fff; font-weight:500; border:none; box-shadow:none !important; font-family: 'Montserrat', sans-serif; font-size:18px;}
.vimeo_btn{ background:#1ab7ea;} .vimeo_btn:hover{ background:#23364d;} 
.youtube_btn{ background:#ff0000;} .youtube_btn:hover{ background:#282828;} 
.gdrive_sec .image-upload h6{color:#848d97; line-height:22px;} 


.zindex{ z-index:999;} 

.link2 > a{ color:#23364d; font-weight:600; text-transform:uppercase; font-size:14px;} 
.link2 > a .fa{ color:#d85993; font-size:25px; position:relative; margin-left:3px; bottom:-4px;} 
.link2 > a:hover{ color:#d85993;} .link2 > a span{ position:relative; top:-1px; margin-right:3px;}

.v_link{ width:32px; position:absolute; right:10px; top:10px;z-index: 99999;} 
.v_link #v_link_dropdown{ background:#fff; position:absolute; right:-10px; top:40px; width:180px;} 
.v_link #v_link_dropdown:before{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; right:16px; top:-10px;}
.v_link #v_link_dropdown ul li a{ display:block; padding:9px 15px; color:#777777; font-size:15px; font-weight:500; text-decoration:none;}  
.v_link #v_link_dropdown ul li a i{ margin-right:8px;}
.v_link #v_link_dropdown ul li a:hover{ background:#f2f2f2;} 

.font2{ font-size:17px; color:#23364d;} 
.height146{ height:110px !important; font-size:14px;}  
.height146::-moz-placeholder{color:#798195;opacity:1; font-style:italic; } 
.height146::placeholder{color:#798195;opacity:1; font-style:italic;} 
.tags_h .fa{ bottom:-3px;}  

.lv_detail .lv_txt{ color:#848d97; font-size:13px;} 
.lv_detail .lv_txt .fa{ color:#cacccf; font-size:20px; position:relative; bottom:-2px;} 
.lv_detail .lv_email{ color:#23364d; font-size:13px; font-weight:500;} 
.lv_detail small{color:#2a2a2a; font-size:12px; }


.sales_page_video h5{ font-size:15px; border-bottom:#e9e9e9 1px solid; padding:8px 12px;} 
.sales_page_video .cl_sl_a h6{ font-size:13px; color:#23364d;} 
.link3{ color:#2a2a2a; font-size:12px;} 

.cl_sl_b a{ display:inline-block; width:22px; height:22px; border-radius:100%; margin-left:4px; line-height:18.5px; color:#fff; text-align:center; text-decoration:none; font-size:14px; background:#904ece;} 
.cl_sl_b a:hover{ background:#23364d; color:#fff;} 
.send_review .btn{ color:#904ece; font-size:14px; font-weight:600; line-height:22px; padding:8px 15px;}  
.send_review .btn:hover{ background:#904ece!important; color:#fff;}
.code .btn{ color:#904ece; font-size:18px; line-height:22px;  padding:8px 15px;} 
.code .btn:hover{ background:#904ece !important; color:#fff;} 

.sec2 > .nav-tabs > .nav-item{ margin-right:2px;}
.sec2 > .nav-tabs > .nav-item > .nav-link{ border:none !important; border-bottom:3px solid transparent !important; color:#848d97; padding:12px 20px; font-size:18px; font-weight:500; border-radius:0px !important;} 
.sec2 > .nav-tabs > .nav-item > .nav-link.active{border-bottom:3px solid #904ece!important; color:#904ece;} 

.ev_btn_rw2 .btn:first-child{ width:42%;} 
.ev_btn_rw2 .btn:last-child{ width:54%;}

.popup2 .modal-dialog{ margin:0px; margin-left:auto; height:100%;} 
.popup2 .modal-dialog .modal-content{ border:none; border-radius:0px; height:100%;} 
.popup2 .modal-title{ font-size:20px;} 
.popup2 .modal-dialog .modal-header .btn_close2{ width:24px; height:24px; background:#cacccf; color:#fff;  text-align:center; line-height:22px; padding:0px; border:none; border-radius:100%;} 
.popup2 .modal-dialog .modal-header .btn_close2:hover{ background:#ff597e;} 
.copylinkbtn{ padding-right:55px; height:50px;}
.copylinkbtn .fa{ background:#e35171; width:45px; height:100%; position:absolute; right:0px; top:0px; text-align:center; display:flex; justify-content:center; border-radius:0px 3px 3px 0px; align-items:center;} 
.copylinkbtn:hover .fa{ background:rgba(255,255,255,.1);} 
.textbx2{ border:#e9e9e9 1px solid; height:50px;} 
/* .form-control:focus{border-color:#ff597e;}  */

.selectbx2{ background-image: url(../images/downarrow.png); border:#e9e9e9 1px solid; color:#23364d; font-size:16px; font-weight:400; box-shadow:none !important; height:48px; background-size:12px 9px;} 
.textarea2{ background:#f7f7f7 !important; padding:15px 20px; height:300px;} 
.txt_f_2{ background:#f6f6f6; height:50px; padding-right:120px; font-size:14px; color:#23364d;}  
.txt_f_2::-moz-placeholder{color:#23364d;opacity:1;  } 
.txt_f_2::placeholder{color:#23364d;opacity:1; }  

.copy_link_btn{ color:#ff597e; position:absolute; right:10px; top:12px; font-weight:500; background:none !important; font-size:15px;} 

.height100{ height:110px !important; font-size:14px;}
.height100::-moz-placeholder{color:#798195;opacity:1; font-style:italic; } 
.height100::placeholder{color:#798195;opacity:1; font-style:italic;} 

.font12{ font-size:13px;} .addp_rw{ min-height:80px;} 
.addp_rw ul li{ display:inline-block; margin:0px 8px 8px 0px;} 
.addp_rw ul li a{ display:block; border:#e9e9e9 1px solid; text-decoration:none; background:#f2f8fd; color:#000000; font-size:13px; line-height:16px; padding:4px 25px 4px 4px; position:relative;} 
.addp_rw ul li a .close_btn3{ display:flex; align-items:center; justify-content:center; position:absolute; right:0px; top:0px; width:22px; height:100%; border-left:#e9e9e9 1px solid; text-align:center;} 

.popup2 .modal-body{ background:#fff;} 
.video_add a .img_ic{ position:relative; bottom:-3px;} 

.popup2#thumnail .modal-dialog{ max-width:650px;} 
.frame_bx{ width:100%; max-width:474px; margin:0 auto;} 
.frame_bx h4{ color:#000000; font-size:20px; background:#f5f5f5; padding:15px; text-align:center;}  
.frame_small_col .fr_md{ border:#e9e9e9 1px solid; border-radius:2px; min-height:146px; position:relative;}  
.frame_small_col .fr_md:hover{border:#ff597e 1px solid;}
.smallfont{ color:#23364d; font-size:13px;} 
.frame_small_col .fr_md .select_img{ position:absolute; left:-1px; top:-1px; width:40px;} 
.frame_small_col .fr_md:hover .select_img{ display:block !important;} 
.upload_frame_bx a h4{ color:#688ceb; font-size:14px; font-weight:700; text-transform:uppercase; text-align:center;} 
.upload_frame_bx a input[type=file]{ opacity:0; position:absolute; width:100%; height:100%; left:0px; top:0px; cursor:pointer;} 

.b_txt{ font-weight:500; color:#688ceb; font-size:14px;} 
.select_ff_video a p{ color:#ff597e; font-size:14px; line-height:18px;} 
.setgif .form-check .form-check-input{ position:relative; bottom:-1px;} 


.rt_cl_m{ min-height:140px; margin-bottom:20px; box-shadow:0px 4px 20px rgba(0,0,0,.15);}  
.rt_cl_m figcaption{ color:#2a2a2a; font-size:15px;}
.rt_cl_m .number_t{ color:#23364d; font-size:22px; font-weight:600;} 

/*===========================Edit video end====================*/ 


/*===========================footer====================*/ 
#footer{ padding:20px 0px; text-align:center; color:#5a5964;} 
#footer a{ color:#908fa1; margin:0px 8px; display:inline-block;} 
#footer a:hover{ color:#00b2eb;}  
/*===========================footer end====================*/ 


/*===================video action start==========================*/
.shadow2{ box-shadow:0px 4px 20px rgba(0,0,0,.15);}
.video_action_main_wrap .video_action_tab ul li{ margin-bottom:10px;}
.video_action_main_wrap .video_action_tab ul li button{ display:block; text-decoration:none; padding:4px 8px; color:#a8a5a5; text-transform:uppercase; font-weight:500; border:#e9e9e9 1px solid; border-radius:3px;width: 100%;background: none;text-align: left;} 
.video_action_main_wrap .video_action_tab ul li button:hover{ border:#904ece 1px solid;} 
.video_action_main_wrap .video_action_tab ul li button i{ margin-right:5px; position:relative; top:-2px;}
.video_action_main_wrap .v_action_r_b ul{ position:relative;} 
.video_action_main_wrap .v_action_r_b ul:before{ content:""; width:1px; background:#e9e9e9; position:absolute; left:8px; top:19%; bottom:19%;}
.video_action_main_wrap .v_action_r_b ul li{ margin-bottom:20px;} 
.video_action_main_wrap .v_action_r_b ul li:last-child{ margin:0px;}
.video_action_main_wrap .v_action_r_b ul li .cl_va_1{ position:relative; padding-left:26px; font-weight:500; color:#a8a5a5;} 
.video_action_main_wrap .v_action_r_b ul li .radio_blue{ width:16px; height:16px; background:#fff; border:#39d89e 1px solid; border-radius:50px; position:absolute; left:0px; top:5px;}.video_action_main_wrap .v_action_r_b ul li .radio_blue:before{ content:""; width:10px; height:10px; position:absolute; left:2px; top:2px; background:#39d89e; border-radius:50px;}
.video_action_main_wrap .v_action_r_b ul li .radio_yelw{ width:16px; height:16px; background:#fff; border:#ffc055 1px solid; border-radius:50px; position:absolute; left:0px; top:5px;}.video_action_main_wrap .v_action_r_b ul li .radio_yelw:before{ content:""; width:10px; height:10px; position:absolute; left:2px; top:2px; background:#ffc055; border-radius:50px;}
.video_action_main_wrap .v_action_r_b ul li .cl_va_2{ width:80%; padding:10px; position:relative; border:#e9e9e9 1px solid; border-radius:5px;} 
.video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_a i{ margin-right:15px;} 
.video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_a h6{ font-size:15px; font-weight:400;} 
.video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_a p{ font-size:13px;}
.video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_b a{ color:#8b8888; text-decoration:none; font-size:12px; line-height:20px; display:inline-block; text-align:center; margin-left:15px;} .video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_b a .fa{ color:#cacccf; font-size:18px; position:relative; bottom:-5px;} 
.video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_b a:hover, 
.video_action_main_wrap .v_action_r_b ul li .cl_va_2 .cl_sml_v_b a:hover .fa{ color:#2d2450;}

/*===================video action end==========================*/


/*===================video setting start==========================*/
.bg_gry2{ background:#f5f5f5;} .min_w150{ min-width:150px;}
.link4 a{ color:#848d97; display:inline-block; text-decoration:none; margin:0px 14px;} .link4 a:hover{ color:#688ceb;} 
.link4 a .fa{ font-size:22px; position:relative; bottom:-2px; margin-left:5px;}

.link_gry{color:#848d97; display:inline-block; text-decoration:none;}  
/* .link_gry:hover{color:#688ceb;}  */
.link_blue{color:#688ceb; display:inline-block; text-decoration:none;}  .link_blue:hover{color:#2d2450;}

.video_setting_left > .nav-tabs{ border:none; flex-direction:column;} 
.video_setting_left > .nav-tabs > .nav-item > button{ border:none; border-radius:0px; padding:8px 15px; width:100%;  color:#848d97; font-size:14px; font-weight:500; border-left:3px solid transparent; text-align:left;} .video_setting_left > .nav-tabs > .nav-item > button.active{ background:#f5f5f5; border-left:#ff597e 3px solid;} 

.slect_option_r h5 span{ font-size:16px; line-height:18px;} 
.slect_option_r h5 small{ font-size:13px; color:#848d97; font-weight:400;} 
.date .input-group-text{ border-left:none !important;} 
.date .input-group-text .fa{ color:#8f98a4;} 
.date .form-control:focus{ border:1px solid #ced4da;} 
.slect_option_r .ms-5{ margin-left:15px !important;} 

.subtitle_credit .progress-bar{ background:#ff597e;} 
.subtitle_credit .progress{ height:4px; background:#ff597e;} 
.subtitle_credit strong.SubtitleCredits{ color:#23364d;} 
.subtitle_credit .number{ font-size:12px; color:#23364d;} 


/*===================video setting end==========================*/


/*==================================15=02=2022=================================*/ 
.btn_4{ background:#f0f0f0; color:#23364d; font-size:15px; font-size:14px; text-align:center; padding:10px 8px !important;} 
.btn_4:hover{ background:#ff597e; color:#fff;} 
.mxw800 .modal-dialog{ max-width:800px;} .default{ width:87px; position:absolute; left:0px; top:15px;} 
.h35{ height:35px !important;} 
.p_holder{ font-size:14px;}
.p_holder::-moz-placeholder{color:#23364d;opacity:0.6; } 
.p_holder::placeholder{color:#23364d;opacity:0.6; }  
.popup_sml{ position:absolute; left:0px; top:0px; bottom:0px; background:rgba(0,0,0,.75); width:100%; padding:15px;} 
.fw600{ font-weight:600;} .mlnk_txt{ right:10px; bottom:4px; font-size:12px;} 
.colorcode .fa{ color:#ff597e;} .colorcode{ color:#23364d;} .font17{ font-size:17px;} 
.lightbtn{ background:#fff; color:#23364d;} 
.lightbtn:hover{ background:#ff597e; color:#fff;} 
.select3{ background:#fff url(../images/downarrow.png) no-repeat; background-position:96% 20px;} 
.pastevideo .form-check-label .fa{ color:#cacccf; font-size:24px; position:relative; bottom:-4px;} 
.pastevideo #allowviewers{ bottom:-4px; position:relative; bottom:-4px;} 

/*==================================16=02=2022=================================*/  

.sort_by .btn{ background:#fff; padding:6px 12px; border-radius:3px; line-height:20px; color:#848d97;}
.sort_by .btn:hover, .sort_by .btn.active{ background:#688ceb; color:#fff;} 
.addcomments h4{ color:#688ceb; font-weight:500; font-size:18px;} 
.cl_lf{ position:absolute; left:-90px; top:0px;} 
.cl_lf .n_letter{ width:36px; height:36px; border-radius:100%; display:inline-block; background:#cee8f0; color:#1a1d1e; font-size:25px; text-align:center; line-height:36px;}
.cl_lf .v_time{color:#1a1d1e;} 
.addcomments{ padding-left:100px;} 
.link5{color:#1a1d1e;}
/*--------------------------------------------------15/02/2022 By shailesh---------------------------------------------------------------------------*/
#modalcreatevideo .videos{ display: flex;} 
#modalcreatevideo .close{padding: 0;background-color: transparent;border: 0;}
#modalcreatevideo .videos .video_rw{margin: 0 auto;}
#modalcreatevideo h4{  padding:10px 20px; margin:0; text-align:left;} 
#modalcreatevideo .cv_col h6{ font-size:14px; color:#848d97;} 
#modalcreatevideo .cv_col:hover h6{ color:#d85993;}
#modalcreatevideo .cv_col sup{ background:#ff7557; width:22px; height:22px; border-radius:100%; border:#fff 2px solid; display:inline-block; color:#fff; font-size:8px; line-height:18px; right:-9px; top:-9px; position:absolute;} 
#modalcreatevideo.videos:hover .btn_border2{ background:#ff597e; color:#fff; border:#ff597e 1px solid;} 

#modalImportvideo.popup1 .close_btn1{
	background: #cacccf;
    width: 30px;
    height: 30px;
    border: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    padding: 0;
    opacity: 1;
}

/*==================import video css start====================================*/
.popup1 .modal-dialog{ width:96%; max-width:950px;} 
.popup1 .modal-header .close_btn{ background:#cacccf; width:30px; height:30px; border:none; color:#fff; font-size:16px; text-align:center; line-height:30px; border-radius:100%; padding:0; opacity:1; } .popup1 .modal-header .close_btn:hover{background:#fe597f;}
.navpill_section .nav-tabs{ border:none; position:relative;}  
.navpill_section .nav-tabs:before{ content:""; height:1px; position:absolute; left:-1.5rem ;  right:-1.5rem; bottom:0px; background:#ffd3dd;}
.navpill_section .nav-tabs .nav-link{ margin:0px; border:none; background:none; border-radius:0px; text-transform:uppercase; color:#848d97; font-size:14px; font-weight:500; margin-right:30px; padding:0px 0px 12px; position:relative;}  
.navpill_section .nav-tabs .nav-link:hover, .navpill_section .nav-tabs .nav-link.active{ color:#ff597e;}
.navpill_section .nav-tabs .nav-link:hover:before, .navpill_section .nav-tabs .nav-link.active:before{ content:""; width:100%; height:4px; position:absolute; left:0px; bottom:0px;  background-image: linear-gradient(to right, #a259ff , #fd5981);}  
.browsebx{ height:360px; border:#ced0d3 1px dashed; border-radius:5px; display:flex; justify-content:center; align-items:center;}  
.note_rw{ font-size:13px;} .note_rw span{ font-weight:500;} 
.btn_wrap_p .btn{ min-width:120px;}

.image-upload {width: 100%; display:flex; align-items:center; justify-content:center; height: 300px; border: 1px dashed #ddd;
border-radius:5px; position:relative; text-align:center; background:#fff; color:#666; overflow:hidden;}
.image-upload img {height: 100% !important; width: auto !important; border-radius:0px; margin:0 auto;}
.image-upload input {cursor: pointer; opacity: 0; height: 100%; width: 100%; z-index: 10; position: absolute; top:0; left:0;}
.image-upload label{display:inline-flex;}
.image-upload h6{ font-size:15px; color:#cacccf;} 
.image-upload h6 span{ color:#ff597e; text-decoration:underline;} 
.form_iv2 {
    background: #fff;
    border: #e9e9e9 1px solid;
    border-radius: 5px;
    padding: 50px 65px;
    width: 100%;
    max-width: 520px;
}

.form_iv2 .btn{height:52px; color:#fff; font-weight:500; border:none; box-shadow:none !important; font-family: 'Montserrat', sans-serif; font-size:18px;}
.vimeo_btn{ background:#1ab7ea;} .vimeo_btn:hover{ background:#23364d;} 
.youtube_btn{ background:#ff0000;} .youtube_btn:hover{ background:#282828;} 

.iv_footer{  padding-top:5px; position:relative;}
.iv_footer:before{ content:""; background:#ededed; height:1px; position:absolute; left:-3rem; right:-3rem; top:0px; }

#tags {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	margin: 10px 0 0 0;
	height: 50px;
    overflow: scroll;
}
  
.tag {
	width: auto;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 0 8px;
	font-size: 14px;
	list-style: none;
	border-radius: 6px;
	margin: 0 8px 8px 0;
	background: #48b8da;
}
.tag-title {
	margin-top: 3px;
}
.tag-close-icon {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 14px;
	margin-left: 8px;
	color: #0052cc;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.tags-input {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	min-height: 48px;
	/* width: 480px; */
	padding: 0 8px;
	border: 1px solid #d6d8da;
	border-radius: 6px;
}
/* .tags-input:focus-within {
	border: 1px solid #0052cc;
} */
.tags-input input {
	flex: 1;
	border: none;
	height: 45px;
	font-size: 14px;
	margin: 2px;
	/* padding: 4px 0 0 0; */
}
.tags-input input:focus {
	outline: transparent;
}

.height80{
	height: 80px;
}
  
.localfile h6{
	max-width: 7.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin: 0 auto;
}
.localfile{
	position: relative;
    margin: 0.4375rem;
    height: 8.75rem;
    width: 12.5rem;
    border: 0.0625rem solid #dfdfdf;
    overflow: hidden;
    text-align: center !important;
    cursor: pointer;
}
.import-media-container .localfile{
    width: 8.375rem;
    height: 5.625rem;
}

.import-media-container .localfile img{
    height: 100%;
    width: auto;
}

.localfile:hover{
	box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 35%);
}
.localfile.secondary-upload {
    border: 0.0625rem dashed #d8d8d8;
}
.localfile.localfile.secondary-upload i{
	color: #c6c9ca;
	font-size: 28px;
}

.rv_col button{ border: #d8d8d8 1px solid;
    background: #fff;
    position: relative;
    box-shadow: 0px 4px 10px #e5e5e5;
    text-decoration: none;
    border-radius: 3px;
    width: 100%;
    height: 100%;} 
.rv_col.selected button{border:#ff597e 2px solid;} 
.rv_col button h6{ font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.rv_col button .check_i{ width:40px; position:absolute; left:-2px; top:-2px; opacity:0; display:inline-block;}
.rv_col.selected button .check_i{opacity:1;} 
/*==================import video css end====================================*/ 

/* 28-02-2022 */
.slide_vid_9 .descrip .line2,.slide_vid_12 .descrip .line2{line-height: 47px !important;}
.slide_vid_23 .rw .line1 .span1{background-color: unset !important;}



.selected_temp{background-color: #d85993 !important;}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}


#header .navbar-expand-md .navbar-nav > li > a{
	padding: .5rem 1rem !important;
	font-size: 0.9rem;
}