/*** header  ***/
.fusion-logo  .fusion-logo-link img{
	max-width:160px;
}
div.fusion-header-v4 div.fusion-header{
	padding-top:0;
	padding-bottom:0;
}
.fusion-header-v4 nav.fusion-main-menu, .fusion-header-v5 nav.fusion-main-menu{
	padding-left:30px;
}
.fusion-body .fusion-main-menu .current-menu-ancestor>a span,
.fusion-body .fusion-main-menu .current-menu-item>a span,
.fusion-body .fusion-main-menu .current-menu-parent>a span,
.fusion-body .fusion-main-menu .current_page_item>a span{
	text-transform:uppercase;
}

.fusion-main-menu #menu-primary-menu.fusion-menu::after{
  content: '';
  flex-grow: 1;
  order: 0;
}
.fusion-main-menu #menu-primary-menu.fusion-menu li.social-icon-menu{
	order:1;
	padding-right: 10px;
}
.fusion-main-menu #menu-primary-menu.fusion-menu li.social-icon-menu a{
	width:40px;
	height:40px !important;
	background-color:#0000ff;
	color:#fff;
	line-height:40px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	padding-top:2px;
}
body:not(.fusion-header-layout-v6) .fusion-is-sticky .fusion-main-menu>ul>li>a{
	text-transform:uppercase;
}
body:not(.fusion-header-layout-v6) .fusion-is-sticky nav.fusion-main-menu{
	padding-left:0;
}
.header-image{
 background:#282828;
}

.fusion-footer-widget-area .textwidget{
	font-weight:bold;
}

#club-calender-team-content{
	clear:both;
}
/*** club-calender-view ***/
#club-calender-view{
	min-height:800px;
}

/*

#club-calender-view ul.xtabs li {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 30px 14px 0;
  transition: 0.3s;
  list-style:none;

}
#club-calender-view ul.xtabs li a{
	color:#312783;
}
#club-calender-view ul.xtabs li:hover a{
  color: #e6007e;
}

#club-calender-view ul.xtabs a.active{
 color: #e6007e;
}
*/
#club-calender-view ul.xtabs  {
  overflow: hidden;
}

#progress {
    padding: 0;
    list-style-type: none;
    font-family: arial;
    font-size: 12px;
    clear: both;
    line-height: 1em;
    margin: 0 -1px;
    text-align: center;
}

#progress li {
    float: left;
    padding: 9px 30px 9px 40px;
    background: linear-gradient(to right,#1a1467,#0000ff);
    color: #fff;
    position: relative;
    border-top: 1px solid #0000ff;
    border-bottom: 1px solid #0000ff;
    width: 23%;
    margin: 0 1px;
	box-sizing:border-box;
	text-align:right;
	color:white;
}
#progress li a{
	color:white;
	font-size:18px;
	display:block;
}

#progress li a span{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:50%;
	border:1px solid #fff;
	text-align:center;
}

#progress li:before {
    content: '';
    border-left: 22px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    
}
#progress li:first-child:before {
	border-left: 22px solid #1a1467;
}
#progress li:after {
    content: '';
    border-left: 22px solid #0000ff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

#progress li.active {
    background: #e6007e;
	border-top: 1px solid #e6007e;
    border-bottom: 1px solid #e6007e;
}

#progress li.active:after {
    border-left-color: #e6007e;
}
#progress li.active:first-child:before {
	border-left: 22px solid #e6007e;
}
#club-calender-view .buttonwrap .error{
	color:red;
	font-size:14px;
}
#club-calender-view .buttonwrap{
	margin:15px 100px 15px 15px;
	display: flex;
    justify-content: space-between;
}

#club-calender-view .buttonwrap .title{
	color:#e6007e;
	font-size:20px;
	margin:0 0 5px;
}
#club-calender-view .buttonwrap input{
	border-radius:0;
	position:relative;
	height: 44px;
    vertical-align: top;
	padding: 13px 10px;
    line-height: 17px;
    font-size: 16px;
	font-weight:bold;
}
#club-calender-view .buttonwrap input + span{
    border-left: 22px solid #e6007e;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
	height: 44px;
	display: inline-block;
}
#club-calender-view .buttonwrap input#makechanges{
	border-radius:0;
	position:relative;
	height: 44px;
    vertical-align: top;
	padding-left:10px;
	background:#2b2e83;
	color:white;
}
#club-calender-view .buttonwrap #makechangeswrap span  {
    border-right: 22px solid #2b2e83;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
	height: 44px;
	display: inline-block;
}


#club-calender-view .buttonwrap div:last-child{
	min-width:260px;
}

#club-calender-view .tabcontent {
  padding: 6px 12px;
  border-top: none;
}

