@font-face {
    font-family: 'noto_serif_bold';
    src: url('../css/fonts/notoserif-bold-webfont.woff2') format('woff2'),
    url('../css/fonts/notoserif-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'noto_serif_bold_italic';
    src: url('../css/fonts/notoserif-bolditalic-webfont.woff2') format('woff2'),
    url('../css/fonts/notoserif-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'noto_serif_italic';
    src: url('../css/fonts/notoserif-italic-webfont.woff2') format('woff2'),
    url('../css/fonts/notoserif-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'noto_serif_regular';
    src: url('../css/fonts/notoserif-regular-webfont.woff2') format('woff2'),
    url('../css/fonts/notoserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'raven-song';
    src: url('../css/fonts/raven_song-webfont.woff2') format('woff2'),
    url('../css/fonts/raven_song-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'built_titlingXLtIt';
	src: url('../css/fonts/built_titling_el_it-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_el_it-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingextralight';
	src: url('../css/fonts/built_titling_el-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_el-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlinglight_italic';
	src: url('../css/fonts/built_titling_lt_it-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_lt_it-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlinglight';
	src: url('../css/fonts/built_titling_lt-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_lt-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingitalic';
	src: url('../css/fonts/built_titling_rg_it-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_rg_it-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingregular';
	src: url('../css/fonts/built_titling_rg-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_rg-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingsemibold_italic';
	src: url('../css/fonts/built_titling_sb_it-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_sb_it-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingsemibold';
	src: url('../css/fonts/built_titling_sb-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_sb-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'bignoodletitlingregular';
	src: url('../css/fonts/big_noodle_titling-webfont.woff2') format('woff2'),
	url('../css/fonts/big_noodle_titling-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'bignoodletitlingoblique';
	src: url('../css/fonts/big_noodle_titling_oblique-webfont.woff2') format('woff2'),
	url('../css/fonts/big_noodle_titling_oblique-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingbold_italic';
	src: url('../css/fonts/built_titling_bd_it-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_bd_it-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'built_titlingbold';
	src: url('../css/fonts/built_titling_bd-webfont.woff2') format('woff2'),
	url('../css/fonts/built_titling_bd-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'open_sansbold';
	src: url('../css/fonts/opensans-bold-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansbold_italic';
	src: url('../css/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansextrabold';
	src: url('../css/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansextrabold_italic';
	src: url('../css/fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-extrabolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansitalic';
	src: url('../css/fonts/opensans-italic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanslight';
	src: url('../css/fonts/opensans-light-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanslight_italic';
	src: url('../css/fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-lightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansregular';
	src: url('../css/fonts/opensans-regular-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanssemibold';
	src: url('../css/fonts/opensans-semibold-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('../css/fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-semibolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2018 */



@font-face {
	font-family: 'open_sansitalic';
	src: url('../css/fonts/opensans-italic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanslight';
	src: url('../css/fonts/opensans-light-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanslight_italic';
	src: url('../css/fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-lightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansregular';
	src: url('../css/fonts/opensans-regular-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanssemibold';
	src: url('../css/fonts/opensans-semibold-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('../css/fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-semibolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansbold';
	src: url('../css/fonts/opensans-bold-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansbold_italic';
	src: url('../css/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansextrabold';
	src: url('../css/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'open_sansextrabold_italic';
	src: url('../css/fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
	url('../css/fonts/opensans-extrabolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color : #CBCBCB;
}

::-moz-placeholder { /* Firefox 19+ */
	color : #CBCBCB;
}

:-ms-input-placeholder { /* IE 10+ */
	color : #CBCBCB;
}

:-moz-placeholder { /* Firefox 18- */
	color : #CBCBCB;
}

*, *:before, *:after {
	-moz-box-sizing    : border-box;
	-webkit-box-sizing : border-box;
	box-sizing         : border-box;
}

html {
	-webkit-font-smoothing   : antialiased;
	-moz-osx-font-smoothing  : grayscale;
	-webkit-text-size-adjust : 100%;
	text-rendering           : optimizeLegibility;
}

body {
	font-size   : 16px;
	font-family : 'Open Sans', 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color       : #333333;
	margin      : 0;
	padding     : 0;
}

/********* TYPE *********/

h1, h2, h3, h4, h5, h6, p, blockquote {
	line-height : 1.6;
	padding     : 0;
	margin      : 0;
}

h1, .title-1 {
	font-size : 3.3em;
}

h2, .title-2 {
	font-size : 3em;
}

h3, .title-3 {
	font-size : 2.3em;
}

h4, .title-4 {
	font-size : 1.9em;
}

h5, .title-5 {
	font-size : 1.5em;
}

h6, .title-6 {
	font-size : 1.2em;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	color : #FBB03B;
}

p, label, .p, .label {
	margin      : 0;
	line-height : 1.6;
	font-size   : 1.2em;
	font-weight : 300;
	padding     : 8px 0;
	color: #4d4d4d;
}

ul, ol {
}

strong {
	font-weight : bold;
}


.blueish-bg{
	background-color: #d3dddd!important;
}


.underline {
	text-decoration : underline !important;
}

.border-bottom-1 {
	border-bottom : 1px solid;
}

.gooddog {
	font-family : 'gooddog', sans-serif !important;
}

.quicksand {
	font-family : 'quicksandregular', sans-serif !important;
}

.quicksand-bold {
	font-family : 'quicksandbold', sans-serif !important;
}

.bold {
	font-weight : bold !important;
}

.medium {
	font-weight : 500 !important;
}

.thin {
	font-weight : 100 !important;
}

.italic {
	font-style : italic !important;
}

.font-1 {
	font-size : 1rem;
}

.font-1-1 {
	font-size : 1.1rem;
}

.font-1-2 {
	font-size : 1.2rem;
}

.font-1-3 {
	font-size : 1.3rem;
}

.font-1-4 {
	font-size : 1.4rem;
}

.font-1-5 {
	font-size : 1.5rem;
}

.font-1-6 {
	font-size : 1.6rem;
}

.font-1-7 {
	font-size : 1.7rem;
}

.font-1-8 {
	font-size : 1.8rem;
}

.font-1-9 {
	font-size : 1.9rem;
}

.font-2 {
	font-size : 2rem;
}

.uppercase {
	text-transform : uppercase !important;
}

.alignleft {
	text-align : left !important;
}

.aligncenter {
	text-align   : center !important;
	margin-left  : auto !important;
	margin-right : auto !important;
}

.alignright {
	text-align : right !important;
}

.preload {
	height : 0;
}

a {
	color           : inherit;
	text-decoration : none;
	cursor          : pointer;
	margin          : 0;
	padding         : 0;
}

a:focus, a:hover {
	cursor : pointer;
	color  : #333333;
}

.wrap {
	max-width : 1400px;
	margin    : 0 auto;
	position  : relative;
	height    : 100%;
	padding   : 0 20px;
}

.clear {
	clear   : both !important;
	height  : 0 !important;
	padding : 0 !important;
	margin  : 0 !important;
	float   : none !important;
}

blockquote {
	padding       : 0 20px;
	margin-bottom : 15px;
}

/** FORM ELEMENTS **/
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea, select {
	background-color   : #FFFFFF;
	/*border             : 4px solid #4EBBCA;*/
	border-radius      : 0;
	outline            : 0;
	height             : 46px;
	width              : 100%;
	font-size          : 1rem;
	-webkit-box-shadow : none;
	box-shadow         : none;
	-webkit-box-sizing : content-box;
	box-sizing         : border-box;
	-webkit-transition : all .3s;
	transition         : all .3s;
	padding-left       : 10px;
	display            : inherit;
}

.sq-input, input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]), select:focus:not([readonly]) {
	/*border             : 4px solid #4EBBCA;*/
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.sq-input--error, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=search-md].invalid, input[type=search-md]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=text].invalid, input[type=text]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, textarea.md-textarea.invalid, textarea.md-textarea:focus.invalid {
	border     : 4px solid #4EBBCA;
	box-shadow : none;
	color      : #F44336;
}

.sq-input--focus, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=search-md].valid, input[type=search-md]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, textarea.md-textarea.valid, textarea.md-textarea:focus.valid {
	border     : 4px solid #4EBBCA;
	box-shadow : none;
}

label.error input, .label.error input, label.error select, .label.error select, label.error textarea, .label.error textarea,
label.error .dropbox, .label.error .dropbox {
	border-color : #F44336 !important;
}

.round {
	border-radius : 10px !important;
}

.no-border {
	border : none !important;
}

.transparent-border {
	border-color : transparent !important;
}

.btn {
	font-weight           : 700;
	cursor                : pointer;
	margin                : 10px auto;
	border                : 2px solid #FFFFFF;
	display               : inline-block;
	color                 : #FFFFFF;
	background            : none;
	text-transform        : uppercase;
	text-align            : center;
	min-width             : 100px;
	-webkit-border-radius : 0;
	border-radius         : 0;
	font-family           : 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding               : 10px 30px;
	line-height           : 1.8em;
}

.white {
	color : #FFFFFF;
}

.white-bg {
	background : #FFFFFF;
}

/********* COLORS *********/

.green {
	color            : #8DC641;
	background-color : initial !important;
}

.aqua {
	color            : #52C5D5;
	background-color : initial !important;
}

.aqua-background {
	background-color : #52C5D5;
}

.navy {
	color            : #2E3192;
	background-color : initial !important;
}

.orange {
	color            : #FBB03B;
	background-color : initial !important;
}

.red {
	color            : #FF1313;
	background-color : initial !important;
}

.purple {
	color            : #942990;
	background-color : initial !important;
}

/********* BUTTONS *********/

button {
	border     : none;
	box-sizing : border-box;;
}

.button, button {
	cursor             : pointer;
	font-size          : 1rem;
	position           : relative;
	line-height        : 1;
	margin             : 0;
	padding            : 10px 16px;
	/*background-color   : #8DC641;*/
	color              : #FFFFFF;
	border-radius      : 10px;
	text-transform     : uppercase;
	-webkit-transition : all .2s linear;
	-moz-transition    : all .2s linear;
	-ms-transition     : all .2s linear;
	-o-transition      : all .2s linear;
	transition         : all .2s linear;
}

.button:hover {
	/*background-color : #20A658;*/
	color            : #FFFFFF;
}

.button.small {
}

.button.large {
}

.button.tiny {
}

/********* BUTTON COLORS *********/

.button.green {
	background-color : #8DC641 !important;
	color            : #FFFFFF;
}

.button.green:hover {
	background-color : #20A658 !important;
	color            : #FFFFFF;
}

.button.aqua {
	background-color : #52C5D5 !important;
	color            : #FFFFFF;
}

.button.aqua:hover {
	background-color : #1C6C77 !important;
	color            : #FFFFFF;
}

.button.navy {
	background-color : #2E3192 !important;
	color            : #FFFFFF;
}

.button.navy:hover {
	background-color : rgba(46, 49, 146, 0.7) !important;
	color            : #FFFFFF;
}

.button.orange {
	background-color : #FBB03B !important;
	color            : #FFFFFF;
}

.button.orange:hover {
	background-color : rgba(251, 176, 59, 0.7) !important;
	color            : #FFFFFF;
}

.button.red {
	background-color : #FF1313 !important;
	color            : #FFFFFF;
}

.button.red:hover {
	background-color : rgba(255, 19, 19, 0.7) !important;
	color            : #FFFFFF;
}

.button.purple {
	background-color : #942990 !important;
	color            : #FFFFFF;
}

.button.purple:hover {
	background-color : rgba(148, 41, 144, 0.7) !important;
	color            : #FFFFFF;
}

.button.oval {
	background        : url(../images/oval-button-blue.png) !important;
	background-size   : contain !important;
	border            : 0;
	height            : 44px;
	background-repeat : no-repeat !important;
	line-height       : 1;
	padding           : 4px 20px 0;
	margin-left       : 12px;
}

.button.oval.green {
	background        : url(../images/oval-button-green.png) !important;
	background-size   : contain !important;
	border            : 0;
	height            : 44px;
	width             : 132px;
	background-repeat : no-repeat !important;
	line-height       : 1;
	padding           : 4px 20px 0;
	margin-left       : 12px;
}

.social .button {
	background-size   : contain !important;
	border            : 0;
	height            : 44px;
	background-repeat : no-repeat !important;
	line-height       : 1;
	padding           : 4px 20px 0;
	margin-right      : 12px;
	width             : 130px;
	border-radius     : 0;
	float             : left;
}

.button.facebook {
	background        : url(../images/facebook-button.png) !important;
	background-size   : contain !important;
	background-repeat : no-repeat !important;
	background-color  : #2D3691;
}

.button.twitter {
	background        : url(../images/twitter-button.png) !important;
	background-size   : contain !important;
	background-repeat : no-repeat !important;
	background-color  : #50C5D5;
}

.button.instagram {
	background        : url(../images/instagram-button.png) !important;
	background-size   : contain !important;
	background-repeat : no-repeat !important;
	background-color  : #FCB03B;
}

/********* HEADER *********/
.active ~ .dropdown-menu {
	display    : block;
	margin-top : 0.5rem;
}

.navigation-bar {
	position           : fixed;
	top                : 0;
	left               : 0;
	height             : 160px;
	background         : #FFFFFF;
	width              : 100%;
	z-index            : 999;
	-webkit-transition : all .4s ease;
	-moz-transition    : all .4s ease;
	-ms-transition     : all .4s ease;
	-o-transition      : all .4s ease;
	transition         : all .4s ease;
}

.navigation-bar .logo {
	float        : left;
	height       : 50px;
	width        : auto;
	margin-top   : 29px;
	margin-right : 20px;
}

.navigation-bar .logo img {
	height : 100%;
}

.navigation-bar .info {
	float     : right;
	position  : relative;
	width     : auto;
	max-width : 65%;
}

.navigation-bar nav {
	padding : 0;
	height  : 100%;
	width   : 100%;
}

.info-top,
.info-bottom {
	height     : 50px;
	margin-top : 17px;
	padding    : 0;
	float      : left;
	position   : relative;
	width      : 100%;
}

.info-top {
}

.info-bottom {
}

.info .social {
	float   : right;
	padding : 0 12px;
}

.info .social ul {
	list-style : none;
	float      : left;
	margin     : 0;
}

.info .social li {
	display               : block;
	float                 : left;
	height                : 40px;
	line-height           : 40px;
	padding               : 0 6px;
	background            : url(../images/social-bg.png) no-repeat;
	background-size       : contain;
	-webkit-border-radius : 100%;
	-moz-border-radius    : 100%;
	width                 : 40px;
	text-align            : center;
	font-size             : 22px;
	color                 : #FFFFFF;
	margin-left           : 12px;
	margin-top            : 5px;
}

.info .social li:hover a,
.info .social li a:focus {
	color : #FBB03B;
}

.info .social li a {
	width  : 100%;
	height : 100%;
}

.info .social li a i {
}

.info .auth {
	padding : 0 15px;
}

.info .auth .auth-menu a {
	position : relative;
	float    : left;
}

.info .auth .login {
	float  : left;
	margin : 0 16px 0 0;
}

.info .auth .auth-menu {
	float       : left;
	position    : relative;
	color       : #FFFFFF;
	margin      : 0 0 0;
	line-height : 1;
}

.info .auth .auth-menu .register.active {
	background         : #1C6C77 !important;
	-webkit-box-shadow : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow         : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.info .auth .auth-menu ul {
	display       : none;
	position      : absolute;
	width         : auto;
	background    : #FFFFFF;
	height        : auto;
	line-height   : 1;
	text-align    : center;
	padding       : 10px;
	box-shadow    : 2px 8px 20px 0px rgba(0, 0, 0, 0.3);
	border        : 1px solid rgba(0, 0, 0, 0.3);
	color         : #333333;
	min-width     : 100%;
	top           : 40px;
	right         : 0;
	z-index       : 9999;
	border-radius : 6px;
}

.info .auth .auth-menu ul.active {
	display : block;
}

.info .auth .auth-menu ul li {
	height      : 30px;
	line-height : 30px;
	text-align  : center;
	width       : 100%;
}

.info .auth .auth-menu ul li a {
	text-align : center;
	float      : none;
}

.info .auth {
	float   : right;
	padding : 7px 15px 0;
}

.dropdown .dropdown-menu .dropdown-item {
	padding : 0.4rem 1.5rem;
}

.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover {
	background-color   : #1C6C77;
	font-weight        : bold !important;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	box-shadow         : none;
}

.dropdown .dropdown-menu .dropdown-item.logout:active, .dropdown .dropdown-menu .dropdown-item.logout:hover {
	background-color : #FF1313;
	color            : #FFFFFF !important;
}

.dropdown-divider {
	background-color : #1C6C77;
	float            : left;
	width            : 70%;
	margin-left      : 1.4rem;
}

nav ul {
	margin         : 0;
	padding        : 0;
	text-transform : uppercase;
	cursor         : pointer;
	height         : 100%;
	width          : auto;
	float          : right;
}

nav li {
	display     : inline-block;
	font-size   : 1em;
	position    : relative;
	text-align  : center;
	height      : 50px;
	line-height : 50px;
	margin      : 0;
}

nav li:hover a,
nav li a:focus,
nav li.active a {
	color : #FBB03B;
}

nav > ul li a, nav > ul li span {
	padding : 0 10px;
	display : block;
	color   : #333333;
}

nav > ul li a#menu-signup {
	background   : #25AAE1;
	border       : 2px solid #25AAE1;
	margin-right : 20px;
}

nav > ul li a#menu-login {
	border : 2px solid #FFFFFF;
}

nav > ul li a#menu-signup, nav > ul li a#menu-login {
	padding : 10px 30px;
}

nav ul ul, nav ul ul:before {
	background : #FFFFFF;
	position   : absolute
}

nav ul li:after, nav ul ul:before {
	content : '';
	margin  : 0 auto;
	left    : 0;
	right   : 0
}

nav ul ul {
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	display               : none;
	top                   : 60px;
	left                  : 50%;
	width                 : 240px;
	z-index               : 3;
	padding               : 10px;
	text-align            : left;
	transform             : translate(-50%, 0);
	-webkit-box-shadow    : 0 0 20px 2px rgba(0, 0, 0, .3);
	box-shadow            : 0 0 20px 2px rgba(0, 0, 0, .3)
}

nav ul ul:before {
	top       : -5px;
	width     : 10px;
	height    : 10px;
	transform : rotate(45deg)
}

nav ul ul ul {
	top  : 0;
	left : 240px
}

nav ul li:hover ul {
	display : block
}

nav ul ul li {
	float       : none;
	line-height : 30px;
	font-size   : .9em;
	display     : block;
	padding     : 0;
}

nav ul ul a {
	line-height : 20px !important;
	padding     : 5px 0;
}

nav ul ul a:after {
	display : none
}

nav ul li:after {
	position           : absolute;
	bottom             : 0;
	height             : 5px;
	width              : 0;
	-webkit-transition : all .4s ease;
	-moz-transition    : all .4s ease;
	-ms-transition     : all .4s ease;
	-o-transition      : all .4s ease;
	transition         : all .4s ease
}

nav ul li.active:after {
	width : 100%
}

nav ul li.active > ul {
	display : block
}

#mobile, nav .mobilenav {
	display : none;
}

/************* BARS *************/

.bar {
	height        : 120px;
	float         : left;
	width         : 100%;
	position      : relative;
	background    : #52C5D5;
	margin-bottom : 20px;
}

.bar .center {
	width  : 100%;
	float  : left;
	height : 50px;
	margin : 35px auto 0;
}

.bar .title {
	color          : #FFFFFF;
	font-size      : 36px;
	line-height    : 1;
	float          : left;
	width          : auto;
	text-transform : uppercase;
}

.bar .title strong {
	font-size    : 1.5em;
	padding-left : 6px;
	font-weight  : normal;
}

.bar .title small {
	font-size   : 1.1em;
	font-weight : 100;
}

.bar form {
	float       : left;
	height      : 50px;
	clear       : none;
	padding     : 0;
	margin      : 0 0 0 40px;
	display     : flex;
	align-items : center;
}

.bar input {
}

.bar button[type=submit] {
	margin-left : 10px;
}

/*** ##### FOUND A ROCK ##### ***/

.found-a-rock-bar {
}

/********* BANNERS *********/

/*#main{margin-top:100px;}*/

#features, #pricing, #contact {
	/* padding : 100px 30px; */
}

#features .wrap, #pricing .wrap {
	max-width : 1200px;
}

#contact .wrap {
	max-width : 768px;
}

#features h3 {
	text-transform : uppercase;
	margin-top     : 100px;
}

#features img {
	max-width : 100%;
}

#pricing {
	text-align : center;
	background : #E0E0E0;
}

#pricing .wrap > h2 {
	margin-bottom : 20px;
}

#pricing h4 .btn {
	font-size   : .6em;
	margin-left : 30px;
}

#contact {
	/*background      : url(../images/contactbg.jpg) no-repeat center center;*/
	/*background-size : cover;*/
}

#contact h2 {
	text-transform : uppercase;
}

#contact form {
	margin-top : 40px;
}

.registerTwo .btn-group {
	display : block;
}

.registerTwo form .btn.continue {
	display : inline-block;
}

.package {
	width          : 23%;
	min-width      : 240px;
	display        : inline-block;
	vertical-align : top;
	background     : #FFFFFF;
	margin         : 10px;
	text-align     : center;
}

.registerTwo .package {
	background : #E0E0E0
}

.package:nth-child(4) {
	margin-top : -35px;
}

.registerTwo .package:nth-child(4) {
	margin-top : 10px;
}

.package p {
	margin : 0;
}

.package .title, .package .promo {
	padding : 10px 0;
}

.package .title p, .package .promo p {
	text-transform : uppercase;
}

.package .amount h2 {
	margin      : 20px 0;
	font-size   : 5em;
	line-height : .8em;
}

.package:nth-child(2) .amount h2, .registerTwo .package:nth-child(1) .amount h2 {
	margin    : 38px 0;
	font-size : 4em;
}

.registerTwo .package:nth-child(2) .amount h2 {
	margin    : 20px 0;
	font-size : 5em;
}

.package .amount .sign {
	font-size      : .4em;
	vertical-align : middle;
}

.package .amount .term {
	font-size      : .2em;
	line-height    : 14px;
	display        : block;
	text-transform : uppercase;
}

.package .details {
	font-size  : .8em;
	padding    : 0 20px;
	text-align : left;
}

.package .btn {
	display : block;
	margin  : 20px 20px 30px;
}

.hero {
	height     : 600px;
	position   : relative;
	text-align : center;
	margin-top : 160px;
	color      : #FFFFFF;
}

.hero h1 {
	font-size      : 4.2em;
	font-family    : 'gooddog', 'quicksandbold', sans-serif;
	text-shadow    : 0 0 20px rgba(0, 0, 0, .3);
	color          : #FFFFFF;
	padding-top    : 0;
	text-transform : uppercase;
	font-weight    : 900;
}

.secondary .hero h1 span {
	display   : block;
	font-size : .3em;
}

.secondary .hero {
	height: 490px;
	overflow                   : hidden;
}

#content {
	padding    : 60px 0;
	position   : relative;
	z-index    : 2;
	background : #FFFFFF;
	float      : left;
	width      : 100%;
}

#content .image, #content .content {
	width      : 50%;
	float      : right;
	position   : relative;
	min-height : 500px;
	z-index    : 1;
	top        : 0
}

#content .content {
	padding    : 0px 2% 30px;
	width      : 50%;
	min-height : 500px;
}

#content .content.empty {
	top    : 0;
	height : 0;
	/* display : none; */
}

#content .image .inner {
	position : absolute;
	top      : 0;
	left     : 0;
	right    : 0;
	width    : 100%;
	height   : 100%;
}

#content .image.right, #content .image:nth-child(6n+3) {
	float : left;
}

#content .image img, #content .image iframe {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	z-index  : 1;
}

#content .image iframe {
	width  : 100%;
	height : auto;
}

#content .image:nth-child(6n+3) img {
	left  : auto;
	right : 0;
}

.hero .inner {
	position  : absolute;
	top       : 50%;
	left      : 50%;
	transform : translateY(-50%) translateX(-50%);
	width     : 100%;
}

/*
#secondary #hero{height:300px;background:url(../images/page-header.png) no-repeat center center; background-size:cover; position:relative;}
#secondary #hero .wrap{padding:0 50px; text-align: center;}
#secondary #hero h1{font-size:5em;text-shadow: 0 0 20px rgba(0,0,0,.3);  color:#FFF; padding-top:120px; text-transform: uppercase; font-weight: 900;}
#secondary.job-opportunities #hero.shift h1{font-size:4em; padding-top:60px;}
#secondary #hero h1 span{ display:block; font-size:.3em;}

#content{padding:60px 0; position:relative; z-index:2}
#content:before{position: absolute;content:'';bottom:-50px;right:50%;width: 0;height: 0;border-top: 50px solid #FFF;border-left: 1000px solid transparent;z-index: 2;}
#content:after{position: absolute;content:'';bottom:-50px;left:50%;width: 0;height: 0;border-top: 50px solid #FFF;border-right: 1000px solid transparent;z-index: 2;}

.home #content .wrap, .wrap.small{max-width: 768px; text-align: center; margin-bottom:30px; padding:0 30px;}

#content .image, #content .content{width:40%; float:right; position:relative; min-height:400px; z-index:1; top:0}
#content .content{padding:0 2% 30px; width:60%; min-height:400px;}
#content .content.empty{top:0; height:0; display:none;}
#content .image .inner{position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
#content .image.right, #content .image:nth-child(6n+3){float:left;}
#content .image img, #content .image iframe{position:absolute; top:0; left:0; width:100%; z-index:1;}
#content .image iframe{width:100%; height:auto;}
#content .image:nth-child(6n+3) img{left:auto; right:0;}

#content hr{border:none; height:0; clear:both;margin:0;}
#content h2{font-size:3em;position:relative; margin-bottom:40px;color:#016dbc;}
#content h3{font-size:2.5em;text-align:left; position:relative; margin-bottom:20px;color:#016dbc;}
#content h4{font-size:1.8em;color:#016dbc;}
#content h6{color:#696969;}

#banner{height:400px; margin-bottom:50px; position:relative; overflow:hidden;}
#banner .image{background:url(../images/slider.jpg) no-repeat center center; background-size:cover; position:absolute; top:0; left:0;width:100% !important;}

.faq.drawer{border:1px solid #CCC;-webkit-border-radius:5px;border-radius:5px;margin:0 30px 20px}
.drawer>h3{text-transform:none!important;display:block;position:relative;color:#2A2A2A!important;padding:25px 20px 0 80px;margin:0;cursor:pointer;font-size:1.5em !important;text-align:left;-webkit-transition:background .5s linear;-moz-transition:background .5s linear;-ms-transition:background .5s linear;-o-transition:background .5s linear;transition:background .5s linear}
.faq.drawer>h3:before{position:absolute;content:'';width:30px;height:30px;background:url(../images/faqicon.jpg) no-repeat center center; background-size:contain;left:25px;top:20px;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:background .5s linear;-moz-transition:background .5s linear;-ms-transition:background .5s linear;-o-transition:background .5s linear;transition:background .5s linear}
.faq.drawer>h3:hover:before{background:url(../images/faqicon-active.jpg) no-repeat center center;background-size:contain;}
.faq.drawer>h3.active:before{background:url(../images/faqicon-active.jpg) no-repeat center center;background-size:contain;}
.faq.drawer>h3.active{color:#016dbc !important;}
.drawer .slidingDiv .text{padding:20px 20px 20px 80px;border:1px solid #555555;border-top:none;position:relative}
.faq.drawer .slidingDiv .text{border:none;padding:20px 20px 20px 80px;-webkit-border-radius:5px;border-radius:5px}
.faq.drawer .slidingDiv .text p{margin:0}
.drawer .slidingDiv .text .caption{position:absolute;top:20px;left:30px}*/

/*#contactbanner{background:url(../images/contact-bg.jpg) no-repeat center center fixed; background-size:cover; padding:60px 0; z-index: 1;}
#contactbanner .wrap{padding:0 30px;}
#contactbanner h2{color:#FFF; font-size:4em; text-transform: none; margin-bottom:40px;}
#contactbanner h3{color:#FFF; text-transform:none; line-height: 1.4em; font-size:1.6em; margin-bottom:30px;}
#contactbanner .divider{ width:100px;-webkit-border-radius:5px; border-radius:5px; height:8px; background: #FFF; margin:0 auto 30px;}
#contactbanner .btn{background:#FFF; color:#016dbc; display: block; margin:20px auto 0;}
#contactbanner.small{background:url(../images/contact-mini-bg.jpg) no-repeat center center fixed; background-size:cover; padding:120px 0 60px; z-index: 1;}
#contactbanner h2{margin:0 0 20px;}
#contactbanner .error{right:50px;}

#contactinfo{background:url(../images/contact-bg.jpg) no-repeat -50% top; background-size:cover; padding:0; z-index: 1;}
#contactinfo .wrap{padding:0 30px;}
#contactinfo .span5{padding-top:80px;}
#contactinfo h2, #contactinfo i{color:#FFF; font-size:4em; text-transform: none; margin-bottom:40px; text-align: center;}
#contactinfo i{display: block!important; margin-bottom:20px;}
#contactinfo h3{color:#FFF; text-transform:none; line-height: 1.4em; font-size:1.6em; margin-bottom:30px;}
#contactinfo .divider{ width:100px;-webkit-border-radius:5px; border-radius:5px; height:8px; background: #FFF; margin:0 auto 30px;}
#contactinfo .btn{background:#FFF; color:#016dbc; display: block; margin:20px auto 0;}
#map{width:100%; height:500px; margin:0;}*/

/********* FOOTER *********/
footer {
	color      : #333333;
	background : #FFFFFF;
	float      : left;
	width      : 100%;
}

footer .wrap {
	padding : 0 30px;
	height  : auto;
}

footer .logo img {
	display : block;
	margin  : 20px 0 10px;
	width   : 160px;
}

footer #copyright {
	padding     : 30px 0;
	margin      : 30px 0 0;
	font-weight : 700;
	background  : #2C3E50;
}

footer .dev {
	background  : url(../images/iwwlogo.png) no-repeat center center;
	text-indent : -999em;
	margin      : 0 auto;
	display     : inline-block;
	width       : 20px;
	height      : 25px;
	position    : absolute;
	bottom      : 0;
	right       : 0;
}

.footer {
	margin-top : 30px;
}

.footer a {
}

.footer p {
}

.footer ul {
}

.footer .wrap {
}

.footer-top {
	background : rgba(255, 245, 248, 0.87);
	background : -moz-linear-gradient(top, rgba(255, 245, 248, 0.87) 0%, rgba(134, 214, 224, 0.94) 50%, rgba(84, 199, 214, 0.87) 100%);
	background : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 245, 248, 0.87)), color-stop(50%, rgba(134, 214, 224, 0.94)), color-stop(100%, rgba(84, 199, 214, 0.87)));
	background : -webkit-linear-gradient(top, rgba(255, 245, 248, 0.87) 0%, rgba(134, 214, 224, 0.94) 50%, rgba(84, 199, 214, 0.87) 100%);
	background : -o-linear-gradient(top, rgba(255, 245, 248, 0.87) 0%, rgba(134, 214, 224, 0.94) 50%, rgba(84, 199, 214, 0.87) 100%);
	background : -ms-linear-gradient(top, rgba(255, 245, 248, 0.87) 0%, rgba(134, 214, 224, 0.94) 50%, rgba(84, 199, 214, 0.87) 100%);
	background : linear-gradient(to bottom, rgba(255, 245, 248, 0.87) 0%, rgba(134, 214, 224, 0.94) 60%, rgba(84, 199, 214, 0.87) 100%);
	filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f5f8', endColorstr='#54c7d6', GradientType=0);
}

.footer-top, .footer-bottom {
	width : 100%;
	float : left;
}

.footer-bottom {
	background  : rgba(84, 199, 214, 0.87);
	border-top  : 2px solid rgba(0, 0, 0, 0.1);
	padding-top : 62px;
	height      : 190px;
}

.top.bump {
	border-top-left-radius  : 60% 40%;
	border-top-right-radius : 60% 40%;
}

.bottom.bump {
	border-bottom-left-radius  : 60% 40%;
	border-bottom-right-radius : 60% 40%;
}

.follow {
	text-align  : center;
	height      : auto;
	padding-top : 70px;
}

.hashtag-doodle {
	font-family    : 'gooddog', sans-serif;
	font-size      : 46px;
	font-weight    : bold;
	padding-bottom : 0;
	width          : 100%;
}

.follow p {
	font-size   : 18px;
	color       : #2A2A2A;
	font-weight : 500;
}

.follow .social {
	margin-top : 30px;
}

.follow .social .link {
	height  : 130px;
	width   : auto;
	display : inline-block;
	margin  : 0 50px;
}

.follow .social .link img {
	width  : 70px;
	height : auto;
	margin : 0 auto 5px;
}

.follow .social .link label {
	float      : left;
	width      : 100%;
	text-align : center;
}

.footer-nav {
	float       : left;
	width       : 55%;
	margin-left : 15%;
	text-align  : left;
}

.footer-nav .mobilenav {
	display : none;
}

.footer-nav nav {
	padding       : 0;
	margin-bottom : 12px;
}

.footer-nav .legal {
}

.footer-nav ul {
	width   : 100%;
	margin  : 0;
	padding : 0;
}

.footer-nav li {
	display     : inline-block;
	color       : #2E2E2E;
	font-size   : 14px;
	padding     : 0 30px 0 0;
	line-height : 20px;
	height      : 20px;
}

.footer-nav li a {
}

.footer-nav li a img {
}

.footer-nav nav ul {
}

.footer-nav nav li {
	font-weight    : bold;
	text-transform : uppercase;
	font-size      : 16px;
}

.footer-nav nav li a {
	padding : 0;
}

.footer-nav nav li a img {
}

.footer-code {
	float : left;
	width : 30%;
}

.footer-code .enter-code-form {
}

.footer-code .enter-code-form form {
	text-align : right;
	float      : left;
	width      : 100%;
}

.footer-code .enter-code-form input {
	width   : auto;
	display : inline-block;
}

/********* IMAGE SLIDER *********/
.hero {
	position : relative;
	z-index  : 1;
}

.bxslider {
	margin     : 120px 0 0 !important;
	z-index    : 1;
	background : #111111;
}

div.bx-viewport {
	overflow   : visible !important;
	overflow-x : hidden;
}

.bxslider li {
	position : relative;
}

.bxslider, .bxslider li {
	height : 500px;
}

.bxslider li .wrap {
	z-index    : 2;
	text-align : left;
	padding    : 0 0;
}

.bxslider .region {
	max-width : 1024px;
	position  : absolute;
	height    : auto;
	top       : 50%;
	transform : translateY(-50%);
	margin    : auto 0;
}

.bxslider .region.left {
	left : 2%;
}

.bxslider .region.left {
	max-width : 600px;
}

.bxslider .region.center {
	right      : 0;
	left       : 0;
	margin     : 0 auto;
	text-align : center;
}

.bxslider .region.right {
	right : 2%;
}

.bxslider .title {
}

.bxslider h2 {
	font-size      : 4em;
	font-weight    : 400;
	margin         : 0;
	text-shadow    : 0 0 20px #000000;
	text-transform : uppercase;
}

.bxslider h3 {
	font-size      : 3.89em;
	margin         : 0;
	text-shadow    : 0 0 20px #000000;
	text-transform : uppercase;
}

.bxslider h5 {
	font-size   : 1em;
	line-height : 1.4em;
}

.bxslider p {
	font-size   : .85em;
	line-height : 1.4em;
}

.bxslider .btn.blue-bg {
	margin-right : 20px;
}

.bxslider li .background {
	position : absolute;
	top      : 0;
	left     : 0;
	right    : 0;
	width    : 100%;
	height   : 100%;
	margin   : 0 auto;
	z-index  : 1;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width : 100%;
}

.bx-wrapper .bx-pager {
	display : block;
	z-index : 99;
	bottom  : 30px;
	right   : auto;
	width   : 100%;
	left    : auto;
}

.bx-wrapper .bx-pager .bx-pager-item {
	display : inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background   : none;
	width        : 6px;
	height       : 6px;
	display      : inline-block;
	margin-right : 10px;
	border       : 1px solid #FFFFFF;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
}

.bx-wrapper .bx-prev {
	left : -50px;
}

.bx-wrapper .bx-next {
	right : -50px;
}

/********* FORMS *********/

form {
}

form h5 {
	display : inline-block;
	margin  : 30px 0 10px;
	color   : #016DBC;
}

form .span6 {
	position : relative;
}

form .btn {
	margin  : 30px auto 0;
	display : block;
	color   : #FFFFFF;
}

form .upload {
	font-weight    : normal;
	cursor         : pointer;
	font-size      : .9em;
	border         : none;
	text-transform : uppercase;
	color          : #FFFFFF;
	width          : auto;
	line-height    : 1em;
}

form .upload input {
	display  : block !important;
	width    : 150px !important;
	height   : 45px !important;
	opacity  : 0 !important;
	overflow : hidden !important
}

form .upload .btn {
	width        : 140px;
	display      : inline-block;
	padding      : 10px 20px;
	margin-right : 30px;
	position     : absolute;
	margin       : 10px 0 0;
}

form .panel {
}

form .panel.hide {
	display : none;
}

.onoffswitch {
	position            : relative;
	width               : 120px;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	float               : right;
	margin-left         : 30px;
}

.onoffswitch-checkbox {
	display : none
}

.onoffswitch-label {
	display       : block;
	overflow      : hidden;
	cursor        : pointer;
	border        : 2px solid #FFFFFF;
	border-radius : 20px;
	margin        : 0;
}

.onoffswitch-inner {
	display     : block;
	width       : 200%;
	margin-left : -100%;
	transition  : margin .3s ease-in 0s
}

.onoffswitch-inner:after, .onoffswitch-inner:before {
	display     : block;
	float       : left;
	width       : 50%;
	height      : 30px;
	padding     : 0;
	line-height : 30px;
	font-size   : 11px;
	font-weight : 700;
	box-sizing  : border-box
}

.onoffswitch-inner:before {
	content          : "YES!";
	padding-left     : 10px;
	background-color : #C0392B;
	color            : #FFFFFF
}

.onoffswitch-inner:after {
	content          : "NO";
	padding-right    : 10px;
	background-color : #CCCCCC;
	color            : #555555;
	text-align       : right
}

.onoffswitch-switch {
	display       : block;
	width         : 18px;
	height        : 18px;
	margin        : 8px;
	background    : #FFFFFF;
	position      : absolute;
	top           : 0;
	bottom        : 0;
	right         : 86px;
	border        : 2px solid #999999;
	border-radius : 20px;
	transition    : all .3s ease-in 0s
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left : 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right      : 0;
	background : #FFFFFF;
	border     : 2px solid #FFFFFF
}

/********* ANIMATIONS *********/
/*
@keyframes slidedown {
    from {top:-200px;}
    to {top:0;}
}
*/
/********* MODAL AND OVERLAY *********/
/*
.overlay {position: fixed;z-index: 9999;left: 0;right: 0;top: 0;width: 100%;height: 100%;opacity:.8;display: none; background:#000;}
.modal {	position: fixed;	top: -1000px;max-width: 800px;padding: 50px;left: 0;right: 0;	margin: 0 auto; 	z-index: 10000;-moz-transition: all 400ms linear;-ms-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear;-webkit-transition: all 400ms linear; background:#FFF; box-shadow:0 0 40px rgba(0,0,0,.3);}
.modal .inner {position: relative;overflow-y: scroll;min-height: 30vh;max-height:75vh;}
.modal .modalclose {color: #c2c2c2;position: absolute;top: 10px;right: 20px;font-size: 3em;}



.controls {padding: 1rem; text-align:center;}
.control {position: relative; display: inline-block; cursor: pointer; background:none; border:none; font-size:1em;font-family: 'Montserrat'; text-transform:uppercase;color:#696969;}
.mixitup-control-active{color:#1a1a1a;}
.mixitup-control-active[data-filter]:after {position:absolute; content:''; width:100%; height:3px; bottom:-5px; left:0; right:0; background: #1a1a1a;}
.control[data-filter] + .control[data-sort] {margin-left: .75rem;}

.container {padding: 1rem; text-align: left;font-size: 0.1px;}
.container:after { content: ''; display: inline-block; width: 100%;}

.mix, .gap { display: inline-block;vertical-align: top; float:left;}
.mix { width:23%; margin:20px 1%; height:200px;position: relative; overflow:hidden;}
.mix[style*="display: none;"]{height:0; padding:0;}
.mix[style*="display: none;"] img{height:0; width:0;}
.mix a{position:absolute;}
.mix img{max-width:100%;}
.mix:before {content: ''; display: inline-block; padding-top: 56.25%;}*/

body.login, body.register {
	background      : url(../images/loginbg.png) no-repeat center center;
	background-size : cover;
	min-height      : 100vh;
}

.card .cardImage {
	margin : 0 auto;
}

.card form {
	margin-top : 0px;
}

.btn-group label input {
	display : inline;
}

/* ######### SECTIONS ######### */

.sections {
	height         : 100%;
	width          : 100%;
	float          : left;
	padding-top    : 0px;
	padding-bottom : 0px;
}

.sections:after {
	content : '';
	clear   : both;
	float   : none;
}

.section {
	width      : 100%;
	position   : relative;
	float      : left;
	min-height : 150px;
	height     : auto;
	padding    : 40px 10px;
}

.section::after {
	content : '';
	float   : none;
	clear   : both;
}

.section img {
	box-shadow      : none;
	object-fit      : contain;
	height          : auto;
	width           : 100%;
	object-position : center;
	margin          : 0 auto;
	/*max-width       : 450px;*/
}

.section-image, .section-text {
	width : 50%;
	float : left;
}

.section-image {
	height  : 100%;
	padding : 0 10px;
}

.left-image-right-text .section-text {
}

.contact.section {
	min-height : unset;
	padding    : 0;
	margin     : 0;
}

.contact .profileSection {
	margin : 0 0 40px;
}

.center-header-and-text {
	text-align : center;
	margin     : 0 auto;
	/* float      : none; */
}

.center-header-and-text p {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	/*font-family: sans-serif;*/
}

.left-image-right-text {
	text-align : left;
}

.right-image-left-text {
	text-align : left;
}

.right-image-left-text .section-text {
	float : left;
}

.right-image-left-text .section-image {
	float : right;
}

.small-callout-with-image .callout {
	width      : 33.333%;
	float      : left;
	text-align : center;
}

.small-callout-with-image .callout a {
	text-align     : center;
	text-transform : uppercase;
	font-weight    : bold;
}

.small-callout-with-image {
	float: none;
	width: 100%;
	margin: 0 auto;
	margin: 0 auto;
	min-height: 382px;
}

.small-callout-with-image .callout.last {
}

.small-callout-with-image .callout .section-image {
	width      : 100%;
	/*transition : transform .5s ease-in;*/
}

.small-callout-with-image .callout:hover .section-image {
	/*transform : scale(1.05);*/
}

.small-callout-with-image .callout .section-text {
	width : 100%;
}

.small-callout-with-image .callout .section-text ol {
	text-align : left;
}

.hero-with-banner {
	padding : 0;
}

.hero-with-banner .section-image {
	width : 100%;
	float : left;
}

.hero-with-banner .section-image img {
	object-fit : contain;
	width      : 100%;
	max-width  : 1400px;
}

.what-is {
	margin-bottom : 120px;
	padding       : 60px 0 0;
}

.what-is::after {
	content         : ' ';
	display         : block;
	height          : 80px;
	width           : 100%;
	background-size : 100%;
	background      : url(../images/bottom-curve.png) repeat-y center;
}

.home .sections {
	counter-reset : hiw;
	position      : relative;
	width         : 100%;
	height        : 100%;
}

.home .sections:after,
.become-a-painter .sections:after,
.become-a-sponsor .sections:after {
	background-size : 100%;
	/*background      : url(../images/space.png) repeat center;*/
	content         : "";
	opacity         : 0.4;
	top             : 0;
	left            : 0;
	bottom          : 0;
	right           : 0;
	position        : absolute;
	z-index         : -1;
}

.hiw {
	/* height : 350px; */
}

.hiw h2:before {
	content             : counter(hiw);
	counter-increment   : hiw;
	background-size     : 71px;
	background-image    : url(../images/counter-circle.png);
	background-position : center;
	background-repeat   : no-repeat;
	height              : 71px;
	width               : 71px;
	display             : block;
	float               : left;
	text-align          : center;
	margin-right        : 20px;
}

.hiw-0 {
	text-transform : uppercase;
	color          : #FBB03B;
	font-family    : 'quicksandbold', 'Quicksand', sans-serif;
	font-weight    : bold;
	min-height     : initial;
	height         : 100px;
	padding        : 0;
}

.section-text h2 {
	color       : #0c383c;
	font-size   : 2.5em;
	/*font-weight : bold;*/
}

.hiw .section-image img {
	margin-right : 60px;
}

.hiw-1 {
}

.hiw-2 .section-image img {
	margin-right : 0;
	margin-left  : 60px;
}

.hiw-2 {
}

.hiw-2 h2:before {
	float        : right;
	text-align   : center;
	margin-left  : 20px;
	margin-right : 0;
}

.center-header-and-text h2 {
	/*font-family : 'gooddog', sans-serif;*/
}

.sponsor-featured-promotions h2 {
	font-family : 'quicksandregular', sans-serif;
	font-size   : 2.2em;
	color       : #FBB03B;
}

.section h2 {
	text-transform : uppercase;
}

.section h2 span {
	color : #FBB03B;
}

.painter-register, .sponsor-register {
	background : #52C5D5;
	border     : 2px solid #FFFFFF;
	color      : #FFFFFF;
	padding    : 0.7rem 2.4rem;
	display    : inline-block !important;
}

.painter-register:hover, .sponsor-register:hover {
	background : #1C6C77;
}

.painter-how-to-apply {
	text-align : left;
}

.painter-how-to-apply {
	counter-reset : hta;
}

.painter-how-to-apply ul {
}

.painter-how-to-apply li {
	line-height   : 16px;
	height        : 45px;
	padding-top   : 9px;
	padding-left  : 55px;
	margin-bottom : 10px;
	position      : relative;
}

.painter-how-to-apply li:before {
	content             : counter(hta);
	counter-increment   : hta;
	background-size     : 45px;
	background-image    : url(../images/counter-circle-green.png);
	background-position : center;
	background-repeat   : no-repeat;
	font-size           : 30px;
	font-family         : 'quicksandbold', sans-serif;
	color               : #565655;
	height              : 45px;
	width               : 45px;
	display             : block;
	float               : left;
	text-align          : center;
	line-height         : 45px;
	margin-right        : 20px;
	position            : absolute;
	top                 : 0px;
	left                : 0;
}

.painter-what-you-do .button.oval.green, .sponsor-join-for-as-little .button.oval.green {
	padding : 12px 20px;
}

.sponsor-featured-promotions p {
	margin-top : 10px;
}

.sponsor-featured-promotions .button.oval.green {
	padding     : 22px 18px;
	font-weight : bold;
}

.sponsor-join-now .button.oval.green {
	padding : 10px 15px;
}

/* #########  FORMS ######### */

form .callout {
	background : #FFFFFF;
	border     : 3px solid #FF1313;
	padding    : 14px;
	text-align : left;
	font-size  : 14px;
}

form .callout .title-5 {
	color         : #FF1313;
	font-weight   : bold;
	margin-bottom : 0;
}

ul.errors {
	padding-left : 14px;
}

ul.errors li {
	list-style  : decimal;
	text-indent : 10px;
}

.blue-form {
	background : transparent;
	height     : auto;
	margin     : 50px auto;
	position   : relative;
	width      : 100%;
	float      : none;
	max-width  : 700px;
}

.blue-form form {
	float : left;
	width : 100%;
}

.infoLink {
	position      : absolute;
	left          : 40px;
	bottom        : 35px;
	font-weight   : bold;
	font-size     : 12px;
	color         : #FFFFFF;
	border-bottom : 1px solid;
}

.billing-settings .infoLink {
	bottom : 95px;
}

.blue-form fieldset {
	background    : #52C5D5;
	padding       : 40px;
	margin-bottom : 50px;
	border        : none;
	position      : relative;
}

.blue-form label, .blue-form .label {
	width       : 100%;
	float       : left;
	text-align  : left;
	margin-top  : 6px;
	font-weight : 600;
	font-size   : 14px;
	font-family : 'quicksand', sans-serif;
}

.blue-form label.half, .blue-form .label.half, label.half {
	width   : 50%;
	float   : left;
	padding : 0 4px 0 0;
}

.blue-form label.half.last, .blue-form .label.half.last, label.half.last {
	padding-left  : 4px;
	padding-right : 0;
}

.blue-form label.third, .blue-form .label.third, label.third {
	width   : 33.33367%;
	float   : left;
	padding : 0 2px 0 0;
}

.blue-form label.third.middle, .blue-form .label.third.middle, label.third.middle {
	padding-right : 2px;
	padding-left  : 2px;
}

.blue-form label.third.last, .blue-form .label.third.last, label.third.last {
	padding-left  : 2px;
	padding-right : 0;
}

.blue-form label.quarter, .blue-form .label.quarter, label.quarter {
	width   : 25%;
	float   : left;
	padding : 0 2px 0 0;
}

.blue-form label.quarter.last, .blue-form .label.quarter.last, label.quarter.last {
	padding-left  : 2px;
	padding-right : 0;
}

.blue-form input, .blue-form select, .sq-input {
	height      : 52px;
	font-weight : 400;
	width       : 100%;
}

.blue-form textarea {
	height      : 152px;
	padding-top : 10px;
}

.blue-form .button.oval.green {
	height    : 50px;
	padding   : 0;
	width     : 150px;
	font-size : 20px;
}

.fieldset-header, .fieldset-footer {
	position   : absolute;
	width      : 100%;
	height     : 80px;
	text-align : left;
	background : #9DE2EC;
	top        : 0;
	left       : 0;
	padding    : 10px;
}

.fieldset-footer {
	top    : auto;
	bottom : 0;
}

.fieldset-header .title-2, .fieldset-footer .title-2 {
	text-transform : uppercase;
	font-size      : 2rem;
	line-height    : 60px;
	margin-left    : 10px;
	font-weight    : bold;
	color          : #43A6B4;
	float          : left;
	padding        : 0;
}

.total-display {
	float        : right;
	width        : 150px;
	background   : #FFFFFF;
	text-align   : center;
	height       : 40px;
	line-height  : 36px;
	font-weight  : bold;
	color        : #7F7F7F;
	border       : 2px solid #52C5D5;
	margin-top   : 10px;
	margin-right : 10px;
	padding      : 0;
}

/* ####### DROPBOX ####### */

.dropbox {
	height     : 120px;
	background : #DBF3F7;
	border     : 3px dashed #48BCC9;
	margin-top : 4px;
	float      : left;
	width      : 100%;
	position   : relative;
	cursor     : pointer;
}

.dropbox.dz-started {
	height   : 300px;
	width    : 300px;
	overflow : hidden;
	float    : none;
	margin   : 10px auto 0;
	position : relative;
}

.dz-details, .dz-success-mark, .dz-error-mark {
	display : none;
}

.dropbox img {
	width           : 100%;
	height          : 100%;
	object-fit      : cover;
	object-position : center;
}

.sponsor .dropbox.dz-started {
	width      : 300px;
	height     : 300px;
	text-align : center;
}

.sponsor .dropbox.dz-started img {
	width      : 98%;
	height     : auto;
	object-fit : initial;
	position   : absolute;
	top        : 50%;
	left       : 50%;
	transform  : translateX(-50%) translateY(-50%);
}

.dropbox.dz-started .dropbox-message {
	display : none;
}

.dropbox .dropbox-message {
	position    : absolute;
	text-align  : center;
	top         : 50%;
	left        : 50%;
	width       : 100%;
	transform   : translateY(-50%) translateX(-50%);
	line-height : 2;
}

.dropbox .icon {
	width  : 60px;
	margin : 0 auto;
}

.dropbox .description {
	font-size   : 12px;
	color       : #7F7F7F;
	line-height : 1.2;
	padding-top : 10px;
}

/* ####### CONTACT ####### */

.contact-bg {
	width               : 100%;
	height              : 100%;
	float               : left;
	background          : url(../images/contact-bg.png);
	background-size     : contain;
	background-position : right;
	background-repeat   : no-repeat;
}

/* ####### PROFILE ####### */

.painter {
	padding-top : 40px;
}

.profileSection {
	width  : 100%;
	float  : left;
	margin : 40px 0;
}

.profileNav {
	width      : 200px;
	text-align : right;
	float      : right;
}

.profileNav .dropdown-toggle {
}

.profileNav .dropdown-toggle:after {
	display : none;
}

.profileNav .dropdown-menu .dropdown-item {
	color            : #FFFFFF;
	background-color : #8DC641;
	margin           : 4px 0;
	height           : 40px;
	padding          : 8px 12px;
	text-align       : right;
	font-weight      : 900;
	text-transform   : uppercase;
	font-family      : 'quicksandbold', sans-serif;
	position         : relative;
}

.profileNav .dropdown-menu .dropdown-item:hover {
	color            : #FFFFFF;
	background-color : #8DC641;
	box-shadow       : none;
}

.profileNav .dropdown-item.first:before {
	content      : "\A";
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 0 0 16px 16px;
	border-color : transparent transparent #8CC641 transparent;
	position     : absolute;
	right        : 0;
	top          : -16px;
}

.profileNav .dropdown-menu {
	padding          : 0;
	box-shadow       : none;
	background-color : transparent;
	overflow         : visible;
	margin-top       : 10px;
}

.profile-image {
	width    : 330px;
	height   : 326px;
	position : relative;
	overflow : hidden;
	margin   : 0 auto;
	z-index  : 1;
}

.sponsor .profile-image {
	width         : 300px;
	height        : 300px;
	text-align    : center;
	border        : 1px solid;
	border-radius : 10px;
}

.sponsor .profile-image img.image {
	width      : 98%;
	height     : auto;
	object-fit : initial;
	position   : absolute;
	top        : 50%;
	left       : 50%;
	transform  : translateX(-50%) translateY(-50%);
}

img.clip {
	position        : absolute;
	top             : 0;
	left            : 0;
	height          : 100%;
	width           : 100%;
	transform       : rotateY(180deg);
	object-fit      : unset;
	z-index         : 1;
	object-position : unset;
}

.profile-image img.image {
	width       : 99%;
	height      : 99%;
	object-fit  : cover;
	margin-top  : .1em;
	margin-left : .1em;
}

.profile-image .icon {
	position    : absolute;
	z-index     : 10000;
	bottom      : 0;
	left        : 0;
	height      : auto;
	font-size   : 30px;
	color       : #959595;
	line-height : 1;
	padding     : 0;
	margin      : 0;
}

.profile h2 {
}

.profile .site {
}

.profile .location {
}

.profile .bio {
}

.profile .social {
	width  : 100%;
	float  : left;
	height : auto;
}

/* ####### SETTINGS ####### */

.settings {
}

.settings form {
}

.settings input {
}

.settings label {
}

.settings .image-label {
	line-height : 3;
}

.painter.settings .dropbox.dz-started, .painter.settings .dropbox {
	max-height : 326px;
	max-width  : 330px;
	margin     : 0 auto;
	border     : none;
	background : transparent;
}

.settings .dz-image img {
	position    : absolute;
	top         : 0;
	left        : 0;
	z-index     : 0;
	width       : 99%;
	height      : 99%;
	object-fit  : cover;
	margin-top  : .1em;
	margin-left : .1em;
}

.name input,
.location input,
.settings .reason textarea {
	border        : none;
	border-bottom : 3px solid;
	padding       : 0;
	height        : 46px;
	margin-bottom : 20px;
	font-size     : 1.6em;

}

.location input {
}

.settings .reason textarea {
	font-size : 1.2em;
	height    : 104px;
}

.name input[type=text]:focus:not([readonly]),
.name input[type=password]:focus:not([readonly]),
.location input[type=text]:focus:not([readonly]),
.settings .reason textarea:focus:not([readonly]) {
	border        : none;
	border-bottom : 3px solid #4EBBCA;
	padding       : 0;
	font-size     : 1.7em;

}

.settings .reason textarea:focus:not([readonly]) {
	font-size : 1.3em;
}

.settings .facebook,
.settings .twitter,
.settings .instagram {
	font-family : 'quicksandbold';
	font-weight : bold;
}

.settings .facebook {
	color : #2D3691;
}

.settings .twitter {
	color : #50C5D5;
}

.settings .instagram {
	color : #FCB03B;
}

.settings .facebook input,
.settings .twitter input,
.settings .instagram input {
	border        : none;
	border-bottom : 4px solid;
	width         : 98%;
	padding       : 0;
}

.settings .facebook input:focus:not([readonly]),
.settings .twitter input:focus:not([readonly]),
.settings .instagram input:focus:not([readonly]) {
	border        : none;
	border-bottom : 4px solid;
}

.settings .facebook input:focus:not([readonly]) {
	border-color : #2D3691;
}

.settings .twitter input:focus:not([readonly]) {
	border-color : #50C5D5;
}

.settings .instagram input:focus:not([readonly]) {
	border-color : #FCB03B;
}

/* ####### ROCK ####### */

.results-banner {
	float         : left;
	width         : 100%;
	height        : 120px;
	padding-top   : 20px;
	margin-bottom : 40px;
}

.results-banner .icon {
	width        : 80px;
	overflow     : hidden;
	margin-right : 20px;
	float        : left;
}

.results-banner .icon img {
	width : 100%;
}

.results-banner .text-content {
	width : calc(100% - 300px);
	float : left;
}

.results-banner .loser {
	text-transform : uppercase;
	font-weight    : bold;
	color          : #52C5D5;
}

.results-banner .winner {
	text-transform : uppercase;
	font-weight    : bold;
	color          : #8DC641;
}

.results-banner .message {
	line-height : 1;
	padding     : 0;
}

.results-banner .sponsor {
	width      : 200px;
	float      : left;
	text-align : center;
}

.results-banner .sponsor label {
	padding        : 0;
	text-transform : uppercase;
	font-size      : 11px;
	font-weight    : bold;
	color          : #959595;
}

.results-banner .sponsor .logo {
	width         : 200px;
	overflow      : hidden;
	height        : 60px;
	border        : 2px solid #8DC641;
	border-radius : 10px;
	display       : inline-block;
}

.results-banner .sponsor .logo img {
	height : 100%;
}

.rock .painter-profile {
	max-width : 500px;
	width     : 100%;
	float     : left;
	height    : 100%;
}

.rock .painter-profile .painter-image {
	width         : 100px;
	height        : 100px;
	overflow      : hidden;
	border-radius : 100%;
	float         : left;
	margin        : 0 20px 0 0;
}

.rock .painter-profile .painter-image img {
	object-fit : cover;
	width      : 100%;
	height     : 100%;
}

.rock .painter-profile .painter-text {
	float        : left;
	width        : 380px;
	padding-left : 10px;
}

.rock .painter-profile .painter-text h3 {
	line-height : 1;
}

.rock .painter-profile .painter-text .painter-small {
	line-height : 1;
	margin      : 0;
	padding     : 0;
}

.rock .painter-profile .painter-text .title-3 {
	float      : left;
	text-align : left;
	font-size  : 1.8em;
}

.rock .painter-profile .painter-text .site {
	float : left;
}

.divider {
	height           : 5px;
	width            : 100%;
	background-color : #7F7F7F;
	float            : left;
	margin           : 0 0 30px;
}

.painter-profile .divider {
	height : 3px;
	margin : 25px 0;
}

.painter-profile .social {
	height : auto;
}

.painter-profile .social-wrapper {
	margin : 15px auto;
	width  : 100%;
	height : 100%;
}

.painter-profile .social .button {
	display : inline-block;
	float   : none;
}

.painter-profile .code {
	float       : left;
	width       : 100%;
	font-weight : bold;
	font-size   : 1.5rem;
}

.painter-profile .callout {
	float       : left;
	width       : 100%;
	background  : #8CC641;
	text-align  : center;
	color       : #FFFFFF;
	font-weight : bold;
	padding     : 10px 0;
	margin-top  : 20px;
}

.sponsorsl, .history {
	width    : 100%;
	float    : left;
	position : relative;
	height   : 100%;
}

.sponsors {
}

.sponsors .sponsor {
	width   : 25%;
	float   : left;
	padding : 0.5%;
	height  : 250px;
}

.sponsors .sponsor img {
	width      : 90%;
	height     : auto;
	max-height : none;
	position   : absolute;
	top        : 50%;
	left       : 50%;
	transform  : translateY(-50%) translateX(-50%);
}

.image-wrap {
	min-height : 160px;
	height     : 160px;
	width      : 100%;
	border     : 1px solid rgba(14, 14, 14, 0.4);
	padding    : 0;
	float      : left;
	position   : relative;
	overflow   : hidden;
}

.sponsors .sponsor a.site, .history .rock p {
	color       : #7F7F7F;
	padding-top : 12px;
	float       : left;
	width       : 100%;
	text-align  : center;
	font-size   : 20px;
}

.subscriptionStats label {
	width       : 100%;
	line-height : 1;
	padding     : 3px 0;
}

.subscriptionStats label span {
	width     : 100%;
	float     : left;
	font-size : 12px;
}

.history {
}

.history .rock {
	width   : 20%;
	height  : 300px;
	padding : 1.5%;
	float   : left;
}

.history .rock img {
	width      : 100%;
	height     : 180px;
	object-fit : cover;
}

.history .rock p {
	font-size : 12px;
}

/* ####### SPONSOR SIGNUP ####### */

.navButtons {
	text-align : center !important;
	width      : 100%;
}

.navButtons a, .navButtons button, .navButtons .button {
	display : inline-block !important;
}

.sponsor {
}

.hidden, .fields {
	display : none;
}

.invisibles {
	height   : 1px;
	width    : 1px;
	position : absolute;
	left     : -99999px;
}

.controls {
}

.menu-divider {
	display : none;
}

.group-input {
	float   : left;
	width   : 100%;
	height  : auto;
	display : block;
	margin  : 12px 0;
}

.group-input .description {
	color       : #FFFFFF;
	font-weight : bold;
	font-family : 'quicksandbold', sans-serif;
	width       : auto;
}

.group-input .controls.small {
	width         : 180px;
	float         : right;
	text-align    : right;
	padding-right : 5px;
}

.group-input .controls.large {
	width      : 100%;
	float      : left;
	text-align : center;
}

.radio-buttons {
	width : 100%;
	float : left;
}

.radio-buttons input[type=radio] {
	display : none;
}

.radio-buttons input[type=radio] + label {
	width            : 80px;
	float            : none;
	height           : 40px;
	line-height      : 40px;
	background-color : #7F7F7F;
	color            : #FFFFFF;
	border           : 2px solid #FFFFFF;
	cursor           : pointer;
	padding          : 0;
	text-align       : center;
	display          : inline-block;
	font-weight      : bold;
	font-size        : 1rem;
	text-transform   : uppercase;
}

.radio-buttons .controls.large input[type=radio] + label {
	width            : 48%;
	float            : none;
	height           : 50px;
	line-height      : 50px;
	background-color : #7F7F7F;
	color            : #FFFFFF;
	border           : 2px solid #FFFFFF;
	cursor           : pointer;
	padding          : 0;
	text-align       : center;
	display          : inline-block;
	font-weight      : bold;
	font-size        : 1.2rem;
	text-transform   : uppercase;
}

.radio-buttons .controls.large input[type=radio]:checked + label,
.radio-buttons input[type=radio]:checked + label {
	background-color : #8CC641;
}

.navigation-bar .logo {
	float: left;
	height: auto;
	width: auto;
	margin-top: 18px;
	margin-right: 20px;
}

.navigation-bar .info {
	float: right;
	position: relative;
	width: auto;
	max-width: 100%;
}

.section.fore.callout {
	width: 25%;
}

section.section.banner.center-header-and-text {
	background-color: #083c3b;
	color: #ffffff;

	font-size: 20px;
	min-height: 100px;
}

section.section.center-header-and-text {
}



section.section.header-cc.center-header-and-text {
	min-height: 0px;
	padding-bottom: 0px;
}

.section.fore.orange-text-bag.callout h2{
	color: #c75d24;
	font-size: 1.1em;

}

section.section.blueish-bg.small-callout-with-image .section-text h2{
	font-size: 2em;

}


.center-header-and-text h2 {

}


.section-text h2 {

}

h2 {

}


button#apple-id{
	background        : url(../images/apple.png) no-repeat center center;
	/*background-size : cover;*/
	/*min-height      : 100vh;*/
	width: 100%;
	height: 97px;
}


button#google-bnt{
	background        : url(../images/play.png) no-repeat center center;
	background-size : cover;
	/*min-height      : 100vh;*/
	width: 100%;
	height: 97px;
}


section.section.green-back.left-image-right-text .section-text p {
	color: #ffffff;
	font-family: 'bignoodletitlingregular';
	font-size: 4em;
	text-align: center;
	line-height: 1;
	padding-top: 6%;
}

nav > ul li a, nav > ul li span {
	font-family: 'open_sansbold';
	font-size: 1.1em;
	color: #0c383c;
}

span.success-body-name {
	color: #0c383c;
	font-family: 'open_sansbold_italic';
	font-size: 1.2em;
	position: relative;
	left: 45%;
}


.map-holder{
	background        : url(../images/map.png) no-repeat center center;
	background-size : cover;
	width: 100%;
	height: 97px;
}


section.section.map-holder.map-card {
	height: 600px;
}

.map-card.card {
	width: 33%;
	padding: 15px;
	position: relative;
	left: 58%;
	top: 90px;
	background-color: #d5dede;
}

.section .map-card.card h2 {
	color: #0c383c;
}

.map-card.card p {
	color: #262626;
}

button.orange-text-bnt , input[type="submit"] {
	background-color: #cf5f26;
	font-family: 'built_titlingregular';
	font-size: 1.2em;
	margin-bottom: 5px;
}

h6, .title-6 {
	font-size: .9em;
	font-weight: 900;
	text-transform: uppercase;
}

.footer {
	margin-top: -31px;
}

.footer-nav {
	float: left;
	width: 100%;
	margin-left: 0;
	text-align: left;
}

.footer-nav li {
	padding: 0 11px 0 0;
}

.green-back {
	height: 600px;
	padding-top: 3%;
}

.footer-bottom {
	background: #103f3d;
}


.footer-bottom nav > ul li a, nav > ul li span {
	font-family: 'open_sansbold';
	font-size: 1.1em;
	color: #ffffff;

}

.footer-nav .legal li {
	color: #ffffff;
}

section.section.green-back.left-image-right-text .section-text p {
	line-height: 1.5;
}

.top-nav {
	background-color: #0b403f;
	color: #ffffff;
	height: 45px;
}

.top-nav {
	background-color: #0b403f;
	color: #ffffff;
	height: 45px;
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: 'built_titlingregular';
	padding-top: 7px;
}

.inner .card {
	width: 52%;
	background-color: #134947;
	border-radius: 23px;
	padding: 15px;
	margin-left: 20%;
}

.inner .card h3 {
	text-transform: uppercase;
	font-family: 'built_titlingregular';
}

.inner .card p {
	text-transform: uppercase;
	font-family: 'built_titlingregular';
	color: #ffffff;
}

input[type="submit"] {
	color: #ffffff;
	width: 100%;
	margin-top: 16px;
	border-radius: 12px;
	border: none;
}

span.inner-head {
	font-size: 4em;
	text-transform: uppercase;
	font-family: 'bignoodletitlingregular';
}

span.inner-orgen-body {
	text-transform: uppercase;
	font-size: 2em;
	background-color: #d26b25;
	padding: 5px;
}

.small-callout-with-image .callout .section-image img {
	/*max-width: 135px;*/
}

section.section.big-bag.small-callout-with-image img {
	max-width: 270px;
}

.secondary .inner img {
	position: absolute;
	left: 0;
	width: 25%;
	bottom: -140px;
	height: auto;
}

.section {
	margin-bottom: 0px;
}

.biggreen-back {
	background: url(../images/big-green.png) no-repeat center center;
	background-size: cover;
	/* min-height: 100vh; */
}

body.contact.secondary section.section.map-holder.map-card .map-card.card {
	display: none;
}


.col-md-12.question.question-span h2 {
	font-family: 'open_sansbold';
	font-size: 3em;
	color: #1f504d;
	font-weight: 900;
}

.col-md-12.answer h2 {
	font-family: 'open_sansbold';
	font-size: 3em;
	color: #e07c18;
	font-weight: 900;
}

body.faq.secondary .col-md-12.text-right img {
	max-width: 10px;
	margin-left: 90%;
}

body.mobile-app.secondary section.section.biggreen-back.right-image-left-text .section-image img {
	max-height: 800px;
}

body.mobile-app.secondary section.section.biggreen-back.right-image-left-text .section-text .row {
	margin-bottom: 6%;
}

section.section.biggreen-back.right-image-left-text {
	padding-top: 5%;
}

p.spe {
	color: #ffffff;
	font-size: 2em;
	font-family: 'bignoodletitlingregular';
	text-transform: uppercase;
}

p.spe-1 {
	color: #ffffff;
	font-size: 2.5em;
	font-family: 'bignoodletitlingregular';
	text-transform: uppercase;
}

section ul, ul li {
	list-style-type: disc;
}

section.section.step-form {
	background-color: #e1e1e1;
}

span.form-label {
	color: #0c383c;
	font-size: 2em;
	font-family: 'built_titlingregular';
}



section.section.corp-pricing .wrap {
	MARGIN: 0px 22%;
}

body.corporate-program.secondary input[type="submit"] {
	margin-bottom: 20px;
	width: 18%;
	margin: 0 41%;
	margin-bottom: 20px;
	padding: 12px;
}

body.contact.secondary input[type="submit"] {
	width: 20%;
	margin: 0 40%;
}

.contact-bg h2, .contact-bg h3{
	color: #0c383c;
}



.profileSection h3 {
	font-family: 'open_sansbold';
	font-size: 1.6em;
}

.contact-bg h2 {
	color: #0c383c;
	font-size: 4em;
}

.contact-bg {
	margin-top: 55px;
}

textarea {
	height: 9rem;
}

.contact-bg p {
	line-height: .5;
}

.row.pad {
	margin-top: 17px;
}

body.contact.secondary input[type="submit"] {
	width: 20%;
	margin: 0 40%;
	padding: 10px;
}

section.section.blueish-bg.right-image-left-text .section-text {
	padding-right: 30px;
}

section.section.blueish-bg.left-image-right-text .section-text {
	padding-left: 30px;
}


.contact-bg .col-md-11 {
	padding-left: 5%;
}

.contact-bg img {
	width: 100%;
}

img.icon-big {
	width: unset;
	padding-top: 8px;
}

/*.section.fore.orange-text-bag.callout {*/
	/*padding: 0 10px;*/
/*}*/

#googlemaps {
	z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}
section#googlemaps{
	min-height: 600px;
}

.map-card.card {
	position: absolute;
	/*z-index: 1; !* The z-index should be higher than Google Maps *!*/
	/*width: 300px;*/
	/*margin: 60px auto 0;*/
	/*padding: 10px;*/
	/*background: black;*/
	/*height: auto;*/
	/*opacity: .45; !* Set the opacity for a slightly transparent Google Form *!*/
	/*color: white;*/
}

section.section.blueish-bg.small-callout-with-image {
	height: 385px;
}

section.section.blueish-bg.top-45.small-callout-with-image {
	height: 330px;
}

.move-me {
	position: absolute;
	top: 50px;
	left: 124px;
	font-size: 31px;
	color: #ffffff;
	font-family: 'open_sansbold';
}

section.section.prices .section-image {
	width: 80%;
}

section.section.prices .section.callout.text-center {
	width: 33%;
}

span.highprice {

}

span.highprice-sub {

}


span.lowprice {

}

span.lowprice-sub {

}

span.typeofpack {

}

span.typeofpack.one {

}

h2 {

}

span.highprice.one {
	/*left: -18px;*/
}

section.section.banner.center-header-and-text h2 {
	color: #ffffff;
}

section.section.banner.center-header-and-text {

}

section.section.header-cc.blueish-bg.ornge-hh.center-header-and-text h2 {

}

section.section.biggreen-back.right-image-left-text{
	/*font-family: 'bignoodletitlingregular';*/
}


/*****************************/
/*****************************/
/*Wicked CSS*/
/*****************************/
/*****************************/

:root{
    --glow-color: #b0771f;
}

h1,h2,h3,h4,h5,h6, span {
    text-transform: uppercase;
    text-shadow: 1px 1px 1px black;
}


h1,h2 {
    font-family: "raven-song",Sans-serif;
    color: white;
    text-align: center;
    margin: auto;
}


h2 {
    font-size: 20pt;

}

p {
    font-family: Baskerville, Serif;
    font-size: 13pt;
    font-weight: 600;
    line-height: 1.3;
    color: white;
    text-align: justify;
    text-align-last: center;
    text-shadow: 1px 1px 1px black;
}


#becomeAFollower .formRight input::placeholder {
    color: white;
    font-family: Baskerville;
    font-weight: 600;
    font-size: 16pt;
    padding-left: 10px;
    text-transform: capitalize;

}

span.form-body {
    font-size: .50em;
    color: white;
    /*color: #4d4d4d;*/
}

input[type="text"], textarea {
    border: 2px solid #464646;
    background-color: #ebebeb;
    margin-bottom: 10px;
    /*padding-left: 6px;*/
}

input::-webkit-input-placeholder {
    color: white !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: white !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: white !important;
}

input:-ms-input-placeholder {
    color: white !important;
}

textarea::-webkit-input-placeholder {
    color: white !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: white !important;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
    color: white !important;
}

textarea:-ms-input-placeholder {
    color: white !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #1e1c1c;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1e1c1c inset;
    transition: background-color 5000s ease-in-out 0s;
}

/*::-webkit-input-placeholder {text-indent:10px!important;}*/
/*:-moz-placeholder { text-indent:10px!important;}*/
/*::-moz-placeholder {text-indent:10px!important;}*/
/*:-ms-input-placeholder {text-indent:10px!important;}*/



/*:placeholder-shown {*/
    /*color: white;*/
/*}*/



#wickedHeader {
     /*background: url(../images/1eoX.gif) no-repeat center center;*/
    background: url(../images/Header_Background.png) no-repeat center center;
    height: 800px;
    /*padding:0;*/
    /*z-index: -3;*/
}




