/* 
 * Reset
 *
*/

@import url(https://fonts.googleapis.com/css?family=Indie+Flower|Open+Sans:100,300,400,700);


@-ms-viewport {
    width: device-width
}

@font-face {
    font-family: 'ik';
    src:url('fonts/ik.eot?-c0mq7b');
    src:url('fonts/ik.eot?#iefix-c0mq7b') format('embedded-opentype'),
        url('fonts/ik.ttf?-c0mq7b') format('truetype'),
        url('fonts/ik.woff?-c0mq7b') format('woff'),
        url('fonts/ik.svg?-c0mq7b#ik') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'ik';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-creativecat:before {
    content: "\e601";
}
.icon-home:before {
    content: "\e900";
}
.icon-design:before {
    content: "\e90d";
}
.icon-pen:before {
    content: "\e927";
}
.icon-play:before {
    content: "\e957";
}
.icon-book:before {
    content: "\e990";
}
.icon-archive:before {
    content: "\e996";
}
.icon-reading:before {
    content: "\e997";
}
.icon-library:before {
    content: "\e999";
}
.icon-graduation:before {
    content: "\e99a";
}
.icon-certificate:before {
    content: "\e9eb";
}
.icon-lifebuoy:before {
    content: "\ea1b";
}
.icon-phone-wave:before {
    content: "\ea1f";
}
.icon-envelop:before {
    content: "\ea31";
}
.icon-location:before {
    content: "\ea39";
}
.icon-alarm:before {
    content: "\ea53";
}
.icon-alarm-check:before {
    content: "\ea55";
}
.icon-stopwatch:before {
    content: "\ea5e";
}
.icon-calendar:before {
    content: "\ea5f";
}
.icon-keyboard:before {
    content: "\ea6e";
}
.icon-bubbles:before {
    content: "\eac3";
}
.icon-user:before {
    content: "\eaf4";
}
.icon-users:before {
    content: "\eaf5";
}
.icon-users2:before {
    content: "\eb09";
}
.icon-search:before {
    content: "\eb33";
}
.icon-magic-wand:before {
    content: "\eb6b";
}
.icon-pandage:before {
    content: "\eb74";
}
.icon-medal:before {
    content: "\eb9d";
}
.icon-fire:before {
    content: "\ebe5";
}
.icon-lamp:before {
    content: "\ebf7";
}
.icon-puzzle:before {
    content: "\ec1e";
}
.icon-brain:before {
    content: "\ec24";
}
.icon-switch:before {
    content: "\ec48";
}
.icon-clipboard2:before {
    content: "\ec4e";
}
.icon-clipboard:before {
    content: "\ec4f";
}
.icon-menu:before {
    content: "\ec6a";
}
.icon-sun:before {
    content: "\eccc";
}
.icon-star-full:before {
    content: "\ecdf";
}
.icon-heart:before {
    content: "\ece9";
}
.icon-thumbs-up:before {
    content: "\ecf1";
}
.icon-thumbs-down:before {
    content: "\ecf3";
}
.icon-smile:before {
    content: "\ed01";
}
.icon-notification:before {
    content: "\ed4e";
}
.icon-question:before {
    content: "\ed52";
}
.icon-plus-circle:before {
    content: "\ed5c";
}
.icon-minus-circle:before {
    content: "\ed5d";
}
.icon-info:before {
    content: "\ed60";
}
.icon-cancel-circle:before {
    content: "\ed62";
}
.icon-blocked:before {
    content: "\ed64";
}
.icon-checkmark:before {
    content: "\ed6f";
}
.icon-play2:before {
    content: "\ed7b";
}
.icon-circle-right:before {
    content: "\ede5";
}
.icon-circle-down:before {
    content: "\ede6";
}
.icon-share:before {
    content: "\eec5";
}
.icon-facebook:before {
    content: "\eeea";
}
.icon-twitter:before {
    content: "\eeef";
}
.icon-user-tie:before {
    content: "\eb0a";
}
.icon-briefcase:before {
    content: "\ec01";
}
.icon-circle-up:before {
    content: "\ede4";
}
.icon-circle-left:before {
    content: "\ede7";
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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


/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left:	10px;
    margin-right:	10px;
}


/* 
 * Basic
 *
*/

body,html {
    font-size:		15px;
    font-weight:	400;
    color:			black;
    background:		white;
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    line-height:	1.8em;
    height:			100%;
}

body.is_mobile.no_scroll {
    overflow:		hidden;
    width:			100%;
}


h1, h2, h3, h4, h5, h6 {
    text-align:			left;
    -moz-hyphens:		none;
    -o-hyphens:			none;
    -webkit-hyphens:	none;
    -ms-hyphens:		none;
    hyphens:			none;
}

.h1,h1 {
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    font-weight:	400;
    padding:		.6em 0em .2em 0em;
    margin:			0em;
    color:			#f17726;
    font-size:		3em;
    line-height:	1.4em;
}

.h2,h2 {
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    font-weight:	100;
    padding:		1.8em 0em .2em 0em;
    margin:			0em;
    color:			#3e8ab2;
    font-size:		2.2em;
    line-height:	1.2em;
}

.h3,h3 {
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    font-weight:	100;
    padding:		.2em 0em .4em 0em;
    margin:			0em;
    color:			#3e8ab2;
    font-size:		1.1em;
    line-height:	2em;
}

h4 {
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    color:			black;
    font-weight:	700;
    font-size:		1.1em;
    line-height:	1.8em;
    padding:		.4em 0em .6em 0em;
    line-height:	1.2em;
}

h5 {
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    padding:		.2em 0em .6em 0em;
    font-size:		1em;
    line-height:	1.2em;
}

h6 {
    font-family:	"Open Sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    padding:		.2em 0em .6em 0em;
    font-weight:	700;
    font-size:		.8em;
    line-height:	1.2em;
}

hr {
    clear: both;
    height: 0;
    border: 0;
    border-bottom: 1px dashed #fff;
}

img {
    margin: 1%;
    padding: 0;
    border-width: 0;
}

a,a:active,a:link,a:visited {
    color:				#3e8ab2;
    text-decoration:	none;
    position:			relative;
    text-shadow:		none;
    -webkit-transition:	all 750ms cubic-bezier(0.23,1,.32,1);
    -moz-transition:	all 750ms cubic-bezier(0.23,1,.32,1);
    -ms-transition:		all 750ms cubic-bezier(0.23,1,.32,1);
    -o-transition:		all 750ms cubic-bezier(0.23,1,.32,1);
    transition:			all 750ms cubic-bezier(0.23,1,.32,1);
    white-space:		nowrap;
    -moz-hyphens:		none;
    -o-hyphens:			none;
    -webkit-hyphens:	none;
    -ms-hyphens:		none;
    hyphens:			none;
}

a:hover {
    color: #f17726;
}

main a:before,
main a:after {
    position:	absolute;
    left:		-.2em;
    width:		100%;
    padding:	0em 0.2em;
    height:		1px;
    background:	#f17726;
    content:	'';
    opacity:	0;
    -webkit-transition:	opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition:	opacity 0.3s, -moz-transform 0.3s;
    transition:			opacity 0.3s, transform 0.3s;
    -webkit-transform:	translateY(-10px);
    -moz-transform:		translateY(-10px);
    transform:			translateY(-10px);
}

main a:before {
    top:				-4px;
    -webkit-transform:	translateY(40px);
    -moz-transform:		translateY(40px);
    transform:			translateY(40px);
}

main a:after {
    bottom: -5px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    transform: translateY(-40px);
}

a:hover,
a:focus {
    color: #cd4621;
}

a:hover::before,
a:focus::before,
a:hover::after,
a:focus::after,
a:hover::before,
a:focus::before,
a:hover::after,
a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

ol,ul {
    padding: .6em 1.4em;
}

li {
    padding-left:			28px;
    margin-left:			0em;
    list-style-position:	outside;
    list-style-image:		none;
    background:				url(images/li.png) no-repeat left 0.3em;
    background-size:		20px 16px;
}

ol li {
    list-style-type:		decimal;
    padding-left:			0px;
    list-style-image:		none;
    background:				none;
}

p {
    margin:		0;
    padding:	.8em 0em 1.2em 0em;
}

strong {
    font-weight: 700;
}

blockquote,code,pre {
    display: block;
    overflow: auto;
    margin: .6em 0 1em;
    padding: .4em 1em;
    border: none;
    border-left: 10px solid #0b2c42;
    background-color: #f4f7fa;
    color: #282a2e;
    font-size: 1em;
    line-height: 2.2em;
}

address {
    font-family: "Oxygen",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    font-style: normal;
}

.subline {
    font-size:	0.85em;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.small {
    display: inline-block;
    font-style: italic;
    font-size: .8em;
}

.hidden {
    display: none;
}

.clear {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    content: ' ';
    font-size: 0;
    line-height: 0;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.highlight {
    padding: .2em .4em;
    background: #e24756;
    color: #fff;
    font-weight: 700;
}

.defGradientT {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAwcHgiIHN0b3AtY29sb3I9IiNlNGU2ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,251,253,.8) 0%, rgba(228,230,232,1) 200px);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,rgba(250,251,253,.8)), color-stop(200px,rgba(228,230,232,1)));
    background: -webkit-linear-gradient(top, rgba(250,251,253,.8) 0%,rgba(228,230,232,1) 200px);
    background: -o-linear-gradient(top, rgba(250,251,253,.8) 0%,rgba(228,230,232,1) 200px);
    background: -ms-linear-gradient(top, rgba(250,251,253,.8) 0%,rgba(228,230,232,1) 200px);
    background: linear-gradient(to bottom, rgba(250,251,253,.8) 0%,rgba(228,230,232,1) 200px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfd', endColorstr='#e4e6e8',GradientType=0 );
    background-repeat:no-repeat;
}
.defGradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU2ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,251,253,1) 0%, rgba(228,230,232,1) 300px);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,rgba(250,251,253,1)), color-stop(300px,rgba(228,230,232,1)));
    background: -webkit-linear-gradient(top, rgba(250,251,253,1) 0%,rgba(228,230,232,1) 300px);
    background: -o-linear-gradient(top, rgba(250,251,253,1) 0%,rgba(228,230,232,1) 300px);
    background: -ms-linear-gradient(top, rgba(250,251,253,1) 0%,rgba(228,230,232,1) 300px);
    background: linear-gradient(to bottom, rgba(250,251,253,1) 0%,rgba(228,230,232,1) 300px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfd', endColorstr='#e4e6e8',GradientType=0 );
    background-repeat:no-repeat;
}

