@font-face {
    font-family:Corbel;
	src:url(../fonts/corbel-1361520258.ttf);
	}
@font-face{
	font-family:Aileron-Thin;
	src:url(../fonts/aileron/Aileron-Thin.otf);
	}
	@font-face{
	font-family:Aileron-UltraLight;
	src:url(../fonts/aileron/Aileron-UltraLight.otf);
	}
	@font-face{
	font-family:Aileron-Bold;
	src:url(../fonts/aileron/Aileron-Bold.otf);
	}
	@font-face{
	font-family:Aileron-Black;
	src:url(../fonts/aileron/Aileron-Black.otf);
	}
	@font-face{
	font-family:Aileron-Light;
	src:url(../fonts/aileron/Aileron-Light.otf);
	}
	@font-face{
	font-family:Lato-Regular;
	src:url(../fonts/lato/Lato-Regular.ttf);
	}
	@font-face{
	font-family:Lato-Thin;
	src:url(../fonts/lato/Lato-Thin.ttf);
	}
		

@font-face{
	font-family:Lato-Black;
	src:url(../fonts/lato/Lato-Black.ttf);
	}
	

html,
button,
input,
select,
textarea {
    color: #222;
}
.famylis{ font-family:Aileron-UltraLight;}
h1 { font-family:Aileron-Bold !important;}
.bolders, .title_slider { font-family:Aileron-Black !important;}
.nuestrosp{ font-family:Aileron-Light;}
.equipoo{ font-family:Aileron-Thin;}
.anilanzastxt{ font-family:Lato-Thin;}
#spin-it{font-family: Corbel !important;}
h2 { font-family:Lato-Thin !important; font-weight: normal !important;}
#fade-it{font-weight:100 !important;}
.apellidos{ font-family:Aileron-Bold !important;}
body {
    font-size: 1em;
    line-height: 1.4;
}

h2{ font-family:Lato-Regular; font-size:22px;}
a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
    vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

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

h1{ font-size: 56px;
    color: #fff;
    font-family: Corbel;
    font-weight: 100;}
hr{ width:30%;}
.tituls{font-size: 36px;
    color: #fff;
    font-family: Corbel;
    font-weight: 100;}
	.titulss{font-size: 36px;
    color: #60a396;
    font-family: Corbel;
    font-weight: 100;}
/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
Author: Jose Reyes Delgado Requejo
========================================================================== */


















/* ==========================================================================
Clases parallax
========================================================================== */

/* Empezando */

.nocallout {
    -webkit-touch-callout: none;
}

