/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Greed amd containers
--------------------------------------------------------------*/
.body { margin: 0; padding: 0; }
.page, .wide-page, .siteHeader, .siteContent, .siteFooter, .full-container, .oneCol, .row, .wide-page .wrapper   { max-width: 100%; }
.siteHeader .wrapper { padding-top: 0; padding-bottom: 0; }
.siteContent .wrapper { padding: 2% 4%; }
.siteContent .wrapper, .siteContent .fixedContainer, .row { overflow: hidden; }
.boxed-page, .wrapper, .fixedContainer { max-width: 1400px; margin: 0 auto; }
.wide-page, .boxed-page, .row, .col, .oneCol, .left-content-area, .right-content-area, .left-sidebar, .right-sidebar, .box, .colorBox, .wrapper, .fixedContainer, .brand, .half, .left-col, .right-col { box-sizing: border-box; }
.siteFooter { padding: 10px; }
.row { padding: 3% 0; }
.twoCols .col, .threeCols .col, .fourCols .col, .fiveCols .col, .left-content-area, .left-sidebar, .right-content-area, .right-sidebar { display: inline-block; vertical-align: top; }
.left-content-area, .right-content-area, .left-sidebar, .right-sidebar { padding-top: 0; }
/*Two Columns */
.twoCols .col, .half, .left-col, .right-col { width: 49.6%; }
.halfSmall { width: 30%; float: right; }
.left-col { float: left; }
.right-col { float: right; }
/*Three Columns*/
.threeCols .col, .siteFooter .widget  { width: 32.9%; }
/*Four Columns*/
.fourCols .col { width: 24.6%; }
/*Five Columns*/
.fiveCols .col { width: 19.6%; }
/*main content & side bar*/
.left-content-area, .right-content-area { width: 74%; }
.left-sidebar, .right-sidebar { width: 25.6%; padding-top: 50px; padding-bottom: 50px; }
.left-sidebar { padding-right: 3%; }
.right-sidebar { padding-left: 5%; }

.content { padding: 50px 0; }
.left-sidebar .widget, .right-sidebar .widget { margin-bottom: 30px; }
.box, .colorBox { width: 100%; }
.colorBox { padding: 4%; }
.header-wrapper { padding: .5% 1.5% ;}
.floating { width: 54%; margin: 0 auto; padding-bottom: 20px; }
.col { padding-left: 0; padding-right: 4%; }
.col:last-child { padding-right: 0; }
.wrapper .oneCol { padding: 1.5% 0; }
.wideHeader, .wideWrapper, .wideFooter { width: 100%; padding: 0 3%; }
.wHottestLines { margin: 0 auto; }

.site-description { display: none; }
/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
.brand, .wideHeader { position: relative; padding: 0 30px; }
.logo, .main-navigation, .callcenter  { display: inline-block; vertical-align: top; }
/*.logo img, .main-navigation { max-height: 55px; }*/
.fixed-header { width: 100%; position: fixed; top: 0; z-index: 10000; }
nav ul { list-style: none; margin: 0; padding: 0; }
.logo { width:12%; }
.callcenter { width: 65%; text-align: right; }
.logo, .callcenter { padding: 15px 0; }
.logo .site-title { font-size: 1.4rem !important; }

