.search-blog-mobile  {text-align:center;}
#MainNav a#blog    { background:#414141; color:White;}
@media (min-width: 768px) {
#blogLink  .word-in    {color: #a002a3; border-top: 3px solid;}
}
@media (max-width: 767px)   {#blogLink { background-color: #A001A3 !important; } #blogLink .word-in {color: white  !important; }} 
.shade { }

.blogBoxBig     { background-color:White; text-align:right; margin-bottom: 30px; }
a.blogBoxBigPic  {   background-size: cover; display:block; width:100%; padding-bottom:36%; overflow:hidden; position:relative; background-repeat: no-repeat; background-position: center center; margin-bottom:17px; }
.blogBoxBigHeadline { margin-bottom:5px; word-break: break-word; }
.blogBoxBigHeadline a { font-size: 31px; color:#000; text-decoration:none; }
.blogBoxBigSubHeadline  { margin-bottom:5px; font-size: 21px; }

.blogBox     { background-color:White; text-align:right; }
a.blogBoxPic { display: block; width: 100%; padding-bottom: 57%; overflow: hidden; position: relative; background-size: cover !important; background-position: center center !important;}
.blogBoxHeadline { overflow:hidden; margin-top:10px; vertical-align: middle; }
.blogBoxHeadline a { font-size:19px; color:#343434; text-decoration:none; }
.blogBoxSubHeadline  { overflow:hidden; font-size: 14px; color: #000; } 
.blogBox-down  {
    width: 100%;
    display: table;
    height: 48%;
    position: absolute;
}

#read-more-posts {
    text-align: center !important;
    font-size: 31px !important;
    margin: 36px 0px !important;
    color: #000 !important;
}

.blogBox-down .blogBoxHeadline a  {  
}

.blogBox-down .blogBoxHeadline > div {
     margin-right: 10px;
}

.blogMainContent    { width:630px; margin-left:30px; float:right; margin-bottom:30px; }
.blogMainNewsletter { float:right; width:300px; margin-bottom:30px; }
.blogContent1   { clear:both; float:right; width:300px; margin-left:30px; margin-bottom:30px; }
.blogContent2   { float:right; width:300px; margin-left:30px; margin-bottom:30px; }
.blogContent3   { float:right; width:300px; margin-bottom:30px; }

#BlogView   { background-color:#FFFFFF; text-align:right; margin-bottom:20px; }
#BlogView #headline h1      { font-size:34px; color:#000000; text-align:right; line-height:normal; margin:0px; padding:0px;}
#BlogView #headline         { margin-bottom:5px; text-align:right; padding-top: 27px; }
#BlogView #subheadline h2 { margin: 0px; padding: 0px; font-size: 22px; margin-bottom: 15px; color: #2D2928; text-align: right; line-height: 23px;}

#BlogView #subheadline      { margin-bottom: 34px; }

#BlogView #writer           { color:#e74c3c; font-size:17px; margin-bottom:20px; }
#BlogView #body     { text-align:right; color:#2D2928; font-size:21px; }
#BlogView #body p   { text-align:right; color:#2D2928; font-size:21px; }
#BlogView #body img { max-width:100%; height:auto; }
#BlogView #body h3  { word-break: break-word; color: #2D2928; text-align: right; font-size: 24px; padding: 0px; margin: 67px 0px 47px 0px; border: 0px; border-right: 3px solid #a002a3; padding-right: 23px; }


.blogPostShareButton     {height: 55px;margin-top:0px;}
.blogPostShareButton div{float:right; margin-left:10px;}
#pinterest              {margin-top:40px;}

.blogViewRight  { float:right; width:630px; margin-left:30px; }
.blogViewLeft   { float:left; width:300px; }

#maybeInterst { overflow:auto; margin-bottom:30px !important; }
#maybeInterst > div:first-child { margin-right:0px; }

#blogExpertLeft { margin-bottom:20px; }
#blogExpertLeft .subHeadLine    { background:black; color:White; }
#blogExpertLeft .subHeadLine h3 {font-size: 26px !important; color: #fff; padding: 11px 0px;}
.posts { background: #fff; clear: both; position: relative; float:left; width: 100%; }
.posts div div div a {color: #000 !important; font-size:17px; text-decoration: none;}

.blogExpertItem     { border-bottom: 1px solid #ccc; height:48px !important; }
.blogExpertItem.last { border-bottom: 0px; }
.blogExpertItem img { width:70px; vertical-align:top; }
.blogExpertItem > div { font-size: 17px; }

#blog-img {
    position: relative;
    padding-bottom: 36% !important;
    overflow: hidden;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
}
    
#blog-img > div  {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    padding-bottom: 36% !important;
    color: White;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.blogBox.shade {
  position: relative;
  padding-bottom: 96%;
  background-size: 100% 100% !important;
  overflow: hidden;
  margin: 0 auto;
}
    
.blogBox.shade > div  {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    padding-bottom: 71%;
    color: White;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}



#headline-text  {

    min-height: 100px;
    padding: 16px 0px;
}
    
#filin-blog-head  {
  display: inline-block;
  color: black;
  vertical-align: middle;
  font-size: 120px;
}
    
    
#blogExpertLeft {
    margin: 0 auto;
    margin-bottom: 28px;
    overflow:auto;
}

.per-post  {
    width: 86%;
    margin: 0 auto;
    padding-bottom: 12px;
}

.read-more a {
    color:  #a002a3 !important;
    text-decoration: none !important;
    font-size: 20px !important;
}

#PageBreadCrumps  {
    display: block;
}
    
@media(min-width: 992px) {
        
    #contain-blog  {
        max-width: 100%;
        min-width: 100%;
    }
}
    
