.customeheight p {
    height: 60px;
}
.breadcrumb{
	background:transparent !important;
	margin-bottom:0rem !important;
}
.breadcrumb-item {
    font-size: 0.8em;
	font-family: 'Open Sans';
}
.webinar-downstrip{
	background:url('../images/webinars/heading_down.png') top center no-repeat;
}
.main-heading{
	margin-top: 15px;
}
.main-heading h2{
	font-weight: revert;
    color: #484848;
    letter-spacing: 1px;
    text-align: center;
}
.heading-description{margin-top:15px; margin-bottom:15px; }
.heading-description h1{
	color: #484848;
	font-size: 0.9em;
	font-weight: revert;
}
.heading-description p{
	color: #484848;
    line-height: 24px;
	text-align: justify;
	font-size: 0.9em;
}
.sub-categories{color: #484848; font-size: 0.9em;}
.webinar-list h5{
	color:#3d5d8c;
	line-height: 1.5;
}
.speakerImg{margin-top:10px;}
.webinar-list h5 a {
    color: #3d5d8c;
}
.webinar-list h5 a:hover {
	text-decoration:none;
    border-bottom: 2px solid #3d5d8c;
}
.speaker-name{
	font-family: 'Open Sans';
	color:#484848;
	font-size: 0.95rem;
    margin: 0.3rem 0;
}
.location-details{
	font-family: 'Open Sans';
	color:#484848;
	font-size: 0.95rem;
    margin: 0.3rem 0;
}
.webinar-list-details{
	margin: 15px 0 10px 0;
}
.registration{
	margin: 0;
	/* text-align: justify; */
	line-height:1.9;
}
.webinar-description{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.webinar-offers{
	margin: 20px 0 0;
}
.webinar-offers img{
	margin: 12px 0px 7px 15px;
}
.pl-0{
	padding-left:0;
}
.card {
    /*border: 0px !important;*/
}
.row{
	margin-right: 0px !important;
    margin-left: 0px !important;
}
.padding0{
	padding:0 !important;
}
.customeheight2 p {
    height: 0px;
}
.margin-bottom{
	margin-bottom:0 !important;
}
.webinar-backround {
    background: #f2f5fa;
}
.location-icon{
	text-align:center;
}
.margin-bottom{
	margin-bottom:0 !important;
}
.view-details{
	top: 0;
    bottom: 0;
    margin: auto;
}
.view-details p .btn-primary {
    box-shadow: 0px 3px 11px 0px #c3c3c3; 
    border-radius: 30px;
    border: none;
    text-align: center;
    background-color: #21c5a6;
    transition: all 0.3s ease 0s;
    transition: all .2s ease-in-out;
    /* background-image: linear-gradient(to right, rgb(46, 117, 243) 0%, rgb(51, 153, 204) 51%); */
    background-image: linear-gradient(180deg, #21c5a6, #38a08d);
    padding: 8px 25px;
    font-size: 0.9em;
	font-family: 'Open Sans';
	font-weight: bold;
    letter-spacing: 1px;
}
.view-details p .btn-primary:hover {
    background: #666;
    transform: scale(1.05);
}
.page-item.active .page-link{
	z-index: 3;
    color: #fff !important;
    background-color: #666666 !important;
    border-color: #666666 !important;
}
.pagination .page-item{
	margin: 0 3px;
}
.page-link{
	color: #666666 !important;
	padding: .1rem .35rem !important;
}
.page-link:hover {
    z-index: 2;
    color: #ffffff !important;
    text-decoration: none;
    background-color: #666666 !important;
    border-color: #666666 !important;
}
.card-link{
	font-size: 1.5rem;
    top: 3px;
	font-weight: bold;
    position: relative;
	left: 10px;
    font-family: 'Open Sans';
	color:#2d2d2d;
}
.card-link:hover{color:#2d2d2d;}

@media (max-width: 320px){
	#main .card-body {
		padding: 1.25rem!important;
	}
	.d-xs-none {
		display: none!important;
	}
	.custome-form-control .form-control{
		margin: 8px 0;
	}
	.custome-form-control button{
		margin-top: 8px;
	}
	.margin0 p{
		margin-bottom:0px;
		display:none;
	}
	.webinar-list h5 {
		color: #437cd0;
		font-size: 1rem;
	}
	.registration {
		text-align: center;
		margin: 8px 0;
	}
	.view-details, .webinar-offers{
		text-align:center;
	}
	.webinar-offers img {
		margin: 12px 0px 20px 15px;
	}
	.speaker-name{
		font-size: 0.9rem;
		margin-top: 1rem;
		text-align:center;
	}
	.location-details{
		font-size: 0.9rem;
		/* margin-top: 1rem; */
		text-align:center;
	}
	.date {
		font-size: 15px !important;
	}
	.webinar-price{
		margin:0 !important;
	}
	
	.recently-viewed h2 {
		font-size: 1.8rem;
	}
	.margintop12{
		margin-top: 12px;
	}
	.ratings{text-align:center}
	.webinar-date{text-align:center}
	.webinar-offers {
		margin: 0;
	}	
}
@media (min-width: 321px) and (max-width: 425px){
	.webinar-offers {
		margin: 0px 0 10px;
	}
	.view-details, .webinar-offers{
		text-align:center;
	}
	#main .card-body {
		padding: 1.25rem!important;
	}
	.margintop12{
		margin-top: 12px;
	}
	.band {
		text-align: center !important;
	}
	.d-xs-none {
		display: none!important;
	}
	.margin0 p{
		margin-bottom:0px;
		display:none;
	}
	.RV-date{
		margin-bottom:1rem;
	}
	.custome-form-control .form-control{
		margin: 8px 0;
	}
	.speaker-name{
		margin-top: 1rem;
		text-align:center;
	}
	.registration {
		text-align: center;
		margin: 10px 0;
	}
	.location-details{
		/* margin-top: 1rem; */
		text-align:center;
	}
	.custome-form-control button{
		margin-top: 8px;
	}
	.webinar-price {
		margin: 0 !important;
	}
	.ratings{text-align:center}
	.webinar-date{text-align:center}

}
@media (min-width: 321px) and (max-width: 768px){
	#main .card-body {
		padding: 1.25rem!important;
	}
	.webinar-price {
		margin: 0 !important;
	}
	.margintop12{
		margin-top: 12px;
	}
	.margin0 p{
		margin-bottom:0px;
		display:none;
	}
	.RV-date{
		margin-bottom:1rem;
	}
	.custome-form-control .form-control{
		margin: 8px 0;
	}
	.custome-form-control button{
		margin-top: 8px;
	}
	.location-icon img{
		
	}
	.registration{margin: 10px 0;}
	.date,.recording{
		font-size: 15px !important;
		margin-top: 12px !important;
		/* padding: 8px 0px !important; */
	}
}
@media (min-width: 769px) and (max-width: 991px){
	.custome-form-control .form-control {
		margin: 8px 0;
	}
	.custome-form-control button {
		margin-top: 8px;
	}
}
@media (min-width: 769px) and (max-width: 1024px){
	.custome-form-control .form-control {
		margin: 8px 0;
	}
	.custome-form-control button {
		margin-top: 8px;
	}
	.date{
		font-size: 17px !important;
	}
}


.custome-form-control .form-control {
    margin: 10px 0;
}
.custome-form-control button {
    margin-top: 8px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-right: 1px solid #ccc;
}



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

.sidenav .closebtn {
	position: absolute;
    top: -7px;
    right: 7px;
    font-size: 34px;
}
.ratings .fa-star{
	color:#828282;
}
.ratings .fa-star:hover{
	color: #ffba00;
	cursor:pointer;
}
#main .card-body {
    padding: 1.25rem 0 0 1.25rem;
}
.checked {
  color: #ffba00 !important;
  font-weight: 600;
}

