/* 


ExtraLight: 100
Light:      200
SemiLight:  300
Book:       400
Regular:    500
Medium:     600
SemiBold:   700
Bold:       800
ExtraBold:  900

*/

/************************ FONT ************************/



@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    src: url('../eot/poppins-light.eot');
    src: url('../eot/poppins-lightd41d.eot#iefix') format('embedded-opentype'),
         url('../woff/poppins-light.woff') format('woff'),
         url('../ttf/poppins-light.ttf')  format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    src: url('../eot/poppins-regular.eot');
    src: url('../eot/poppins-regulard41d.eot#iefix') format('embedded-opentype'),
         url('../woff/poppins-regular.woff') format('woff'),
         url('../ttf/poppins-regular.ttf')  format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 600;
    src: url('../eot/poppins-medium.eot');
    src: url('../eot/poppins-mediumd41d.eot#iefix') format('embedded-opentype'),
         url('../woff/poppins-medium.woff') format('woff'),
         url('../ttf/poppins-medium.ttf')  format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    src: url('../eot/poppins-semibold.eot');
    src: url('../eot/poppins-semiboldd41d.eot#iefix') format('embedded-opentype'),
         url('../woff/poppins-semibold.woff') format('woff'),
         url('../ttf/poppins-semibold.ttf')  format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    src: url('../eot/poppins-bold.eot');
    src: url('../eot/poppins-boldd41d.eot#iefix') format('embedded-opentype'),
         url('../woff/poppins-bold.woff') format('woff'),
         url('../ttf/poppins-bold.ttf')  format('truetype');
}


/************************ FLATICON FONT ************************/

@font-face {
  font-family: "Flaticon";
  src: url("../flaticon.html");
  src: url("../flaticond41d.html#iefix") format("embedded-opentype"),
       url("../flaticon-2.html") format("woff"),
       url("../flaticon-3.html") format("truetype"),
       url("../flaticon-4.html#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../flaticon-4.html#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}

.flaticon-monitor:before { content: "\f100"; }
.flaticon-vol:before { content: "\f101"; }