a.button,
.button,
button,
input,
input[type=submit] {
    font-family:			"Opem sans",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    background:				#56c2f6;
    display:				inline-block;
    cursor:					pointer;
    color:					white;
    font-weight:			100;
    padding:				0.6em 2em;
    font-size:				1em;
    -webkit-transition:		all 0.3s linear, visibility 0s linear;
    -moz-transition:		all 0.3s linear, visibility 0s linear;
    -o-transition:			all 0.3s linear, visibility 0s linear;
    -ms-transition:			all 0.3s linear, visibility 0s linear;
    transition:				all 0.3s linear, visibility 0s linear;
    -webkit-border-radius:	2px;
    -o-border-radius:		2px;
    -ms-border-radius:		2px;
    -moz-border-radius:		2px;
    border-radius:			2px;
    -moz-hyphens:			none;
    -o-hyphens:				none;
    -webkit-hyphens:		none;
    -ms-hyphens:			none;
    hyphens:				none;
}
a.button:before,
a.button:after {
    content:	'';
    background:	none;
}
button:hover,
.button:hover,
a.button:hover,
input:hover,
input[type=submit]:hover {
    background:			#3e8ab2;
}

textarea {
    font-family: "Oxygen",HelveticaNeue-Light,HelveticaNeue,Helvetica,Arial,Verdana,sans-serif;
    margin: .2em;
    padding: .2em .4em;
    border: 1px solid #9da8b2;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #687a8a;
    font-size: .9em;
}

