@font-face {
	font-family: 'Avenir';
	src: url(assets/fonts/AvenirLTStd-Roman.otf);
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'Avenir';
	src: url(assets/fonts/AvenirLTStd-navlack.otf);
	font-style: normal;
	font-weight: 800;
}
:root{
	--light-blue: #EEF8FF;
	--main-accent-color: #a6a6a6;
	--section-title-color-dark: #4d4d4d;
	--section-title-color-light: #f9f9f9;
	--body-color: #172d5f;
	--bckgr-newest: #06D6A0;
	--bckgr-features: #118AB2;
	--bckgr-not-stores: #EF476F;
	--fondo-celeste: #95D2E8;
	--bckgr-footer: #073B4C;
	--gray: #E6E6E6;
}

* {
	margin:  0;
	padding: 0;
}

body {
	background-color: var(--body-color);
	font-family: 'Avenir', sans-serif;
}

h1 {
	font-family: 'Avenir', sans-serif;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 800;
}
	
	/*  CARDS */
/* Hero Unit ----------------------*/
.hero-unit {
	height: 150%;
}
  
  /* Card design - front */
  .button.large {
	margin: 0;
	padding: 3.25rem;
  }
  
  /* Card design - back */
  .panel i {
	font-size: 2rem;
	display: block;
	float: center;
	width: 20%;
	opacity: 0.5;
  }
  .panel a, 
  .panel p, 
  .panel small {
	width: 80%;
	float: right;
  }
  .panel a {
	margin-bottom: 0.5rem;
  }
  .panel a:hover {
	text-decoration: underline;
  }
  .panel small {
	margin-top: -0.5rem;
	font-style: italic;
  }
  
  /* Buttons Card Flipper 
   * Source: https://cssdeck.com/labs/rxcleo5w
   */
  .flip-cards {
	float: left;
	width: 100%;
	height: 130%;
	padding-left: 1rem;
  }
  
  .flip-cards li {
	float: left;
	width: 23.3%;
	height: 180px;
	position: relative;
	padding: 0;
	color: #06d6a0;
  }
  
  .flip-cards li:hover {
	cursor: pointer;
  }
  
  .flip-cards li:hover .card-front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transform: perspective(1000) rotateY(180deg);
	-moz-transform: perspective(1000) rotateY(180deg);
	-ms-transform: perspective(1000) rotateY(180deg);
	-o-transform: perspective(1000) rotateY(180deg);
	transform: perspective(1000) rotateY(180deg);
  }
  
  .flip-cards li:hover .card-back {
	z-index: 950;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform: perspective(1000) rotateY(0deg);
	-moz-transform: perspective(1000) rotateY(0deg);
	-ms-transform: perspective(1000) rotateY(0deg);
	-o-transform: perspective(1000) rotateY(0deg);
	transform: perspective(1000) rotateY(0deg);
  }
  
  .flip-cards .card-front,
  .flip-cards .card-back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	transition: transform 0.6s;
	display: block;
	height: 140%;
	position: absolute;
	width: 100%;
  }
  
  .flip-cards .card-front {
	-webkit-transform: perspective(1000) rotateY(0);
	-moz-transform: perspective(1000) rotateY(0);
	-ms-transform: perspective(1000) rotateY(0);
	-o-transform: perspective(1000) rotateY(0);
	transform: perspective(1000) rotateY(0);
	z-index: 900;
  }
  
  .flip-cards .card-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	z-index: 800;
  }
  
  /* Button Card Colors */
  .flip-cards .panel {
	border: none;
  }
  
  .flip-cards .panel i,
  .flip-cards .panel p,
  .flip-cards .panel a,
  .flip-cards .panel small {
	color: white;
  }
  
  /* First button color */

  .flip-cards li:first-child > .panel {
	background-color: var(--bckgr-not-stores);
  }
  
  /* Second button color */
  .flip-cards li:nth-child(2) > .panel {
	background-color: rgba(109, 193, 202, 1);
  }
  
  /* Third button color */
  .flip-cards li:nth-child(3) > .panel {
	background-color: rgba(211, 81, 45, 1);
  }
  
  /* Fourth button color */
  .flip-cards li:nth-child(4) > .panel {
	background-color: rgba(235, 167, 36, 1);
  }
  
  /* Fifth button color */
  .flip-cards li:nth-child(5) > .panel {
	background-color: rgb(141, 75, 150);
  }
  /* Sixth (last) button color */
  .flip-cards li:last-child > .panel {
	background-color: rgb(255,209,102,1);
	color: white;
  }
  
  /*
   * RESPONSIVENESS -------------------------------------------------
   */
  @media only screen and ( max-width: 40em ) {
	  .hero-unit {
		  height: 800px;
	  }
	  .flip-cards li {
		  width: 50%;
		 /* height: 120%;*/
	  }
  }
  @media only screen and ( max-width: 30em ) {
	  .hero-unit h1 {
		  font-size: 1.75rem;
	  }
	  .hero-unit h3 {
		  font-size: 1.125rem;
	  }
  }
  @media only screen and ( max-width: 25em ) {
	  .hero-unit {
		  height: 920px;
	  }

	  .hero-unit h1 {
		  font-size: 1.35rem;
		  padding-bottom: 0.25rem;
	  }
	  .hero-unit .card-back .card-icon {
		  font-size: 2rem;
		  margin: 0;
		  padding: 5px 0 20px 5px;
	  }
	  .flip-cards li {
		  width: 100%;
		  font-size: 1.35rem;
		  height: 120px;
	  }
	  .flip-cards .panel p {
		  display: none;	
	  }
	  .flip-cards .panel small {
		  margin: 0;
	  }
	  .button.large {
		  padding: 2rem;
	  }
	  .button.large a {
		  font-size: 1.35rem;
	  }
  }
	/*  CARDS */