.main-navigation  { position: absolute; right: 0; }
.main-navigation  a { text-decoration: none; }
.main-navigation  ul { list-style: none; *zoom: 1; display: table; float: right; margin: 0; padding: 0; }
.toggleMenu { display:  none; background: #234376; padding: 10px 15px; color: #fff; }
.toggleMenu a { border: none; }
.main-navigation  ul ul { list-style: none; min-width: 300px; }
.main-navigation  ul a { padding: 0 20px; display:block; }
.main-navigation  ul li { position: relative; line-height: 58px; }
.main-navigation  ul > li { float: left; }
.main-navigation  ul li  ul { position: absolute; left: -9999px; }
.main-navigation  ul > li.hover > ul { left: 0; }
.main-navigation  ul li li.hover ul { left: 100%; top: 0; }
.main-navigation  ul li li a { display: block; position: relative; z-index:100; color: #fff; }
.main-navigation  ul li li li a { z-index:200; }
.main-navigation  ul li ul, ul ul li ul { opacity:0; transition:opacity 0.3s linear;  -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear;  -o-transition:opacity 0.3s linear; }
.main-navigation  ul > li.hover > ul, ul ul li.hover ul { opacity: 1; }
.main-navigation  ul ul li { width: 100%; }
a { cursor: pointer; }
.main-navigation  ul .parent:after { content: "\25BC"; font-size:.6rem; font-weight: bold; padding-left: 5px; font-family: sans-serif; position: absolute; top: 1px; }
.main-navigation  ul ul .parent:after { content: "\25BA"; font-size: 10px; font-weight: bold; padding: 8px; font-family: sans-serif; position: absolute; top: -8px; }

/* Header with two levels and centered logo */
.centered-brand  { padding: 5px 0; }
.centered-brand .logo, .centered-brand .main-navigation { display:block; }
.centered-brand .logo { max-width: 500px; text-align: center; }
.centered-brand .logo  h1, .centered-brand .logo p { text-align: center; }
.centered-brand .main-navigation { width: 100%; position: relative; }
.centered-brand .main-navigation ul { margin: 0 auto; display: table; float: initial; }
.centered-brand .logo, .centered-brand .main-navigation ul { margin: 0 auto; }

/* Header with two levels*/
.two-levels-brand .logo, .two-levels-brand .main-navigation { display: block; }
.two-levels-brand .main-navigation { position: initial; }
.two-levels-brand .main-navigation ul { float: none; }

/*** Menu Colors ***/

.siteHeader { background-color: rgba(256,256,256,.9); -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); }
.logo h1 { color: #30a5dd; }
.toggleMenu { background-color: #30a5dd; color: #fff; }
.main-navigation  ul li > a, .site-navigation ul ul li a { color: #6c6e70; }
.main-navigation  ul a { font-weight: normal; }
.main-navigation  ul a:hover{ background-color: #234376; color: #fff; }
.main-navigation  ul li a { background-color: rgba(256,256,256,.6); }
.main-navigation  ul ul { border-top: 3px solid #234376; }
.main-navigation  ul ul li a:hover { background-color: #234376; color: #fff; }
.main-navigation  ul ul li a { color: #383838; }
.main-navigation  ul ul li a:hover { background-color: rgba(35,67,118,0.7); color: #fff; }
.main-navigation  ul ul { box-shadow: 0 2px 2px rgba(0,0,0,.3); }

.txtLight h4, .txtLight h5, .txtLight h6, .txtLight p, .txtLight ul li, .txtLight a { color: #fff; }

/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/

/*** 4.1 Images ***/
img { max-width: 100%; height: auto; }
.desktop-image {}
.mobile-image { display: none; }

/*** 4.2 Typography ***/
/* Font Sizes */
html { font-size: 16px; }
h1 { font-size: 3 rem; }
h2 { font-size: 2.3rem; }
h3 { font-size: 1.8rem; }
h4, h5, h6, .left-sidebar h2, .right-sidebar h2  { font-size: 1.3rem; }
.right-sidebar h2  { text-align:center; }
h1 { color: #234376; }
h2, h3, h4, h5, h6 { color: #30a5dd; }
p { line-height: 1.8rem; }
p, li { font-size: 1rem; }
.wHottestLines .wHottestLines-list li span, .wHottestLines .wHottestLines-list li .teamName { font-size: 12px !important; }

.siteHeader, .siteFooter { font-size: .8rem; }
.siteContent { font-size: .9rem; }
.slider { font-size: 1rem; }

.title-group { margin-bottom: 25px; }
.title-group h1 { margin-bottom: .4rem; }
.large { font-size: 3.5rem }
.medium { font-size: 2.5rem }
.small { font-size: 1.7rem; }
.smallest { font-size: .7rem; }
.shadowed { text-shadow: 2px 1px 2px rgba(150, 150, 150, 1); }

.pageTitle { font-size: 3rem; font-weight: normal; text-align: center; letter-spacing: -3px; padding-bottom: 20px; border-bottom: 2px solid #234376; text-transform: capitalize;  }
.about h1 { font-size: 1.9rem; }

/* Font Family */
body{ font-family: sans-serif; }
a.btn { font-family: sans-serif !important; }

/* Text Alignments */
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.justify, p { text-align: justify; }

/* Text Shadow */
.shadowTxt { text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);}

/*** 4.3 Buttons ***/

button, input [type="submit"] { border: none; }
.btn, .submit-button, .single-btn, input [type="submit"] { display: block; padding: .9rem 1.2rem ; text-align: center; color: #fff; text-decoration: none; transition: all 0.3s ease 0s; }
.single-btn { max-width: 50%; margin: 30px 0; }
.bSmall { font-size: 1rem; display: block; width: 10%; }
.bMed { font-size: 1.4rem; display: block; width: 20%; }
.bLarge { font-size: 2rem; display: block; width: 30%; }
.bXtrLarge { font-size: 2.6rem; display: block; width: 40%; }
.empty, .empty2 { border: 2px solid #fff; }
input[type="submit"] { width: 100%; }

.icon { padding-right: 10px; font-size: 18px; }
.icon, .b-text { display: inline-block; }

/*** 4.4 Alerts ***/
.alert { padding: 5px 10px; font-weight: 600; word-wrap: break-word; margin-bottom: 8px; font-size: 1em; border-radius: 4px; }
.default { background: #FFF; border: 1px solid #CCC; color: #777; }
.info1 { background: #7b8085; border: 1px solid #4a4d50; color: #f2f2f2; }
.info2 { background: #85b7e7; border: 1px solid #3085d6; color: #1a5186; }
.danger { background: #df8989; border: 1px solid #ca3838; color: #7b2121; }
.warning { background: #fbdca0; border: 1px solid #f6b83f; color: #644405; }
.success1 { background: #91e26a; border: 1px solid #58c026; color: #316b15; }
.success2 { background: #80cb92; border: 1px solid #42a35a; color: #255a32; }

/*** 4.5 Forms ***/
.search-field, .search-submit { float: left; }
.search-submit {
	width: 32px;
	height: 32px;
	background-size: 22px 22px;
    background-position: center;
	border: none;
	border-radius: 0px;
	box-shadow: none;
    text-indent: 5000px;
}


/*** 4.6 Lists ***/
.siteContent .content ul { padding-left: 30px; }
.siteContent .content ul li { margin: 10px 0; }
.bulletList, .numbList, .check-list, .icon-list  { list-style: none; padding-left: 0; }
.left-sidebar ul, .right-sidebar ul, ul.two-buttons { padding: 0; list-style-type: none; }
.left-sidebar ul li, .right-sidebar ul li { margin-bottom: 20px; }
/*.left-sidebar ul li, .right-sidebar ul li, .left-sidebar ul li a, .right-sidebar ul li a { }*/
ul.two-buttons { display: table; margin-top: 50px; }
ul.two-buttons li { float: left; margin-right: 20px; }
.content-list { padding-top: 30px; }
.content-list li { padding: 10px 0; }

/* List with bullets */

ul.bulletList li { margin-bottom: 15px; }
ul.bulletList li:before { content:"\25BA"; font-size:10px; font-weight: bold; padding: 8px; font-family: sans-serif; color: #234376; }
ul.bulletList li:hover:before, ul.bulletList a:hover { color: #30a5dd; }
ul.bulletList li a { text-decoration: none; color: #444; }

/* Numbered List */

ul.numbList { counter-reset: my-badass-counter; }
ul.numbList li:before { content: counter(my-badass-counter); counter-increment: my-badass-counter;
background: #234376; border-radius: 50%; padding: 2px 8px; border: 2px solid #fff; box-shadow: 2px 2px 2px #999;
color: #fff; margin-right: 10px; font-weight: bold; }
ul.numbList li { margin-bottom: 20px !important; }

/* Check List & Icon list */

ul.check-list { padding: 20px 0; }
ul.check-list li:before, ul.icon-list li:before { font-family: FontAwesome; }
ul.check-list li:before { content: "\f00c"; font-size: 30px; padding-right: 15px; color: #fff; }
ul.check-list li { line-height: 30px; margin: 15px 0; }

ul.icon-list li { padding: 15px 0; }
ul.icon-list li:before { font-size: 40px; padding-right: 15px; color: #848890; }
ul.icon-list li.clock:before { content: "\f017"; }
ul.icon-list li.fiador:before { content: "\f007"; }
ul.icon-list li.money:before { content: "\f0d6"; }
ul.icon-list li.thump-up:before { content: "\f164"; }
ul.icon-list li.checkcircle:before { content: "\f058"; }
ul.icon-list li.support:before { content: "\f071";}

/*** Alignments ***/
.left { float: left; }
.right { float: right;}
.center { margin: 0 auto; text-align: center; }

/*** Contenedores ***/
.info { width: 80%; height: 338px; }
.about { width: 75%; padding-left: 5%; border-left: 1px solid #fff; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*** 4.7 Layout Skin ***/
.header-showcase { position: relative; padding: 40px 0;  box-sizing: border-box; min-height: 50vh; }
.htheme { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/header-image.jpg'); background-size: cover; background-position: center; }
.header-showcase .intro { width: 100%; position: absolute; top: 25%; }
.center-highlight-content { width: 80%; padding: 20% 0; margin: 0 auto; text-align: center; }
.innerBox { padding: 3% 0; }
.dark-overlay { background: rgba(0,0,0,.5); }
.dark-overlay { background: rgba(256,256,256,.5); }
.continue-arrow { width: 100px; margin: 0 auto; }
.highlight-content { padding-top: 7% !important; padding-bottom: 7% !important; }
.border-top, .border-bottom { color: #00d4be; }
.border-top  { border-top: 5px solid; }
.border-bottom  { border-bottom: 5px solid; }
.callcenter { padding-top: 3%; font-size: 18px; color: #234376; }
.callcenter a { padding: 10px 0; font-size: 24px; font-weight: bold; color: #0e9cee; text-decoration: none; }
.scrolled { padding: 130px 0; }
.ctaBtn { display:block; width: 400px; }
.recommended { width: 50%; margin: 20px auto; padding: 1% 2%; border-top: 1px dotted #666; }
.recommended a, .recommended a p { display: block; text-align: center; text-decoration: none; color: #666; }
.recommended a:hover { text-decoration: underline; }

form, from label, form input[type=text], form input[type=tel], form input[type=email], form textarea { display: block; width: 100%; margin: 10px 0; }
from label, form input[type=text], form input[type=tel], form input[type=email], form textarea { padding: 10px; box-sizing: border-box; }
form textarea { height: 150px; }
.notification-box, .show-error show-success { display: block; padding: 10px 0; font-size: 18px; }


/*--------------------------------------------------------------
 5.0 Colors and backgrounds
 --------------------------------------------------------------*/

/* Color Palette

Primary: #234376
Secondary: #30a5dd
thirdColor: #848890
darkClr1: #323841
darkClr2: #2d3033
RGB: 35,67,118

*/

/*** 4.1 Text Colours, Backgrounds and Gradients ***/

body { color: #444; }
.txtColor1, .txtColor1 a { color: #234376; }
.txtColor2, .txtColor2 a, .siteContent a { color: #30a5dd; }
.txtColor3, .txtColor3 a { color: #848890; }
.txtColor4, .txtColor4 a { color: #323841; }
.whiteTxt, .whiteTxt a { color: #fff; }
.default { color: #444; }

/*** 4.2 Backgrounds ***/

.bgColor1 { background-color: #0e9bf3; color: #fff; }
.bgColor2 { background-color: #30a5dd; color: #fff; }
.bgColor3 { background-color: #848890; color: #fff; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); }
.bgColor4 { background-color: #234376; color: #fff; }
.bgColor5 { background-color: #2d3033; color: #fff; }
.whiteBg { background-color: #fff; }
.rgbaColorBg { background-color: rgba(255, 255, 255, 0.4); }
.sgreyBg { background: #f2f2f2; }
.gradiendBg {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.bg-gradient1 { 
background: #323841; /* Old browsers */
background: -moz-linear-gradient(top,  #323841 0%, #234376 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #323841 0%,#234376 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #323841 0%,#234376 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323841', endColorstr='#234376',GradientType=0 ); /* IE6-9 */
}

/*** 4.3 Button Colors ***/
.btnBgColor1, .empty:hover { background-color: #234376; border: 2px solid #234376; }
.btnBgColor1:hover, .submit-button:hover { background-color: initial; border: 2px solid #234376; color: #234376; }
.btnBgColor2{ background-color: #30a5dd; border: 2px solid #234376; }
.btnBgColor2:hover { background-color: initial; border: 2px solid #fff; }
.btnBgColor3, .submit-button { background-color: #848890; border: 2px solid #848890; }
.btnBgColor3:hover, .submit-button:hover { background-color: #234376; border: 2px solid #b57543; color: #fff; }
.empty2:hover { background-color: rgba(256,256,256,.5); color: #234376 ; }



/*--------------------------------------------------------------
 5.0 Footer
 --------------------------------------------------------------*/
.siteFooter { overflow: hidden; }
footer .wrapper { padding-top: .5%; padding-bottom: .5%; }

.siteFooter p { font-size: 12px; }
.small-logo { width: 50px; }
.imgBox { min-width: 15%; margin-right: 5%; }
.plus18 .infoBox { max-width: 78%; }
.mga .infoBox { max-width: 58%; }
.segob .infoBox { max-width: 57%; }
.infoBox p { text-align: center; }
.imgBox, .infoBox { display: inline-block; vertical-align: top; }

.oneListNav { padding: 0; list-style: none; }
.oneListNav li { width: 32%; display: inline-block; padding: 10px 0; text-align: center; }
.oneListNav a { color: #fff; text-decoration: none; }
.oneListNav a:hover { text-decoration: underline; }

/* Social Links*/
.social-right-side { width: 50px; padding: 5px; position: fixed; top: 35%; right: 0; padding: 0; list-style: none; }
.social-right-side li { padding: 10px 5px; }

/*** Footer Nav ***/
.footerNav { width: 100%; clear: both; border-top: 1px solid #fff; }
.footerNav ul.menu { padding: 15px 0;  list-style: none; display: table; margin: 0 auto; }
.footerNav ul.menu li { float: left; padding: 0 10px; }
.footerNav ul.menu li a, .footerNav .social a { text-decoration: none; color: #fff; }
.site-info { width: 98%; padding: 2% 1%; float: left; font-size: 12px; }

/*** Social ***/
.footerNav .social { display: table; overflow: hidden; margin: 0px auto; list-style: none; }
.footerNav .social li { margin: 0 10px; float: left; }

/*** Copy ***/
.copyright-left, .copyright-center { padding: 10px 0; }
.copyright-left p { text-align: left; }
.copyright-center p { text-align: center; }

/*--------------------------------------------------------------
 6.0 Media Queries
 --------------------------------------------------------------*/

@media screen and (min-width: 1280px) {

}

@media screen and (max-width: 980px) {
	/*Greed*/
    .logo { width: 30%; }
	.floating { width: 80%; }
	.wrapper, .fixedContainer { max-width: 90%; padding: 0 2%; }
	.oneCol, .half, .left-col, .right-col { width: 100%; }
	.siteHeader .oneCol { padding: 0 1.5%; }

	/*** Header ans Navigation ***/
	.brand, .wideHeader { padding-top: 0; }
	.active { display: block; }
	.toggleMenu { position: absolute; top: -100px; right: 15px; z-index: 20;}
	.main-navigation, .centered-brand .main-navigation { width:100%; }
	.main-navigation ul { width: 100%; height: 100vh; top: 0; left: 0; z-index: 10; padding-top: 40px; }
	.main-navigation ul > li { float: none; }
	.main-navigation ul ul { display: block; width: 100%; }
	.main-navigation ul > li.hover > ul , .main-navigation ul li li.hover ul { position: static; }
	.main-navigation ul a { background: none; border-top: 0; text-align: center; line-height: 50px; }
    .main-navigation  ul li a { background-color: inirtial; }

	/*Colors*/
	.main-navigation ul { background-color: rgba(35,67,118, 0.8); }
	.main-navigation ul a:hover, .main-navigation .hover { background-color: rgba(35,67,118, 0.7); color: fff !important; }
	.main-navigation ul li li a { background-color: rgba(35,67,118, 0.3); color: #fff; }
	.main-navigation ul li a { color: #fff !important; }
    .main-navigation ul ul li { background-color: rgba(35,67,118, .8); }
	.main-navigation ul ul { box-shadow: initial; padding: 0; height: initial; }
	.main-navigation ul ul .parent:after { content: "\25BC"; }
    .main-navigation ul li a { background-color: initial; }

	/*** Footer ***/
	.imgBox, .infoBox { display: block; }
	.imgBox { text-align: center; }
	.plus18 .infoBox, .mga .infoBox, .segob .infoBox { max-width: 100%;}
    
    /*Otros*/
    .recommended { width: 80%; }

}

@media screen and (min-width: 481px) and (max-width: 950px){
	.fourCols .col, .fourCols .widget, .fiveCols .col, .fiveCols .widget { width: 49%; }
	.fiveCols .col:last-child, .fiveCols .widget:last-child{ width: 100%; }
	.fiveCols .col:nth-child(even), .fiveCols .widget:nth-child(even) { padding-right: 0; }
	.left-content-area, .right-content-area { width: 64%; }
	.left-sidebar, .right-sidebar { width: 33%; }
	.left-sidebar { padding-right: 3%; }
	.right-sidebar{ padding-left: 3%; }
}

@media screen and (max-width: 768px) {
    .header-showcase { padding-bottom: 40px;  }
    .desktop-image { display: none; }
    .mobile-image { display: block; }
    .logo { width: 30%; }
    .callcenter { width: 65%; }
    .center-highlight-content { padding: 40% 0; }
    .left, .right { display: block; margin: 0 auto; text-align: center; }
    .oneListNav li { width: 100%; display: block; }

	/* Two Buttons */
	ul.two-buttons { margin: 0 auto; }
    .ctaBtn { width: 250px; }

	/* Greed */
    .oneCol, .twoCols .col, .twoCols .widget, .threeCols .col, .threeCols .widget, .fourCols .col, .fourCols .widget,
	.fiveCols .col, .right-content-area, .left-content-area, .right-sidebar, .left-sidebar, .siteFooter .widget { width: 100%; display: block; margin: 0 auto; padding: 5% 10%; }

  /* Headlines */
  h1, h2, h3, h4, h5, h6, .header-showcase  { text-align: center; }
  h1, .large { font-size: 2rem; line-height: 2.2rem; }
  h2, .highlight h2, .medium  { font-size: 1.8rem; line-height: 2rem; }
  h3, .small { font-size: 1.5rem; line-height: 1.7rem; }
  /* Lists */
  li a { display: block; line-height: 35px; text-align: center; }

  /*** Footer ***/
    .footerNav { border: none; }
    .footerNav ul.menu li { float: none; padding: 10px; }
    .footerNav li  a { display: block; text-align: center; }
    .copyright { text-align: center; }

    /**/
    .center { width: 80%;  }
    }

@media screen and (max-width: 480px) {
	.left-sidebar ul li, .right-sidebar ul li { margin-bottom: 30px; }
	ul.two-buttons li { float: none; margin: 15px 0; }
    .logo, .main-navigation, .callcenter { display: block; width: 100%; }
    .callcenter { text-align: center; }
    .recommended { width: 100%; }
}