/*
AUTHOR: Vitali Pavloff
AUTHOR URL https://www.vitalipavloff.com
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap');

@-moz-keyframes spin {
 0% {
-moz-transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(360deg);
}
}
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @-o-keyframes spin {
 0% {
-o-transform: rotate(0deg);
}
 100% {
-o-transform: rotate(360deg);
}
}
 @-ms-keyframes spin {
 0% {
-ms-transform: rotate(0deg);
}
 100% {
-ms-transform: rotate(360deg);
}
}
 @keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, images, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header.principal, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article, aside, details, figcaption, figure, footer, header.principal, hgroup, menu, nav, section {
    display: block
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
	-webkit-tap-highlight-color: transparent;
    background: transparent;
    text-decoration: none;
    outline: 0
}
a:focus, a:active  { 
   outline:none; 
   outline-offset:-4px;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

input, select {
    vertical-align: middle
}

li {
    list-style: none
}

strong {
    font-weight: 700
}

.clearfix {
 *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

::selection {
    background: #e5ddce;
}

::-moz-selection {
 background: #e5ddce;
}

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Raleway';
	font-weight: 400;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 1px transparent;
    text-rendering: optimizeLegibility;
    font-size: 0.83rem;
    line-height: 20px;
    margin: 0;
    height: 100%;
    -webkit-backface-visibility: hidden;
}

body .contenedor {
    padding: 0 50px;
    min-height: 100%;
}

.contenedor .contentBg {
    min-height: 100%;
}

.hide {
    display: none;
}

a img {
    border: none;
}

header.principal {
    padding-top: 30px;
    top: 0;
    position: fixed;
    z-index: 2;
    width: 250px;
}

.imgProfile {
    width: 186px;
    height: 186px;
    margin: 0 auto;
    position: relative;
    -moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
}

.imgProfile .vitali {
    z-index: 102;
    width: 186px;
    height: 186px;
    position: absolute; 
    top:0;
    left:0;
    -moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
}

.imgProfile:hover .vitali, .imgProfile:active .vitali, .imgProfile:focus .vitali {
    z-index: 1;
    width: 186px;
    height: 186px;
}

.imgProfile .vitali img {
    width: 100%;
    height: 100%;
}

.imgProfile img {
    top: 0;
    left: 0;
    position: absolute;
    -moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
}


.imgProfile > img {
    z-index: 2;
    display:none;
}
.imgProfile:hover > img, .imgProfile:active > img, .imgProfile:focus > img {
    display: block;
}
.imgProfile .overlay {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    -moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.3) inset;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.3) inset;
    position: absolute;
    z-index: 103;

}

.imgProfile:hover .overlay, .imgProfile:active .overlay {
    -moz-box-shadow: 0 0 0 6px rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 0 0 6px rgba(255,255,255,0.3) inset;
    -ms-box-shadow: 0 0 0 6px rgba(255,255,255,0.3) inset;
    box-shadow: 0 0 0 6px rgba(255,255,255,0.3) inset;

}
.social.like_b {
    margin:0;
     background: url(./assets/bg-social-like.png) no-repeat center center;
}
.social {
    background: url(./assets/bg-social.png) no-repeat center center;
    padding: 0;
    width: 250px;
    height:30px;
    margin: 30px 0 0 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    text-align: center;
}

.pastille {
    display: inline-block;
    margin:0 2px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.pastille, .pastille .icon {
    height: 30px;
    width: 30px;
}
.moreblock {
    height: 30px;
    width: 250px;
    background: url(./assets/moreblock.png) no-repeat center center;
}
.pastille.pviewMore .icon {
    background: url(./assets/more_p.png) no-repeat 0 -30px;
}

.pastille .icon {
    display: block;
    background: url(./assets/social-normal.png) no-repeat;
    position: absolute;
    text-indent: -5000px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pastille .icon.roll {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    -ms-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
}

.pastille:hover .icon, .pastille.active .icon {
    opacity: 0;
    -webkit-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -moz-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -o-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -ms-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.pastille:hover .icon.roll, .pastille.active .icon.roll {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    opacity: 1;
}

.pastille.facebook span {
    background-position: 0 0px;
}

.pastille.facebook span.roll {
    background-position: 0 -30px;
}

.pastille.telegram span {
    background-position: -32px 0px;
}

.pastille.telegram span.roll {
    background-position: -32px -30px;
}

.pastille.email span {
    background-position: -64px 0px;
}

.pastille.email span.roll {
    background-position: -64px -30px;
}

.contentFooter {
    position: fixed;
    z-index: 2;
    top: 392px;
    text-align: center;
    width: 250px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.contentFooter p {
    margin-bottom: 19px;
}

.bio {
    
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.bio h2.title-outline {
    font-size: 11px;
    text-transform: uppercase;
    color: #1D3656;
}

.bio p {
    color: #1d3656;
    text-align: center;
}

.pastille.viewMore {

    cursor: pointer;
}

.pastille.viewMore .icon {
    background: url("./assets/more-less.png") no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    background-position: 0 0;
}

.pastille.viewMore .icon.roll, .pastille.viewMore.active .icon.roll {
    background-position: 0px -31px;
}

.pastille.viewMore .loading {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    text-indent: 0;
}

.pastille.viewMore .loading img {
    max-width: 100%;
    height: auto;
    -moz-animation: spin .7s infinite linear;
    -webkit-animation: spin .7s infinite linear;
    -o-animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    animation: spin .7s infinite linear;
}


footer.principal p {
    color: #A8A190;
    padding-top:16px;
    text-align: center;
}

footer.principal p a:link {
    color: #9b9382;
    text-decoration: none;
}

footer.principal p a:hover {
    color: #1d3656;
    text-decoration: none;
}

footer.principal p a:visited {
    color: #9b9382;
    text-decoration: none;
}

footer.principal p a:active {
    color: #9b9382;
    text-decoration: none;
}

.right-section {
    position: absolute;
    top: 0;
    left: 360px;
    z-index: 2;
    right: 0;
    padding-top: 0px;
    height: 100%;
}

.keyword {
    display: none;
    position: fixed;
    top: 50%;
    margin-left: 1030px;
    height: 55px;
    margin-top: -25px;
    z-index: 3;
    width: 78px;
    height: 78px;
}

.onepage .keyword {
    display: block;
}

.keyword p, .keyword p > span {
    background: url("./assets/navegacion.png") no-repeat left top;
    width: 40px;
    height: 55px;
    display: block;
    position: absolute;
}

.keyword .top, .keyword .bottom, .keyword .top > span, .keyword .bottom > span {
    width: 55px;
    height: 40px;
}

.keyword p > span {
    display: none;
}

.keyword .top {
    background-position: -88px 0px;
    top: -3px;
    left: 50%;
    margin-left: -28px;
}

.keyword .top.inactive {
    background-position: -89px -161px;
}

.keyword .top span {
    background-position: -88px -81px;
}

.keyword .right {
    background-position: -41px 0px;
    right: 0;
    top: 50%;
    margin-top: -30px;
}

.keyword .right.inactive {
    background-position: -41px -164px;
}

.keyword .right span {
    background-position: -41px -80px;
}

.keyword .bottom {
    background-position: -88px -41px;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
}

.keyword .bottom.inactive {
    background-position: -89px -201px;
}

.keyword .bottom span {
    background-position: -88px -121px;
}

.keyword .left {
    background-position: 0px 0px;
    left: -2px;
    top: 50%;
    margin-top: -30px;
}

.keyword .left.inactive {
    background-position: -1px -164px;
}

.keyword .left span {
    background-position: -1px -80px;
}

.keyword .info {
    position: absolute;
    bottom: -58px;
    display: block;
    left: -20px;
    right: -20px;
    text-align: center;
    color: #a8a190;
}

.go-back {
	font-weight: 200;
    color:#425368;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   height: 65px;
   line-height: 61px;
   display: block;
   padding: 0 0 0 56px;
   margin: 0 auto 30px auto;
}
.go-back font{
	font-weight:700;
}
.go-back > .icon {
   width: 63px;
   height: 63px;
   margin:0 4px 0 4px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.go-back > .icon span {
    background: url("./assets/go-back.jpg") no-repeat top left;
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 63px;
    height: 63px;
    text-indent: -5000px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.go-back > .icon span.roll {
    opacity: 0;
    background-position: bottom left;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    -moz-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    -o-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    -ms-transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
    transform: rotate(-90deg) scale(0) skew(0deg) translate(0px);
}

.go-back:hover > .icon span {
    opacity: 0;
    -webkit-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -moz-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -o-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -ms-transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    transform: rotate(90deg) scale(0.5) skew(0deg) translate(0px);
    -webkit-backface-visibility: hidden;
}

.go-back:hover > .icon span.roll {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -webkit-backface-visibility: hidden;
    opacity: 1;
}

.mainlogo { 
    display: block;
    width: 225px;
    height: 65px;
    margin: 0 auto 30px auto;
}
#loading {
	font-weight: 400;
    position: fixed;
    left: -600px;
    right: -600px;
    top: -600px;
    bottom: -600px;
    z-index: 1000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#loading .parts {
    background: #d0c7b2;
    position: absolute;
    width: 100%;
    height: 50%;
}

#loading .parts.animate {
    -webkit-transition: height 0.6s ease-in-out;
    -moz-transition: height 0.6s ease-in-out;
    -o-transition: height 0.6s ease-in-out;
    -ms-transition: height 0.6s ease-in-out;
    transition: height 0.6s ease-in-out;
}

#loading .parts.off {
    height: 0;
}

#loading .parts.top {
    top: 0;
}

#loading .parts.bottom {
    bottom: 0;
}

#loading .cont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#loading .cont img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

#loading div p {
    color: #fff;
    position: absolute;
    z-index: 2;
    text-align: center;
    left: 0;
    right: 0;
    top: 18px;
    font-size: 16px;
}

.lines {
    background: url("./assets/lineas.png") repeat-y top left;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.internas .lines {
    background: url("./assets/lineas-detalle.png") repeat-y top left;
    z-index: 0;
}

.section-wrapper {
    position: fixed;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    margin-left: 50px;
}

html.onepage {
    overflow: hidden;
}

.onepage .contenedor .contentBg {
    padding-bottom: 500px;
}

.onepage .bullets {
    position: fixed;
    top: 35%;
    right: 30px;
    z-index: 2;
}

.onepage .bullets a {
    display: block;
    width: 12px;
    height: 12px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #ded7c5;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.onepage .bullets a.active, .onepage .bullets a:hover {
    background: #254165;
}

.onepage .bullets a span {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    display: block;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    right: 19px;
    position: absolute;
    background: #254165;
    padding: 3px 30px;
    top: -5px;
    border-radius: 20px;
    width: auto;
    white-space: nowrap;
}

.onepage .bullets a span:before {
    content: " ";
    display: block;
    position: absolute;
    right: -6px;
    width: 7px;
    height: 7px;
    top: 9px;
    background: none;
}

.lt-ie9 .bullets a span:before {
    display: none;
}

.onepage .bullets a:hover span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
 @media only screen and (max-width: 970px) {

.bullets {
    display: none;
}
}
 @media only screen and (max-width: 480px) {

body .contenedor, body .contenedor.home{
	padding:0 30px; 
}

.section-wrapper {
    position: absolute;
}

.onepage header.principal,  .onepage .contentFooter,  .onepage .right-section {
    position: static;
    width: 250px;
    margin: 0 auto;
    left: auto;
    top: auto;
}

html.onepage {
    overflow: scroll;
}

.onepage .contenedor .contentBg {
    padding-bottom: 0;
}

header.principal,  .contentFooter,  .right-section {
    position: relative;
    z-index: 2;
    max-width: 250px;
    margin: 0 auto;
    left: auto;
    top: auto;
}

.contentFooter {
    padding-bottom: 10px;
}

.social{
    margin:30px auto 0 auto;}

}
/**/

