@charset "utf-8";
/* CSS Document */


:root { 
  /* --background-color: #ffffff;   Background color for the entire website, including individual sections */
  /* --default-color: #2b180d;    Default color used for the majority of the text content across the entire website */
  /* --heading-color: #1b2f45;     Color for headings, subheadings and title throughout the website */
  /* --accent-color: #56b8e6;     Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  /* --surface-color: #ffffff;    The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}


/*---------------------------------------------------------------------
    skeleton
---------------------------------------------------------------------*/


a {
	text-decoration: underline !important;
}


.head_top 
{
background: #408E32;
margin-bottom: 22px;
font-size: 18px;
}

.cma-header-contact
{
/* background-image: url("../images/contact-background-top.jpg") */  /* no-repeat center center/cover  */ ;
}

.cma-header-contact .overlay-bg
{
/* background: rgba(201,146,248,0.60); */
}


.top-box-cma-contact p {
    float: right;
    padding-top: 3px;
	padding-bottom: 4px;
    color: #FCE12A;
    font-size: 34px;
    line-height: 55px;
	opacity: 1;
}

.top-box-cma p {
    float: right;
    padding-top: 3px;
	padding-bottom: 4px;
    color: #FCE12A;
    font-size: 34px;
    line-height: 55px;
}

.row-cma
{
align-content: center;
margin: 0 auto;
text-align: center;
}


.footer {
	background: #1b1b1b;
    padding-top: 40px;
}

ul.lik li a:hover {
	color: #D97706;
}

.cma-logo {
	color: #fff;
	font-weight: 500;
	font-size: 28px;
    		line-height: 30px;
	padding-bottom: 0px;
	padding-top: 80px;
	position: absolute;
  	bottom: 0;
  	left: 0;
}

.cma-brand	{
	font-weight: 700;
	color:#408E32;
}



/* ================================================================= */

/* 
Main Slider / Banner / Imgs / Indicators
*/

/*
.carousel-inner {
	height: 360px !important;	
}
*/

.slider_section .carousel .carousel-item {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin-top: 30px;
	height: 310px;
}

.banner-main {
	position: relative;
}

/*  Mobile [Default]   */
.banner-main .carousel-caption h1 {
	font-size: 20px !important;
    line-height: 22px;
	text-transform: uppercase;
	padding-left: 0px;
	color: #020000;
	text-align: left;
}
.banner-main .carousel-caption p {
	font-size: 12px;
	color: #050000;
    font-weight: 110;
    line-height: 14px;
	padding-left: 0px;
	text-align: left;
 }

.first-slide {
	width: 98% !important;  /*  96%  */
	height: 71% !important;  /*  70%  */
	content: url("../images/amblabseg-hero-sml.jpg");
}

.second-slide {
	width:  98% !important;  /*  96%  */
	height:  69% !important;  /*  68%  */
	content: url("../images/permshabs-hero-sml.jpg");
}

.third-slide {
	width: 98% !important;  /*  96%  */
	height:  67% !important;  /*  66%  */
	content: url("../images/desust-hero-sml.jpg");
}

.banner-main .carousel-caption .carousel-main-btn {
	width: 180px;
	background: #408E32;
	padding: 4px 0px;
	color: #fff;
	font-size: 14px;
	border-radius: 22px 0px 22px 22px;
	margin-top: 50px;
	line-height: 35px;
	display: flex;
	align-content: flex-start;
	margin-left: 5px;
	padding-left: 15px;
}
.banner-main .carousel-caption .carousel-main-btn:hover {
	color: #206814;
	background: #E2EFE0;
}


/** slider arrow **/

#main_slider .carousel-control-prev,
#main_slider .carousel-control-next {
	width: 52px;
	height: 52px;
	background: #E2EFE0;
	opacity: 1;
	font-size: 25px;
	color: #000;
}

#main_slider .carousel-control-prev:hover,
#main_slider .carousel-control-next:hover,
#main_slider .carousel-control-prev:focus,
#main_slider .carousel-control-next:focus {
	background: #408E32;   /*  D97706   ffc221  */
	color: #fff;
}

#main_slider a.carousel-control-prev {
	position: absolute;
	left: 290px;
	bottom: 0px;
	top: inherit;
}

