@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic";
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
body{-webkit-text-size-adjust:none}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{-ms-overflow-style:scrollbar}
@media screen and (max-width: 480px) {
html,body{min-width:320px}
}
body{background:#fff}
body.is-loading *,body.is-loading :before,body.is-loading :after{-moz-animation:none!important;-webkit-animation:none!important;-ms-animation:none!important;animation:none!important;-moz-transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;transition:none!important}
body{background-color:#fff;color:#444}
body,input,select,textarea{font-family:"Ubuntu",Arial,Helvetica,sans-serif;font-size:16pt;font-weight:300;line-height:1.75}
@media screen and (max-width: 1680px) {
body,input,select,textarea{font-size:13pt}
}
@media screen and (max-width: 1280px) {
body,input,select,textarea{font-size:12pt}
}
a{text-decoration:none}
a:hover{text-decoration:none}
strong,b{font-weight:400}
em,i{font-style:italic}
p{margin:0 0 2em}
h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.26;margin:0 0 1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:2.35em}
h2{font-size:1.75em}
h3{font-size:1.35em}
h4{font-size:1.1em}
h5{font-size:.9em}
h6{font-size:.7em}
sub{font-size:.8em;position:relative;top:.5em}
sup{font-size:.8em;position:relative;top:-.5em}
blockquote{border-left:solid 4px;font-style:italic;margin:0 0 2em;padding:.5em 0 .5em 2em}
code{border-radius:0;border:solid 1px;font-family:"Courier New",monospace;font-size:.9em;margin:0 .25em;padding:.25em .65em}
pre{-webkit-overflow-scrolling:touch;font-family:"Courier New",monospace;font-size:.9em;margin:0 0 2em}
pre code{display:block;line-height:1.75;padding:1em 1.5em;overflow-x:auto}
hr{border:0;border-bottom:solid 1px;margin:2em 0}
hr.major{margin:3em 0}
.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}
input,select,textarea{color:#555}
a{color:#1abc9c}
strong,b{color:#555}
h1,h2,h3,h4,h5,h6{color:#555}
hr{border-bottom-color:rgba(144,144,144,0.25)}

button,.button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out;border-radius:0;border:0;cursor:pointer;display:inline-block;font-weight:300;height:3em;line-height:3em;padding:0 2.5em;text-align:center;text-decoration:none;white-space:nowrap}
button:hover,.button:hover{text-decoration:none}
button.icon,.button.icon{padding-left:1.35em}
button.icon:before,.button.icon:before{margin-right:.5em}
button.fit,.button.fit{display:block;margin:0 0 1em;width:100%}
button.small,.button.small{font-size:.8em}
button.big,.button.big{font-size:1.25em}
button.disabled,button:disabled,.button.disabled,.button:disabled{-moz-pointer-events:none;-webkit-pointer-events:none;-ms-pointer-events:none;pointer-events:none;opacity:.25}
@media screen and (max-width: 480px) {
button,.button{padding:0}
}
button,.button{background-color:#1abc9c;color:#fff!important}
button:hover,.button:hover{background-color:#1dd2af}
button:active,.button:active{background-color:#17a689}
button.alt,.button.alt{background-color:transparent;box-shadow:inset 0 0 0 2px rgba(144,144,144,0.25);color:#555!important}
button.alt:hover,.button.alt:hover{background-color:rgba(144,144,144,0.075)}
button.alt:active,.button.alt:active{background-color:rgba(144,144,144,0.2)}
button.alt.icon:before,.button.alt.icon:before{color:#bbb}
button.special,.button.special{background-color:#6498db;color:#fff!important}
button.special:hover,.button.special:hover{background-color:#4aa3df}
button.special:active,.button.special:active{background-color:#258cd1}

.icon{text-decoration:none;border-bottom:none;position:relative;text-decoration:none!important}
.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}
.icon > .label{display:none}

.image{border:0;display:inline-block;position:relative}
.image img{display:block}
.image.left,.image.right{max-width:40%}
.image.left img,.image.right img{width:100%}
.image.left{float:left;margin:0 1.5em 1em 0;top:.25em}
.image.right{float:right;margin:0 0 1em 1.5em;top:.25em}
.image.fit{display:block;margin:0 0 2em;width:100%}
.image.fit img{width:100%}
.image.main{display:block;margin:0 0 3em;width:100%}
.image.main img{width:100%}

ol{list-style:decimal;margin:0 0 2em;padding-left:1.25em}
ol li{padding-left:.25em}
ul{list-style:disc;margin:0 0 2em;padding-left:1em}
ul li{padding-left:.5em}
ul.alt{list-style:none;padding-left:0}
ul.alt li{border-top:solid 1px;padding:.5em 0}
ul.alt li:first-child{border-top:0;padding-top:0}
ul.icons{cursor:default;list-style:none;padding-left:0}
ul.icons li{display:inline-block;padding:0 1em 0 0}
ul.icons li:last-child{padding-right:0}
ul.icons li .icon:before{font-size:2em}
ul.actions{cursor:default;list-style:none;padding-left:0}
ul.actions li{display:inline-block;padding:0 1em 0 0;vertical-align:middle}
ul.actions li:last-child{padding-right:0}
ul.actions.small li{padding:0 .5em 0 0}
ul.actions.vertical li{display:block;padding:1em 0 0}
ul.actions.vertical li:first-child{padding-top:0}
ul.actions.vertical li > *{margin-bottom:0}
ul.actions.vertical.small li{padding:.5em 0 0}
ul.actions.vertical.small li:first-child{padding-top:0}
ul.actions.fit{display:table;margin-left:-1em;padding:0;table-layout:fixed;width:calc(100% + 1em)}
ul.actions.fit li{display:table-cell;padding:0 0 0 1em}
ul.actions.fit li > *{margin-bottom:0}
ul.actions.fit.small{margin-left:-.5em;width:calc(100% + 0.5em)}
ul.actions.fit.small li{padding:0 0 0 .5em}
@media screen and (max-width: 480px) {
ul.actions{margin:0 0 2em}
ul.actions li{padding:1em 0 0;display:block;text-align:center;width:100%}
ul.actions li:first-child{padding-top:0}
ul.actions li > *{width:100%;margin:0!important}
ul.actions li > .icon:before{margin-left:-2em}
ul.actions.small li{padding:.5em 0 0}
ul.actions.small li:first-child{padding-top:0}
}
dl{margin:0 0 2em}
dl dt{display:block;font-weight:300;margin:0 0 1em}
dl dd{margin-left:2em}
ul.alt li{border-top-color:rgba(144,144,144,0.25)}

section.special,article.special{text-align:center}

header p{position:relative;margin:0 0 1.5em}
header h2 + p{font-size:1.25em;margin-top:-1em}
header h3 + p{font-size:1.1em;margin-top:-.8em}
header h4 + p,header h5 + p,header h6 + p{font-size:.em;margin-top:-.em}
header p{color:#bbb}
body{padding-top:em}
#header{background:#;color:rgba(255,255,255,0.75);cursor:default;height:em;left:0;line-height:3.2em;position:relative;text-align:right;top:0;width:100%;z-index:10001}
#header .logo{display:inline-block;height:inherit;left:1.25em;line-height:inherit;margin:0;padding:0;position:absolute;color:#fff;font-size:1.25em;text-decoration:none}
#header .logo strong{color:inherit;font-weight:300}
#header nav a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;display:inline-block;padding:0 .75em;color:inherit;text-decoration:none}
#header nav a:hover{color:#fff}
#header nav a[href="#menu"]{text-decoration:none;-webkit-tap-highlight-color:transparent}
#header nav a[href="#menu"]:before{content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important;margin:0 .5em 0 0}
#header nav a + a[href="#menu"]:last-child{border-left:solid 1px rgba(255,255,255,0.25);padding-left:1.25em;margin-left:.5em}
#header nav a:last-child{padding-right:1.25em}
@media screen and (max-width: 736px) {
#header nav a{padding:0 .5em}
#header nav a + a[href="#menu"]:last-child{padding-left:1em;margin-left:.25em}
#header nav a:last-child{padding-right:1em}
}
@media screen and (max-width: 980px) {
body{padding-top:px}
#header{height:px;line-height:px}
#header .logo{left:1em;font-size:1em}
}
@media screen and (max-width: 480px) {
#header{min-width:320px}
}

#mframe{color:#333;cursor:default;left:0;line-height:3.2em;position:fixed;text-align:right;top:0;width:100%;z-index:10001}
#mframe nav a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;padding:0 .75em;color:#fff;text-decoration:none}
#mframe nav a:hover{color:#fff}
#mframe nav a[href="#menu"]{text-decoration:none;-webkit-tap-highlight-color:transparent}
#mframe nav a[href="#menu"]:before{content:"⋮";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:sans-serif;font-style:normal;font-weight:700;text-transform:none!important;margin:0 .5em 0 0;font-size:1.1em}
#mframe nav a + a[href="#menu"]:last-child{border-left:solid 1px rgba(255,255,255,0.25);padding-left:1.25em;margin-left:.5em}
#mframe nav a:last-child{padding-right:.7em}
#menu{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-moz-transition:-moz-transform .5s ease,box-shadow .5s ease,visibility .5s;-webkit-transition:-webkit-transform .5s ease,box-shadow .5s ease,visibility .5s;-ms-transition:-ms-transform .5s ease,box-shadow .5s ease,visibility .5s;transition:transform .5s ease,box-shadow .5s ease,visibility .5s;-webkit-overflow-scrolling:touch;background:#;box-shadow:none;color:#fff;height:%;max-width:80%;overflow-y:auto;padding:3.3em .95em;position:fixed;right:0;top:0;visibility:hidden;width:2em;z-index:10002;text-align:right;writing-mode:vertical-rl;text-orientation:mixed}
#menu > ul{margin:0 0 1em;color:#333}
#menu > ul.links{list-style:none;padding:0}
#menu > ul.links > li{padding:0}
#menu > ul.links > li > a:not(.button){border:0;color:#333;display:block;line-height:12em;text-decoration:none}
#menu > ul.links > li > .button{margin:.5em 0 0}
#menu > ul.links > li:first-child > a:not(.button){border-top:0!important}
#menu .close{text-decoration:none;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent;border:0;color:#fff;cursor:pointer;height:3.25em;line-height:3.25em;padding-right:1em;position:absolute;right:0;text-align:right;top:0;vertical-align:middle;width:2em}
#menu .close:before{content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:sans-serif;font-weight:300;text-transform:none!important;font-size:1em}
#menu .close:hover{color:#333}
#menu.visible{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:0 0 0 0 rgba(0,0,0,0.2);visibility:visible}
h6{color:#fff!important;font-weight:300;cursor:pointer}
h6 a{color:#fff!important}
h6 a:hover{color:#fff!important}

#home{background-color:#6498db;background:url(../img/bg1.jpg) no-repeat center center;background-size:cover;color:rgba(255,255,255,0.75);text-align:left;cursor:default;padding:7em 0em 7em 5em}
#home input,#home select,#home textarea{color:#fff}
#home a{color:#fff}
#home strong,#home b{color:#fff}
#home h1,#home h2,#home h3,#home h4,#home h5,#home h6{color:#fff}
#home blockquote{border-left-color:rgba(255,255,255,0.25)}
#home code{background:rgba(255,255,255,0.075);border-color:rgba(255,255,255,0.25)}
#home hr{border-bottom-color:rgba(255,255,255,0.25)}
#home .box{border-color:rgba(255,255,255,0.25)}
#home button,#home .button{background-color:#1abc9c;color:#fff!important}
#home button:hover,#home .button:hover{background-color:#1dd2af}
#home button:active,#home .button:active{background-color:#17a689}
#home button.alt,#home .button.alt{background-color:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.25);color:#fff!important}
#home button.alt:hover,#home .button.alt:hover{background-color:rgba(255,255,255,0.075)}
#home button.alt:active,#home .button.alt:active{background-color:rgba(255,255,255,0.2)}
#home button.alt.icon:before,#home .button.alt.icon:before{color:rgba(255,255,255,0.5)}
#home button.special,#home .button.special{background-color:#fff;color:#6498db!important}
#home label{color:#fff}
#home select,#home textarea{background:rgba(255,255,255,0.075);border-color:rgba(255,255,255,0.25)}
#home select:focus,#home textarea:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}
#home .select-wrapper:before{color:rgba(255,255,255,0.25)}
#home ::-webkit-input-placeholder{color:rgba(255,255,255,0.5)!important}
#home :-moz-placeholder{color:rgba(255,255,255,0.5)!important}
#home ::-moz-placeholder{color:rgba(255,255,255,0.5)!important}
#home :-ms-input-placeholder{color:rgba(255,255,255,0.5)!important}
#home .formerize-placeholder{color:rgba(255,255,255,0.5)!important}
#home ul.alt li{border-top-color:rgba(255,255,255,0.25)}
#home header p{color:rgba(255,255,255,0.5)}
#home h1{font-size:3em;line-height:1.45;margin:0 0 .75em}
#home > .inner{opacity:1;-moz-transform:none;-webkit-transform:none;-ms-transform:none;transform:none;-moz-transition:opacity 1s ease,-moz-transform 1s ease;-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-ms-transition:opacity 1s ease,-ms-transform 1s ease;transition:opacity 1s ease,transform 1s ease}
#home > .inner > :last-child{margin-bottom:0}
body.is-loading #home > .inner{opacity:0;-moz-transform:translateY(1em);-webkit-transform:translateY(1em);-ms-transform:translateY(1em);transform:translateY(1em)}
@media screen and (max-width: 1280px) {
#home h1{font-size:2.75em}
#home h1 br{display:none}
}
@media screen and (max-width: 736px) {
#home{padding:5em 1.5em 4em}
#home h1{font-size:2em}
}

#main{padding:4em 0 2em}
#main .inner{max-width:60em;margin:0 auto}
#main .inner header p{font-size:1em;font-style:italic;border-top:1px solid rgba(144,144,144,0.25);border-bottom:1px solid rgba(144,144,144,0.25);padding:.5em 0}
@media screen and (max-width: 980px) {
#main{padding:3em 0 1em}
#main .inner{width:90%}
}

.post{display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-ms-flex-align:stretch;-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch;-ms-flex-pack:end;min-height:-webkit-calc(100vh - 4.25em);min-height:-moz-calc(100vh - 4.25em);min-height:calc(100vh - 4.25em);position:relative}
body.is-ie .post{min-height:0}
.post .content{-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;-moz-order:1;-webkit-order:1;-ms-order:1;order:1;width:50%;display:block;background:#FFF;padding:5em;text-align:left;position:relative}
.post .content:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.post .content .inner{display:inline-block;vertical-align:middle}
.post .content header h2{font-size:2.35em}
.post .content header p{font-size:1em;font-style:italic;border-top:1px solid rgba(144,144,144,0.25);border-bottom:1px solid rgba(144,144,144,0.25);padding:.5em 0}
.button{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.post .content .button{margin:0}
.post .content .postnav{position:absolute;left:2em;bottom:2em}
.post .content .postnav .prev,.post .content .postnav .next{text-decoration:none;display:block;border:1px solid rgba(144,144,144,0.25);width:2em;height:2em;line-height:2em;text-align:center}
.post .content .postnav .prev:hover,.post .content .postnav .next:hover{background:rgba(144,144,144,0.075)}
.post .content .postnav .prev.disabled,.post .content .postnav .next.disabled{color:#bbb;pointer-events:none}
.post .content .postnav .prev{border-bottom:none}
.post .image{-ms-flex-order:2;-moz-order:2;-webkit-order:2;-ms-order:2;order:2;width:50%;display:block;margin:0;position:relative;overflow:hidden;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}
.post .image img{position:absolute;top:0;right:0;height:100%;width:auto;display:none}
.post.alt .content{-ms-flex-order:2;-moz-order:2;-webkit-order:2;-ms-order:2;order:2;text-align:left}
.post.alt .content .postnav{right:2em;left:initial}
@media screen and (max-width: 1280px) {
.post.alt .content .postnav{right:1em}
}
.post.alt .image{-ms-flex-order:1;-moz-order:1;-webkit-order:1;-ms-order:1;order:1}
.post.alt .image img{right:initial;left:0}
.post.style2{background-color:#fff;color:#444}
.post.style2 input,.post.style2 select,.post.style2 textarea{color:#6498db}
.post.style2 a{color:#6498db}
.post.style2 strong,.post.style2 b{color:#6498db}
.post.style2 h1,.post.style2 h2,.post.style2 h3,.post.style2 h4,.post.style2 h5,.post.style2 h6{color:#6498db}
.post.style2 blockquote{border-left-color:rgba(144,144,144,0.25)}
.post.style2 code{background:rgba(144,144,144,0.075);border-color:rgba(144,144,144,0.25)}
.post.style2 hr{border-bottom-color:rgba(144,144,144,0.25)}
.post.style2 button,.post.style2 .button{background-color:#1abc9c;color:#fff!important}
.post.style2 button:hover,.post.style2 .button:hover{background-color:#1dd2af}
.post.style2 button:active,.post.style2 .button:active{background-color:#17a689}
.post.style2 button.alt,.post.style2 .button.alt{background-color:transparent;box-shadow:inset 0 0 0 2px rgba(144,144,144,0.25);color:#6498db!important}
.post.style2 button.alt:hover,.post.style2 .button.alt:hover{background-color:rgba(144,144,144,0.075)}
.post.style2 button.alt:active,.post.style2 .button.alt:active{background-color:rgba(144,144,144,0.2)}
.post.style2 button.alt.icon:before,.post.style2 .button.alt.icon:before{color:#bbb}
.post.style2 button.special,.post.style2 .button.special{background-color:#6498db;color:#fff!important}
@media screen and (max-width: 1280px) {
.post .content{padding:4em}
.post .content .postnav{left:1em;bottom:1em}
}
@media screen and (max-width: 980px) {
.post{-ms-flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:0}
.post .image{-ms-flex-order:1;-moz-order:1;-webkit-order:1;-ms-order:1;order:1;width:100%;overflow:auto;background:none!important}
.post .image img{position:relative;width:100%;height:auto;display:block}
.post .content{-ms-flex-order:2;-moz-order:2;-webkit-order:2;-ms-order:2;order:2;width:100%;text-align:left}
.post .content .postnav{display:none}
.post.alt .image img{left:initial}
.post.alt .content{text-align:left}
}
@media screen and (max-width: 736px) {
.post .content{padding:2em 1.5em 3em}
.post .content header h2{font-size:1.75em}
.post .button{width:100%}
}

#footer{padding:4em 0 2em;background:#1c1c1c;text-align:center}
#footer a{color:rgba(255,255,255,0.75)}
#footer a:hover{color:#fff}
#footer .copyright{color:rgba(255,255,255,0.5);font-size:.9em;margin:0 0 2em;padding:0}
@media screen and (max-width: 736px) {
#footer{padding:3em 0 1em}
}

[data-tip]{display:inline-block;position:relative}
[data-tip]:hover:before{content:attr(data-tip);position:absolute;padding:0 8px;height:28px;line-height:28px;background-color:#555;left:-10px;top:-38px;font-size:14px;border-radius:3px;white-space:nowrap;color:#fff;font-size:11px;font-family:Ubuntu,sans-serif}
[data-tip]:hover:after{content:"";position:absolute;border-top:8px solid #555;border-left:8px solid transparent;border-right:8px solid transparent;left:0;top:-10px}