.biography .social {
    background: url(./assets/bg-social-biography.png) no-repeat;
}

.biography .pastille .icon {
    background: url(./assets/social-bio.png) no-repeat;
}

.biography .pastille.facebook span {
    background-position: 0 0;
}

.biography .pastille.facebook span.roll {
    background-position: 0  -30px;
}

.biography .pastille.telegram span {
    background-position: -32px 0;
}

.biography .pastille.telegram span.roll {
    background-position: -32px -30px;
}

.biography .pastille.email span {
    background-position: -64px 0 ;
}

.biography .pastille.email span.roll {
    background-position: -64px -30px;
}

.biography .bio {
    padding-bottom: 0;
}

.biography .bio p{
    color: #586f8b;
}
.biography footer.principal p {
    color: #425368;
}
.biography footer.principal p a:link {
    color: #586f8b;
    text-decoration: none;
}

.biography footer.principal p a:hover {
    color: #b9a28a;
    text-decoration: none;
}

.biography footer.principal p a:visited {
    color: #586f8b;
    text-decoration: none;
}

.biography footer.principal p a:active {
    color: #586f8b;
    text-decoration: none;
}

.biography .bio .pastille.viewMore .icon {
    background-position: 0px -31px;
}

.biography .bio .pastille.viewMore .icon.roll {
    background-position: 0 0;
}

