.togglePost {
	margin-bottom:5px;
}

.togglePost .container {
    overflow:hidden;
}

.blogAccordion {
    position:relative;
    height:160px;
    margin-right:auto;
    margin-left:auto;
	 width:80%; 

    background-position: center !important;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -moz-transition:height 350ms ease-in-out;
	-o-transition:height 350ms ease-in-out;
	-webkit-transition:height 350ms ease-in-out;
	transition:height 350ms ease-in-out;

}

.tabletBlog  .moretag  , .desktopBlog .moretag {
    display:inline-block;
    opacity: 1;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 33px;
    z-index: 5;
    padding: 20px 0px;
    text-transform: uppercase;
    font-weight:500;
    position:relative;
    -moz-transition:opacity 350ms ease-in-out;
	-o-transition:opacity 350ms ease-in-out;
	-webkit-transition:opacity 350ms ease-in-out;
	transition:opacity 350ms ease-in-out;
}

.tabletBlog .moretag:hover, .desktopBlog .moretag:hover {
    opacity:.8;
}

.blogAccordion .leftBorder {
    border-left-color:#fff;
    border-left-style:solid;
    border-left-width:1px;
    opacity:1;
	height:80px;
    margin:40px 0;
    padding-left:21px;
    padding-top:8px;
    position:relative;
    left:-110px;

    -moz-transition:border-left-color 200ms linear, left 200ms ease-in-out;
    -o-transition:border-left-color 200ms linear, left 200ms ease-in-out;
    -webkit-transition:border-left-color 200ms linear, left 200ms ease-in-out;
    transition:border-left-color 200ms linear, left 200ms ease-in-out;

}

.blogAccordion.accordionClosed .leftBorder {
    border-left:1px solid #fff;
    left:0px;

    -moz-transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;
	-o-transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;
	-webkit-transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;
	transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;

}

.blogAccordion.accordionClosed:hover .leftBorder {
    opacity:1;

    -moz-transition:opacity 700ms , left 300ms linear;
    -o-transition:opacity 700ms , left 300ms linear;
    -webkit-transition:opacity 700ms , left 300ms linear;
    transition:opacity 700ms , left 300ms linear;
}

.blogAccordion .leftBorder .monthYear {
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    position:relative;
    left: 0;
    font-family:Dosis,sans-serif;
    line-height:35px;
    opacity:.7;

    -moz-transition:left 300ms ease .1s, opacity 300ms ease;
	-o-transition:left 300ms ease .1s, opacity 300ms ease;
	-webkit-transition:left 300ms ease .1s, opacity 300ms ease;
	transition:left 300ms ease .1s, opacity 300ms ease;
}

.blogAccordion.accordionClosed .leftBorder .monthYear {
    -moz-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;

    opacity:1;
}

.blogAccordion.accordionClosed .leftBorder .monthYear , .blogAccordion.accordionClosed .accordion_box10 .blogTitle{
    left:0 !important;
}

.blogAccordion .grayOverlay {
   height:100%;
   width:100%;
   min-height:140px;
   background-color:rgba(0,0,0,.6);
   z-index:1;
}

.blogAccordion.accordionClosed .grayOverlay {
   background-color:rgba(0,0,0,.15);

    -moz-transition:background-color 300ms ease;
    -o-transition:background-color 300ms ease;
    -webkit-transition:background-color 300ms ease;
    transition:background-color 300ms ease;
}

.blogAccordion.accordionClosed:hover .grayOverlay{
    background-color:rgba(0,0,0,.4);

    -moz-transition:background-color 400ms ease;
	-o-transition:background-color 400ms ease;
	-webkit-transition:background-color 400ms ease;
	transition:background-color 400ms ease;
}

.blogAccordion .accordion_title {
    color: #101010;
    font-size: 50px;
    height: 135px;
    padding: 25px 0 0;
    display: block;
    text-decoration: none;
    /* font-family: Dosis, sans-serif; */
    font-weight: 400;
    opacity: 0;
    overflow: hidden;
    width: 0;

    -moz-transition: opacity 400ms linear, width 200ms linear;
    -o-transition: opacity 400ms linear, width 200ms linear;
    -webkit-transition: opacity 400ms linear, width 200ms linear;
    transition: opacity 400ms linear, width 200ms linear;
}

.blogAccordion.accordionClosed .accordion_title {
    opacity: 1;
    width: 130px;

    -moz-transition: opacity 400ms ease, width 500ms ease;
    -o-transition: opacity 400ms ease, width 500ms ease;
    -webkit-transition: opacity 400ms ease, width 500ms ease;
    transition: opacity 400ms ease, width 500ms ease;
}
		
.blogAccordion .accordion_title .day-blog {	
    display: block;
    font-size: 90px;
    line-height: 108px;
    float: left;
    position: relative;
    left: 40px;
    color: #fff;
    font-family: Dosis,sans-serif;
    font-weight: 400;
}



.blogAccordion .accordion_title .month-blog  {	
	text-transform:capitalize;
}

.blogAccordion .accordion_title .month-blog, .blogAccordion .accordion_title .year-blog {
	font-size:12px;
	display:block;
}

.blogAccordion .accordion_title .year-blog {
	line-height:10px;
}

.blogAccordion .accordion_title .monthYear {
	float:left;
	padding:11px 0 0 12px;
}

.accordion_box10 .image {
	width:76%; 
	float:right;
}

