body {
  margin: 20px;
  padding: 0px;
  background-image: url(../../img/pattern_bg.jpg);
  background-repeat: repeat;
  height: auto;
	 text-rendering: optimizeLegibility;
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	
}

p{color: #B2B2B2!important;}
.btnsubscription-new {
    color: #fff;
    padding: 5px 8px 5px 8px;
    width: 40%;
    height: auto;
    border-radius: 9px;
    font-size:1.1em;
    background-color: #409efe;
    border: none;
    margin-top: 10px;
}

.top-bar { background-color:unset !important; }
.menu-container .crbnMenu { padding-bottom:15px; }
.footer-padding { height:180px; }
.red-progress-bar img { width:100%; }
.video-holder { margin:0px !important; background-color:unset; }
.ba-video-container { border:none !important; padding:0px !important; }
.cookiebar { position:fixed; top:auto; left:auto; z-index:100001; }
.cookiebar p { color:#000; text-align:center; margin:10px 0px 0px 0px; }
.cookiebar p input { margin-right:10px; }
.cookiebar button { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
.top-bar a { float:right; }
.top-bar span { font-size:24px; color:grey; float:left; margin-top:4px; }

.form-group {
    /* margin-bottom: 0px; */
}
.gray_button { border-radius:40px; }
.checkbox_label { margin-left:0px; font-size:14px; color:#808080; }

/*.red-progress-bar-bg { width:64% !important; }*/
.mt-20 { margin-top:20px !important; }
.divider-line { margin:0px 20px; height:0px; }
.text_right h1 { margin-top:20px; margin-bottom:0px; font-size:1.5vw; }
.right_container { height:462px; }
.blueButton:hover, .greyButton:hover { color:#fff; text-decoration:none; }
.greyButton {
background-color: #aab0be;
border-radius: 28px;
border: 1px solid #aab0be;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 18px;
padding: 8px 40px;
text-decoration: none;
}
.blueButton:hover, .blueButton:focus {
background-color: #409efe;
border: 1px solid #4394ea;
}
.email_form input[type="text"]::placeholder { opacity:0.5; }
.email_form input[type="text"] { 
font-family:'Product Sans Regular';
margin-bottom: 10px;
margin-left: 0px;
width: 100%;
color: #D2D2D2;
border-bottom: 1px solid #a7a1a1 !important;
}
.email_form input[type="password"] {
border-color: #0c0b0b;
background: none;
margin-bottom: 15px;
margin-left: 0px;
width: 100%;
color: #D2D2D2;
border-bottom: 1px solid #a7a1a1 !important;
}
/* .email_form input[type="text"] { width: 100%; margin: 0px; color:#409efe;border-bottom:1px solid #a7a1a1 !important; }  */
.email_form input, .email_form input::placeholder { font-size:14px !important; }
.email_form .input_level { font-size:14px; color:#808080; margin-bottom:0px; width:100%; }
.email_form textarea { resize:both; color:#D2D2D2 !important; padding:0px !important; }
.email_form .textarea {
display: block;
font-size:14px;
width: 334px;
overflow: hidden;
resize: none;
min-height: 135px;
/*max-height:auto;*/
outline:none;
color:#D2D2D2 !important; 
padding:0px !important;
}
.mt-10 { margin-top:10px; }
.fadeLightbox{display:none;background-color:transparent;opacity:1;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000;}
.shadow-lg { box-shadow: 0 1rem 3rem black!important;}
.fadeblackbox{display:none;background-color:#000000c7;opacity:1;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000;}
.homemain {
display: block;
position: relative;
cursor: pointer;
font-size: 16px;
}
.homegeekmark {
border-radius: 12%;
position: absolute;
top: 6px;
left: 95px;
height:12px;
width: 13px;
background-color: white;
border:1px solid black;
}
.homemain:hover input ~ .homegeekmark {
background-color: white;
}
.homemain input:active ~ .homegeekmark {
background-color: white;
}
.homemain input:checked ~ .homegeekmark {
background-color:#409efe;
border: 1px solid #409efe;
}
.homegeekmark:after {
content: "";
position: absolute;
display: none;
}
.homemain input:checked ~ .homegeekmark:after {
display: block;
}
.homemain .homegeekmark:after {
left: 2px;
bottom: 1px;
width: 6px;
height: 10px;
border: 1px solid #fdfcfc;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(
45deg
);
-ms-transform: rotate(45deg);
transform: rotate(
45deg
);
}
#popup_frame{border:0;overflow:hidden;height:700px;width:100%}
.white_overlay{display:none;background-color:#fff;opacity:.85;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9900;
/* font-family:'Old Standard TT', serif !important; */
}
.black_overlay{display:none;background-color:#000;opacity:.85;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9900;
/* font-family:'Old Standard TT', serif !important; */
}
.white_content{color:#000;display:none;position:fixed;overflow:hidden;padding:8px;left:50%;top:50%;width:auto;z-index:100001;
/* font-family:'Old Standard TT', serif !important; */
}
.black_content{background-color:#000;color:#fff;display:none;position:fixed;overflow:hidden;padding:8px;left:50%;top:50%;width:auto;z-index:100001;
/* font-family:'Old Standard TT', serif !important; */
}
.display-hide { /* display:none; */ 
visibility: hidden;
}
.alert-danger { background:none;font-size:14px; border:none; border-color:unset; color:red; padding:0px; text-align:center; }
.alert-info { background:none; font-size:14px;border:none; border-color:unset; color:#D2D2D2; padding:0px; text-align:center; }
.alert-success { background:none;font-size:14px; border:none; border-color:unset; color:#D2D2D2; padding:0px; text-align:center; }
.list-inline { margin-bottom:0px; }
#rotate{
vertical-align:top;
transform:rotate(7deg);
-webkit-transform:rotate(270deg);
}
.form-group textarea { color:#808080; padding:10px; } 
.before_video, .after_video { text-align:center; float:left; width:100%; }
.upload-icon, .social_icons { margin-top:10px; text-align:center; }
.social_icons .fab { font-size:26px; }
.list-inline { float:right; }
.feedback-section { min-height:200px !important; }
.technical { float:left; width:100%; text-align:center; }
.technical a { color:#D2D2D2; }
.upload_own_videos { float:left; width:100%; text-align:center; margin-top:30px; }
.upload_own_videos a { text-decoration:underline; font-size:14px; }
.techinical_spec { position: absolute; top: 5%; left: 32%; z-index: 100001; width: 41%; }
.techinical_spec p { color:#000; text-align:center; margin:10px 0px 0px 0px; }
.techinical_spec p input { margin-right:10px; }
.techinical_spec button { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
.divider {				
display: table;
font-size: 24px;
text-align: center;
width: 100%;
margin: 0 auto;
/*margin-top:20px;*/
}
.divider span { display: table-cell; position: relative; font-size:14px; }
.divider span:first-child, .divider span:last-child {
width: 50%;
top: 13px;						
-moz-background-size: 100% 2px; 
background-size: 100% 2px; 	
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
}
.divider span:first-child {	
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#8F8484));
background-image: -webkit-linear-gradient(180deg, transparent, #8F8484);
background-image: -moz-linear-gradient(180deg, transparent, #8F8484);
background-image: -o-linear-gradient(180deg, transparent, #8F8484);
background-image: linear-gradient(0deg, transparent, #8F8484);
}
.divider span:nth-child(2) {
color: #8F8484; padding: 0px 5px; width: auto; white-space: nowrap;
}
.divider span:last-child {		
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8F8484), to(transparent));
background-image: -webkit-linear-gradient(180deg, #8F8484, transparent);
background-image: -moz-linear-gradient(180deg, #8F8484, transparent);
background-image: -o-linear-gradient(180deg, #8F8484, transparent);
background-image: linear-gradient(0deg, #8F8484, transparent);
}
/*.card-body { min-height:442px; }*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
-webkit-transition-delay: 9999s;
}
*:-webkit-autofill,
*:-webkit-autofill:hover,
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
/* use animation hack, if you have hard styled input */
transition: all 5000s ease-in-out 0s!important;
transition-property: background-color, color!important;
/* if input has one color, and didn't have bg-image use shadow */
-webkit-box-shadow: 0 0 0 1000px #00000000 inset!important;
/* text color */
/* -webkit-text-fill-color: #ffffff!important; */
}
.scroll::-webkit-scrollbar {
display: none!important;
}
input:-webkit-autofill {
background-color: transparent!important;
} 
#before_prozent { 
position: absolute;
top: 27%;
left: 45%;
}
#after_prozent { 
position: absolute;
top: 74%;
left: 45%;
}
/*#beforeFileInfo, #afterFileInfo, #beforeTimeInfo, #afterTimeInfo, #beforeFileSize, #afterFileSize { 
color: #fff;
float: left;
text-align: center;
width: 100%;
}*/
#beforeFileInfo, #afterFileInfo, #beforeTimeInfo, #afterTimeInfo, #beforeFileSize, #afterFileSize { 
color: #fff;
display:inline-block;
width:auto;
float:none;
font-size:0.9vw; 
}
#beforeCompleteFileInfo, #afterCompleteFileInfo { 
width:100%; font-size:0.9vw; float:left; text-align:center; 
}
#imgFeedbackFileUpload, #imgFeedbackFileUpload { margin-bottom:0.85em; }
#spnfeedbackFilePath { font-size:13px; }
#spnfeedbackFilePath img { width:10px; }
#spnfeedbackFilePath span { cursor:pointer; color:#fff; opacity:0.8; }
#spnfeedbackFilePath,#spnfeedbackFileComplete { text-align:center;width:100%; color:#fff; opacity:0.8; }
#spnfeedbackFilePath a { color:#fff; font-size:20px; margin-left:5px; }
#spnfeedbackFilePath .fa-check { color:green; font-weight:bold; margin-left:5px; }
/*#spnBeforeFileSpeed, #spnAfterFileSpeed { float:left; width:74px; }
#spnBeforeFileSize, #spnAfterFileSize { float:left; width:53px; }*/
#imgBeforeFileUpload, #imgAfterFileUpload { margin-bottom:0.85em; width:20%; }
#spnBeforeFilePath, #spnAfterFilePath { font-size:13px; }
#spnBeforeFilePath img, #spnAfterFilePath img { width:10px; }
#spnBeforeFilePath span, #spnAfterFilePath span { cursor:pointer; color:#fff; /*opacity:0.8;*/ }
#spnBeforeFilePath, #spnAfterFilePath, #spnBeforeFileComplete, #spnAfterFileComplete { float:left; width:100%; color:#fff; /*opacity:0.8;*/ }
#spnBeforeFilePath a, #spnAfterFilePath a { color:#fff; /*font-size:20px;*/ margin-left:5px; }
#spnBeforeFilePath .fa-check, #spnAfterFilePath .fa-check { color:green; font-weight:bold; margin-left:5px; }
.card-new-design { width:100%; }
.register_login .card-new-design { border-radius:3%; }
.mb-20 { margin-bottom:20px !important; }
#feedback_progess_icon{ width:30%; margin:0 auto; }
#before_progess_icon, #after_progess_icon { width:20%; margin:0 auto; }
#before_circle_progress_bar, #after_circle_progress_bar{ margin-top:20px; }
.feedback_button { border-radius:7px 7px 0px 0px !important; }
.card-body { padding:0.8rem; }




.top_holder { /*float:left; width:100%;*/ 
	height:56px; 
	padding:0px 50px !important; 
	width: 100%!important;
/*	border-bottom: 2px solid #707070;*/
	background-color:rgba(0, 0, 0, 0.85);


}
.left_top_holder {
	float:left; 
	width:3%; 
}




/*.left_top_holder span { float:right; margin-top:10px; }
.left_top_holder a { float:right; margin-top:10px; margin-left:10px; }*/
.right_top_holder { float:right; margin-top:10px; width:97%; }
.right_top_holder span { color:#84868f; margin-right:14px; }
.login_register { float:right; }
.login_register a:hover { color:#409efe; }
.container_three_line { left:unset; }
.layout-holder { 
float:left;
width:100%;
padding:0px 40px;
margin-bottom:0px;
}
.container-fluid { float:left; width:100%; }

/*.container-fluid {width:73%; }*/
.pdleft { padding-left:0px; }

.gallery_pd_right { padding-right:4px; }
.gallery_pd_left { padding-left:4px; }
.gallery_container { max-width:34%; padding:0px 40px; margin-top:20px; }
.gallery_container .pdl10 { padding-left:10px; }
.carousel-inner { background-color:#000; padding: 30px 20px 20px 20px !important; margin-top:-22px; }
.carousel-indicators { position:relative; }
.galleryallbtn { margin-bottom:10px; }
.gallery_desc, .gallery_desc span { font-size:0.9vw; }
#controls img { margin-left:-4px; }

.videoform { padding-right:0px; padding-left:43px; }
.container_three_line { left:22px; }
body { height: 100vh !important; }
.container-fluid{
display: flex;
flex-direction: column;
height: calc(100% - 80px);
align-items: center;
justify-content: center;
}


.px-5 { padding-left:1rem !important; padding-right:1rem !important; }
.forgot_pswd {
float: left;
width: 100%;
margin-bottom: 8px;
color: #D2D2D2;
text-decoration: underline;
font-size: 12px;
font-style: italic;	
}
.forgot_pswd:hover, .regAccept:hover, .feedunder:hover { color:#409efe; }
.register { 
background-color: #409efe;
padding: 4px 8px;
color: #fff;
border: 1px solid #ffffff69;
border-radius: 4px;
font-size: 14px;
margin-left:14px;
}
.register:hover { color:#fff !important; }
.checkbox_control { width:5%; height:auto; }
.geekmark { margin-left:60px !important; } 
/*#check_terms:checked, #check_terms:active {
background-color: #409efe !important;
}*/
/*#check_terms .checkbox_contro {
display: none;
}
#check_terms:checked + label {
-webkit-appearance: none;
background-color: yellow;	
}
#check_terms:checked + label:after {
background-color: red !important;
}*/
/*.col-lg-4 { max-width:29.33%; margin-left:22px; }*/


.sidenav a { padding-bottom:10px; }
.text-white { min-height:445px; }
.contact-white{color:white;}
.feedback_button {
display: block;
outline: none;
border: none;
justify-content: center;
align-items: center;
align-self: center;
text-align: vertical;
background-color: #d1d1d1;
height: 30px;
min-width: 100px;
position: absolute;
border-radius: 7px;
font-size: 15px;
color:#000;
}
.trust_button {
right: -19%;
/*padding-bottom: -9px;*/
border: none;
text-align: vertical;
background-color:#868585;
height: 30px;
min-width: 88%;
position: absolute;
border-radius: 7px 7px 0px 0px;
font-size: 15px;
color: #000;
/*padding-right: -46px;*/
/* padding: 3px; */
}

.trust-button-container {
display: block;
width: 66px;
position:absolute;
right:0px;
top:31%;
}
.button-container {
display: block;
width: 66px;
position:absolute;
right:0px;
top:44.8%;
}
.loop-btn a { 
font-size:14px;
opacity:.8; 
}
.emoji-picker-icon { /*top:185px !important; right:30px !important;*/ color:#fff !important; }
.emoji-menu { right: 10px !important; width: 240px !important; top: 35px; }
.emoji-wysiwyg-editor { border:none !important; margin-bottom:20px !important; }
.mg-10 { margin-left:10px; }
[contentEditable=true]:empty:not(:focus):before{
content:attr(data-text);
/*color:#7c7c7c;
opacity:0.5;*/
color:rgba(124, 124, 124, 0.5);
font-size:13px;
}
input::-webkit-input-placeholder {
color:rgba(124, 124, 124, 0.5) !important;
font-size:13px;
}
input:-moz-placeholder { /* Firefox 18- */
color:rgba(124, 124, 124, 0.5) !important;
font-size:13px;
}
input::-moz-placeholder {  /* Firefox 19+ */
color:rgba(124, 124, 124, 0.5) !important;
font-size:13px;
}
input:-ms-input-placeholder {  
color:rgba(124, 124, 124, 0.5) !important;
font-size:13px;
}
/*.emoji-picker-container {
position: absolute !important;
left: 0px;
top: 34px;
width: 325px !important;
}*/
/*  contact-support-form-css */ 
.bg-dark{
background-color: black !important;
}
.contactsupport_form input[type="password"]
{
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
/* background-clip: padding-box; */
border: 1px solid #ced4da !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fw-light {
font-weight: 300!important;
}
.pb-4 {
padding-bottom: 1.5rem!important;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.p-0 {
padding: 0!important;
}
.form-control {
display: block;
width: 100%;
height: auto!important;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #6c757d;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.border-grey{
background-color:#cdcdcd59!important;
border-color:#6c757d!important;
}
.text-grey-white{
color:white;
font-size:16px;
text-decoration: underline;
}
#otp { width:38%; margin:0 auto;padding-top:3em; }
.otp{
margin:0px!important;
width: 16%!important;
border: none!important;
text-align: center!important;
border-bottom: 1px solid #a7a1a1 !important;
}
.h-15 { margin-bottom:2px; /*height:15px;*/ }

/* faq css */
.search {
width: 400px;
}
.content {
width: 1000px;
}
.input-icons button {
position: absolute;
padding: 10px;
font-size: 20px;
text-align: center;
top: -27%;
}
.page-item.active .page-link {
z-index: 3;
color: #a3a3a3;
background-color: #000000;
border-color: #a3a3a3;
}
.page-item a:hover:not(.active) {
background-color: black!important;
color: #a3a3a3!important;
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: $accordion-button-padding-y $accordion-button-padding-x;
@include font-size($font-size-base);
color: $accordion-button-color;
text-align: left;/* Reset button style*/
background-color: $accordion-button-bg;
border: 0;
@include border-radius(0);
overflow-anchor: none;
@include transition($accordion-transition);
&:not(.collapsed) {
color: $accordion-button-active-color;
background-color: $accordion-button-active-bg;
box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color;
&::after {
background-image: escape-svg($accordion-button-active-icon);
transform: $accordion-icon-transform;
}
}
&::after {
flex-shrink: 0;
width: $accordion-icon-width;
height: $accordion-icon-width;
margin-left: auto;
content: "";
background-image: escape-svg($accordion-button-icon);
background-repeat: no-repeat;
background-size: $accordion-icon-width;
@include transition($accordion-icon-transition);
}
&:hover {
z-index: 2;
}
&:focus {
z-index: 3;
border-color: $accordion-button-focus-border-color;
outline: 0;
box-shadow: $accordion-button-focus-box-shadow;
}
}
.accordion-header {
margin-bottom: 0;
}
.faq-question {
margin-top: 0;
margin-bottom: 0rem!important;
}
&:last-of-type {
margin-bottom: 0;
@include border-bottom-radius($accordion-border-radius);
.accordion-button {
&.collapsed {
@include border-bottom-radius($accordion-inner-border-radius);
}
}
.accordion-collapse {
@include border-bottom-radius($accordion-border-radius);
}
}
}
.accordion-body {
padding: $accordion-body-padding-y $accordion-body-padding-x;
}
.accordion-flush {
.accordion-collapse {
border-width: 0;
}
.accordion-item {
border-right: 0;
border-left: 0;
@include border-radius(0);
&:first-child { border-top: 0; }
&:last-child { border-bottom: 0; }
.accordion-button {
@include border-radius(0);
}
}
}
.input-icons {
width: 100%;
margin-bottom: 10px;
}
.icon {
padding: 10px;
min-width: 40px;
}
.input-field {
width: 100%;
padding: 5px;
text-align: center;
border-radius: 15px;
background-color: black;
color: white;
border: 1px solid #666;
}
.list-group-item {
background-color: #a3a3a3;
color: #726e6e;
box-shadow: none;
outline: none;
font-size: 14px;
padding: 1px;
}
.accordion-body {
background-color: #a3a3a3;
box-shadow: none;
outline: none;
}
.accordion-button {
background-color: black;
box-shadow: none;
outline: none;
border: 1px solid #666;
}
.list-group-item:hover {
background-color: none;
}
.accordion-button.collapsed {
color: white;
background: white;
box-shadow: none;
}
.input-field:focus {
outline: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: none;
box-shadow: none;
}
.accordion-button:focus {
outline: none;
box-shadow: none;
}
.accordion-header {
background-color: black;
}
.accordion-body:hover {
background-color: #0e0d0d;
}
.accordion .accordion-item:last-child h2 button.collapsed {
border-bottom-left-radius: 15px ;
border-bottom-right-radius: 15px ;
}
.accordion-button:focus{
border-color: #a3a3a3;
}
.list-group-item-action:focus, .list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
border-radius: 0px !important;
}
.list-group{
border-radius: 0px !important;
}
/* Forgot password */
.btngrayfogot{
background-color: #aab0be;
border-radius: 28px;
border: 1px solid #aab0be;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 18px;
padding: 8px 28px;
text-decoration: none;
}
.btnbluefogot {
background-color: #409efe;
border-radius: 28px;
border: 1px solid #4394ea;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 18px;
padding: 8px 28px;
text-decoration: none;
}
/* subscription Css */
.form-labels{
font-size: 14px;
padding: 0px 20px;
margin-bottom: 0px;
}
.inputBorder{
border-radius: 10px;
}
.form-control:focus{
outline: none;
box-shadow: none;
}
/* The formContainer .form-check-label */
.formContainer .form-check-label {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.formContainer .form-check-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border-radius: 50%;
background-color: black;
}
/* On mouse-over, add a grey background color */
.formContainer .form-check-label:hover input ~ .checkmark {
box-sizing: content-box;
}
/* When the checkbox is checked, add a blue background */
.formContainer .form-check-label input:checked ~ .checkmark {
background-color: black;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.formContainer .form-check-label input:checked ~ .checkmark:after {
display: block;
}
.saving{
top: -30%;
left: 35%;
}
/* radio */
.form-check-label1 {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
.form-check-label1 .form-check-input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkmark1 {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border-radius: 50%;
border: 2px solid #5c5c5c;
}
/* On mouse-over, add a grey background color */
.form-check-label1:hover input ~ .checkmark1 {
background-color: transparent; 
}
/* When the radio button is checked, add a blue background */
.form-check-label1 input:checked ~ .checkmark1 {
border: 2px solid #5c5c5c;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark1:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.form-check-label1 input:checked ~ .checkmark1:after {
display: block;
}
/* Style the indicator (dot/circle) */
.form-check-label1 .checkmark1:after {
top: 13.5%;
left: 13.5%;
border-radius: 50%;
width: 15px;
height: 15px;
background: white;
}
/* .border{
border: 1px solid #5c5c5c !important;
} */
.text-primary{
color: #409efe !important;
}
.btn-primary{
background-color: #409efe;
border-color: #409efe;
}
.border1{
border: 2px solid #5c5c5c;
}
.text-danger{
color: #5c5c5c !important;
}
.formContainer .form-check-label input:checked ~ .checkmark {
background-color: transparent;
border: 1px solid white;
}
.bg-dark{
background-color: black !important;
}
label {
color: #faf7f7;
}
.subscription-border {
border: 1px solid #5c5c5c!important;
} 
.page-item a {   
font-weight:bold;   
font-size:18px;   
color: black;   
float: left;   
padding: 8px 16px;   
text-decoration: none;   
border:1px solid grey;   
}   
.page-item a.active {   
background-color: #a3a3a3;  
color:black; 
}   
.page-item a:hover:not(.active) {   
background-color: white;   
color:black; 
}   
/* //feedback-section css */
.btn-con {
width: 100%;
}
.container {
position: relative;
width: 100%;
}
.panel-body {
background-color: black;
/* border-bottom:    1px solid  white; */
/* border-right: 1px solid  white;
border-left:  1px solid  white; */
}
.panel {
background-color: black;
border: none;
}
.panelborder{
border-top-right-radius: 15px;
border-top-left-radius: 15px;
border:1px solid white;
}
.row-btn {
width: 50%;
margin: 0 auto;
margin-left: 35%;
}
/* */
a:hover {
text-decoration: none;
}
.panel-default > .panel-heading {
border-top-left-radius: 26px;
border-top-right-radius: 26px;
color: white;
background-color:black;
padding: 0;
/* border-top:    1px solid  white;
border-right: 1px solid  white;
border-left:  1px solid  white; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.panel-default > .panel-heading a {
display: block;
padding: 5px 10px;
font-size: px;
margin-top: 1px;
background-color: #d2d2d2(163, 160, 160);
color: white;
}
.panel-default > .panel-heading a:after {
content: "";
position: relative;
top: 0px;
display: inline-block;
/* font-family: "Glyphicons Halflings"; */
font-style: normal;
font-weight: 100;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform 0.25s linear;
-webkit-transition: -webkit-transform 0.25s linear;
border: none;
}
.panel-default > .panel-heading a[aria-expanded="true"] {
background-color:transparent;
color: #e4e5e7;
}
.panel-default > .panel-heading a[aria-expanded="true"]:after {
content: "\203A";
color: #e4e5e7;
font-size:24px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.panel-default > .panel-heading a[aria-expanded="false"]:after {
content: "\203A";
color: white;
font-size:24px;
/* -webkit-transform: rotate(90deg);
transform: rotate(90deg); */
}
.hidden {
display: block;
}
#container {
/* width: 120px; */
margin: 30px auto 0;
}
.sendButton {
background-color: #409efe;
border-radius: 28px;
border: none;
display: inline-block;
cursor: pointer;
font-size: 10px;
padding: 10px 30px;
text-decoration: none;
text-align: center;
color: white;
width: 20%;
margin: 40px 50px;
margin-right: -5px;
}
.cancelButton {
background-color: #d2d2d2;
border-radius: 28px;
border: none;
display: inline-block;
cursor: pointer;
font-size: 10px;
padding: 10px 30px;
text-decoration: none;
text-align: center;
color: white;
width: 20%;
margin: 40px 50px;
}
.sendButton {
outline: none;
}
.cancelButton {
outline: none;
}
.topnav {
overflow: hidden;
}
.topnav a {
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
.topnav a.icon {
background: black;
display: block;
right: 0;
top: 0;
}
.btn-con {
position: absolute;
bottom: 20%;
}
.upload {
font-size: 40px;
}
.uploadformwidth {
width: 403px;
height: 441px;
}
.uploadform .upload-form-control {
border-radius: 10px!important;
width: 403px!important;
height: 43px!important;
border: 2px solid #707070;
}
.uploadform button{
width: 249px;
height: 33px;
background-color: #BDBDBD;
color: white;
padding: 0;
border-radius: 9px;
}
.uploadform .form-check-label{
font-size: 22px;
}
.uploadform .form-check-input{
margin-top: .5rem;
margin-left: -1.8rem;
} 
.uploadform input.form-check-input {
width: 20px;
height: 20px;
}
.upload-form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #ffffff;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.upload-form-group{
margin-bottom: 1rem;
}
/* finish feedback css */
.help_button {	
margin-right: -48px;
margin-top: 13px;
float: right;    
}
#help_icon { width:26px; }
/*.help_button_03 {
font-size: 33px;
color: #fff;
opacity:0.3;
}
.help_button_08 {
font-size: 36px;
font-weight: bold;
color: #fff;
opacity:0.8 !important;
}
.help_button_03:hover {
color: #fff;
opacity:0.3;
}
.help_button_08:hover {
color: #fff;
opacity:0.8;
}*/
.player_tooltip {
position: relative;
border-bottom: 1px dotted black;
}
.player_tooltip .tooltiptext {
visibility: hidden;
width: 150px;
background-color: black;
border:1px solid #7c7c7c;
color: #7c7c7c;
text-align: center;
border-radius: 6px;
padding: 5px;
font-size:14px;
/* Position the tooltip */
position: absolute;
z-index: 99999;
}
.player_tooltip:hover .tooltiptext {
visibility: visible;
}
.player_tooltip .tooltiptext_right {
right:0px;
margin-right:50px;
}
/*.player_tooltip .tooltiptext_bottom { bottom:0px; }*/
.player_tooltip .tooltiptext_top { top:-10px; margin-left:50px !important; }
.demo_tooltip { margin-left:-150px; margin-top:-40px; }
.time_tooltip { margin-left:-104px; margin-top:-35px; }
.mg-60 { margin-right:60px !important; }
.mg-150 { margin-right:150px !important; }

.formlebel{
font-size: 13px;
/* display: inline-block; */
display:contents;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
color: #faf7f7;
}
.form-control:focus{
border-color: #fcfbfb!important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow:#fcfbfb!important;
}
.forgetheight { min-height:472px!important; }
#myOrientationModal { left:12%; top:30%; }
#myOrientationModal .modal-content { width:520px; height:auto; }
#myOrientationModal .modal-content span { font-size: 30px; padding: 40px 0px; line-height:40px; }

.supportcolor{
color:#ffffff!important;
/* 	font-family:sans-serif!important; */
}
/* registrationpopup css */
.white-modal-content{
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 23px;
outline: 0;
}
.white-modal-body {
font-size: 14px;
line-height: 16px;
margin-bottom:20px;
color:#000;
}
.text-secondary { color:#409efe!important; }
.form-check-label { 
margin-top: 5px !important;
font-size: 16px !important;
line-height: 16px !important;
margin-left:0px;
}
.modal-content{
margin-left:115px;
width: 313px;
height:390px;
border-radius: 23px;
background-color: #F1EDED;
border-width: 0;
}
.modal-title{
line-height: 24px;
font-size: 18px;
font-weight: bold;
color:#212529;
}
.modal-body{
font-size: 18px;
line-height: 24px;
color:#212529;
font-weight:600;
}
.mbody{
font-size: 14px;
line-height: 16px;
color:#212529;
/*margin-bottom: 30px;*/
}
.modal-popup-content{
font-size: 15px;
line-height: 17px;
/*padding-bottom: 30px;*/
color:#212529;
}
.popfooter{
margin-bottom: 30px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input{
margin-top: 7px !important;
font-size: 14px !important;
line-height: 16px !important;
}
.submittblockgrey{
padding:4px 30px;
width: 242px;
height: 33px;
border-radius: 9px;
font-size: 15px;
font-weight: bold;
font-size: 15px;
font-weight: bold;
}
.cancelbutton,.cancelbutton:hover{
background-color: #D7D3D3;
border: 0;
color: black;
font-size: 15px;
font-weight: bold;
}
.form-control-popup{
width: 242px!important;
height: 33px!important;
border-radius: 9px!important;
border-color: #707070!important;
background-color: #fff!important;
border: 1px solid #707070!important;  
padding: .375rem .75rem!important;  
}
.formsetmargin{
margin-bottom:0rem!important; 
}
::placeholder {
color:#808080 !important;
opacity: 1; /* Firefox */
font-weight: 400;
font-size: 15px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}
/* thankspopup css */
.thanksmodal-content{
width: 313px;
height: 207px;
border-radius: 23px;
background-color: #F1EDED;
border-width: 0;
}
.modal-title{
line-height: 24px;
font-size: 18px;
font-weight: bold;
}
.submittblock{
padding: 4px 30px !important;
width: 242px;
height: 33px;
border-radius: 9px;
font-size: 15px;
font-weight: bold;
}
.btn-primary{
background-color:#409efe!important; 
border-color: #409efe!important;
}
/* feedback-trust button css */
.sidebutton div{
transform: rotate(-90deg);
height: 28px;
width: 28px;
}
.sidebutton {
    position: fixed;
    top: 50%;
    right: 0%;
}
.sidebutton button {
    background-color: #409efe;
    border-color: none;
    height: 28px;
    padding: 0px 12px;
    border-radius: 5px;
}
.feedbackbtn{
color:#000000!important;
border:1px solid #ffffff69 !important;
/*background-color: #464646 !important;*/
}
.feedbackbtn:hover{
	color:white!important;
border:1px solid #ffffff69 !important;
background-color: #409efe !important;
}
.otpheight{
width: 314px;
height: 305px;
}
.registermargin{
margin-left:5px!important; 
}
.otp-popsetting {	
margin:4px!important;
border: none!important;
text-align: center!important;
border-bottom: 1px solid #000000 !important;	
width: 10%!important;
}
.btngrey{
background-color:#aab0be!important;	
border: 1px solid #aab0be!important;
}
.w-99{
	width: calc(100% - (13px))!important;
}
/* footer css */
/*New CSS Footer @ 20.05.21*/
.footer-new-1 {
position:fixed;
width: 100%;
background-color: black;
color: white;
text-align: center;
height:auto;
bottom: 0px;
}
.footer-new-2 {
position:relative;
width: 100%;
background-color: black;
color: white;
text-align: center;
height:auto;
bottom: 0px;
}
.circle-icon {
text-align: center;
color: black;
margin-top:1px!important;
font-weight: 800!important;
font-size:16px!important;
background: rgb(146, 140, 140)!important;
border-radius: 50%!important;
vertical-align: middle!important;
padding: 5px!important;
height: 25px!important;
width: 27px!important;
}
.footer-padding{
padding-top: 13px;
color: rgb(146, 140, 140);
font-size: 12px;
}
.footertext {
color: #ffffff9e;
/* font-size: 12px; */
font-size: 13px;
padding-top: 12px;
margin: 0px;
/* padding: 0px; */
}
.footer-right-links{
font-size: 12px;
}
.footer-li-a {
color: rgb(146, 140, 140);
}
.footer-icon{
/* color: rgb(146, 140, 140); */
font-size: 19px;
padding-right: 15px;
}
.footer-row{
margin: 0px;
padding: 0px;
}
.btn-primary:hover {
color: #fff;
background-color: #409efe!important;
border-color: #409efe!important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #409efe!important;
border-color: #409efe!important;
}

/* custom blue checkbox */
.main {
display: block;
position: relative;
/* padding-left: 45px; */
/* margin-bottom: 15px; */
cursor: pointer;
font-size: 16px;
}
/* Hide the default checkbox */
/* input[type=checkbox] {
visibility: hidden;
} */
/* Creating a custom checkbox
based on demand */
.geekmark {
border-radius: 12%;
position: absolute;
top: 6px;
left: 0;
height:14px;
width: 15px;
background-color: white;
}
/* Specify the background color to be
shown when hovering over checkbox */
.main:hover input ~ .geekmark {
background-color: white;
}
/* Specify the background color to be
shown when checkbox is active */
.main input:active ~ .geekmark {
background-color: white;
}
/* Specify the background color to be
shown when checkbox is checked */
.main input:checked ~ .geekmark {
background-color:#409efe;
}
/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.geekmark:after {
content: "";
position: absolute;
display: none;
}
/* Display checkmark when checked */
.main input:checked ~ .geekmark:after {
display: block;
}
/* Styling the checkmark using webkit */
/* Rotated the rectangle by 45 degree and 
showing only two border to make it look
like a tickmark */
.main .geekmark:after {
left: 5px;
bottom: 3px;
width: 5px;
height: 10px;
border: 1px solid #fdfcfc;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(
45deg
);
-ms-transform: rotate(45deg);
transform: rotate(
45deg
);
}
/* // gallery page css */
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color: #409efe;
border-color: #409efe;
border: none !important;
box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}
.btn.focus, .btn:focus {
outline: 0 !important;
box-shadow: none !important;
}
.btn.focus, .btn:active {
outline: 0 !important;
box-shadow: none !important;
}
.whiteborder {
/*  border: 1px solid white;
border-radius: 20px; */
/* height: 267px; */
height: auto;
}
.mrow {
border: 1px solid white;
border-radius: 20px;
background-color: black;
}
.carousel-indicators {
padding-bottom: 0rem !important;
/* bottom: -120px; */
/*  bottom: -112px; */
}
.carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 100%;
}
.heading {
font-size: 30px;
}

/* homepagecss */
.uploadhome{
border-radius: 10px!important;
padding:1%!important;
}
.cardhomedesign {
top: -3px!important;
border-radius:5%!important;
background-color: #000!important;
border: 1px solid #4a4949!important;
height: 487.875px!important;
display: grid!important;
}

#window_width { color:#fff; }
#help_tooltip { display:block !important; right: -20px; margin-right: 50px; margin-top: -20px; }

.index_box_bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 16px 0px;
}
.box_bottom_text {
    height: 40px;
}
.index_text {
    color: #ffffffc4;
    font-size: 13px;
}

.login_register, a:hover{
	color:#409efe;
}

/*##data-protect css*/


.container-fluid {
	height: calc(100% - 70px);
}

.setscroll {
	overflow-y: auto;
	height: 66vh;
}



p,
h4 {
	padding-right: 1rem;
	padding-left: 1rem;
	color: #959595;
}

p {
	font-size: 16px;
}

.wordset:hover {
	color: #409efe!important;
}

.datatop {
	padding-right: 0px;
	border: 2px solid #707070;
	border-radius: 3vh;
	background: black;
}

.rpd {
	padding: 12px;
}

/*##term-condition css*/

    .container-fluid {
/*    height: calc(100% - 100px);*/
}

p, h4{

padding-right:1rem;
padding-left:1rem;
color: #959595;
}
p{
    font-size:16px;
}
.text_right h1 {
    margin-top: 17px;
    margin-bottom:6px;
    font-size: 1.5vw;
}
.tophead
{	
padding-right:0px;
border: 2px solid #707070;
border-radius: 3vh;
background:black;
}
/*Shipra 16-06-2023*/
/*.tophead {
	padding-right: 40px;
	border: 2px solid #707070;
	border-radius: 3vh;
	background: black;
	padding-left: 40px;
}*/

/*##impression css */

    .container-fluid {
   /* height: calc(100% - 100px);*/
}

p, h4{

padding-right:1rem;
padding-left:1rem;
color: #959595;
}
p{
    font-size:17px;
}
.Itop{
	padding-right:0px;
	border: 2px solid #707070;
	border-radius: 3vh;
	background:black;
}

    .container-fluid {
    /*height: calc(100% - 100px);*/
}

p, h4{
padding-bottom:1rem;
padding-top:1rem;
padding-right:1rem;
padding-left:1rem;
color: #959595;
}

.trusthead
{	
padding-right:0px;
border: 2px solid #707070;
border-radius: 3vh;
background:black;
}

.ptt{
	padding-top:4rem;
}
.mbb{
	margin-bottom:4rem;
}
.thead{
	margin-bottom:3rem;
}



/*##about-us*/

.container-fluid 
{
/*height: calc(100% - 100px);*/
}

p, h3
{
padding-bottom:0.7rem;
padding-top:0.7rem;
padding-right:0.8rem;
padding-left:0.8rem;
color: #959595;
}
.setcolor
{
color: #D5D5D5!important;
}
.setcolor:hover
{
color: #409efe!important;
}
.hedingpadding
{
	padding-top:3.5rem;
}
.abouthead{
	margin-bottom:1rem;
}
.Mb{
	margin-bottom:3rem;
}
.abouttop{
	padding-right:0px;border: 2px solid #707070;border-radius: 3vh;background:black;
}

/*##subscription css*/

.outer-rounded-box{
	background-color:black;
    border: 2px solid #707070;
    border-radius: 3vh;
    height:auto;
	width:96%;
	margin-left:-6px;
}
.subscription-width{
	width:20%;
	margin:0 auto;
}
.header-title{
    background-color: #fff;
    padding: 20px;
    font-size: 1.3em;
    font-weight: 700;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.second-row-title{

    height: 9.2rem;
    text-align: center;
    padding: 5px;
    

}

.second-row-title h2{
color: #fff;
font-size: 1.1em;
font-weight: 700;

}

.second-row-title span{
    color: #fff;
    font-size:.8em;
    
    }

    .small-txt{
        color: #fff;
        font-size:.5em;
        display: flex;
        text-align: center;
        justify-content: center;
        padding-top: 3px;


        
        }

.header-top-left-rounded{
    border-top-left-radius: 3vh!important;   
}


.header-top-right-rounded{
    border-top-right-radius: 3vh!important;  
}

.bottom-left-rounded{
    border-bottom-left-radius: 3vh!important;   
}

.bottom-right-rounded{
    border-bottom-right-radius: 3vh!important; 
}

.col-0 {
    padding-right:0!important;
    padding-left:0!important;
    border-left: 2px solid #cccccc;
}
.col-bln{
    border-left: 0px solid #707070;
}

.info-gray-bg{
    height: 3rem;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size:1.0em;
    background-color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
}


.info-black-bg{
    height: 3rem;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size:1.0em;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}


.fch-bold{
    font-weight: bold;
    font-size: .9em;
}

.btnsubscription {
    color: #fff;
    padding:5px 8px 5px 8px;
    width: 80% !important;
    height:auto;
    border-radius: 9px;
    font-size: 15px;
    background-color: #409efe;
    border: none;
    margin-top:10px;

   
}

.btnsubscription-new {
    color: #fff;
    padding: 5px 8px 5px 8px;
    width: 40% !important;
    height: auto;
    border-radius: 9px;
    font-size:1.1em;
    background-color: #409efe;
    border: none;
    margin-top: 10px;
}
	.billing-period{
		
		color:#fff;
		font-size: 1.1em;
		
	}

  .btn:focus {
    outline: 0;
    box-shadow: none;
  }
  .btn:hover {
    color: #000;
    text-decoration: none;
  }
.btn-white{
    background-color: #fff!important;
    color: #000;
}

.btn-white:hover{
    color: #409efe;


}

.radio-plan{
    margin: 0px;
}

.radio-plan label{
    color: #ffffff;
    font-size: .9em;
    margin-right: 10px;
}

.radio-plan [type="radio"]{


    height:1rem;
    width: 1rem;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
}
.percent{
    color: #409efe;
}

.annualcolor{
	color:#d2d2d2;
}

.planmargin{
	margin-left: 12px;
}


	
	/*##paymention-option css*/


.clear{
    clear: both;
}
.outer-rounded-box {
	background-color:black;
    border: 2px solid #707070;
    border-radius: 3vh;
    height: auto;
	width:95%;
}
.custom-control-inline {
    display: revert!important;
}

.header-title {
    background-color: #fff;
    padding: 20px;
    font-size: 1.3em;
    font-weight: 700;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

.second-row-title {

    height: 9.2rem;
    text-align: center;
    padding: 5px;


}

.second-row-title h2 {
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;

}

.second-row-title span {
    color: #fff;
    font-size: .8em;

}

.small-txt {
    color: #fff;
    font-size: .5em;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: 3px;

}

.header-top-left-rounded {
    border-top-left-radius: 3vh !important;
}


.header-top-right-rounded {
    border-top-right-radius: 3vh !important;
}

.bottom-left-rounded {
    border-bottom-left-radius: 3vh !important;
}

.bottom-right-rounded {
    border-bottom-right-radius: 3vh !important;
}

.col-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-left: 2px solid #cccccc;
}

.col-bln {
    border-left: 0px solid #707070;
}

.info-gray-bg {
    height: 3rem;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size:1.0em;
    background-color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
}


.info-black-bg {
    height: 3rem;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size:1.0em;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fch-bold {
    font-weight: bold;
    font-size: .9em;
}

.btnsubscription {
    color: #fff;
    padding: 5px 8px 5px 8px;
    width: 80% !important;
    height: auto;
    border-radius: 9px;
    font-size: 15px;
    background-color: #409efe;
    border: none;
    margin-top: 10px;


}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn:hover {
    color: #000;
    text-decoration: none;
}

.btn-white {
    background-color: #fff !important;
    color: #000;
}

.btn-white:hover {
    color: #409efe;


}

.radio-plan {
    margin: 0px;
	margin-left: -30px;
}

.radio-plan label {
    color: #ffffff;
    font-size: .9em;
    margin-right: 10px;
}

.radio-plan [type="radio"] {


    height: 1rem;
    width: 1rem;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
}




.percent {
    color: #409efe;
}

/* Cart Page CSS*/

.img-margin{
    margin:0px;
}

.feature-plan{
    margin-bottom: 25px;
}
.feature-plan ul {
    margin: 0px;
    padding: 0px;
}
.feature-plan ul li{
    list-style: none;
    font-size:1.1em;
    color: #ffffff;
    padding: 10px 0px;
}

.plan-name{
    margin-top:15px;
}

.advance{
    float: left;
    width: 50%;
}
.advance h2{
    color:#d2d2d2;
    font-size: 18px;
}

.advance span{
    color: #f0f0f0;
    font-size: 14px;
}
.price{
    float: right;
    width: 50%;
    text-align: right;
    color: #f0f0f0;
    margin-top: 20px;
}

.plan-form-right{
    padding-top: 35px;
}

.plan-form input[type="text"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #a7a1a1;
    width: 100%;
    color: #409efe;
    margin-bottom: 10px;

  }

  .plan-form .input_level {
    font-size: 16px;
    width: 100%!important;
    text-align: left;
    margin-bottom: 0px;
}

.half-input-left{
    width: 45%;
    float: left;
}

.half-input-right{
    width: 45%;
    float: right;
}


.half-input-left input[type="text"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #a7a1a1;
    width: 100%;
    color: #409efe;
    margin-bottom: 10px;

  }

  .half-input-right input[type="text"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #a7a1a1;
    width: 100%;
    color: #409efe;
    margin-bottom: 10px;

  }

.privacy-text{
    text-align: center;
    margin-top: 15px;
    color: #409efe;
    margin-bottom: 20px;
}
.privacy-text a{
    text-align: center;
    margin-top: 15px;
    color: #d2d2d2;
    font-size: 12px;
    text-decoration: none;
}

.privacy-text a:hover{
    text-decoration: none;
    color: #409efe;
}
.big-img{
    margin-top: 15px;
}

.clear{
    clear: both;
}

select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #a7a1a1;
    width: 100%;
    color: #409efe;
    margin-bottom: 10px;
    font-size: 11px;
    padding: 5px 0px 3px 0px!important;
    margin: 0px 0px 5px 0px!important; 
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}



/*Payment Option CSS Start*/

.custom-control {
    margin: 25px 0px;
}
.custom-control [type="radio"] {


        height: 1.2rem;
        width: 1.2rem;
        border: 2px solid #409efe;
        position: absolute;
        margin-top: 3px;
        cursor: pointer;
    }
    .custom-control label {
        color: #ffffff;
        font-size:1em;
        margin-left:40px;
		margin-bottom:8px;
    }

.cart-img-holder {
    margin-left:40px;
}
.custom-control {
    padding-left: 0rem!important;
}
.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: none;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.btn:hover {
    color:white!important;
    text-decoration: none;
}
.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: none;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.setpaybtton{
		margin-left:25%;
	}
	.pone{
		color:black;width:20%;
	}
	.ptwo{
		font-size:14px;
	}
	.pthree{
		width:50%;
	}








/*##feedback css*/

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

@-moz-document url-prefix() {
	/* Disable scrollbar Firefox */
	html {
		scrollbar-width: none;
	}
}

body {
	margin: 0;
	/* remove default margin */
	scrollbar-width: none;
	/* Also needed to disable scrollbar Firefox */
	-ms-overflow-style: none;
	/* Disable scrollbar IE 10+ */
	overflow-y: scroll;
}



.panel-default>.panel-heading {
	background-color: transparent!important;
}

input[type="text"]::placeholder {
	/* Firefox, Chrome, Opera */
	color: #808080!important;
	font-size: 14px !important;
}

input[type="text"]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #808080!important;
	font-size: 14px !important;
}

input[type="text"]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #808080!important;
	font-size: 14px !important;
}

textarea::-webkit-input-placeholder {
	color: #808080!important;
	font-size: 14px !important;
}

textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #808080!important;
	font-size: 14px !important;
}

textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #808080!important;
	font-size: 14px !important;
}

textarea:-ms-input-placeholder {
	color: #808080!important;
	font-size: 14px !important;
}

textarea::placeholder {
	font-size: 14px !important;
	color: #808080!important;
}

.container-fluids {
	display: flex;
	flex-direction: column;
	height: auto;
	align-items: center;
	justify-content: center;
}

.container-fluid {
	display: flex;
	flex-direction: column;
	/*height: calc(100% - 100px);*/
	align-items: center;
	justify-content: center;
}


.scrollpanel::-webkit-scrollbar {
	display: none;
}

.panel-body {
	background-color: black!important;
	border-bottom: transparent!important;
	width: 65%;
	margin: 0 auto;
}

.c100 {
	position: relative;
	float: none;
	text-align: center;
	margin-bottom: 12px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-top: 0px!important;
}

#imgFeedbackFileUpload,
#imgFeedbackFileUpload {
	margin-bottom: 0px;
}

.uploadform button {
	width: 0px!important;
	height: 33px;
	background-color: #BDBDBD;
	color: white;
	padding: 0;
	border-radius: 9px;
}

.c100.small {
	font-size: 3.6vw;
}

#feedback_progess_icon {
	text-align: -webkit-center!important;
}

.modal-backdrop.show {
	opacity: .0!important;
}

.uploadform .upload-form-control {
	border-radius: 10px!important;
	width: 100%!important;
	height: 43px!important;
	border: 2px solid #707070;
}

.panel-default>.panel-heading a {
	opacity: 0.8;
	display: block;
	padding: 5px 10px;
	font-size: px;
	margin-top: 1px;
	background-color: #d2d2d2(163, 160, 160);
	color: white;
}

.upload-form-control,
h5 {
	opacity: 0.8;
}

a {
	color: #707070;
	text-decoration: none;
}

a:hover {
	color: #707070;
	text-decoration: none;
}

.h5,
h5 {
	opacity: 0.8;
}

.formlebel {
	font-size: 14px;
	/* display: inline-block; */
	display: contents;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #f8f9fab8!important;
}



.panel {
	background-color: transparent;
	border: none;
}

a {
	color: #808080;
}

a:hover {
	color: #808080;
}

.upload-form-group {
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 1rem;
}

.textset {
	background-color: #b9b9b9;
	width: 63%;
	color: black;
	margin-top: 30px;
	margin-bottom: 25px;
}

.feedone {
	padding-right: 0px;
	border: 2px solid #707070;
	border-radius: 3vh;
	background-color: black;
}

.feedtwo {
	padding: 5px;
	font-size: 1.5rem;
}

.feedthree {
	margin-bottom: 20px;
}

.feedfour {
	color: white;
}

.feedfive {
	width: 90%;
	background-color: #b9b9b9;
	color: #808080;
	padding: 2px;
}

.feedsix {
	background-color: #b9b9b9;
	width: 80%;
}

.feedseven {
	border-color: #707070;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	padding: 5px;
}

.feedeight {
	text-align: center;
}

.feednine {
	width: 63%!important;
	background-color: #b9b9b9!important;
	color: #808080;
	padding: 8px;
}

.feedten {
	background-color: #b9b9b9;
	width: 63%;
	color: #808080;
	margin-top: 30px;
	margin-bottom: 25px;
}

.feedtenone {
	border-bottom: 2px solid #707070;
	padding: 5px;
}

.feedtentwo {
	font-size: 1.5vw;
}

.feedtenthree {
	height: 15px;
}

.feedtenfour {
	height: 18vh;
	margin-top: 15px;
}

.feedtenfive {
	margin-top: 8px;
	font-size: 15px;
	width: 100%;
	color: #fff;
	opacity: 0.8;
}

.feedtensix {
	opacity: 0.8;
	margin-top: 8px;
}

.feedtenseven {
	background-color: black;
}

.feedteneight {
	margin-top: 20px;
}

.feedtennine {
	font-size: 20px;
	color: #808080;
}

.feedtenten {
	left: -88px;
	top: 8px;
}

.feedcenter {
	margin-top: 45px;
}

.feedmodel {
	width: 355px;
	height: 305px;
}

.feeddelete {
	font-size: 22px;
	padding-top: 8px;
}

.feedhead {
	font-size: 15px;
	color: #212529;
	font-weight: 600;
	padding: 22px;
}

.feedm {
	margin-bottom: 30px;
}

.feedg {
	font-size: 1.5vw;
}

.feedup {
	cursor: pointer;
}

.feedunder {
	text-decoration: underline;
}


/*##gallery.css*/

@-moz-document url-prefix() { /* Disable scrollbar Firefox */
html{
scrollbar-width: none;
}
}
body {
margin: 0; /* remove default margin */
scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
-ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
overflow-y: scroll;
}
video::-webkit-media-controls-volume-slider :: hover {
background-image: linear-gradient(transparent, transparent)!important;
}
video::-webkit-media-controls-fullscreen-button {
display: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
     box-shadow:none!important;
}
video[controls]::-webkit-media-controls-panel {
display: flex !important;
opacity: 1 !important;
}
body::-webkit-scrollbar {
display: none;
}
.heading {
font-size: 22px;
padding:0.1%;
}

.mrow {
border-radius: 8px;
border: 2px solid #707070;
border-radius: 3vh;
background-color: black;
padding-right: 13px;
padding-left: 13px;
}
.carousel-indicators li {
background-color: #409efe!important;
}
video::-webkit-media-controls {
visibility: hidden;
}
video::-webkit-media-controls-enclosure {
visibility: visible;
}
.text-primary {
color: #409efe !important;
}


.gallerybtn {
width: auto;
}
.whiteborder {
margin-left: 2px!important;
}
.dotbottom {
/*bottom: -1345px;*/
}
/*.playbutton {
width: 14%!important;
margin-left: 10px;
}
.playslider {
width: 45%!important;
}
}*/
.downloadbtn {
margin-top: 15px;
}

/*.playbutton {
width: 20%;
margin-left: -5px;
}
.playslider {
width:42%;
}
}*/


/*.playbutton {
width: 15%!important;
margin-left: 10px;
}
.playslider {
width: 42%!important;
}
}*/
.playbutton {
width: 3%;
}
.playslider {
width: 97%;
}


.galleryfont {
font-size:0.7vw;
}
.submittblockwhite{
width:212px;
}



.myinput {
background:white!important;
background: linear-gradient(to right, #fff 0%, #fff 50%, #fff 50%, #fff 100%);
border: solid 1px transparent;
border-radius: 8px;
height: 5px;
width: 100%;
outline: none;
transition: background 450ms ease-in;
/* <!--   -webkit-appearance: none; --> */
}


/*Chrome thumb*/

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 8px;
  /*16x16px adjusted to be same as 14x14px on moz*/
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: #409efe;
  border: 1px solid #409efe;
}


/*Mozilla thumb*/

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-border-radius: 7px;
  height: 14px;
  width: 14px;
  border-radius: 8px;
  background: #409efe;
  border: 1px solid #409efe;
}

input[type="range"]::-moz-range-progress {
    border: 1px solid #409efe;
  background-color: #409efe; 
}
input[type="range"]::-moz-range-track {  
  background-color: white;
}

input[type="text"] {
  border: none;
}

 .hide-scrollbar
{
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}
.galleryplay {
width: 25px;
height: 25px;
display: inline-block;
margin-top: -19.5px;
font-size: 35px;
color: #e81d1d;
background-size: contain;
background-position: center;
background-color: inherit;
}
.submittblockwhite{
padding: 4px 14px;
/* width: 242px; */
height: 33px;
border-radius: 9px;
font-size: 15px;
font-weight: bold;
font-size: 15px;
font-weight: bold;
background-color: white!important;
color: #409efe;
border-color: white!important;
/*margin-bottom:16px;*/
}
.setrightspace{
margin-right:-28px;
padding-left: 40%;
}
.setleftspace{
margin-left:-28px;
padding-right: 40%;
}
.galleryleft{
padding-left: 20.2%;
}
.galleryright{
padding-right:20.2%;
}

.carousel-inner {
	border : 2px solid #707070;
	border-radius:3vh;
	padding:0px 50px;
}
 

.feedbackside_btn{
	background-color:transparent!important;color: #ffff;border:1px solid #ffffff69 !important;
}  
.trustside_btn{
	background-color:transparent!important;color:#ffff;border:1px solid #ffffff69 !important;
}
.model_one{
	background-color: #000000bf;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 100000;
}
.model_two{
	font-size: 15px;font-weight:400;padding-top:15px;
}
.model_three{
	color:#409efe; line-height:20px;
}
.model_four{
	margin-top:-8px;
}
.model_five{
	margin-top: 15px;
}
.model_six{
	padding: 4px 0% !important;
}
.model_seven{
	padding: 4px 20% !important;
}

.model_eight{
	width:314px; height:385px; 
}
.model_nine{
	font-size: 15px;font-weight:400;padding-top:15px;
}
.model_ten{
	color:#409efe; line-height:20px;
}
.model_ten1{
	margin-top:20px;
}
.model_one1{
	width:314px; height:295px;
}
.model_t2{
	margin-top:20px;
}
.model_t3{
	width:315px; height:294px;
}
.model_t4{
	width:314px; height:184px;
}
.model_t5{
	width:315px; height:250px;
}
.model_t6{
	width:315px; height:160px;
}
.model_t7{
	width:314px; height:263px;
}
.model_left1{
	left:32%;
}
.model_left_28{
	left:28%;
}
.model_like1{
	width:305px; height:250px; background-color: #F1EDED;
}
.model_home1{
	text-decoration:underline; color:#000;
}

/*##CHAT CSS*/
#emoji_editor, #chat_emoji_editor { margin-top:20px; }
.chatone{
	overflow-y:scroll; max-height:525px; height:auto;
}
.chatone p { 
	margin-bottom: 0px;
    margin-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-right:0px;
}
.chat_two{
	margin:0px!important;
	border:none; 
	height:142px!important;
	padding:0px;
}

.right_box_height .chat_two { height:168px !important; } 
.right_box_height .chat_dev { height:130px !important; } 
.chat_two .email_form { height:56px; }
.chat_three{
	position: absolute;
    bottom: 95%;
    left:5%;
    width: 220px;
    background: #fff;
    border-radius: 20px;
    padding: 10px 20px; display:none; z-index:1;
}

.chat_four{
	border-top:2px solid #4a4949; padding-top:16px;
}

.chat_five{
	width:100%; border:1px solid; margin:0px; padding:0px 5px; background:#000; color:#fff;
}
.chat_six{
	width:100%; margin-top:10px;
}

.emoji-picker-icon { top:28px !important; display:none; }
.emoji-menu { top:54px; }



/* Chat containers */
.sender-container {
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  margin: 5px 0;
  position: relative;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: rgb(216, 216, 216);
  line-height: 25px;

}

/* Darker chat container */
.darker {
  /*background-color: rgb(24, 24, 24);*/
}

/* Clear floats */
/*.sender-container::after {
  content: "";
  clear: both;
  display: table;
}*/

/* Style images */
.sender-container img {
  float: left;
  max-width: 30px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}

/* Style the right image */
.sender-container img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

/* Style time text */
.time-right {
	/*float: right;*/
	color: #aaa;
	font-size: 12px;
	top: 40px;
	position: absolute;
	right: 8px;
}

/* Style time text */
.time-left {
	/*float: left;
	color: #999;*/
	color: #aaa;
	font-size: 12px;
	top: 10px;
	position: absolute;
	left: 8px;
}

/*.tab-content {
  border: 2px solid #707070;
  color: white;
  background-color: black;
  border-radius: 19px;
  padding: 30px;
  font-family: 'Product Sans Regular';
  width: 600px;
  margin: 0 auto;
}*/
.name{
  position: absolute;
  margin-top:30px;
  font-weight: bold;
  font-size: 10px;
}
.name-right{
  position: absolute;
  margin-top:30px;
  right:25px;
  font-weight: bold;
  font-size: 10px;
}

.sender-container p { opacity:0.80; font-size:12px; }
.darker p { opacity:1; }


.bottom780
{
    /* margin-bottom:0px; */
}

.rightBoxTitle
{
   
}


.g1{
	background-color:#464646;
}
.g2{
	color: #ffffff6e;
}
.g3{
	padding-right:2px;float:right;
}
.g4{
	color:white;
}
.g5{
	background-color:white!important; color:#409efe;border-color:white!important
}
.g6{
	background-color:#409efe;
}
.g7
{
	padding-top:2.2rem!important;
}
.g8{
	color:black;text-decoration: underline;
}
.g9{
	margin-top:-30px;
}
.g10{
	text-transform: uppercase;
}
.g11{
	color:white; cursor: pointer;
}
.g12{
	margin-top: -5px;
}

.gallery_container {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}


/*#login cs*/


.email_form input[type="text"] {
    font-family: 'Product Sans Regular';
    width: 100%;
    color: #d2d2d2!important;
    border-bottom: 1px solid #a7a1a1 !important;
}

input[type="text"] {
    background: transparent;
    border: transparent;
    border-bottom: 1px solid #a7a1a1;
    width:100%;
    margin:0px; 
}
.eyeicon{
    cursor: pointer;
    position: absolute;
    right: 0px;
	width:1.4vw;
    z-index: 100;
    transition: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.eyeicon-again{
    cursor: pointer;
    position: absolute;
     right: 0px;
	width:1.4vw;
	/*bottom:10px;*/
    z-index: 100;
    transition: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.email_form input[type="password"] {
    background: transparent;
    width: 100%;
    border-bottom: 1px solid #a7a1a1 !important;
    border: transparent;
}


.regMsg
{
	height:10px; 
	margin-top:10px;
}
.regAccept{
	text-decoration: underline;
}
.otpfont{
	font-size:14px;
}


/*##extract by ba-player css*/

/* BA-Check */
/* By: Leibnizo Technologies(P) Ltd, */
/* Author: Jitendra Yadav */
/* Website: https://ShotCompare.com */


html {
  box-sizing: border-box;
  font-family:'Product Sans Regular';
  height: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}


.clear {
  clear: both;
}

textarea {
  width: 100%;
}

video::-webkit-media-controls {
  display: none !important;
}

textarea:hover,
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
.btn:active,
.btn.active {

  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

input[type="radiobutton"] {
  outline: 1px !important;
  border: 1px solid #707070;
}

p {
  color: #fff;
}

button:focus {
  outline: 0;
}




.btn_gray {
  border: 1px solid #707070 !important;
  background-color: Transparent;

  color: #707070;
}

.btn_gray:focus {
  border: 1px solid #ffffff !important;
  background-color: #000;
  color: #ffffff;
}

.btn_solid {
  border: 1px solid #000000 !important;
  background-color: #000;
  color: #ffffff;
}

.btn_img {
  margin: 10px 30px 0px 50px;
  cursor: pointer;
  float: left;
  width: 17px;
}

.video-top 
{ 
   
    position: absolute;
    display:block;
    z-index: 99;
    width: 100%; position: absolute; display: block; z-index: 60; width:100%; 
    max-height: calc(100vh - 250px); 
}


.video-bottom-slide {
  position: absolute; 
  display: block;
  z-index: 50; 
  width: 100%; 
  clip-path: inset(0% 50% 0% 0% );   
}


.video-top-slide {
  position: absolute; 
  display: block;
  z-index: 60; 
  width: 100%; 
  clip-path: inset(0% 50% 0% 0% );   
}

/*
.video-bottom:hover{clip-path: inset(0% 99.9% 0% 0% );  transition:0.9s;;} 
*/


.button_container {
  border-radius: 30px;
  border: 1px solid #707070;
  height: 213px;
}

.message_box {
  margin-top: 30px;
  height: 317px;
  width: 100%;
}

.email_box {
  margin-top: 30px;
  border: 1px solid #707070;
  height: 211px;
  background-color: #fff;
}





.ba_title {
  text-align: center;
  color: #8f8484;
  font-size: 18px;
  font-weight: normal;
  /* font-family: Arial, Helvetica, sans-serif; */
  padding: 10px 15px;
}

.text_top {
  color: #409efe;
  font-size: 27px;
  text-align: center;
  /* font-family: Arial, Helvetica, sans-serif; */
}

.upload_btn_holder {
  background-color: #fff;
  border: 1px solid #707070;
  height: 176px;
  margin: 20px 20px;
  position: relative;
}

.upload_before {
  width: 50%;
  height: 100%;
  float: left;
  border-right: 1px solid #707070;
  position: relative;
  overflow: hidden;
}

.upload_after {
  width: 50%;
  height: 100%;
  margin: auto;
  float: left;
  position: relative;
  overflow: hidden;
}

.btn-circle {
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 50px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-circle.btn-xl-add {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 50%;
  background-color: #409efe;
  cursor: pointer !important;
  color: #ffffff;
}

.black_btn {
  background-color: #000000 !important;
}

.upload_before input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.upload_after input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.btn_title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file_title {
  font-size: 11px;
  color: #000;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 13px;
}

.msg_title {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  text-align: left;
  margin: 5px;
}

input[type="text"] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #a7a1a1;
  /*width: 85%;*/
  /*margin: 10px 25px;*/
}


.btn_black {
  border: 1px solid #000000 !important;
  background-color: Transparent;
  color: #000000;
}

.bottom_btn_holder {
  width: 100%;
  position: relative;
  margin-bottom: 35px;
}

.bottom_btn_container {
  width: 238px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bottom_btn_container_next {
  width: 118px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feedback_text {
  text-decoration: underline;
  font-size: 18px;
  color: #50a3fd;
  text-align: center;
}

.feedback_text a {
  text-decoration: underline;
  font-size: 18px;
  color: #50a3fd;
  text-align: center;
}

.sponc {
  background-color: #fff;
  height: 60px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  margin-bottom: 30px;
}

.sponc_text {
  padding-top: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #000101;
}

.feedback_title {
  font-size: 18px;
  color: #50a3fd;
  text-align: center;
  margin-bottom: 50px;
}

.qus_title {
  font-size: 20px;
  color: #afafaf;
  margin-bottom: 10px;
}

label {
  margin-left: 20px;
  font-size: 20px;
  color: #afafaf;
}

input[type="radio"] {
  margin-top: 6px;
  height: 1.2rem;
  width: 1.2rem;
}

.qus_holder {
  margin-bottom: 50px;
}

.feedback_msg_box {
  width: 95%;
  margin: 0px auto;
}
.ba-video-container {
  border-radius: 30px;
  border: 1px solid #707070;
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px;
}


.video-holder {
position: relative;
display: flex;
justify-content: center;
width: 100%;
height: auto;
margin: 7px 23px 35px 23px; 
height:auto;
}


.red-bar{
  position: absolute;
  width: 0%;
  height: 4px;
  z-index: 200;
  background-color: #d70000;
}


.video-mover{
  width: 100%;
  /* margin:7px 0px 0px 15px; */
  margin:7px 0px 0px 0px;
  background-color: #404040;
}


.card-new-design{
  background-color: #000;
  border: 1px solid #4a4949;
  border-radius: 0px 0px 3% 3%;
  height: auto;
  display: grid;
}
.card-header-new-design{
  padding:0rem .62rem;
}
.nav-link-new{
  text-align: center;
  font-size: 14px;
  padding:4px;

}
.nav-item-new{
  width: 50%;
}

.nav-tabs .nav-link.active {
  background-color: #409efe;
  color: #ffffff;
  border: none;
 /*  margin-top: -29px; */
  margin-top: -22px;
} 
.nav-tabs .nav-link {
  border: none;
  color: #7c7c7c;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  margin-top: -22px;
  background-color:#4a4949;

} 


.noHover{
    pointer-events: none;
}

.video-bottom {
  position: absolute;
  display:block;
  z-index: 50;
  width: 100%;
 }

.play_pause_controller{
  height: 55px;
  position: relative;
  margin: 0px auto;
  width:100%;
}



.button_holder button{
  cursor:pointer;
  float: left;
  padding:0px 35px;
  font-size: 25px;
  font-weight: bold;
  border-radius: 20px;
  margin: 5px;

} 

.top-bar{
  background-color: #000000;
  height: 60px;
  margin-bottom: 30px;
}
.top-bar img{
  float: right;
}
.standard-video-container {
  position:relative;
  width:100%;
  height:auto;
  }

  .blueButton {
    background-color:#409efe;
    border-radius:28px;
    border:1px solid #4394ea;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:18px;
    padding:8px 40px;
    text-decoration:none;
  }
  .blueButton:hover {
    background-color:#409efe;
    text-decoration: none;
  }
  .blueButton:active {
    position:relative;
    top:1px;
  }

  .text_right h1{
    color: #ffffff;
    font-size: 25px;
    margin-top: 60px;
  }
  .technical-txt a{
    text-decoration: underline;
  }
.divider-line{
  border-bottom: 1px solid #8F8484;
  margin: 20px;
}
.setOnblur, .backs_7, .sEt_7   
{
	filter: blur(56px);
}

.unique_link_container { word-break:break-word; padding:5px; margin-bottom: 20px; float:left; background: none; cursor: pointer; padding-left:0px; padding-right:0px; resize:none; }
.unique_link_container a { color:#409efe; }

.sePadBottom
{
	color: #409efe!important;
	font-style: italic;
	left: 65px;
	right: 65px;
	bottom: 5px;
	position: absolute;
	}



.sePadBottom a{
		color: #409efe!important;
}


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #707070!important;
}

/*	Jitendra 19-06-2023*/
	
/*		.flag-holder{
		position: absolute;
		left:30px;
		top:45px;
		width:45px;
		height:33px;
		color: 409efe;
		
	}*/

/*.flag-holder {
    position: absolute;
    left: 30px;
    top: 45px;
    
    color: #ffffff;
}*/

.flag-holder {
    position: absolute;
/*    left: 30px;*/
    top: 54px;
    color: #ffffff;
}
	
	.flag-holder a{		
	  color: #ffffff;
		font-size: 20px;
	}
	
	
	.flag-holder img{ 
	   border: 1px solid #ffffff;
	}
	
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#409efe;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}	

#myBtn:hover {
  background-color:#409efe;
}

/*shipra 16-03-2023
creating new class for Customize SC Player*/
.customize_pagestyle {
    padding-right: 40px;
    padding-left: 40px;
   /* border: 2px solid #707070;*/
   /*  border-radius: 3vh;
    background: black;*/
    max-width: 100%;
    margin: auto;
}
.flotleft {
  float: left;

}

.flotright {
  float: right;

}

.divstyle {
max-width: 100%;
}
/* Default Design */
.responsiv-div {
 
    /* To make all elements center */
    display: flex;
    justify-content: center;
    align-items: center;
}

.scblue{
 
    /* To make text blue */
    color: #409efe;
}
.pdf-download{
		position: absolute;
		right:30px;
		top:45px;
		width:45px;
		height:33px;
		
		
	} 

.layout-holder2 {
    float: left;
    width: 70%;
    padding: 0px 40px;
    margin-bottom: 0px;
}




/*Media Queries*/


/*@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) {
.container-fluid { top:55%; }
}*/
@media (min-width: 992px) {
/*.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 29.333333% !important;
margin-left:24px !important;
}*/
}
@media screen and (width: 1920px) {
.trust_button {
right: -19%;
padding-bottom: -9px;
border: none;
text-align: vertical;
background-color:#868585;
height: 30px;
min-width: 88%;
position: absolute;
border-radius: 7px 7px 0px 0px;
font-size: 15px;
color: #000;
padding-right: -46px;
bottom:-101px;
/* padding: 3px; */
}
}
@media only screen and (min-width: 320px) {
.otp-setting {	
margin:0px!important;
border: none!important;
text-align: center!important;
border-bottom: 1px solid #a7a1a1 !important;	
/*width: 17.6%!important;*/
font-size:18px;
}
}
@media screen and (min-width: 400px) {
.otp-setting {	
margin:0px!important;
border: none!important;
text-align: center!important;
border-bottom: 1px solid #a7a1a1 !important;	
/*width: 17.6%!important;*/
font-size:18px;
}
	
.btnsubscription-new {
    color: #fff;
    padding: 5px 8px 5px 8px;
    width: 60!important;
    height: auto;
    border-radius: 9px;
    font-size:0.8em!important;
    background-color: #409efe;
    border: none;
    margin-top: 10px;
}
	
}
@media screen and (min-width: 800px) {
.otp-setting {	
margin:0px!important;
border: none!important;
text-align: center!important;
border-bottom: 1px solid #a7a1a1 !important;	
/*width: 17.6%!important;*/
font-size:18px;
}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 600px) {
.navnew-fixed{
z-index:1001!important;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.forgetbutton {
margin-top: 80px!important;
}
} 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.forgetbutton {
margin-top: 163px!important;
margin-bottom:55px;
}
}
@media only screen and (min-width: 1920px) {
.forgetheight { min-height:720px!important; }
}
.crossimg:hover {
background: url("../img/X100.svg") no-repeat;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 0px;}
}
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.footerset {
position: absolute!important;
}
}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
.footermargin{
display: block;
padding:5px;
}
}
@media only screen and (max-width: 1000px) {
.whiteborder {
height: auto
}
}
@media only screen and (max-width: 720px) {
.whiteborder {
height: auto;
}
}
@media only screen and (max-width: 480px) {
.hiddenheight {
width: 100%;
height: 100%;
padding-right: 33px;
padding-top: 8px;
}
.whiteborder {
width: 100%;
height: auto;
}
.carousel-indicators {
padding-bottom: 3rem !important;
}
.carousel {
height: 100vh;
}
.text-white-gallery{
color: #fff;
}
.carousel-indicators li {
width: 10px;

height: 10px;
border-radius: 100%;
}
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
/*.before_video, .after_video { height:117px; }*/
.c100.small { font-size:52px; }
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
/*.before_video, .after_video { height:128px; }*/
}
/* ----------- iPad Pro 10.5" ----------- */
@media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* ----------- iPad Pro 12.9" ----------- */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
/*.before_video, .after_video { height:165px; }*/
}
@media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) {
}
/*Priya popup style*/
/*Priya popup style*/
/* header css */
@media only screen and (max-width: 600px) {
.topleftmob {width : 5%;}
}

.emoji-picker-icon { font-size:1.5vw !important; }
@media only screen and (max-width: 766px) {
.videoform { padding-left:0px; }
.btnrow { width:100% !important; }
/*.pdleft { padding-right:0px; }*/
.video_container { min-width:auto !important; }
.container-fluid { height:auto; }
.emoji-wysiwyg-editor { max-height:410px !important; height:auto !important; }

}

/*@media(max-width: 590px){ body { width: 590px; } }*/
@media (max-width: 590px) { .current-time { visibility:hidden; } }
@media(max-width: 860px){ 
	.col-md-8, .col-lg-8, .col-md-4, .col-lg-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
        padding-left: 0px;
	}
	.videoform { 
		padding-left:0px;
		min-height: 700px;
		margin-top: 30px;
		margin-bottom: 30px; 
	}
	.btnrow { width:100% !important; }
	/*.pdleft { padding-right:0px; }*/
    
    .bottom780
    {
        margin-bottom: 35px;
    }
    
    .rightBoxTitle
    {
        width: calc(100% + 28px);
    }
    
    .model_left1 {
    left: 50% !important;
    margin-left: -270px;
    }
    
	.container-fluid { height:auto; }	
	.h6 { font-size: 150%; }
	.submittblockgrey { min-width: 204px; }
	.email_form .textarea {	min-height: 9px; }
	.beforevideo, .aftervideo { margin-top:10%; }
	#spnBeforeFilePath, #spnAfterFilePath, #beforeFileInfo, #afterFileInfo, #beforeTimeInfo, #afterTimeInfo, #spnBeforeFileComplete, #spnAfterFileComplete, #beforeFileSize, #afterFileSize, .technical a { font-size:14px !important; }
	.c100.small { font-size:72px !important; }	
	.container-fluid {
		position: relative;
		top: 0;
		transform: unset;
	}
}
@media(max-width: 1366px) {
	.container-fluid {
		height: auto;
	}
}


@media(max-width: 600px) {
	.setscroll {
		overflow-y: unset;
		height: unset!important;
	}
	.wordset {
		word-break: break-all;
	}
}
@media(max-width: 1366px){ 
	.container-fluid { height: auto; }
}
@media(max-width: 1366px){ 
	.container-fluid { height: auto; }
}
@media(max-width: 1020px){ 
	.container-fluid { height: auto; }
}
@media(max-width: 1020px)
{ 
.container-fluid { height: auto; }
}



/* Media Queries CSS */

/*Medium devices (landscape tablets, 768px and up)*/
@media only screen and (max-width: 768px){
.header-title {
    font-size: 0.9em;
}

.second-row-title h2{
    font-size: .8em;
    
    }

    .second-row-title{
        height:12rem;

    }

}

/*Medium devices (landscape tablets, 600px and Down)*/
@media only screen and (max-width: 600px){
    .header-title {
        font-size: 0.9em;
    }
    .second-row-title{
        height:15rem;

    }
    
    .second-row-title h2{
        font-size: .7em;
        
        }


        .second-row-title span{
            color: #fff;
            font-size:.7em;
            
            }


        .info-gray-bg{
            height: 4rem;
            font-size: .7em;
            
        }
        
        
        .info-black-bg{
            height: 4rem;
            font-size: .7em;
            
        }


        .radio-plan label{
            color: #ffffff;
            font-size: .6em;
            margin-right: 0px;
        }
        
        .radio-plan [type="radio"]{
        
            
            height:.8rem;
            width: .8rem;
            position: absolute;
            margin-top: 5px;
            cursor: pointer;


        }
    
    }

/* Media Queries CSS */

/*Medium devices (landscape tablets, 768px and up)*/
@media only screen and (max-width: 768px) {
    .header-title {
        font-size: 0.9em;
    }

    .second-row-title h2 {
        font-size: .8em;

    }

    .second-row-title {
        height: 12rem;

    }

    


}

/*Medium devices (landscape tablets, 600px and Down)*/
@media only screen and (max-width: 600px) {
    .header-title {
        font-size: 0.9em;
    }

    .second-row-title {
        height: 15rem;

    }

    .second-row-title h2 {
        font-size: .7em;

    }


    .second-row-title span {
        color: #fff;
        font-size: .7em;

    }


    .info-gray-bg {
        height: 4rem;
        font-size: .7em;

    }


    .info-black-bg {
        height: 4rem;
        font-size: .7em;

    }


    .radio-plan label {
        color: #ffffff;
        font-size: .6em;
        margin-right: 0px;
    }

    .radio-plan [type="radio"] {


        height: .8rem;
        width: .8rem;
        position: absolute;
        margin-top: 5px;
        cursor: pointer;


    }
.btnsubscription-new {
    color: #fff;
    padding: 5px 8px 5px 8px;
    width: 60!important;
    height: auto;
    border-radius: 9px;
    font-size:0.8em!important;
    background-color: #409efe;
    border: none;
    margin-top: 10px;
}


    
}

@media(max-width: 1020px) {
	.container-fluid {
		height: auto;
	}
}

@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)

{
.whiteborder {
margin-left: 2px!important;
}
.dotbottom {
/*bottom: -1155px;*/
}
/*.playbutton {
width: 20%;
margin-left: -5px;
}
.playslider {
width: 80%;
}*/
}
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
.galleryallbtn {
width: auto;
}
.dotbottom {
/*bottom: -1230px;*/
}
.gallerybtn {
margin-left: -12px;
width: auto;
}
/*.playbutton {
width: 20%!important;
margin-left: 10px;
}
.playslider {
width:37%!important;
}*/
}
/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.galleryallbtn {
width: auto;
}
/* Galaxy S5 portrait and landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.whiteborder {
margin-left: 2px!important;
}
/* Galaxy S5 portrait and landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.gallerybtn {
width: auto;
}
@media only screen and (max-width: 600px) {
/*.playbutton {
width: 6%;
margin-left: 20%;
}
.playslider {
width: 53%;
}*/
.galleryfont {
font-size:1.7vw;
}
.submittblockwhite{
width:212px;
}
}
@media only screen and (min-width: 600px) {
/*.playbutton {
width: 6%;
margin-left: 20%;
}
.playslider {
width: 53%;
}*/
.galleryfont {
font-size:1.7vw;
}

.submittblockwhite{
width:212px;
}
}
@media only screen and (min-width: 768px) {
/*.playbutton {
width: 15%;
margin-left:20%;
}
.playslider {
width: 44%;
}*/
.galleryfont {
font-size:0.7vw;
}
.submittblockgrey {
width:80%;
}
.submittblockwhite {
width:20%;
}
}
@media only screen and (min-width: 992px) {
/*.playbutton {
width: 12%;
}
.playslider {
width: 47%;
}*/
.galleryfont {
font-size:0.9vw;
}

.submittblockwhite{
width:168px;
}
}
@media only screen and (device-width: 1920px) {
	.box_top { height:525px !important; }
}
/*#gallery css*/


@media(max-width: 1020px){ 
	/*.container-fluid { height: auto; }*/
#main { margin-bottom:0px; }
	.col-md-8, .col-lg-8, .col-md-4, .col-lg-4 {
		-ms-flex: 0 0 50%;
/*		flex: 0 0 50%;*/
		max-width: 100%;
	}
	.gallery_container { padding:0px 20px; }
	.gallery_desc, .gallery_desc span { font-size:1.5vw; }
}
@media(max-width: 780px){
	.col-md-8, .col-lg-8, .col-md-4, .col-lg-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
        padding-left: 0px;
	}
	.col-md-6, .col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
    
    .bottom780
    {
        margin-bottom: 35px;
    }
    
    .rightBoxTitle
    {
        width: calc(100% + 28px);
    }
    
	.gallery_desc, .gallery_desc span { font-size:2.5vw; }
	
	
}

@media (min-width: 992px){
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 100% !important;
	margin-left:20px !important;
}
	
	.layout-holder { 
float:left;
width:100% !important;
/*padding:0px 40px;*/
margin-bottom:0px;
}}
	
	
	
@media (min-width:850px) and (max-width:1020px) {
    .sePadBottom {
  	display:none!important;
  }
}
	
	@media (min-width: 992px){
.col-lg-8 {
    flex: 0 0 100%;
     max-width: 100%; 
}}
/*New CSS for STICKY Header By Jit*/
.logo-holder{
		width:180px;
		margin: 10px 0px 0px 80px;
	}

.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}

	.header-logo {
		padding-top: 13px;
		padding-left: 15px;
	}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
	background-color:rgba(0, 0, 0, 0.7);
/*	background-color: #000000;*/
/*
	background-image:url(https://dev.shotcompare.com/img/pattern_bg.jpg);
	background-repeat: repeat;
*/
	border-bottom:2px solid #707070;
}

.sticky + .container-fluid {
  padding-top: 102px;
}