@font-face{

	}

body{
  font-size:16px;
  font-family: 'TisaSansPro', sans-serif;
  font-family: 'TisaSansPro', sans-serif;
  line-height:1.1;
}
body .main 
{
  background-image: none;
  background-color: #fff;
  padding-bottom:40px;
}
#main_nav a{
	font-size: 14px;
}
.container-no-conflict{
  width:100% !important;
}
#footer_left img{
	max-height:100%;
}
.nowrap-desktop{
	white-space:nowrap;
}
#cyc-header-image{
	background: url('/wp-content/themes/NerdFitness/templates/images/create-your-character-landing-page/CYC-header.jpg') top center no-repeat;
	background-size: cover;
	width:100%;
	height: 400px;
	color:white;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-align:center;
	    align-items:center;
	-ms-flex-pack:center;
	    justify-content:center;
	text-align:right;
}

#cyc-create{
	position:relative;
	z-index:20;
}
#cyc-nf-logo{
    position: relative;
    z-index: 10;
    display: inline;
    right: -62px;
    top: -17px;
}
#cyc-header-character{
	font-style:italic;
	font-size:130px;
	-ms-flex-item-align:end;
	    align-self:flex-end;
	margin-right:8%;
	margin-top:-4%;
}
#cyc-header-character-text{
	position:relative;
	z-index:20;
}

#cyc-header-red{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
	color:white;
	font-size:34px;
	font-weight:700;
	background-color: #C43737;
	height: auto;
	padding:20px 10px;
	text-align:center;
	font-weight: 700;
}
.cyc-header-red-item{
	-ms-flex-preferred-size:80%;
	    flex-basis:80%;
	line-height: 1.2;
}
.cyc-header-red{
	color: #C43737;
	font-weight: 700;
	font-size: 32px;

}
.cyc-section-title{
	margin-bottom: 20px;
}
#cyc-choose-class,
#cyc-profile-goals,
#cyc-join-forces{
	padding-top:40px;
	padding-bottom:40px;
}
/* Styles for the choose your class area */
#cyc-choose-class{

}
.flex-icons{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align:center;
	    align-items:center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.class-icon{
	-ms-flex-preferred-size:100px;
	    flex-basis:100px;
	max-width:100px;
}
.cyc-icon-caption{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	font-style:italic;
	font-size:14px;
}
.grey-button{
	background: rgba(242,242,242,1);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(179,179,179,1)));
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(179,179,179,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#b3b3b3', GradientType=0 );

	display:-ms-flexbox;

	display:flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack:center;
	    justify-content:center;
	font-size: 16px;
	color: #4D4D4D;
	border: 1px solid #999999;
	border-radius:5px;
	text-transform:uppercase;
	font-weight:700;
	font-style:italic;
	padding: 10px 5px 5px 5px;

}




/* Styles for the profile and goals area */
#cyc-profile-goals{
	background-color: #F2F2F2;
}
.four-columns .col-sm-3{
	padding-left:13px !important;
	padding-right:0 !important;
}
.cyc-image-bottom-caption{
	background: #C43737;
	color:white;
	font-size:14px;
	position:relative;
	text-align:center;
	padding:15px 10px;
	bottom:1px;
	left:0;
	width:100%;
	font-style:italic;
	font-size: 13px;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
.spacer-20-top{
	margin-top: 40px;
}


/* Styles for join forces area */


.cyc-orange-button{
	background-color: #EB6400;
	color:white;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	text-align: center;
	padding: 20px;
	font-weight: 700;
	font-size:24px;
	font-family: 'KomikaAxisRegular';
	margin-top:60px;
 	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.cyc-orange-button:hover{
	background-color: #EEA235;
}
#cyc-join-forces img{
	
}

/* GIANT SCREENS */
@media screen and (min-width: 1300px){
	.flex-icons{
		margin-top: 20px;
	}
}

@media screen and (max-width: 1300px){
	#cyc-profile-goals .smaller{
		font-size:smaller;
	}
}
@media screen and (max-width: 1150px){
	#cyc-header-image .line-1{
		font-size:8vw;
	}
	#cyc-header-image .line-2 span{
		font-size:9vw;
	}
}
@media screen and (max-width:991px){
	.flex-icons{
		margin-top:20%;
	}
	.nowrap-desktop{
		white-space:normal;
	}
	#cyc-header-image .line-2 img{
		height:20vw;
		margin-top:-12vw;
		left:-15vw;
	}
}
@media screen and (max-width:767px){
	#cyc-header-image .line-1{
		bottom:-45px;
	}
	.cyc-header-red-item{
		font-size:4.5vw;
	}
	
	.flex-icons{
		margin-top:0;
	}
	.cyc-header-red{
		text-align:center;
	}
	.cyc-image-bottom-caption{
		margin-bottom: 40px;
		max-width:235px;
		margin-left: auto;
		margin-right: auto;
	}
	img{
		display:block;
		margin:0 auto;
	}
	#cyc-profile-goals img{
		width: 100%;
		max-width:235px;
		max-height:231px;
	}
	.cyc-orange-button{
		font-size:20px;
	}
}
@media screen and (max-width: 550px){
	#cyc-header-image .line-1{
		font-size:15vw;
		text-align:center;
		line-height:1;
		bottom:0;
	}	
	#cyc-header-image .line-2{
		margin:0;
		margin-top: 3vw;
	}
	#cyc-header-image .line-2 span{
		font-size: 15vw;
	}
	#cyc-header-image .line-2 img{
		margin-top:0;
		left: 50%;
        transform: translateX(-50%);
        top: -36%;
	}
	#cyc-header-red{
		font-size:5.5vw;
	}
}
@media screen and (max-width: 450px){
	#cyc-header-image .line-2 img{
		top:-25%;
	}
}
@media screen and (max-width: 400px){
	#cyc-header-image .line-2{
		margin-top: 1vw;
	}
	#cyc-header-image .line-2 img{
		top:-12%;
	}
}
@media screen and (max-width: 360px){\
	#cyc-header-image .line-2{
		margin-top: 0;
	}
	#cyc-header-image .line-2 img{
		top: -6%;
	}
}