.desktopBlog .blogAccordion .accordion_box10 .blogTitle {
	color:#fff;
	font-size:48px;
	line-height:35px;
	position:relative;
    left:0;
	z-index:1;
    font-family:Dosis,sans-serif;
    text-transform:uppercase;
    font-weight:400;

    -moz-transition:left 500ms ease-in-out;
	-o-transition:left 500ms ease-in-out;
	-webkit-transition:left 500ms ease-in-out;
	transition:left 500ms ease-in-out;
}

.desktopBlog .blogAccordion.accordionClosed .accordion_box10 .leftBorder .blogTitle {
    left:0;

    -moz-transition:left 500ms ease-in-out;
	-o-transition:left 500ms ease-in-out;
	-webkit-transition:left 500ms ease-in-out;
	transition:left 500ms ease-in-out;
}

.tabletBlog .blogAccordion {
    overflow:hidden;
}


.tabletBlog .container {
    padding-left:0;
    padding-right:0;
    width:auto;
}

.tabletBlog .blogAccordion .accordionBox {
    min-height:85px;
}


.tabletBlog .blogAccordion .accordion_title {
    float:left;
	width:115px;
}
	
.tabletBlog .image {
    position:absolute;
    width:100%;
	top:0;
	left:0;
}

.tabletBlog  .blogAccordion  .blogTitle {
	color:#101010;
	Font-size:31px;
	line-height:43px;
	padding:21px 0 21px 15px;
	z-index:2;
    float:left;
              
	-moz-transition:color 300ms ease 0s;
	-o-transition:color 300ms ease 0s;
	-webkit-transition:color 300ms ease 0s;
	transition:color 300ms ease 0s;
}
				
.tabletBlog .frameOverlayTablet{
    position:absolute;
    width:100%;
	height:100%;
	background-color:#f0f0f0;
	top:0;
	left:0;
	z-index:1;
	opacity:0.4;
}

.frameTitle {
	position:absolute;
    width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}

.tabletBlog  .centerTitle {
	display:table;
	margin-left:20px;
	z-index:1;
	height:85px;
}

.tabletBlog .blogAccordion.accordionClosed .accordion_title ,.tabletBlog .blogAccordion.accordionClosed .blogTitle {
	color:#101010;
}

.tabletBlog .blogAccordion .rightBorder {
	border-right: 2px solid #101010;
}
									
.blogAccordion.accordionClosed .blogTitle {
	color:#b1b5b7;
}
									
.blogAccordion .image img {
    width:100%;
}	
																	
.blogAccordion:hover .plus {	
	height:140px;
	width:100%;
	position:absolute;
	right:0;
	top: 0px;
	z-index:4;
}

.blogAccordion .plus {	
    cursor: url(cursor/blog_plus.png) 32 32,
            url(cursor/blog_plus.html),
            pointer;
    min-height: 0px;
}

.blogAccordion:hover .minus {	
	height:520px;
	width:100%;
	position:absolute;
	right:0;
	top: 0px;
	z-index:4;
}

.blogAccordion .minus {	
    cursor: url(cursor/blog_minus.png) 32 32,
            url(cursor/blog_minus.html),
            pointer;
    min-height: 0px;
}

.blogAccordion.accordionClosed .accordion_content {
	opacity:0;
							
	-moz-transition:opacity 500ms ease .2s;
	-o-transition:opacity 500ms ease .2s;
	-webkit-transition:opacity 500ms ease .2s;
	transition:opacity 500ms ease .2s;
}
						
.desktopBlog .accordion_content {
    position:absolute;
	 bottom:93px; 
    left:0;
    margin:0 3%;
    width:94%;
    opacity:0;

    -moz-transition:opacity 500ms ease .3s;
    -o-transition:opacity 500ms ease .3s;
    -webkit-transition:opacity 500ms ease .3s;
    transition:opacity 500ms ease .3s;
}

.desktopBlog .accordion_content p {
    font-size:14px;
    line-height:28px;
    float:left;
    width:100%;
    display:block;
    margin-bottom:1px;
    /* font-family:'Open Sans',sans-serif; */
	
}

.tabletBlog .accordion_content {
    margin:0 auto;
    position:relative;
    max-width:80%;
    padding:25px 5px 25px 0;
}

.mod-blog_spot_accordeon {
text-indent:-5000px;
}

.tabletBlog .accordion_content , .desktopBlog .accordion_content  {
	opacity:1;
	color:#fff;
}

.accordion_box2 {
    width:140px;
    float:left;		
}

.accordion_box10 {
    width:auto;
    float:left;
    position:relative;
    height:85px;
    overflow: visible !important;
}

.accordion_closed {
    overflow:hidden;
}

.desktopBlog .blogClose {
    bottom:10px;
}

.tabletBlog .blogClose {
    bottom:-28px;
}

.mod-blog_spot_accordeon {
display:none;
}

.tabletBlog .blogClose , .desktopBlog .blogClose {
	position:absolute;
	height:29px;
	width:29px;
	right:10px;
	background-image: url("../img/blogClose.html");
	z-index:1;
	opacity:1;
	cursor:pointer;
	
	-webkit-transition:opacity 3s;
	-moz-transition:opacity 3s;
	-o-transition:opacity 3s;
	transition:opacity 3s .5s;
}

.blogAccordion.accordionClosed  .blogClose {
	opacity:0;
	
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s ;
	
}

.pageNavigation .more-link-arrow {

	font-size:16px;
    letter-spacing:10px;
    margin:0 auto;
    display:table;
    color:#000;
    text-transform:uppercase;
    font-weight:500;
    padding:20px 0;
    cursor:pointer;

	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease;
}

.pageNavigation .more-link-arrow:hover {
   color:#d02d48;

	-moz-transition: color 250ms ease;
	-o-transition: color 250ms ease;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.monthYear {
text-align:left !important;
}