/*
Theme Name: Litho
Theme URI:  http://www.prothemeus.com
Description: Versatile HTML5 responsive WordPress Theme based on ZURB's Foundation.
Version: 1.1
Author: Paul Victor
Author URI: http://www.prothemeus.com
Tags: one-column
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
*/

div.reverie-header { margin: 0 0 20px 0; padding:0;}
div.reverie-header h1 { font-weight: 500; margin-top: 0; padding: 0; }
div.reverie-header h1 a { color: #181818; }
div.reverie-header h1 a img{border:none}
div.reverie-header h1 a:hover { color: #181818; }

/* Global */
h1,h2,h3,h4,h5,h6{font-family:Arial, Verdana, sans-serif;font-weight:700;color:#1f1f1f}
.post-box h1{font-size:30px}
.post-box h2{font-size:26px;line-height:19px;}
.post-box h3{font-size:24px}
.post-box h4{font-size:20px}
.post-box h5{font-size:18px}
.post-box h6{font-size:16px}
.post-box h1:first-child{font-size:21px}

/* Add Class for Images */
img.alignright { float: right; margin: 0 0 18px 18px; }
img.alignleft { float: left; margin: 0 18px 18px 0; }
img.aligncenter { display: block; margin: 18px auto; }

/* Add HTML5 Class for Images */

figure img{height:auto;display:block;-moz-box-shadow:0 2px 10px #ddd;-webkit-box-shadow:0 2px 10px #ddd;border-image:initial;margin:0 auto}

/* Add HTML5 Caption Class for Images */

figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }

/* Sidebar Adjustment */
.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
aside div.textwidget,
aside a,
aside ul,
aside li,
aside span,
aside p{font-size:11px}

/* Footer Nav */
.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }

/* Breadcrumb Adjustment */

ul.breadcrumbs li span { padding-left: 3px; }
ul.breadcrumbs li a { padding-left: 0; }

/* Comment Textarea Adjustment */

#respond textarea { height: 100px; }

ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
ul.page-numbers li.unavailable a { cursor: default; color: #999; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }

.padder label + textarea { margin-top: 0; }
.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
.padder select { display: inline-block; }
.padder div.item-list-tabs { margin: 25px 0; }
.padder form#whats-new-form textarea { height: 30px; }
.padder .button { display: inline; }

/* Generic */

html{height:100%}
html, body, #container, #content{min-height:100%;font-size:12px;line-height:1.6em;font-family: Arial, Verdana, sans-serif;}
.clear{clear:both}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

html{background:#f4f4f4;}
#sidebar{
    min-height:100%;
    color:#333;
    float:left;
    left:0;
    position:absolute;
    top:0;
    width:300px;
    z-index:1000;
    padding:0 40px;
    background-color: #EFEFEF;
}
.widget .row{min-width:20px;max-width:100%;width:auto}
#content{position:relative;margin:0 0 0 300px}
#content-container{
    width:780px;
    z-index:101;
    padding-top:100px;
    position:relative;
    padding-bottom:50px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#content-container.full-width{width:90%}
.row{min-width:1px;width:auto}
#content-container .post-box{color:#6f6e6e;background:#f8f8f8;border:#e6e6e6 1px solid;box-shadow:0 2px 22px rgba(0,0,0,0.5);padding:20px 50px}
#content-container .post-box.two-columns{background:transparent;box-shadow:none;border:none}

#content-container .post-box .video-main{
    width:100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-top:20px;
    padding-bottom: 30px;
}
#content-container .post-box .video-main .video-container {
    width: 242px;
    height: 392px;
    overflow: hidden;
    position: relative;
}
.video-container iframe {
    /* 绝对定位，填充整个.video-container */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover;
}
/* 右侧图片区域 */
.image-container {
    /* 在父容器中占据另一半空间 */
    flex: 1;
    /* 设置最小宽度 */
    min-width: 300px;
    /* 让图片充满其父容器 */
    width: 100%;
    height: 400px;
    /* 同样使用padding-bottom技巧保持图片的宽高比 */
    position: relative;
    /* 可选：添加一些视觉效果 */
    /*border-radius: 8px;*/
    overflow: hidden;
    display: flex;
    align-items: start;
    justify-content: end;
    /*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
}
.image-container .pic{
    display: none;
}
.image-main{
    width:320px;
    height: auto;
    overflow: hidden;
    position: absolute;
    right:0px;
}
.image-container .xiaotu {
    width: 320px;
    height: 72px;
    overflow: hidden;
    float: left;
    /* 新增的样式 */
    overflow-x: auto; /* 允许内容纵向滚动 */
}
.image-container .xiaotu .list-item{
    width:62px;
    height:62px;
    margin-left: 2px;
    overflow:hidden;
    float:left;
    margin-top: 9px;
    display: inline-block;
    cursor: pointer;
}
.image-container .xiaotu .focus img{
    border-radius: 5px;
    border:1px solid #f32626;
}
.image-container .datu{
    width:320px;
    height:100%;
    overflow:hidden;
    float: left;
}
.image-container .datu .img{
    float: left;
    display: none;
}
.image-container .datu .img:first-child{
    display: block;
}
.post-box .image-container img {
    padding: 0px;
}
.thumb-list{
    z-index: 999999;
}
.swiper-button-next, .swiper-button-prev{
    z-index: 999999;
}
@media handheld, only screen and (max-width:1000px)
{
    #content-container .post-box .video-main{
        /* 改变主轴方向为垂直 */
        flex-direction: column;
        /* 子元素在主轴上居中对齐 */
        justify-content: center;
        /* 移除或减小左右间距，因为变成了上下排列 */
        gap: 15px;
    }
    #content-container .post-box .video-main .video-container{
        /* 此时flex属性会自动让它们各占一行 */
        width: 100%;
        /* 高度根据新的宽高比重新计算 */
        padding-bottom: 165%;
    }
    .image-container {
        /* 此时flex属性会自动让它们各占一行 */
        width: 100%;
        /* 高度根据新的宽高比重新计算 */
    }
    .image-container .image-main{
        display: none;
    }
    .image-container .pic{
        width: 100%;
        display: block;
    }
    .thumb-list .swiper-slide-active img{
        border-radius: 5px;
        border: 1px solid #f32626;
    }
    .image-container .xiaotu{

    }
    .image-main,.image-container .datu,.image-container .datu img{
        width: 100%;
    }
    .image-container .xiaotu{
        width: 100%;
    }
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
#content-container .post-box{
    overflow: hidden;
}

