@charset "UTF-8";

@font-face {
  font-family: 'M-Light';
  src: url('../css/fonts/RubrikLight.eot');
  src: url('../css/fonts/RubrikLight.eot?#iefix') format('embedded-opentype'),
       url('../css/fonts/RubrikLight.svg#RubrikLight') format('svg'),
       url('../css/fonts/RubrikLight.ttf') format('truetype'),
       url('../css/fonts/RubrikLight.woff') format('woff'),
       url('../css/fonts/RubrikLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'M-Regular';
  src: url('../css/fonts/Rubrik.eot');
  src: url('../css/fonts/Rubrik.eot?#iefix') format('embedded-opentype'),
       url('../css/fonts/Rubrik.svg#Rubrik') format('svg'),
       url('../css/fonts/Rubrik.ttf') format('truetype'),
       url('../css/fonts/Rubrik.woff') format('woff'),
       url('../css/fonts/Rubrik.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'M-Medium';
  src: url('../css/fonts/RubrikMedium.eot');
  src: url('../css/fonts/RubrikMedium.eot?#iefix') format('embedded-opentype'),
  url('../css/fonts/RubrikMedium.svg#RubrikMedium') format('svg'),
  url('../css/fonts/RubrikMedium.ttf') format('truetype'),
  url('../css/fonts/RubrikMedium.woff') format('woff'),
  url('../css/fonts/RubrikMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'M-Bold';
  src: url('../css/fonts/RubrikBold.eot');
  src: url('../css/fonts/RubrikBold.eot?#iefix') format('embedded-opentype'),
       url('../css/fonts/RubrikBold.svg#RubrikBold') format('svg'),
       url('../css/fonts/RubrikBold.ttf') format('truetype'),
       url('../css/fonts/RubrikBold.woff') format('woff'),
       url('../css/fonts/RubrikBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

h1{

	font-family: M-Regular, Arial, Helvetica, sans-serif !important;
    font-size:2.5em;
	font-weight:normal;
	color:#666666;
	line-height:100%;
	letter-spacing:-1px;
	text-decoration:none;
    margin-bottom:0.5em;

}

h2{

	font-family: M-Regular, Arial, Helvetica, sans-serif !important;
	font-size:2em;
	font-weight:normal;
	color:#666666 !important;
	line-height:100%;
	letter-spacing:-0.5px;
	text-decoration:none;
    margin-bottom:0.5em;

}

h3{

	font-family: M-Regular, Arial, Helvetica, sans-serif !important;
	font-size:0.6em;
	font-weight:normal;
	color:#666666 !important;
	line-height:110%;
	text-decoration:none;
    margin-bottom:0.5em;

}

h4{
    
    font-family: M-Regular, Arial, Helvetica, sans-serif !important;
	font-size:1.3em;
	font-weight:normal;
	color:#666666 !important;
	line-height:100%;
	letter-spacing:-0.5px;
	text-decoration:none;
    margin-bottom:0.5em; 
}

.b-regular{
    
    font-family: M-Light, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: left;
}

.b-small{
    
    font-family: M-Light, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: left;
}

.b-heading{
    
    font-family: M-Regular, Arial, Helvetica, sans-serif;
	font-size:1.75em;
	font-weight:normal;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: left;
}

.b-bold{
    
    font-family: M-Regular,Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: left;
}

.icon-large{
	font-size: 2em !important;
}

/* FORMS */

.form-input{
    
    font-family: M-Light, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#333333;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: left;
    border: thin solid #CCCCCC;
    padding: 2px;
}

.canvas-input{
	
	font-family: M-Light, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:normal;
	color:#333333;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: left;
    border: thin solid #CCCCCC;
    padding: 2px;
}

/* EDITING */

.tools_regular_left{
    
    font-family: M-Light, Arial, Helvetica, sans-serif !important;
	font-size:0.75em !important;
	font-weight:normal;
	color:#333333;
	line-height:150%;
	text-decoration:none;
    text-align: left;
    margin-bottom: 0.5em;
}

.tools_regular_left_white{
    
    font-family: M-Light, Arial, Helvetica, sans-serif !important;
	font-size:0.75em !important;
	font-weight:normal;
	color:#FFFFFF;
	line-height:150%;
	text-decoration:none;
    text-align: left;
    margin-bottom: 0.5em;
}

a.tools_regular_left_white, a.tools_regular_left_white:active, a.tools_regular_left_white:hover, a.tools_regular_left_white:visited{
    color: #FFFFFF !important;
}

.tools_menu{
    font-family: M-Light, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#666666;
	line-height:150%;
	text-decoration:none;
    margin-bottom:0.5em;
    text-align: center;
}

/* BUTTONS */

.no-button{
    
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
	padding: 5px !important;
	margin: 0;
}

.button-r{
    
    font-family: M-Regular,Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#333333;
    padding: 15px;
	line-height:100%;
    border: none;
    border-radius: 6px;
	cursor: pointer; 
}

.block-button{
    
    font-family: M-Regular, Arial, Helvetica, sans-serif !important;
	font-size:1em;
	font-weight:normal;
	background-color:#FF671D;
	color: #FFFFFF;
	border: none;
	padding: 15px;
    border-radius: 6px;
	line-height:100%;
	cursor: pointer; 
    
}

.orange-button{
    
    font-family: M-Regular, Arial, Helvetica, sans-serif !important;
	font-size:0.8em;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
    min-height:20px;
	width:auto;
    min-width:60px;
	background-color: #FF671D;;
	color:#FFFFFF;
	border-radius: 10px;
    border: thin solid #FFFFFF;
    
}