/*!
 *  MDicons tutorial by Waqas Hussain @mirchu_net
 *  Font generated from flaticon.com under CC BY. The authors are: Google.
 */

@font-face {
    font-family: MDicon;
    src: url(../fonts/mdicon.eot);
    src: url(../fonts/mdicon.eot#iefix) format("embedded-opentype"), url(../fonts/mdicon.woff) format("woff"), url(../fonts/mdicon.ttf) format("truetype"), url(../fonts/mdicon.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
.mdicon {
    font-family: MDicon;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    font-style: normal;
    font-stretch: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.facebook:before {
    content: "\e07d"
}
.google-plus-fill:before {
	content: "\e098";
}
.linkedin:before {
    content: "\e0cc"
}
.twitter:before {
    content: "\e17f"
}
.up:before {
	content: "\e187";
}
.mdicon-xs {
    font-size: 24px;
    line-height: 28px
}
.mdicon-sm {
    font-size: 36px;
    line-height: 42px
}
.mdicon-md {
    font-size: 54px;
    line-height: 60px
}
.mdicon-lg {
    font-size: 72px;
    line-height: 80px
}
.mdicon-fw {
    width: 20px;
    text-align: center
}
.mdicon-rotate-90 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.mdicon-rotate-180 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.mdicon-rotate-270 {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}
.mdicon-spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    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)
    }
}