.page-template-blogue,
.single-post  {
	background-color: white;
}
.blogue{
	position: relative;
	margin-top: 40px;
}

.padding-blog {
    padding: 0px 6%;
    max-width:1920px;
    margin:40px auto 0;
    display: block;
}

.tutorial{
    max-width:1920px;
    margin:40px auto 0;
    display: block;
}

.page-template-blogue .text-blog {
    margin-bottom: 40px;
}

.text-blog {
    position: relative;
    width: 100%;
    transition: 1s;
}

.img-teaser {
    min-height: 360px;
    width: 100%;
}

.social-share a svg {
    height: 21px;
    width: 21px;
    display: inline-block;
}
.circle-social svg {
    height: 20px;
    width: 20px;
    margin-right: 20px;
    position: relative;
    top: 4px;
}

.social-share a {
    display: inline-block;
    height: 45px;
    width: 45px;
}
.social-share {
    margin: 60px auto;
    display: block;
    text-align: center;
}

.text-blog .social-share a {
    width: 30px;
}
.archives {
    padding-top: 60px;
}
.title-filter {
    padding-bottom: 60px;
    margin-left: 15px;
}
.cat-tit {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 0;
}
.all-filter {
    vertical-align: middle;
    display: inline-block;
    margin-top: 10px;
    margin-left: 25px;
}
.archives #main {
    background-color: #f3f3f3;
    padding: 80px 0;
}
.flex-container {
    display: -ms-flexbox;
    display: flex;
}
.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-3 {
    -ms-flex: 0 0 24.50%;
    flex: 0 0 24.50%;
}
.blog-filter {
    transition: 1s;
    max-height:800px;
    overflow: hidden;
}
.flex-3 .blogue {
    background-color: #fff;
    margin: 0 15px;
}
.page-template-blogue .text-blog {
    margin-bottom: 40px;
}
.text-blog {
    position: relative;
    width: 100%;
    transition: 1s;
}
.pad-blog {
    padding: 20px;
}
.cat-blog {
    color: black;
    text-transform: uppercase;
    font-size: 12px;
}
.text-blog h3 {
    margin-top: 0;
    margin-bottom:10px;
    font-size: 28px;
}
.date-mini {
    font-size: 12px;
    color: gray;
    transition: 1s;
    font-style: italic;
}
.resume {
    font-size: 16px;
    margin-bottom:20px;
    padding-right:5%;
}
.text-blog .btn {
    float: right;
}

.filter-blogue ul li {
    display: inline-block;
    list-style: none;
}

.btn {
    margin: 10px 25px;
}  
.intro {
    padding-top: 98px;
    max-width:1920px;
    margin:0 auto;
}  

.intro img{
	position: relative;
    margin-top: 5%;
    left: -90px;
    max-height: 448px;
}

.mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,.8);
    z-index: 0;
    top: 0;
    left: 0;
}
.img-teaser2 {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -2;
}
.relative-intro {
    min-height: 525px;
    position: relative;
}
.col-mid {
    -ms-flex: 1;
    flex: 1;
}
.flex-container {
    display: -ms-flexbox;
    display: flex;
}
.single-post .flex-container{
    align-items:center;
}    
.single-post .more-post .flex-container{
    align-items:baseline;
}    
.intro .cat-blog {
    margin-bottom: 0;
}
.single-post .social-share {
    position: relative;
}

.post {
    padding: 60px 0 0;
}

.padding-content {
    padding: 25px 6%;
}

.single .social-share {
    background-color: #f3f3f3;
    padding: 20px 0 5px;
}

.pad-text, .pad-text-right {
    padding: 0 40px;
}
.pad-text{
	padding-left:0;
}
.pad-text-right h2, .pad-text h2 {
    margin-bottom: 30px;
}
.pad-text-right h2, .pad-text h2,
.padding-content h2 {
    font-size: 40px;
}

