:root{
    --main-color:#C49128;
    --sgdary-color:#000000;
	--thr-color: #EE7221;
    --white--bg: #ffffff;
    --sg-bg-color: #f5f5f5;
	--dark-color: #000000;
	--textcolor: #141414;
}

.gex-color-icon svg path {
	fill:var(--main-color) !important;
}

.gbcolor svg rect {
	fill:var(--main-color) !important;
}

.gex-white svg path{
	fill:var(--white--bg) !important;
}

.gex-sgcolor svg path{
	fill:var(--sgdary-color) !important;
}

.hidethis{
	display: none !important;
}

.primary-color{
	color: var(--main-color) !important;
}
.sg-color-drkblue{
	color: var(--sgdary-color) !important;
}
.gray-color-text{
	color: var(--thr-color) !important;
}
.bg-semiwhite{
	color: var(--sg-bg-color) !important;
}
.whitecolor{
	color: var(--white--bg) !important;
}
.textcolor{
	color: var(--textcolor) !important;
}
.fooinfotex{
	font-size: 14px !important;
	font-weight: 500 !important;
}
/*****************************
********* CLIPS CSS ************
****************************/
.clipright{
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%) !important;
}
.clipleft{
	clip-path: polygon(9% 0, 100% 0, 100% 100%, 0% 100%) !important;
}
.cliprightmn{
	clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%) !important;
}
.homeclip{
	clip-path: polygon(50% 0, 0 100%, 100% 100%) !important;
}
.figurectaone{
	clip-path: polygon(24% 0, 48% 52%, 27% 100%, 0% 100%, 25% 50%, 0% 0%) !important;
}
.clipbottompt{
	clip-path: polygon(100% 24%, 48% 48%, 0% 27%, 0% 0%, 50% 25%, 100% 0%) !important;
}


/*Copyright*/
.copyright-footer{
	text-align: left;
	color: var(--white--bg);
	font-family: "Roboto", Sans-serif !important;
	font-weight: 400;
    text-transform: Normal;
	font-size: 14px !important;
	margin-bottom: 0px;
}

.copyright-footer a{	
	color: var(--sg-bg-color) !important;
	font-weight: 800;
}

.copylinks{
	text-align: center;
}

.copylinks a{
	color: var(--thr-color);
	font-size: 14px;
}  

.copylinks a:hover{
	color: var(--main-color);
}

/**********************
**** Bandage **************
*******************/

h2 span{
	color: #C49128 !important;
}
.bdg{
	color: var(--sgdary-color) !important;
}
.bdg-dark{
	color: var(--dark-color) !important;
}
/**************************
** Margins & Padding Bottoms **
***************************/
.mb1{
	margin-bottom: 10px !important;
}
.mb2{
	margin-bottom: 20px !important;
}
.mb3{
	margin-bottom: 30px !important;
}

.pb1{
	padding-bottom: 10px !important;
}
.pd2{
	padding-bottom: 20px !important;
}
.pd3{
	padding-bottom: 30px !important;
}

/**************************
** Margins & Padding Top **
***************************/
.mt1{
	margin-top: 10px !important;
}
.mt2{
	margin-top: 20px !important;
}
.mt3{
	margin-top: 30px !important;
}

.pt1{
	padding-top: 10px !important;
}
.pt2{
	padding-top: 20px !important;
}
.pt3{
	padding-top: 30px !important;
}

