/*@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@400;500&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
body, html{
	overflow-x: hidden;
}
body{
	
	padding-right: 0 !important;
}
 .upVideo {
	position: relative;
	display: block;
	width: 240px;
}
.modal-header{display:block!important;}
input.file_multi_video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
/*.embed-responsive-16by9 {*/
/*    height: 398px;*/
/*    width: 100%;*/
/*    padding:0!important;*/
/*    max-height: 600px;*/
/*}*/
/*iframe#video{*/
/*   width:100%;*/
/*   height:100%;*/
/*   object-fit:cover;*/
/*   object-position:center;*/
/*}*/
.vdSection{
    height:398px;
    width:100%;
    padding:0px;
}
#video1{
   width:100%;
   height:100%;
   object-fit:cover;
   object-position:center;    border: 1px solid #d3d3d3;
}
.passEvents_section {
    background: #ffffff;
    box-shadow: 0px 0px 10px #cccccc;
    border-radius: 12px;
    margin-bottom:24px;
}
.passEvents_Diss {
    padding: 16px;
}
.passEvents_Diss .event-title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align:left;
    margin-bottom:10px;
}
.event_img img {
    border-radius: 12px 12px 0px 0px;
}
p.dateEvents {
    color: #5f2652;
    font-weight: 600;
}
p.eventsTag {
    color: #805015;
    font-weight: 600;
}
.passEvents_Diss p {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}
.padL-32 {
	padding-left: 32px;
}
#welcome_icon {
	
    height: 300px;
    display: block;
    margin-top: -20px;
    width: 100%;
}
.height-200 {
	height: 200px;
}
#pro_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#paypal-img {
	width: 200px;
	margin: 10px auto;
}
#store_pro_img {
	width: 100%;
	height: 320px;
}
.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 4px;
}
.layer:hover {
	background: transparent;
}
#subscribe {
	width: 90%;
	height: 50px;
}
#pad_product {
	padding: 20px;
}
/* Image Upload */