#main_slider a.carousel-control-next {
	position: absolute;
	left: 330px;
	top: inherit;
	bottom: 0px;
}



.banner-main .carousel-caption a {
	width: 200px;
	background: #408E32;
	padding: 4px 0px;
	color: #fff;
	font-size: 14px;
	border-radius: 15px 0px 15px 15px;
	display: inline-block;
	/*  text-align: center;  */
	margin-top: 10px;
	line-height: 24px;
	margin-left: 0px;
}
.banner-main .carousel-caption a:hover {
	color: #206814;
	background: #E2EFE0;   /*  206814  */
}



.banner-main .carousel-caption .bottom-btn {
	background-color: blueviolet;
	text-decoration: underline;
	display: flex;
	align-content: flex-start;
	margin-left: 40px;
	padding-left: 20px;
	width: 35%;
}
.banner-main .carousel-caption .bottom-btn:hover {
	background-color: darkmagenta;
	transition: background-color 0.3s ease;
	color: orange;
	text-decoration: none;
}
.banner-main .carousel-caption .bottom2-btn {
	background-color: greenyellow;
}
.banner-main .carousel-caption .bottom3-btn {
	background-color: gold; 
}


/* Tablet Setup */
@media (min-width: 768px) {
.slider_section .carousel .carousel-item {
	margin-top: 0px;
	height: auto;
}
.banner-main .carousel-caption h1 {
	font-size: 34px !important;
    line-height: 36px;
	text-transform: uppercase;
	padding-left: 30px;
	color: #020000;
	text-align: left;
}
.banner-main .carousel-caption p {
	font-size: 24px !important;
	color: #050000;
    font-weight: 200;
    line-height: 26px;
	padding-left: 30px;
	text-align: left;
}
.first-slide {
	width: auto;
	height: auto;
	content: url("../images/amblabseg-hero-med.jpg");
}

.second-slide {
	width: auto;
	height: auto;
	content: url("../images/permshabs-hero-med.jpg");
}

.third-slide {
	width: auto;
	height: auto;
	content: url("../images/desust-hero-med.jpg");
}

.banner-main .carousel-caption a {
	width: 250px;
	background: #408E32;
	padding: 9px 0px;
	color: #fff;
	font-size: 14px;
	font-style: italic;	
	border-radius: 30px 0px 30px 30px;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	line-height: 30px;
	margin-left: 70px;
}
.banner-main .carousel-caption a:hover {
	background: #206814;
}

#main_slider a.carousel-control-prev {
	position: absolute;
	left: 420px;
	bottom: 0px;
	top: inherit;
}

#main_slider a.carousel-control-next {
	position: absolute;
	left: 470px;
	top: inherit;
	bottom: 0px;
}
}

/*  Desktops  */
@media (min-width: 1200px) {
.slider_section .carousel .carousel-item {
	margin-top: 0px;
	height: auto;
}
.banner-main .carousel-caption h1 {
	font-size: 45px !important;
	font-style: normal;
    line-height: 40px;
	text-transform: uppercase;
	padding-left: 55px;
	color: #020000;
	text-align: left;
 }
.banner-main .carousel-caption p {
	font-size: 24px;
	color: #050000;
    font-weight: 200;
    line-height: 24px;
	padding-left: 55px;
	text-align: left;
 }
.first-slide {
	width: auto;
	height: auto;
	content: url("../images/amblabseg-hero-full.jpg");
}

.second-slide {
	width: auto;
	height: auto;
	content: url("../images/permshabs-hero-full.jpg");
}

.third-slide {
	width: auto;
	height: auto;
	content: url("../images/desust-hero-full.jpg");
}
.banner-main .carousel-caption .carousel-main-btn {
	width: 180px;
	background: #408E32;
	padding: 4px 0px;
	color: #fff;
	font-size: 14px;
	border-radius: 22px 0px 22px 22px;
	margin-top: 205px;
	line-height: 35px;
	display: flex;
	align-content: flex-start;
	margin-left: 5px;
	padding-left: 5px;
}
.banner-main .carousel-caption a:hover {
	color: #206814;
	background: #E2EFE0;   /*  206814  */
}

.banner-main .carousel-caption a {
	width: 250px;
	background: #408E32;   /*  D97706   ffc221  */
	padding: 9px 0px;
	color: #fff;
	font-size: 17px;
	border-radius: 30px 0px 30px 30px;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	line-height: 30px;
	margin-left: 50px;
}
.banner-main .carousel-caption a:hover {
	background: #206814;   /*  000  */
}
#main_slider a.carousel-control-prev {
	position: absolute;
	left: 1300px;
	bottom: 0px;
	top: inherit;
}

