/* HCPRO.CSS 1.0 2020  a W3.css Modifcacion by Horacio Cuenca */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}

/* modificacion mia */
a{background-color:transparent;text-decoration:none}a:active,a:hover{outline-width:0}
/* agregado mio */
.link{text-decoration: underline}

abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* End extract */
html,body{font-family:Roboto,Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}

/* modificacion mia */
h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.33em}h5{font-size:1.2em}h6{font-size:1em}.serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family: Roboto,"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

/*--- table ---*/
.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.table-all{border:1px solid #ccc}
.bordered tr,.table-all tr{border-bottom:1px solid #ddd}.striped tbody tr:nth-child(even){background-color:#f1f1f1}
.table-all tr:nth-child(odd){background-color:#fff}
.table-all tr:nth-child(even){background-color:#f1f1f1}
/* agregado mio */
.table-all-odd tr:nth-child(odd){background-color:#f1f1f1}
.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}.centered tr th,.centered tr td{text-align:center}

/* agregado mio */
.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:middle}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}

.table-all td:first-child{padding-left: 8px}

/*--- buttons ---*/
.button:hover{color:#000!important;background-color:#ccc!important}
.btn,.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}

/*--- badge & tag ---*/
.badge,.tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.badge{border-radius:50%}

/*--- list ---*/
/*agregados mio */
ul, ol {padding: 0;margin: 0 0 20px 24px;}
li {padding: 5px 0;margin: 0;}
ul.icons{list-style-type:none}
ul.divider li {border-bottom:1px solid #ddd}
ul li:last-child{border-bottom:none}
ul li.divider {border-bottom:1px solid #ddd}

.ul{padding:0;margin:0}
.ul li{padding:8px 16px;}

/*--- tooltip ---*/
.tooltip, .tooltip .text{display:none}
.tooltip:hover .text{display:inline-block}

/*--- form ---*/
.input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.dropdown-hover:hover .dropdown-content{display:block}
.dropdown-hover:first-child,.dropdown-click:hover{background-color:#ccc;color:#000}
.dropdown-hover:hover > .button:first-child,.dropdown-click:hover > .button:first-child{background-color:#ccc;color:#000}
.dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.check,.radio{width:24px;height:24px;position:relative;top:6px}

/*--- sidebar ---*/
.sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;top:0;z-index:1;overflow:auto}

/*--- bar ops ---*/
.bar-block .dropdown-hover,.bar-block .dropdown-click{width:100%}
.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:100%}
.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button{width:100%;text-align:left;padding:8px 16px}

.bar{width:100%;overflow:hidden}.center .bar{display:inline-block;width:auto}
.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bar .dropdown-hover,.bar .dropdown-click{position:static;float:left}
.bar .button{white-space:normal}
.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}

/* agregado mio */
.bar .first {
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-topleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -moz-background-clip:content-box;
   -webkit-background-clip: border;
}

.bar .last {
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-background-clip:content-box;
   -webkit-background-clip: border;
}

/*--- modal ---*/
.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:33%}

/*--- responsive ---*/
.responsive{display:block;overflow-x:auto}
.content,.auto{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}
.container:after,.container:before,.panel:after,.panel:before{content:"";display:table;clear:both}

/* row &col */
.row:after,.row:before,.row-padding:after,.row-padding:before{content:"";display:table;clear:both}
.col,.half,.third,.twothird,.threequarter,.quarter{float:left;width:100%}
.rest{overflow:hidden}.stretch{margin-left:-16px;margin-right:-16px}

/* table like */
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
.cell-row{display:table;width:100%}.cell{display:table-cell}
.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}

/*--- hide & show ---*/
.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}

/*--- fixed position ---*/
.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}

/*--- display ---*/
.display-container{position:relative}
.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.display-position{position:absolute}
/* agregado mio */
.inline{display: inline!important}

/* modificacion mia */
.pos-top-left{position:absolute;left:0;top:0}
.pos-top-middle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.pos-top-right{position:absolute;right:0;top:0}

.pos-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.pos-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.pos-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