#main {
  transition: margin-left .10s;
  /* padding: 16px; */
}
.search-icon{
	/*font-size: 30px;*/
	font-size: 33px;
    cursor: pointer;
    position: fixed;
    top: 205px;
    z-index: 1045;
    /*background: #21c5a6;*/
    background: #2b73cc;
    color: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.search-icon .fa-search{padding: 7px 13px 13px 7px;}

.date-background{
	background: #75aff6;
	color:#ffffff;
}
.date{
	display: inline-block;
    font-size: 17px;
    vertical-align: middle;
    background: #16bbac;
    color: #ffffff;
    padding: 3px 13px;
    margin-bottom: 0;
    margin-top: 35px;
	text-shadow: 1px 1px #0a8a8a;
	font-weight: bold;
}
.date strong{
	font-size: 21px;
}
.recording{
	font-size: 18px;
    vertical-align: middle;
    /* background: #75aff6; */
    color: #ffffff;
    padding: 5px 0px;
    margin-bottom: 0;
    margin-top: 28px;
    padding-left: 20px;
    background: url(../images/webinars/recording.png) 0px 1px no-repeat;
}
.webinar-price{
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px 0 0;
}
.seminars-offers img {
    margin: 30px 0px 0px 15px;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 50%;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0) !important;
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		/* left: -320px; */
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out !important;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out !important;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out !important;
		        transition: opacity 0.3s linear, left 0.3s ease-out !important;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #fff !important;
		background-color: #fff;
	}

