/*
Theme Name: hueman-child-muzzy-schools_2
Version: 1.0
Description: A child theme of Hueman
Template: hueman
Author: Administrator
*/
/* Your awesome customization starts here */


/******************************************************
FONTS
******************************************************/

/* Catamaran Extra Light 200 */
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900');

/* Paytone+One Regular 400 */
@import url('https://fonts.googleapis.com/css?family=Paytone+One&subset=latin-ext');


/******************************************************
BASE STRUCTURE
******************************************************/

/*-----------------------------------------------------
BODY
-----------------------------------------------------*/

/* Paragraph font */
body {
	font-family: "Catamaran", sans-serif!important;
}

/*-----------------------------------------------------
HEADER
-----------------------------------------------------*/


/*-----------------------------------------------------
PAGE
-----------------------------------------------------*/

/*#page .container-inner { 
    background:rgba(255,255,255,1.0)!important; 
    box-shadow:none;
}

.main {
    background: rgba(255,255,255,1.0)!important;
    background-color: rgba(255,255,255,1.0)!important;
}

/* Hide page title */
.page-title {display:none!important;}

/*-----------------------------------------------------
SIDEBARS
-----------------------------------------------------*/


/*-----------------------------------------------------
FOOTER
-----------------------------------------------------*/


/******************************************************
BASE ELEMENTS
******************************************************/

/*-----------------------------------------------------
GENERAL BUTTONS (based on Bootstrap)
-----------------------------------------------------*/

/*--------------------
ALL BUTTONS
--------------------*/

/* The general button element */
button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    text-transform: none;
    overflow: visible;
    font: inherit;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* The Bootstrap button */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Color and text-decoration on focus and hove */
.btn.focus, .btn:focus, .btn:hover {
	color: #333;
    text-decoration: none;
}

/* Outline on focus */
.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;	
}

/* Outline for active button on focus */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* Outline and shadow for active button */
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/* Button size: large */
btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

/* Button size: small */
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* Button size extra-small */
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* Button size: block */
.btn-block {
    display: block;
    width: 100%;
}

/* Border of first and last child in buttons group */
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*--------------------
DEFAULT BUTTON (white)
--------------------*/

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*---------------------------
PRIMARY BUTTON (curious blue)
---------------------------*/

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

/*-------------------------
SUCCESS BUTTON (fern green)
-------------------------*/

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

/*-----------------------
INFO BUTTON (malibu blue)
-----------------------*/

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

/*--------------------------------
WARNING BUTTON (casablanca orange)
--------------------------------*/

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}
.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

/*--------------------------
DANGER BUTTON (valencia red)
--------------------------*/

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}


/******************************************************
OTHER BASE ELEMENTS
******************************************************/

/*--------------------
NOTEBOX
--------------------*/

.notebox {
	background: #f0f0f0;
	color:#444; 
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.4em;
	text-align: justify;
	padding: 2vh 4vw;
	box-shadow: 2px 2px 5px gray;
	margin-bottom: 30px;
}
@media only screen and (max-width: 719px) {
	.notebox {
		line-height: 1.5em;
		font-size: 1em;
		text-align: left;
	}
}


/******************************************************
POST PAGES
******************************************************/

/*--------------------
POST LISTS
--------------------*/

/* Post list grid row */
.post-list .post-row {
	border-bottom: 0;
	margin-bottom: 0;
}

/* Post list element */
.post-list .post-inner {
	background: rgba(255,255,0,0.5);
	padding: 1vh 1vw;
	border-radius: 6px;
}

/* List element meta */
.post-meta {
	color: #444;
}

/* Hide category list element meta */
.post-meta .post-category {
	display: none;
}

/* Post list element excerpt */
.entry.excerpt {
	color: #444;
}

/* Same height elements in desktops */
@media only screen and (min-width: 720px) {
	.post-list .post-row {
		display:flex;
	}
	.post-list .post-inner {
		height: 100%;
	}
}

/*--------------------
SINGLE POST
--------------------*/

