
body{
    margin: 0;
    padding: 0;
    font: 300 14px/18px Roboto;
    text-align: right;
    direction:rtl
}
a.toggle-menu {
    display: none;
}
*,
:after,
:before {
    box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    display: block
}
ul{
    list-style:none;
    margin: 0;
    padding: 0;
}
a, a:hover, a.active, a:active, a:visited, a:focus{
    color:#fefefe;
    text-decoration:none;
}
/**************************************slide*********************************/
.hero {
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-animation: slide 40s ease;
    transform: translate3d(0,0,0);
    height: 50vh;
}

.hero:before {
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(76,56,75,.8)
}

.hero__content {
    z-index: 101;
    position: relative;
}

@-webkit-keyframes slide {
    0%   { background-position: left; }
    50%   { background-position: right; }
    100% { background-position: left; }
}

.hero h1 {
    font-size: 50px;
    font-weight: 100;
    color: white;
    margin: 0;
}

.hero__content {
    padding: 200px 100px;
    max-width: 310px;
}

.btn {
    background: #4C384B;
    color: white;
    text-decoration: none;
    padding: 10px 40px;
    margin: 20px 0;
    display: inline-block;
    border-radius: 3px;
    font-size: 20px;
}

/*********************************end-slide************************************/

.exo-menu{
    width: 100%;
    float: right;
    list-style: none;
    position:relative;
    z-index:100000;
    background: #23364B;
}
.exo-menu > li {	display: inline-block;float:right;}
.exo-menu > li > a{
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px #365670 dotted;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
    background:#009FE1;
    color:#fff;
}
.exo-menu i {
    float: right;
    font-size: 18px;
    margin-left: 6px;
    line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
}
li.drop-down>ul{
    right: 0px;
    min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
    top: 0;
    min-width: 230px;
    display: none;
    border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display:none;
    height: 100%;
    padding: 15px;
    min-width: 742px;

}
h4.row.mega-title {
    color:#eee;
    margin-top: 0px;
    font-size: 14px;
    padding-right: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    text-align: right;
    display: list-item;
}
.flyout-mega ul > li > a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important
}
/*mega menu*/

.mega-menu {
    left: 0;
    right: 0;
    padding: 15px;
    display:none;
    padding-top: 0;
    min-height: 100%;

}
h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #547787;
    padding-top: 15px;
    background-color: #365670
}
.mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
    border-radius: 1px;
    margin-top:15px;
    background-color: #009FE1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}
a.view-more:hover{
    color:#fff;
    background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
    left:0;
    display:none;
    color:#fefefe;
    padding-top:15px;
    background:#547787;
    padding-bottom:15px;
}
.Blog .blog-title{
    color:#fff;
    font-size:15px;
    text-transform:uppercase;

}
.Blog .blog-des{
    color:#ccc;
    font-size:90%;
    margin-top:15px;
}
.Blog a.view-more{
    margin-top:0px;
}
/*Images*/
.Images{
    left:0;
    width:100%;
    display:none;
    color:#fefefe;
    padding-top:15px;
    background:#547787;
    padding-bottom:15px;
}
.Images h4 {
    font-size: 15px;
    margin-top: 0px;
    text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
    background-color: #547787;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
    display:block;
}
/*responsive*/
@media  screen and  (min-width:767px){
    .exo-menu > li > a{
        display:block;
        padding: 20px 22px;
    }
    .mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
    .flyout-left>ul, li.drop-down>ul{
        position:absolute;
    }
    .flyout-right>ul{
        left: 100%;
    }
    .flyout-left>ul{
        right: 100%;
    }
}
@media screen and (max-width:767px){

    .exo-menu {
        min-height: 58px;
        background-color: #23364B;
        width: 100%;
    }
    a.toggle-menu {
        display: inline;
    }
    .exo-menu > li > a{
        width:100% ;
        display:none ;

    }
    .exo-menu > li{
        width:100%;
    }
    .display.exo-menu > li > a{
        display:block ;
        padding: 20px 22px;
    }

    .mega-menu, .Images, .Blog,.flyout-right>ul,
    .flyout-left>ul, li.drop-down>ul{
        position:relative;
    }

}
a.toggle-menu{
    position: absolute;
    left: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}
