@font-face {
    font-family: "Raleway";
    src: url("../fonts/Raleway-Regular.ttf") format("truetype"),
           url("../fonts/Raleway-Regular.woff") format("woff");
   }
@font-face {
    font-family: "Raleway-B";
    src: url("../fonts/Raleway-Bold.ttf") format("truetype"),
           url("../fonts/Raleway-Bold.woff") format("woff");
   }
@font-face {
    font-family: "Raleway-EB";
    src: url("../fonts/Raleway-ExtraBold.ttf") format("truetype"),
           url("../fonts/Raleway-ExtraBold.woff") format("woff");
   }



 :root {



    /* Fonts */


    --primary-font: 'Raleway', Arial, Helvetica, sans-serif;

    --primary-font-b: 'Raleway-B', Arial, Helvetica, sans-serif;

    --primary-font-eb: 'Raleway-EB', Arial, Helvetica, sans-serif;


    /* Colors */


    --primary: #F0F8FF;



    --secondary: #66B4E5;



    --tertiary: #64B5F6;



    --text: #585C66;


    --icon: #4155A2;


    --white: #fff;


 }







 ::selection {



     color: var(--white);



     background: var(--secondary);



 }



body {
    font-family: var(--primary-font);
}


 p, span {

     font-size: 14px;

     color: var(--text);

     font-family: var(--primary-font);

     line-height: 19px;

     font-weight: 200;

 }
em {
    font-style: italic;
}
a {

    color: var(--secondary);

    transition: all .3s;

}

 a:hover {

     text-decoration: none;

     transition: all .3s;

     color: #9F9F9F;

 }





 strong {

     font-weight: 700;

 }



#cookie-law-info-bar, .cli-modal-body {
    font-family: var(--primary-font)!important;
}

#wt-cli-privacy-save-btn {
    font-family: var(--primary-font);
}