/* 
Template Name: WebMag Html Template

Author: yaminncco

Colors:
	Body : #3d455c
	Headers : #212631
	Primary : #212631 #4BB92F #ff8700 #0078ff #8d00ff
	Dark : #212631
	Grey : #eceef2 #a7b3c6 #fbfbfd

Fonts: Nunito & Nunito-Sans

Table OF Contents
------------------------------------
GENERAL
NAVIGATION
HEADER
POST
POST PAGE
ASIDE
FOOTER
RESPONSIVE
------------------------------------*/
/*=========================================================
	GENERAL
===========================================================*/
/*----------------------------*\
	typography
\*----------------------------*/
 /*body {
     font-family: 'Nunito', sans-serif;
     font-size: 16px;
     font-weight: 300;
     color: #3d455c;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
}*/

 @font-face {
    font-family: fs_elliot_probold;
    src: url(../../fonts/fselliotpro-bold-webfont.woff2)format('woff2'),url(../../fonts/fselliotpro-bold-webfont.woff)format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: fs_elliot_proregular;
    src: url(../../fonts/fselliotpro-webfont.woff2)format('woff2'),url(../../fonts/fselliotpro-webfont.woff)format('woff');
    font-weight: 400;
    font-style: normal;
}


.blog-container {
    max-width: 1250px;
    min-height: 346px;
}


 /*h1, h2, h3, h4, h5, h6 {
     font-family: 'fs_elliot_proregular', sans-serif;
     font-weight: 700;
     color: #212631;
     margin: 0px 0px 15px;
}
 h1 {
     font-size: 34px;
}
 h2 {
     font-size: 28px;
}
 h3 {
     font-size: 23px;
}
 h4 {
     font-size: 16px;
}*/
 a {
     font-weight: 600;
     color: #212631;
     text-decoration: none;
}
 a:hover, a:focus{
     color: #212631;
     text-decoration: none;
     outline: none;
}
 /*p {
     margin: 0px 0px 20px;
}
 ul,ol{
     margin: 0;
     padding: 0;
     list-style: none 
}
 ul.list-style, ol.list-style {
     padding-left: 15px;
     margin-bottom: 10px;
}
 ul.list-style {
     list-style-type: disc;
}
 ol.list-style {
     list-style-type: decimal;
}
 blockquote.blockquote {
     position:relative;
     border-left:0;
     font-weight:600;
     margin-bottom:10px;
	 padding: 20px;
}
 blockquote.blockquote:before {
     content: "``";
     font-family: 'fs_elliot_proregular', sans-serif;
     display: block;
     position: absolute;
     left: -5px;
     top: 5px;
     font-size: 240px;
     line-height: 200px;
     color: #eceef2;
     letter-spacing: -30px;
     z-index: -2;
}
 figure.figure-img {
     margin-bottom:20px;
}
 figure.figure-img figcaption {
     padding-top:5px;
     font-size: 13px;
     font-weight:600;
}
 .input {
     height: 40px;
     border: 2px solid #eceef2;
     width: 100%;
     padding: 0px 15px;
     -webkit-transition: 0.2s border;
     transition: 0.2s border;
}
 .input:focus {
     border-color: #3d455c;
}
 textarea.input {
     height: 90px;
     padding: 15px;
}*/
 .primary-button {
     padding: 9px 45px;
     border: none;
     background-color: #212631;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 13px;
     color: #fff;
     -webkit-transition: 0.2s opacity;
     transition: 0.2s opacity;
}
 .primary-button:hover,.primary-button:focus {
     color: #fff;
     opacity: 0.9;
}
 .section {
     padding-top: 40px;
}
 .section.section-grey {
     background-color: #fbfbfd;
     border-bottom: 1px solid #eceef2;
     border-top: 1px solid #eceef2;
}
 .section .section-title {
     margin-bottom: 40px;
}
 .section .section-title h2 {
     text-transform: capitalize;
     font-size: 28px;
}
 .section-row {
     margin-bottom:40px;
}
/*=========================================================
	NAVIGATION
===========================================================*/
 #nav {
     height: 70px;
}
 #nav:after {
     content: "";
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     background-color: rgba(33, 38, 49, 0.5);
     z-index: 90;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.2s all;
     transition: 0.2s all;
}
 #nav.shadow-active:after {
     opacity: 1;
     visibility: visible;
}
 #nav-fixed {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 90;
     background-color: #FFF;
     -webkit-box-shadow: 0px -1px 0px 0px #eceef2 inset;
     box-shadow: 0px -1px 0px 0px #eceef2 inset;
}
 #nav-fixed.slide-down {
     -webkit-animation: slide-down 0.3s;
     animation: slide-down 0.3s;
}
 #nav-fixed.slide-up {
     -webkit-animation: slide-up 0.3s;
     animation: slide-up 0.3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
}
 @-webkit-keyframes slide-down {
     from {
         -webkit-transform:translateY(-100%);
         transform:translateY(-100%);
    }
     to {
         -webkit-transform:translateY(0%);
         transform:translateY(0%);
    }
}
 @keyframes slide-down {
     from {
         -webkit-transform:translateY(-100%);
         transform:translateY(-100%);
    }
     to {
         -webkit-transform:translateY(0%);
         transform:translateY(0%);
    }
}
 @-webkit-keyframes slide-up {
     from {
         -webkit-transform:translateY(0%);
         transform:translateY(0%);
    }
     to {
         -webkit-transform:translateY(-100%);
         transform:translateY(-100%);
    }
}
 @keyframes slide-up {
     from {
         -webkit-transform:translateY(0%);
         transform:translateY(0%);
    }
     to {
         -webkit-transform:translateY(-100%);
         transform:translateY(-100%);
    }
}
 #nav .container {
     position: relative;
}


 #nav .nav-menu{display:-moz-box;}
  #nav .nav-menu li{display:flex;}


