@charset "utf-8";
/* CSS Document */


/*
  TEMPLATE BACKGROUNDS
    ken burns slideshow IMG
  reset
  layout
  page wrapper
  logo
  navigation
    navigation social icons
  navigation - style #2
    lines
  navigation - style #3
    link underline
    search modal
  section
  quotations
  PAGES
  page all
  page home
    parallax
    hero container
    home
  dividers
  page about
  page facts
    facts counter
  page services
  page works
    works hover
  page testimonials
  page news
  page contact
    social icons footer
  page google maps
  page footer
  center container
  preloader
  ken burns slideshow
  YouTube video
  the wall
  skills bar
  Owl Carousel v2.2.0 CUSTOM
  play video button
*/


/* TEMPLATE BACKGROUNDS */
/* ken burns slideshow IMG */
.kenburns-slide-1 {
background-image: url(../img/background/kenburns-bg-1.jpg);
}

.kenburns-slide-2 {
background-image: url(../img/background/kenburns-bg-2.jpg);
}

.kenburns-slide-3 {
background-image: url(../img/background/kenburns-bg-3.jpg);
}

.kenburns-slide-4 {
background-image: url(../img/background/kenburns-bg-4.jpg);
}

.lucho {
    display: none;
    padding: 10px;
    /* border-width: 0 1px 1px 0; */
    /* border-style: solid; */
    /* border-color: #fff; */
    /* box-shadow: 0 1px 1px #ccc; */
    /* margin-bottom: 5px; */
    /* background-color: #f1f1f1; */
}
.totop {
    position: fixed;
    bottom: 10px;
    right: 20px;
}
.totop a {
    display: none;
}

/*a, a:visited {
    color: #33739E;
    text-decoration: none;
    display: block;
    margin: 10px 0;
}
a:hover {
    text-decoration: none;
}*/
#loadMorelucho {
    padding: 10px;
    text-align: center;
    background-color: transparent;
    color: #000;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
#loadMorelucho:hover {
    background-color: #fff;
    color: #33739E;
}

/* reset */
html, body, div, span, applet, object, iframe,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;
}

.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    /* -webkit-box-shadow: 0 0 5px #ccc; */
    /* box-shadow: 0 0 5px #ccc; */
    /* border: 5px solid #fff; */
    /* background: #fff; */
    /* padding-right: 10px; */
    /*margin: auto!important;*/
}
.bx-wrapper {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;*/
    max-width: 1070px!important;
}

.legendary-gallery figure {
padding: 20px;
padding-left: 0px!important;
}


html, body {
height: 100%;
line-height: 170%;
}

body {
/* line-height: 1; */
}

.peque{
  font-size: 15px!important;
  display: inline-block;
}

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

*:focus {  
outline: none;
}

/* remove dotted outline from links, button and input element */
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
outline: 0;
}


/* layout */
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
text-align: left;
color: #5f5f5f;
background: #111;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
}