img#wickedHeaderimage{
    width: 400px;
    height: 500px;
}

.logo-video {
   position: absolute;
   top: 50%;
   left: 50%; 
   transform: translate(-50%,-70%); 
}


#wickedHeaderbuttonText {
    position: relative;
    top: 8px;
    /*right: 6px;*/
    font-family: "noto_serif_bold";
    font-size: 14pt;
    color: #040000;
    text-shadow: 0px 0px 4px white;
    text-transform: uppercase;
}


#wickedHeader .imagecontainer {
    background: url(../images/header-button-noglow.png) no-repeat center center;
    width: 306px;
    height: 74px;
    background-size: contain;
    text-align: center;
    margin: auto;
    /*z-index: -1;*/
    /*transition: transform .5s ease-in;*/
}

#wickedHeader .imagecontainer:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 30px var(--glow-color));
    
}

.imagecontainer-video {
    position: absolute; 
    top: 60%; 
    left: 50%; 
    transform: translate(-50%,50%) ;
}

.imagecontainer-video:hover {
    transform:translate(-50%,50%) !important;
    height:77px !important;
    font-size:15pt;
    filter: drop-shadow(0 0 30px var(--glow-color));
}

#wickedHeader .imagecontainer a {
    display: inline-block;
    /*position: relative;*/
    /*top: 18px;*/
    /*right: 5px;*/
    padding: 5%;
    width: 100%;
    /*z-index: 5;*/
    height: 100%;
    cursor: pointer;
}

