@charset "utf-8";
*{
    box-sizing: border-box;
}

.row{
    margin: 0 -15px;
    position: relative;
    display: inline-block;
    width: calc(100% + 30px);
}
.row [class^=col-] {
    margin: 20px 0 0 0;
    min-height: .125rem;
    padding: 0 15px;
    float: left
}
.row + .row{
    clear: left;
}
.row [class^=col] div {
    min-height: 1px;
}
.col-6{
    width: 16.6666%;
}
.clear-6:nth-child(6n+1) {
    clear: left;
}
.col-5{
    width: 20%;
}
.clear-5:nth-child(5n+1) {
    clear: left;
}
.col-4{
    width: 25%;
}
.clear-4:nth-child(4n+1) {
    clear: left;
}
.col-3{
    width: 33.3333%;
}
.clear-3:nth-child(3n+1) {
    clear: left;
}
.col-2{
    width: 50%;
}
.clear-half:nth-child(2n+1) {
    clear: left;
}
.col-1{
    width: 100%;
}
.col-40{
    width: 40%;
}
.col-60{
    width: 60%;
}
.col-66{
    width: 66.6666%;
}
.col-75{
    width: 75%;
}
.block-center{
    margin: 0 auto!important;
    float: none!important;
    clear: both;
    padding-top: 1px!important;
}
.nopad{
    padding: 0!important;
}

/*PC 1600*/
@media all and (max-width: 1600px){
    
}
/*PC 19" 1440*/
@media all and (max-width: 1440px){
   
}
/*PC 13" 1280*/
@media all and (max-width: 1280px){
}
/*desde Tablet Horizontal*/
@media all and (min-width: 1025px){
    .hide-from-pc{display: none !Important; opacity: 0}
}
/*Tablet Horizontal*/
@media all and (max-width: 1024px){
    .hide-upto-pc{display: none !Important; opacity: 0}
    .half-on-pc{width: 50%!important}
    .full-on-pc{width: 100%!important}
    .third-on-pc{width: 33.3333%;}
}
/*Desde tablet vertical*/
@media all and (min-width: 769px){
    .hide-on-pc{display: none !Important; opacity: 0}
    .block-on-pc{display: block!important}
}
/*Tablet vertical*/
@media all and (max-width: 768px){
    .half-on-tablet{width: 50%!important}
    .full-on-tablet{width: 100%!important}
    .hide-on-tablet{display: none!important; opacity: 0}
    .col-6, .third-on-tablet{width: 33.3333%;}
}
/* Desde Smartphone horizontal*/
@media all and (min-width: 737px){
    .only-on-mobile{display: none; opacity: 0}
}
/*Smartphone horizontal*/
@media all and (max-width: 736px){
    .hide-on-mobile{display: none !Important; opacity: 0}
    .full-on-mobile,.col-5,.col-4,.col-3{width: 100%!important;}
    .half-on-mobile, .col-6{width: 50%!important}
    .three-on-mobile{width: 33.3333%!important}
    
    .clear-3.half-on-mobile{clear: none}
    .clear-3.half-on-mobile:nth-child(2n+1) {clear: left;}
}