.biography .contentFooter footer {
    background: url("./assets/bg-footer-detalle.png") no-repeat center top;
     width: 250px;
    padding-top: 16px;
    margin-top: 26px;
}

.biography .bio-large section {
    max-width: 640px;
    margin-right: 70px;
    overflow: hidden;
}

.biography .bio-large h2 {
    font-size: 30px;
}
.biography .bio-large h1{
    font-size: 45px;
    }
.biography .bio-large h1, .biography .bio-large h2 {
    margin-top: 60px;
    color: #586f8b;
	font-weight: 200; 
    text-transform: uppercase;
    line-height: 55px;
    padding-top: 77px;
    border-top: 1px solid #043D60;
    margin-bottom: 44px;
}

.biography .bio-large h4 {
    font-size: 16px;
    font-weight: 700;
    color: #b9a28a;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.biography .bio-large p.remarc{
    text-transform:uppercase; 
    margin:15px 0 20px 0;
	font-size: 16px;
	 font-weight: 400;
}
.biography .bio-large p, .biography .bio-large li, .biography .bio-large a {
    color: #586f8b;
}

.biography .bio-large p {
    margin-bottom: 12px;
}

.biography .bio-large a:hover {
    color: #b9a28a;
}

.biography .bio-large .link_s {
    float: left;
    width: 24%;
    margin-right: 6%;
}
.biography .bio-large .link_s li{
    margin-bottom:5px;
}
.biography .bio-large .tr_s{
    margin-top:52px;
}
 @media only screen and (max-width: 940px) {
.biography .bio-large h1{
      font-size: 25px;
}
.biography .bio-large h2 {
    font-size: 20px;
}
.biography .bio-large h1, .biography .bio-large h2 {
    line-height: 30px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.biography .bio-large h4 {
    margin-top: 10px;
     font-size: 13px;
}

.biography .bio-large .link_s {
    float: none;
    width: auto;
    margin-right: 0;
}
}
 @media only screen and (max-width: 730px) {

.biography .bio-large h1{
    font-size: 25px;
     line-height: 30px;
	 border: none ;
	 padding-top:5px;
}
.biography .bio-large p.remarc {
  font-size: 13px;
}
.biography .bio-large h2 {
    font-size: 18px;
     line-height: 25px;
}

.onepage .biography .keyword {
    display: none;
}
}
 @media only screen and (max-width: 480px) {

.biography .bio {
    display: none;
}

.biography .bio-large section {
    margin-right: 0;
	text-align: center;
}
}
/**/
.detalle .contentLogo{
	width: 186px;
	height: 186px;
	background: #e8e1d0;
	border-radius: 100%;
	display: table;
	text-align: center;
	margin-left: 20px;
}
.detalle .contentLogo img{
	max-width: 110px;
}

.detalle .contentLogo > div{
	display:table-cell;
	vertical-align: middle;
}

.detalle .contentFooter{
	color: #586f8b;
}

.detalle .contentFooter h2{
	color: #e5ddce;
	font-weight: 100;
	font-size: 16px;
	text-transform: uppercase;
	margin: -9px 0 21px 0;
	background: url("./assets/bg-name-project.png") no-repeat center center;
	height: 30px;
	line-height: 29px;
    width:250px;
    text-align:center;
}

.detalle .contentFooter h2 span{
	font-weight: 700;
}

.detalle .contentFooter footer{
}

.detalle footer.principal p{
	color: #425368;
}


.detalle footer.principal p a:link{
	color: #586f8b;
	text-decoration:none;
}

.detalle footer.principal p a:hover{
	color: #b9a28a;
	text-decoration:none;
}

.detalle footer.principal p a:visited{
	color: #586f8b;
	text-decoration:none;
}

.detalle footer.principal p a:active{
	color: #586f8b;
	text-decoration:none;
}

.detalle .images div {
	margin-right: 50px;
}

.detalle .images div img{
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 0px;
	min-width: 233px;
}

.detalle .images div img:first-child{
	padding-top: 30px;
}

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

	.detalle .go-back{
		width: 175px;
		margin: 0 auto 28px auto;
	}

	.detalle .contentLogo{
		margin: 0 auto;
	}

}
/**/