/* Single post title */
.post-title {
	background: #f0f0f0;
	padding: 2vh 4vw;
	margin-bottom: 30px;
	box-shadow: 2px 2px 5px gray;
	margin-right: 5px;
}

/* Hide single post author and date */
.post-byline {
	display: none;
}

/* Hide single post navigation label */
.post-nav li a strong {
	display:none;
}

/* Sugested posts - Add string in spanish */
.heading:after {
	content: " / También le puede interesar...";
}


/******************************************************
WIDGETS
******************************************************/

/*--------------------
ALL WIDGETS
--------------------*/

/* Widget title */
.widget>h3 {
    font-weight: 600;
    text-transform: inherit;
}

/*--------------------
SEARCH WIDGET
--------------------*/

/* Add prefix "lens" */
.widget_search>h3:before {
	font-family: 'Font Awesome 5 Free'; 
	content: "\f002"; 
	font-weight: 900;
	margin-right: 0.25vw;
}

/*--------------------
CATEGORIES WIDGET
--------------------*/

/* Add prefix "lens" */
.widget_categories>h3:before {
	font-family: 'Font Awesome 5 Free'; 
	content: "\f002"; 
	font-weight: 900;
	margin-right: 0.25vw;
}

/*--------------------
SUBSCRIBE FORM WIDGET
--------------------*/

/* Subscribe forms */
#custom_html-6, #custom_html-11, #custom_html-17 {
	text-align: center;
	margin:0 10%;
	border: 1px solid #eea236;
	border-radius: 6px;
	background: #f0ad4e;
}


#mc_embed_signup {
	background: #fff!important;
	font: 0.875em "Catamaran", sans-serif!important;
	margin: 0 -10%!important;
	
}

#mc_embed_signup .clear {
	visibility: visible!important;
	width: initial!important;
	height: initial!important;
}

#mc_embed_signup .button {
    color: #fff!important;
    background-color: #337ab7!important;
    border-color: #2e6da4!important;
}

#mc_embed_signup .button:hover {
    color: #fff!important;
    background-color: #286090!important;
    border-color: #204d74!important;
}



/*
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
*/






/* Age disclaimer */
.myAgeDisclaim {
	margin: -5% -10% 5% -10%;
	background: #fff;
	color: #d9534f;
	font-weight: 400;
	text-align: center;
	padding: 0 5px;
}

/*-----------
FOOTER
-----------*/

#footer-full-width-widget {
	background: #3b8dbd;
	padding: 0;
	border: none;
}
#footer .widget {
	color: #fff;
	padding-bottom: 0;
}

/*-----------------------------------------------------
STRUCTURE
------------------------------------------------------*/





/******************************************************
JETPACK SHARE BUTTONS
******************************************************/

/* Increse top margin of share buttons */
.sharedaddy {
	margin-top: 4vh;
}

/******************************************************
FOLLOW BUTTONS
******************************************************/

.social-links li {
	margin-left: 0.5vw!Important;
}
.social-links li a {
	font-size: 4vh!important;
}

.mySocial-Links {
	float: none;
}
.mySocial-Links .social-tooltip {
	color: gray!important;
}
.mySocial-Links .social-tooltip:hover {
	color: #fff!important;
	background: gray!important;
}

/******************************************************
ANCHOR OFFSETS
When you clic on a href="#id" link the browser does not
scroll to the id position because of header height.
******************************************************/

.anchor-offset-90 {
    display: block;
    position: relative;
    top: -0px;  /* adjust for responsiveness */
    visibility: hidden;
}

/*-----------------------------------------------------
FATHOMS
------------------------------------------------------*/

/* To prevent display on too small devices */
.myAlertShort {
	display: none;
	height: 100vh;
	margin: 10vh 0;
}
@media screen and (max-width: 500px) and (max-height: 500px) {
	.myAlertShort {
		display:block;
	}
}

/* To prevent display when portrait or vertical orientation */
.myAlertVert {
	display: none;
	height: 100vh;
}
@media screen and (min-width: 320px) and (orientation: portrait) { 
	.myAlertVert {
		display: block;
		margin-top: 10vh;
	}
}

