﻿/**********/

.catalogue section {
border:1px solid #AAA;
margin-bottom:35px;
position:relative;
}
.catalogue section .fb-like{
    position:absolute;right:5px; top:5px;z-index:9999;display: none;
}
.catalogue section:hover .fb-like {
    display:block;
}
.catalogue section .review_icon { width:100%; height:250px; margin:0px; position:relative;}
.catalogue section .review_icon a { width:100%;  height:250px; display:block; overflow:hidden;  }
.catalogue section .review_icon img {
        width: 100%;
        height: 250px;
        /*height:auto;*/
        background-position: center center;
        background-repeat:no-repeat;
      background-size: cover;
    }
.catalogue section .review_icon a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.catalogue section .review_icon .content_header{position:absolute;bottom:0;  padding:10px; width:100%; margin:0; line-height:1.5;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.02)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
    .catalogue section .review_icon .content_header h2 {
    margin-bottom:5px;color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.2); font-weight:normal;margin:0;padding:0;
    }
    .catalogue section .review_icon .content_header .date {
    font-size:90%; color:#EEE;text-shadow: 1px 1px rgba(0,0,0,0.2); font-weight:normal;margin:0;padding:0;
    }
.catalogue section .cat_content { margin:15px;}
.catalogue section .fb-like {min-width:21px;

}
.cat_content .catDesc {
    word-wrap: break-word;
}
.catalogue section footer{
    border-top:#aaa;
    background-color:#f4f4f4;
    padding:10px 10px 5px 10px;
}
.catalogue section footer .tag{color:#777; display:inline-block; margin:0 10px 5px 0;}
/**********************/
.post section{margin-bottom:15px;}
.post section img {max-width:100%;}
@media (min-width: 1000px) {
    .post section img {max-width:640px;}
}
.post footer{background-color:#f1f1f1;}
.post header .date{display:block; }
footer .like_panel {padding-bottom:20px; color:rgb(76, 105, 186); font-weight:bold; background-color:#fff;}
footer .like_panel .title{ font-size:140%;line-height:30px; height:30px;display:block; margin:0 20px; background-color:#4466ae; color:#fff; padding:0 20px 0 30px; border-radius:5px; background-image:url(../img/default/fb-logo.png); background-position: 3px center; background-repeat:no-repeat;}
footer .like_panel .share_panel{
    margin:3px 10px 0 10px;padding:0;display:block; height:27px; 
}
    .post .share_panel .fb {

    }
footer .like_panel .share_panel>li{
    margin:0 5px; padding:0; display:block;float:left; margin-top:3px;
}
footer .like_panel .share_panel>li .fb-like{margin:0;}
header .like_panel_top {
    float: right;
    margin-right: 25px;
}
header .like_panel_top .fb-like {
    float: left;
    margin-right: 10px;
}

.post footer .catalogue_panel,
.post footer .tag_panel{padding:5px 10px; color:#555;}
.post footer .catalogue_panel .title,
.post footer .tag_panel .title{display:inline-block;width:120px; margin-right:5px; font-weight:bold;}
.post footer .catalogue_panel a,
.post footer .tag_panel a{
    color:#007a87;display:inline-block; margin-right:5px;
}
.post .nextprevious_panel{
    margin:15px 0;
}
    .post .nextprevious_panel a {
        background-color:#454545;color:#fff;padding:0 25px;display:inline-block; height:35px; line-height:35px; font-size:90%; border-radius:17px;
    }
    /*******/
.main-content.full_width_post .post > header{
    height:400px;
    position:relative;
    margin-bottom:10px;
}
    .main-content.full_width_post .post > header .title {
         position:absolute;
        bottom:0px;
        left:0px;
        padding:15px;
        margin:0; line-height:1.5;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.02)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.main-content .post > header .title h1{
    margin-bottom:5px;padding:0;
}
.main-content.full_width_post .post > header .title *
{
    color:#fff;
}
.main-content.full_width_post .post > header .title h1{
    margin-bottom:5px;padding:0;font-size:200%;
}
.main-content .post > header {
    margin-bottom:10px;
}
.main-content-right.full_width_post .share header {
padding-top:5px;
}
@media (min-width: 1000px) {
    .main-content.full_width_post {
        position: relative;
    }

        .main-content.full_width_post .post > header {
            width: 1000px;
            height: 450px;
            position: absolute;
            background-position: center;
            background-repeat: no-repeat;
            top: 0px;
            left: 0px;
        }

            .main-content.full_width_post .post > header .title {
                position: absolute;
                bottom: 0px;
                left: 0px;
                padding: 15px;
                margin: 0;
                line-height: 1.5;
                width: 1000px;
                background: -moz-linear-gradient(top, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.02)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
            }

                .main-content.full_width_post .post > header .title * {
                    color: #fff;
                }

                .main-content.full_width_post .post > header .title h1 {
                    margin-bottom: 5px;
                    padding: 0;
                    font-size: 250%;
                }

        .main-content.full_width_post article {
            margin-top: 470px;
        }

    .main-content-right.full_width_post {
        margin-top: 470px;
    }
}
/*******/
.main-content.post_width_post .post > header{
    height:400px;
    position:relative;
    margin-bottom:10px;
}
    .main-content.post_width_post .post > header .title {
         position:absolute;
        bottom:0px;
        left:0px;
        padding:15px;
        margin:0; line-height:1.5;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.02)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    }
    .main-content.post_width_post .post > header .title *
{
        color:#fff;
}
    .main-content.post_width_post .post > header .title h1{
        margin-bottom:5px;padding:0;font-size:200%;
    }
.main-content-right.post_width_post .share header {
padding-top:5px;
}
/******/
.related_post header {
    font-size:120%;color:#454545;padding:10px 0; border-bottom:2px solid #454545;
}
.related_post .item {
    width: 96%;
    margin: 4%;
    height: 200px;
    overflow:hidden;
    position:relative;
    display:block;
}
.related_post .item .large_icon{width:100%;min-height:200px;
background-position: center center;
        background-repeat:no-repeat;
      background-size: cover;
}
.related_post .item .title {
    position:absolute;width:100%; padding:10px; font-size:110%; bottom:0;color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.2);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.02)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
    .related_post .item .type {
        position:absolute;top:25px;height:24px; line-height:24px; font-size:14px;color:#fff;background-color:#333333;

    }
    .related_post .item .type span{display:inline-block;padding:0 10px;}
    .related_post .item .type .location{background-color:#007a87;}
    /**********************/
.post_img {
    display:inline-block; position:relative;
}
    .post_img span {
        position:absolute;width:100%; padding:10px; font-size:100%; bottom:0; left:0;right:0;color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.2);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.02)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    }


    /**********************/
.subscription {
    background-color:#333;
    padding:30px;
    color:#fff;
    margin:10px 0;
}
.subscription p{
    color:#fff; font-size:150%; text-align:center; font-weight:bold;
    margin-bottom:20px;
}
.subscription .panel{margin:0;padding:0; border:none;}
.subscription .panel .row{margin:0;padding:0; border-radius:5px;  }
    .subscription label {
    margin:0;padding:0;border:none; background-color:transparent;
    }
    .subscription .panel input,.subscription .panel button {
        height:25px; line-height:25px;
       border:none;
      
    }
    .subscription .panel input {
   width:100%;border-top-left-radius:5px; border-bottom-left-radius:5px;margin:0;
         }
    .subscription .panel button {
    background-color:#e6207f; color:#fff; border-radius:5px; 
         }
.liked {
margin-top:10px;
}
#modalLiked {
color:#fff;  background-color:#5b74a8; padding:2px 5px; display:inline-block;
}

/************************/
.catalogue section .review_icon img.anim-slide-down{
     -webkit-animation: animSlideDown 40s; /* Chrome, Safari, Opera */
     animation: animSlideDown 40s;
 }
.catalogue section .review_icon img.anim-slide-up{
     -webkit-animation: animSlideUp 40s; /* Chrome, Safari, Opera */
     animation: animSlideUp 40s;
 }


@-webkit-keyframes animSlideDown {
    from {background-position: top center;}
    to {background-position: bottom center;}
 }
@keyframes animSlideDown {
    from {background-position: top center;}
    to {background-position: bottom center;}
 }

@-webkit-keyframes animSlideUp {
    from {background-position: bottom center;}
    to {background-position: top center;}
 } 
@keyframes animSlideUp {
    from {background-position: bottom center;}
    to {background-position: top center;}
 } 