a {
color: #fff;
text-decoration: none;
outline: none;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a:hover,
a:visited,
a:active,
a:focus {
color: #fff;
text-decoration: none;
outline: none;
}

p {
font-size: 14px;
line-height: 1.5;
font-style: normal;
font-weight: 400;
text-align: left;
color: #5f5f5f;
padding: 0 0 25px 0;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

p a {
color: #111;
text-decoration: none;
outline: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

p a:hover {
color: #111;
text-decoration: none;
outline: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

p a:hover,
p a:visited,
p a:active,
p a:focus {
color: #111;
text-decoration: none;
outline: none;
}

strong {
font-weight: bold;
}

::-moz-selection { background: #8d8d8d; color: #fff; }
::-moz-selection { background: #8d8d8d; color: #fff; }
	 ::selection { background: #8d8d8d; color: #fff; }

h1, h2, h3, h4, h5, h6 {
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


/* page wrapper */
.page-wrapper {
position: relative;
width: 100%;
background: #fff;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
-webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
-webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
z-index: 100;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-wrapper {
    z-index: 150;
  }
}

.page-wrapper > * {
-webkit-pointer-events: auto;
   -moz-pointer-events: auto;
        pointer-events: auto;
}


/* logo */
.logo {
position: fixed;
display: none;
top: 50px;
left: 50px;
line-height: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
cursor: pointer;
z-index: 200;
}

.logo-img:before {
content: "";
background: url(../img/logo-dark-mobile.png) no-repeat;
display: block;
width: 57px;
height: 34px;
line-height: 34px;
-webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.logo-img-dark:before {
content: "";
background: url(../img/logo-light-mobile.png) no-repeat;
display: block;
width: 57px;
height: 34px;
line-height: 34px;
-webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.logo-light .logo-img:before {
background: url(../img/logo-light-mobile.png) no-repeat;
}

.logo-dark .logo-img-dark:before {
background: url(../img/logo-dark-mobile.png) no-repeat;
}

@media only screen and (max-width: 1200px) {
  .logo {
    position: absolute;
	top: 25px;
    left: 25px;
    z-index: 100;
  }
}


/* navigation */
.navigation-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
background: rgba(0, 0, 0, 1);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
z-index: 102;
}

.navigation-overlay.light {
background: rgba(255, 255, 255, 1);
}

.menu-open .navigation-overlay {
-webkit-pointer-events: all;
   -moz-pointer-events: all;
        pointer-events: all;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
z-index: 101;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu-open .navigation-overlay {
    z-index: 250;
  }
}

.menu-open .logo-img:before {
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}

.menu-open .navigation-toggle .navigation-toggle-bars {
background: #fff;
}

.menu-open .navigation-toggle.dark .navigation-toggle-bars {
background: #111;
}

.menu-open .navigation-toggle:hover .navigation-toggle-bars {
background: #fff;
}

.menu-open .navigation-toggle.dark:hover .navigation-toggle-bars {
background: #111;
}

.menu-open .navigation {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
text-align: center;
-webkit-box-pack: center;
   -ms-flex-pack: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu-open .navigation {
	position: fixed;
	display: block;
	left: 50%;
	z-index: 250;
  }
}

.navigation-toggle-icon {
position: relative;
display: block;
width: 32px;
height: 25px;
top: 0;
left: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1;
}

.navigation-toggle-bars {
position: absolute;
width: 40px;
height: 2px;
right: 0;
-webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
-webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
        backface-visibility: hidden;
background: #111;
}

.navigation-toggle-bars:nth-of-type(1) {
width: 20px;
top: 0; 
}

.navigation-toggle-bars:nth-of-type(2) {
top: -webkit-calc(50% - 1.5px);
top: calc(50% - 1.5px);
}

.navigation-toggle-bars:nth-of-type(3) {
width: 20px;
bottom: 0;
}

.navigation-toggle {
position: fixed;
top: 50px;
right: 50px;
padding: 0;
border: none;
background: none;
outline: none;
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
cursor: pointer;
z-index: 200;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navigation-toggle {
	z-index: 300;
  }
}

@media only screen and (max-width: 1200px) {
  .navigation-toggle {
	top: 25px;
    right: 25px;
  }
}

.navigation-toggle:hover .navigation-toggle-bars {
width: 100%;
}

.navigation-toggle-closer .navigation-toggle-bars {
width: 32px;
height: 2px;
}

.navigation-toggle-closer .navigation-toggle-bars:nth-of-type(1) {
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
	 -o-transform: translateX(-100%);
        transform: translateX(-100%);
}

.navigation-toggle-closer .navigation-toggle-bars:nth-of-type(2) {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.navigation-toggle-closer .navigation-toggle-bars:nth-of-type(3) {
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
	 -o-transform: translateX(100%);
        transform: translateX(100%);
}

.navigation-toggle-bars-light {
background: #fff;
}

.navigation-toggle-bars-dark {
background: #111;
}

.menu {
margin-top: -28px;
}

.menu-item {
position: relative;
margin: 0 0 17px 0;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@media only screen and (max-width: 880px) {
  .menu-item {
	margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 640px) {
  .menu-item {
    margin: 0 0 10px 0;
  }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
  .menu-item {
    margin: 0 0 5px 0;
  }
}

@media only screen and (max-width: 480px) {
  .menu-item {
    margin: 0 0 10px 0;
  }
}

.menu-link {
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
color: #fff;
}

.menu-link.dark {
color: #111;
}

@media only screen and (max-width: 880px) {
  .menu-link {
	font-size: 30px;
  }
}

@media only screen and (max-width: 640px) {
  .menu-link {
    font-size: 20px;
  }
}

.menu-link:after {
content: "";
position: absolute;
display: block;
width: 0;
height: 4px;
left: 0;
bottom: -8px;
background-color: #fff;
-webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (max-width: 880px) {
  .menu-link:after {
    height: 4px;
	bottom: -9px;
  }
}

@media only screen and (max-width: 640px) {
  .menu-link:after {
    height: 2px;
	bottom: -6px;
  }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
  .menu-link:after {
    height: 2px;
	bottom: -3px;
  }
}

@media only screen and (max-width: 480px) {
  .menu-link:after {
    height: 2px;
	bottom: -6px;
  }
}

.menu-link.dark:after {
background-color: #111;
}

.menu-link:hover {
color: #fff;
}

.menu-link.dark:hover {
color: #111;
}

.menu-link:hover:after {
width: 100%;
background-color: #fff;
}

.menu-link.dark:hover:after {
background-color: #111;
}

.navigation {
position: fixed;
display: none;
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px); 
top: 85px;
left: 50%;
bottom: 55px;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
-webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
z-index: 101;
}


/* navigation social icons */
.navigation-social-icons {
position: absolute;
display: block;
width: 100%;
left: 50%;
bottom: -25px;
-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);
}

@media only screen and (max-width: 640px) {
  .navigation-social-icons {
    display: block;
    visibility: visible;
  }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
  .navigation-social-icons {
    display: none;
    visibility: hidden;
  }
}

@media only screen and (max-width: 480px) {
  .navigation-social-icons {
    display: block;
    visibility: visible;
  }
}

.navigation-social-icons ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.navigation-social-icons ul li {
display: inline-block;
margin: 0 auto;
padding: 0 0 0 5px;
}

ul.social-icons {
position: relative;
font-size: 16px;
line-height: 1;
margin: 0;
padding: 0;
}

ul.social-icons a {
padding: 0;
color: #fff;
text-decoration: none;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons.dark a {
color: #111;
}

ul.social-icons a:hover {
padding: 0;
color: #fff;
text-decoration: none;
        opacity: 0.3;
   -moz-opacity: 0.3;
-webkit-opacity: 0.3;
filter: alpha(opacity=30);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons.dark a:hover {
color: #111;
}


/* navigation - style #2 */
#menu-mobile-btn {
position: fixed;
width: 63px;
height: 50px;
top: 36px;
right: 35px;
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
z-index: 200;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #menu-mobile-btn {
    z-index: 300;
  }
}

@media only screen and (max-width: 1200px) {
  #menu-mobile-btn {
    top: 11px;
    right: 10px;
  }
}

.menu-toggle {
position: absolute;
display: block;
padding: 0;
background: none;
line-height: 1;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
border: none;
z-index: 101;
}

#menu-mobile {
position: fixed;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-style: normal;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
line-height: 1;
width: 390px;
height: 100%;
right: -200%;
top: 0;
margin: auto;
-webkit-transition: right .6s ease-in-out;
   -moz-transition: right .6s ease-in-out;
    -ms-transition: right .6s ease-in-out;
     -o-transition: right .6s ease-in-out;
        transition: right .6s ease-in-out;
-webkit-transform: skew(-22deg, 0deg);
   -moz-transform: skew(-22deg, 0deg);
    -ms-transform: skew(-22deg, 0deg);
     -o-transform: skew(-22deg, 0deg);
        transform: skew(-22deg, 0deg);
background: rgba(0, 0, 0, 1);
z-index: 101;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #menu-mobile {
    z-index: 250;
  }
}

@media only screen and (max-width: 880px) {
  #menu-mobile {
    font-size: 20px;
    width: 300px;
  }
}

@media only screen and (max-width: 640px) {
  #menu-mobile {
    font-size: 17px;
    width: 230px;
  }
}

#menu-mobile.activated {
right: 0;
}

#menu-mobile ul {
width: 390px;
list-style: none outside none;
margin: 0 auto;
padding-left: 93px;
}

@media only screen and (max-width: 880px) {
  #menu-mobile ul {
    width: 300px;
    padding-left: 63px;
  }
}

#menu-mobile ul li {
padding: 0 0 2px 0;
cursor: pointer;
}

@media only screen and (max-width: 880px) {
  #menu-mobile ul li {
    padding: 0 0 3px 0;
  }
}

@media only screen and (max-width: 640px) {
  #menu-mobile ul {
    width: 230px;
    padding-left: 28px;
  }
}

#menu-mobile .credits {
font-size: 12px;
margin: 7px 0 0 0;
}

@media only screen and (max-width: 880px) {
  #menu-mobile .credits {
    font-size: 10px;
  }
}

#menu-mobile .credits a {
color: #fff;
text-decoration: none;
}

#menu-mobile a {
display: none;
min-width: 10px;
color: #fff;
text-decoration: none;
-webkit-transition: color .8s ease-in-out;
   -moz-transition: color .8s ease-in-out;
    -ms-transition: color .8s ease-in-out;
     -o-transition: color .8s ease-in-out;
        transition: color .8s ease-in-out;
}

#menu-mobile a:hover {
color: #8d8d8d;
-webkit-transition: color .8s ease-in-out;
   -moz-transition: color .8s ease-in-out;
    -ms-transition: color .8s ease-in-out;
     -o-transition: color .8s ease-in-out;
        transition: color .8s ease-in-out;
}

#menu-mobile li .active {
color: #8d8d8d;
}

.menu-nav-wrapper {
display: table;
width: 100%;
height: 100%;
overflow: hidden;
}

.menu-nav {
display: table-cell;
width: 100%;
height: 100%;	
vertical-align: middle;
}