/*----------------------------*\
	logo
\*----------------------------*/
 .nav-logo {
     float:left;
}
 .nav-logo .logo {
     line-height: 70px;
     display:inline-block;
}
 .nav-logo .logo > img {
     width: 100%;
     max-height: 70px;
}
/*----------------------------*\
	menu
\*----------------------------*/
 .nav-menu {
     margin-left: 20px;
}
 .nav-menu li a {
     position: relative;
     padding: 25px 20px;
     text-transform: capitalize;
     -webkit-box-shadow: -1px 0px 0px 0px #eceef2 inset;
     box-shadow: -1px 0px 0px 0px #eceef2 inset;
     -webkit-transition: 0.2s color;
     transition: 0.2s color;
}
 .nav-menu li:first-child a {
     border-left: 1px solid #eceef2;
}
 .nav-menu li a:after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0px;
     width: 100%;
     height: 4px;
     -webkit-transition: 0.2s width;
     transition: 0.2s width;
}
 .nav-menu li.cat-1 a:after {
     background-color: #4BB92F;
}
 .nav-menu li.cat-2 a:after {
     background-color: #ff8700;
}
 .nav-menu li.cat-3 a:after {
     background-color: #0078ff;
}
 .nav-menu li.cat-4 a:after {
     background-color: #8d00ff;
}
 .nav-menu li a:hover, .nav-menu li a:focus {
     background-color: transparent;
     text-decoration: none;
}
 .nav-menu li.cat-1 a:hover, .nav-menu li.cat-1 a:focus {
     color: #4BB92F;
}
 .nav-menu li.cat-2 a:hover, .nav-menu li.cat-2 a:focus {
     color: #ff8700;
}
 .nav-menu li.cat-3 a:hover, .nav-menu li.cat-3 a:focus {
     color: #0078ff;
}
 .nav-menu li.cat-4 a:hover, .nav-menu li.cat-4 a:focus {
     color: #8d00ff;
}
/*----------------------------*\
	search
\*----------------------------*/
 .nav-btns {
     float:right;
}
 .nav-btns > button {
     padding: 25px 25px;
     border: none;
     line-height: 20px;
     background: transparent;
}
 .nav-btns .search-form {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0px;
     padding: 0px 15px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}
 .nav-btns .search-form.active {
     opacity: 1;
     visibility: visible;
}
 .nav-btns .search-form .search-input {
     height: 100%;
     width: 100%;
     border: none;
     background: #FFF;
     padding: 0px;
     font-weight: 600;
}
 .nav-btns .search-form .search-close {
     position: absolute;
     top: 50%;
     right: 15px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     border: none;
     background: transparent;
     line-height: 20px;
     color: #212631;
     font-size: 22px;
     padding: 0;
}
/*----------------------------*\
	nav aside
\*----------------------------*/
 #nav-aside {
     position: fixed;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: #fff;
     max-width: 360px;
     width: 100%;
     padding: 80px 20px;
     overflow-y: scroll;
     z-index: 99;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}
 #nav-aside.active {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
}
 .nav-aside-menu li a {
     font-family: 'Nunito Sans', sans-serif;
     font-weight:700;
     font-size:23px;
}
 .nav-aside-social li {
     display: inline-block;
}
 .nav-aside-social li > a {
     display: block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background-color: #212631;
     color: #FFF;
     border-radius: 2px;
     margin-right: 5px;
     -webkit-transition: 0.2s opacity;
     transition: 0.2s opacity;
}
 .nav-aside-social li > a:hover, .nav-aside-social li > a:focus {
     opacity: 0.9;
}
 .nav-aside-close {
     position: absolute;
     top: 0px;
     right: 0px;
     height: 70px;
     width: 70px;
     line-height: 70px;
     text-align: center;
     background-color: transparent;
     color: #212631;
     border: none;
     font-size: 22px;
     border-radius: 50%;
     padding: 0;
}
/*=========================================================
	HEADER
===========================================================*/
 .page-header {
     position: relative;
     margin: 0;
	 padding-top: 60px;
     padding-bottom: 60px;
     background-color: #fbfbfd;
     border-bottom: 2px solid #F4f4f9;
}
    .page-header .background-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: center;
        background-size: cover;
     }
 .page-header .background-img:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.9)), to(transparent));
     background-image: linear-gradient(to top, rgba(33, 38, 49, 0.9) 0%, transparent 100%);
}
#post-header.page-header {
    padding-top: 120px;
    height: 333px;
    top: -1px;
}
 .page-header h1 {
     margin-bottom: 0px;
}

.page-header h1::first-letter {
    text-transform: uppercase;
}

 #post-header.page-header h1 {
     color: #FFF;
}
 .page-header .post-meta {
     margin: 15px 0px;
}
 .page-header .post-meta .post-date {
     color: #eceef2;
}
 .page-header .page-header-breadcrumb {
     margin: 15px 0px;
}
 .page-header .page-header-breadcrumb li {
     display: inline-block;
}
 .page-header .page-header-breadcrumb li, .page-header .page-header-breadcrumb li a {
     font-size: 13px;
     text-transform: capitalize;
     color: #a7b3c6;
}
 .page-header .page-header-breadcrumb li a {
     -webkit-transition: 0.2s color;
     transition: 0.2s color;
}
 .page-header .page-header-breadcrumb li a:hover, .page-header .page-header-breadcrumb li a:focus {
     color: #0b0f28;
     text-decoration: none;
}
 .page-header .page-header-breadcrumb li + li:before {
     content: '/';
     display: inline-block;
     margin: 0px 10px;
}
/*=========================================================
	POST
===========================================================*/
.main-post {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

/*----------------------------*\
	post
\*----------------------------*/
 .post {
     margin-bottom: 30px;
}

.post .post-img {
    display: block;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}
 /*.post .post-img:hover, .post .post-img:focus {
     opacity: 0.9;
}*/
 .post .post-img > img {
     width: 100%;
}
 /*.post .post-meta {
     margin-top: 15px;
     margin-bottom: 15px;
}*/
 .post-meta .post-category {
     font-size: 13px;
     text-transform: uppercase;
     padding: 3px 10px;
     font-weight: 600;
     border-radius: 2px;
     margin-right: 15px;
     color: #FFF;
     background-color: #212631;
     -webkit-transition: 0.2s opacity;
     transition: 0.2s opacity;
}
 .post-meta .post-category:hover, .post-meta .post-category:focus {
     text-decoration: none;
     opacity: 0.9;
}
 .post-meta .post-category.cat-1 {
     background-color: #4BB92F;
}
 .post-meta .post-category.cat-2 {
     background-color: #ff8700;
}
 .post-meta .post-category.cat-3 {
     background-color: #8d00ff;
}
 .post-meta .post-category.cat-4 {
     background-color: #0078ff;
}
 .post-meta .post-date {
     font-size: 13px;
     font-weight: 600;
}
 .post .post-title {
     font-size: 18px;
     margin-bottom: 0px;
}
 .post-tags li {
     display:inline-block;
     margin-right:3px;
     margin-bottom:5px;
}
 .post-tags li a {
     display:block;
     color:#fff;
     background-color: #212631;
     padding:3px 10px;
     font-weight:600;
     border-radius:2px;
     -webkit-transition:0.2s opacity;
     transition:0.2s opacity;
}
/*----------------------------*\
	post thumb
\*----------------------------*/
 .post.post-thumb {
     position: relative;
}
    .post.post-thumb .post-img:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        /*background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.3)), to(transparent));
     background: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%);*/
    }

