@CHARSET "UTF-8";
/**
* Bootstrap extension with common functions developed by TOTHOMweb
* http://www.tothomweb.com
* Contact: info@tothomweb.com 
*
* Last revision: 24/08/16 
*/
/** NO PADDINGS  ****************************************************************************************************/

.no-horizontal-padding {
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 480px) {
	.no-horizontal-padding-xs {
		padding-left: 0px;
		padding-right: 0px;
    }
}
@media (min-width: 768px) {
	.no-horizontal-padding-sm {
		padding-left: 0px;
		padding-right: 0px;
    }
}
@media (min-width: 992px) {
    .no-horizontal-padding-md {
		padding-left: 0px;
		padding-right: 0px;
    }
}
@media (min-width: 1200px) {
    .no-horizontal-padding-lg {
		padding-left: 0px;
		padding-right: 0px;
    }
}

/** END NO PADDINGS  ************************************************************************************************/

/** CLEAR LEFT / RIGHT **********************************************************************************************/

.clear {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
   clear: right;
}
.clear-none {
	clear: none;
}

@media (min-width: 480px) {
	.clear-xs {
		clear: both;
	}
	.clearfix-xs {
		clear: both;
  	}
  	.clear-left-xs {
		clear: left;
  	}
  	.clear-right-xs {
	    clear: right;
  	}
  	.clear-none-xs {
  		clear: none;
  	}
}

@media (min-width: 768px) {
	.clear-sm {
		clear: both;
	}
	.clearfix-sm {
		clear: both;
  	}
  	.clear-left-sm {
		clear: left;
  	}
  	.clear-right-sm {
	    clear: right;
  	}
   	.clear-none-sm {
  		clear: none;
  	}
}

@media (min-width: 992px) {
	.clear-md {
		clear: both;
	}
	.clearfix-md {
		clear: both;
  	}
  	.clear-left-md {
		clear: left;
  	}
  	.clear-right-md {
	    clear: right;
  	}
  	.clear-none-md {
  		clear: none;
  	}
}

@media (min-width: 1200px) {
	.clear-lg {
		clear: both;
	}
	.clearfix-lg {
		clear: both;
  	}
  	.clear-left-lg {
		clear: left;
  	}
  	.clear-right-lg {
	    clear: right;
  	}
  	.clear-none-lg {
  		clear: none;
  	}
}


/** END: CLEAR LEFT / RIGHT    **************************************************************************************/

/** FLOAT LEFT / RIGHT **********************************************************************************************/

.pull-none {
	float: none;
}

@media (min-width: 480px) {
  	.pull-left-xs {
		float: left;
  	}
  	.pull-right-xs {
	    float: right;
  	}
  	.pull-none-xs {
  		float: none;
  	}
}

@media (min-width: 768px) {
  	.pull-left-sm {
		float: left;
  	}
  	.pull-right-sm {
	    float: right;
  	}
   	.pull-none-sm {
  		float: none;
  	}
}

@media (min-width: 992px) {
  	.pull-left-md {
		float: left;
  	}
  	.pull-right-md {
	    float: right;
  	}
  	.pull-none-md {
  		float: none;
  	}
}

@media (min-width: 1200px) {
  	.pull-left-lg {
		float: left;
  	}
  	.pull-right-lg {
	    float: right;
  	}
  	.pull-none-lg {
  		float: none;
  	}
}


/** END: FLOAT LEFT / RIGHT    **************************************************************************************/


/** VOFFSET / BOTTOMOFFSET  *****************************************************************************************/

