/*
Theme Name: Superfast Portfolio
Theme URI: https://www.idtheme.com/superfast/
Template: superfast
Author: Gian MR
Author URI: http://www.gianmr.com/
Description: Super fast, seo and high CTR wordpress theme.
Tags: two-columns,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,microformats,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.1.0.1523685790
Updated: 2018-04-14 06:03:10

*/

/*
Template Name: Imural Portfolio Theme
Version:1.0.0
*/
/* ----- MAIN ----- */
 body {
	font-family: 'Rubik', sans-serif !important;
	color: #444 !important;
	font-weight: normal !important;
	/* overflow-x: hidden; */
}
a {
	transition: 0.5s;
}
a:hover, a:active, a:focus {
	/*outline: none;*/
	text-decoration: none;
}
ul {
    list-style: none;
}
*, ::before, ::after {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    line-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
a:hover{color:#ca112f !important}
p {
	padding: 0;
	margin: 0 0 20px 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rubik', sans-serif !important;
	font-weight: 700;
	margin: 0 0 20px 0;
	padding: 0;
}
.row.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.no-gutter > [class*='col-'] {
    padding-right:0px;
    padding-left:0px;
}
.title-und:after{
	content:"";
	background-image:url('../img/brush-underscore2.svg');
	background-repeat: no-repeat;
	width: 200px;
	height: 20px;
	position: absolute;
	left: 0;
    right: 0;
	margin-top: 55px;
}
.imural-text{color:#ca112f}
.white-text{color:#fff}
.button-imural {
    background: #ca112f;
    padding: 10px 18px;
    color: #fff;
    letter-spacing: 1px;
	cursor: pointer;
	border: 2px solid #ca112f
}
.button-imural:hover{
	color: #ca112f;
	background:#fff;
	border: 2px solid #ca112f
}
.page-numbers li {
    display: inline;
    padding: 0 4px;
}

/* Box-sizing reset: http://w3bits.com/?p=3225 */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
/*========
# Top Bar
=========*/
#topbar {
	background: #ca112f;
	padding: 5px 0;
	font-size: 14px;
}
#topbar .contact-info a {
	line-height: 2.5;
	color: #fff;
	font-size: 15px;
}
#topbar .contact-info i {
	color: #fff;
	padding: 4px;
}
#topbar .contact-info .fa-phone {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #e9e9e9;
}
#topbar .social-links a {
	color: #fff;
	padding: 4px 12px;
	display: inline-block;
	line-height: 1px;
	border-left: 1px solid #e9e9e9;
}
#topbar .social-links form {
    display: inline-block;
    margin-right: 3px;
}
#topbar .social-links a:first-child {
	border-left: 0;
}
/* Search */
#topbar .search input{
	border-radius:0px;
	border: 0;
}
#topbar .btn.btn-search{
	background:#fff;
	border-radius:0px;
}
/* Nav Menu Arrows */
.dropbtnlang {
    background-color: transparent;
    color: white;
    padding-right: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropbtnlang:hover{background-color: transparent;}
.dropdownlang {
    position: relative;
    display: inline-block;
}
.dropdown-content-lang {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    z-index: 11199;
}
.dropdown-content-lang a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdownlang:hover .dropdown-content-lang {display: block;}

/*========
# Header
=========*/
#header {
	position:absolute;
	transition: all 0.5s;
	z-index: 997;
	width:100%;
	padding: 6px 0;
}
#header #logo img {
	padding: 0;
	margin: 0;
}
.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: #fff;  
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
  transition: opacity ease 0.6s
}
.sticky .navbar-nav > li a{color:#333!important;}

/*========
# Navigation
=========*/
.navbar-nav a {
	padding: 10px 8px;
	text-decoration: none;
	display: inline-block;
	color: #fff !important;
	font-weight: 500;
	font-size: 15px;
	outline: none;
	text-transform: uppercase
}
.dropdown-menu a.dropdown-item {
    color: #333 !important;
}
/* Nav Menu Arrows */
.menu-has-children .dropdown{padding-right: 22px;}
.menu-has-children .dropdown:after {
	content: "\f107";
	position: absolute;
	right: 8px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}
/* Nav Meu Container */
#nav-menu-container {
	float: right;
	margin: 0;
	padding: 13px 0 10px;
}
@media (max-width: 768px) {
	#nav-menu-container {display: none;}
}
/* Mobile Nav Toggle */
#mobile-nav-toggle {
	right: 0;
	z-index: 999;
	border: 0;
	background: none;
	font-size: 25px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
	color: #fff;
}
.sticky #mobile-nav-toggle{color: #333;padding-top:5px}
body.mobile-nav-active #mobile-nav-toggle button {color: #fff;}
@media (max-width: 768px) {
	#mobile-nav-toggle {display: inline;}
}
/* Mobile Nav Styling */
#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 20px;
	bottom: 0;
	z-index: 998;
	background: rgba(52, 59, 64, 0.9);
	left: -260px;
	width: 260px;
	overflow-y: auto;
	transition: 0.4s;
}
#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mobile-nav ul li {
	position: relative;
}
#mobile-nav ul li a {
	color: #fff;
	font-size: 22px;
	overflow: hidden;
	padding: 10px 22px 10px 22px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
}
#mobile-nav ul li a:hover {
	color: #fff;
}
#mobile-nav ul li li {
	padding-left: 30px;
}
#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #ca112f;
}
#mobile-nav ul .menu-item-active {
	color: #ca112f;
}
/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}