.pad-into {
    padding: 50px 90px 50px 14%;
    min-height: 439px;
}

.mobile-appear {
    display: none;
}

.share-single {
    position: absolute;
    left: 0;
    right: 0;
    top: 35px;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.prev_post {
    float: left;
}

.next_post {
    float: right;
}
.more-post, .nav-pagelink {
    padding: 25px 6% 55px;
}
.intro .social-share {
    padding-left: 14%;
}

.lazy{
	min-height:500px;
}

.blog-filter.is-hidden {
    width: 0;
    height: 0;
    -ms-flex: 0;
    flex: 0;
    opacity: 0;
    visibility: hidden;
}

.btn{
	transition: 1s;
}

.btn.is-active,
.btn:hover,
.nav-pagelink a:hover{
	color: #afb236;
}

.nav-pagelink a {
    font-size: 14px;
    height: inherit!important;
    width: inherit!important;
}

.marge{
	float: left!important;
}

.removeone a:first-child {
    display: none;
}

.circle-social:hover path{
	fill: #afb236!important;
}

.more-post{
	position: relative;
	margin-top: 60px
}

.page-numbers.current{
    color: #0c3f66;
    text-decoration: underline;
}

.menu li {
    margin: 0 1%!important;
}

.padding-content a{
    text-decoration: underline;
    color:#e26110;
}

@media screen and (max-width: 1600px) {
    .flex-3 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
    }
    .menu li {
        margin: 0 0.5%!important;
    }
}    

@media screen and (max-width: 1400px) {
    .menu li {
        margin: 0 0.1%!important;
    }
}

@media screen and (max-width: 1200px) {
	.img-teaser {
	    min-height: 360px;
	}
    .flex-3 {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }
    .menu li {
        margin: 0 0 25px!important;
    }

}

@media screen and (max-width: 979px) {
	.lazy {
	    margin-top: 40px;
	}
	.flex-container,
    .single-post .flex-container {
	    display: block;
	}
	.pad-into {
	    padding: 0px 90px 50px 10%;
	    min-height: auto;
	}
	.intro .social-share {
	    padding-left: 10%;
	}
	.intro img {
	    left: 0;
	}
	.padding-content {
	    padding: 10px 10%;
	}
	.mobile-appear {
	    display: block;
	}
	.mobile-display-none{
		display: none;
	}
	.more-post{
		margin-top: 20px
	}
	.text-blog .btn {
	    float: none;
	}

}	


@media screen and (max-width: 640px) {
	.flex-3 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	}
	.img-teaser {
	    min-height: 218px;
	}
	.all-filter {
	    display: block;
	    margin-top: 10px;
	}
	.filter-blogue ul li {
	    display: block;
	}
	.btn {
	    margin: 10px 0;
	}
	.filter-blogue ul{
		padding:0;
	}
	.archives #main {
	    padding: 20px 0;
	}
	.title-filter {
	    padding-bottom: 20px;
	    margin-left: 5%;
	}
	.archives {
	    padding-top: 20px;
	}
	.pad-blog .social-share{
		margin-top:20px;
	}
	.lazy {
	    min-height: auto;
	}
	.page-template-blogue .text-blog {
	    margin-bottom: 10px;
	}
	.intro {
	    padding-top: 30px;
	}
	.img-teaser2{
		display: none;
	}
	.relative-intro {
	    min-height: 211px;
	}
	.pad-text-right h2, .pad-text h2,
    .padding-content h2 {
	    font-size: 30px;
	    margin-bottom: 20px;
	}
	.pad-text, .pad-text-right {
	    padding: 0;
	}
	.prev_post,
	.next_post {
	    float: none;
	}
	.share-single {
	    top: 0;
	    position:relative;
	}
	.more-post, .nav-pagelink {
	    padding: 5px 6% 20px;
	}
}	

@media screen and (max-width: 320px) {
	.img-teaser {
	    min-height: 192px;
	}
}