#wickedHeader video{
    height: 100%;
    width: 100%;
    object-fit: fill;
    display: block;
}

.video-wrap {
    max-width: unset;
    padding:0;
}



#talesOfTerror {
    background: url(../images/TalesOfTerrorBackground.png) no-repeat center center;
    height: 720px;
    padding: 0;
}

#talesOfTerror .wrap {
    max-width: unset;
    padding: 0;
}

img#talesOfTerrorimage {
    width: 790px;
    height: 360px;
    margin: 45px auto 45px auto;
}


#talesOfTerror video {
    height: 100%;
    width: 100%;
    object-fit: fill;
    display: block;
}

#becomeAFollower {
    background: url(../images/BecomeAFollowerBackground.png);
    height: 420px;
    color: white;
    background-size: cover;
}

.col-md-9.submitcontainer.pdf-link {
    margin-top: 20px;
    background-color: #343334;
    border-radius: 33px;
    height: 45px;
}

span.submitText .pdf-link{
    padding-top: 10px!important;
}

#becomeAFollower .contentLeft {
	float: left;
	margin: 37px 0 auto;
	padding-left: 10px;
}

#becomeAFollower .contentLeft h2 {
    font-size: 22pt;
    margin-bottom: 30px;
    text-align: left;
}

#becomeAFollower .contentLeft p {
    color: white;
    width: 90%;
    text-align-last: left;
}