.pos-bottom-left{position:absolute;left:0;bottom:0}
.pos-bottom-middle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.pos-bottom-right{position:absolute;right:0;bottom:0}

/* agregado mio */
.pos-abs{position:absolute}
.pos-fix{position:fixed}
.pos-rel{position:relative}

.pos-sticky {position: sticky; top: 0;}

/*--- circle & round ---*/
.circle{border-radius:50%}
.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}

/*--- row ---*/
.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}

/*--- container & panel & section---*/
.container,.panel{padding:0.01em 16px}.panel{margin-top:16px;margin-bottom:16px}
.section{margin-top:16px!important;margin-bottom:16px!important}

/*--- code ---*/
.code{margin-top:16px!important;margin-bottom:16px!important}
.code,.codespan{font-family:Consolas,"courier new";font-size:16px}
.code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}

/*--- card ---*/
/* agregado mio */
/*.card{border:1px solid #e5e5e5}/*/
.card img{width: 100%}

/*--- shadow ---*/
.text-shadow{text-shadow:1px 1px 0 #444}
.shadow-1{box-shadow:0 1px 2px 0 rgba(0,0,0,0.16),0 2px 4px 0 rgba(0,0,0,0.12)}
.shadow-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.shadow-4,
.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.hover-light:hover{box-shadow:none!important}

/*--- animations ---*/
.main,#main{transition:margin-left .4s}
.ripple:active{opacity:0.5}.ripple{transition:opacity 0s}
.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

/* agregado mio */
.spinner {
   -webkit-animation: rotate-div 4s infinite linear;
   animation: rotate-div 4s infinite linear;
   }
   @keyframes rotate-div {
   0% { 
   transform:  rotateX(0deg) rotateY(0deg);
   -webkit-transform: rotateX(0deg) rotateY(0deg); 
   } 100% { 
   transform: rotateX(0deg) rotateY(359.9deg);
   -webkit-transform: rotateX(0deg) rotateY(359.9deg); 
   }
}

/* agregado mio */
.animate-fadein{animation:fadein 10s infinite}@keyframes fadein{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-fadeout{animation:fadeout 10s infinite}@keyframes fadout{0%{opacity:1}50%{opacity:0}100%{opacity:1}}

.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}

/*--- transparent & opacity---*/
.transparent,.hover-light:hover{background-color:transparent!important}

.opacity,.hover-opacity:hover{opacity:0.60}

.opacity-25{opacity:0.25}
/* agregado mio */
.opacity-50{opacity:0.50}
.opacity-75{opacity:0.75}

.opacity-100,.hover-opacity-off:hover{opacity:1 !important}

/*--- image & opacity---*/
.image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.greyscale-max,.grayscale-max,.hover-greyscale:hover,.hover-grayscale:hover{filter:grayscale(100%)}
.greyscale,.grayscale{filter:grayscale(75%)}.greyscale-min,.grayscale-min{filter:grayscale(50%)}
.sepia{filter:sepia(75%)}.sepia-max,.hover-sepia:hover{filter:sepia(100%)}.sepia-min{filter:sepia(50%)}

/*--- font-size---*/
/* agregado mio */
.tiny{font-size: 0.67em!important}.small{font-size: 0.8em!important}.medium{font-size: 1em!important}.large{font-size:1.2em!important}
.xlarge{font-size:1.6em!important}.xxlarge{font-size:2.4em!important}.xxxlarge{font-size:3.2em!important}.jumbo{font-size:4.27em!important}

/*--- text-align---*/
.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}