body{
	background: #d6cab4 url("./assets/bg.jpg") no-repeat top left;
	background-attachment: fixed;
	background-size: cover;
}

.home .lista-portfolio a{
	display: block;
    max-width: 370px;
	min-width: 250px;
	position: relative;
    line-height: 0;
	margin-top: 30px;
	margin-right: 50px;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
    border-radius: 100%;
}

.home .lista-portfolio a > img{
	max-width: 100%;
	height: auto;
	border-radius: 100%;
}

.home .lista-portfolio a > .roll{
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
 text-align: center;
	border-radius: 100%;
	background: rgba(37,65,101, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99254165,endColorstr=#99254165);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99254165,endColorstr=#99254165)";
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-backface-visibility: hidden;
}

.home .lista-portfolio a > .roll:before{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.home .lista-portfolio a:hover .roll,
.home .lista-portfolio a.active .roll {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.home .lista-portfolio a > .roll .content_roll{
	display: inline-block;
    vertical-align: middle;
}

.home .lista-portfolio a > .roll .content_roll h3{
    font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #e8e1d0;
	text-transform: uppercase;
	margin-top: 25px;
}

.home .lista-portfolio a > .roll .content_roll h3 span{
	font-weight: 700;
}

.home .lista-portfolio .loading{
	position: absolute;
	left: 10px;
	right: 8px;
	top: 9px;
	bottom: 10px;
}

.home .lista-portfolio .loading img{
	max-width: 100%;
	height: auto;
	-moz-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

.home .splash1{
	background: url("./assets/splash1.png") no-repeat 0 25px;
	position: fixed;
	width: 1275px;
	height: 840px;
	top: 0;
	left: 65px;
	z-index: 1;
}

.home .splash2{
	background: url("./assets/splash2.png") no-repeat 0 0;
	position: absolute;
	width: 822px;
	height: 661px;
	top: -20px;
	left: 700px;
	z-index: 2;
}

.home .splash3{
	background: url("./assets/splash2.png") no-repeat 0 0;
	position: absolute;
	width: 822px;
	height: 661px;
	top: 1340px;
	left: -110px;
	z-index:0;
}

.home .splash4{
	background: url("./assets/splash2.png") no-repeat 0 0;
	position: absolute;
	width: 822px;
	height: 661px;
	left: -300px;
	top: 1900px;
	z-index: 0;
}

.home .keyword{
	margin-left: 760px;
}

.onepage .home .splash1{
	position: fixed;
}

.onepage .home .splash2{
	position: fixed;
}

.onepage .home .splash3{
	background: url("./assets/splash2.png") no-repeat 0 1290px;
	position: fixed;
	top: 0;
	bottom: 0;
	height: auto;
	z-index:1;
}

.onepage .home .splash4{
	background: url("./assets/splash2.png") no-repeat 0 1900px;
	position: fixed;
	top: 0;
	bottom: 0;
	height: auto;
}

@media only screen and (max-width: 720px) {

	.home .keyword{
		display: none;
	}
}

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

	.onepage .home header.principal,
	.onepage .home .contentFooter,
	.onepage .home .right-section{
		position: relative;
		z-index: 1;
	}
	
	.home .lista-portfolio a {
		margin-right: 0;
	}
	.home .lista-portfolio a > .roll h3{
		font-size: 11px;
	}
	
	.home .lista-portfolio .loading:before{
		bottom: 15px;
	}
	 .mobbullets {
    background: url("./assets/mobbulles.png") no-repeat 0 0;
    position: absolute;
    width: 266px;
    height: 350px;
    top: 0;
    left: 20px;
    z-index: 0;
}
	.mobbullet {
    background: url("./assets/mobbulle.png") no-repeat 0 0;
    position: absolute;
    width: 40px;
    height: 40px;
top: 295px;
    left: 45px;
    z-index: 0;
}
.home .splash1,
.home .splash2, .home .splash3,
	.home .splash4, .lines {
		display: none;
	}
	.home .splash1 {
		position: absolute;
		
	}
.social.like_b{
    margin:0 auto;}
}
/**/
.bodyInternas,
.onepage .internas.contenedor{
	background: #0d1c2f url("./assets/bg-detalle.png") no-repeat top left;
		background-attachment: fixed;
	background-size: cover;
}

.internas .splash4{
	background: url("./assets/splash4.png") no-repeat 0 0;
	position: fixed;
	width: 765px;
	height: 680px;
	top: -100px;
	right: -230px;
	z-index: 2;
}

.internas .splash5{
	background: url("./assets/splash5.png") no-repeat 0 0;
	position: fixed;
	width: 1038px;
	height: 990px;
	top: -100px;
	margin-left: 150px;
	z-index: 1;
}


.internas .keyword .top{
		background-position: -88px -81px;
}

	.internas .keyword .top.inactive{
		background-position: -89px -242px;
	}

	.internas .keyword .top span{
		background-position: -88px 0px;
	}


.internas .keyword .right{
	background-position: -41px -80px;
}

	.internas .keyword .right.inactive{
		background-position: -41px -244px;
	}

	.internas .keyword .right span{
		background-position: -41px 0px;
	}

.internas .keyword .bottom{
	background-position: -88px -121px;
}

	.internas .keyword .bottom.inactive{
		background-position: -89px -281px;
	}

	.internas .keyword .bottom span{
		background-position: -88px -41px;
	}

.internas .keyword .left{
	background-position: -1px -80px;
}

	.internas .keyword .left.inactive{
		background-position: -1px -244px;
	}

	.internas .keyword .left span{
		background-position: 0px 0px;
	}

.internas .keyword .info{
	color: #425368;
}

.onepage .internas .right-section{
	overflow: hidden;
	bottom: auto;
}

@media only screen and (max-width: 1000px) {
	.onepage .internas .keyword{
		left: auto;
		right: 5px;
	}
}

@media only screen and (max-width: 480px) {
.biography .bio-large h1{
	margin-top: 25px;
	 border: none  ;
	 padding-top:5px ;
}
	.onepage .internas .right-section{
		overflow: auto !important;
		height: auto  !important;
		min-height: 100%;
	}

	.onepage .internas .right-section > div{
		height: auto  !important;
	}

	.internas .splash4,
	.internas .splash5{
		display: none;
	}

	.onepage .internas .keyword{
		display: none;
	}
}
.pluso_pre{
    padding:5px 0 0 0; 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
    }
.pluso_pre:hover{
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
    }
.pluso_pre div:first-child{
    height:20px !important; 
    overflow:hidden !important; 
    }
#___plusone_0{
    width:57px !important;
}
.right-section.images.offer42 {
	padding-top: 40px;
	}
.right-section.images.offer42 img {
	padding: 0 !important;
	margin-bottom: 40px!important;
	 -moz-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    -webkit-box-shadow:  rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    -ms-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}