/* To display on devices larger than 500px and landscape orientation */
.myAlertNone {display: none;}
@media only screen and (min-width: 501px) and (orientation: landscape) {
	.myAlertNone {display: block}
}

/******************************************************
COOKIES
******************************************************/

@media only screen and (max-width: 719px) {
	#pum-3262 .pum-container, #pum-3281 .pum-container {
		width: 90%!important;
		left: 5%!important;
	}
	.pum-container .pum-content+.pum-close {
	    position: relative!important;
		margin-top: 1vh!important;
		margin-left:33%!important;
	}
}

/******************************************************
LANGUAGES
******************************************************/

/* Popup */
.pum-theme-737 .pum-container, .pum-theme-cutting-edge .pum-container {
    padding: 1.75vh!important;
}

#popmake-2538 {
	top: 20%!Important;
}

/* Language Box */
.myLangBox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch
}

/* Language bloque */
.myLangBloque {
	background: blue;
	border-radius: 6px;
	color: #fff;
	width: 24%;
	text-align: center;
}

/* Language Title */
.myLangTitle {
	color: #fff;
	font-weight: normal;
	font-size: 2.75vh;
	line-height: 1.75;
	text-transform: uppercase;
}
.myLangTitle a {
	color: #fff;
}
.myLangTitle a:hover {
	color: yellow;
	font-weight: bold;
}

/* Language Country */
.myLangCtry {
	color: cyan;
	font-weight: lighter;
	font-size: 2.75vh;
	line-height: 1.75;
}
.myLangCtry a {
	color: cyan;
}
.myLangCtry a:hover {
	color: yellow;
	font-weight: normal;
}

/******************************************************
LEGAL
******************************************************/

/* Popup */

.pum-theme-907 .pum-container, .pum-theme-hello-box .pum-container {
    padding: 5vh 5vh!Important;
    border-radius: 80px;
    border: 2vh solid #81d742!Important;
    box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 );
    background-color: rgba( 255, 255, 255, 1.00 );
}

#popmake-2727,     /* Spanish */
#popmake-2709 {    /* English */       
	top: 10%!Important;
}

/* Header */
.myLegaltHdr {
	font-size: 4.5vh;
	padding-right: 1vw;
}

/* Subheader */
.myLegalSub {
	font-size: 3.5vh;
	padding-top: 2vh;
	padding-right: 1vw;
}

/* Topic */
.myLegalTopic {
	font-size: 2.5vh;
	padding: 2vh 1.5vw 1vh 0;
	font-style: italic;
}

/* Paragrapph */
.myLegalTxt {
	font-size: 2.5vh;
	padding: 0.5vh 1.5vw 0.5vh 0;
}


/******************************************************
CONTACT
******************************************************/

/* Popup */

.pum-theme-736 .pum-container, .pum-theme-hello-box .pum-container {
    padding: 5vh 5vw!important;
    border-radius: 80px;
    border: 2vh solid #81d742!important;
    box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 );
    background-color: rgba( 255, 255, 255, 1.00 );
}


#popmake-2544,     /* Español */ 
#popmake-2542 {    /* English */       
	top: 10%!Important;
}


/* Header */
.myContactHdr {
	font-size: 4.5vh;
	padding-right: 1vw;
}

/* Subheader */
.myContactSub {
	font-size: 3.5vh;
	padding-top: 1vh;
	padding-right: 1vw;
}

/* Paragrapph */
.myContactTxt {
	font-size: 2.5vh;
	padding-right: 1vw;
}

/* Country List */

.myCtryHdr {
	background: darkgreen;
	color: #fff;
	margin: 1vh 1vw 1vh 0;
	border-radius: 6px;
	font-size: 3.5vh;
	text-align: center;
}

/* Country Box */
.myCtryBox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	padding-right: 1vw;
}

/* Country bloque */
.myCtryBloque {
	background: darkgreen;
	border-radius: 4px;
	color: #fff;
	width: 18%;
	text-align: center;
}

/******************************************************
DEALER
******************************************************/