/*--- border---*/
.border-0{border:0!important}.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
/* modificacion mia */
.top-bar{border-top:4px solid #ccc!important}.bottom-bar{border-bottom:4px solid #ccc!important}
.left-bar{border-left:4px solid #ccc!important}.right-bar{border-right:4px solid #ccc!important}

/*--- margins---*/
.margin{margin:16px!important}
.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}

/* agregado mio */
.margin-0{margin: 0px!important}

/*--- paddings---*/
.padding-0{padding:0!important}
.padding-tiny{padding:2px 4px!important}

.padding-small{padding:4px 8px!important}
.padding{padding:8px 16px!important}
.padding-large{padding:12px 24px!important}

/* agregado mio */
.padding-16{padding:16px!important}
.padding-24{padding:24px!important}
.padding-32{padding:32px!important}
.padding-48{padding:48px!important}
.padding-64{padding:64px!important}

.padd16-top-bottom{padding-top:16px!important;padding-bottom:16px!important}
.padd24-top-bottom{padding-top:24px!important;padding-bottom:24px!important}
.padd32-top-bottom{padding-top:32px!important;padding-bottom:32px!important}
.padd48-top-bottom{padding-top:48px!important;padding-bottom:48px!important}
.padd64-top-bottom{padding-top:64px!important;padding-bottom:64px!important}

.padd16-left-right{padding-left:16px!important;padding-right:16px!important}
.padd24-left-right{padding-left:24px!important;padding-right:24px!important}
.padd32-left-right{padding-left:32px!important;padding-right:32px!important}
.padd48-left-right{padding-left:48px!important;padding-right:48px!important}
.padd64-left-right{padding-left:64px!important;padding-right:64px!important}


/*--- float---*/
.left{float:left!important}.right{float:right!important}

/* agregado mio */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

/*--- Media Query---*/

@media (max-width:768px){.modal-content{width:95%}.modal{padding-top:50px}}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}
@media (min-width:993px){.modal-content{width:33%}.sidebar.collapse{display:block!important}}
@media (max-width:1205px){.auto{max-width:95%}}

@media only screen and (max-width: 768px) {
   table.table-resp {width: 100%;border-collapse: collapse;border-spacing: 0;display: block; position: relative;}
   table.table-resp td:empty:before {content: '\00a0';}
   table.table-resp th, table.table-resp td {margin: 0;vertical-align: top;}
   table.table-resp th {text-align: left;}
   table.table-resp thead {display: block;float: left;}
   table.table-resp thead tr {display: block;padding: 0 10px 0 0;}
   table.table-resp thead tr th::before {content: "\00a0";}
   table.table-resp tbody {display: block;width: auto;position: relative;overflow-x: auto;}
   table.table-resp tbody tr {display: inline-block;vertical-align: top;}
   table.table-resp th {display: block;text-align: right;}
   table.table-resp td {display: block;min-height: 1.25em;text-align: center; background-color: transparent;}
   table.table-resp tr {width: 100%;border-left:1px solid rgba(0, 0, 0, 0.12);  padding: 10px 0;}
   table.table-resp thead {border: 0;border-right: 1px solid rgba(0, 0, 0, 0.12);}
   /**/
   table.table-resp td * {width: 100%;}
   
   table.table-sticky {height: 100vh!important;overflow-y: auto}
}

/* agregado mio */
   .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;padding:0 12px}
   .col-1{width:8.33333%}.col-2{width:16.66666%}.col-3{width:24.99999%}.col-4{width:33.33333%}
   .col-5{width:41.66666%}.col-6{width:49.99999%}.col-7{width:58.33333%}.col-8{width:66.66666%}
   .col-9{width:74.99999%}.col-10{width:83.33333%}.col-11{width:91.66666%}.col-12{width:99.99999%}

/* small */
@media (max-width:320px){
  body{font-size:60%}
  .hide-small{display:none!important}
}

@media (min-width:321px){
 
   .col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s3{width:24.99999%}.col.s4{width:33.33333%}
   .col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}
   .col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}
   
}

/* phone */
@media (max-width:480px){
   body{font-size:70%}
   .hide-phone{display:none!important} 
   .show-phone{display:block!important}
}
@media (min-width:481px){
   
   .col.p1{width:8.33333%}.col.p2{width:16.66666%}.col.p3{width:24.99999%}.col.p4{width:33.33333%}
   .col.p5{width:41.66666%}.col.p6{width:49.99999%}.col.p7{width:58.33333%}.col.p8{width:66.66666%}
   .col.p9{width:74.99999%}.col.p10{width:83.33333%}.col.p11{width:91.66666%}.col.p12{width:99.99999%}  
}

