/*
Theme Name: TremachGroup
Theme URI: https://tremach.com/
Author: TiFactor
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para la empresa Tremach Group
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tremach.com
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;800;900&family=Poppins:ital,wght@0,300;0,400;0,500;0,800;1,300&display=swap');
body {
  --cp: #FFC700;
  --cph: #e7b501;
  --cs: #101010;
  --csh: #1d1d1d;
  --tw: #ffffff;
  --tb: #0e171e;
  --gris: #ecf0f5;
  --gt: #747272;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 0px rgba(0,0,0,0.8) inset;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--tw);}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px black inset !important;-webkit-text-fill-color: white !important;transition: background-color 5000s ease-in-out 0s;}
input:-moz-autofill { box-shadow: 0 0 0 1000px black inset !important; color: white !important;}
h1{font-size: 3rem;font-weight: bolder;}
h2{font-size: 2rem;}
h3{font-size: 1.8rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;font-weight: bold;}
.bgcp{background-color: var(--cp);color: var(--tw);}
.fixed-menu .bgcp, .fullscreen .cover-content p span{background-color: var(--cp); animation-name: color-change; animation-duration: 6s;animation-iteration-count:infinite}
@keyframes color-change {
  0% {background-color: var(--cp);}
  25% {background-color: #f6821f;}
  50% {background-color: #a3bd31;}
  75% {background-color: #77bae8;}
  100% {background-color: #fab702;}
}
.bgcs{background-color: var(--cs);color: var(--tw);}
.bgcp:hover,.bgcp:active,.bgcp:focus{background-color: var(--cph);color: var(--tw);}
.bgcs:hover,.bgcs:active,.bgcs:focus{background-color: var(--csh);}
.bggris{background-color: var(--gris);}
*[class^="tw"]{color:var(--tw)}
*[class^="tcp"]{color: var(--cp)}
*[class^="tcs"]{color: var(--cs)}
.tcp3{font-weight:300;}
.tcp5,.tcs5{font-weight: 500;}
.tcp7,.tcs7{font-weight: 700;}
.tw4{font-weight: 400;}
.tw5{font-weight: 500;}
.tw7{font-weight: 700;}

p, ul li, ol li{font-size: 1.1rem;line-height: initial;}
a.btn, a.btn-large{font-weight: 500;}
input.bgcp:focus{background-color: var(--cp);}

#formulario{background-color: var(--cs);color: var(--tw);}
#frmSolicita .saludo{margin-bottom: 1.5rem;}
#frmSolicita .saludo strong{color: var(--cp);}
#frmSolicita input, #frmSolicita textarea {color: var(--tw);font-size: 1rem;margin-top: .5rem;}
#formulario .datepicker-modal { color: var(--tb);}
#formulario p+p{display: inline-block;margin-right: 3rem;}
#formulario .f-operador{display: flex;}
#formulario .f-operador p{margin-right: 3rem;}

#formulario #formsend{cursor: pointer;color: var(--tw);/* padding: 1rem 2.5rem; */font-size: 1.4rem;}
#formulario-reclamaciones h2{margin-top: 5rem; color: var(--cp);}
#formulario-reclamaciones .input-field>label, #formulario-reclamaciones input,
#formulario-reclamaciones .radio label span,#formulario-reclamaciones p { color: var(--tb); font-weight: 500;font-size: 1.1rem;}
#formulario-reclamaciones input[type=text],
#formulario-reclamaciones input[type=tel],
#formulario-reclamaciones input[type=email],
#formulario-reclamaciones textarea.materialize-textarea{border-bottom: 1px solid #afafaf;}
#formulario-reclamaciones .radio{display: flex;align-items: center;}
#formulario-reclamaciones .radio p{margin: 1rem 3rem;}
#formulario-reclamaciones .radio p:first-of-type{margin-left: 0;}
#formulario-reclamaciones .row:last-of-type{margin-top: 3rem;}
#formulario-reclamaciones .frmBotones{display: flex;}
#formulario-reclamaciones .select-dropdown li.disabled{background-color: #5a5a5a;}
#formulario-reclamaciones .select-dropdown li.disabled span{color: var(--tw);}
#enviaReclamaciones{background-color: var(--cp);border: none;color: var(--cs);margin: 0 2rem 2rem 0;padding: 1.5rem;line-height: 1rem;}

.s-head{background-color: var(--cs);height: 40vh;;}
.s-head h1{color: var(--tw);margin: 0;line-height: 15rem;}
#formulario-reclamaciones select{display: none!important; border: none;border-radius: 0;}

/*****************150%*******************/
@media screen and (max-width: 1440px){
  h2{font-size: 1.6rem;}
  h3 {font-size: 1.4rem;}
  p, ul li, ol li,td, th {font-size: .8rem;line-height: initial;}
  a.btn{ height: 30px; line-height: 2rem; font-size: .7rem;}
  a.btn-large{height: 46px;line-height: 3.2rem;font-size: .8rem;}
}

/**********************************************SMARTPHONE***************************************************/
@media screen and (max-width:360px) {

  }