input.loading {
    padding-right: 20px;
    background: url(images/ajax-loader.gif) no-repeat right center #fff;
}

.button:disabled,a.button:disabled,input[type=submit]:disabled {
    cursor: default;
    border: 1px solid #cfd3d5;
}

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

:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder {
    color: #494f55;
}

.button:disabled,.gray1,a.button:disabled,input[type=submit]:disabled {
    background-image: -moz-linear-gradient(top,#fafbfd,#e4e6e8);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fafbfd),color-stop(1,#e4e6e8));
    background-image: -webkit-linear-gradient(top,#fafbfd,#e4e6e8);
    background-image: -o-linear-gradient(top,#fafbfd,#e4e6e8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafbfd', endColorstr='#e4e6e8')";
    background-image: linear-gradient(to bottom,#fafbfd,#e4e6e8);
}

.button:disabled,.gray1,a.button:disabled,input[type=submit]:disabled {
    color: #494f55;
    text-shadow: 1px 1px 1px #fff;
}

.c_1000,.c_1000p {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.c_640,.c_640p {
    display: inline-block;
    width: 640px;
}

.c_480,.c_480p {
    display: inline-block;
    width: 480px;
}

.c_320,.c_320p {
    display: inline-block;
    width: 320px;
}

.c_320p,.c_480p,.c_640p,.c_1000p {
    padding: 0 20px;
}
.c_33p {
    width:		33%;
    display:	inline-block;
    float:		left;
    padding:	2%;
}
.c_33p.c_First {
    padding-left:	0%;
}
.c_33p.c_Center {
    padding-left:	1%;
    padding-right:	1%;
}
.c_33p.c_Last {
    padding-right:	0%;
}

.c_38p {
    width:		38%;
    display:	inline-block;
}
.c_62p {
    width:		62%;
    display:	inline-block;
}
@media screen and (max-width:1000px) {
    .c_1024,.c_1000p,.c_1000 {
        width: 100%;
        padding: 0 2%;
    }

    .c_640,.c_640p {
        width: 63%;
    }

    .c_480, .c_480p, .c_33p {
        display: inline-block;
        width: 50%;
    }

    .c_320,.c_320p {
        width: 30%;
    }

    .c_320 img,.c_320p img,.c_480 img,.c_480p img,.c_640 img,.c_640p img,.c_1000 img,.c_1000p img {
        max-width: 100%;
    }
}

@media screen and (max-width:480px) {
    .c_320,.c_320p,.c_480,.c_480p,.c_640,.c_640p,.c_1000,.c_1000p, .c_33p {
        width: 100%;
        padding: 0 2%;
        margin: 0;
        display: block;
    }
}

.br_all,.br_left,.br_top,.br_topleft {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -ms-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.br_all,.br_bottom,.br_bottomleft,.br_left {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -o-border-radius-bottomleft: 5px;
    -ms-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.br_all,.br_bottom,.br_bottomright,.br_right {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -o-border-radius-bottomright: 5px;
    -ms-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.br_all,.br_right,.br_top,.br_topright {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -o-border-radius-topright: 5px;
    -ms-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.br_round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.shadow_small {
    -webkit-box-shadow:	black 3px 3px 5px 0px;
    -moz-box-shadow:	black 3px 3px 5px 0px;
    -o-box-shadow:		black 3px 3px 5px 0px;
    -ms-box-shadow:		black 3px 3px 5px 0px;
    box-shadow:			black 3px 3px 5px 0px;
    -webkit-box-shadow:	rgba(000, 000, 000, 0.300) 3px 3px 5px 0px;
    -moz-box-shadow:	rgba(000, 000, 000, 0.300) 3px 3px 5px 0px;
    -o-box-shadow:		rgba(000, 000, 000, 0.300) 3px 3px 5px 0px;
    -ms-box-shadow:		rgba(000, 000, 000, 0.300) 3px 3px 5px 0px;
    box-shadow:			rgba(000, 000, 000, 0.300) 3px 3px 5px 0px;
}

.shadow_big {
    -webkit-box-shadow:	black 0 0 12px -1px;
    -moz-box-shadow:	black 0 0 12px -1px;
    -o-box-shadow:		black 0 0 12px -1px;
    -ms-box-shadow:		black 0 0 12px -1px;
    box-shadow:			black 0 0 12px -1px;
    -webkit-box-shadow:	rgba(000, 000, 000, 0.800) 0 0 12px -1px;
    -moz-box-shadow:	rgba(000, 000, 000, 0.800) 0 0 12px -1px;
    -o-box-shadow:		rgba(000, 000, 000, 0.800) 0 0 12px -1px;
    -ms-box-shadow:		rgba(000, 000, 000, 0.800) 0 0 12px -1px;
    box-shadow:			rgba(000, 000, 000, 0.800) 0 0 12px -1px;
}

#noHCont {
    padding-top:	100px;
}


#mobileMenu {
    color:			white;
    position:		absolute;
    right:			15px;
    font-size:		1em;
    font-weight:	100;
    cursor:			pointer;
    display:		inline-block;
    z-index:		11;
    visibility:		hidden;
    width:			22px;
}


#mobileMenu:before {
    font-size:		1.6em;
    position:		relative;
    margin-right:	.2em;
    bottom:			-.15em;
    visibility:		visible;
}

#navM {
    position:			fixed;
    top:				45px;
    bottom:				100%;
    left:				0px;
    right:				0px;
    background:			#4eb0e1;
    overflow:			scroll;
    /*padding-top:		45px;*/
    z-index:			10;
    -webkit-transition:	all 750ms cubic-bezier(0.23,1,.32,1);
    -moz-transition:	all 750ms cubic-bezier(0.23,1,.32,1);
    -ms-transition:		all 750ms cubic-bezier(0.23,1,.32,1);
    -o-transition:		all 750ms cubic-bezier(0.23,1,.32,1);
    transition:			all 750ms cubic-bezier(0.23,1,.32,1);
}

#navM.active {
    bottom:		0px;
}
#navM ul { 
    margin:		0em;
    padding:	.4em 1.4em 1.2em 1em;
}
#navM li {
    margin:		0em;
    padding:	.4em 0em;
    background:	none;
    text-align: left;
}
#navM li a {
    color:		white;
    display:	block;
}
#navM li a.menu-current {
    font-weight:	700;
}