/* phone-mobile */
@media (max-width:600px){
   
   body{font-size:80%}
   .modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
   .dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}	
   .mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
   .dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}
   .hide-mobile{display:none!important}
   .container{padding:0; display: block; width: 100%}
}

/* mobile-smart */
@media (min-width:601px){
   
   .col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}
   .col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
   .col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}
}

/* mobile-landscape (medium) */
@media (max-width:768px){
   body{font-size:90%}
   .hide-medium{display:none!important}
   .show-medium{display:block!important}
}
@media (min-width:769px){
   
   .col.ml1{width:8.33333%}.col.ml2{width:16.66666%}.col.ml3,.quarter{width:24.99999%}.col.ml4,.third{width:33.33333%}
   .col.ml5{width:41.66666%}.col.ml6,.half{width:49.99999%}.col.ml7{width:58.33333%}.col.ml8,.twothird{width:66.66666%}
   .col.ml9,.threequarter{width:74.99999%}.col.ml10{width:83.33333%}.col.ml11{width:91.66666%}.col.ml12{width:99.99999%}
   
} 

/* tablet */
@media (max-width:992px){
   body{font-size:100%}
   .hide-tablet{display:none!important}
   .show-tablet{display:block!important}
}
@media (min-width:993px){
   
   .col.t1{width:8.33333%}.col.t2{width:16.66666%}.col.t3,.quarter{width:24.99999%}.col.t4,.third{width:33.33333%}
   .col.t5{width:41.66666%}.col.t6,.half{width:49.99999%}.col.t7{width:58.33333%}.col.t8,.twothird{width:66.66666%}
   .col.t9,.threequarter{width:74.99999%}.col.t10{width:83.33333%}.col.t11{width:91.66666%}.col.t12{width:99.99999%}   
}

/* tablet-landscape (large) */
@media (max-width:1024px){
   body{font-size:100%}
   .hide-large{display:none!important}
   .show-large{display:block!important}
}
@media (min-width:1025px){
   
   .col.tl1{width:8.33333%}.col.tl2{width:16.66666%}.col.tl3,.quarter{width:24.99999%}.col.tl4,.third{width:33.33333%}
   .col.tl5{width:41.66666%}.col.tl6,.half{width:49.99999%}.col.tl7{width:58.33333%}.col.tl8,.twothird{width:66.66666%}
   .col.tl9,.threequarter{width:74.99999%}.col.tl10{width:83.33333%}.col.tl11{width:91.66666%}.col.tl12{width:99.99999%}
}

/* wide screen */
@media (max-width:1279px){
   body{font-size:100%}
   .hide-wide{display:none!important}
   .show-wide{display:block!important}
}
@media (min-width:1280px){
   
   .col.w1{width:8.33333%}.col.w2{width:16.66666%}.col.w3,.quarter{width:24.99999%}.col.w4,.third{width:33.33333%}
   .col.w5{width:41.66666%}.col.w6,.half{width:49.99999%}.col.tl7{width:58.33333%}.col.w8,.twothird{width:66.66666%}
   .col.w9,.threequarter{width:74.99999%}.col.w10{width:83.33333%}.col.w11{width:91.66666%}.col.w12{width:99.99999%}
}

/* full hd */
@media (max-width:1407px){
   body{font-size:100%}
   .hide-full{display:none!important}
   .show-full{display:block!important}
}

@media (min-width:1408px){
   body{font-size:120%}
   .col.f1{width:8.33333%}.col.f2{width:16.66666%}.col.f3{width:24.99999%}.col.f4{width:33.33333%}
   .col.f5{width:41.66666%}.col.f6{width:49.99999%}.col.f7{width:58.33333%}.col.f8{width:66.66666%}
   .col.f9{width:74.99999%}.col.f10{width:83.33333%}.col.f11{width:91.66666%}.col.f12{width:99.99999%}

   /* full ultra wide hd */
   .hide-ultra{display:none!important}
   .show-ultra{display:block!important}
}