/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
textarea, input { outline:none; }
strong, b { font-weight:bold; }
a { cursor:pointer; outline:none; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -o-transition:color 0.2s; -ms-transition:color 0.2s; transition:color 0.2s; }
em { font-weight:bold; }
/* UNIVERSAL */
a { color:#72777a; }
.fright { float:right; }
.hidden { display:none; }
.tcenter { text-align:center; }
.button { display:inline-block; font-size:12px; text-transform:uppercase; height:28px; line-height:28px; padding:2px 14px; border-radius:3px; background-color:#d2d2d2; color:#4f5b60; font-family:"Avenir-Black", sans-serif; border:none; }
.button-circle { width:48px; height:48px; border-radius:30px; padding:0; text-align:center; }
.button-circle-small { width:14px; height:14px; border-radius:8px; padding:0; background-color:rgba(0,0,0,0.5); margin-bottom:4px; }
.button-circle-small.active { background-color:#fff; }
.button-light { background-color:#e8eeef; }
.button-light-trans { background-color:rgba(255,255,255,0.7); }
.button-dark { background-color:rgba(0,0,0,0.7); }
.button-big { font-size:15px; padding:3px 16px 2px; height:37px; line-height:37px; }
.icon-play { background-position:0 -53px; width:11px; height:15px; display:inline-block; position:relative; top:16px; }
.icon-lock { background-position:-33px -69px; width:13px; height:16px; display:inline-block; position:relative; top:15px; }
.icon-arrow-right { background-position:0 -53px; width:11px; height:15px; display:inline-block; }
.icon-arrow-left { background-position:-50px -53px; width:11px; height:15px; display:inline-block; position:relative; top:5px; }
/***/
html, body { height:100%; }
body { font:1em/1.3em "Avenir-Medium", arial, sans-serif; background-color:#eff3f4; color:#5b5a5a; -webkit-font-smoothing: antialiased; }
#wrap { min-height:100%; min-width:1100px; position:relative; }
#background-pic { position:absolute; }
#header { background-color:#fff; height:65px; width:100%; position:absolute; top:0; z-index:10; overflow:hidden; font-family:"Avenir-Black", sans-serif; }
#header h1 { position:absolute; left:10px; top:0; z-index:1; }
#header h1 a { position:absolute; left:0; top:0; display:block; color:white; font-size:30px; height:65px; text-align:center; text-transform:uppercase; }
#header h1 a:hover { color:#e9f6d9; }
#header h1 a:active { color:#fff; }
#nav { position:absolute; left:300px; font-size:12px; padding-right:110px; }
#nav li { margin:0 0 0 4px; list-style-type:none; display:inline-block;}
#nav a { display:inline-block; padding:23px 8px 0; color:#72777a; text-transform:uppercase; }
#nav a:hover { color:#4294ac; }
#nav a:active { color:#4294ac; }
#nav a.active { color:#4294ac; }
#header .join-today { color:#fff; background:#59818b; position:absolute; right:20px; top:17px; }
#footer { position:fixed; left:0; bottom:0; width:100%; height:35px; background-color:white; color:#72777a; font-family:"CalistoMT-BoldItalic", Georgia, serif; font-size:12px; z-index:10; }
#footer a { text-decoration:underline; }
#footer-container { position:relative; }
#foot-text { line-height:35px; margin:0 20px; }
#foot-text a { margin-right:23px; }
#foot-text .lang-img { margin:0 5px; position:relative; top:3px; }
#footer .min-a-kasse { display:inline-block; margin-left:5px; width:74px; height:14px; position:relative; top:1px; background:url(/cssImages/min-a-kasse.png) no-repeat; }
#footer .min-a-kasse > span { display:none; }
.social { height:35px; line-height:35px; padding:0 18px; float:right; text-align:right; }
.social a { margin:0 2px 0 3px; }
/*POPUPS*/
#popup { display:none; position:fixed; z-index:999; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.85); overflow:hidden; }
#popup .content-holder { width:540px; min-height:200px; margin-top:80px; left:50%; margin-left:-260px; background-color:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.5); position:absolute; }
#popup .content { font-size:20px; line-height:22px; }
#popup .close { position:absolute; right:-40px; top:0; width:30px; height:30px; background-position:-59px 0; cursor:pointer; }
#popup h4 { font-size:24px; color:#67be33; margin-bottom:30px; text-transform:uppercase; }
#popup a { text-decoration:underline; }
#popup a:hover { text-decoration:none; }
#popup .button { text-decoration:none; }
/*terms overlay*/
#popup .content-holder.terms { width:100%; margin-left:0; left:0; color:#fff; background-color:transparent; box-shadow:none; }
#popup .content-holder.terms .close { right:10px; top:-10px; }
#popup .content-holder.terms .content { }
#popup .content-holder.terms .term-text { font-size:16px; line-height:22px; font-family:"CalistoMT-Italic", Georgia, serif; font-style:italic; height:580px; overflow:auto; margin:12px 15px 0 27px; }
#popup .content-holder.terms h3 { width:730px; margin:0 auto; font-size:30px; font-family:"Avenir-Black", sans-serif; text-transform:uppercase; }
#popup .content-holder.terms .term-text .inner { width:730px; margin:0 auto; }
#popup .content-holder.terms .term-text p { padding-top:7px; }
/*video overlay*/
#popup .content-holder.video { width:800px; margin-left:-400px; color:#bcbdbd; background-color:transparent; box-shadow:none; text-align:center; }
#popup .content-holder.video .close { right:-40px; top:0; }
#popup .video .button { margin-top:20px; }
#popup .video .share { font-size:16px; font-family:"CalistoMT-BoldItalic", Georgia, serif; margin-top:20px; }
#popup .video .share a { color:#BCBDBD; }
/*join overlay*/
#popup .join-corner { position:absolute; width:25px; height:25px; background-color:#fff; background-position:-64px -33px; }
#popup .join-lt { left:0; top:0; }
#popup .join-rt { right:0; top:0; }
#popup .join-lb { left:0; bottom:0; }
#popup .join-rb { right:0; bottom:0; }
#popup .join-frame { margin:5px; padding:5px; border:1px solid #c5dfe5; }
#popup .join-line { min-height:170px; border:3px solid #3f95aa; padding:50px 30px 40px 30px; }
#popup .join-line .header { font-size:30px; font-family:"Avenir-Black", sans-serif; color:#4294ac; text-align:center; text-transform:uppercase; margin-bottom:30px; }
#popup .join-line .sep { width:120px; border-top:1px solid #b8bbbc; margin:25px auto; }
#popup .join-line .intro { font-size:17px; font-family:"CalistoMT-BoldItalic", Georgia, serif; padding-bottom:40px; text-align:center; }
#popup .join-line .join-using { font-size:20px; font-family:"CalistoMT-BoldItalic", Georgia, sans-serif; color:#72777a; text-align:center; }
#popup .join-line .join-using a { font-size:23px; font-family:"Avenir-Black", sans-serif; color:#4294ac; text-decoration:underline; margin:0 5px; text-transform:uppercase; }
#popup .button-join-big { font-size:16px; color:#4f5b60; background-color:#a4bcc3; padding:2px 30px; height:37px; line-height:37px; }
#popup .text-input { width:185px; color:#72777a; font-size:20px; font-family:"CalistoMT-BoldItalic", Georgia, serif; border:1px solid #b8bbbc; padding:2px 11px; height:35px; line-height:35px; margin:0 6px 22px 6px; }
#popup .text-input-wide { width:413px; }
#popup .error { border-color:#f0b3b3; }
#popup.diploma-popup { margin-top:-150px; }
#popup .certificate { text-align:center; }
#popup .certificate .header { font-size:20px; color:#72777a; }
#popup .certificate .user-pic { width:130px; height:auto; margin:0 auto 18px; display:block; }
#popup .certificate .name-header { color:#72777a; font-size:16px; font-family:"CalistoMT-BoldItalic", Georgia, serif; margin:0 auto; }
#popup .certificate .name { font-size:20px; color:#4294ac; font-family:"Avenir-Black", sans-serif; margin:0 auto 25px; text-transform:uppercase; }
#popup .certificate .num-date { color:#72777a; font-size:16px; font-family:"CalistoMT-BoldItalic", Georgia, serif; }
#popup .certificate .num-date > span { font-size:17px; padding:0 13px 0 5px; color:#4294ac; font-family:"Avenir-Black", sans-serif; }
#popup .certificate .logo { display:block; width:285px; height:65px; margin:-20px auto -35px; background:url(/cssImages/logo.png) no-repeat; }
#popup .share-outside { position:absolute; width:100%; bottom:-75px; text-align:center; font-size:16px; font-family:"CalistoMT-BoldItalic", Georgia, serif; color:#bbbcbc; }
#popup .share-outside p { padding-bottom:7px; }
#popup .share-outside a { color:#bbbcbc; }
#popup .share-outside .button { color:#4f5b60; margin-top:5px; }
#popup.print-certificate { display:block; }
#popup.print-certificate .content-holder { margin:0; left:0; }
#popup.print-certificate .join-line { height:375px; }
/*PANELS ABOVE THE HEADER*/
#slider { height:0; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:10; }
.slide-panel { background-color:#454545; position:absolute; top:0; width:100%; }
.slide-panel.active { z-index:1; }
.slide-panel .top-gradient { height:30px; width:100%; position:absolute; top:0; background:#3a3a3a; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ1NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #3a3a3a 0%, #454545 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#454545)); background:-webkit-linear-gradient(top, #3a3a3a 0%,#454545 100%); background:-o-linear-gradient(top, #3a3a3a 0%,#454545 100%); background:-ms-linear-gradient(top, #3a3a3a 0%,#454545 100%); background:linear-gradient(to bottom, #3a3a3a 0%,#454545 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#454545',GradientType=0 ); }
.slide-panel .bottom-gradient { height:215px; width:100%; position:absolute; bottom:0; background:#333333; background:#454545; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #454545 0%, #333333 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#333333)); background:-webkit-linear-gradient(top, #454545 0%,#333333 100%); background:-o-linear-gradient(top, #454545 0%,#333333 100%); background:-ms-linear-gradient(top, #454545 0%,#333333 100%); background:linear-gradient(to bottom, #454545 0%,#333333 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#333333',GradientType=0 ); }
.slide-panel .inner { width:960px; margin:0 auto; position:relative; }
.slide-panel .inner .close-button { position:absolute; display:block; width:30px; height:30px; }
.slide-panel .inner .close-button span { width:30px; height:30px; background-position:-59px 0; display:block; }
#contact { height:320px; color:#fff; }
#contact .header { font-size:20px; font-family:"Avenir-Black", sans-serif; text-align:center; padding:50px 0 40px 0; border-bottom:1px solid #6a6a6a; text-transform:uppercase; }
#contact .close-button { right:0; top:45px; }
#contact .col { float:left; width:330px; margin:0 0 0 110px; padding-top:40px; font-size:16px; }
#contact .col-head { font-family:"Avenir-Black", sans-serif; letter-spacing:0.1em; text-transform:uppercase; }
#contact .col p { font-family:"CalistoMT-Italic", Georgia, serif; font-style:italic; opacity:0.9; margin-top:2px; }
#contact .col a { color:#fff; text-decoration:underline; }
#social { height:560px; }
#social .close-button { right:0; top:20px; }
#social .header { text-align:center; padding:18px 0; }
#social .header .link { font-family:"Avenir-Black", sans-serif; font-size:12px; color:#4f5b60; display:inline-block; background-color:#dadada; height:28px; line-height:28px; padding:2px 20px; }
#social .header .link.active { color:#abacac; background-color:#303030; }
#social .header .facebook { border-radius:2px 0 0 2px; }
#social .header .twitter { border-radius:0 2px 2px 0; }
#social .content { display:none; height:460px; background-color:#fff; }
#social .content.active { display:block; }
.twitter-header { width:960px; height:80px; overflow:hidden; position:relative; background:url(/cssImages/twitter-header.png) left top no-repeat; }
.twitter-header h2 { padding:30px 110px 24px; line-height:26px; text-transform:uppercase; font-size:14px; font-weight:bold; color:#848484; }
.twitter-header a { color:#4294ac; }
.twitter-header .follow { width:75px; position:absolute; top:25px; right:25px; }
#tweets { color:#72777a; }
#tweets .tweet { height:94px; overflow:hidden; display:table; }
#tweets .tweet .tweet-time { width:70px; padding:37px 5px 31px; display:table-cell; vertical-align:middle; line-height:26px; text-align:center; border-bottom:1px solid #e5e5e5; font-size:13px; font-family:"CalistoMT-BoldItalic", Georgia, serif; }
#tweets .tweet .tweet-message { width:820px; height:74px; padding:10px 30px; display:table-cell; vertical-align:middle; border-bottom:1px solid #e5e5e5; font-weight:bold; font-style:italic; font-size:18px; font-family:"CalistoMT-BoldItalic", Georgia, serif; }
/*FRONTPAGE*/
#frontpage { position:absolute; left:0; top:65px; right:0; bottom:35px; overflow:auto; text-align:center; }
.main-line { position:absolute; left:0; top:65px; right:0; bottom:35px; }
.main-line > div { width:6px; height:100%; margin:0 auto; position:relative; background-color:#97a9ad; }
#frontpage .nav { width:15px; height:115px; position:fixed; right:30px; top:50%; z-index:1; margin-top:-57px; }
#frontpage .top { width:100%; height:653px; position:absolute; left:0; top:0; background:url(/cssImages/front-top.png) center top no-repeat; }
#frontpage .gradient { width:100%; height:1918px; position:absolute; left:0; top:0; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); background:-o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 ); }
#frontpage .slide { width:780px; position:relative; margin:0 auto; }
#frontpage .slide .slide-line { width:6px; height:50px; margin:0 auto; background-color:rgba(0,0,0,0.1); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#19000000', endColorstr='#19000000'); }
#frontpage .slide .slide-line-top { height:0; }
#frontpage .slide .slide-line-bottom { height:0; }
#frontpage .content-right, #frontpage .content-left { position:relative; height:35px; }
#frontpage .content-right { margin-left:50%; text-align:left; }
#frontpage .content-right .mark { margin-left:-15px; margin-right:30px; float:left; }
#frontpage .content-left { margin-right:50%; text-align:right; }
#frontpage .content-left .mark { margin-right:-17px; margin-left:30px; float:right; }
#frontpage .mark { width:32px; height:34px; display:block; background-position:0 -66px; background-repeat:no-repeat; }
#frontpage .video-holder { width:500px; height:280px; margin:0 auto; position:relative; }
#frontpage .video-holder .poster { position:absolute; left:0; top:0; width:100%; height:100%; }
#frontpage .video-holder .button { margin-top:115px; margin-bottom:20px; position:relative; }
#frontpage .video-holder .locked { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); color:#fff; font-size:16px; }
#frontpage .stats { display:inline-block; margin-right:20px; line-height:15px; position:relative; top:4px; }
#frontpage .stats strong { font-family:"Avenir-Black", sans-serif; font-size:16px; color:#4f5b60; }
#frontpage .stats em { font-size:15px; font-family:"CalistoMT-BoldItalic", Georgia, serif; color:#7c8b90; }
#frontpage .slides { position:relative; }
#frontpage .slide1 { }
#frontpage .slide1 .slide-content { background:url(/cssImages/cube-top.png) center top no-repeat; position:relative; top:-6px;}
#frontpage .slide1 .header { font-size:19px; font-family:"Avenir-Black", sans-serif; color:#4f5b60; line-height:28px; padding-top:65px; height:205px; text-transform:uppercase; position:relative; display:table-cell; vertical-align:middle; }
#frontpage .slide1 .cube-bottom { width:267px; height:69px; position:absolute; left:50%; top:265px; margin-left:-132px; background:url(/cssImages/cube-bottom.png) no-repeat left top; }
#frontpage .slide1 .video-intro-image { width:340px; height:146px; position:absolute; left:50%; top:265px; margin-left:-170px; background:url(/cssImages/Video-intro.png) no-repeat left top; }
#frontpage .slide1 .button { margin-top:35px; position:relative; z-index:1; }
#frontpage .slide1 .intro { font-size:12px; font-family:"Avenir-Black", sans-serif; color:#4f5b60; display:block; margin-top:20px; position:relative; }
#frontpage .slide1 .news-header { font-family:"Avenir-Black", sans-serif; text-transform:uppercase; font-size:15px; color:#fff; margin-top:75px; position:relative; }
#frontpage .slide1 .news { width:640px; height:60px; margin:10px auto; position:relative; }
#frontpage .slide1 .news .prev, #frontpage .slide1 .news .next { position:absolute; top:15px; width:15px; height:15px; display:block; cursor:pointer; }
#frontpage .slide1 .news .prev { left:-20px; background-position:-30px -52px; }
#frontpage .slide1 .news .next { right:-20px; background-position:-20px -52px; }
#frontpage .slide1 .news .blur { opacity:0.3; cursor:default; filter:alpha(opacity=30); }
#frontpage .slide1 .news .news-holder { width:640px; height:60px; overflow:hidden; position:relative; }
#frontpage .slide1 .news .news-inner { width:9999px; position:absolute; }
#frontpage .slide1 .news .news-item { width:640px; float:left; font-size:23px; font-family:"CalistoMT-BoldItalic", Georgia, serif; color:#4f5b60; }
#frontpage .slide2 { }
#frontpage .slide3 { }
#frontpage .slide4 { }
#frontpage .slide-top { padding-top:0; }
#frontpage .slide-top .header { width:100%; font-size:20px; font-family:"Avenir-Black", sans-serif; color:#cbcccc; padding-top:35px; padding-bottom:150px; background:url(/cssImages/top-line.png) center top no-repeat; position:absolute; }
.line-rail { position:fixed; left:0; top:65px; right:0; bottom:35px; z-index:1; overflow:hidden; width:75px; }
.line-col { position:absolute; width:75px; overflow:hidden; text-align:center; font-size:20px; font-family:"Avenir-Black", sans-serif; }
#frontpage .line-col .line { height:480px; width:1px; background-color:rgba(255,255,255,0.5); margin:3px auto; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#7fffffff'); }
#frontpage .line-col .show-cert { color:#fff; opacity:0.5; filter:alpha(opacity=30); }
#frontpage .line-col.thick { font-size:25px; }
#frontpage .line-col.thick .line { width:2px; }
#line1 { left:4%; right:auto; }
#line2 { left:14%; right:auto; }
#line3 { right:14%; left:auto; }
#line4 { right:4%; left:auto; }
#line1 .line-col { top:-230px; }
#line2 .line-col { top:-360px; }
#line3 .line-col { top:-360px; }
#line4 .line-col { top:-340px; }
/*video*/
.video-smoke { position:fixed; bottom:10px; width:100%; }
#buffer { display:none; }
#output { width:100%; }
#animated { position:fixed; left:0; top:65px; right:0; bottom:35px; overflow:hidden; }
#animated .form-col { position:absolute; width:405px; overflow:hidden; }
#animated .form-col .form-group { height:1100px; position:relative; }
#animated .form-col .form1, #animated .form-col .form2, #animated .form-col .form3 { position:absolute; background:url(/cssImages/form-sprite.png) no-repeat; }
#animated .form-col .form1 { width:323px; height:280px; }
#animated .form-col .form2 { width:243px; height:210px; background-position:-330px 0; }
#animated .form-col .form3 { width:131px; height:112px; background-position:-330px -211px; }
#animated .group1 { }
#animated .group1 .form3 { left:134px; }
#animated .group1 .form2 { left:160px; top:80px; }
#animated .group1 .form1 { top:244px; }
#animated .group2 { }
#animated .group2 .form2 { left:158px; top:240px; }
#animated .group2 .form3 { left:136px; top:420px; }
#animated .group3 { }
#animated .group3 .form1 { left:80px; }
#animated .group3 .form2 { top:240px; }
#animated .group3 .form3 { left:137px; top:420px; }
#animated .group4 { }
#animated .group4 .form3 { left:136px; }
#animated .group4 .form2 { top:80px; }
#animated .group4 .form1 { left:80px; top:245px; }
#form-col1 { left:-60px; top:400px; }
#form-col2 { right:-90px; }
#clouds { position:fixed; left:0; top:65px; right:0; bottom:35px; overflow:hidden; background-color:#a9bcc1; }
#cloud-1-1 { position:absolute; top:100px; left:1%; }
#cloud-1-2 { position:absolute; top:800px; right:13%; }
#cloud-2-1 { position:absolute; top:600px; left:30%; }
#cloud-2-2 { position:absolute; top:300px; right:10%; }
#cloud-3-1 { position:absolute; top:740px; left:-15%; }
/*CONTENT*/
#content { padding:65px 0 80px; min-height:400px; }
.content-page { position:relative; width:890px; margin:35px 0 0 50px; }
.header-panel { height:400px; margin-bottom:45px; position:relative; background:#9cb5bf no-repeat; }
.header-panel-right { background-image:url(/cssImages/header-panel-2.jpg); }
.header-panel .quote { width:450px; height:400px; background-color:#eff3f4; display:table; position:relative; }
.header-panel .quote-arrow { width:119px; height:400px; position:absolute; right:-119px; top:0; background:url(/cssImages/header-panel-arrow.png) no-repeat; }
.header-panel .quote-text { padding:0 45px; height:400px; display:table-cell; vertical-align:middle; font-size:22px; line-height:23px; font-family:"CalistoMT-BoldItalic", Georgia, serif; color:#4f5b60; }
.header-panel .quote-author { color:#4294ac; font-size:15px; position:absolute; left:45px; bottom:75px; text-transform:uppercase; font-family:"Avenir-Black", sans-serif; }
.header-panel .quote-right { float:right; }
.header-panel .quote-right .quote-arrow { width:119px; height:400px; position:absolute; left:-119px; top:0; background:url(/cssImages/header-panel-arrow.png) -119px 0 no-repeat; }
.header-panel .quote-right .quote-text { padding:0 45px; height:400px; display:table-cell; vertical-align:middle; font-size:22px; line-height:23px; font-family:"CalistoMT-BoldItalic", Georgia, serif; color:#4f5b60; }
.header-panel .quote-right .quote-author { color:#4294ac; font-size:15px; position:absolute; left:45px; bottom:75px; text-transform:uppercase; }
.header-panel .header-image { height:400px; overflow:hidden; position:absolute; top:0; right:0; }
.header-panel .header-image .image { top:0; left:0; position:relative; }
.header-panel .header-image .image > img { height:auto; }
.header-panel-right .header-image { right:auto; left:0; }
#content h2, #content h3 { color:#4294ac; line-height:1.2em; font-family:"Avenir-Black", sans-serif; text-transform:uppercase; }
#content h2 { font-size:30px; }
#content h3 { font-size:18px; }
#content p { font-size:15px; color:#5b5a5a; padding:0 0 20px 0; }
#content .intro { font-size:18px; font-family:"CalistoMT-BoldItalic", Georgia, serif; color:#5b5a5a; }
#content .blockquote { margin:40px 0 30px 30px; border-left:2px solid #4294ac; padding:20px 0 20px 30px; }
#content .date { font-size:15px; color:#909090; }
#content .article-links { padding-top:0; font-family:"CalistoMT-BoldItalic", Georgia, serif; font-size:18px; }
#content .article-links .separator { border-left:1px solid #bfc2c3; width:0; height:17px; margin:0 25px; display:inline-block; position:relative; top:3px; }
#content .content-page-post .article-links { padding-top:10px; }
#content a { color:#4294ac; text-decoration:underline; }
#content .article { width:780px; margin-bottom:40px; position:relative; }
#content .article-image { width:780px; height:400px; overflow:hidden; margin:20px 0 0; }
#content .article a { text-decoration:none; }
#content .article a:hover { text-decoration:underline; }
#content .question { width:auto; margin-bottom:35px; position:relative; }
#content .questions { padding-top:25px; }
#content .question > h3 { margin:0; font-size:18px; }
#content .question > p { padding:0; }
#content .side-pane { width:279px; height:244px; background:url(/cssImages/form.png) no-repeat; position:absolute; right:-20px; top:490px; }
#content .side-pane .header { font-family:"Avenir-Black", sans-serif; font-size:20px; color:#4294ac; padding-top:35px; text-align:center; display:table-cell; vertical-align:middle; height:85px; width:155px; position:relative; left:60px; }
#content .side-pane .content { font-family:"CalistoMT-BoldItalic", Georgia, serif; font-size:18px; color:#a6acaf; margin:0 65px; text-align:center; padding-top:40px; }
#content .side-pane a { color:#a6acaf; }
#content .side-pane.fixed { position:fixed; top:20px; }
#content .share-panel { width:270px; height:130px; float:right; margin:20px 0 2px 30px; background-color:#f7f9fa; font-family:"Avenir-Black", sans-serif; }
#content .share-panel .header { font-size:14px; color:#4294ac; text-align:center; padding:27px 0 20px; }
#content .share-panel .sep { width:66px; border-top:1px solid #dee0e1; margin:0 auto; }
#content .share-panel .content { padding-top:20px; text-align:center; font-size:16px; font-family:"CalistoMT-BoldItalic", Georgia, serif; }
#content .share-panel .content a { color:#a6acaf; text-decoration:underline; padding:0 10px; }
#content .loading { font-size:15px; color:#4294ac; text-transform:uppercase; text-align:center; width:780px; font-family:"Avenir-Black", sans-serif; }
#content .loading .loader { display:inline-block; margin:0 7px; position:relative; top:13px; zoom:1; *display:inline; }
#content .go-to-top { width:57px; height:50px; display:none; background-position:0 0; position:absolute; right:92px; top:709px; cursor:pointer; }
#content .go-to-top.fixed { position:fixed; top:239px; }
#content .content-page-list .go-to-top, #content .content-page-post .go-to-top { right:92px; }
#content .hb-fb-comments { margin:20px 0; }
#content .post-nav { border-top:1px solid #bfc2c3; margin-top:30px; padding:30px 0 0 0; font-size:18px; font-family:"CalistoMT-BoldItalic", Georgia, serif; }
#content .post-nav .next { float:right; }
.sprite { background-image:url(/cssImages/sprite.png); }
/*PRELOADER*/
#floatingCirclesG { position:relative; width:40px; height:40px; -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); }
.f_circleG { position:absolute; background-color:#CBDFE5; height:7px; width:7px; -moz-border-radius:4px; -moz-animation-name:f_fadeG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:4px; -webkit-animation-name:f_fadeG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -o-border-radius:4px; -o-animation-name:f_fadeG; -o-animation-duration:1.04s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; -ms-border-radius:4px; -ms-animation-name:f_fadeG; -ms-animation-duration:1.04s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; border-radius:4px; animation-name:f_fadeG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:linear; }
#frotateG_01 { left:0; top:16px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -o-animation-delay:0.39s; -ms-animation-delay:0.39s; animation-delay:0.39s; }
#frotateG_02 { left:5px; top:5px; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -o-animation-delay:0.52s; -ms-animation-delay:0.52s; animation-delay:0.52s; }
#frotateG_03 { left:16px; top:0; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -o-animation-delay:0.65s; -ms-animation-delay:0.65s; animation-delay:0.65s; }
#frotateG_04 { right:5px; top:5px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -o-animation-delay:0.78s; -ms-animation-delay:0.78s; animation-delay:0.78s; }
#frotateG_05 { right:0; top:16px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -o-animation-delay:0.91s; -ms-animation-delay:0.91s; animation-delay:0.91s; }
#frotateG_06 { right:5px; bottom:5px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -o-animation-delay:1.04s; -ms-animation-delay:1.04s; animation-delay:1.04s; }
#frotateG_07 { left:16px; bottom:0; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -o-animation-delay:1.17s; -ms-animation-delay:1.17s; animation-delay:1.17s; }
#frotateG_08 { left:5px; bottom:5px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -o-animation-delay:1.3s; -ms-animation-delay:1.3s; animation-delay:1.3s; }
@-moz-keyframes f_fadeG {0%{background-color:#78B2C3} 100%{background-color:#CBDFE5} }
@-webkit-keyframes f_fadeG{0%{background-color:#78B2C3} 100%{background-color:#CBDFE5} }
@-o-keyframes f_fadeG{0%{background-color:#78B2C3} 100%{background-color:#CBDFE5} }
@-ms-keyframes f_fadeG{0%{background-color:#78B2C3} 100%{background-color:#CBDFE5} }
@keyframes f_fadeG{0%{background-color:#78B2C3} 100%{background-color:#CBDFE5} }
/* IE8 Hacks */
.ie7 .button-circle-small, .ie8 .button-circle-small { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000'); }
.ie7 .button-circle-small.active, .ie8 .button-circle-small.active { filter:none; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */