@font-face {
	font-family: 'DINOT-Medium';
	src: url('../fonts/DINOT-Medium.eot');
	src: local('xxx'),
 
		 url('../fonts/DINOT-Medium.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/DINOT-Medium.woff') format('woff'),
 
		 url('../fonts/DINOT-Medium.ttf') format('truetype'),
 
		 url('../fonts/DINOT-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINOT-CondMedium';
	src: url('../fonts/DINOT-CondMedium.eot');
	src: local('xxx'),
 
		 url('../fonts/DINOT-CondMedium.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/DINOT-CondMedium.woff') format('woff'),
 
		 url('../fonts/DINOT-CondMedium.ttf') format('truetype'),
 
		 url('../fonts/DINOT-CondMedium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINOT-Regular';
	src: url('../fonts/DINOT-Regular.eot');
	src: local('xxx'),
 
		 url('../fonts/DINOT-Regular.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/DINOT-Regular.woff') format('woff'),
 
		 url('../fonts/DINOT-Regular.ttf') format('truetype'),
 
		 url('../fonts/DINOT-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*==========Font family==========*/
.medium{font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif;}
.mediumNor{font-family: 'DINOT-Medium',
 Arial,
 sans-serif;}
.bold{font-family: 'DINOT-Medium',
 Arial,
 sans-serif;}

/*==========h1 to h6==========*/
h1,
h2,
h3,
h4,
h5,
h6{margin-top: 0; font-weight: normal;}
h1{font-size: 36px;	margin-bottom: 20px; font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif;}
h2{font-size: 30px;	margin-bottom: 0; font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif;}

h3{margin-bottom: 10px; font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif;}
h4{margin-bottom: 10px; font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif; line-height: 1.5;}
h5{margin-bottom: 20px; font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif;}
h6{margin-bottom: 20px; font-family: 'DINOT-CondMedium',
 Arial,
 sans-serif;}

h3.nogap{margin-bottom:0px;}
h3,
h4{
	font-size: 19px;
	margin-bottom: 10px;
}

/*==========Font sizes==========*/
p{margin-bottom: 25px; color: #000;}
a,
a:focus{color: #000; text-shadow: none; cursor: pointer;}
a:focus{text-decoration: none; color: inherit;}
a:hover{text-decoration: none; color: #333;}
ul,
ol{margin:  0 0 25px 0;;}
p img{padding: 15px 0;}
small{}

@media screen and (max-width: 480px) {
  h2{font-size: 16px;}
  p{}
  small{}
}


/*==========Font colors==========*/
.textBlack{color: #000;}
.textWhite{color: #FFF;}
.textGrey{color: #666;}

/*==========Font weight==========*/


/*==========Font sizes (Extra)==========*/
.size12,
 a.size12{font-size: 12px;}
.size13,
 a.size13{font-size: 13px;}
.size14,
 a.size14{font-size: 14px;}
.size16,
 a.size16{font-size: 16px;}
.size18,
 a.size18{font-size: 18px;}
.size22,
 a.size22{font-size: 22px;}
.size26,
 a.size26{font-size: 26px;}
.size30,
 a.size30{font-size: 30px;}
.size40,
 a.size40{font-size: 40px;}
.size80,
 a.size80{font-size: 80px;}


@media screen and (max-width: 480px) {
  .size22{}
}

/*==========Font style==========*/
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}