/* lines */
.lines-button {
margin: -16px 0 0 -3px;
padding: 30px 16px;
cursor: pointer;
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.lines-button:hover {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lines-button:active {
-webkit-transition: 0;
   -moz-transition: 0;
	-ms-transition: 0;
     -o-transition: 0;
        transition: 0;
}

.lines {
position: relative;
display: inline-block;
width: 35px;
height: 2px;
-webkit-transition: .3s;
   -moz-transition: .3s;
	-ms-transition: .3s;
     -o-transition: .3s;
        transition: .3s;
background: #111;
}

.lines.inverse-light {
background: #fff;
}

.lines.inverse-dark {
background: #111;
}

.lines:after,
.lines:before {
content: "";
position: absolute;
display: inline-block;
width: 35px;
height: 2px;
-webkit-transition: .3s;
   -moz-transition: .3s;
	-ms-transition: .3s;
     -o-transition: .3s;
        transition: .3s;
left: 0;
-webkit-transform-origin: .28571rem center;
   -moz-transform-origin: .28571rem center;
    -ms-transform-origin: .28571rem center;
     -o-transform-origin: .28571rem center;
        transform-origin: .28571rem center;
background: #111;
}

.lines.inverse-light:after,
.lines.inverse-light:before {
background: #fff;
}

.lines.inverse-dark:after,
.lines.inverse-dark:before {
background: #111;
}

.lines:before {
top: 10px;
}

.lines:after {
top: -10px;
}

.lines-button.minus.lines-close .lines:after,
.lines-button.minus.lines-close .lines:before {
-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;
top: 0;
width: 35px;
background: #8d8d8d;
}

.lines-button.x.lines-close .lines {
background: 0 0;
}

.lines-button.x.lines-close .lines:after,
.lines-button.x.lines-close .lines:before {
-webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
top: 0;
width: 35px;
background: #8d8d8d;
}

.lines-button.x.lines-close .lines:before {
-webkit-transform: rotate3d(0,0,1,45deg);
   -moz-transform: rotate3d(0,0,1,45deg);
    -ms-transform: rotate3d(0,0,1,45deg);
     -o-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
}

.lines-button.x.lines-close .lines:after {
-webkit-transform: rotate3d(0,0,1,-45deg);
   -moz-transform: rotate3d(0,0,1,-45deg);
    -ms-transform: rotate3d(0,0,1,-45deg);
     -o-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
}

.lines-button.x2 .lines {
-webkit-transition: background .3s .5s ease;
   -moz-transition: background .3s .5s ease;
	-ms-transition: background .3s .5s ease;
     -o-transition: background .3s .5s ease;
        transition: background .3s .5s ease;
}

.lines-button.x2 .lines:after,
.lines-button.x2 .lines:before {
-webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
-webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
   -moz-transition: top .3s .6s ease, -moz-transform .3s ease;
	-ms-transition: top .3s .6s ease, -ms-transform .3s ease;
     -o-transition: top .3s .6s ease, -o-transform .3s ease;
        transition: top .3s .6s ease, transform .3s ease;
}

.lines-button.x2.lines-close .lines {
-webkit-transition: background .3s 0 ease;
   -moz-transition: background .3s 0 ease;
	-ms-transition: background .3s 0 ease;
     -o-transition: background .3s 0 ease;
        transition: background .3s 0 ease;
background: 0 0;
}

.lines-button.x2.lines-close .lines:after,
.lines-button.x2.lines-close .lines:before {
-webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
   -moz-transition: top .3s ease, -moz-transform .3s .5s ease;
	-ms-transition: top .3s ease, -ms-transform .3s .5s ease;
     -o-transition: top .3s ease, -o-transform .3s .5s ease;
        transition: top .3s ease, transform .3s .5s ease;
top: 0;
width: 35px;
background: #8d8d8d;
}

.lines-button.x2.lines-close .lines:before {
-webkit-transform: rotate3d(0,0,1,45deg);
   -moz-transform: rotate3d(0,0,1,45deg);
    -ms-transform: rotate3d(0,0,1,45deg);
     -o-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
}

.lines-button.x2.lines-close .lines:after {
-webkit-transform: rotate3d(0,0,1,-45deg);
   -moz-transform: rotate3d(0,0,1,-45deg);
    -ms-transform: rotate3d(0,0,1,-45deg);
     -o-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
}


/* navigation - style #3 */
.fix-sticky {
position: fixed!important;
top: 0;
left: 0;
}

.full-width-wrapper {
margin: 0 25px 0 -10px;
}

.main-navigation-logo {
float: left;
}

.main-navigation-logo .main-navigation-logo-img {
display: table-cell;
vertical-align: middle;
max-width: 200px;
height: 75px;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-navigation-logo .main-navigation-logo-img img {
max-width: 100%;
max-height: 100%;
height: auto;
}

.main-navigation-logo .main-navigation-logo-img:before,
.main-navigation-logo .main-navigation-logo-img:after {
display: none;
}

.main-navigation-logo-img,
a.main-navigation-logo-img:hover {
cursor: pointer;
}

.main-navigation {
position: relative;
top: 0;
left: 0;
text-align: left;
width: 100%;
height: 75px!important;
-webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
background-color: rgba(17, 17, 17, .95);
z-index: 1015;
}

@media only screen and (max-width: 880px) {
  .main-navigation {
    display: none;
    visibility: hidden;
  }
}

.main-navigation .main-inner-navigation ul > li > a {
color: #fff;
}

.main-navigation .main-inner-navigation ul > li > a:hover {
color: rgba(255, 255, 255, 1);
}

.main-navigation .main-inner-navigation ul > li > a.active {
color: rgba(255, 255, 255, .55);
}

.reduce-height {
height: 55px!important;
}

.reduce-height .main-inner-navigation ul li a {
height: 55px!important;
line-height: 55px!important;
}

.main-inner-navigation {
position: relative;
display: inline-block;  
float: right;
}

.main-inner-navigation ul {
font-style: normal;
font-weight: 400;
font-size: 11px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
float: right;
margin: auto;
text-shadow: 1px 1px 2px #111;
}

.main-inner-navigation ul li {
float: left;
margin-left: 25px;
position: relative;
}

.main-inner-navigation ul li a {
display: inline-block;
text-decoration: none;
-webkit-box-sizing: border-box;   
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-inner-navigation ul > li:first-child > a {
}  

.main-inner-navigation ul li a:hover,
.main-inner-navigation ul li a.active {
color: #fff;
text-decoration: none;
}

.main-navigation.transparent{
background: transparent!important;
}

.main-navigation.js-transparent {
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


/* link underline */
.link-underline {
position: relative;
text-decoration: none;
cursor: pointer;
}

.link-underline:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 11px;
left: 0;
background: #fff;
visibility: hidden;
-webkit-transform: scaleX(0);
   -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
        transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
     -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
}

.link-underline:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
        transform: scaleX(1);
}

.mobile-only {
display: none;
visibility: hidden;
}

@media only screen and (max-width: 880px) {
  .mobile-only {
    display: block;
    visibility: visible;
  }
}


/* search modal */
#search-wrap {
position: relative;
width: 100%;
height: 50px;
overflow: hidden;
display: inline-block;
margin: 0 auto; 
}

.input-search input[type="text"] {
position: relative;
display: inline-block;
width: 400px;
height: 50px;
font-size: 14px;
font-weight: normal;
text-align: center;
border: none;
outline: none;
color: #111;
padding: 10px 0;
background: none;
cursor: pointer;
}

.input-search input[type="text"] {
border-bottom: 1px solid #111;
cursor: text;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.input-search input[type="text"]:hover {
border-bottom: 1px solid #bbb;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.input-search input[type="text"]:focus {
border-bottom: 1px solid #111;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.search-modal {
position: fixed;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 130px, 20px, 20px, 20px);
height: -moz-calc(100% - 130px, 20px, 20px, 20px);
height: calc(100% - 130px, 20px, 20px, 20px);
top: 65px;
left: 10px;
bottom: 10px;
right: 10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
text-align: center;
background: #f4f4f2;
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
     -o-transform: scale(0.75);
        transform: scale(0.75);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
z-index: 1005;
}

.search-modal.close {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.search-modal.open {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 130px, 20px, 20px, 20px);
height: -moz-calc(100% - 130px, 20px, 20px, 20px);
height: calc(100% - 130px, 20px, 20px, 20px);
top: 65px;
left: 10px;
bottom: 10px;
right: 10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: visible;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}

@media only screen and (max-width: 640px) {
  .search-modal,
  .search-modal.open {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    height: -webkit-calc(100% - 120px, 10px, 10px, 10px);
    height: -moz-calc(100% - 120px, 10px, 10px, 10px);
    height: calc(100% - 120px, 10px, 10px, 10px);
    top: 60px;
    left: 5px;
    bottom: 5px;
    right: 5px;
  }
}


/* section */
.section {
padding: 120px 0 120px 0;
line-height: 1.5;
letter-spacing: 0.05em;
}

@media only screen and (max-width: 880px) {
  .section  {
    padding: 80px 0 80px 0;
  }
}

.section-links {
position: relative;
color: #111;
}

.section a,
.section a:hover,
.section a:visited,
.section a:active,
.section a:focus {
color: #111;
}

.section-links:after,
.section-title:after {
content: "";
display: block;
width: 20px;
height: 1px;
left: 0;
background-color: #111;
-webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.section-links2:after, .section-title2:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    left: 0;
    background-color: #fff;
    -webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.section-links:after {
position: absolute;
bottom: -10px;
}

.section-title:after {
position: relative;
bottom: -9px;
}

.section-links2:after {
position: absolute;
bottom: -10px;
}

.section-title2:after {
position: relative;
bottom: -9px;
}

@media only screen and (max-width: 1200px) {
  .section-title:after {
    bottom: -14px;
  }
  .section-title2:after {
    bottom: -14px;
  }
}

@media only screen and (max-width: 880px) {
  .section-title:after {
    bottom: -14px;
  }
  .section-title2:after {
    bottom: -14px;
  }
}

@media only screen and (max-width: 640px) {
  .section-title:after {
    bottom: -18px;
  }
  .section-title2:after {
    bottom: -18px;
  }
}

.section-links:hover,
.section-title:hover {
color: #111;
}

.section-links:hover:after {
width: 100%;
background-color: #111;
}

.section-title:hover:after {
width: 160px;
background-color: #111;
}

.section-links2:hover,
.section-title2:hover {
color: #111;
}

.section-links2:hover:after {
width: 100%;
background-color: #111;
}

.section-title2:hover:after {
width: 160px;
background-color: #111;
}


@media only screen and (max-width: 1200px) {
  .section-title:before {
    top: 116px;
  }
}

@media only screen and (max-width: 880px) {
  .section-title:before {
    top: 96px;
  }
}

@media only screen and (max-width: 640px) {
  .section-title:before {
    top: 79px;
  }
}



/*prueba*/
.section-title2:after {
position: relative;
bottom: -9px;
}

@media only screen and (max-width: 1200px) {
  .section-title2:after {
    bottom: -14px;
  }
}

@media only screen and (max-width: 880px) {
  .section-title2:after {
    bottom: -14px;
  }
}

@media only screen and (max-width: 640px) {
  .section-title2:after {
    bottom: -18px;
  }
}


.section-title2:hover {
color: #fff;
}



.section-title2:hover:after {
width: 160px;
background-color: #fff;
}


@media only screen and (max-width: 1200px) {
  .section-title2:before {
    top: 116px;
  }
}

@media only screen and (max-width: 880px) {
  .section-title2:before {
    top: 96px;
  }
}

@media only screen and (max-width: 640px) {
  .section-title2:before {
    top: 79px;
  }
}






.section-content {
margin: 0;
height: auto;
border: none;
text-align: center;
}


/* quotations */
.quotations {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 1.5;
font-style: italic;
font-weight: normal;
text-align: left;
letter-spacing: 0.05em;
padding: 0;
}

.quote-mark-l {
padding: 0 10px 0 0;
}

.quote-mark-r {
padding: 0 0 0 10px;
}

.nopadleft{
  padding-left: 0px!important
}
.padtop{
  padding-top: 40px
}
.padbot{
  padding-bottom: 40px;
}

.smalltext{
  font-size: 12px!important;
  
}

.luchobot{
  margin-bottom: 20px;
  padding-left: 0px!important
}
.cuadrado {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.05em;
    display: inline-block;
    outline: none;
    margin: 3px auto 10px auto;
    width: 225px;
    padding: 5px 10px 0 10px;
    height: 35px;
    border: none;
    color: #666;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.cuadrado2 {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.05em;
    display: inline-block;
    outline: none;
    margin: 3px auto 10px auto;
    width: 225px;
    padding: 8px 10px 0 10px;
    height: 35px;
    border: none;
    color: #666;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
/* PAGES */
/* page all */
.section-all-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 1.5;
    color: #2e2e2e;
    padding: 20px 0 73px 0px;
    margin: 0 auto;
    letter-spacing: normal;
}

.section-all-subtitle2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 1.5;
    color: #fff;
    padding: 20px 0 73px 0;
    margin: 0 auto;
    letter-spacing: normal;
}

@media only screen and (max-width: 1200px) {
  .section-all-subtitle {
    padding: 56px 10px 73px 10px;
  }
}

@media only screen and (max-width: 880px) {
  .section-all-subtitle {
    padding: 56px 15px 73px 15px;
  }
}

@media only screen and (max-width: 640px) {
  .section-all-subtitle {
    padding: 59px 15px 73px 15px;
  }
}
	
.section-all-subtitle-first {
color: #20202c;
}
	
.section-all-subtitle-second {
font-family: 'Open Sans', sans-serif;
color: #111;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}


/* page home */
/* parallax */
.parallax-window {
min-height: 100%;
height: 100%;
background: transparent;
}


/* hero container */ 
.hero-fullscreen {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: -1;
}


/* home */
.home-page {
position: relative;
width: 100%;
height: 100%;
text-align: center;
z-index: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .home-page {
    z-index: 150;
  }
}

.home-page-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .75);
z-index: 1;
}

.home-page-overlay.light {
background-color: rgba(255, 255, 255, .75);
}

.home-page-overlay-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 1;
}