.pressed {
    background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
    -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
they have been set as display: none */

.gifhidden {
    position: absolute;
    left: -100%;
}

/*
* Image replacement
*/
.redondeame{ background:#FFFFFF; -moz-border-radius:100%;
/*para Safari y Chrome*/
-webkit-border-radius:100%;
/* para Opera */
border-radius:100%;}

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/**
* Clearfix helper
* Used to contain floats: h5bp.com/q
*/

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

.clearfix:after {
    clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 800px) {
/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for viewports that meet the condition */
}






html {
    overflow-y: scroll;
    font-size: 95%; 
}
body {
    line-height: 1;
}
html, body {
    height: 100%;
}

/* Base font styling */
html,
button,
input,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

blockquote {
    margin: 0;
}


pre {
    margin: 0;
}

header, footer, section, blockquote {
    overflow: hidden;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.nowrap {
    white-space: nowrap;
}

p {
  line-height: 155%; 
}

@media (min-width: 768px) {
  html {
    font-size: 100%; 
  }

  p {
    /* line-height: 170%; */ } 
}
@media (min-width: 992px) {
  html {
    font-size: 100%; 
  }

  p {
    line-height: 185%; 
  } 
}

h1, h2, h3, h4, h5, h6, p {
    /*<!--margin: 0;
    padding: 0;-->*/
}

h1.h-small, h2.h-small, h3.h-small, h4.h-small, h5.h-small, h6.h-small {
    font-size: 18px;
    font-size: 1.15rem;
    line-height: 1.4;
}
h1.h-big, h2.h-big, h3.h-big, h4.h-big, h5.h-big, h6.h-big {
    font-size: 26px;
    font-size: 1.6rem;
    line-height: 1.4;
}
h1.h-huge, h2.h-huge, h3.h-huge, h4.h-huge, h5.h-huge, h6.h-huge {
    font-size: 34px;
    font-size: 2.1rem;
    line-height: 1.2;
}
h1.h-monster, h2.h-monster, h3.h-monster, h4.h-monster, h5.h-monster, h6.h-monster {
    font-size: 40px;
    font-size: 2.6rem;
    line-height: 1.5;
}
h1.h-underline, h2.h-underline, h3.h-underline, h4.h-underline, h5.h-underline, h6.h-underline {
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 0 7px 0;
    border-bottom: 2px solid;
}
h1.h-thin, h2.h-thin, h3.h-thin, h4.h-thin, h5.h-thin, h6.h-thin {
    /*font-weight: bold;*/
    /*letter-spacing: 1px;*/
}
h1.h-slab, h2.h-slab, h3.h-slab, h4.h-slab, h5.h-slab, h6.h-slab {
    font-weight: 700;
}

p.small, span.small, small.small, address.small, strong.small {
    font-size: 14px;
    font-size: 0.85rem;
    line-height: 1.7;
}
p.big, span.big, small.big, address.big, strong.big {
    font-size: 16px;
    font-size: 1.05rem;
    line-height: 1.6;
    margin-top: 10px;
}

a, a:visited {
    text-decoration: none;
    color: #53b2e5;
}
a:hover, a:visited:hover {
    text-decoration: underline;
}

.m-top {
    margin-top:%;
}
@media (min-width: 680px) {
    .m-top {
        margin-top: -10%;
    }

}
@media (min-width: 1120px) {
    .m-top {
        margin-top: -7%;
    }

}

.m-bottom {
    margin-bottom: 7%;
}
@media (min-width: 680px) {
    .m-bottom {
        margin-bottom: 6%;
    }

}
@media (min-width: 1120px) {
    .m-bottom {
        margin-bottom: 4%;
    }

}

.m-bottom-small {
    margin-bottom: 2%;
}

.p-top {
    padding-top: -10%;
}
@media (min-width: 680px) {
    .p-top {
        padding-top: 10%;
    }

}
@media (min-width: 1120px) {
    .p-top {
        padding-top:0;
		margin-top:-4%;
    }

}
@media (min-width: 1820px) {
    .p-top {
        padding-top: 5%;
    }

}

.p-bottom {
    padding-bottom: 18%;
}
@media (min-width: 680px) {
    .p-bottom {
        padding-bottom: 10%;
    }

}
@media (min-width: 1120px) {
    .p-bottom {
        padding-bottom: 7%;
    }

}
@media (min-width: 1820px) {
    .p-bottom {
        padding-bottom: 5%;
    }

}

.p-top-small {
    padding-top: 5%;
}

.p-bottom-small {
    padding-bottom: 5%;
}


section.center h1, section.center h2, section.center h3, section.center h4, section.center h5, section.center h6, section.center p.big, section header.center h1, section header.center h2, section header.center h3, section header.center h4, section header.center h5, section header.center h6, section header.center p.big {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.white,
.white-transparent {
    background: #e3ae00;
    color: #777B87;
	height: 400px;
    margin: 0;
}
.white .highlight,
.white-transparent .highlight {
    color: #31343c;
}

.white .fill,
.white-transparent .fill {
    background: #f0f2f5;
}
.white img.border,
.white-transparent img.border {
    border: 1px solid #f0f2f5;
}

.image {
    color: #fff;
    color: rgba(255, 255, 255, 0.75);
}
.image .highlight {

    color: #fff;
}


.logo.image {
    text-indent: -9999px;
    background-repeat: no-repeat;
	background-image:url(../imagenes/logo.png);
    width: 160px;
    height: 44px;
    background-size: contain;
}
.logoo{ 
width: 200px;
    height:45px;
    float: left;
	margin-top: 10px;
    margin-left: 100px;}

.sticky .logo.image {
    background-image: url('http://cl.ly/image/0c0W3H0n2h32/mimik-logo-medium.png');
    width: 144px;
    
}

.neutral .logo.text {
    color: #94a2b8;
}

.white .logo.text {
    color: #31343c;
}

.top-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    min-height: 70px;
    opacity: 0.9;
    position: fixed;
    width: 100%; /*cambiar a 100%*/
    z-index: 1000;
    background: #000;
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#00000000');
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0, 0, 0, 0.5)),color-stop(100%,rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.5)0,rgba(0, 0, 0, 0)100%);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5)0,rgba(0,0,0,0)100%);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5)0,rgba(0,0,0,0)100%);
    background-image: linear-gradient(top,rgba(0,0,0,.5)0,rgba(0,0,0,0)100%);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.top-header.sticky {
  background: #23ab96;
  /*border-bottom: 1px solid #F8F8F8;*/
}

