.profile {
	margin: 4em 0;
}

.title {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 5.5vw;
	color: #6b6863 !important;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}


.subtitle {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
	font-size: 4.5vw;
	color: #737a7a !important;
	letter-spacing: 1px;
	line-height: 1.8em;
	text-align: center;
	text-shadow: 0em 0.01em 0.1em rgba(0,0,0,0.4);
}


.subtitle2{
	color: #333;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: 500;
    font-size: 5vw;
}

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

.previous_button {
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-top-color: currentcolor;
    border-top-width: 2px;
    border-right-color: currentcolor;
    border-right-width: 2px;
    border-bottom-color: currentcolor;
    border-bottom-width: 2px;
    border-left-color: currentcolor;
    border-left-width: 2px;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    transition: all 300ms ease 0ms;
    display: inline-block;
    transition: all 300ms ease 0ms;
    transition-property: all;
    position: relative;
    margin: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    direction: ltr;
}




.button:hover{
    padding: .3em 2em .3em .7em;

}

.blue1 {
    color:  #0c71c3 !important;
}

.red1 {
    color: #E02B20 !important;
}

.green1 {
    color: #7CDA24 !important;
}

.purple1 {
    color:  #8300E9 !important;
}

.button  i {
    display: none;
}

.button:hover  i  {
    display: inline !important;     
    line-height: inherit;
    font-size: inherit !important;
    margin-left: -1em;
    left: auto;   
    transition: all 300ms ease 0ms;
    margin-left: 10px;
    position: absolute;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
}

.button2 {
    background-color: rgba(255,255,255,0.7) !important;
    border-color: rgba(255,255,255,0.1) !important;    
}

.col1 {
	background-color: rgba(69,88,96,0.82);
    padding-top: 50px !important;
    padding-right: 6% !important;
    padding-bottom: 150px !important;
    padding-left: 6% !important;
    color:  #fff !important;
}

.col2 {
	background-color: #3e5159;
	padding-top: 50px !important;
	padding-right: 6% !important;
	padding-bottom: 55px !important;
	padding-left: 6% !important;
	color:  #fff !important;
}

.col1 h3, .col2 h3 {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 700 !important;
	line-height: 1.5em !important;
	font-size: 20px !important;
}

.col1 p, .col2 p {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-size: 18px;
	line-height: 1.8em;
}

.flex {
    display: flex;
}


.circulo1 i {
    font-size: 38px;
    color: #8300E9;
    background-color: #FFFFFF;
    animation: fadeTop 1s cubic-bezier(.77,0,.175,1) 1;
    border-radius: 100%;
    padding: 25px;
}

.circulo2 i {
    font-size: 38px;
    color:  #7CDA24;;
    background-color: #FFFFFF;
    animation: fadeTop 1s cubic-bezier(.77,0,.175,1) 1;
    border-radius: 100%;
    padding: 25px;
}

.circulo3 i {
    font-size: 38px;
    color: #E02B20;
    background-color: #FFFFFF;
    animation: fadeTop 1s cubic-bezier(.77,0,.175,1) 1;
    border-radius: 100%;
    padding: 25px;
}

.final1 {
    background-image: linear-gradient(180deg,#c6a769 0%,#ffb356 70%);
    background-color: #c4cace;
    padding-top: 80px !important;
    padding-right: 40px !important;
    padding-bottom: 150px !important;
    padding-left: 40px !important;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}

.final2 {
    background-image: linear-gradient(180deg,#ffd088 0%,#ffbe6b 70%);
    background-color: #c4cace;
    padding-top: 80px !important;
    padding-right: 40px !important;
    padding-bottom: 150px !important;
    padding-left: 40px !important;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}

.final3 {
    background-image: linear-gradient(180deg,rgba(224,127,89,0.71) 0%,#ffc882 70%);
    background-color: #c4cace;
    padding-top: 80px !important;
    padding-right: 40px !important;
    padding-bottom: 150px !important;
    padding-left: 40px !important;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}

.final1 h4, .final2 h4, .final3 h4{
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 900;
    font-size: 5vw;
    color: #707070 !important;
    line-height: 1.5em;
    padding-bottom: 10px !important;
}

.final1 p, .final2 p, .final3 p{
    font-weight: 900;
    font-size: 3.5vw;
    line-height: 1.5em;
    color: #fff !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-2 {
    margin-bottom: 2em !important;
}

.my-center {
    margin: 0 auto !important;
}

.green-whats {
    background-color: #25d366;
}

.whatsapp-background {
    height: 62px;
    min-width: 62px;
    max-width: 62px;
    background-color: #25d366;
    border-radius: 40px;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    cursor: pointer;
    transition: background-color .2s linear;
    display: inline-block;
    color: #fff;
    position: fixed;
    right: 40px;
    bottom: 40px;
    margin-bottom: 0;
    z-index: 997;
}

.whatsapp-button {
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    background-color: #25d366;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    cursor: pointer;
    transition: background-color .2s linear;
    display: inline-block;
    color: #fff;
    position: fixed;
    right: 50px;
    bottom: 51px;
    margin-bottom: 0;
    z-index: 997;
}

/*================================================================0*/
@media only screen and (max-width: 600px) { 
    .button {
        color: #565656 ;
        border: 12px solid #E09900;
        border-radius: 50px;
        letter-spacing: 2px;
        font-size: 5vw;
        font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
        background-color: transparent;
    } 
}

@media only screen and (min-width: 601px) { 
    .button {
        color: #565656 ;
        border: 12px solid #E09900;
        border-radius: 50px;
        letter-spacing: 2px;
        font-size: 3vw;
        font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
        background-color: transparent;
    }
}

@media only screen and (min-width:  993px) {
	.row .col .offset-l5 {
		margin-left: 35.667% !important;
	}

}