/* ========== CARRUCEL =========*/
.img-fluidZ {
    transition: transform .2s; 
}
 
.img-fluidZ:hover {
    transform: scale(1.1); 
}

h2.subtitulo-h2 hr {
    border-top: 3px solid #ffc600;
    width: 100px;
    margin: 5px auto 0px auto;
}
.subtitulo-h2 {
    font-weight: 300;
    color: #008EAA;
    text-align: center;
    font-size: 22px;
    margin: 0px 0px 20px 0px;
}   
p.text-description {
        background: rgba(0, 142, 170, .6);
        text-align: center;
        padding: 10px;
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        height: 100%;
        overflow: hidden;
        bottom: -74%;
        transition: all ease-in-out .3s;
    }
    
    a.button-info {
        display: block;
        background: #ffc600;
        color: #fff;
        padding: 3px;
        width: 50%;
        margin: 10px auto;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 23px;
        transition: all ease-in-out .3s;
    }
    
    a.button-info:hover {
        background: #ea9605;
        transition: all ease-in-out .3s;
    }
    
    .item-inspiracion {
        position: relative;
        margin: 0px 5px;
    }
    
    .item-inspiracion:hover p.text-description {
        bottom: -1%;
        transition: all ease-in-out .3s;
    }
    
    .item-inspiracion:hover {
        cursor: pointer;
    }
    
    .item-inspiracion:hover img {
        opacity: .8;
        transition: all ease-in-out .2s;
    }
    
    .flex-vertical {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .flex-vertical h2.subtitulo-h2 {
        margin-bottom: 10px;
    }
    
    .btn-verTodo {
        background: #ffc600;
        padding: 2px 20px;
        color: #fff;
        font-weight: 700;
        border-radius: 100px;
        font-size: 12px;
    }
    
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
    
    .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    
    .slick-dots li button:before {
        opacity: .25;
        background: #008EAA;
        border-radius: 20px;
        content: '';
        width: 10px;
        height: 10px;
    }
    
    .slick-prev:before {
        background-image: url(https://www.sodimac.cl/static/Homy/html/contenido-estatico/especiales/escritorio/img/chevron-l.svg);
        background-size: 10px 10px;
        display: inline-block;
        width: 10px;
        height: 20px;
        content: "";
        background-repeat: no-repeat;
    }
    
    .slick-next:before {
        background-image: url(https://www.sodimac.cl/static/Homy/html/contenido-estatico/especiales/escritorio/img/chevron-r.svg);
        background-size: 10px 20px;
        display: inline-block;
        width: 10px;
        height: 10px;
        content: "";
        background-repeat: no-repeat;
    }
    
    @media(min-width:768px) {
        p.text-description {
            bottom: -93%;
        }
    }

/* ========== END CARRUCEL =========*/
/* ========== nav small =========*/
.sidebar {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: rgba(23,45,95,.99);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
  }
  
  .sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #ffffff;
	display: block;
	transition: 0.3s;
  }
  
  .sidebar a:hover {
	color: #cccccc;
  }
  
  .sidebar .closebtn {
	position: absolute;
	top: 0;
	left: 25px;
	font-size: 36px;
	margin-right: 50px;
  }
  
  .openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: rgba(23,45,95,.99);
	color: white;
	padding: 10px 15px;
	border: none;
	float: right;
  }
  
  .openbtn:hover {
	background-color: #a6a6a6;
  }
  
  #main {
	transition: margin-left .5s;
	padding: 16px;
  }
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 300px) {
	  .sidebar {padding-top: 15px;}
	  .sidebar a {font-size: 18px;}
  }
  
  
