html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

body, html{
	height: 100%;	
	-webkit-font-smoothing: antialiased;
}

body{
	color: #404041;	
	font: 15px/15px ralewayregular;
	overflow-x: hidden;
}

/**********************************/
/* COLOURS ************************/
/**********************************/

/* WHITE */

.colourWhite{
	color: #FFFFFF !important;
}

.backgroundWhite{
	background: #FFFFFF;	
}

/* BLUE */
.colourBlue{
	color: #20B7E6;	
}
.backgroundBlue{
	background: #20B7E6;
}

/* PINK */
.colourPink{
	color: #EA1686;
}
.backgroundPink{
	background: #EA1686;
}

/* LIGHT GREY */
.colourLGrey{
	color: #E7E7E8;	
}
.backgroundLGrey{
	background: #E7E7E8;
}

/* DARK GREY */
.colourDGrey{
	color: #404041;
}
.backgroundDGrey{
	background: #404041;	
}

/* BLACK */
.colourBlack{
	colour: #000000;
}
.backgroundBlack{
	background: #000000;	
}

/**********************************/
/* LINK COLOURS *******************/
/**********************************/

.linkColourWhite{
	color: #FFFFFF;
	font-weight: bold;
}

.linkColourBlue{
	color: #20B7E6;
	font-weight: bold;
}

.linkColourPink{
	color: #EA1686;	
	font-weight: bold;
}

.linkColourLGrey{
	color: #E7E7E8;
	font-weight: bold;
}

.linkColourDGrey{
	color: #404041;
	font-weight: bold;
}

.linkColourBlack{
	color: #000000;
	font-weight: bold;
}


/**********************************/
/* TEXT ***************************/
/**********************************/

h1{
	font: 30px/30px sansationbold;
}

h2{
	font: 30px/30px sansationbold;
}

h3{
	font: 25px/25px sansationbold;
}

h4{
	font: 25px/25px sansationregular;
}

h5{
	font: 20px/20px sansationbold;
}

h6{
	font: 20px/20px sansationregular;
}

.leftText{
	text-align: left;	
}

.centerText{
	text-align: center !important;
}

.rightText{
	text-align: right;
}

.leftFloat{
	float: left;
}

.rightFloat{
	float: right !important;	
}

strong{
	font-weight: bold;	
}

p{
	line-height: 1.5;	
	font-size: 15px;
}

/**********************************/
/* WIDTH **************************/
/**********************************/

.width1{
	width: 100%;	
}
.width2{
	width: 75%;	
}
.width3{
	width: 50%;	
}
.width4{
	width: 25%;	
}


/**********************************/
/* BORDERS ************************/
/**********************************/

.borderTop{
	border-top: 1px dashed #404041;	
	padding-top: 10px;
}

.borderBottom{
	border-bottom: 1px dashed #404041;
	padding-bottom: 10px;	
}

.borderRight{
	border-right: 1px dashed #404041;	
}

.borderLeft{
	border-left: 1px dashed #404041;	
}

.borderTopSignUp{
    box-shadow: 2px 2px 15px #000000;
}

/**********************************/
/* LISTS **************************/
/**********************************/

ul{
	margin-left: 20px;	
}

ul li{
	list-style-type: circle;
	line-height: 1.6;	
}

ul li ul{
	margin-left: 20px;	
}


ol{
	margin-left: 20px;	
}

ol li{
	line-height: 1.6;	
}

ol li ol{
	margin-left: 20px;	
}

ol li ol li{

}


/**********************************/
/* CODE ***************************/
/**********************************/

pre{
	display: block;
}