#navM a:before {
    content:				'';
    height:					6px;
    width:					6px;
    margin:					.1em .5em .1em 0em;
    display:				inline-block;
    border:					1px solid white;
    background:				#4eb0e1;
    -webkit-border-radius:	50%;
    -moz-border-radius:		50%;
    -o-border-radius:		50%;
    -ms-border-radius:		50%;
    border-radius:			50%;
}
#navM a.menu-current:before {
    border:		1px solid white;
    background:	white;
}

@media screen and (min-width:480px)
{
    #mHead.hFix #mobileMenu {
    }
    #mHead.hFlex #mobileMenu {
    }
    #mHead.hFix #navM {
    }
    #mHead.hFlex #navM {
    }
}
@media screen and (min-width:768px)
{
    #mobileMenu {
        right:			3em;
        width:			auto;
        visibility:		visible;
        -webkit-transition:	all 750ms cubic-bezier(0.03,1,.22,1);
        -moz-transition:	all 750ms cubic-bezier(0.03,1,.22,1);
        -ms-transition:		all 750ms cubic-bezier(0.03,1,.22,1);
        -o-transition:		all 750ms cubic-bezier(0.03,1,.22,1);
        transition:			all 750ms cubic-bezier(0.03,1,.22,1);
    }
    #mobileMenu.active {
        right:			450px;
    }
    #mHead.hFix #mobileMenu {
        top:			.8em;
    }
    #mHead.hFlex #mobileMenu {
        top:			3.8em;
    }
    #navM {
        position:		fixed;
        z-index:		999;
        top:			0px;
        right:			0px;
        bottom:			0px;
        left:			auto;
        width:			0px;
        overflow:		scroll;
        background:		#f5f5f5;
    }
    #mHead.hFix #navM {
        padding-top:	0em;
    }
    #mHead.hFlex #navM {
        padding-top:	2.5em;
    }
    #navM.active {
        width:			400px;
    }
    #navM ul {
        margin:		0px;
    }

    #navM li {
        margin:		0px;
        padding:	0px;
        display:	block;
    }

    #navM > ul li a {
        color:				black;
        text-decoration:	none;
        border-bottom:		none;
        display:			block;
        width:				100%;
        font-weight:		100;
        -webkit-transition:	all .6s linear;
        -moz-transition:	all .6s linear;
        -o-transition:		all .6s linear;
        transition:			all .6s linear;
    }
    #navM > ul li a:before {
        border:				1px solid #4eb0e1;
        background:			#f5f5f5;
        -webkit-transition:	all .3s linear, margin .6s linear;
        -moz-transition:	all .3s linear, margin .6s linear;
        -o-transition:		all .3s linear, margin .6s linear;
        transition:			all .3s linear, margin .6s linear;
    }
    #navM > ul > li > a:before {
        border:			1px solid #3e8ab2;
        background:		#3e8ab2;
    }
    #navM>ul li a:hover {
        color:			black;
    }
    #navM>ul li a:hover:before {
        margin-right:	.8em;
        background:		white;
        border:			1px solid black;
    }

    #navM > ul > li > a {
        font-weight:	400;
        color:			black;
        border-bottom:	1px solid white;
        padding:		.2em 0em;
        margin:			.8em 0em;
    }


    #navM>ul li a.menu-current {
        font-weight:	400;
        color:			#56c2f6;
    }
    #navM>ul li a.menu-current:before {
        border:			1px solid #56c2f6;
        background:		#56c2f6;
    }
}




