html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
/* font */
@font-face{font-family:'climbzicons'; src:url('../webfonts/climbzicons.eot'); src:url('../webfonts/climbzicons.eot?#iefix') format('embedded-opentype'), url('../webfonts/climbzicons.woff2') format('woff2'), url('../webfonts/climbzicons.woff') format('woff'), url('../webfonts/climbzicons.ttf') format('truetype'), url('../webfonts/climbzicons.svg#svgFontName') format('svg');}
@font-face{font-family:'MaterialIcons-Regular'; src:url('../webfonts/MaterialIcons-Regular.eot'); src:url('../webfonts/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'), url('../webfonts/MaterialIcons-Regular.woff2') format('woff2'), url('../webfonts/MaterialIcons-Regular.woff') format('woff'), url('../webfonts/MaterialIcons-Regular.ttf') format('truetype'), url('../webfonts/MaterialIcons-Regular.svg#svgFontName') format('svg');}
/*End font*/
html, body{height:100%}
body{font-family:'climbzicons',Helvetica,Arial,sans-serif; background:url(../images/climb-wall.png) no-repeat; font-style:normal; speak:none; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility}
#wrapper{position:relative; max-width:900px; margin:0 auto}
header, main, footer{position:relative; width:100%}
header{min-height:160px}
footer{min-height:200px; border-right:#3d90cd solid 10px; background:url(../images/climb-wall-2.png) right bottom no-repeat;}
h1{font-size:20pt; color:#0090c6; margin-top:0}
h2{font-size:16pt; color:#0090c6}
h3{font-size:14pt; color:#0090c6}
.clearfix::before, .clearfix::after{content:""; display:table}
.clearfix::after{clear:both}
.clearfix{*zoom:1}
ul{list-style-image:url(../images/check.png); margin-bottom:2em}
main{min-height:400px; background:url(../images/content-background.png) no-repeat fixed center; background-color:#003a5a; border-radius:20px 0 0 20px; border:#3d90cd solid 10px; border-right:none;}

a:link {color: yellow;}
a:visited {color: yellow;}
a:hover {color: orange;}
a:active {color: yellow;}

.content-padding{padding:30px;}
.content-head{width:100%;}
.content-text{padding:30px; background-color:rgba(0,0,0,0.4); border-radius:20px; color:#fff}
.content{position:relative; max-width:550px; margin-right:2.66666%; width:66.66666%; float:left;} /*rename?*/
.sidebar{width:30.666666%; float:left; color:#50c2ed}

#social-sidebar{position:absolute; display:block; left:-100px; height:100%}
#social-icons{padding-top:30px}
#social-icons>a{display:block; margin:20px; width:35px; height:35px}
#social-icons>a>img{vertical-align:middle}
/*badges*/
.badges{position:relative; width:150px; right:80px}
.badges img, .badges-mobile img{margin:5px 0}
.badges-mobile{display:none; width:150px; margin:10px auto}
/*END badges*/
/*lightbox*/
.lightbox{display:none; position:fixed; z-index:999; width:100%; height:100%; text-align:center; top:0; left:0; background:rgba(0,0,0,0.8)}
.lightbox table{max-width:70%; max-height:70%; margin: 2% auto}
.lightbox:target{outline:none; display:block}
.lightbox .close{width:30px; height:30px; display:block; position:absolute; top:5px; right:5px; color:#ffffff; text-decoration:none; font-size:21px; border:2px solid #ffffff; border-radius:40px;}
/*END lightbox*/
.fade{opacity: 1;}


fieldset{border: 0;}
.form-style{font: 95%; max-width: 400px; margin: 10px auto; padding: 16px; background: #3d90cd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.form-style h1{background: #33ab9f; padding: 20px 0; font-size: 140%; font-weight: 300; text-align: center; color: #fff; margin: -16px -16px 16px -16px;}
.form-style input[type="text"], .form-style input[type="date"], .form-style input[type="datetime"], .form-style input[type="email"], .form-style input[type="number"], .form-style input[type="search"], .form-style input[type="time"], .form-style input[type="url"], .form-style textarea, .form-style select
{-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; background: #fff; margin-bottom: 4%; border: 1px solid #ccc; padding: 3%; color: #555; font: 95%;}
.form-style input[type="text"]:focus, .form-style input[type="date"]:focus, .form-style input[type="datetime"]:focus, .form-style input[type="email"]:focus, .form-style input[type="number"]:focus, .form-style input[type="search"]:focus, .form-style input[type="time"]:focus, .form-style input[type="url"]:focus, .form-style textarea:focus, .form-style select:focus
{box-shadow: 0 0 5px #43D1AF; padding: 3%; border: 1px solid #43D1AF;}
.form-style input[type="submit"], .form-style input[type="button"]{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 3%; background: #43D1AF; border-bottom: 2px solid #30C29E; border-top-style: none; border-right-style: none; border-left-style: none; color: #fff;}
.form-style input[type="submit"]:hover, .form-style input[type="button"]:hover{background: #2EBC99;}


@-moz-document url-prefix() {.app-login .icon-power {position:relative; top:-4px; right:-0.5px;}}

@media only screen and (max-width:1240px){.badges{display:none}.badges-mobile{display:block;}}
@media only screen and (max-width:1040px){#social-sidebar{display:none}}
@media only screen and (max-width:1010px){body{background:url(../images/climb-wall-cut.png) no-repeat;}}
@media only screen and (max-width:768px){
body{background: none;}
h1{font-size:1.8em}
header{min-height:150px;background:url(../images/climb-wall-cut.png) no-repeat;}
footer{background:url(../images/climb-wall-cut-2.png) right bottom no-repeat;}
.languages{display:none}
.content{width:64.99999%}
.sidebar{width:32.33333%}
.app-login{display:none}
}
@media only screen and (max-width:736px){
h1{font-size:1.6em}
.content-padding{padding:10px; display:block}
.content{width:100%; max-width:706px; margin:0; margin-bottom:30px}
.content-text{padding:15px}
.sidebar{width:100%; max-width:254px; float:none; margin:20px auto}
.mobile-none{display:none}
}