.voffset  { margin-top: 2px; }
.voffset0  { margin-top: 0px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

.bottomoffset  { margin-bottom: 2px; }
.bottomoffset0 { margin-bottom: 0px; }
.bottomoffset1 { margin-bottom: 5px; }
.bottomoffset2 { margin-bottom: 10px; }
.bottomoffset3 { margin-bottom: 15px; }
.bottomoffset4 { margin-bottom: 30px; }
.bottomoffset5 { margin-bottom: 40px; }
.bottomoffset6 { margin-bottom: 60px; }
.bottomoffset7 { margin-bottom: 80px; }
.bottomoffset8 { margin-bottom: 100px; }
.bottomoffset9 { margin-bottom: 150px; }

@media (min-width: 480px) {
	.voffset-xs { margin-top: 2px; }
	.voffset0-xs { margin-top: 0px; }
	.voffset1-xs { margin-top: 5px; }
	.voffset2-xs { margin-top: 10px; }
	.voffset3-xs { margin-top: 15px; }
	.voffset4-xs { margin-top: 30px; }
	.voffset5-xs { margin-top: 40px; }
	.voffset6-xs { margin-top: 60px; }
	.voffset7-xs { margin-top: 80px; }
	.voffset8-xs { margin-top: 100px; }
	.voffset9-xs { margin-top: 150px; }
	
	.bottomoffset-xs { margin-bottom: 2px; }
	.bottomoffset0-xs { margin-bottom: 0px; }
	.bottomoffset1-xs { margin-bottom: 5px; }
	.bottomoffset2-xs { margin-bottom: 10px; }
	.bottomoffset3-xs { margin-bottom: 15px; }
	.bottomoffset4-xs { margin-bottom: 30px; }
	.bottomoffset5-xs { margin-bottom: 40px; }
	.bottomoffset6-xs { margin-bottom: 60px; }
	.bottomoffset7-xs { margin-bottom: 80px; }
	.bottomoffset8-xs { margin-bottom: 100px; }
	.bottomoffset9-xs { margin-bottom: 150px; }
}
@media (min-width: 768px) {
	.voffset-sm { margin-top: 2px; }
	.voffset0-sm { margin-top: 0px; }
	.voffset1-sm { margin-top: 5px; }
	.voffset2-sm { margin-top: 10px; }
	.voffset3-sm { margin-top: 15px; }
	.voffset4-sm { margin-top: 30px; }
	.voffset5-sm { margin-top: 40px; }
	.voffset6-sm { margin-top: 60px; }
	.voffset7-sm { margin-top: 80px; }
	.voffset8-sm { margin-top: 100px; }
	.voffset9-sm { margin-top: 150px; }
	
	.bottomoffset-sm { margin-bottom: 2px; }
	.bottomoffset0-sm { margin-bottom: 0px; }
	.bottomoffset1-sm { margin-bottom: 5px; }
	.bottomoffset2-sm { margin-bottom: 10px; }
	.bottomoffset3-sm { margin-bottom: 15px; }
	.bottomoffset4-sm { margin-bottom: 30px; }
	.bottomoffset5-sm { margin-bottom: 40px; }
	.bottomoffset6-sm { margin-bottom: 60px; }
	.bottomoffset7-sm { margin-bottom: 80px; }
	.bottomoffset8-sm { margin-bottom: 100px; }
	.bottomoffset9-sm { margin-bottom: 150px; }
}
@media (min-width: 992px) {
	.voffset-md { margin-top: 2px; }
	.voffset0-md { margin-top: 0px; }
	.voffset1-md { margin-top: 5px; }
	.voffset2-md { margin-top: 10px; }
	.voffset3-md { margin-top: 15px; }
	.voffset4-md { margin-top: 30px; }
	.voffset5-md { margin-top: 40px; }
	.voffset6-md { margin-top: 60px; }
	.voffset7-md { margin-top: 80px; }
	.voffset8-md { margin-top: 100px; }
	.voffset9-md { margin-top: 150px; }
	
	.bottomoffset-md { margin-bottom: 2px; }
	.bottomoffset0-md { margin-bottom: 0px; }
	.bottomoffset1-md { margin-bottom: 5px; }
	.bottomoffset2-md { margin-bottom: 10px; }
	.bottomoffset3-md { margin-bottom: 15px; }
	.bottomoffset4-md { margin-bottom: 30px; }
	.bottomoffset5-md { margin-bottom: 40px; }
	.bottomoffset6-md { margin-bottom: 60px; }
	.bottomoffset7-md { margin-bottom: 80px; }
	.bottomoffset8-md { margin-bottom: 100px; }
	.bottomoffset9-md { margin-bottom: 150px; }
}
@media (min-width: 1200px) {
	.voffset-lg { margin-top: 2px; }
	.voffset0-lg { margin-top: 0px; }
	.voffset1-lg { margin-top: 5px; }
	.voffset2-lg { margin-top: 10px; }
	.voffset3-lg { margin-top: 15px; }
	.voffset4-lg { margin-top: 30px; }
	.voffset5-lg { margin-top: 40px; }
	.voffset6-lg { margin-top: 60px; }
	.voffset7-lg { margin-top: 80px; }
	.voffset8-lg { margin-top: 100px; }
	.voffset9-lg { margin-top: 150px; }
	
	.bottomoffset-lg { margin-bottom: 2px; }
	.bottomoffset0-lg { margin-bottom: 0px; }
	.bottomoffset1-lg { margin-bottom: 5px; }
	.bottomoffset2-lg { margin-bottom: 10px; }
	.bottomoffset3-lg { margin-bottom: 15px; }
	.bottomoffset4-lg { margin-bottom: 30px; }
	.bottomoffset5-lg { margin-bottom: 40px; }
	.bottomoffset6-lg { margin-bottom: 60px; }
	.bottomoffset7-lg { margin-bottom: 80px; }
	.bottomoffset8-lg { margin-bottom: 100px; }
	.bottomoffset9-lg { margin-bottom: 150px; }
}

/** END: VOFFSET / BOTTOMOFFSET  ************************************************************************************/


/** TEXT STYLES   ***************************************************************************************************/

.x-small {font-size: 60%}
.xx-small {font-size: 40%}
.xxx-small {font-size: 23%}
.text-uppercase {text-transform: uppercase;}


@media (min-width: 480px) {
	.x-small-xs {font-size: 60%}
	.xx-small-xs {font-size: 40%}
	.xxx-small-xs {font-size: 23%}
	.text-uppercase-xs {text-transform: uppercase;}
}
@media (min-width: 768px) {
	.x-small-sm {font-size: 60%}
	.xx-small-sm {font-size: 40%}
	.xxx-small-sm {font-size: 23%}
	.text-uppercase-sm {text-transform: uppercase;}
}
@media (min-width: 992px) {
	.x-small-md {font-size: 60%}
	.xx-small-md {font-size: 40%}
	.xxx-small-md {font-size: 23%}
	.text-uppercase-md {text-transform: uppercase;}
}
@media (min-width: 1200px) {
	.x-small-lg {font-size: 60%}
	.xx-small-lg {font-size: 40%}
	.xxx-small-lg {font-size: 23%}
	.text-uppercase-lg {text-transform: uppercase;}
}




@media (min-width: 480px) {
	.text-center-xs {text-align: center;}
	.text-justify-xs {text-align: justify;}
	.text-left-xs {text-align: left;}
	.text-right-xs {text-align: right;}
}
@media (min-width: 768px) {
	.text-center-sm {text-align: center;}
	.text-justify-sm {text-align: justify;}
	.text-left-sm {text-align: left;}
	.text-right-sm {text-align: right;}
}
@media (min-width: 992px) {
	.text-center-md {text-align: center;}
	.text-justify-md {text-align: justify;}
	.text-left-md {text-align: left;}
	.text-right-md {text-align: right;}
}
@media (min-width: 1200px) {
	.text-center-lg {text-align: center;}
	.text-justify-lg {text-align: justify;}
	.text-left-lg {text-align: left;}
	.text-right-lg {text-align: right;}
}




/** END: TEXT STYLES   **********************************************************************************************/


/** 5 COLUMNS    ****************************************************************************************************/

.col-15 {
    width: 20%;
}
@media (min-width: 480px) {
	.col-xs-15 {
        width: 20%;
    }
}
@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
    }
}