code {
  font-size: 12px;
  margin: 0px 10px;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre > code{
	display: block;
	white-space: pre;
}


/**********************************/
/* BUTTONS ************************/
/**********************************/

.button, button, input[type="submit"], input[type="reset"], input[type="button"]{
	display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;	
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
	border: 1px solid #868686;
}

.button.buttonBlue, button.buttonBlue, input[type="submit"].buttonBlue, input[type="reset"].buttonBlue, input[type="button"].buttonBlue{
	border: 1px solid #20B7E6;
	background: #20B7E6;
	color: #FFFFFF;
}

.button.buttonBlue:hover, button.buttonBlue:hover, input[type="submit"].buttonBlue:hover, input[type="reset"].buttonBlue:hover, input[type="button"].buttonBlue:hover{
	border: 1px solid #1B99C0;
	background: #1B99C0;
}

.button.buttonPink, button.buttonPink, input[type="submit"].buttonPink, input[type="reset"].buttonPink, input[type="button"].buttonPink{
	border: 1px solid #EA1686;
	background: #EA1686;
	color: #FFFFFF;	
}

.button.buttonPink:hover, button.buttonPink:hover, input[type="submit"].buttonPink:hover, input[type="reset"].buttonPink:hover, input[type="button"].buttonPink:hover{
	border: 1px solid #C80F71;
	background: #C80F71;
}


.button.buttonLGrey, button.buttonLGrey, input[type="submit"].buttonLGrey, input[type="reset"].buttonLGrey, input[type="button"].buttonLGrey{
	border: 1px solid #E7E7E8;
	background: #E7E7E8;
	color: #404041;	
}

.button.buttonLGrey:hover, button.buttonLGrey:hover, input[type="submit"].buttonLGrey:hover, input[type="reset"].buttonLGrey:hover, input[type="button"].buttonLGrey:hover{
	border: 1px solid #BDBDBD;
	background: #BDBDBD;
}

.button.buttonDGrey, button.buttonDGrey, input[type="submit"].buttonDGrey, input[type="reset"].buttonDGrey, input[type="button"].buttonDGrey{
	border: 1px solid #404041;
	background: #404041;
	color: #FFFFFF;	
}

.button.buttonDGrey:hover, button.buttonDGrey:hover, input[type="submit"].buttonDGrey:hover, input[type="reset"].buttonDGrey:hover, input[type="button"].buttonDGrey:hover{
	border: 1px solid #3D3D45;
	background: #3D3D45;
}

.button.buttonWhite, button.buttonWhite, input[type="submit"].buttonWhite, input[type="reset"].buttonWhite, input[type="button"].buttonWhite{
	border: 1px solid #FFFFFF;
        background: #FFFFFF;
        color: #404041;
        opacity: 0.7;	
}

.button.buttonWhite:hover, button.buttonWhite:hover, input[type="submit"].buttonWhite:hover, input[type="reset"].buttonWhite:hover, input[type="button"].buttonWhite:hover{
	border: 1px solid #FFFFFF;
        background: #FFFFFF;
        color: #404041;
        opacity: 0.7;
}

/**********************************/
/* INPUTS *************************/
/**********************************/

label{
	display: block;
	font-weight: bold;
	margin: 10px 0px;	
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea{
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;	
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{
	height: 38px;
  	padding: 6px 10px;
  	background-color: #fff;
  	border: 1px solid #D1D1D1;
  	border-radius: 4px;
  	box-shadow: none;
  	box-sizing: border-box;	
	width: 100%;
}

input[type="checkbox"], input[type="radio"]{
	display: inline;
	margin-top: -2px;
}

select{
	cursor: pointer;
}

textarea{
	height: 100px;
}

.label-checkbox{
	line-height: 1.6;	
}

/**********************************/
/* TABLES *************************/
/**********************************/

.tableContainer{
    width: 100%;
    overflow-x: scroll;
}

table{
    width: 100%;
    word-break: initial;
}

tr:nth-child(even){
    background: #E7E7E8;
}

td{
    font-size: 14px;
}

td, th{
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}

/**********************************/
/* SOCIAL ICONS *******************/
/**********************************/

.soc {
    overflow:hidden;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 180px;
}

.soc li {
    display:inline-block;
    float: left;
}

.soc li a {
    display: block;
    width: 60px;
    font-size: 25px;
}

.soc-icon-last{
    margin:0 !important;
}

/**********************************/
/* GRID ***************************/
/**********************************/

/* PADDING */

.padding{
	padding: 10px;	
}

.paddingFooter{
    padding: 25px !important;
}

.paddingL{
    padding: 30px;
}

.paddingTB{
	padding: 10px 0px;
}

.paddingTEL{
	padding-top: 80px;	
}

.paddingTL{
	padding-top: 40px;	
}

.paddingT{
	padding-top: 10px;
}

.paddingTM{
    padding-top: 20px;
}

.paddingB{
    padding-bottom: 20px;
}

.marginT{
    margin-top: 20px !important;
}

.noMarPad{
	padding: 0px !important;	
	margin: 0% !important;	
}

.marginL{
    margin: 30px 0px !important;
}

.marginVL{
    margin: 50px 0px !important;
}

.noMar{
    margin: 0% !important;
}

.marBottomSignUp{
    margin-bottom: 20px !important;
}

.noPadBottom{
    padding-bottom: 0% !important;
}

.noPadTop{
    padding-top: 0px !important;
}

.noMarPadBottom{
    padding-bottom: 0px !important;
    margin-bottom: 0% !important;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 40px 0px;
	margin: 0px;
        text-align: center;
}

/* CONTAINER */

.container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.container2{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
        text-align: center;
}

.container3{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

    
/* Grid Responsiveness */
    .col { margin: 1% 0 1% 0%;}
    .span_2_of_2, .span_1_of_2 { width: 100%; }
    .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 100%; }
    .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 { width: 100%; }
    .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 { width: 100%; }
    .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 { width: 100%; }
    .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 { width: 100%; }
    .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9 { width: 100%; }
    .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10 { width: 100%; }
    .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11 { width: 100%; }
    .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 { width: 100%; }


    
/**********************************/
/* NAV ****************************/
/**********************************/   

.hideMobile{
    display: none;
}

.allNavsAnimate {
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 99999;
}

.allNavsAnimateDesktop {
    position: relative;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 99999;
}

.nav-up {
    top: -50px;
}

.topNav{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    display: none;
}

.topNav li{
    display: inline-block;
}    

.topNav li a{
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    font-size: 12px;
}

.topNav li a:hover{
    color: #EA1686;
}

.mainNav{
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 50px;
}

.mainNav li{
    display: inline-block;
    padding-top: 10px;
}

.mainNavLogo{
    float: left;
}

.mainNavLogo img{
    max-height: 30px;
    max-width: 240px;
    position: relative;
    top: 1px;
}

.mainNavLogo a span{
    font-size: 30px !important;
    text-transform: lowercase;
    font-family: sansationbold;
    position: relative;
    top: -5px;
}
.mainNavLogo a span:first-child{
    padding-left: 10px;
}

.mainNavDesktop li a span{
    font-size: 40px !important;
    text-transform: lowercase;
    font-family: sansationbold;
    top: 0px;
    padding-left: 0px;
}

.mobileMenuIcon{
    float: right;
    font-size: 30px;
    padding-right: 20px;
}

.mobileMenuClose{
    position: fixed;
    right: 00px;
}

.mainNav li a{
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 20px;
}

.mainNavLogo a{
    margin-left: 0px !important;
}

.mainNavDesktop{
    display: none;
}
   

/* Mobile Menu Open */
    
.mobileMenuOpen{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-backface-visibility: hidden
}

.mobileSubMenu{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileSubMenu li{
    display: block;
    margin: 20px;
}

.mobileSubMenu li a{
    text-decoration: none;
    color: #FFFFFF;
    font: 60px/60px sansationbold;
    text-transform: lowercase;
}

.mobileSubMenu li .mobileSubMenuSmall{
    text-decoration: none;
    color: #FFFFFF;
    font: 25px/25px sansationregular;
    text-transform: lowercase;
}

.mobileSubMenu li a:hover{
    color: #EA1686; 
}

.mainNavDesktop li:nth-child(2) a:hover{
        color: #FFFFFF !important;
    }

/**********************************/
/* FOOTER *************************/
/**********************************/ 
.footerSignUp{
    position: relative;
    transition: bottom 0.2s ease-in-out;
    width: 100%;
    height: 70px;
    left: 0;
    bottom: -71px;
    text-align: center;
    z-index: 99999;
    float: left;
    line-height: 50px;
    text-transform: uppercase;
}

.footerSignUp i{
    font-size: 25px;
    position: relative;
    top: 5px;
}

.footerSignUp button{
    margin-top: 16px;
}

.footerSignUpMove{
    bottom: 0px;   
    -webkit-backface-visibility: hidden;
    position: fixed;
}

.footerSignUpLink{
    text-decoration: none;
    color: #FFFFFF;
}

.footer ul{
    margin-left: 0px;
}

.footer ul li{
    list-style-type: none;
}

.footer ul li a{
    color: #FFFFFF;
    text-decoration: none;
}

.footer ul li a:hover{
    color: #20B7E6;
}

.footerLinks{
    display: none;
}

.footerLogo{
    font: 30px/30px sansationbold, Arial;
    margin-bottom: 10px;
}

.footer_copyright{
    font-size: 12px;
}

@media only screen and (max-width: 350px) {
    
    h1{ font: 25px/25px sansationbold; }
    
    .mainNavLogo img{ max-width: 200px; }
    
    
}



@media only screen and (min-width: 600px) {
    
    

h1{
	font: 40px/40px sansationbold;
}

h2{
	font: 40px/40px sansationbold;
}

h3{
	font: 30px/30px sansationbold;
}

h4{
	font: 30px/30px sansationregular;
}

h5{
	font: 25px/25px sansationbold;
}

h6{
	font: 25px/25px sansationregular;
}

p{
	font-size: 16px;
}

.container{
	width: 70%;
}

.container3{
    width: 70%;
}

.footerRight{
    text-align: right;
}

}


@media only screen and (min-width: 765px){

.container2{
    width: 100%;
}

}


@media only screen and (min-width: 1025px) {
    
    body{
        padding-top: 0px;
    }
    
    .hideMobile{
        display: block;
    }
    
    .hideDesktop{
        display: none;
    }
    
    .heightDesktop{
        min-height: 500px;
        position: relative;
    }
    
    .container, .container3{
	width: 70%;
    }
    
    .borderBottom{
        border-bottom: none;
    }
    
    h1{
        font: 90px/90px sansationbold;
        margin-bottom: 20px;
    }

    h2{
        font: 40px/40px sansationbold;
    }

    h3{
        font: 30px/30px sansationbold;
    }

    h4{
        font: 30px/30px sansationregular;
    }

    h5{
        font: 25px/25px sansationbold;
    }

    h6{
        font: 25px/25px sansationregular;
    }
    
    p{
        font-size: 19px;
    }
    
    
.span_1_of_1 { width: 100%; margin-left: 0%; }

.span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.2%; }
	
.span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.13%; } .span_1_of_3 { width: 32.26%; }
	
.span_4_of_4 {width: 100%; } .span_3_of_4 { width: 74.6%;  } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; }
	
.span_5_of_5 { width: 100%; } .span_4_of_5 { width: 79.68%; } .span_3_of_5 { width: 59.36%; } .span_2_of_5 { width: 39.04%; } .span_1_of_5 { width: 18.72%; }

.span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83.06%; } .span_4_of_6 { width: 66.13%; } .span_3_of_6 { width: 49.2%; } .span_2_of_6 { width: 32.26%; } .span_1_of_6 { width: 15.33%; }

.span_7_of_7 { width: 100%; } .span_6_of_7 { width: 85.48%; } .span_5_of_7 { width: 70.97%; } .span_4_of_7 { width: 56.45%; } .span_3_of_7 { width: 41.94%; } .span_2_of_7 { width: 27.42%; } .span_1_of_7 {width: 12.91%; }

.span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.3%; } .span_6_of_8 { width: 74.6%; } .span_5_of_8 { width: 61.9%; } .span_4_of_8 { width: 49.2%; } .span_3_of_8 { width: 36.5%; } .span_2_of_8 { width: 23.8%; } .span_1_of_8 { width: 11.1%; }