.home-page-subtitle-carousel {
width: 100%;
height: auto;
margin: 0 auto;
}

h1.home-page-title {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 115px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.04em;
color: #fff;
margin: -13px auto 2px auto;
width: 100%;
line-height: 100%;
position: relative;
z-index: 1;
}

h1.home-page-title.light {
color: #111;
}

@media only screen and (max-width: 1200px) {
  h1.home-page-title {
    font-size: 105px;
	margin: -13px auto 3px auto;
  }
}

@media only screen and (max-width: 880px) {
  h1.home-page-title {
    font-size: 85px;
	margin: -13px auto 6px auto;
  }
}

@media only screen and (max-width: 640px) {
  h1.home-page-title {
    font-size: 65px;
	margin: -13px auto 4px auto;
  }
}

h2.grande{
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 50px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.04em;
color: #fff;
margin: 20px auto 2px auto;
width: 100%;
line-height: 100%;
position: relative;
z-index: 1;
}

h2.grande>a:hover{
  color:#60015b;
}

h2.grande.light {
color: #111;
}

@media only screen and (max-width: 1200px) {
  h2.grande {
    font-size: 40px;
    margin: -13px auto 3px auto;
  }
}

@media only screen and (max-width: 880px) {
  h2.grande {
    font-size: 30px;
  margin: -13px auto 6px auto;
  }
}

