/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
.carousel-caption h3
{
    font-size: 28px;
}
html {
    color: #444;
    font-size: 1em;
    line-height: 1.4;
    font-family: Arial, sans-serif;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {height: 100%; background-color: #F5F4F1;}
.inner_layout {margin: 0 auto; width: 1170px; padding-bottom: 540px; min-height: 100%; box-sizing: border-box;}

#header {overflow: hidden;}
#header .main_header {height: 62px;}

#header .logo {float: left; margin: 7px 0 0 24px;}
#header .logo img {vertical-align: top;}

#header .search {position: relative; float: right; margin: 15px 0 0 0; width: 32px; height: 32px; cursor: pointer;}
#header .search input {position: absolute; top: 0; right: 0; z-index: 1; padding: 0; width: 32px; height: 32px; border: 0; border-radius: 50%; background-color: #000; color: #000; outline: none; transition: width 0.3s linear;}
#header .search input:focus {width: 200px; padding: 0 25px 0 10px; border-radius: 15px; color: #FFFFFF;}
#header .search label {position: absolute; top: 50%; left: 50%; z-index: 2; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: transparent url('../img/sprite_icon.png') 0 0 no-repeat;}

#header .sn_link {float: right; margin: 24px 15px 0 0; width: 131px; height: 14px;}
#header .sn_link a {width: 14px; height: 14px; background-image: url('../img/social_icon.png'); background-color: transparent; background-repeat: no-repeat;}
#header .sn_link .ico_tw {background-position: 0 -1px;}
#header .sn_link .ico_fb {background-position: -27px 0;}
#header .sn_link .ico_google {background-position: -48px 0;}
#header .sn_link .ico_p {background-position: -73px 0;}
#header .sn_link .ico_t {background-position: -98px -1px;}
#header .sn_link .ico_l {background-position: -119px -1px;}

#header .enter {float: right; margin: 23px 17px 0 0; width: 60px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #7FDFCF;}
#header .enter i {float: right; width: 12px; height: 15px; background: transparent url('../img/sprite_icon.png') -30px 2px no-repeat;}

#header .forum_link {float: right; margin: 18px 15px 0 0; width: 70px; height: 26px; text-align: center; font-size: 13px; line-height: 26px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; background-color: #5799EB;}
#header .rec_ico {float: right; margin: 18px 15px 0 0; width: 28px; height: 28px; background: transparent url('../img/rec-ico.png') 0 0 no-repeat;}

#header menu {margin: 0 400px 0 90px; padding: 24px 0 0; height: 15px;}
#header menu a {font-size: 13px; text-transform: uppercase;}
#header menu a.active {color: #5799EB;}

#header .welcome_box {clear: both;}
#header .welcome_box > img {float: left; width: 270px;}
#header .carousel {margin: 0 0 0 300px; height: 293px;}
#header .carousel {margin: 0 0 0 300px; height: 293px;}
#header .carousel-indicators {left: auto; right: 20px; text-align: right;}
#header .carousel-control {font-size: 80px; line-height: 300px;}
#header .carousel-inner,
#header .carousel-inner .item {height: 100%;}
#header .carousel-inner .carousel-caption {top: 50%; bottom: auto; margin-top: -65px;}


#body {padding: 15px 0 140px; overflow: hidden;}

#aside {float: left; width: 270px;}
#aside .aside_item {margin-bottom: 40px; padding: 30px 18px; background-color: #FFFFFF;}
#aside .aside_item > h3 {margin: 0 auto 20px; border-bottom: 1px solid #DCDCDC; padding-bottom: 18px; width: 210px; text-align: center; font-size: 22px; line-height: 29px; font-weight: normal; color: #212121; text-transform: uppercase;}
#aside .more_link {display: block; margin: 25px auto 0; text-align: center; font-size: 18px; text-transform: uppercase; color: #717171; text-decoration: underline;}

#aside .list_post {font-size: 16px; line-height: 21px; text-align: left;}
#aside .list_post > li {margin-bottom: 17px; cursor: pointer;}
#aside .list_post .title.active {color: #5799EB;}
#aside .list_post .title {margin: 0; text-transform: none;}
#aside .list_post .main_title {text-transform: uppercase;}
#aside .title.active a {border-bottom: 1px dashed #5799EB;}
#aside .list_post .sub_menu {display: none; margin: 7px 0 12px;}
#aside .list_post .sub_menu.open {display: block;}
#aside .sub_menu li  {margin: 0; padding: 5px 0 5px 20px;}
#aside .sub_menu li.choosen,
#aside .sub_menu li:hover > a {color: #5799EB; text-decoration: underline;}

#aside .recent {margin-left: 24px;}
#aside .recent > a {display: block; margin-bottom: 23px; min-height: 68px; color: #444444;}
#aside .recent img {float: left; margin-top: 3px; width: 68px;}
#aside .recent .text {margin-left: 75px;}
#aside .recent .text p {margin: 0; font-size: 16px; line-height: 21px; text-transform: capitalize; word-wrap: break-word;}
#aside .recent .text .date {font-size: 14px; color: #999999;}

#aside .media_box {}
#aside .media_box h3 {margin-bottom: 0; border-bottom: none;}
#aside .media_box > div {width: 210px; height: 210px; margin: 0 auto; overflow: hidden;}
#aside .media_box a {float: left; width: 68px; height: 68px; margin: 0 3px 3px 0;}
#aside .media_box a:nth-of-type(3n) {margin-right: 0;}

#aside .contacts {width: 210px; margin: 0 auto;}
#aside .contacts li {margin: 0 0 20px; font-size: 16px;}
#aside .contacts p {margin: 0;}
#aside .contacts + .btn_send {display: block; margin: 44px auto 0; width: 210px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #FFFFFF; text-transform: uppercase; background-color: #5799EB;}

#aside .guidelines {margin-bottom: 20px;}
#aside .rec-ico {float: left; margin: 0 0 0 0; width: 28px; height: 28px; background: url('../img/rec-ico.png') 0 0 no-repeat;}
#aside .color_02 {color: #FD5353;}
#aside .sub_title {margin: 0 0 8px; text-align: center;}
#aside .sub_title a {font-size: 18px; color: #717070;}

#aside #search_rec {margin: 70px 0 0;}
#aside .search_field {display: block; margin: 0 0 26px; text-align: center; font-size: 16px; font-style: italic; color: #B9B2B2;}
#aside #search_field {display: block; box-sizing: border-box; padding: 0 20px 0 5px; width: 100%; height: 30px; line-height: 30px; border: none; border-bottom: 1px solid #C1C1C1; font-size: 15px; font-style: italic; color: #000000; font-weight: bold; background: url('../img/searc-ico.png') right 7px no-repeat;}
#search_rec .recomend_list {margin: 35px 0;}
#search_rec .recomend_list li {margin: 0 0 10px 0;}
#search_rec .recomend_list input {border: none; border-bottom: 1px solid #000000; height: 24px; font-size: 18px; line-height: 25px; color: #000000;}
#search_rec .recomend_list label {position: relative; padding-left: 30px; height: 24px; line-height: 24px; color: #B3B1B1; text-align: left;}
#search_rec .recomend_list label.active {font-size: 18px; color: #5799EB;}
#search_rec .recomend_list label:before {content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url('../img/ico-ok.png') 0 -19px no-repeat;}
#search_rec .recomend_list label.active:before {background-position: 0 3px;}
.aside_item.guidelines .submit_search {display: block; margin-top: 30px; border: none; box-sizing: border-box; padding: 6px 3px; width: 100%; font-size: 16px; line-height: 18px; text-align: center; color: #FFFFFF; background-color: #5799EB; text-transform: uppercase;}

#aside .history_search {padding: 0 0 0 30px;}
#aside .history_search li {position: relative; margin: 0 0 20px;}
#aside .history_search a {font-size: 18px; color: #444444; text-transform: uppercase;}
#aside .history_search span {position: absolute; top: -2px; left: -25px; font-size: 18px; color: #444444;}





#content {margin: 0 0 0 300px; width: 870px;}

#top_nav {margin: 0 0 0 300px; height: 65px; width: 870px;}
#top_nav .breadcrumb  {margin: 0; padding: 0; border-radius: 0; background-color: transparent; white-space: nowrap;}
#top_nav li {font-size: 18px; line-height: 65px;}
#top_nav li.active {color: #5799EB;}

#content .item_publication {margin-bottom: 50px; background-color: #FFFFFF; box-sizing: border-box;}
#content .item_publication .post_pic {max-height: 240px; text-align: center;}
#content .item_publication .post_pic img {max-width: 100%; max-height: 240px; border: 1px solid #DFDFDF;}
#content .item_publication .data {font: italic 14px/18px Arial, sans-serif; color: #999999;}
#content .item_publication .ico_datepicer {}
#content .item_publication .title {margin: 25px 0 14px; max-height: 64px; overflow: hidden; font: normal 22px/30px Arial, sans-serif; color: #202020; text-transform: uppercase;}
#content .item_publication .text {margin: 18px 0 23px; max-height: 70px; overflow: hidden; font: normal 18px/23px Arial; color: #4B473D;}
#content .item_publication .full_text {text-align: right;}
#content .item_publication .full_text a {font: 18px/23px Arial, sans-serif; color: #5799EB;}

#content .first_item {padding: 60px 70px 30px; width: 100%;}
#content .first_item .title {margin: 30px 0 20px; font: normal 28px/34px Arial, sans-serif; color: #1F1F1F;}
#content .first_item .text {margin: 34px 0 7px; color: #444444;}
#content .first_item .sn_icons {margin-top: 45px; border-top: 1px solid #DCDCDC; padding-top: 32px; text-align: center;}
#content .first_item .sn_icons a {display: inline-block; vertical-align: top; margin: 0 12px; border: 1px solid #DCDCDC; width: 32px; height: 32px; border-radius: 50%; background-image: url('../img/social_icon.png'); background-color: transparent; background-repeat: no-repeat;}

#content .sn_icons .ico_tw {background-position: 9px -17px;}
#content .sn_icons .ico_fb {background-position: -16px -18px;}
#content .sn_icons .ico_google {background-position: -38px -18px;}
#content .sn_icons .ico_p {background-position: -61px -18px;}
#content .sn_icons .ico_t {background-position: -86px -19px;}

#content .list_publication {position: relative;}
#content .other_item {display: inline-block; vertical-align: top; margin-right: 25px; padding: 37px 30px; width: 420px; height: 560px;}
#content .other_item:nth-of-type(even) {margin-right: 0;}

#content .open_post {padding: 60px 70px 30px; width: 100%; background-color: #FFFFFF; box-sizing: border-box;}
#content .open_post .title {margin: 0 0 20px; font: normal 18px/15px Arial, sans-serif; text-transform: uppercase;}
#content .open_post .post_pic {margin-bottom: 50px; text-align: center;}
#content .open_post .post_pic img {width: 100%;}
#content .text_post {font: 16px/20px Arial; color: #444444;}
#content .text_post p:first-child:first-letter {font-size: 30px;}
#content .text_post p {margin-bottom: 25px;}
#content .text_post .cite {border-right: 4px solid #BB8D5B; padding: 0 29px 20px; font-weight: bold; text-align: right;}

#content .open_post .tags {margin: 100px 0 45px; text-align: right; font: bold 13px/18px Arial; color: #999999;}
#content .tags span {margin-right: 10px;}
#content .tags a {font: bold 13px/18px Arial; color: #BA8C5A}

#content.list_post .item_post {padding: 80px 70px 20px; box-sizing: border-box; background-color: #FFFFFF;}
#content.list_post .post_pic {float: right; width: 430px; height: 164px; text-align: right; overflow: hidden;}
#content.list_post .post_pic img {vertical-align: top; max-width: 430px;}
#content.list_post .title_box {margin: 0 450px 25px 0; border-right: 1px solid rgba(203,203,203,.5); padding-right: 10px; height: 164px; text-align: right;}
#content.list_post .title {display: table-cell; vertical-align: middle; height: 140px; font-size: 24px; line-height: 28px; color: #444444;}
#content.list_post .data {height: 24px; font-size: 14px; line-height: 24px; color: #999999;}
#content.list_post .ico_datepicer {display: inline-block; margin: 0 5px; width: 13px; height: 15px; background: transparent url('../img/sprite_icon.png') -46px 3px no-repeat;}
#content.list_post .text {font-size: 18px; line-height: 22px; color: #444444;}
#content.list_post .full_text {padding-bottom: 7px; border-bottom: 1px solid rgba(203,203,203,.5); text-align: right;}
#content.list_post .full_text a {font: 18px/23px Arial, sans-serif; color: #5799EB;}

#bottom_nav {margin-top: 20px; color: #717171; text-align: right;}
#bottom_nav > span {font-size: 18px; line-height: 23px;}
#bottom_nav .pagination {float: right; margin: 0 0 0 10px;}
#bottom_nav .pagination a,
#bottom_nav .pagination span {float: none; margin: 0 5px 0 0; padding: 0; color: #717171; background-color: transparent; border: none; font-size: 18px; line-height: 23px;}
#bottom_nav .pagination .active a {color: #5799EB;}

.comments_box .comments_head {margin-left: 90px; height: 60px;}
.comments_head .write_comment {float: right; margin: 14px 15px 0 0; width: 32px; height: 32px; background: #5799EB url('../img/pen_white.png') 8px 8px no-repeat; border-radius: 50%;}
.comments_head .comments_count {font: bold 12px/60px Arial; color: #212121;}

.list_comments {}
.list_comments li {}
.list_comments .avatar {float: left; margin: 37px 0 0 0; width: 70px; height: 70px;}
.list_comments .comment_body {margin: 0 0 0 90px; border-top: 1px solid #DCDCDC; padding: 30px 0 25px;}
.comment_body .name {margin: 0 0 15px; font: italic 13px/18px Arial; color: #BB8D5B;}
.comment_body .text {margin: 0 0 20px; font: 13px/20px Arial; color: #444444;}
.comment_body .comment_info {text-align: right;}
.comment_info .toggle_tree {display: inline-block; vertical-align: top; margin: 9px 10px 0 0; width: 10px; height: 10px; background: transparent url('../img/toggle_comments.png') 100% -2px no-repeat;}
.comment_info .toggle_tree.open {background-position: 0 -2px;}
.comment_info span {margin: 0 4px; font: italic 12px/17px Arial; color: #999999;}
.comment_info .set_like {display: inline-block; vertical-align: top; margin: 9px 4px 0 4px; width: 11px; height: 9px; background: transparent url('../img/like.png') 0 0 no-repeat;}
.comment_info .write_comment {display: inline-block; vertical-align: top; margin: 7px 0 0 4px; width: 12px; height: 13px; background: transparent url('../img/pen_black.png') 0 0 no-repeat;}

.list_comments .sub_list {padding-left: 90px;}

#form_comment {margin: 125px 0 0;}
#form_comment .inputs_box {float: left; width: 270px;}
#form_comment input[type="text"] {margin: 0 0 18px; border: 1px solid #AAAAAA; padding: 0 4px; width: 260px; height: 40px; box-sizing: border-box;}
#form_comment .textarea_box {margin: 0 0 0 300px;}
#form_comment #comment_text {border: 1px solid #AAAAAA; padding: 10px; width: 100%; height: 100px; box-sizing: border-box;}
#form_comment #submit_form {float: right; margin: 20px 28px 0 0; border: none; height: 38px; width: 136px; text-align: center; background-color: #5799EB; color: #FFFFFF; font: 10px/38px Arial; text-transform: uppercase;}

#form_comment .sn_link {margin: 20px 0 0 0; height: 38px;}
#form_comment .sn_link a {display: inline-block; vertical-align: top; margin-right: 5px; width: 14px; height: 14px; background-image: url('../img/social_icon.png'); background-color: transparent; background-repeat: no-repeat;}
#form_comment .sn_link .ico_tw {background-position: 0 -1px;}
#form_comment .sn_link .ico_fb {background-position: -27px 0;}
#form_comment .sn_link .ico_google {background-position: -48px 0;}
#form_comment .sn_link .ico_p {background-position: -73px 0;}
#form_comment .sn_link .ico_t {background-position: -98px -1px;}
#form_comment .sn_link .ico_l {background-position: -119px -1px;}
#form_comment .sn_link .enter {width: 52px; font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; background: none;}
#form_comment .sn_link .enter i {float: right; width: 14px; height: 15px; background: transparent url('../img/sprite_icon.png') -30px -1px no-repeat;}

.similar_post {margin-top: 70px;}
.similar_post h4 {margin: 0 0 25px; font: 12px/18px Arial; text-transform: uppercase;}
.similar_post li {width: 30%; text-align: center}
.similar_post .img_box {display: block; width: 100%; height: 160px;}
.similar_post img {max-width: 100%; max-height: 100%;}
.similar_post .title {margin: 16px 0 4px; font: 13px/22px Arial; color: #444444; text-transform: uppercase;}
.similar_post .date {margin: 0; font: 12px/16px Arial; color: #999999;}


#content .contact_content {padding: 60px 70px 30px; width: 100%; background-color: #FFFFFF; box-sizing: border-box;}
.contact_content .contacts p {margin: 0 0 5px 0; font-size: 18px; line-height: 22px;}
.contact_content .contacts .text {margin: 0 0 25px 0;}
.contact_content #user_message .title {margin: 0 0 20px 0; font-size: 14px; line-height: 16px; font-style: italic; color: #666666;}
.contact_content #user_message input,
.contact_content #user_message textarea {box-sizing: border-box; margin: 0 0 25px; border: 1px solid #DDDDDD; padding: 0 12px; width: 100%; height: 40px; color: #666666; font-size: 14px;}
.contact_content #user_message textarea {padding: 7px 12px; height: 106px; line-height: 18px; font-style: italic;}
.contact_content #user_message #submit_form {float: right; margin-top: 30px; border: none; width: 170px; height: 38px; font-size: 18px; line-height: 38px; text-align: center; color: #FFFFFF; background-color: #5799EB; text-transform: uppercase;}


#content .rec_content {padding: 60px 70px 30px; width: 100%; background-color: #FFFFFF; box-sizing: border-box;}
.rec_content .title_page {margin: 0 0 50px 0; font-weight: normal; font-size: 24px; line-height: 29px; color: #353535;}
.rec_content .title_page .color_01 {color: #41D8C1;}
.rec_content .title_page .color_02 {color: #FD5353;}
.rec_content .headlines li {margin: 0 0 12px 0;}
.rec_content .headlines a {font-size: 24px; line-height: 29px; color: #A7A9AE;}

.rec_content .search_title {margin: 0 0 30px 0; font-size: 24px; line-height: 29px; font-style: italic; color: #DCDCDC;}
.rec_content .search_result {margin: 0 0 0 20px; padding: 0;}
.rec_content .search_result li {margin: 0 0 20px 0;}
.rec_content .title {margin: 0; font-size: 24px; line-height: 29px; color: #A7A9AE;}
.rec_content .text {margin: 0; font-size: 18px; line-height: 22px; color: #A7A9AE;}
.rec_content .relevance {margin: 0; font-size: 18px; line-height: 22px; font-style: italic; color: #000;}

#content .media_page {padding: 60px 70px 30px; width: 100%; background-color: #FFFFFF; box-sizing: border-box;}
.media_page .switch_box {text-align: center;}
.media_page .switch_box a {margin: 0 20px; font-size: 18px; line-height: 26px; color: #212121; text-transform: uppercase;}
.media_page .switch_box a.active {text-decoration: underline;}

.media_page .carousel_box {position: relative; margin: 120px 0; height: 454px;}
.media_page .carousel_box > button {position: absolute; z-index: 100; top: 0; bottom: 0; width: 50px; border: none; background-color: transparent; text-indent: -9999px; outline: none;}
.media_page .carousel_box .slick-prev {left: 0; background: url('../img/arrow_left.png') center no-repeat;}
.media_page .carousel_box .slick-next {right: 0; background: url('../img/arrow_right.png') center no-repeat;}
.media_page .carousel_box .carousel_item {position: relative;}
.media_page .carousel_box .carousel_item_title {position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; padding: 0 15px; height: 36px; font-size: 18px; line-height: 36px; color: #FFFFFF; background: rgba(36, 36, 36,.6);}
.media_page .carousel_item_title .album_name {float: right; height: 36px;}
.media_page .carousel_item_title .photo_name {float: left; height: 36px;}

.media_page .list_albums li {position: relative; width: 230px; height: 140px; margin-bottom: 20px;}
.media_page .list_albums .name_photoalbum {position: absolute; top: 45px; left: 0; right: 0; text-align: center; font-size: 24px; color: #212121; text-transform: uppercase;}
.media_page .list_albums img {width: 230px; height: 140px;}
.media_page .list_albums .name_box {position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; padding: 0 15px; height: 36px; font-size: 18px; line-height: 36px; color: #FFFFFF; background: rgba(36, 36, 36,.6); text-align: right;}
.media_page .list_albums .album_name {}


#footer {margin-top: -594px; height: 594px;}
#footer .inner_box {width: 1170px; margin: 0 auto;}
#footer .footer_01 {height: 540px; background-color: #FFFFFF;}
#footer .footer_01 .title {margin: 0 0 35px; padding-top: 40px; font: normal 24px/30px Arial, sant-serif;}

#footer .followers {float: right; width: 280px;}
#footer .followers .title {margin: 0 0 10px;}
#footer .photo_box a {float: left; margin: 0 9px 9px 0; width: 84px; height: 84px;}
#footer .photo_box img {vertical-align: top; width: 100%; height: 100%;}
#footer .followers .more {margin-top: 17px; font: 12px/17px Arial; color: #717171; text-transform: uppercase;}

#footer .about_me {margin-right: 370px;}
#footer .about_me .text {font: 18px/22px Arial, sant-serif; color: #666666;}
#footer .about_me .more {margin: 0; text-align: right;}
#footer .about_me .more a {font: 18px/24px Arial; color: #5799EB;}

#footer .about_me .subscrible {margin-top: 10px; border-top: 1px solid rgba(203,203,203,.5); padding: 60px 0;}
#footer .subscrible > span {float: left; width: 100px; font-size: 18px; color: #4F4F4F;}
#footer .subscrible > form {margin: 5px 0 0 140px;}
#footer #subscriber-email {margin-right: 10px; border: 1px solid rgba(203,203,203,.5); padding: 0 7px; height: 38px; font-size: 18px; font-style: italic; color: #959595; border-radius: none;}
#footer #subscriber-send {padding: 0 20px; border: none; height: 40px; text-align: center; font-size: 18px; line-height: 40px; color: #FFFFFF; text-transform: uppercase; background-color: #5799EB; border-radius: none;}


#footer .footer_02 {height: 54px; background-color: #101010;}
#footer .footer_02 .mail {float: right; margin: 20px 0 0; font: italic 11px Arial, sans-serif; color: #AAAAAA;}
#footer .footer_02 .mail i {display: inline-block; vertical-align: baseline; margin-right: 4px; width: 14px; height: 8px; background: url('../img/sprite_icon.png') -14px 0 no-repeat;}
#footer .footer_02 .copy {font: italic 10px/54px Arial, sans-serif; color: #AAAAAA; text-transform: uppercase;}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.w_10 {display: inline-block; width: 9.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_20 {display: inline-block; width: 19.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_25 {display: inline-block; width: 24.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_30 {display: inline-block; width: 29.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_33 {display: inline-block; width: 32.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_40 {display: inline-block; width: 39.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_50 {display: inline-block; width: 49.0%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_60 {display: inline-block; width: 59.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_70 {display: inline-block; width: 69.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_75 {display: inline-block; width: 74.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_80 {display: inline-block; width: 79.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_90 {display: inline-block; width: 89.5%; vertical-align: top; margin: 0; box-sizing: border-box;}
.w_100 {width: 100%;}
.offset_w_5 {margin-left: 4.5%;}
.offset_w_10 {margin-left: 9.5%;}
.offset_w_20 {margin-left: 19.5%;}
.offset_w_25 {margin-left: 24.5%;}
.offset_w_30 {margin-left: 29.5%;}
.offset_w_33 {margin-left: 32.5%;}
.offset_w_40 {margin-left: 39.5%;}
.offset_w_50 {margin-left: 49.5%;}
.offset_w_60 {margin-left: 59.5%;}
.offset_w_70 {margin-left: 69.5%;}
.offset_w_80 {margin-left: 79.5%;}
.offset_w_90 {margin-left: 89.5%;}

.justify {text-align: justify; margin: 0; padding: 0; list-style: none;}
.justify:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
.justify > * {display: inline-block; text-align: left; vertical-align: top;}

.align-center {text-align: center;}
.align-right {text-align: right;}
.align-left {text-align: left;}

.warning {color: #AC1D36; font-weight: bold;}
.hint {margin: 0; color: #808080;}

.nostyle {margin: 0; padding: 0; list-style: none;}
.nodecor:hover {text-decoration: none;}


/*
 * Hide visually and from screen readers:
 */

.justify {text-align: justify; margin: 0; padding: 0; list-style: none;}
.justify:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
.justify > * {display: inline-block; text-align: left; vertical-align: top;}

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}