.span_9_of_9 {width: 100%; } .span_8_of_9 { width: 88.71%; } .span_7_of_9 { width: 77.42%; } .span_6_of_9 { width: 66.13%; } .span_5_of_9 { width: 54.84%; } .span_4_of_9 { width: 43.55%; } .span_3_of_9 { width: 32.26%; } .span_2_of_9 { width: 20.97%; } .span_1_of_9 { width: 9.68%; }

.span_10_of_10 { width: 100%; } .span_9_of_10 { width: 89.84%; } .span_8_of_10 { width: 79.68%; } .span_7_of_10 { width: 69.52%; } .span_6_of_10 { width: 59.36%; } .span_5_of_10 { width: 49.2%; } .span_4_of_10 { width: 39.04%;  } .span_3_of_10 { width: 28.88%; } .span_2_of_10 { width: 18.72%; } .span_1_of_10 { width: 8.56%; } 

.span_11_of_11 {width: 100%; } .span_10_of_11 { width: 90.76%; } .span_9_of_11 { width: 81.52%; } .span_8_of_11 { width: 72.29%; } .span_7_of_11 { width: 63.05%; } .span_6_of_11 { width: 53.81%; } .span_5_of_11 { width: 44.58%; } .span_4_of_11 { width: 35.34%; } .span_3_of_11 { width: 26.1%; } .span_2_of_11 { width: 16.87%; } .span_1_of_11 { width: 7.63%; }

