body {background-color:#c15796;-moz-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);-o-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);-webkit-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);}
body.diffColor {background-color:#4b4848;}
#GridContent {color: #fff;}
section.ContentWrapper {padding: 0;max-width: 1380px;}
section.topSection {margin-top: 165px;}
section.gridSection {padding: 0 28px;margin-top: 50px;}
#grid{opacity:0; direction: ltr;}
#grid.visible{opacity:1;}

#navbar-collapse-main .nav.navbar-nav-sec li a.blog { color: #f15a55; }

.title-wrapper {padding: 0 80px;}
.title-wrapper h1 {margin-top: 0;font-size: 360%;line-height: normal;display: inline-block;margin-left: 78px;vertical-align: middle;margin-bottom: 0;}
.title-wrapper ul { display: inline-block; font-size: 100%; margin: 0; line-height: normal; vertical-align: middle; position: relative; z-index: 998; margin-top: 10px; }
body.menuOpen .title-wrapper ul { z-index: 1; }
.title-wrapper li {display: inline-block;vertical-align: middle;font-size: 105%;margin-left: 35px;}
.title-wrapper li a {font-size:105%;}
.title-wrapper li a:after{content:"";display:block;background-color: #fff;height: 2px;opacity: 0;transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;}
.title-wrapper li a.selected:after, .title-wrapper li a:hover:after{opacity: 1;}

.media-boxes-filter a.hoverEffect                                   { height: 32px; vertical-align: bottom; }

#grid .blogBoxTags{margin-top: 25px;}
#grid .blogBoxHeadline { font-size: 135%; text-decoration: underline; margin-bottom: 80px; line-height: 1.25; margin-top: 25px; padding: 0 25px; direction:rtl;}
#grid  .blog-item {padding: 25px 60px;text-align: center;}
#grid .blog-item.noPicBlog .media-box-container { padding: 20px; -webkit-transition: background .3s ease; transition: background .3s ease; }
#grid .blog-item.noPicBlog .media-box-container:hover {background: #f15a55;}
#grid .blog-item.noPicBlog .blogBoxHeadline{margin-bottom:20px;}


.blogOnHover                                { opacity: 0; position: absolute; top: 40px; left: 0; right: 0; transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; padding: 30px; line-height: 1.3; direction:rtl;}
.blogBoxImg                                 { position: relative; }
#grid .blog-item                            { background: transparent; }
.media-box-container                        { background: transparent; transition: all 0ms ease-in-out;-webkit-transition: all 0ms ease-in-out; }
.media-box-container a.blogBoxPic           { display: inline-block; }

.media-box-hidden { display: none;}


@media (min-width: 991px){
    #grid .blog-item:hover .media-box-container .blogOnHover { opacity: 1; transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
    #grid .blog-item:hover .media-box-container { background: #f15a55; transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
    #grid .blog-item:hover .media-box-container img { opacity: 0; }
    #grid .blog-item .media-box-container img       { transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
}
@media (max-width: 1440px){
    #rightSide { width: 1170px; right: -1170px; }
}

@media(max-width:1170px) {
    #grid .blog-item {padding: 20px}
    #rightSide { width: 991px; right: -991px; }
}

@media(max-width:991px) {
    #grid .blog-item { padding: 20px }
    #rightSide { width: 767px; right: -767px; }
    .title-wrapper ul { z-index: 100; }
}


@media(max-width:767px){
    section.topSection{margin-top: 85px;}
    .title-wrapper h1{margin: 0;font-size: 260%;display: block;text-align: center;}
    .title-wrapper{padding: 0;}
    .title-wrapper li{margin-left: 9px;font-size: 92%;}
    .title-wrapper ul{display: block;text-align: center;}
    #grid .blogBoxHeadline { margin-bottom: 0px; margin-top: 15px; font-size: 100%; padding: 0 5px; }
    #grid .blogBoxTags { margin-top: 10px; font-size: 90%; }
    section.gridSection {margin-top: 10px; padding:0px;}
    #grid .blog-item {padding: 25px 10px;}
    #grid .blog-item.noPicBlog .media-box-container { padding: 10px;  }
    .blogBoxImg { font-size: 67%; }
    #rightSide { width: 100%; }
    #BlogView #blogTitle { display: block;padding-left: 0; }
    #BlogView .img-open { display: block; width: 100%; }
    #BlogView #blogTitle h1 { font-size: 190%; text-align: center; margin-top: 10px; margin-bottom: 35px; }
    .BlogBreadCrumps { text-align: center; }
    #rightSide .xButton { width: 45px; height: 45px; }
    .allShareButtons .slash, .allShareButtons .shareLabel { display: none; }
    .BlogContent #subheadline h2 { font-size: 130%; margin-top: 40px; margin-bottom: 0; }
    .BlogContent #body p { font-size: 100%; }
    .BlogContent strong { font-size: 110%; }
    .media-boxes-filter a.hoverEffect   { height: 24px; }
}


#BlogView.noPicBlog #blogTitle {
    max-width: 700px;
    margin: 0 auto;
    display: block;
    padding-right: 0;
}