#becomeAFollower .formRight {
    font-family: Baskerville,Serif;
    float:right;
    margin: 0px 0 auto;
}

#becomeAFollower .wrap {
    max-width: 1350px;
}

#becomeAFollower .formRight h3 {
    text-align: center;
    font-weight: 600;
    font-size: 29pt;
}

#becomeAFollower form {
    display: flex;
    text-align: center;
    margin: auto;
    flex-direction: column;
    align-items: center;
}

#becomeAFollower .formRight input {
    font-family: Baskerville,Serif;
    font-weight: 600;
    font-size: 16pt;
    /*padding-left: 10px;*/
    text-indent: 10px;
    background-color: #1e1c1c;
    color: white;
    border-radius: 33px;
    height: 45px;
    position: relative;
    top: 20px;
    border: 4px solid #131313;
    border-radius: 33px;
}


/*#becomeAFollower .formRight button::before {*/
    /*content: ' ';*/
    /*filter: drop-shadow(-7px -5px 4px yellow);*/
/*}*/


#becomeAFollower .formRight button {
    background-color: #343334;
    color: black;
    display: inline;
    position: relative;
    top: 6px;
    right: unset;
    width: 100%;
    height: 80%;
    border-radius: 33px;
    filter: drop-shadow(0 0 30px var(--glow-color));
}

 .inputcontainer {
     /*background: url(../images/form-field.png) no-repeat;*/
     width: 100%;
     height: 55px;
     /*background-size: contain;*/
     text-align: center;
     margin: auto;
	 z-index: 7;
	 padding-left: 0px;
     padding-right: 0px;
     flex: 0 0 100%;
     max-width: 100%;
}