.uploader {
	display: block;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
}
.uploader label {
	float: left;
	clear: both;
	width: 100%;
	padding: 2rem 1.5rem;
	text-align: center;
	background: #fff;
	border-radius: 7px;
	border: 3px solid #eee;
	transition: all 0.2s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.uploader label:hover {
	border-color: #454cad;
}
.uploader label.hover {
	border: 3px solid #454cad;
	box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
	transform: scale(0.8);
	opacity: 0.3;
}
.uploader #start {
	float: left;
	clear: both;
	width: 100%;
}
.uploader #start.hidden {
	display: none;
}
.uploader #start i.fa {
	font-size: 50px;
	margin-bottom: 1rem;
	transition: all 0.2s ease-in-out;
}
.uploader #response {
	float: left;
	clear: both;
	width: 100%;
}
.uploader #response.hidden {
	display: none;
}
.uploader #response #messages {
	margin-bottom: 0.5rem;
}
.uploader #file-image {
	display: inline;
	margin: 0 auto 0.5rem auto;
	width: auto;
	height: auto;
	max-width: 180px;
}
.uploader #file-image.hidden {
	display: none;
}
.uploader #notimage {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
.uploader #notimage.hidden {
	display: none;
}
.uploader progress,
.uploader .progress {
	display: inline;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
	height: 8px;
	border: 0;
	border-radius: 4px;
	background-color: #eee;
	overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
	border-radius: 4px;
	background-color: #eee;
}
.uploader .progress[value]::-webkit-progress-value {
	background: linear-gradient(to right, #393f90 0%, #454cad 50%);
	border-radius: 4px;
}
.uploader .progress[value]::-moz-progress-bar {
	background: linear-gradient(to right, #393f90 0%, #454cad 50%);
	border-radius: 4px;
}
.uploader input[type=file] {
	display: none;
}
.uploader div {
	margin: 0 0 0.5rem 0;
	color: #5f6982;
}
.uploader .btn {
	display: inline-block;
	margin: 0.5rem 0.5rem 1rem 0.5rem;
	clear: both;
	font-family: inherit;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	text-transform: initial;
	border: none;
	border-radius: 0.2rem;
	outline: none;
	padding: 0 1rem;
	height: 36px;
	line-height: 20px;
	color: #fff;
	transition: all 0.2s ease-in-out;
	box-sizing: border-box;
	background: #5f2652;
	border-color: #5f2652;
	cursor: pointer;
}
.addProduct {
	border: 1px solid #cccccc;
	padding: 16px;
	border-radius: 4px;
	margin: 10px 0px;
}
/* Calender */

/* classes attached to <body> */

.fc-not-allowed,
.fc-not-allowed .fc-event {
	/* override events' custom cursors */
	cursor: not-allowed;
}
.fc-unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
	/* layout of immediate children */
	display: flex;
	flex-direction: column;
	font-size: 1em
}
.fc,
.fc *,
.fc *:before,
.fc *:after {
	box-sizing: border-box;
}
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	/* normalize cross-browser */
}
.fc th {
	text-align: center;
}
.fc th,
.fc td {
	vertical-align: top;
	padding: 0;
}
.fc a[data-navlink] {
	cursor: pointer;
}
.fc a[data-navlink]:hover {
	text-decoration: underline;
}
.fc-direction-ltr {
	direction: ltr;
	text-align: left;
}
.fc-direction-rtl {
	direction: rtl;
	text-align: right;
}
.fc-theme-standard td,
.fc-theme-standard th {
	border: 1px solid #ddd;
	border: 1px solid var(--fc-border-color, #ddd);
}
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */

/* inner-wrappers are responsible for being absolute */

/* TODO: best place for this? */

.fc-liquid-hack td,
.fc-liquid-hack th {
	position: relative;
}
@font-face {
	font-family: 'fcicons';
	src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
	font-weight: normal;
	font-style: normal;
}
.fc-icon {
	/* added for fc */
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'fcicons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
	content: "\e900";
}
.fc-icon-chevron-right:before {
	content: "\e901";
}
.fc-icon-chevrons-left:before {
	content: "\e902";
}
.fc-icon-chevrons-right:before {
	content: "\e903";
}
.fc-icon-minus-square:before {
	content: "\e904";
}
.fc-icon-plus-square:before {
	content: "\e905";
}
.fc-icon-x:before {
	content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/

.fc {
	/* reset */
}
.fc .fc-button {
	border-radius: 0;
	overflow: visible;
	text-transform: none;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.fc .fc-button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}
.fc .fc-button {
	-webkit-appearance: button;
}
.fc .fc-button:not(:disabled) {
	cursor: pointer;
}
.fc .fc-button::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
.fc {
	/* theme */
}
.myvideoSe {
    width: 100%;
    height: 398px;
    position: relative;
}
.myvideoSe iframe#player1, .myvideoSe iframe#video1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.subscribe-btn {     padding: 6px 10px !important;
    border-radius: 5px;
    margin: 0 auto;
       text-align: center; }
.fc .fc-button {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.4em 0.65em;
	font-size: 1em;
	line-height: 1.5;
	border-radius: 0.25em;
}
.fc .fc-button:hover {
	text-decoration: none;
}
.fc .fc-button:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc .fc-button:disabled {
	opacity: 0.65;
}
.fc {
	/* "primary" coloring */
}
.fc .fc-button-primary {
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #2C3E50;
	background-color: var(--fc-button-bg-color, #2C3E50);
	border-color: #2C3E50;
	border-color: var(--fc-button-border-color, #2C3E50);
}
.fc .fc-button-primary:hover {
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #1e2b37;
	background-color: var(--fc-button-hover-bg-color, #1e2b37);
	border-color: #1a252f;
	border-color: var(--fc-button-hover-border-color, #1a252f);
}
.fc .fc-button-primary:disabled {
	/* not DRY */
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #2C3E50;
	background-color: var(--fc-button-bg-color, #2C3E50);
	border-color: #2C3E50;
	border-color: var(--fc-button-border-color, #2C3E50);
	/* overrides :hover */
}
.fc .fc-button-primary:focus {
	box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #1a252f;
	background-color: var(--fc-button-active-bg-color, #1a252f);
	border-color: #151e27;
	border-color: var(--fc-button-active-border-color, #151e27);
}
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
	box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc {
	/* icons within buttons */
}
.fc .fc-button .fc-icon {
	vertical-align: middle;
	font-size: 1.5em;
	/* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
}
.fc .fc-button-group {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}
/*.widthfull {
    	flex: 100%;
    	max-width: 100%;
}*/
.widthfull {
        flex: 0 0 92%;
    max-width: 89%;
    margin: 0 0 0 auto;
}
.w1{
	display: flex;
    flex: 0 0 8%;
    max-width: 8%;
    height: max-content;
    text-align: center;
}
/*.side span{
	display: none;
}*/
.hmenu{
	display: inline;
    font-size: 17px;
    vertical-align: middle;
    font-weight: 500;
}
.fc .fc-button-group > .fc-button {
	position: relative;
	flex: 1 1 auto;
}
.fc .fc-button-group > .fc-button:hover {
	z-index: 1;
}
.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button.fc-button-active {
	z-index: 1;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
	margin-right: -1px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.fc .fc-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 1.5em;
}
.fc .fc-toolbar.fc-footer-toolbar {
	margin-top: 1.5em;
}
.fc .fc-toolbar-title {
	font-size: 1.75em;
	margin: 0;
}
.fc-direction-ltr .fc-toolbar > * >:not(:first-child) {
	margin-left: .75em;
	/* space between */
}
.fc-direction-rtl .fc-toolbar > * >:not(:first-child) {
	margin-right: .75em;
	/* space between */
}
.fc-direction-rtl .fc-toolbar-ltr {
	/* when the toolbar-chunk positioning system is explicitly left-to-right */
	flex-direction: row-reverse;
}
.fc .fc-scroller {
	-webkit-overflow-scrolling: touch;
	position: relative;
	/* for abs-positioned elements within */
}
.fc .fc-scroller-liquid {
	height: 100%;
}
.fc .fc-scroller-liquid-absolute {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.fc .fc-scroller-harness {
	position: relative;
	overflow: hidden;
	direction: ltr;
	/* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
	/* TODO: demonstrate in codepen */
}
.fc .fc-scroller-harness-liquid {
	height: 100%;
}
.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
	/* undo above hack */
	direction: rtl;
}
.fc-theme-standard .fc-scrollgrid {
	border: 1px solid #ddd;
	border: 1px solid var(--fc-border-color, #ddd);
	/* bootstrap does this. match */
}
.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
	/* all tables (self included) */
	width: 100%;
	/* because tables don't normally do this */
	table-layout: fixed;
}
.fc .fc-scrollgrid table {
	/* inner tables */
	border-top-style: hidden;
	border-left-style: hidden;
	border-right-style: hidden;
}
.fc .fc-scrollgrid > tbody table,
.fc .fc-scrollgrid > tfoot table {
	border-bottom-style: hidden;
	/* head keeps its bottom border tho */
}
.fc .fc-scrollgrid {
	border-collapse: separate;
	border-right-width: 0;
	border-bottom-width: 0
}
.fc .fc-scrollgrid > * > tr > * {
	border-top-width: 0;
	border-left-width: 0;
}
.fc .fc-scrollgrid > thead > tr > *,
.fc .fc-scrollgrid > tfoot > tr > * {
	border-bottom-width: 0;
}
.fc .fc-scrollgrid-liquid {
	height: 100%;
}
.fc .fc-scrollgrid-section {
	/* a <tr> */
	height: 0
}
.fc .fc-scrollgrid-section > td {
	height: 0;
	/* needs a height so inner div within grow */
}
.fc .fc-scrollgrid-section table {
	height: 1px;
	/* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
	/* serves as a min-height. harmless */
}
.fc .fc-scrollgrid-section-liquid {
	height: auto
}
.fc .fc-scrollgrid-section-liquid > td {
	height: 100%;
	/* FF needs this instead of auto */
}
.fc {
	/* stickiness */
}
.fc .fc-scrollgrid-section-sticky > * {
	background: #fff;
	background: var(--fc-page-bg-color, #fff);
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	/* TODO: var */
	/* TODO: box-shadow when sticking */
}
.fc .fc-scrollgrid > thead > .fc-scrollgrid-section-sticky > * {
	top: 0;
	/* because border-sharing causes a gap at the top */
	/* TODO: give safari -1. has bug */
}
.fc .fc-scrollgrid > tfoot > .fc-scrollgrid-section-sticky > * {
	bottom: 0;
	/* known bug: bottom-stickiness doesn't work in safari */
}
.fc .fc-scrollgrid-sticky-shim {
	/* for horizontal scrollbar */
	height: 1px;
	/* needs height to create scrollbars */
	margin-bottom: -1px;
}
.fc .fc-sticky {
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	background: #5d5386;
}
.fc .fc-view-harness {
	flex-grow: 1;
	/* because this harness is WITHIN the .fc's flexbox */
	position: relative;
}
.fc {
	/* when the harness controls the height, make the view liquid */
}
.fc .fc-view-harness-active > .fc-view {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fc .fc-col-header-cell-cushion {
	display: inline-block;
	/* x-browser for when sticky (when multi-tier header) */
	padding: 2px 4px;
}
.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
	/* will always have a harness with position:relative/absolute, so absolutely expand */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fc .fc-non-business {
	background: rgba(215, 215, 215, 0.3);
	background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}
.fc .fc-bg-event {
	background: rgb(143, 223, 130);
	background: var(--fc-bg-event-color, rgb(143, 223, 130));
	opacity: 0.3;
	opacity: var(--fc-bg-event-opacity, 0.3)
}
.fc .fc-bg-event .fc-event-title {
	margin: .5em;
	font-size: .85em;
	font-size: var(--fc-small-font-size, .85em);
	font-style: italic;
}
.fc .fc-highlight {
	background: rgba(188, 232, 241, 0.3);
	background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
	background: rgba(208, 208, 208, 0.3);
	background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
/* link resets */

/* ---------------------------------------------------------------------------------------------------- */

a.fc-event,
a.fc-event:hover {
	text-decoration: none;
}
/* cursor */

.fc-event[href],
.fc-event.fc-event-draggable {
	cursor: pointer;
}
/* event text content */

/* ---------------------------------------------------------------------------------------------------- */

.fc-event .fc-event-main {
	position: relative;
	z-index: 2;
}
/* dragging */

/* ---------------------------------------------------------------------------------------------------- */

.fc-event-dragging:not(.fc-event-selected) {
	/* MOUSE */
	opacity: 0.75;
}
.fc-event-dragging.fc-event-selected {
	/* TOUCH */
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* resizing */

/* ---------------------------------------------------------------------------------------------------- */

/* (subclasses should hone positioning for touch and non-touch) */

.fc-event .fc-event-resizer {
	display: none;
	position: absolute;
	z-index: 4;
}
.fc-event:hover,
/* MOUSE */

.fc-event-selected {
	/* TOUCH */
}
.fc-event:hover .fc-event-resizer,
.fc-event-selected .fc-event-resizer {
	display: block;
}
.fc-event-selected .fc-event-resizer {
	border-radius: 4px;
	border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
	border-width: 1px;
	border-width: var(--fc-event-resizer-dot-border-width, 1px);
	width: 8px;
	width: var(--fc-event-resizer-dot-total-width, 8px);
	height: 8px;
	height: var(--fc-event-resizer-dot-total-width, 8px);
	border-style: solid;
	border-color: inherit;
	background: #fff;
	background: var(--fc-page-bg-color, #fff)
	/* expand hit area */
}
.fc-event-selected .fc-event-resizer:before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
}
/* selecting (always TOUCH) */

/* ---------------------------------------------------------------------------------------------------- */

.fc-event-selected {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
	/* expand hit area (subclasses should expand) */
}
.fc-event-selected:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fc-event-selected {
	/* dimmer effect */
}
.fc-event-selected:after {
	content: "";
	background: rgba(0, 0, 0, 0.25);
	background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
	position: absolute;
	z-index: 1;
	/* assume there's a border on all sides. overcome it. */
	/* sometimes there's NOT a border, in which case the dimmer will go over */
	/* an adjacent border, which looks fine. */
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
}
/*
A HORIZONTAL event
*/

.fc-h-event {
	/* allowed to be top-level */
	display: block;
	border: 1px solid #3788d8;
	border: 1px solid var(--fc-event-bg-color, #3788d8);
	background-color: #3788d8;
	background-color: var(--fc-event-border-color, #3788d8)
}
.fc-h-event .fc-event-main {
	color: #fff;
	color: var(--fc-event-text-color, #fff);
}
.fc-h-event .fc-event-main-frame {
	display: flex;
	/* for make fc-event-title-container expand */
}
.fc-h-event .fc-event-time {
	max-width: 100%;
	/* clip overflow on this element */
	overflow: hidden;
}
.fc-h-event .fc-event-title-container {
	/* serves as a container for the sticky cushion */
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 0;
	/* important for allowing to shrink all the way */
}
.fc-h-event .fc-event-title {
	display: inline-block;
	/* need this to be sticky cross-browser */
	vertical-align: top;
	/* for not messing up line-height */
	left: 0;
	/* for sticky */
	right: 0;
	/* for sticky */
	max-width: 100%;
	/* clip overflow on this element */
	overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
	/* expand hit area */
	top: -10px;
	bottom: -10px;
}
/* adjust border and border-radius (if there is any) for non-start/end */

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
}
/* resizers */

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
	top: 0;
	bottom: 0;
	width: 8px;
	width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
	cursor: w-resize;
	left: -4px;
	left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
	cursor: e-resize;
	right: -4px;
	right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
/* resizers for TOUCH */

.fc-h-event.fc-event-selected .fc-event-resizer {
	top: 50%;
	margin-top: -4px;
	margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
	left: -4px;
	left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
	right: -4px;
	right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
:root {
	--fc-daygrid-event-dot-width: 8px;
}
.fc .fc-popover {
	position: fixed;
	top: 0;
	/* for when not positioned yet */
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.fc .fc-popover-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 3px 4px;
}
.fc .fc-popover-title {
	margin: 0 2px;
}
.fc .fc-popover-close {
	cursor: pointer;
	opacity: 0.65;
	font-size: 1.1em;
}
.fc-theme-standard .fc-popover {
	border: 1px solid #ddd;
	border: 1px solid var(--fc-border-color, #ddd);
	background: #fff;
	background: var(--fc-page-bg-color, #fff);
}
.fc-theme-standard .fc-popover-header {
	background: rgba(208, 208, 208, 0.3);
	background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
/* help things clear margins of inner content */

.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness {
	/* for event top/bottom margins */
}
.fc-daygrid-day-frame:before,
.fc-daygrid-day-events:before,
.fc-daygrid-event-harness:before {
	content: "";
	clear: both;
	display: table;
}
.fc-daygrid-day-frame:after,
.fc-daygrid-day-events:after,
.fc-daygrid-event-harness:after {
	content: "";
	clear: both;
	display: table;
}
.fc .fc-daygrid-body {
	/* a <div> that wraps the table */
	position: relative;
	z-index: 1;
	/* container inner z-index's because <tr>s can't do it */
}
.fc .fc-daygrid-day.fc-day-today {
	background-color: rgba(255, 220, 40, 0.15);
	background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-daygrid-day-frame {
	position: relative;
	min-height: 100%;
	/* seems to work better than `height` because sets height after rows/cells naturally do it */
}
.fc {
	/* cell top */
}
.fc .fc-daygrid-day-top {
	position: relative;
	z-index: 4;
	display: flex;
	flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
	opacity: 0.3;
}
.fc {
	/* day number (within cell top) */
}
.fc .fc-daygrid-day-number {
	padding: 4px;
}
.fc {
	/* event container */
}
.fc .fc-daygrid-day-events {
	margin-top: 1px;
	/* needs to be margin, not padding, so that available cell height can be computed */
}
.fc {
	/* positioning for balanced vs natural */
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
	position: absolute;
	left: 0;
	right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	position: relative;
	/* for containing abs positioned event harnesses */
	min-height: 2em;
	/* in addition to being a min-height during natural height, equalizes the heights a little bit */
}
.fc .fc-daygrid-body-natural {
	/* can coexist with -unbalanced */
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
	margin-bottom: 1em;
}
.fc {
	/* event harness */
}
.fc .fc-daygrid-event-harness {
	position: relative;
}
.fc .fc-daygrid-event-harness-abs {
	position: absolute;
	top: 0;
	/* fallback coords for when cannot yet be computed */
	left: 0;
	/* */
	right: 0;
	/* */
}
.fc .fc-daygrid-bg-harness {
	position: absolute;
	top: 0;
	bottom: 0;
}
.fc {
	/* bg content */
}
.fc .fc-daygrid-day-bg .fc-non-business {
	z-index: 1
}
.fc .fc-daygrid-day-bg .fc-bg-event {
	z-index: 2
}
.fc .fc-daygrid-day-bg .fc-highlight {
	z-index: 3
}
.fc {
	/* events */
}
.fc .fc-daygrid-event {
	z-index: 6;
	margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
	z-index: 7;
}
.fc {
	/* cell bottom (within day-events) */
}
.fc .fc-daygrid-day-bottom {
	position: relative;
	z-index: 4;
	font-size: .85em;
	margin: 2px 3px 0;
}
.fc .fc-daygrid-more-link {
	cursor: pointer;
}
.fc {
	/* week number (within frame) */
}
.fc .fc-daygrid-week-number {
	position: absolute;
	z-index: 5;
	top: 0;
	padding: 2px;
	min-width: 1.5em;
	text-align: center;
	background-color: rgba(208, 208, 208, 0.3);
	background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
	color: #808080;
	color: var(--fc-neutral-text-color, #808080);
}
.fc {
	/* popover */
}
.fc .fc-more-popover {
	z-index: 8;
}
.fc .fc-more-popover .fc-popover-body {
	min-width: 220px;
	padding: 10px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
	margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
	margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
	left: 0;
	border-radius: 0 0 3px 0;
}
.fc-direction-rtl .fc-daygrid-week-number {
	right: 0;
	border-radius: 0 0 0 3px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
	position: static;
	/* will cause inner absolute stuff to expand to <td> */
}
.fc-daygrid-event {
	/* make root-level, because will be dragged-and-dropped outside of a component root */
	position: relative;
	/* for z-indexes assigned later */
	white-space: nowrap;
	border-radius: 3px;
	/* dot event needs this to when selected */
	font-size: .85em;
	font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */

.fc-daygrid-block-event .fc-event-time {
	font-weight: bold;
}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
	padding: 1px;
}
/* --- the dot style of event --- */

.fc-daygrid-dot-event {
	display: block;
	padding: 2px 0;
	overflow: hidden
}
.fc-daygrid-dot-event .fc-event-title {
	font-weight: bold;
}
.fc-daygrid-dot-event .fc-event-time,
.fc-daygrid-dot-event .fc-event-title {
	display: inline-block;
	/* better than inline, for sitting next to dot */
}
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
	background: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-event-dot {
	/* the actual dot */
	display: inline-block;
	margin: 0 4px;
	box-sizing: content-box;
	width: 0;
	height: 0;
	border: 4px solid #3788d8;
	border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
	border-radius: 4px;
	border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
	margin-right: 3px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
	margin-left: 3px;
}
/*
A VERTICAL event
*/

.fc-v-event {
	/* allowed to be top-level */
	display: block;
	border: 1px solid #3788d8;
	border: 1px solid var(--fc-event-border-color, #3788d8);
	background-color: #3788d8;
	background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-v-event .fc-event-main {
	color: #fff;
	color: var(--fc-event-text-color, #fff);
	height: 100%;
}
.fc-v-event .fc-event-main-frame {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.fc-v-event .fc-event-time {
	flex-grow: 0;
	flex-shrink: 0;
	max-height: 100%;
	overflow: hidden;
}
.fc-v-event .fc-event-title-container {
	/* a container for the sticky cushion */
	flex-grow: 1;
	flex-shrink: 1;
	min-height: 0;
	/* important for allowing to shrink all the way */
}
.fc-v-event .fc-event-title {
	/* will have fc-sticky on it */
	top: 0;
	bottom: 0;
	max-height: 100%;
	/* clip overflow */
	overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
	border-bottom-width: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
	/* expand hit area */
	left: -10px;
	right: -10px;
}
.fc-v-event {
	/* resizer (mouse AND touch) */
}
.fc-v-event .fc-event-resizer-start {
	cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
	cursor: s-resize;
}
.fc-v-event {
	/* resizer for MOUSE */
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
	height: 8px;
	height: var(--fc-event-resizer-thickness, 8px);
	left: 0;
	right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
	top: -4px;
	top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
	bottom: -4px;
	bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event {
	/* resizer for TOUCH (when event is "selected") */
}
.fc-v-event.fc-event-selected .fc-event-resizer {
	left: 50%;
	margin-left: -4px;
	margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
	top: -4px;
	top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
	bottom: -4px;
	bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc .fc-timegrid .fc-daygrid-body {
	/* the all-day daygrid within the timegrid view */
	z-index: 2;
	/* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}
.fc .fc-timegrid-divider {
	padding: 0 0 2px;
	/* browsers get confused when you set height. use padding instead */
}
.fc .fc-timegrid-body {
	position: relative;
	z-index: 1;
	/* scope the z-indexes of slots and cols */
	min-height: 100%;
	/* fill height always, even when slat table doesn't grow */
}
.fc .fc-timegrid-axis-chunk {
	/* for advanced ScrollGrid */
	position: relative
	/* offset parent for now-indicator-container */
}
.fc .fc-timegrid-axis-chunk > table {
	position: relative;
	z-index: 1;
	/* above the now-indicator-container */
}
.fc .fc-timegrid-slots {
	position: relative;
	z-index: 2;
}
.fc .fc-timegrid-slot {
	/* a <td> */
	height: 1.5em;
	border-bottom: 0;
	/* each cell owns its top border */
}
.fc .fc-timegrid-slot-minor {
	border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
	display: inline-block;
	white-space: nowrap;
}
.fc .fc-timegrid-slot-label {
	vertical-align: middle;
	/* vertical align the slots */
}
.fc {
	/* slots AND axis cells (top-left corner of view including the "all-day" text) */
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
	padding: 0 4px;
}
.fc {
	/* axis cells (top-left corner of view including the "all-day" text) */
	/* vertical align is more complicated, uses flexbox */
}
.fc .fc-timegrid-axis-frame-liquid {
	height: 100%;
	/* will need liquid-hack in FF */
}
.fc .fc-timegrid-axis-frame {
	overflow: hidden;
	display: flex;
	align-items: center;
	/* vertical align */
	justify-content: flex-end;
	/* horizontal align. matches text-align below */
}
.fc .fc-timegrid-axis-cushion {
	max-width: 60px;
	/* limits the width of the "all-day" text */
	flex-shrink: 0;
	/* allows text to expand how it normally would, regardless of constrained width */
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
	text-align: right;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
	text-align: left;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fc .fc-timegrid-col.fc-day-today {
	background-color: rgba(255, 220, 40, 0.15);
	background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-timegrid-col-frame {
	min-height: 100%;
	/* liquid-hack is below */
	position: relative;
}
.fc-liquid-hack .fc-timegrid-col-frame {
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fc-media-screen .fc-timegrid-cols {
	position: absolute;
	/* no z-index. children will decide and go above slots */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.fc-media-screen .fc-timegrid-cols > table {
	height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.fc-media-screen .fc-timegrid-event-harness {
	position: absolute;
	/* top/left/right/bottom will all be set by JS */
}
.fc {
	/* bg */
}
.fc .fc-timegrid-col-bg {
	z-index: 1;
	/* TODO: kill */
}
.fc .fc-timegrid-col-bg .fc-non-business {
	z-index: 1
}
.fc .fc-timegrid-col-bg .fc-bg-event {
	z-index: 2
}
.fc .fc-timegrid-col-bg .fc-highlight {
	z-index: 3
}
.fc .fc-timegrid-bg-harness {
	position: absolute;
	/* top/bottom will be set by JS */
	left: 0;
	right: 0;
}
.fc {
	/* fg events */
	/* (the mirror segs are put into a separate container with same classname, */
	/* and they must be after the normal seg container to appear at a higher z-index) */
}
.fc .fc-timegrid-col-events {
	z-index: 3;
	/* child event segs have z-indexes that are scoped within this div */
}
.fc {
	/* now indicator */
}
.fc .fc-timegrid-now-indicator-container {
	bottom: 0;
	overflow: hidden;
	/* don't let overflow of lines/arrows cause unnecessary scrolling */
	/* z-index is set on the individual elements */
}
.fc-direction-ltr .fc-timegrid-col-events {
	margin: 0 2.5% 0 2px;
}
.fc-direction-rtl .fc-timegrid-col-events {
	margin: 0 2px 0 2.5%;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
	box-shadow: 0px 0px 0px 1px #fff;
	box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event {
	/* events need to be root */
	font-size: .85em;
	font-size: var(--fc-small-font-size, .85em);
	border-radius: 3px
}
.fc-timegrid-event .fc-event-main {
	padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
	white-space: nowrap;
	font-size: .85em;
	font-size: var(--fc-small-font-size, .85em);
	margin-bottom: 1px;
}
.fc-timegrid-event-condensed .fc-event-main-frame {
	flex-direction: row;
	overflow: hidden;
}
.fc-timegrid-event-condensed .fc-event-time:after {
	content: '\00a0-\00a0';
	/* dash surrounded by non-breaking spaces */
}
.fc-timegrid-event-condensed .fc-event-title {
	font-size: .85em;
	font-size: var(--fc-small-font-size, .85em)
}
.fc-media-screen .fc-timegrid-event {
	position: absolute;
	/* absolute WITHIN the harness */
	top: 0;
	bottom: 1px;
	/* stay away from bottom slot line */
	left: 0;
	right: 0;
}
.fc {
	/* line */
}
.fc .fc-timegrid-now-indicator-line {
	position: absolute;
	z-index: 4;
	left: 0;
	right: 0;
	border-style: solid;
	border-color: red;
	border-color: var(--fc-now-indicator-color, red);
	border-width: 1px 0 0;
}
.fc {
	/* arrow */
}
.fc .fc-timegrid-now-indicator-arrow {
	position: absolute;
	z-index: 4;
	margin-top: -5px;
	/* vertically center on top coordinate */
	border-style: solid;
	border-color: red;
	border-color: var(--fc-now-indicator-color, red);
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
	left: 0;
	/* triangle pointing right. TODO: mixin */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
	right: 0;
	/* triangle pointing left. TODO: mixin */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
:root {
	--fc-list-event-dot-width: 10px;
	--fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
	border: 1px solid #ddd;
	border: 1px solid var(--fc-border-color, #ddd);
}
.fc {
	/* message when no events */
}
.fc .fc-list-empty {
	background-color: rgba(208, 208, 208, 0.3);
	background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* vertically aligns fc-list-empty-inner */
}
.fc .fc-list-empty-cushion {
	margin: 5em 0;
}
.fc {
	/* table within the scroller */
	/* ---------------------------------------------------------------------------------------------------- */
}
.fc .fc-list-table {
	width: 100%;
	border-style: hidden;
	/* kill outer border on theme */
}
.fc .fc-list-table tr > * {
	border-left: 0;
	border-right: 0;
}
.fc .fc-list-sticky .fc-list-day > * {
	/* the cells */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #fff;
	background: var(--fc-page-bg-color, #fff);
	/* for when headers are styled to be transparent and sticky */
}
.fc .fc-list-table th {
	padding: 0;
	/* uses an inner-wrapper instead... */
}
.fc .fc-list-table td,
.fc .fc-list-day-cushion {
	padding: 8px 14px;
}
.fc {
	/* date heading rows */
	/* ---------------------------------------------------------------------------------------------------- */
}
.fc .fc-list-day-cushion:after {
	content: "";
	clear: both;
	display: table;
	/* clear floating */
}
.fc-theme-standard .fc-list-day-cushion {
	background-color: rgba(208, 208, 208, 0.3);
	background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
	float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
	float: right;
}
/* make the dot closer to the event title */

.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
	padding-right: 0
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
	padding-left: 0
}
.fc .fc-list-event.fc-event-forced-url {
	cursor: pointer;
	/* whole row will seem clickable */
}
.fc .fc-list-event:hover td {
	background-color: #f5f5f5;
	background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}
.fc {
	/* shrink certain cols */
}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
	white-space: nowrap;
	width: 1px;
}
.fc .fc-list-event-dot {
	display: inline-block;
	box-sizing: content-box;
	width: 0;
	height: 0;
	border: 5px solid #3788d8;
	border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
	border-radius: 5px;
	border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc {
	/* reset <a> styling */
}
.fc .fc-list-event-title a {
	color: inherit;
	text-decoration: none;
}
.fc {
	/* underline link when hovering over any part of row */
}
.fc .fc-list-event.fc-event-forced-url:hover a {
	text-decoration: underline;
}
.fc-theme-bootstrap a:not([href]) {
	color: inherit;
	/* natural color for navlinks */
}
body {
	background: #fff;
	color: #666666;
	/*font-family: "Open Sans", sans-serif;*/
	/*font-family: 'Kufam', cursive;*/
	font-family: Poppins;
}
.show {
	opacity: 1!important;
}
a {
	color: #272d3b;
	transition: 0.5s;
}
a:hover,
a:active,
a:focus {
	color: #754b24;
	outline: none;
	text-decoration: none;
}
p {
	padding: 0;
	margin: 0 0 30px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-family: 'Kufam', cursive;*/
	font-family: Poppins;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;
}
i.fa.fa-thumbs-o-up {
	
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    padding: 4px 0px;
    color: #5f2652;
    font-size: 17px;
    line-height: 15px;
}
i.fa.fa-thumbs-o-up.active{
	background: #5f2652;background: #5f2652;
    color: #ffff;
}
/* Back to top button */

.back-to-top {
	position: fixed;
	display: none;
	background: #5F2652;
	color: #fff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	border-radius: 50%;
	right: 15px;
	bottom: 15px;
	transition: background 0.5s;
	z-index: 11;
}
.back-to-top i {
	padding-top: 12px;
	color: #fff;
}
.col-custom-20 {
	width: 18%;
	margin: 0px 10px;
}
/* Prelaoder */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}
#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #f2f2f2;
	border-top: 6px solid #272d3b;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {
	background: #000000;
	min-height: 69px;
}
#header.header-transparent {
	background: white;
}
#header.header-scrolled {
	background: rgb(255 255 255);
	padding: 18px 0;
}
#header .logo {
	/* font-size: 34px; */
	/* margin: 0; */
	/* padding: 0; */
	/* line-height: 1; */
	/*  */
	/* font-weight: 700; */
	/* letter-spacing: 3px; */
	/* padding-left: 10px; */
	margin: 10px 0px 0px 0px;
}
#header .logo a {
	color: #ebc56e;
}
/*ats css*/
.mobile-menu{
	display: none;
}
.menu2{
	width: 40%;
}
.search-icon{
	    position: absolute;
    right: 10px;
    top: 23px;
    color: #474747;
}
.layout-content {
    padding: 40px 0;
}
#header .logo img {}
@media(max-width: 1199px){
	.menu2{
		width: auto;
	}
}
@media (max-width: 992px) {
	#header .logo {
		font-size: 28px;
	}
	.mobile-menu{
		display: block;
	}
	.menu2{
		display: none !important;
	}
	.box{
		display: none;
	}
}
/**/
/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Desktop Navigation */

.nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu > ul {
	display: flex;
	justify-content: flex-end;
	/*background: #000000;*/
}
.nav-menu > ul > li {
	position: relative;
	text-align: center;
	white-space: nowrap;
	/*padding: 10px 10px;*/
	padding: 24px 20px;
}
.imgIcon {
	width: 50px;
	height: 36px;
	margin: 4px 4px 4px 4px;
	border-radius: 30px;
	/* box-shadow: 10px 10px 10px #19344f47; */
}
.ban_sponsor {
	background-image: url('http://54.153.36.130/assets/img/5222.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	position: relative;
}
.ban_div {
	background: #00000090;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 90px 0px;
}
.c_content {
	padding: 60px 0px;
}
.ban_div h2 {
	color: #ffffff;
	font-size: 40px;
}
.nav-menu a {
	/* display: block; */
	/* position: relative; */
	/* color: #fff; */
	/* transition: 0.3s; */
	/* font-size: 12px; */
	/*  */
	/* text-transform: capitalize; */
	/* font-weight: 600; */
	/* color: #272d3b; */
	/* padding:10px 32px; */
	/* color: #ffffff; */
	/* background: #f38c25; */
	/* -webkit-box-shadow: inset -1px 3px 8px 5px #f38c25, 2px 5px 16px 0px #f38c25, 5px 5px 15px 5px rgba(0,0,0,0); */
}
.nav-menu a:hover,
.nav-menu .active > a,
.nav-menu li:hover > a {
	color: #ffffff;
}
.nav-menu .drop-down ul {
	display: block;
	position: absolute;
	left: 14px;
	top: calc(100% + 30px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}
.nav-menu .drop-down:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}
.nav-menu .drop-down li {
	min-width: 180px;
	position: relative;
}
.nav-menu .drop-down ul a {
	padding: 10px 20px;
	font-size: 13px;
	text-transform: none;
	color: #333333;
}
.nav-menu .drop-down ul a:hover,
.nav-menu .drop-down ul .active > a,
.nav-menu .drop-down ul li:hover > a {
	color: #272d3b;
}
.nav-menu .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 5px;
}
.nav-menu .drop-down .drop-down ul {
	top: 0;
	left: calc(100% - 30px);
}
.nav-menu .drop-down .drop-down:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
}
.nav-menu .drop-down .drop-down > a {
	padding-right: 35px;
}
.nav-menu .drop-down .drop-down > a:after {
	content: "\eaa0";
	font-family: IcoFont;
	position: absolute;
	right: 15px;
}
@media (max-width: 1366px) {
	.nav-menu .drop-down .drop-down ul {
		left: -90%;
	}
	.nav-menu .drop-down .drop-down:hover > ul {
		left: -100%;
	}
	.nav-menu .drop-down .drop-down > a:after {
		content: "\ea9d";
	}
}
/* Mobile Navigation */

.mobile-nav-toggle {
	position: fixed;
	display: none;
	right: 15px;
	top: 15px;
	z-index: 9998;
	border: 0;
	background: none;
	font-size: 24px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
}
.mobile-nav-toggle i {
	color: #151414;
}
.mobile-nav {
	position: fixed;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 9999;
	overflow-y: auto;
	background: #fff;
	transition: ease-in-out 0.2s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	padding: 10px 0;
}
.mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-nav a {
	display: block;
	position: relative;
	color: #333333;
	padding: 10px 20px;
	font-weight: 500;
	outline: none;
}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
	color: #272d3b;
	text-decoration: none;
}
.mobile-nav .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 10px;
	position: absolute;
	right: 15px;
}
.mobile-nav .active.drop-down > a:after {
	content: "\eaa1";
}
.mobile-nav .drop-down > a {
	padding-right: 35px;
}
.mobile-nav .drop-down ul {
	display: none;
	overflow: hidden;
}
.mobile-nav .drop-down li {
	padding-left: 20px;
}
.mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 9997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(26, 26, 26, 0.6);
	overflow: hidden;
	display: none;
	transition: ease-in-out 0.2s;
}
.mobile-nav-active {
	overflow: hidden;
}
.mobile-nav-active .mobile-nav {
	opacity: 1;
	visibility: visible;
}
.mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
}
/*--------------------------------------------------------------

# Intro Section

--------------------------------------------------------------*/

#intro {
	width: 100%;
	height: 100vh;
	background: #000;
	overflow: hidden;
	position: relative;
}
@media (max-height: 500px) {
	#intro {
		height: 150vh;
	}
}
#intro .carousel,
#intro .carousel-inner,
#intro .carousel-item,
#intro .carousel-item::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#intro .carousel-item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#intro .carousel-item::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.7);
}
#intro .carousel-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	top: 70px;
	left: 50px;
	right: 50px;
}
#intro .container {
	text-align: center;
}
#intro h2 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: 700;
}
@media (max-width: 768px) {
	#intro h2 {
		font-size: 28px;
	}
	.pro-info, .order .btnn-product { display: block !important; }
	.ranking{
	background-size: cover !important; margin: 30px 0px;}
	.bill-board table { margin: 10px 0px; border:1px solid #fff; }
}
@media (max-width: 991px) {
	.duplicate-nav img {
		width: auto !important;
		margin: 0px 10px 10px 0px;
	}
	.sidenav-duplicate li img {
		width: auto!important;
		margin: 0px 0px!important;
	}
	.col-custom-20 {
		width: 30%;
		margin: 0px 10px;
	}
}
@media (max-width: 500px) {
	.col-custom-20 {
		width: 100%!important;
		margin: 0px 10px;
	}
}
#intro p {
	width: 80%;
	margin: 0 auto 30px auto;
	color: #fff;
}
@media (min-width: 1024px) {
	#intro p {
		width: 60%;
	}
}
#intro .carousel-fade {
	overflow: hidden;
}
#intro .carousel-fade .carousel-inner .carousel-item {
	transition-property: opacity;
}
#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
	opacity: 0;
}
#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	opacity: 1;
	transition: 0.5s;
}
#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
	left: 0;
	transform: translate3d(0, 0, 0);
}
#intro .carousel-control-prev,
#intro .carousel-control-next {
	width: 10%;
}
@media (min-width: 1024px) {
	#intro .carousel-control-prev,
	#intro .carousel-control-next {
		width: 5%;
	}
}
#intro .carousel-control-next-icon,
#intro .carousel-control-prev-icon {
	background: none;
	font-size: 32px;
	line-height: 1;
}
#intro .carousel-indicators li {
	cursor: pointer;
}
#intro .btn-get-started {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 32px;
	border-radius: 50px;
	transition: 0.5s;
	margin: 10px;
	color: #fff;
	background: #272d3b;
}
#intro .btn-get-started:hover {
	background: #fff;
	color: #272d3b;
}
/*--------------------------------------------------------------

# Sections

--------------------------------------------------------------*/

section {
	overflow: hidden;
}
/* Sections Header

--------------------------------*/

.section-header h3 {
	font-size: 32px;
	color: #111;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}
.section-header h3::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.section-header h3::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #272d3b;
	bottom: 0;
	left: calc(50% - 20px);
}
.section-header p {
	text-align: center;
	padding-bottom: 30px;
	color: #333;
}
/* Section with background

--------------------------------*/

.section-bg {
	background: #f7f7f7;
}
/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {
	padding: 20px 0;
	background-color: #f7f7f7;
	min-height: 40px;
	margin-top: 90px;
}
@media (max-width: 992px) {
	.breadcrumbs {
		margin-top: 80px;
	}
}
.breadcrumbs h2 {
	font-size: 24px;
	margin-bottom: 0;
	font-weight: 400;
}
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.breadcrumbs ol li + li {
	padding-left: 10px;
}
.breadcrumbs ol li + li::before {
	display: inline-block;
	padding-right: 10px;
	color: #6c757d;
	content: "/";
}
@media (max-width: 768px) {
	.breadcrumbs .d-flex {
		display: block !important;
	}
	.breadcrumbs ol {
		display: block;
	}
	.breadcrumbs ol li {
		display: inline-block;
	}
}
/* Featured Services Section

--------------------------------*/

#featured-services {
	background: #000;
}
#featured-services .box {
	padding: 30px 20px;
}
#featured-services .box-bg {
	background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
}
#featured-services i {
	color: #272d3b;
	font-size: 48px;
	display: inline-block;
	line-height: 1;
}
#featured-services h4 {
	font-weight: 400;
	margin: 15px 0;
	font-size: 18px;
}
#featured-services h4 a {
	color: #fff;
}
#featured-services h4 a:hover {
	color: #272d3b;
}
#featured-services p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 0;
}
/* About Us Section

--------------------------------*/