.post.post-thumb .post-body {
    position: absolute;
    bottom: 0px;
    /*valores anteriores*/
    /*padding: 20px 15px;*/
    padding: 12px 15px;
}
 .post.post-thumb .post-meta .post-date {
     color: #eceef2;
}
 .post.post-thumb .post-title {
     font-size: 22px;
}
 .post.post-thumb .post-title > a {
     color: #FFF;
}
/*----------------------------*\
	post widget
\*----------------------------*/
 .post.post-widget:after {
     content: '';
     display: block;
     clear: both;
}
 .post.post-widget .post-img {
     width: 150px;
     float: left;
     margin-right: 15px;
}
 .post.post-widget .post-img img {
     width: 100%;
}
 .post.post-widget .post-title {
     font-size: 18px;
}
/*----------------------------*\
	post row
\*----------------------------*/
 .post.post-row:after {
     content: '';
     display: block;
     clear: both;
}
 .post.post-row .post-img {
     width: 40%;
     float: left;
}
 .post.post-row .post-body {
     margin-left: calc(40% + 30px);
}
 .post.post-row .post-meta {
     margin-top: 0px;
}
 .post.post-row .post-title {
     margin-bottom: 15px;
}
/*=========================================================
	POST PAGE
===========================================================*/
 .sticky-container {
     position: relative;
     /*padding-left: 80px;*/
}
 .sticky-container .post-shares {
     position: relative;
     /*top: 0;
     left: 0;*/
     float: right;
    margin-bottom: 20px;
}
 .post-shares a {
     display: block;
     margin-bottom: 10px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 50%;
     background-color: #fbfbfd;
     color: #a7b3c6;
     border: 1px solid #eceef2;
     -webkit-transition: 0.2s all;
     transition: 0.2s all;
     float:left;
     margin-left: 10px;
     font-size: 18px;
}
 .post-shares a:hover {
     -webkit-transform: scale(1.3);
     -ms-transform: scale(1.3);
     transform: scale(1.3);
}
 .post-shares a.share-facebook:hover {
     color: #3b5998;
     border-color: #3b5998;
}
 .post-shares a.share-twitter:hover {
     color: #55acee;
     border-color: #55acee;
}
 .post-shares a.share-google-plus:hover {
     color: #dd4b39;
     border-color: #dd4b39;
}
 .post-shares a.share-pinterest:hover {
     color: #ff0000;
     border-color: #ff0000;
}
 .post-shares a.share-linkedin:hover {
     color: #007bb5;
     border-color: #007bb5;
}

 .post-shares span{display:none}

