/*colors*/



/*center*/

.center-box{
	text-align: center !important ;
	display: inline-block !important ;
}

.center-cont{
	width: 100%;
	margin: 0 auto;

}

/*background*/

.bg-black {
	background-color: #333333;
}

.bg-white {
	background-color: white;
}

.bg-blue {
	background-color: #68B5dc;
}

.bg-yellow {
	background-color: #FBD460;
}

.bg-orange {
	background-color:#F4963D;
}

.bg-f-blue {
	background-color: #51AEB7;
}

.bg-purple {
	background-color: #563639;
}

.bg-s-blue {
	background-color: #B3CEE2;
}
.bg-t-blue {
	background-color: #94D0F1;
}
.bg-i-grey {
	background-color: #CCCBCA;
}

.bg-light-grey {
	background-color: #eee;
}

.bg-f-blue-grad {
	background-color: rgba(81,174,184,.9);
}

.bg-s-blue-grad {
	background-color: rgba(179,206,227,.9);
}

.bg-t-blue-grad {
	background-color: rgba(147,208,241,.9);
}

.bg-i-grey-grad {
	background-color: rgba(204,203,203,.9);
}

.bg-blue-grad {
	background-color: rgba(104,180,219,.9);
}

.bg-yellow-grad {
	background-color: rgba(250,212,96,.9);
}

.bg-purple-grad {
	background-color: rgba(86,54,57,.9);
}




/*base colors*/



.black {
	color:#333333;
}

.grey {
	color:#808080;
}

.white {
	color: white;
}

.blue {
	color: #68B5dc; 
}

.f-blue {
	color: #51AEB7;
}

.s-blue {
	color: #B3CEE2;
}

.t-blue {
	color: #94D0F1;
}

.i-grey {
	color: #CCCBCA;
}


.purple {
	color: #563639;
}

.yellow {
	color: #FBD460 ;
}

.orange {
	color:#F4963D;
}

/*btns controllers*/

.a-blue {
	font-weight: 200;
	font-size: 1em;
	line-height: 1.5em;
	color:#808080;
	font-family: 'rlight', sans-serif;
}

.a-blue:hover {
	color: #68B5dc;
	font-family: 'rlight', sans-serif; 
}

.btn-yellow:hover {
	background-color: #FBDC6D;
	transform: scale(1.1);
}

.btn-yellow:active {
	background-color: #F4C552;
	transform: scale(1);
}

.btn-blue:hover {
	background-color: #77C3EA ;
	transform: scale(1.1);
}

.btn-blue:active {
	background-color: #4BA0D1 ;
	transform: scale(1);
}

.btn-f-blue:hover {
	background-color: #6CB8BB ;
	transform: scale(1.1);
}

.btn-f-blue:active {
	background-color: #3DA1AB ;
	transform: scale(1);
}

.btn-s-blue:hover {
	background-color: #C5DCED;
	transform: scale(1.1);
}

.btn-s-blue:active {
	background-color: #95B6D7 ;
	transform: scale(1);
}

.btn-t-blue:hover {
	background-color:#BADEF4 ;
	transform: scale(1.1);	
}

.btn-t-blue:active {
	background-color: #7DC5EC ;
	transform: scale(1);
}

.btn-purple:active {
	background-color: #4B2E33 ;
	transform: scale(1);
}

.btn-purple:hover {
	background-color:#67464A ;
	transform: scale(1.1);	

}

.btn-i-grey:active {
	background-color: #BFB5B0 ;
	transform: scale(1);
}

.btn-i-grey:hover {
	background-color:#D6D5D5 ;
	transform: scale(1.1);	

}


.btn:hover {
	transform: scale(1.1);
	color: white;
	border:2px solid white;
}

.btn:active {
	transform: scale(.9);
}

/*borders*/ 

.border-img {
	border: 2px solid #CCCBCA;
}

.border-bottom-yellow,
.border-bottom-blue,
.border-bottom-f-blue,
.border-bottom-grey,
.border-bottom-purple,
.border-bottom-s-blue,
.border-bottom-i-grey,
.border-bottom-white,
.border-bottom-t-blue
 {
	border-bottom: 2px solid;

}


.border-all-yellow {
	border: 2px solid #FBD460;
}



.border-all-blue {
	border: 2px solid  #68B5dc;
}

.border-all-f-blue {
	border: 2px solid  #51AEB7;
}

.border-all-s-blue {
	border: 2px solid  #B3CEE2;
}

.border-all-t-blue {
	border: 2px solid  #94D0F1;
}

.border-all-i-grey {
	border: 2px solid #CCCBCA;
}

.border-all-purple {
	border: 2px solid #563639;
}

.border-all-white {
	border: 2px solid white;
}

.border-all-orange {
	border: 2px solid #F3963D;
}

.border-all-grey {
	border: 2px solid #CCCBCA;
}

.border-bottom-white {
	border-bottom-color: white;
}


.border-bottom-yellow,
.border-left-yellow,
.border-right-yellow {
	border-color: #FBD460;


}

.border-bottom-blue {
	border-bottom-color: #68B5dc;
}