#about {
	background: url("../img/about-bg.jpg") center top no-repeat fixed;
	background-size: cover;
	padding: 60px 0 40px 0;
	position: relative;
}
#about::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.92);
	z-index: 9;
}
#about .container {
	position: relative;
	z-index: 10;
}
#about .about-col {
	background: #fff;
	border-radius: 0 0 4px 4px;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
}
#about .about-col .img {
	position: relative;
}
#about .about-col .img img {
	border-radius: 4px 4px 0 0;
}
#about .about-col .icon {
	width: 64px;
	height: 64px;
	padding-top: 8px;
	text-align: center;
	position: absolute;
	background-color: #272d3b;
	border-radius: 50%;
	text-align: center;
	border: 4px solid #fff;
	left: calc(50% - 32px);
	bottom: -30px;
	transition: 0.3s;
}
#about .about-col i {
	font-size: 36px;
	line-height: 1;
	color: #fff;
	transition: 0.3s;
}
#about .about-col:hover .icon {
	background-color: #fff;
}
#about .about-col:hover i {
	color: #272d3b;
}
#about .about-col h2 {
	color: #000;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	padding: 0;
	margin: 40px 0 12px 0;
}
#about .about-col h2 a {
	color: #000;
}
#about .about-col h2 a:hover {
	color: #272d3b;
}
#about .about-col p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-bottom: 0;
	padding: 0 20px 20px 20px;
}
/* Services Section

--------------------------------*/

#services {
	background: #fff;
	background-size: cover;
	padding: 60px 0 40px 0;
}
#services .box {
	margin-bottom: 30px;
}
#services .icon {
	float: left;
}
#services .icon i {
	color: #272d3b;
	font-size: 36px;
	line-height: 1;
	transition: 0.5s;
}
#services .title {
	margin-left: 60px;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}
#services .title a {
	color: #111;
}
#services .box:hover .title a {
	color: #272d3b;
}
#services .description {
	font-size: 14px;
	margin-left: 60px;
	line-height: 24px;
	margin-bottom: 0;
}
/* Call To Action Section

--------------------------------*/

#call-to-action {
	background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg.jpg) fixed center center;
	background-size: cover;
	padding: 60px 0;
}
#call-to-action h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}
#call-to-action p {
	color: #fff;
}
#call-to-action .cta-btn {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 25px;
	transition: 0.5s;
	margin-top: 10px;
	border: 2px solid #fff;
	color: #fff;
}
#call-to-action .cta-btn:hover {
	background: #272d3b;
	border: 2px solid #272d3b;
}
/* Call To Action Section

--------------------------------*/

#skills {
	padding: 60px 0;
}
#skills .progress {
	height: 35px;
	margin-bottom: 10px;
}
#skills .progress .skill {
	line-height: 35px;
	padding: 0;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}
#skills .progress .skill .val {
	float: right;
	font-style: normal;
	margin: 0 20px 0 0;
}
#skills .progress-bar {
	width: 1px;
	text-align: left;
	transition: .9s;
}
/* Facts Section

--------------------------------*/

#facts {
	background: url("../img/facts-bg.jpg") center top no-repeat fixed;
	background-size: cover;
	padding: 60px 0 0 0;
	position: relative;
}
#facts::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.88);
	z-index: 9;
}
#facts .container {
	position: relative;
	z-index: 10;
}
#facts .counters span {
	font-weight: bold;
	font-size: 48px;
	display: block;
	color: #272d3b;
}
#facts .counters p {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 14px;
	color: #111;
}
#facts .facts-img {
	text-align: center;
	padding-top: 30px;
}
/* Portfolio Section

--------------------------------*/

#portfolio {
	padding: 60px 0;
}
#portfolio #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px 0;
	list-style: none;
	text-align: center;
}
#portfolio #portfolio-flters li {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}
#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
	background: #272d3b;
	color: #fff;
}
#portfolio #portfolio-flters li:last-child {
	margin-right: 0;
}
#portfolio .portfolio-wrap {
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}
#portfolio .portfolio-wrap:hover {
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}
#portfolio .portfolio-item {
	position: relative;
	height: 360px;
	overflow: hidden;
}
#portfolio .portfolio-item figure {
	background: #000;
	overflow: hidden;
	height: 240px;
	position: relative;
	border-radius: 4px 4px 0 0;
	margin: 0;
}
#portfolio .portfolio-item figure:hover img {
	opacity: 0.4;
	transition: 0.3s;
}
#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
	position: absolute;
	display: inline-block;
	opacity: 0;
	line-height: 1;
	text-align: center;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	transition: 0.2s linear;
}
#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
	padding-top: 6px;
	font-size: 22px;
	color: #333;
}
#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover {
	background: #272d3b;
}
#portfolio .portfolio-item figure .link-preview:hover i,
#portfolio .portfolio-item figure .link-details:hover i {
	color: #fff;
}
#portfolio .portfolio-item figure .link-preview {
	left: calc(50% - 38px);
	top: calc(50% - 18px);
}
#portfolio .portfolio-item figure .link-details {
	right: calc(50% - 38px);
	top: calc(50% - 18px);
}
#portfolio .portfolio-item figure:hover .link-preview {
	opacity: 1;
	left: calc(50% - 44px);
}
#portfolio .portfolio-item figure:hover .link-details {
	opacity: 1;
	right: calc(50% - 44px);
}
#portfolio .portfolio-item .portfolio-info {
	background: #fff;
	text-align: center;
	padding: 30px;
	height: 90px;
	border-radius: 0 0 3px 3px;
}
#portfolio .portfolio-item .portfolio-info h4 {
	font-size: 18px;
	line-height: 1px;
	font-weight: 700;
	margin-bottom: 18px;
	padding-bottom: 0;
}
#portfolio .portfolio-item .portfolio-info h4 a {
	color: #333;
}
#portfolio .portfolio-item .portfolio-info h4 a:hover {
	color: #272d3b;
}
#portfolio .portfolio-item .portfolio-info p {
	padding: 0;
	margin: 0;
	color: #b8b8b8;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
/* Portfolio Details

--------------------------------*/

.portfolio-details {
	padding-top: 30px;
}
.portfolio-details .portfolio-details-container {
	position: relative;
}
.portfolio-details .portfolio-details-carousel {
	position: relative;
	z-index: 1;
}
.portfolio-details .portfolio-details-carousel .owl-nav,
.portfolio-details .portfolio-details-carousel .owl-dots {
	margin-top: 5px;
	text-align: left;
}
.portfolio-details .portfolio-details-carousel .owl-dot {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ddd !important;
}
.portfolio-details .portfolio-details-carousel .owl-dot.active {
	background-color: #272d3b !important;
}
.portfolio-details .portfolio-info {
	padding: 30px;
	position: absolute;
	right: 0;
	bottom: -70px;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	z-index: 2;
}
.portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
	margin-top: 10px;
}
.portfolio-details .portfolio-description {
	padding-top: 50px;
}
.portfolio-details .portfolio-description h2 {
	width: 50%;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
	padding: 0 0 0 0;
}
@media (max-width: 768px) {
	.portfolio-details .portfolio-description h2 {
		width: 100%;
	}
	.portfolio-details .portfolio-info {
		position: static;
		margin-top: 30px;
	}
}
/* Clients Section

--------------------------------*/

#clients {
	padding: 60px 0;
}
#clients img {
	max-width: 100%;
	opacity: 0.5;
	transition: 0.3s;
	padding: 15px 0;
}
#clients img:hover {
	opacity: 1;
}
#clients .owl-nav,
#clients .owl-dots {
	margin-top: 5px;
	text-align: center;
}
#clients .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ddd;
}
#clients .owl-dot.active {
	background-color: #272d3b;
}
/* Testimonials Section

--------------------------------*/

#testimonials {
	padding: 60px 0;
}
#testimonials .section-header {
	margin-bottom: 40px;
}
#testimonials .testimonial-item {
	text-align: center;
}
#testimonials .testimonial-item .testimonial-img {
	width: 120px;
	border-radius: 50%;
	border: 4px solid #fff;
	margin: 0 auto;
}
#testimonials .testimonial-item h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #111;
}
#testimonials .testimonial-item h4 {
	font-size: 14px;
	color: #999;
	margin: 0 0 15px 0;
}
#testimonials .testimonial-item .quote-sign-left {
	margin-top: -15px;
	padding-right: 10px;
	display: inline-block;
	width: 37px;
}
#testimonials .testimonial-item .quote-sign-right {
	margin-bottom: -15px;
	padding-left: 10px;
	display: inline-block;
	max-width: 100%;
	width: 37px;
}
#testimonials .testimonial-item p {
	font-style: italic;
	margin: 0 auto 15px auto;
}
@media (min-width: 992px) {
	#testimonials .testimonial-item p {
		width: 80%;
	}
}
#testimonials .owl-nav,
#testimonials .owl-dots {
	margin-top: 5px;
	text-align: center;
}
#testimonials .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ddd;
}
#testimonials .owl-dot.active {
	background-color: #272d3b;
}
/* Team Section

--------------------------------*/

#team {
	background: #fff;
	padding: 60px 0;
}
#team .member {
	text-align: center;
	margin-bottom: 20px;
	background: #000;
	position: relative;
}
#team .member .member-info {
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.2s;
}
#team .member .member-info-content {
	margin-top: -50px;
	transition: margin 0.2s;
}
#team .member:hover .member-info {
	background: rgba(0, 0, 0, 0.7);
	opacity: 1;
	transition: 0.4s;
}
#team .member:hover .member-info-content {
	margin-top: 0;
	transition: margin 0.4s;
}
#team .member h4 {
	font-weight: 700;
	margin-bottom: 2px;
	font-size: 18px;
	color: #fff;
}
#team .member span {
	font-style: italic;
	display: block;
	font-size: 13px;
	color: #fff;
}
#team .member .social {
	margin-top: 15px;
}
#team .member .social a {
	transition: none;
	color: #fff;
}
#team .member .social a:hover {
	color: #272d3b;
}
#team .member .social i {
	font-size: 18px;
	margin: 0 2px;
}
/* Contact Section

--------------------------------*/