.submitText {
    font-family: baskerville;
    color: white;
    font-weight: 600;
    font-size: 29px;
}

.submitcontainer {
    /*background: url(../images/form-button-no-glow.png) no-repeat;*/
    width: 100%;
    height: 61px;
    background-size: contain;
    text-align: center;
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
}

#featuredCharacters {
    background: url(../images/characters-background.png) no-repeat center center;
	background-size: cover;
    height: 1800px;
}

#footerArea {
    background: url(../images/LargeFooterAreaBackground.png) no-repeat center center;
    height: 1200px;
}

#featuredCharacterstitle {
    margin-top: 1%;
}

#featuredCharacters .Arrow {
    width: 75px;
}

#featuredCharacters .hidden {
    display: none;
}

#featuredCharacters .section-text {
    color: white;
    font-family: 'noto_serif_regular', serif;
}


#featuredCharacters .section-text p {
    margin-left: 5%;
    width: 90%;
}


#featuredCharacters  h3 {
    text-transform: capitalize;
    font-family: "noto_serif_bold";
    font-size: 23pt;
    color: white;
}

#featuredCharacters .IncludedChars {
    font-size: 27pt;
}

 .SubChars.row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
}

#featuredCharacters .sub-section-text h3 {
    font-family: 'noto_serif_regular';
    color: var(--glow-color);
    font-size: 18pt;
    font-weight: 600;
}