/*----------------------------*\
	author
\*----------------------------*/
 .post-author .media .media-left {
     padding-right: 40px;
}
 .post-author .media .media-left .media-object {
     width:120px;
     border-radius: 50%;
}
 .post-author .author-social {
     margin-top:15px;
}
 .post-author .author-social li {
     display: inline-block;
     margin-right: 5px;
}
 .post-author .author-social li > a {
     display: block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background-color: #a7b3c6;
     color: #FFF;
     border-radius: 2px;
     -webkit-transition: 0.2s opacity;
     transition: 0.2s opacity;
}
 .post-author .author-social li > a:hover, .post-author .author-social li > a:focus {
     color: #FFF;
     opacity: 0.9;
}
/*----------------------------*\
	comments
\*----------------------------*/
 .post-comments .media {
     padding-top: 15px;
     border-top: 1px solid #eceef2;
}
 .post-comments .media:nth-child(1) {
     padding-top: 0px;
     border-top: none;
}
 .post-comments .media .media-left {
     padding-right: 15px;
}
 .post-comments .media .media-left .media-object {
     width:70px;
     border-radius: 50%;
}
 .post-comments .media .media-body .media-heading h4 {
     text-transform: capitalize;
}
 .post-comments .media .media-body .media-heading .time {
     font-size: 13px;
     margin-right: 15px;
     color: #a7b3c6;
}
 .post-comments .media .media-body .media-heading .reply {
     font-size: 13px;
     color: #a7b3c6;
     -webkit-transition: 0.2s color;
     transition: 0.2s color;
}
 .post-comments .media .media-body .media-heading .reply:hover, .post-comments .media .media-body .media-heading .reply:focus {
     color: #212631;
     text-decoration: none;
}
/*=========================================================
	Aside
===========================================================*/
 .aside-widget {
     margin-bottom: 40px;
}
/*----------------------------*\
	category
\*----------------------------*/
 .category-widget ul li {
     display:block;
     padding-bottom: 10px;
     border-bottom: 1px solid #eceef2;
}
 .category-widget ul li + li {
     margin-top:10px;
}
 .category-widget ul li > a {
     display:block;
     -webkit-transition:0.2s color;
     transition:0.2s color;
     font-size: 18px;
}
 .category-widget ul li > a > span {
     float:right;
     color:#fff;
     background-color: #212631;
     padding:0px 5px;
     font-weight:600;
     border-radius:2px;
}
 .category-widget ul li > a.cat-1 > span {
     background-color: #4BB92F;
}
 .category-widget ul li > a.cat-2 > span {
     background-color: #ff8700;
}
 .category-widget ul li > a.cat-3 > span {
     background-color: #8d00ff;
}
 .category-widget ul li > a.cat-4 > span {
     background-color: #0078ff;
}
 .category-widget ul li > a:hover, .category-widget ul li > a:focus {
     text-decoration:none;
}
 .category-widget ul li > a.cat-1:hover, .category-widget ul li > a.cat-1:focus {
     color: #4BB92F;
}
 .category-widget ul li > a.cat-2:hover, .category-widget ul li > a.cat-2:focus {
     color: #ff8700;
}
 .category-widget ul li > a.cat-3:hover, .category-widget ul li > a.cat-3:focus {
     color: #0078ff;
}
 .category-widget ul li > a.cat-4:hover, .category-widget ul li > a.cat-4:focus {
     color: #8d00ff;
}
/*----------------------------*\
	tags
\*----------------------------*/
 .tags-widget ul li {
     display:inline-block;
     margin-right:3px;
     margin-bottom:5px;
}
 .tags-widget ul li a {
     display:block;
     color:#fff;
     background-color: #212631;
     padding:3px 10px;
     font-weight:600;
     border-radius:2px;
     -webkit-transition:0.2s opacity;
     transition:0.2s opacity;
}
 .tags-widget ul li a:hover, .tags-widget ul li a:focus {
     opacity:0.9;
     color:#fff;
     text-decoration:none;
}
/*----------------------------*\
	archive
\*----------------------------*/
 .archive-widget ul li {
     display:block;
     padding-bottom: 10px;
     border-bottom: 1px solid #eceef2;
}
 .archive-widget ul li + li {
     margin-top:10px;
}
 .archive-widget ul li > a {
     display:block;
}
/*=========================================================
	FOOTER
===========================================================*/
 #footer {
     padding-bottom: 40px;
     margin-top: 40px;
}
 #footer .container {
     padding-top: 80px;
     border-top: 1px solid #F4f4f9;
}
 .footer-widget {
     margin-bottom: 40px;
}
 .footer-widget .footer-title {
     margin-bottom: 40px;
     text-transform: capitalize;
     font-size: 18px;
}
 .footer-widget a {
     color: #a7b3c6;
     -webkit-transition: 0.2s color;
     transition: 0.2s color;
}
 .footer-widget a:hover, .footer-widget a:focus {
     text-decoration: none;
     color: #212631;
}
 .footer-logo {
     margin-bottom: 40px;
}
 .footer-nav li {
     display: inline-block;
     margin-right: 15px;
}
 .footer-links li + li {
     margin-top: 5px;
}
 .footer-copyright {
     margin-top: 20px;
     color: #a7b3c6;
     font-size: 13px;
}
 .footer-newsletter form {
     position: relative;
}
 .footer-newsletter form > input.input {
     padding-right: 55px;
}
 .footer-newsletter form > .newsletter-btn {
     position: absolute;
     top: 0;
     right: 0;
     height: 40px;
     line-height: 40px;
     width: 40px;
     text-align: center;
     color: #a7b3c6;
     background: transparent;
     border: none;
     border-radius: 0px 2px 2px 0px;
     -webkit-transition: 0.2s opacity;
     transition: 0.2s opacity;
}
 .footer-newsletter form > .newsletter-btn:hover {
     opacity: 0.9;
}
 .footer-social {
     margin-top: 20px;
}
 .footer-social li {
     display: inline-block;
     margin-right: 5px;
}
 .footer-social li > a {
     display: block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background-color: #a7b3c6;
     color: #FFF;
     border-radius: 2px;
     -webkit-transition: 0.2s opacity;
     transition: 0.2s opacity;
}
 .footer-social li > a:hover, .footer-social li > a:focus {
     color: #FFF;
     opacity: 0.9;
}

 .links-lists nav{margin-left: 0px;}
  .links-lists nav ul{margin-left: 0px;}
  .links-lists nav ul li {
    padding: 15px 0 0;
    float: left;
    width: 100%;
text-align: left;
line-height: 20px;
height: 30px;
}
  .links-lists nav ul a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}
  .links-lists nav ul a .outer {
    display: block !important;
}

  .links-lists nav ul a .outer:hover, .links-lists nav ul li a:hover, .links-lists nav ul li:hover {
    text-decoration:none;
    border:none !important
}

  .nav-bar > ul > li:hover .outer:after {
            content: none !important; 
          
        }

/*=========================================================
	RESPONSIVE
===========================================================*/

/* BRUNO */
:root {
    --font-main-bold: fs_elliot_probold;
    --font-main-regular: fs_elliot_proregular;
    --color-content: #444444;
    --color-category: #d7181f;
    --color-border: #c2c2c2;
}

.header-post-title {
    color: var(--color-content);
    font-family: var(--font-main-regular);
    font-size: 30px !important;
    font-weight: 700;
    line-height: 31px;
    margin-top: 10px !important;
}


 .header-spacing-reset {
     padding-left: 0px;
     padding-right: 0px;
     width: 99%;
 }