#contact {
	padding: 60px 0;
}
#contact .contact-info {
	margin-bottom: 20px;
	text-align: center;
}
#contact .contact-info i {
	font-size: 48px;
	display: inline-block;
	margin-bottom: 10px;
	color: #272d3b;
}
#contact .contact-info address,
#contact .contact-info p {
	margin-bottom: 0;
	color: #000;
}
#contact .contact-info h3 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}
#contact .contact-info a {
	color: #000;
}
#contact .contact-info a:hover {
	color: #272d3b;
}
#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	#contact .contact-address,
	#contact .contact-phone,
	#contact .contact-email {
		padding: 20px 0;
	}
}
@media (min-width: 768px) {
	#contact .contact-phone {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}
#contact .php-email-form {
	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
	padding: 30px;
}
#contact .php-email-form .validate {
	display: none;
	color: red;
	margin: 0 0 15px 0;
	font-weight: 400;
	font-size: 13px;
}
#contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	font-weight: 600;
}
#contact .php-email-form .error-message br + br {
	margin-top: 25px;
}
#contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #272d3b;
	text-align: center;
	padding: 15px;
	font-weight: 600;
}
#contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
}
#contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #272d3b;
	border-top-color: #eee;
	-webkit-animation: animate-loading 1s linear infinite;
	animation: animate-loading 1s linear infinite;
}
#contact .php-email-form input,
#contact .php-email-form textarea {
	padding: 10px 14px;
	border-radius: 0;
	box-shadow: none;
	font-size: 15px;
}
#contact .php-email-form input::focus,
#contact .php-email-form textarea::focus {
	background-color: #272d3b;
}
#contact .php-email-form button[type="submit"] {
	background: #272d3b;
	border: 0;
	padding: 10px 30px;
	color: #fff;
	transition: 0.4s;
	cursor: pointer;
}
#contact .php-email-form button[type="submit"]:hover {
	background: #13a456;
}
@-webkit-keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/
ul.list1 {
	list-style-type: none;
	padding: 0;
}
ul.list1 li {
	padding: 4px 0px;
}
.subscribe-box {
    background: rgb(255 255 255 / 10%);
    padding: 40px;
}
.subscribe-box p {
    margin: 10px 0;
}
.list1-title{
	padding-top: 40px;
}
#footer h5{
	font-size: 16px;
}
#footer a{
	color: #fff;
}
#footer hr{
	border-top: 1px solid rgb(238 238 238 / 29%);
}
.input-c1 #basic-addon2 {
    background: #754B24;
    color: #fff;
    border-color: #754B24;
}
.input-c1 input{
	height: 40px;
}
.social-icons {
    text-align: right;
}
.social-icons i {
    border: 1px solid rgb(255 255 255 / 25%);
    padding: 9px 10px;
    border-radius: 50%;
    margin-left: 9px;
}
.social-icons i.fa-facebook {
    padding: 9px 12px;
}
.list2 {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 0;
}
.list2 li {
    display: inline-block;
    padding: 0 20px;
}
@media (max-width: 991px) {
	.subscribe-box {
	    padding: 20px 15px;
	}
	.list1-title {
	    padding-top: 20px;
	}
	.list2 {
		text-align: left;
    	margin-top: 10px;	
    }
    .list2 li{
		display: block;
    	padding: 0 0 10px 0;
    }
    .social-icons {
    	text-align: left;
    	margin-top: 10px;
	}
	.social-icons i {
	    margin-left: 0px;
	    margin-right: 5px;
	}
}
#footer {
	background: #000;
	margin: 10px 0px 0px 0px;
	min-height: 20px;
	color: #eee;
	padding: 30px 0px;
	/* font-size: 14px;*/
}
.box {
	float: right;
	overflow: hidden;
	display: none;
	z-index: 999;
}
.box-inner input#search {
    padding: 8px 30px 8px 8px;
}
.box-inner {
	width: 300px;
	padding: 0px;
	z-index: 99;
	border: 0px;
	position: relative;
}
.borNo {
	border-left: 0px!important;
}
input#search {
	height: 40px;
	border: 1px solid #feffff;
	outline: none;
	margin: 11px 0px;
	border-radius: 4px;
	padding: 0px 8px;
	/*color: #fff;
	background: #5F2652;*/
	width: 100%;
}
input#search.active {
	right: 0px;
}
.box1{
	float: none
}
.box1 .box-inner{
	 width: 100%
}
.box1 input#search{
	 border-radius: 10px;
	 padding: 0px 34px 0 8px;
}
.form-sec1{
	padding: 0 !important;
	margin-left: 45px;
}
#footer .footer-top {
	background: #111;
	padding: 60px 0 30px 0;
}
#footer .footer-top .footer-info {
	margin-bottom: 30px;
}
#footer .footer-top .footer-info h3 {
	font-size: 34px;
	margin: 0 0 20px 0;
	padding: 2px 0 2px 10px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 3px;
	border-left: 4px solid #272d3b;
}
#footer .footer-top .footer-info p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	color: #eee;
}
#footer .footer-top .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #333;
	color: #eee;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}
#footer .footer-top .social-links a:hover {
	background: #272d3b;
	color: #fff;
}
#footer .footer-top h4 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px;
}
#footer .footer-top h4::before,
#footer .footer-top h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
}
#footer .footer-top h4::before {
	right: 0;
	background: #555;
}
#footer .footer-top h4::after {
	background: #272d3b;
	width: 60px;
}
#footer .footer-top .footer-links {
	margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .footer-top .footer-links ul i {
	padding-right: 8px;
	color: #ddd;
}
#footer .footer-top .footer-links ul li {
	border-bottom: 1px solid #333;
	padding: 10px 0;
}
#footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
}
#footer .footer-top .footer-links ul a {
	color: #eee;
}
#footer .footer-top .footer-links ul a:hover {
	color: #272d3b;
}
#footer .footer-top .footer-contact {
	margin-bottom: 30px;
}
#footer .footer-top .footer-contact p {
	line-height: 26px;
}
#footer .footer-top .footer-newsletter {
	margin-bottom: 30px;
}
#footer .footer-top .footer-newsletter input[type="email"] {
	border: 0;
	padding: 6px 8px;
	width: 65%;
}
#footer .footer-top .footer-newsletter input[type="submit"] {
	background: #272d3b;
	border: 0;
	width: 35%;
	padding: 6px 0;
	text-align: center;
	color: #fff;
	8 transition: 0.3s;
	cursor: pointer;
}
#footer .footer-top .footer-newsletter input[type="submit"]:hover {
	background: #13a456;
}
/* #footer .copyright { */

/* text-align: center; */

/* padding-top: 30px; */

/* text-transform:capitalize; */

/* margin-bottom: 40px; */

/* } */

#footer .credits {
	text-align: center;
	font-size: 13px;
	color: #ddd;
}
.fixed-top {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.serchbar {
	margin: 20px 0px 0px 0px;
	border: 4px solid #1918183d;
}
.imgone {
	display: inline-block;
}
.imgfour {
	width: 20%;
	display: inline-block;
	border-radius: 80px;
}
.sidebarstyle {
	border: 6px solid #d9d7ca;
	padding: 20px 10px 20px 0px;
	list-style: none;
	min-height: 210px;
	text-align: initial;
	margin: 0px 0px 0px 10px;
	text-transform: capitalize;
}
.sidebarstyle ul li {
	list-style: none;
}
.line {
	margin: 10px 0px;
	background: #d9d7ca;
	height: 2px;
	text-align: center;
	width: 106%;
}
.pad-Setting {
	padding: 30px 0px 10px 50px;
}
.circle-fi {
	height: 10px;
	display: inline-block;
	width: 20px;
	padding: 13px 22px;
	border: 4px solid #d2cdcd;
	border-radius: 50%;
	margin: 0px 0px 0px 0px;
	background: #ff000000;
}
.Learn {
	background: #598dd2;
	color: white;
	position: relative;
	top: -10px;
}
.wrap {
	padding: 10px 0px 0px 0px;
	text-align: center;
	width: 84%;
	margin: 20px auto;
	border: 5px solid #87878738;
}
.headindone {
	display: block;
	position: relative;
	color: #fff;
	transition: 0.3s;
	width: 100%;
	margin: 0px 0px 20px 0px;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
	color: #272d3b;
	padding: 10px 32px;
	color: #ffffff;
	background: #f38c25;
}
.secondline {
	height: 2px;
	width: 100%;
	background: #d9d7ca;
	margin: 30px 0px;
}
.content_box h3 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
}
p.dateFormat {
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
}
.eventImg {
	width: 100%;
	height: 100%!important;
	object-fit: cover;
	object-position: center;
}
a.viewmore {
	display: inline-block;
	background: #5F2652;
	color: #fff;padding: 12px 35px;
    border-radius: 5px;
	margin: 18px auto;
	letter-spacing: 1px;
	font-weight: 600;
}
h5.ulHead {
	color: #000;
	font-size: 16px;margin:30px 0px 5px 0px
}
ul.list {
	list-style-type: none;
	padding: 0;
}
ul.list li {
	padding: 4px 0px;
}
.fc {
	direction: ltr;
	text-align: left;
}
.fc-rtl {
	text-align: right;
}
body .fc {
	/* extra precedence to overcome jqui */
	font-size: 1em;
}

.login-box .btn.btn-primary { background: #5F2652 !important }

.list li a:hover { color: #5F2652 }
/* Colors

--------------------------------------------------------------------------------------------------*/

.fc-highlight {
	/* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
}
.fc-bgevent {
	/* default look for background events */
	background: #8fdf82;
	opacity: .3;
}
.fc-nonbusiness {
	/* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: rgba(52, 40, 104, .05);
}
/* Buttons (styled <button> tags, normalized to work cross-browser)

--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* dimensions */
	margin: 0;
	height: auto;
	padding: 0 .6em;
	/* text & cursor */
	font-size: 1em;
	/* normalize */
	white-space: nowrap;
	cursor: pointer;
}
/* Firefox has an annoying inner border */

.fc button::-moz-focus-inner {
	margin: 0;
	padding: 0;
}
.fc-state-default {
	/* non-theme */
	border: 1px solid;
}
.fc-state-default.fc-corner-left {
	/* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
	/* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* icons in buttons */

.fc button .fc-icon {
	/* non-theme */
	position: relative;
	top: -0.05em;
	/* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
/*

  button states

  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)

*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}
.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	box-shadow: none;
}
/* Buttons Groups

--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}
/*

every button that is not first in a button group should scootch over one pixel and cover the

previous button's border...

*/

.fc .fc-button-group > * {
	/* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}
.fc .fc-button-group >:first-child {
	/* same */
	margin-left: 0;
}
/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
	/* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
	cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}
/* Misc Reusable Components

--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}
hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px;
	/* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}
.fc-clear {
	clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.fc-bg {
	bottom: 0;
	/* strech bg to bottom edge */
}
.fc-bg table {
	height: 100%;
	/* strech bg to bottom edge */
}
/* Tables

--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	box-sizing: border-box;
	/* fix scrollbar issue in firefox */
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	/* normalize cross-browser */
}
.fc th {
	text-align: center;
}
.fc th,
.fc td {
	border-style: solid;
	border-width: 1px 1px 0 1px !important;
	padding: 0;
	border-color: #eee;
	vertical-align: top;
}
.fc td.fc-today {
	border-style: double;
	/* overcome neighboring borders */
}
/* Internal Nav Links

--------------------------------------------------------------------------------------------------*/

a[data-goto] {
	cursor: pointer;
}
a[data-goto]:hover {
	text-decoration: underline;
}
/* Fake Table Rows

--------------------------------------------------------------------------------------------------*/

.fc .fc-row {
	/* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}
.fc-row table {
	/* don't put left/right border on anything within a fake row.

     the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;
	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
	border-top: 0 hidden transparent;
	/* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)

--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
	background: #ffffff;
}
.fc-row .fc-bg {
	z-index: 1;
}
/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0;
	/* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%;
	/* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
	z-index: 2;
}
.fc-row .fc-highlight-skeleton {
	z-index: 3;
}
/*

row content (which contains day/week numbers and events) as well as "helper" (which contains

temporary rendered events).

*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px;
	/* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
	z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	/* extra precedence to prevent theme-provided backgrounds */
	background: none;
	/* in case <td>s are globally styled */
	border-color: transparent;
	padding: .5rem .5rem;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}
/* Scrolling Container

--------------------------------------------------------------------------------------------------*/

.fc-scroller {
	-webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */

.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
	position: relative;
	/* re-scope all positions */
	width: 100%;
	/* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles

--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative;
	/* for resize handle and other inner positioning */
	display: block;
	/* make the <a> tag block */
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.02em;
	border-radius: 3px;
	font-weight: 500;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
	/* default BORDER color */
}
.fc-event,
.fc-event-dot {
	background-color: #ffffff;
	color: #5d5386;
	position: relative;
	/* default BACKGROUND color */
}
.fc-event:before,
.fc-event-dot:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 100%;
	border-left: 3px solid #5d5386;
	border-bottom: 3px solid #5d5386;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}
.fc-event .fc-title {
	font-weight: 500;
}
.fc-event i {
	font-size: 26px;
	margin-right: 8px;
	vertical-align: middle;
}
.fc-event,
.fc-event:hover {
	color: #fff;
	/* default TEXT color */
	text-decoration: none;
	/* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer;
	/* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
	/* to override an event's custom cursor */
	cursor: not-allowed;
}
.fc-event .fc-bg {
	/* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
}
.fc-event .fc-content {
	color: #2c304d;
	position: relative;
	z-index: 2;
	padding: 8px;
}
/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4;
}
/* resizer (touch devices) */

.fc-event .fc-resizer {
	display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
	/* only show when hovering or selected (with touch) */
	display: block;
}
/* hit area */

.fc-event.fc-selected .fc-resizer:before {
	/* 40x40 touch area */
	content: "";
	position: absolute;
	z-index: 9999;
	/* user of this util can scope within a lower z-index */
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
}
/* Event Selection (only for touch devices)

--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
	z-index: 9999 !important;
	/* overcomes inline z-index */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events

--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */

.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3;
	/* below resizers */
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px;
	/* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px;
	/* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */

/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
	cursor: w-resize;
	left: -1px;
	/* overcome border */
}
/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
	cursor: e-resize;
	right: -1px;
	/* overcome border */
}
/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px;
	/* overcome top border */
	bottom: -1px;
	/* overcome bottom border */
}
/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
	/* 8x8 little dot */
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* vertically center */
	top: 50%;
	margin-top: -4px;
}
/* left resizer  */

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
	margin-left: -4px;
	/* centers the 8x8 dot on the left edge */
}
/* right resizer */

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
	margin-right: -4px;
	/* centers the 8x8 dot on the right edge */
}
/* DayGrid events

----------------------------------------------------------------------------------------------------

We use the full "fc-day-grid-event" class instead of using descendants because the event won't

be a descendant of the grid when it is being dragged.

*/

.fc-day-grid-event {
	margin: 1px 2px 0;
	/* spacing between events and edges */
	padding: 0;
}
tr:first-child > td > .fc-day-grid-event {
	margin-top: 2px;
	/* a little bit more space before the first event */
}
.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1;
	/* same z-index as fc-bg, behind text */
	/* overcome the borders */
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	/* darkening effect */
	background: #000;
	opacity: .25;
}
.fc-day-grid-event .fc-content {
	/* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}
.fc-day-grid-event .fc-time {
	font-weight: bold;
}
/* resizer (cursor devices) */

/* left resizer  */

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px;
	/* to the day cell's edge */
}
/* right resizer */

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px;
	/* to the day cell's edge */
}
/* Event Limiting

--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}
a.fc-more:hover {
	text-decoration: underline;
}
.fc-limited {
	/* rows and cells that are hidden because of a "more" link */
	display: none;
}
/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1;
	/* make the "more" popover one higher than this */
}
.fc-more-popover {
	z-index: 2;
	width: 220px;
}
.fc-more-popover .fc-event-container {
	padding: 10px;
}
/* Now Indicator

--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
	position: absolute;
	border: 0 solid red;
}
/* Utilities

--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}
/*

TODO: more distinction between this file and common.css

*/

/* Colors

--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
	border-color: #ddd;
}
.fc-unthemed .fc-popover {
	background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
	background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}
.fc-unthemed td.fc-today {
	background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
	background: #d7d7d7;
	opacity: .3;
}
/* Icons (inline elements with styled text that mock arrow icons)

--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*

Acceptable font-family overrides for individual icons:

  "Arial", sans-serif

  "Times New Roman", serif



NOTE: use percentage font sizes or else old IE chokes

*/

.fc-icon:after {
	position: relative;
}
.fc-icon-left-single-arrow:after {
	content: "\2039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}
.fc-icon-right-single-arrow:after {
	content: "\203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}
.fc-icon-left-double-arrow:after {
	content: "\AB";
	font-size: 160%;
	top: -7%;
}
.fc-icon-right-double-arrow:after {
	content: "\BB";
	font-size: 160%;
	top: -7%;
}
.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
}
.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
}
.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}
.fc-icon-x:after {
	content: "\D7";
	font-size: 200%;
	top: 6%;
}
/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}
/* List View

--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-list-item:hover td {
	background-color: #f5f5f5;
}
/* Colors

--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-disabled-day {
	background-image: none;
}
/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0;
	/* where they meet, let the header have the border */
}
/* Global Event Styles

--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-event {
	/* overpower jqui's styles on <a> tags. TODO: more DRY */
	color: #fff;
	/* default TEXT color */
	text-decoration: none;
	/* if <a> has an href */
	/* undo ui-widget-header bold */
	font-weight: normal;
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)

--------------------------------------------------------------------------------------------------*/

.ui-widget td.fc-axis {
	font-weight: normal;
	/* overcome bold */
}
/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats .ui-widget-content {
	background: none;
	/* see through to fc-bg */
}
.fc.fc-bootstrap3 a {
	text-decoration: none;
}
.fc.fc-bootstrap3 a[data-goto]:hover {
	text-decoration: underline;
}
.fc-bootstrap3 hr.fc-divider {
	border-color: inherit;
}
.fc-bootstrap3 .fc-today.alert {
	border-radius: 0;
}
/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-bootstrap3 .fc-popover .panel-body {
	padding: 0;
}
/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

.fc-bootstrap3 .fc-time-grid .fc-slats table {
	/* some themes have background color. see through to slats */
	background: none;
}
.fc.fc-bootstrap4 a {
	text-decoration: none;
}
.fc.fc-bootstrap4 a[data-goto]:hover {
	text-decoration: underline;
}
.fc-bootstrap4 hr.fc-divider {
	border-color: inherit;
}
.fc-bootstrap4 .fc-today.alert {
	border-radius: 0;
}
.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
	color: #5d5386;
}
.fc-bootstrap4 .fc-popover.card {
	position: absolute;
}
/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-bootstrap4 .fc-popover .card-body {
	padding: 0;
}
/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

