@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
    margin: 0;
	font-family: 'Montserrat', sans-serif;
	width: 100% !important;
	color: #666;
	background-color: #F8F9FA !important;
    font-size: 16px;
}

ol, ul {
    margin-bottom: 0px !important;
}

a {
	text-decoration: none;
	/*display: unset !important;*/
	font-weight: unset !important;
}

a:hover {
	text-decoration: none;
  font-weight: unset !important;
}

a:visited {
    color: unset;
}

a, a:active, a:link {
    color: unset;
    text-decoration: none !important;
}

img {
	border: 0;
}

p {
	margin: 0;
}

input:focus {
	outline: none;
	background-color: #FFF;
}

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

section {
  width: 100%;
}

p {
    font-family: 'Montserrat', sans-serif;
	margin: 0;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
  }
  
  a[href^=tel] { color: inherit; text-decoration: none; }
  
  ::-webkit-input-placeholder { color: #333 !important; } /* WebKit */
  :-moz-placeholder { color: #333 !important; } /* Firefox 18- */
  ::-moz-placeholder { color: #333 !important; } /* Firefox 19+ */
  :-ms-input-placeholder { color: #333 !important; } /* IE 10+ */

header {
	width: 100%;
	height: 100px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
	position: fixed;
	top: 0px;
    z-index: 500;
    /*
    background: rgb(13,71,161);
    background: -moz-linear-gradient(90deg, rgba(13,71,161,1) 10%, rgba(100,181,246,1) 51%, rgba(13,71,161,1) 90%);
    background: -webkit-linear-gradient(90deg, rgba(13,71,161,1) 10%, rgba(100,181,246,1) 51%, rgba(13,71,161,1) 90%);
    background: linear-gradient(90deg, rgba(13,71,161,1) 10%, rgba(100,181,246,1) 51%, rgba(13,71,161,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333145",endColorstr="#333145",GradientType=1);
*/
background-color: #333145;
}

.sub-menu-head {
    text-transform: unset !important;
}

footer {
	width: 100%;
	height: auto;
    padding: 3% 0 3% 0;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    /*
    background: rgb(13,71,161);
    background: -moz-linear-gradient(90deg, rgba(13,71,161,1) 10%, rgba(100,181,246,1) 51%, rgba(13,71,161,1) 90%);
    background: -webkit-linear-gradient(90deg, rgba(13,71,161,1) 10%, rgba(100,181,246,1) 51%, rgba(13,71,161,1) 90%);
    background: linear-gradient(90deg, rgba(13,71,161,1) 10%, rgba(100,181,246,1) 51%, rgba(13,71,161,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333145",endColorstr="#333145",GradientType=1);*/
    background-color: #333145;
}

.contentSite {
    width: 1290px;
    height: auto;
    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: flex-start;
    align-items: center;
}

.marginTopSite {
    padding-top: 150px;
}

.contentHeaderTop {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.flexContent {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.flexBetween {
    width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    padding: 0 0 50px 0;
}

.flexBetweenComments {
    width: 1290px;
	height: 1100px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    padding: 0 0 50px 0;
}

.searchHeader {
    width: auto;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    position: relative;
	margin-left: 25px;
}

.lineNav {
    width: 0px;
    height: 0px;
    background-color: #00A0E6;
    transition: all 0.3s;
}

#navDesktop {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    margin-top: 200px;
    position: fixed;
}

.searchHeader form {
    /*width: 160px;*/
    height: auto;
}

.searchHeader form input::-webkit-input-placeholder { color: #FFF !important; } /* WebKit */
.searchHeader form input:-moz-placeholder { color: #FFF !important; } /* Firefox 18- */
.searchHeader form input::-moz-placeholder { color: #FFF !important; } /* Firefox 19+ */
.searchHeader form input:-ms-input-placeholder { color: #FFF !important; } /* IE 10+ */

.searchHeader input {
    width: 150px;
    height: 40px;
    color: #FFF;
    border: 1px solid #FFF;
    background-color: transparent;
    font-size: 14px;
    padding: 1% 3.5% 1% 40px;
    box-sizing: border-box;
    transition: all 0.3s;
}

.imgIsoHeader {
    margin-right: 15px;
}

.imgIsoHeader img {
    height: auto;
}

#iconZoom {
	position: absolute;
	color: #FFF;
	font-size: 20px;
	margin-top: 10px;
	margin-left: 10px;
}

#iconRight {
	position: absolute;
	color: #FFF;
	font-size: 16px;
	margin-top: 12px;
	margin-left: -20px;
}

.col2RelIntLeft {
    width: 60%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.col2RelIntLeft img {
    width: 100%;
}

.col2RelIntRight {
    width: 40%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;;

    align-items: center;
    align-self: center;
    align-content: flex-start;

    padding: 5% 0 5% 5%;
}

.col2RelIntRight h2 {
    width: 100%;
    text-align: left;
    font-size: 44px;
    margin: 0;
    color: #000;
    font-weight: 600;
    margin-bottom: 35px;
}

.col2RelIntRight p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px !important;
    line-height: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 400 !important;
    color: #000 !important;
    margin-bottom: 30px;
}

.contentRelIntHome {
    width: 100%;
    margin: 50px 0px 50px 0px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.col3 {
	width: 50%;
	height: 100px;
	display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.justifyLeft {
    justify-content: flex-start;
}

.justifyRight {
    justify-content: flex-end;
}

.pHeader {
    min-width: 204px;
}

.pHeader a {
    color: #FFF;
}

.pHeader a:hover {
    color: #FFF;
}

.pHeader p {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFF;
	font-weight: 200;
	text-align: center;
	margin: 4px 0px 0px 0px;
}

.pHeader h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px !important;
	color: #FFF;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.socialHeader {
	width: 50%;
	display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-top: 0px;
}

.socialHeader p {
	width: 100%;
	text-align: right;
	color: #FFF;
	font-size: 12px;
	margin-top: 5px;
}

.socialFooter {
	width: 100%;
	display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: right;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-top: 14px;
}

.socialFooter p {
	width: 100%;
	text-align: right;
	color: #FFF;
	font-size: 12px;
	margin-top: 5px;
}

.socialFooter i {
	font-size: 18px !important;
	color: #333145;
}

.circleSocial {
	width: 35px;
	height: 35px;
	background-color: #FFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;

	display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
	margin-right: 20px;
}

.socialHeader i {
	font-size: 18px;
	color: #333145;
}

#infoHeader {
    vertical-align: middle;
}

#infoHeader i {
    color: #FFF !important;
    vertical-align: middle;
}

/* POSITION HEADER */
.fixed {
	position:fixed; 
	top:0; 
	left:0; 
	z-index: 999; 
	width: 100%;
	height: 50px;
	background-color: #333145;
}

.fixedsocialHeader {
    margin-top: 0px;
}

.fixedh1Header {
    margin-top: 0px !important;
}

.fixedWrapper {
    top: -2px !important;
    right: 8px !important;
}

.fixedMenuScroll {
    /*background-color: rgba(255,255,255,0.5) !important;*/
}

.pHeaderFixed {
    font-size: 10px;
    line-height: 12px;
}

.col3Fixed {
    height: 50px;
}

.fixedNav {
	position:fixed !important; 
	top:0px; 
	left:0; 
	z-index: 10; 
	width: 100%;
	height: auto;
    margin-top: 0px !important;
	padding: 2px 0px 0px 0px;
}

.fixedNav nav {
	top: 0px !important;
}

.diplayNone {
    display: none;
}

.fixedNavigation {
    height: 20px !important;
    margin-top: 48px !important;
    background-color: #FFF;
}

.fixedNavigation .main-nav {
    justify-content: center !important;
}

.fixedNavigation li {
    margin: 0 50px 0 50px;
}

.fixedNavigation .btnProducts {
    height: 20px !important;
    margin-top: 15px;
    font-size: 14px !important;
}

#navMobile {display: none;}

.flexContentBetween {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}


.flexContentBetweenSocial {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: flex-start;
}

.contentTitleHome {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
    align-self: flex-start;;
    align-content: flex-start;
    align-items: flex-start;

    margin-top: 50px;
    margin-bottom: 0px;
}

.contentTitleHome h2 {
    width: 100%;
    text-align: left;
    font-size: 32px;
    margin: 0;
    color: #000;
    font-weight: 600;
    margin-bottom: 35px;
}

.twitter-tweet {
    max-width: 50px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.displayNone {display: none;}

#logo {
	transition: 0.3s;
}

.logoChico {
	height: 45px !important;
	width: auto !important;
  }

.logoRespChico {
	width: 100px !important;
}

.flexContentFooter {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;

}

.col4 {
    width: 25%;
    /*height: 410px;*/
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: flex-start;
    align-content: flex-start;
    align-items: center;
}

footer .col4 p {
    color: #FFF;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
}

footer .col4 ul {
    list-style-type: none;
    padding-inline-start: 0px !important;
}

footer .col4 li {
    color: #FFF;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 10px;
}

footer .col4 li a {
    color: #FFF !important;
    transition: all 0.3s;
}

footer .col4 li a:hover {
    color: #FFF !important;
}

.bgFullContact {
    width: 100%;
    height: auto;
    background-image: url("../images/bgContact.jpg");
    /*background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 150%;
}

.bgFormContact {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2%;
    margin-bottom: 50px;
    border-radius: 10px;
}

.txtWhite {
    color: #FFF !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px !important;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 600 !important;
}

.titlesContact {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px !important;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 600 !important;
    color: #666 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px !important;
    margin: 0;
    text-align: center;
    width: 100%;
    font-weight: 400 !important;
    color: #333145 !important;
    margin-top: 0px !important;
    /*margin-bottom: 25px !important;*/
}

h3 span {
    color: #333145;
    font-weight: 800 !important
}

.txtGral {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px !important;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 400 !important;
    color: #000 !important;
}

.logoFooter {
    width: 100%;
    text-align: left;
    margin-bottom: 45px;
}

.alignRight {
    text-align: right;
    justify-content: flex-end;
}

.alignLeft {
    text-align: right;
    justify-content: flex-start;
}

.alignFlexRight {
    justify-content: flex-end;
}

.imgEscudoFooter {
    float: right;
}

.widthauto {
    width: auto;
}

.lineFooter {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: 40px;
}

.copyrightFooter {
    width: 100%;
    margin-top: 25px;
}

.copyrightFooter p {
    width: 100%;
    text-align: left;
    color: #FFF;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
}

.txtFooter i {
    font-size: 10px;
}

.bgGradientGrey {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 2%, rgba(239,243,246,1) 50%, rgba(255,255,255,1) 98%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 2%, rgba(239,243,246,1) 50%, rgba(255,255,255,1) 98%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 2%, rgba(239,243,246,1) 50%, rgba(255,255,255,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

    padding: 0px 0px 0px 0px;
}

.bgGreyCalendar {
    padding: 0px 0px 30px 0px;
    background-color: #E5EAF0;
}

/* FIN FOOTER */
.bgGrey {
    padding: 20px 0px 20px 0px;
    background-color: #A7A8AA !important;
}

.boxBtnHome {
    width: 400px;
}

.btnColorLightBlue {
    background-color: #00A0E6;
}

.btnColorRed {
    background-color: #C30135;
}

.btnColorPurple {
    background-color: #565A99;
}

.btnColorRedBlack {
    background-color: #6D0F44;
    text-align: left;
}

.btnColorRedBlack p {
    text-align: left;
    padding-left: 35% !important;
    font-size: 16px !important;
}

.btnHome {
    width: 100%;
    height: 60px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s;
}

.btnHome p {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    width: 100%;
    padding-left: 25%;
    line-height: 22px;
}

.circleBtnHome {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    position: absolute;
    margin-top: -10px;
    margin-left: 50px;

    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s;
}

.circleBtnHome i {
    color: #FFF;
    font-size: 38px;
}

.contentBtnHome {
    margin: 0px 0px 0px 0px;
}

.boxBtnHome:hover .btnHome {
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.boxBtnHome:hover .circleBtnHome {
    cursor: pointer;

    box-shadow: 0 0 10px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0);
}

.colLeftCalendar {
	width: 50%;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

.colLeftCalendar i {
    font-size: 44px;
    color: #C30135;
}

.colRightCalendar {
	width: 50%;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-self: flex-end;
	align-content: center;
	align-items: center;
}

.titleGral {
    width: 100%;
    text-align: left;
    font-size: 38px;
    font-weight: 600;
    color: #000;
    margin: 40px 0 40px 0;
}

.contentBtnFooterSite {
    width: 100%;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: center;
	align-content: center;
	align-items: center;
    padding: 60px 0px 60px 0px;
}

.contentBtnFooterSite .contentBtnHome {
    margin: 10px;
}

/* RRII */
.col2RRII {
    width: 50%;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-self: flex-start;
	align-content: center;
	align-items: center;
    margin: 50px 0 50px 0;
}

.bgFullMapLaCasa {
    width: 50%;
    height: 77vh;
    margin-top: 50px;

    background-image: url("../images/casa/Santiago_LaCasa-imagen.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

.bgFullMapLaCasaRelaciones {
    width: 50%;
    height: 77vh;
    margin-top: 50px;

    background-image: url("../images/casa/Santiago_LaCasa-RRIIyCooperacion.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}
.bgFullMapCEexp {
    width: 50%;
    height: 70vh;
    margin-top: 50px;

    background-image: url("../images/ce/oferta-exportable.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

.bgFullMapCEley {
    width: 50%;
    height: 40vh;
    margin-top: 50px;

    background-image: url("../images/ce/ley-industrial.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

.bgFullMapCE {
    width: 50%;
    height: 70vh;
    margin-top: 50px;

    background-image: url("../images/ce/Santiago_ComercioExterioreInversiones_mapa01.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

.bgFullMap {
    width: 50%;
    height: 90vh;

    background-image: url("../images/rrii/Santiago_RRII-Cooperacion_mapa01ok.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

#bgMapGral {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0px 0px 50px 0px;
}

.boxBtnMap {
    width: 100%;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-self: flex-start;
	align-content: center;
	align-items: center;
}

.cotnentBtnMap {
    width: 100%;
    height: 55px;

    display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-self: flex-start;
	align-content: center;
	align-items: center;
    transition: all 0.3s;
}

.btnMap {
    width: 460px;
    height: 55px;
    background-color: #C3CCD3;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-self: center;
    align-content: center;
    align-items: center;
    
}

.cotnentBtnMap:hover .btnMap {
    cursor: pointer;
    background: rgb(0,160,230);
    background: -moz-linear-gradient(90deg, rgba(0,160,230,1) 0%, rgba(0,160,230,1) 70%, rgba(62,110,172,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,160,230,1) 0%, rgba(0,160,230,1) 70%, rgba(62,110,172,1) 100%);
    background: linear-gradient(90deg, rgba(0,160,230,1) 0%, rgba(0,160,230,1) 70%, rgba(62,110,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e6",endColorstr="#3e6eac",GradientType=1);
}

.btnMapActive {
    background: rgb(0,160,230);
    background: -moz-linear-gradient(90deg, rgba(0,160,230,1) 0%, rgba(0,160,230,1) 70%, rgba(62,110,172,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,160,230,1) 0%, rgba(0,160,230,1) 70%, rgba(62,110,172,1) 100%);
    background: linear-gradient(90deg, rgba(0,160,230,1) 0%, rgba(0,160,230,1) 70%, rgba(62,110,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e6",endColorstr="#3e6eac",GradientType=1);
}

.btnMapActive span {
    color: #FFF !important;
}

.btnMapActive p {
    color: #FFF !important;
}

.btnMapRoghtActive {
    border-left: 20px solid #3E6EAC !important;
}

.cotnentBtnMap:hover .btnMapFinal {
    border-left: 20px solid #3E6EAC;
}

.btnMap:hover p {
    color: #FFF;
}

.btnMap:hover span {
    color: #FFF !important;
}

.btnMapFinal {
    width: 45px;
    height: 55px;
    
    border-left: 20px solid #C3CCD3;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent; 
    
    
}

.btnMap p {
    width: auto;
    padding-left: 3%;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    text-align: left;
    margin: 0;
}

.btnMap span {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #00A1E5;
    margin-right: 2%;
    margin-left: 4%;
}

.contentTxtMap {
    width: 90%;
    height: 0px;
    overflow: hidden;
    margin-top: 15px;

    transition: all 0.3s;
}

.contentTxtMap p {
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.comercioExteriorTxt {
    width: 70%;
    margin-top: 40px;
    margin-bottom: 35px;
}

.comercioExteriorTxtexp {
    width: 70%;
    margin-top: 40px;
    margin-bottom: 35px;
}

.lineHor {
    width: 100%;
    height: 1px;
    background-color: #00A0E4;
    margin-top: 40px;
    margin-bottom: 40px;
}

.btnLightBlueSmall {
    width: auto;
    height: 45px;
    background-color: #333145;
    padding: 10px 25px 10px 25px;
    margin-bottom: 50px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    border: 0;
    border-radius: 25px;
}

.btnSmall {
    width:150px;
}

.btnLightBlueSmall:hover {
    cursor: pointer;
    background-color: #000;
}
  
.btnLightBlueSmall p {
    width: 100%;
    text-align: center !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0;
}

.btnLightBlue {
    width: 240px;
    height: 45px;
    background-color: #00A0E6;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    transition: all 0.3s;
}

.btnLightBlue:hover {
    cursor: pointer;
    background-color: #C30135;
}
  
.btnLightBlue p {
    width: 100%;
    text-align: center !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0;
}

.txtFooterCE {
    width: 100%;
}

.txtFooterCE p {
    width: 100%;
    text-align: center;
    font-size: 24px;
}

.pBlueSibTitle {
    font-size: 16px !important;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 500 !important;
    color: #00A0E4 !important;
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}

.pFontBig {
    font-size: 44px !important;
    margin-top: 50px;
}

.contentForm {
    width: 100%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.contentForm form {
    width: 100%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.contentForm form input {
    width: 80%;
    height: 30px;
    border: 0;
    background-color: #ECF0F3;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 2%;
    margin: 0 0 10px 0;
}

.contentForm form button {
    margin-top: 25px;
    margin-bottom: 0 !important;
}

.MasInfoCEexpo {
    width: 100%;
    min-height: 100px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.imgMasInfoCEexpo {
    width: 20%;
    height: 100px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.contentMasInfoCEexpo {
    width: 65%;
    height: 100px;
}

.titleMasInfoCEexpo {
    font-size: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 600;
    color: #00A0E4;
    margin-top: 0px;
}

.imgMasInfoCEexpo img {
    width: 100px;
}

.pMasInfoCEexpo {
    font-size: 16px;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
}

.marginBottom {
    width: 100%;
    margin-bottom: 50px;
}

.boxCEsectPriv {
    width: 31%;
    padding: 2%;
    min-height: 760px;
    margin: 1%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: flex-start;
    align-content: flex-start;

    background: rgb(229,234,240);
    background: -moz-linear-gradient(142deg, rgba(229,234,240,1) 0%, rgba(229,234,240,1) 59%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(142deg, rgba(229,234,240,1) 0%, rgba(229,234,240,1) 59%, rgba(255,255,255,1) 100%);
    background: linear-gradient(142deg, rgba(229,234,240,1) 0%, rgba(229,234,240,1) 59%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5eaf0",endColorstr="#ffffff",GradientType=1);
}

.iconCEsectPriv {
    width: 100%;
    text-align: left;
}

.titleCEsectPriv {
    width: 100%;
    text-align: left;
}

.titleCEsectPriv p {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #00A0E4;
}

.txtCEsectPriv {
    width: 100%;
    text-align: left;
}

.txtCEsectPriv p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.contentBoxCEsectPriv {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: flex-start;
}

.contentGrillaCultura {
    width: 100%;
    min-height: 650px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.boxGrillaCultura {
    width: 207px;
    height: 207px;
    margin: 4px;
}


.marginRightButton {
    margin-right: 15px;
}

.contentMapTyD {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.contentBtnCultura {
    width: 95%;
    margin-left: 5%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.contentBtnCultura a {
    width: 100%;
}

.btnCultura {
    width: 100%;
    height: 140px;
    
    margin-bottom: 15px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    transition: all 0.3s;
}

.btnCultura:hover .leftBtnCultura {
    width: 100%;
    cursor: pointer;
}

.btnCultura:hover .rightBtnCultura {
    width: 0%;
}

.leftBtnCultura {
    width: 65%;
    height: 140px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    transition: all 0.3s;

    background: rgb(1,158,227);
    background: -moz-linear-gradient(90deg, rgba(1,158,227,1) 0%, rgba(1,158,227,1) 50%, rgba(35,130,196,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(1,158,227,1) 0%, rgba(1,158,227,1) 50%, rgba(35,130,196,1) 100%);
    background: linear-gradient(90deg, rgba(1,158,227,1) 0%, rgba(1,158,227,1) 50%, rgba(35,130,196,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#019ee3",endColorstr="#2382c4",GradientType=1);
}

.leftBtnCultura p {
    width: 100%;
    padding-left: 8%;
    font-size: 28px;
    color: #FFF;
    font-weight: 300;
    text-align: left;
    margin: 0;
}

.leftBtnCultura i {
    float: right;
    margin-right: 8%;
    margin-top: 8px;
    vertical-align: middle;
}

.rightBtnCultura {
    width: 35%;
    height: 140px;
    transition: all 0.3s;
}

.bgBtnCul1 {
    background-image: url("../images/cultura/btn1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgBtnCul2 {
    background-image: url("../images/cultura/btn2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgBtnCul3 {
    background-image: url("../images/cultura/btn3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.marginTopBtnCultura {
    align-content: center !important;
    align-items: center !important;
    align-self: center !important;
    margin-top: 125px;
}

.marginTopBtnMisiones {
    align-content: center !important;
    align-items: center !important;
    align-self: center !important;
    margin-top: 50px;
    margin-bottom: 50px;
}

.laCasaTxtSlide {
    width: 90%;
}

.laCasaRelacionesTxtSlide {
    width: 90%;
    margin-top: 30px;
    color: #FFF !important;
}

.flexStart {
    align-self: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}

.marginBottomBtnLaCasa {
    margin-bottom: 18px;
}

.imgTramAlignLeft {
    justify-content: flex-start;
    margin-bottom: 35px;
}

.imgTramAlignLeftColRight {
    margin-top: 120px;
    justify-content: flex-start;
    margin-bottom: 35px;
}

.laCasaRelacionesTxtSlide i {
    color: #FFF;
    margin-right: 10px;
}

.contentFormContact {
    width: 100%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    align-items: center;
    align-self: center;
    align-content: center;
}

.contentFormContact form {
    width: 100%;
    margin-top: 20px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    align-items: center;
    align-self: center;
    align-content: center;
}

.contentFormContact form input {
    width: 100%;
    height: 55px;
    border: 0;
    background-color: #FFF;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 2%;
    margin: 0 0 10px 0;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.contentFormContact form button {
    margin-top: 25px;
    margin-bottom: 0 !important;
}

.infoContact {
    justify-content: space-between;
}

.col2Contact {
    width: 50%;
    margin-top: 50px;
    margin-bottom: 50px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: flex-start;
    align-content: center;
}

.colContactPaddingRight {
    padding-right: 5%;
}

.col2Contact .txtGral {
    margin-top: 5px;
}

.imgContactAlignLeftColRight {
    margin-top: 120px;
    justify-content: flex-start;
    margin-bottom: 35px;
}

/* POPUP */
.overlay {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 500;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  height: 500px;
  overflow-y: scroll;
}

.verMasCalendario {
    width: 120px;
    padding: 2px;
    background-color: #00A0E4;
    margin: 4px 0px 20px 4px;
    color: #FFF;
    font-size: 12px;
    float: right;
    margin-left: 40%;
}

.contentCalendarioSantiago {
    width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;

    align-items: center;
    align-self: center;
    align-content: center;
    margin-bottom: 40px;
}

.col2Cal {
    width: 50%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;

    align-items: center;
    align-self: flex-start;
    align-content: center;
}

.boxMesCalendario {
    width: 32% !important;
    height: 204px;
    margin: 0.5%;

    width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;

    background: rgb(175,1,54);
    background: -moz-linear-gradient(90deg, rgba(175,1,54,1) 0%, rgba(112,1,52,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(175,1,54,1) 0%, rgba(112,1,52,1) 100%);
    background: linear-gradient(90deg, rgba(175,1,54,1) 0%, rgba(112,1,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af0136",endColorstr="#700134",GradientType=1);

    transition: all 0.3s;
}

.boxMesCalendario p {
    width: 100%;
    color: #FFF;
    font-size: 48px;
    font-weight: 300;
    padding: 4%;
    text-align: left;
}

.boxMesCalendario span {
    font-size: 38px !important;
    font-weight: 800 !important;
}

.boxMesCalendario:hover {
    background: rgb(112,1,52);
    background: -moz-linear-gradient(90deg, rgba(112,1,52,1) 0%, rgba(112,1,52,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(112,1,52,1) 0%, rgba(112,1,52,1) 100%);
    background: linear-gradient(90deg, rgba(112,1,52,1) 0%, rgba(112,1,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#700134",endColorstr="#700134",GradientType=1);
    cursor: pointer;
}

.mesSelected {
    background-color: #FFF !important;
    background: #FFF !important;
    border: 2px solid #C30135;
}

.mesSelected p {
    color: #C30135 !important;
}

.mesSelected span {
    color: #C30135 !important;
}

.mesSantDetail {
    padding: 4%;
    font-size: 16px !important;
    color: #000;
    font-weight: 400;
    width: 100%;
    text-align: left;
}

.titleCalSant {
    color: #6E1044;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.contentColMisionesComerciales {
    width: 100%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.boxMisionesComerciales {
    width: 100%;
    height: auto;
    padding: 1%;
    margin: 0.5% 0 0.5% 4%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;

    align-items: center;
    align-self: center;
    align-content: center;

    background: rgb(211,222,228);
    background: -moz-linear-gradient(90deg, rgba(211,222,228,1) 0%, rgba(241,245,248,1) 87%);
    background: -webkit-linear-gradient(90deg, rgba(211,222,228,1) 0%, rgba(241,245,248,1) 87%);
    background: linear-gradient(90deg, rgba(211,222,228,1) 0%, rgba(241,245,248,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3dee4",endColorstr="#f1f5f8",GradientType=1);
}

.boxNumMisionesComerciales {
    width: 10%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.boxNumMisionesComerciales p {
    font-size: 34px;
    font-weight: 600;
    color: #00A0E4;
    margin: 0;
    text-align: center;
}

.boxTxtMisionesComerciales {
    width: 90%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.boxTxtMisionesComerciales p {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-align: left;
}

.pSlideActividades {
    color: #FFF !important;
    line-height: 14px !important;
    
}

.pSlideActividades b {
    color: #FFF !important;
    font-size: 34px;
}

.pSlideActividades span {
    font-size: 16px !important;
    line-height: 18px !important;
    color: #FFF;
}

.pSlideActividades span b {
    font-size: 16px !important;
    line-height: 20px !important;
}

.p2SlideActividades {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: #FFF !important;
}

.marginTopSlideActividades {
    margin-top: 0px !important;
}

.col2Left {
    width: 30%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;

    align-items: flex-start;
    align-self: flex-start;
    align-content: center;
}

.col2Right {
    width: 70%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;

    align-items: flex-start;
    align-self: flex-start;
    align-content: center;
}

.txtHashtag {
    width: 100%;
    margin-top: 0px;
    text-align: center;
    height: 40px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;

    align-items: flex-start;
    align-self: flex-start;
    align-content: center;
  }
  
  .txtHashtag span {
    font-size: 74px;
  }

  .btnSlideHome {
    width: auto;
    padding: auto;
  }
  
  .btnSlideHome p {
    color: #FFF;
    font-size: 20px;
    font-weight: 300;
  }
  
  .chevron {
    position: absolute;
    width: 4.1rem;
    height: 0.48rem;
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 3s ease-out infinite;
  }
  .chevron:first-child {
    animation: move-chevron 3s ease-out 1s infinite;
  }
  .chevron:nth-child(2) {
    animation: move-chevron 3s ease-out 2s infinite;
  }
  .chevron:before, .chevron:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #DDD;
  }
  .chevron:before {
    left: 0;
    transform: skewY(30deg);
  }
  .chevron:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
  }
  @keyframes move-chevron {
    25% {
      opacity: 1;
    }
    33.3% {
      opacity: 1;
      transform: translateY(2.28rem);
    }
    66.6% {
      opacity: 1;
      transform: translateY(3.12rem);
    }
    100% {
      opacity: 0;
      transform: translateY(4.8rem) scale(0.5);
    }
  }

#slideContent {
    width: 100%;
    height: 100vh;

    background-image: url("../images/slide/bgContruccion.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    padding-top: 100px;
}

#slideContent p {
    width: 100%;
    text-align: center;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    font-family: 'Montserrat', sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
    text-shadow: 0px 0px 10px #333;
    -webkit-text-shadow: 0px 0px 10px #333;
    -o-text-shadow: 0px 0px 10px #333;
    -moz-text-shadow: 0px 0px 10px #333;
}

#slideContent p span {
    font-weight: 400;
}

#slideContent img {
    margin-bottom: 30px;
    width: 200px;
}

.liliCircle {
    width: 120px;
}

.logoLili {
    width: 400px;
}

#slideContent h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 300;
    width: 100%;
    text-align: center;
    color: #FFF;
    margin: 0;
}

#slideContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    width: 100%;
    font-weight: 300;
    text-align: center;
    color: #FFAF00;
    margin: 5px 0 0 0;
}

.contentBoxServices {
    width: 100%;

    text-align: center;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;

    align-items: center;
    align-self: center;
    align-content: center;
    margin: 25px 0 90px 0px;
}

.boxService {
    width: 49%;
    height: 350px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0px 0px 40px #EEE;
    /*margin: 0.5%;*/

    text-align: center;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
}

.coverService {
    width: 100%;
    height: 350px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    transition: all 0.3s;
}

.bgService1 {
    background-image: url("../images/service1ok.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgService2 {
    background-image: url("../images/service2newok.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgService3 {
    background-image: url("../images/service3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.coverService h2 {
    width: 100%;
    font-size: 26px;
    font-weight: 800;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 0px 0px 5px #333;
}

.coverService p {
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.coverService:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8);
}

.coverService:hover .btnVerMas {
    width: 150px;
    height: 30px;
}

.btnVerMas {
    width: 150px;
    height: 0px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: #333145;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;

    align-items: center;
    align-self: center;
    align-content: center;
    transition: all 0.3s;
}

.btnVerMas p {
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    text-align: center;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.col2 {
    width: 50%;
}

.col2Left {
    width: 30%;
}

.col2Right {
    width: 70%;
}

.contentSobreMi {
    width: 100%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;

    align-items: center;
    align-self: center;
    align-content: center;
}

.txtMedium {
    width: 60%;
    min-height: 380px;
    padding-top: 15px;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    text-align: left;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.bgSobreMi {
    width: 380px;
    height: 380px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -o-border-radius: 200px;

    border: 3px solid rgba(255, 255, 255, 0.4);

    background-image: url("../images/liliRoselli.jpg");
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: auto 80%;*/
    background-size: 103%;
}

.contentSobreMi .col2Right p {
    width: 100%;
    padding-left: 10%;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 400;
    text-align: left;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.btnWhatsapp {
    width: 50px;
    height: 50px;
    position: fixed;
    background-color: #41c300;
    font-size: 34px !important;
    font-weight: 400 !important;
    color: #FAFAFA !important;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    padding: 2px 0px 4px 1px;
    bottom: 10px;
    right: 10px;
    text-align: center;
    transition: all 0.3s;
    z-index: 9000;
}

.btnWhatsapp:hover {
background-color: #008b00;
cursor: pointer;
color: #FAFAFA !important;
}

.btnWhatsappServices {
    width: auto;
    height: auto;
    float: left;
    background-color: #008b00;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #FAFAFA !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    transition: all 0.3s;
    z-index: 9000;
}

.btnWhatsappServices:hover {
background-color: #41c300;
cursor: pointer;
color: #FAFAFA !important;
}

.ui-collapsible-inset .ui-collapsible-content {
    width: 100%;
    text-align: left;
    font-size: 16px !important;
}

.ui-collapsible a {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px !important;
    margin: 0;
    text-align: center;
    width: 100%;
    font-weight: 500 !important;
    color: #555 !important;
}

.ui-content {
    width: 100%;
}

.txtFaq {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 32px;
}

.ui-collapsible i {
    font-size: 6px;
    vertical-align: middle;
}

.ui-collapsible span {
  
    float: left;
    text-align: right;
    font-size: 20px;
    font-weight: 900;
    color: #333145;
    margin-right: 10px;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: 0 0px 0 #f3f3f3 !important;
}

.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    /*color: #FFF !important;*/
}

.ui-icon {
    margin-top: 3px !important;
    width: 20px !important;
    height: 20px !important;
}

.txtFaq b {
    font-size: 22px;
}

.ulFaq {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 10px 0 25px 25px;
}

.ulFaq li {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 16px;
}

.txtFaq img {
    float: left;
    margin: 0px 25px 25px 0px;
}

.txtFaq  {
    line-height: 26px;
}

.copeteServ {
    height: 180px;
    width: 67% !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: left !important;
    float: left;
}

.txtService {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 32px;
}

.txtService span {
    width: 25px;
    float: left;
    text-align: right;
    font-size: 28px;
    font-weight: 900;
    color: #333145;
    margin-right: 10px;
}

.txtService img {
    width: 20%;
    float: left;
    margin: 0px 2%  5px 0px;
}

.txtService  {
    line-height: 26px;
}

.txtServPar span {
    width: 25px;
    float: left;
    text-align: left;
    font-size: 28px;
    font-weight: 900;
    color: #333145;
    margin-right: 10px;
}

.txtServPar {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 32px;
}

.contentOblea {
    width: 200px;
    position: absolute;
    left: 15px;
    bottom: 0px;
    z-index: 0;
}

.contentOblea img {
    width: 116px !important;
    margin-left: 15px;
}

.contentOblea p {
    width: 100%;
    text-align: left !important;
    justify-content: flex-start !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.wrapper {
    display: none;
}

.iconChat {
    font-size: 94px;
    color: #FFF !important;
}

.ui-page-theme-a .ui-button, html .ui-bar-a .ui-button, html .ui-body-a .ui-button, html body .ui-group-theme-a .ui-button, html head+body .ui-button.ui-button-a, .ui-page-theme-a .ui-button:visited, html .ui-bar-a .ui-button:visited, html .ui-body-a .ui-button:visited, html body .ui-group-theme-a .ui-button:visited, html head+body .ui-button.ui-button-a:visited, .ui-page-theme-a .ui-accordion-header, html .ui-body-a .ui-accordion-header {
    background-color: #FFF !important;
}

/* GALERIA */
.wrapperFlex {
    position: absolute;
    width: 1290px;
    height: 1000px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: center;
}

.card {
    background-color: #FAFAFA;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    padding: 20px;
    width: 300px;
    box-sizing: border-box;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 5px;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.card p {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
}

.card span {
    font-size: 14px;
    color: #777;
    font-style: italic;
}