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

body {
	line-height: 1;
  overflow-x:hidden;
}

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

div, footer, header, main, section {
    box-sizing: border-box;
}

a{ text-decoration: none; }

h1, h2, h3 { font-weight: 400; margin: 0; }
h1, h2 { font-size: 100px; letter-spacing: -3px; line-height: .95; }


/*------------------General Styles-------------------*/
.home--cream { background-color: #ffdcb4; }
.home--white { background-color: #fff; }
.half--navy  { background-color: #183150; }
.home__niceties .content { color: #b6a066; }
.gold{ color:#b6a066 }
.home--green{ background-color: #3b5f33;}
.home__about{ color: #ffdcb4; }

/*------------------//General Styles-------------------*/
	h1, h2, h3 { font-weight: 400; margin: 0; }

/*-----------------------------Header-------------------------------*/

/*----------------Efectos-----------------------*/
/*---------------Scroll Bar----------------*/

#style-1::-webkit-scrollbar {
    width: 12px;
/*    height:5px;*/
/*	border:1px solid green; */
}

 
#style-1::-webkit-scrollbar-track {
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*		height:5px;*/
/*	border:1px solid red; */
}


 
#style-1::-webkit-scrollbar-thumb {

/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    background-color: #00c7fe;
    	height:5px;


}
/*---------------Scroll Bar----------------*/

.left0{left:0%;}
.left50{left: -50%}

.transform-default{	transform: translateX(-50%) rotate(90deg);}
.transform{ transform: translateX(-50%) rotate(0deg) }

/*----------------//Efectos---------------------*/





.rrss{ position: fixed; bottom: 40px; left: 50%;}

/*------------------//Header-------------------*/

/*----------------- Main--------------------*/

/*.main{ margin: 0 0 0 60px; }
*/
.hero-alternate {  min-height: 100vh;  padding: 60px;  box-sizing: border-box; }
.hero-alternate__title { color:#fff; margin-bottom:136px; }
.single-a{ font-size: 160px; line-height: 1; letter-spacing: -8px; color:#fff; }
.hero-alternate__text-wrapper{ /*font-size: 115px; line-height: .85;*/ /*letter-spacing: -8px;*/ color: #183150; }


.hero-alternate .skip
{
      position: absolute;
      top: 70px;
      right: 0;
      color: #183150;
      font-size: 14px;
      line-height: 1;
      transform: rotate(90deg);
      text-transform: uppercase;
      transition: opacity .12s ease-in-out;
}

.hero-alternate .skip:after
{
      content: "\27F6";
      font-size: 22px;
      margin-left: 15px;
      display: inline-block;
      position: absolute;
      top: -5px;
      transition: margin-left .12s ease-in-out;
}

.hero-alternate__title
{
      color: #fff;
      margin-bottom: 50px;
      font-size: 50px;
}

.hero-alternate__subtitle
{
      color: #fff;
      font-size: 50px;
}

.hero-alternate__words {
    font-size: 115px;
     margin-bottom: 50px; 
     display: inline-block;
}


.typed-cursor
{
      font-size: 55px;
      color: #ffdcb4;
      animation: none!important;
      position: relative;
      line-height: .85;
/*      letter-spacing: -32px;
}*/
}


.typed-cursor.typed-cursor--blink{ animation: typedjsBlink 0.7s infinite; -webkit-animation:typedjsBlink 0.7s infinite; }

.typed-cursor:after
{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../images/cursor0.svg) no-repeat center;
      background-size: contain;
      content: '';
      transition: all 100ms linear;
      opacity: 0;
}

.typed-cursor.cursor-type-1:after
{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../images/cursor1.svg) no-repeat center;
      background-size: contain;
      content: '';
      transition: all 100ms linear;
      opacity: 1;
}
.typed-cursor.cursor-type-2:after
{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../images/cursor2.svg) no-repeat center;
      background-size: contain;
      content: '';
      transition: all 100ms linear;
      opacity: 1;
}
.typed-cursor.cursor-type-3:after
{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../images/cursor3.svg) no-repeat center;
      background-size: contain;
      content: '';
      transition: all 100ms linear;
      opacity: 1;
}
.typed-cursor.cursor-type-4:after
{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../images/cursor4.svg) no-repeat center;
      background-size: contain;
      content: '';
      transition: all 100ms linear;
      opacity: 1;
}

/*----------Sections--------*/


/*--------------Dropdown sections-------*/


/*----------------------TimeLine---------------*/


 /*---horizontal scrol---*/

    .wrapper {
      background: #EFEFEF;
      box-shadow: 1px 1px 10px #999;
      margin: auto;
      text-align: left;
      position: relative;
      border-radius: 5px;
      margin-bottom: 20px !important;
      width: 100%;
      padding-top: 5px;
      border-bottom: 15px dotted #00c7fe;
    }

    .scrolls {
      overflow-x: scroll;
      overflow-y: hidden;
      height: 250px;
      white-space: nowrap;
    }

    body::-webkit-scrollbar-thumb{
      cursor:url("images/cursor0.svg"), auto;
    }

    .scrolls .caja{
      height: 200px;
      border: 1px solid red;
      width: 100%;
      margin-bottom: 48px;
      display: inline-block;
    }

    .scrolls img, .scrolls .caja {
      display: inline-block;
      vertical-align: top;
      width: 33%;
    }

 /*---//horizontal scrol---*/



/*-----------------//Main-------------------*/





/*--------------Media Query------------------*/

@media screen and (max-width: 1025px) and (min-width: 768px){
  
  .hero-alternate__words { font-size: 85px; }

}

/*@media screen and (max-width: 768px){

  .hero-alternate__words { font-size: 65px; }

}*/

@media screen and (max-width: 768px) and (min-width: 320px){

  .hero-alternate__words { font-size: 45px; }
  .hero-alternate__title, .hero-alternate__subtitle{ font-size: 35px; }
  .typed-cursor{ font-size: 40px; }
  .hero-alternate{ padding: 0px 30px 15px 30px; }
  .rrss{ bottom:10px; }

}

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

  .hero-alternate__title, .hero-alternate__subtitle{ font-size: 27px; }
  .typed-cursor{ font-size: 28px; }
  .rrss{ bottom:5px; }

}