/* Popup */

#popmake-2776, #popmake-2686, #popmake-2574, #popmake-2591, #popmake-2600, #popmake-2606, #popmake-2609, #popmake-2611, #popmake-2613, #popmake-2615, #popmake-2550, #popmake-2546, #popmake-2617, #popmake-2604, #popmake-2548, #popmake-2598, #popmake-2643 { top: 10%!Important; }

/* Dealer Box */
.myDealerBox {
	display: flex; 
	flex-flow: row nowrap; 
	align-items: center; 
	justify-content: space-around;
}

/* Dealer Region */
.myDealerRegion {
	font-family: 'Paytone One', sans-serif;
	font-size: 3vh;
}

/* Dealer Image */
.myDealerImg {
	max-height: 12vh;
	width: auto;
}

/* Dealer address */
.myDealerAdd-1 {
	font-size: 3.5vh;
	line-height: 1.5;
	padding-right: 1vw;
	margin-top: 2vh;
}
.myDealerAdd-2 {
	font-size: 2.5vh;
	line-height: 1.5;
	padding-left: 3vw;
	padding-right: 1vw;
	margin-bottom: 2vh;
}

/******************************************************
TEST DE LOGIN DE MUZZY CLUB
******************************************************/


.login-box {
    margin: 2.5rem auto 0 auto;
    width: 60%;
    background-color: #f0ad4e;
    border: 4px solid #fff;
    border-radius: 8px;
    text-align: center;
}
.login-box-title {
    font-family: 'Berlin Sans Demi';
    font-size: 30px;
    color: #000;
    padding: 2px 0 4px 0;
    text-align: center;
}
.login-box-subtitle {
    font-size: 14px;
}
.login-form {
    margin-bottom: -10px;
}
.login-form-home {
    height: 38px;
    width: auto;
    padding: 0 5px;
    vertical-align: bottom;
}
.themeform input[type="text"].login-form-input-text {
    display: inline;
    background: yellow;
    font-size: 0.875em;
    line-height: 1;
    padding: 8px 8px;
    border: 1px solid #eea236;
    border-radius: 6px;
    /* width: 30%;
    max-width: 250px; */
}
.themeform input[type="password"].login-form-input-psw {
    display: inline;
    background: yellow;
    font-size: 0.875em;
    line-height: 1;
    padding: 8px 8px;
    border: 1px solid #eea236;
    border-radius: 6px;
    /* width: 30%;
    max-width: 250px; */
}
.login-form-send {
    height: 38px;
    width: auto;
    padding: 0 5px;
    vertical-align: bottom;
}
.login-form-lostpsw {
    font-size: 18px;
    line-height: 1.6em;
    font-style: italic;
    margin-left: 60%;
}
.login-prompts {
    text-align: center;
    position: fixed;
    bottom: 25%;
    left: -0%;
    width: 100%;
}
.btn-prompt {
    width: 24%;
    padding: 4px 18px;
    border: 4px solid #fff;
    border-radius: 8px;
    font-family: 'Berlin Sans Demi';
    font-size: 14px;
    line-height: 1.1;
}
.login-footer {
    text-align: center;
    position: fixed;
    bottom: -0%;
    left: -0%;
    width: 100%;
}
.btn-footer {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}



@media screen and (min-width: 1440px) {
    .login-box {
        width: 45%;
    }
    .login-box-title {
        font-size: 36px;
        padding: 4px;
    }
    .login-box-subtitle {
        font-size: 18px;
    }
    .login-form-home {
        height: 42px;
    }
    .themeform input[type="text"].login-form-input-text {
        font-size: 1.05em;
    }
    .themeform input[type="password"].login-form-input-psw {
        font-size: 1.05em;
    }
    .login-form-send {
        height: 42px;
    }
    .login-form-lostpsw {
        font-size: 26px;
        line-height: 2em;
        margin-left: 60%;
    }
    .btn-prompt {
        width: 20%;
        line-height: 1.2;
    }
    .btn-footer {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }
}

@media screen and (min-width: 1200px) {
    .login-box {
        width: 45%;
    }
}