@media only screen and (max-width: 640px) {
  h2.grande {
    font-size: 20px;
  margin: -13px auto 4px auto;
  }
}


h2.home-page-title {
font-family: 'Dosis', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.65em;
color: #fff;
margin: 0 0 0 3px;
}


h2.home-page-title.light,
h2.home-page-title.light a {
font-weight: 700;
color: #111;
}

@media only screen and (max-width: 1200px) {
  h2.home-page-title {
    font-size: 12px;
	margin: 0 0 0 4px;
  }
   
}

@media only screen and (max-width: 880px) {
  h2.home-page-title {
    font-size: 11px;
	margin: 0 0 0 7px;
  }
  
}

@media only screen and (max-width: 640px) {
  h2.home-page-title {
    font-size: 10px;
	margin: 0 0 0 6px;
  }
  
}

.alt h2 {
font-family: 'Open Sans', sans-serif;
font-size: 65px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.04em;
color: #111;
text-align: left;
text-transform: uppercase;
margin: 0 0 6px 0;
padding: 0;
}

.alt3 h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 65px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 6px 0;
    padding: 0;
}

@media only screen and (max-width: 1200px) {
  .alt h2 {
    font-size: 85px;
	padding: 0 10px;
  }
  .alt3 h2 {
    font-size: 85px;
  padding: 0 10px;
  }
}

@media only screen and (max-width: 880px) {
  .alt h2 {
    font-size: 65px;
	padding: 0 15px;
  }
  .alt3 h2 {
    font-size: 65px;
  padding: 0 15px;
  }
}

@media only screen and (max-width: 640px) {
  .alt h2 {
    font-size: 45px;
  }
  .alt3 h2 {
    font-size: 45px;
  }
}


.section-title2:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    left: 0;
    background-color: #fff;
    -webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.alt2 h2 {
font-family: 'Open Sans', sans-serif;
font-size: 65px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.04em;
color: #fff;
text-align: left;
text-transform: uppercase;
margin: 0 0 6px 0;
padding: 0;
}

.alt2 h2:hover{
  color: #fff
} 
.alt3 h2:hover{
  color: #fff
} 

@media only screen and (max-width: 1200px) {
  .alt2 h2 {
    font-size: 85px;
  padding: 0 10px;
  }
}

@media only screen and (max-width: 880px) {
  .alt2 h2 {
    font-size: 65px;
  padding: 0 15px;
  }
}

@media only screen and (max-width: 640px) {
  .alt2 h2 {
    font-size: 45px;
  }
}
.alt h3 {
font-family: 'Open Sans', sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.04em;
color: #111;
text-align: left;
text-transform: uppercase;
margin: 44px 0 0 0;
padding: 0;
}


/* dividers */
.divider-post,
.divider-post-contact {
width: 100%;
height: 100px;
margin: 0 auto;
display: none;
visibility: hidden;
}

@media only screen and (max-width: 880px) {
  .divider-post,
  .divider-post-contact {
    display: block;
    visibility: visible;
  }
  
  .divider-post {
    height: 70px;
  }
  
  .divider-post-contact {
    height: 12px;
  }
}

.divider-skillbar {
width: 100%;
height: 69px;
margin: 0 auto;
}

@media only screen and (max-width: 880px) {
  .divider-skillbar {
    height: 25px;
    margin: -118px 0 0 0;
  }
}


/* page about */
.section-about {
background: #fff;
padding: 134px 0 99px 0;
overflow: visible;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-about {
    padding: 105px 0 115px 0;
  }
}

@media only screen and (max-width: 640px) {
  .section-about {
    padding: 68px 0 75px 0;
  }
}

.section-about img {
max-width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section-about img {
    max-width: 700px;
  }
  @media only screen and (max-width: 880px) {
    .section-about img  {
      max-width: 100%;
    }
  }
}

@media only screen and (max-width: 880px) {
  .section-about img  {
    border: none;
  }
}

.about-section-images-carousel {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
margin: 127px 0 0 0;
height: auto;
}

@media only screen and (min-width: 1024px) {
  .about-section-img:nth-of-type(1) {
    margin: -25px -300px 0 0;
  }
  
  .about-section-img:nth-of-type(2) {
    position: relative;
    /* bottom: -227px; */
	bottom: -180px;
	margin: 0 0 0 200px;
  }
  
  .about-section-img:nth-of-type(3) {
    margin: -100px 0 0 -100px;
  }
}

@media only screen and (max-width: 880px) {
  .about-section-images-carousel {
    margin: 47px 0 0 0;
  }
}


