/* ========================================================================
   Typo
 ========================================================================== */

/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


 
/* ========================================================================
   General
 ========================================================================== */

html {
	font: 300 17px / 30px 'Montserrat', Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #000;
}

.tm-logo {
	max-width: 250px;
	height: inherit;
}

.uk-link, a {
	color: #ab82df;
}

/* ========================================================================
   Headings
 ========================================================================== */


h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 25px 0;
}




h1,
.uk-h1 {
  font-size: 30px;
  line-height: 40px;
}


/* ========================================================================
   Color
 ========================================================================== */


.blue {
	color: #251e5b
}

.purple {
	color: #ab82df
}


/* ========================================================================
   Circle
 ========================================================================== */



/* ========================================================================
   Animation
 ========================================================================== */

.el-image.animation-spin {

animation-name: spin;
    animation-duration: 14000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

    @-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotate(360deg); 
        }
    }
    @-webkit-keyframes spin { 
        from { 
            -webkit-transform: rotate(0deg); 
        } to { 
            -webkit-transform: rotate(360deg); 
        }
    }
    @keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(360deg); 
        }
    }