#main_slider a.carousel-control-next {
	position: absolute;
	left: 1350px;
	top: inherit;
	bottom: 0px;
}

}




@media (max-width: 768px) {
}

.carousel-indicators li {
    width: 25px;
    height: 25px;
    border-radius: 30px;
} 

.carousel-indicators {right: inherit; margin-left: 7px;}

.carousel-indicators .active {
    background-color: #206814;
}
.carousel-indicators li {
	background: #0c0505;
}


/* ================================================================= */


.brand_color {
     background-color: #408E32;   /*  ffc221  */
}

.brand_color .titlepage {
     margin-top: 4px;
padding-bottom: 6px;
text-align: center;
}

.brand_color .titlepage h2 {
	font-weight: bold;
	font-size: 30px !important;
	text-transform: uppercase;
}

.brand_color .abouttitle h2 {
     color: #fff;
     text-transform: uppercase;
     font-size: 40px;
     line-height: 45px;
     padding: 40px 0;
     font-weight: 500;
     text-align: center;
}


/* ================================================================= */


/** cma-srvcs  - based on Lastestnews **/
 .cma-srvcs {
     padding:2px 0px;
     background: #fff;
}
.cma-srvcs .titlepage {
     text-align: center;
     margin-bottom: 30px;
}
.cma-srvcs .titlepage span {
     color: #060606;
     font-size: 17px;
     line-height: 23px;
}
.cma-srvcs .items {
     text-align: center;
}
 .cma-srvcs .news-box {
     background:#fff;
     box-shadow: #ddd 0px 0px 8px 4px;
     margin-bottom: 30px;
}
 .cma-srvcs .news-box figure {
     margin: 0;
}
 .cma-srvcs .news-box figure img {
     width: 100%;
}
 .cma-srvcs .news-box h3 {
     font-size: 22px;
     line-height: 24px;
     color: #060606;
     font-weight: 500;
     padding: 20px 20px 4px 20px;
}
 .cma-srvcs .news-box span {
     color: #e61414;
     margin-left: 20px;
}
 .cma-srvcs .news-box p{
     color: #7b7a7a;
     font-size:16px;
     line-height: 23px;
     padding: 7px 20px 20px 20px;
}


.cma-srvcs .news-box p a {
	color: #408E32;   /*  #0d0c0a;  */
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-decoration: underline;
}

.cma-srvcs .news-box p a:hover {
	color: #91BF89;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}



 /* The main table wrapper */
 .div-table-lib {
	 display: table;
	 width: 85%;
	 border-collapse: collapse;
	 margin: 10px 0px 5px 15px;
 }

 /* The table header group */
 .div-table-lib-header {
	 display: table-header-group;
	 background-color: #f2f2f2;
	 font-weight: bold;
 }

 /* Individual table rows */
 .div-table-lib-row {
	 display: table-row;
	 height: 90px;
 }

 /* Alternating row background colors */
/*
 .div-table-lib-row:nth-child(even) {
	 background-color: #fafafa;
 }
*/

 /* Table data and header cells */
 .div-table-lib-cell {
	 display: table-cell;
	 padding: 12px;
	 /* border: 1px solid #ddd; */
	 text-align: left;
 }
 /* Table data and header cells */
 .div-table-lib-cell-l {
	 display: table-cell;
	 padding: 6px;
	 text-align: right;
 }
 .div-table-lib-cell-r {
	 display: table-cell;
	 padding-left: 25px;
	 text-align: left;
 }
 .lib-desc {
	 font-size: 10px;
	 text-align: left;
 }


/* ================================================================= */


/** Clickeable DIVs on Home **/

#proyimplnorms {
  cursor: pointer;
}

#asesleg {
  cursor: pointer;
}

#trabseg {
  cursor: pointer;
}

#permshabs {
  cursor: pointer;
}

