body {font-family: roboto; color: #3f2e52;height:100%;width:100%;}

/* font-weight css*/
.w300{font-weight: 300;}.w400 {font-weight: 400;}.w500 {font-weight: 500;}.w600 {font-weight: 600;}.w700{font-weight: 700;}.w800 {font-weight: 800;}.padding0{padding:0;}

/* font size css start*/
@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}

.xstext-center,.xstextcenter{text-align:center}.xstextleft{text-align:left}.xstext-left{text-align:center; }
.xsmt0{margin-top:0}.xsmt1{margin-top:1%}.xsmt2{margin-top:2%}.xsmtt2{margin-top:2.7%}.xsmt3{margin-top:3%}.xsmt4{margin-top:4%}.xsmt5{margin-top:5%}.xsmt6{margin-top:6%}.xsmt7{margin-top:7%}.xsmt8{margin-top:8%}.xsmt9{margin-top:9%}.xsmt10{margin-top:10%}.xsmt11{margin-top:11%}.xsmt12{margin-top:12%}.xsmt13{margin-top:13%}.xsmt14{margin-top:14%}.xsmt15{margin-top:15%}
.xsmb0{margin-bottom:0}.xsmb1{margin-bottom:1%}.xsmb2{margin-bottom:2%}.xsmb3{margin-bottom:3%},.xsmb4{margin-bottom:4%}.xsmb5{margin-bottom:5%}.xsmb6{margin-bottom:6%}.xsmb8{margin-bottom:8%}
}

@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm45 {font-size: 45px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}

.xstextcenter,.xstextleft{text-align:right}.xstext-center{text-align:left}.xspaddinglr{padding-left:0;padding-right:0}.xstext-right{text-align:right}.xstext-left{text-align:left}
.mt0{margin-top:0}.mt1{margin-top:1%}.mt2{margin-top:2%}.mtt2{margin-top:2.7%}.mt3{margin-top:3%}.mt4{margin-top:4%}.mt5{margin-top:5%}.mt6{margin-top:6%}.mt7{margin-top:7%}.mt8{margin-top:8%}.mt9{margin-top:9%}.mt10{margin-top:10%}.mt11{margin-top:11%}.mt12{margin-top:12%}.mt13{margin-top:13%}.mt14{margin-top:14%}.mt15{margin-top:15%}.mt16{margin-top:16%}.mt17{margin-top:17%}.mt18{margin-top:18%}
.mb0{margin-bottom:0}.mb1{margin-bottom:1%}.mb2{margin-bottom:2%}.mb3{margin-bottom:3%}.mb4{margin-bottom:4%}.mb5{margin-bottom:5%}.mb6{margin-bottom:6%}.mb7{margin-bottom:7%}.mb8{margin-bottom:8%}.mt_15{margin-top:1.5%}
}

