@import url('https://fonts.googleapis.com/css2?family=Lato&family=Quicksand&display=swap');

body {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #333;
}

a, #usb-principal strong, .color-primary {
	color: #f66d02;
}

h1, h2, h3, h4 {
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}
p, li {
	font-size: 2rem;
}
h2.color-primary {
	margin: 3% 0 1%;
}
#usb-principal {
	margin-top: 2%;
}
.top-header-row {
    background-color: #F5F5F5;
}
.header {
	background-color: #fff;
}
.main-nav-row {
    background-color: #474747;
}

.main-nav-row .item-inner-main-nav .dropdown-menu {
    background-color: #1d1d1d;
}

.top-header-row .item-inner-top-header a:hover, .top-header-row .item-inner-top-header a:focus {
    background-color: #fff;
    color: #3db2de;
}

.top-header-row .item-inner-top-header:nth-child(1) a {
	width: auto;
	padding: 0px;
    margin-right: 15px;
    border-radius: 0;
    background-color: transparent;
    color: #f7a500;
	font-size: 17px;
}
.top-header-row .item-inner-top-header:nth-child(1) a:hover {
	color: #fff;
}

.middle-header-row .col-sm-3 {
	width: 288px;
	height: 80px;
	padding: 0;
	background: url('../images/logo-bg.png') no-repeat center;
}

.middle-header-row .col-sm-3 img {
    display: none;
}
.login-button-header {
    background-color: #f7a500;
}

.login-button-header:hover {
    color: #66acb1;
    background-color: #f7a500;
    opacity: .8;
}
.header .ee-login-wrapper {
	padding-top: 20px;
}
.input-group.search-box-container {
	padding: 20px 0 10px 30px;
}
.main-nav-row .item-inner-main-nav {
    padding: 10px;
}
.mainnav-toggle-search-row {
    background-color: transparent;
    margin: 0;
}
.main-nav-row .item-inner-main-nav a {
	  padding: 5px;
    text-transform: uppercase;
    border-right: none;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
}

.main-nav-row .item-inner-main-nav:hover,
.main-nav-row .item-inner-main-nav:focus {
	background-color: #1d1d1d;
}
.main-nav-row .item-inner-main-nav:hover a,
.main-nav-row .item-inner-main-nav:focus a {
	color: #F66D02;
}

.main-nav-row .item-inner-main-nav a:hover,
.main-nav-row .item-inner-main-nav a:focus {
    background-color: transparent;
		color: #F66D02;
}

.main-nav-row .item-inner-main-nav .dropdown-menu li a:hover {
    background-color: #f7a500;
}

.main-nav-row .item-inner-main-nav .dropdown-menu li {
    border-bottom: 1px solid #f7a500;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}
.navbar-nav li:nth-child(3) {
    background: #F66D02;
}
.navbar-nav li:nth-child(3)::before {
	background-color: #474747;
	border-radius: 4px;
	box-shadow: #1d1d1d 0 1px 3px;
	color: #FFF;
	border: none;
	content: "Ahora";
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	top: -20px;
}
 .navbar-nav li:nth-child(3)::after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    border-top-color: #474747;
    content: "";
    position: absolute;
    top:5px;
    left:145px;
    background-color: transparent;
}
@media (max-width: 768px) {
	.navbar-nav li:nth-child(3)::before, .navbar-nav li:nth-child(3)::after {
		display: none;
	}
}

/*BTN*/
.btn-default, .js-btn-confirm-send, .js-quickview, .js-quickview-apply:hover, .js-quickview-apply:focus,
.btn-return:hover, .btn-return:focus, .btn-inverse:hover, .btn-inverse:focus {
    color: #fff;
		background-color: #F66D02;
		border-color: #F66D02;
}
.js-log-in {
	border-radius: 0;
  font-size: 18px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .js-btn-confirm-send:hover, .js-btn-confirm-send:focus,
.js-quickview:hover, .js-quickview:focus, .js-quickview-apply, .btn-return, .btn-inverse {
    color: #fff;
    background-color: #474747;
    border-color: #474747;
}

.result-offer-row-container .result-item .universitary-base.item-title {
    font-size: 20px;
	line-height: 30px;
}
/* ICONS TOP */

.col-links-inner-top-header {
    border-right: none;
    width: 100%;
}
.social-media-text-top-header {
display: none;
 }

@media (max-width: 768px) {
.navbar-nav {
    margin: 20px -6px 10px;
}
.input-group.search-box-container {
    width: 100%;
    margin-left: 20px;
}
.js-menu-btns>li:nth-child(1) a {
		margin-left: 12px;
		color: #fff;
		background-color: #F66D02;
		border-color: #F66D02;
		text-transform: uppercase;
}
}
@media (max-width: 768px) {
	.main-nav-row {
    background-color: #fff;
	}
	.main-nav-row .navbar-header .icon-bar {
    background-color: #F66D02;
	}
	.main-nav-row .ee-navbar-toggle-search, .main-nav-row .item-inner-main-nav a {
    color: #F66D02;
	}
	.navbar-nav li:nth-child(3) {
    background: #FFF;
	}
	.navbar-nav li:nth-child(3) a {
		color: #F66D02;
	}
}
section {
	margin: 2% 0;
}
.my-3 {
	margin: 3% 0;
}
.bg-light {
	background: #f5f5f5;
  padding: 1% 4%;
}
.footer-usbcal {
	padding: 3%
  background: #1d1d1d;
}
.border {
	border: solid 5px #f5f5f5;
}
.u-steps div {
	padding: 20px;
	font-size: 18px;
}
.u-steps div:nth-child(even) {
	background: #F5F5F5;
}
.u-steps div:nth-child(odd) {
	background: #474747;
  color: #fff;
}
.footer-usbcal {
	background: #1d1d1d;
	padding: 3%;
}
.footer-usbcal p {
	color: #fff;
	font-size: 14px;
}