/* ==========  =========*/

.btn-white {
	background-color: #118ab2;
	border: none;
	border-radius: 2rem;
	color: #4d4d4d;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1rem;
	padding-left: 1rem;
	padding-right: 1em;
}

.btn-white:hover {
	background-color: #ffffff;
	color: var(--main-accent-color);
	border: 2px solid #ffffff;
}

.page-title-light {
	color: var(--section-title-color-light);
	padding: 0rem 2rem 2rem 2rem;
	/*text-transform: uppercase;*/
	font-weight: 700;
	font-size: 2rem;
}

/* Section title */

.section-title {
	position: relative;
}

h2.section-title-heading-dark {
	color: var(--section-title-color-dark);
	padding-top: 2rem;
	/*text-transform: uppercase;*/
	font-weight: 700;
	font-size: 1.8rem;
}
h2.section-title-heading-light {
	color: var(--section-title-color-light);
	padding: 2rem;
	/*text-transform: uppercase;*/
	font-weight: 700;
	font-size: 1.8rem;
}

h3.section-subtitle {
	color: var(--section-title-color-light);
	padding-top: 0.5rem;
	font-weight: 700;
	font-size: 1.2rem;
}

.img-fluid{
	max-width: 75%;
}
#left-col{
	background-color: var(--body-color);
	margin: 24px 40px 24px 0px;
	padding: 24px 8px 24px 0px;
}
#right-col{
	background-color: var(--fondo-celeste);
	margin: 24px 0px 24px 0px;
	padding: 24px 0px 24px 0px;
}
.section-title::after {
	content: '';
	position: absolute;
	border-bottom: 2px solid var(--main-accent-color);
	width: 8%;
	top: 80px;
}

.section-title:hover::after {
	width: 12%;
	transition: all 0.6seg ease-out;
	-webkit-transition: all 0.6seg ease-out;
	-moz-transition: all 0.6seg ease-out;
	-o-transition: all 0.6seg ease-out;
}

.carousel-indicators{
	top: 27rem;
}
/* ========== NAVIGATION =========*/
#language{
	float:right!important;
	padding-left: 40%;
}

.navbar {
	padding-top: 0.3rem;
}

.navbar-dark {
	background-color: rgba(23,45,95,.99);
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,0.99)!important;
    border-color: rgba(0,0,0,.1);
}
.navbar-dark .navbar-nav{
	text-align: center;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .85rem;
}

.navbar-dark .navbar-nav .active a{
  color: #fff!important;
}