@media (min-width:992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md23 {font-size: 23px;}.md25 {font-size: 25px;}.md27 {font-size: 27px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md33 {font-size: 33px;}.md35 {font-size: 35px;}.md37 {font-size: 37px;}.md39 {font-size: 39px;}.md40 {font-size: 40px;}.md41 {font-size: 41px;}.md43 {font-size: 43px;}.md45 {font-size: 45px;}.md47 {font-size: 47px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md53 {font-size: 53px;}.md55 {font-size: 55px;}.md66 {font-size: 66px;}.md63 {font-size: 63px;}
 }
 
 @media (min-width:1200px) {
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg23 {font-size: 23px;}.lg25 {font-size: 25px;}.lg27 {font-size: 27px;}.lg29 {font-size: 29px;}.lg31 {font-size: 31px;}.lg33 {font-size: 33px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg39 {font-size: 39px;}.lg41 {font-size: 41px;}.lg43 {font-size: 43px;}.lg45 {font-size: 45px;}.lg47 {font-size: 47px;}.lg49 {font-size: 49px;}.lg51 {font-size: 51px;}
 }
/* font size css end*/


/* footer css*/
.dbfooter{background: #ffffff;border-top: 1px solid #dfdbe9; font-weight:300; padding:1%;width: 100%;float: left; color:#3f2e52;}
.dbfooter a{color: #3f2e52;text-decoration: none;}
.dbfooter a:hover {text-decoration: none;color: #3f2e52;}
.dbfooter a.social {width:26px;padding:6px 0px;display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;color: #9c9c9c;text-align: center;border:solid 1px #9c9c9c;background:transparent;font-size: 12px!important;}
.dbfooter a.facebook:hover {background: #395a9f;color:#ffffff;border:solid 1px #395a9f;}
.dbfooter a.twitter:hover {background: #45b0e4;color:#ffffff;border:solid 1px #45b0e4;}
.dbfooter a.gplus:hover {background: #cb181e;color:#ffffff;border:solid 1px #cb181e;}
.dbfooter a.linkedin:hover {background: #0275b4;color:#ffffff;border:solid 1px #0275b4;}
@media (max-width:768px) {
.footer-height{	width: 100%;float: left;}
.table-responsive{width: 100%;margin-bottom: 0px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;
 border:transparent;}}
@media screen and (min-height:100px){
.footer-height{width: 100%;float: left;min-height:380px;}
.social-height{width: 100%;float: left;min-height:436px;}
.mediaheight{width: 100%;float: left;min-height:400px;}}
@media screen and (min-height:650px){.footer-height{width: 100%;float: left;min-height:480px;}}
@media screen and (min-height:750px){.footer-height{width: 100%;float: left;min-height:590px;}}

@media screen and (min-height:100px){
.welcome-height{width: 100%;float: left;min-height:380px;}}
@media screen and (min-height:650px){.welcome-height{width: 100%;float: left;min-height:580px;}}
@media screen and (min-height:700px){.welcome-height{width: 100%;float: left;min-height:650px;}}
@media screen and (min-height:750px){.welcome-height{width: 100%;float: left;min-height:750px;}}

/*Common Modal Vertical Center CSS*/
.modal {text-align: center; padding: 0!important;}
.modal:before { content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog { display: inline-block;text-align: left;vertical-align: middle;}

/*CSS - Placeholder Color*/
::-webkit-input-placeholder { color: #9d9aa1 !important;}
::-moz-placeholder {color: #9d9aa1 !important;}
:-ms-input-placeholder { color: #9d9aa1 !important;}
:-moz-placeholder {color: #9d9aa1 !important;}

hr{margin-bottom:20px; border: 0;  border-top: 1px solid #dfdbe9;}

/*Videowhizz CSS*/
.text-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
a:hover,a:focus,a:active{text-decoration:none;}
.blue{color:#02aadb;}.purple,.purple:hover,.purple:focus{color:#672a86;}.light-purple{color:#7461ee;}.pink{color:#cd1876;}.green{color:#7ab33f;}.orange{color:#ff782d;}.grey,.grey:hover{color:#bab6c3;} .grey:focus{color:#bab6c3;}
.light-grey,.light-grey:hover{color:#dfdbe9;}
.grey1,.grey1:hover{color:#859db3;}
.cursor{cursor:pointer;}
.white{color:#fff;}
a.white-icon,.a.white-icon:hover{color:#fff;}
.black,.black:hover{color:#000;}
.mainblock{background:#f4f3f8;}
.dashcolor{border-bottom:solid 1px #dfdbe9;border-top:#dfdbe9;background:#edebf2;}
.black{color:#4a4949;}
.preheading{color:#3f2e52;}
.border-right{border-right:1px solid #dfdbe9;}
.inline{display:inline-block;}
.block{display:block !important;}
.link-color,.link-color:hover{color:#6b5ae8 ;}
.link-color1,.link-color1:hover{color:#6b5ae8  !important;}
.video-thumbnail{border:solid 1px #dfdbe9; border-radius:2px;}
.width-auto{width:auto;}
.radius0{border-radius:0 !important ;}
.padding10{padding:10px;}
.border0{border:hidden !important;}

/* welcome screen page css */
.welscreen {padding:3.6%;}
@media (min-width:240px) and (max-width:345px){
#tmm-form-wizard .stage1:before,#tmm-form-wizard .stage1:after {margin-top: -44px!important;}}

@media (min-width:768px){
#tmm-form-wizard .stage1:before,#tmm-form-wizard .stage1:after {margin-top: -36px!important;}}

#tmm-form-wizard .stage {display: inline-block;position: relative;text-align: center;min-height: 112px;}

#tmm-form-wizard .stage:before,#tmm-form-wizard .stage:after {position: absolute;background-color: #d5dae6;top: 50%;
margin-top: -36px;width: 50%;height: 15px;border-top: 1px solid #cacfda;border-bottom: 1px solid #cacfda;content: '';}

#tmm-form-wizard .stage2:before{border-radius:25px;}
								
#tmm-form-wizard .stage1:before {position: absolute;background-color: #d5dae6;width: 50%;height: 15px;border-top: 1px solid #cacfda;border-bottom: 1px solid #cacfda;content: '';top: 50%;}
#tmm-form-wizard .stage1:after {position: absolute;background-color: #d5dae6;top: 50%;width: 50%;height: 15px;border-top: 1px solid #cacfda;border-bottom: 1px solid #cacfda;border-radius:25px;content: '';top: 50%;}

#tmm-form-wizard .stage:before { left: 0; }
#tmm-form-wizard .stage:after  { right: 0; }

#tmm-form-wizard .stage.tmm-current .stage-header {background-color: #f0f3f5; border: none; }

#tmm-form-wizard .stage.tmm-current:after,#tmm-form-wizard .stage.tmm-current:before {background-color: #f0f3f5; border: none;}

#tmm-form-wizard .stage-header {display: inline-block;width: 60px;height: 60px;background-color: #d5dae6;text-align: center;font-size: 24px;color: #58627c;border: 1px solid #cacfda;position: relative;z-index: 1;padding: 4px;            -webkit-border-radius: 50%;border-radius: 50%;}			
				
#tmm-form-wizard .stage-title {color: #58627c;text-align: center;margin-top: 12%;}
.stage-title a{color: #58627c;}

.inner_stage{background: #fff;border-radius: 50%;border: 1px solid #dedede;height: 50px;width: 50px;padding: 6px;font-weight: 700;}
	
.greencircle{background:#59c81c;color:#ffffff;}
.orangecircle{background:#fc7829;color:#ffffff;}


/* profile dropdown */
.my-profile-area { padding:15px; background:#f4f3f7; border-bottom: 1px solid #dfdbe9;color: #4a4949;
}
.profile-img{width:100%; max-height:65px;}

/* Business dropdown */
#busines-drop,#busines-drop:focus{height:49px; min-width:200px; width:auto; text-align:left; background:#f4f3f8 	url(../images/caret-icon.png) no-repeat right center; color:#3f2e52;  box-shadow:none; border-radius:0; padding:0px 10px;  font-size:14px;  }
#busines-drop:hover{color:#3f2e52;}

@media (min-width:240px){.busineslist-drop{background-color:#fff!important;border-radius:0!important;width:auto!important;min-width:200px!important;right:auto;border:solid 1px #dfdbe9 !important;height:auto;}}
.busineslist-drop>li{white-space:normal!important;margin:0!important; border-bottom:solid 1px #dfdbe9}
.busineslist-drop>li:last-child{border:hidden;}
.busineslist-drop>li>a{padding:10px 10px !important;color:#3f2e52!important; font-size:15px; }
.busineslist-drop>li>a:hover{color:#672a86  !important; }

.business-type{position: relative;
height: 49px;
max-height: 49px;
display: table-cell;
vertical-align: middle;
text-align:left;
}


.business-type img{max-height:47px;}
@media (min-width:240px){
.desktop-business-name { color:#ffffff;  position:absolute; left:0%; right:0; width:30%; margin:0 auto;}}
@media (min-width:992px){
.desktop-business-name { color:#ffffff; position:absolute; left:6%; right:0; width:50%; margin:0 auto;}}
.businesss-overlay{background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; z-index:111; top:50px}
/* Business dropdown end */

@media (min-width:240px){.dashheader{padding-bottom:7%;padding-top:7%;padding-left:7px !important;padding-right:8px !important;}
.mainheader{padding:15px 0px !important;}
}
@media (min-width:768px){
.mainheader{padding:20px 5px !important;}
}
@media (min-width:768px){.dashheader{padding-bottom:1.7%;padding-top:1%; padding-left:7px !important;padding-right:8px !important;}
}
a.videobtn,.videobtn,.videobtn:focus {border:1px solid #e76923;color:#fff;padding:8.5px 14px;text-decoration:none;display:inline-block;border-radius:2px;background: #ff782d;  cursor:pointer;}
a.videobtn:hover,.videobtn:hover{background: #df621d;  color:#ffffff;border:1px solid #df621d;}

a.viewbtn {border:1px solid #e8e7ea;color:#000000;padding:5px 20px;text-decoration:none;display:inline-block;border-radius:2px;background: #f4f3f8;  cursor:pointer;}
a.viewbtn:hover{background: #df621d;  color:#ffffff;border:1px solid #df621d;}

.purple-btn{background:#9087a8 !important; border:1px solid #9087a8 !important;}
.purple-btn:hover{background:#672a86 !important; border:1px solid #672a86 !important;}

/*Custom Radio Button CSS*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    color: #3f2e52;
	font-weight:300;
	margin-right: 10px;
	margin-top: 0;
	
	
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
   margin-bottom: 0px;
}
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #d0ced4;
    border-radius: 100%;
    background: transparent;
}
[type="radio"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #672a86;
    border-radius: 100%;
    background: transparent;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #672a86;
    position: absolute;
    top: 7px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ============================================================
  lightbox
============================================================ */
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.7;display:none;z-index:1042}.sl-wrapper{z-index:1000}.sl-wrapper button{border:0 none;background:transparent;font-size:24px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{display:none;position:fixed;right:0;top:0;z-index:1068;color:#fff;background-color:#0c0d0c;width:48px;height:44px;line-height:44px;font-size:45px}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-align:center;display:block;z-index:10685;font-size:65px;color:#fff}.sl-wrapper .sl-navigation button.sl-next{right:10%}.sl-wrapper .sl-navigation button.sl-prev{left:10%}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block; max-height:580px}.sl-wrapper .sl-image iframe{border:0 none;background:#000}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#3a5a9d;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:-40px}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:1005}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes "pulsate"{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes "pulsate"{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes "pulsate"{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}


/* checkbox-custom css */
.checkbox-custom, .radio-custom {opacity: 0;position: absolute;}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block;cursor: pointer;}
.checkbox-custom-label{position: relative;}
.checkbox-custom + .checkbox-custom-label:before{content: '';background: #fff;border: 1px solid #dedce9;display: inline-block;vertical-align: middle;width: 20px;height: 20px;text-align: center; border-radius:1px;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: "\f00c";font-family: 'FontAwesome';background: #fff;color: #3f2e52; font-size:13px;}
.checkbox-custom1:checked + .checkbox-custom1-label:before {content: "\f00c";font-family: 'FontAwesome';background: #fff;color: #3f2e52; font-size:10px; font-weight:300}
.checkbox-custom:focus + .checkbox-custom-label{outline: 0px solid #ddd; /* focus style */}
.checkbox-custom1 + .checkbox-custom1-label:before{content: '';background: #fff;border: 1px solid #dedce9;display: inline-block;vertical-align: middle;width: 15px;height: 15px;text-align: center; border-radius:2px;}
.checkbox-custom1 + .checkbox-custom1-label:hover, before{color:#672a86}
.checkbox-custom-label{ margin-bottom: 0px !important;}




/* --- videowhizz pages css start---*/

.dash-box{background-color:#ffffff; padding:20px; border-radius:3px; -webkit-box-shadow: 0px 2px 5px -1px rgba(46, 50, 50, 0.17);-moz-box-shadow:0px 2px 5px -1px rgba(46, 50, 50, 0.17); box-shadow:0px 2px 5px -1px rgba(46, 50, 50, 0.17);}
.dash-box h1{padding:21px 0px 0px 0px; margin:0; margin-top:21px; border-top: solid 1px #dfdbe9;}

.border-color {border-color:#dfdbe9;}

@media (min-width:240px) {.col-xs-15 {width: 100%;margin-bottom: 13px;float: left;}
.padding20{padding:15px;}}
 @media (min-width: 768px) {.col-xs-15 {width: 18.5%;border: hidden;margin-left:2%;}
.col-xs-15:first-child {width: 18%;border: hidden;margin-left:0%;}
.padding20{padding:20px;}}

#chart,#chart1,#chart2 {height:300px;}

.video-box {
background-color: #ffffff; -webkit-box-shadow: 0px 2px 5px -1px rgba(46, 50, 50, 0.17);-moz-box-shadow:0px 2px 5px -1px rgba(46, 50, 50, 0.17); box-shadow:0px 2px 5px -1px rgba(46, 50, 50, 0.17); border-radius:3px; float:left; width:100%;}
.video-box-right {
background-color: #ffffff; -webkit-box-shadow:0px -2px 5px -2px rgba(46, 50, 50, 0.17);-moz-box-shadow:0px -2px 5px -2px rgba(46, 50, 50, 0.17); box-shadow:0px -2px 5px -2px rgba(46, 50, 50, 0.17); border-radius:0px 3px 0px 0px; float:left; width:100%;}

.video-box-left {
background-color: #ffffff; -webkit-box-shadow:0px -2px 5px -2px rgba(46, 50, 50, 0.17);-moz-box-shadow:0px -2px 5px -2px rgba(46, 50, 50, 0.17); box-shadow:0px -2px 5px -2px rgba(46, 50, 50, 0.17); border-radius:3px 3px 0px 3px; float:left; width:100%;}

.box-heading {padding:15px 20px;border-bottom:solid 1px #dfdbe9;}
.box-head-bottom {padding:15px 20px;	border-top:solid 1px #dfdbe9; clear: both;}

.recent-activity ul{margin:0; padding:0;}
.recent-activity ul li{list-style:none; background:url(../images/radio-icon.png) no-repeat 15px 13px;padding:10px 20px 10px 50px;}
.recent-activity ul li:hover{background-color:#f4f3f7;}

/*--- setting drop down ---*/
@media (max-width: 767px){
.setting-drop-position {position: absolute !important;display: inline-block; right:0px;top:2px;}}
.setting-drop-position {position: absolute !important;display: inline-block;}
.setting-drop-icon{z-index:999; position:relative; color:#bab6c3;}
.dropdown.open a.active .setting-drop-icon{color:#672a86;}

@media (min-width:240px){.setting-drop{background-color:#fff!important;border-radius:0!important;width:155px!important;min-width:155px!important;left:auto!important;right:-8px;overflow-x:auto;overflow-y:auto;margin:0;position:absolute!important;z-index:880;top:-10px;border:hidden!important;height:auto;-webkit-box-shadow:1px 1px 5px 2px rgba(0,0,0,.17)!important;-moz-box-shadow:1px 1px 5px 2px rgba(0,0,0,.17)!important;box-shadow:1px 1px 5px 2px rgba(0,0,0,.17)!important}}
.setting-drop>li:first-child{margin-top:28px!important}
.setting-drop>li{white-space:normal!important;padding:5px 15px!important;color:#596271!important;margin:0!important}

/*--- Table Responsive----*/
.table-bordered { border:hidden;border-color:#dfdbe9; border-bottom:inherit;}
.table-hover > tbody > tr:hover { background-color: #f4f3f7;}
.video-table table thead tr > th {
  font-weight:400;
  padding:14px 15px;
  background:#f4f3f7;
  white-space: nowrap !important;
  border-width:1px;
  border-top:hidden;
  text-align:center;
}
.video-table table thead tr > th:first-child{text-align:left;}
.video-table table tbody tr > td {
	font-weight: 300;
	border-bottom: solid 1px #d0d2d2;
	padding:14px 15px;
	white-space: nowrap !important;
	vertical-align: inherit !important;
}

.activity-table table thead tr > th {
  font-weight:400;
  padding:14px 15px;
  background:#f4f3f7;
  border-width:1px;
  border-top:hidden;
  text-align:center;

}
.activity-table table thead tr > th:first-child{text-align:left;}
.activity-table table tbody tr > td {
	font-weight: 300;
	border-bottom: solid 1px #d0d2d2;
	padding:14px 15px;
	vertical-align: inherit !important;
	
}
.activity-fixed-header table thead {
	display: inline-table;
	width: 100%;
}
.activity-fixed-header table tbody {
	max-height: 250px;
	overflow-y: auto;
	display: block;
	
}
.activity-fixed-header table tbody tr {
	width: 100%;
	display: inline-table;
	border-top:hidden;
}
.height300{min-height:300px; max-height:300px ;   overflow:auto;}

.table-fixed-coluom  table thead tr > th:nth-child(1) {
	width: 33%;
}
.table-fixed-coluom  table thead tr > th:nth-child(2) {
	width: 16%;
}
.table-fixed-coluom  table  thead tr > th:nth-child(3),
.table-fixed-coluom  table  thead tr > th:nth-child(4),
.table-fixed-coluom  table  thead tr > th:nth-child(5)
 {
	width: 12%;
}
.table-fixed-coluom  table  thead tr > th:nth-child(6) {
	width: 15%;
}
.table-fixed-coluom  table  tbody tr > td:nth-child(1){
	width: 33%;
}
.table-fixed-coluom  table  tbody tr > td:nth-child(2){
	width: 16%;
}
.table-fixed-coluom  table  tbody tr> td:nth-child(3), 
.table-fixed-coluom  table  tbody tr> td:nth-child(4),
.table-fixed-coluom  table  tbody tr> td:nth-child(5){
	width: 12%;
}
.table-fixed-coluom  table  tbody tr> td:nth-child(6) {
	width: 15%;
}

.gate-table table tbody tr > td {
	font-weight: 300;
	border-bottom: hidden;
	padding:7px 15px;
	white-space: nowrap !important;
	vertical-align: inherit !important;
}
.gate-table table tbody tr > td:first-child{padding-left:0;}
.gate-table table tbody tr > td:last-child{padding-right:0;}

.table-icon-center ul {
	margin: 0;
	padding: 0;
}
.table-icon-center ul li {
	margin-right: 6px;
	display: inline;
	list-style: none;
}

.table-icon-center li a{border: 1px solid #e0dcea;border-radius: 50%;padding: 8px 8px;font-size: 14px;background: #fff; color: #9086a8; display:inline-block}
.table-icon-center li a:hover, .table-icon-center li a:focus{color: #fff;background: #9086a8;border: 1px solid transparent;}


/* --- quick links ---*/
@media (min-width:240px){
.quickbox{background:#fff;padding:5% 0;border-top:2px solid transparent;border-bottom:1px solid #dfdbe9;}}
@media (min-width:768px){
.quickbox{background:#fff;padding:5.2% 0;border-top:2px solid transparent;border-bottom:1px solid transparent;}
.right-border{border-right:1px solid #dfdbe9;}}
.quickbox:hover{border-top:2px solid #672a86;color:#672a86;}
.get-member,.get-member:hover{padding:15px; color:#ffffff; background:#672a86; text-decoration:none; display:block; border-radius:3px;}

/* --- Project Empty Box ---*/
a.private-label{background:#9086a8; padding:3px 6px; display:inline-block; color:#ffffff; border-radius:2px;}
@media (min-width:240px){.empty-box { height:315px; text-align: center; padding-top:97px;}
.empty-box1 { height:315px; text-align: center; padding-top:110px;}
}
@media (min-width:768px){.empty-box { height:430px; text-align: center; padding-top:150px;}
.empty-box1 { height:430px; text-align: center; padding-top:170px;}
}

/* --- Project list ---*/
.list-options ul {margin:0; padding:0;}
.list-options li{float:left; list-style:none; margin-right:6px; margin-bottom:6px;}
.list-options li:last-child{margin-right:0px;}
@media (min-width:240px){.list-options li.last-child{margin-right:-5px;}}
@media (min-width:768px){.list-options li.last-child{margin-right:-15px;}}
.list-options li.margin-right0{margin-right:0px; }
.list-options li.checkbg{background:#edebf2; border:solid 1px #dfdbe9; border-radius:2px; padding:8px 8px 9px 15px;}

.list-options li a.video-btn{border-radius:2px; height:40px; line-height:40px;  color:#ffffff; text-decoration:none; cursor:pointer; display:table-cell;text-align:center; background:#9086a8;
padding:0px 11px;white-space: nowrap;vertical-align: middle;}
.list-options li a.active{background:#672a86;}
.list-options li a.video-btn:hover{background:#672a86;}

.list-options li a.select-btn{color:#3f2e52;background:#ffffff; border:1px solid #dfdbe9;}
.list-options li a.select-btn:hover{color:#ffffff; border:1px solid #672a86;}


@media (min-width:240px){
.list-options li a.notification-btn{height:50px; line-height:50px;  color:#859db3; text-decoration:none; cursor:pointer; display:table-cell;text-align:center; padding:0px 10px;white-space: nowrap;vertical-align: middle; border-left:solid 1px #dfdbe9;border-right:solid 1px #dfdbe9; }

.list-options li a.signup-btn{padding:4px 8px; color:#3f2e52; display:inline-block; border:solid 1px #dfdbe9; border-radius:18px; text-decoration:none; margin-top:13px; }
}
@media (min-width:768px){
.list-options li a.notification-btn{padding:0px 15px;}
.list-options li a.signup-btn{padding:6px 12px;  margin-top:8px; }
}
.list-options li a.profileimage{height:49px; min-height:49px; max-height:49px; width:48px; min-width:48px; line-height:50px;  color:#859db3; text-decoration:none; cursor:pointer; display:table-cell;text-align:center; white-space: nowrap;vertical-align: middle; }
.list-options li a.profileimage img{max-height:49px;}
.profileimage-height{max-height:50px;}





/* --- Commom ul list ---*/
.common-list ul {margin:0; padding:0;}
.common-list li{display:inline; list-style:none; margin-left:7px;}


/* --- search box ---*/
.video-search input[type="text"], input[type="password"]{border:solid 1px #dedce9; border-radius:2px 0px 0px 2px; height:40px; padding:0px 10px 0px 10px; background:#ffffff; width:100%; }
.video-search button[type="submit"],.video-search button[type="submit"]:focus{border:solid 1px #dedce9; background:#ffffff; border-radius:0px 2px 2px 0px; height:40px; padding:0px 5px; border-left:hidden; height:40px;}

.viral-search{margin-top:10px;}
.viral-search input[type="text"], input[type="password"]{border:solid 1px #dedce9; border-radius:2px 0px 0px 2px; height:28px; padding:0px 10px 0px 10px; background:#f4f3f7; width:100%; }
.viral-search button[type="submit"],.viral-search button[type="submit"]:focus{border:solid 1px #dedce9; background:#f4f3f7; border-radius:0px 2px 2px 0px; height:28px; padding:0px 5px; border-left:hidden; height:28px;}



/*--- check drop down ---*/
.check-drop-position {position: absolute !important;display: inline-block;}
.setting-drop-icon{z-index:999; position:relative; color:#bab6c3;}
@media (min-width:240px){.check-drop{background-color:#fff!important;border-radius:0!important;width:110px!important;min-width:110px!important;left:-39px !important;right:0px;overflow-x:auto;overflow-y:auto;margin:0;position:absolute!important;z-index:11;top:32px;border:solid 1px #dfdbe9 !important;height:auto;}}
.check-drop>li{white-space:normal!important;margin:0!important; float:inherit !important }
.check-drop>li>a{padding:7px 20px !important;color:#3f2e52!important;}
.check-drop>li>a:hover{color:#672a86 !important;}

/*--- Select drop down ---*/
.custom-select-drop{position:absolute !important; top:96% !important;}
.custom-select-menu{border:hidden !important; border-top:solid 1px #dfdbe9 !important; height:auto !important}


/*--- image cross hover  ---*/
.image-cross {float: left;	position: relative;}
a.edit {display: none;	position: absolute;	top: 0;	right: 0; padding:10px;	color: #ffffff;	background: rgba(63,46,82,0.7); cursor: pointer;}
.image-cross:hover a.edit {	display: block;}

/*--- Project List Strat  ---*/
.project-img{/*border:solid 1px #dedce9;*/ border-radius:2px; max-height:170px; max-width:100%; width:100%}
a.project-btn{min-width:90px; padding:5px 12px; border:solid 1px #dedce9; border-radius:2px; display:inline-block; color:#3f2e52; }
a.project-btn:hover{background:#9086a8; color:#ffffff; border-radius:2px; outline:0;}
@media (max-width:767px){
.project-border {border-bottom: solid 1px #ececec; padding:0px 0px 10px 18px; margin-bottom:15px;}
a.project-btn{min-width:inherit;}}
@media (min-width:992px){.check-margin{margin-top:70px;} .project-margin{margin-top:40px;} .project-margin1{margin-top:40px;}.check-margin42{margin-top: 42px;}}

/* bootstrap modal popup vertcial center css*/
.modal{text-align:center;padding:0!important}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle} 

/* Create Project Popup */
@media (min-width:240px) {.modal-size {z-index: 1050;	outline: 0;	border-radius: 0px !important;	width:90%;}}
@media (min-width:768px) {.modal-size {	width:60%;}}
@media (min-width:992px) {.modal-size {	width:50%;}}
@media (min-width:1200px){.modal-size {width:40%;}}

/* Setting User Modal */
@media (min-width:240px) {.usermodal-size {z-index: 1050;	outline: 0;	border-radius: 0px !important;	width:90%;}}
@media (min-width:768px) {.usermodal-size{	width:80%;}}
@media (min-width:992px) {.usermodal-size {	width:50%;}}
@media (min-width:1200px){.usermodal-size{width:40%;}}

@media (min-width:240px) {.modal-download {z-index: 1050;	outline: 0;	border-radius: 0px !important;	width:90%;}}
@media (min-width:768px) {.modal-download {	width:60%;}}
@media (min-width:992px) {.modal-download {	width:50%;}}
@media (min-width:1200px){.modal-download {width:30%;}}


/*Library Select Image Popup */
@media (min-width:240px) {.modal-imgselect {z-index: 1050;outline: 0;	border-radius: 0px !important;	width:90%;}}
@media (min-width:768px) {.modal-imgselect {width:90%;}}
@media (min-width:992px) {.modal-imgselect {width:72%;}}
@media (min-width:1200px){.modal-imgselect {width:72%;}}

/*Delete Modal Popup */
@media (min-width:240px) {.modal-delete {z-index: 1050;outline: 0;	border-radius: 0px !important;	width:90%;}}
@media (min-width:768px) {.modal-delete {width:45%;}}
@media (min-width:992px) {.modal-delete {width:40%;}}
@media (min-width:1200px){.modal-delete {width:29%;}}



.modal-heading{background:#672a86; color:#ffffff; padding:15px 20px;}
.close-icon, .close-icon:hover{box-shadow:none; color:#ffffff; top:8px; position:relative;  text-shadow:none; filter:inherits;  opacity:inherit;}
.modal-footer{border-color:#dfdbe9;}
.cancel-btn,.cancel-btn:hover{border:1px solid #dfdbe9;color:#3f2e52;padding:9px 14px;text-decoration:none;display:inline-block; border-radius:2px;background: #ffffff;  cursor:pointer;}
.video-form input[type="text"],.video-form input[type="email"],.video-form input[type="password"],.video-form input[type="number"]{border-radius:2px; border:solid 1px #dfdbe9; box-shadow:none; padding:0px 10px; height:40px; font-weight:300; background:#ffffff;}
.video-form input[type="text"]:focus,.video-form input[type="email"]:focus,.video-form input[type="password"]:focus,.video-form input[type="number"]:focus{ border:solid 1px #672a87;}

.video-form select{border-radius:2px; border:solid 1px #dfdbe9; box-shadow:none; padding:0px 10px; height:40px; min-height:40px; line-height:40px; font-weight:300;}
.video-form textarea{border-radius:2px; border:solid 1px #dfdbe9; box-shadow:none; padding:10px; max-height:80px; max-width:100%; resize:none; font-weight:300;}
.video-form textarea:focus{border-radius:2px; border:solid 1px #672a87; box-shadow:none; }


.upload-border{border:solid 1px #dfdbe9; border-radius:2px; min-height:100px; max-height:100px; max-width:100%;}

.embed-code textarea,.embed-code textarea:focus{border-radius:2px; border:dashed 1px #c2c0c7; box-shadow:none; padding:10px; max-height:200px; max-width:100%; resize:none; font-weight:300; color:#3f2e52;}
.inline-embed-code textarea,.inline-embed-code textarea:focus{border-radius:2px; border:dashed 1px #c2c0c7; box-shadow:none; padding:10px; max-height:110px; max-width:100%; resize:none; font-weight:300; color:#3f2e52;}


/*Custom File Input */
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    /* 10px 20px */
}

.no-js .inputfile + label {display: none;}
.inputfile:focus + label,.inputfile.has-focus + label {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}
.inputfile-3 + label {color: $stgreen;}
.inputfile-3:focus + label,.inputfile-3.has-focus + label,.inputfile-3 + label:hover {color: $stgreen;outline:none;}
.custom-upload input[type="file"] { display: block; opacity: 0; position: absolute;	cursor:pointer;}
.upload-label,.upload-label:hover,.upload-label:focus{color: #6b5ae8; border-radius:0px;  text-decoration: none; cursor:pointer;}
.upload-btn,.upload-btn:hover,.upload-btn:focus{color: #6b5ae8; border-radius:0px;  text-decoration: none; border: 1px solid #e76923;
color: #fff;
padding:5px 14px 2px 14px;
text-decoration: none;
display: inline-block;
border-radius: 2px;
background: #ff782d;
cursor: pointer;
}

.upload-btn1,.upload-btn1:hover,.upload-btn1:focus{color: #6b5ae8; border-radius:0px;  text-decoration: none; border: 1px solid #9086a8;
color: #fff;
padding:5px 14px 2px 14px;
text-decoration: none;
display: inline-block;
border-radius: 2px;
background: #9086a8;
cursor: pointer;
}

/* custom nav tabs css  */
.custom-nav.nav-justified > li > a,.custom-nav.nav-justified > li > a:hover {
	border:hidden !important;
	border-radius:0 ;
	color:#3f2e52 !important;
	border-right:solid 1px #dfdbe9 !important; background:#ffffff;
	padding:16px 10px !important; font-size:15px;
	font-weight:400  !important;
	border-bottom:transparent !important;
}
.custom-nav.nav-tabs > li.active > a{border-bottom:solid 3px #672a86 !important; padding:15px 10px !important;}

.custom-nav1.nav-justified > li > a,.custom-nav1.nav-justified > li > a:hover {
	border:hidden !important;
	border-radius:0 ;
	color:#3f2e52 !important;
	background:#ffffff;
	padding:7px 10px !important; font-size:16px;
	font-weight:300  !important;
	border-bottom:transparent !important;
}
.custom-nav1.nav-tabs > li.active > a{border-bottom:solid 2px #672a86 !important; padding:7px 10px !important;}



.custom-nav-border{border-bottom:solid 1px #dfdbe9 !important; }

@media(min-width:240px){
	.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 0px;
    text-align: center;
}
}

/* ============================================================
  Safari drag and drop
============================================================ */
.safaridrop-box {
	width: 100%;
	text-align: center;
	padding:0;
	margin:0;
}
.file-layout {
	font-size: 15px;
	color: #000000;
	background-color: #f5f5f5;
	padding: 5px;
	float: left;
	width: 100%;
}
/* ============================================================
  drag and drop
============================================================ */
.drop_uploader.drop_zone {
	width: 100%;
	text-align: center;
	border: dashed 1px #dfdbe9;
	min-height: 250px;
	padding-top:65px;
	font-weight:300;
}
.drop_uploader.drop_zone .text_wrapper {
	margin-top: 0px
}
.drop_uploader.drop_zone .text_wrapper i {
	font-size:40px;
	font-style: normal;
	color: #dfdbe9;
	position: relative;
	padding-bottom:10px;
	
}
.drop_uploader.drop_zone .text {
	font-size: 15px;
	color: #606060;
	float: left;
	width: 100%;
	position:relative; margin-top:10px;
}
@media (min-width:240px) {
.drop_uploader.drop_zone a {
	font-size: 15px;
	background-color: #ff782d;
	padding: 7px 20px;
	border: solid 1px #e76923;
	color: #ffffff;
	display: inline-block;
	margin-top: 10px;
	border-radius:2px;
	font-weight:400;
}
}
@media (min-width:768px) {
.drop_uploader.drop_zone a {
	font-size: 15px;
	color: #ffffff;
	background-color: #ff782d;
	padding: 6px 20px;
	border: solid 1px #e76923;
	
}
}
.drop_uploader.drop_zone ul.files {
	width: 100%;
	margin: 0;
	text-align: left;
	list-style: none;
	padding: 10px 10px
}
.drop_uploader.drop_zone ul.files li {
	font-size: 14px;
	color: #3f2e52;
	background-color: #f5f5f5;
	border-top: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
	margin-top: 10px;
	padding: 5px;
	display: inline-block;
	width: 100%
}
.drop_uploader.drop_zone ul.files.thumb {
	width: 100%;
	text-align: left;
	list-style: none;
	margin-bottom: 35px;
	overflow: auto
}
.drop_uploader.drop_zone ul.files.thumb li {
	width: 110px;
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #000000;
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 5px 15px;
	text-align: center
}
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail {
	width: 100px;
	height: 100px;
	background-size: cover;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
	border-radius: 0
}
.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i:before {
	font-size: 30px;
	position: relative;
	top: calc(50% - 24px);
	color: #c6c4c4;
	content: "\f016";
	font-family: FontAwesome;
}
.drop_uploader.drop_zone ul.files.thumb li span.title {
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	font-size: 13px;
	color: #4a4949
}
.drop_uploader.drop_zone ul.files li:nth-child(even) {
	background-color: transparent
}
.drop_uploader.drop_zone ul.files li i:before {
	font-size: 20px;
	position: relative;
	top: 2px;
	margin: 0px 10px;
	color: #c6c4c4;
	content: "\f016";
	font-family: FontAwesome;
}
.drop_uploader.drop_zone .errors p {
	color: #FF0000
}
.drop_uploader.drop_zone input[type=file] {
	/*display: none;*/
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.file-btn {
	background-color: #ebebeb;
	padding: 10px 20px;
	border: solid 1px #d7d7d7;
	color: #4a4949
}
.pe-7s-cloud-upload:before {
	font-family: 'icomoon' !important;
	content: "\e914";
	color: #dbdbdb;
	font-size: 65px
}

/*  video upload progress bar */
.progressIcon{float:left; width:2%; margin-left:2%; position: relative;}
.progress-height{height: 12px;
margin-bottom: 0px;
overflow: hidden;
background-color: #ffffff;
border:solid 1px #dfdbe9;
border-radius:20px;
box-shadow:none;
}
.progress-bar-striped, .progress-striped .progress-bar {
background-image: linear-gradient(120deg, rgba(116,167,63,.45) 25%, transparent 25%, transparent 50%, rgba(116,167,63,.45) 50%, rgba(116,167,63,.45) 75%, transparent 75%, transparent);
	background-image: linear-gradient(120deg, rgba(116,167,63,.45) 25%, transparent 25%, transparent 50%, rgba(116,167,63,.45) 50%, rgba(116,167,63,.45) 75%, transparent 75%, transparent);
	background-image: linear-gradient(120deg, rgba(116,167,63,.45) 25%, transparent 25%, transparent 50%, rgba(116,167,63,.45) 50%, rgba(116,167,63,.45) 75%, transparent 75%, transparent);
	background-size:7px 6px;
	background-color: #88bb53;
}
@media (min-width:240px){.video-cancel{margin-top:33px; position:relative;}
.video-cancel1{margin-top:33px; position:relative;}}
@media (min-width:768px){.video-cancel{margin-top:38px; position:relative;}
.video-cancel1{margin-top:40px; position:relative;}}
@media (min-width:992px){.video-cancel{margin-top:44px; position:relative;}
.video-cancel1{margin-top:30px; position:relative;}}
@media (min-width:1200px){.video-cancel{margin-top:54px; position:relative;}
.video-cancel1{margin-top:35px; position:relative;}}

/* from url css */
.poster-width{max-width:100%; max-height:170px;}
a.load-more{background:#f4f3f7; padding:10px 20px; border:solid 1px #dfdbe9; text-align:center; color:#3f2e52; display:block;}

/* Mange Video */
.go-icon{position: relative;top: 2px;}

/* tags input css*/
#emaillist_addTag{width:100%;}
div.tagsinput { border:1px solid #dfdbe9; background: #FFF; padding:3px 5px 0px 5px; width:100%; height:auto; overflow-y: auto; border-radius:2px; max-height:260px;}
div.tagsinput span.tag { border: 1px solid #cbc8d2; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding:3px 7px; text-decoration:none; background: #d7d4dd; color: #3f2e52; margin-right: 5px; margin-bottom:5px;font-size:15px; font-weight:300;}
div.tagsinput span.tag a { font-weight: 400; color: #3f2e52; text-decoration:none; font-size: 15px;  }
div.tagsinput input { width:100% !important; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}

/* Custom Video */
.video-active-icon { position: absolute;  left: 1px;   top: 1px;   color: #ffffff;
 display: none;  background-color: #ff782d;   padding:6px 7px;}
.custom-scroll-height{max-height:350px;}
.custom-scroll-height1{max-height:300px;}
.custom-scroll-height2{max-height:500px !important; }


/* Responsive video*/

@media (min-width:240px)
{
/* lAPTOP */
.laptop .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}.laptop .responsive-video embed,.laptop .responsive-video iframe,.laptop .responsive-video object{position:absolute;top:5.11%;left:11.1%;width:77.8%;height:62%}
}
@media (min-width:480px)
{
.laptop .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.laptop .responsive-video embed,.laptop .responsive-video iframe,.laptop .responsive-video object{position:absolute;top:5.11%;left:11.1%;width:77.8%;height:66%}
}
@media (min-width:768px)
{
.laptop .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.laptop .responsive-video embed,.laptop .responsive-video iframe,.laptop .responsive-video object{position:absolute;top:5.11%;left:11.1%;width:77.8%;height:70%}
}
@media (min-width:992px)
{
.laptop .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}.laptop .responsive-video embed,.laptop .responsive-video iframe,.laptop .responsive-video object{position:absolute;top:5%;left:11.1%;width:77.8%;height:68%}
}

@media (min-width:1200px)
{
.laptop .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.laptop .responsive-video embed,.laptop .responsive-video iframe,.laptop .responsive-video object{position:absolute;top:5.11%;left:11.1%;width:77.8%;height:69.2%}
}

/* tablet */

@media (min-width:240px)
{
.tablet .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.tablet .responsive-video embed,.tablet .responsive-video iframe,.tablet .responsive-video object{position:absolute;top:6.5%;left:8%;width:85.8%;height:68%}
}
@media (min-width:480px)
{
.tablet .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.tablet .responsive-video embed,.tablet .responsive-video iframe,.tablet .responsive-video object{position:absolute;top:6.3%;left:8.4%;width:85.8%;height:73%}
}
@media (min-width:768px)
{
.tablet .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.tablet .responsive-video embed,.tablet .responsive-video iframe,.tablet .responsive-video object{position:absolute;top:6.11%;left:8.1%;width:86%;height:76.2%}
}
@media (min-width:992px)
{
.tablet .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.tablet .responsive-video embed,.tablet .responsive-video iframe,.tablet .responsive-video object{position:absolute;top:6.6%;left:8.4%;width:85.9%;height:74%}

}

@media (min-width:1200px)
{
.tablet .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.tablet .responsive-video embed,.tablet .responsive-video iframe,.tablet .responsive-video object{position:absolute;top:6.7%;left:8.4%;width:85.9%;height:76%}

}


/* Mobile */

@media (min-width:240px)
{
.mobile .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.mobile .responsive-video embed,.mobile .responsive-video iframe,.mobile .responsive-video object{position:absolute;top:4.2%;left:12%;width:75.8%;height:60%}
}
@media (min-width:480px)
{
.mobile .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.mobile .responsive-video embed,.mobile .responsive-video iframe,.mobile .responsive-video object{position:absolute;top:3.9%;left:12.4%;width:75.8%;height:64%}
}
@media (min-width:768px)
{
.mobile .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.mobile .responsive-video embed,.mobile .responsive-video iframe,.mobile .responsive-video object{position:absolute;top:4.3%;left:13%;width:73%;height:65%}
}
@media (min-width:992px)
{
.mobile .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.mobile .responsive-video embed,.mobile .responsive-video iframe,.mobile .responsive-video object{position:absolute;top:4.6%;left:13.4%;width:74.9%;height:65%}

}

@media (min-width:1200px)
{
.mobile .responsive-video{position:relative;padding-bottom:59%;padding-top:30px;height:0;overflow:hidden}
.mobile .responsive-video embed,.mobile .responsive-video iframe,.mobile .responsive-video object{position:absolute;top:4.3%;left:12.7%;width:71.9%;height:64%}
}

/* Gates Thumbnail*/
@media (min-width:240px){
.gate-thumbnail{max-width:100%; min-width:100%; max-height:inherit; min-height:80px; border:solid 1px #dfdbe9; border-radius:2px;}}
@media (min-width:768px){
.gate-thumbnail{max-width:100%; min-width:100%; max-height:96px; min-height:96px;}}
.gateshow{display:none;}
.video-text{display: inline-block;position: relative;bottom: 9px;}

/* swithcer btn*/
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width:45px;
  height: 25px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d9d9d9;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 23px;
width: 23px;
left: 2px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;

}

input:checked + .slider {
  background-color: #672a87;
}

input:focus + .slider {
  box-shadow: 0 0 1px #672a87;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 


/* annotation gate*/
.jsbg-red{width: 60px;  height: 25px; border: 1px solid #dfdbe9; background-color:#eddbcb; color:#eddbcb !important;}
.jsbg-blue{width: 60px;  height: 25px; border: 1px solid #dfdbe9; background-color:#b9674d; color:#b9674d !important;}


/* download video*/
.download-btnmargn{margin-bottom:6% !important;}

/* embed code*/
.cross-mrgn{margin-top:14px;}

/* delete modal popup*/
.delete-icon{border: 1px solid #d0cbe0;border-radius: 50%;padding:12px;background: #fff; color: #d0cbe0; display:inline-block}
.center-btn{text-align:center !important}

/* calendar button*/
.padding5{padding:0px 5px;}
@media (max-width:767px){.xs-row{margin-left:-15px; margin-right:-15px;}}


/* Channel Compare */
.logo-height{max-height:80px; min-height:80px;}
.logo-height1{max-height:175px; min-height:110px;}
.channel-search input[type="text"],.channel-search input[type="text"]:focus{border-radius:2px; border:hidden; box-shadow:none; padding:0px 10px; height:40px; font-weight:300; background:#ffffff;}
.dropsearch > .active > a{background:#f2f2f7 !important}

/* bonuses page */
@media (min-width:240px){
.bonusarea { background: #fff; border: 1px solid #dfdbe9; border-radius:2px;  padding:10px;}
.video-thumbnail-height{max-height:150px; min-height:150px;}}

@media (min-width:768px){
.bonusarea { background: #fff; border: 1px solid #dfdbe9; border-radius:2px;  padding:20px;}}
@media (min-width:992px){.video-thumbnail-height{max-height:218px; min-height:218px;}}
.bonusarea img {max-height: 150px;min-height: 150px;}


/*Training Page CSS*/


#html5-lightbox-box{max-width:720px;}
#html5-elem-wrap{max-width:720px;}
@media (min-width: 240px) {
#html5-elem-wrap{min-height:382px;}	
}
@media (min-width: 768px) {
#html5-elem-wrap{min-height:496px;}	
}
#html5-elem-box{height:auto !important}


/* Signup Page CSS*/
.login-bg{background: url(../images/login-bg.png) #f1eff2 no-repeat; background-size: auto auto;
 background-size: cover; width: 100%; height: auto;}

@media (min-width:240px){
.login-header{left: 0px; position: fixed; right: 0; top: 0px; z-index: 999;height:50px;	padding:8px 10px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 0px 2px 5px -2px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 5px -2px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 5px -2px rgba(50, 50, 50, 0.2);
border-bottom:solid 1px #e2dfe6;
margin-bottom:15px;
background:#ffffff;}
.login-header img{padding-top:5px;}}
@media (min-width:768px){.login-header{ padding:8px 20px;}.login-header img{padding-top:2px;}}

a.login-btn{padding:6px 15px; color:#3f2e52; display:inline-block; border:solid 1px #dfdbe9; border-radius:18px; text-decoration:none; }

ul.check-list{padding:0; margin:0}
.check-list li{
    background: url(../images/check-arrow.png) no-repeat;
    padding: 12px 0 0 40px;
    line-height: 28px;
    margin-top:5px;
    list-style: none;
    background-position: 0px 20px;
}

.login-social.nav-justified > li > a,.login-social.nav-justified > li > a:hover {
	border:hidden !important;
	border-radius:0 ;
	
	background:#ffffff;
	padding:9px 10px !important;
	border-right:solid 1px #dfdbe9 !important;
	border-bottom:transparent !important;
}
.login-social.nav-tabs > li.active > a{border-bottom:solid 2px #672a86 !important; padding:7px 10px !important;}

.social-icon a i{
width:25px; 
height:25px; 
color:#ffffff;  
border-radius:50px;
display:inline-block;
padding:4px;
font-weight:300;
}
.social-icon a i.fb{background:#4867aa;}
.social-icon a i.gplus{background:#ea4335;}	
.social-icon a.fb{color:#4867aa !important;}
.social-icon a.gplus{color:#ea4335 !important;}
.next-btn-icon{position: relative; top: 9px;}




/* carousel  slider with thumbnail css*/
/* carousel */

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background:transparent;
  border:hidden ;
  cursor:pointer;
}
#quote-carousel .carousel-indicators .active 
{
  background:transparent;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}


/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


/* faq section start*/


.nav-tabs2>li.active>a, .nav-tabs2>li.active>a:focus, .nav-tabs2>li.active>a:hover {
    color: #672a86;
    background-color: #fff !important;
    border-left: 3px solid #672a86 !important;
	border-top:solid 1px #dfdbe9 !important;
	border-bottom:solid 1px #dfdbe9 !important;
	margin-right:-1px;
	z-index:1;
}

.nav-tabs2 > li {
    float: left;
    margin-bottom: -1px;
	width:100%;
}
.nav-tabs2>li>a {
    margin-right: 2px;
   
    border-radius: 0;
	border-left:0 !important;
	border-right:0 !important;
	text-align:left;
	color:#3f2e52;
	
}
.nav-tabs2 {
    border-bottom: 0;
}

.nav-tabs2>li>a:hover {
    border-color: transparent;
	background-color:#f6f9fd;
}
.p1{
	margin-bottom:25px;
}
.p1:last-child{
	margin-bottom:0px;
}

.panel-heading-bg{
    color: #3f2e52 !important;
    background-color: #edebf2 !important;
    border-color: #edebf2 !important;
}

.faq-area{background-color:#ffffff; border:solid 1px #dfdbe9; min-height:250px; padding:15px; z-index:0;}
.more-less {  float: right;color: #b8b8b8;}
.faq-border-radius{ border-radius:0px !important; margin-bottom:10px !important; box-shadow:none !important;color:#4a4949 !important; border-color:#dfdbe9 !important}
.faq-tabs-content{ padding:20px !important; background:#ffffff !important; line-height:22px !important; font-size:15px !important; border-bottom:hidden !important}
@media (min-width:240px){
.faq-swicth{top:9px; margin-bottom:15px ;}
.faq-tabs-content1{ padding:5px !important; background:#ffffff !important; line-height:22px !important; font-size:15px !important}
}
@media (min-width:768px){
.faq-swicth{display: inline-block;float:right ;right: 15px;top: -8px; margin:0 !important;}
.faq-tabs-content1{ padding:20px !important; background:#ffffff !important; line-height:22px !important; font-size:15px !important}
}
@media (max-width:767px){
.btn-clear{width: 100%;float: left;margin-bottom: 10px;}}

a.likebtn{color:#bdaece; text-decoration:none; }
a.likeactive{color:#672a87; text-decoration:none;}


/* viral page header & page css start*/
.protected-icon{position:absolute; top:0; right:0; color:#ffffff; background:#000000; padding:5px 10px; z-index:99}
@media (min-width:240px){
.viral-header{left: 0px; position: fixed; right: 0; top: 0px; z-index: 999;height:50px;	padding:0px 5px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 0px 2px 5px -2px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 5px -2px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 5px -2px rgba(50, 50, 50, 0.2);
border-bottom:solid 1px #e2dfe6;
margin-bottom:15px;
background:#ffffff;}}
@media (min-width:768px){.viral-header{padding:0px 15px;}}
.viral-header .logo{max-height:50px;}


#mobile-search-bar {
	position: fixed;
	z-index: 99999;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
	height: 55px;
	width: 100%;
	top: 0px;
	line-height: 55px;
	padding: 0px 10px;
}
.search-close {
    float: left;
    width: 12%;
    text-align: center;
    cursor: pointer;
    color: #4a4949
}
.container-mrgn{position:relative; top:50px;}
.center-div {float: inherit;margin: 0 auto;}
.viral-page-container{background:#000000;}
@media (min-width:240px){
	.viral-social-btn {
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    padding: 0px !important;
	font-size:14px;
	font-weight:300;
}
}
@media (min-width:992px){
	.viral-social-btn {
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    padding: 0px !important;
	font-size:15px;
	font-weight:400;
}
}
.viral-social-btn.share-border{border-bottom:solid 1px #dfdbe9;border-left:solid 1px #dfdbe9; background:#ffffff;}
.viral-social-btn a > i{top: 4px; position: relative;
}
.viral-social-btn > a.facebook {
    background-color: #3b5998;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 100%;
}
.viral-social-btn > a.twitter {
    background-color: #55acee;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 100%;
}
.viral-social-btn > a.googleplus {
    background-color: #dd4b39;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 100%;
}
.viral-social-btn > a.embed {
    background-color: #9ab03e;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 100%;
}
.viral-social-btn > a.email {
    background-color: #ed5a6b;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 100%;
}
.padding-left-zero {padding-left: 0px;}
@media (max-width: 767px) {.padding-zero { padding: 0px !important;}}
@media (min-width: 240px) {
.viral-box1 {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 0px -1px rgba(46, 50, 50, 0.17);
	-moz-box-shadow: 0px 0px 0px -1px rgba(46, 50, 50, 0.17);
	box-shadow: 0px 0px 0x -1px rgba(46, 50, 50, 0.17);
	border-radius: 2px;
	border: hidden;
}
.viral-box-space {padding: 10px 15px;}
.viral-box-space1 {padding: 10px 15px 10px 15px;}
.like-btn a:first-child {
	border-right: ridge 1px #dfdbe9;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	padding:6px 8px 19px 8px;
	margin-right: 10px;
	color: #9ac2ed;
}
.common-li-format ul {margin-top: 0px;padding: 0;}
.common-li-format ul li {display: inline;padding-right:5px;line-height: 20px;}
.common-li-format ul li a.light-greay {color: #a6a6a6;}
.common-li-format ul li:first-child {display: inline;padding-right: 0px;line-height: 20px;}
.common-li-format ul li:last-child {display: inline;padding-right: 0px;line-height: 20px;}
.comment-img {width: 18%;margin-right: 3%;float: left;}
.comment-img img {width: 100%;max-height: 65px;}
.comment-text {width: 79%;float: left;}
}
@media (min-width: 768px) {
.viral-box1 {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 2px 5px -1px rgba(46, 50, 50, 0.17);
	-moz-box-shadow: 0px 2px 5px -1px rgba(46, 50, 50, 0.17);
	box-shadow: 0px 2px 5px -1px rgba(46, 50, 50, 0.17);
	border-radius: 2px;
	border: solid 1px #e8e9e9;
}
.viral-box-space { padding: 15px 20px;}
.viral-box-space1 { padding: 15px 15px 0px 15px;}
.like-btn a:first-child {
	border-right: ridge 1px #dfdbe9;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	padding:6px 8px 21px 8px;
	margin-right: 10px;
	color: #9ac2ed;
}
.common-li-format ul {margin-top: 13px;padding: 0;}
.common-li-format ul li {display: inline;padding-right:5px;line-height: 25px;}
.common-li-format ul li:last-child {display: inline;padding-right: 0px;line-height: 25px;}
.comment-img {width: 14%;margin-right: 2%;float: left;}
.comment-text {width: 84%;float: left;}
.padding-right-zero { padding-right: 0px !important;}
}
@media (min-width: 992px) {
.viral-box-space { padding: 15px 25px;}
.viral-box-space1 {padding: 20px 20px 0px 20px;}
.comment-img {width: 10%;margin-right: 2%;float: left;}
.comment-text {width: 88%;float: left;}
.padding-right-zero { padding-right: 15px !important; }
}

.viral-box-space-hover 
{
	border-left: solid 3px #ffffff; 
	
	
}
.viral-box-space-hover:hover 
{
	border-left: solid 3px #672a86; 
	color:#672a86;
	
}

.img-thumbnail1 {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #dfdbe9;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-height: 65px;
}

.subscriber-btn {
    background: rgba(238, 97, 26, 1);
    background: -moz-linear-gradient(top, rgba(238, 97, 26, 1) 0%, rgba(236, 71, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238, 97, 26, 1)), color-stop(100%, rgba(236, 71, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(238, 97, 26, 1) 0%, rgba(236, 71, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(238, 97, 26, 1) 0%, rgba(236, 71, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(238, 97, 26, 1) 0%, rgba(236, 71, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(238, 97, 26, 1) 0%, rgba(236, 71, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ee611a', endColorstr='#ec4700', GradientType=0);
    display: inline-block;
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 2px;
}

.like-btn {
    display: inline-block;
    background: rgba(246, 246, 246, 1);
    background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(217, 217, 217, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(217, 217, 217, 1)));
    background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(217, 217, 217, 1) 100%);
    background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(217, 217, 217, 1) 100%);
    background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(217, 217, 217, 1) 100%);
    background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(217, 217, 217, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d9d9d9', GradientType=0);
    border: solid 1px #d6d6d6;
    border-radius: 1px;
    padding-right: 10px;
}

.like-btn a.active:first-child {
	color: #2570c3;
}


/* styles for '...' */ 
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  
  /* */
  margin-right: -1em;
  padding-right: 1em;
}
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  width: 1em;
  /* set width and height */
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.tags_input ul{margin:0; padding:0; }
.tags_input ul li{ float:left; list-style:none; background: #f8f9fb; color: #3f2e52; border:solid 1px #dfdbe9; border-radius:2px; margin-right: 5px; padding:5px 10px; margin-bottom:5px; font-weight:300; font-size:15px;}

.red-line { border-left: solid 3px #672a86; height: 64px; position: absolute; left: 16px;}
.green-line {border-left: solid 3px #ff782d; height: 64px;position: absolute; left: 16px;}
.like-li ul {margin: 0px; padding: 0;}
.like-li ul li { display: inline; padding-right: 15px; color: #c7c1ce;}
.like-li ul li a { color: #c7c1ce;  text-decoration: none;}
.reply-comment-bg { background-color: #f4f3f7;}
a.viral-icon { background-color: #ffffff;
    padding:5px 6px;
    border: solid 1px #dfdbe9;
    border-radius: 2px;
    color: #c7c1ce;
    display: inline-block;
    text-decoration: none;
    min-width: 25px;
    text-align: center;
	font-size:12px;
	
}
.mobile-li-format ul { margin: 0px; padding: 0px;  width: 100%;}
.mobile-li-format ul li { display: inline;}
.mobile-li-format ul li a { padding: 0px 7px; color: #3f2e52; text-decoration: none; display: inline-block; line-height: 36px; font-weight:300}
.mobile-li-format ul li a.active {  text-decoration: none;  border-bottom: solid 1px #672a86;color: #3f2e52;font-weight:400}
.video-max-img {max-width: 130px;}
.comment-max-img { max-width: 70px;}

@media (min-width: 240px) {
#sidesocial {width: 50px;height: auto;display: none;position: fixed;top: 150px;left: 0%;}
.viral-btn-side ul {margin: 0;padding: 0;}
.viral-btn-side ul li {list-style: none;text-align: center;}
.viral-btn-side ul li:first-child {background-color: #ffffff;padding: 6px 5px;border-top: solid 1px #d6d6d6;border-bottom: solid 1px #d6d6d6;}
.viral-btn-side ul li a {width: 100%;text-align: center;padding: 10px 15px;}
}
@media (min-width: 768px) {
#sidesocial {width: 40px;left: 0.2%;}
.viral-btn-side ul {margin: 0;padding: 0;}
.viral-btn-side ul li {list-style: none;text-align: center;display: block;float: inherit;}
.viral-btn-side ul li:first-child {background-color: inherit;border: none;padding: 0;}
.viral-btn-side ul li a {width: 60px;text-align: center;padding: 10px 0px;}
}
@media (min-width: 992px) {
#sidesocial {width: 60px;left: 3%;}
}
.viral-btn-side ul li a.facebook {background-color: #3b5998;text-decoration: none;color: #ffffff;display: inline-block;width: 100%;}
.viral-btn-side ul li a.twitter {background-color: #55acee;text-decoration: none;color: #ffffff;display: inline-block;width: 100%;}
.viral-btn-side ul li a.googleplus {background-color: #dd4b39;text-decoration: none;color: #ffffff;display: inline-block;width: 100%;}
.viral-btn-side ul li a.embed {background-color: #9ab03e;text-decoration: none;color: #ffffff;display: inline-block;width: 100%;
}
.viral-btn-side ul li a.email {background-color: #ed5a6b;text-decoration: none;color: #ffffff;display: inline-block;width: 100%;
}


/* ============================================================
  					Shariq CSS
============================================================ */

.greybg{background:#edebf2 !important;}
@media (min-width: 240px)
{
.bonusbox {
    background: #fff;
    padding: 4% 15px;
    box-shadow:0 0 20px 2px #ebeaef;
	border-bottom:1px solid #dfdbe9;
	border-radius:0 0 3px 3px;
}
.padright50{padding-right: 0px;}

}



@media (min-width: 768px)
{
.bonusbox {
    padding: 2%;
}
.padright50{padding-right: 15px;}

.mgleft {
    margin-left: -29px;
}
}

@media (min-width: 992px)
{

	.padright50{padding-right: 50px;}
	/*.clear{clear: none;}*/
}



/* ============================================================
  image hover 
============================================================ */
#element1:hover + #element2 a {
	background: #3a5a9d;
	color: #ffffff;
	border: solid 1px #3a5a9d
}
.tem-hover a i {
	color: #fff;
}

.delete-right {
	position: absolute !important;
	right: 10px !important;
	bottom: 10px
}
.effects .img {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	min-width:100%;
}


.effects .img:nth-child(n) {
	margin-right: 5px
}
.effects .img img {
	display: block;
	max-width: 100%;
	height: auto;
}

.overlay {
	display: inline-block;
	position: absolute;
	z-index: 20;
	background: rgba(103, 42, 134, 0.7);
	overflow: hidden;
}
.icon-center{position:absolute;  top:45%;   left:45%;}
.add-icon{position:relative; }
.add-icon i{ border: solid 1px #ffffff;
padding: 6px 7px 5px 7px;
border-radius: 50%;
font-size: 15px;}
.expand {
	position: absolute;
	z-index: 100;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	margin: auto;
	left: 0;
	right: 0;
	top: 38%;
	bottom: 0;
	width: 100%;
	height: auto;
	line-height: 100%
}
.expandtop0{ top:0 !important}
#effect-2 .overlay {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0
}
#effect-2 .overlay a.expand {
	left: 0;
	right: 0;
	top: 50%;
	margin: -30px auto 0 auto
}
#effect-2 .img.hover .overlay {
	height: 100%
}

/*Profile CSS*/
.eprofile{height:150px;width:150px;border-radius:50%;}

@media (min-width:240px) {
.tooltips .tooltiptexts {
    visibility: hidden;
    background-color: #3f2e52;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 9px 15px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 80%;
    left: 50%;
    margin-left: -67px;
}	
}

@media (min-width:768px) {
.mgleft{margin-left:-29px;}
.tooltips .tooltiptexts {top: 83%;}
}

@media (min-width:992px) {
.tooltips .tooltiptexts {top: 80%;}	
}


.switcher input {display: none;}
.switcher__indicator::after {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #ced0d4;
}
.switcher__indicator::before {
  content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 40px;
    height: 12px;
    background-color: #dde4ea;
    border-radius: 10px;

}
input:checked + .switcher__indicator::after {
  background-color: #1e88e5;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
  -webkit-animation-name: pulseout;
          animation-name: pulseout;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
		      left: -19px;
}
input:checked + .switcher__indicator::before {
  background-color: #dde4ea;
}
input:disabled + .switcher__indicator::after, input:disabled + .switcher__indicator::before {
  background-color: #e5e5e5;
}

@-webkit-keyframes pulsein {
  0%, 100% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
  50% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
}

@keyframes pulsein {
  0%, 100% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
  50% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
}
@-webkit-keyframes pulseout {
  0%, 100% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
  50% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
}
@keyframes pulseout {
  0%, 100% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
  50% {
    top: 0px;
    height: 20px;
    width: 20px;
  }
}

.margin_top3{margin-top:4%;}.margin_top2{margin-top:3%;}.margintop1{margin-top:1%;}.margintop4{margin-top:4%;}
.wordwrp{word-wrap: break-word;}

.tooltips {
    position: relative;
    display: inline-block;
}

.tooltips:hover .tooltiptexts {
    visibility: visible;
}
.arrow_boxes {
	position: relative;
	background: #3f2e52;
}
.arrow_boxes:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(42, 57, 79, 0);
	border-bottom-color: #3f2e52;
	border-width: 6px;
	margin-left: -6px;
}
.editicon{color: #fff !important;;position: relative;top: 64px;}
.editicon:hover{color: #fff !important;;}
.overlays{border-radius: 50%;margin: 0 auto;background: rgba(0, 0, 0, 0.7);}
#effect-2 .overlays {
	top: 0;
	left: 0;
	right: 0;
	width: 150px !important;
	height: 0
}
#effect-2 .img.hover .overlays {
	height: 150px !important;
}

.div-seprate{
    background: #ffffff;
    padding: 20px;
	box-shadow:0px 10px 20px 2px #ebeaef;
	border-radius:0 0 3px 3px !important;
	border-top:solid 1px #dfdbe9;
}
.seprate-div{
    background: #ffffff;
    padding: 20px;
	box-shadow:0px 10px 20px 2px #ebeaef;
	border-radius:0 0 3px 3px;

}

/*============================================================
  Library CSS
============================================================*/


/*-----Record Per Page-------*/
.bootstrap-select.btn-group .dropdown-menu li{
	float:inherit;	
	}


.imgbox img{max-height:165px; cursor:pointer;}



@media (min-width:240px) {
	.padxs15{padding:0 15px;}
	}
@media (min-width:768px) {
	.padxs15{padding:0 0px;}
	}
	

/*------Pagination----------*/

.pagination>li:first-child>a, .pagination>li:first-child>span{
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;	
	
	}
.pagination>li>a, .pagination>li>span{
	padding:9px 15px;	
	color:#3f2e52;
	}


.pagination>li>a:hover{color:#3f2e52;}

.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;	
	}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
	background-color: #672a86;
    border-color: #672a86;
}

/*------End Pagination----------*/


/*------Library Image Select Popup Slider----------*/

.modal-imgselect .carousel-control{text-shadow:none; opacity: 1;}
.modal-imgselect .carousel-control.left{
	top: inherit;
	bottom: -50px;
	left: inherit;
	right: 40px;
	background-image:none !important;
	height: 33px;
    width: 33px;
	background: #ffffff;
	border:1px solid #e3dfec;
	border-radius:2px;
	color:#48385a;
    padding: 0px;
    z-index:9999;
	}
	
	
.modal-imgselect .carousel-control.right{
	top: inherit;
	bottom: -50px;
	background-image:none !important;
	height: 33px;
    width: 33px;
    background: #ffffff;
	border:1px solid #e3dfec;
	border-radius:2px;
	color:#48385a;
    padding: 0px;
	z-index:9999;
	}

.modal-imgselect .carousel-control.left:hover, 
.modal-imgselect .carousel-control.right:hover
{
	background:#f4f3f7;
}

.modal-imgselect .carousel-control:focus, .modal-imgselect .carousel-control:hover{
	opacity:1;
	}

.padtop0{padding-top:0;}
.padbottom0{padding-bottom:0;}
.padtop15{padding-top:15px;}

.imgdetailbox{
	border-left: 1px solid #dfdbe9;
    padding: 15px 0px;
    background:#f4f3f7;
}

/*------End Library Image Select Popup Slider----------*/


/*------Library Image MultiSelect CSS----------*/
.imgselected{
	background: rgba(103, 42, 134, 0.7);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
	cursor:pointer;
	background-image:url('../images/check.png');
	background-repeat:no-repeat;
	background-position: 97%  5%;
}

.relative{position:relative;}
/*------End Library Image MultiSelect CSS----------*/


/*============================================================
  Subscription CSS
============================================================*/
.position {
  float: initial;
  margin: 20px auto 50px;
}

.custom-progress-bar {
  position: relative;
  height: 200px;
  width: 200px;
}

.custom-progress-bar div {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

.custom-progress-bar div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 175px;
  height: 175px;
  width: 175px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.custom-progress-bar .background { background-color: #b3cef6; }

.custom-progress-bar .rotate {
  clip: rect(0 100px 200px 0);
  background-color: #4b86db;
}

.custom-progress-bar .left {
  clip: rect(0 100px 200px 0);
  opacity: 1;
  background-color: #b3cef6;
}

.custom-progress-bar .right {
  clip: rect(0 100px 200px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
 @keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

.custom-progress-bar
{background-color:#ffffff;
 box-shadow:none;
 color: #fff; 
 }


.selectnone{
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}

.bartext{    
	position: absolute;
    z-index: 99;
    top: 50%;
    left: 10%;
    font-size: 18px;
    color: #58627c;
    width: 80%;
    border-bottom: 1px solid #eef1f7;
    text-align: center;
    right: 10%;
    line-height: 150%;}
	
.bartext1{    
	position: absolute;
    z-index: 99;
    top: 63%;    
	width: 100%;   
	color:#58627c;
	line-height: 150%;
	text-align: center;	
	}
/*=====================End================*/





/* ============================================================
  Created By Vinita (22-06-2017)
============================================================ */

/* Create Channel Button */
li.responder_list{
	width:100%;
}
@media(min-width: 768px){
.nav2>li {display: block;}.tabborder{border-left:1px solid #cbd3e3;border-top:1px solid transparent;}
.nav2>li>a:focus, .nav2>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}
.nav2>li>a {color:#58627c;}
}
@media(min-width: 240px){
    nav2>li>a {position: relative;display: inline-block;padding: 10px 6px;}.nav2>li {position: relative;display: inline-block;}
}

@media(max-width:767px){
	.xsclear{clear: both;}
}

@media (min-width:240px) and (max-width:767px){
.xsheight{height:185px !important;}
}

a.backBtn{border:1px solid #dfdbe9;color:#3f2e52;padding:8.5px 14px;text-decoration:none;display:inline-block;border-radius:2px;background: #ffffff;cursor:pointer;}
a.backBtn:hover{background: #ffff;  color:#3f2e52;}

.playColor{color: #6ec5d2;}

.round-icon{float: left;font-size: 28px;border-radius: 100%;border: 1px solid #dfdbe9;padding:20%;margin-bottom: 3%;}

.lh40{line-height: 40px;}

.btop{border-top: 1px solid #dfdbe9;}
.bleft{border-left: 1px solid #dfdbe9;}.bright{border-right: 1px solid #dfdbe9;}

.nav-pills1>li.active>a, .nav-pills1>li.active>a:focus, .nav-pills1>li.active>a:hover {
    color: #02aadb;
    background-color: #fff;
}

.background-holder{
    background-image: url('../images/wall.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ccc;
    position: relative;
    width: 100%;
    height: 393px;
    clear: both;
}
.btn-subscribe{
    color: #fff;
    background-color: #ff7021;
    border-color: #ff7021;
}
.btn-subscribe:hover, .btn-subscribe:focus{
    color: #fff;
    background-color: #ff7021;
    border-color: #ff7021;
}
.background-holder-footer{
    position: absolute;bottom:0%; color: #fff;background: rgba(0,0,0,0.6);padding:12px 7px;
}
.camera-position{position:absolute; right:2%; top:5%; color:#73717e;}
.camera-position i{color:#73717e}
.back-btn{
    float: left;
    background: #f4f3f7;
    border: 1px solid #dfdbe9;
    padding: 2px 6px;
}


/********Alert Message Start********/
		.alert-custom{
			padding-top:10px;
			padding-bottom:10px;
		}
		.alertSuccess{
			background: #ebfef3;
			color:#5ac489;
			border: 1px solid #5ac489;
		}
		.alertInfo{
			background: #c1eafe;
			color:#005580;
			border: 1px solid #005580;
		}
		.alertWarning{
			background: #f8f4d5;
			color: #977330;
			border: 1px solid #977330;
		}
		.alertDanger{
			background: #ffeded;
			color: #ff0000;
			border: 1px solid #ff0000;
		}
		.alertSuccess .close:hover{
			color: #5ac489;
		}
		.alertInfo .close:hover{
			color: #005580;
		}
		.alertWarning .close:hover{
			color: #977330;
		}
		.alertDanger .close:hover{
			color: #ff0000;
		}
		/********Alert Message End********/

		/********Alert Message With Icons Start*******/
		.alert-white{
			position: relative;
			padding-left: 61px;
		}
		.alert-white.alertInfo .icon, .alert-white.alertInfo .icon:after {
		    background: #005580;
			color:#fff;
			border: 1px solid #005580
		}
		.alert-white.alertWarning .icon, .alert-white.alertWarning .icon:after {
		    background: #977330;
			color: #fff;
			border: 1px solid #977330;
		}
		.alert-white.alertDanger .icon, .alert-white.alertDanger .icon:after {
		    background: #ff0000;
			color: #fff;
			border: 1px solid #ff0000;
		}
		.alert-white.alertSuccess .icon, .alert-white.alertSuccess .icon:after {
		    background: #5ac489;
			color: #fff;
			border: 1px solid #5ac489;
		}
		.alert-white .icon{
		    border-radius: 2px 0 0 2px;
		    -webkit-border-radius: 2px 0 0 2px;
		}
		.alert-white .icon {
		    text-align: center;
		    width: 45px;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;
		    border: 1px solid #bdbdbd;
		    padding-top: 15px;
		}
		.alert-white .icon i {
		    font-size: 20px;
		    color: #fff;
		    left: 12px;
		    margin-top: -10px;
		    position: absolute;
		    top: 50%;
		}
		/********Alert Message With Icons End*******/

.theme_option_mar{
	margin-bottom: 100px;
}
.theme_option_mar.active{
	margin-bottom: 0px;
}
#theme_option{
	display:none;
	margin-bottom: 50px;
}
#theme_option.active{
	display:block;
}

/** Dev Code **/

.list-options li button.video-btn{border: 1px solid #9086a8;border-radius:2px; height:40px; line-height:40px;  color:#ffffff; text-decoration:none; cursor:pointer; display:table-cell;text-align:center; background:#9086a8;
padding:0px 11px;white-space: nowrap;vertical-align: middle;}
.list-options li button.active{background:#672a86;}
.list-options li button.video-btn:hover{background:#672a86;}




/*----------====Updation And Correction CSS Start====------------*/

@media (min-width:240px){
    .imgcenterhight{
    	height: auto;
        max-height: 162px;
        float: left;
        width: 100%;
    	}
    .imgcenter{
    	position: relative;
        top: 50%;   
    	-webkit-transform: translateY(0%);
        transform: translateY(0%);	
    	}
    .imgtop{
        position: relative;
        top: 32%;   
        -webkit-transform: translateY(0%);
        transform: translateY(0%);  
        }
}
@media (min-width:768px){
    .imgcenter{
    	position: relative;
        top: 50%;   
    	-webkit-transform: translateY(-50%);
        transform: translateY(-50%);	
    }
    .imgcenterhight{
    	height: 100px;
        max-height: 100px;
    }
    .imgtop{
        position: relative;
        top: 46%;   
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);    
    }
    .imgcenterhight-business{
        height: 100px;
        max-height: 100px;
        float: left;
        width: 100%;
    }
}
@media (min-width:992px){
    .imgcenterhight{
    	height: 162px;
        max-height: 162px;
    }
    .imgcenterhight-business{
        height: 130px;
        max-height: 130px;
        float: left;
        width: 100%;
    }
}


.subscrbrbtnhight{height:34px;}

.imgcenter1{
    	position: relative;
        top: 50%;   
    	-webkit-transform: translateY(-50%);
        transform: translateY(-50%);	
    }

.imgcenterhight1{
    	height: 120px;
        max-height: 120px;
		float: left;
        width: 100%;
    }

	.imgcenterhight11{
    	height: 120px;
        max-height: 120px;
		float: left;
        width: 100%;
    }
	.imgcenterhight11 img{max-height:120px;}



.form_error{color:#ff0000; font-weight:300;}
.form_success_message{color:#7ab33f !important;}
.hight350{max-height:300px !important;}
.viral-logo-manage{position:relative; display:table-cell; vertical-align:middle; height:50px;}

/* lead gate preview css */

.cleartemplate .lead-templates:nth-child(3n){
	clear:both;
	float:left;
}

.imgpreview{background: transparent;
box-shadow: none;
border: none;
}
.previewcancel{color:#ffffff;  position:absolute; top:10px; right:10px; background: transparent;border: none;}

/* autosaerch list div  css */
.autosearchbar{position:relative;}
.autosearchdiv ul{
	margin:0;
	padding:10px;
	width:100%;
	border:solid 1px #dedce9;
	top:100%;
	background:#ffffff;
	max-height:300px;
	overflow-y:auto;
	border-top:hidden;
	}
	
.autosearchdiv ul li{ list-style:none; margin-bottom:15px; line-height:normal;}
.autosearchdiv ul li:last-child{margin-bottom:0px; line-height:normal;}
.autosearchdiv li a{display:inline-block; text-decoration:none; color:#3f2e52;}


/*============================================================
  Subscription CSS
============================================================*/
.position {
  float: initial;
  margin: 20px auto 50px;
}

.custom-progress-bar {
  position: relative;
  height: 200px;
  width: 200px;
}

.custom-progress-bar div {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%;
}
/*.custom-progress-bar1 div span {
  background-color: #b7ef7b;
}
.custom-progress-bar2 div span {
  background-color: #fc8948;
}
.custom-progress-bar3 div span {
  background-color: #d23185;
}
.custom-progress-bar4 div span {
  background-color: #8372f0;
}*/

.custom-progress-bar div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 175px;
  height: 175px;
  width: 175px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;

}

.custom-progress-bar .background { background-color: #b3cef6; }

.custom-progress-bar .rotate {
  clip: rect(0 100px 200px 0);
  background-color: #4b86db;
}

.custom-progress-bar .left {
  clip: rect(0 100px 200px 0);
  opacity: 1;
  background-color: #b3cef6;
}

.custom-progress-bar .right {
  clip: rect(0 100px 200px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
 @keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

.custom-progress-bar
{background-color:#ffffff;
 box-shadow:none;
 color: transparent; 
 }


.selectnone{
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}

.bartext{    
	position: absolute;
    z-index: 99;
    top: 50%;
    left: 10%;
    font-size: 18px;
    color: #58627c;
    width: 80%;
    border-bottom: 1px solid #eef1f7;
    text-align: center;
    right: 10%;
    line-height: 150%;}
	
.bartext1{    
	position: absolute;
    z-index: 99;
    top: 63%;    
	width: 100%;   
	color:#58627c;
	line-height: 150%;
	text-align: center;	
	}
	
	@media (min-width:240px) and (max-width:767px){.mgtp7{margin-top:7%;}}
@media (min-width:768px) and (max-width:1199px){.mgtp5{margin-top:5%;}}
@media (min-width:1200px){.mgtp4{margin-top:3%;}}
@media (min-width:1200px)and (max-width:1245px){.visiblelg{padding-bottom:8%;}}


.planboxes{padding:18px 20px 10px 20px;border:1px solid #cbd3e3;}
.planbtnboxes{padding:20px 0;border:1px solid #cbd3e3;}
.list{background:#eef1f7;border-left:1px solid #cbd3e3;border-right:1px solid #cbd3e3;padding:20px 11px 35px 20px; min-height:655px;}
.list1{padding:20px 11px 23px 20px !important;}
.list2{padding:20px 11px 78px 20px !important;}
.list3{padding:20px 11px 57px 20px !important;}
.list4{padding:20px 11px 69px 20px !important;}
.list7{min-height:390px;}
.list8{min-height:390px;}
.list li{background: url(../images/triangle-icon.png) left 12px no-repeat;padding: 6px 0px 6px 20px;list-style: none; line-height: 160%;}.dotsize{font-size: 10px;vertical-align: middle;}
.planbtn{border:1px solid #cbd3e3; padding:4px 48px;border-radius:2px;color:#cbd3e3;display:inline-block;}

a.elitebtn{color:#fff;padding:4px 61px;text-decoration:none;display:inline-block;border-radius:2px;border:1px solid rgb(134,133,200);
background: rgb(134,133,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(134,133,200) 0%, rgb(120,120,182) 50%, rgb(120,120,182) 51%, rgb(106,104,175) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(134,133,200) 0%,rgb(120,120,182) 50%,rgb(120,120,182) 51%,rgb(106,104,175) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(134,133,200) 0%,rgb(120,120,182) 50%,rgb(120,120,182) 51%,rgb(106,104,175) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8685c8', endColorstr='#6a68af',GradientType=0 ); /* IE6-9 */
}
a.elitebtn:hover{
background: rgb(106,104,175); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(106,104,175) 0%, rgb(120,120,182) 49%, rgb(120,120,182) 50%, rgb(134,133,200) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(106,104,175) 0%,rgb(120,120,182) 49%,rgb(120,120,182) 50%,rgb(134,133,200) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(106,104,175) 0%,rgb(120,120,182) 49%,rgb(120,120,182) 50%,rgb(134,133,200) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a68af', endColorstr='#8685c8',GradientType=0 ); /* IE6-9 */
}
a.enterprisebtn{color:#fff;padding:4px 61px;text-decoration:none;display:inline-block;border-radius:2px;
border:1px solid rgb(231,98,150);
background: rgb(231,98,150); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(231,98,150) 0%, rgb(205,88,137) 49%, rgb(208,84,135) 50%, rgb(215,79,132) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(231,98,150) 0%,rgb(205,88,137) 49%,rgb(208,84,135) 50%,rgb(215,79,132) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(231,98,150) 0%,rgb(205,88,137) 49%,rgb(208,84,135) 50%,rgb(215,79,132) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76296', endColorstr='#d74f84',GradientType=0 ); /* IE6-9 */

}
a.enterprisebtn:hover{
background: rgb(215,79,132); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(215,79,132) 0%, rgb(208,84,135) 50%, rgb(205,88,137) 51%, rgb(231,98,150) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(215,79,132) 0%,rgb(208,84,135) 50%,rgb(205,88,137) 51%,rgb(231,98,150) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(215,79,132) 0%,rgb(208,84,135) 50%,rgb(205,88,137) 51%,rgb(231,98,150) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d74f84', endColorstr='#e76296',GradientType=0 ); /* IE6-9 */
}
a.resellerbtn{color:#fff;padding:4px 61px;text-decoration:none;display:inline-block;border-radius:2px;
background: rgb(82,176,126);border:1px solid rgb(82,176,126);
background: -moz-linear-gradient(top,  rgb(82,176,126) 1%, rgb(76,161,119) 50%, rgb(75,160,118) 51%, rgb(64,157,107) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(82,176,126) 1%,rgb(76,161,119) 50%,rgb(75,160,118) 51%,rgb(64,157,107) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(82,176,126) 1%,rgb(76,161,119) 50%,rgb(75,160,118) 51%,rgb(64,157,107) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b07e', endColorstr='#409d6b',GradientType=0 ); /* IE6-9 */

}
a.resellerbtn:hover{
background: rgb(64,157,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(64,157,107) 0%, rgb(75,160,118) 49%, rgb(76,161,119) 50%, rgb(82,176,126) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(64,157,107) 0%,rgb(75,160,118) 49%,rgb(76,161,119) 50%,rgb(82,176,126) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(64,157,107) 0%,rgb(75,160,118) 49%,rgb(76,161,119) 50%,rgb(82,176,126) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409d6b', endColorstr='#52b07e',GradientType=0 ); /* IE6-9 */
}
sup {top: -0.4em;}

.ribbon-wrapper {position: relative;}

@media (min-width:240px){
.subsbox{background: #fff;border-bottom: 1px solid #cbd3e3;border-right: 1px solid #cbd3e3;border-left: 1px solid #cbd3e3;padding: 8% 0%;}
.ribbon-front {background-color: #8987cd;height: 32px;width: 114px;position: absolute;right: -9px;z-index: 2;top: 23px;
border-radius: 2px;color: #fff;text-align: center;padding-top: 6px;}
.ribbon-front-active {background-color: #00cb6e;height: 32px;width: 114px;position: absolute;right: -9px;z-index: 2;top: 23px;
border-radius: 2px;color: #fff;text-align: center;padding-top: 6px;}
.ribbon-front-expired {background-color: #cf5423;height: 32px;width: 114px;position: absolute;right: -9px;z-index: 2;top: 23px;
border-radius: 2px;color: #fff;text-align: center;padding-top: 6px;}
.ribbon-edge-topright{position: absolute;z-index: 1;border-style:solid;height:0px;width:0px;right: -9px;border-color: transparent transparent transparent #99c;top: 14px; border-width: 11px 0 0 9px;}
.ribbon-edge-topright-active{position: absolute;z-index: 1;border-style:solid;height:0px;width:0px;right: -9px;border-color: transparent transparent transparent #00cb6e;top: 14px; border-width: 11px 0 0 9px;}
.ribbon-edge-topright-expired{position: absolute;z-index: 1;border-style:solid;height:0px;width:0px;right: -9px;border-color: transparent transparent transparent #cf5423;top: 14px; border-width: 11px 0 0 9px;}
}

@media (min-width:768px){
.subsbox{padding: 3%;}
}




.package-table .package-div:nth-child(3n+1){
	clear:both;
	float:left;
}
	
/*=====================End================*/





/* ============================================================
  Created By Vinita (22-06-2017)
============================================================ */

/* Create Channel Button */
@media(min-width: 768px){
.nav2>li {display: block;}.tabborder{border-left:1px solid #cbd3e3;border-top:1px solid transparent;}
.nav2>li>a:focus, .nav2>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}
.nav2>li>a {color:#58627c;}
}
@media(min-width: 240px){
    nav2>li>a {position: relative;display: inline-block;padding: 10px 6px;}.nav2>li {position: relative;display: inline-block;}
}

@media(max-width:767px){
	.xsclear{clear: both;}
}

@media (min-width:240px) and (max-width:767px){
.xsheight{height:185px !important;}
}

a.backBtn{border:1px solid #dfdbe9;color:#3f2e52;padding:8.5px 14px;text-decoration:none;display:inline-block;border-radius:2px;background: #ffffff;cursor:pointer;}
a.backBtn:hover{background: #ffff;  color:#3f2e52;}

.playColor{color: #6ec5d2;}

.round-icon{float: left;font-size: 28px;border-radius: 100%;border: 1px solid #dfdbe9;padding:20%;margin-bottom: 3%;}

.lh40{line-height: 40px;}

.btop{border-top: 1px solid #dfdbe9;}
.bleft{border-left: 1px solid #dfdbe9;}.bright{border-right: 1px solid #dfdbe9;}

.nav-pills1>li.active>a, .nav-pills1>li.active>a:focus, .nav-pills1>li.active>a:hover {
    color: #02aadb;
    background-color: #fff;
}

.background-holder{
    background-image: url('../images/wall.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ccc;
    position: relative;
    width: 100%;
    height: 393px;
    clear: both;
}
.btn-subscribe{
    color: #fff;
    background-color: #ff7021;
    border-color: #ff7021;
}
.btn-subscribe:hover, .btn-subscribe:focus{
    color: #fff;
    background-color: #ff7021;
    border-color: #ff7021;
}
.background-holder-footer{
    position: absolute;bottom:0%; color: #fff;background: rgba(0,0,0,0.6);padding:12px 7px;
}
.camera-position{position:absolute; right:2%; top:5%; color:#73717e;}
.camera-position i{color:#73717e}
.back-btn{
    float: left;
    background: #f4f3f7;
    border: 1px solid #dfdbe9;
    padding: 2px 6px;
}


/********Alert Message Start********/
		.alert-custom{
			padding-top:10px;
			padding-bottom:10px;
		}
		.alertSuccess{
			background: #ebfef3;
			color:#5ac489;
			border: 1px solid #5ac489;
		}
		.alertInfo{
			background: #c1eafe;
			color:#005580;
			border: 1px solid #005580;
		}
		.alertWarning{
			background: #f8f4d5;
			color: #977330;
			border: 1px solid #977330;
		}
		.alertDanger{
			background: #ffeded;
			color: #ff0000;
			border: 1px solid #ff0000;
		}
		.alertSuccess .close:hover{
			color: #5ac489;
		}
		.alertInfo .close:hover{
			color: #005580;
		}
		.alertWarning .close:hover{
			color: #977330;
		}
		.alertDanger .close:hover{
			color: #ff0000;
		}
		/********Alert Message End********/

		/********Alert Message With Icons Start*******/
		.alert-white{
			position: relative;
			padding-left: 61px;
		}
		.alert-white.alertInfo .icon, .alert-white.alertInfo .icon:after {
		    background: #005580;
			color:#fff;
			border: 1px solid #005580
		}
		.alert-white.alertWarning .icon, .alert-white.alertWarning .icon:after {
		    background: #977330;
			color: #fff;
			border: 1px solid #977330;
		}
		.alert-white.alertDanger .icon, .alert-white.alertDanger .icon:after {
		    background: #ff0000;
			color: #fff;
			border: 1px solid #ff0000;
		}
		.alert-white.alertSuccess .icon, .alert-white.alertSuccess .icon:after {
		    background: #5ac489;
			color: #fff;
			border: 1px solid #5ac489;
		}
		.alert-white .icon{
		    border-radius: 2px 0 0 2px;
		    -webkit-border-radius: 2px 0 0 2px;
		}
		.alert-white .icon {
		    text-align: center;
		    width: 45px;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;
		    border: 1px solid #bdbdbd;
		    padding-top: 15px;
		}
		.alert-white .icon i {
		    font-size: 20px;
		    color: #fff;
		    left: 12px;
		    margin-top: -10px;
		    position: absolute;
		    top: 50%;
		}
		/********Alert Message With Icons End*******/

/*Chennel Page Image Center CSS*/


@media (min-width:240px){
    .imgcenterhight{
    	height: auto;
        max-height: 162px;
        float: left;
        width: 100%;
    	}
    .imgcenter{
    	position: relative;
        top: 50%;   
    	-webkit-transform: translateY(0%);
        transform: translateY(0%);	
    	}
    .imgtop{
        position: relative;
        top: 32%;   
        -webkit-transform: translateY(0%);
        transform: translateY(0%);  
        }
    /*--- image edit hover  ---*/
    .image-edit {float: left;  position: relative;width: 100%;}
    a.Iconedit {display: none;  position: absolute; top: 0; right: 0; padding:10px; color: #ffffff; background: rgba(63,46,82,0.7); cursor: pointer;}
    .image-edit:hover a.Iconedit { display: block;}
}
@media (min-width:768px){
    .imgcenter{
    	position: relative;
        top: 52%;   
    	-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .imgcenterhight{
    	height: 100px;
        max-height: 100px;
    }
    .imgtop{
        position: relative;
        top: 46%;   
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);    
    }
    .imgcenterhight-business{
        height: 100px;
        max-height: 100px;
        float: left;
        width: 100%;
    }
    /*--- image edit hover  ---*/
    .image-edit {float: left;  position: relative;width: 100%;}
    a.Iconedit {display: none;  position: absolute; top: 9%; right: 0; padding:10px; color: #ffffff; background: rgba(63,46,82,0.7); cursor: pointer;}
    .image-edit:hover a.Iconedit { display: block;}
}
@media (min-width:992px){
    .imgcenterhight{
    	height: 162px;
        max-height: 162px;
    }
    .imgcenterhight-business{
        height: 130px;
        max-height: 130px;
        float: left;
        width: 100%;
    }
    /*--- image edit hover  ---*/
    .image-edit {float: left;  position: relative;width: 100%;}
    a.Iconedit {display: none;  position: absolute; top: 17%; right: 0; padding:10px; color: #ffffff; background: rgba(63,46,82,0.7); cursor: pointer;}
    .image-edit:hover a.Iconedit { display: block;}
}

@media (min-width: 1200px){
    /*--- image edit hover  ---*/
    .image-edit {float: left;  position: relative;width: 100%;}
    a.Iconedit {display: none;  position: absolute; top: 0; right: 2%; padding:10px; color: #ffffff; background: rgba(63,46,82,0.7); cursor: pointer;}
    .image-edit:hover a.Iconedit { display: block;}
}

/* 404 page css */

.errorouter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.errormiddle {
    display: table-cell;
    vertical-align: middle;
}

.errorbtn a{background:transparent;color:#586271;border:1px solid #672a86;display:inline-block;padding:5px 54px;border-radius:25px;}
.errorbtn a:hover{background:#672a86;color:#fff;border:1px solid #672a86;}

/* youtube list div mange css*/
.yt_video_list .ytube-div:nth-child(4n+1){
	clear:both;
	float:left;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*custom div checkbox */
.rutags label {
  display: block;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  background: #9086a8;;
  color: #ffffff;
  border: 1px solid #9086a8;
  border-radius: 2px;
  display: inline-block;
  padding: 6px 10px;
  margin-right: 4px; 
  font-weight:300;
  
  }

.rutags input[type=checkbox] {
  display: none; }

.rutags input:checked + label {
  background: #672a86;
  color: #fff;
  border: 1px solid #672a86; }


/* update logs css*/
@media (min-width:240px){.update-log-padding {padding:10px;}}
@media (min-width:768px){.update-log-padding {padding:20px;}}
.update-title ul{ margin-left:-10px;}
.update-title li {
	list-style-type:disc;
}
.update-details ul{ margin-left:-10px;}
.update-details li {
	list-style-image:url(../images/triangle-icon.png);
}
.update-des ul{ margin-left:-40px;}
.update-des li {
	list-style:none;
	line-height:25px;
}


/* Perosnalization page changes css */
.tags-box{background:#edebf2; border:solid 1px #dfdbe9; padding:6px 10px 0px 10px; }
.add-tags-mrgn{margin-top:10px;}
.perosnalization-div{padding:10px; border:solid 1px #dfdbe9; border-top:none; min-height:100px; max-height:200px; overflow-y:auto;}

.height230{min-height:230px}