@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 2.8rem;}
h2{font-size: 1.8rem;line-height: initial;}
p, ul li, ol li {  font-size: 1.1rem;  line-height: initial;}
a.btn-large{font-size: 1rem;}
#slide-out > li:first-child { padding: 1rem 0.3rem 2rem 1rem; background: #000; margin-bottom: 1rem;}
#slide-out > li:first-child a{ padding: 0;}
.collapsible-body ul{background-color: #f1f1f1;}
.collapsible-body ul li:nth-child(5) a,.collapsible-body ul li:last-child a{line-height: 1.5rem;}
ul.collapsible li a.collapsible-header{padding: 0 2.5rem;}
#slide-out ul.collapsible li.active>a { background-color: var(--cp); color: var(--tw);}
#slide-out ul.collapsible li a.collapsible-header:after { content: ""; position: absolute; width: 0; height: 0; top: 40%; right: 25px; border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 6px solid #333;}
#slide-out ul.collapsible li.active a.collapsible-header:after { border-top: 6px solid #fff;}
.card .content-head p {height: auto;}
#frmReclamaciones .row:first-of-type .radio{display: flex}
#formulario-reclamaciones .radio{display: block}
#formulario-reclamaciones .radio p{margin: 1.5rem 0;}
#formulario-reclamaciones .frmBotones{display: block;}
#formulario-reclamaciones #enviaReclamaciones{width: 100%;}

.s-head{padding-top: 7rem;}
.tax-sector .s-head{padding-top: 14rem;}
.s-head p{line-height: 1.4rem;}


}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  h1{font-size: 3.5rem;}
  h2{font-size: 2.6rem;}
  p, ul li, ol li { font-size: 1.6rem;line-height: initial;}
  a.btn {height: 42px;line-height: 3.2rem;font-size: 1.1rem;}
  a.btn-large { height: 54px; line-height: 3.8rem;  font-size: 1.2rem;}
  

  .s-head{padding-top: 18rem;}
  .tax-sector .s-head{padding-top: 24rem;}
  .s-head p{line-height: initial;}
  
}
/*************************************LAPTOP HD Y TV*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){
  
}
@media screen and (min-width:1920px){
h1{font-size: 4rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.8rem;}
p, ul li,ol li{font-size: 1.2rem;line-height: initial;}
ul.menu-main li a{padding: 1.2rem 2rem;font-size: 1rem;}
ul li a.dropdown-trigger {padding: 1.2rem 2.4rem 1.2rem 1.2rem;font-size: 1rem;}

}

/*@media screen and (min-width:1920px){
  h1 { font-size: 4rem;}

}*/

/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?mk9xhm');
  src:  url('fonts/icomoon.eot?mk9xhm#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?mk9xhm') format('truetype'),
    url('fonts/icomoon.woff?mk9xhm') format('woff'),
    url('fonts/icomoon.svg?mk9xhm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-chat:before {
  content: "\e902";
}
.icon-check:before {
  content: "\e903";
}
.icon-construccion:before {
  content: "\e904";
}
.icon-construction-machine-crane:before {
  content: "\e905";
}
.icon-crane:before {
  content: "\e906";
}
.icon-crane-lifting-materials:before {
  content: "\e907";
}
.icon-crane-truck:before {
  content: "\e908";
}
.icon-delivery:before {
  content: "\e909";
}
.icon-elevator:before {
  content: "\e90a";
}
.icon-email:before {
  content: "\e90b";
}
.icon-energia:before {
  content: "\e90c";
}
.icon-excavator:before {
  content: "\e90d";
}
.icon-excavators:before {
  content: "\e90e";
}
.icon-facebook:before {
  content: "\e90f";
}
.icon-frontal-truck:before {
  content: "\e910";
}
.icon-goal:before {
  content: "\e911";
}
.icon-happy:before {
  content: "\e912";
}
.icon-heavy-vehicle:before {
  content: "\e913";
}
.icon-instagram:before {
  content: "\e914";
}
.icon-left-arrow:before {
  content: "\e915";
}
.icon-lift-truck:before {
  content: "\e916";
}
.icon-like:before {
  content: "\e917";
}
.icon-linkedin:before {
  content: "\e918";
}
.icon-maintenance:before {
  content: "\e919";
}
.icon-map:before {
  content: "\e91a";
}
.icon-menu:before {
  content: "\e91b";
}
.icon-mineria:before {
  content: "\e91c";
}
.icon-next:before {
  content: "\e91d";
}
.icon-gas-y-petroleo:before {
  content: "\e91e";
}
.icon-play:before {
  content: "\e91f";
}
.icon-plus:before {
  content: "\e920";
}
.icon-pointing-right:before {
  content: "\e921";
}
.icon-puertos:before {
  content: "\e922";
}
.icon-proyectos:before {
  content: "\e923";
}
.icon-quality:before {
  content: "\e924";
}
.icon-quote:before {
  content: "\e925";
}
.icon-industria:before {
  content: "\e926";
}
.icon-smartphone:before {
  content: "\e927";
}
.icon-refineria:before {
  content: "\e932";
}
.icon-support:before {
  content: "\e928";
}
.icon-tower-crane:before {
  content: "\e929";
}
.icon-truck:before {
  content: "\e92a";
}
.icon-value:before {
  content: "\e92b";
}
.icon-movil-crane:before {
  content: "\e92c";
}
.icon-vehicle:before {
  content: "\e92d";
}
.icon-almacenes:before {
  content: "\e92e";
}
.icon-whatsapp:before {
  content: "\e92f";
}