/***************
MEDIA FOR DEVICES
***************/
.show768,
.show1279,
.show1024{
	display:none!important;
}


@media only screen and (max-width:1279px) {
	.show1279{
	  display:inherit!important;
	}
	
	.hide1279{
		display:none!important
	}
}


@media only screen and (max-width:1024px) {
	.show1024{
	  display:inherit!important;
	}
	
	.hide1024{
		display:none!important
	}
}


@media only screen and (max-width:768px) {
	.show768{
	  display:inherit!important;
	}
	
	.hide768{
		display:none!important
	}
}

.ta-c{
	text-align:center
}
.ta-r{
	text-align:right
}

.ta-l{
	text-align:left
}


/***************
RAW
***************/
.row{
  width:100%;
  display:table;
}

/***************
POSITION RELATIVE
***************/
.pos-relative{ 
	position:relative;
}

/***************
CLEAR
***************/
.clear{
  clear:both;
  height:0;
  display:block;
}
 





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


.flex-no-wrap{
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
}



/** col-2 **/
.col-1 .col{
	width: calc(100% / 1);
}

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

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

.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%;
}


/***************
COLUMNS
***************/
.col-x-12{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

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

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

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

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

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

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

.col-x-12 .col-x-65 {
  max-width:60%;
  width:100%;
  margin-left:10%;
} 

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

.col-x-12 .col-x-75 {
  max-width:70%;
  width:100%;
  margin-left:5%;
} 


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

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







/***************
MAX-WIDTH  
***************/
.maxWidth400{
	max-width:400px;
}

.maxWidth600{
	max-width:600px;
}

.maxWidth860{
	max-width:860px;
}


/***************
MIN-WIDTH  
***************/
.minWidth250{
	min-width:250px;
}

.minWidth300{
	min-width:300px;
}

.minWidth350{
	min-width:350px;
}



/***************
MARGINS 
***************/
.mr50{
	margin-right:50px
}

.mr50-dsk{
	margin-right:50px
}

.mr100{
	margin-right:100px
}
 
 
/***auto**/
.mAuto{
  margin-left:auto;
  margin-right:auto;
}

/***top and bottom**/
.mtb10{
  margin-top:10px;
  margin-bottom:10px;
}

.mtb30{
  margin-top:30px;
  margin-bottom:30px;
}

/***bottom**/
.mb5{
  margin-bottom:5px;
}


.mb10{
  margin-bottom:10px;
}

.mb15{
  margin-bottom:15px;
}

.mb20{
  margin-bottom:20px;
}

.mb30{
  margin-bottom:30px;
}

.mb40{
  margin-bottom:30px;
}


.mb50{
  margin-bottom:50px;
}

.mb80{
  margin-bottom:80px;
}

.mb100{
  margin-bottom:100px;
}

.mb150{
  margin-bottom:150px;
}



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

/***
.mb50:last-child{
  margin-bottom:0px;
}
****/


/***top**/
.mt5{
  margin-top:5px;
}

.mt10{
  margin-top:10px;
}

.mt20{
  margin-top:20px;
}

.mt30{
  margin-top:30px;
}

.mt40{
  margin-top:40px;
}

.mt50{
  margin-top:50px;
}

.mt80{
  margin-top:80px;
}

.mt100{
  margin-top:100px;
}

.mt150{
  margin-top:150px;
}

/*** margin right **/
.mr5{
  margin-right:5px;
}

.mr10{
  margin-right:10px;
}

.mr20{
  margin-right:20px;
}

.mr100{
  margin-right:100px;
}


/*** margin left **/
.ml5{
  margin-left:5px;
}

.ml10{
  margin-left:10px;
}

.ml20{
  margin-left:20px;
}

.ml30{
  margin-left:30px;
}

.ml40{
  margin-left:40px;
}

.ml80{
  margin-left:80px;
}



/*** 
PADDING 
***/
.pd10tb{
	padding-top:10px;
	padding-bottom:10px;
}

.pd20tb{
	padding-top:20px;
	padding-bottom:20px;
}


.pd30tb{
	padding-top:30px;
	padding-bottom:30px;
}

.pd50tb{
	padding-top:50px;
	padding-bottom:50px;
}


.pd100tb{
	padding-top:100px;
	padding-bottom:100px;
}


/*** 
MAX WIDTHS 
***/
.maxWidth400 {
    max-width: 400px;
}


/*** 
RESPOSNSIVE MARGINS 
***/
.sw-colMar-tab-50{
	margin-left:50px;
}

.sw-colMar-tab-100{
	margin-left:100px;
}


.mr-100-b-t{
	margin-right:100px;
}


/*** DESKTOP class***/
@media screen and (min-width: 1280px) {


}



/*** BIG-TABLET class***/
@media screen  and (max-width: 1279px) {
	.mb50-1279{
		 margin-bottom:50px
	 }
	 
	 .mb50-1279:last-child{
		 margin-bottom:0px
	 }
	 
}
 
 
 
 
/*** TABLET class***/
@media screen and (max-width: 1023px) {
	.mb50-1023{
		 margin-bottom:50px
	 }
	 
	 .mb50-1023:last-child{
		 margin-bottom:0px
	 }
	 
	.mb30-1023{
		 margin-bottom:30px
	 }
	 
	 .mb30-1023:last-child{
		 margin-bottom:0px
	 }
}

/*** BIG-MOBILE class***/
@media screen and (max-width: 992px) {
	.mb30-992{
		 margin-bottom:30px
	 }
	 
	 .mb30-992:last-child{
		 margin-bottom:0px
	 }
	
}

/*** BIG-MOBILE class***/
@media screen and (max-width: 768px) {
	 
	 .mr50-dsk{
		margin-right:0px
	}
	 
	 .mb50-768{
		 margin-bottom:50px
	 }
	 
	 .mb50-768:last-child{
		 margin-bottom:0px
	 }
	 
	 .mr-100-b-t{
		margin-right:0px;
	}
	
}





/*** MOBILE class***/
@media screen and  (max-width: 679px) {
	 
	 .mb-679-30{
		 margin-bottom:30px;
	 }
}