:root {

    --ff-roboto: 'Roboto', sans-serif;

    --ff-mont: 'Montserrat', sans-serif;

    --ff-lato: 'Lato', sans-serif;

    /*--lightGreen: #1fc157;
*/
    --lightGreen: #308ae5;

   /* --darkGreen: #218838;*/
    --darkGreen:  #06457d;
    
    --darkGray: #333333;

    --lightGray: #888888;

    --18: 18px;

    --16: 16px;

    --20: 20px;

    --45: 45px;

}



@font-face {

    font-family: 'Metropolis Regular';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-Regular.woff');

}



@font-face {

    font-family: 'Metropolis Regular Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-RegularItalic.woff');

}



@font-face {

    font-family: 'Metropolis Extra Light';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-ExtraLight.woff');

}



@font-face {

    font-family: 'Metropolis Light';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-Light.woff');

}



@font-face {

    font-family: 'Metropolis Thin';

    font-style: normal;

    font-weight: normal;

    src: url('Metropolis-Thin.woff');

}



@font-face {

    font-family: 'Metropolis Extra Light Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-ExtraLightItalic.woff');

}



@font-face {

    font-family: 'Metropolis Light Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-LightItalic.woff');

}



@font-face {

    font-family: 'Metropolis Thin Italic';

    font-style: normal;

    font-weight: normal;

    src:  url('../fonts/Metropolis-ThinItalic.woff');

}



@font-face {

    font-family: 'Metropolis Medium';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-Medium.woff');

}



@font-face {

    font-family: 'Metropolis Semi Bold';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-SemiBold.woff');

}



@font-face {

    font-family: 'Metropolis Bold';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-Bold.woff');

}



@font-face {

    font-family: 'Metropolis Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-BoldItalic.woff');

}



@font-face {

    font-family: 'Metropolis Medium Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-MediumItalic.woff');

}



@font-face {

    font-family: 'Metropolis Semi Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-SemiBoldItalic.woff');

}



@font-face {

    font-family: 'Metropolis Extra Bold';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-ExtraBold.woff');

}



@font-face {

    font-family: 'Metropolis Extra Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-ExtraBoldItalic.woff');

}



@font-face {

    font-family: 'Metropolis Black';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-Black.woff');

}



@font-face {

    font-family: 'Metropolis Black Italic';

    font-style: normal;

    font-weight: normal;

    src: url('../fonts/Metropolis-BlackItalic.woff');

}

.form-control {

    border-radius: 0;

    resize: none;

}