/*
@media (max-width: 767px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
*/

/**/
@font-face {
    font-family: 'houschka';
    src: url('/fonts/HouschkaAltPro-Bold.eot');
    src: url('/fonts/HouschkaAltPro-Bold.woff2'),
	 url('/fonts/HouschkaAltPro-Bold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'extra-houschka';
    src: url('/fonts/HouschkaAltPro-ExtraBold.eot');
    src: url('/fonts/HouschkaAltPro-ExtraBold.woff2'),
	 url('/fonts/HouschkaAltPro-ExtraBold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'medium-houschka';
    src: url('/fonts/HouschkaAltPro-Medium.eot');
    src: url('/fonts/HouschkaAltPro-Medium.woff2'),
	 url('/fonts/HouschkaAltPro-Medium.woff');
	font-weight: normal;
	font-style: normal;
}

body{
    font-family: 'Arial', Helvetica, sans-serif;
}  
.bold{
    font-weight: bold;   
}
/******************/
/* SYMBOLS*/
/******************/

sup{
    font-size: .70em;   
}
/******************/
/* POSITIONING & sizing */
/******************/

.clear{
    clear: both;
}
.right{
    float: right;   
}
.left{
    float: left;
}
.alignTextRight{
   text-align: right; 
}  
.alignTextCenter{
   text-align: center; 
} 
.sizeUp{
    width: 100%;
    height: auto;
}
/******************/
/* BUTTONS, LINKS*/
/******************/
a{
    color: #00539b;
    text-decoration: underline;
}
a:hover, a:active,  a:focus {
    outline: 0;
}

a.buttonWhite{
    color: #fff; 
    font-family: 'extra-houschka'!important;
    font-size: 13px!important;
    display: inline-block!important;
    background-color: transparent;
    text-transform: uppercase;
    padding: 13px 27px!important; 
    border: 1px solid #fff!important;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 7px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 7px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 7px;
    text-decoration: none;
}

a.buttonWhite:hover{
    background-color: #fff;
    color: #4a0d66!important;
}

a.buttonOrange{
    color: #fff!important; 
    font-family: 'extra-houschka'!important;
    
    display: inline-block!important;
    background-color: #ffa400;
/*    text-transform: uppercase; */
    padding: 10px 25px!important; 
    border: 1px solid #ffa400!important;
    -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 10px; /* Firefox 1-3.6 */
    border-radius: 10px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    text-decoration: none;
    font-size: 18px;
}
a.buttonOrange:hover{
    background-color: #fff!important;
    border-color: #ffa400!important;
    color: #ffa400!important;
}
a.buttonOrange.OnWhite{
    color: #4a0d66!important; 
    border: 1px solid #ffa400!important;
}
a.buttonOrange.OnWhite:hover{
    background-color: #fff;
    border-color: #ffa400!important;
    color: #ffa400!important;
}

a.buttonOrange.OnPurple{
    color: #4a0d66!important; 
    border: 1px solid #ffa400!important;
    font-size: 16px!important;
}
a.buttonOrange.OnPurple:hover{
    background-color: #fff!important;
    border-color: #ffa400!important;
    color: #ffa400!important;
}

a.buttonTeal{
    color: #fff; 
    font-family: 'extra-houschka'!important;
    font-size: 16px!important;
    display: inline-block!important;
    background-color: #3eb4a6;
    text-transform: uppercase;
    padding: 10px 50px!important; 
    border: 1px solid #3eb4a6!important;
    -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 10px; /* Firefox 1-3.6 */
    border-radius: 10px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    text-decoration: none;
}
a.buttonTeal:hover{
    background-color: #fff;
    color: #3eb4a6!important;
}
.fontWeightNormal{
    font-weight: normal;
}


/******************/
/* BUTTONS*/
/******************/
.shadow{
  -webkit-box-shadow: 2px 2px 13px 2px #111;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 13px 2px #111;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 13px 2px #111;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}
.shadowLight{
  -webkit-box-shadow: 0 0 5px 2px #bbbbbb;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0 0 5px 2px #bbbbbb;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0 0 5px 2px #bbbbbb;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}
/******************/
/* COLOR */
/******************/
span.cold{
    color: #0000ff;
}   
span.hot{
    color: #ff0000;
}
.white:hover, 
.white{
    color: #fff; 
}
/******************/
/* FONT-SIZES */
/******************/
.fontSize20{
    font-size: 20px;   
}


/******************/
/* BORDERS, MARGINS AND PADDING*/
/******************/
.noPaddingLeft{
    padding-left: 0px;   
}
.noPaddingRight{
    padding-right: 0px;   
}
.marginTop30{
    margin-top: 30px;
}
.marginCenter{
    margin-left: auto;
    margin-right: auto;
}
.noMarginBottom{
    margin-bottom: 0px;
}
.noPadding-xs{
    padding: 0px!important;
}
.noPaddingBottom-xs{
    padding-bottom: 0px!important;
}
.noBorderBottom{
    border-bottom: 0px!important;
    
}
.marginBottom30{
    margin-bottom: 30px;   
}
/*

*/
@media (max-width: 767px) { 
     .smallNoMarginTop{
        margin-top:inherit;
    }
}
@media (min-width: 768px) { 
    .smallNoMarginTop{
        margin-top: 0px;
    }
    .smallNoPaddingTop{
        padding-top: 0px!important;
    }
}
@media (min-width: 992px) {
    .smallNoMarginTop{
        margin-top:inherit;
    }
    .smallNoPaddingTop{
        padding-top: 50px!important;
    }
}
@media (min-width: 1200px) { 
    .smallNoMarginTop{
        margin-top:inherit;
    }
    .smallNoPaddingTop{
        padding-top: 50px!important;
    }
}


/*FOOTER */
#bottomFooterLogo #copyFooter{
    text-align: left;   
}
#bottomFooterLogo #logoFooter{
    text-align: right;   
}