/***************
MEDIA FOR DEVICES
***************/
.noDiviveTouch{
  display:none;
}


.noDiviveTouch-1279{
  display:none;
}

@media screen and (max-width: 1279px) {
  .noDiviveTouch-1279{
    display:inherit;
  }
}
 
 
 
@media screen and (max-width: 980px) {
  .noDiviveTouch{
    display:inherit;
  }
  
  .onlyDesktop{
    display:none;
  }
}
 
/***************
POSITIONS
***************/
.posRelatvive{
  position:relative
}


/***************
WIDTHS
***************/
.maxWidth300{
  max-width:300px;
}

.maxWidth400{
  max-width:400px;
}

.maxWidth600{
  max-width:600px;
}

/***************
HEIGHT
***************/
.height300{
  height:300px;
}

.height350{
  height:350px;
}

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


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

.clear10{
  clear:both;
  height:10px;
  display:block;
}

.clear30{
  clear:both;
  height:30px;
  display:block;
}

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

.col-auto{
  width: inherit;
}


/** col-2 **/
.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;
}

.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-3-right {
  max-width:20%;
  width:100%;
  margin-left:10%;
} 

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

.col-x-12 .col-x-4-right {
  max-width:30%;
  width:100%;
  margin-left:10%;
} 


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

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

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

.col-x-12 .col-x-55 {
  max-width:55%;
  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-right:10%;
} 

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


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

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

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

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

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

.minWidth400{
  min-width:400px;
}

/***************
COL MARGINS LEFT / RIGHT
***************/

.colml50px{
  margin-left:50px;
}

.colml3{
  margin-left:3%;
}

.colml5{
  margin-left:5%;
}

.colml10{
  margin-left:10%;
}

/***************
MARGINS COLS SCRIPT
***************/
.mb-3-noLast .col{
  margin-bottom:30px
}

.mb-3-noLast .col:last-child{
  margin-bottom:0;
}

.mb-1-noLast .col,
.mb-2-noLast .col{
  margin-bottom:30px
}

.mb-2-noLast .col:nth-last-child(-n+2){
  margin-bottom:0;
}

.mb-1-noLast .col:nth-last-child(-n+1){
  margin-bottom:0;
}

/***************
MARGINS 
***************/
/***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;
}

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

.mt10{
  margin-top:10px;
}

.mt20{
  margin-top:20px;
}

.mt30{
  margin-top:30px;
}

.mt50{
  margin-top:50px;
}

.mt80{
  margin-top:80px;
}

.mt100{
  margin-top:100px;
}

/*** right **/
.mr20{
  margin-right:20px;
}


/***************
PADDINGS
***************/
.padd60t{
  padding-top:60px;
}

.padd100t{
  padding-top:100px;
}

.padd150t{
  padding-top:150px;
}

.padd100b{
  padding-bottom:100px;
}

.padd5tb{
  padding:5px 0;
}

.padd10tb{
  padding:10px 0;
}

.padd20tb{
  padding:20px 0;
}

.padd50tb{
  padding:50px 0;
}

.padd100tb{
  padding:100px 0;
}

/************
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;
}

/***************
ALIGN POSITIONS
***************/
.taC{
  text-align:center;
}

.taL{
  text-align:left;
}

.taR{
  text-align:right;
}


.margin-bottom-tablet{
	margin-bottom:0;
}


@media screen and (max-width: 1280px) {
	.margin-bottom-1280-20{
		margin-bottom:20px;
	}

	.margin-bottom-1280-30{
		margin-bottom:30px;
	}


	.margin-bottom-1280-50{
		margin-bottom:50px;
		display:table;
	}
	
	.margin-bottom-1280-100{
		margin-bottom:100px;
	}
	
}



@media screen and (max-width: 768px) {
	
	.margin-bottom-tablet-20{
		margin-bottom:20px;
	}

	.margin-bottom-tablet-30{
		margin-bottom:30px;
	}


	.margin-bottom-tablet{
		margin-bottom:50px;
		display:table;
	}
	
	.margin-bottom-100-tablet{
		margin-bottom:100px;
	}
	
}


@media screen and (max-width: 680px) {
	
	.margin-bottom-tablet-20{
		margin-bottom:20px;
	}

	.margin-bottom-tablet-30{
		margin-bottom:30px;
	}


	.margin-bottom-tablet{
		margin-bottom:50px;
		display:table;
	}
	
	.margin-bottom-100-tablet{
		margin-bottom:100px;
	}
	
		

	
}