.span_12_of_12 { width: 100%; } .span_11_of_12 { width: 91.53%; } .span_10_of_12 { width: 83.06%; } .span_9_of_12 { width: 74.6%; } .span_8_of_12 { width: 66.13%; } .span_7_of_12 { width: 57.66%; } .span_6_of_12 { width: 49.2%; } .span_5_of_12 { width: 40.73%; } .span_4_of_12 { width: 32.26%; } .span_3_of_12 { width: 23.8%; } .span_2_of_12 { width: 15.33%; } .span_1_of_12 { width: 6.86%; }
    
    .topNav{
        display: block;
    }
    
    .footerLinks{
        display: block;
    }
    
    .section{
        text-align: left;
    }
    
    /* NAV */
    .mainNav{ display: none; }
    
    .topNav{
        text-align: right;
    }
    
    .mainNavDesktop{
        display: block;
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 50px;
    }

    .mainNavDesktop li{
        display: inline-block;
    }
    
    .mainNavDesktop li:first-child{
        /*padding-top: 10px;*/
    }

   
    .mainNavDesktopLinks{
        float: right;
        font-size: initial;
        padding: 0px;
    }

    .mainNavDesktop li a{
        text-decoration: none;
        line-height: 50px;
        height: 50px;
        padding: 0px 20px;
        display: block;
        text-transform: uppercase;
        font-size: 12px;
    }
    
    .mainNavDesktop li a:hover{
        color: #EA1686 !important;
    }

    .mainNavDesktop li .current{
        background: #A0A0A0;
    }
    
    
    .mainNavLogo img{
        margin-top: 10px;
    }
    
    pre > code{
	padding: 5px 7px;
    }

}

@media only screen and (min-width: 1400px) {
    
    .container{
	width: 50%;
    }
    
    
}