@media screen and (min-width: 1920px) {
    .login-box {
        width: 30%;
    }
}

@media screen and (max-width: 899px) {
    .login-box-title {
        font-size: 18px;
        padding: 4px;
    }
    .login-box-subtitle {
        font-size: 10px;
    }
    .login-form-home {
    }
    .themeform input[type="text"].login-form-input-text {
        width: 30%
    }
    .themeform input[type="password"].login-form-input-psw {
        width: 30%;
    }
    .login-form-send {
    }
    .login-form-lostpsw {
        font-size: 14px;
        line-height: 3em;
        /* margin-left: 60%; */
    }
    .btn-prompt {
        width: 40%;
        line-height: 1.2;
    }
    .btn-footer {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 2.5;
        border-radius: 3px;
        }
}


/******************************************************
FRONT PAGES
******************************************************/

/*--------------------
BODY
--------------------*/

/* Avoid scrolling */
.myFrontPage {
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
    height: 100vh;
}

/* Container full width */
.myFrontPage .container {padding: 0px!important;}

/*--------------------
BODY BACKGROUND
--------------------*/

/* Background image position vs aspect ratio */
 @media only screen and (min-aspect-ratio: 4/3) { /* 1.33 (1024x768, 1366x1024) */
	.myFrontPage {
		background-position: center center;
	} 
}
@media only screen and (min-aspect-ratio: 45/32) { /* 1.4062 (1440x1024) */
	.myFrontPage {
		background-position: center center;
	}
}
@media only screen and (min-aspect-ratio: 8/5) { /* 1.6000 (1920x1200, 1680x1050*, 1440x900, 1280x800, 960x600) */
	.myFrontPage {
		background-position: 70% center;
	}
}
@media only screen and (min-aspect-ratio: 128/75) { /* 1.7066 (1024x600) */
	.myFrontPage {
		background-position: right center;
	}
}
@media only screen and (min-aspect-ratio: 16/9) { /* 1.7777 (1920x1080, 1600x900) */
	.myFrontPage {
		background-position: right center;
	}
}
@media only screen and (min-aspect-ratio: 683/384) { /* 1.7786 (1366x768) */
	.myFrontPage {
		background-position: right center;
	}
}
@media screen and (max-width: 719px) and (min-width: 500px) {
	.myFrontPage {
		background-position: right center;
	}
} 

/* Background for width <500px */
@media screen and (max-width: 499px) {
    .myFrontPage {
		height: fit-content;
		background: #3b8dbd!important;
	}
}

/* Background for portrait orientation */
@media only screen and (orientation: portrait) {
    .myFrontPage {
		height: fit-content;
		background: #3b8dbd!important;
	}
}

/*--------------------
HEADER
--------------------*/

/* Hide header */
.myFrontPage #header {display:none!important;}

/*--------------------
PAGE
--------------------*/

/* Transparent container and main background */
.myFrontPage #page .container-inner { 
    background:transparent; 
    box-shadow:none;
}
.myFrontPage #page .main {
    background: transparent;
    background-color: transparent!important;
}

/* Grid adjustment for width <900px and >= 720px */
@media screen and (min-width:720px) and (max-width: 899px) {
    .myFrontPage .pad {padding-top:70px!important; margin: 0 20px!important;}
}

.sidebar .widget {
    padding: 10px 30px!important;
}

.wufoo {
    font-family: "Catamaran", sans-serif!important;
    letter-spacing: .01em;
	z-index: 1000;
}

/*-----------
FOOTER
-----------*/

/* Hide footer */
.myFrontPage #footer {display:none!important;}

/******************************************************
FRONT PAGE BUTTONS
******************************************************/

/* Buttons group */
.myFrontPage .myButtonGroup {
	position: absolute;
	top: 4vh;
	right: 0;
	width: 16vw;
}

/* Simple buttons */
.myFrontPage .myButton {
	margin: 2px 0;
	width: 75%;
	padding: 10px 16px;
    font-size: 12px;
    line-height: 1.3333333;
    border-radius: 6px;
}