.club-calenders {
	margin:0;
	padding:0;
}
.club-calenders li.club-calender{
	list-style:none;
	display:inline-block;
	width:20%;
	margin:0;
	padding:0;
	cursor:pointer;
}
.club-calenders li.club-calender div{
	padding:5px;
	margin:15px;
	background:#009fe3;
}
.club-calenders li.club-calender.active div{
	border:5px solid #e6007e;
}
.club-calenders li.club-calender div > *{
	display:block;
	text-align:center;
}
#club-calender-style-content ul.styles{
  margin:0;
  padding:0;
}
#club-calender-style-content ul.styles li{
	width:50%;
	float:left;
	cursor:pointer;
	list-style:none;
}
#club-calender-style-content ul.styles li img{
	margin:10px;
}
#club-calender-style-content ul.styles li.active img{
	border:5px solid #312783;
}
#club-calender-select-content #choosemonths{
	overflow:hidden;
}
#club-calender-select-content .months{
	width:25%;
	box-sizing:border-box;
	float:left;
	margin-bottom:10px;
}
#club-calender-select-content .months img{
	width: 40%;
	height:auto;
	margin-right:5px;
	float:left;
}
#club-calender-select-content .months p{
	margin-bottom:2px;
}
#club-calender-select-content .months .clear{
 clear:both;
}
#club-calender-select-content .months .calenderms{
  width:48%;
  border:0;
  background:#fff;
}
.selectedcalender{
	overflow:hidden;
}
.selectedcalender .scal{
	width:16.6667%;
	float:left;
}
.selectedcalender .scal p{
	text-align:center;
}
.calendermonths{
	overflow:hidden;
}
.calendermonths .calendermonth{
	width:60px;
	float:left;
}
.calendermonths .calendermonth img{
	width:100%;
	height:auto;
}
.calendermonths .calendermonth p{
	font-size:10px;
}

#startdesign{
	margin:0 auto;
	max-width:857px;
	background-size:contain !important;
}
#startdesign #startdesigninner{
	height:200px;
}
#startdesign #startdesigninner p{
	font-size:36px;
	line-height:1.2em;
	padding:0 5%;
}

#content .single-navigation{
	border:0;
}
.avada-has-rev-slider-styles .rev_slider_wrapper.avada-skin-rev{
	border:0;
}
@media screen and ( max-width: 782px ) {
	.club-calenders li.club-calender{
		width:50%;
	}
	#club-calender-select-content .months{
		width:50%;
	}
	.selectedcalender .scal{
		width:50%;
		float:left;
	}

	#startdesign #startdesigninner{
		height:140px;
		padding:0 5%;
	}
	#startdesign #startdesigninner p{
		font-size:26px;
		line-height:1.2em;
	}
	#progress li {
		width:90%;
	}
	#progress li:before {
		border-left: 22px solid #1a1467;
	}
	#progress li.active:before {
		border-left: 22px solid #e6007e;
	}
	#club-calender-view .buttonwrap{
		display:block;
		margin:15px 15px 15px 15px;
	}

	.fusion-header-v4 div.fusion-logo .fusion-header-content-3-wrapper{
		display:block;
	}

	.fusion-header-v4 div.fusion-logo .fusion-header-content-3-wrapper .fusion-social-links-header .fusion-social-network-icon{
		margin:5px !important;
	}

	.calenderimagewrap .fusion-text,
	.calenderimagewrap .awb-imageframe-style.awb-imageframe-style-above .awb-imageframe-caption-container {
		margin-left:0px !important;
	}
	.calenderimagewrap .awb-imageframe-style.awb-imageframe-style-above  .awb-imageframe-caption-container .awb-imageframe-caption-title{
		font-size: 40px !important;
	}
}

@media screen and ( max-width: 480px ) {
    .club-calenders li.club-calender{
		width:100%;
	}
	#club-calender-select-content .months{
		width:100%;
	}
	.selectedcalender .scal{
		width:100%;
		float:left;
	}

	#startdesign #startdesigninner{
		height:70px;
	}
	#startdesign #startdesigninner p{
		font-size:16px;
		line-height:1.2em;
	}
}

.avada-has-titlebar-content_only.fusion-body .fusion-page-title-bar{
}

#media_image-2 img{
	max-width:150px !important;
	height:auto;
}
.calenderimage img{
	border-left:5px solid #ea2993;
}
 .wpcf7-form .getintouch input{
	height:36px;
}
@media screen and ( max-width: 360px ) {
	#startdesign #startdesigninner{
		height:70px;
	}
	#startdesign #startdesigninner p{
		font-size:16px;
		line-height:1.2em;
	}
	
}