.fc-bootstrap4 .fc-time-grid .fc-slats table {
	/* some themes have background color. see through to slats */
	background: none;
}
/* Toolbar

--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
}
.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em;
}
.fc-toolbar.fc-footer-toolbar {
	margin-top: 1em;
}
.fc-toolbar .fc-left {} .fc-toolbar .fc-right {
	float: right;
	margin-top: 18px;
}
.fc-toolbar .fc-center {
	/* display: inline-block; */
}
.fc button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	height: auto;
	padding: 0 1rem;
	font-size: 1rem;
	white-space: nowrap;
	cursor: pointer;
}
/* the things within each left/right/center section */

.fc .fc-toolbar > * > * {
	/* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}
/* the first thing within each left/center/right section */

.fc .fc-toolbar > * >:first-child {
	/* extra precedence to override button border margins */
	margin-left: 0;
}
/* title text */

.fc-toolbar h2 {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
}
/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
.fc-toolbar .fc-state-down {
	z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}
.fc-toolbar button:focus {
	z-index: 5;
}
/* View Structure

--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */

/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.fc-view,
.fc-view > table {
	/* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}
/* BasicView

--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* there may be week numbers in these views, so no padding-top */
	padding-bottom: 1em;
	/* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
	min-height: 4em;
	/* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
/* week and day number styling */

.fc-day-top.fc-other-month {
	opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 2px;
	color: rgba(52, 40, 104, .8);
	font-size: 15px;
	font-weight: 400;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
	padding: 0 2px;
	/* column headers can't have as much v space */
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
	float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
	float: left;
	border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
	float: right;
	border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
	min-width: 1.5em;
	text-align: center;
	background-color: #f2f2f2;
	color: #808080;
}
/* when week/day number have own column */

.fc-basic-view td.fc-week-number {
	text-align: center;
}
.fc-basic-view td.fc-week-number > * {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}
/* AgendaView all-day area

--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2;
	/* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em;
	/* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-bottom: 1em;
	/* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)

--------------------------------------------------------------------------------------------------*/

.fc .fc-axis {
	/* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}
.fc-ltr .fc-axis {
	text-align: right;
}
.fc-rtl .fc-axis {
	text-align: left;
}
/* TimeGrid Structure

--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container,
.fc-time-grid {
	/* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}
.fc-time-grid {
	min-height: 100%;
	/* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
	/* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
	z-index: 1;
	background: #fff;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
	/* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}
.fc-time-grid .fc-content-col {
	position: relative;
	/* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}
/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2;
}
.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3;
}
.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
	z-index: 5;
}
.fc-time-grid .fc-helper-container {
	/* also is fc-event-container */
	position: relative;
	z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0;
	padding: 10px;
	/* each cell is responsible for its top border */
}
.fc-agendaDay-view .fc-time-grid .fc-slats td {
	background: #ffffff;
}
.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}
/* TimeGrid Highlighting Slots

--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container {
	/* a div within a cell within the fc-highlight-skeleton */
	position: relative;
	/* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}
/* TimeGrid Event Containment

--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container {
	/* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
	/* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1;
	/* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}
/* Generic Vertical Event

--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start {
	/* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;
	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;
	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling

----------------------------------------------------------------------------------------------------

We use the full "fc-time-grid-event" class instead of using descendants because the event won't

be a descendant of the grid when it is being dragged.

*/

.fc-time-grid-event {
	overflow: hidden;
	/* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
	/* need to allow touch resizers to extend outside event's bounding box */
	/* common fc-selected styles hide the fc-bg, so don't need this anyway */
	overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
	display: none;
	/* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
	overflow: hidden;
	/* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}
.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}
/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
	display: none;
	/* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start);
	/* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
	content: "\A0-\A0";
	/* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em;
	/* make the title text the same size as the time */
	padding: 0;
	/* undo padding from above */
}
/* resizer (cursor device) */

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	text-align: center;
	cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "=";
}
/* resizer (touch device) */

.fc-time-grid-event.fc-selected .fc-resizer {
	/* 10x10 dot */
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* horizontally center */
	left: 50%;
	margin-left: -5px;
	/* center on the bottom edge */
	bottom: -5px;
}
/* Now Indicator

--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0;
}
/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px;
	/* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	/* triangle pointing right... */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	/* triangle pointing left... */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
/* List View

--------------------------------------------------------------------------------------------------*/

/* possibly reusable */

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}
/* view wrapper */

.fc-rtl .fc-list-view {
	direction: rtl;
	/* unlike core views, leverage browser RTL */
}
.fc-list-view {
	border-width: 1px;
	border-style: solid;
}
/* table resets */

.fc .fc-list-table {
	table-layout: auto;
	/* for shrinkwrapping cell content */
}
.fc-list-table td {
	border-width: 1px 0 0;
	padding: 8px 14px;
}
.fc-list-table tr:first-child td {
	border-top-width: 0;
}
/* day headings with the list */

.fc-list-heading {
	border-bottom-width: 1px;
}
.fc-list-heading td {
	font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
	float: left;
}
.fc-ltr .fc-list-heading-alt {
	float: right;
}
.fc-rtl .fc-list-heading-main {
	float: right;
}
.fc-rtl .fc-list-heading-alt {
	float: left;
}
/* event list items */

