
::selection { background: #eb6209; color: #fff; text-shadow: none; }

/* Links */
a {
  color: #eb6209;
  text-decoration: none;
  transition: all .15s ease-in-out;
}
a:hover,
a:focus { color: #c64c09; }

/* Buttons - restyling Bootstrap buttons with only simple CSS, no CSS variables (custom properties) */
.btn.azm-btn-primary { background-color: #eb6209; border-color: #eb6209; }

.btn.azm-btn-primary:hover { background-color: #c64c09; border-color: #c64c09; }
.btn.azm-btn-primary:active { background-color: #c64c09; border-color: #c64c09; }
.btn.azm-btn-primary:focus { background-color: #c64c09; border-color: #c64c09; color: #fff; }
.btn.azm-btn-primary:active:focus { background-color: #c64c09; border-color: #c64c09; color: #fff; }

.btn.azm-btn-primary:focus-visible {
  background-color: #c64c09;
  border-color: #c64c09;
  box-shadow: 0 0 0 0.25rem rgba(200, 52, 109, .5);
}

.btn.azm-btn-outline-light:focus { color: #f8f9fa; }

.btn.azm-btn-outline-light:hover,
.btn.azm-btn-outline-light:active,
.btn.azm-btn-outline-light:active:focus,
.btn.azm-btn-outline-light:focus-visible { color: #3d3d3d; }


/* Custom utility classes */

.azm-spacer {}

.azm-divider { width: 200px; border-bottom: 3px dashed #ddd; }

.azm-color-444 { color: #444; }
.azm-color-666 { color: #666; }
.azm-color-888 { color: #888; }
.azm-color-c8346d { color: #eb6209; }
.azm-color-ccc { color: #ccc; }
.azm-grey { color: #aaa; }

.azm-font-size-1-15 { font-size: 1.15rem; }

.azm-line-height-2-5 { line-height: 2.5rem; }

.azm-border-dashed { border-bottom: 1px dashed; }

.azm-grey-background { background-color: #f8f8f8; }
.azm-background-3d3d3d { background-color: #3d3d3d; }
.azm-background-444 { background-color: #444; }
.azm-background-c8346d { background-color: #eb6209; }

.azm-list-style-none { list-style: none; }


/* Navbar */
.navbar.bg-dark.azm-navbar { background-color: #3d3d3d !important; }

.navbar.bg-dark.azm-navbar .dropdown-menu { background-color: #3d3d3d; }

.azm-navbar .navbar-brand {
	width: 144px;
	height: 58px;
	background: url(assets/logo.png) left center no-repeat;
	text-indent: -99999px;
}

.azm-navbar .nav-link { font-size: 1.15rem; }

.azm-navbar .dropdown-menu { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }


/* Header */
#header {
  background-image: url(assets/cabezalem.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  
}

#header h1 { text-shadow: 0 1px 6px rgb(51 51 51 / 75%); }
#header p { text-shadow: 0 1px 5px rgb(51 51 51 / 75%); }

.header-social-links a {
  color: #fff;
  transition: all .15s ease-in-out;
}

.header-social-links a:hover, 
.header-social-links a:focus {
  outline: 0;
  color: #ccc;
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px dashed;
}


/* Services */
#services .icon { font-size: 6rem; color: #eb6209; }
#services .icon-darker { color: #c64c09; }

#services .icon i:hover {
  transition: all .3s ease-in-out;
  text-shadow: 0 0.5rem 1rem rgb(51 51 51 / 30%);
}


/* Clients */
#clients a { transition: all .15s ease-in-out; }
#clients a:hover, #clients a:focus { outline: 0; opacity: 0.6; }


/* Message-1, Message-2 */
#message-1 img:hover,
#message-2 img:hover {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* Statistics */
#statistics {
  background-image: url(assets/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* Portfolio */
.portfolio-box:hover {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

.portfolio-box { position: relative; }

.portfolio-box .date {
  position: absolute;
  top: 20px;
  right: 0;
}

#portfolio a.more-projects:hover,
#portfolio a.more-projects:focus {
  outline: 0;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* Portfolio single */
#portfolio-single img:hover {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

#generic-text img:hover {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* Quote */
#quote {
  background-image: url(assets/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* Prices */
#prices .table th {
  border-bottom: 1px dashed #eee;
}
#prices .table.best-value th { border: 0; }

#prices .table:hover {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

.best-value-icon {
  font-size: 5rem;
}


/* Testimonials */

#testimonials .nav-pills .nav-item a { opacity: 0.6; width: 80px; }

#testimonials .nav-pills .nav-item a.active { opacity: 1; }

#testimonials .nav-pills .nav-item a:hover,
#testimonials .nav-pills .nav-item a:focus { opacity: 1; }

#testimonials .nav-pills .nav-item a.active img,
#testimonials .nav-pills .nav-item a:hover img,
#testimonials .nav-pills .nav-item a:focus img {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

.testimonials-icon {
  font-size: 15rem;
  line-height: 1rem;
  color: #eee;
}

/* Generic Call to Action */
#generic-cta {
  background-image: url(assets/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* Team */
.team-box:hover {
  transition: all .15s ease-in-out;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

.team-box { position: relative; }

.team-box .business-role {
  position: absolute;
  top: 20px;
  right: 0;
}

.team-social a:hover,
.team-social a:focus { outline: 0; }

#team a.team-more:hover,
#team a.team-more:focus {
  outline: 0;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* Contact */
.contact-visit i { vertical-align: middle; }

.contact-social a:hover,
.contact-social a:focus { outline: 0; color: #fff; }

.contact-social a i { transition: all .15s ease-in-out; vertical-align: middle; }

.contact-social a:hover i,
.contact-social a:focus i { color: #fff; }

.form-control,
.form-control:focus {
  background-color: #444;
  border-color: #888;
  color: #fff;
}

.form-control:focus {
  border-color: #eb6209;
  box-shadow: 0 0 0 0.25rem rgba(200, 52, 109, .5);
}

.form-control::placeholder { color: #888; }


/* Footer */
footer a.azm-border-dashed:hover,
footer a.azm-border-dashed:focus { outline: 0; color: #fff; }

.to-top a:hover,
.to-top a:focus { outline: 0; color: #fff; }



/* Media queries */
/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .azm-navbar .navbar-brand {
    	background-image: url(assets/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 144px 58px !important;
    }
	
}
