/*==================================
	Padding
==================================*/
.padding-none{padding:0 !important}
.padding{padding:10px !important}
.padding-sm{padding:5px !important}
.padding-md{padding:10px !important}
.padding-lg{padding:20px !important}
.padding-xl{padding:40px !important}
.padding-xxl{padding:70px !important}

.padding-top-none{padding-top:0 !important}
.padding-top{padding-top:10px !important}
.padding-top-sm{padding-top:5px !important}
.padding-top-md{padding-top:10px !important}
.padding-top-lg{padding-top:20px !important}
.padding-top-xl{padding-top:40px !important}
.padding-top-xxl{padding-top:70px !important}

.padding-right-none{padding-right:0 !important}
.padding-right{padding-right:10px !important}
.padding-right-sm{padding-right:5px !important}
.padding-right-md{padding-right:10px !important}
.padding-right-lg{padding-right:20px !important}
.padding-right-xl{padding-right:40px !important}
.padding-right-xxl{padding-right:70px !important}

.padding-bottom-none{padding-bottom:0 !important}
.padding-bottom{padding-bottom:10px !important}
.padding-bottom-sm{padding-bottom:5px !important}
.padding-bottom-md{padding-bottom:10px !important}
.padding-bottom-lg{padding-bottom:20px !important}
.padding-bottom-xl{padding-bottom:40px !important}
.padding-bottom-xxl{padding-bottom:70px !important}

.padding-left-none{padding-left:0 !important}
.padding-left{padding-left:10px !important}
.padding-left-sm{padding-left:5px !important}
.padding-left-md{padding-left:10px !important}
.padding-left-lg{padding-left:20px !important}
.padding-left-xl{padding-left:40px !important}
.padding-left-xxl{padding-left:70px !important}

/*==================================
	Margins
==================================*/
.margin-none{margin:0 !important}

.margin{margin:10px !important}
.margin-sm{margin:5px !important}
.margin-md{margin:10px !important}
.margin-lg{margin:20px !important}
.margin-xl{margin:40px !important}
.margin-xxl{margin:70px !important}

.margin-top-none{margin-top:0 !important}
.margin-top{margin-top:10px !important}
.margin-top-sm{margin-top:5px !important}
.margin-top-md{margin-top:10px !important}
.margin-top-lg{margin-top:20px !important}
.margin-top-xl{margin-top:40px !important}
.margin-top-xxl{margin-top:70px !important}

.margin-right-none{margin-right:0 !important}
.margin-right{margin-right:10px !important}
.margin-right-sm{margin-right:5px !important}
.margin-right-md{margin-right:10px !important}
.margin-right-lg{margin-right:20px !important}
.margin-right-xl{margin-right:40px !important}
.margin-right-xxl{margin-right:70px !important}
.margin-right-auto{margin-right:auto !important;}

.margin-bottom-none{margin-bottom:0 !important}
.margin-bottom{margin-bottom:10px !important}
.margin-bottom-sm{margin-bottom:5px !important}
.margin-bottom-md{margin-bottom:10px !important}
.margin-bottom-lg{margin-bottom:20px !important}
.margin-bottom-xl{margin-bottom:40px !important}
.margin-bottom-xxl{margin-bottom:70px !important}

.margin-left-none{margin-left:0 !important}
.margin-left{margin-left:10px !important}
.margin-left-sm{margin-left:5px !important}
.margin-left-md{margin-left:10px !important}
.margin-left-lg{margin-left:20px !important}
.margin-left-xl{margin-left:40px !important}
.margin-left-xxl{margin-left:70px !important}
.margin-left-auto{margin-left:auto !important;}

.margin-left-right-auto{margin-left:auto !important; margin-right:auto !important;}


/*==================================
	Borders
==================================*/
.border-none{border:none !important;}
.border-left-none{border-left:none !important}
.border-right-none{border-right:none !important}
.border-bottom-none{border-bottom:none !important}
.border-top-none{border-top:none !important}
.boder-radius-none{border-radius:0 !important;}

/*==================================
	Floats
==================================*/
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-none{float:none !important;}

/*==================================
	Text align
==================================*/
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}

/*==================================
	Block
==================================*/
.display-inline-block{display:inline-block !important;}
.display-block{display:block !important;}
.display-inline{display:inline !important;}