.fc-list-item.fc-has-url {
	cursor: pointer;
	/* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
	white-space: nowrap;
	width: 1px;
}
/* make the dot closer to the event title */

.fc-ltr .fc-list-item-marker {
	padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
	padding-left: 0;
}
.fc-list-item-title a {
	/* every event title cell has an <a> tag */
	text-decoration: none;
	color: inherit;
}
.fc-list-item-title a[href]:hover {
	/* hover effect only on titles with hrefs */
	text-decoration: underline;
}
/* message when no events */

.fc-list-empty-wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fc-list-empty-wrap1 {
	width: 100%;
	height: 100%;
	display: table;
}
.fc-list-empty {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.fc-unthemed .fc-list-empty {
	/* theme will provide own background */
	background-color: #eee;
}
.fc th.fc-day-header {
	padding: 11px 7px;
	font-size: 16px;
	font-weight: 400;
}
.fc-day.fc-today {
	background: rgba(52, 40, 104, .03);
}
.fc-day.alert-info {
	background: rgba(52, 40, 104, .03);
}
.datepicker {
	z-index: 123456;
}
/*body{

  font-family: 'Nunito', sans-serif;

  background: #F3F5F9;

}*/

.card {
	border: 0;
	background: transparent;
}
h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	letter-spacing: 1px;
	color: #002147;
	margin-bottom: 20px;
}
/*.btn {
	font-size: 15px !important;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2.5px;
	box-shadow: none !important;
	border: 0;
	padding: 10px 20px !important;
}*/
.btn {
    font-size: 16px;
    font-weight: 500;
    border: 0;
    padding: 10px 20px !important;
}
.btn:focus {
	box-shadow: none;
}
.btn.btn-primary {
	background: #002147;
	color: #ffffff;
}
/*.form-group label {
	font-weight: 500;
	letter-spacing: 0.010em;
	font-size: 16px;
	margin-bottom: 5px;
}*/
.modal-body {
	/*background: #F3F5F9;
	border-radius: 10px;*/
	padding: 30px;
}
.modal-body h4 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	color: #002147;
	margin-bottom: 20px;
}
.modal-body .form-control {
	box-shadow: none;
	height: 50px;
}
#evnt .content_box {
	width: 100%;
	height: 345px;
	border: 2px solid #cccccc80;
	padding: 16px;
}
a.readMore {
	background: #5F2652;
	color: #fff;
	
    font-weight: 400;
    letter-spacing: 1px;
    padding: 4px 16px;
    display: inline-block;
    border-radius: 3px;
}
.cell--1of3 {
	width: 31.7073170732%;
	margin-left: 2.4390243902%;
}
.cell--2of3 {
	width: 65.8536585366%;
	margin-left: 2.4390243902%;
}
.cell--3of3 {
	width: 100%;
	margin-left: 2.4390243902%;
}
.ci {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	position: relative;
}
.ci:before {
	content: '';
	display: block;
	box-sizing: border-box;
	padding: 82.7777% 54.5% 106px 4.5%;
	height: 0;
}
.ci:first-child {
	margin-left: 0;
}
.ci--w1 {
	background-color: #345;
}
.ci--w2 {
	background-color: #765;
}
.ci--w2:before {
	padding-top: 39.856%;
}
.ci--w3 {
	background-color: #588;
}
.ci--w3:before {
	padding-top: 26.247%;
}
.video-holder {
	background-color: #433;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
.image-holder {
	background-color: rgba(67, 78, 99, 0.5);
	height: 100%;
	display: block;
	max-width: 100%;
	text-align: center;
}
.image-holder--inner {
	background-color: rgba(66, 77, 99, 0.5);
	height: 100%;
	display: inline-block;
	font-size: 0;
	margin: 0 auto;
	position: relative;
	min-width: 500px;
}
.image-wrapper {
	display: block;
	height: 100%;
}
.ci__aspect-ratio-holder {
	opacity: 0.5;
	height: 100%;
	width: auto;
	max-height: 100%;
	display: block;
	text-align: center;
}
.iframe-holder {
	background-color: #221;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.tcb-product-slider .carousel-control {
	width: 50px;
	background: transparent;
	opacity: 1;
	height: 50px;
	top: 33%;
	transform: translate(-50%, 0px);
}
.h5,
h5 {
	font-size: 20px;
}
.ads {
	width: 100%;
	height: 350px;
	overflow: hidden;
	padding: 16px;
}
.ads img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.tcb-product-item a {
	color: #147196;
}
.tcb-product-item a:hover {
	text-decoration: none;
}
.tcb-product-item .tcb-hline {
	margin: 10px 0;
	height: 1px;
	background: #ccc;
}
@media all and (max-width: 768px) {
	.tcb-product-item {
		margin-bottom: 30px;
	}
}
.tcb-product-photo {
	text-align: center;
	height: 180px;
	background: #fff;
}
.tcb-product-photo img {
	height: 100%;
	display: inline-block;
}
.tcb-product-info {
	background: #f0f0f0;
	padding: 15px;
}
.tcb-product-title h4 {
	margin-top: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tcb-product-rating {
	color: #acacac;
}
.tcb-product-rating .active {
	color: #FFB500;
}
.tcb-product-price {
	color: firebrick;
	font-size: 18px;
}
.details {
	margin: 50px 0;
}
.details h1 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 3px;
}
.details .back-link {
	text-align: center;
}
.details .back-link a {
	display: inline-block;
	margin: 20px 0;
	padding: 15px 30px;
	background: #333;
	color: #fff;
	border-radius: 24px;
}
.details .back-link a svg {
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}
.mr-70 {
	margin-right: 70px;
}

.subscribe-btn a { text-align: center; }
.slider_head {
	
    width: 100%;
    color: #000;
    font-size: 19px;
    padding: 20px 16px 0px 16px;
    margin: 0;
    text-align: left;
    margin-bottom: 6px;
}
.gallery-container {
	background-color: #fff;
	color: #35373a;
	min-height: 100vh;
	padding: 16px 16px;
}
.tz-gallery {
	padding: 0 16px;
}
/* Override bootstrap column paddings */

.tz-gallery .row > div {
	padding: 2px;
}
.tz-gallery .lightbox img {
	width: 100%;
	border-radius: 0;
	position: relative;
}
.tz-gallery .lightbox:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	opacity: 0;
	color: #fff;
	font-size: 26px;
	content: '\f03e';
	pointer-events: none;
	z-index: 9000;
	transition: 0.4s;
}
.tz-gallery .lightbox:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(46, 132, 206, 0.7);
	content: '';
	transition: 0.4s;
}
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
	opacity: 1;
}
.baguetteBox-button {
	background-color: transparent !important;
}
.img_s {
	width: 100%;
	height: 210px;
	position: relative;
}
a.img_l {
	display: inline-block;
	width: 100%;
	height: 100%;
}
img.img_ss {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
p.video_l {
	position: absolute;
	right: 10px;
	background: #000;
	bottom: 10px;
	color: #fff;
	z-index: 99;
	margin: 0;
	font-size: 12px;
	border-radius: 6px;
	line-height: 0;
	padding: 12px 12px 10px;
}
img.profile_i {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.bottom-bar { margin-top: 30px;border-top:1px solid #d3d3d3 }
p.video_d_p {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}
.content_box .video-js{ width: 100%; padding: 0px 0px !important }
a.name_p {
	color: #120fd0;
	font-weight: 600;
}
p.p_desc {
	margin:3px 0px 0px -43px;
	color: #696969;
	font-size: 12px;
}
.video_d {
	padding: 0px 0px 0px 0px;
}
.video_section { margin-bottom: 30px; }
.card-folders .card-body > .breadcrumb {
	margin-left: -1.25em;
	margin-right: -1.25em;
	margin-top: -1.25em;
	border-radius: 0;
}
h4.card-title.m-0 {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}
.breadcrumb-item.active {
	border: none!important;
}
.breadcrumb-item.active i {
	margin-top: 2px;
}
.folder-container {
	text-align: center;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 1.5rem;
	width: 100px;
	padding: 0;
	align-self: start;
	background: none;
	border: none;
	outline-color: transparent !important;
	cursor: pointer;
}
#foldersGroup {
	background: #fff;
}
.folder-icon {
	font-size: 3em;
	line-height: 1.25em;
}
.folder-icon-color {
	color: #FFC107;
	text-shadow: 1px 1px 0px #e0a800;
}
.folder-name {
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}
.flex-column .folder-container {
	display: flex;
	width: auto;
	min-width: 100px;
	text-align: left;
	margin: 0;
	margin-bottom: 1rem;
}
.flex-column .folder-icon,
.flex-column .folder-name {
	display: inline-flex;
}
.flex-column .folder-icon {
	font-size: 1.4em;
	margin-right: 1rem;
}
.file-icon-color {
	color: #999;
}
.avatar-upload {
	position: relative;
	max-width: 100%;
}
.avatar-upload .avatar-edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;
}
.avatar-upload .avatar-edit input {
	display: none;
}
.avatar-upload .avatar-edit input + label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	color: #fff;
	padding: 4px 0px;
	text-align: center;
	font-size: 20px;
	border-radius: 0;
	background: #5f2652;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.form-logo {
	max-width: 250px;
	margin: 0 auto
}
a.tweet {
	background: #4285F4;
	color: #fff;
	padding: 4px 8px;
	border-radius: 30px;
	margin: 0 4px;
}
a.like {
	background: #4267B2;
	color: #fff;
	padding: 4px 8px;
	border-radius: 30px;
	margin: 0 4px;
}
a.pin {
	background: #ff0000;
	color: #fff;
	padding: 4px 8px;
	border-radius: 30px;
	margin: 0 4px;
}
a.gplus {
	background: #ffffff;
	color: #000;
	padding: 4px 8px;
	border-radius: 30px;
	margin: 0 4px;
	border: 1px solid #ccc;
}
a.insta {
	background: #3f729b;
	color: #fff;
	padding: 4px 8px;
	border-radius: 30px;
	margin: 0 4px;
}
.mar_0 {
	margin: 0;
}
i#map_marker {
	color: #5f2652;
	font-size: 38px;
}
#card-new {
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 0px 7px -1px #ccc;
	border-radius: 6px;
	margin-bottom: 10px;    margin-top: 20px;
}
#card {
	max-width: 500px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 0px 7px -1px #ccc;
	border-radius: 6px;
	margin-bottom: 10px;
}
.avatar-upload .avatar-edit input + label:hover {
	background: #762f67;
	border-color: #5f2652;
}
.avatar-upload .avatar-edit input + label:after {
	/* content: "\f040"; */
	color: #fff;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}
.avatar-upload .avatar-preview {
	width: 100%;
	height: 348px;
	position: relative;
	border-radius: 0;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
	width: 100%;
	height: 100%;
	border-radius: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-container {
  	width:100%;
      height:100%;
      margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    }
.swiper-wrapper {
    position:relative;
    display:flex;
    width: 100%;
    height: auto;
  box-sizing: content-box;
}
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 60%;
    }
swiper-slide{
 flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-bottom{
  display:flex;
  flex-wrap: nowrap;
  
}
/*PAGINATION*/
.swiper-pagination{
    text-align:left;
    height:50px;
    width:50%;
    
    position:relative;
    top:0px;
}
.swiper-pagination-fraction {
      font-size: .5em;
      padding-left:25px;
      padding-top:30px;
      font-weight: 300;
      opacity:0.7;
      font-family:poppins;
}
/*NAVIGATION*/
.swiper-navigation{
      width:50%;
      position:relative;
      top:0px;
      
}
.swiper-button-next, .swiper-button-prev {
  
    position: absolute;
    border-style:solid;
    border-color:black;
    border-width:1px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    left:auto;
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-background-size: 27px 15px;
    background-size: 27px 15px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22236pt%22%20height%3D%22512pt%22%20viewBox%3D%220%200%20236%20512%22%3E%0A%20%20%3Cdefs/%3E%0A%20%20%3Cpath%20d%3D%22M0%2020.45c78.33%2078.63%20157.12%20156.81%20235.31%20235.59C157.05%20334.72%2078.34%20412.96%200%20491.56V20.45z%22/%3E%0A%3C/svg%3E%0A');
}
.swiper-button-next:after, .swiper-button-prev:after {
    display:none;
  }
.swiper-button-next{right: 25px;}
.swiper-button-prev{right:85px;transform: rotate(180deg);
}
img#imagePreview {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.form-card {
	background: #fff;
	padding: 16px;
}
/*Vikas Bhardwaj*/

.mycard {
	background: transparent;
	box-shadow: 0px 0px 10px 0px #cccccc;
	border-radius: 6px;
}
.imglogo-div {
	background: #000;
	width: 100%;
	height: 130px;
	display: flex;
	border-radius: 6px 6px 0px 0px;
	align-items: center;
	justify-content: center;
}
.trial {
	padding: 16px;
}
.trial p {
	margin: 0;
}
.trial p:last-child {
	font-size: 12px;
	color: gray;
}
.dropdown div {
	text-align: left!important;
}
#content_box {
	height: 400px;
	position: relative;
	width: 100%;
}
#content_box2 {
	width: 100%;
	height: 300px;
	position: relative;
}
#content_box2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#content_box .video_l {
	right: 20px;
}
#content_box img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
@import "https://fonts.googleapis.com/css?family=Raleway:400,300,200,500,600,700";
 .fa-spin-fast {
	-webkit-animation: fa-spin-fast 0.2s infinite linear;
	animation: fa-spin-fast 0.2s infinite linear;
}
@-webkit-keyframes fa-spin-fast {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes fa-spin-fast {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.material-card {
	position: relative;
	height: 0;
	padding-bottom: calc(100% - 16px);
	margin-bottom: 6.6em;
}
.material-card h2 {
	position: absolute;
	top: calc(100% - 16px);
	left: 0;
	width: 100%;
	padding: 10px 16px;
	color: #fff;
	font-size: 14px;
	margin: 0;
	z-index: 10;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.material-card h2 span {
	display: block;
    margin-bottom: 7px;
}
.material-card h2 strong {
	font-weight: 400;
	display: block;
	font-size: 0.8em;
}
.material-card h2:before,
.material-card h2:after {
	content: ' ';
	position: absolute;
	left: 0;
	top: -16px;
	width: 0;
	border: 8px solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.material-card h2:after {
	top: auto;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.material-card.mc-active {
		padding-bottom: 0;
		height: auto;
	}
}
.material-card.mc-active h2 {
	top: 0;
	padding: 10px 16px 10px 10px;
}
.material-card.mc-active h2:before {
	top: 0;
}
.material-card.mc-active h2:after {
	bottom: -16px;
}
.material-card .mc-content {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 16px;
	left: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.material-card .mc-btn-action {
	
    position: absolute;
    right: 4px;
    top: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 20;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.material-card .mc1-btn-action {
    position: absolute;
	right: 4px;
	top: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	z-index: 20;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.material-card .mc2-btn-action {
    position: absolute;
	right: 4px;
	top: 86px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	z-index: 20;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.material-card.mc-active .mc-btn-action {
	top: 5px;
}
.material-card .mc-description {
	position: absolute;
	top: 100%;
	right: 16px;
	left: 16px;
	bottom: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	-ms-transition: all 1.2s;
	-o-transition: all 1.2s;
	transition: all 1.2s;
}
.material-card .mc-footer {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.material-card .mc-footer h4 {
	position: absolute;
	top: 200px;
	left: 30px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: all 1.4s;
	-moz-transition: all 1.4s;
	-ms-transition: all 1.4s;
	-o-transition: all 1.4s;
	transition: all 1.4s;
}
.material-card .mc-footer a {
	display: block;
	float: left;
	position: relative;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	text-decoration: none;
	top: 200px;
}
.material-card .mc-footer a:nth-child(1) {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.material-card .mc-footer a:nth-child(2) {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.material-card .mc-footer a:nth-child(3) {
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}
.material-card .mc-footer a:nth-child(4) {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.material-card .mc-footer a:nth-child(5) {
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;
}
.material-card .img-container {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.material-card.mc-active .img-container {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	left: 0;
	top: 7px;
	width: 40px;
	height: 40px;
	z-index: 20;
}
.material-card.mc-active .mc-content {
	padding-top: 0.6em;
}
@media screen and (max-width: 767px) {
	.material-card.mc-active .mc-content {
		position: relative;
		margin-right: 16px;
	}
}
.material-card.mc-active .mc-description {
	top: 0;
	font-size: 14px;
	padding-top: 4em;
	opacity: 1;
	filter: alpha(opacity=100);
}
@media screen and (max-width: 767px) {
	.material-card.mc-active .mc-description {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		padding: 50px 30px 70px 30px;
		bottom: 0;
	}
}
.material-card.mc-active .mc-footer {
	/*overflow: visible;
	position: absolute;
	top: calc(100% - 16px);
	left: 16px;
	right: 0;
	height: 60px;
	padding-top: 10px;
	padding-left: 25px;*/
	overflow: visible;
	position: absolute;
	top: calc(100% - 16px);
	left: 16px;
	right: 0;
	height: 60px;
	padding-top: 10px;
}
.material-card.mc-active .mc-footer a {
	top: 0;
}
.material-card.mc-active .mc-footer h4 {
	top: -32px;
}
.material-card.Red h2 {
	background-color: #F44336;
}
.material-card.Red h2:after {
	border-top-color: #F44336;
	border-right-color: #F44336;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.material-card.Red h2:before {
	border-top-color: transparent;
	border-right-color: #B71C1C;
	border-bottom-color: #B71C1C;
	border-left-color: transparent;
}
.material-card.Red.mc-active h2:before {
	border-top-color: transparent;
	border-right-color: #F44336;
	border-bottom-color: #F44336;
	border-left-color: transparent;
}
.material-card.Red.mc-active h2:after {
	border-top-color: #B71C1C;
	border-right-color: #B71C1C;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.material-card.Red .mc-btn-action,.mc1-btn-action,.mc2-btn-action {
	background-color: #F44336;
}
.material-card.Red .mc-btn-action:hover {
	background-color: #B71C1C;
}
.material-card.Red .mc-footer h4 {
	color: #B71C1C;
}
.material-card.Red .mc-footer a {
	background-color: #B71C1C;
}
.material-card.Red.mc-active .mc-content {
	background-color: #FFEBEE;
}
.material-card.Red.mc-active .mc-footer {
	background-color: #FFCDD2;
}
.material-card.Red.mc-active .mc-btn-action {
	border-color: #FFEBEE;
}
.material-card.Blue-Grey h2 {
	background-color: #607D8B;
}
.material-card.Blue-Grey h2:after {
	border-top-color: #607D8B;
	border-right-color: #607D8B;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.material-card.Blue-Grey h2:before {
	border-top-color: transparent;
	border-right-color: #263238;
	border-bottom-color: #263238;
	border-left-color: transparent;
}
.material-card.Blue-Grey.mc-active h2:before {
	border-top-color: transparent;
	border-right-color: #607D8B;
	border-bottom-color: #607D8B;
	border-left-color: transparent;
}
.material-card.Blue-Grey.mc-active h2:after {
	border-top-color: #263238;
	border-right-color: #263238;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.material-card.Blue-Grey .mc-btn-action {
	background-color: #607D8B;
}
.material-card.Blue-Grey .mc-btn-action:hover {
	background-color: #263238;
}
.material-card.Blue-Grey .mc-footer h4 {
	color: #263238;
}
.material-card.Blue-Grey .mc-footer a {
	background-color: #263238;
}
.material-card.Blue-Grey.mc-active .mc-content {
	background-color: #ECEFF1;
}
.material-card.Blue-Grey.mc-active .mc-footer {
	background-color: #CFD8DC;
}
.material-card.Blue-Grey.mc-active .mc-btn-action {
	border-color: #ECEFF1;
}
.material-card.Pink h2 {
	background-color: #5F2652;
}
.material-card.Pink h2:after {
	border-top-color: #5F2652;
	border-right-color: #5F2652;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.material-card.Pink h2:before {
	border-top-color: transparent;
	border-right-color: #5F2652;
	border-bottom-color: #5F2652;
	border-left-color: transparent;
}
.material-card.Pink.mc-active h2:before {
	border-top-color: transparent;
	border-right-color: #5F2652;
	border-bottom-color: #5F2652;
	border-left-color: transparent;
}
.material-card.Pink.mc-active h2:after {
	border-top-color: #5F2652;
	border-right-color: #5F2652;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.material-card.Pink .mc-btn-action,.mc1-btn-action,.mc2-btn-action {
	background-color: #5F2652;
}
.material-card.Pink .mc-btn-action,.mc1-btn-action,.mc2-btn-action:hover {
	background-color: #880E4F;
}
.material-card.Pink .mc-footer h4 {
	color: #880E4F;
}
.material-card.Pink .mc-footer a {
	background-color: #5F2652;
}
.material-card.Pink.mc-active .mc-content {
	background-color: #FCE4EC;
}
.material-card.Pink.mc-active .mc-footer {
	background-color: #5F265290;
}
.material-card.Pink.mc-active .mc-btn-action {
	border-color: #FCE4EC;
}

.back-btn { background: transparent !important;
    color: #000!important;
    font-size: 12px !important;
    padding: 0px 0px !important; }
    .back-btn:focus{ outline: 0px !important; }
#style-3::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb {
	background-color: #5F2652;
}
#style-2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar-thumb {
	background-color: #000;
}
/*span.line-1 {

    display: block;

    max-width: 150px;

    height: 2px;

    background: #5f2652;

    margin: 4px 0px 3px 16px;

}

span.line-2 {

    display: block;

    max-width: 180px;

    height: 2px;

    background: #5f2652;

    margin: 0px 0px 0px 16px;

}*/

ul.dropdown {
	visibility: hidden;
	opacity: 0;
	max-width: 220px;
	/* width:100%; */
	background: #000;
	position: absolute;
	transition: all 0.5s ease;
	/*margin-top: 10px;*/
	margin-top: 22px;
	right: 0;
	z-index: 9;
	display: none;
	text-align: left;
	max-height: 450px;
	overflow-y: auto;
}
ul li:hover > ul,
ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
}
ul li ul li {
	clear: both;
	width: 100%;
	border-bottom: 1px solid rgb(255 255 255 / 25%);
	padding: 8px 16px;
}
ul.dropdown li a {
	color: #fff;
}
.modal-dialog {
	max-width: 900px;
	width: 100%;
}
#amazontv #content_box,
#appletv #content_box,
#googletv #content_box,
#roku #content_box {
	height: 490px;
}
.pad0 {
	padding: 0px!important;
}
.mr-l0 {
	margin-left: 0px !important;
}
#content_box.h490 {
	height: 490px;
}
.prImg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.prImg img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center;
}
.contModal .slider_head {
	margin: 0px;
}
.contModal p {
	margin-bottom: 10px;
}
.paraDes {
	padding: 26px 0px;
}
.contModal .fa-facebook {
	background: #4267B2;
	color: #fff;
	font-size: 30px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	margin-right: 16px;
	padding: 5px 0px;
	box-shadow: 0px 3px 3px 2px #06379a;
}
.contModal .fa-twitter {
	background: #1DA1F2;
	color: #fff;
	font-size: 30px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	margin-right: 16px;
	padding: 5px 0px;
	box-shadow: 0px 3px 3px 2px #06379a;
}
.contModal .fa-linkedin {
	background: #0e76a8;
	color: #fff;
	font-size: 30px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	margin-right: 16px;
	padding: 5px 0px;
	box-shadow: 0px 3px 3px 2px #06379a;
}
.contModal .fa-google-plus {
	background: #d34836;
	color: #fff;
	font-size: 30px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	margin-right: 16px;
	padding: 5px 0px;
	box-shadow: 0px 3px 3px 2px #ad1400;
}
button.back {
	background: #5f2652;
	border: 2px solid #5f2652;
	font-size: 14px;
	padding: 6px 8px 3px;
	/* position: absolute; */
	/* right: 16px; */
	color: #fff;
	line-height: 1.3;
	/* top: 24px; */
	z-index: 9;
	display: inherit;
}
button.back i {
	margin-right: 8px;
}
.top-title {
	position: relative;
}
.btn-success {
	color: #fff;
	background-color: #5f2652;
	border-color: #5f2652;
}
.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}
.btn-success:hover {
	color: #fff;
	background-color: #5f2652;
	border-color: #5f2652;
}
.top30 {
	margin-top: 30px;
}
.myDiv {
	border: 1px solid #cccccc80;
	padding: 16px;
	height: calc(385px - 0px);
	overflow-y: auto;
}
/*Close*/

.Videocontinues {
	padding: 40px 0px;
}
.serchbartwo {
	margin: 20px 0px 0px 0px;
	border: 4px solid #1918183d;
	width: 60%;
}
.size {
	font-size: 40px;
	color: #333231;
	height: 50px;
	position: relative;
	left: 50px;
	font-weight: normal;
}
/*My css start*/

.top_2 {
	padding: 26px 0px 16px;
}
.h4 {
	color: #000;
}
#tabs li {
	width: 25%;
	text-align: center;
}
#tabs li.active {
	border: none;
}
#tabs li a.google img {
	width: 150px;
}
#tabs li a {
	padding: 0px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	width: 100%;
	height: 50px;
	position: relative;
	border: none;
	display: block;
	border-right: 0px solid #fff;
}
/*#tabs li.active a {

    border-bottom: 8px solid #5f2652;

    color:#fff!important;

}*/

.shop_txt {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.product_desc {
	padding: 16px;
}
.load-product {
	display: none;
}
a.tags_link img {
	width: 50px;
}
a.tags_link {
	margin-top: 8px;
	display: inline-block;
}
a.tags_link.f {
	background: #0f79af!important;
}
a.tags_link.s {
	background: #1e1e1f!important;
}
a.tags_link.t {
	background: #503c14!important;
}
a.tags_link.fr {
	background: #662d91!important;
}
ul#tabs {
	padding: 16px 0px;
	border:none!important;
}
ul#tabs li a img {
	width: 100px;
	margin-right: 16px;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
ul#tabs li a.amazon img {
	width: 150px;
}
.nav-tabs>li>a {
	border-radius: 0px 0px!important;
}
a.apple.active,
a.apple:hover,
a.apple:focus {
	background: #1e1e1f!important;
}
a.google.active,
a.google:hover,
a.google:focus {
	background: #503c14!important;
}
a.roku.active,
a.roku:hover,
a.roku:focus {
	background: #662d91!important;
}
a.amazon.active,
a.amazon:hover,
a.amazon:focus {
	background: #0f79af!important;
}
.amazon {
	background: #0f79af;
	color: #000;
}
.apple {
	background: #1e1e1f;
	color: #18d36e;
}
.google {
	background: #503c14;
	color: #000;
}
.roku {
	background: #662d91;
	color: #000;
}
/*My Css end*/

.PopularVideos {
	margin: 20px 0px 10px 0px;
	color: black;
	text-transform: capitalize;
}
.padd-section {
	padding: 0px 40px;
}
.abouttwo {
	padding: 20px 0px;
	text-align: revert;
}
.HotVideos {
	margin: 20px 10px -10px 0px;
	color: black;
	text-transform: capitalize;
}
.videostyle {
	width: 100%;
	height: auto;
}
.videostyletwo {
	min-height: 430px;
	width: 100%;
}
.content_box {
	border: 1px solid #cccccc80;
	border-bottom: none;
	font-size: 16px;
	height: calc(345px - 36px) !important;
}
p.comment-head {
	background: #eee;
	padding: 6px 16px;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #cccccc80;
	margin: 0px;
}
.comment {
    float: right;
  
    margin: 5px;
    font-size: 10px !important;
    padding: 7px 18px !important;}
.login-box {     margin-left: 0px !important; }
.user-img { width: 30px; height: 30px; margin-left: 8px; }
.comment_section {
	height: calc(100% - 36px);
	overflow-y: auto;
	padding: 16px 8px;
}
.comments {
	box-shadow: 0px 0px 2px 1px #cccccc70;
	padding: 8px 10px;
	margin-bottom: 8px;
	border-radius: 6px;
}
.comments:last-child {
	margin-bottom: 0px;
}
p.cm-text {
	margin: 0;
	font-size: 14px;    display: inline-block;
}
p.cm-name {
	margin: 0;
    text-align: right;
    color: #000;
    font-size: 13px;
    margin-top: 4px;
    display: inline-block;
    float: right;
}
a.link {
	display: block;
	background: #5F2652;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	padding: 4px;
	letter-spacing: 1px;
}
.sideinfo {
	border: 6px solid #d9d7ca;
	padding: 20px 10px;
	/* list-style: none; */
	/* min-height: 210px; */
	text-align: initial;
	/* margin: 0px 0px 0px 10px; */
	text-transform: capitalize;
}
.bold-text {
	font-weight: bolder;
	color: black;
}
.serchbartwo::-webkit-input-placeholder {
	font-style: italic;
	color: black;
}
.margin-increase {
	margin: 0px 20px 0px 0px;
}
/* .copyright { */

/* text-align: center; */

/* padding-top: 30px; */

/* text-transform:capitalize; */

/* margin-bottom: 40px; */

/* } */

.copyright .list-inline {
	margin-bottom: 0px !important;
}
.TermsConditions {
	margin: 0px 0px 0px -40px;
}
.TermsConditions li {
	list-style: none;
}
.sideinfotwo {
	border: 2px solid #d9d7ca;
	padding: 20px 10px;
	/* list-style: none; */
	/* min-height: 210px; */
	text-align: initial;
	/* margin: 0px 0px 0px 10px; */
	text-transform: capitalize;
}
.sidenav-duplicate li i {
	width: 50px;
	height: 36px;
	margin: 4px 8px 4px 4px;
	font-size: 20px;
	text-align: center;
	border-radius: 30px;
	color: #fff;
	/* box-shadow: 10px 10px 10px #19344f47; */
	padding: 8px 0px;
}
.duplicate-nav a i {
	border: 4px solid #773067f7;
	color: #fff;
	font-size: 15px;
	    line-height: 20px;
	border-radius: 50%;
	box-shadow: 10px 10px 10px #19344f14;
	padding: 6px 6px;
	margin: 0px auto 0px auto;
	width: 40px;
	height: 40px;
	display: block;
}
form.setting {
	background: #fff;
	padding: 40px 30px;
	border-radius: 6px;
	box-shadow: 0px 0px 10px -1px #cccccc50;
}
.leftUl {
	list-style-type: none;
	padding: 0px;
	border-bottom: 1px solid #ccc;
}
li.active {
	border: 1px solid #ccc;
	border-bottom-color: #fff;
	border-bottom-width: 3px;
	margin-bottom: -2px;
	border-radius: 4px 4px 0px 0px;border-radius: 6px;
}
li.active a, li a:hover{
	color: #754b24;
	font-weight: 500;
	letter-spacing:0px;
}
.sidenav-duplicate li.active a {
	color: #fff!important;
	letter-spacing: 0px!important;
}
.sidenav-duplicate li.active {
	background: #773067f7;
	border: none!important;
	margin-bottom: 0px!important;
	border-radius: 0px 0px 0px 0px!important;
	border-bottom: 1px solid #773067f7;
}
div#content {
	border: 1px solid #ccc;
	padding: 32px 16px 16px;
	border-top: 0px;
	margin-top: -16px;
}
.tabs-card {
	background: #fff;
	padding: 16px;
	border-radius: 6px;
}
.leftUl li {
	display: inline-block;
	padding: 12px;
	cursor: pointer;
}
.accordion li p {
	display: none;
	padding: 10px 25px 30px;
}
.accordion li,
.form-div {
	position: relative;
	background: #cccccc10;
	padding: 10px;
	margin-bottom: 16px;
	border-radius: 6px;
	box-shadow: 0px 0px 6px -1px #cccccc;
}
.video-js { border: 1px solid #d3d3d3;padding: 0px 0px !important  }
.posRel {
	position: relative;
	clear: both;
	height: 50px;
	margin-top: 0px;
}
a.ldMore {
	position: absolute;
	background: #5f2652;
	color: #fff;
	right: 32px;
	top: 13px;
	padding: 7px 16px;
	height: 30px;
}
#bck {
	position: absolute;
	right: 16px;
	top: 10px;
}
.comment-section {
	margin: 32px 0px;
	box-shadow: 0px 0px 2px 1px #cccccc70;
	padding: 16px;
	border-radius: 6px;
}
p.comntName {
	color: #000;
	text-align: right;
	font-size: 18px;
	margin: 0;
}
.active-with-click .comment-section {
	display: none;
}
#frn {
	background: #eeeeee50;
	padding: 20px;
	border-radius: 4px;
}
.shp {
	color: #000;
	margin: 32px 16px 0px 16px;
	font-size: 34px;
}
.mar-0 {
	margin-top: 0px!important;
}
ul.accordion {
	list-style-type: none;
	padding: 0;
}
.accordion a {
	width: 100%;
	display: block;
	cursor: pointer;
	font-weight: 600;
	text-indent: 15px;
	user-select: none;
}
.accordion a:after {
	width: 8px;
	height: 8px;
	border-right: 1px solid #4a6e78;
	border-bottom: 1px solid #4a6e78;
	position: absolute;
	right: 10px;
	content: " ";
	top: 17px;
	transform: rotate(-45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
span.hdTl {
	font-size: 18px;
	vertical-align: middle;
}
.accordion p {
	padding: 10px;
}
a.active:after {
	transform: rotate(45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.active-with-click .col-md-3 {
	display: none;
}
a.right.carousel-control {
	right: 0;
	left: 100%;
}
.tcb-product-slider .carousel {
	padding: 0px 16px;
}
a.load-more,
a.load-more1 {
	padding: 6px 50px;
	font-size: 16px;
	font-weight: 500;
	height: 35px;
	color: #276ac5;
	display: inline-block;
	background: transparent;
	font-weight: 600;
	box-shadow: none;
	border: 1px solid #276ac5;
	outline: 0;
	margin-bottom: 16px;
}
a.load-more:hover,
a.load-more1:hover {
	color: #fff;
	background: #276ac5;
}
#faq-div,
#ad-choices,
#site-map,
#feedback,
#video-submit {
	display: none;
}
#content .active {
	display: block!important;
}
.menu-item{
	color: #fff;
}
.duplicate-nav div {
	/*color: black;
	color: white;*/
	text-align: center;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 500;
}
.duplicate-nav li img {
    width: auto;
    height: 18px;
}
.h5-style {
	margin: 30px 0px 10px 0px;
}
.img-big-size {
	width: 50% !important;
}
.copyright .list-inline-item {
	display: inline-block;
	margin: 5px 24px;
}
.sideleft {
	display: flex;
	justify-content: flex-end;
}
.wrap-height {
	min-height: 700px;
}
.breadcrumbs {
	display: none;
}
.sidenav-duplicate {
	padding: 0px 0px;
	margin-bottom: 150px;
}
.sidenav-duplicate a {
	color: #181818;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 500;
}
.sidenav-duplicate .user {
	padding: 3px 4px;     /*font-weight: 300;*/
}
/*.sidenav-duplicate li:hover {
	background: #773067f7;
}
.sidenav-duplicate li:hover a {
	color: #fff!important;
}*/
.sidenav-duplicate li {
	list-style: none;
	border-bottom: 0.5px solid rgb(220 218 217 / 30%);
	padding: 7px 0px;
}
.sidenav-duplicate li:last-child {
    border-bottom: none;
}
.return {
    position: absolute;
    bottom: 2%;
    font-size: 16px;
    font-weight: 500;
}
.return a{
    color: #D7A55F;

}
.headlogo {
	margin: 180px 0px 0px 0px;
	border: 25px solid #5b2f0d;
	box-shadow: 10px 10px 10px black;
}
.name-profile p {
	margin: 0px 0px;
}
.hrhidden {
	visibility: hidden;
}
.bold-text-name-profile {
	font-weight: bolder;
	color: black;
	text-align: center;
}
.padding-top-10px {
	padding-top: 10px;
}
.padding-top-20px {
	padding-top: 20px;
}
.font-style {
	font-family: auto;
}
.img-big-size-two {
	width: 40% !important;
}
.sidenav-bg {
/*	background: #5F2652;*/
	position: relative;
/*	padding: 0;*/
	background: #FFFFFF;
	box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
/*    height: 75%;*/
    margin: 0 15px;
}
.sidenav-inner{

    padding: 20px 30px;
}
.navmenu.navmenu-sidebar {
    position: relative;
    background: #754B24;
    top: 0;
    display: block;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 13px;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
}
.navmenu {
	position: absolute;
/*	background: #5F2652;*/
	left: 0px;
	font-size: 25px;
	color: #f3f5f9;
	z-index: 1;
	top: 20px;
}
.navmenu-left {
	position: absolute;
	right: 0px;
	font-size: 25px;
	color: #5b2f0d;
	z-index: 1;
	display: none;
	top: 20px;
}
.logo-bg {
	/* border: 1px solid #5F2652;
	box-shadow: 6px 4px 2px #0000004d; */
	text-align: center;
	margin: 10px 16px;
}
.img-responsive {
	    height:auto;
    width: auto;
    display: inline-block;
}
.pro-img { height: 100% }
.box-shadow-style {
	box-shadow: 4px 4px 4px #00000063;
}
.borderplus {
	border: 1px solid #fefefe;
}
.duplicate-nav::after {
	content: '';
	position: absolute;
	min-height: 69px;
	width: 3%;
	left: -15px;
	/*background-color: #000000;*/
	z-index: 0;
}
.duplicate-nav::before {
	content: '';
	position: absolute;
	min-height: 69px;
	width: 10%;
	right: -15px;
	background-color: #000000;
}
.fa-map-marker:before {
	content: "\f041";
	padding: 10px 4px;
}
.bg2 {
	background: #f3eeee;
	padding: 30px 0px;
}
.bg3 {
	background: #f9f8f8;
	padding: 20px 0px;
}
.bg4 {} .bg5 {} .bg6 {} .padding-top-30px {
	padding-top: 30px;
}
.padding-top-40px {
	padding-top: 40px;
}

@media (max-width: 768px) {
	.back-to-top {
		bottom: 15px;
	}
	.col-custom-20 {
		width: 30%!important;
		margin: 0px 10px;
	}
	.navmenu-left {
		display: block;
		right: 12px;
        top: 18px;
	}
	.navmenu {
		left: auto;
	}
	/*.navmenu-left {*/
	/*	right: 20px;*/
	/*}*/
	.nav-menu > ul {
		display: flex;
		justify-content: flex-end;
		background: #5F2652;
		flex-direction: column;
		position: absolute;
		width: 66%;
		right: 0px;
		top: 60px;
		z-index: 5;
		display: none;
	}
	.headlogo {
		width: 100%;
		margin: 50px 0px 0px 0px;
		border: 2px solid #5b2f0d;
		box-shadow: 10px 10px 10px black;
		display: none;
	}
	.nav-menu > ul > li {
		padding: 0px 0px;
		border-left: 1px solid white;
	}
	.duplicate-nav::before {
		display: none;
	}
	.duplicate-nav::after {
		display: none;
	}
}
@media (max-width: 440px) {
	.headlogo {
		width: 50%;
		margin: 50px 0px 0px 0px;
		border: 2px solid #5b2f0d;
		box-shadow: 10px 10px 10px black;
	}
	.bold-text {
		font-size: 12px;
	}
	.sidenav-duplicate li i {
		width: 100%;
		margin: 0px;
		font-size: 20px;
		background: #ffffff00;
		text-align: center;
		border-radius: 31px;
		color: #a4a4a4;
		box-shadow: 10px 10px 10px #19344f00;
		padding: 8px 0px;
	}
	.duplicate-nav i {
		border: none;
		margin: 0px 10px 10px 0px;
		font-size: 14px;
		border-radius: 31px;
		box-shadow: 10px 10px 10px #19344f14;
		padding: 6px 6px;
		margin: 10px 0px;
	}
	.sidenav-duplicate .user {
		padding: 3px 4px;
		text-align: center;
	}
	.navmenu {
		left: 0;
		top: 50%;
		width: 100%;
		top: 0;
		height: 70px;
		padding: 16px 20px;
	}
	.navmenu-left {
		/*top: 0px;*/
		color:#ffffff;
	}
}
@media (max-width: 720px) {
	.sidenav-bg {
		display: none;
	}
	.wrap-height.top30{padding-left:16px;}
	#pad16 {padding-left:16px!important;}
	#mar16{margin-left:16px;}
	.widthfull {
    	flex: 100%;
    	max-width: 100%;
    }
    .sidenav-duplicate li img {
        width: auto!important;
        margin: 0px auto!important;
        display: block;
    }
    .btn{font-size:13px!important;}
    .slider_head.pad0 {
        padding: 16px 16px 0px 0px!important;
    }
    /*.bg4, .bg5 {*/
    /*    padding-left: 16px;*/
    /*}*/
    .slider_head{
        padding:0px 16px 0px 16px;
    }
    /*body{width:100vw;overflow-x:hidden;}*/
	/*.tab-content{padding-left:16px;}*/
	.widthfull {
		flex: 100%;
		max-width: 100%;
	}
	.copyright .list-inline-item {
        display: block;
        margin: 5px 16px;
        width: 100%;
        text-align: left;
    }
	.container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}
	#header {
		min-height: 70px;
	}
	.tabs-card {
		padding: 16px 0px 16px 16px;
	}
	li.active {
		border: 1px solid #ccc;
		border-bottom-color: #ccc;
		border-bottom-width: 1px;
		margin-bottom: -2px;
		border-radius: 4px 4px 0px 0px;
	}
	li.active a {
		color: #18d36e;
		font-weight: 500;
		letter-spacing: 1px;
		font-size: 14px;
		letter-spacing: 0;
	}
	a.leftLink {
		font-size: 14px;
		letter-spacing: 0;
	}
	.avatar-upload {
		padding-left: 16px;
	}
	#tabs li {
		width: 50%;
	}
	ul#tabs {
		padding: 16px 0px 16px 16px;
	}
	.top_2 {
		padding: 26px 0px 16px 16px;
	}
	.tcb-product-slider .carousel {
		padding: 0px 0px 0px 16px;
	}
	.card.card-folders {
		padding: 0px 0px 0px 16px;
	}
}

