/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

#preload {opacity:0;position:absolute;top:-9999px;left:-9999px;}

#loading {
    display:block;
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(255,255,255,0.8) url(../img/fancybox_loading@2x.gif) center center no-repeat;
	background-size:24px 24px;}

html, button, input, select, textarea {color: #000;}

html {font-size: 1em; line-height: 1.4;}

::-moz-selection {background: #b3d4fc; text-shadow: none;}

::selection {background: #b3d4fc; text-shadow: none;}

hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;}

audio,
canvas,
img,
video {vertical-align: middle;}

fieldset {border: 0; margin: 0; padding: 0;}

textarea {resize: vertical;}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;}

/* ==========================================================================
   AGUSTINA BOHTLINGK
   ========================================================================== */

html {overflow-x:hidden;}

body{
	opacity:0;/*ocultar*/
	font-family:"agustinalight", Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height:15px;
	color:#000;
	margin:0;
	padding:0;
	background-color:#fff;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;}	
	
h1,h2,h3,h4,h5,p {margin:0; padding:0; font-weight:normal; font-style:normal;}

h1 {font-family:"agustinaitalic"; font-size:28px; line-height:30px; letter-spacing:2px; margin-bottom:5px;} 
h2 {font-family:"agustinalight", Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; text-transform:uppercase; letter-spacing:2px; }
h3 {font-family:"agustinalight", Arial, Helvetica, sans-serif; font-size:15px; line-height:20px;}
h4 {font-family:"agustinalight", Arial, Helvetica, sans-serif; font-size:10px; line-height:14px;}
h5 {font-family:"agustinaitalic"; font-size:22; line-height:26; letter-spacing:2px; margin-bottom:5px;}
p {font-family:"agustinaregular", Arial, Helvetica, sans-serif; font-size:12px; line-height:24px;}

a {	color:#000;
	text-decoration:none;}

a:hover {color:#000; text-decoration:none; cursor:pointer; opacity:0.25;}

em {font-style:normal;}

img, img a, img a:hover {border:0;}


.clear {margin:0!important;}
	
@font-face {
    font-family: 'agustina';
    src: url('../fonts/agustina-webfont.woff2') format('woff2'),
         url('../fonts/agustina-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'agustinaregular';
    src: url('../fonts/agustinaregular-webfont.woff2') format('woff2'),
         url('../fonts/agustinaregular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;}

@font-face {
    font-family: 'agustinalight';
    src: url('../fonts/agustinalight-webfont.woff2') format('woff2'),
         url('../fonts/agustinalight-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;}
	
@font-face {
    font-family: 'agustinaitalic';
    src: url('../fonts/agustinaitalic-webfont.woff2') format('woff2'),
         url('../fonts/agustinaitalic-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;}
	
div, ul, li{
	display:block;
	margin:0;
	padding:0;
	list-style:none;}
	
.container {
	width:100%;
	/*max-width:1024px;*/
	margin:auto;}

.column {
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

/* ==========================================================================
   HEADER
   ========================================================================== */

#header {
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	z-index:100}

#header.index {
	position:absolute;
	height:100%;}
	
#header .logo {
	display:block;
	width:325px; height:25px;
	margin:100px auto 50px;
	background:url(../img/logo-black.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	transition: all .2s ease-out;
	-moz-transition: all  .2s ease-out;
	-webkit-transition: all  .2s ease-out;
	-o-transition: all  .2s ease-out;}
	
#header.index .logo {
	width:390px; height:30px;
	margin-top:60px;
	background:url(../img/logo-white.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
#header li {display:inline-block;}
	
#header .menu {position:relative;width:100%; margin:auto; margin-bottom:50px;}
#header.index .menu {position: absolute;bottom:10px;}

#header .menu a {
	display:inline-block;
	padding:5px 20px; 
	line-height:10px;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:2px;
	color:#000;
	transition: all .2s ease-out;
	-moz-transition: all  .2s ease-out;
	-webkit-transition: all  .2s ease-out;
	-o-transition: all  .2s ease-out;}
	
#header.index .menu a {font-size:14px;}
	
#header .menu a:hover {opacity:0.5;}
#header .menu a.active {font-family:"agustinaregular";opacity:1;}

#header.index .menu a{color:#fff;}
#header.index .menu a:hover{color:#fff;}

#header .menu li:first-child {padding-left:0;}
#header .menu li:last-child {padding-right:0;}

#header .mobile-menu {position:relative; display:inline-block; width:100%; top:0; left:0;}

#header .mobile-menu .open,
#header .mobile-menu .close {
	display:inline-block;
	position:relative;
	width:25px;
	height:25px;
	margin:20px;}	
	
#header .mobile-menu .open {
	background:url(../img/open.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover}

#header .mobile-menu .close {
	background-image:url(../img/close.png)!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover}
	
#copyright {
	position: fixed;
    width:320px;
    right: 0;
    margin-right: -135px;
    top: 50%;
    height: 20px;
	font-size:9px;
	text-align:center;
	transform: rotate(270deg) ;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	color:#000;
	letter-spacing:0.5px;
	z-index:999;}
	
	
/* ==========================================================================
   FOOTER 
   ========================================================================== */

#footer {
	position:relative;	
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
	bottom:0;	
	background:#131f6b; 
	z-index:200;}
	
#footer li {	
	text-transform:uppercase;
	letter-spacing:1px;
	display:inline-block;
	padding:15px 20px;
	line-height:10px;}
	
#footer a {color:#fff;}
#footer a:hover {opacity:0.5;}
	
/* ==========================================================================
   SLIDER
   ========================================================================== */
   
.top-shadow {position:absolute; top:0; width:100%; height:150px; background:url(../img/top-shadow.png) repeat-x center center; z-index:1; opacity:0.4;}
.bottom-shadow {position:absolute; bottom:0; width:100%; height:150px; background:url(../img/bottom-shadow.png) repeat-x center center; z-index:1;opacity:0.4;}

#slider {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
    /*height:-moz-calc(100% - 185px);
    height:-webkit-calc(100% - 185px);
    height:calc(100% - 185px);*/}
	
#box-slider {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;}
	
#box-slider:before {content:""; display:block; padding-top:66%;}
	
/* FULLSCREEN */

body, html{height: 100%;}	
.bx-viewport, .bx-wrapper{width:100%; height:100%!important;}	
.index-slider, .slider, .no-slider {width:100%; height:100%; background:url(../img/fancybox_loading@2x.gif) center center no-repeat #fff;background-size: 24px 24px;}
.index-slider li, .slider li, .no-slider li {height:100%!important; background-repeat: no-repeat; background-position: center center; background-size: cover;}	
.bx-wrapper .bx-viewport{border: none !important;}

.bx-wrapper .bx-pager{width:26px; top:50%; left:10px; margin-top:-50px; height:100px; bottom:auto!important; z-index:100!important;}
#box-slider .bx-wrapper {position:absolute;top:0;left:0;right:0;bottom:0;}
#box-slider .bx-wrapper .bx-pager{left:-33px;}
	
/* end of FULLSCREEN */

/* ==========================================================================
   CONTENT
   ========================================================================== */
	
#content {
	position:relative;
	display:inline-block;
	width:100%;
	background:#fff; /*contraste*/
	margin:0;
	padding:0;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
	
#content .wrapper {
	display:inline-block;
	width:100%;
	max-width:1280px;
	margin:auto;
	border:40px solid #fff;
	border-top:none;
	border-bottom:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
	
.box{
    position:relative;
	display:block;
	width:33.33%;
	text-align:center;
    overflow: hidden;
	margin:0;
	padding:0;
	float:left;
	background:#eaeaea; /*contraste*/
	opacity:1; /*ocultar*/
	/*border:10px solid #fff;
	border-bottom:20px solid #fff;*/
	border:20px solid #fff;
	border-bottom:40px solid #fff;
	border-top:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;}
	
.box:before{content: ""; display:block;padding-top:60%;}
.box:hover {opacity:1;}

.box h1 {font-size:20px; margin:0;}
.box h5 {font-size:20px; margin:0;}

.box-content {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(255,255,255,0.9);
	opacity:0;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;}
	
.box:hover .box-content {opacity:1;}
	
.box-wrapper {display:table;width:100%; height:100%; margin:auto;}
.box-center {display: table-cell; vertical-align: middle;}
.box-center h1 {color:#000;}
.box-center h5 {color:#000;}

/* ==========================================================================
   NOVIAS
   ========================================================================== */

#content.border {/*border-top:1px solid #eee;*/}
   
.novia {
	display:block;
	width:100%;
	max-width:820px;
	margin:auto;
	background-color:#fff;	/*contraste*/
	padding:5px 20px 20px;
	color:#000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
	
.novia h1 {}
.novia h2 {}
.novia h5 {}

.novia .descripcion {margin:0 auto 30px;}

.novia a {
	position:relative;
	display:inline-block;
	margin-bottom:20px;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;}
	
.novia a:hover {opacity:1;}
.novia a:hover:before {
	content:"";
	position:absolute;
	display:block;
	width:25px;
	height:25px;	
	top:20px;
	right:20px;
	background:url(../img/more.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:rgba(255,255,255,0.25);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
			
.novia a:last-child {margin-bottom:0;}
.novia img {width:auto; height:auto; margin:auto; max-width:100%;}

/* ==========================================================================
   AGUSTINA + CONTACTO
   ========================================================================== */

#text {
	display:inline-block;
	width:100%;
	max-width:720px;
	padding:30px 40px 30px;
	color:#000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
	
#text h1 {margin-bottom:10px;}
#text h5 {margin-bottom:10px;}
	
.top {
	display:block;
	width:30px;
	height:30px;
	margin:40px auto;
	background-repeat:no-repeat;
	background-size: 30px 30px;
	background-image: url('../img/top.png');
	transition: all .2s ease-out;
	-moz-transition: all  .2s ease-out;
	-webkit-transition: all  .2s ease-out;
	-o-transition: all  .2s ease-out;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
   
.mobilehide {display:block;}
.mobileshow {display:none;}

#header .menu {display:block;}
#header .mobile-menu {display:none;}
#header .open {display:block;}
#header .close {display:none;}

@media only screen and (max-width: 1480px) {
#header .logo {margin:70px auto 35px;}
#header .menu {margin-bottom:35px;}
/*#content .wrapper {max-width:1024px;}*/
#content .wrapper {max-width:1064px;}

.fancybox-close {top:20px!important; right:20px!important;}
.fancybox-prev {left:20px!important;}
.fancybox-next {right:20px!important;}

#header.index .menu a {font-size:12px;font-weight:normal;}
}

@media only screen and (max-width: 1280px) {
#header li a {padding:15px 10px;}	
}

@media only screen and (max-width: 1024px) {	
#header .logo {width:325px; height:25px;}	
/*#content .wrapper {border:none;}*/
#content .wrapper {border:20px solid #fff;}
#copyright {
	position: relative;
    width: 100%;
	max-width:340px;
    height: 20px;
	right:auto;
    bottom: 0;
    margin:10px auto 20px;
    top:auto;
	padding:0 20px 10px;
	color:#000!important;
	transform: rotate(0deg) ;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
	
#index-slider .bx-wrapper .bx-pager {width:100%; bottom:20px!important; top:auto; left:auto; margin:auto; height:auto; z-index:100!important;}
#box-slider .bx-wrapper .bx-pager {width:100%; bottom:20px!important; top:auto; left:auto; margin:auto; height:auto; z-index:100!important;}
}

@media only screen and (max-width: 720px) {
	
.top-shadow, .bottom-shadow {display:none;}

#header, #header.index {position:relative; height:auto; display:inline-block; background:#fff;}
#header .logo, #header.index .logo {
	width:260px; height:20px; margin:10px auto 30px;
	background:url(../img/logo-black.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
#header .main-menu {background:#fff;}
#header .main-menu li {
	display:block;
	text-align:center;
	width:100%;
	margin:0 auto;	
	padding:10px 0;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
				
#header .menu a, #header.index .menu a {color:#000}

#header .menu, #header.index .menu {display:none; position:relative; bottom:auto;}
#header .mobile-menu {display:block;}

#slider {
	height:-moz-calc(100% - 125px);
    height:-webkit-calc(100% - 125px);
    height:calc(100% - 125px);}

.box{width:50%; margin-bottom:60px; overflow:visible;}
.box:before {padding-top:50%;}
.box-content {position:relative;display:inline-block;width:100%;top:50px;bottom:auto;left:auto;right:auto;opacity:1;}
.box-content h1 {font-size:18px;}
.box-content h5 {font-size:18px;}
	
}

@media only screen and (max-width: 480px) {	
	.box{width:100%;}
}

@media only screen and (max-height: 480px) {}

@media only screen and (max-height: 320px) {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
    pre, blockquote { border: 1px solid #000; page-break-inside: avoid; }
    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p, h2, h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}