#prevHead {
    position:	absolute;
    top:		0px;
    left:		0px;
    right:		0px;
    background:	white;
    z-index:	22;
    color:		#3e8ab2;
    font-size:	.6em;
    padding:	0em 0em;
    -webkit-box-shadow:	#858585 0 0 5px 0px;
    -moz-box-shadow:	#858585 0 0 5px 0px;
    -o-box-shadow:		#858585 0 0 5px 0px;
    -ms-box-shadow:		#858585 0 0 5px 0px;
    box-shadow:			#858585 0 0 5px 0px;
    display: none;
}
#prevHead a {
    color:	#3e8ab2;
}
#prevHead a:hover {
    color:	#cd4621;
}
#prevHead p {
    display:		inline-block;
    padding:		.4em 1em;
    border-right:	1px solid #56c2f6;
}
#prevHead span {
    display:	inline-block;
    padding:	0em .5em;
}
#prevHead p:nth-child(3n) {
    float:	right;
    border-right:	0px none;
    border-left:	1px solid #56c2f6;
}
#prevHead p:nth-child(3n) a {
    padding:	.2em .4em;
}
@media screen and (min-width: 768px) {
    #prevHead {
        display: block;
    }
    #prevHead {
        font-size:	.65em;
    }
}
@media screen and (min-width: 1020px) {
    #prevHead {
        font-size:	.9em;
    }
}