/*titulo do artigo tem de ser alterado esta class não tem nada a ver*/
.color-dark {
    width: 315px;
    height: 58px;
    color: var(--color-content)!important;
    font-family: var(--font-main-regular);
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.post-section {
    color: var(--color-category)!important;
    font-family: var(--font-main-regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.67px;
    text-transform: uppercase;
}

.header-post-section {
    color: var(--color-category) !important;
    font-family: var(--font-main-regular);
    font-size: 20px;
    font-weight: 400;
    line-height: 20.67px;
    text-transform: uppercase;
}

.header-content-structure {
    padding-top: 85px;
    border: 1px solid var(--color-border);
    height: 100%;
    padding-left: 50px;
    padding-right: 40px;
    border-left: none;
    margin-right: -30px;
}

/*colocar aqui todos os hovers com shadow*/
.post:hover {
    box-shadow: 0 0 27px 1px rgba(11, 8, 11, 0.08);
}

/*.header-content-structure:hover {
    box-shadow: 0 0 27px 1px rgba(11, 8, 11, 0.08);
}*/

.post-body .post-section {
    width: 84px;
    height: 15px;
    color: var(--color-category) !important;
    font-family: var(--font-main-regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.67px;
    text-transform: uppercase;
}

.post-body .post-title {
    color: var(--color-content);
    font-family: var(--font-main-regular);
    font-size: 17px;
    font-weight: 700;
    line-height: 23px;
    margin-top: 0px!important;
}

.posts-content-structure {
    height: 112px;
    border: 1px solid var(--color-border);
    padding: 20px;
    border-top: none;
}

/*.posts-content-structure:hover, .category-post-content-structure:hover {
    box-shadow: 0 0 27px 1px rgba(11, 8, 11, 0.08);
}*/

.post-row {
    border: 1px solid var(--color-border);
}




.category-post-content-structure {
    /*height: 185px;
    border: 1px solid var(--color-border);*/
    /*padding-top: 30px;*/
    padding-left: 15px;
    padding-right: 30px;
    /*padding-bottom: 30px;*/
    padding-top: 7%;
}


a:hover {
    text-decoration: none;
}

/* codigo para o resumo que fica no header */
.post-content {
    width: 327px;
    height: 166px;
    color: var(--color-content);
    font-family: var(--font-main-regular);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

.category-title {
    color: #434343;
    font-family: var(--font-main-regular);
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-right: 20px;
    /*float: left;*/
    line-height: 29px;
    display:block;
}

.category-box {
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
    float: left;
    margin-right: 5px;

}

.category-option {
    width: 53px;
    height: 14px;

    padding: 5px 10px 5px 10px;

    color: #434343;
    font-family: var(--font-main-regular);
    font-size: 13px;
    font-weight: 400;
    line-height: 25.2px;
    text-transform: uppercase;
}

.category-box:hover {
    border: 1px solid #d7181f;
}

.category-box:hover a {
    color: var(--color-category);
}


.menuDesktop {
    max-width: 1220px;
}

.standard-header {
    background-color: #d7181f;
    height: 180px;
}

    .standard-header .logoContainer {
        border-bottom: 1px solid #d7181f;
        padding-top: 40px;
        padding-bottom: 37px;
        margin: 0px;
        width: 100%;
    }

    .standard-header .logo-search-bar {
        /*border-bottom: 1px solid #d7181f;*/
        border-bottom: 0px;
        top: 15px;
        width: 550px;
        right: 340px;
    }

    .standard-header .logoContainer a {
        display: block;
        width: auto;
        height: auto;
        background: none;
       
    }

.standard-header .logo-search-bar .search-box {
    background-color: #d7181f;
    border-right: 1px solid #d7181f;
}

.standard-header .logo-search-bar .search-box .btn-search {
    color: white;
}

.standard-header .logo-search-bar .search-box .btn-search:hover {
    color: white;
}

.standard-header .logo-search-bar .search-box.active .btn-search {
    color: white;
}

.nav-bar {
    height: 47px;
    background-color: var(--color-content);
    padding-right: calc((100% + 1280px)/ 2);
    padding-left: calc((100% - 1280px)/ 2);
}

.nav-bar ul {
    /*width: 800px !important;*/
    /*width: 100%!important;*/
    max-width: 1950px!important;
}

.blog-navbar .nav-bar > ul > li {
    height: 47px
}

    .blog-navbar .nav-bar > ul > li > a .outer {
        height: 47px
    }

    .outer {
        color: #ffffff;
        font-family: var(--font-main-regular);
        font-size: 18px;
        font-weight: 700;
        line-height: 28.88px;
        text-transform: uppercase;
    }

.nav-bar > ul > li:hover .outer::after {
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #d7181f;
    position: absolute;
}


.standard-header .socioContainer .btn-cta {
    color: #d7181f;
    font-family: var(--font-main-regular);
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    background-color: white;


    width: 183px;
    height: 41px;
}

.standard-header .socioContainer .btn-cta:hover {
    color: #d7181f;
    font-family: var(--font-main-regular);
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    background-color: white;
    width: 183px;
    height: 41px;
}

.standard-header .socioContainer {
    width: 183px;
    height: 41px;
    background-color: #ffffff;
    /*line-height: 30px;*/
    top: 45px;
    right:0px;
}

.standard-header .phone-number {
    top: 45px;
    margin-top: 0px;
    height: 41px;
    width: 131px;
    display: block;
    margin-right: 25px;
}
    .btn-newsletter-subscrive-footer {
    background-color: #d7181f;
    margin-top: 5px;
    margin-bottom: 20px;
}

.links-lists {
    height: 132px!important;
    margin: 0 auto;
}

.top-label {
    color: #000000;
    font-family: var(--font-main-regular);
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
}

.footer-newsletter-text {
    color: #000000;
    font-family: var(--font-main-bold);
    font-size: 22px;
    /*font-weight: 700;*/
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: .4px;
    text-align: left;
}

.nav-text-slogan-sempre {
    font-weight: 400;
    font-family: var(--font-main-regular);
    letter-spacing: -0.44px;
}

.nav-text-slogan-comigo {
    font-family: var(--font-main-bold);
    font-weight: 800;
}

.nav-text-slogan-sempre, .nav-text-slogan-comigo {
    color: #ffffff;
    font-size: 34px;
    line-height: 32.21px;
}

.nav-text-slogan {
    width: 241px;
    height: 19px;
    color: #ffffff;
    font-family: var(--font-main-regular);
    font-size: 19px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.3px;
}

.phone-number {
    margin-right: 20px;
    margin-top: 5px;
}

.nav-button-acp {
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: var(--font-main-regular);
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: lowercase;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 7px;
    line-height: 40px;
    padding-top: 5px;
}

    .nav-button-acp i {
        padding-left: 10px;
        font-size: 15px;
    }

    

    .nav-button-acp:hover, .nav-button-acp:focus {
        color: white
    }

    .color-dark {
        padding-top: 20px;
        padding-bottom: 25px;
    }

.header-img-sizing {
    width: 100%;
}


.newsletter-form {
    margin-top: 0px!important;
    padding-top: 30px;
}

footer .top-container {
    padding-top: 0px;
    padding-bottom: 0px;
}

/******** DELETE MAKES IT USABLE ********/
.standard-header.affix .logoContainer {
    display: none;
}

.footer-phone-number {
    height: 20px;
    color: #ffffff;
    font-family: var(--font-main-bold);
    font-size: 27px;
    font-weight: 400;
    line-height: 42.69px;

    margin-bottom: 20px;
    display: block;
}

.footer-email {
    height: 17px;
    color: #ffffff;
    font-family: var(--font-main-regular);
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    display: block;
}


footer .social {
    margin-top: 15px;
}

    footer .social .social-icons a:not(:first-child) {
        padding-left: 20px;
    }

        footer .social .social-icons a i {
            font-size: 30px;
            vertical-align: top;
        }

.col-centered {
    float: none;
    margin: 0 auto;
}

.newsletter-img {
    display: unset;
    margin-top: -5px;
}

.logo-acp-something {
    width: 216px;
    height: auto;
    display: block;
}

.footer-top-spacing {
    padding-top: 40px;
}

.footer-acp-text {
    color: #ffffff;
    font-family: var(--font-main-regular);
    font-size: 17px;
    font-weight: 700;
}

.img-logo-icon {
    position: absolute;
    margin-left: 250px;
}

.img-newsletter {
    float: right;
}

/***** Começo do codigo das Categorias *****/

.category-post-structure {
    width: 416px;
    height: 217px;
    border: 1px solid #c2c2c2;
    background-color: #ffffff;
    margin-left: calc(40%) !important;

    padding-top: 40px !important;
}

.category-post-structure:hover {
    box-shadow: 0 0 27px 1px rgba(11, 8, 11, 0.08);
}

.category-post-img {
    width: 100%;
}

.category-post-category {
    width: 84px;
    height: 15px;
    color: #d7181f!important;
    font-family: var(--font-main-regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.67px;
    text-transform: uppercase;

    background-color: transparent!important;
    padding: 0!important;
    margin: 0!important;

    padding-left: 30px!important;
    
    margin-bottom: 15px!important;
}

.category-post-title {
    width: 320px;
    height: 46px;
    color: var(--color-content);
    font-family: var(--font-main-regular);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    padding: 0px !important;
    margin: 0px !important;
    padding-left: 30px !important;
}

.category-header-category {
    width: 82px;
    height: 13px;
    color: #ffffff;
    font-family: var(--font-main-regular);
    font-size: 13px;
    font-weight: 400;
    line-height: 17.57px;
    text-transform: uppercase;
}

.post-header-category {
    color: #ffffff!important;
    font-family: var(--font-main-regular);
    font-size: 13px!important;
    font-weight: 400;
    line-height: 17.57px;
    text-transform: uppercase;
}

.post-header-title {
    color: #ffffff;
    font-family: var(--font-main-bold);
    font-size: 28px !important;
    font-weight: 700;
    line-height: 35.16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.post-header-summary {
    color: #ffffff !important;
    font-family: var(--font-main-regular);
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
}


.post-category-structure {
    height: 28px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;

    text-align: middle;
}

.post-category-title {
    height: 15px;
    color: #434343;
    font-family: var(--font-main-regular);
    font-size: 15px;
    font-weight: 400;
    line-height: 25.2px;
    text-transform: uppercase;
}

.post-see-more-text {
    color: #ffffff;
    font-family: var(--font-main-regular);
    font-size: 16px;
    font-weight: 700;
    line-height: 21.51px;
    text-transform: uppercase;
    background-color: #d7181f !important;
}

.background-image {
    background-image: linear-gradient(rgba(255,255,255,0), #ffffff);
    position: absolute;
    height: 300px;
    margin-top: 330px;
    width: 100%;
}

.main-post {
    height: 600px;
    overflow: hidden;
}

/* search bar */
.blog-search .logo-search-bar .search-box {
    height: 0px !important;
    width: 100%;
}

    .blog-search .logo-search-bar .search-box .text {
        width: 390px;
        height: 42px;
        margin-right: 15px;
        font-size: 20px;
        text-align: right;
        padding-right: 10px;
    }

.see-more-button {
    background-color: #d7181f;
}

/* slider main page */
/*.ms-filters-template {
    width: 95vw;
    margin-left: -345px !important;
}*/

.ms-nav-next, .ms-nav-prev {
    transform: scale(2);
    z-index: 1000;
    position: absolute;
}

.ms-nav-next {
    right: -100px!important;
}

.ms-nav-prev {
    left: -100px!important;
}

.coloring-left {
    background-color: rgba(215, 24, 31, 0.83);
    position: absolute;
    top: 0;
    width: 580px;
    height: 453px;
}

.coloring-right {
    background-color: rgba(215, 24, 31, 0.83);
    position: absolute;
    top: 0;
    right: 0px;
    width: 550px;
    height: 453px;
}

.ms-info {
    top: -290px!important;
    position: relative;
    margin: 0 auto;
    max-width: 760px;
}

.slider-text-category {
    color: #ffffff!important;
    font-family: var(--font-main-regular);
    font-size: 22px!important;
    font-weight: 400!important;
    line-height: 18.99px;
    text-transform: uppercase;
}

.slider-text-title {
    color: #ffffff!important;
    font-family: var(--font-main-regular);
    font-size: 35px!important;
    font-weight: 700!important;
    line-height: 55px!important;
    height: 200px;
}

/*.ms-slide:first-child {
    width: 770px!important;
    background-color: red!important;
}

.ms-slide:last-child {
    left: 1530px!important;
}*/
.master-slider {
    /*antiga cor*/
    /*background-color: #d7181f;*/
    background-color: #df4a50;
}
.ms-slide-bgcont{opacity:0.5 !important}

.ms-slide  {
    width: 800px !important;
    transform: scale(1) rotateY(0.01deg) !important;
    
}

    .ms-slide .ms-slide-bgcont img {
        /*padding-left: 40px;
        padding-right: 40px;*/
        /*margin-left: 0px !important;
        margin-right: 0px !important;*/
    }


.ms-sl-selected .ms-slide-bgcont img {
    /*padding-left: 0px !important;
    padding-right: 0px !important;*/
}
    .ms-slide img {
        width: 800px !important;
    }

.ms-fade-wave-view{background-color:black !important}

.ms-nav-next, .ms-nav-prev {
    opacity: .5 !important;
}

.ms-slide-info { min-height: 1px!important;}
.ms-dir-h { max-height: 1px!important;}

.padding-reset {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.post-sub-title {
    color: var(--color-content);
    font-family: var(--font-main-regular);
    font-size: 22px;
    font-weight: 400;
    line-height: 31px;
}

.no-padding {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.post-summary {
    color: #000000;
    font-family: var(--font-main-regular);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    /*old line height was 26*/
}

.category-post-content-structure .post-title {
    margin-top: 5px!important;
    margin-bottom: 10px!important;
}


.blog-navbar {
    background-color: var(--color-content);
    position: relative;
    z-index: 100;
}

.blog-navbar .first-level {
    /*padding-left: 150px!important;
    padding-right: 30px;*/
    width:25%;
}

.blog-navbar .first-level:first-child {
    padding-left: 0px!important;
    text-align: left;
}

    .blog-navbar .first-level:last-child {
        text-align: right;
    }

.blog-navbar .nav-bar ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-navbar .nav-bar {
    padding-right: 0px;
    padding-left: 0px !important;
    float: none;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
}

.logoContainer {
    padding-left: 0px!important;
}

/*--- MY CONTAINER ---*/
.pure-g {
    /*padding-right: 15px !important;
    padding-left: 15px !important;*/
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: hidden
}

/* social media with dark icons */
.share a {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #333;
    border-radius: 17px;
    text-align: center;
    color: #fff;
    transition: all .5s;
    margin: 0 2px;
    font-size: 1.4em;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.text-center .top-label {
    display: inline!important;
}*/

.text-center {
    margin-bottom: 10px;
}

.phone-number, .socioContainer {
    /*position: relative!important;*/
    /*right: 0px !important;*/
}

.nav-bar {
    margin-left: unset !important;
}

.black-bars {
    background-color: var(--color-content);
    width: 100%;
    /*overflow-y: hidden !important;*/
    position: relative;
    height: 47px;
    /*left: -367px !important;*/
    padding-left: 0px;
    /*top: 133px;*/
    bottom:47px;
    /*overflow-x: hidden !important;*/
    z-index: 0;
}


.left-links{display:none}

.footer-newsletter-img {
    width: 150px;
    float: right;
}

.footer-newsletter-text-label {
    float: right;
    width: 400px;
}

    .footer-newsletter-text-label img {
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
    }

.footer-newsletter-btn {
    width: 250px;
}












/*start of rework*/
/*REWORK/REFINEMENT ON BLOG */
/*hover navbar to give it a red underline*/
.nav-bar > ul > li:hover .outer::after {
    content: '' !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #f0050a !important;
    position: absolute !important;
}

/*size of the border is the same size of the button*/
.nav-bar > ul > li > a .outer {
    display: unset;
    line-height: 43px;
    padding-bottom: 14px;
}

/*  */
/*.col-md-8.header-spacing-bottom.post-destaque:hover,
.post-destaque-text:hover,
div.row:first-child{
    
}*/

/*  */
.header-shadow {
    margin-bottom: 10px;
    /*header-spacing-bottom now inside this*/
    margin-bottom: 60px;
    /*take out padding from the col*/
    padding: 0 0;
}

    .header-shadow:hover {
        box-shadow: 0 0 27px 1px rgba(11, 8, 11, 0.08) !important;
    }

.post-destaque-text {
    padding: 0 0;
    margin-left: -10px;
    height: 100%;
    position: absolute;
    left: 65%;
}

.post-destaque {
    padding: 0 0;
    z-index: 200;
}

.row.ng-scope {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.footer-newsletter-text-label {
    min-width: 300px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.post.post-row.row.no-padding {
    margin-left: 0px;
}

.ms-nav-next, .ms-nav-prev {
    display: block !important;
}

.share.post-shares a:hover {
    background-color: red;
    color: white;
    transform: none;
    border: none;
}

.footer-top-spacing a {
    font-weight: normal;
}

.shadow-hidder {
    box-shadow: none!important;
}

.section-top-spacing {
    padding-top: 40px !important;
}


.background-img-over-filter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.8)), to(transparent));
    background-image: linear-gradient(to top, rgba(33, 38, 49, 0.8) 0%, transparent 100%);
}


.blog-container-slider {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

footer {
    margin-top: 30px;
}

.display-block {
    display: block;
    float: none;
}

/*end of rework*/

















.mobile-menu{display:none}
    .mobile-menu .nav-bar, .mobile-menu .nav-bar ul {
        display: block 
    }

@media (max-width:1280px) {
    .standard-header .logoContainer {
        margin-left: 15px;
    }

    .blog-navbar .nav-bar {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}



@media (max-width:992px) {

    .slider {
        margin-top: 40px
    }

    .footer-newsletter-btn {
        width: 100%;
    }

    .footer-newsletter-text-label {
        float: none;
        width: 100%;
    }



    .header-img-sizing {
        height: auto;
        margin-right: 0;
    }

    #nav .nav-menu {
        display: none;
    }


    .standard-header {
        display:block;
    }

    .post-destaque {
        padding-left: 0px;
        padding-right: 0px;
    }

        .post-destaque .header-content-structure {
            padding-top: 20px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            height: auto;
        }


    .ms-inner-controls-cont{width:80% !important}

    .ms-slide, .ms-view {
        width: 100% !important
    }
    .ms-info {
        width: 80% !important
    }

    .ms-nav-next {
        right: -50px !important;
    }

    .ms-nav-prev {
        left: -50px !important;
    }

    .blog-cat-left{
        margin-right:15px;
        /*margin-left:15px;*/
    }

    .category-post-content-structure {
        padding-top: 10px;
        padding-bottom: 20px;
    }
   


/* REWORK */
    .post-destaque-text {
        position: relative;
        left: unset;
        margin-left: unset;
    }

    .header-content-structure {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        border-left: 1px solid var(--color-border);
        margin-right: unset;
    }


    .header-post-section {
        font-size: 16px;
    }

    .header-post-title {
        font-size: 20px !important;
        margin-top: 0px!important;
    }

    .post-sub-title {
        font-size: 17px;
        line-height: 23px;
    }

    footer .social .social-icons a:not(:first-child) {
        padding-left: 20px;
    }

    .mobile-header {
        display: none !important;
    }

    .slider-text-category {
        font-size: 20px !important;
    }

    .slider-text-title {
        font-size: 24px !important;
    }

    .ms-info {
        top: -250px !important;
    }
}

@media (max-width:768px) {

    .page-header .background-img {
        margin-top: 80px;
    }


    .mobile-header {
        background-color: #d7181f;
    }

        .mobile-header .logoContainer {
            /*border-bottom: 1px solid #d7181f;*/
            padding-top: 13px;
            padding-bottom: 18px;
            margin: 0px;
        }

        .mobile-header img {
            width: 30px;
            top: 20px;
        }

        .nav-text-slogan-sempre, .nav-text-slogan-comigo {
            font-size: 28px;
        }

        .nav-text-slogan {
            font-size: 15px;
            line-height: 16px;
        }

        .img-logo-icon {
            margin-left: 205px;
        }

        .mobile-header .left-links {
            position: fixed;
            top: 23px;
            /*left: 20px;*/
        }


        .blog-navbar .fa-bars {
            color: white;
            padding-left: 15px;
            font-size: 33px;
            /*padding-top: 5px;*/
            padding-bottom: 15px;
        }

        .header-shadow {
            margin-bottom: 30px;
        }

        .footer-newsletter-text-label {
            max-width: 350px;
            min-width: 100px;
        }


    @supports (-webkit-overflow-scrolling: touch) {
        /* CSS specific to iOS devices */
        .img-logo-icon {
            margin-left: 210px;
        }
    }

        .mobile-header.active .mobile-menu {
            display: block
        }

            .mobile-header.active .mobile-menu .nav-bar, .mobile-header.active .mobile-menu .nav-bar ul {
                display: block
            }

                .mobile-header.active .mobile-menu .nav-bar ul {
                    display: grid;
                }



            .mobile-header.active .mobile-menu .nav-bar {
                padding: 0px !important;
                height: auto;
                background-color: #444444;
            }

                .mobile-header.active .mobile-menu .nav-bar ul li {
                    display: block;
                    float: left;
                    width: 100%;
                    text-align: center;
                    margin-bottom: 5px;
                }



                    .mobile-header.active .mobile-menu .nav-bar ul li a {
                        background-color: #444444;
                        padding: 0px;
                    }


    .blog-search {
        clear: both;
        display: block;
        width: 100%;
        height: 50px;
        background-color: white;
    }

    .phone-number {
        margin: 0px;
        float: left;
        width: 50%;
        background-color: #d7181f
    }

        .phone-number a {
            background-color: #d7181f !important
        }

    .socioContainer {
        float: left;
        width: 50%;
        text-align: center
    }

        .socioContainer a {
            /*background:#d7181f;
            background-color: rgb(240, 5, 10);*/
            display: block;
            color: #fff;
            line-height: 50px;
            text-align: center;
            text-decoration: none;
            text-transform: none
        }

    .standard-header {
        display: none
    }


    .logo-search-bar .search-box .btn-close-search::before {
        content: '';
        position: absolute;
        height: 40px;
        top: 50%;
        margin-top: -20px;
        left: -19px;
        width: 1px;
        background: #ccc;
    }

    .logoContainer {
        text-align: center;
    }

    .left-links {
        display: block;
    }

    .blog-navbar .nav-bar {
        display: none;
    }

    .page-header h1 {
        font-size: 28px;
    }

    .post.post-row .post-img {
        width: 100%;
        float: none;
    }

    .post.post-row .post-body {
        margin-left: 0px;
    }

    .post.post-row .post-meta {
        margin-top: 15px;
    }

    .post.post-row .post-body p {
        display: none;
    }


    .blog-navbar .nav-bar ul {
        display: none;
    }

    .standard-header .active .nav-bar {
        display: block;
        height: auto;
        background-color: #444444;
    }

        .standard-header .active .nav-bar ul {
            display: grid;
        }

            .standard-header .active .nav-bar ul li {
                display: block;
                float: left;
                width: 100%;
                text-align: center;
            }


    .standard-header .logo-search-bar {
        border-bottom: 0px;
        top: 110px;
        width: 90%;
        z-index: 111;
        /*left: 110px;*/
        right: 0px;
    }

    .standard-header .logoContainer {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .standard-header .phone-number, .standard-header .socioContainer {
        top: 80px;
    }

    .standard-header .search-box.active {
        position: absolute;
        right: 0px;
    }

    .blog-search .logo-search-bar .search-box .text {
        width: 85%;
        font-size: 16px;
        border: none;
        text-align: left;
        padding-left: 10px;
    }

    .blog-navbar .fa-times {
        display: none
    }

    .standard-header .blog-navbar.active .fa-times {
        display: block;
    }

    .standard-header .blog-navbar.active .fa-bars {
        display: none;
    }

    .blog-navbar .fa-times {
        color: white;
        padding-left: 15px;
        font-size: 30px;
        padding-top: 5px;
        padding-bottom: 15px;
    }

    .btn-search {
        border: 0;
        background: 0 0;
        padding: 0;
        color: #333;
        outline: 0;
        transition: color .75s;
        font-size: 20px;
    }

/* REWORK */
    .pull-right {
        float: unset!important;
    }
    footer .social {
        float: left;
    }

    .mobile-header {
        display: block !important;
    }

    /*.post-summary {
        display: none !important;
    }*/

    footer .social {
        width: unset;
    }
    .section-top-spacing {
        padding-top: 120px !important;
    }

    .header-post-title {
        margin-bottom: 0px;
        font-size: 17px!important;
        line-height: 23px;
    }

    .footer-privacy {
        margin-top:10px;
    }

    .slider-text-category {
        font-size: 16px !important;
    }

    .slider-text-title {
        font-size: 20px !important;
    }
}


@media (max-width: 650px) {

    .ms-view {
        height: 360px !important;
    }

    .ms-slide {
        height: 360px !important;
    }

        .ms-slide . ms-slide-bgcont {
            height: 100% !important;
        }

            .ms-slide . ms-slide-bgcont img {
                height: 100% !important;
            }




    footer .terms-and-conditions a:first-child {
        padding-top: unset;
    }

    footer .social {
        float: right !important;
    }

    .copyright .col-xs-8.col-sm-6 {
        float: right !important;
    }

    .slider-text-title {
        color: #ffffff !important;
        font-family: var(--font-main-regular);
        font-size: 25px !important;
        font-weight: 700 !important;
        line-height: 55px !important;
        height: 200px;
    }

    .post-header-title {
        text-align: center;
        padding-top: 15%;
    }
}

/*shouldnt be 768?*/
@media (max-width:480px) {



    /*.ms-info {
        width: 60% !important;
    }*/
    /*.blog-search .logo-search-bar .search-box .text {
        width: 230px;
        font-size: 16px;
    }*/
    .post-destaque {
        padding-left: 0px;
        padding-right: 0px;
    }

        .post-destaque .header-content-structure {
            padding-top: 20px;
            border: none;
            padding-left: 20px;
            padding-right: 20px;
            height: auto;
        }

    .header-img-sizing {
        height: auto;
    }



    .slider-text-title {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .ms-info {
        top: -225px !important;
    }

    .ms-nav-next {
        right: -35px !important;
    }

    .ms-nav-prev {
        left: -38px !important;
    }

    .category-title {
        float: none;
        display: block;
    }
}


    /*@media (min-width: 768px) {
        .pure-g {
            width: 750px !important;
        }

        .img-newsletter {
            float: none !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        text-center {
            text-align: center;
        }

        .btn-newsletter-subscrive-footer {
            margin-bottom: 50px;
        }
    }

    @media (min-width: 992px) {
        .pure-g {
            width: 970px !important;
        }
    }

    @media (min-width: 1200px) {
        .pure-g {
            width: 1170px !important;
        }
    }*/