.navbar-dark .navbar-nav .nav-link:hover{
	color: #73819f;
}

.navbar-dark .navbar-nav .nav-link:visited{
  color: #fff;
}

.navbar.active {
	background-color: rgba(23,45,95,.95);
	box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
}

.navbar .btn-outline-secondary{
	font-weight: 800;
	border-color: rgba(0,0,0,0);
}

.navbar .btn-outline-secondary:hover{
	font-weight: 800;
	border-color: rgba(0,0,0,0);
	background-color: rgba(136, 30, 30, 0);
}

#newest .btn.btn-outline-secondary.btn-sm{
	background-color: rgba(255,525,255,1);
}

#newest .btn.btn-outline-secondary.btn-sm:hover{
	background-color: rgba(0,0,0,.25);
}

.image-box img {
	position: absolute;
	top: -3rem;
	right: 1rem;
	z-index: 1;
}

#wrap-text {
	min-width: 240px;
	max-width: 320px;
	padding-bottom: 1rem;
	display: flex;
	flex-direction: row;
}

#wrap-text img {
	padding-right: 1rem;
	float: left;
	max-width: 30%;
	min-width: 15%;
	z-index: 1;
}

#wrap-text span {
	width: 100%;
	font-size: 1.2rem;
	font-weight: 800;
}
/* ========== HERO =========*/

#hero {
	background-image: url('../img/banner.jpeg');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 7rem;
	padding-bottom: 29rem;
	position: relative;
}

#main-hero-content h1 {
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: var(--section-title-color-dark);
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.1rem;
	margin-bottom: 0.2rem;
}

#main-hero-content p {
	text-align: justify;
	color:  var(--section-title-color-dark);
	margin-top: 0.2rem;
	margin-bottom: 3rem;
	line-height: 1rem;
	font-size: 1rem;
}

#bottom {
	padding-left: 2rem;
    position:absolute;                  
    bottom:2.4rem;                          
    right:3rem;                          
}
#bttm-top{
	padding-top: 2rem;
	padding-left: 2rem;                         
    right:3rem;
}

/* ========== NEWEST =========*/

#newest i {
	color: var(--main-accent-color);

}

#newest h3 {
	color: var(--section-title-color-dark);
	font-weight: 600;
	font-size: 1.5rem;
	text-transform: uppercase;
}

#newest p {
	color: var(--section-title-color-dark);
	font-size: 1rem;
	line-height: 1.7rem;
}

#newest {
	position: relative;
	padding-top: 4rem;
	padding-bottom: 1rem;
	background-color: var(--bckgr-newest);
}
#right-aligned{
	text-align: right;
}
#logos{
	position: relative;
	padding: 0rem 6rem 0rem 6rem;
	margin: 4rem 1rem 2rem 1rem;
}
.bottom-tag{
	text-align: right;
	position: absolute;
	bottom:-2rem;
}
.badge.badge-primary.text-wrap{
	background-color: transparent;
	font-weight: 300;
	color: #4D4D4D;
}

/* ========== FEATURES =========*/

#features {
	background-color: var(--bckgr-features);
	padding-left: 1.75rem;
	padding-right: 2rem;
	padding-bottom: 6rem;
	padding-top: 1rem;
}
#features h2{
	color: var(--section-title-color-light);
}

#features img {
	display: block;
	margin: 0 auto;
}

#features .feature-block {
	text-align: center;
}

#features .feature-block h3 {
	color: var(--section-title-color-dark);
	font-weight: 600;
	font-size: 1.5rem;
	text-transform: uppercase;
}

#features .feature-block img {
	padding-bottom: 1rem;
}

#features .feature-block p {
	color: var(--body-color);
	font-size: 1rem;
	line-height: 1.7rem;

}
#round-box-all {
	border-radius: 24px;
}
#round-box-left {
	padding: 30px;
	background-color: #fff;
	border: 3px #fff;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
	text-align: left;
}

#round-box-right {
	padding: 30px;
	background-color: #fff;
	border: 3px #fff;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	text-align: left;
}