#mHead {
    position:  			fixed;
    text-align:			center;
    z-index:   			21;
    top:	   			0px;
    left:	   			0px;
    right:	   			0px;
    -webkit-transition:	all 700ms ease-in;
    -moz-transition:	all 700ms ease-in;
    -ms-transition:		all 700ms ease-in;
    -o-transition:		all 700ms ease-in;
    transition:			all 700ms ease-in;
}

#mHead.hFix {
    background:		#56c2f6;
    padding-top:	.4em;
}
#mHead.hFlex {
    background:		#56c2f6;
    padding-top:	.4em;
}
#mHead a {
    -webkit-transition:	all 0ms linear, background 300ms cubic-bezier(0.23,1,.32,1);
    -moz-transition:	all 0ms linear, background 300ms cubic-bezier(0.23,1,.32,1);
    -ms-transition:		all 0ms linear, background 300ms cubic-bezier(0.23,1,.32,1);
    -o-transition:		all 0ms linear, background 300ms cubic-bezier(0.23,1,.32,1);
    transition:			all 0ms linear, background 300ms cubic-bezier(0.23,1,.32,1);
}

#mHead a:hover {
}

@media screen and (max-width: 480px) {
    #mHead a {
        background-size:	40px 120px;
    }
    #mHead a:hover {
        background-size:	40px 120px;
    }
    #mHead {
        height:	45px;
    }
}
@media screen and (min-width: 768px) {
    #mHead {
        text-align:	left;
    }
    #mHead.hFlex, #mHead.hFix {
        padding-top:	3em;
    }
    #mHead.hFix {
        padding-top:	0em;
        background:		rgba(086, 194, 246, .85);
    }
}

#logo {
    display:			inline-block;
    background: 		url(images/logo.png) left top no-repeat;
    text-indent:		-9999px;
    border:				0;
    overflow:			hidden;
    position:			relative;
    z-index:			11;
    margin:				0.6em 1em;
    width:				165px;
    height:				20px;
    background-size:	165px 20px;
}

#logo a {
    display:			block;
    width: 				165px;
    height:				20px;
    text-decoration:	none;
    border:				none;
}

@media screen and (min-width:768px) {
    #logo {
        margin:				.7em 2em 0.8em 2em;
        width:				281px;
        height:				34px;
        background-size:	281px 34px;
    }
    #logo a {
        width:		281px;
        height:		34px;
    }
}

