/*--Hamburguer Menu--*/
.buttonMenu {border: none; padding: 0; z-index: 10; background: none; cursor: pointer; width: 25px; height: 25px; position: relative;}
.buttonMenu:active {transform: scale(0.9);}
.buttonMenu:active,
.buttonMenu:focus {outline: none;}
.buttonMenu__hamburguer {width: 25px; height: 25px;}
.buttonMenu__hamburguer,
.buttonMenu__hamburguer__bar {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.buttonMenu__hamburguer__bar {width: 25px; height: 3px; background: #fff; outline: 1px solid transparent;}
.buttonMenu__hamburguer__bar--1 {transform: rotate(0) translate3d(0, -10px, 0);}
.buttonMenu__hamburguer__bar--3 {transform: rotate(0) translate3d(0, 10px, 0);}
.open .buttonMenu__hamburguer {transform: rotate(180deg);}
.open .buttonMenu__hamburguer__bar--1 {transform: rotate(45deg) translate3d(0, 0, 0);}
.open .buttonMenu__hamburguer__bar--2 {opacity: 0;}
.open .buttonMenu__hamburguer__bar--3 {transform: rotate(-45deg) translate3d(0, 0, 0);}
/*--Fin Hamburguer Menu--*/

@media (min-width: 1280.01px) {
	.container {max-width: 1280px;}
}

@media (min-width: 991.99px) and (max-width: 1280px) {
	.container {max-width: 1200px;}
}

@media (min-width: 1170px) and (max-width: 1280px) {
}

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

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1199.99px) {
	.header__top {padding: 0;}
	.header__bottom__mainMenu__firstLevel {margin-left: 15px;}
	.header__bottom__mainMenu__firstLevel__link {font-size: 1rem  !important;}
	.footer__top__footerMenu__firstLevel.trabajaConNosotros {margin-top: -90px;}
	.wrapper {padding-left: 30px; padding-right: 30px;}
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 991.99px) {
	.media-block-text .media-content {position: static; width: 100%; transform: none;}
	.block-text {padding: 2rem 3.3rem; border-radius: 0 0 8px 8px;}
	.image-top {margin-top: 80px;}
	.main_menu-login {position: absolute; left: 40px; top: 50%; transform: translateY(-50%); }
	.block-text {padding: 30px;}
	h1 {font-size: 2.15rem  !important;}
	h2 {font-size: 1.95rem  !important;}

	/*--PADDING--*/
	.padding {padding: 20px;}
	.paddingX {padding-left: 20px; padding-right: 20px;}
	.paddingY {padding-top: 20px; padding-bottom: 20px;}
	.paddingTop {padding-top: 20px;}
	.paddingRight {padding-right: 20px;}
	.paddingBottom {padding-bottom: 20px;}
	.paddingLeft {padding-left: 20px;}
	.padding--lg {padding: 40px;}
	.paddingX--lg {padding-left: 40px; padding-right: 40px;}
	.paddingY--lg {padding-top: 40px; padding-bottom: 40px;}
	.paddingTop--lg {padding-top: 40px;}
	.paddingRight--lg {padding-right: 40px;}
	.paddingBottom--lg {padding-bottom: 40px;}
	.paddingLeft--lg {padding-left: 40px;}

	/*--MARGIN--*/
	.margin {margin: 20px;}
	.marginX {margin-left: 20px; margin-right: 20px;}
	.marginY {margin-top: 20px; margin-bottom: 20px;}
	.marginTop {margin-top: 20px;}
	.marginRight {margin-right: 20px;}
	.marginBottom {margin-bottom: 20px;}
	.marginLeft {margin-left: 20px;}
	.margin--lg {margin: 40px;}
	.marginX--lg {margin-left: 40px; margin-right: 40px;}
	.marginY--lg {margin-top: 40px; margin-bottom: 40px;}
	.marginTop--lg {margin-top: 40px;}
	.marginRight--lg {margin-right: 40px;}
	.marginBottom--lg {margin-bottom: 40px;}
	.marginLeft--lg {margin-left: 40px;}
	/*--FIN HELPERS--*/

	.header__bottom__mainMenu__firstLevel__subMenu a {padding: 8px 15px;}
	.header__bottom__mainMenu__firstLevel {margin-left: 0;}
	.header__bottom__mainMenu__firstLevel__link,
	.footer__top__footerMenu__firstLevel__link {display: flex; align-items: center; justify-content: space-between;}
	.header__bottom__mainMenu__firstLevel__link__icon,
	.footer__top__footerMenu__firstLevel__link__icon {float: right; background: #80bc00; border-radius: 50%; width: 30px; height: 30px; color: #fff; align-items: center; justify-content: center;}
	.header__bottom__mainMenu__firstLevel__subMenu,
	.footer__top__footerMenu__firstLevel__subMenu {transition: none;}
	.header__bottom__mainMenu__firstLevel__subMenu {position: relative; top: 0; left: 0; transform: none; min-width: auto; padding: 5px 0; border-radius: 0;}
	.header__bottom__mainMenu__firstLevel__subMenu::before {content: none;}
	.header__bottom__mainMenu {position: absolute; left: 105%; right: -100%; top: 0; bottom: 0; z-index: 4; background: rgba(0, 59, 124, 0.95);}
	.header__bottom__mainMenu.open {position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
	.header__bottom__mainMenu__container {height: 100%;}
	.header__bottom__mainMenu__firstLevel {margin-left: 0; padding-bottom: 0;}
	.header__bottom__mainMenu__firstLevel__link {padding: 15px; font-size: 1.25rem  !important; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
	.footer {margin-top: 0; padding-top: 0;}
	.footer__top__footerMenu__firstLevel + .footer__top__footerMenu__firstLevel {margin-top: 15px;}
	.footer__top__footerMenu__firstLevel.trabajaConNosotros,
	.footer__top__footerMenu__firstLevel.SQMEnElMundo {margin-top: 15px;}
	.footer__top__footerMenu__firstLevel.trabajaConNosotros
	.footer__top__footerMenu__firstLevel__link,
	.footer__top__footerMenu__firstLevel.SQMEnElMundo
	.footer__top__footerMenu__firstLevel__link {width: 100%;}
	.footer__top__footerMenu__firstLevel__subMenu {display: none;}
	.footer__bottom__form {margin-bottom: 30px;}
	.footer__bottom__form__excerpt {text-align: center;}
	.footer__top__footerMenu__firstLevel {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
	.footer__top__footerMenu__firstLevel__icon {display: block;}
	.footer__top__footerMenu__firstLevel:last-child {border-bottom: none;}
	.modal-content {min-width: 90%;}
	#login h1 {width: 100%;}
	#login .login__right .login__form {width: 400px; margin-top: 50px;}
	.login__welcome {width: 400px; margin-bottom: 40px;}
	.panel-default > .panel-heading a {font-size: 1rem;}
	.toptxt--left-image:after {background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 90%);}
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 767.98px) {
	html {font-size: 15px;}
	h1{font-size: 2rem  !important;}
	h2{font-size: 1.75rem  !important;}
	.header__bottom__logo {max-width: 170px;}
	.header__top__nav__link__icon, .footer__top__nav__link__icon {margin-right: 0;}
	.header__top__nav__link__text, .footer__top__nav__link__text {display: none;}
	.footer__top__logo {max-width: 120px;}
	.footer__top__rrss {margin: 0;}
	.footer__top__rrss, .footer__top__nav__link, .footer__top__rrss__link {font-size: 1.5rem  !important;}
	.footer__top__nav__link, .footer__top__rrss__link {margin-left: 10px;}
	.mb-center{display: flex !important; align-items: center;}
	.icon-card-item.icon-card-wide  {border-radius: 0 0 8px 8px;}
	.icon-card-item.icon-card-wide .icon-card-media > img {object-fit: none; width: initial; height: initial;}
	.icon-card-item.icon-card-wide .icon-card-content {padding: 0 2rem 2rem 2rem; border-radius: 0 0 8px 8px; text-align: center; margin-top: 0;}
	.icon-card-item.icon-card-wide .icon-card-content h2 {text-align: center; margin-top: -2.5rem;}
	.icon-card-item.icon-card-wide .icon-card-content .icon-card-icon, 
	.icon-card-item.icon-card-wide .row .col-md-7 .icon-card-icon {position: relative!important; left: 0!important; transform: translate(0,-50%)!important;}

	.icon-card-item.icon-card-wide .row .col-md-5 .icon-card-icon {position: relative!important; left: 50%!important; transform: translate(-50%,-50%)!important;}
	.icon-block-text .icon-image {max-width: 50%;}
	.icon-block-text .icon-image img {padding: 3rem;}
	.toptxt--left-image:after {background: #fff;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.99px) {
	html{font-size: 14px;}
	p, li {font-size: 0.9rem  !important;}
	.header {background-color: var(--darkish-blue);}
	.header__top,
	.header__top__search_button {height: 40px;}
	.header__top {background-color: var(--darkish-blue); height: 20px;}
	.header__top__nav__link, .header__top__rrss__link, .header__top__language__link {line-height: 40px;}
	.header__top__language__link--en {background-position: 50% 10px;}
	.header__top__language__link--es {background-position: 50% -22px;}
	.header__bottom__logo {max-width: 150px; margin-top: -10px;}
	.header__bottom__mainMenu__firstLevel__link {padding: 10px 15px; font-size: 1rem  !important;}
	.image-top {margin-top: 65px;}
	.header__bottom__title h1 {font-size: 1.5rem;}
	.footer__bottom__nav__link {padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
	.footer__bottom__nav__link:last-child {border-bottom: none;}
	.footer__bottom__nav__link::after {content: none;}
	.pagination {justify-content: center;}
	.documents .documents__item .documents__item__data {left: 20%;}
	.icon-carousel-item .icon-frame .icon-number h3 {font-size: 2rem;}
	.icon-carousel-item .icon-frame .icon-text p {font-size: 1rem;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 424.99px) {
	html {font-size: 13px;}
	h1 {font-size: 1.85rem !important;}
	h2 {font-size: 1.65rem !important;}
	h3 {font-size: 1.45rem !important;}
	#login .login__right .login__form {width: 300px;}
	.login__welcome {width: 300px;}
	.documents .documents__item .documents__item__data {left: 10%; top: 60%;}
	.documents .documents__item {margin-top: 10px; padding-bottom: 60px;}
	.header__bottom__title h1 {font-size: 1.5rem!important;}
}