/* ========== NOT STORES =========*/

#not-stores {
	background-color: var(--bckgr-not-stores);
	padding-bottom: 6rem;
	padding-top: 1rem;
}
#not-stores h2{
	color: var(--section-title-color-light);
}

#parrafo-light p{
	color: var(--section-title-color-light);
	text-align: justify;
}

#not-stores .not-stores-title h2 {
	text-align: center;
	padding-top: 10rem;
	color: #ffffff;
	text-transform: none;
	font-weight: 700;
	font-size: 1.8rem;
}

#not-stores .not-stores-title p {
	color: #ffffff;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.7rem;
	margin-top: 2.5rem;
}

/* ========== success-stories =========*/

#success-stories{
	background-color: var(--fondo-celeste);
	background-image: url("dualColorBG.gif");
	background-position: center;
	background-repeat: repeat-y;
	padding-bottom: 4rem;
	padding-top: 1rem;
}

#success-stories p{
	color: var(--section-title-color-light);
	text-align: justify;
}

.conoce-mas-btn {
	margin-top: 4rem;
}

.conoce-mas-btn a {
	background-color: var(--bckgr-newest);
	border-radius: 2rem;
	color: #ffffff;
	font-weight: 550;
	font-size: 1rem;
	padding: .5rem 1rem;
}

.conoce-mas-btn a:hover {
	background-color: #ffffff;
	color: var(--main-accent-color);
	border: 2px solid #ffffff;
	text-decoration: none;
}

/* ========== CONTACT =========*/

#contact {
	background-color: #FFD166;
	padding-bottom: 4rem;
	padding-top: 1rem;
	position: relative;
}
#contact .contact-box-round {
	padding: 20px;
	background-color: #fff;
	border-radius: 24px;
}
.contact-now-btn {
	margin-top: 4rem;
}

.contact-now-btn a {
	/*border: 2px solid #ffffff;*/
	background-color: var(--bckgr-features);
	border-radius: 2rem;
	color: #ffffff;
	font-weight: 550;
	font-size: 1rem;
	padding: .5rem 1rem;
}

.contact-now-btn a:hover {
	background-color: #ffffff;
	color: var(--main-accent-color);
	border: 2px solid #ffffff;
	text-decoration: none;
}

/* ========== FOOTER =========*/
#footer {
	background-color: var(--bckgr-footer);
	padding-top: 6rem;
	padding-bottom: 1rem;
	position: relative; 
}

#footer .footer-logo img {
	margin-top: -4.5rem;
}

#footer .social-icons {
	margin-top: -1rem;
}

#footer .social-icons a {
	margin-right: 10px;
	color: #8d8c8c;
}

#footer .social-icons a:hover {
	color: #ffffff;
}

.copyright p {
	margin-top: 3rem;
	color: #ffffff;
	font-size: .8rem;
}


/* ========== INTERIORES =========*/

#img-section {
	background-image: url('../img/int-header.svg');
	padding-top: 10rem;
	padding-bottom: 6rem;
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	background-size: cover;
}
#page-intro-yellow{
	background-color: #ffd166;
	padding: 1.4rem;
}
#page-intro-blue{
	background-color: var(--fondo-celeste);
padding: 1.4rem;
}
#page-intro-pink{
	background-color: var(--bckgr-not-stores);
	padding: 1.4rem;
}
#page-intro-gray{
	background-color: var(--gray);
	padding: 2rem;
}

#page-intro-green{
	background-color: var(--bckgr-newest);
	padding: 2rem;
}

#page-intro p {
	text-align: justify;
	color:  var(--section-title-color-dark);
	margin-top: 1rem;
	margin-bottom: 2rem;
}

/* ========== INTERIORES =========*/