/********************************
	* Shorcode Menu footer *
*********************************/
ul.foo-menu a {
  color: var(--white--bg) !important;
  line-height: 1.8em !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

ul.foo-menu li{
	border-bottom: 1px solid #DDDDDD21 !important;
	padding: 5px 0 5px 0 !important;
}

ul.foo-menu a:hover{
  color: var(--main-color) !important;
}

ul.foo-menu {
  list-style: none !important;
  padding-left: 0px !important;
}

.bficons{
  margin-right: 2px !important;
  color: var(--main-color) !important;
  font-size: 20px !important;
  margin-top: 5px !important;
}
li:has(.bficons) {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

li:has(.bficons) a {
    flex: 1;
    min-width: 0;
}

/********************************
********** FORM ********************
*********************************/
.with_frm_style .frm_primary_label{
	color: var(--white--bg) !important;
}

.frm_form_fields .frm_primary_label {
    display: none !important;
}

#frm_field_11_container{
	margin-bottom: 0px !important;
}

/*Icon Before Send BTN*/
.frm_final_submit::before {
    content: "\f1d8";
    font-family: FontAwesome;
    margin-right: 8px;
}

/*** *****Counter Divider ***/
.cntrdiv .elementor-counter-title{
	padding-left: 20px !important;
    border-left: 1px solid #cdcdcd !important;
}

/****** Gallery Home ************/
a.elementor-item .elementor-gallery-title::before{
	border-left: 1px solid #d9d9d9 !important;
}

/*******Arrow Areas We Server******/
.aws-arrow{
	float: right;
    width: 30px;
    margin-top: -27px;
}

/*******Breadcrumb********/
a.breadLink{
	color: var(--white--bg) !important;
	font-weight: 500;
}
span.divider{
	color: var(--white--bg) !important;
	font-weight: 500;
}
nav.breadcrumb{
	color: var(--sgdary-color) !important;
	font-size: 18px;
	font-weight: 700;
}

/* ==================================
    Review Function - Starts
====================================*/
.star-rating::after {
	content: "★★★★★";
	display: inline-block;
	color: transparent;
	background: linear-gradient(90deg, #FA4616 var(--rating-percent), #ffffff var(--rating-percent));
	background-clip: text;
	-webkit-background-clip: text;
}

/**********************************
************ For Elementor *************/
h3.elementor-icon-box-title{
	margin-top: 0px !important;
}

.aboutbxs span.elementor-icon {
    border: solid 3px var(--white--bg) !important;
}

.btniconr span.elementor-button-icon {
    transform: rotate(-0deg);
}

/*.aboutboxes .elementor-icon-box-description{
	text-align: left !important;
}*/

.iconbox-divider .elementor-icon-box-title {
    position: relative;
    padding-bottom: 20px;
}

.iconbox-divider .elementor-icon-box-title {
    position: relative;
    padding-bottom: 10px;
}

.iconbox-divider .elementor-icon-box-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #EE7221;
    margin: 15px auto 0;
}

/*Trash*/
.marquee-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee-content .elementor-widget-container {
    width: 100%;
    max-width: none;
    overflow: visible;
}

/* La lista que realmente se mueve */
.marquee-content .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    animation: marquee-scroll 25s linear infinite;
    will-change: transform;
}

/* Cada elemento conserva su tamaño */
.marquee-content .elementor-icon-list-item {
    flex: 0 0 auto !important;
    white-space: nowrap;
}

/* Texto */
.marquee-content .elementor-icon-list-text {
    white-space: nowrap;
}

/* Icono */
.marquee-content .elementor-icon-list-icon {
    flex: 0 0 auto;
}


/* ==============================
   MARQUEE
   ============================== */

@keyframes marquee-scroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}
/* ===============================
 ** Icon box link color Contact **
 ==================================*/
.cntemail .elementor-icon-box-description a,
.cntnum .elementor-icon-box-description a{
	color: var(--main-color) !important;
}

.cntemail .elementor-icon-box-description a:hover,
.cntnum .elementor-icon-box-description a:hover{
	color: var(--dark-color) !important;
}

.hrboxbg{
    height: 650px !important;
}

/* ==============================
		Views BTN
   ============================== */

.btndesk {
    display: flex;
}
.btnmobile {
    display: none;
}


/******************************
******** Media Queries ***********
*********************************/
@media only screen and (max-width: 767px) and (orientation: portrait) {
	.copyright-footer{
		text-align: center !important;
	}
}

@media(max-width: 768px){
	.topbarG{
		display: none !important;
	}
}

@media (max-width: 1023px) {
  .hgbox,
  .hgboxsmall {
    height: auto !important;
  }
}

@media (min-width: 1024px) {
	.hgbox {height: 580px !important;}
}
@media (min-width: 1024px) {
  .hgboxsmall {height: 540px !important;}
}

@media (max-width: 1024px){
    .hrboxbg{
        height: auto !important;
    }
}


@media (max-width: 767px) {
    .btndesk {
        display: none !important;
    }
	.btnmobile {
        display: flex !important;
    }
}