#desust {
  cursor: pointer;
}

#raees {
  cursor: pointer;
}

#normsiso {
  cursor: pointer;
}


/* ================================================================= */


/** scnd-cont  - based on Lastestnews **/

.cma-scnd-cont {
     padding:2px 0px;
     background: #fff;
}
.cma-scnd-cont .titlepage {
     text-align: center;
     margin-bottom: 30px;
}
.cma-scnd-cont .titlepage span {
     color: #060606;
     font-size: 17px;
     line-height: 23px;
}
.cma-scnd-cont .items {
     text-align: center;
}
 .cma-scnd-cont .cont-box {
     background:#fff;
     box-shadow: #ddd 0px 0px 8px 4px;
     margin-bottom: 30px;
}
.cma-scnd-cont .cont-box .cma-scnd-cont-img-top {
	
	/* align-content: center;
	width: 100%;
	margin: 20%;
	
	 */ 
}
 .cma-scnd-cont .cont-box figure {
	 margin-right: 20%;
	 margin-left: 20%;
	 padding-top: 10px;
     /* margin: auto;     0;   */
}
 .cma-scnd-cont .cont-box figure img {
     width: 80%;
	 /* align-content: center; */
}
 .cma-scnd-cont .cont-box h3 {
     font-size: 22px;
     line-height: 24px;
     color: #060606;
     font-weight: 500;
     padding: 20px 20px 4px 20px;
}
 .cma-scnd-cont .cont-box span {
     color: #e61414;
     margin-left: 20px;
}
 .cma-scnd-cont .cont-box p{
     color: #7b7a7a;
     font-size:16px;
     line-height: 23px;
     padding: 7px 20px 20px 20px;
}


.cma-scnd-cont .cont-box p a {
	color: #408E32;   /*  #0d0c0a;  */
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-decoration: underline;
}

.cma-scnd-cont .cont-box p a:hover {
	color: #91BF89;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}


 .cma-scnd-cont .isos-box {
     background:#fff;
     box-shadow: #ddd 0px 0px 8px 4px;
     margin-bottom: 30px;
	 padding-bottom: 25px;
}
.cma-scnd-cont .isos-box .cma-scnd-cont-img-top {
	
	/* align-content: center;
	width: 100%;
	margin: 20%;
	
	 */ 
}
 .cma-scnd-cont .isos-box figure {
	 
	 /* margin-right: 20%;
	 margin-left: 20%;
	 padding-top: 10px;
     margin: auto;     0;   */
	display: flex;
	justify-content: center; 
}
 .cma-scnd-cont .isos-box figure img {
     /* 
	 width: 80%;
	 align-content: center; 
	 */
}
 .cma-scnd-cont .isos-box h2 {
	margin-top: -75px;
}
 .cma-scnd-cont .isos-box h3 {
     font-size: 22px;
     line-height: 24px;
     color: #060606;
     font-weight: 500;
     padding: 20px 20px 4px 20px;
}
 .cma-scnd-cont .isos-box-tit {
     font-size: 18px;
	 font-weight: bold;
     line-height: 20px;
     color: black;
	}
 .cma-scnd-cont .isos-box p{
     color: #7b7a7a;
     font-size:14px;
     line-height: 16px;
     padding: 7px 20px 20px 20px;
}


.cma-scnd-cont .isos-box a {
	color: #408E32;   /*  #0d0c0a;  */
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-decoration: underline;
	padding-left: 20px;
}

.cma-scnd-cont .isos-box a:hover {
	color: #91BF89;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	padding-left: 20px;
}

 /* The main table wrapper */
 .div-table-isos {
	 display: table;
	 width: 80%;
	 border-collapse: collapse;
	 margin: 10px 0px 5px 15px;
 }

 /* The table header group */
 .div-table-isos-header {
	 display: table-header-group;
	 background-color: #f2f2f2;
	 font-weight: bold;
 }

 /* Individual table rows */
 .div-table-isos-row {
	 display: table-row;
 }

 /* Alternating row background colors */
 .div-table-isos-row:nth-child(even) {
	 background-color: #fafafa;
 }

 /* Table data and header cells */
 .div-table-isos-cell {
	 display: table-cell;
	 padding: 12px;
	 border: 1px solid #ddd;
	 text-align: left;
 }


.cma-scnd-cont-itemtit {
font-weight: bold;
color: #000 !important;
}

#scnd-cont .title h2 {
	font-size: 40px;
	line-height: 45px;
	color:#206814;   /*  ffc221  */
	font-weight: bolder;
	text-transform: uppercase;
	position: relative;
	/*
    margin-bottom: 27px;
    padding-bottom: 8px;
	*/
}