#featuredCharacters .selected {
    color: var(--glow-color) !important;
}

#footerArea {
    padding: 0;
}

#footerArea .wrap {
    max-width: unset;
    padding: 0;
}

#footerTop {
    height: 450px;
    background-color: rgba(0, 0, 0, 0.6);
}


#footerTop .row {
    z-index: 3;
}

#footerTop img {
    height: fit-content;
}

#footerTop .imageLeft {
    float: left;
    contain: content;
    max-width: 500px;
    margin: 0 0 0 402px;
}

#footerTop .contentRight{
    max-width: 637px;
    float: right;
    margin: 5% 0 auto 0;
}

#footerTop .contentRight h2 {
    font-size: 34pt;
    width: fit-content;
    margin-bottom: 30px;
}
#footerTop .contentRight p {
    font-family: Baskerville;
    font-size: 12pt;
    width: 100%;
}

#footerMiddle {
    height: 450px;
    background-color: rgba(0, 0, 0, 0.1);
}

.contentcenter {
    margin: auto;
    padding-top: 60px;
}


.contentcenter h1 {
    margin-bottom: 25px;
}

#footerMiddle .row {
    /* display: flex; */
    /* flex-direction: row; */
    justify-content: center;
    /* align-items: center; */
    margin: auto;
}