/*==================================
	Positions
==================================*/
.position-relative{position:relative !important;}
.position-absolute{position:absolute !important;}
.position-static{position:static !important;}
.position-fixed{position:fixed !important;}

/*==================================
	Vertical align
==================================*/
.vertical-align-top{vertical-align:top !important;}
.vertical-align-middle{vertical-align:middle !important;}
.vertical-align-bottom{vertical-align:bottom !important;}

/*==================================
	Word break
==================================*/
.nowrap{white-space: nowrap;}
.word-break{word-break:break-all; word-wrap:break-word;}

/*==================================
	Overflow
==================================*/
.overflow-auto{overflow:auto;}

/*==================================
	List-style-type
==================================*/
.list-style-type-none,
.list-style-type-none li{
	list-style-type:none;
}

/*==================================
	Max Height
==================================*/
.max-height1{max-height:1em !important;}
.max-height2{max-height:2em !important;}
.max-height3{max-height:3em !important;}
.max-height4{max-height:4em !important;}
.max-height5{max-height:5em !important;}
.max-height6{max-height:6em !important;}
.max-height7{max-height:7em !important;}
.max-height8{max-height:8em !important;}
.max-height9{max-height:9em !important;}
.max-height10{max-height:10em !important;}
.max-height11{max-height:11em !important;}
.max-height12{max-height:12em !important;}
.max-height13{max-height:13em !important;}
.max-height14{max-height:14em !important;}
.max-height15{max-height:15em !important;}
.max-height16{max-height:16em !important;}
.max-height17{max-height:17em !important;}
.max-height18{max-height:18em !important;}
.max-height19{max-height:19em !important;}
.max-height20{max-height:20em !important;}
.max-height21{max-height:21em !important;}
.max-height22{max-height:22em !important;}
.max-height23{max-height:23em !important;}
.max-height24{max-height:24em !important;}
.max-height25{max-height:25em !important;}
.max-height26{max-height:26em !important;}
.max-height27{max-height:27em !important;}
.max-height28{max-height:28em !important;}
.max-height29{max-height:29em !important;}
.max-height30{max-height:30em !important;}
.max-height31{max-height:31em !important;}
.max-height32{max-height:32em !important;}
.max-height33{max-height:33em !important;}
.max-height34{max-height:34em !important;}
.max-height35{max-height:35em !important;}
.max-height36{max-height:36em !important;}
.max-height37{max-height:37em !important;}
.max-height38{max-height:38em !important;}
.max-height39{max-height:39em !important;}
.max-height40{max-height:40em !important;}

/*==================================
	Form size
==================================*/
.size-xs{width:5em !important;}
.size-sm{width:15em !important;}
.size-md{width:30em !important;}
.size-lg{width:40em !important;}
.size-xl{width:50em !important;}
.size1{width:1em !important;}
.size2{width:2em !important;}
.size3{width:3em !important;}
.size4{width:4em !important;}
.size5{width:5em !important;}
.size6{width:6em !important;}
.size7{width:7em !important;}
.size8{width:8em !important;}
.size9{width:9em !important;}
.size10{width:10em !important;}
.size11{width:11em !important;}
.size12{width:12em !important;}
.size13{width:13em !important;}
.size14{width:14em !important;}
.size15{width:15em !important;}
.size16{width:16em !important;}
.size17{width:17em !important;}
.size18{width:18em !important;}
.size19{width:19em !important;}
.size20{width:20em !important;}
.size21{width:21em !important;}
.size22{width:22em !important;}
.size23{width:23em !important;}
.size24{width:24em !important;}
.size25{width:25em !important;}
.size26{width:26em !important;}
.size27{width:27em !important;}
.size28{width:28em !important;}
.size29{width:29em !important;}
.size30{width:30em !important;}
.size31{width:31em !important;}
.size32{width:32em !important;}
.size33{width:33em !important;}
.size34{width:34em !important;}
.size35{width:35em !important;}
.size36{width:36em !important;}
.size37{width:37em !important;}
.size38{width:38em !important;}
.size39{width:39em !important;}
.size40{width:40em !important;}
.size41{width:41em !important;}
.size42{width:42em !important;}
.size43{width:43em !important;}
.size44{width:44em !important;}
.size45{width:45em !important;}
.size46{width:46em !important;}
.size47{width:47em !important;}
.size48{width:48em !important;}
.size49{width:49em !important;}
.size50{width:50em !important;}

