@import url(https://fonts.googleapis.com/css?family=Lekton:400,400i,700|Montserrat+Alternates:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Montserrat+Subrayada:400,700|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700);.App__App___1o-Fp {
  text-align: center;
}

.App__App-logo___3JCPt {
  -webkit-animation: App__App-logo-spin___RvI1J infinite 20s linear;
          animation: App__App-logo-spin___RvI1J infinite 20s linear;
  height: 80px;
}

.App__App-header___3iH8L {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App__App-title___EIoWq {
  font-size: 1.5em;
}

.App__App-intro___1OgPc {
  font-size: large;
}

@-webkit-keyframes App__App-logo-spin___RvI1J {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes App__App-logo-spin___RvI1J {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/** Proxima Nova **/

@font-face {
    font-family: './Museo';
    src: local('./Museo 100'), url("/static/media/Museo 100.7de6a6e9.otf") format('opentype');
    font-weight: 100;
}

@font-face {
    font-family: './Museo';
    src: local('./Museo 300'), url("/static/media/Museo 300.cb9fcef8.otf") format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: './Museo';
    src: local('./Museo 400'), url("/static/media/Museo 400.878c9e1f.otf") format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: './Museo';
    src: local('./Museo 500'), url("/static/media/Museo 500.62c01351.otf") format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: './Museo';
    src: local('./Museo 700'), url("/static/media/Museo 700.dc579f97.otf") format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: './Museo';
    src: local('./Museo 900'), url("/static/media/Museo 900.baf82556.otf") format('opentype');
    font-weight: 900;
}
@font-face {
    font-family: './Proxima Nova';
    src: local('./Proxima Nova Thin'), url("/static/media/Proxima Nova Thin.8f0bc01c.otf") format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: './Proxima Nova';
    src: local('./Proxima Nova Regular'), url("/static/media/Proxima Nova Regular.410504d4.otf") format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: './Proxima Nova';
    src: local('./Proxima Nova Light'), url("/static/media/Proxima Nova Light.076d851b.otf") format('opentype');
    font-weight: 100;
}

@font-face {
    font-family: './Proxima Nova';
    src: local('./Proxima Nova Bold'), url("/static/media/Proxima Nova Bold.62d4d7d3.otf") format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: './Proxima Nova';
    src: local('./Proxima Nova semibold'), url("/static/media/Proxima Nova Semibold.6a386899.otf") format('opentype');
    font-weight: 500;
}/**
 Define responsive styles here for mobile applications
 body
**/


/**
Mobile Devices 
Phones, Wearables
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/*mobile*/


}

/*
 Larger screens mobile Devices
 Tablets, smallscreen PCs
*/
@media only screen
and (min-device-width : 481px) 
and (max-device-width : 1024px){ 
/* Tabs */

}

/*
  Large screens
  TV, Projector
 */
@media only screen
and (min-width : 1824px) {
/*largescreens*/

}
/**
 Define responsive styles here for mobile applications
 footer
**/


/**
Mobile Devices 
Phones, Wearables
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/*mobile*/


}

/*
 Larger screens mobile Devices
 Tablets, smallscreen PCs
*/
@media only screen
and (min-device-width : 481px) 
and (max-device-width : 1024px){ 
/* Tabs */

}

/*
  Large screens
  TV, Projector
 */
@media only screen
and (min-width : 1824px) {
/*largescreens*/

}
/**
 Define responsive styles here for mobile applications
 LeftPanel
**/


/**
Mobile Devices 
Phones, Wearables
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/*mobile*/


}

/*
 Larger screens mobile Devices
 Tablets, smallscreen PCs
*/
@media only screen
and (min-device-width : 481px) 
and (max-device-width : 1024px){ 
/* Tabs */

}

/*
  Large screens
  TV, Projector
 */
@media only screen
and (min-width : 1824px) {
/*largescreens*/

}
/**
 Define responsive styles here for mobile applications
 Navbar
**/


/**
Mobile Devices 
Phones, Wearables
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/*mobile*/


}