/* Language buttons */
.myFrontPage .myButtonLang {
	color: #fff;
    background-color: #337ab7;
    border-color: transparent;
	margin: 2px 0;
	width: 75%;
	padding: 6px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

/* Botón de idioma popup */
.myFrontPage .myButtonLangPop {
	color: #40452a;
    background-color: #ccc;
    border-color: transparent;
	margin: 4px 0;
	width: 90%;
	text-align: left;
	padding: 6px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.myFrontPage .myButtonLangPop:hover {
    color: #40452a;
    background-color: #fff;
    border-color: #ccc;
}


/* Button responsiveness */
@media only screen and (max-width:899px) {
	.myFrontPage .myButtonGroup {
		width: 22vw;
	}
	.myFrontPage .myButton {
		width: 70%;
		padding: 7px 16px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
	}
	.myFrontPage .myButtonLang {
		width: 70%;
		padding: 0px 16px;
	    font-size: 12px;
	    line-height: 1.5;
	    border-radius: 3px;
	}
	.myFrontPage .myButtonLangPop {
		width: 70%;
		padding: 0px 16px;
	    font-size: 12px;
	    line-height: 1.5;
	    border-radius: 3px;
	}
}
@media only screen and (min-width: 900px) {
	.myFrontPage .myButton {font-size: 14px;
	}
}
@media only screen and (min-width: 1280px) {
	.myFrontPage .myButton {font-size: 18px;
	}
}
@media screen and (max-width: 899px) and (min-width: 720px) {
	.myFrontPage .pad {
		margin: 0!important;
		padding: 6vh 1vw!important;
	}
}
@media screen and (max-width: 719px) {
	.myFrontPage .pad {
		margin-top: -14vh!important;
		padding: 6vh 1vw!important;

	}
}

/******************************************************
FRONT PAGE SOCIAL LINKS
******************************************************/

/*.myFrontPage .social-links {
	position: fixed!important;
	bottom: 0!important;
	right: 8vw!important;
}
.myFrontPage .social-links li {
	margin-left: 0.5vw!Important;
}
myForntPage .social-links li a {
	font-size: 4vh!important;
}*/

/******************************************************
FRONT PAGE LEGENDS
******************************************************/

/* Description */
.myFrontPage .myDescription {
	position: absolute;
	top: 33vh;
	margin-left: 0;
}

/* Header (The World's #1 course for chhildren) */
.myFrontPage .myDescHdr {
	font-family: "Paytone One", sans-serif;
	font-weight: 900;
	color: #4a452a;
	line-height: 1.2;
	text-align: left;
	font-size: 5vh;
	/* margin-top: 34vh; */
}

/* Subheader (Welcome to Muzzy schools!...) */
.myFrontPage .myDescSub {
	font-family: "Catamaran", sans-serif;
	font-weight: 600;
	color: #4a452a;
	line-height: 1.2;
	text-align: left;
	font-size: 3vh;
	padding-top: 2vh;
}

/* Footer */
.myFrontPage .myFooter {
	position: absolute;
	bottom: 0;
}

/* Coýright (Muzzy is a trademark...) */
.myFrontPage .myCpr {
	font-family: "Catamaran", sans-serif;
	font-weight: normal;
	color: #fff;
	line-height: 1.2;
	text-align: left;
	font-size: 2.5vh;
}

/* Dealer */
.myFrontPage .myDealer {
	margin-bottom: -1em;
}
.myFrontPage .myDealerTitle {
	font-family: 'Paytone One', sans-serif;
	font-size: 3vh;
	color: #fff;
	padding-bottom: 1vh;
}
.myFrontPage .myDealerLogo {
	max-height: 12vh;
	width: auto;
}

/* Legend responsivness */
@media screen and (max-width: 899px) and (min-width: 720px) {
	.myFrontPage .myDescription {
		top: 36vh;
	}
}
@media screen and (max-width: 719px) {
	.myFrontPage .myDescription {
		top: 36vh;
	}
	.myFrontPage .myFooter {
		bottom: 2vh;
	}
}