/* common */
body, button, input, textarea { color: #2d2626; font-family: 'Exo 2', sans-serif; font-size: 18px; font-weight: 300; }
body { background-color: #0085b2; line-height: 1.35; }
button, input, textarea { border: 0; outline: none; }
textarea { resize: none; }
a:link, a:visited { color: #f93498; text-decoration: none; }
a:hover { color: #0085b2; }
.csstransitions a, .csstransitions button,
.csstransitions input, .csstransitions textarea { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* grid */
.container { margin: 0 auto; width: 960px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { position: relative; *zoom: 1; }
.col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12,
.col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 { float: left; padding: 0 10px; }
.col-1-12 { width: 60px; }
.col-2-12 { width: 140px; }
.col-3-12 { width: 220px; }
.col-4-12 { width: 300px; }
.col-5-12 { width: 380px; }
.col-6-12 { width: 460px; }
.col-7-12 { width: 540px; }
.col-8-12 { width: 620px; }
.col-9-12 { width: 700px; }
.col-10-12 { width: 780px; }
.col-11-12 { width: 860px; }
.col-12-12 { width: 940px; }

/* sprite */
.sprite { background-image: url(../img/sprite.png); background-repeat: no-repeat; display: block; }
.primary-logo { background-position: 0 0; height: 52px; width: 191px; }
.secondary-logo { background-position: 0 -54px; height: 42px; width: 371px; }
.sprite.icon { height: 64px; width: 64px; }
.icon.facebook { background-position: 0 -98px; }
.icon.twitter { background-position: -66px -98px; }

/* flexslider */
.no-js .flexslider .slides li:first-child { display: block; }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.flexslider ul, .flexslider ol, .flexslider li { margin: 0; padding: 0; }
.flexslider ul, .flexslider ol { list-style: none; }
.flexslider, .flexslider .slides { zoom: 1; }
.flexslider { position: relative; }
.flexslider .slides li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { display: block; height: auto; width: 100%; }
.flexslider .slides:before, .flexslider .slides:after { content: " "; display: table; }
.flexslider .slides:after { clear: both; }
.flexslider .slides { *zoom: 1; }
.flex-viewport { max-height: 2000px; min-height: 300px; }
.loading .flex-viewport { max-height: 300px; }
.csstransitions .flex-viewport { -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
.flexslider .flex-control-nav { bottom: -15px; left: 50%; margin-left: -400px; position: absolute; z-index: 10; }
.flex-control-paging li { float: left; padding: 0 10px; }
.flex-control-paging a { background-color: #fff; border: #fff solid 4px; cursor: pointer; display: block; height: 25px; overflow: hidden; text-indent: -9999px; width: 25px; }
.flex-control-paging a:hover { background-color: #d9d9d9; }
.flex-control-paging a.flex-active { background-color: #f93498; cursor: default; }
.borderradius .flex-control-paging a { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

/* Container */
#Container { margin: 0 auto; /*max-width: 1400px;*/ overflow: hidden; position: relative; padding-top: 100Px; }

/* Header */
#Header { background-color: #fff; padding: 25Px 0; position: fixed; z-index: 20; top: 0; left: 0; right: 0; }
#Header h1, #Header h2, #Header ul, #Header li, #Header p { margin: 0; padding: 0; }
#Header ul { list-style: none; }
#Header .nav { float: right; font-size: 22px; font-weight: 400; line-height: 52px; text-transform: uppercase; }
#Header .nav h2 { display: none; }
#Header .nav ul, #Header .nav li { float: left; }
#Header .nav li { margin-left: 1.7em; }
#Header .nav li:first-child { margin-left: 0; }
#Header .has-sub { background: url(../img/sprite.png) no-repeat right -316px; padding-right: 1.7em; position: relative; }
#Header .sub-nav { background-color: #0085b2; border: #fff solid 2px; font-size: 16px; line-height: 1.35; padding: .25em 0; position: absolute; right: 0; top: 100%; width: 220px; }
#Header .sub-nav li { float: none; margin-left: 0; text-align: right; }
#Header .sub-nav a:link, #Header .sub-nav a:visited { color: #fff; display: block; padding: .25em .5em; }
#Header .sub-nav a:hover { background-color: #fff; color: #2d2626; }

.csstransitions #Header .sub-nav { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.opacity #Header .sub-nav { opacity: 0; top: 120%; visibility: hidden; }
.opacity #Header .has-sub:hover .sub-nav { opacity: 1; top: 100%; visibility: visible; }
.no-opacity #Header .sub-nav { display: none; }
.no-opacity #Header .has-sub:hover .sub-nav { display: block; }

/* Footer */
#Footer { color: #fff; padding: 5em 0; }
#Footer p { margin: 0; padding: 0; }
#Footer .logo { margin-bottom: .5em; }
#Footer .info, #Footer .copyright { font-size: 14px; line-height: 1.2; margin-top: 1em; }
#Footer .map { text-align: right; }
#Footer .map img { height: auto; max-width: 100%; }

/* Banner */
#Banner { background-color: #0085b2; }
#Banner.background { background-image: url(../img/banner-about.png); background-position: center; background-repeat: no-repeat; }

/* Breadcrumb */
#Breadcrumb { color: #fff; font-size: 20px; font-weight: 800; height: 56px; line-height: 56px; text-transform: uppercase; }

/* Social */
#Social { background-color: #fff; padding: 5em 0; }
#Social h2 { color: #0085b2; font-size: 60px; font-weight: 100; line-height: 1; margin: 0; padding: 2px 0; }
#Social a:link, #Social a:visited { color: #2d2626; }
#Social a:hover { color: #f93498; }
#Social a { display: inline; float: left; height: 64px; line-height: 64px; margin-left: 50px; padding-left: 92px; position: relative; }
#Social .icon { left: 0; position: absolute; top: 0; }
#Social .text { text-transform: uppercase; }

/* Form */
#Form { background-color: #edf8e9; padding: 5em 0 3em; }
#Form h2 { color: #0085b2; font-size: 60px; font-weight: 100; line-height: 1; margin: 0 0 .5em; padding: 0; }
#Form .input { border: #2d2626 solid 1px; margin-top: 34px; position: relative; }
#Form .input:first-child { margin-top: 0; }
#Form .input.line { border-width: 0 0 1px; width: 420px; }
#Form .output { margin-top: 44px; text-align: right; }
#Form .label, #Form .textbox, #Form .textarea, #Form .button { height: 58px; }
#Form .label, #Form .textbox, #Form .textarea { width: 422px; }
#Form .label, #Form .textbox, #Form .button { line-height: 58px; }
#Form .label, #Form .textbox { padding: 0 18px; }
#Form .input.line .label, #Form .input.line .textbox, #Form .input.line .textarea { width: 384px; }
#Form .label { left: 0; position: absolute; top: 0; }
#Form .textbox, #Form .textarea { background-color: #edf8e9; }
#Form .textbox:focus, #Form .textarea:focus { background-color: #fff; }
#Form .textarea { padding: 18px; height: 114px; }
#Form .button { background-color: #f93498; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; width: 30%; }
#Form .button:hover { background-color: #0085b2; }

/* Main */
#Main { background-color: #fff; padding: 3em 0; }

/* sidebar-section */
.sidebar-section { margin-top: 2em; position: relative; }
.sidebar-section:first-child { margin-top: 0; }
.sidebar-section.blue .sidebar-section-header, .sidebar-section.blue .sidebar-section-connector { background-color: #0085b2; }
.sidebar-section.green .sidebar-section-header, .sidebar-section.green .sidebar-section-connector { background-color: #65c13d; }
.sidebar-section.grey .sidebar-section-header, .sidebar-section.grey .sidebar-section-connector { background-color: #d9d9d9; }
.sidebar-section.tiny .sidebar-section-header, .sidebar-section.tiny .sidebar-section-connector { height: 1px; }
.sidebar-section-header, .sidebar-section-connector { background-color: #2d2626; }
.sidebar-section-header { height: 56px; line-height: 56px; padding: 0 20px; }
.sidebar-section-header h2 { color: #fff; font-size: 20px; font-weight: 800; margin: 0; overflow: hidden; padding: 0; text-overflow: hidden; text-transform: uppercase; white-space: nowrap; }
.sidebar-section-connector { height: 56px; left: 100%; overflow: hidden; position: absolute; top: 0; width: 230px; }
.collapsible .sidebar-section-header, .collapsible .sidebar-section-connector { cursor: pointer; }
.collapsible .sidebar-section-header { background: url(../img/sprite.png) no-repeat 0 -204px; }
.collapsed .sidebar-section-header { background-position: 0 -260px; }
.collapsed .sidebar-section-body { display: none; }

/* sidebar-form */
.sidebar-form { padding: 1.75em 0; }
.sidebar-form-header h2 { color: #4343a3; font-size: 42px; font-weight: 100; line-height: 1; margin: 0; padding: 0; text-transform: uppercase; }
.sidebar-form-body { margin-top: 20px; }
.sidebar-form .input { border: #d9d9d9 solid 1px; margin-top: 10px; position: relative; }
.sidebar-form .input:first-child { margin-top: 0; }
.sidebar-form .output { margin-top: 20px; }
.sidebar-form .label, .sidebar-form .textbox, .sidebar-form .button { height: 58px; line-height: 58px; }
.sidebar-form .label, .sidebar-form .textbox { padding: 0 18px; width: 262px; }
.sidebar-form .label { left: 0; position: absolute; top: 0; }
.sidebar-form .textbox { background-color: #fff; }
.sidebar-form .button { background-color: #f93498; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; width: 50%; }
.sidebar-form .button:hover { background-color: #0085b2; }

/* sidebar-social-list */
.sidebar-social-list, .sidebar-social-list li { margin: 0; padding: 0; }
.sidebar-social-list { list-style: none; padding: 1.25em 0; }
.sidebar-social-list li { padding: 8px 0; }
.sidebar-social-list a:link, .sidebar-social-list a:visited { color: #2d2626; }
.sidebar-social-list a:hover { color: #f93498; }
.sidebar-social-list a { display: inline-block; height: 64px; line-height: 64px; padding-left: 92px; position: relative; }
.sidebar-social-list .icon { left: 0; position: absolute; top: 0; }
.sidebar-social-list .text { text-transform: uppercase; }

/* sidebar-article-list */
.sidebar-article-list, .sidebar-article-list li { margin: 0; padding: 0; }
.sidebar-article-list { list-style: none; padding: 1.25em 0; }
.sidebar-article-list li { border-top: #0085b2 solid 1px; padding: 1em 0 1.5em; position: relative; width: 100%; }
.sidebar-article-list li:first-child { border-top: 0; }
.sidebar-article-list li:first-child .sidebar-article-connector { display: none; }
.sidebar-article-list a:link, .sidebar-article-list a:visited { color: #2d2626; }
.sidebar-article-list a:hover { color: #f93498; }
.sidebar-article-connector { background-color: #0085b2; height: 1px; left: 100%; overflow: hidden; position: absolute; top: -1px; width: 230px; }

/* sidebar-article */
.sidebar-article { padding: 1.25em 0; }
.sidebar-article-header h2 { color: #0085b2; font-size: 42px; font-weight: 100; line-height: 1; margin: 0; padding: 0; }
.sidebar-article-header a:link, .sidebar-article-header a:visited { color: #0085b2; }
.sidebar-article-header a:hover { color: #f93498; }
.sidebar-article-body, .sidebar-article-footer { margin-top: 1em; }
.sidebar-article-body p { margin: 0; padding: 0; }
.sidebar-article-footer a { background-position: right -164px; display: inline-block; font-weight: 400; height: 20px; line-height: 20px; padding-right: 22px; text-transform: uppercase; }
.sidebar-article-footer a:hover { background-position: right -184px; }

/* sidebar-bookmark */
.sidebar-bookmark { padding: 2.5em 0; }
.sidebar-bookmark p { font-size: 50px; font-weight: 200; line-height: 1; margin: 0; padding: 0; }
.sidebar-bookmark a { background-color: #f93498; color: #fff; display: block; font-size: 20px; height: 64px; line-height: 64px; margin-top: 2em; text-align: center; text-transform: uppercase; width: 75%; }
.sidebar-bookmark a:hover { background-color: #0085b2; }

/* summary-article */
.summary-article { margin-top: 5em; padding-right: 20px; position: relative; }
.summary-article:first-child { margin-top: 0; }
.summary-article-aside { background-color: #8181c1; min-height: 120px; position: relative; }
.summary-article-image { height: auto; vertical-align: top; width: 100%; }
.summary-article-meta, .summary-article-social { background-color: #fff; overflow: hidden; position: absolute; }
.summary-article-meta { color: #0085b2; font-size: 20px; font-weight: 800; height: 43px; left: 0; line-height: 43px; padding: 0 25px 0 5px; text-transform: uppercase; top: 30px; }
.summary-article-social { bottom: -86px; padding: 15px; right: 0; }
.summary-article-social a, .summary-article-social span { display: block; }
.summary-article-social a:link, .summary-article-social a:visited { color: #2d2626; }
.summary-article-social a:hover { color: #f93498; }
.summary-article-social .item { float: left; margin-left: 15px; }
.summary-article-social .item:first-child { margin-left: 0; }
.summary-article-social .counter { margin-top: 15px; text-align: center; }
.summary-article-header { margin-top: 1.75em; padding-right: 180px; }
.summary-article-header h2 { color: #0085b2; font-size: 42px; font-weight: 100; line-height: 1; margin: 0; padding: 0; }
.summary-article-header a:link, .summary-article-header a:visited { color: #0085b2; }
.summary-article-header a:hover { color: #f93498; }
.summary-article-body { margin-top: 1em; }
.summary-article-body p { margin: 0; padding: 0; }
.summary-article-footer { margin-top: 2em; }
.summary-article-footer a { background-color: #f93498; color: #fff; display: block; font-size: 20px; height: 56px; line-height: 56px; text-align: center; text-transform: uppercase; width: 30%; }
.summary-article-footer a:hover { background-color: #0085b2; }
.summary-article-connector { background-color: #0085b2; height: 1px; margin-right: 20px; overflow: hidden; position: absolute; right: 100%; top: 51px; width: 210px; }

/* about-article */
.about-article { color: #fff; padding: 5em 0; }
.about-article-header h2 { font-size: 60px; font-weight: 100; line-height: 1; margin: 0; padding: 0; }
.about-article-header a:link, .about-article-header a:visited { color: #fff; }
.about-article-header a:hover { color: #2d2626; }
.about-article-body, .about-article-footer { padding-right: 140px; }
.about-article-body { margin-top: 2em; }
.about-article-body p { margin: 0; padding: 0; }
.about-article-footer { height: 64px; margin-top: 3em; overflow: hidden; }
.about-article-footer a { background-color: #f93498; color: #fff; display: block; float: left; font-size: 20px; height: 64px; line-height: 64px; margin-left: 20px; padding: 0 20px; text-transform: uppercase; }
.about-article-footer a:first-child { margin-left: 0; }
.about-article-footer a:hover { background-color: #2d2626; }

/* member-article */
.member-article { margin-top: 3em; min-height: 380px; padding: 0 20px 0 420px; position: relative; }
.member-article:first-child { margin-top: 0; }
.member-article-aside { left: 0; position: absolute; top: 0; }
.member-article.flipped { padding: 0 420px 0 20px; }
.member-article.flipped .member-article-aside { left: auto; right: 0; }
.member-article-image { border: #e0f3d8 solid 20px; height: 340px; width: 340px; }
.borderradius .member-article-image { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.member-article-header { color: #0085b2; }
.member-article-header h2 { font-size: 60px; font-weight: 100; line-height: 1; margin: 0; padding: .25em 0; }
.member-article-header a:link, .member-article-header a:visited { color: #0085b2; }
.member-article-header a:hover { color: #f93498; }
.member-article-header strong { font-size: 22px; font-weight: 700; text-transform: uppercase; }
.member-article-body, .member-article-footer { margin-top: 1em; }
.member-article-body p { margin: 0; padding: 0; }
.member-article-footer a { background-position: right -164px; display: inline-block; font-weight: 400; height: 20px; line-height: 20px; padding-right: 22px; text-transform: uppercase; }
.member-article-footer a:hover { background-position: right -184px; }