.border-bottom-f-blue {
	border-bottom-color: #51AEB7;
}

.border-bottom-purple {
	border-bottom-color: #563639;
}

.border-bottom-s-blue {
	border-bottom-color: #B3CEE2;
}

.border-bottom-t-blue {
	border-bottom-color: #94D0F1;
}

.border-bottom-i-grey {
	border-bottom-color: #CCCBCA;
}

.border-radius {
	border: 0px solid;
	border-radius: 50px;
	border-left: none; 
}
/*spacers*/

.top10 {
	margin-top: 10px;
}

.top15 {
	margin-top: 15px;
}

.top20 {
	margin-top: 20px;
}

.top40 {
	margin-top: 40px;
}

.top60 {
	margin-top: 60px;
}

.top80 {
	margin-top: 80px;
}

.top90 {
	margin-top: 90px;
}

.top100 {
	margin-top: 100px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom40 {
	margin-bottom: 40px;
}


.right10 {
	padding-right: 10px;
}

.right20 {
	padding-right: 20px;
}

.right30 {
	padding-right: 30px;
}

.bottom20-p {
	padding-bottom: 20px;
}

.left10{
	padding-left: 10px;
}
.left20 {
	padding-left: 20px;
}

.all10 {
	padding:10px;
}



.padding20 {
	padding-top: 20px;
}

/*push*/


@media (min-width:0px) {

.top20-md {
	margin-top: 20px;
}	

.top40-md {
	margin-top: 40px;
}


}


@media (min-width:412px){


.right10-lg {
	padding-right: 0px;
}



.left10-lg {
	padding-left: 0px;
}

.border-all-yellow-text {
	border: 0px solid #FBD460;

}

.border-all-s-blue-text {
	border: 0px solid #B3CEE2;
}

.border-all-f-blue-text {
	border: 0px solid #51AEB7;
}

.border-all-purple-text {
	border: 0px solid #563639;
}

.border-all-black-text {
	border: 0px solid #333333;
}

.border-bottom-left-yellow{
	border-left:0px solid #FBD460;
	border-bottom: 0px solid #FBD460;
	height: 0px;
	width: 0px;
}

.border-bottom-right-yellow {
	border-right:0px solid #FBD460;
	border-bottom: 0px solid #FBD460;
	height: 0px;
	width: 0px;
}

.border-bottom-right-purple {
	border-right:0px solid #563639;
	border-bottom: 0px solid #563639;
	height: 0px;
	width: 0px;
}

.border-bottom-left-purple {
	border-left:0px solid #563639;
	border-bottom: 0px solid #563639;
	height: 0px;
	width: 0px;
}

.border-bottom-left-s-blue {
	border-left:0px solid #C5DCED;
	border-bottom: 0px solid #C5DCED;
	height: 0px;
	width: 0px;
}

.border-bottom-right-t-blue {
	border-right:0px solid #C5DCED;
	border-bottom: 0px solid #C5DCED;
	height: 0px;
	width: 0px;
}


.all20-lg {
	padding: 0;
}

.all10-lg {
	padding: 0;
}



}




@media (min-width:801px){

.border-all-yellow-text {
	border: 2px solid #FBD460;
}

.border-all-black-text {
	border: 2px solid #333333;
}

.border-all-s-blue-text {
	border: 2px solid #B3CEE2;
}

.border-all-f-blue-text {
	border: 2px solid #51AEB7;
}

.border-all-t-blue-text {
	border: 2px solid #94D0F1;
}

.border-all-purple-text {
	border: 2px solid #563639;
}

.border-all-grey-text {
	border: 2px solid #808080;
}

.border-bottom-left-yellow {
	border-left:2px solid #FBD460;
	border-bottom: 2px solid #FBD460;
	height: 40px;
	width: 40px;
}

.border-bottom-right-yellow {
	border-right:2px solid #FBD460;
	border-bottom: 2px solid #FBD460;
	height: 40px;
	width: 40px;
}

.border-bottom-right-purple {
	border-right:2px solid #563639;
	border-bottom: 2px solid #563639;
	height: 40px;
	width: 40px;
}

.border-bottom-left-purple {
	border-left:2px solid #563639;
	border-bottom: 2px solid #563639;
	height: 40px;
	width: 40px;
}

.border-bottom-left-s-blue {
	border-left:2px solid #C5DCED;
	border-bottom: 2px solid #C5DCED;
	height: 40px;
	width: 40px;
}

.border-bottom-right-t-blue {
	border-right:2px solid #C5DCED;
	border-bottom: 2px solid #C5DCED;
	height: 40px;
	width: 40px;
}



.push-in {

	padding-right: 8.3333%;
	padding-left: 8.3333%;
}


.right10-lg {
	padding-right: 10px;
}

.left10-lg {
	padding-left: 10px;
}

.top100-lg {
	margin-top: 100px;
}

.top20-md {
	margin-top: 0px;
}

.top40-md {
	margin-top: 0px;
}

.all20-lg {
	padding: 20px;
}	

.all10-lg {
	padding: 10px;
}	


}