#footerMiddle a {
    transition: transform .5s ease-in;
}

#footerMiddle a:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 30px var(--glow-color));
}

#footerBottom {
    height: 300px;
    background-color: rgba(0, 0, 0, 0.3);
}

#WickedFooterLogo {
    width: 200px;
}

#footerBottom .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#footerBottom .row a, #footerBottom .row span  {
    color: #adadad;
    margin: 0 15px;
    text-transform: capitalize;
}

#footerBottom .row a:hover {
    color: white;
}


#footerBottom .row img {
    margin: 0;
    padding: 0;
    width: 20px;
}

#TermsHeader, #PrivacyHeader {
    background: url(../images/Header_Background.png) no-repeat center center;
    height: 800px;
}


img#TermsHeaderimage {
    width: 400px;
    height: 500px;
}

img#PrivacyHeaderimage {
    width: 400px;
    height: 500px;
}

#TermsContent, #PrivacyContent {
    background-color: #1e1c1c;
    color: white;
}

 .sub-section-image.Dional.Beasts img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Dional.Beasts:hover img {
 opacity: .0;
}

.sub-section-image.Dional.Beasts:hover img.roll-over {
 display: inline;
opacity: 1;
}


.sub-section-image.Ecstasy img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Ecstasy:hover img {
    opacity: .0;
}