/* ----- v CAN BE DELETED v ----- */

.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 15px;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 16px;
	background-color: #FFFFFF;
}

.btn-demo:focus {
	outline: 0;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
#search_listing{width:100%;}
.search_form_loading {
    margin: 17px;
    display: none;
	text-align:center;
}
.search-results {
    border-bottom: #d0d6d6 solid 1px;
    border-top: #d0d6d6 solid 1px;
    margin: 20px 30px;
    padding: 10px 5px;
    background: #fdfdfd;
    color: #4e4e4e;
	font-size:0.9em;
}
.search-results span {
    font-weight: 600;
    color: #292929;
}
.noWebiFound{text-align:center; padding:15px 0px;}
#webinar_view_more_expand{display:block; text-align:center; margin-bottom:30px;}
.view-more{
    background: #777  !important;
    color: #fff !important;
    border-color: #484848 !important;
	display:inline-block !important;
	padding:7px 20px;
	border-radius: 5px;
	cursor:pointer;
		
}
.view-more:hover {
    background-image: linear-gradient(180deg, #2eb1f3, #3399cc) !important;
    color: #ffffff !important;
	text-decoration:none;
}
.view_more_loading {
    text-align: center;
    display: none;
	margin-top:10px;
}

/* Pagination specific CSS */
.pagination-container{text-align:center;}
.pagination-holder {
    margin: 0px 30px 0px 30px;
    float: right;
}

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0px 0px 15px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:15px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 2px 9px !important;
	margin: 0 5px 5px 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
	text-decoration:none;
}


.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.clear{clear:both;}
#webiSearchBox button.search-btn{background-color: #21c5a6; border-color: #21c5a6; background-image: linear-gradient(
180deg
, #21c5a6, #15a88d);}
#webiSearchBox button.search-btn:hover{background-color: #666; border-color: #666; background-image: linear-gradient(
180deg
, #666, #666);}

::-webkit-input-placeholder { /* Edge */  color: #595d60;}
:-ms-input-placeholder { /* Internet Explorer */ color: #595d60;}
.form-control::placeholder {color: #595d60 !important; opacity:1.0}

::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome less or equal to 56, Safari less than 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
.form-control::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome less or equal to 56, Safari less than 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0 !important; } /* Modern Browsers */

@media (min-width: 321px) and (max-width: 768px){
	
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		width: 100%;
	}
}

@media (max-width: 320px){	
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		width: 100%;
	}
}