@media only screen and (max-width: 1280px) {
	.show-only-min-1280{
		display:none
	}
}



@media only screen and (max-width: 1026px) {
	.show-only-desktop-1024{
		display:none
	}
}

@media only screen and (max-width: 769px) {
	.show-only-desktop-769{
		display:none
	}
}



@media only screen and (max-width: 767px) {
	.show-only-desktop{
		display:none
	}
}



/************
TEXT ALIGNS
***************/
.ta-center{
	text-align:center;
}

.ta-right{
	text-align:right;
}

.ta-dr-tc{
	text-align:right;
}

/************
FLOAT ALIGNS
***************/
.fl-left{
	float:left;
}

.fl-right{
	float:right;
}




/************
SECTIONS CLEAR
***************/
[class*="clear"]{
	clear:both;
	display:block;
}

.clear20{
	height:20px
}

.clear30{
	height:30px
}

.clear40{
	height:40px
}

.clear50{
	height:50px
}

.clear100{
	height:100px
}

.clear-sw-100-tablet-50{
	height:200px
}

.clear-sw-100-mobile-50{
	height:100px
}

@media only screen and (max-width: 768px) {
	.clear-sw-100-tablet-50{
		height:50px
	}
}


@media only screen and (max-width: 680px) {
	.clear-sw-100-mobile-50{
		height:50px
	}
}


/************
SECTIONS SEPARATE
***************/
.sct_spr_50-first{
	margin-bottom:50px;
}

.sct_spr_50{
	margin-bottom:50px;
}

/***************
MIN WIDTH
***************/
.min-wd-200{
	min-width:200px;
}

.min-wd-250{
	min-width:250px;
}

.min-wd-300{
	min-width:300px;
}

/***************
COL
***************/
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-x,
.col-flex,
.col-flex-nowrap,
.col-auto{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  width: 100%;
} 

.col-flex-nowrap{
	flex-wrap:nowrap;
}

.col-1 .col{
	width: calc(100% / 1);
}
	
.col-2 .col{
	width: calc(97% / 2);
	margin-right:3%;
}

.col-3 .col {
  width: calc(90% / 3);
  margin-right:5%;
}

.col-3-s .col-s {
  width: calc(90% / 3);
  margin-right:5%;
  text-align:center;
}

.col-4 .col {
  width: calc(94% / 4);
  margin-right:2%;
}

.col-5 .col {
  width: calc(90% / 5);
  margin-right:2%;
}

.col-6 .col {
  width: calc(88% / 6);
  margin-right:2%;
}

.col-2 .col:nth-child(2n+2),
.col-3 .col:nth-child(3n+3),
.col-4 .col:nth-child(4n+4),
.col-5 .col:nth-child(5n+5),
.col-6 .col:nth-child(6n+6) {
  margin-right:0%;
}

.col-3-s .col-s:nth-child(3n+3){
  margin-right:0%;
}

.col-2b{
  display:table;
  width:100%;
}

.col-2b .col{
  width: 48%;
  margin-right: 4%;
  float: left;
}

.col-2b .col:nth-child(2n+2){
  margin-right:0
}

/***************
COLUMNS
***************/
.col-x-12{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	position:relative--;
}

.col-x-12 [class*="col-x-"]{
	width:100%;
}

.col-x-12 .col-x-2 {
  max-width:20%;
} 

.col-x-12 .col-x-25 {
  max-width:25%;
} 

.col-x-12 .col-x-3 {
  max-width:30%;
} 

.col-x-12 .col-x-35 {
  max-width:35%;
} 

.col-x-12 .col-x-4 {
  max-width:40%;
} 

.col-x-12 .col-x-45 {
  max-width:45%;
} 

.col-x-12 .col-x-5 {
  max-width:50%;
} 

.col-x-12 .col-x-6 {
  max-width:60%;
}  

.col-x-12 .col-x-7 {
  max-width:70%;
} 


.col-x-12 .col-x-8 {
  max-width:80%;
} 

.col-x-12 .col-x-9 {
  max-width:90%;
}