#int-success-stories{
	background-color: var(--fondo-celeste);
	background-image: url("dualColorBG-reverse.gif");
	background-position: center;
	background-repeat: repeat-y;
	padding-top: 1.5rem;
	padding-bottom: 2rem;
}
#cont-testimonial{
	padding: 1rem;
	margin: 1rem;
}
#int-success-left-col{
	width: 100%;
	height: 34rem;
	margin: 0rem;
	padding: 0rem;
}
#int-success-left-col p{
	color: var(--section-title-color-dark);
	text-align: justify;
}
#int-left-col-box{
	padding: 0rem 3rem 3rem 3rem;
	margin: 0rem 4rem 3rem 4rem;
	background-color: #fff;
	border-radius: 24px;
	text-align: center;
}

#int-success-left-col .carousel-indicators{
	top: 36rem;
}

#int-success-right-col{
	background-color: var(--body-color);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#int-success-right-col p{
	color: var(--section-title-color-light);
	text-align: justify;
}

/* ========== CAREERS =========*/

#section-careers{
	background-color: var(--bckgr-features);
	padding: 2rem 0rem;
}
#section-careers ul {
  /*background: #3399ff;*/
  padding: 10px 30px;
}
#lightBlue{
	background-color: var(--light-blue);
	height: 100%;
	width: 100%;
	padding: 1rem 1.25rem 1rem 1rem;
}
#white{
	background-color: #fff;
	height: 100%;
	width: 100%;
	padding: 1rem .5rem 1rem 2rem;
}
#section-programs{
	background-color: var(--light-blue);
	padding: 2rem 0rem;
}
.card-header{
	background-color: var(--light-blue);
}
.card-body{
	padding: 0rem;
}

/* ========== PROGRAMS =========*/

#section-text-light p{
	color: var(--section-title-color-light);
	text-align: justify;
}

#section-red-back {
	background-color: var(--bckgr-not-stores);
	padding: 1rem;
}

#section-dark-blue-back {
	background-color: var(--bckgr-footer);
	padding: 1rem;
}
#section-light-blue-back {
	background-color: var(--fondo-celeste);
	padding: 1rem;
}

.rounded{
	max-width: 180px;
	/*max-height: 110px;*/
	min-width: 160px;
}

#thumb-light .badge.badge-primary.text-wrap{
	color: #ffffff!important;
}
#GED-SAT{
	padding: 2rem 0rem;
}
.watch-demo-row {
	margin-left: 0;
	margin-right: 0;
}
#play-video{
	padding: 2rem 0rem;
	display: flex;
	flex-direction: row;
	text-align: left;
}
#play-video .container-fluid{
	padding: 0rem 0rem 0rem 11rem;
}
#link-dark{
	font-weight: 800;
	color: var(--section-title-color-dark);
}
#link-dark a{
	color: var(--section-title-color-dark);

}
#link-dark a:hover{
	color: var(--section-title-color-dark);
	text-decoration: none;
}
#link-dark a:visited{
	color: var(--section-title-color-dark);
	text-decoration: none;
}
#link-light{
	font-weight: 800;
	color: var(--section-title-color-light);
}
#link-light a{
	color: var(--section-title-color-light);
}
#link-light a:hover{
	color: var(--section-title-color-light);
	text-decoration: none;
}
#link-light a:visited{
	color: var(--section-title-color-light);
	text-decoration: none;
}
.modal-content img{
    max-width: 100%;
    background-size: cover;
    overflow: hidden;
}

/* ########################## */
/*  ## Contact Form Styles ## */
.contact-form-container {
	max-width: 820px;
	height: auto;
	border-radius: 30px;
	padding: 50px 80px;
	margin: 0 auto;
}

.contact-form-container > .contact-form-content {
	width: 100%;
}

.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > label {
	font-size: 14px;
}

.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > input {
	height: 30px;
}

.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > textarea {
	height: 107px;
}

.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > input,
.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > textarea {
	border-radius: 10px;
	border: 3px solid #AAA;
	font-size: 12px;
}

.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > .form-control:focus {
	border: 3px solid #AAA;
}

.contact-form-container > .contact-form-content > .row > .col-md-6 > .form-group > textarea {
	resize: none;
}