@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rubl';
    src: url('../fonts/Rubl.eot');
    src: url('../fonts/Rubl.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubl.woff') format('woff'),
        url('../fonts/Rubl.ttf') format('truetype'),
        url('../fonts/Rubl.svg#Rubl') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'OkkoloBold';
    src: url('../fonts/OkkoloBold.eot');
    src: url('../fonts/OkkoloBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OkkoloBold.woff') format('woff'),
        url('../fonts/OkkoloBold.ttf') format('truetype'),
        url('../fonts/OkkoloBold.svg#OkkoloBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'okkolo';
    src: url('../fonts/okkolo.eot');
    src: url('../fonts/okkolo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/okkolo.woff') format('woff'),
        url('../fonts/okkolo.ttf') format('truetype'),
        url('../fonts/okkolo.svg#okkolo') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'update';
    src: url('../fonts/update.eot');
    src: url('../fonts/update.eot?#iefix') format('embedded-opentype'),
        url('../fonts/update.woff') format('woff'),
        url('../fonts/update.ttf') format('truetype'),
        url('../fonts/update.svg#ReformaGroteskDemiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'select';
    src: url('../fonts/select.eot');
    src: url('../fonts/select.eot?#iefix') format('embedded-opentype'),
        url('../fonts/select.woff') format('woff'),
        url('../fonts/select.ttf') format('truetype'),
        url('../fonts/select.svg#ReformaGroteskDemiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:'get';
    src:url('../fonts/get.eot');
    src:url('../fonts/get.eot?#iefix') format('embedded-opentype'),
        url('../fonts/get.woff') format('woff'),
        url('../fonts/get.ttf') format('truetype'),
        url('../fonts/get.svg#officinaserifcbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'pet';
    src:url('../fonts/pet.eot');
    src:url('../fonts/pet.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pet.woff') format('woff'),
        url('../fonts/pet.ttf') format('truetype'),
        url('../fonts/pet.svg#officinaserifcbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'exo';
    src:url('../fonts/Exo2.eot');
    src:url('../fonts/Exo2.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Exo2.woff') format('woff'),
        url('../fonts/Exo2.ttf') format('truetype'),
        url('../fonts/Exo2.svg#officinaserifcbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: 'Reforma';
    src: url('../fonts/reforma.eot');
    src: url('../fonts/reforma.eot?#iefix') format('embedded-opentype'),
        url('../fonts/reforma.woff') format('woff'),
        url('../fonts/reforma.ttf') format('truetype'),
        url('../fonts/reforma.svg#Reforma') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'top';
    src: url('../fonts/top.eot');
    src: url('../fonts/top.eot?#iefix') format('embedded-opentype'),
        url('../fonts/top.woff') format('woff'),
        url('../fonts/top.ttf') format('truetype'),
        url('../fonts/top.svg#Top') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'mtop';
    src: url('../fonts/mtop.eot');
    src: url('../fonts/mtop.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mtop.woff') format('woff'),
        url('../fonts/mtop.ttf') format('truetype'),
        url('../fonts/mtop.svg#Mtop') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'ctop';
    src: url('../fonts/ctop.eot');
    src: url('../fonts/ctop.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ctop.woff') format('woff'),
        url('../fonts/ctop.ttf') format('truetype'),
        url('../fonts/ctop.svg#Ctop') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'PTS';
    src: url('../fonts/pts.eot');
    src: url('../fonts/pts.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pts.woff') format('woff'),
        url('../fonts/pts.ttf') format('truetype'),
        url('../fonts/pts.svg#PTS') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTS-Bold';
    src: url('../fonts/ptsbold.eot');
    src: url('../fonts/ptsbold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ptsbold.woff') format('woff'),
        url('../fonts/ptsbold.ttf') format('truetype'),
        url('../fonts/ptsbold.svg#PTSBold') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OS';
    src: url('../fonts/os.eot');
    src: url('../fonts/os.eot?#iefix') format('embedded-opentype'),
        url('../fonts/os.woff') format('woff'),
        url('../fonts/os.ttf') format('truetype'),
        url('../fonts/os.svg#Os') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OS-Light';
    src: url('../fonts/osl.eot');
    src: url('../fonts/osl.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osl.woff') format('woff'),
        url('../fonts/osl.ttf') format('truetype'),
        url('../fonts/osl.svg#Osl') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OS-Bold';
    src: url('../fonts/osb.eot');
    src: url('../fonts/osb.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osb.woff') format('woff'),
        url('../fonts/osb.ttf') format('truetype'),
        url('../fonts/osb.svg#Osb') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OS-ExtraBold';
    src: url('../fonts/osextrabold.eot');
    src: url('../fonts/osextrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osextrabold.woff') format('woff'),
        url('../fonts/osextrabold.ttf') format('truetype'),
        url('../fonts/osextrabold.svg#Osextrabold') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSans';
    src: url('../fonts/osans.eot');
    src: url('../fonts/osans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osans.woff') format('woff'),
        url('../fonts/osans.ttf') format('truetype'),
        url('../fonts/osans.svg#Osans') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSans-Light';
    src: url('..../fonts/osanslight.eot');
    src: url('../fonts/osanslight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osanslight.woff') format('woff'),
        url('../fonts/osanslight.ttf') format('truetype'),
        url('../fonts/osanslight.svg#Osanslight') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSans-Bold';
    src: url('../fonts/osansbold.eot');
    src: url('../fonts/osansbold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osansbold.woff') format('woff'),
        url('../fonts/osansbold.ttf') format('truetype'),
        url('../fonts/osansbold.svg#Osansbold') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSans-ExtraBold';
    src: url('../fonts/osansebold.eot');
    src: url('../fonts/osansebold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osansebold.woff') format('woff'),
        url('../fonts/osansebold.ttf') format('truetype'),
        url('../fonts/osansebold.svg#Osansebold') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'Din';
    src: url('../fonts/PFDinTextCompPro-Medium.eot');
    src: url('../fonts/PFDinTextCompPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PFDinTextCompPro-Medium.woff') format('woff'),
        url('../fonts/PFDinTextCompPro-Medium.ttf') format('truetype'),
        url('../fonts/PFDinTextCompPro-Medium.svg#PFDinTextCompProMedium') format('svg');
    font-weight:  normal;
    font-style: normal;
}
@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe-Light.eot');
    src: url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Circe-Light.woff2') format('woff2'),
        url('../fonts/Circe-Light.woff') format('woff'),
        url('../fonts/Circe-Light.ttf') format('truetype'),
        url('../fonts/Circe-Light.svg#Circe-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

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

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

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#RobotoRegular') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf') format('truetype'),
		url('../fonts/Roboto-Light.svg#RobotoLight') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Thin';
	src: url('../fonts/Roboto-Thin.eot');
	src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Thin.woff') format('woff'),
		url('../fonts/Roboto-Thin.ttf') format('truetype'),
		url('../fonts/Roboto-Thin.svg#RobotoThin') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Bold.woff') format('woff'),
		url('../fonts/Roboto-Bold.ttf') format('truetype'),
		url('../fonts/Roboto-Bold.svg#RobotoBold') format('svg');
	font-weight: 100;
	font-style: normal;
}