::-webkit-scrollbar {width:5px;
					height:10px;
					border-radius:50%}

::-webkit-scrollbar-thumb {background-color:white}

::-webkit-scrollbar-thumb:hover {background-color:grey}


	* {box-sizing:border-box}

.reset {border:unset;
		margin:0px;
		padding:0px;
		background-color:unset;}


/* inputs */

.input_white::placeholder {color:white}
.input_black::placeholder {color:black}





/*padding*/

.p10 {padding:10px}
.p11 {padding:11px}
.p12 {padding:12px}
.p13 {padding:13px}
.p14 {padding:14px}
.p15 {padding:15px}
.p10 {padding:10px}
.p16 {padding:16px;}
.p20 {padding:20px;}
.p30 {padding:30px;}


/*border*/

.border1 {border:1px solid black}
.border2 {border:2px solid black}
.border3 {border:3px solid black}

/*border curve*/

.curve_minor {border-radius:3px;}
.curve {border-radius:5px;}
.curve_full {border-radius:50%}

/*font size*/

.x9 {font-size:9px}
.x12 {font-size:12px}
.x16 {font-size:16px}
.x18 {font-size:18px}
.x20 {font-size:20px}
.x30 {font-size:30px}
.x60 {font-size:60px}
.x120 {font-size:120px}

/* font familiy */

.arial {font-family:arial}
.comf {font-family:comf;}

/* font variant */


.small {text-transform:lowercase}

.small_caps {text-transform:lowercase;
					font-variant:small-caps}

.upper_caps {text-transform:lowercase;
			font-variant:small-caps;}


.italics {font-style:italic}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.overline {text-decoration:overline;}



.t_shad {text-shadow:1px 1px 19px rgba(0,0,0,0.5);}

.shad {box-shadow:1px 1px 19px rgba(0,0,0,0.5);}






/*flex*/
.wrap {flex-wrap:wrap}

.flex_standard {display:flex;
							align-items:center;
							justify-content:center;}

.flex_standard_start {display:flex;
							align-items:center;
							justify-content:flex-start;}

.flex_standard_end {display:flex;
							align-items:center;
							justify-content:flex-end;}

.flex_minor {display:flex;
						align-items:center;
						justify-content:center;
						}

.flex_minor_start {display:flex;
						align-items:center;
						justify-content:flex-end;
						}

.flex_minor_end {display:flex;
						align-items:center;
						justify-content:flex-end;
						}


/*display*/
.glassy_04 {background-color: rgba(0,0,0,0.4)}
.glassy_05 {background-color: rgba(0,0,0,0.5)}
.glassy_06 {background-color: rgba(0,0,0,0.6)}
.glassy_07 {background-color: rgba(0,0,0,0.7)}
.glassy_08 {background-color: rgba(0,0,0,0.8)}
.glassy_09 {background-color: rgba(0,0,0,0.9)}





.fade_0 {opacity:0;}
.fade_5 {opacity:0.5;}
.fade_8 {opacity:0.8;}
.fade_9 {opacity:0.9;}
.fade_95 {opacity:0.95;}
.fade_98 {opacity:0.98;}
.visible {opacity:1;}
.hide {display:none;}
.inline {display:inline;}
.block {display:block;}

.z1 {z-index:+1}
.z2 {z-index:+2}
.z3 {z-index:+3}
.z4 {z-index:+4}


/*margins*/
.marg {margin:4px}
.marg_l {margin-left:4px}
.marg_r {margin-right:4px}
.marg_t {margin-top:4px}
.marg_b {margin-bottom:4px}

.marg_t30 {margin-top:30px}
.marg_t40 {margin-top:40px}
.marg_t50 {margin-top:50px}
.marg_t60 {margin-top:60px}
.marg_t70 {margin-top:70px}

.marg_b30 {margin-bottom:30px}
.marg_b40 {margin-bottom:40px}
.marg_b50 {margin-bottom:50px}
.marg_b60 {margin-bottom:60px}
.marg_b70 {margin-bottom:70px}




/* hover */

