/*Fonts
//////////////////////////////////////////////////// */
@font-face {
    font-family: 'Nexa-Heavy';
    src:  url('./fonts/Nexa-Heavy.woff2') format('woff2'),
          url('./fonts/Nexa-Heavy.woff') format('woff'), 
          url('./fonts/Nexa-Heavy.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa-Black';
    src:  url('./fonts/Nexa-Black.woff2') format('woff2'),
          url('./fonts/Nexa-Black.woff') format('woff'), 
          url('./fonts/Nexa-Black.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa-Regular';
    src:  url('./fonts/Nexa-Regular.woff2') format('woff2'),
          url('./fonts/Nexa-Regular.woff') format('woff'), 
          url('./fonts/Nexa-Regular.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa-Thin';
    src:  url('./fonts/Nexa-Thin.woff2') format('woff2'),
          url('./fonts/Nexa-Thin.woff') format('woff'), 
          url('./fonts/Nexa-Thin.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icons';
  src:  url('./fonts/icons.woff2') format('woff2'),
        url('./fonts/icons.woff') format('woff'), 
        url('./fonts/icons.ttf')  format('truetype'),
        url('./fonts/icons.svg#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('./fonts/icons.svg#icons') format('svg');
  }
}
 
  [class^="icon-"]:before, 
  [class*=" icon-"]:before  {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
       
    /* fix buttons height, for twitter bootstrap */
    line-height: 32px;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /*margin-left: .2em;*/
   
    /* you can be more comfortable with increased icons size */
    font-size: 32px; 

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 
}

 
[class^="icon-"].xxbig-icon:before, 
[class*=" icon-"].xxbig-icon:before {
    font-size: 64px;
    line-height: 64px;
}

[class^="icon-"].xbig-icon:before, 
[class*=" icon-"].xbig-icon:before {
    font-size: 54px;
    line-height: 54px;
}

[class^="icon-"].big-icon:before, 
[class*=" icon-"].big-icon:before {
    font-size: 44px;
    line-height: 44px;
}

[class^="icon-"].med-icon:before, 
[class*=" icon-"].med-icon:before {
    font-size: 38px;
    line-height: 38px;
}

[class^="icon-"].small-icon:before, 
[class*=" icon-"].small-icon:before {
    font-size: 30px;
    line-height: 30px;
}

[class^="icon-"].xsmall-icon:before, 
[class*=" icon-"].xsmall-icon:before {
    font-size: 24px;
    line-height: 24px;
}

[class^="icon-"].xxsmall-icon:before, 
[class*=" icon-"].xxsmall-icon:before {
    font-size: 18px;
    line-height: 18px;
}

[class^="icon-"].tiny-icon:before, 
[class*=" icon-"].tiny-icon:before {
    font-size: 15px;
    line-height: 15px;
}

/* CIRCLE ICONS */
.icon-arrow-down-cir:before { content: '\e800'; }
.icon-arrow-down-double-cir:before { content: '\e801'; }
.icon-arrow-down-double:before { content: '\e802'; }
.icon-arrow-down:before { content: '\e803'; }
.icon-arrow-left-cir:before { content: '\e804'; }
.icon-arrow-left-double-cir:before { content: '\e805'; }
.icon-arrow-left-double:before { content: '\e806'; }
.icon-arrow-left:before { content: '\e807'; }
.icon-arrow-right-cir:before { content: '\e808'; }
.icon-arrow-right-double-cir:before { content: '\e809'; }
.icon-arrow-right-double:before { content: '\e80a'; }
.icon-arrow-right:before { content: '\e80b'; }
.icon-arrow-up-cir:before { content: '\e80c'; }
.icon-arrow-up-double-cir:before { content: '\e80d'; }
.icon-arrow-up-double:before { content: '\e80e'; }
.icon-arrow-up:before { content: '\e80f'; }
.icon-chat-bub:before { content: '\e810'; }
.icon-chat-cir:before { content: '\e811'; }
.icon-chat:before { content: '\e812'; }
.icon-check-cir:before { content: '\e813'; }
.icon-check:before { content: '\e814'; }
.icon-cross-cir:before { content: '\e815'; }
.icon-cross:before { content: '\e816'; }
.icon-facebook-cir:before { content: '\e817'; }
.icon-facebook:before { content: '\e818'; }
.icon-heart-cir:before { content: '\e819'; }
.icon-heart:before { content: '\e81a'; }
.icon-instagram-cir:before { content: '\e81b'; }
.icon-instagram:before { content: '\e81c'; }
.icon-linkedin-cir:before { content: '\e81d'; }
.icon-linkedin:before { content: '\e81e'; }
.icon-lock-cir:before { content: '\e81f'; }
.icon-lock:before { content: '\e820'; }
.icon-minus-cir:before { content: '\e821'; }
.icon-minus:before { content: '\e822'; }
.icon-more-cir:before { content: '\e823'; }
.icon-more:before { content: '\e824'; }
.icon-pencil-cir:before { content: '\e825'; }
.icon-pencil:before { content: '\e826'; }
.icon-phone-cir:before { content: '\e827'; }
.icon-question-cir:before { content: '\e828'; }
.icon-phone:before { content: '\e829'; }
.icon-phone-bub:before { content: '\e82a'; }
.icon-photo:before { content: '\e82b'; }
.icon-photo-cir:before { content: '\e82c'; }
.icon-question:before { content: '\e82d'; }
.icon-skype-bub:before { content: '\e82e'; }
.icon-skype:before { content: '\e82f'; }
.icon-star-cir:before { content: '\e830'; }
.icon-skype-cir:before { content: '\e831'; }
.icon-star:before { content: '\e832'; }
.icon-twitter-cir:before { content: '\e833'; }
.icon-youtube-cir:before { content: '\e834'; }
.icon-twitter:before { content: '\e835'; }
.icon-tb:before { content: '\e836'; }
.icon-youtube:before { content: '\e837'; }
.icon-zoom:before { content: '\e838'; }
.icon-zoom-cir:before { content: '\e839'; }
.icon-warning-cir:before { content: '\e83a'; }
.icon-warning:before { content: '\e83b'; }