/* ================================================================= */


.choose_bg {
	background: #91BF89;   /*  D97706    f9be20  */
}


.choose_bg .white_bg  {
	background: #fff;
	padding: 10px 3px;
	box-shadow: #ddd 0px 0px 10px 3px;
	margin-bottom: 5px;
	text-align: center;
}
.choose_bg .white_bg .row	{
	margin: auto;
	padding-left: 5px;
	padding-right: 5px;
	/* background-color: aqua; */
	align-content: center;
}
.choose_bg .white_bg .for_box {
	text-align: center;
	padding: 1px ;
	padding-left: 15px;
	padding-right: 15px;
}
.choose_bg .white_bg .for_box i {display:block;}
.choose_bg .white_bg .for_box h3 {
	font-size: 26px;
    line-height: 21px;
	color: #070500;
	padding: 25px 0px 15px 0px ;
	display: inline-block; 
}

.choose_bg .white_bg .for_box p {
	color: #0d0c0a;
	font-size: 17px;
	line-height: 28px;
}

.choose_bg .white_bg .for_box a {
	color: #408E32;   /*  #0d0c0a;  */
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-decoration: underline;
}

.choose_bg .white_bg .for_box a:hover {
	color: #91BF89;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}

/* ================================================================= */


.copyright 
{
background-color: #408E32;
padding: 10px 0px;
margin-top: 70px;
}
.copyright p {
	color: #FFF;   /*  0D2A08  */
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}
.copyright a:hover {
	color: #D97706;
}
.glr-link {
	font-weight: bold;
}
.copyright p .glr-slogans {
	font-size: 12px;
}

/* ================================================================= */
.soft_sage
{
color: #E2EFE0;
}

.warm_amber 
{
color: #D97706;
}

.warm_green 
{
color: #206814;
}

.deep_forest
{
color: #408E32;
}
.deep_forest_bg {background: #408E32; 
	padding: 40px 30px; 
	margin-top: 100px;
}

.deep_forest_bg .deep_forest-box h3 {
	color: #fff; 
	font-size: 31px; 
	font-weight: bold; 
	display: inline-block; 
	padding-bottom: 6px;
}
.deep_forest_bg .deep_forest-box i {padding-bottom: 10px; padding-left: 15px;	}
.deep_forest_bg .deep_forest-box p {

	font-size: 22px; 
	line-height: 28px; 
	color: #010101;
}

.deep_forest .deep_forest-box a {
	background: #000;
    border-radius: 30px;
    max-width: 344px;
    width: 100%;
    font-size: 31px;
    line-height: 33px;
    color: #fff;
    padding: 16px 73px;
    display: inline-block;
    text-align: center;
    margin-left: 50px;
    margin-top: 17px;
    font-weight: 500;
}



/* ================================================================= */

.title h2 {
	font-size: 50px;
	line-height: 55px;
	color:#D97706;   /*  ffc221  */
	font-weight: 500;
	text-transform: uppercase;
    margin-bottom: 27px;
    position: relative;
    padding-bottom: 8px;
}


/* ================================================================= */
/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: #0f7063;   /*   var(--accent-color);  */
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, #013a30, transparent 20%);   /*    var(--accent-color)     */
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}



/* ================================================================= */


.Clients_bg_soft_sage {
	background:#E2EFE0;
	margin-top: 6px;
	padding-bottom: 40px;
}

.Clients_bg_soft_sage .title {
	text-align: left;
	padding-bottom: 30px;
}
.Clients_bg_soft_sage .title h3 {
	color: #030000;
	font-size: 50px;
	line-height: 50px;
	padding-top: 40px;
}


#CMAcontactWABtm {
	cursor: pointer;
}
#CMAcontactMailBtm {
	cursor: pointer;
}
#CMAcontactCallBtm {
	cursor: pointer;
}