.hov_sgreen:hover {background-color:seagreen;
color:white}
.hov_crimson:hover {background-color:crimson;
color:white}
.hov:hover {box-shadow:1px 1px 19px rgba(0,0,0,0.5)}
.hov2:hover {box-shadow:1px 1px 19px rgba(0,0,0,0.5);
							transform:scale(1.3)}

/* focus*/

.focus {color:black;
				transition:0.8s;}

/*text align*/

.right {text-align:right}
.center {text-align:center}
.left {text-align:left}



/*shapes*/

.sq_5 {height:5px;
				width:5px;}

.sq_10 {height:10px;
				width:10px;}

.sq_20 {height:20px;
				width:20px;}

.sq_30 {height:30px;
				width:30px;}

.sq_40 {height:40px;
				width:40px;}

.sq_50 {width:50px;
					height:50px;}

.sq_80 {width:80px;
					height:80px;}

.sq_100 {width:100px;
						height:100px;}

.sq_250 {width:250px;
				height:250px;}


/*widths*/

.full_h {width:100%}
.h_5 {width:5%;}
.h_10 {width:10%;}
.h_15 {width:15%;}
.h_20 {width:20%;}
.h_25 {width:25%;}
.h_30 {width:30%;}
.h_35 {width:35%;}
.h_40 {width:40%;}
.h_45 {width:45%;}
.h_50 {width:50%;}
.h_55 {width:55%;}
.h_60 {width:60%;}
.h_65 {width:65%;}
.h_70 {width:70%;}
.h_75 {width:75%;}
.h_80 {width:80%;}
.h_85 {width:85%;}
.h_90 {width:90%;}
.h_95 {width:95%;}
.h_80px {width:80px}
.h_200 {width:200px}
.h_250 {width:250px}
.h_300 {width:300px}
.h_350 {width:350px}
.h_100 {width:100px;}
.h_120 {width:120px;}
.h_150 {width:150px}




.full_v {height:100%}
.v_5 {height:5%;}
.v_10 {height:10%;}
.v_15 {height:15%;}
.v_20 {height:20%;}
.v_25 {height:25%;}
.v_30 {height:30%;}
.v_35 {height:35%;}
.v_40 {height:40%;}
.v_45 {height:45%;}
.v_50 {height:50%;}
.v_55 {height:55%;}
.v_60 {height:60%;}
.v_65 {height:65%;}
.v_70 {height:70%;}
.v_75 {height:75%;}
.v_80 {height:80%;}
.v_85 {height:85%;}
.v_90 {height:90%;}
.v_95 {height:95%;}
.v_200 {height:200px}
.v_230 {height:230px}
.v_250 {height:250px}
.v_150 {height:150px}
.v_120 {height:120px;}
.v_100 {height:100px;}



/*positions*/


.relative {position:relative;}
.static {position:static}
.fix {position:fixed;}
.abs {position:absolute;}
.abs_100 {position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%}

.abs_t_r {position:absolute;
				top:0;
				right:0;
				}

.abs_t_l {position:absolute;
				top:0;
				left:0;
				}


.top5 {top:5px}
.top10 {top:10px}
.top11 {top:11px}
.top12 {top:12px}
.top13 {top:13px}
.top14 {top:14px}
.top15 {top:15px}
.top20 {top:20px}
.top25 {top:25px}
.top30 {top:30px}

/*background images*/

.bg_img {

	background-size:cover;
}

.bg_img2{

	background-size:cover;
	background-attachment:fixed;


}

/*transitions*/
.trans_08 {transition:0.8s}
.trans_1 {transition:1s}
.trans_2 {transition:2s}

/*mouse*/
.sep {width:15px;
		height:15px}

.pnt {cursor:pointer}



/*defaults*/

/*overflow*/
.ovr {overflow:auto}
.ovr_hide {overflow:hidden;}

/*animations*/
.rotate_08 {
animation-name:go_round;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-duration:0.8s;
}

.rotate_2 {
animation-name:go_round;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-duration:2s;
}

.rotate_3 {
animation-name:go_round;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-duration:3s;
}

@keyframes go_round{

0% {transform:rotate(0deg)}

100% {transform:rotate(360deg)}

}