/* page facts */
.section-facts {
background: #000;
padding: 4px 0 24px 0;
overflow: hidden;
z-index: 1;
background-image: url(../img/separador.jpg);
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (max-width: 640px) {
  .section-facts {
    padding: 11px 0 24px 0;
  }
}

.section-facts2 {
background: #000;
padding: 4px 0 24px 0;
overflow: hidden;
z-index: 1;
background-image: url(../img/corporativo.jpg);
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (max-width: 640px) {
  .section-facts2 {
    padding: 11px 0 24px 0;
  }
}


/* facts counter */
.facts-counter-wrapper {
padding: 0;
}

.facts-counter-number {
font-family: 'Open Sans', sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 2;
text-align: center;
color: #fff;
letter-spacing: 0.05em;
}

@media only screen and (max-width: 880px) {
  .facts-counter-number {
    font-size: 35px;
  }
}

@media only screen and (max-width: 640px) {
  .facts-counter-number {
    font-size: 30px;
  }
}

.facts-counter-description {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #fff;
text-align: center;
text-transform: uppercase;
}

.facts-counter-description .fa {
font-size: 20px;
color: #fff;
margin: 0 10px 0 0;
}

@media only screen and (max-width: 880px) {
  .facts-counter-description .fa {
	display: block;
	margin: 0 0 10px 0;
  }
}

.facts-counter-title {
font-size: 13px;
letter-spacing: 0.05em;
}

@media only screen and (max-width: 640px) {
  .facts-counter-title {
    font-size: 11px;
  }
}


/* page services */
.section-services {
background: #fff;
padding: 134px 0 147px 0;
overflow: hidden;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-services {
    padding: 105px 0 115px 0;
  }
}

@media only screen and (max-width: 640px) {
  .section-services {
    padding: 68px 0 75px 0;
  }
}

.services-move-down {
margin-top: 200px;
}

@media only screen and (max-width: 880px) {
  .services-move-down {
    margin-top: 0;
  }
}

.services-img {
height: auto;
margin: -13px 0 20px 0;
font-size: 35px;
text-align: center;
color: #111;
-webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
}

@media only screen and (max-width: 880px) {
  .services-img {
    margin: -8px 0 20px 0;
  }
}

.services-hover:hover .services-img {
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
     -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
-webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
}

.services-title {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #111;
}

.services-description {
text-align: left;
}

@media only screen and (max-width: 880px) {
  .services-description {
    margin: 0 0 50px 0;
	text-align: left;
  }
  
  .services-description-last {
   margin: 0;
  }
}

h3 {
line-height: 1.5;
margin-bottom: 20px;
}


/* page works */
.section-works {
    background: #000;
    padding: 134px 0 130px 0;
    overflow: hidden;
    z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-works {
    padding: 105px 0 95px 0;
  }
}

@media only screen and (max-width: 640px) {
  .section-works {
    padding: 68px 0 55px 0;
  }
}


/* works hover */
.icon-works {
position: absolute; 
width: 100%;
top: 50%;
margin-left: 0;
margin-top: 0;
text-align: center;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.35s ease-out;
   -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
	 -o-transition: all 0.35s ease-out;
        transition: all 0.35s ease-out;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);
-webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .icon-works {
    margin-left: -15px;
  }
}

.icon-works a {
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0 4px;
font-size: 20px;
background: #fff;
border: 1px solid #fff;
color: #000;	
-webkit-transition: all 0.35s ease-out;
   -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
	 -o-transition: all 0.35s ease-out;
        transition: all 0.35s ease-out;
}

.icon-works a.iw-slide-left {
-webkit-transform: translate3d(-60px,0,0);
   -moz-transform: translate3d(-60px,0,0);
    -ms-transform: translate3d(-60px,0,0);
     -o-transform: translate3d(-60px,0,0);
        transform: translate3d(-60px,0,0);
}

.icon-works a.iw-slide-right {
-webkit-transform: translate3d(60px,0,0);
   -moz-transform: translate3d(60px,0,0);
    -ms-transform: translate3d(60px,0,0);
     -o-transform: translate3d(60px,0,0);
        transform: translate3d(60px,0,0);
}

.image-works:hover .icon-works a {
padding: 0;
-webkit-transform: translate3d(0,0,0)!important;
   -moz-transform: translate3d(0,0,0)!important;
    -ms-transform: translate3d(0,0,0)!important;
     -o-transform: translate3d(0,0,0)!important;
        transform: translate3d(0,0,0)!important;
}

.icon-works a:hover {
background: #000;
border: 1px solid #000;
color: #fff;
}

.icon-works a:hover:after {
background: #000;
}

.image-works:hover .icon-works {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.icon-works a:before {
position: relative;
z-index: 1;
}

.icon-works a i {
position: relative;
z-index: 1;
}

.image-works {
position: relative;
z-index: 5!important;
}

.hover-effect {
position: absolute;
background: #000;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: calc(100% - 80px);
height: -webkit-calc(100% - 80px);
height: -moz-calc(100% - 80px);
height: calc(100% - 80px);
top: 40px;
left: 40px;
bottom: 40px;
right: 40px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
}

@media only screen and (max-width: 880px) {
  .hover-effect {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
  }
}

.image-works:hover .hover-effect {
        opacity: 0.75;
   -moz-opacity: 0.75;
-webkit-opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}

.legendary-gallery {
margin: -25px 0 0 0;
position: relative;
z-index: 0;
}

.col-center{
    float: none;
    margin: 0 auto;
}


@media only screen and (max-width: 880px) {
  .legendary-gallery {
    margin: -20px 15px 0 15px;
  }
  
  .legendary-gallery img {
    border: 10px solid transparent;
  }
}

@media only screen and (max-width: 640px) {
  .legendary-gallery {
    margin: -20px 5px 0 5px;
  }
}

.legendary-gallery figure {
padding: 20px;
padding-left: 0px!important;
}

@media only screen and (max-width: 880px) {
  .legendary-gallery figure {
    padding: 0 0;
  }
}

.legendary-gallery .img-caption {
display: none;
}


/* page testimonials */
.section-testimonials {
background: #000;
padding: 30px 0 25px 0;
overflow: hidden;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-testimonials {
    padding: 35px 15px 30px 15px;
  }
}

.testimonials-carousel,
.testimonials-quote,
.testimonials-quote-img {
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.testimonials-quote-img {
position: relative;
margin: 0 auto 26px auto;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
}

.testimonials-quote p {
color: #fff;
font-size: 14px;
text-align: center;
}

.testimonials-signature {
color: #fff;
font-size: 12px;
text-align: center;
margin-top: -1px;
}

.testimonials-signature:before {
content: "― ";
display: inline-block;
}

.section-testimonials.quote-mark-l {
padding: 0 10px 0 0;
}

.section-testimonials.quote-mark-r {
padding: 0 0 0 10px;
}


/* page news */
.section-news {
background: #000000;
padding: 134px 0 147px 0;
overflow: hidden;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-news {
    padding: 105px 0 115px 0;
  }
}

@media only screen and (max-width: 640px) {
  .section-news {
    padding: 68px 0 75px 0;
  }
}

.news-date {
height: auto;
margin: 0 0 20px 0;
font-size: 12px;
text-align: center;
color: #111;
-webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
}

@media only screen and (max-width: 880px) {
  .news-date {
    margin: 0 0 20px 0;
  }
}

.news-hover:hover .news-date {
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
     -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
-webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
     -o-transition: -o-transform 1s;
        transition: transform 1s;
}

.news-title {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #111;
}

.news-description {
text-align: center;
}

@media only screen and (max-width: 880px) {
  .news-description {
    margin: 0 15px 50px 15px;
	text-align: left;
  }
}

.news-description a,
.news-description a:hover {
color: #000;
}

h3 {
line-height: 1.5;
margin-bottom: 20px;
}


/* page contact */
.section-contact {
background: #fff;
padding: 134px 0 146px 0;
overflow: hidden;
z-index: 1;
padding-bottom: 0px;
}

@media only screen and (max-width: 880px) {
  .section-contact {
    padding: 105px 0 110px 0;
  }
}

@media only screen and (max-width: 640px) {
  .section-contact {
    padding: 68px 0 146px 0;
  }
}

.section-contact-subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
text-align: left;
line-height: 1.3;
color: #696c7b;
padding: 50px 0 69px 0;
margin: 0 auto;
letter-spacing: normal;
}

@media only screen and (max-width: 640px) {
  .section-contact-subtitle {
    padding: 59px 0 69px 0;
  }
}
	
.section-contact-subtitle-first {
color: #20202c;
}


/* contact form */
.make-space {
margin-left: 15px;
margin-right: 15px;
}

#contact-form {
width: 100%;
margin: 123px auto 0 auto;
padding: 0;
text-align: center;
}

@media only screen and (max-width: 880px) {
  #contact-form {
    margin: 88px auto 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  #contact-form {
    margin: 88px auto 35px auto;
  }
}