.container {
    margin-right: auto;
    margin-left: auto;
   /* padding-left: 15px;
    padding-right: 15px*/
}

@media (min-width: 768px) {
    .container {
        100% !important;
    }
}

@media (min-width: 992px) {
    .container {
        100% !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width:100%;
    }
}

.top-header .logo {
    float: left;
    margin-top: 16px;
}
.top-header a:hover, .top-header a:visited:hover {
    text-decoration: none;
}
.top-header .menu-trigger {
    float: right;
    margin-top: 5px;
    height: 47px;
    width: 47px;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
    x-webkit-box-sizing: border-box;
    x-moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 45px;
    font-size: 3em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -khtml-border-radius: 2px;
}

@media (min-width: 992px) {
    .top-header .menu-trigger {
        display: none;
    }

}
@media (min-width: 10px) and (max-width:992px){
	
	.top-header nav {
	 padding-top: 50px !important;
	 background:#6CCD07 !important; 
}

.top-header nav a, .top-header nav a:visited {
	font-size:20px !important;

}
}
.top-header nav {
    display: none;
    /*clear: both;*/
	/*margin-right: 20px;*/
    padding-top: 16px;
	text-align:center;
}
.top-header nav.show {
    display: block;
}
.top-header nav a, .top-header nav a:visited {
    display: block;
    padding: 17px 5%;
    margin: 0 -5%;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.top-header nav a:hover, .top-header nav a:visited:hover {
    color: #fff;
}

@media (min-width: 992px) and (max-width:1131px){
	
	.top-header nav a, .top-header nav a:visited {
        margin: 0 0 0 20px !important;

    }}
	
	@media (min-width: 992px) and (max-width:1054px){
	
	.top-header nav a, .top-header nav a:visited {
        margin: 0 0 0 10px !important;

    }
	}
	
.title_slider{ margin-top:25%;}
@media (min-width: 100px) and (max-width:920px){
	
	.title_slider{ margin-top:15% !important;}
	}

@media (min-width: 550px) and (max-width:920px){
	
	.title_slider{ font-size:40px;}
	}
	
	@media (min-width: 450px) and (max-width:550px){
	
	.title_slider{ font-size:30px;}
	}
	
	@media (min-width: 350px) and (max-width:450px){
	
	.title_slider{ font-size:20px;}
	}
	
	@media (min-width: 100px) and (max-width:350px){
	
	.title_slider{ font-size:10px;}
	.title_slider{ margin-top:20% !important;}
	}
	
	@media (min-width: 100px) and (max-width:600px){
	
	.logoo{ margin-left:0 !important;}
	}
	
	@media (min-width: 10px) and (max-width:290px){
	
	.top-header .menu-trigger { margin-right:0 !important;}
	}
	
@media only screen and (max-width:405px){
	
	.ldenocio { display:none;}
	.white{ height:600px !important;}
	}
	
@media only screen and (max-width:430px){
	
	.clientes{ height:450px !important;}
	} 
	
@media only screen and (min-width: 405px) and (max-width:7000px){
	
	.ldenocioo { display:none;}
	}
	

@media (min-width: 992px) {
    .top-header nav {
        display: block;
        clear: none;
        float: right;
		margin-right:20px;
        margin-top: 8px;
    }
    .top-header nav a, .top-header nav a:visited {
        float: left;
        margin: 0 0 0 30px;
        padding: 5px 7px 5px 7px;
    }

}
.top-header.base nav a, .top-header.base nav a:visited {
    color: #6a7182;
}
.top-header.base nav a:hover, .top-header.base nav a:visited:hover {
    color: #fff;
}
.top-header.base nav a:active, .top-header.base nav a:visited:active {
    background: #3a3e47;
    color: #fff;
}
.top-header.accent nav a, .top-header.accent nav a:visited {
    color: #c2e4f6;
}
.top-header.accent nav a:hover, .top-header.accent nav a:visited:hover {
    color: #fff;
}
.top-header.accent nav a:active, .top-header.accent nav a:visited:active {
    background: #65bae8;
    color: #fff;
}
.top-header.complement nav a, .top-header.complement nav a:visited {
    color: #ffffff;
}
.top-header.complement nav a:hover, .top-header.complement nav a:visited:hover {
    color: #fff;
}
.top-header.complement nav a:active, .top-header.complement nav a:visited:active {
    background: #fbc44d;
    color: #fff;
}
.top-header.neutral nav a, .top-header.neutral nav a:visited {
    color: #a3b0c2;
}
.top-header.neutral nav a:hover, .top-header.neutral nav a:visited:hover {
    color: #31343c;
}
.top-header.neutral nav a:active, .top-header.neutral nav a:visited:active {
    background: #fcfdfd;
    color: #31343c;
}
.top-header.white nav a, .top-header.white nav a:visited {
    color: #858b9b;
}
.top-header.white nav a:hover, .top-header.white nav a:visited:hover {
    color: #31343c;
}
.top-header.white nav a:active, .top-header.white nav a:visited:active {
    background: #fcfdfd;
    color: #31343c;
}

.top-header nav a.selected {
    background: #e3ae00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
}
.top-header nav a.selected:hover {
    color: #fff;
    background: #e3ae00;
}

.rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

/* cambiar a 100%*/
.transitions{ width:100%;}


.transitions a, .transitions a:visited, .transitions button, .transitions input {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


::selection {
    background: #fff8ab;
    color: #000
}
::-moz-selection {
    background: #fff8ab;
    color: #000
}

@font-face {
    font-family: 'entypo';
    src: url('//cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.eot');
    src: url('//cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.eot?#iefix') format('embedded-opentype'),
    url('//cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.woff') format('woff'),
    url('//cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.ttf') format('truetype'),
    url('//cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting icons */
[data-icon]:before {
    font-family: 'entypo';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}


/* BUTTONS */

.btn-mini, .btn-sml, .btn-big, .btn-huge {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -khtml-border-radius: 2px;
    /** Prevent click and drag text selection **/
    -webkit-user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /** Disable tap highlight on iOS **/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn-mini:hover, .btn-mini:focus, .btn-mini:active, .btn-sml:hover, .btn-sml:focus, .btn-sml:active, .btn-big:hover, .btn-big:focus, .btn-big:active, .btn-huge:hover, .btn-huge:focus, .btn-huge:active {
    text-decoration: none;
    outline: none;
}

.btn-mini {
    font-size: 10px;
    padding: 10px 14px;
}

.btn-sml {
    font-size: 11px;
    padding: 12px 17px;
}

.btn-big {
    font-size: 12px;
    padding: 17px 25px;
}

.btn-huge {
    font-size: 13px;
    padding: 23px 32px;
}

.btn-flex { 
  width: 100%; 
}

.btn-hollow {
    background: none;
    border: 2px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-hollow.btn-accent {
    border-color: #53b2e5;
    color: #53b2e5;
}
.btn-hollow.btn-accent:hover, .btn-hollow.btn-accent:focus {
    border-color: #31343c;
    color: #31343c;
}
.btn-hollow.btn-complement {
    border-color: #fbbd39;
    color: #fbbd39;
}
.btn-hollow.btn-complement:hover, .btn-hollow.btn-complement:focus {
    border-color: #31343c;
    color: #31343c;
}
.btn-hollow.btn-base {
    border-color: #31343c;
    color: #31343c;
}
.btn-hollow.btn-base:hover, .btn-hollow.btn-base:focus {
    border-color: #53b2e5;
    color: #53b2e5;
}
.btn-hollow.btn-transparent {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
}
.btn-hollow.btn-transparent:hover, .btn-hollow.btn-transparent:focus {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.btn-solid {
    border: 2px solid;
}
.btn-solid:active {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
}
.btn-solid.btn-accent {
    background: #53b2e5;
    border-color: #53b2e5;
    color: #fff;
}
.btn-solid.btn-accent:hover, .btn-solid.btn-accent:focus {
    background: #69bce8;
    border-color: #69bce8;
}
.btn-solid.btn-accent:active {
    background: #53b2e5;
    border-color: #3da8e2;
    border-bottom-color: #53b2e5;
}

.btn-solid.btn-complement {
    background: #fbbd39;
    border-color: #fbbd39;
    color: #fff;
}
.btn-solid.btn-complement:hover, .btn-solid.btn-complement:focus {
    background: #fcc552;
    border-color: #fcc552;
}
.btn-solid.btn-complement:active {
    background: #fbbd39;
    border-color: #fab520;
    border-bottom-color: #fbbd39;
}

.btn-solid.btn-base {
    background: #31343c;
    border-color: #31343c;
    color: #fff;
}
.btn-solid.btn-base:hover, .btn-solid.btn-base:focus {
    background: #3c404a;
    border-color: #3c404a;
}
.btn-solid.btn-base:active {
    background: #31343c;
    border-color: #26282e;
    border-bottom-color: #31343c;
}

.btn-solid.btn-transparent {
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}
.btn-solid.btn-transparent:hover, .btn-solid.btn-transparent:focus {
    background: rgba(255, 255, 255, 0.35);
}

/* Section Themes */

.accent .btn-solid.btn-subdue {
    background: #E45C5C;
    border-color: #E45C5C;
    color: #fff;
}
.accent .btn-solid.btn-subdue:hover, .accent .btn-solid.btn-subdue:focus {
    background: #7fc6ec;
    border-color: #7fc6ec;
}
.accent .btn-solid.btn-subdue:active {
    background: #76c2ea;
    border-color: #5cb6e6;
}

.accent .btn-hollow.btn-subdue {
    background: none;
    border-color: #F2ACAC;
    color: #F6C2C2;
}
.accent .btn-hollow.btn-subdue:hover {
    border-color: #d8eef9;
    color: #eef7fc;
}

.complement .btn-solid.btn-subdue {
    background: #fcca61;
    border-color: #fcca61;
    color: #fff;
}
.complement .btn-solid.btn-subdue:hover, .complement .btn-solid.btn-subdue:focus {
    background: #fcce6b;
    border-color: #fcce6b;
}
.complement .btn-solid.btn-subdue:active {
    background: #fcca61;
    border-color: #fbc043;
}
.complement .btn-hollow.btn-subdue {
    background: none;
    border-color: #fdde9d;
    color: #fee7b6;
}
.complement .btn-hollow.btn-subdue:hover {
    border-color: #feefcf;
    color: #fff7e8;
}

.base .btn-solid.btn-subdue {
    background: #434752;
    border-color: #434752;
    color: #fff;
}
.base .btn-solid.btn-subdue:hover, .base .btn-solid.btn-subdue:focus {
    background: #484c58;
    border-color: #484c58;
}
.base .btn-solid.btn-subdue:active {
    background: #434752;
    border-color: #363942;
}

.base .btn-hollow.btn-subdue {
    background: none;
    border-color: #5f6574;
    color: #6a7182;
}
.base .btn-hollow.btn-subdue:hover {
    border-color: #858b9b;
    color: #858b9b;
}

.neutral .btn-solid.btn-subdue {
    background: #B4BDC9;
    border-color: #B4BDC9;
    color: #FFF;
}
.neutral .btn-solid.btn-subdue:hover, .neutral .btn-solid.btn-subdue:focus {
    background: #A4ADB9;
    border-color: #A4ADB9;
}
.neutral .btn-solid.btn-subdue:active {
    background: #949DA9;
    border-color: #949DA9;
}

.neutral .btn-hollow.btn-subdue {
    background: none;
    border-color: #B4BDC9;
    color: #A4ADB9;
}
.neutral .btn-hollow.btn-subdue:hover {
    border-color: #A4ADB9;
    color: #949DA9;
}
.neutral .btn-hollow.btn-subdue:active {
    border-color: #949DA9;
    color: #848D99; 
}
.white .btn-solid.btn-subdue {
    background: #bdc0c9;
    border-color: #bdc0c9;
    color: #858b9b;
}
.white .btn-solid.btn-subdue:hover, .white .btn-solid.btn-subdue:focus {
    background: #c2c5cd;
    border-color: #c2c5cd;
}
.white .btn-solid.btn-subdue:active {
    background: #bdc0c9;
    border-color: #afb3bd;
    border-bottom-color: #bdc0c9;
}

.white .btn-hollow.btn-subdue {
    background: none;
    border-color: #858b9b;
    color: #858b9b;
}
.white .btn-hollow.btn-subdue:hover {
    border-color: #31343c;
    color: #31343c;
}

.btn-disabled, .btn-sml[disabled], .btn-big[disabled], .btn-huge[disabled] {
    background: #e1e4e9 !important;
    box-shadow: none !important;
    border-color: #e1e4e9 !important;
    text-shadow: none !important;
    color: #b6bbc8 !important;
    cursor: default;
}

/* END BUTTONS */

.base {
  background: #373A41;
  color: #767d90; }
  .base .highlight {
    color: #fff; }
  .base .subdue {
    color: black; }
  .base .fill {
    background: #3c404a; }
  .base img.border {
    background: #3c404a; }
.accent {
  background: #d24444;
  color: #FFF; }
  .accent .highlight {
    color: #fff; }
  .accent .subdue {
    color: black; }
  .accent .fill {
    background: #3c404a; }
  .accent img.border {
    background: #3c404a; }
  .accent a, .accent a:visited {
    color: #fff;
  }
.accent h1.h-underline, .accent h2.h-underline, .accent h3.h-underline, .accent h4.h-underline, .accent h5.h-underline, .accent h6.h-underline {
    color: #FDD;
}

.neutral {
    background: #65aa96;
    color: #CFD9E7;
	height: 400px;
    margin: 0;}
	
.neutrall {
    background: #65aa96;
    color: #fff;
	height: 450px;
    margin: 0;}
.clavep {
    background: #E1F3EE;
    color: #CFD9E7;
	height: 500px;
    margin: 0;}
.alianzas{background: ##D9DE0F;
    color: #CFD9E7;
	height: 400px;
    margin: 0;}
.clnts{ width:153px; height:63px; float:left;}
.clientes{background: #e6e6e6;
    color: #CFD9E7;
	height: 300px;
    margin: 0;}
.blog{background: #e3ae00;
    color: #CFD9E7;
	height: 600px;
    margin: 0;}
.blogact{ width:25%; float:left; height:350px; background:#12803E; margin-left:6.3%; display:block;}
.img_blg{ width:100%; height:350px; float:left;}
.emails{background: #57F032;
    color: #CFD9E7;
	height: 400px;
    margin: 0;}
	
.hrcont{float: left;
    width: 20%;
    margin-left: 5%;
    margin-top: 23px;
	border-color: #34FF02;
	border-bottom-width: inherit;}
.hrcontt{
	float: right;
    width: 20%;
	margin-right:5%;
    margin-top: -23px;
	border-color: #34FF02;
	border-bottom-width: inherit;
		
		}
.pie{background: #60a396;
    color: #CFD9E7;
	height: 180px;
    margin: 0;}
.title_contact{ width:40%; padding:15px; background:#E3AE00;
	
	border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000000;}
.team{ width:100%; height:320px; background:#60a396; float:left;}

	
  .neutral .highlight {
    color: #FFF; }
  .neutral .fill {
    background: white; }
  .neutral img.border {
    background: white; }

.nobg { background: none; }

#top-section {
    position: relative;
}

#top-section .parallax {
background-color: #424C58;
}

/* 
 * Responsive Grid System
 * ref: http://www.responsivegridsystem.com */
/*  SECTIONS  ============================================================================= */

.gsection {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; }

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 768px) {
	.col { 
		margin: 1% 0 1% 0;
	}
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

.margin_1_of_2 {
  margin-left: 50% !important;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
  
  .margin_1_of_2 {
     margin-left: 0;
  }
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

.margin_1_of_3 {
  margin-left: 33% !important;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
  .margin_1_of_3 {
     margin-left: 0!important;
  }
}
@media only screen and (max-width: 600px) {
.clavep {

	height: 700px !important;
}
}
@media only screen and (max-width: 400px) {
.clvss{ display:none;}
.clavep{ height:1000px !important;}
}

@media only screen and (min-width: 401px) and (max-width: 50012px) {

.clavt{ display:none !important;}
}

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.4%;
}

.margin_1_of_4 {
  margin-left: 25% !important;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
  .margin_1_of_4 {
     margin-left: 0!important;
  }
}



/* PARAllAX */
.parallax {
    background-position: 50% 0;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    -moz-transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    perspective:1000;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.parallax + div {
  position: relative;
}

/* Footer */

footer a {
    color: #DDD !important;
}

footer .legal {
    font-size: 0.75rem;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 700;
}

footer .heart {
    color: #E14C4C;
    line-height: 0;
}

.subnav {
    padding: 0;
    list-style: none;
    font-size: 0
}

.subnav>li {
    position: relative;
    font-size: 10.5pt;
    vertical-align: top
}

.subnav > li, .subnav > li > a, .subnav > li > span {
    display: inline-block
}

.subnav > li:nth-child(n+2) {
    margin-left: 10px
}

.subnav > li > span {
    color: #999
}

.subnav-line > li:nth-child(n+2):before {
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    border-left: 1px solid #e5e5e5
}

.sub-section {
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 4px;
    position: relative;
    margin-top: 8px;
}

.sub-section h1 {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    top: -8px;
    font-size: 12px;
    letter-spacing: 2px;
}

.white .sub-section {
	border-color: #E5E7EE;
}
.white .sub-section h1 {
    background: white;
}

.neutral .sub-section {
	border-color: #606F80;
}
.neutral .sub-section h1 {
    background: #4B5969;
}

.step-badge {
  xbackground: url(http://cl.ly/image/3j1y2I3B163e/hexa-icon.png) no-repeat;
  
  xbackground-size: contain;
  border-radius: 60px;
  width: 100px;
  height: 100px;
  border: 4px solid #E96F6F;
  color: #FDD;
  margin-left: auto;
  margin-right: auto;
}

.step-badge .number {
  padding-top: 24%;
  font-size: 3rem;
  line-height: 1;
}

.neutral .step-badge {
  border-color: #9AA4B1;
  color: #FFF;
}

/* Feature Box */
.feature-box {
  clear: both;
}
.feature-box .feature-box-icon {
    background: url(http://cl.ly/image/3j1y2I3B163e/hexa-icon.png) no-repeat;
  background-size: contain;
  xbackground: #e14c4c;
  xborder-radius: 35px;
  color: #FFF;
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-align: center;
  width: 50px;
  height: 54px;
  line-height: 56px;
}
.feature-box .feature-box-icon i.fa {
  font-size: 16pt;
}
.feature-box .feature-box-info {
  padding-left: 60px;
  margin-bottom: 40px;
  color: #444;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.6;
}


/* ANIMATIONS */

/* Hide element before animate */
.transitions .fade-in .col, .transitions .slide-up .col {
	opacity: 0;
}
/* FLY IN ANIMATION */
.animated .col {
	-webkit-backface-visibility: hidden;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/* Fade In Animation */
.fade-in.animated .col.animate-up {
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	opacity: 1;
}

/* Slide Up Animation */
.transitions .slide-up .col {
	-webkit-transform: translateY(88px);
	-moz-transform: translateY(88px);
	-o-transform: translateY(88px);
	-ms-transform: translateY(88px);
	transform: translateY(88px);
}
.slide-up.animated .col.animate-up {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);

	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-o-transition: -o-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
	-ms-transition: -ms-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
	transition: transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);

	opacity: 1;
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(-400px, 200px);
		-ms-transform: translate(-400px, 200px);
		transform: translate(-400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(-400px, 200px);
		-ms-transform: translate(-400px, 200px);
		transform: translate(-400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(400px, 200px);
		-ms-transform: translate(400px, 200px);
		transform: translate(400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(400px, 200px);
		-ms-transform: translate(400px, 200px);
		transform: translate(400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInLeftSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px);
		-ms-transform: translate(-200px, 200px);
		transform: translate(-200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInLeftSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px);
		-ms-transform: translate(-200px, 200px);
		transform: translate(-200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInRightSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px);
		-ms-transform: translate(200px, 200px);
		transform: translate(200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInRightSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px);
		-ms-transform: translate(200px, 200px);
		transform: translate(200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px, 200px);
		-ms-transform: translate(0px, 200px);
		transform: translate(0px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px, 200px);
		-ms-transform: translate(0px, 200px);
		transform: translate(0px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}


/*ir top*/


.progress-bar {
  width: 52px;
  height: 52px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-top {
  font-size: 25px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  position: fixed;
  right: 27px;
  bottom: 28px;
  color: rgba(77, 91, 109, 0.8);
  text-align: center;
  text-decoration: none;
}

.is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

/*equipo*/

.view {
	width:32%;
	margin-left:1%;
	height: 320px;
	float: left;
	overflow: hidden;
	position: relative;
    cursor: default;
}
@media only screen and (max-width: 600px) {
.view{
	width:100% !important;}
	.neutrall{ height:1050px !important;}
	}


@media only screen and (min-width: 615px) and (max-width: 700px){
.blogact{width: 32% !important; margin-left: 1% !important;}
	}
	
@media only screen and (min-width: 490px) and (max-width: 615px){
.blogact{width:90% !important; margin-left:5% !important; margin-bottom:20px !important;}
.blog{ height:1230px !important;}
	}
	
	@media only screen and (max-width:490px){
.blogact{width:90% !important; margin-left:5% !important; margin-bottom:20px !important;}
.blog{ height:1270px !important;}
	}

@media only screen and (min-width: 420px) and (max-width:510px){	
.title_contact{ font-size:12px!important;}
}

@media only screen and (max-width:420px){	
.title_contact{ font-size:10px!important;}
}
@media only screen and (max-width:390px){	
.contns{ display:none;}
.pie{ display:none;}
}
@media only screen and (min-width: 420px) and (max-width:7000px){
.contns{ display:none;}}

@media only screen and (max-width:450px){
.hrcont{ display:none;}
.hrcontt{ display:none;}
.title_contact{ width:50%;}
}
@media only screen and (max-width:450px){
.pie{ display:none;}
.contactenos{ height:200px !important;}
}
.view .mask,.view .content {
   width: 100%;
   height:290px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/*equipo style5*/
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
	display:none;
	background:#60a396;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth .mask {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	text-align: center;
}
/*.view-fifth img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}*/
.ver_team{color:#FFFFFF; cursor:pointer; font-family:Lato-Black;}
.nombre_team{
	color: #e3ae00;
	font-family:Aileron-Thin !important;
    position: absolute;
    margin-left: 145px;
    margin-top:-10px;
	font-weight: 600;
	}
.cerrar_team{
	cursor:pointer;
	float: right;
    font-size: 24px;
    padding: 25px;
	}
	
p{ font-family:Lato-Thin !important; font-weight: 600;}
.view-fifth p {
	padding: 20px 50px 0 50px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   color:#FFFFFF;
   opacity: 1;
}

/*video*/
video { 
width: 100%;
    z-index: -100;
 background: url('http://demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#polina {
	height:100%;
    top: 0;
    font-family:Corbel;
    font-weight: 100;
    background: rgba(0,0,0,0.3);
    color: white;
	text-align:center;
    position: absolute;
    width: 100%;
    /* margin: 2rem; */
}
#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}
video#bgvid {
    transition: 1s opacity;
}
.stopfade { opacity: .5; }

    html {
         background:url(http://demosthenes.info/assets/images/polina.jpg) #fff no-repeat center center fixed;
    }
    

.animar{
    -webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
    -o-animation: floating-arrow 1.6s infinite ease-in-out 0s;
    animation: floating-arrow 1.6s infinite; }
	
@media only screen and (max-width: 680px) {
	.animar{ display:none !important;}
	
	}
.consultoriaas_mobile{ display:none;}
.text-poput{
	text-align: justify;
    font-family: Lato-Thin;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.3;}
	
.text-poputt{
	text-align: justify;
    font-family: Lato-Thin;
    color:#e3ae00;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.3;}
	
	@media only screen and (max-width: 800px) {
	.consultoria-poput{ display:none;}
	.consultoriaas_mobile{ display:block;}
	#edu_show{height: 470px !important;
    margin-top: -70px;}
	
	}
	
.btn a{ color:#FFFFFF !important;}

/*noticias*/

.imagen_noti{ width:33%; float:left; margin-right:2%; margin-left:5%;}
.descripcion_noti{ width:55%; float:left; margin-right:5%;}
.cuerpo_noti{ width:90%; float:left; margin-left:5%; margin-top:1%;}


.noti-completa{ width:60%; margin-left:5%; margin-right:5%; height:100%; float:left;  color:#222222;}
.noti-related{ width:25%; height:100%; margin-right:5%; color:#222222; float:left;}
.title-noti {font-size:25px !important; color:#222222; margin:0;}
.context{ color:#222222;}
.titulo-relnoti{ font-size:22px;}