/*========
# Banner
=========*/
.banner {
	display: table;
	width: 100%;
}
.hero {
	display: table-cell;
	vertical-align: middle;
	height: 400px;
	margin: 0 auto;
	background-size: cover;
	text-align:left;
	color:#fff
}
.hero-title {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	height: 350px;
	background-size: cover !important;
}
.hero-title h1{
	font-size:40px;
	text-transform: uppercase;
	margin-top:15px;
	margin-bottom:0;
	color: #fff;
	width:75%
}

/*========
# Portfolio Section
=========*/

.mt_filter {
	font-weight: 300;
}

.mt_filter a.btn-filter {
	margin-right: 15px;
	padding: 0;
	margin-bottom: 17px;
}

.mt_filter a.btn-filter {
	background: transparent;
	color: #666666;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 0 0;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 5px;
}

.mt_filter a.btn-filter:hover {
	border-bottom: 0.5px solid #212529;
}

.mt_filter a.btn-filter.active {
	border-bottom: 0.5px solid #212529;
}


/*========
# Lightbox
=========*/

.portfolio-action {
    border-top: none;
}
.modal-content h2{
	padding: 20px 0 0 20px
}
.modal-content .text{
	font-size:19px;
	line-height:22px;
	padding: 0 20px
 }
.modalbtn.close{
	right: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
	float: right;
	position: absolute;
	background: #333;
	color: #fff;
	text-shadow: none;
	font-size: 1rem;
	opacity: 1;
	z-index: 1;
}
.modal-content {
    border-radius: 0;
}
.modal-lg {
    max-width: 100%;
}
.fancybox-slide--html .fancybox-content{background: transparent;}