/** END: 5 COLUMNS  *************************************************************************************************/



/** 13 COLUMNS    ****************************************************************************************************/

.col-13 {
    width: 7.69%;
}
@media (min-width: 480px) {
	.col-xs-13 {
        width: 7.69%;
    }
}
@media (min-width: 768px) {
	.col-sm-13 {
        width: 7.69%;
    }
}
@media (min-width: 992px) {
    .col-md-13 {
        width: 7.69%;
    }
}
@media (min-width: 1200px) {
    .col-lg-13 {
        width: 7.69%;
    }
}

.col-23 {
    width: 15.38%;
}
@media (min-width: 480px) {
	.col-xs-23 {
        width: 15.38%;
    }
}
@media (min-width: 768px) {
	.col-sm-23 {
        width: 15.38%;
    }
}
@media (min-width: 992px) {
    .col-md-23 {
        width: 15.38%;
    }
}
@media (min-width: 1200px) {
    .col-lg-23 {
        width: 15.38%;
    }
}

.col-33 {
    width: 23%;
}
@media (min-width: 480px) {
	.col-xs-33 {
        width: 23%;
    }
}
@media (min-width: 768px) {
	.col-sm-33 {
        width: 23%;
    }
}
@media (min-width: 992px) {
    .col-md-33 {
        width: 23%;
    }
}
@media (min-width: 1200px) {
    .col-lg-33 {
        width: 23%;
    }
}


