html{height:100%}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.container{width:100%;height:100%;position:relative}
.container > header,.main{padding:0 30px 50px;width:100%;max-width:600px;margin:0 auto}
.container > header{padding:30px}
.container > header h1{font-size:34px;line-height:38px;margin:0;font-weight:700;color:#fff;float:left;text-shadow:0 1px 1px rgba(0,0,0,0.3)}
.container > header h1 span{font-size:18px;font-weight:300;display:block}
.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,0.5);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px rgba(0,0,0,0.2)}
.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;display:inline-block}
.codrops-top a:hover{background:rgba(255,255,255,0.8);color:#000}
.codrops-top span.right{float:right}
.codrops-top span.right a{float:left;display:block}
.codrops-demos{float:right}
.codrops-demos a{display:inline-block;margin:10px;color:#fff;font-weight:700;line-height:30px;border-bottom:4px solid transparent}
.codrops-demos a:hover{color:#000;border-color:#000}
.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.5)}
@font-face{font-family:'fontawesome-selected';src:url(../font/fontawesome-selected.eot);src:url(../font/fontawesome-selected.eot?#iefix) format("embedded-opentype"),url(../font/fontawesome-selected.woff) format("woff"),url(../font/fontawesome-selected.ttf) format("truetype"),url(../font/fontawesome-selected.svg#fontawesome-selected) format("svg");font-weight:400;font-style:normal}
.fc-calendar-container{position:relative;height:auto;width:400px}
.fc-calendar{width:100%;height:70%}
.fc-calendar .fc-head{height:30px;line-height:30px;background:#ccc;color:#fff}
.fc-calendar .fc-body{position:relative;width:100%;height:100%;height:-moz-calc(100% - 30px);height:-webkit-calc(100% - 30px);height:calc(100% - 30px);border:1px solid #ddd}
.fc-calendar .fc-row{width:100%;border-bottom:1px solid #ddd}
.fc-four-rows .fc-row{height:25%}
.fc-five-rows .fc-row{height:20%}
.fc-six-rows .fc-row{height:16.66%;height:-moz-calc(100%/6);height:-webkit-calc(100%/6);height:calc(100%/6)}
.fc-calendar .fc-row > div,.fc-calendar .fc-head > div{float:left;height:100%;width:14.28%;position:relative}
.ie9 .fc-calendar .fc-row > div,.ie9 .fc-calendar .fc-head > div{width:14.2%}
.fc-calendar .fc-row > div{border-right:1px solid #ddd;padding:4px;overflow:hidden;position:relative}
.fc-calendar .fc-head > div{text-align:center}
.fc-calendar .fc-row > div > span.fc-date{position:absolute;width:30px;height:20px;font-size:14px;line-height:20px;font-weight:700;color:#ddd;text-shadow:0 -1px 0 rgba(255,255,255,0.8);bottom:5px;right:5px;text-align:right}
.fc-calendar .fc-row > div > span.fc-weekday{padding-left:5px;display:none}
.fc-calendar .fc-row > div.fc-today{background:#fff4c3}
.fc-calendar .fc-row > div.fc-out{opacity:.6}
.fc-calendar .fc-row > div:last-child,.fc-calendar .fc-head > div:last-child{border-right:none}
.fc-calendar .fc-row:last-child{border-bottom:none}
.custom-calendar-wrap{margin:10px auto;position:relative;overflow:hidden;height:325px}
.custom-inner{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.custom-inner:before,.custom-inner:after{content:'';width:99%;height:50%;position:absolute;background:#f6f6f6;bottom:-4px;left:.5%;z-index:-1;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.custom-inner:after{content:'';width:98%;bottom:-7px;left:1%;z-index:-2}
.custom-header{background:#2E4A94;padding:5px 10px 10px 20px;height:40px;position:relative;border-top:5px solid #B6C5EB;border-bottom:1px solid #ddd}
.custom-header h2,.custom-header h3{text-align:center;text-transform:uppercase}
.custom-header h2{color:#fff;font-weight:300;font-size:18px;margin-top:10px}
.custom-header h3{font-size:10px;font-weight:700;color:#b7bbc2}
.custom-header nav span{position:absolute;top:4px;width:30px;height:30px;color:transparent;cursor:pointer;margin:0 1px;font-size:30px;line-height:30px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.custom-header nav span:first-child{left:5px}
.custom-header nav span:last-child{right:5px}
.custom-header nav span:before{font-family:'fontawesome-selected';color:#fff;position:absolute;text-align:center;width:100%}
.custom-header nav span.custom-prev:before{content:'\25c2'}
.custom-header nav span.custom-next:before{content:'\25b8'}
.custom-header nav span:hover:before{color:#ADC2EB}
.custom-content-reveal{background:#f6f6f6;background:rgba(246,246,246,0.9);width:100%;height:100%;position:absolute;z-index:100;top:100%;left:0;text-align:center;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out; overflow-x:auto;}
.custom-content-reveal span.custom-content-close{position:absolute;top:15px;right:8px;width:20px;height:20px;text-align:center;background:#2E4A94;box-shadow:0 1px 1px rgba(0,0,0,0.1);cursor:pointer;line-height:13px;padding:0}
.custom-content-reveal span.custom-content-close:after{content:'\f00d';font-size:14px;color:#fff;font-family:'FontAwesome';line-height:1.4}
.custom-content-reveal a,.custom-content-reveal span{font-size:16px;padding:10px 30px;display:block}
.custom-content-reveal h4{font-family:'Lato',sans-serif;text-transform:uppercase;font-size:13px;font-weight:300;letter-spacing:0;color:#959595;padding:20px;background:#fff;border-bottom:1px solid #ddd;border-top:5px solid #2E4A94;box-shadow:0 1px rgba(255,255,255,0.9);margin-bottom:30px}
.custom-content-reveal span{color:#888}
.custom-content-reveal a{color:#fff;background-color:#838ead;font-size:16px}
.custom-content-reveal a:hover{color:#fff;background-color:#2E4A94}
.fc-calendar-container{height:400px;width:auto;padding:0;background:#fff;box-shadow:inset 0 1px rgba(255,255,255,0.8)}
.fc-calendar .fc-head{background:#B6C5EB;color:#fff;font-weight:700;text-transform:uppercase;font-size:12px}
.fc-calendar .fc-row > div{background:#fff;cursor:pointer}
.fc-calendar .fc-row > div:hover,.fc-calendar .fc-row > div:focus{background:#fafafa;cursor:pointer}
.fc-calendar .fc-row > div:empty{background:transparent}
.fc-calendar .fc-row > div > span.fc-date{top:50%;left:50%;text-align:center;margin:-10px 0 0 -15px;color:#959595;font-weight:400;pointer-events:none}
.fc-calendar .fc-row > div.fc-today{background:#d7dce8}
.fc-calendar .fc-row > div.fc-today > span.fc-date{color:inherit}
.fc-calendar .fc-row > div.fc-content > span.fc-date{color:#1E3061}
.fc-calendar .fc-row > div.fc-content:hover{background-color:#eee}
.fc-calendar .fc-row > div.fc-content:after{content:'\f0d8 ';font-family:'FontAwesome';text-align:center;width:20px;margin-left:-10px;position:absolute;color:#1E3061;font-size:45px;line-height:0;left:43%;bottom:5px;}
.fc-calendar .fc-row > div.fc-today.fc-content:after{color:#b02c42}
.fc-calendar .fc-row > div.fc-content:hover:after{color:#2E4A94}
.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{color:#fff}
.fc-calendar .fc-row > div > div a,.fc-calendar .fc-row > div > div span{display:none;font-size:22px}
@media screen and (max-width: 400px) {
.fc-calendar-container{height:300px}
.fc-calendar .fc-row > div > span.fc-date{font-size:15px}
}