/*========
# Single POST
=========*/
#primary.site-content, #primary.site-single{
	margin-top:20px
}
#primary.site-single {
    margin-top: 60px;
}
.article-post {
    float: left;
}
.article-post p {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}
.article-post .img-fluid {
    margin-bottom: 20px;
}
.mysidebar {
    float: right;	
}
.porto-info{
	padding-bottom: 20px;
	border-bottom: #ababab solid .4px
}
.porto-info h1, .show-sosmed b {
    font-size: 22px;
	margin-bottom: 20px;
	display: block;
	color: #333;
	font-weight: 500;
}
.sosmed-info {
    padding-top: 40px;
}
.show-sosmed ul li{
    display: inline;
}
.show-sosmed li a{
	padding: 0 20px 0 0;
	font-size:19px;
	color: #555
}
.porto-info p {
    font-size: 16px;
    color: #555;
    line-height: 22px;
	margin-bottom: 10px;
}
.show-info-tags li {
    padding: 4px 0;
}
.load-more a {
    width: 150px;
    cursor: pointer;
    background: #ca112f;
    padding: 15px 20px;
    color: #fff;
	display: inline-block;
	margin-top: 30px;
}
.load-more a:hover {color:#fff!important}
.load-more{
	text-align: center;
}
/*========
# Related Post
=========*/
.related-posts {
    position: relative;
	margin-top: 40px
}
.attachment-relthumb {
    object-fit: cover;
}
.related-posts .mt_portfolio {
    padding: 20px 15px;
}
.related-posts .rel-title {
    padding-left: 0;
}
.related-posts .detail_portfolio h3 {color: #ca112f;}
.related-posts .detail_portfolio {
    padding: 0 15px;
	text-align:center
}

/*========
# POST Navigation
=========*/
.post-navigation {
	margin-top: 30px;
    position: relative;
    display: table;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    clear: both;
    box-sizing: border-box;
	padding: 0 15px;
}
.post-navigation .post-next, .post-navigation .post-prev {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    padding: 0;
    box-sizing: border-box;
}
.post-navigation .post-home {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.post-navigation .post-next {
    text-align: right;
}
.post-navigation .post-next a, .post-navigation .post-prev a, .post-navigation .post-home a{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    line-height: 15px;
	color:#444
}
.post-navigation .post-next a .fa, .post-navigation .post-prev a .fa {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.attachment-relthumb {
    height: 250px;
}
.reldiv {
    padding: 6px;
}

/*========
# Share
=========*/
.rrssb-buttons {
	box-sizing: border-box;
	height: 36px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.clearfix:after, .share-container:after {
	clear: both;
}
.clearfix:before, .share-container:before, .clearfix:after, .share-container:after {
	content: ' ';
	display: table;
}
.share-container {
	position: relative;
	padding-top: 15px;
}
.share-container .rrssb-buttons {
	float: left;
	width: 100%;
}
.rrssb-buttons:after {
	clear: both;
}
.rrssb-buttons:before, .rrssb-buttons:after {
	content: ' ';
	display: table;
}
.rrssb-buttons li {
	box-sizing: border-box;
	float: left;
	height: 100%;
	line-height: 13px;
	list-style: none;
	margin: 5px;
}
.rrssb-buttons li:first-child {
	margin-left: 0;
}
.rrssb-buttons li.rrssb-facebook a {background-color: #306199;}
.rrssb-buttons li.rrssb-facebook a:hover {background-color: #244872;}
.rrssb-buttons li.rrssb-linkedin a {background-color: #007bb6;}
.rrssb-buttons li.rrssb-linkedin a:hover {background-color: #005983;}
.rrssb-buttons li.rrssb-twitter a {background-color: #26c4f1;}
.rrssb-buttons li.rrssb-twitter a:hover {background-color: #0eaad6;}
.rrssb-buttons li.rrssb-googleplus a {background-color: #e93f2e;}
.rrssb-buttons li.rrssb-googleplus a:hover {background-color: #ce2616;}
.rrssb-buttons li.rrssb-pinterest a {background-color: #b81621;}
.rrssb-buttons li.rrssb-pinterest a:hover {background-color: #8a1119;}
.rrssb-buttons li a {
	background-color: #ccc;
	box-sizing: border-box;
	display: block;
	font-size: 12px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	padding: 12px 20px 12px 27px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out;
	width: 100%;
}
.rrssb-buttons li a .rrssb-icon {
	display: block;
	left: 10px;
	line-height: 36px;
	position: absolute;
	top: 0;
	width: 10%;
}
.rrssb-buttons li a .rrssb-icon i {
	height: 17px;
	width: 17px;
}
.rrssb-buttons li a .rrssb-icon i, .rrssb-buttons li a .rrssb-icon i {
	color: #fff;
}
.rrssb-buttons li a .rrssb-text {
	color: #fff;
}
.rrssb-buttons li a:active {
	box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, 0.25);
}
.rrssb-buttons li.small a {
	padding: 0;
}

/*========
# Footer
=========*/
footer {
    overflow: hidden;
    width: 100%;
}
footer .copyright {
	text-align: center;
	border-top: 1px solid #DAE6FD;
	margin-top: 30px;
	padding-top: 30px;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	letter-spacing: 0.88px;
}
/*========
# Chat Button
=========*/
.chat {
    bottom: 0;
    position: fixed;
    right: 15px;
    width: 70px;
    text-align: right;
	padding: 10px;
	z-index:9999
}
.chat__window-content--minimized {
  display: none;
}
.chat__window-content--full {
    opacity: 1;
}
.chat--minimized .chat__window-content--minimized {
	display: block;
}
.chat--minimized .chat__window-content--full {
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
}
.chat--full .chat__window-content--full{
	transition: all 0.35s;
}
.button--big {
    font-size: 25px;
    background: #ca112f;
    color: #fff;
    padding: 13px;
    border-radius: 50%;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.28);
	cursor: pointer;
}
a.chat-btn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 50%;
    font-size: 25px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.28);
	margin-right:8px
}
a.chat-btn:hover{
    color: #fff !important;
}
.chat-wa {
    background: #25d366;
}
.chat-phone {
    background: #f8cd31;
}
/*========
# Responsive
=========*/
@media only screen and (max-width: 767px) {
	#header #logo img {
		max-height: 40px;
	}
	#primary.site-content, #primary.site-single {
		margin-top: 50px;
	}
	#nav-menu-container {display: none;}
	.mt_portfolio .portfolio_grid {
        padding: 0 15px;
        width: 97%;
	}
	#mobile-nav-toggle {display: inline;}
	.mt_portfolio .portfolio_hover:before {
		right: 25px;
		left: 25px;
	}
	.mt_portfolio .portfolio_hover h3 {
		font-size: 16px;
	}
	.hero-title h1 {
		width: 100%;
	}
	.mysidebar {
		margin-top: 25px;
	}
	.related-posts {
		margin-top: 15px;
	}
	.article-post {padding: 0;}
	.navbar-nav.ml-auto {
        background-color: rgba(0,0,0,.5);
    }
}
@media only screen and (max-width: 640px) {
    .mt_portfolio {
		padding: 40px 0;
	}
	.mt_portfolio h2 {
		margin-bottom: 30px;
	}
	.mt_filter a.btn-filter {
		margin-bottom: 0;
	}
	.hero-title h1 {
		font-size: 35px;
	}
}

@media only screen and (max-width: 480px) {
	.mt_portfolio .portfolio_grid {
		width: 95%;
	}
	.hero-title h1 {
		font-size: 30px;
	}
	.share-container .rrssb-buttons {
		clear: both;
		float: none;
		width: 100%;
	}
	.rrssb-buttons li {
		margin: 2px;
	}
}

.showcase-gallery {
    display: none !important;
    border: none;
}

.showcase-gallery.show {
    display: block !important;
}

.showcase-gallery figure {
  overflow: hidden;
  position: relative;
  margin: 0;
}

.card-columns .card {
    display: block;
}

.showcase-gallery figure figcaption {
  position: absolute;
  z-index: 100;
  width: 100%;
  overflow: hidden;
  -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  height: 100%;
  text-align: center;
  display: flex;
visibility: hidden;
}

.showcase-gallery figure:hover figcaption {
  visibility: visible;
  background: rgba(255, 255, 255, 0.69);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.showcase-gallery figure h3 {
    margin: 0;
}

.showcase-gallery figure figcaption a {
    margin: auto;
}

.dropdown-menu {
    width: 192px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.sticky .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}