li {
    text-align: right;
}
/************************PORTFOLIO****************************/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.portfolio-body img {
    width: 100%;
    height: auto;
    display: block;
    -moz-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    -webkit-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
}

.wrap {
    margin: 0 auto;
    padding: 20px;
    float: left;
    width: 100%;
}

.portfolio {
    margin: 0;
    overflow: hidden;
    padding: 0;
    float:left;
}
.portfolio li {
    float: right;
    width: 100%;
    list-style: none;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.portfolio figure {
    margin: 0 20px 20px 0;
    position: relative;
    text-align: center;
    border: 3px solid #000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: url("http://www.seanmichael.me/bathtubgin/wp-content/themes/sean-michael-design/images/fancybox_overlay.png") repeat transparent;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.portfolio figure:hover {
    border: 3px solid #D29990;
}
.portfolio figure:hover img {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -webkit-transform: scale(5);
    transform: scale(5);
}
.portfolio figure:hover figcaption {
    top: 50%;
    margin-top: -20px;
}
.portfolio figure:hover h3 {
    bottom: 70%;
}
.portfolio figcaption {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -o-transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
}

.portfolio a {
    background-color: #154a6a;
    font-weight: bold;
    text-shadow: 0 -1px 1px #cd452f;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolio a:hover {
    background-color: #009FE1;
}

.portfolio h3 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    font-weight: 500;
    padding: 1em .7em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    -moz-transition: all 0.15s ease-in-out 0.4s;
    -o-transition: all 0.15s ease-in-out 0.4s;
    -webkit-transition: all 0.15s ease-in-out;
    -webkit-transition-delay: 0.4s;
    transition: all 0.15s ease-in-out 0.4s;
}
.wrap.portfolio-body h2 {
    text-align: right;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.tabs {
    margin: 0 0 20px 0;
    padding: 0;
    float:right;
}
.tabs li {
    list-style: none;
    float: right;
    margin: 20px 20px 0 0;
}
.tabs li a{
    background:#154a6a;
    padding:10px;
    border-radius:5px;
}
.Blog.animated.fadeIn .col-md-3{
    float:left;
}
.Images.animated.fadeIn .col-md-3{
    float:left;
}
img.img-responsive {
    width: 94%;
}
[data-filter*="group"] {


    width: auto;
    height: auto;
    padding: 0 1em;

    position: relative;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
[data-filter*="group"]:active {

    border-bottom: none;
}
[data-filter*="group"].active {
    background-color: #009FE1;
}

@media  screen and (min-width: 460px) {
    .portfolio li {
        width: 50%;
    }
}
@media screen and (min-width: 740px) {
    .portfolio li {
        width: 33%;
    }
}
/********************************************
********************************************news-page
*****************************************************************/
#content_full {
    position: relative;

}
.section-padding {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
#content_full .latest-posts .post:not(:last-child) {
    margin-bottom: 50px;
}
#content_full .latest-posts .post:not(:last-child) {
    margin-bottom: 50px;
}
#content_full .latest-posts .post .post_banner {
    position: relative;
}
#content_full .latest-posts .post .post_banner .gallery_image_1 {
    overflow: hidden;
    border-radius: 4px;
}
#content_full .latest-posts .post .post_banner .gallery_image_1 a {
    width: 100%;
}
#content_full .latest-posts .post .post_banner .gallery_image_1 a img {
    max-height: 380px;
    transition: transform 1s ease,opacity .5s ease,-webkit-transform 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#content_full .latest-posts .post .post_body {
    position: relative;
    background-color: #fff;
    padding: 30px 50px 0;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -60px;
    -webkit-box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05);
    z-index: 3;
}
#content_full .latest-posts .post .post_body .post_meta {
    position: relative;
    margin-bottom: 20px;
    direction: rtl;
}
.post_info_wrapper{
    direction: rtl;
    text-align: justify;
}
#content_full .latest-posts .post .post_body .post_meta .post_meta_item {
    position: relative;
    display: inline-block;
}
#content_full .latest-posts .post .post_body .post_meta a {
    font-weight: 600;
}
#content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_img {
    float: right;
    margin-right: 15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 2px solid #fafafa;
}
#content_full .latest-posts .post .post_body {
    position: relative;
    background-color: #fff;
    padding: 30px 50px 0;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -60px;
    -webkit-box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05);
    z-index: 3;
}
#content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_img img {
    display: inline-block;
    border-radius: 50%;

}