/*
 Larger screens mobile Devices
 Tablets, smallscreen PCs
*/
@media only screen
and (min-device-width : 481px) 
and (max-device-width : 1024px){ 
/* Tabs */

}

/*
  Large screens
  TV, Projector
 */
@media only screen
and (min-width : 1824px) {
/*largescreens*/

}
/*
This defines flexbox for and  component sizing 
arraagement 
Each style in this section has a mobile version
that automatically fits to the mobile requirement
*/

/*
SIZES
.fx-1 through ten define percentage sizing for the 
-----------------------------------------------------------------------------------------
*/

.styles__flex__fx___2EKRs___V5cx3{ 
    display:-ms-flexbox; 
    display:flex;
}

.styles__flex__fx-fullheight___OOX0I___2Mg2P {
    height: 100%;
}

.styles__flex__fx1___2ERe2___3G9Jn {
    width: 10%;
}

.styles__flex__fx1-5___19Sda___wvuiD {
    width: 15%;
}

.styles__flex__fx2___2me09___3n7E6 {
    width: 20%;
}

.styles__flex__fx2-5___15zjQ___vYZhe {
    width: 25%;
}

.styles__flex__fx3___2TuoT___1N7s- {
    width: 30%;
}

.styles__flex__fx3-5___3GKb4___2zyls {
    width: 35%;
}

.styles__flex__fx4___2DyKm___1G8Qm {
    width: 40%;
}

.styles__flex__fx4-5___2dNum___1XKmP {
    width: 50%;
}

.styles__flex__fx5___2RNBf___2RBGu {
    width: 50%;
}

.styles__flex__fx5-5___18ODa___2xHwc {
    width: 55%;
}

.styles__flex__fx6___1yaUw___338Kb {
    width: 60%;
}

.styles__flex__fx6-5___3Y-kv___BOj7y {
    width: 65%;
}

.styles__flex__fx7___2_v5J___tUzej {
    width: 70%;
}

.styles__flex__fx7-5___3ZcOf___3rGw9 {
    width: 75%;
}

.styles__flex__fx8___3BJ5h___3BV-s {
    width: 80%;
}

.styles__flex__fx8-5___2HyyY___3ffSA {
    width: 85%;
}

.styles__flex__fx9___2Yiu8___1G7kf {
    width: 90%;
}

.styles__flex__fx9-5___2Z0t2___2iZlf {
    width: 95%;
}

.styles__flex__fx10___1D7ab___1di3j {
    width: 100%;
}

/**
DIRECTION FLEX
-----------------------------------------------------------------------------------------
**/

.styles__flex__fx___2EKRs___V5cx3 {
    display: -ms-flexbox;
    display: flex;
}

.styles__flex__fx-horrizontal___3bAMF___35mM0 {
    -ms-flex-direction: row;
        flex-direction: row;
}

.styles__flex__fx-vertical___103z1___1s_Qx {
    -ms-flex-direction: column;
        flex-direction: column;
}

/*
For rows warap at the end 
*/