#mFoot {
    padding:			0em;
    position:			relative;
    z-index:			2;
    margin:				0em;
    background:			#56c2f6;
    color:				white;
    font-weight:		700;
    font-size:			.8em;
    text-align:			center;
    /*	background:			url(images/footer.png) repeat center center;
            background-size:	70px 70px;
            -webkit-box-shadow:	#505050 0 0 5px 0px;
            -moz-box-shadow:	#505050 0 0 5px 0px;
            -o-box-shadow:		#505050 0 0 5px 0px;
            -ms-box-shadow:		#505050 0 0 5px 0px;
            box-shadow:			#505050 0 0 5px 0px;*/
}
#mFoot section {
    padding:		3em 0em 3.4em 0em;
    background:		#3e8ab2;
    min-height:		300px;
    text-align:		left;
    font-weight:	400;
}
#mFoot section h4 {
    font-size:		1.4em;
    font-weight:	100;
    text-transform:	uppercase;
    color:			white;
}
#mFoot section .c_33p:nth-child(1) {
    padding:	.4em 3em .4em 0em !important;
}
#mFoot section .c_33p:nth-child(2) {
    padding:	.4em 1.5em .4em 1.5em !important;
}
#mFoot section .c_33p:nth-child(3) {
    padding:	.4em 0em .4em 3em !important;
}

#mFoot section ul {
    margin:		0em;
    padding:	0em;
}
#mFoot section li {
    background: 	none;
    border-top:		1px solid #bcf1f6;
    margin:			0em 0em 0em 2em;
    padding:		1em 0em;
    position:		relative;
    list-style:		none outside none;
}
#mFoot section li:before {
    position:		absolute;
    left:			-2em;
    top:			1.6em;
    color:			#bcf1f6;
    padding-right:	1.4em;
}
#mFoot section li:nth-child(1) {
    border-top:	0px none;
}
#mFoot small {
    font-size:		1em;
    font-weight:	100;
    color:			white;
}
#mFoot .c_33p {
    padding: 2% 0em 2% 0em;
}
#mFoot img {
    margin: 0px 2em 0px 0px;
}

#mFoot a {
    color:			white;
    border-bottom:	0px none;
}
#mFoot li > a {
}
#mFoot a:hover {

}

#mFoot .menu-top {
    margin:		0em;
    padding:	0em;
}	
#mFoot .menu-top li {
    background:	none;
    padding:	0em;
    margin:		0em;
}

#moveUp {
    display:		inline-block;
    text-transform:	uppercase;
    font-size:		1.2em;
    font-weight:	100;
    cursor:			pointer;
    padding:		.2em 1em .1em 1em;
    margin:			1.4em 0em 1em 0em;
}
#moveUp:before {
    display:		block;
    padding-bottom:	.4em;
    font-size:		.8em;
}
#socialMedia a {
    font-size:		2em;
    display:		inline-block;
    border-bottom:	0px none;
    margin:			.2em .3em;
}

#mFoot aside {
    background:	#459cc9;
}
#mFoot aside h4 {
    padding:	2em 0em 1em 0em;
    color:		white;
    font-weight: 100;
}
#mFoot aside ul {
    margin:		0em;
    padding:	0em;
}
#goNav {
    padding:	0em 0em 2em 0em;
}
#mFoot aside li {
    text-align:		left;
    font-weight:	100;
    display:		inline-block;
    float:			left;
    margin:			0em;
    padding:		0em 1em;
    background:		none;
    border-left:	1px solid white;
}
#mFoot aside li:nth-child(1) {
    margin-left:	0px;
    padding-left:	0em;
    border-left:	0px none;
}
/*		#goNav li:nth-child(1) {
                        padding:	.1em 1em .1em 0em;
                }
                #goNav li:nth-child(2) {
                        padding:	.1em 1em .1em 0em;
                }*/
@media screen and (max-width:1000px) {
    #mFoot section .c_33p:nth-child(1) {
        width:		50%;
        display:	block;
        padding:	.4em 1em !important;
    }
    #mFoot section .c_33p:nth-child(2) {
        width:		50%;
        display:	block;
        padding:	.4em 1em !important;
    }
    #mFoot section .c_33p:nth-child(3) {
        width:		100%;
        display:	block;
        padding:	2em 1em .4em 1em !important;
    }
}


#content {
    padding: 0em;
    background: #e4e6e8;
}

@media screen and (max-width: 480px) {
    #mFoot section .c_33p:nth-child(1),
    #mFoot section .c_33p:nth-child(2),
    #mFoot section .c_33p:nth-child(3) {
        width:		100%;
        display:	block;
        padding:	2em 1em !important;
    }
}