#content_full .latest-posts .post .post_body .post_meta a {
    font-weight: 600;
}
span.post_author_img img{
    width: 100%;
}
span.post_author_info{
    color:#212121
}
#content_full .latest-posts .post .post_body .post_meta .post_meta_item{
    color:#212121

}
#content_full .latest-posts .post .post_body .post_meta .post_cat {
    color: #fd4145;
}
#content_full .latest-posts .post .post_body .post_meta .post_meta_item:before {
    content: "";
    width: 15px;
    height: 1px;
    margin-top: -1px;
    border-top: 1px solid #cecbd2;
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: -8px;
}
#content_full .latest-posts .post .post_body .post_header h3 {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 25px;
}
#content_full .latest-posts .post .post_body .post_header h3 a{
    color:#151515
}
#content_full .latest-posts .post .post_banner .gallery_image_1 a img {
    max-height: 380px;
    transition: transform 1s ease,opacity .5s ease,-webkit-transform 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#content_full .latest-posts .post .post_banner .gallery_image_1:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
#content_full .latest-posts .post .post_body .post_bottom_meta {
    position: relative;
    border-top: 1px solid #ededed;
    padding: 12px 0 12px;
    margin-top: 20px;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .half_width {
    width: 55%;
    display: inline-block;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .meta_comment {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 600;
    display: inline-block;
    width: 48%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-align: right;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .post_more {
    display: inline-block;
    width: 48%;
    text-align: right;
    position: relative;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .meta_comment span.jam {
    font-size: 14px;
    float: right;
    margin-left: 10px;
    line-height: 25px;
    font-weight: 400;

}
#content_full .latest-posts .post .post_body .post_bottom_meta .half_width a{
    color: #2f2d2d;
}
.jam-message:before {
    content: "\e07b";
}
[class^="jam-"]:before, [class*=" jam-"]:before {
    font-family: "jam-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .half_width:nth-last-of-type(1) {
    width: 44%;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: all;
    -webkit-transition: all 0.5s cubic-bezier(0.5, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.5, 0.61, 0.355, 1) 0s;
    overflow: hidden;
}
.socials-icon {
    float: right;
    padding-left: 15px;
}
.socials-text{
    text-align: right;
}
.socials{
    opacity: 0;
    display: none;
    float: right;
    top: 5px;
    left: auto;
    right: 0;
}
.socials li{
    float:right;
    margin:0px 10px ;
}
#content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap:hover .socials{
    opacity: 1;
    display: inline-block;

}
#content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap:hover .socials-text {
    display:none


}
#content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap:hover .socials-icon{
    display:none
}
#content_full #sidebar{
    position: relative;
}
#content_full .light-sidebar .sidbar_w {
    background-color: #fafafa;
    padding:20px 0;
}
#content_full #sidebar .widget_area:not(:last-child) {
    margin-bottom: 30px;
}
#content_full #sidebar .area_about {
    padding: 0 15px;
    margin: auto;
    text-align: center;
}
#content_full #sidebar .widget_area .widget_title, #content_full #sidebar .widget_area .widgettitle {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 5px;
    overflow: hidden;
}
#content_full #sidebar .widget_area .widget_title::before, #content_full #sidebar .widget_area .widgettitle::before {
    margin-left: -57%;
    text-align: right;
}
#content_full #sidebar .area_about .about img {
    border-radius: 50%;
    height: 140px;
    margin-bottom: 20px;
    width: 140px;
}
#content_full #sidebar .area_about .about p {
    margin-bottom: 20px;
}
#content_full #sidebar .area_about .about .sign-about {
    width: auto;
    height: auto;
    margin-bottom: 0;
}
#content_full #sidebar .widget_area:not(:last-child) {
    margin-bottom: 30px;
}
#content_full #sidebar .widget_area .widget_title, #content_full #sidebar .widget_area .widgettitle {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 5px;
    overflow: hidden;
}
#content_full #sidebar .recent_posts .post-media {
    display: inline-block;
    text-align: center;
    width: 40%;
    max-width: 97px;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change: transform;
}
#content_full #sidebar .recent_posts .post-media a {
    display: block;
    position: relative;
}
#content_full #sidebar .recent_posts .post-media img {
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
#content_full #sidebar .recent_posts .post_info {
    display: inline-block;
    vertical-align: middle;
    padding-right: 11px;
    padding-top: 10px;
    width: 55%;
    text-align: right;
}
#content_full #sidebar .recent_posts .post_info p {

}
#content_full #sidebar .recent_posts .post_info h5 {
    font-size: 16px;
    line-height: 1.5;
}
#content_full #sidebar .widget_area .widget_title, #content_full #sidebar .widget_area .widgettitle {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 5px;
    overflow: hidden;
}
#content_full #sidebar .social_icons_area .scoial-icon {
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%;
}
#content_full #sidebar .social_icons_area .scoial-icon a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 16px;
    -webkit-transition: all .5s;
    transition: all .5s;
    color:#000

}
.fab {
    font-family: Font Awesome\ 5 Brands;
}
#content_full .light-sidebar .widget_area .widget_title:before, #content_full .light-sidebar .widget_area .widget_title:after, #content_full .light-sidebar .widget_area .widgettitle:before, #content_full .light-sidebar .widget_area .widgettitle:after {
    border-top: 1px solid #e3e3e3;
}
#content_full #sidebar .recent_posts .post_info h5 {
    font-size: 16px;
    line-height: 1.5;
}
#content_full #sidebar .recent_posts .post_info p {
   /* margin-top: -2px;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 13px;
    margin-bottom: 10px;*/
	text-align:justify;
}
#content_full #sidebar .recent_posts .post_info h5 a{
    color:#000;
}
.recent_posts .post_info p a{
    color:#000
}
article.recent_post {
    margin: 5px 0;
}
img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.sidebar .widgetBox .tagcloud a {
    display: inline-block;
    background: #6c6c6c;
    color: #aaaaaa;
    font-size: 13px;
    text-transform: capitalize;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 5px;
    line-height: 13px;
}
.widgetTitle{
    text-align: center;
}

.secBg {
    background: #fff;
    border: 1px solid #ececec;
}
.inner-video .inner-flex-video .flex-video.widescreen {
    padding-bottom: 48.2%;
}
.singlePostDescription {
    margin-bottom: 10px;
}
.singlePostDescription .heading {
    padding:20px 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ececec;
}
.singlePostDescription .heading h5{
    font-weight: 600;
    line-height:16px;
}
.showmore_content {
    position: relative;
    overflow: hidden;
}
.singlePostDescription .description p {
    font-size: 16px;
    margin-bottom: 30px;
}
.large-12.columns.img-box {
    width: 100%;
}
.description.showmore_one {
    padding: 20px;
}
.showmore_content{
    text-align: justify;
    direction: rtl;
}
/***********************************footer*******************/