/*---------------------------------------------------------------------
    Go To Top Arrow + hidden
---------------------------------------------------------------------*/

#Go-To-Top-Arrow {
position:fixed;
bottom: 20px;
right: 20px;
background: #206814;
color: #E2EFE0;
opacity: 0.5;
border: none;
border-radius: 3px;
padding: 10px 20px;
cursor: pointer;
box-shadow: 5px 2px 4px rgba(0,0,0,0.3);
transition: all 0.2s linear;
}

#Go-To-Top-Arrow:hover {
opacity: 1;
}

.hidden {
display: none;
}

/*---------------------------------------------------------------------
    header area
---------------------------------------------------------------------*/

.menu-area-main li:hover a,
.menu-area-main li:focus a {
	color: #D97706;   /*  ffc221  */
}

.menu-area-main li.active a {
	color: #D97706;	   /*  ffc221  */
}


/* ================================================================= */

/*---------------------------------------------------------------------
    Contact Form DIV
---------------------------------------------------------------------*/


#openContactForm
{
	color: white;
	background-color: white;
	border-color: white;
}



.overlay {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  justify-content: center; /* Center content horizontally */
  align-items: center; /* Center content vertically */
}

.overlay-content {
  background-color: #fefefe;
  margin: auto;
  padding: 2px;   /*   20   */
  border: 1px solid #888;
  width: 80%; /* Adjust as needed */
  max-width: 590px; /* Max width for larger screens */
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

#mainTitleContact{
	font-size: 24px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	height: 90px;
	vertical-align: middle;
	padding-top: 12px;
}

#addrsContact {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 10px;
}
#contentForm {
	font-size: 12px;
	color: 000;
	text-align: center;
	padding-top: 5px; 
	padding-left: 25px; 
	padding-bottom: 5px;
}

.labelsContact {
	font-size: 14px;
	color: #00352c;
	font-weight: bold;
}
.overlay-content forms textarea{
	min-height: 16px;   /* Won't shrink smaller than this */
	max-height: 50px;  /* Won't grow larger than this */
	resize: vertical;   /* Allows vertical resizing only (disables horizontal) */
}

.cma-contact-fields
{
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 0;
    padding: 0;
    border-radius: 0px;
}
 /* The main table wrapper */
 .div-table-contact {
	 display: table;
	 width: 95%;
	 border-collapse: collapse;
	 margin: 5px 10px 2px 1px;	
	 align-content: center;
 }

 /* The table header group */
 .div-table-contact-header {
	 display: table-header-group;
	 background-color: #f2f2f2;
	 font-weight: bold;
 }

 /* Individual table rows */
 .div-table-contact-row {
	 display: table-row;
 }

 /* Table data and header cells */
 .div-table-contact-cell-l {
	 display: table-cell;
	 padding: 4px;
	 text-align:right;
	 width: 25%;
 }
 .div-table-contact-cell-r {
	 display: table-cell;
	 padding-left: 10px;
	 text-align: left;
	 width: 75%;
 }


.close-button {
  color: white;/*  #00483b;  #aaa;    */
  float: right;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
	padding: 8px;
}

.close-button:hover,
.close-button:focus {
  color: #038069;   /*   black;   */
  text-decoration: none;
  cursor: pointer;
}




.overlay-content .glr-btn-send {
  color: var(--contrast-color);
  background: #206814;   /*   var(--accent-color);   */
  /*   background-color: #869e9c;    */
  font-family: var(--default-font);    /*   var(--heading-font);   */
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.5s;
}

.overlay-content .glr-btn-send:hover {
  background: #408E32;    /*   color-mix(in srgb, var(--accent-color) 90%, white 15%);   */
}



/* Tablet Setup */
@media (min-width: 768px) {
.cma-contact-fields {
width: 60%;
}
}


/* ================================================================= */

/*---------------------------------------------------------------------
    Stylized button : rounded sides
---------------------------------------------------------------------*/

.glr-btn-weare {
  color: var(--contrast-color);
  background: #869e9c;   /*   var(--accent-color);   */
  font-family: var(--default-font);    /*   var(--heading-font);   */
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.5s;
  width: 35%;
}

.glr-btn-weare:hover {
  background: #436461;
}



/* ================================================================= */