/*==================================
	Width & height
==================================*/
.width100per{
	width:100% !important;
}
.width50per{
	width:50% !important;
}
.width-auto{
	width:auto !important;
}
.height100per{
	height:100% !important;
}

/*==================================
	Cursor
==================================*/
.cursor-move{
	cursor:move !important;
}

/*==================================
	Word break
==================================*/
.word-brake{
	white-space:normal;
	word-wrap:break-word;
}


@media screen and (max-width: 767px) {
	/*[class*="size"]{
		width:100% !important;
	}*/
	.sp-form-resize{
		width:100% !important;
	}
}
/*==================================
	Smartphone
==================================*/
@media screen and (max-width: 767px) {
	
	/*==================================
		Smartphone Padding
	==================================*/	
	.sp-padding-none{padding:0 !important}
	.sp-padding{padding:10px !important}
	.sp-padding-sm{padding:5px !important}
	.sp-padding-md{padding:10px !important}
	.sp-padding-lg{padding:20px !important}
	.sp-padding-xl{padding:40px !important}
	.sp-padding-xxl{padding:70px !important}
	
	.sp-padding-top-none{padding-top:0 !important}
	.sp-padding-top{padding-top:10px !important}
	.sp-padding-top-sm{padding-top:5px !important}
	.sp-padding-top-md{padding-top:10px !important}
	.sp-padding-top-lg{padding-top:20px !important}
	.sp-padding-top-xl{padding-top:40px !important}
	.sp-padding-top-xxl{padding-top:70px !important}
	
	.sp-padding-right-none{padding-right:0 !important}
	.sp-padding-right{padding-right:10px !important}
	.sp-padding-right-sm{padding-right:5px !important}
	.sp-padding-right-md{padding-right:10px !important}
	.sp-padding-right-lg{padding-right:20px !important}
	.sp-padding-right-xl{padding-right:40px !important}
	.sp-padding-right-xxl{padding-right:70px !important}
	
	.sp-padding-bottom-none{padding-bottom:0 !important}
	.sp-padding-bottom{padding-bottom:10px !important}
	.sp-padding-bottom-sm{padding-bottom:5px !important}
	.sp-padding-bottom-md{padding-bottom:10px !important}
	.sp-padding-bottom-lg{padding-bottom:20px !important}
	.sp-padding-bottom-xl{padding-bottom:40px !important}
	.sp-padding-bottom-xxl{padding-bottom:70px !important}
	
	.sp-padding-left-none{padding-left:0 !important}
	.sp-padding-left{padding-left:10px !important}
	.sp-padding-left-sm{padding-left:5px !important}
	.sp-padding-left-md{padding-left:10px !important}
	.sp-padding-left-lg{padding-left:20px !important}
	.sp-padding-left-xl{padding-left:40px !important}
	.sp-padding-left-xxl{padding-left:70px !important}
	.sp-padding-left-col{padding-left:15px !important;}
	
	/*==================================
		Smartphone Margins
	==================================*/
	.sp-margin-none{margin:0 !important}
	
	.sp-margin{margin:10px !important}
	.sp-margin-sm{margin:5px !important}
	.sp-margin-md{margin:10px !important}
	.sp-margin-lg{margin:20px !important}
	.sp-margin-xl{margin:40px !important}
	.sp-margin-xxl{margin:70px !important}
	
	.sp-margin-top-none{margin-top:0 !important}
	.sp-margin-top{margin-top:10px !important}
	.sp-margin-top-sm{margin-top:5px !important}
	.sp-margin-top-md{margin-top:10px !important}
	.sp-margin-top-lg{margin-top:20px !important}
	.sp-margin-top-xl{margin-top:40px !important}
	.sp-margin-top-xxl{margin-top:70px !important}
	
	.sp-margin-right-none{margin-right:0 !important}
	.sp-margin-right{margin-right:10px !important}
	.sp-margin-right-sm{margin-right:5px !important}
	.sp-margin-right-md{margin-right:10px !important}
	.sp-margin-right-lg{margin-right:20px !important}
	.sp-margin-right-xl{margin-right:40px !important}
	.sp-margin-right-xxl{margin-right:70px !important}
	.sp-margin-right-auto{margin-right:auto !important}
	
	.sp-margin-bottom-none{margin-bottom:0 !important}
	.sp-margin-bottom{margin-bottom:10px !important}
	.sp-margin-bottom-sm{margin-bottom:5px !important}
	.sp-margin-bottom-md{margin-bottom:10px !important}
	.sp-margin-bottom-lg{margin-bottom:20px !important}
	.sp-margin-bottom-xl{margin-bottom:40px !important}
	.sp-margin-bottom-xxl{margin-bottom:70px !important}
	
	.sp-margin-left-none{margin-left:0 !important}
	.sp-margin-left{margin-left:10px !important}
	.sp-margin-left-sm{margin-left:5px !important}
	.sp-margin-left-md{margin-left:10px !important}
	.sp-margin-left-lg{margin-left:20px !important}
	.sp-margin-left-xl{margin-left:40px !important}
	.sp-margin-left-xxl{margin-left:70px !important}
	.sp-margin-left-auto{margin-left:auto !important}
	
	/*==================================
		Smartphone Floats
	==================================*/
	.sp-float-left{float:left !important;}
	.sp-float-right{float:right !important;}
	.sp-float-none{float:none !important;}
	
	/*==================================
		Smartphone Text-align
	==================================*/
	.sp-text-left{text-align:left !important;}
	.sp-text-right{text-align:right !important;}
	.sp-text-center{text-align:center !important;}
	
	/*==================================
		Smartphone Borders
	==================================*/
	.sp-border-none{border:none !important;}
	.sp-border-left-none{border-left:none !important}
	.sp-border-right-none{border-right:none !important}
	.sp-border-bottom-none{border-bottom:none !important}
	.sp-border-top-none{border-top:none !important}
	.sp-boder-radius-none{border-radius:0 !important;}

	
	/*==================================
		Smartphone Width
	==================================*/
	.sp-width100per{
		width:100% !important;
	}
	.sp-size-xs{width:5em !important;}
	.sp-size-sm{width:15em !important;}
	.sp-size-md{width:30em !important;}
	.sp-size-lg{width:40em !important;}
	.sp-size-xl{width:50em !important;}
	.sp-size1{width:1em !important;}
	.sp-size2{width:2em !important;}
	.sp-size3{width:3em !important;}
	.sp-size4{width:4em !important;}
	.sp-size5{width:5em !important;}
	.sp-size6{width:6em !important;}
	.sp-size7{width:7em !important;}
	.sp-size8{width:8em !important;}
	.sp-size9{width:9em !important;}
	.sp-size10{width:10em !important;}
	.sp-size11{width:11em !important;}
	.sp-size12{width:12em !important;}
	.sp-size13{width:13em !important;}
	.sp-size14{width:14em !important;}
	.sp-size15{width:15em !important;}
	.sp-size16{width:16em !important;}
	.sp-size17{width:17em !important;}
	.sp-size18{width:18em !important;}
	.sp-size19{width:19em !important;}
	.sp-size20{width:20em !important;}
	.sp-size21{width:21em !important;}
	.sp-size22{width:22em !important;}
	.sp-size23{width:23em !important;}
	.sp-size24{width:24em !important;}
	.sp-size25{width:25em !important;}
	.sp-size26{width:26em !important;}
	.sp-size27{width:27em !important;}
	.sp-size28{width:28em !important;}
	.sp-size29{width:29em !important;}
	.sp-size30{width:30em !important;}
	.sp-size31{width:31em !important;}
	.sp-size32{width:32em !important;}
	.sp-size33{width:33em !important;}
	.sp-size34{width:34em !important;}
	.sp-size35{width:35em !important;}
	.sp-size36{width:36em !important;}
	.sp-size37{width:37em !important;}
	.sp-size38{width:38em !important;}
	.sp-size39{width:39em !important;}
	.sp-size40{width:40em !important;}
	.sp-size41{width:41em !important;}
	.sp-size42{width:42em !important;}
	.sp-size43{width:43em !important;}
	.sp-size44{width:44em !important;}
	.sp-size45{width:45em !important;}
	.sp-size46{width:46em !important;}
	.sp-size47{width:47em !important;}
	.sp-size48{width:48em !important;}
	.sp-size49{width:49em !important;}
	.sp-size50{width:50em !important;}

	
	/*==================================
		Word break
	==================================*/
	.sp-word-brake{
		white-space:normal;
		word-wrap:break-word;
	}

}