#content-container.portfolio{width:90%;max-width:1260px;}
#content-container.portfolio .post-box article{padding:0 50px;}
#content-container.portfolio .post-box{padding:0 0 55px 0;border:none;}
#content-container.portfolio h1.entry-title{font-size:14px;}
#content-container.portfolio .featured{margin-bottom:50px;min-height:1px;position:relative}
#content-container.portfolio .featured:hover > #right_control_box{display:block}
#content-container.portfolio-classic{max-width:700px;width:100%;}

.post-box.two-columns .portfolio .featured iframe,
.post-box.two-columns .post .featured iframe{max-width:100%;}
.post-box.two-columns .portfolio footer p a,
.post-box.two-columns .post footer p a{float:right;color:#f32626;}
.post-box.two-columns .portfolio footer p,
.post-box.two-columns .post footer p{color:#1F1F1F;font-size:9px;text-transform:uppercase;margin:0}
.post-box.two-columns .portfolio header h2 a,.post-box.two-columns .post header h2 a{color:#000;font-size:14px}
.post-box.two-columns .portfolio .corp,.post-box.two-columns .post .corp{padding:32px 40px 37px}
.post-box.two-columns article .corp.type_video{padding:27px 40px 37px}
.post-box.two-columns .portfolio,.post-box.two-columns .post{background:none repeat scroll 0 0 #F8F8F8;box-shadow:0 0 4px rgba(0,0,0,0.2);width:326px;margin:25px 0}
.post-box.two-columns .portfolio:nth-child(odd),.post-box.two-columns .post:nth-child(odd){margin-right:48px}
.copyright{font-size:10px;line-height:18px;text-align:center}
article header h2{margin-top:0}
p.slogan{line-height:20px;}

/* Main navigation */

nav .simple-nav ul,nav .simple-nav{list-style:none}
nav .simple-nav li.current-menu-item a:hover,nav .simple-nav li a:hover,nav .simple-nav li ul.sub-menu a:hover{color:#f32626!important}
nav .simple-nav li ul li a{white-space:nowrap}
nav .simple-nav li a{color:#1f1f1f;font-size:11px;font-weight:700}
nav .simple-nav li ul.sub-menu a{color:#ACACAC;font-size:11px;font-weight:400}
nav .simple-nav li ul.sub-menu{visibility:hidden;opacity:0;filter:alpha(opacity=0);overflow:hidden;max-height:0px;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

nav .simple-nav li:hover > ul.sub-menu
{
    max-height:500px;
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}

/* nav .simple-nav > li{display:inline-block;float:left;width:50%}
nav .simple-nav > li:nth-child(even){float:right} */

#main_menu .columns.six:first-child{padding:0 7px 0 0}
#main_menu .columns.six:last-child{padding:0 0 0 7px}

/* Wall gallerie */

#wall_background .wall_cell .overlay-custom p a{color:#FFF;font-size:12px;text-transform:uppercase}
#wall_background .wall_cell .overlay-custom p:first-child{bottom:20%;color:#FFF;font-weight:700;position:absolute;padding:20px 50px 20px 20px}
#wall_background .wall_cell .overlay-custom .overlay-text .subtitle{color:#FFF;font-size:9px;opacity:0.6;padding-left:20px;text-transform:uppercase}
#wall_background .wall_cell .overlay-custom .overlay-text{bottom:5%;left:5%;position:absolute;width:100%}

#wall_background .wall_cell .overlay-custom
{
    cursor:pointer;
    position:absolute;
    left:0;top:0;
    width:100%;
    height:100%;
    opacity:0;
    filter:alpha(opacity=0);

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#wall_background .wall_cell .overlay-custom:hover{opacity:1;filter:alpha(opacity=100)}
#wall_background .overlay{position:absolute;top:0;bottom:0;right:0;left:300px;z-index:101;min-height:100%}
#wall_background{position:absolute;width:100%;min-height:100%;background:#F4F4F4;overflow:hidden;padding:0 0 0 300px}
#wall_container{background:#202123;position:absolute;z-index:100;min-height:100%;bottom:0;left:300px;right:0;top:0}
.wall_cell a{display:block}
.wall_cell img{height:auto;vertical-align:bottom;width:100%}
#twitter_update_list{list-style:none}
#twitter_update_list li{padding-bottom:12px}

.wall_cell
{
    float:left;overflow:hidden;position:absolute;width:240px;height:240px;left:0;top:0
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -ms-transition-duration:.8s;
    -o-transition-duration:.8s;
    transition-duration:.8s;

    -webkit-transition-property: top, left, height, width, opacity;
    -moz-transition-property: top, left, height, width, opacity;
    -ms-transition-property: top, left, height, width, opacity;
    -o-transition-property: top, left, height, width, opacity;
    transition-property: top, left, height, width, opacity;
}

.wall_cell:nth-child(odd){background:#373839}
.wall_cell:nth-child(even){background:#2a2b2c}

/* Buttons */

.button.color_black,
.button.color_red,
.button.color_blue,
.button.color_green,
.button.color_grey,
.button.color_yellow,
.button.color_pink {
    background-image:url(button_noise.png);
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
}

.button.large{margin-bottom:12px}
.button.color_black{border:1px solid #42454d;background-color:#57595e;}
.button.color_red{border:1px solid #d32c2c;background-color:#fc4141;}
.button.color_blue { border:1px solid #006ca5;background-color:#1983b8;}
.button.color_green { border:1px solid #2eaf0b;background-color:#41cc1c;}
.button.color_grey { border:1px solid #bdbdbd;background-color:#cccccc;}
.button.color_yellow { border:1px solid #ebb729;background-color:#f7c439;}
.button.color_pink { border:1px solid #e7295f;background-color:#f7396f;}

.button.color_black:hover,
.button.color_red:hover,
.button.color_blue:hover,
.button.color_green:hover,
.button.color_grey:hover,
.button.color_yellow:hover,
.button.color_pink:hover {box-shadow:0 -2px 6px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.25);}

/* Alert */
div.alert-box {min-height:26px;padding-top:10px;border-radius:0;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.15);font-style:italic;font-weight:normal;line-height:20px;}
div.alert-box a.close{background: url(alert_close.png) no-repeat scroll center center transparent;height:15px;opacity:1!important;right:14px!important;top:14px!important;width:15px;}
.alert-box.color-blue{background-color:#abe2ff;color:#6cb1d6;}
.alert-box.color-red{background-color:#ff9299;color:#ca6067;}
.alert-box.color-green{background-color:#97fd8f;color:#47b23e;}
.alert-box.color-orange{background-color:#ffd563;color:#bb9737;}
.alert-box.color-black{background-color:#6b6b6b;color:#fefefe;}

/* Tabs */
dl.tabs{height:42px;margin-bottom:0}
ul.tabs-content{border-bottom:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;background:#fbfbfb;color:#909090;box-shadow:0 1px 3px rgba(0,0,0,0.1);padding:20px 16px}
dl.tabs dd a{background:#f0f0f0;color:#7c7c7c;font-weight:700}
dl.tabs dd{border-top:1px solid #ddd;border-left:1px solid #ddd}
dl.tabs dd.active{border-top:1px solid #ddd;margin-top:0}
dl.tabs dd.active a{border:none;background:#fbfbfb;height:41px}
dl.tabs dd:last-child a{border-right:1px solid #ddd}

/* Box */
.toggle-box a{display:block;color:#32343a;font-weight:700;background:url(bg_toggle_box.png) 98% 18px no-repeat;padding:17px}
.toggle-box a.closed{background-position:98% -145px}
.toggle-box{border:#ddd 1px solid;background:#f0f0f0}
.toggle-box-content{border-top:#ddd 1px solid;background:#fbfbfb;color:#919599;font-size:12px;padding:22px 18px}
.toggle-box-content.closed{display:none}

/* Shortcode - hr */
hr{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-image:none;clear:both;height:0;border-color:#EDEDED;border-style:solid;border-width:5px 0 0;margin:50px 0}

/* Link post format */
p.type_link{color:#aaa;font-size:10px}
p.type_link a{color:#aaa}

/* Widget - Popular posts */
.popular-content{margin-bottom:10px}
.popular-content a{color:#1f1f1f}
.popular-date a:hover,
.popular-content a:hover{color:#f32626}
.popular-date a,
.popular-date{color:#787878;font-size:10px;}

/* Widget - Text */
.textwidget{line-height:20px;}

/* Widget - Searchbox */
.widget-searchform input[type=image]{padding-right:12px;padding-top:12px;float:right}
.widget-searchform input[type=text]{background:transparent;box-shadow:none;border:none;height:36px;font-size:11px;float:left;width:85%;color:#9d9d9d;margin:0;padding:6px 0 6px 12px}
.widget-searchform input[type=text]:focus{color:#363535}
.widget-searchform{height:36px;max-width:200px;width:100%;background:#ededed}

/* Widget - Title */
.sidebar-section h6 strong{text-transform:uppercase;font-size:12px;color:#1f1f1f}
aside .sidebar-box .widget:first-child .sidebar-section{padding-top:0}

/* Widget - Dribbble */
.shots{position:relative;height:150px}
.shots .shot{border:1px solid #e6e6e6;position:absolute;line-height:0}
.shots.container .shot{display:none}
.shots .shot img{border:10px #fff solid;max-width:190px;border-bottom-width:8px;}
.shots .shot .description{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;background:rgba(255,255,255,0.95);cursor:pointer;display:none}
.shots .shot .description p{font-size:11px}
.shots .shot .description p.title{color:#ea4c88;font-size:12px;font-weight:bold;margin-bottom:7px;}
.shots .shot .description p:last-child{margin:40px 0 0 0}

.shots.home .shot{position:relative}
.shots.home .shot .description p:last-child{position:absolute;bottom:34px;left:34px;}
.shots.home .shot .description{padding:30px 36px;}
.shots.home {display: inline-block;margin-right:0px;width:275px;height:212px!important;}
.shots.home:nth-child(odd) {margin-right:48px}
.shots.home  .shot img{border:10px #fff solid;max-width:275px;width:100%}

.dribble h6{border-top:5px solid #EDEDED;font-size:14px;margin-top:50px;padding-top:50px}

/* Relateds posts */
.relateds-thumb{min-height:200px;width:100%;max-width:600px;margin:auto}
.relateds-thumb .post{height:199px;width:199px;float:left;position:relative;overflow:hidden}
.relateds-thumb .post .hover{height:199px;width:199px;display:none;position:absolute;left:0;top:0;cursor:pointer}
.relateds-thumb .post .hover p:first-child{margin-top:10px;padding:100px 30px 0}
.relateds-thumb .post .hover p.time{color:#fff;opacity:0.6;padding-left:30px;font-size:11px;margin-top:-10px}
.relateds-thumb .post .hover p a{font-weight:700;color:#fff;text-transform:uppercase}
.relateds-thumb .post .hover p span{color:#FFF;display:block;font-size:9px;margin-top:5px;opacity:0.6;text-transform:uppercase}
.relateds-thumb .post:nth-child(odd){background:#373839}
.relateds-thumb .post:nth-child(even){background:#2a2b2c}

/* Blog Post Types */
.blog_slider{position:relative;min-height:53px;display:block;background:rgba(0, 0, 0, 0.5);overflow:hidden}
.blog_slider img{display:none;min-width:100%}
.blog_slider img:first-child{display:block}
.blog_slider .navigation,
.blog_slider .page-navigation{background-image:url(gallerie_navigation.png);width:34px;height:34px;position:absolute;bottom:9px;cursor:pointer;}
.blog_slider .navigation.left{background-color:#1f1f1f;background-position:70px center;left:10px}
.blog_slider .navigation.right{background-color:#1f1f1f;background-position:-175px center;left:46px}
.blog_slider .navigation.left:hover,
.blog_slider .navigation.right:hover{background-color:#f32634}
#show-control #left_control_box,
#show-control #right_control_box
{
    opacity:0;filter:alpha(opacity=0);

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#show-control:hover > #left_control_box{opacity:1;filter:alpha(opacity=100);}
#show-control:hover > #right_control_box{opacity:1;filter:alpha(opacity=100);}
#wall_background .wall_cell .overlay-custom:hover{opacity:1;filter:alpha(opacity=100)}

/* Comments Area */
.comment_form_label{line-height:43px;padding-left:18px;position:absolute;width:100%;min-height:100%;color:#9d9d9d}
.comment_form_label span.required{color:#f32626}
#commentform .input_warper{min-width:100%;background:#ededed;padding:5px}
#commentform textarea,#commentform input[type=text]{background:#f8f8f8;border:1px solid #d6d6d6;min-height:35px;min-width:100%}
#commentform .input_warper textarea,#commentform .input_warper input{margin-bottom:1px}
input.width.black{background:#1f1f1f;color:#fff;font-weight:700;text-align:center;width:100%;height:46px;cursor:pointer;border:medium none;border-radius:4px 4px 4px 4px;margin-top:17px}

.post-box .row .columns:first-child,
#commentform .row .columns:first-child{padding-left:0}
.post-box .row .columns:last-child,
#commentform .row .columns:last-child{padding-right:0}
.post-box .row,
#commentform .row{margin:0}
.twop4, .row .twop4 {width:20%;}

#comments h4,#respond h4,#respond h3{border-top:5px solid #EDEDED;margin-top:40px;padding-top:35px}

.commentlist ul.children,.commentlist{list-style:none;margin-bottom:26px}
.commentlist ul.children{margin-top:26px;padding-left:60px}
.comments_detail .fn,.comments_detail span a{color:#F32626;font-size:9px;font-style:normal;text-transform:uppercase}
.comments_detail{font-size:9px;margin-top:-10px;text-transform:uppercase}
ol.commentlist article header{float:left;margin:0 22px 10px 0}
.one_comment{background:#ededed;padding:5px!important}
.one_comment .content{background:none repeat scroll 0 0 #FFF;border:1px solid #D6D6D6;padding:30px 30px 20px}
.one_comment .content section{min-height:60px}
.one_comment .content section p{color:#6f6e6e;font-size:12px}
.post-box blockquote{border-left:5px solid #f32634;color:#acacac;margin:0 0 0 30px;padding:0 0 0 30px}
.post-box blockquote p{color:#acacac}
.post-box .post .category{font-size:9px;margin-bottom:16px}
.post-box .post .category a{text-transform:uppercase;font-size:9px;color:#f32626}

/* Type post */
.type-post header h1.entry-title{font-size:30px;line-height:37px}
.type-post header .info{color:#1F1F1F;font-size:9px;margin-bottom:20px;text-transform:uppercase}
.type-post header .info a{color:#f32626}
.type-post header .info a:hover{color:#1F1F1F}
.type-post .entry-content{display:block;margin:30px 0 0}
.type-post .corp .entry-content{margin:12px 0 30px}
.type-post .corp.type_link .entry-content,.type-post .corp.type_quote .entry-content,.type-post .corp.type_aside .entry-content{margin:3px 0 30px}
#content-container.blog-format{width:100%;padding-top:0}
.type-post .featured.quote{padding:31px 34px 0;margin-bottom:0}
.type-post .featured.quote.single .quote{line-height:45px;}
.type-post .featured.quote .quote{color: #1F1F1F;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;}
.type-post .featured.quote .author{color:#909090;margin:0;text-align:center}
.type-post .featured.quote .author a{color:#f32626}
.under_quote p.info{font-size:9px}
.under_quote{border-top: 5px solid #EDEDED;
    color: #1F1F1F;
    margin-top: 70px;
    padding: 18px 0 0;
    text-transform: uppercase;}
.post.format-quote .featured .featured.quote p.quote{font-size:30px;}

.type-post .relateds,
.type-post #comments,
.type-post #respond {margin-top:50px}
.type-post #comments h4,
.type-post .relateds h4{margin-bottom:40px;}
.type-post .relateds h4,
.type-post #comments h4,
.type-post #respond h4{border-top:5px solid #EDEDED;font-size:20px;padding-left:0;padding-top:50px}

/* Posts Control box */
#left_control_box div,
#right_control_box div{width:34px;height:34px;background-color:#202123;cursor:pointer;background-image:url(gallerie_navigation.png);background-repeat:no-repeat;float:left}
#left_control_box div:hover,
#right_control_box div:hover{background-color:#f32634;}
#right_control_box .page-navigation.left,
#right_control_box .ctrl_left{background-position:left center}
#right_control_box .page-navigation.right,
#right_control_box .ctrl_right{background-position:-35px center;}
#right_control_box .ctrl_close{background-position:-70px center}

#right_control_box div,
#left_control_box div{margin-right:5px}
#right_control_box div:last-child,
#left_control_box div:last-child{margin-right:0}
#left_control_box,#right_control_box{width:112px;height:34px;position:absolute;right:50px;top:50px;z-index:110}

#left_control_box .navigation.right,
#left_control_box .page-navigation.right{background-position:-175px center}
#left_control_box .navigation.left,
#left_control_box .page-navigation.left{background-position:-140px center;}
#left_control_box{left:50px;}

#right_control_box.post,
#right_control_box.portfolio.outside{position:fixed;right:10%;top:50%;opacity:1!important}
#left_control_box.portfolio.outside{left:-20%;}

#left_control_box .ctrl_info{background-position:-105px center}

#left_control_box.post{left:350px;}
#left_control_box.post,
#right_control_box.post{position:fixed}

/* Blog : Category & ready more hover */
.post-box .post .category a:hover,
.post-box.two-columns .portfolio footer p a:hover,
.post-box.two-columns .post footer p a:hover{color:#1F1F1F}

.pt-caption a:hover{color:#fff}
.pt-caption,.sc-caption{background:#202123;color:#fff;display:inline-block;margin:5px 0;padding:11px 17px}
.pt-caption{background:url(caption_icon.png) left center #202123 no-repeat;top:-44px;font-size:11px;font-style:italic;left:125px;position:absolute;padding-bottom:9px;padding-left:46px;padding-top:8px}

.sc-caption{margin: 5px 0;}

.img_caption .pt-caption{
    opacity:0;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.img_caption:hover > .pt-caption{opacity:1}
.img_caption{position:relative;display:block}

/* Responsive Iframes */
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* Pagination */
.litho-pagination p{-moz-transition:all .1s linear 0;background:none repeat scroll 0 0 #202123;border-radius:4px 4px 4px 4px;box-shadow:0 0 2px rgba(0,0,0,0.75);color:#FFF;cursor:pointer;font-weight:700;height:50px;line-height:50px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.75);padding:0 20px}
.litho-pagination p:hover{background:#f32626}
.litho-pagination a:hover,
.litho-pagination a{color:#fff}
.litho-pagination{width:100%;padding:40px 103px 0 50px}
.litho-pagination span{font-size:9px;font-weight:400;text-transform:uppercase}
.litho-pagination span:first-child{float:left}
.litho-pagination span:last-child{float:right}
.widget_instagram{width:100%;margin:20px 0}

.widget_instagram .slide{

    float:left;margin-left:10px;opacity:0.8;

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.widget_instagram .slide:first-child,
.widget_instagram .slide:nth-child(3n+1){margin-left:0}
.widget_instagram .slide:hover{opacity:1}

/* Dark skin */
html.skin-dark{background:#202123!important}
.skin-dark #wall_background,
.skin-dark #sidebar{background:#202123;color:#5d656a}
.skin-dark .sidebar-section h6 strong{color:#fff}
.skin-dark nav .simple-nav li a{color:#fff}
.skin-dark nav .simple-nav li a:hover{color:#f32626}
/* .skin-dark #wall_container{background-image:url(bg_content_dark_skin.png);} */
.skin-dark .wall_cell:nth-child(odd){background:#dedede}
.skin-dark .wall_cell:nth-child(even){background:#d1d1d1}

hr{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-image:none;clear:both;height:0;border-color:#DDD;border-style:solid;border-width:1px 0 0;margin:44px 0}
nav .simple-nav li a{color:#1F1F1F;font-size:12px;font-weight:700;line-height:27px}
p.slogan{font-size:11px;line-height:20px}
.sidebar-section h6 strong{color:#1F1F1F;font-size:9px;letter-spacing:1px;text-transform:uppercase}
#content-container .post-box{
    background:none repeat scroll 0 0 #F8F8F8;
    border:1px solid #E6E6E6;
    box-shadow:0 2px 22px rgba(0,0,0,0.5);
    color:#666;
    padding:31px 50px 49px
}
.button.medium{font-size:12px}
a
{
    transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
}


/* Isotope */
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width}
.isotope .isotope-item{-webkit-transition-property:0 opacity;-moz-transition-property:0 opacity;-ms-transition-property:0 opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}
.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}

/* Home page */
.featured-text a{color:#f32634!important}
.featured-text p{color:#909090}
.featured-text h1{color:#fff;line-height:30px}
.featured-text div{line-height:20px}
.featured-text{background:#202123!important;border:none!important;color:#fff}
.homepage.post-box .relateds{margin-bottom:70px}
.homepage.post-box .relateds h4{border-top:5px solid #EDEDED;font-size:14px;padding-top:50px}

/* Responsive Code */
.responsive_menu_wraper{display:none;background:url(../img/light_menu_responsive.png) left bottom no-repeat;margin-bottom:31px;cursor:pointer;padding-left:7px;height:37px;}
.responsive_menu_wraper div{position:relative;background:url(../img/light_menu_responsive.png) right top no-repeat;height:37px}
.responsive_menu{border:medium none;font-size:11px;font-weight:700;padding:7px;opacity:0;position:absolute;left:0;top:0;cursor:pointer;height:100%}
.responsive_menu_wraper .option{color:#1f1f1f;font-size:12px;line-height:22px;display: block;
    font-weight: bold;
    padding: 7px 0 0 4px;}

.skin-dark .responsive_menu_wraper .option{color:#fff}
.skin-dark .responsive_menu_wraper,
.skin-dark .responsive_menu_wraper div{background-image:url(dark_menu_responsive.png)}

@media handheld, only screen and (max-width: 1300px)
{
    #right_control_box.portfolio.outside{right:0;}
    #left_control_box.portfolio.outside{left:0;}
}

/* and (orientation:portrait)*/
/* @media handheld, only screen and (max-width:1000px) */
@media handheld, only screen and (max-width:1000px)
{
    /*#content-container{width:100%}*/
    /*#content-container .post-box{padding:20px}*/
}

@media handheld, only screen and (max-width:1000px)
{
    #sidebar{float:none;width:100%;min-height:1px;position:relative!important}
    #wall_background{position:absolute!important;padding:0}
    #wall_background .overlay,#wall_container{left:0}
    #content{margin:0}
    #commentform{margin-bottom:25px}
    .responsive_menu_wraper{display:block}
    #left_control_box.post{left:50px}
    .post-box.two-columns .portfolio:nth-child(odd),.post-box.two-columns .post:nth-child(odd){margin-right:10px}
    .reverie-header{text-align:center}
    #content-container.blog-format .post-box{padding:30px 0 50px 30px}
    .row .columns{padding:0}
    header{position:relative}
    header .subheader{margin-bottom:0}
    header .menu-action{float:left;position:relative;top:1px;margin-top:-12px}
    header .menu-action .button.small{padding:8px}
    header .menu-action .button.small svg{opacity:0.5}
    header h1{font-size:2.7rem;margin-bottom:18px}
    header h4{font-size:1.7rem}
    #main_menu,.sidebar-box{display:none}
    .post-box.two-columns article .corp.type_video{padding:27px 10px 37px}
}

@media handheld, only screen and (max-width: 950px)
{
    .post-box.two-columns .portfolio,.post-box.two-columns .post{margin-left:0;margin-right:0}/*margin-left:15px*/
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .post-box.two-columns .portfolio,.post-box.two-columns .post{margin-left:0px!important;margin-right:0px!important}
    .post-box.two-columns .portfolio:nth-child(odd),.post-box.two-columns .post:nth-child(odd){margin-right:0}
}

@media handheld, only screen and (max-width: 798px)
{
    #content-container.blog-format .post-box{padding:26px 0 50px 20px}
    .post-box.two-columns .portfolio,.post-box.two-columns .post{margin-left:5px;margin-right:0}
}

@media handheld, only screen and (max-width:700px)
{
    #content-container{width:100%;max-width:700px;}
    .relateds-thumb {text-align:center}
    .relateds-thumb .post{overflow:hidden;margin:auto;width:33%;height:auto;background:transparent!important;float: left;}
    .relateds-thumb .post .hover{width:100%;height:auto}
    .relateds-thumb .post .hover p{display:none}
    .relateds-thumb {min-height:1px}
    .dribble .shots.home{display:block;margin:auto}
}
/* iPhone */
@media handheld, only screen and (max-width:320px)
{
    .post-box.two-columns .portfolio, .post-box.two-columns .post{width:272px}
}

@media handheld, only screen and (max-width:480px)
{
    #content-container .post-box{padding:10px 10px 40px 10px}
    #content-container.blog-format .post-box{max-width:95%;padding:10px}
    .litho-pagination{padding:5%}
    .type-post .featured.quote{padding:31px 2px 0}
}

@media handheld, only screen and (max-width: 1100px)
{
    #left_control_box div:last-child,#right_control_box div:last-child{margin-bottom:0}
    #left_control_box,#right_control_box{width:34px;height:112px}
    #left_control_box .navigation.right,#right_control_box .page-navigation.right,#left_control_box .page-navigation.right,#right_control_box .ctrl_right,#left_control_box div,#right_control_box div{margin-right:0;margin-bottom:5px}
}
.showRightOverFlow{width: 100px;background-color: black;
    height: 27px;
    position: fixed;
    right: 22px;
    bottom: 20px;
    z-index: 99999;
    color: white;
    text-align: center;
    border: 2px #F3F3F3 solid;
    padding: 0 5px;}
#ciphpshare{maring:0px;padding-top:10px;}
#ciphpshare a{margin-right:20px;}
#ciphpshare a img{margin-right:3px;}
.single-title{border-bottom: 2px #F3F3F3 solid;padding-bottom: 10px;text-align: center;}.cons {
                                                                                            line-height: 50px;
                                                                                            height: 50px;
                                                                                            background-image: url(../img/b.jpg);
                                                                                            background-repeat: repeat-x;
                                                                                            color: #CCC;
                                                                                            text-align: right;
                                                                                            padding-right: 20px;
                                                                                        }
.tabs {
    border: 1px solid #c1c1c1;
}
.tts {
    line-height: 41px;
    background-image: url(../img/bgs.jpg);
    background-repeat: repeat-x;
    height: 41px;
}
.bodyss {
    padding: 10px;
}
.tts ul  {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 41px;
    height: 41px;
}
.tts ul li {
    float: left;
    height: 41px;
    line-height: 41px;
    margin: 0px;
    padding: 0px;
}
.tts ul li a {
    line-height: 41px;
    padding-right: 8px;
    padding-left: 8px;
    display: block;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #c1c1c1;
    color: #2B62A3;
    font-weight: bold;
}
.tts ul .tb_on {
    background-color: #FFF;
}
.bodyss {
    background-color: #FFF;
}
.bodyss table {
    background-color: #F1F1F1;
}
.bodyss table tr td {
    background-color: #FFF;
    text-align: center;
    padding:0px;
    vertical-align: middle;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
}
.bodyss table .ts td {
    background-color: #F8F8F8;
}
.bodyss p {
    text-indent: 0px;
}
.bodyss p strong {
    text-indent: 0px;
}
.cons a {
    color: #CCC;
}
.post-box  img {
    padding: 3px;
    border: 1px solid #e0e0e0;
}
.reverie-header h5 a {
    color: #000;
}
#goTopBtn {
    POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; z-index:9999;
}