/** END: 13 COLUMNS  *************************************************************************************************/

/** Text columns    *************************************************************************************************/


.columns1 {
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}
.columns2 {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
}
.columns3 {
	column-count: 3;
	-webkit-column-count: 3;
	-moz-column-count: 3;
}
.columns4 {
	column-count: 4;
	-webkit-column-count: 4;
	-moz-column-count: 4;
}
.columns5 {
	column-count: 5;
	-webkit-column-count: 5;
	-moz-column-count: 5;
}
.columns6 {
	column-count: 6;
	-webkit-column-count: 6;
	-moz-column-count: 6;
}
.columns7 {
	column-count: 7;
	-webkit-column-count: 7;
	-moz-column-count: 7;
}
.columns8 {
	column-count: 8;
	-webkit-column-count: 8;
	-moz-column-count: 8;
}

@media (min-width: 480px) {
	.columns1-xs {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	.columns2-xs {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
	}
	.columns3-xs {
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}
	.columns4-xs {
		column-count: 4;
		-webkit-column-count: 4;
		-moz-column-count: 4;
	}
	.columns5-xs {
		column-count: 5;
		-webkit-column-count: 5;
		-moz-column-count: 5;
	}
	.columns6-xs {
		column-count: 6;
		-webkit-column-count: 6;
		-moz-column-count: 6;
	}
	.columns7-xs {
		column-count: 7;
		-webkit-column-count: 7;
		-moz-column-count: 7;
	}
	.columns8-xs {
		column-count: 8;
		-webkit-column-count: 8;
		-moz-column-count: 8;
	}
}
@media (min-width: 768px) {
	.columns1-sm {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	.columns2-sm {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
	}
	.columns3-sm {
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}
	.columns4-sm {
		column-count: 4;
		-webkit-column-count: 4;
		-moz-column-count: 4;
	}
	.columns5-sm {
		column-count: 5;
		-webkit-column-count: 5;
		-moz-column-count: 5;
	}
	.columns6-sm {
		column-count: 6;
		-webkit-column-count: 6;
		-moz-column-count: 6;
	}
	.columns7-sm {
		column-count: 7;
		-webkit-column-count: 7;
		-moz-column-count: 7;
	}
	.columns8-sm {
		column-count: 8;
		-webkit-column-count: 8;
		-moz-column-count: 8;
	}
}
@media (min-width: 992px) {
	.columns1-md {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	.columns2-md {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
	}
	.columns3-md {
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}
	.columns4-md {
		column-count: 4;
		-webkit-column-count: 4;
		-moz-column-count: 4;
	}
	.columns5-md {
		column-count: 5;
		-webkit-column-count: 5;
		-moz-column-count: 5;
	}
	.columns6-md {
		column-count: 6;
		-webkit-column-count: 6;
		-moz-column-count: 6;
	}
	.columns7-md {
		column-count: 7;
		-webkit-column-count: 7;
		-moz-column-count: 7;
	}
	.columns8-md {
		column-count: 8;
		-webkit-column-count: 8;
		-moz-column-count: 8;
	}
}
@media (min-width: 1200px) {
	.columns1-lg {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	.columns2-lg {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
	}
	.columns3-lg {
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}
	.columns4-lg {
		column-count: 4;
		-webkit-column-count: 4;
		-moz-column-count: 4;
	}
	.columns5-lg {
		column-count: 5;
		-webkit-column-count: 5;
		-moz-column-count: 5;
	}
	.columns6-lg {
		column-count: 6;
		-webkit-column-count: 6;
		-moz-column-count: 6;
	}
	.columns7-lg {
		column-count: 7;
		-webkit-column-count: 7;
		-moz-column-count: 7;
	}
	.columns8-lg {
		column-count: 8;
		-webkit-column-count: 8;
		-moz-column-count: 8;
	}
}

/** End Text Columns   **********************************************************************************************/


/** Row columns of the same height   ********************************************************************************/
/** From: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height  ********/

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/** END: Row columns of the same height   ***************************************************************************/