@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: auto;
	}
}


.btn-modern {
  text-transform: none !important;
  }

.left-17 {
margin-left:-17%;
}

.title-necesito {
  background-color: #106c7f;
  border-color: #106c7f;
  color: #FFF;
	border-left: 3px solid #CCC;
  border-left-color: rgb(204, 204, 204);
	border-radius: 5px;
	display: block;
	min-height: 20px;
	padding: 12px 20px 12px 15px;
	position: relative;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: -0.2px;
	text-decoration: none !important;
}


.rounded-30 {
  border-radius: 20px !important;
  background-color:#b7be11 !important;
	border-color: transparent !important;
	--hover:red !important;
} 


 .btn-modern:hover:not(.bg-transparent), html .btn-modern.hover:not(.bg-transparent) {
  background-color: #7bb985 !important;
  color: #FFF !important;
}
#header .header-nav-main nav > ul > li > a {
  text-transform: none !important;
}

.font-9 {
	font-size: 0.9em;
}

.caja-video{
  border: solid 2px #c0c0c0;
  padding: 5px;
}

.caja-video1{
  display:inline;
}

.caja-video12{
  display:none;
}

.py-lg-5 {
  padding-top: 0.5rem !important;
  padding-bottom: 1rem !important;
}

/* --- MENU LATERAL ---*/

#header .header-row {
  align-items: top !important;
}


.dropdown-menu {
  --bs-dropdown-font-size: 0,5rem !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
  padding: 1px 1px 1px 1px !important; 
}

html.side-header #header.side-header {
  max-width: 275px !important;
}

#header .header-nav.header-nav-links-side-header nav > ul > li > a {
  padding: 6px 15px !important;
}

#header .header-nav.header-nav-links nav > ul li:hover > a {
  color: #294853;
}

html .overlay-color-primary:not(.no-skin)::before {
  background-color: #5aafc0 !important;
}

.page-header {
  background-image: linear-gradient(#00375e, 70%, #365ba2);
  margin: 0 0 0 0;
  padding: 30px 0;
  position: relative;
  text-align: left;
}

section.section-dark {
  background-image: radial-gradient(#00375e, 50%, #365ba2) !important;
}

section.page-header .page-header-title-border {
  background-color: #ffad00 !important;
}

.modal-lg, .modal-xl {
  --bs-modal-width: 950px;
}

.py-lg-5 {
  padding-bottom: 0rem !important;
}

.pb-lg-5 {
  padding-bottom: 0rem !important;
}

#header .header-nav-main nav > ul > li {
  line-height: 15px !important;
}


html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title {
  background-color: #294853 !important;
  border-color: #294853 !important;
  color: #FFF;
}

html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title {
  color: #294853 !important;
  border-left-color: #294853 !important;
  border-right-color: #294853 !important;
}



@media (min-width: 992px) {
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
  padding: 1px 1px 1px 1px !important; 
}

html.side-header #header.side-header {
  max-width: 275px !important;
}

#header .header-nav.header-nav-links-side-header nav > ul > li > a {
  padding: 4px 15px !important;
}

#header .header-nav.header-nav-links nav > ul li:hover > a {
  color: #294853;
}
html .overlay-color-primary:not(.no-skin)::before {
  background-color: #5aafc0 !important;
}

.page-header {
  background-color: #106c7f;
  margin: 35px 0 0 0;
  padding: 30px 0;
  position: relative;
  text-align: left;
}

section.page-header .page-header-title-border {
  background-color: #ffad00 !important;
}

.py-lg-5 {
  padding-bottom: 0rem !important;
}



html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title {
  background-color: #294853 !important;
  border-color: #294853 !important;
  color: #FFF;
}
}



@media (min-width: 992px) {
.pb-lg-5 {
  padding-bottom: 0rem !important;
}

#header .header-nav-main nav > ul > li {
  line-height: 15px !important;
}
}


@media (max-width: 575px) {
.left-17 {
margin-left:0%;
	}
#header .header-logo img {
		width:130px;
	}

.thumb-info, .thumb-info-wrapper {
	margin-left:30%;
	}

.portfolio-list .portfolio-item {
  width: 80%;
	}


}


 @media (max-width: 575px){
		#header .header-btn-collapse-nav {
		  height: 30% !important;
		}

}

@media (max-width: 991px){
#header .header-btn-collapse-nav {
  margin-top: 55px;
}

html.side-header #header.side-header {
  max-width: 600px !important;
}
}


@media (max-width: 575px) {
	body {
		font-size: 13px;
	}
	.caja-video1{
		  display:none !important;
		}
	.caja-video12{
		  display:inline !important;
		}
}