/* 
xxxxxxxxxxxxxxxxxxxxxxxxxx
@file    pto.css
@author  fior.in
@email   luciano@fior.in
@update  14.10.16
xxxxxxxxxxxxxxxxxxxxxxxxxx
*/

/* -- clearfix */
/* ? Jeff Starr */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
/* ? Nicolas Gallagher */
.group:after {content: "";display: table;clear: both;}
/* ------ */

/* -- general */
html { font-size:100.01%; }
p  { font-size:    1em;}
h1 { font-size:    2em; }
h2 { font-size:  1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size:  .83em; }
h5 { font-size:  .75em; }
::selection { background: #ddd; }
::-moz-selection { background: #ddd; }
::-webkit-selection { background: #ddd; }
a:link, a:visited, a:hover{ text-decoration:none; }
.scrollbar{ height: 101% }
code{font-family: monaco, Consolas, 'Lucida Console', monospace;}
.img-responsive{max-width:100%;max-height:100%;display:block;float:left;}
.img-responsive.margin-auto{float:none;}
a[href*="fior.in"]::after { content: "\2197"; }
/* ------ */

/* -- box-sizing */
*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* -- container */
	.container-fluid { width:100%;}
	.container       { width:100%;margin:auto;}
	@media(min-width:768px){
		.container{width:720px;margin:auto;}
	}
	@media(min-width:992px){
		.container{width:940px;margin:auto;}
	}
	@media(min-width:1200px){
		.container{width:1183px;margin:auto;}
	}
/* -- display */
	.display-block,        .display-block-hover:hover        { display : block; }
	.display-inline,       .display-inline-inline:hover      { display : inline; }
	.display-inline-block, .display-inline-block-hover:hover { display : inline-block; }
	.display-table,        .display-table-hover:hover        { display : table; }
	.display-table-cell,   .display-table-cell-hover:hover   { display : table-cell; }
	.nodisplay,            .nodisplay-hover:hover            { display : none; }
	@media(max-width:767px){
		.grid-pto.nodisplay-xs,.grid-pto.nodisplay-hover-xs:hover,
		.nodisplay-xs,.nodisplay-hover-xs:hover{ display : none !important; }
	}
	@media(min-width:768px) AND (max-width:991px){
		.grid-pto.nodisplay-sm,.grid-pto.nodisplay-hover-sm:hover,
		.nodisplay-sm,.nodisplay-hover-sm:hover{ display : none !important; }
	}
	@media(min-width:992px) AND (max-width:1199px){
		.grid-pto.nodisplay-md,.grid-pto.nodisplay-hover-md:hover,
		.nodisplay-md,.nodisplay-hover-md:hover{ display : none !important; }
	}
	@media(min-width:1200px){
		.grid-pto.nodisplay-lg,.grid-pto.nodisplay-hover-lg:hover,
		.nodisplay-lg,.nodisplay-hover-lg:hover{ display : none !important; }
	}
/* -- grid */
	.grid-pto *[class^="col-"]  ,
	.grid-pto *[class^=" col-"] ,
	.grid-pto *[class*=" col-"] {float:left;width:100%;}
	.grid-pto *[class^="col-"]:not(.nodisplay)  ,
	.grid-pto *[class^=" col-"]:not(.nodisplay) ,
	.grid-pto *[class*=" col-"]:not(.nodisplay) {display:block;}
	.grid-pto .col-1-xs ,.grid-pto .col-1 ,.grid-pto .col-1of10-xs { width: 10% }
	.grid-pto .col-2-xs ,.grid-pto .col-2 ,.grid-pto .col-2of10-xs { width: 20% }
	.grid-pto .col-3-xs ,.grid-pto .col-3 ,.grid-pto .col-3of10-xs { width: 30% }
	.grid-pto .col-4-xs ,.grid-pto .col-4 ,.grid-pto .col-4of10-xs { width: 40% }
	.grid-pto .col-5-xs ,.grid-pto .col-5 ,.grid-pto .col-5of10-xs { width: 50% }
	.grid-pto .col-6-xs ,.grid-pto .col-6 ,.grid-pto .col-6of10-xs { width: 60% }
	.grid-pto .col-7-xs ,.grid-pto .col-7 ,.grid-pto .col-7of10-xs { width: 70% }
	.grid-pto .col-8-xs ,.grid-pto .col-8 ,.grid-pto .col-8of10-xs { width: 80% }
	.grid-pto .col-9-xs ,.grid-pto .col-9 ,.grid-pto .col-9of10-xs { width: 90% }
	.grid-pto .col-10-xs,.grid-pto .col-10,.grid-pto .col-xs       { width:100% }
	.grid-pto .col-1of1-xs ,.grid-pto .col-1of1 { width: 100%  }
	.grid-pto .col-1of2-xs ,.grid-pto .col-1of2 { width: 50%   }
	.grid-pto .col-1of3-xs ,.grid-pto .col-1of3 { width: 33.3% }
	.grid-pto .col-2of3-xs ,.grid-pto .col-2of3 { width: 66.6% }
	.grid-pto .col-1of4-xs ,.grid-pto .col-1of4 { width: 25%   }
	.grid-pto .col-2of4-xs ,.grid-pto .col-2of4 { width: 50%   }
	.grid-pto .col-3of4-xs ,.grid-pto .col-3of4 { width: 75%   }
	.grid-pto .col-1of5-xs ,.grid-pto .col-1of5 { width: 20%   }
	.grid-pto .col-2of5-xs ,.grid-pto .col-2of5 { width: 40%   }
	.grid-pto .col-3of5-xs ,.grid-pto .col-3of5 { width: 60%   }
	.grid-pto .col-4of5-xs ,.grid-pto .col-4of5 { width: 80%   }
	.grid-pto .col-1of6-xs ,.grid-pto .col-1of6 { width: 16.6% }
	.grid-pto .col-2of6-xs ,.grid-pto .col-2of6 { width: 33.2% }
	.grid-pto .col-3of6-xs ,.grid-pto .col-3of6 { width: 49.8% }
	.grid-pto .col-4of6-xs ,.grid-pto .col-4of6 { width: 66.4% }
	.grid-pto .col-5of6-xs ,.grid-pto .col-5of6 { width: 83%   }
	@media(min-width:768px){
		.grid-pto .col-1-sm ,.grid-pto .col-1of10-sm { width: 10% }
		.grid-pto .col-2-sm ,.grid-pto .col-2of10-sm { width: 20% }
		.grid-pto .col-3-sm ,.grid-pto .col-3of10-sm { width: 30% }
		.grid-pto .col-4-sm ,.grid-pto .col-4of10-sm { width: 40% }
		.grid-pto .col-5-sm ,.grid-pto .col-5of10-sm { width: 50% }
		.grid-pto .col-6-sm ,.grid-pto .col-6of10-sm { width: 60% }
		.grid-pto .col-7-sm ,.grid-pto .col-7of10-sm { width: 70% }
		.grid-pto .col-8-sm ,.grid-pto .col-8of10-sm { width: 80% }
		.grid-pto .col-9-sm ,.grid-pto .col-9of10-sm { width: 90% }
		.grid-pto .col-10-sm,.grid-pto .col-sm       { width:100% }
		.grid-pto .col-1of1-sm { width: 100%  }
		.grid-pto .col-1of2-sm { width: 50%   }
		.grid-pto .col-1of3-sm { width: 33.3% }
		.grid-pto .col-2of3-sm { width: 66.6% }
		.grid-pto .col-1of4-sm { width: 25%   }
		.grid-pto .col-2of4-sm { width: 50%   }
		.grid-pto .col-3of4-sm { width: 75%   }
		.grid-pto .col-1of5-sm { width: 20%   }
		.grid-pto .col-2of5-sm { width: 40%   }
		.grid-pto .col-3of5-sm { width: 60%   }
		.grid-pto .col-4of5-sm { width: 80%   }
		.grid-pto .col-1of6-sm { width: 16.6% }
		.grid-pto .col-2of6-sm { width: 33.2% }
		.grid-pto .col-3of6-sm { width: 49.8% }
		.grid-pto .col-4of6-sm { width: 66.4% }
		.grid-pto .col-5of6-sm { width: 83%   }
	}
	@media(min-width:992px){
		.grid-pto .col-1-md ,.grid-pto .col-1of10-md { width: 10% }
		.grid-pto .col-2-md ,.grid-pto .col-2of10-md { width: 20% }
		.grid-pto .col-3-md ,.grid-pto .col-3of10-md { width: 30% }
		.grid-pto .col-4-md ,.grid-pto .col-4of10-md { width: 40% }
		.grid-pto .col-5-md ,.grid-pto .col-5of10-md { width: 50% }
		.grid-pto .col-6-md ,.grid-pto .col-6of10-md { width: 60% }
		.grid-pto .col-7-md ,.grid-pto .col-7of10-md { width: 70% }
		.grid-pto .col-8-md ,.grid-pto .col-8of10-md { width: 80% }
		.grid-pto .col-9-md ,.grid-pto .col-9of10-md { width: 90% }
		.grid-pto .col-10-md,.grid-pto .col-md       { width:100% }
		.grid-pto .col-1of1-md { width: 100%  }
		.grid-pto .col-1of2-md { width: 50%   }
		.grid-pto .col-1of3-md { width: 33.3% }
		.grid-pto .col-2of3-md { width: 66.6% }
		.grid-pto .col-1of4-md { width: 25%   }
		.grid-pto .col-2of4-md { width: 50%   }
		.grid-pto .col-3of4-md { width: 75%   }
		.grid-pto .col-1of5-md { width: 20%   }
		.grid-pto .col-2of5-md { width: 40%   }
		.grid-pto .col-3of5-md { width: 60%   }
		.grid-pto .col-4of5-md { width: 80%   }
		.grid-pto .col-1of6-md { width: 16.6% }
		.grid-pto .col-2of6-md { width: 33.2% }
		.grid-pto .col-3of6-md { width: 49.8% }
		.grid-pto .col-4of6-md { width: 66.4% }
		.grid-pto .col-5of6-md { width: 83%   }
	}
	@media(min-width:1200px){
		.grid-pto .col-1-lg ,.grid-pto .col-1of10-lg { width: 10% }
		.grid-pto .col-2-lg ,.grid-pto .col-2of10-lg { width: 20% }
		.grid-pto .col-3-lg ,.grid-pto .col-3of10-lg { width: 30% }
		.grid-pto .col-4-lg ,.grid-pto .col-4of10-lg { width: 40% }
		.grid-pto .col-5-lg ,.grid-pto .col-5of10-lg { width: 50% }
		.grid-pto .col-6-lg ,.grid-pto .col-6of10-lg { width: 60% }
		.grid-pto .col-7-lg ,.grid-pto .col-7of10-lg { width: 70% }
		.grid-pto .col-8-lg ,.grid-pto .col-8of10-lg { width: 80% }
		.grid-pto .col-9-lg ,.grid-pto .col-9of10-lg { width: 90% }
		.grid-pto .col-10-lg,.grid-pto .col-lg       { width:100% }
		.grid-pto .col-1of1-lg { width: 100%  }
		.grid-pto .col-1of2-lg { width: 50%   }
		.grid-pto .col-1of3-lg { width: 33.3% }
		.grid-pto .col-2of3-lg { width: 66.6% }
		.grid-pto .col-1of4-lg { width: 25%   }
		.grid-pto .col-2of4-lg { width: 50%   }
		.grid-pto .col-3of4-lg { width: 75%   }
		.grid-pto .col-1of5-lg { width: 20%   }
		.grid-pto .col-2of5-lg { width: 40%   }
		.grid-pto .col-3of5-lg { width: 60%   }
		.grid-pto .col-4of5-lg { width: 80%   }
		.grid-pto .col-1of6-lg { width: 16.6% }
		.grid-pto .col-2of6-lg { width: 33.2% }
		.grid-pto .col-3of6-lg { width: 49.8% }
		.grid-pto .col-4of6-lg { width: 66.4% }
		.grid-pto .col-5of6-lg { width: 83%   }
	}
/* -- push */
	.grid-pto *[class^="push-"] ,
	.grid-pto *[class^=" push-"],
	.grid-pto *[class*=" push-"]{position:relative}
	.grid-pto .push-1 ,.grid-pto .push-1-xs  { left:10%;  }
	.grid-pto .push-2 ,.grid-pto .push-2-xs  { left:20%;  }
	.grid-pto .push-3 ,.grid-pto .push-3-xs  { left:30%;  }
	.grid-pto .push-4 ,.grid-pto .push-4-xs  { left:40%;  }
	.grid-pto .push-5 ,.grid-pto .push-5-xs  { left:50%;  }
	.grid-pto .push-6 ,.grid-pto .push-6-xs  { left:60%;  }
	.grid-pto .push-7 ,.grid-pto .push-7-xs  { left:70%;  }
	.grid-pto .push-8 ,.grid-pto .push-8-xs  { left:80%;  }
	.grid-pto .push-9 ,.grid-pto .push-9-xs  { left:90%;  }
	.grid-pto .push-10,.grid-pto .push-10-xs { left:100%; }
	.grid-pto .push-1of1, .grid-pto .push-1of1-xs { left: 100%  }
	.grid-pto .push-1of2, .grid-pto .push-1of2-xs { left: 50%   }
	.grid-pto .push-1of3, .grid-pto .push-1of3-xs { left: 33.3% }
	.grid-pto .push-2of3, .grid-pto .push-2of3-xs { left: 66.6% }
	.grid-pto .push-1of4, .grid-pto .push-1of4-xs { left: 25%   }
	.grid-pto .push-2of4, .grid-pto .push-2of4-xs { left: 50%   }
	.grid-pto .push-3of4, .grid-pto .push-3of4-xs { left: 75%   }
	.grid-pto .push-1of5, .grid-pto .push-1of5-xs { left: 20%   }
	.grid-pto .push-2of5, .grid-pto .push-2of5-xs { left: 40%   }
	.grid-pto .push-3of5, .grid-pto .push-3of5-xs { left: 60%   }
	.grid-pto .push-4of5, .grid-pto .push-4of5-xs { left: 80%   }
	.grid-pto .push-1of6, .grid-pto .push-1of6-xs { left: 16.6% }
	.grid-pto .push-2of6, .grid-pto .push-2of6-xs { left: 33.2% }
	.grid-pto .push-3of6, .grid-pto .push-3of6-xs { left: 49.8% }
	.grid-pto .push-4of6, .grid-pto .push-4of6-xs { left: 66.4% }
	.grid-pto .push-5of6, .grid-pto .push-5of6-xs { left: 83%   }
	@media(min-width:768px){
		.grid-pto .push-1-sm  { left:-10%  }
		.grid-pto .push-2-sm  { left:-20%  }
		.grid-pto .push-3-sm  { left:-30%  }
		.grid-pto .push-4-sm  { left:-40%  }
		.grid-pto .push-5-sm  { left:-50%  }
		.grid-pto .push-6-sm  { left:-60%  }
		.grid-pto .push-7-sm  { left:-70%  }
		.grid-pto .push-8-sm  { left:-80%  }
		.grid-pto .push-9-sm  { left:-90%  }
		.grid-pto .push-10-sm { left:-100% }
		.grid-pto .push-1of1-sm { left:100%  }
		.grid-pto .push-1of2-sm { left:50%   }
		.grid-pto .push-1of3-sm { left:33.3% }
		.grid-pto .push-2of3-sm { left:66.6% }
		.grid-pto .push-1of4-sm { left:25%   }
		.grid-pto .push-2of4-sm { left:50%   }
		.grid-pto .push-3of4-sm { left:75%   }
		.grid-pto .push-1of5-sm { left:20%   }
		.grid-pto .push-2of5-sm { left:40%   }
		.grid-pto .push-3of5-sm { left:60%   }
		.grid-pto .push-4of5-sm { left:80%   }
		.grid-pto .push-1of6-sm { left:16.6% }
		.grid-pto .push-2of6-sm { left:33.2% }
		.grid-pto .push-3of6-sm { left:49.8% }
		.grid-pto .push-4of6-sm { left:66.4% }
		.grid-pto .push-5of6-sm { left:83%   }
	}
	@media(min-width:992px){
		.grid-pto .push-1-md  { left:10%  }
		.grid-pto .push-2-md  { left:20%  }
		.grid-pto .push-3-md  { left:30%  }
		.grid-pto .push-4-md  { left:40%  }
		.grid-pto .push-5-md  { left:50%  }
		.grid-pto .push-6-md  { left:60%  }
		.grid-pto .push-7-md  { left:70%  }
		.grid-pto .push-8-md  { left:80%  }
		.grid-pto .push-9-md  { left:90%  }
		.grid-pto .push-10-md { left:100% }
		.grid-pto .push-1of1-md { left:100%  }
		.grid-pto .push-1of2-md { left:50%   }
		.grid-pto .push-1of3-md { left:33.3% }
		.grid-pto .push-2of3-md { left:66.6% }
		.grid-pto .push-1of4-md { left:25%   }
		.grid-pto .push-2of4-md { left:50%   }
		.grid-pto .push-3of4-md { left:75%   }
		.grid-pto .push-1of5-md { left:20%   }
		.grid-pto .push-2of5-md { left:40%   }
		.grid-pto .push-3of5-md { left:60%   }
		.grid-pto .push-4of5-md { left:80%   }
		.grid-pto .push-1of6-md { left:16.6% }
		.grid-pto .push-2of6-md { left:33.2% }
		.grid-pto .push-3of6-md { left:49.8% }
		.grid-pto .push-4of6-md { left:66.4% }
		.grid-pto .push-5of6-md { left:83%   }
	}
	@media(min-width:1200px){
		.grid-pto .push-1-lg  { left:10%  }
		.grid-pto .push-2-lg  { left:20%  }
		.grid-pto .push-3-lg  { left:30%  }
		.grid-pto .push-4-lg  { left:40%  }
		.grid-pto .push-5-lg  { left:50%  }
		.grid-pto .push-6-lg  { left:60%  }
		.grid-pto .push-7-lg  { left:70%  }
		.grid-pto .push-8-lg  { left:80%  }
		.grid-pto .push-9-lg  { left:90%  }
		.grid-pto .push-10-lg { left:100% }
		.grid-pto .push-1of1-lg { left: 100%  }
		.grid-pto .push-1of2-lg { left: 50%   }
		.grid-pto .push-1of3-lg { left: 33.3% }
		.grid-pto .push-2of3-lg { left: 66.6% }
		.grid-pto .push-1of4-lg { left: 25%   }
		.grid-pto .push-2of4-lg { left: 50%   }
		.grid-pto .push-3of4-lg { left: 75%   }
		.grid-pto .push-1of5-lg { left: 20%   }
		.grid-pto .push-2of5-lg { left: 40%   }
		.grid-pto .push-3of5-lg { left: 60%   }
		.grid-pto .push-4of5-lg { left: 80%   }
		.grid-pto .push-1of6-lg { left: 16.6% }
		.grid-pto .push-2of6-lg { left: 33.2% }
		.grid-pto .push-3of6-lg { left: 49.8% }
		.grid-pto .push-4of6-lg { left: 66.4% }
		.grid-pto .push-5of6-lg { left: 83%   }
	}
/* -- pull */
	.grid-pto *[class^="pull-"] ,
	.grid-pto *[class^=" pull-"],
	.grid-pto *[class*=" pull-"]{position:relative}
	.grid-pto .pull-1 ,.grid-pto .pull-1-xs  { left:-10%  }
	.grid-pto .pull-2 ,.grid-pto .pull-2-xs  { left:-20%  }
	.grid-pto .pull-3 ,.grid-pto .pull-3-xs  { left:-30%  }
	.grid-pto .pull-4 ,.grid-pto .pull-4-xs  { left:-40%  }
	.grid-pto .pull-5 ,.grid-pto .pull-5-xs  { left:-50%  }
	.grid-pto .pull-6 ,.grid-pto .pull-6-xs  { left:-60%  }
	.grid-pto .pull-7 ,.grid-pto .pull-7-xs  { left:-70%  }
	.grid-pto .pull-8 ,.grid-pto .pull-8-xs  { left:-80%  }
	.grid-pto .pull-9 ,.grid-pto .pull-9-xs  { left:-90%  }
	.grid-pto .pull-10,.grid-pto .pull-10-xs { left:-100% }
	.grid-pto .pull-1of1, .grid-pto .pull-1of1-xs { left: -100%  }
	.grid-pto .pull-1of2, .grid-pto .pull-1of2-xs { left: -50%   }
	.grid-pto .pull-1of3, .grid-pto .pull-1of3-xs { left: -33.3% }
	.grid-pto .pull-2of3, .grid-pto .pull-2of3-xs { left: -66.6% }
	.grid-pto .pull-1of4, .grid-pto .pull-1of4-xs { left: -25%   }
	.grid-pto .pull-2of4, .grid-pto .pull-2of4-xs { left: -50%   }
	.grid-pto .pull-3of4, .grid-pto .pull-3of4-xs { left: -75%   }
	.grid-pto .pull-1of5, .grid-pto .pull-1of5-xs { left: -20%   }
	.grid-pto .pull-2of5, .grid-pto .pull-2of5-xs { left: -40%   }
	.grid-pto .pull-3of5, .grid-pto .pull-3of5-xs { left: -60%   }
	.grid-pto .pull-4of5, .grid-pto .pull-4of5-xs { left: -80%   }
	.grid-pto .pull-1of6, .grid-pto .pull-1of6-xs { left: -16.6% }
	.grid-pto .pull-2of6, .grid-pto .pull-2of6-xs { left: -33.2% }
	.grid-pto .pull-3of6, .grid-pto .pull-3of6-xs { left: -49.8% }
	.grid-pto .pull-4of6, .grid-pto .pull-4of6-xs { left: -66.4% }
	.grid-pto .pull-5of6, .grid-pto .pull-5of6-xs { left: -83%   }
	@media(min-width:768px){
		.grid-pto .pull-1-sm  { left:-10%  }
		.grid-pto .pull-2-sm  { left:-20%  }
		.grid-pto .pull-3-sm  { left:-30%  }
		.grid-pto .pull-4-sm  { left:-40%  }
		.grid-pto .pull-5-sm  { left:-50%  }
		.grid-pto .pull-6-sm  { left:-60%  }
		.grid-pto .pull-7-sm  { left:-70%  }
		.grid-pto .pull-8-sm  { left:-80%  }
		.grid-pto .pull-9-sm  { left:-90%  }
		.grid-pto .pull-10-sm { left:-100% }
		.grid-pto .pull-1of1-sm { left: -100%  }
		.grid-pto .pull-1of2-sm { left: -50%   }
		.grid-pto .pull-1of3-sm { left: -33.3% }
		.grid-pto .pull-2of3-sm { left: -66.6% }
		.grid-pto .pull-1of4-sm { left: -25%   }
		.grid-pto .pull-2of4-sm { left: -50%   }
		.grid-pto .pull-3of4-sm { left: -75%   }
		.grid-pto .pull-1of5-sm { left: -20%   }
		.grid-pto .pull-2of5-sm { left: -40%   }
		.grid-pto .pull-3of5-sm { left: -60%   }
		.grid-pto .pull-4of5-sm { left: -80%   }
		.grid-pto .pull-1of6-sm { left: -16.6% }
		.grid-pto .pull-2of6-sm { left: -33.2% }
		.grid-pto .pull-3of6-sm { left: -49.8% }
		.grid-pto .pull-4of6-sm { left: -66.4% }
		.grid-pto .pull-5of6-sm { left: -83%   }
	}
	@media(min-width:992px){
		.grid-pto .pull-1-md  { left:-10%  }
		.grid-pto .pull-2-md  { left:-20%  }
		.grid-pto .pull-3-md  { left:-30%  }
		.grid-pto .pull-4-md  { left:-40%  }
		.grid-pto .pull-5-md  { left:-50%  }
		.grid-pto .pull-6-md  { left:-60%  }
		.grid-pto .pull-7-md  { left:-70%  }
		.grid-pto .pull-8-md  { left:-80%  }
		.grid-pto .pull-9-md  { left:-90%  }
		.grid-pto .pull-10-md { left:-100% }
		.grid-pto .pull-1of1-md { left: -100%  }
		.grid-pto .pull-1of2-md { left: -50%   }
		.grid-pto .pull-1of3-md { left: -33.3% }
		.grid-pto .pull-2of3-md { left: -66.6% }
		.grid-pto .pull-1of4-md { left: -25%   }
		.grid-pto .pull-2of4-md { left: -50%   }
		.grid-pto .pull-3of4-md { left: -75%   }
		.grid-pto .pull-1of5-md { left: -20%   }
		.grid-pto .pull-2of5-md { left: -40%   }
		.grid-pto .pull-3of5-md { left: -60%   }
		.grid-pto .pull-4of5-md { left: -80%   }
		.grid-pto .pull-1of6-md { left: -16.6% }
		.grid-pto .pull-2of6-md { left: -33.2% }
		.grid-pto .pull-3of6-md { left: -49.8% }
		.grid-pto .pull-4of6-md { left: -66.4% }
		.grid-pto .pull-5of6-md { left: -83%   }
	}
	@media(min-width:1200px){
		.grid-pto .pull-1-lg  { left:-10%  }
		.grid-pto .pull-2-lg  { left:-20%  }
		.grid-pto .pull-3-lg  { left:-30%  }
		.grid-pto .pull-4-lg  { left:-40%  }
		.grid-pto .pull-5-lg  { left:-50%  }
		.grid-pto .pull-6-lg  { left:-60%  }
		.grid-pto .pull-7-lg  { left:-70%  }
		.grid-pto .pull-8-lg  { left:-80%  }
		.grid-pto .pull-9-lg  { left:-90%  }
		.grid-pto .pull-10-lg { left:-100% }
		.grid-pto .pull-1of1-lg { left: -100%  }
		.grid-pto .pull-1of2-lg { left: -50%   }
		.grid-pto .pull-1of3-lg { left: -33.3% }
		.grid-pto .pull-2of3-lg { left: -66.6% }
		.grid-pto .pull-1of4-lg { left: -25%   }
		.grid-pto .pull-2of4-lg { left: -50%   }
		.grid-pto .pull-3of4-lg { left: -75%   }
		.grid-pto .pull-1of5-lg { left: -20%   }
		.grid-pto .pull-2of5-lg { left: -40%   }
		.grid-pto .pull-3of5-lg { left: -60%   }
		.grid-pto .pull-4of5-lg { left: -80%   }
		.grid-pto .pull-1of6-lg { left: -16.6% }
		.grid-pto .pull-2of6-lg { left: -33.2% }
		.grid-pto .pull-3of6-lg { left: -49.8% }
		.grid-pto .pull-4of6-lg { left: -66.4% }
		.grid-pto .pull-5of6-lg { left: -83%   }
	}
/* -- margin */
	.margin-auto-horizontal, .margin-auto { margin-right : auto; margin-left : auto; }
	.margin-auto-vertical  , .margin-auto { margin-top : auto; margin-bottom : auto; }
	.margin-top   , .margin, .margin-vertical   { margin-top    : 1em; }
	.margin-right , .margin, .margin-horizontal { margin-right  : 1em; }
	.margin-bottom, .margin, .margin-vertical   { margin-bottom : 1em; }
	.margin-left  , .margin, .margin-horizontal { margin-left   : 1em; }
	.nomargin-top   , .nomargin, .nomargin-vertical   { margin-top    : 0; }
	.nomargin-right , .nomargin, .nomargin-horizontal { margin-right  : 0; }
	.nomargin-bottom, .nomargin, .nomargin-vertical   { margin-bottom : 0; }
	.nomargin-left  , .nomargin, .nomargin-horizontal { margin-left   : 0; }
	@media(max-width:767px){
		.margin-auto-horizontal-xs, .margin-auto-xs { margin-right : auto; margin-left : auto; }
		.margin-auto-vertical-xs  , .margin-auto-xs { margin-top : auto; margin-bottom : auto; }
		.margin-top-xs   , .margin-xs, .margin-vertical-xs   { margin-top    : 1em; }
		.margin-right-xs , .margin-xs, .margin-horizontal-xs { margin-right  : 1em; }
		.margin-bottom-xs, .margin-xs, .margin-vertical-xs   { margin-bottom : 1em; }
		.margin-left-xs  , .margin-xs, .margin-horizontal-xs { margin-left   : 1em; }
		.nomargin-top-xs   , .nomargin-xs, .nomargin-vertical-xs   { margin-top    : 0; }
		.nomargin-right-xs , .nomargin-xs, .nomargin-horizontal-xs { margin-right  : 0; }
		.nomargin-bottom-xs, .nomargin-xs, .nomargin-vertical-xs   { margin-bottom : 0; }
		.nomargin-left-xs  , .nomargin-xs, .nomargin-horizontal-xs { margin-left   : 0; }
	}
	@media(min-width:768px) AND (max-width:992px){
		.margin-auto-horizontal-sm, .margin-auto-sm { margin-right : auto; margin-left : auto; }
		.margin-auto-vertical-sm  , .margin-auto-sm { margin-top : auto; margin-bottom : auto; }
		.margin-top-sm   , .margin-sm, .margin-vertical-sm   { margin-top    : 1em; }
		.margin-right-sm , .margin-sm, .margin-horizontal-sm { margin-right  : 1em; }
		.margin-bottom-sm, .margin-sm, .margin-vertical-sm   { margin-bottom : 1em; }
		.margin-left-sm  , .margin-sm, .margin-horizontal-sm { margin-left   : 1em; }
		.nomargin-top-sm   , .nomargin-sm, .nomargin-vertical-sm   { margin-top    : 0; }
		.nomargin-right-sm , .nomargin-sm, .nomargin-horizontal-sm { margin-right  : 0; }
		.nomargin-bottom-sm, .nomargin-sm, .nomargin-vertical-sm   { margin-bottom : 0; }
		.nomargin-left-sm  , .nomargin-sm, .nomargin-horizontal-sm { margin-left   : 0; }
	}
	@media(min-width:992px) AND (max-width:1366px){
		.margin-auto-vertical-md  , .margin-auto-md { margin-top : auto; margin-bottom : auto; }
		.margin-auto-horizontal-md, .margin-auto-md { margin-right : auto; margin-left : auto; }
		.margin-top-md   , .margin-md, .margin-vertical-md   { margin-top    : 1em; }
		.margin-right-md , .margin-md, .margin-horizontal-md { margin-right  : 1em; }
		.margin-bottom-md, .margin-md, .margin-vertical-md   { margin-bottom : 1em; }
		.margin-left-md  , .margin-md, .margin-horizontal-md { margin-left   : 1em; }
		.nomargin-top-md   , .nomargin-md, .nomargin-vertical-md   { margin-top    : 0; }
		.nomargin-right-md , .nomargin-md, .nomargin-horizontal-md { margin-right  : 0; }
		.nomargin-bottom-md, .nomargin-md, .nomargin-vertical-md   { margin-bottom : 0; }
		.nomargin-left-md  , .nomargin-md, .nomargin-horizontal-md { margin-left   : 0; }
	}
	@media(min-width:1200px){
		.margin-auto-vertical-lg  , .margin-auto-lg { margin-top : auto; margin-bottom : auto; }
		.margin-auto-horizontal-lg, .margin-auto-lg { margin-right : auto; margin-left : auto; }
		.margin-top-lg   , .margin-lg, .margin-vertical-lg   { margin-top    : 1em; }
		.margin-right-lg , .margin-lg, .margin-horizontal-lg { margin-right  : 1em; }
		.margin-bottom-lg, .margin-lg, .margin-vertical-lg   { margin-bottom : 1em; }
		.margin-left-lg  , .margin-lg, .margin-horizontal-lg { margin-left   : 1em; }
		.nomargin-top-lg   , .nomargin-lg, .nomargin-vertical-lg   { margin-top    : 0; }
		.nomargin-right-lg , .nomargin-lg, .nomargin-horizontal-lg { margin-right  : 0; }
		.nomargin-bottom-lg, .nomargin-lg, .nomargin-vertical-lg   { margin-bottom : 0; }
		.nomargin-left-lg  , .nomargin-lg, .nomargin-horizontal-lg { margin-left   : 0; }
	}
/* -- padding */
	.padding-top   , .padding, .padding-auto-vertical { padding-top    : 1em; }
	.padding-right , .padding, .padding-horizontal    { padding-right  : 1em; }
	.padding-bottom, .padding, .padding-auto-vertical { padding-bottom : 1em; }
	.padding-left  , .padding, .padding-horizontal    { padding-left   : 1em; }
	.nopadding-top   , .nopadding, .nopadding-vertical   { padding-top    : 0; }
	.nopadding-right , .nopadding, .nopadding-horizontal { padding-right  : 0; }
	.nopadding-bottom, .nopadding, .nopadding-vertical   { padding-bottom : 0; }
	.nopadding-left  , .nopadding, .nopadding-horizontal { padding-left   : 0; }
	@media(max-width:767px){
		.padding-top-xs   , .padding-xs, .padding-vertical-xs   { padding-top    : 1em; }
		.padding-right-xs , .padding-xs, .padding-horizontal-xs { padding-right  : 1em; }
		.padding-bottom-xs, .padding-xs, .padding-vertical-xs   { padding-bottom : 1em; }
		.padding-left-xs  , .padding-xs, .padding-horizontal-xs { padding-left   : 1em; }
		.nopadding-top-xs   , .nopadding-xs, .nopadding-vertical-xs   { padding-top    : 0; }
		.nopadding-right-xs , .nopadding-xs, .nopadding-horizontal-xs { padding-right  : 0; }
		.nopadding-bottom-xs, .nopadding-xs, .nopadding-vertical-xs   { padding-bottom : 0; }
		.nopadding-left-xs  , .nopadding-xs, .nopadding-horizontal-xs { padding-left   : 0; }
	}
	@media(min-width:768px) AND (max-width:992px){
		.padding-top-sm   , .padding-sm, .padding-vertical-sm   { padding-top    : 1em; }
		.padding-right-sm , .padding-sm, .padding-horizontal-sm { padding-right  : 1em; }
		.padding-bottom-sm, .padding-sm, .padding-vertical-sm   { padding-bottom : 1em; }
		.padding-left-sm  , .padding-sm, .padding-horizontal-sm { padding-left   : 1em; }
		.nopadding-top-sm   , .nopadding-sm, .nopadding-vertical-sm   { padding-top    : 0; }
		.nopadding-right-sm , .nopadding-sm, .nopadding-horizontal-sm { padding-right  : 0; }
		.nopadding-bottom-sm, .nopadding-sm, .nopadding-vertical-sm   { padding-bottom : 0; }
		.nopadding-left-sm  , .nopadding-sm, .nopadding-horizontal-sm { padding-left   : 0; }
	}
	@media(min-width:992px) AND (max-width:1366px){
		.padding-top-md   , .padding-md, .padding-vertical-md   { padding-top    : 1em; }
		.padding-right-md , .padding-md, .padding-horizontal-md { padding-right  : 1em; }
		.padding-bottom-md, .padding-md, .padding-vertical-md   { padding-bottom : 1em; }
		.padding-left-md  , .padding-md, .padding-horizontal-md { padding-left   : 1em; }
		.nopadding-top-md   , .nopadding-md, .nopadding-vertical-md   { padding-top    : 0; }
		.nopadding-right-md , .nopadding-md, .nopadding-horizontal-md { padding-right  : 0; }
		.nopadding-bottom-md, .nopadding-md, .nopadding-vertical-md   { padding-bottom : 0; }
		.nopadding-left-md  , .nopadding-md, .nopadding-horizontal-md { padding-left   : 0; }
	}
	@media(min-width:1200px){
		.padding-top-lg   , .padding-lg, .padding-vertical-lg   { padding-top    : 1em; }
		.padding-right-lg , .padding-lg, .padding-horizontal-lg { padding-right  : 1em; }
		.padding-bottom-lg, .padding-lg, .padding-vertical-lg   { padding-bottom : 1em; }
		.padding-left-lg  , .padding-lg, .padding-horizontal-lg { padding-left   : 1em; }
		.nopadding-top-lg   , .nopadding-lg, .nopadding-vertical-lg   { padding-top    : 0; }
		.nopadding-right-lg , .nopadding-lg, .nopadding-horizontal-lg { padding-right  : 0; }
		.nopadding-bottom-lg, .nopadding-lg, .nopadding-vertical-lg   { padding-bottom : 0; }
		.nopadding-left-lg  , .nopadding-lg, .nopadding-horizontal-lg { padding-left   : 0; }
	}
/* -- border */
	.border   , .border-top   , .border-right   , .border-bottom   , .border-left   , .border-vertical   , .border-horizontal   ,
	.border-xs,	.border-top-xs, .border-right-xs, .border-bottom-xs, .border-left-xs, .border-vertical-xs, .border-horizontal-xs,
	.border-sm, .border-top-sm, .border-right-sm, .border-bottom-sm, .border-left-sm, .border-vertical-sm, .border-horizontal-sm,
	.border-md, .border-top-md, .border-right-md, .border-bottom-md, .border-left-md, .border-vertical-md, .border-horizontal-md,
	.border-lg, .border-top-lg, .border-right-lg, .border-bottom-lg, .border-left-lg, .border-vertical-lg, .border-horizontal-lg {border-top-width    : 0;border-right-width  : 0;border-bottom-width : 0;border-left-width   : 0;border-color:#999;border-style:solid;}
	.border-top   , .border { border-top-width    : 1px; }
	.border-right , .border { border-right-width  : 1px; }
	.border-bottom, .border { border-bottom-width : 1px; }
	.border-left  , .border { border-left-width   : 1px; }
	.noborder-top   , .noborder { border-top    : 0; }
	.noborder-right , .noborder { border-right  : 0; }
	.noborder-bottom, .noborder { border-bottom : 0; }
	.noborder-left  , .noborder { border-left   : 0; }
	@media(max-width:767px){
		.border-top-xs   , .border-xs, .border-vertical-xs   { border-top-width    : 1px; }
		.border-right-xs , .border-xs, .border-horizontal-xs { border-right-width  : 1px; }
		.border-bottom-xs, .border-xs, .border-vertical-xs   { border-bottom-width : 1px; }
		.border-left-xs  , .border-xs, .border-horizontal-xs { border-left-width   : 1px; }
		.noborder-top-xs   , .noborder-xs, .noborder-auto-vertical-xs { border-top    : 0; }
		.noborder-right-xs , .noborder-xs, .noborder-horizontal-xs    { border-right  : 0; }
		.noborder-bottom-xs, .noborder-xs, .noborder-auto-vertical-xs { border-bottom : 0; }
		.noborder-left-xs  , .noborder-xs, .noborder-horizontal-xs    { border-left   : 0; }
	}
	@media(min-width:768px) AND (max-width:992px){
		.border-top-sm   , .border-sm, .border-vertical-sm   { border-top-width    : 1px; }
		.border-right-sm , .border-sm, .border-horizontal-sm { border-right-width  : 1px; }
		.border-bottom-sm, .border-sm, .border-vertical-sm   { border-bottom-width : 1px; }
		.border-left-sm  , .border-sm, .border-horizontal-sm { border-left-width   : 1px; }
		.noborder-top-sm   , .noborder-sm, .noborder-auto-vertical-sm { border-top    : 0; }
		.noborder-right-sm , .noborder-sm, .noborder-horizontal-sm    { border-right  : 0; }
		.noborder-bottom-sm, .noborder-sm, .noborder-auto-vertical-sm { border-bottom : 0; }
		.noborder-left-sm  , .noborder-sm, .noborder-horizontal-sm    { border-left   : 0; }
	}
	@media(min-width:992px) AND (max-width:1366px){
		.border-top-md   , .border-md, .border-vertical-md   { border-top-width    : 1px; }
		.border-right-md , .border-md, .border-horizontal-md { border-right-width  : 1px; }
		.border-bottom-md, .border-md, .border-vertical-md   { border-bottom-width : 1px; }
		.border-left-md  , .border-md, .border-horizontal-md { border-left-width   : 1px; }
		.noborder-top-md   , .noborder-md, .noborder-auto-vertical-md { border-top    : 0; }
		.noborder-right-md , .noborder-md, .noborder-horizontal-md    { border-right  : 0; }
		.noborder-bottom-md, .noborder-md, .noborder-auto-vertical-md { border-bottom : 0; }
		.noborder-left-md  , .noborder-md, .noborder-horizontal-md    { border-left   : 0; }
	}
	@media(min-width:1200px){
		.border-top-lg   , .border-lg, .border-vertical-lg   { border-top-width    : 1px; }
		.border-right-lg , .border-lg, .border-horizontal-lg { border-right-width  : 1px; }
		.border-bottom-lg, .border-lg, .border-vertical-lg   { border-bottom-width : 1px; }
		.border-left-lg  , .border-lg, .border-horizontal-lg { border-left-width   : 1px; }
		.noborder-top-lg   , .noborder-lg, .noborder-auto-vertical-lg { border-top    : 0; }
		.noborder-right-lg , .noborder-lg, .noborder-horizontal-lg    { border-right  : 0; }
		.noborder-bottom-lg, .noborder-lg, .noborder-auto-vertical-lg { border-bottom : 0; }
		.noborder-left-lg  , .noborder-lg, .noborder-horizontal-lg    { border-left   : 0; }
	}
	.border-gray-l{border-color:#ccc;}
	.border-gray-m{border-color:#999;}
	.border-gray-h{border-color:#555;}
/* -- border radius */
	.border-round{border-radius:50%;}
/* -- width */
	.width-full     { width     : 100%; }
	.width-full-min { min-width : 100%; width:100% !important; width: 100%; }
	.width-full-max { max-width : 100%; }
	.width-auto     { width     : auto; }
	.width-inherit  { width     : inherit; }
/* -- height */
	.height-full     { height     : 100%; }
	.height-full-min { min-height : 100%; height:100% !important; height: 100%; }
	.height-full-max { max-height : 100%; }
	.height-auto     { height     : auto; }
	.height-inherit  { height     : inherit; }
/* -- align */
	.text-center  { text-align : center;  }
	.text-justify { text-align : justify; }
	.text-right   { text-align : right;   }
	.text-left    { text-align : left;    }
	@media(max-width:767px){
		.text-center-xs  { text-align : center;  }
		.text-justify-xs { text-align : justify; }
		.text-right-xs   { text-align : right;   }
		.text-left-xs    { text-align : left;    }
		.text-initial-xs { text-align : initial; }
	}
	@media(min-width:768px) AND (max-width:992px){
		.text-center-sm  { text-align : center;  }
		.text-justify-sm { text-align : justify; }
		.text-right-sm   { text-align : right;   }
		.text-left-sm    { text-align : left;    }
		.text-initial-sm { text-align : initial; }
	}
	@media(min-width:992px) AND (max-width:1366px){
		.text-center-md  { text-align : center;  }
		.text-justify-md { text-align : justify; }
		.text-right-md   { text-align : right;   }
		.text-left-md    { text-align : left;    }
		.text-initial-md { text-align : initial; }
	}
	@media(min-width:1200px){
		.text-center-lg  { text-align : center;  }
		.text-justify-lg { text-align : justify; }
		.text-right-lg   { text-align : right;   }
		.text-left-lg    { text-align : left;    }
		.text-initial-lg { text-align : initial; }
	}
	.vertical-middle,table>tbody>tr>td.vertical-middle { vertical-align : middle; }
/* -- text */
	.text-uppercase  { text-transform : uppercase;  }
	.text-capitalize { text-transform : capitalize; }
	.text-lowercase  { text-transform : lowercase;  }
	.text-italic     { font-style  :italic; }
	.text-bold       { font-weight :bold;   }
	.text-wrap       { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
	.text-nowrap     { white-space: normal; white-space: -moz-normal; white-space: -normal; white-space: -o-normal; word-wrap: normal; }
	.text-overflow   { text-overflow:ellipsis; }
/* -- link */
	a.nodecoration:link, a.nodecoration:link, a.nodecoration:link { text-decoration : none;}
/* -- float */
	.float-left  { float : left}
	.float-right { float : right !important }
	.nofloat     { float : none !important }
	@media(max-width:767px){
		.float-left-xs  { float : left !important }
		.float-right-xs { float : right !important }
		.nofloat-xs     { float : none !important }
	}
	@media(min-width:768px) AND (max-width:992px){
		.float-left-sm  { float : left !important }
		.float-right-sm { float : right !important }
		.nofloat-sm     { float : none !important }
	}
	@media(min-width:992px) AND (max-width:1200px){
		.float-left-md  { float : left !important }
		.float-right-md { float : right !important }
		.nofloat-md     { float : none !important }
	}
	@media(min-width:1200px){
		.float-left-lg  { float : left !important }
		.float-right-lg { float : right !important }
		.nofloat-lg     { float : none !important }
	}
/* -- position */
	.position-absolute { position : absolute; }
	.position-relative { position : relative; }
	.position-fixed    { position : fixed;    }
	@media(max-width:767px){
		.position-absolute-xs { position : absolute; }
		.position-relative-xs { position : relative; }
		.position-fixed-xs    { position : fixed;    }
	}
	@media(min-width:768px) AND (max-width:992px){
		.position-absolute-sm { position : absolute; }
		.position-relative-sm { position : relative; }
		.position-fixed-sm    { position : fixed;    }
	}
	@media(min-width:992px) AND (max-width:1200px){
		.position-absolute-md { position : absolute; }
		.position-relative-md { position : relative; }
		.position-fixed-md    { position : fixed;    }
	}
	@media(min-width:1200px){
		.position-absolute-lg { position : absolute; }
		.position-relative-lg { position : relative; }
		.position-fixed-lg    { position : fixed;    }
	}
/* -- clear */
	.clear-right { clear:right; }
	.clear-left  { clear:left;  }
	.clear-both  { clear:both;  }
	.clear-none  { clear:none;  }
	@media(max-width:767px){
		.clear-right-xs { clear:right; }
		.clear-left-xs  { clear:left;  }
		.clear-none-xs  { clear:none;  }
		.clear-both-xs,
		.clear-both-xs-2 li:nth-child(odd),
		.clear-both-xs-3 li:nth-child(3n+1),
		.clear-both-xs-4 li:nth-child(4n+1),
		.clear-both-xs-5 li:nth-child(5n+1) { clear:both; }
	}
	@media(min-width:768px) AND (max-width:992px){
		.clear-right-sm { clear:right; }
		.clear-left-sm  { clear:left;  }
		.clear-none-sm  { clear:none;  }
		.clear-both-sm,
		.clear-both-sm-2>li:nth-child(odd),
		.clear-both-sm-3>li:nth-child(3n+1),
		.clear-both-sm-4>li:nth-child(4n+1),
		.clear-both-sm-5>li:nth-child(5n+1) { clear:both; }
	}
	@media(min-width:992px) AND (max-width:1200px){
		.clear-right-md { clear:right; }
		.clear-left-md  { clear:left;  }
		.clear-none-md  { clear:none;  }
		.clear-both-md,
		.clear-both-md-2>li:nth-child(odd),
		.clear-both-md-3>li:nth-child(3n+1),
		.clear-both-md-4>li:nth-child(4n+1),
		.clear-both-md-5>li:nth-child(5n+1) { clear:both; }
	}
	@media(min-width:1200px){
		.clear-right-lg { clear:right; }
		.clear-left-lg  { clear:left;  }
		.clear-none-lg  { clear:none;  }
		.clear-both-lg,
		.clear-both-lg-2>li:nth-child(odd),
		.clear-both-lg-3>li:nth-child(3n+1),
		.clear-both-lg-4>li:nth-child(4n+1),
		.clear-both-lg-5>li:nth-child(5n+1) { clear:both; }
	}
/* -- distance */
	.absolute-top, .absolute-all    { top    :  0; }
	.absolute-right, .absolute-all  { right  :  0; }
	.absolute-left, .absolute-all   { left   :  0; }
	.absolute-bottom, .absolute-all { bottom :  0; }
	@media(max-width:767px){
		.absolute-top-xs    ,.absolute-all-xs { top    :  0; }
		.absolute-right-xs  ,.absolute-all-xs { right  :  0; }
		.absolute-left-xs   ,.absolute-all-xs { left   :  0; }
		.absolute-bottom-xs ,.absolute-all-xs { bottom :  0; }
	}
	@media(min-width:768px) AND (max-width:992px){
		.absolute-top-sm    ,.absolute-all-sm { top    :  0; }
		.absolute-right-sm  ,.absolute-all-sm { right  :  0; }
		.absolute-left-sm   ,.absolute-all-sm { left   :  0; }
		.absolute-bottom-sm ,.absolute-all-sm { bottom :  0; }
	}
	@media(min-width:992px) AND (max-width:1200px){
		.absolute-top-md    ,.absolute-all-md { top    :  0; }
		.absolute-right-md  ,.absolute-all-md { right  :  0; }
		.absolute-left-md   ,.absolute-all-md { left   :  0; }
		.absolute-bottom-md ,.absolute-all-md { bottom :  0; }
	}
	@media(min-width:1200px){
		.absolute-top-lg    ,.absolute-all-lg { top    :  0; }
		.absolute-right-lg  ,.absolute-all-lg { right  :  0; }
		.absolute-left-lg   ,.absolute-all-lg { left   :  0; }
		.absolute-bottom-lg ,.absolute-all-lg { bottom :  0; }
	}
/* -- overflow */
	.overflow-hidden   { overflow : hidden; }
	.overflow-hidden-y { overflow-y : hidden; }
	.overflow-hidden-x { overflow-x : hidden; }
	.overflow-scroll   { overflow : scroll; }
	.overflow-scroll-y { overflow-y : scroll; }
	.overflow-scroll-x { overflow-x : scroll; }
	.overflow-auto     { overflow : auto;   }
	.overflow-auto-y   { overflow-y : auto;   }
	.overflow-auto-x   { overflow-x : auto;   }
/* -- list */
	ul.list-inline li{display: inline-block;}
	ul.list-striped { background-color: #fff; }
	ul.list-striped:nth-child(even) { background-color: #eee; }
	ul.clear-2 li:nth-child(2n+1){ clear : both; }
	ul.clear-3 li:nth-child(3n+1){ clear : both; }
	ul.clear-4 li:nth-child(4n+1){ clear : both; }
	ul.clear-5 li:nth-child(5n+1){ clear : both; }
	@media(max-width:767px){
		ul.clear-2-xs li:nth-child(2n+1){ clear : both; }
		ul.clear-3-xs li:nth-child(3n+1){ clear : both; }
		ul.clear-4-xs li:nth-child(4n+1){ clear : both; }
		ul.clear-5-xs li:nth-child(5n+1){ clear : both; }
	}
	@media(min-width:768px) AND (max-width:992px){
		ul.clear-2-sm li:nth-child(2n+1){ clear : both; }
		ul.clear-3-sm li:nth-child(3n+1){ clear : both; }
		ul.clear-4-sm li:nth-child(4n+1){ clear : both; }
		ul.clear-5-sm li:nth-child(5n+1){ clear : both; }
	}
	@media(min-width:992px) AND (max-width:1200px){
		ul.clear-2-md li:nth-child(2n+1){ clear : both; }
		ul.clear-3-md li:nth-child(3n+1){ clear : both; }
		ul.clear-4-md li:nth-child(4n+1){ clear : both; }
		ul.clear-5-md li:nth-child(5n+1){ clear : both; }
	}
	@media(min-width:1200px){
		ul.clear-2-lg li:nth-child(2n+1){ clear : both; }
		ul.clear-3-lg li:nth-child(3n+1){ clear : both; }
		ul.clear-4-lg li:nth-child(4n+1){ clear : both; }
		ul.clear-5-lg li:nth-child(5n+1){ clear : both; }
	}
	ul>li.divider:not(:last-child):not(:first-child):after{content: ""; display: block; height: 0; width: 100%;border-top:1px solid #ccc;}
/* -- table */
	table.table-striped tbody tr:nth-child(even){ background-color: #eee; }
	table.table-responsive { width:100%;max-width:100%;overflow-x:scroll; }
/* -- opacity */
	.noopacity             { opacity :  1; }
	.noopacity:hover       { opacity :  1; }
	.opacity-h             { opacity : .9; }
	.opacity-h-hover:hover { opacity : .9; }
	.opacity-m             { opacity : .6; }
	.opacity-m-hover:hover { opacity : .6; }
	.opacity-l             { opacity : .3; }
	.opacity-l-hover:hover { opacity : .3; }
/* -- cursor */
	.cursor-crosshair { cursor: crosshair; }
	.cursor-pointer   { cursor: pointer;   }
	.cursor-wait      { cursor: wait;      }
/* -- basic text */
	.basic-text p     { text-indent:0;margin-bottom:5px;line-height:20px;}
	.basic-text ul    { padding-left:2em;}
	.basic-text ul>li { padding-bottom:5px;}
	.basic-text ul>li:last-child{padding-bottom:0;}
	.basic-text img{max-width:100%;max-height:100%;margin:0 auto;display:block;float:none;margin-bottom:10px;padding:3px; border:1px solid #ddd;}
	.basic-text img.align-left  { float:left;margin:0 10px 10px 0;}
	.basic-text img.align-right { float:right;margin:0 0 10px 10px;}
	.basic-text table thead{background:#0a6cba;color:#fff;text-shadow:0 1px 1px #264d6d;}
	.basic-text table,
	.basic-text table thead th{border-color:#fff;}
	.basic-text table tbody td{border-color:#ddd;color:#666}
	.basic-text table tbody tr:last-child td{border-bottom:0;}
	.basic-text table tbody td:first-child{border-left:0;}
	.basic-text table tbody td:last-child {border-right:0;}
	.basic-text .caption{font-size:90%;color:#888;margin-bottom:10px;font-style:italic;}
	.basic-text h1, 
	.basic-text h2,
	.basic-text h3,
	.basic-text h4,
	.basic-text h5,
	.basic-text h6{color:#222;font-weight:bold;}
/* -- fixedbar */
	.bar-fixed-top    { z-index:2;top:0;width:100%;left:0;right:0;position:fixed;     }
	.bar-fixed-right  { z-index:2;top:0;height:100%;bottom:0;right:0;position:fixed;  }
	.bar-fixed-bottom { z-index:2;right:0;width:100%;left:0;bottom:0;position:fixed;  }
	.bar-fixed-left   { z-index:2;bottom:0;height:100%;left:0;right:0;position:fixed; }
/* ------ */

/* -- tricks */
/* \/-- z-index */
.z-index-front { z-index:9999; }
.z-index-back  { z-index:0;    }
/* \/-- clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* \/-- vertical align */
.flex{display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
@media(max-width:767px){
	.flex.nodisplay-xs,.flex.nodisplay-hover-xs:hover{ display : none !important; }
}
@media(min-width:768px) AND (max-width:991px){
	.flex.nodisplay-sm,.flex.nodisplay-hover-sm:hover{ display : none !important; }
}
@media(min-width:992px) AND (max-width:1199px){
	.flex.nodisplay-md,.flex.nodisplay-hover-md:hover{ display : none !important; }
}
@media(min-width:1200px){
	.flex.nodisplay-lg,.flex.nodisplay-hover-lg:hover{ display : none !important; }
}
/* \/-- cursor pointer */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }
/* \/-- others */
sup, sub { vertical-align: baseline; position: relative; top: -0.4em;font-size:.75em;}
sub { top: 0.4em; }
.noresize{resize:none;}
/* ------ */