.styles__flex__fx-row-wrap___RJa6D___6bA2w {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/*
Align Items with equal spaces accross horrizontally or vertically
*/

.styles__flex__fx-align-horrizontal-equal___28Rqe___vlQA4 {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

/*
Align Items spread to fill the screen accross horrizontally or vertically
*/

.styles__flex__fx-align-horrizontal-fill___2Z_u2___1plF8 {
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.styles__flex__fx-row___1gHN6___2W8kI{ 
    -ms-flex-direction:row; 
        flex-direction:row;
}
.styles__flex__fx-column___gZbeR___3NcLs{ 
    -ms-flex-direction:column; 
        flex-direction:column;
}
/*
Centralize
*/

.styles__flex__fx-align-center___3dXC6___1GbmE {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

/*
Align Items to edge 
*/

.styles__flex__fx-start___2wVTD___38cmP {
    -ms-flex-pack: start;
        justify-content: flex-start;
}

/*
Align Items to end 
*/

.styles__flex__fx-start___2wVTD___38cmP {
    -ms-flex-pack: end;
        justify-content: flex-end;
}

/*
Align Item to bottom laterally
*/

.styles__flex__push-bottom___3DF7L___1QhZN {
    margin-top: auto;
}

/*
Align Item to top laterally
*/

.styles__flex__push-top___25yAX___spfDV {
    margin-bottom: auto;
}

/*
Align Item to right horrizontally in a row
*/

.styles__flex__push-right___3KXWZ___2l5ty {
    -ms-flex-item-align: end;
        align-self: flex-end;
}

/*
Align Item to left horrizontally
*/

.styles__flex__push-left___2xM4-___36E66 {
    -ms-flex-item-align: start;
        align-self: flex-start;
}

/*
* Fonts : Bundle all the fonts that will be used in the application
*/

/**
Font sizes 
**/

.styles__typography__h1___19qTt___1HQCT {
    font-family: Museo;
    font-size: 6rem;
    font-weight: 300;
    letter-spacing: -0.09375rem;
}

.styles__typography__h2___2wytS___1UCqO {
    font-family: Museo;
    font-size: 3.75rem;
    font-weight: 300;
    letter-spacing: -0.03125rem;
}

.styles__typography__h3___-yji0___1Ei84 {
    font-family: Museo;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0rem;
}

.styles__typography__h4___nWoqP___30OVE {
    font-family: Museo;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
}

.styles__typography__h5___38UIb___2FcWE {
    font-family: Proxima Nova;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 300;
    letter-spacing: 0rem;
    margin-bottom: 3px;
}

.styles__typography__h6___2himP___10C8T {
    font-family: Proxima Nova;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.009rem;
}

.styles__typography__subtitle-1___31iw6___3JFHJ {
    font-family: Museo;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.009rem;
}

.styles__typography__subtitle-2___3B76b___3PWBx {
    font-family: Proxima Nova;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.0125rem;
}

.styles__typography__body-1___3bHHU___MD-e3 {
    font-family: Proxima Nova;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.03125rem;
}

.styles__typography__body-2___19QGw___1px8Z {
    font-family: Proxima Nova;
    font-size: 0.675rem;
    font-weight: 400;
    letter-spacing: 0.0156rem;
}

.styles__typography__button___3jaAd___2VmOD {
    font-family: Proxima Nova;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.047rem;
}

.styles__typography__caption___3mGSY___Qy0Ud {
    font-family: Proxima Nova;
    font-size: 0.65rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
}

.styles__typography__overline___25O-w___1Lrez {
    font-family: Proxima Nova;
    font-size: 0.525rem;
    font-weight: 400;
    letter-spacing: 0.09375rem;
}

/**
ELLIPSES 
**/

/*  Single line ellipses */


.styles__typography__ellipses___2dqhl___2tdRw {
    width: 90%;
    /* Width takes 90% by default */
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

/* Multiline ellipses with line clamped to 4 lines */

.styles__typography__ml-ellipses-4___2PLI5___jXDB_ {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
/* Multiline ellipses with line clamped to 3 lines */

.styles__typography__ml-ellipses-3___2OzFg___75L0D {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
/* Multiline ellipses with line clamped to 2 lines */

.styles__typography__ml-ellipses-2___1aaTC___1L4bO {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

/* Multiline ellipses with line clamped to 6 lines */

.styles__typography__ml-ellipses-6___27YVN___2hTDD {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
}/**
Add background image 
**/
.styles__images__background-contain___1PY2Y___vYVkL { 
    background-color:rgba(0,0,0,0.1);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
.styles__images__background-cover___1JXvX___1fiwy{ 
    background-color:rgba(0,0,0,0.1);
    background-size:cover;
    background-position:center;
}
.styles__images__background-repeat___2lksz___1aTNy{ 
    background-color:rgba(0,0,0,0.1);
    background-size:contain;
    background-position:center;
}

/*
* Use i,mages as it is 
*/
/*
 Full sized images 
*/
.styles__images__img___4Yahv___I-QDO{ 
    max-width: 100%;
    height:auto;
}
/**
FIt image to a container
*/
.styles__images__imgFit___1bxeq___2Wnt3{ 
    -o-object-fit: cover; 
       object-fit: cover;
}/**
Define app wide colors here 
-----------------------------------------------------
COLOR DEFINITION

-- Dark shades are defined last while light are defined first
--- 1 represent the lighest shades
--- 3 represent the darkest shades
Primary color: Pink
Secondary color: blue (accent)
Primary-color1:#ffb2dd
Primary-color2:#ff80ab
Primary-color3:#c94f7c
secondary-color1:#82f7ff
secondary-color2:#40c4ff
secondary-color3:#0094cc
----------------------------------------------------------
COLOR FORMAT

suffix-f : Defines font colors
color without suffix - Define backround colors
suffix-b defines border colors
suffix - ph defines placeholders
ACCENT COLORS ARE USED ONLY IN TEXT SMALL COMPONENTS AND BORDERS
---------------------------------------------------------------
*/

/*
BACKGROUND COLORS
.................................................................
*/

.styles__color__primary-1___ofwsv___O-CtY {
    background: #ffb2dd;
}

.styles__color__primary-2___3w8Qk___1mXhr {
    background: #ff80ab;
}

.styles__color__primary-3___MzrXk___2a9T6 {
    background: #c94f7c;
}

.styles__color__secondary-1___71-hW___3mFLB {
    background: #82f7ff;
}

.styles__color__secondary-2___2kNbc___125x8 {
    background: #40c4ff;
}

.styles__color__secondary-3___2t2nm___1gZMt {
    background: #0094cc;
}

/**
Tansparent colors
**/

.styles__color__transp-light-1___263Ym___3hJ0m {
    background: rgba(255, 255, 255, 0.3);
}

.styles__color__transp-light-2___3jHwH___3ykht {
    background: rgba(255, 255, 255, 0.6);
}

.styles__color__transp-light-3___ZoFUk___1xHM2 {
    background: rgba(255, 255, 255, 0.8);
}

.styles__color__transp-dark-1___187Vo___18qCZ {
    background: rgba(0, 0, 0, 0.3);
}

.styles__color__transp-dark-2___2FQT2___3UpFr {
    background: rgba(0, 0, 0, 0.6);
}

.styles__color__transp-dark-3___8qUH1___1AqVA {
    background: rgba(0, 0, 0, 0.8);
}

.styles__color__light___1TKMQ___T-OuU {
    background: #fff;
}

.styles__color__dark___2nmRt___3s899 {
    background: #000;
}

/*
FONT COLORS
.................................................................
*/

.styles__color__light-f___qhekV___10Tmw {
    color: #fff;
}

.styles__color__dark-f___LC6IS___2DfxN {
    color: #000;
}

.styles__color__secondary-1-f___2atUI___1LkZy {
    color: #82f7ff;
}

.styles__color__secondary-2-f___10-to___2QeqE {
    color: #40c4ff;
}

.styles__color__secondary-3-f___1s3ZQ___1e63u {
    color: #0094cc;
}

/**
Tansparent font colors
**/

.styles__color__transp-light-1-f___336Vf___OqXgn {
    color: rgba(255, 255, 255, 0.3);
}

.styles__color__transp-light-2-f___2fbfQ___3qmui {
    color: rgba(255, 255, 255, 0.6);
}

.styles__color__transp-light-3-f___2_0gn___17X7t {
    color: rgba(255, 255, 255, 0.8);
}

.styles__color__transp-dark-1-f___qyzor___2c8-E {
    color: rgba(0, 0, 0, 0.3);
}

.styles__color__transp-dark-2-f___1n9Yk___1s0R2 {
    color: rgba(0, 0, 0, 0.6);
}

.styles__color__transp-dark-3-f___2RgWn___3sEZ3 {
    color: rgba(0, 0, 0, 0.8);
}

/*
Border COLORS
.................................................................
*/

.styles__color__light-b___2_66H___3dVT5 {
    border-color: #fff;
}

.styles__color__dark-b___3mRCz___1ZB19 {
    border-color: #000;
}

.styles__color__secondary-1-b___K0VjA___1bxa- {
    border-color: #82f7ff;
}

.styles__color__secondary-2-b___uzUJz___3aNrs {
    border-color: #40c4ff;
}

.styles__color__secondary-3-b___2yJJO___2q5ZE {
    border-color: #0094cc;
}

/**
Tansparent font colors
**/

.styles__color__transp-light-1-b___38QMV___1eqL4 {
    border-color: rgba(255, 255, 255, 0.3);
}

.styles__color__transp-light-2-b___bPoXL___34Vvk {
    border-color: rgba(255, 255, 255, 0.6);
}

.styles__color__transp-light-3-b___4LEq9___3Bmgh {
    border-color: rgba(255, 255, 255, 0.8);
}

.styles__color__transp-dark-1-b___1H-JY___KYl3c {
    border-color: rgba(0, 0, 0, 0.3);
}

.styles__color__transp-dark-2-b___1pea3___3DvN5 {
    border-color: rgba(0, 0, 0, 0.6);
}

.styles__color__transp-dark-3-b___ygQ0O___2UBYa {
    color: rgba(0, 0, 0, 0.8);
}/**
* Define animation classes for the app
* The top section defines keyframes 
* The lower section defines class for this key froames
**/

/**
Set transitions for all 
**/

* {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/**
 * Define bounceIn for components 
**/

@-webkit-keyframes styles__animation__bounceIn___3hzSD___18FHg {
    0% {
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes styles__animation__bounceIn___3hzSD___18FHg {
    0% {
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/**
 * Define bounceOut for components 
**/

@keyframes styles__animation__bounceIn___3hzSD___18FHg {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
    }
}

/**
 * 
 *
 **/

/** 
   * Linnear Movement horrizontal
   *
  **/

@-webkit-keyframes styles__animation__lateralMoveVertical___2mbU7___3wdth {
    0% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        opacity: 1;
    }
}

@keyframes styles__animation__lateralMoveVertical___2mbU7___3wdth {
    0% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        opacity: 1;
    }
}

/** 
   * Linnear Movement Vetical
   *
  **/

@-webkit-keyframes styles__animation__lateralMoveHorrizontal___1qnuv___3Jo1C {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        opacity: 1;
    }
}

@keyframes styles__animation__lateralMoveHorrizontal___1qnuv___3Jo1C {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        opacity: 1;
    }
}

/** 
   * Scales 
   *
  **/

@-webkit-keyframes styles__animation__scaleExpand___1r0pr___2Lgri {
    0% {
        -webkit-transform: scale(0%);
                transform: scale(0%);
    }
    60% {
        -webkit-transform: scale(110%);
                transform: scale(110%);
    }
    100% {
        -webkit-transform: scale(100%);
                transform: scale(100%);
    }
}

@keyframes styles__animation__scaleExpand___1r0pr___2Lgri {
    0% {
        -webkit-transform: scale(0%);
                transform: scale(0%);
    }
    60% {
        -webkit-transform: scale(110%);
                transform: scale(110%);
    }
    100% {
        -webkit-transform: scale(100%);
                transform: scale(100%);
    }
}

/**
 * Cool veiw
 * Typically useful for implementing picutures comming in 
 **/

@-webkit-keyframes styles__animation__imagebounceIn___sMXhU___1s9rN {
    0% {
        -webkit-transform: scale(10%);
                transform: scale(10%);
        -webkit-transform: translateX(-20%);
                transform: translateX(-20%);
        opacity: 0%;
    }
    40% {
        -webkit-transform: scale(60%);
                transform: scale(60%);
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(110%);
                transform: scale(110%);
        -webkit-transform: translateX(-5%);
                transform: translateX(-5%);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(100%);
                transform: scale(100%);
        opacity: 1;
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

@keyframes styles__animation__imagebounceIn___sMXhU___1s9rN {
    0% {
        -webkit-transform: scale(10%);
                transform: scale(10%);
        -webkit-transform: translateX(-20%);
                transform: translateX(-20%);
        opacity: 0%;
    }
    40% {
        -webkit-transform: scale(60%);
                transform: scale(60%);
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(110%);
                transform: scale(110%);
        -webkit-transform: translateX(-5%);
                transform: translateX(-5%);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(100%);
                transform: scale(100%);
        opacity: 1;
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

/**
 * Continous rotation 
 **/

@-webkit-keyframes styles__animation__rotate___Br9lM___3-IQ9 {
    0% {
        -webkit-transform: rotate(0turn);
                transform: rotate(0turn);
    }
    100% {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

@keyframes styles__animation__rotate___Br9lM___3-IQ9 {
    0% {
        -webkit-transform: rotate(0turn);
                transform: rotate(0turn);
    }
    100% {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

@-webkit-keyframes styles__animation__elevate___3nzdJ___3b217 {
    0% {
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
    }
    100% {
        -webkit-transform: translateZ(0.3);
                transform: translateZ(0.3);
    }
}

@keyframes styles__animation__elevate___3nzdJ___3b217 {
    0% {
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
    }
    100% {
        -webkit-transform: translateZ(0.3);
                transform: translateZ(0.3);
    }
}

.styles__animation__bounceIn___3hzSD___18FHg {
    -webkit-animation: styles__animation__bounceIn___3hzSD___18FHg 2s ease-in 1;
            animation: styles__animation__bounceIn___3hzSD___18FHg 2s ease-in 1;
}

.styles__animation__bounceOut___3XPBJ___2NETs {
    -webkit-animation: styles__animation__bounceOut___3XPBJ___2NETs 2s ease-in 1;
            animation: styles__animation__bounceOut___3XPBJ___2NETs 2s ease-in 1;
}

.styles__animation__lateralMoveHorrizontalInfinte___1FUoU___Hm0WF {
    -webkit-animation: styles__animation__lateralMoveHorrizontal___1qnuv___3Jo1C 4s ease-in infinite;
            animation: styles__animation__lateralMoveHorrizontal___1qnuv___3Jo1C 4s ease-in infinite;
}

.styles__animation__lateralMoveVerticalInfinte___2VIrx___1-1Km {
    -webkit-animation: styles__animation__lateralMoveVertical___2mbU7___3wdth 4s ease-in infinite;
            animation: styles__animation__lateralMoveVertical___2mbU7___3wdth 4s ease-in infinite;
}

.styles__animation__scaleExpand___1r0pr___2Lgri {
    -webkit-animation: styles__animation__scaleExpand___1r0pr___2Lgri 0.4s ease-in 1;
            animation: styles__animation__scaleExpand___1r0pr___2Lgri 0.4s ease-in 1;
}

.styles__animation__hoverExpand___iB-6F___3_ppU:hover {
    -webkit-animation: styles__animation__scaleExpand___1r0pr___2Lgri, styles__animation__elevate___3nzdJ___3b217 0.4s ease-in 1;
            animation: styles__animation__scaleExpand___1r0pr___2Lgri, styles__animation__elevate___3nzdJ___3b217 0.4s ease-in 1;
}

.styles__animation__rotate___Br9lM___3-IQ9 {
    -webkit-animation: styles__animation__rotate___Br9lM___3-IQ9 0.4s ease-in infinite;
            animation: styles__animation__rotate___Br9lM___3-IQ9 0.4s ease-in infinite;
}

.styles__animation__imageBounceIn___13TUw___2ILJT {
    -webkit-animation: styles__animation__imagebounceIn___sMXhU___1s9rN 4s ease-in 1;
            animation: styles__animation__imagebounceIn___sMXhU___1s9rN 4s ease-in 1;
}/*
DEFINE BOX SHADOWS HERE AND BORDER RADIUS
*/

/**
Vertical bottom bx
**/
.styles__box-shadow__no-bx___2p7PT___1LIZ4{ 
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)!important; 
    -moz-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)!important;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
.styles__box-shadow__bx-top___1Rpec___1rz7d {
    -webkit-box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
}

/**
Vertical top bx
**/

.styles__box-shadow__bx-bottom___2g7YR___tufY- {
    -webkit-box-shadow: 0 3px 2px -2px rgba(0,0,0,.1);
    box-shadow: 0 3px 2px -2px rgba(0,0,0,.1);
}

/**
Horixzontal left bx
**/

.styles__box-shadow__bx-left___1uS9X___1399f {
    -webkit-box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.35);
    box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.35);
}

.styles__box-shadow__bx-right___1fkeN___3CjUy {
    -webkit-box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
}

/*
* BORDER RADIUS
----------------------------------------------------------------------------
*/

.styles__box-shadow__br-all___Cn0Ko___NZEKr {
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

.styles__box-shadow__br-top-left___3zK5L___G7Ob9 {
    border-radius: 3px 0px 0px 0px;
    -moz-border-radius: 3px 0px 0px 0px;
    -webkit-border-radius: 3px 0px 0px 0px;
}

.styles__box-shadow__br-top-right___2IPDl___1pbHe {
    border-radius: 0px 3px 0px 0px;
    -moz-border-radius: 0px 3px 0px 0px;
    -webkit-border-radius: 0px 3px 0px 0px;
}

.styles__box-shadow__br-bottom-left___11pDn___3qmrY {
    border-radius: 0px 0px 0px 3px;
    -moz-border-radius: 0px 0px 0px 3px;
    -webkit-border-radius: 0px 0px 0px 3px;
}

.styles__box-shadow__br-bottom-right___2kbXv___-IJa- {
    border-radius: 0px 0px 3px 0px;
    -moz-border-radius: 0px 0px 3px 0px;
    -webkit-border-radius: 0px 0px 3px 0px;
    border: 0px solid #000000;
}

.styles__box-shadow__br-top___2TB-D___52wxp {
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}

.styles__box-shadow__br-bottom___Y0FVi___3BV3k {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}

.styles__box-shadow__rounded___30QJb___2oTwA {
    border-radius:50%;
}
/**
DEFINE PADDING 
**/
*{ 
    -webkit-box-sizing:border-box; 
            box-sizing:border-box;
}
.styles__padding__padding-1___17Rd0___3Bxru { 
    padding:0.19rem;
}
.styles__padding__padding-2___v6g-J___2RMy7{ 
    padding:0.313rem;
}
.styles__padding__padding-3___GzYHQ___1t3Dm{ 
    padding:0.4375rem;
}
.styles__padding__padding-4___2OCax___2qT3n{ 
    padding:0.5625rem;
}
.styles__padding__padding-5___1WXEm___3BPGc{ 
    padding:0.6875rem;
}
.styles__padding__padding-6___1oe0u___2LZ7b{ 
    padding:1rem;
}
.styles__padding__padding-7___2zOKX___3oGrV{ 
    padding:1.25rem;
}
.styles__padding__padding-8___3OaBf___3E0s2{ 
    padding:1.875rem;
}
.styles__padding__padding-9___29Syj___k7_L7{ 
   padding:2.1875rem; 
}
.styles__padding__padding-10___228gz___2cIZF{ 
    padding:2.5rem;
}
.styles__padding__margin-1___3RNQu___2N6jD { 
    margin:0.19rem;
}
.styles__padding__margin-2___22d_w___Fo6pV{ 
    margin:0.313rem;
}
.styles__padding__margin-3___3iOjV___2F6tl{ 
    margin:0.4375rem;
}
.styles__padding__margin-4___2gKX4___2_wEL{ 
    margin:0.5625rem;
}
.styles__padding__margin-5___3pMzm___oogX9{ 
    margin:0.6875rem;
}
.styles__padding__margin-6___4o1cZ___1ELGy{ 
    margin:1rem;
}
.styles__padding__margin-7___27nw____3FHSL{ 
    margin:1.25rem;
}
.styles__padding__margin-8___2GxTL___3PVA9{ 
    margin:1.875rem;
}
.styles__padding__margin-9___3-eSV___G7PtR{ 
   margin:2.1875rem; 
}
.styles__padding__margin-10___2yFvg___2tpzY{ 
    margin:2.5rem;
}/**
 Define responsive styles here for mobile applications
 General appwide
**/

/**
Mobile Devices 
Phones, Wearables
**/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /*mobile*/
  .styles__mobile__fx-mobile-full___O4s3k___29i0c {
    width: 100%;
  }
}

/*
 Larger screens mobile Devices
 Tablets, smallscreen PCs
*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  /* Tabs */
  .styles__mobile__fx-tab-full___1bbLk___2husn {
    width: 100%;
  }
}

/* 
/*
  Large screens
  TV, Projector
 */

/* @media only screen
and (min-width : 1824px) {
/*largescreens*/

/* }   *//**
DEFINE STYLES FOR CARDS 
All cards may have 
drop shadow, 
thumbnail;
topdescription

Detailed cards must have interaction 
*/

/**
SHared card component;
**/

.styles__cards__card___lJL7g___2H9Xw {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0.4375rem;
    margin: 0;
    border: solid 1px rgba(0, 0, 0, 0.08);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 80px;
    margin-bottom: 2px;
}

.styles__cards__card-row___3jQlv___qGRfd {
    padding: 0rem 0.313rem;
    overflow: hidden;
}

.styles__cards__card-header___cJK31___HxYGN {
    height: 48px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.04);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 0.6875rem;
}

.styles__cards__card-thumbnail___39-bs___xOQI2 {
    min-height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}

.styles__cards__card___lJL7g___2H9Xw .styles__cards__body-2___EAMFk___1Qe3Z {
    margin-bottom: 5px;
}

.styles__cards__card-thumbnail___39-bs___xOQI2 .styles__cards__caption___1Uatc___3cAWU {
    color: #666;
    margin-top: 3px;
    margin-bottom: 7px;
}

.styles__cards__card-thumbnail___39-bs___xOQI2 .styles__cards__img___3HFt6___1c5WO {
    width: 55px;
    height: 60px;
    padding: 6px;
    background-image: url("https://i.imgur.com/ObSvn4R.jpg");
    background-size: cover;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: rgba(0, 0, 0, 0.04);
}

.styles__cards__card-thumbnail___39-bs___xOQI2 .styles__cards__list___35LIV___1A-7J {
    width: auto;
    max-width:80%;
    height: 100%;
    padding: 0px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}

.styles__cards__list___35LIV___1A-7J .styles__cards__h6___2dUQo___2EEO6 {
    margin-bottom: 0px;
    color: #444;
}

.styles__cards__list___35LIV___1A-7J .styles__cards__body-2___EAMFk___1Qe3Z {
    color: #666;
    margin-top: 3px;
}

.styles__cards__card-thumbnail___39-bs___xOQI2 .styles__cards__icons___3jD3Y___26TyS {
    margin-left: auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
}

.styles__cards__card___lJL7g___2H9Xw:hover {
    -webkit-box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
}
/**
HIGHLIGHT TEXT CARDS 
**/

/** 
LIST CONTENT CARDS 
**/

/** 
DISPLAY MAJOR CONTENT CARDS 
**/

/** 
DISPLAY WRITEUP CARDS
**/

/** 
IMPORTANT INFO CARDS
**/

/** 
DETAILED CARDS 
**/

/** 
IMAGE PREVIEW CARDS 
**/

/** 
INTRO CARDS 
**//**
 Define responsive styles here for mobile applications
 General appwide
**/

/**
Mobile Devices 
Phones, Wearables
**/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /*mobile*/
    .styles__mobile__card___127Xq___3tzP5{ 
        display:-ms-flexbox; 
        display:flex;
        -ms-flex-direction:column;
            flex-direction:column;
        width:100%;
        padding:0.4375rem;
        margin:0;
        border:solid 1px rgba(0,0,0,0.08);
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        min-height:400px;
    }
  }
  
  /*
   Larger screens mobile Devices
   Tablets, smallscreen PCs
  */
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    /* Tabs */
    .styles__mobile__fx-tab-full___r_1aO___b8A-D {
      width: 100%;
    }
  }
  
  /* 
  /*
    Large screens
    TV, Projector
   */
  
  /* @media only screen
  and (min-width : 1824px) {
  /*largescreens*/
  
  /* }   *//**
* Import dependecies
**/
/**
* Define Global styles 
**/

body,
html {
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-family: Roboto;
    color:222;
}
/*# sourceMappingURL=main.7033f041.css.map*/