.sub-section-image.Ecstasy:hover img.roll-over {
 display: inline;
opacity: 1;
}

.sub-section-image.Infantile.Visages img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Infantile.Visages:hover img {
    opacity: .0;
}

.sub-section-image.Infantile.Visages:hover img.roll-over {
 display: inline;
opacity: 1;
}


.sub-section-image.Agony img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Agony:hover img {
    opacity: .0;
}

.sub-section-image.Agony:hover img.roll-over {
 display: inline;
opacity: 1;
}

.sub-section-image.Tabitha img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Tabitha:hover img {
    opacity: .0;
}

.sub-section-image.Tabitha:hover img.roll-over {
 display: inline;
opacity: 1;
}


.sub-section-image.No-Eyed.Jack img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.No-Eyed.Jack:hover img {
    opacity: .0;
}

.sub-section-image.No-Eyed.Jack:hover img.roll-over {
 display: inline;
opacity: 1;
}


.sub-section-image.Mr.Fuzzybottom img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Mr.Fuzzybottom:hover img {
    opacity: .0;
}

.sub-section-image.Mr.Fuzzybottom:hover img.roll-over {
 display: inline;
opacity: 1;
}

.sub-section-image.Scopiteras img.roll-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.sub-section-image.Scopiteras:hover img {
    opacity: .0;
}

.sub-section-image.Scopiteras:hover img.roll-over {
 display: inline;
opacity: 1;
}

strong.kick {
    color: #e6aa18;
}




/*END */
/*END */
/*END */
/*END */
/*END */