@media (min-width: 1920px){
    .myvideoSe{height:575px!important;}    
    .embed-responsive-16by9 {
        height: 575px;
    }
}

.product_img {
  
    width: 100%;
    height: 150px;
    display: block;
    background: #D8D8D8;
    overflow: hidden;
    text-align: center;}
    .product-card strong {    display: block;
    margin-bottom: 4px;}
    .product-card p { margin-bottom: 4px;
height: 61px;
  overflow: hidden;
  text-overflow: ellipsis; }
    .price { display: block;color: #000; font-size: 14px;    margin-top: 10px; }
        .product-card small { font-size: 12px; color: #ff0000 ; display: block;}
/*.img-container img{border-radius:200px !important;}*/

.btn-product {
    padding: 7px 10px !important;
    float: left;
    display: inline-block;
    letter-spacing: 0px;    font-size: 12px !important;    background: #5F2652
; color: #fff;
    margin-right: 9px;
    margin-top: 10px;}
    .btn-product-cart{background: #9932cc
 !important}
 .product-card{ border: 1px solid #d3d3d3;
    max-height: 338px;
    height: 338px; }

.product-card img { width: 100% }
 .breadcrumb>li {
    display: inline-block;
    font-size: 18px;
    color: #000 !important;
}
.breadcrumb { background: #fff !important }
.boxx {width: 100%; height: 100%; 
    border-radius: 25px;
    overflow: hidden;
    position: relative;}
    .overlay { background:rgba(0, 0, 0, .7); text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;    padding-top: 49px; }

    .boxx h3, .boxx a { color: #fff; }
     .boxx a { text-decoration: underline;}
     .boxx h3 { margin: 10px 0px; }
     .bx { border-radius: 8px !important }
     .card-vd { 
    margin-bottom: 20px;   box-shadow: 0px 0px 7px -1px #ccc;    padding-bottom: 1px;
    border-radius: 10px; overflow:hidden;}
    .card-vd .boxx { border-radius: 0px !important }
    .card-vd .boxx .overlay {     justify-content: center;
    align-items: center;
    display: flex; padding-top: 0px !important }
     .cont{ padding:10px 10px; }
     .cont p { font-size: 12px; margin-bottom: -1px }
     .cont i {
    font-size: 7px;
    color: #c2c2c2;
    margin: 0px 5px;}


.price { color: #707070;}
.price span { color: #5F2652; font-size: 21px;}
.price small { font-size: 12px; margin-top: 3px; display: block; font-weight: normal !important }
.price b{ color: #5F2652;}
.discription{ margin:30px 0 0 0; }

.product-details h2 {
    text-align: left;
    text-transform: inherit;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;}
    .list-item{ padding-left: 0px; }
    .list-item li { list-style: none; }
    .product-details hr {    margin: 5px 0px;}
    .product-details h4 {
    font-size: 15px;
    color: #000;
   margin-bottom: 10px;
    width: 100%; font-weight: normal}.product-details p { margin-bottom: 10px; }
    .pro-dis .btn-product {margin-bottom: 30px;    padding: 12px 32px !important;margin-right: 13px;}
    .btn-product-fav { background: #800080 }
    .product-card a:hover { color: #000 !important }
    .heading{ margin-top: 30px }
    .card-vd a strong, .card-vd a:hover strong { color: #666666 !important }
    .vd-cnt strong { colo6962r: #000; }
    .user-logo{ margin: 6px 0px; }
    .video-row{ border-bottom: 1px solid #d3d3d3;    margin-bottom: 20px; }
    .title{ margin-top: 30px; }.product_desc strong { margin-bottom: 20px !important; display: block }
    .remove-cart { background: #980e45 !important }
    .pro-dis{
    border: 1px solid #d3d3d3 !important;
}
.remove-fav { background: #d31662 !important }
.com-img { height: 300px;
    width: 100%;
    margin-bottom: 16px;}
    .login-details {display: block;
    padding: 20px;
    margin-bottom: 80px;}
    .login-details p { float: left }
    .login-details button { float: right; }
    .choose {
    float: left;
    margin-right: 10px;}
    .address-block { float: left; }
     .address-block p { margin-bottom: 0px; }
     .action-button{ 
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
 }
 .address {    margin-top: 20px;}
 .add-address input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.add-address label {
 
    margin-bottom: 2px;
    display: block;
    width: 100%;
    font-weight: 200;
}
.add-address textarea {
    display: block;
    width: 92%;
    border: 1px solid #d3d3d3;
    border-radius: 3px; margin-bottom: 20px;}

.add-address .col-50 { margin-right: 20px; }
.add-address h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000;}
    .add-address  { margin-top: 30px; padding: 20px 0px; border-top: 1px solid #d3d3d3 }
    .add-address form label { display: inline-block !important; width: auto !important;  }


    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 11px;
}
.check-ul li{display: flex; list-style: none; border-bottom: 1px solid #d3d3d3;padding-bottom: 10px;
    margin-bottom: 10px; }
.check-pro-img img { height: 100% !important }
.check-pro-img {
    width: 70px;
    border: 1px solid #d3d3d3;
    height: 70px;
    float: left;
    text-align: center;}
    .check-content {

    margin-left: 10px;
    white-space: pre-line;
    margin-top: -22px;
    width: 80%;}

    .order-history li { 
    list-style: none;
    line-height: 51px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d3d3d3;}
    .order-area li:last-child, .check-ul li:last-child { border-bottom: none !important }
    .order-area h2 {    letter-spacing: 0px;
    text-align: left;
    background: #eee;
    font-size: 17px;
    padding: 15px 10px;
    color: #000;
    text-transform: capitalize;}
    .order-history, .check-ul { padding-left: 0px; }
   
    .check-content a {
    color: #000;
    font-weight: 500;}
    .offer { color: green }
    .check-pro-img2 { width: 100px !important; height: 100px !important }
    .red { color: red }
    .optionss { margin-top: 20px; }
    .optionss label { font-weight: normal }
    .order-history2 { display: block; width: 100% !important;     border-top: 1px solid #d3d3d3; }
.remove-product {
    display: inline-block;
    position: absolute;
    right: 0;
    border: 1px solid #000;
    background: transparent;
    border-radius: 58%;
    color: #000;
    line-height: 15px;
    width: 17px;
    height: 17px;
    font-size: 12px;
    padding: 2px;}

    .ads {
    width: 100%;
    height: 350px;
    overflow: hidden;
    padding: 16px;
}

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}
.table-panel {
    margin-bottom: 20px;
    background-color:rgba(256, 256, 256, .7);}

.table-fixed tbody td:nth-child(2) {
 
    color: #5F2652;
    font-weight: 500;
}
.table-fixed thead > tr> th{color: #000 !important;
    font-weight:500;}

.table-block { border:1px solid #d3d3d3; width: 100% }
.table-block th, .table-block td { vertical-align: middle !important; padding:9px 10px; border-bottom: 1px solid #d3d3d3 }
.table-block th { background: #eee; }
.table-block tr { border-right: 1px solid #d3d3d3 }
.pr-name span { white-space: nowrap; 
  width: 200px; 
  overflow: hidden;
  text-overflow: ellipsis;     display: inline-block;
  }
  .ranking { background: url(http://54.153.36.130/uploads/buskin-board.jpg) repeat-x top left;
    }
.ig-block{ background: url(http://54.153.36.130/uploads/bs-board.jpg) repeat-x top left;
       padding: 111px 0px; }
    .score { background: #006666; color: #fff;   }
    .rank {background: #f73131; color: #fff; }
    .voting {background: #a06b00; color: #fff;}
    .score strong, .rank strong, .voting strong {text-align: center; padding: 8px 10px; display: block;  width: 100%; border-bottom: 1px solid #d3d3d3 }
    .score-list, .rank-list, .vote-list { 
    margin-bottom: 0px;padding: 0px;     border-radius: 5px;}
    .score-list li, .rank-list li, .vote-list li { list-style: none; display:flex; justify-content:space-between;
    	border-bottom:1px solid #b7b7b7;     height: 25px;
    line-height: 19px;
    padding: 3px 6px;}

    .score-list li:last-child, .rank-list li:last-child, .vote-list li:last-child { border-bottom: none; }

    .leaderboard ol {
	counter-reset: leaderboard;
	padding: 0px;
	margin: 0px;
}
.leaderboard ol {
	counter-reset: leaderboard;
	list-style: none;
}
.leaderboardmain{ display:flex}
/*--------------------
Leaderboard
--------------------*/
.leaderboard {
	width: 33%;
	height: auto;
	background: #5F2652;
	box-shadow: 0 7px 30px rgba(62, 9, 11, 0.3);
	margin-left: 10px;
}
.leaderboard h1 {
	font-size: 18px;
	color: #e1e1e1;
	padding: 12px 13px 18px;
	margin: 0px;
}
.leaderboard h1 svg {
  width: 25px;
  height: 26px;
  position: relative;
  top: 3px;
  margin-right: 6px;
  vertical-align: baseline;
}
.leaderboard ol {
  counter-reset: leaderboard;
}
.leaderboard ol li {
  position: relative;
  z-index: 1;
  font-size: 14px;
  counter-increment: leaderboard;
  padding: 18px 10px 18px 50px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}
.leaderboard ol li::before {
	content: counter(leaderboard);
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #363c48;
	border-radius: 20px;
	text-align: center;
	display: none
}
.leaderboard ol li mark {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding:12px 10px 12px 7px;
	margin: 0;
	background: none;
	color: #383e4b;
}
.leaderboard ol li mark::before, .leaderboard ol li mark::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -11px;
  left: -9px;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  transition: all 0.1s ease-in-out;
  opacity: 0;
}
.leaderboard ol li mark::after {
  left: auto;
  right: -9px;
  border-left: none;
  border-right: 10px solid transparent;
}
.leaderboard ol li small {
	position: relative;
	z-index: 2;
	display: block;
	text-align: right;
	color: #383e4b;
}
.leaderboard ol li::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fa6855;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.leaderboard ol li:nth-child(1) {
	background: #fff;
}
.leaderboard ol li:nth-child(1)::after {
  background: #fff;
}
.leaderboard ol li:nth-child(2) {
  background: #fff;
}
.leaderboard ol li:nth-child(2)::after {
  background: #fff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
}
.leaderboard ol li:nth-child(2) mark::before, .leaderboard ol li:nth-child(2) mark::after {
  border-top: 6px solid #fff;
  bottom: -7px;
}
.leaderboard ol li:nth-child(3) {
  background: #fff;
}
.leaderboard ol li:nth-child(3)::after {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
}
.leaderboard ol li:nth-child(3) mark::before, .leaderboard ol li:nth-child(3) mark::after {
  border-top: 2px solid #fff;
  bottom: -3px;
}
.leaderboard ol li:nth-child(4) {
  background: #fff;
}
.leaderboard ol li:nth-child(4)::after {
  background: #fff;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.leaderboard ol li:nth-child(4) mark::before, .leaderboard ol li:nth-child(4) mark::after {
  top: -7px;
  bottom: auto;
  border-top: none;
  border-bottom: 6px solid #fff;
}
.leaderboard ol li:nth-child(5) {
  background: #fff;
}
.leaderboard ol li:nth-child(5)::after {
  background: #fff;
  box-shadow: 0 -2.5px 0 rgba(0, 0, 0, 0.12);
}
.leaderboard ol li:nth-child(5) mark::before, .leaderboard ol li:nth-child(5) mark::after {
  top: -9px;
  bottom: auto;
  border-top: none;
  border-bottom: 8px solid #fff;
}
.leaderboard ol li:hover {
  z-index: 2;
  overflow: visible;
}
.leaderboard ol li:hover::after {
  opacity: 1;
  transform: scaleX(1.06) scaleY(1.03);
}
.leaderboard ol li:hover mark::before, .leaderboard ol li:hover mark::after {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}

.the-most {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 50vw;
  max-width: 200px;
  padding: 10px;
}
.the-most img {
  max-width: 100%;
}
.profile-userpic {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 20px;
	position: relative;
	top: -7px;
}
.profile-userpic img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	float: left;
}

.leaderboard ol li::before { display: none }
.leaderboard ~ .leaderboard ol li::before { display: block !important; }
.bill-board{color: #fff; 
 }
 .bill-board table { border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }

 .bill-board table th, .bill-board table td{    padding: 4px 7px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    text-align: left;}

.top-info {
    padding: 5px 10px;
    overflow: scroll;
    background: #eee; border-bottom: 1px solid #d3d3d3;}

.order {
    border: 1px solid #d3d3d3;
    border-radius: 5px; margin-bottom: 40px;    box-shadow: 0px 0px 7px -1px #ccc;}
    .pro-info { padding: 15px;
    display: flex;
    align-items: center; }

    .top-info table th {text-align: left; padding: 0px 10px;
    font-size: 10px;
    font-weight: 200;}
    .top-info table td { color: #000;
    white-space: nowrap;
    padding: 0px 10px; }
    .pr-detail img {
    	height: 84px;
    float: left;
    margin-right: 14px;
    border-radius: 5px;}
    .pr-detail {
    display: flex;
    align-items: center;}
    .pr-detail strong {line-height: 21px;}
    .order .btnn-product {
    width: 100%;
    display: flex;
    justify-content: flex-end;}
    .topinfo, .order-detialss .pro-info {margin-bottom: 30px; border: 1px solid #d3d3d3; border-radius: 5px; padding: 10px;}
    .topinfo p { margin: 0px !important }
    .topinfo strong { color: #000; }
    .pricce p { display: flex;    justify-content: space-between; }

    .bg4 {
    text-align: center;
}
.thumbnail1 .bill-board .table-tb {border-left:none !important;}
.thumbnail1 {padding: 0px 21px !important;background:url(http://54.153.36.130/uploads/state.jpg) repeat-x top left}
.btn {border-radius: 3px;}

.blocks { margin-top: 40px; }


/*ats css*/
.inner-box {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 21px rgb(0 0 0 / 10%);
    border-radius: 16px;
    margin-bottom: 40px;
}
.btn-custom {
    background: #754B24;
    border: 2px solid #754B24;
    color: #fff;
    border-radius: 10px;
    min-width: 190px;
    transition: 0.5s ease-in;
        white-space: normal;
}
.btn-custom:hover{
	background: #fff;
	color: #754B24;
}
.btn-custom1 {
    background: #ffffff;
    border: 2px solid #754B24;
    color: #754B24;
    border-radius: 10px;
    min-width: 190px;
    transition: 0.5s ease-in;
}
.btn-custom1:hover{
	background: #754B24;
	color: #fff;
}
.title2 {
    font-weight: 500;
    text-align: left;
    margin-bottom: 14px;
    font-size: 28px;
    color: #000;
    letter-spacing: normal;
        text-transform: uppercase;
}
.inner-box p {
    margin: 0 0 20px 0;
}
.form-section label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1C1C1C;
/*        display: flex;
    align-items: center;*/
}
.form-section input, .form-section select {
    border: 1px solid #A9A9A9;
    border-radius: 10px;
    min-height: 42px;
    margin-bottom: 15px;
    padding: 10px 30px 10px 15px;
}
.form-section input[type=checkbox] {
    min-height: auto;
}
.form-section .checkbox label {
    font-weight: normal;
        margin-bottom: 8px;
    color: #414141;
}
.form-section2 label {
    font-weight: normal;
    color: #000000;
    display: flex;
    align-items: center;
}
.login-link {
    font-style: italic;
    color: #414141;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0 !important;
    font-weight: 500;
}
.login-link .nav-link {
    color: #754B24;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0;
    font-weight: 600;
}
/*#main {
    background: #FFFAF2;
}*/
.fpassword {
    text-align: right;
}
.fpassword a {
    color: #D7A55F;
    text-decoration: underline;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
}
.modal-body .txt1{
	color: #414141;
}
.modal-content{
	box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
.txt2{
	margin: 20px 0;
    font-size: 23px;
    line-height: 35px;
    font-weight: 500;
    color: #000;
}
.txt3{
	    color: #414141;
}
.title3{
	    margin-bottom: 10px;
    font-weight: 700;
    color: #000;
    font-size: 24px;
    line-height: 36px;
}
input[type="radio"] {
  display: none;
}

input[type="radio"]+label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 1px;
    margin-right: 3px;
    background-clip: content-box;
    border: 2px solid #bbbbbb;
    background-color: #e7e6e7;
    border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked + label:before {
    background-color: #754b24;
}
input[type=checkbox] {
  accent-color: #754b24;
}
.linkstyle1{
	text-decoration:underline;
    color: #D7A55F;
    font-weight: 600;
}
.linkstyle2{
	text-decoration:underline;
    color: #754B24;
    font-weight: 600;
}
.media-section ol{
	color: #1c1c1c;
	font-weight: 500;
}
.txt-black{
	color: #000;
}
.thanks-section{
	color: #414141;
}
.txt4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}
.txt5 {
    color: green;
    font-size: 16px;
    text-align: center;
}
.thanks-section p {
    line-height: 31px;
    font-size: 16px;
}
.t-social p {
    display: inline-block;
    margin: 20px;
    font-size: 16px;
    color: #414141;
    font-weight: 500;
}
.t-social i {
    color: #000;
    padding: 20px;
    border: 1px solid rgb(0 0 0 / 25%);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    font-size: 30px;
    margin-bottom: 10px;
}

/*progressbar*/
#progressbar {

	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
margin: 0;
padding: 0;

}
#progressbar li {
    list-style-type: none;
    color: #383838;
    font-size: 15px;
    width: 19%;
    float: left;
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: 300;
}
#progressbar li.active{
	border: none;
}
#progressbar li.active.in {
    color: #754b24;
    font-weight: 600;
}
#progressbar li:before {

    content: counter(step);
    counter-increment: step;
    width: 35px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    color: #333;
    background: white;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 2px solid #674708;
    height: 35px;
    padding: 1px;
        font-weight: 600;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 6px;
    background: hsl(0deg 8% 72%);
    position: absolute;
    right: -58%;
    top: 14px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li.active:after {
    background: linear-gradient(90deg, #674708 -5.65%, #FFFFFF 100%);
}
#progressbar li:last-child:after {
/*	connector not needed before the first step*/
	content: none; 
}
#progressbar li.active:before{
    color: white;
    background: #674708;
}
#progressbar li.active:after {
    /*background: linear-gradient(90deg, #674708 -5.65%, #FFFFFF 100%);*/
    background: #674708;
    color: white;
}

/*file upload*/
.fileUpload {
    background: #754b24;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    overflow: hidden;
    padding: 0.75em;
    position: relative;
    text-align: center;
    width: 170px;
    cursor: pointer;
    font-weight: 700;
}
.fileUpload:hover, .fileUpload:active, .fileUpload:focus {
  cursor: pointer;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 148px;
    height: 46px;
  cursor: pointer;
}
/*Audition Page*/
.table-custom{
	text-align: center;
    font-weight: 500;
}
.table-custom>thead>tr>th{
	color: #754B24;
}
.table-custom>thead>tr>th img {
    width: 25px;
    vertical-align: bottom;
}
.table-custom.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #E6C77A;
}
.table-custom.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #754B24;
    color: #fff;
}
.table-custom tbody tr td:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.table-custom tbody tr td:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.table-custom.table>tbody>tr>td, .table-custom.table>tbody>tr>th, .table-custom.table>tfoot>tr>td, .table-custom.table>tfoot>tr>th, .table-custom.table>thead>tr>td, .table-custom.table>thead>tr>th {
    border-top: 2px solid #fff;
}
.table-custom.table>tbody>tr>td{
    border-right: 1px solid #F0F0F0;
}
.table-custom.table>tbody>tr>td:last-child{
    border-right: unset;
}
.table-custom.table>thead>tr>th {
    border-bottom: 2px solid #fff;
    text-align: center;
    white-space: break-spaces
}
.bg-stars{
	background-image: url('../img/audition/stars.png');
	    background-repeat: no-repeat;
    background-position: top right;
    background-size: 18%;
}
.bg-stars2{
	background-image: url('../img/audition/stars.png');
	    background-repeat: no-repeat;
    background-position: top right;
    background-size: 7%;
}
.txt6 {
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0.25px;
    color: #000;
}
.linkstyle3{
	color: #000;
	text-decoration: underline;
}
.linkstyle3:hover{
	text-decoration: underline;
}
.win-sec{
	margin-top: 25px;
	}
.img-win {
    position: absolute;
    top: -68px;
    max-width: 250px;
}
.txt-style1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.25px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
}
.digi-bg{
	background-image: url('../img/audition/digi.png');
	background-repeat: no-repeat;
   background-size: cover;
	    padding: 60px 15px;
    border-radius: 20px;
    margin: 40px 0 0;
}
.digi-bg2{
	background-image: url('../img/audition/digi.png');
	background-repeat: no-repeat;
   background-size: cover;
	    padding: 60px 15px;
    border-radius: 20px;
    margin: 40px 0 0;
}

.reg{
	    display: flex;
    align-items: center;
    height: 100%;
}
.see{
	float: right;
	font-size: 16px;
}
.aud-sec{
	text-align: center;
}
.aud-box{
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.aud-box img {
    border-radius: 20px;
    max-height: 180px;
    object-fit: cover;
    width: 100%;
}
.overlay-txt{
	    position: absolute;
    color: #fff;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
margin: 0 20px;
}
.owl-theme .owl-dot.active span {
    width: 30px !important;
}
.owl-carousel1 .owl-item img {
    width: 100%;
    object-fit: cover;
    max-height: 200px;
    height: 200px;
    border-radius: 5px;
}
.owl-carousel1 .owl-nav button {
    position: absolute;
    top: 36%;
}
.owl-nav button:focus{
	outline: none;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background-color: unset;
}
.owl-carousel1 .owl-nav button i{
    font-size: 45px;
    color: #fff;
}
.owl-carousel1 .owl-nav .owl-prev {
    left: 1%;	
}
.owl-carousel1 .owl-nav .owl-next {
	right: 1%;
}
.owl-carousel1 .owl-dots {
    position: absolute;
    bottom: 1%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.owl-carousel1.owl-theme .owl-dots .owl-dot.active span, .owl-carousel1.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.owl-carousel1.owl-theme .owl-dots .owl-dot span {
    margin: 5px 5px;
    background: #fff;
}
button:focus{
	outline: none;
}
.audcity{
	margin-bottom: 40px;
}
.audcity:last-child{
	margin-bottom: 0;
}
.img-sec img {
    border-radius: 15px;
}
span.cr {
    float: right;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.25px;
}
.aud-city .fa{
 color: #754B24;
}
.location, .cal {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.25px;
    text-align: left;
    color: #000;
    margin-bottom: 13px !important;
}
.btn-custom:focus{
	color: #fff;
}
.video-sec2 {
    background: #000;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 100%;
    margin-bottom: 10px;
}
.video-sec2 video {
    position: relative;
    top: 0;
    left: 0;
   /*     max-height: 230px;
    height: 100%;
        min-height: 230px;*/
    height: 80%;
    display: block;
}
.star-text {
    color: #fff;
    text-align: center;
    background: #000;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}

.video_section1 {
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;

    object-fit: cover;
    transition: 2.5s all ease-in-out;
}
.v1 video {
    width: 100%;
    display: block;
}
.v2 {
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0.25px;
    padding: 9px;
}
.v2 span{
	float: right;
}
.v2 i{
	font-size: 14px;
}
.v3 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 0 9px 9px;
    display: none;
}
.owl-carousel2 .owl-item.active .video_section1:hover .v3{
	display: block;
}
/*.owl-carousel2 .owl-item.active .video_section1:hover{
  -moz-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  -o-transform:scale(1.2);
  -ms-transform:scale(1.2);
  transform:scale(1.2);
}*/
.v3 a{
    text-decoration: underline;
     color: #fff; 
}

.owl-carousel2 .owl-prev, .owl-carousel2 .owl-next {
	width: 28px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid black;
    background: rgb(211 210 210 / 32%) !important;
}
.owl-carousel2 .owl-prev { left: 0px; }
.owl-carousel2 .owl-next { right: 0px; }
.owl-carousel2 .owl-prev i,
.owl-carousel2 .owl-next i{
	color: #fff;
	    transform: scale(3,3);
}
.owl-carousel2 .owl-dots {
    position: absolute;
    top: -30%;
    right: 0;
}
.owl-carousel2 .owl-dots .owl-dot span {
    margin: 5px 5px;
}
.owl-carousel2.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel2.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}
.owl-carousel2 .owl-item {
    min-height: 260px;
}
/*ats media queries*/
@media(max-width: 1199px){
	.user.list-style-none img {
	    width: 20px;
	}
	.sidenav-duplicate .user{
		font-size: 14px;
	}
	.sidenav-inner {
	    padding: 20px;
	}
	.navmenu.navmenu-sidebar {
		font-size: 25px;
    }
    .return {
    	font-size: 13px;
    }
}
@media(max-width: 767px){
	.layout-content {
	    padding: 0px 0;
	}
	/*.sidenav-bg {
	    position: absolute;
	    z-index: 2;
	    left: 0;
	}*/
}