form {
margin: 0;
padding: 0;
}

#form input {
position: relative;
width: 100%;
height: 40px;
border-bottom: 1px solid #111;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 5px;
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
        transition: all 0.3s;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
}

#form input {
margin: 10px 0 10px 0;
}

textarea {
position: relative;
width: 100%;
height: 100px;
border-bottom: 1px solid #111;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 5px;
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
        transition: all 0.3s;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
}

#form textarea {
margin: 10px 0 10px 0;
} 

#form input:hover,
#form textarea:hover {
border-color: rgba(0,0,0, .35);
}

.success {
font-family: 'Dosis', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
text-align: center;
color: #111;
margin: 0 auto;
padding: 80px 0 0 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#form .error {
position: absolute;
font-size: 9px;
text-transform: uppercase;
text-align: left;
color: #5f5f5f;
display: block;
margin: -2px 0 0 1px;
padding: 0;
letter-spacing: 0.05em;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

::-webkit-input-placeholder {
font-size: 12px;
color: #111;
}

::-moz-placeholder {
font-size: 12px;
color: #111;
}

:-ms-input-placeholder {
font-size: 12px;
color: #111;
}

input:-moz-placeholder {
font-size: 12px;
color: #111;
}

.submit-button {
position: relative;
font-family: 'Dosis', sans-serif;
font-size: 15px;
line-height: 1.5;
font-style: normal;
text-transform: uppercase;
text-align: center;
font-weight: 400;
letter-spacing: 0.05em;
display: inline-block;
outline: none;
margin: 23px auto 13px auto;
width: 225px;
padding: 1px 0 0 0;
height: 35px;
border: none;
color: #fff;
background: #777;
overflow: hidden;
cursor: pointer;
-webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
-webkit-transform: translate(0,0);
   -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
     -o-transform: translate(0,0);
        transform: translate(0,0);
}

.submit-button::before {
position: absolute;
content: '';
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: -100%;
bottom: 0%;
width: 200%;
height: 200%;
color: #fff;
background: #111;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transform: skewX(-60deg);
   -moz-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
     -o-transform: skewX(-60deg);
        transform: skewX(-60deg);
-webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
z-index: -1;
}

.submit-button::before {
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.submit-button:hover {
color: #fff;
background: #999;
}

.submit-button:hover::before {
bottom: -100%;
right: -200%;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


.cuadrado::before {
position: absolute;
content: '';
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: -100%;
bottom: 0%;
width: 200%;
height: 200%;
color: #666;
background: #fff;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transform: skewX(-60deg);
   -moz-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
     -o-transform: skewX(-60deg);
        transform: skewX(-60deg);
-webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
z-index: -1;
}

.cuadrado::before {
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.cuadrado:hover {
color: #fff;
background: #999;
}

.cuadrado:hover::before {
bottom: -100%;
right: -200%;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.cuadrado2::before {
position: absolute;
content: '';
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: -100%;
bottom: 0%;
width: 200%;
height: 200%;
color: #666;
background: #fff;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transform: skewX(-60deg);
   -moz-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
     -o-transform: skewX(-60deg);
        transform: skewX(-60deg);
-webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
z-index: -1;
}

.cuadrado2::before {
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.cuadrado2:hover {
color: #fff;
background: #999;
}

.cuadrado2:hover::before {
bottom: -100%;
right: -200%;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* footer contact block */
.footer-contact-block {
position: relative;
margin: -7px 0 0 0;
text-align: left;
}

.footer-contact-block a {
color: #111;
}

.footer-contact-block .email {
position: relative;
font-size: 20px;
line-height: 0.5;
}

.footer-contact-block .email:after {
content: "";
position: absolute;
display: block;
width: 20px;
height: 1px;
left: 0;
bottom: -10px;
background-color: #111;
-webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.footer-contact-block .email:hover {
color: #111;
}

.footer-contact-block .email:hover:after {
width: 100%;
background-color: #111;
}

.footer-contact-block-label {
font-family: 'Open Sans', sans-serif;
display: block;
font-size: 14px;
font-weight: 700;
text-align: left;
text-transform: uppercase;
color: #111;
}

.footer-logo {
position: relative;
width: 57px;
height: 34px;
margin: 137px auto 30px auto;
cursor: pointer;
/*background: url(../img/logo-dark-mobile.png) no-repeat;*/
}

@media only screen and (max-width: 880px) {
  .footer-logo {
    margin: 102px auto 30px auto;
  }
}

.footer-logo:before {
content: "";
display: none!important;
width: 57px;
height: 34px;
line-height: 34px;
background: #fff url(../img/logo-dark-mobile.png) no-repeat;

}


/* social icons footer */
.social-icons-footer-wrapper {
position: relative;
margin: 10px auto 0 auto;
padding: 0;
text-align: center;
}

.social-icons-footer-wrapper ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.social-icons-footer-wrapper ul li {
display: inline;
margin: 0 auto;
padding: 0;
}

ul.social-icons-footer {
margin: 0 auto;
padding: 0;
}

ul.social-icons-footer a {
font-size: 20px;
padding: 0 5px 0 0;
color: #000;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons-footer a:hover {
font-size: 20px;
padding: 0 5px 0 0;
color: #000;
        opacity: 0.3;
   -moz-opacity: 0.3;
-webkit-opacity: 0.3;
filter: alpha(opacity=30);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.lineOT-footer {
position: relative;
width: 25%;
height: 1px;
overflow: hidden;
margin: 12px auto 13px auto;
}

.copy {
font-size: 9px;
text-transform: uppercase;
text-align: center;
}

.copy a,
.copy a:hover {
color: #111;
}


/* page google maps */
.section-google-maps {
background: #fff;
width: 100%;
height: 300px;
padding: 0;
margin-top: -4px;
overflow: hidden;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-google-maps {
    margin-top: -3px;
  }
}

@media only screen and (max-width: 640px) {
  .section-google-maps {
    height: 200px;
	margin-top: -114px;
	margin-bottom: -40px;
  }
}

#map-wrapper {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
}

#map {
width: 100%;
height: 300px;
margin: 0;
}


/* page footer */
.section-footer {
background: #fff;
padding: 18px 0 146px 0;
padding-bottom: 10px;
overflow: hidden;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .section-footer {
    padding: 18px 0 110px 0;
  }
}

@media only screen and (max-width: 640px) {
  .section-footer {
    padding: 18px 0 70px 0;
  }
}


/* center container */
.center-container {
position: absolute;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
background: none;
}

.center-block {
display: table-cell;
vertical-align: middle;
}


/* preloader */
#preloader {
position: fixed;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
z-index: 999999;
}

#preloader-status {
display: table-cell;
vertical-align: middle;
}

.preloader-position {
position: relative;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}

.loader {
position: relative;
width: 45px;
height: 45px;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: 2px;
-webkit-animation: rotate 1s infinite linear;
   -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
     -o-animation: rotate 1s infinite linear;
        animation: rotate 1s infinite linear;
border: 3px solid rgba(17, 17, 17, .15);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

.loader span {
position: absolute;
width: 45px;
height: 45px;
top: -3px;
left: -3px;
border: 3px solid transparent;
border-top: 3px solid rgba(17, 17, 17, .75);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

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


/* ken burns slideshow */
.kenburns-slide-wrapper {
position: relative;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}

.kenburns-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-animation: KenBurnsSlideShow 24s linear infinite 0s;
   -moz-animation: KenBurnsSlideShow 24s linear infinite 0s;
    -ms-animation: KenBurnsSlideShow 24s linear infinite 0s;
     -o-animation: KenBurnsSlideShow 24s linear infinite 0s;
        animation: KenBurnsSlideShow 24s linear infinite 0s;
}

.kenburns-slide-1 {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.kenburns-slide-2 {
-webkit-animation-delay: 6s;
   -moz-animation-delay: 6s;
    -ms-animation-delay: 6s;
     -o-animation-delay: 6s;
        animation-delay: 6s;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.kenburns-slide-3 {
-webkit-animation-delay: 12s;
   -moz-animation-delay: 12s;
    -ms-animation-delay: 12s;
     -o-animation-delay: 12s;
        animation-delay: 12s;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.kenburns-slide-4 {
-webkit-animation-delay: 18s;
   -moz-animation-delay: 18s;
    -ms-animation-delay: 18s;
     -o-animation-delay: 18s;
        animation-delay: 18s;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

@-webkit-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
}
 5% {
    opacity: 1
}
 25% {
    opacity: 1;
}
 30% {
    opacity: 0;
    -webkit-transform: scale(1.1);
}
 100% {
    opacity: 0;
    -webkit-transformm: scale(1);
    }
}

@-moz-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -moz-transform: scale(1);
}
 5% {
    opacity: 1
}
 25% {
    opacity: 1;
}
 30% {
    opacity: 0;
    -moz-transform: scale(1.1);
}
 100% {
    opacity: 0;
    -moz-transform: scale(1);
    }
}

@-o-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -o-transform: scale(1);
}
 5% {
    opacity: 1
}
 25% {
    opacity: 1;
}
 30% {
    opacity: 0;
    -o-transform: scale(1.1);
}
 100% {
    opacity: 0;
    -o-transform: scale(1);
    }
}

@keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
	    transform: scale(1);
    -ms-transform: scale(1);
}
 5% {
    opacity: 1
}
 25% {
    opacity: 1;
}
 30% {
    opacity: 0;
	    transform: scale(1.1);
    -ms-transform: scale(1.1);
}
 100% {
    opacity: 0;
	    transform: scale(1);
    -ms-transform: scale(1);
    }
}


/* YouTube video */
.YT-bg {
background: none;
}

@media only screen and (max-width: 880px) {
  .YT-bg {
    position: relative;
    height: 100%;
    background-image: url(../img/background/YT-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
}

.background-video {
position: absolute;
background-repeat: no-repeat;
background-position: top center;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}

video,
source {
position: absolute;
min-width: 100%;
min-height: 100%;
bottom: 0;
left: 0;
}

.loaded .ytplayer-container {
display: block;
}

.ytplayer-container {
position: absolute;
min-width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0; 
overflow: hidden;
z-index: 1;
}

.ytplayer-shield {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}

.ytplayer-player {
position: absolute;
}


/* the wall */
#viewport {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: none;
}

#wall {
z-index: 1;
}

.wall-item-description {
position: absolute;
color: #fff;
font-size: 9px;
line-height: 120%;
bottom: 21px;
left: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-shadow: 1px 1px 2px #111;
padding: 5px 10px;
/* background: rgba(17, 17, 17, .75); */
}

.slideshow li {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slideshow, .slideshow li {
position: absolute;
top: 0;
left: 0;
}


/* skills bar */
.show-skillbar {
position: relative;
margin: 23px 0 0 0;
}

.skillbar {
position: relative;
display: inline-block;
width: 100%;
height: 21px;
margin: 0 0 30px 0;
background: none;
}

.skillbar-title {
position: absolute;
width: 100px;
height: 21px;
line-height: 21px;
top: 0;
left: 0;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
color: #111;
background: #fff;
padding: 0;
}

.skillbar-bar {
display: inline-block;
width: 0px;
height: 3px;
background: #111;
margin: 0 0 3px 0;
}

.skill-bar-percent {
position: absolute;
height: auto;
line-height: 1;
top: -21px;
right: 0;
color: #111;
font-size: 11px;
}


/* Owl Carousel v2.2.0 CUSTOM */
.owl-buttons {
position: static;
}

.owl-prev,
.owl-next {
position: absolute;
display: block;
top: 50%;
margin-top: -29px;
width: 56px;
height: 56px;
line-height: 56px;
font-size: 14px;
color: #111;
text-align: center;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.owl-prev {
left: -50px;
}

.owl-next {
right: -50px;
}

.owl-prev:before,
.owl-next:before {
content: "";
display: block;
width: 66%;
height: 66%;
position: absolute;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-prev:before {
left: 35px;
top: 9px;
}

.owl-next:before {
right: 35px;
top: 9px;
}

.owl-prev .fa,
.owl-next .fa {
position: relative;
}

.owl-prev .fa {
position: relative;
left: 24px;
}

.owl-next .fa {
position: relative;
right: 24px;
}

.owl-prev:hover,
.owl-next:hover {
-webkit-transition: 0 none;
   -moz-transition: 0 none;
	-ms-transition: 0 none;
     -o-transition: 0 none;
        transition: 0 none;
}

.owl-prev:hover:before,
.owl-next:hover:before,
.owl-prev:active:before,
.owl-next:active:before,
.owl-carousel:hover .owl-prev,
.owl-carousel:hover .owl-next {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.owl-carousel:hover .owl-prev {
left: -35px;
}

.owl-carousel:hover .owl-next {
right: -35px;
}


/* play video button */
.play-video-btn {
position: relative;
text-align: center;
margin-top: 20px;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
z-index: 1;
}

.play-video-btn a,
.play-video-btn a:hover {
font-size: 40px;
color: #fff;
text-decoration: none;
}


/*agregados*/


.pswp__button--share{
  display: none!important
}
span.fuerte{
  font-weight: bold
}


@media (max-width: 991px){
  .padleft{
    padding-left: 0px!important
  }
}

@media (min-width: 768px) and (max-width: 990px){
  .section-all-subtitle2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px
}
}

@media (max-width: 767px){
  .section-all-subtitle2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px
}
}

@media screen (max-width: 520px){
  .hero-fullscreen{
    background-image: url(..img/032.jpg);
    background-size: cover;
  }
}