/************
MARGINS SPACE
***************/
.col-x-12 [class*="col-ml-"]{
	width:100%;
	position:relative;
}

.col-x-12 .col-ml-05 {
	left:5%;
}

.col-x-12 .col-ml-1 {
	left:10%;
}

.col-x-12 .col-ml-2 {
	left:20%;
}

.col-x-12 .col-ml-3 {
	left:30%;
}

.col-x-12 .col-ml-4 {
	left:40%;
}

.col-x-12 .col-ml-5 {
	left:50%;
}

.col-x-12 .col-ml-6 {
	left:60%;
}

.col-x-12 .col-ml-7 {
	left:70%;
}

.col-x-12 .col-ml-8 {
	left:80%;
}

.col-x-12 .col-ml-9 {
	left:90%;
}


/************
MARGINS SPACE
***************/
.col-x-12 .col-s-05 {
  margin-left:05%;
  width:100%;
}

.col-x-12 .col-s-1 {
  margin-left:10%;
  width:100%;
}

.col-x-12 .col-s-2 {
  margin-left:20%;
  width:100%;
}

/************
MARGINS RESPONSIVE
***************/
.rMb20 .col{
  margin-bottom:20px;
}

.rMb30 .col{
  margin-bottom:30px;
}

.rMb40 .col{
  margin-bottom:40px;
}

.rMb50 .col{
  margin-bottom:50px;
}

.rMb60 .col{
  margin-bottom:60px;
}

.rMb20 .col:last-child,
.rMb30 .col:last-child,
.rMb40 .col:nth-last-child(1n),
.rMb50 .col:nth-last-child(2n),
.rMb60 .col:nth-last-child(3n){
  margin-bottom:00px;
}

/***
 MARGIN LEFT
***/
.ml10{
	margin-left:10px
}

.ml20{
	margin-left:20px
}

.ml30{
	margin-left:30px
}


/***
 MARGIN BOTTOMS
***/

.mb5{
	margin-bottom:5px
}

.mb10{
	margin-bottom:10px
}

.mb20{
	margin-bottom:20px
}

.mb30{
	margin-bottom:30px
}

.mb40{
	margin-bottom:40px
}

.mb50{
	margin-bottom:50px
}

.mb100{
	margin-bottom:100px
}

/***
 MARGIN TOPS
***/
.mt10{
	margin-top:10px
}

.mt20{
	margin-top:20px
}

.mt30{
	margin-top:30px
}

.mt40{
	margin-top:40px
}

.mt50{
	margin-top:50px
}

.mt100{
	margin-top:100px
}


@media only screen and (max-width: 1024px) {
	.add-table-table{
		display:table;
	}
	
	.mb-tablet-50 .col{
		margin-bottom:50px
	}
	
	.mb-tablet-50{
		margin-bottom:50px
	}
	
	.mb-tablet-30 .col{
		margin-bottom:30px
	}
	
	.mb-tablet-30 .col:last-child{
		margin-bottom:0px
	}
	
	.mb-tablet-20 .col{
		margin-bottom:20px
	}
	
	.mb-tablet-20 .col:last-child{
		margin-bottom:0px
	}
}


@media only screen and (max-width: 768px) {
	.mb-tablet768-30 .col{
		margin-bottom:30px
	}
	
	.mb-tablet768-30 .col:last-child{
		margin-bottom:00px
	}
	
} 

@media only screen and (max-width: 680px) {
	.mb-mobile-20{
		margin-bottom:20px
	}

	.mb-mobile-30{
		margin-bottom:30px
	}
	
	
	.mb-mobile-50{
		margin-bottom:50px
	}
}



/************
PADDING
***************/
.pad-t-50{
	padding-top:50px;
}

@media only screen and (max-width: 768px) {
	.pad-t-50-mobile{
		padding-top:100px;
	}
}


/************
PADDING SPACES
***************/
.padd-tb-5{
	padding-top:5px;
	padding-bottom:5px;
}

.padd-tb-10{
	padding-top:10px;
	padding-bottom:10px;
}


.padd-tb-20{
	padding-top:20px;
	padding-bottom:20px;
}