@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%; max-width: 1140px;padding: 0px;
  }
}
@media (min-width: 1140px) {
  .container {
    width: 100%;
	padding: 0px;
  }
  .container-fluid {
    padding: 0 60px;  }	
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

button{ outline:0}

::-webkit-input-placeholder { opacity:1}
::-moz-placeholder {  opacity:1 } /* firefox 19+ */
:-ms-input-placeholder { opacity:1 } /* ie */
input:-moz-placeholder { opacity:1 }

/* draw any selected text yellow on red background */
::-moz-selection { background-color:#161616; color:#fff; text-shadow:none; }
::selection{ background-color:#161616; color:#fff;  text-shadow:none; } 
::-webkit-selection{ background-color:#161616; color:#fff; text-shadow:none;  } 


html {height:100%;}
body {margin:auto;line-height:28px;height:100%;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#161616;-webkit-text-size-adjust:none;background:#201b14;width:100%;-webkit-appearance: none;border-radius: 0; min-width:320px; overflow-x: hidden!important; min-width: 320px;font-family: proxima-nova,sans-serif;font-weight: 400;font-style: normal;}

/**LINKS***/
a {-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;text-decoration:none; outline:0; text-shadow:none!important;-webkit-font-smoothing: subpixel-antialiased;}
a:hover {text-decoration:none!important;outline:0;}
a:active {text-decoration:none!important;outline:0; }
a:focus {text-decoration:none!important;outline:0; }

/**BUTTONS**/
.btn_style {width: 192px;height: 30px;line-height: 31px;text-align: center;font-size: 14px; font-weight: bold; text-transform: uppercase;display: block;border-radius: 30px;}
.btn_style:hover{ opacity:0.7 }
button:focus {outline: 0!important;}

/*GENERAL*/
.row-offcanvas{overflow:hidden!important}
.white-background{ background-color: #fff}

/**TITLES*/
h1, h2, h3, h4, h5, h6 {margin:0;line-height:1;font-family: rocky, serif;font-weight: 900;font-style: normal;color:#161616}
.home-main-title{ font-size: 98px; padding-bottom: 20px; line-height: 83px; text-align: left}
.secondary-title{ font-size: 36px;font-weight: 600; line-height:auto;color:#161616;}


/*MODAL CREDITOS*/
.modal-creditos .creditos-text{ font-size:14px; line-height: 20px; padding-bottom: 20px;}
.modal-creditos .modal-dialog {max-width: 600px;}
.modal-creditos .modal-body {padding: 2rem;}
.modal-creditos .modal-body h4{ font-family: proxima-nova, Segoe, "sans-serif"; font-size:16px; padding-bottom: 20px; padding-top: 10px;}
.modal-creditos .modal-body a{color:#00aa94}
.modal-content button.close { width: 25px; height: 25px; position: absolute; right:25px; top:25px; opacity: 1!important}
.modal-content button.close:hover{ opacity: 0.6!important}

/********TOP NAV***************/
.top_nav{opacity:1;z-index:100; width:100%;margin-top:0; top:0px;display:block; position:absolute; z-index:100;height:115px;
transform:translateY(0);}

.top_nav.navbar-fixed-top {margin-top: 0 !important; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.15); background-color: #fff; top: 0; position: fixed; background-image: none; height: 75px;transform:translateY(-75px);animation-name: menu_shrink;animation-delay: 0s;animation-duration: 0.5s;animation-fill-mode: forwards;}

@keyframes menu_shrink {
0%   {transform: translateY(-75px)}
100%   { transform: translateY(0)}
}

.top_nav.navbar-fixed-top .mobile_menu_container .navbar{ padding:25px 0}
.top_nav .navbar-brand{ outline:none; width:200px; display:block;overflow:hidden; margin-top:0px; opacity:1; margin-top: 36px; padding: 0;transition: none;}
.top_nav.navbar-fixed-top .navbar-brand {width: 170px;margin-top: 19px;transition: none;}
.top_nav .navbar-brand .horizontal{display:none}
.top_nav .navbar-brand .vertical{display:block}
.top_nav.navbar-fixed-top  .navbar-brand .horizontal{display:block}
.top_nav.navbar-fixed-top .navbar-brand .vertical{display:none}
.navbar { border:0; float:right; margin:0px; min-height:inherit;clear:both; padding: 44px 0 0}
.navbar ul{ display:inline; float:left;}
.navbar ul ul{ padding-top:0px;}
.navbar ul li.first_level{position:relative; display:inline-block;}
.navbar ul li.first_level a{font-size:14px; color:#161616;text-transform:uppercase;font-weight:bold; outline:none;line-height:20px; padding:0px 0px 0px 30px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.navbar ul li.first_level a:hover,.mobile_menu_container .navbar ul li.first_level a:active,.mobile_menu_container .navbar ul li.first_level a:focus,.mobile_menu_container .navbar ul li.first_level a.active {color:#ff5400}
.navbar .nav > li > a:hover, .top_nav .nav > li > a:focus{ background-color:transparent!important;}
.navbar .nav > li.client_login {border-left:1px solid rgba(255,255,255,0.15)}
.top_nav.navbar-fixed-top .navbar .nav > li.client_login {border-left:1px solid rgba(255,255,255,0.25)}
.navbar  .nav > li.client_login img{ margin-right: 10px; width: 14px; margin-left: 32px;transform: translateY(1px);}
.navbar  .nav > li.client_login a{ padding-right:0}
.open-menu {background-color: transparent;border: none;cursor: pointer;display: inline-block;float: right;margin: 0; margin-top: 0px;overflow: hidden;outline: none;padding: 5px 0;position: relative;z-index: 1000;margin-top: 20px; display: none;transform: translateX(0px);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.open-menu::after, .open-menu::before { background: #161616;bottom: 0;content: '';display: block;height: 2px;position: relative;-webkit-transition: bottom 0.2s ease-in-out;-moz-transition: bottom 0.2s ease-in-out;-o-transition: bottom 0.2s ease-in-out;-ms-transition: bottom 0.2s ease-in-out;transition: bottom 0.2s ease-in-out;width: 26px; border-radius: 2px; cursor: pointer;}
.open-menu:hover::after, .open-menu:hover::before {-webkit-transition: bottom 0.2s ease-in-out;-moz-transition: bottom 0.2s ease-in-out;-o-transition: bottom 0.2s ease-in-out;-ms-transition: bottom 0.2s ease-in-out;transition: bottom 0.2s ease-in-out;}
.open-menu:hover::after {bottom: -2px; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.open-menu:hover::before {bottom: 2px; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.open-menu .icon-bar {background: #161616;display: block;height: 2px;margin: 5px 0; margin-left: 0px;width: 15px;border-radius: 2px;margin-left: 10px;}
.top_nav.navbar-fixed-top .open-menu {margin-top: 20px;}

/*INTRO*/
.big_container{ height:100%; }
.small_hero{ height:400px; background-position:left top!important}
.inner{ }
.intro .inner p{ text-align: left; max-width: 447px; line-height:32px; font-size:20px; padding-left: 14px; padding-top: 25px; padding-bottom: 35px; }
.intro .title-wrap{ padding: 115px 0;height: 100vh; display:table; }
.intro .title-wrap span{ display:table-cell}
.intro  strong{ font-weight: bold}
.intro .title-wrap .btn_style{  display: block; background-color: #161616; color:#fff; margin-left: 14px}
.intro .dates-section{ position: absolute; bottom:60px; right:60px; color: #fff;font-weight: bold; font-size: 20px;}
.dates-section.mobile{ display: none}
.intro .line-date{ background-color: #fff; height: 1px; width: 125px; margin-right: 15px; display: inline-block; vertical-align: middle; }
.line-date.second{ display:none;}

/*SCROLL COVER/*
/* Firefox < 16 */
@-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; }to   { opacity: 1; }}


/*Mouse scroll animation**/
@-webkit-keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	75% {opacity: 0;top: 29%;}
	100% {opacity: 1;top: 29%;}
}
@-moz-keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	75% {opacity: 0;top: 29%;}
	100% {opacity: 1;top: 29%;}
}
@keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	75% {opacity: 0;top: 29%;}
	100% {opacity: 1;top: 29%;}
}

.intro .scroll-section {position: fixed;width: 40px;left: 60px; z-index: 11;opacity: 1;-webkit-transition: all .4s; -moz-transition: all .4s;-o-transition: all .4s; transition: all .4s;bottom: 36px; z-index: 0; opacity: 1}
.intro .scroll-section.inactive{ -webkit-transition: all .4s; -moz-transition: all .4s;-o-transition: all .4s; transition: all .4s; opacity: 0}
.cover_scroll .arrow img {width: 13px; margin-top: 5px;}
.scroll-btn {display: block;position: absolute;left: 50%;bottom: 15%;text-align: center; width:25px; margin-left:-20px;}
.scroll-btn > * {display: inline-block;line-height: 18px;font-size: 13px;font-weight: normal;color: #7f8c8d;color: #ffffff;letter-spacing: 2px;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {color: #ffffff;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {opacity: 0.8;filter: alpha(opacity=80);}
.scroll-btn .mouse {position: relative;display: block;width: 23px;height: 38px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 3px solid   #161616; border-radius: 15px;}
.scroll-btn .mouse > * {position: absolute;display: block;top: 29%;left: 58%;width: 4px;height: 10px;margin: -4px 0 0 -4px;background:#161616;border-radius: 2px; -webkit-animation: ani-mouse 2.5s inear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite;}

/*SLIDER*/
.carousel.slide{height: 100vh; overflow:hidden;  width: 100%; position: static; height: 0}
.carousel-group-slides{height: 100vh; overflow:hidden; position:fixed; width: 100%; top:0;left:0;z-index: -1 }
.carousel-item {height: 100vh;min-height: 300px;background-repeat: no-repeat; background-position:center center;background-size: cover;overflow:hidden;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.carousel-item.slide-intro.active{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;animation-name: slide_shrink;animation-delay: 0s;animation-duration: 10s;animation-fill-mode: forwards;}
.intro .carousel-indicators {position: absolute;top: 0; z-index: 15; display: block;justify-content: center;padding-left: 0;margin-right: 60px;list-style: none; width: 11px; height: 153px; left:inherit!important;right: 0!important; margin-left: 0; left: auto!important; bottom: auto!important; top:50%; margin-top: -112px;}
.carousel-indicators li {width: 11px; height: 11px;margin-top: 40px; margin-right: 0px!important;margin-left: 0px!important; margin-bottom: 0px!important;border-radius:14px; background-color: #fff; text-indent: 0;  position: relative; cursor: pointer}
.carousel-indicators li.active{background-color:#42d9c8;}
.carousel-indicators li span{position: absolute; left:-38px;color:#fff;font-weight: bold;top:-7px; opacity: 0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.carousel-indicators li.active span{ opacity: 1;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}

@keyframes slide_shrink {
0%   {transform: scale(1,1)}
100%  {transform: scale(1.08,1.08)}
}



/*OBRAS HOME*/
.obra-text-container{ padding:65px 0}
.full-thumbs .container-fluid{ padding: 0}
.full-thumbs .container-fluid .row{ margin: 0}
.full-thumbs .container-fluid .row .zoom-box{ padding: 0;}
.full-thumbs .container-fluid .row .zoom-box .zoom-img{overflow: hidden}
.full-thumbs .container-fluid .row .zoom-box img{ display: block;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;transform: scale(1.01);}
.full-thumbs .container-fluid .row .zoom-box:hover img{transform: scale(1.07);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.zoom-box .zoom-txt{ text-align: center; font-size: 20px; font-weight: bold; color: #22212c; line-height: 28px; padding: 25px 0;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.zoom-box:hover .zoom-txt{ color: #fff; background-color: #22212c;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;  }



/*MUESTRAS HOME*/
.muestras-right, .muestras-left{ /*height: 550px;*/}
.muestras-left{ background: url("../imgs/muestras-left.jpg") no-repeat right center #f6caaf; background-size: cover;}
.muestras-right{ background: url("../imgs/muestras-right.jpg") no-repeat center center #241e16; background-size: cover; text-align: center; display: table; color:#fff!important; padding: 12% 0}
.muestras-right .muestras-home-content{ vertical-align: middle; display: table-cell;  }
.muestras-right .muestras-home-content h2, .muestras-right .muestras-home-content p{width: 320px; margin: 0 auto}
.muestras-home-content .secondary-title{ color:#fff}
.muestras-home-content .btn_style{ background-color: #fb916d; color: #241e16; margin: auto}

/*Cita*/
.cita-home{ padding: 8% 0}
.cita-home h3{ font-style: italic; font-weight: normal; font-size:42px; line-height: 52px; text-align: center; max-width: 870px; margin: 0 auto;}
.cita-home p{ text-align: center;}
.cita-home .line{ vertical-align: middle; height: 2px; background-color: #fb916d; background-color: #fb916d; width: 116px; display: inline-block}
.cita-home span{ padding: 0 20px; text-transform: uppercase; font-weight: bold;color: #fb916d}

/*Puño y letra/*/
.punoyletra-home{background: url( "../imgs/puno-letra-bkg.jpg") no-repeat right center #9dd9d4; background-size: auto 100%; padding: 140px 0 200px; position: relative}
.punoyletra-home p{ max-width: 445px}
.punoyletra-home .btn_style{ background-color: #201b14; color: #fff;}
.punoyletra-home .pyl-object{ position:absolute; top:-24px;}
.firma_mobile{position: absolute; bottom:45px; right:65px; }
.firma_mobile img{width: 150px}

/*FOOTER*/
footer{position:relative; z-index: 0; background-color:#201b14 }
footer p{ float:left; font-size:12px;line-height:20px;color:#646464; padding:20px 0;}
footer .copetin a{ float:right; display: block; width: 35px; margin-top: 20px;}
footer a{ color: #fff;}
footer a:hover{ text-decoration: underline!important; color: #fff}

/*Animations*/
.fromTopIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromTopOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,-10px);opacity:0;}
.fromBottomIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromBottomOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,10px);opacity: 0;}

/*Preloader*/
.preloader {position: fixed;z-index: 1000; top: 0;left: 0;width: 100%;height: 100%;background: #fff;display: flex;justify-content: center;align-items:center;}
.preloader.hidden{ animation: fadeOut 1s;animation-fill-mode: forwards}

@keyframes fadeOut{
	100%{ opacity:0; visibility: hidden}
}


/*Internals*/
.first-section-paddding{ padding-top:115px;}

/*Biografia*/
.padding-shadow{padding:50px 30px 50px 10px; position: relative; z-index: 1}
.padding-shadow:before{ position:absolute; width:90%; height:100%;content:""; left:-45px; top:0;z-index:-1}
.padding-shadow img{ display: block}
.padding-shadow.rose:before{background-color:#ff7c6b}
.padding-shadow.green:before{background-color:#9dd9d4}
.biografia .home-main-title {font-size: 80px;line-height: 75px; padding-bottom: 50px; padding-top: 50px;}
.biografia h5 {font-size: 18px;line-height: 28px;color:#ff7c6b; font-family: proxima-nova,sans-serif;font-weight: bold;}
.biografia p { padding-bottom:20px;}
.biografia-one{ padding-bottom:50px}
.bio-first-part{ padding-left: 10px;}
.pasion {background-color:#22212c; padding: 100px 0}
.pasion p{ color:#fff;}
.pasion .pasion-img{ padding-right: 25px;}
.pasion .pasion-txt{ padding-left: 25px;}
.pasion .secondary-title{color:#9dd9d4;}
.secondary-title.hablan{ padding-top: 30px;}
.biografia .secondary-title{ margin-bottom:30px!important;}
.pasion .piedefoto{ color:#fff; text-align:center; font-size:14px; line-height:24px; display:block; padding-top: 40px;}
.pasion .piedefoto b{ display: block}
.biografia b{ font-weight:bold;}
.compromiso{padding: 80px 0;}
.compromiso-txt.right{ padding-top: 64px; padding-left: 20px;}
.compromiso-txt.left{ padding-right: 20px;}
.malosvientos{padding: 80px 0}
.malos-txt{ padding-top:60px;}
.ultimo_video {position: relative;width: 100%;height: 0;padding-bottom: 56%;margin-top: 28px;}
.ultimo_video iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.biografia .zoom-box .zoom-txt{ text-align: center; font-size: 14px; font-weight: normal; color: #fff; line-height: 20px; padding: 15px 35px; background-color:#22212c!important; height:80px;}
.compromiso h3.cita{font-style: italic; font-weight: normal; font-size:26px; line-height: 36px;}
.compromiso .credito-cita{ font-size:14px; color:#ff7c6b; font-weight:bold;}
.familia { padding-bottom:70px;}
.familia .pasion-txt{ padding-top:60px;}
.recuerdos-bio .muestras-left{ background: url("../imgs/bio/familia2.png") no-repeat center top #22212c!important; background-size:cover!important;}
.recuerdos-bio .muestras-home-content p { width: 100%;}
.recuerdos-bio .muestras-right {background:  #22212c; padding: 12% 5%;background-size:cover!important;}
.recuerdos-bio .green{color:#9dd9d4}

/*Obra*/
.filter-button-group{ background-color:#bca68e; padding-top: 30px; padding-bottom: 225px; position: relative; color:#fff; text-transform: uppercase; z-index: 0}
.filter-button-group:before{ width: 100%; height: 100%; position: absolute; left:60px; content:""; top:0;background-color:#bca68e; z-index: -1}
.filters.column{ padding:0; position: absolute; left:0}
.filter-button-group button{ color:#22212c; padding: 10px 0; display: block; font-weight: bold; padding-left: 60px;border:0!important; border-left:4px solid transparent!important; font-size: 16px; background: none; text-transform: uppercase; display: block; width: 100%; text-align: left}
.filter-button-group button:hover{color:#fff;}
.filter-button-group button.is-checked{ color:#fff;border-left:4px solid #fff!important  }
.filter-button-group button span.caret{display:none; position: relative}
.filter-button-group button.is-checked span.caret{display:inline-block; width: 0;height: 0;margin-right: 5px;vertical-align: middle;border-style: solid;border-width: 4px 0 4px 6.9px;border-color: transparent transparent transparent #fff; }
.obras-content { padding-right: 0}
.obras-content .obras-txt  { padding-left:80px; padding-right:15px;}
.obras-content .obras-txt .secondary-title{ padding-bottom:30px;}
.obras-content .obras-txt .col-md-6.first-col { padding-right:25px;}
.obras-content .obras-txt .col-md-6.second-col { padding-left:25px;}
.obras-list{ padding-top:40px;}
.grid {display: block;width: 100%;position: relative;margin-top: 0px;}
.obra-item { width: 25%; border:0; margin-bottom: -4px; }
.gutter-sizer {width: 0%!important;}
.obra-item .zoom-txt{ font-size:18px; line-height:25px}
.mobile-selector h4#nav {display: none;line-height: 50px;padding: 0 35px; color:#fff; text-transform: uppercase}
.mobile-selector h4 span.label_selected {font-family:proxima-nova, "sans-serif"!important;}
.credit-col span{ font-size:14px; line-height: 20px; padding-top: 25px; display: block}
.credit-col span b{ display: block; font-weight: bold;}


/*MODAL OBRA/*/
.modalobra .modal-dialog{ width:100%; max-width:100%; margin:0!important; border-radius:0}
.modalobra .container-fluid{ padding-top: 65px; padding-bottom: 65px;}
.modalobra .modal-content{ border-radius:0; border:none}
.modalobra .obra-pic-modal{padding: 50px 0 50px 15px;position: relative;z-index: 3;}
.modalobra .obra-txt-modal{ position:relative;z-index: 1; padding: 60px; padding-top: 120px;}
.modalobra .obra-text-shadow{ position:absolute; width:65px; height:100%; left:-65px; top:0;z-index:-1;}
.modalobra .obra_title{ font-size:68px; line-height: 68px;font-weight: bold; padding-bottom: 20px;}
.modalobra .obra_description.active{ padding-bottom: 20px}
.modal-open .top_nav{ position:relative!important; top:0!important; z-index:1!important; width: 100%!important; opacity: 1!important; box-shadow: none!important;-webkit-transition: all .4s; -moz-transition: all .4s;-o-transition: all .4s; transition: all .4s;}
.obra-modal-open .top_nav{  z-index:150000!important;height: 50px;}
.modal-open .top_nav.navbar-fixed-top{ position:fixed!important;-webkit-transition: all .4s; -moz-transition: all .4s;-o-transition: all .4s; transition: all .4s; background-color: transparent}
.modal-open .top_nav.navbar-fixed-top .navbar-brand {width: 200px;margin-top: 36px;-webkit-transition: all .4s; -moz-transition: all .4s;-o-transition: all .4s; transition: all .4s;}
.modal-open .navbar-nav,.modal-open .open-menu{ display:none;}
.modalobra .obra-txt-modal .obra-modal-container{max-width:415px; width: 100%}
.obra-modal-open .modal-backdrop {background-color: #fff; opacity: 1}
.modalobra .obra-txt-modal ul{ padding-bottom: 40px;}
.modalobra .obra-txt-modal ul li:last-child{border:none}
.modalobra .obra-txt-modal ul li b{ font-weight:bold;}
.modalobra .obra-txt-modal ul li{ padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.1); padding-left:15px; position:relative;}
.modalobra .obra-txt-modal ul li:before{display:inline-block;  width: 0;height: 0;margin-right: 10px;vertical-align: middle;border-style: solid;border-width: 4px 0 4px 6.9px;border-color: transparent transparent transparent #000; position:absolute; left:0; top:29px;content:"" }
.modalobra .obra-txt-modal ul li:last-child{border:none}
.modalobra .obra-txt-modal .categoria{ text-transform:uppercase; color:#000; border:2px solid #000; padding:10px 20px; display:inline-block; font-weight:bold;}
.modalobra .obra-txt-modal .categoria:hover{ background-color:#000; color:#fff}
.mobile_menu_container .close{position: absolute;width: 25px;height: 25px;right: 15px;top: 23px; display: none; opacity: 1}
.mobile_menu_container .close:hover{opacity: 0.5}

/*Muetsras*/
.muestras-one p{ position:relative;padding-bottom: 20px;}
.muestras-one p b{  display:block; padding-left:70px;font-weight:normal;}
.muestras-one p span{ position:absolute; top:0; left:0;font-weight:bold; color:#00aa94}

/*PUÑO Y LETRA/*/
.punoyletra .compromiso { padding: 20px 0!important}
.descarga a img{ vertical-align: middle; display: inline-block; margin-right: 10px;}
.descarga a{ color:#000; padding-bottom: 20px; display: block}
.descarga a:hover{ color:#ff7c6b}
.punoyletra .biografia-one-right{ padding-top:60px}
.punoyletra .padding-shadow.green.right:before{ right:-30px; left:auto}
.punoyletra .puno-two{ padding-top:0!important}
.punoyletra .puno-two a:hover{ color:#9dd9d4}
.punoyletra .biografia-one.puno-two { padding-bottom: 50px}