/*
Theme Name: Punta Arena 2020
Theme URI: http://punta-arena.com.ar
Description: Complejo Punta Arena
Version: 1.0
Author: Comunicare Studio
Author URI: http://punta-arena.com.ar/
Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5
*/
/* RESET
-------------------------------------------------- */
html {scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
html, button, input, select, textarea {color: #fff; padding: 0;}
body {line-height: 150%;font-weight: 300;font-family: 'Montserrat', sans-serif;background-color: #fff; max-width: 100%; overflow-x: hidden; font-size: 16px;}


::-moz-selection, ::selection {background: #E9532E;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:none;margin-bottom:15px;  padding: 10px; font-size: 22px; font-weight: 600;color: #363435; text-align: center;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #b0b0b0; margin: 1em 0; padding: 0; }
img:not(.alignleft):not(.alignright):not(.size-medium):not(.aligncenter):not(.lg-image),.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: #E9532E	; padding: 0.2em 0; }
ul { list-style: none; padding: 0; }
	article ul li{ display: list-item; list-style: disc; list-style-position: inside }

*: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 Sans', sans-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,.carousel-item::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,0.35) }
	.parallax .container,.pageheader .container{position: relative; z-index: 2}
.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: 3rem 0; overflow-x:hidden;z-index: 20; position: relative;}

	.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;}

.col5{position: relative;width: 90%;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{color: #000;}
	.c-bg-black{background-color: #000;}
	.c-bg-black.transp{background-color: rgba(0,0,0,0.5);}
.c-dark{color: #464A51;}
	.c-bg-dark{background-color: #464A51;}
.c-light{color: #E5E5E5;}
	.c-bg-light{background-color: #E5E5E5;}
	.c-bg-light2{background-color: #f1f1f2;}
	
.c-yellow,.c-overyellow:hover{ color: #FBBF05; }
	.c-bg-yellow{ background-color: #FBBF05;}
.c-orange{ color: #FF7900 }
	.c-bg-orange{ background-color: #FF7900;}
.c-orange2{ color: #E54713;}
	.c-bg-orange2{ background-color: #E54713;}
.c-bg-green{ background-color: #394D10; }

/* Botones */
.btn{border: none; }
	.btn:hover{ text-decoration: none; box-shadow: none;}
	.btn-primary{background: #E54713;color: #fff; border: none; text-transform: uppercase; font-weight: 500; font-size: 24px;-webkit-border-radius: 50rem !important; border-radius: 50rem !important; -moz-border-radius: 50rem !important; padding-left:3rem; padding-right: 3rem }
		.btn-primary:hover{background:#FBBF05; color: #fff;}
	.btn-default{background: #E54713;color: #fff; border: none; text-transform: uppercase; font-weight: 500; font-size: 24px;-webkit-border-radius: 0 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; padding-left:3rem; padding-right: 3rem }
		.btn-default:hover{background:#FBBF05; color: #fff;}
	
/* NAVBAR */
.navbar {margin-bottom: 0;  padding: 0px 0;padding:10px 0px;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
	.navbar .d-block {width: 100%;clear: both;}
	.navbar.scrolled,.navbar.c-bg-white{ background-color: #fff; padding: 0px 0px}
	.navbar .container{ position: relative;}
		.navbar .navbar-brand img{width:100%;max-width:340px; height: auto;}
			.navbar.scrolled .navbar-brand img,.navbar.c-bg-white .navbar-brand img{max-width:200px;}
		.navbar .navbar-nav li a{ font-size: 13px; text-transform: uppercase; font-weight: 600; color: #000; padding-left:10px;padding-right:10px; display: flex;}
			.navbar .navbar-nav li a.active{color: #FFCC29}

		.navbar .navbar-nav li.sociales a{ font-size: 24px; padding-left:10px;padding-right:10px; display: inline-block; color: #fff;}
			.navbar .navbar-nav li.sociales a span{border-radius:100%; width: 40px; height: 40px; display: inline-block; line-height: 44px; text-align: center;}
			.navbar .navbar-nav li.sociales a span.face{background: #3b5998; }
			.navbar .navbar-nav li.sociales a span.twitt{background: #00acee;}
			.navbar .navbar-nav li.sociales a span.insta{background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF)}
				

	.navbar-toggler{z-index: 999}
		.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, 204, 41, 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(255,204,41, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

/* Bootstrap Caroulel */
.slider{ z-index: 2; }
.slider .carousel-caption { height: calc( 100% - 120px);display: flex; align-items:center; justify-content:center; max-width: 600px; margin: 0px auto;}

.carousel-indicators {bottom: 50px;}
	
/* Owl Carousel */
#owl-galeria .item{margin: 0px;}
#owl-galeria .item img{display: block;width: 100%;height: auto;}
	#owl-galeria .item a:hover>img{transform:scale(1.2); position: absolute; top: -10%; z-index: 2}
#owl-galeria .owl-nav{ display: none}
#owl-galeria .owl-dots{position: absolute; z-index: 99; bottom: 0px; width: 100%;}

/* Servicios */
.slider .separa{ width: 100vw; height: 8vh; background-color: #E54713; position: absolute; bottom: -40px; left: 0; z-index: 99; transform: rotate(-3deg)  }
#servicios .separa{ width: 100vw; height: 8vh; background-color: #E54713; position: absolute; top: -40px; left: 0; z-index: 99; transform: rotate(-3deg)  }
.servi{ border: 3px solid #fff; margin: 2rem auto 0; text-align:center; max-width: 160px; }
	.servi img{ max-width: 156px; margin: 0px auto;}

.tarifas{ position: relative;}
	.tarifas:after{ z-index: 999;top: 0%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #E54713;border-width: 30px;margin-left: -30px;
transition: all 0.25s linear;-webkit-transition: all 0.25s linear;animation: arrowanim 2.8s infinite;-webkit-animation: arrowanim 2.8s infinite;animation-delay: 1s;-webkit-animation-delay: 1s;}
@-webkit-keyframes arrowanim {
	0% {top: 0%}
	25% {top: -2%}
	50% {top: 0%}
	75% {top: -2%}
	100% {top: 0%}
}

.tarifa{ display:block; position: relative; border: 3px solid #E54713;}
	.tarifa img.icono{ width: 75px;  height: 75px;  margin: -45px auto -15px; border: 10px solid #fff; background-color: #fff;	}


.bloques{ padding-top: 3rem; padding-bottom: 3rem; position: relative; border: 0px solid}
	.bloques.order-md-first::before{ position: absolute; right: 100%; top: 0; width: 50vw; height: 100%; background-color: inherit; content: "" }
	.bloques.order-md-last::after{ position: absolute; left: 100%; top: 0; width: 50vw; height: 100%; background-color: inherit; content: "" }
.logotipo{ max-width: 500px;}
/* PWD */
footer{ position: fixed; bottom: 0; left: 0; width: 100%; height: auto; z-index: 0; padding: 3rem 0 0}
	footer .logotipo{ max-width: 280px;}
	.pwd{ font-size: 11px; margin-bottom: 0; display: block;}
	footer a:hover,.pwd a:hover,.pwd a:hover span{ color: #000 }

/* Scroll to top */
.scrollToTop{ position: fixed; bottom: -10px; right: 20px; width: 48px; height: 48px; background-color: #4F575F; color: #fff; opacity: 0.5; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px; border-radius: 6px 6px 0 0; z-index: 99}
	.scrollToTop:hover{ opacity: 1; color: #fff; bottom: 0; background-color: #E54713;}

/* Mapa */
.mapa,.acf-map{ height: 500px;}

/* form */
.form-control{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; font-weight: 300; border: none;}
textarea.form-control{ max-height: 80px;}