@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("/dygl/static/media/Museo 100.7de6a6e9.otf") format('opentype');
    font-weight: 100;
}

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

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

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

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

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

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

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

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

@font-face {
    font-family: './Proxima Nova';
    src: local('./Proxima Nova semibold'), url("/dygl/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___3a-ZZ{ 
    display:-ms-flexbox; 
    display:flex;
}

.styles__flex__fx-fullheight___wzIFg {
    height: 100%;
}

.styles__flex__fx1____uaS5 {
    width: 10%;
}

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

.styles__flex__fx2___Q-nCX {
    width: 20%;
}

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

.styles__flex__fx3___3bSv7 {
    width: 30%;
}

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

.styles__flex__fx4___1ErF6 {
    width: 40%;
}

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

.styles__flex__fx5___1tFsn {
    width: 50%;
}

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

.styles__flex__fx6___1WiBa {
    width: 60%;
}

.styles__flex__fx6-5___1-2y7 {
    width: 65%;
}

.styles__flex__fx7___1JHrc {
    width: 70%;
}

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

.styles__flex__fx8___1Jy4l {
    width: 80%;
}

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

.styles__flex__fx9___N0QaS {
    width: 90%;
}

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

.styles__flex__fx10___2CPEH {
    width: 100%;
}

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

.styles__flex__fx___3a-ZZ {
    display: -ms-flexbox;
    display: flex;
}

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

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

/*
For rows warap at the end 
*/

.styles__flex__fx-row-wrap___33V5R {
    -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___2efth {
    -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___1FhnG {
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.styles__flex__fx-row___3ZdEa{ 
    -ms-flex-direction:row; 
        flex-direction:row;
}
.styles__flex__fx-column___RjYi-{ 
    -ms-flex-direction:column; 
        flex-direction:column;
}
/*
Centralize
*/

.styles__flex__fx-align-center___3c5xd {
    -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___1im-6 {
    -ms-flex-pack: start;
        justify-content: flex-start;
}

/*
Align Items to end 
*/

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

/*
Align Item to bottom laterally
*/

.styles__flex__push-bottom___1Ut-O {
    margin-top: auto;
}

/*
Align Item to top laterally
*/

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

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

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

/*
Align Item to left horrizontally
*/

.styles__flex__push-left___2IJmt {
    -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___MeLDg {
    font-family: Museo;
    font-size: 6rem;
    font-weight: 300;
    letter-spacing: -0.09375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

/**
ELLIPSES 
**/

/*  Single line ellipses */


.styles__typography__ellipses___2XNut {
    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___3rO8W {
    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___3p8hV {
    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___2HsiM {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

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

.styles__typography__ml-ellipses-6___3zVjB {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
}/**
Add background image 
**/
.styles__images__background-contain___2bnsP { 
    background-color:rgba(0,0,0,0.1);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
.styles__images__background-cover___3_786{ 
    background-color:rgba(0,0,0,0.1);
    background-size:cover;
    background-position:center;
}
.styles__images__background-repeat___2YpJr{ 
    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___1gbJE{ 
    max-width: 100%;
    height:auto;
}
/**
FIt image to a container
*/
.styles__images__imgFit___1krtD{ 
    -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___3QQf6 {
    background: #ffb2dd;
}

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

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

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

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

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

/**
Tansparent colors
**/

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

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

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

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

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

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

.styles__color__light___2L4HS {
    background: #fff;
}

.styles__color__dark___24uSb {
    background: #000;
}

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

.styles__color__light-f___3QNm2 {
    color: #fff;
}

.styles__color__dark-f___3gwBJ {
    color: #000;
}

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

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

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

/**
Tansparent font colors
**/

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

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

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

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

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

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

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

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

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

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

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

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

/**
Tansparent font colors
**/

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

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

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

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

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

.styles__color__transp-dark-3-b___2OoJl {
    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___3R9HL {
    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___3R9HL {
    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___3R9HL {
    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___15NhJ {
    0% {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        opacity: 1;
    }
}

@keyframes styles__animation__lateralMoveVertical___15NhJ {
    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____LjGl {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        opacity: 1;
    }
}

@keyframes styles__animation__lateralMoveHorrizontal____LjGl {
    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___2nDDF {
    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___2nDDF {
    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___37Blu {
    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___37Blu {
    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___3xf8_ {
    0% {
        -webkit-transform: rotate(0turn);
                transform: rotate(0turn);
    }
    100% {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

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

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

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

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

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

.styles__animation__lateralMoveHorrizontalInfinte___TS08x {
    -webkit-animation: styles__animation__lateralMoveHorrizontal____LjGl 4s ease-in infinite;
            animation: styles__animation__lateralMoveHorrizontal____LjGl 4s ease-in infinite;
}

.styles__animation__lateralMoveVerticalInfinte___3EHNB {
    -webkit-animation: styles__animation__lateralMoveVertical___15NhJ 4s ease-in infinite;
            animation: styles__animation__lateralMoveVertical___15NhJ 4s ease-in infinite;
}

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

.styles__animation__hoverExpand___ExUGa:hover {
    -webkit-animation: styles__animation__scaleExpand___2nDDF, styles__animation__elevate___1vzj7 0.4s ease-in 1;
            animation: styles__animation__scaleExpand___2nDDF, styles__animation__elevate___1vzj7 0.4s ease-in 1;
}

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

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

/**
Vertical bottom bx
**/
.styles__box-shadow__no-bx___3GPZL{ 
    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___3W0bN {
    -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___13E0u {
    -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___37fwJ {
    -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___1iEoZ {
    -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___1OzO1 {
    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___3TtvJ {
    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___2cigI {
    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___2F5Mx {
    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___14nXE {
    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___17FTQ {
    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___3T7yj {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}

.styles__box-shadow__rounded___3APsC {
    border-radius:50%;
}
/**
DEFINE PADDING 
**/
*{ 
    -webkit-box-sizing:border-box; 
            box-sizing:border-box;
}
.styles__padding__padding-1___1Ix1a { 
    padding:0.19rem;
}
.styles__padding__padding-2___37eH6{ 
    padding:0.313rem;
}
.styles__padding__padding-3___3AEF2{ 
    padding:0.4375rem;
}
.styles__padding__padding-4___1eeyh{ 
    padding:0.5625rem;
}
.styles__padding__padding-5___loglR{ 
    padding:0.6875rem;
}
.styles__padding__padding-6___3JrSo{ 
    padding:1rem;
}
.styles__padding__padding-7___UFd9F{ 
    padding:1.25rem;
}
.styles__padding__padding-8___m8PAo{ 
    padding:1.875rem;
}
.styles__padding__padding-9___272di{ 
   padding:2.1875rem; 
}
.styles__padding__padding-10___3lmg-{ 
    padding:2.5rem;
}
.styles__padding__margin-1___1ZMh3 { 
    margin:0.19rem;
}
.styles__padding__margin-2___FHZsD{ 
    margin:0.313rem;
}
.styles__padding__margin-3___1wkFv{ 
    margin:0.4375rem;
}
.styles__padding__margin-4___62mG8{ 
    margin:0.5625rem;
}
.styles__padding__margin-5___3_yRx{ 
    margin:0.6875rem;
}
.styles__padding__margin-6___1T5Yz{ 
    margin:1rem;
}
.styles__padding__margin-7___mvZ3e{ 
    margin:1.25rem;
}
.styles__padding__margin-8___25GPs{ 
    margin:1.875rem;
}
.styles__padding__margin-9___2fC2W{ 
   margin:2.1875rem; 
}
.styles__padding__margin-10___1Bfqr{ 
    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___6Lbuz {
    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___1Q5yT {
    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___xHalQ {
    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___229ix {
    padding: 0rem 0.313rem;
    overflow: hidden;
}

.styles__cards__card-header___3WgmD {
    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___zLH5O {
    min-height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}

.styles__cards__card___xHalQ .styles__cards__body-2___111vd {
    margin-bottom: 5px;
}

.styles__cards__card-thumbnail___zLH5O .styles__cards__caption___1xYwv {
    color: #666;
    margin-top: 3px;
    margin-bottom: 7px;
}

.styles__cards__card-thumbnail___zLH5O .styles__cards__img___38CAs {
    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___zLH5O .styles__cards__list___vA-Dm {
    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___vA-Dm .styles__cards__h6___2KDwi {
    margin-bottom: 0px;
    color: #444;
}

.styles__cards__list___vA-Dm .styles__cards__body-2___111vd {
    color: #666;
    margin-top: 3px;
}

.styles__cards__card-thumbnail___zLH5O .styles__cards__icons___2nFQ4 {
    margin-left: auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
}

.styles__cards__card___xHalQ: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___32wGK{ 
        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___1Q5yT {
      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.aa17ed75.css.map*/