/*
Theme Name: Materiales Premiun
Theme URI: http://www.materialespremiun.com.ar
Description: Custom Theme para Materiales Premiun
Version: 1.0
Author: Crearte Consultora
Author URI: http://crearteconsultora.com.ar/
Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5
*/
/* RESET
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight: 300;}
html, button, input, select, textarea {color: #fff; padding: 0;}
body {line-height: 150%;color: #333; font-weight: 400;font-family: 'Source Sans Pro', sans-serif;;background-color: #fff; padding-top: 80px; max-width: 100%; overflow-x: hidden;}

::-moz-selection, ::selection {background: #05B3BB;text-shadow: none; color: #fff; }
::-webkit-input-placeholder {color: #b0b0b0; opacity: 1 !important;}
:-moz-placeholder {color: #b0b0b0; }
::-moz-placeholder {color: #b0b0b0; }
:-ms-input-placeholder {color: #b0b0b0; }
input[placeholder], [placeholder], *[placeholder] {color: #b0b0b0; }
blockquote{border-left:5px solid #05B3BB;margin-bottom:25px;  padding: 20px; font-size: 18px; font-weight: 700 }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #b0b0b0; margin: 1em 0; padding: 0; }
img:not(.alignleft),img:not(.alignright),img:not(.size-medium),img:not(.aligncenter), img.size-large, .img-responsive, .size-full {width: 100%; height: auto; display: block; }
	img.alignleft { margin: 5px 20px 5px 0; float: left; }
	img.alignright { margin: 5px 0px 5px 20px; float: right; }
	img.aligncenter { margin: 15px auto; float: none; height: auto;  display: block;  max-width: 100%; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; color: #05B3BB	; padding: 0.2em 0; }
ul { list-style: none; padding: 0; }
	article ul li{ display: list-item; list-style: disc; list-style-position: inside }
	article a{ color: #2c2c2c; }
	article a;hover{ color: inherit; }
	article h2{color: #05B3BB; font-size: 18px;}
*:hover, *:hover > a, img,.categorias a>img,.navbar ul,.topbar a,figure.icon,.suave{ text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.relative { position: relative; }
.noto{font-family: 'Noto Serif TC', serif;}
.cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; }
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed !important; background-position: center center; }
.parallax{ position: relative;}
	.parallax::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,0.5) }
	.parallax .container{}
.contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center; }
.cover img, .img-responsive, .contain img { display: block; float: none; clear: both; width: 100%; height: auto; }
.full-width { width: 100%; height: auto; padding: 5rem  0; overflow-x:hidden }
	.full-width.nopadding {padding: 0 0; }
	.content{padding-top: 30px; padding-bottom: 30px }
.rounded {-webkit-border-radius: 10px !important; border-radius: 10px !important; -moz-border-radius: 10px !important; }
.fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; }
.roundless { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; }
.line {width: 100%; height: 1px; background: transparent; margin: 30px 0; display: block; }
.c-shadow{-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); }
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.varela{ font-family: 'Varela Round', sans-serif; }
.col5,.col55{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}

/* Colores */
.c-white{color: #fff;}
	.c-bg-white{background-color: #fff;}
	.c-bg-white.transp{background-color: rgba(255,255,255,0.5);}

.c-black,.overblack:hover{color: #2c2c2c;}
	.c-bg-black{background-color: #2c2c2c;}
	.c-bg-black.transp{background-color: rgba(0,0,0,0.5);}
.c-dark{color: #545454;}
	.c-bg-dark{background-color: #545454;}

.c-gray{color: #f2f2f2;}
	.c-bg-gray{background-color: #f2f2f2;}
.c-teal,.overteal:hover{color:#0792A1;}
	.c-bg-teal{background-color: #0792A1;}
	.c-bg-teal.transp{background-color: rgba(7,146,161,0.6);}
.c-brown{ color: #373435; }
	.c-bg-brown{ background-color: #373435;}

	
.slidertransp{ background-color:rgba(160,35,25,0.5) ;}
/* Botones */
.btn{-webkit-border-radius: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important;}
	.btn:hover{ text-decoration: none;}

	.btn-default{background: #0792A1;color: #fff; border-color: #0792A1;}
		.btn-default:hover, .btn-default:focus{background:#fff; color: #0792A1;border-color: #0792A1;}

	.btn-primary{background: #000;color: #fff; border: none;}
		.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#fff; color: #0792A1; box-shadow:none}

	.btn-link{background: #d0d0d0;color: #fff;border: none; -webkit-appareance:none}
		.btn-link:hover, .btn-link:focus, .btn-link.is-checked{background:#0792A1; color: #fff;}
		
	.btn-secondary{background: transparent;color: #373435;border: none; -webkit-appareance:none; font-weight: 700; text-align: left;border-bottom: 2px solid rgba(255,255,255,0);}
		.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.is-checked{color: #0792A1;background: transparent;border: none; border-bottom: 2px solid #0792a1; box-shadow:none}
		.btn-secondary:active,.btn-secondary:not(:disabled):not(.disabled):active{color: #fff;background: #0792A1;border: none; box-shadow:none !important}

		.btn-info{ background: transparent;-webkit-appareance:none; color: #fff; border: none; padding-left:15px; padding-right: 0; text-align: left;border-bottom: 2px solid rgba(255,255,255,0);}
			.btn-info:active,.btn-info:hover,.btn-info:focus,.btn-info.is-checked{ background: #fff;-webkit-appareance:none; color: #0792A1; border: none; box-shadow:none;border-bottom: 2px solid rgba(255,255,255,1);}
/* NAVBAR */
.navbar {margin-bottom: 0;  padding: 0px 0;background-color: transparent; background-color: rgba(255,255,255,0.55);-ms-flex-flow: column;flex-flow: column;}
	.navbar .topbar{ width: 100vw; display: block;}
		.navbar .topbar i.fa{display: inline-block; width: 24px; height: 24px; font-size: 20px;text-align: center; line-height: 24px;}
	.navbar.scrolled,.navbar.c-bg-white{ background-color: #fff;}
	.navbar.scrolled .topbar,.navbar.c-bg-white .topbar{ display: none;}
	.navbar .container{ position: relative; flex:1}
		.navbar .navbar-brand img{width:100%;max-width:100px; height: auto;}
			.navbar.scrolled .navbar-brand img,.navbar.c-bg-white .navbar-brand img{max-width:80px;}
		.navbar .navbar-nav li a{ font-size: 20px; text-transform: uppercase; font-weight: 600; color: #000; padding-left:10px;padding-right:10px; line-height: 100px;display: flex;}
			.navbar.scrolled .navbar-nav li a,.navbar.c-bg-white .navbar-nav li a{font-size: 18px; line-height: 70px;}
			.navbar .navbar-nav li a:hover,
			.navbar .navbar-nav li:hover a,
			.navbar .navbar-nav li.current_page_item  a,
			.navbar .navbar-nav li.current-menu-item  a{color: #0792A1;}
			
	.navbar-toggler{ margin-top: 0px}
	.navbar.scrolled .navbar-toggler{ margin-top: 0px}
	.navbar.white .navbar-toggler{ margin-top: 15px}
		.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='rgba(7,146,161, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
		.subnav .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='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
			.navbar.scrolled .navbar-toggler-icon,.navbar.white .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='rgba(7,146,161, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

/* Slider */
.slider{}
	.swiper-container {width: 100%;height: auto; overflow: hidden; position: relative;}
	.hover{ position: absolute;width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.1); padding-top: 120px;}
		.hover h2,.hover h3{text-shadow: -1px -1px 2px black;}
	.hover .sliderform img{ max-width: 130px}
	.hover .sliderform .form-control{-webkit-border-radius: 15px !important; border-radius: 15px !important; -moz-border-radius: 15px !important; border: none;}
		.hover .sliderform textarea.form-control{height: 150px}
	.slogan{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; z-index: 2}
	.swiper-pagination{ margin-bottom:40px }
		.swiper-pagination-bullet{width: 16px; height: 16px; background-color: #ACAAB0; opacity: 1}
			.swiper-pagination-bullet-active{background-color: #fff;}

/* Categorķas */
.categorias figure.icon img{max-width:90px; margin: 30px auto;}
	.categorias a:hover .transp{}
	.categorias a:hover>figure>img{background-color: #0792A1}
		.categorias a:hover figure.icon{transform: scale(1.1);}

/* Razones */
.accordion#razones{ position: relative;}
	.accordion#razones .card-header a{display: block; line-height: 65px; cursor: pointer; position: relative;-webkit-appearance:  none; background-color: #fff;}
		.accordion#razones .card-header a[aria-expanded="true"]{background-color: #e0e0e0;}
		.accordion#razones .card-header a::before{ position: absolute; right: 10px; content: "\f0d7"; font-family: FontAwesome; color: #d8d8d8}
		.accordion#razones .card-header a[aria-expanded="true"]::before{content: "\f0d8"; color: #fff;}
	.accordion#razones .card-header a img{max-width: 65px; float: left; margin: 0 15px}
	
/* ACF Maps */
.acf-map{ display: block; width: 100%; height:50vh;}

/* Page Header */
.pageheader{ padding: 20vh 0;}
	.pageheader .pageTitle{ position: relative; background: url(images/h1.png) top right no-repeat; font-weight: 600; text-transform: uppercase; display: inline-block; padding: 10px 70px 70px 0px}
	.pageheader .pageTitle::before{position: absolute; background: #373435; width: 50vw; height: 79px; content: ""; right: 100%; top: 0}

.bg-left{ background-size: cover!important; background-position: left center!important; background-repeat: no-repeat !important;}
.bg-right{ background-size: cover!important; background-position: right center!important;background-repeat: no-repeat !important}

	.order-md-first .relative::before{position: absolute; width: 100vw; height: 100%; top: 0; right: 100%; content: "";}
	.order-md-last .relative::after{position: absolute; width: 100vw; height: 100%;  top:0; left: 100%; content: ""}
		.c-bg-white .relative::after,.c-bg-white .relative::before{background-color: #fff;}
		.c-bg-teal .relative::after,.c-bg-teal .relative::before{background-color: #0792A1;}
		.c-bg-brown .relative::after,.c-bg-brown .relative::before{background-color: #373435;}

/* GRID */
#filters{display: block;width: 100%;}
#filters button{ text-decoration: none;}
#filters .col55{text-align: center;}

.grid{ width: 100%; display: block; float: left; clear: both;}
	.grid:after {content: '';display: block;clear: both;}
	.grid-sizer,.grid-item {width: 25%;}	
		.grid-item {height: auto;float: left; padding: 0px 15px 0px 15px;}	
	.grid-item.grid-item-clear{ width: 100% !important;display: block !important;}
	.grid-item a{width: 100%; height: auto; float: left; clear: none; overflow: hidden; position: relative; border: 3px solid #0793A2;}
			.grid-item img{transition: all 0.5s ease-in-out; display: block; width: 100%; height: auto;}
				.grid-item a:hover>img{transform: scale(1.2);}

		.grid-item a span,.projects a span{position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: auto; background-color: rgba(7,147,162,0.70); display: block; font-size: 12px; line-height: 14px;}
			.grid-item a:hover span,.projects a:hover span{background-color: rgba(7,147,162,0.95);}

@media (max-width: 992px) {
	.grid-sizer,.grid-item {width: 33%;}	
}
@media (max-width: 768px) {
	.grid-sizer,.grid-item {width: 50%;}	
}
@media (max-width: 560px) {
	.grid-sizer,.grid-item {width: 100%;}	
}
/* footer */
footer{ position: relative;}
	footer a{ color: #fff;}
		footer a:hover{ color: #0792A1}
.scrollToTop{ position: fixed; bottom: -10px; right: 20px; width: 48px; height: 48px; background-color: #0792A1; color: #fff; opacity: 0.5; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px; border-radius: 6px 6px 0 0;}
	.scrollToTop:hover{ opacity: 1; color: #fff; bottom: 0}

.form-control {border: 1px solid #0792A1;}
	.form-control:focus {border-color: #0792A1;box-shadow: 0 0 0 .2rem rgba(7,147,162,.25);}
	textarea.form-control{height:100px;}
.thumb{ display: block; float: left; clear: none; width: 80px; height: 80px; overflow: hidden; margin: 10px 15px 5px 0; max-width: 80px; border: 1px solid #fff; }
	a:hover>.thumb{ border: 1px solid #000; }

.sharer{ padding: 15px 0;}
	.sharer a{ display: inline-block; font-size: 17px; margin: 0 3px; color: #333; width: 24px; height: 24px; border: 1px solid #333; border-radius:4px; }
		.sharer a:hover{color: #0792A1;border: 1px solid #0792A1;}
		
		
.sliderform span.wpcf7-not-valid-tip {color: #fc0; background-color: #a02319; border-radius:50rem; }
.sliderform div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {color: #fc0; background-color: #a02319; border:none;border-radius:50rem;}
.sliderform div.wpcf7-response-output {border:none;color: #fc0; background-color: #a02319;margin: 0.5em 0.5em 1em;border-radius:50rem;}