@media(min-width: 1250px) {
        
    #contain-blog  {
        max-width: 1250px;
        min-width: 1250px;
    }
}


@media (max-width: 1180px) {
    
    #PageBreadCrumps  {   
        width: 90%;
    }
    
}

@media(max-width:767px)  {
    
    #post-blog,#post-blog #contain-blog, #post-blog #contain-blog > div  {
        padding: 0px;
    }
    
    .per-post  {
        text-align: center;
    }


}

@media (max-width:408px) {
    
    #body h3  {
        font-size: 19px;
    }
    
    .per-post  {
        margin: 0 auto;
    }
    
}


@media screen and (max-width: 980px) 
{
    .blogMainContent    { margin-left:0px; }
    .blogMainNewsletter { float:right; width:300px; margin-left:30px; }
    .blogContent1   { clear:none; float:right; width:300px; margin-left:0px; margin-bottom:30px; }
    .blogContent2   { float:right; width:300px; margin-left:30px; margin-bottom:30px; }
    .blogContent3   { float:right; width:300px; margin-bottom:30px; }
}

@media screen and (max-width: 640px) 
{
    .blogMainContent    { width:100%; float:none; }
    .blogMainNewsletter { display:none; }
    .blogContent1   { clear:none; float:none; width:100%; margin-left:0px; margin-bottom:30px; }
    .blogContent2   { float:none; width:100%; margin-left:0px; margin-bottom:30px; }
    .blogContent3   { float:none; width:100%; margin-bottom:0px; }
    .blogViewRight  { width:auto; margin-left:0px; float:none; }
    .blogViewLeft   { display:none; }

}


@media (max-width:450px)  {
    
    #maybeInterst > .col-xs-4  {
        width: 100%;
        margin-top: 10px;
    } 
    
    #maybeInterst  {
        margin-right:10% !important;
        width: 80%;      
    }
        
}


/***************Blog*****************/
.child-vert { display: table-cell; vertical-align: middle;}
.vert-parent { height: 100%; display: table;}
.s-vert-parent { height: 100%; display: table; position: absolute; width: 100%;}
#send {  background-color: black; color: White; font-size: 15px; border-radius: 0px; margin-top:8px; border:none;}
.col-centered {float: none; margin: 0 auto;}
#headline h1 {padding-right:15px; display: inline-block; margin: 0px; margin-bottom: 20px !important; font-size: 20px; font-weight: normal; color: Black; text-align: center; FONT-SIZE: 50px;}
#lobby  #headline   {text-align:right;}
#body {padding-bottom: 10px; font-size: 100%; color: #fff;}
#remarks { font-size: 12px;}
#headline {text-align:center;}
.form-control   {font-size:21px !important;}
#SiteGrid {margin-bottom: 50px;}
@media (max-width:767px)  
{
    #headline h1 {font-size:30px;}
    .Tag-Name {padding-right:30px; padding-left:30px;}
}

@media (max-width:1156px)  
{
    #filin-blog-head    {font-size:40px;}
}
.MainImg    {max-width:100%; display:inline-block;}

.img-open  img {width:100%; margin-bottom:20px;}

.filin-blog-sub    {font-size: 34px;}

a.mainImgBlog {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

#PageBreadCrumps a:last-child .en {color: #6aa7b3 !important;}
#GridPage   {width:100%;}
#blogL {color:#6aa7b3 !important}
#GridLeft   {display: none;}
#GridRight  {display: none;}


/***********share*************/
.addthis_sharing_toolbox    {display: table-cell; vertical-align: middle; padding-right: 11px;}
.share-post {display: table; padding-bottom: 15px; padding-left: 15px; float: left;}
.share-post-wrapper {overflow: auto;}
.share-word {display: table-cell; vertical-align: middle; line-height: 12px;}


@media(max-width:1125px)  
{
    
}
::-webkit-input-placeholder {
   font-size:16px;
}

:-moz-placeholder { /* Firefox 18- */
   font-size:16px; 
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size:16px; 
}

:-ms-input-placeholder {  
   font-size:16px; 
}
.Tag-Name {
  font-size: 45px;
  margin-bottom: 20px;
}

@media (max-width: 767px) 
{
    #blog-form-box {padding-bottom:0 !important; margin-bottom: 0 !important; height: 220px !important; float: none !important;}
    #outer-blog-form {padding-right:30px !important; padding-left:30px !important;}
    #outer-form .text-center    {float: none !important;}
    #send   {margin-top:8px !important;}
    #blogForm .child-vert   { display: block !important;}
    #outer-form .text-center    {margin:0 auto;}
}
label[for=agree]    { font-size: 15px; font-weight: normal; margin-right: 3px; display: inline; }
.warn { font-size: 11px; }

@media  (max-width: 1146px)
{
    #blog-form-box  {padding-bottom: 100% !important;}
}
.bottom-part    {position:absolute; bottom:7px; left: 15px; right: 15px; color:White;}
.top-part   {position:absolute; top:0; width:100%; color:White;}