#oldBrowser {
    display: none;
    width: 100%;
    padding: .2em;
    background: #f02d6a;
    color: white;
    font-weight: 700;
    text-align: center;
    position: fixed;
    bottom: 0px;
    font-size: .8em;
    z-index:	99999;
}
#overlay {
    position:	fixed;
    z-index:	10000;
    top:		0px;
    right:		0px;
    bottom:		0px;
    left:		0px;
    background: #fafbfd;
}



.ccLoad {
    position:			relative;
    width:				4.5em;
    height:				4.5em;
}
.ccLoad:before, .ccLoad:after {
    content:			'';
    position:			absolute;
    top:				50%;
    left:				50%;
    display:			block;
    width:				1em;
    height:				1em;
    border-radius:		1em;
    -webkit-transform:	translate(-50%, -50%);
    -moz-transform:		translate(-50%, -50%);
    -ms-transform:		translate(-50%, -50%);
    -o-transform:		translate(-50%, -50%);
    transform:			translate(-50%, -50%);
}
.ccLoad:before {
    -webkit-animation:	before 2s infinite;
    -moz-animation:		before 2s infinite;
    -ms-animation:		before 2s infinite;
    -o-animation:		before 2s infinite;
    animation:			before 2s infinite;
}
.ccLoad:after {
    -webkit-animation:	after 2s infinite;
    -moz-animation:		after 2s infinite;
    -ms-animation:		after 2s infinite;
    -o-animation:		after 2s infinite;
    animation:			after 2s infinite;
}
@-webkit-keyframes before {
    0% {
        width: 1em;
        box-shadow: 3em -2em rgba(086, 194, 246, 0.75), -3em 2em rgba(241, 119, 038, 0.75);
    }
    35% {
        width: 6.5em;
        box-shadow: 0 -2em rgba(086, 194, 246, 0.75), 0 2em rgba(241, 119, 038, 0.75);
    }
    70% {
        width: 1em;
        box-shadow: -3em -2em rgba(086, 194, 246, 0.75), 3em 2em rgba(241, 119, 038, 0.75);
    }
    100% {
        box-shadow: 3em -2em rgba(086, 194, 246, 0.75), -3em 2em rgba(241, 119, 038, 0.75);
    }
}
@keyframes before {
    0% {
        width: 1em;
        box-shadow: 3em -2em rgba(086, 194, 246, 0.75), -3em 2em rgba(241, 119, 038, 0.75);
    }
    35% {
        width: 6.5em;
        box-shadow: 0 -2em rgba(086, 194, 246, 0.75), 0 2em rgba(241, 119, 038, 0.75);
    }
    70% {
        width: 1em;
        box-shadow: -3em -2em rgba(086, 194, 246, 0.75), 3em 2em rgba(241, 119, 038, 0.75);
    }
    100% {
        box-shadow: 3em -2em rgba(086, 194, 246, 0.75), -3em 2em rgba(241, 119, 038, 0.75);
    }
}
@-webkit-keyframes after {
    0% {
        height: 1em;
        box-shadow: 2em 3em rgba(252, 255, 174, 0.75), -2em -3em rgba(188, 241, 246, 0.75);
    }
    35% {
        height: 6.5em;
        box-shadow: 2em 0 rgba(252, 255, 174, 0.75), -2em 0 rgba(188, 241, 246, 0.75);
    }
    70% {
        height: 1em;
        box-shadow: 2em -3em rgba(252, 255, 174, 0.75), -2em 3em rgba(188, 241, 246, 0.75);
    }
    100% {
        box-shadow: 2em 3em rgba(252, 255, 174, 0.75), -2em -3em rgba(188, 241, 246, 0.75);
    }
}
@keyframes after {
    0% {
        height: 1em;
        box-shadow: 2em 3em rgba(252, 255, 174, 0.75), -2em -3em rgba(188, 241, 246, 0.75);
    }
    35% {
        height: 4.5em;
        box-shadow: 2em 0 rgba(252, 255, 174, 0.75), -2em 0 rgba(188, 241, 246, 0.75);
    }
    70% {
        height: 1em;
        box-shadow: 2em -3em rgba(252, 255, 174, 0.75), -2em 3em rgba(188, 241, 246, 0.75);
    }
    100% {
        box-shadow: 2em 3em rgba(252, 255, 174, 0.75), -2em -3em rgba(188, 241, 246, 0.75);
    }
}
.ccLoad {
    position:	absolute;
    top:		calc(50% - 1.25em);
    left:		calc(50% - 1.25em);
}

#mCont {
    position:		static;
    padding-bottom:	10em;

}