@import url("bootstrap.min.css");







@font-face {
    font-family: 'Helvetica Neue Black';
    src: url('fonts/helvetica-neue/helveticaneue-black-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-black-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-black-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-black-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Black Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-blackcond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-blackcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-blackcond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-blackcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-blackcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Black Extended';
    src: url('fonts/helvetica-neue/helveticaneue-blackext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-blackext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-blackext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-blackext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-blackext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Black Italic';
    src: url('fonts/helvetica-neue/helveticaneue-blackitalic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-blackitalic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-blackitalic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('fonts/helvetica-neue/helveticaneue-bold-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-bold-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-bold-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Bold Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-boldcond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-boldcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Bold Extended';
    src: url('fonts/helvetica-neue/helveticaneue-boldext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-boldext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-boldext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-boldext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-boldext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Bold Italic';
    src: url('fonts/helvetica-neue/helveticaneue-bolditalic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-bolditalic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-bolditalic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Bold Outline';
    src: url('fonts/helvetica-neue/helveticaneue-boldoutline-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-boldoutline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-boldoutline-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-boldoutline-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-boldoutline-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-condensed-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-condensed-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-condensed-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-condensed-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Extra Black Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-extblackcond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-extblackcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-extblackcond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-extblackcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-extblackcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Extended';
    src: url('fonts/helvetica-neue/helveticaneue-extended-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-extended-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-extended-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-extended-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-extended-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Heavy';
    src: url('fonts/helvetica-neue/helveticaneue-heavy-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-heavy-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-heavy-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-heavy-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Heavy Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-heavycond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-heavycond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-heavycond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-heavycond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-heavycond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Heavy Extended';
    src: url('fonts/helvetica-neue/helveticaneue-heavyext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-heavyext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-heavyext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-heavyext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-heavyext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Heavy Italic';
    src: url('fonts/helvetica-neue/helveticaneue-heavyitalic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-heavyitalic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-heavyitalic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-heavyitalic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Italic';
    src: url('fonts/helvetica-neue/helveticaneue-italic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-italic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-italic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-italic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('fonts/helvetica-neue/helveticaneue-light-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-light-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-light-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-light-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Light Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-lightcond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-lightcond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-lightcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-lightcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Light Extended';
    src: url('fonts/helvetica-neue/helveticaneue-lightext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-lightext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-lightext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-lightext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-lightext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Light Italic';
    src: url('fonts/helvetica-neue/helveticaneue-lightitalic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-lightitalic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-lightitalic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url('fonts/helvetica-neue/helveticaneue-medium-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-medium-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Medium Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-mediumcond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-mediumcond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-mediumcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-mediumcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Medium Extended';
    src: url('fonts/helvetica-neue/helveticaneue-mediumext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-mediumext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-mediumext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-mediumext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-mediumext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Medium Italic';
    src: url('fonts/helvetica-neue/helveticaneue-mediumitalic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-mediumitalic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-mediumitalic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Roman';
    src: url('fonts/helvetica-neue/helveticaneue-roman-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-roman-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-roman-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Thin';
    src: url('fonts/helvetica-neue/helveticaneue-thin-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-thin-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-thin-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-thin-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Thin Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-thincond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-thincond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-thincond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-thincond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-thincond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Thin Extended';
    src: url('fonts/helvetica-neue/helveticaneue-thinext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-thinext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-thinext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-thinext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-thinext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Thin Italic';
    src: url('fonts/helvetica-neue/helveticaneue-thinitalic-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-thinitalic-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-thinitalic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Ultra Light Condensed';
    src: url('fonts/helvetica-neue/helveticaneue-ultraligcond-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-ultraligcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-ultraligcond-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-ultraligcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-ultraligcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Ultra Light Extended';
    src: url('fonts/helvetica-neue/helveticaneue-ultraligext-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-ultraligext-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-ultraligext-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-ultraligext-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-ultraligext-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Ultra Light';
    src: url('fonts/helvetica-neue/helveticaneue-ultralight-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-ultralight-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-ultralight-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-ultralight-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Ultra Light Italic';
    src: url('fonts/helvetica-neue/helveticaneue-ultralightital-webfont.eot');
    src: url('fonts/helvetica-neue/helveticaneue-ultralightital-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-neue/helveticaneue-ultralightital-webfont.woff') format('woff'),
         url('fonts/helvetica-neue/helveticaneue-ultralightital-webfont.ttf') format('truetype'),
         url('fonts/helvetica-neue/helveticaneue-ultralightital-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
  font-family: NeueHaasGroteskRegular;
  src: url('fonts/NeueHaasGroteskRegular.ttf');
}

@font-face {
  font-family: NeueHaasGroteskMedium;
  src: url('fonts/NeueHaasGroteskMedium.ttf');
}

@font-face {
  font-family: NeueHaasGroteskBold;
  src: url('fonts/NeueHaasGroteskBold.ttf');
}



  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
  body {
    line-height: 1; }
  ol, ul {
    list-style: none; }
  blockquote, q {
    quotes: none; }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }

  code {
    padding: 3px 6px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    background: #fcfcfc;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #3f8faf;
  }

/* #Basic Styles
================================================== */
  body {
    background: #FFF;
  font-family:"NeueHaasGroteskRegular",Helvetica,Arial,sans-serif;
    color: #3c3c3b; font-size: 15px;
    line-height: 19px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

 }


/* Basic Alginment
================================================== */

.more a { cursor:default;}


.align-left{float: left;}
.align-center{text-align: center;}
.align-right{float: right}

img.align-left{float: left; margin: 0 15px 12px 0;}
img.align-center{text-align: center; clear: both; margin: 15px auto; display: block;}
img.align-right{float: right; margin: 0 0 12px 15px;}

img, object, video {max-width: 100%; height: auto;display:block;}
img {width: auto;max-width: 100%; border: 0;-ms-interpolation-mode: bicubic;}

/* Flexible Embeds */
.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.embed iframe,
.embed object,
.embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.clearfix {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix-10 {content: "."; display: block; height: 10px; clear: both; visibility: hidden;}
.clearfix-20 {content: "."; display: block; height: 20px; clear: both; visibility: hidden;}
.clearfix-30 {content: "."; display: block; height: 30px; clear: both; visibility: hidden;}
.clearfix-40 {content: "."; display: block; height: 40px; clear: both; visibility: hidden;}
.clearfix-50 {content: "."; display: block; height: 50px; clear: both; visibility: hidden;}
.clearfix-border {content: "."; display: block; border-bottom: 1px solid #ddd; height: 1px; margin-top: 40px; margin-bottom: 40px;}

.image-left {float: left; margin: 0 15px 8px 0; padding: 3px; border: 1px solid #dedede; }
.image-right {float:right; margin: 0 0 8px 15px; padding: 3px; border: 1px solid #dedede; }

/* #Typography
================================================== */
  h1, h2, h3, h4, h5, h6 {
    color: #444;
  font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;

  }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  h1 { font-size: 18px; margin-bottom: 0px;  line-height: 15px; }
  h1.project { font-size: 25px; margin-bottom: 0px; line-height: 24px; border: 0px !important; margin-bottom: 0px;
margin-top: 5px; }

  h2 { font-size: 28px; line-height: 25px; }
  h3 { font-size: 18px; }
  h3.subtitle { font-size: 17px; line-height: 24px;}
  h4 { font-size: 16px; margin-bottom: 10px; }
  h5 { font-size: 13px; line-height: 14px; margin-top: 10px; }
  h6 { font-size: 12px; line-height: 21px; }
  .subheader { color: #777; }

  p { margin: 0 0 15px 0; font-size: 17px; line-height: 23px; color: #3c3c3b;}
  p img { margin: 0; }
  p.lead { font-size: 17px; line-height: 21px; color: #777;  }


  em { font-style: italic; }
  strong { font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
}
  small { font-size: 80%; }

  hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

  p b { 	font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
 }

/* #Links
================================================== */
  a, a:visited { color: #333; text-decoration: none; outline: 0; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -transition: color 0.1s ease-in-out;}
  a:hover, a:focus { color: #888; }
  p a, p a:visited { line-height: inherit; }

  h4 a:hover {  color: #888; }

/* #Lists
================================================== */
  ul, ol { margin: 0; }
  ul { list-style: none outside; }
  ol { list-style: decimal; }
  ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  ul.square { list-style: square outside; }
  ul.circle { list-style: circle outside; }
  ul.disc { list-style: disc outside; }
  ul ul, ul ol,
  ol ol, ol ul {}
  ul ul li, ul ol li,
  ol ol li, ol ul li {}
  li { line-height: 18px; }
  ul.large li { line-height: 21px; }
  li p { line-height: 21px; }

/* #Images
================================================== */
  img.scale-with-grid {
    max-width: 100%;
    height: auto; }

/* #Forms
================================================== */
  form {
    margin-bottom: 20px; }
  fieldset {
    margin-bottom: 20px; }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  textarea,
  select {
    border: 1px solid #d8d8d8;
    padding: 9px;
    outline: none;
    font: 17px Arial, sans-serif;
    color: #888;
    margin: 0;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
        box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    }

  select {
    padding: 0; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  textarea:focus {
    border: 1px solid #c8c8c8;
     color: #606060;
    }
  textarea {
    min-height: 60px; }
  label,
  legend {
    display: block;
    font-weight: bold;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;}
  select {
     }
  input[type="checkbox"] {
    display: inline; }
  label span,
  legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }

/* #Misc
================================================== */
  .remove-bottom { margin-bottom: 0 !important; }
  .half-bottom { margin-bottom: 10px !important; }
  .add-bottom { margin-bottom: 20px !important; }





.sidenav {
  height: 100%;
  width: 260px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #FFF;
  overflow-x: hidden;
  padding-top: 0px;
  padding-left: 40px;
  padding-top: 40px;
}



.portfolio .grayscale {
max-height: 380px;
}

.main {
  padding: 0px 0px;
}




.no-margin {
  padding: 0px;
  margin: 0px;
}

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

.nprogress-logo {
  display: inline-block;
  width: 100px;
  height: 20px;
  border: solid 4px #2d9;
  border-radius: 10px;
  position: relative;
}

.nprogress-logo:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 40%;
  background: #2d9;
  border-radius: 3px;
}

.fade {
  transition: all 300ms linear 700ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.fade.out {
  opacity: 0;
}


/* Headlines
==========================*/

.headline {
  display: block;
  border-bottom: 1px solid #444;
  padding: 0 0 10px 0;
  margin: 0px 0 20px 0;
  text-transform: lowercase;
}

.headline-product {
  display: block;
  border-bottom: 1px solid #444;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  margin-bottom: 5px;
  text-transform: lowercase;
}

.headline_none {
  display: block;
  border-bottom: 0px solid #e7e7e7;
  padding: 0 0 10px 0;
  margin: 0px 0 20px 0;
  text-transform: lowercase;
}

.related {
  display: block;
  border-top: 1px solid #ddd;
  padding: 20px 0 10px 0;
  margin: 30px 0 20px 0;
}

.headline span {
  color: #888;
  font-weight: normal;
  font-size: 12px;
  float: right;
}

h5.headline {
  padding: 0 0 8px 0;
  margin: 0px 0 12px 0;
}


/* Page Title
==========================*/

#page-title {}

#page-title h2 {
  font-weight: normal;
  font-size: 22px;
  padding: 21px 0;
  font-weight: 500;
}



.header {
padding: 30px 0px 25px 0px;
}

.header.fixed {
    position: absolute;
    width: 100%;
    z-index: 100;
}


.header.fixed.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.86);
}





.header .navigation {
  float: left;
  margin: 0px 0px 0px 0px;
  float: none;
  display: block;
  text-align: right;
}
.header .navigation ul,
.header .navigation li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
  padding: 7px 16px 6px 16px;
}
.header .navigation ul li {
  display: inline-block;
  float: none;
}
.header .navigation ul li a {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  color: #111;
    font-family: "NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header .navigation ul li a:hover {
  color: #898989;
  background-color: transparent;
}


/* Back To Top Button
==========================*/

#backtotop {
  position: fixed;
  right: 0px;
  display: none;
  bottom: 20px;
  margin: 0 20px 0 0;
  z-index: 10000;
}

#backtotop a {
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 45px;
  height: 45px;
  background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
  background-color: #cccccc;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#backtotop a:hover {
  background-color: #ddd;
}


/* Client Logo List
==========================*/

.client-logo ul {}

.client-logo li {
  border: 1px solid #e5e5e5;
  float: left;
  margin: -1px 0 0 -1px;
}

.slicknav_menu {
  display: none;
}

@media screen and (max-width: 759px) {
  .js #menu {
    display: none;
  }
  .js .slicknav_menu {
    display: block;
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9900;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/infinite-gif-preloader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

#tiles {
  list-style-type: none;
  position: relative;
  /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}


/**
 * Grid items
 */

#tiles li {
  width: 200px;
  height: 260px;
  cursor: pointer;
  padding: 0px;
  border: 0px solid #1e132e;
  -webkit-transition: all .5s ease-in-out;
}

#tiles li:hover {
  border: 0px solid #efefef;
}

.item {
  border-left: 0px solid #222;
  margin-bottom: 30px;
}

.item h3 {
  margin: 0px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 23px;
    margin-bottom: 0px;
    border: 0px !important;
}

.item p {
  margin-bottom: 5px;
}

.item .border {
  border-bottom: 2px solid #999;
  margin-bottom: 10px;
}


.nav-tabs {
  margin: 0 auto;
  margin-bottom: 30px;
  border-top: 0px solid #999 !important;
  text-align: center;
}
.nav-tabs > li {
  z-index: 2;
  float: none;

  display: inline-block;
}
.nav-tabs > li > a {
  padding: 16px 25px 12px;
  font-size: 18px;
  color: #999;
  font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none !important;
  border-bottom: 4px solid transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  border-bottom: 4px solid #e9142b !important;
}
.nav > li > a:hover,
.nav > li > a:focus {
  outline: 0;
  background-color: transparent;
  color: #333;
}
.tab-content {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.tab-pane {
  padding: 50px 0;
}



.portfolio-list {
padding: 100px 0px;
}

.section-title {
padding-bottom: 20px;
padding-top: 30px;
}

.section-title h1 {
font-size: 24px;
margin-bottom: 20px;
}

.section-title p {
font-size: 18px;

}

.item  p.subtitle {
font-size: 17px;
line-height: 21px !important;
color: #9d9d9c;
margin-top: 0px;
margin-bottom: 20px !important;
}

.item p.description {
font-size: 17px;
line-height: 21px !important;
color: #3c3c3b;
margin-top: 10px;
}




.project-detail {
  border-left: 0px solid #222;
  padding: 100px 0px 0px 0px;
}

.project-detail h4 {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 23px;
  font-size: 30px;
    margin-bottom: 0px;
    line-height: 24px;
    border: 0px !important;
}


.project-detail h2 {
    margin: 0 0 5px 0;
    font-size: 17px;
  font-family: 'NeueHaasGroteskRegular', sans-serif;

    line-height: 23px;
    color: #3c3c3b;

}

.project-detail p {
  margin-bottom: 5px;
}

.project-detail .border {
  border-bottom: 1px solid #222;
  margin-bottom: 20px;
}



.project-detail  p.subtitle {
font-size: 17px;
line-height: 23px !important;
color: #9d9d9c;
margin-top: 2px;
margin-bottom: 20px !important;
}

.project-detail p.description {
font-size: 17px;
line-height: 23px !important;
color: #3c3c3b;
margin-top: 10px;
}


.logo {

  letter-spacing: -0.01em;
  padding: 0px 20px;
  position: relative;

}


.logo .introduction-section {


  color: #111;
}

.logo .introduction-section p {

  color: #111;
}

.logo .icon-wrapper {

  width: 50px;
  float: left
}

.logo .icon-text {

  float: left;
  padding; 20px;
}

.logo .icon-text h3 {
  font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
  color: #111;
  font-size: 21px;
  margin-bottom: 4px;
}

.logo .icon-text h4 {
  font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;

  color: #6c6c6c;
  font-size: 20px;
}


.logo img {

  height: 46px;
}


h1.logo span {
  font-weight: 600;
  color: #666;
}

.slogan {
  font-size: 13px;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}




/* =============================================================== */


/* Header
================================================================ */

#header {
  height: 80px;
  background-color: #FFF;
  width: 100%;
  z-index: 1000;
}


/* Main Navigation
==========================*/

#navigation {
  float: right;
  margin-top: 34px;
  margin-right: 30px;
}

#navigation ul,
#navigation li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

#navigation ul li {
  float: left;
  position: relative;
}

#navigation ul li a {
  font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
  display: inline-block;
  color: #111;
  font-weight: 600;
  padding: 10px;
  padding-right: 0px;
  padding-left: 20px;
  text-decoration: none;
  padding-bottom: 16px;
  font-size: 16px;
  text-transform: uppercase;
}

#navigation ul li a:hover {}

#navigation ul ul {
  opacity: 0;
  margin: 0px;
  filter: alpha(opacity=0);
  position: absolute;
  top: -99999px;
  left: 0;
  background: #555;
  border-top: 3px solid #FFF;
  z-index: 999;
  margin-top: 0px;
}

#navigation ul ul li a:hover {
  color: #FFF;
}

#navigation ul ul li a {
  padding: 10px;
  display: block;
  min-width: 150px;
  margin: 0px;
  font-weight: 600;
  font-size: 12px;
  color: #FFF;
  border-bottom: 1px solid #666;
  border-top: 1px solid transparent;
}

#navigation ul ul ul {
  position: absolute;
  top: -99999px;
  left: 100%;
  opacity: 0;
  margin: -3px 0 0 0;
  z-index: 999;
}

#navigation ul ul ul li a {
  border-bottom: 1px solid #dddddd !important;
  border-top: 1px solid transparent;
}

#navigation ul ul li:last-child a,
#navigation ul ul li:last-child a:hover {
  border-bottom: 1px solid transparent
}

#navigation ul ul ul li:last-child a {
  border-bottom: 1px solid transparent !important
}

#navigation ul li:hover>ul {
  opacity: 1;
  position: absolute;
  top: 99%;
  left: 0;
}

#navigation ul ul li:hover>ul {
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 1;
  z-index: 497;
  background: #fff border: 0;
}

#navigation ul li:hover>a {
  color: #444;
}

#navigation ul ul li:hover>a {
  border-top: 1px solid transparent;
  color: #ddd;
}

#current {
  font-weight: normal !important;
  color: #444 !important;
}


/* IE Dropdown Fix
==========================*/

.ie7 .ie-dropdown-fix {
  position: relative;
  z-index: 5;
}

.ie8 .ie-dropdown-fix {
  position: relative;
  z-index: 5;
}


/* =============================================================== */


/* Features
================================================================ */

.features {
  margin: 35px 0 0 0;
  float: left;
}

.feature {
  margin: 0 0 10px 0;
}

.feature-description {
  margin-left: 45px;
}

.feature h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 34px;
  font-family:"NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
}

.feature-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 6px;
  color: #fff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  float: left;
  margin-top: 10px;
}

.feature-circle i {
  margin-top: 4px;
}

.feature-circle.blue {
  background: #2da0ce;
}

.feature-circle.gray {
  background: #555;
}


/* =============================================================== */


/* Portfolio
================================================================ */


/* Homepage Thumbnails
==========================*/

.portfolio-item-meta {
  margin-bottom: 30px;
}

.portfolio-item {
  margin-bottom: 30px;
}

.portfolio-item-meta h5 {
  font-size: 18px;
  font-weight: 500;
  padding: 0px;
  margin-top: 8px;
  letter-spacing: 0;
}

.portfolio-item-meta h5 span {
  display: block;
  color: #888;
  font-weight: normal;
  margin-top: 3px;
}

.portfolio-item-meta a {
  color: #444;
}

.portfolio-item-meta a:hover {
  color: #888;
}

.portfolio-item-meta p {
  color: #555;
  font-size: 18px;
}

.blog-item-meta {
  margin-bottom: 0px;
}

.blog-item-meta h5 {
  font-size: 18px;
  font-weight: 500;
  padding: 0px;
  margin-top: 8px;
  letter-spacing: 0;
}

.blog-item-meta h5 span {
  display: block;
  color: #888;
  font-weight: normal;
  margin-top: 3px;
}

.blog-item-meta a {
  color: #444;
}

.blog-item-meta a:hover {
  color: #888;
}

.blog-item-meta p {
  color: #555;
  font-size: 15px;
}


/* =============================================================== */


/* Info Box
================================================================ */

.info-box {
  background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
  background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  padding: 18px 25px;
  margin: 20px 0 5px 0;
}

.info-box p {
  margin: 0;
}

.info-box h4 {
  line-height: 24px;
}

.info-box a {
  margin: 7px 0 0 0;
}

.info-content {
  float: left;
}


/* =============================================================== */


/* Portfolio Styles
================================================================ */

.controls {
  float: left;
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e7e7;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  line-height: 24px;
}

.controls li {
  color: #777;
  font-size: 15px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding: 4px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  float: left;
  border-radius: 2px;
  cursor: default;
  margin-right: 10px;
}

.controls li:hover {
  color: #fff;
  background: #ccc;
}

.controls li.active {
  background-color: #ccc;
  color: #fff !important;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}


/**** Disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}


/* Disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


/* =============================================================== */


/* Blog
================================================================ */


/* Posts
==========================*/

.post {
  margin: 30px 0 0 0;
}

.post p {
  margin: 0 0 20px 0;
}

.post-img,
.embed {
  margin: 0 0 15px 0;
}

.post-content {
  margin: 0 0 0 20px !important;
}

.post-title h2 a {
  font-size: 18px;
  color: #444;
  margin: 0 0 10px 0;
  display: block;
  padding-left: 180px;
}

.post-title h2 a:hover {
  color: #606060;
}

.post-date {
  color: #888;
  border-top: 1px solid #e7e7e7;
  display: block;
  text-align: right;
  padding: 15px 0;
}

.post-desc {
  padding: 15px 0 0 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.post-entry {
  margin-bottom: 20px;
  display: inline-block;
  background: url(../images/link_arrow_ico.png) no-repeat right 55%;
  padding-right: 13px;
}

.post-entry:hover {
  background: url(../images/link_arrow_ico_hover.png) no-repeat right 55%;
}

.post-meta {
  padding: 15px 0 25px 0;
}

.post-meta,
.post-meta a {
  color: #888;
}

.post-meta a:hover {
  color: #606060;
}

.post-meta span:first-child {
  padding-left: 0;
}

.post-meta span:last-child {
  border: none;
}

.post-meta span {
  padding: 0 10px;
  border-right: 1px solid #e7e7e7;
}


/* Sidebar
==========================*/

.blog-sidebar,
.sidebar {
  margin: 30px 0 0 0;
}

.widget {
  margin: 25px 0 0 0;
  line-height: 20px;
}

.widget h5 {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e7e7e7;
}


/* Search */

.search input {
  width: 84%;
  padding-left: 30px;
  color: #888;
  background: url(../images/search_ico.png) no-repeat 4% 54%
}

.search:focus {
  border: 1px solid #ddd;
}


/* Social Icons */

.social-blog {
  margin: 5px 0 25px 0;
  float: left;
}

.social-blog:first-child {
  margin-right: 30px;
}

.feed img {
  float: left;
}

.feed p {
  line-height: 14px;
  float: left;
  margin: 2px 0 0 7px;
}

a.feed {
  display: inline-block;
  font-size: 11px;
  color: #444;
  font-weight: bold;
}

a.feed span {
  color: #888;
  font-weight: normal;
}


/* Categories */
#menu  {
  margin-left: 0px;

}


#menu li a {
  color: #111;
  display: block;
  padding: 3px 0;
  padding-left: 0px;
  font-family: 'NeueHaasGroteskRegular', sans-serif;

  font-size: 16px;
}

#menu li:first-child a {
  margin: -15px 0 0 0;
}

#menu li:last-child a {
  border: none;
}

#menu li a:hover {
  color: #444;
}

#menu li a strong {

}


/* Tabs */

.latest-post-blog {
  margin: 0 0 20px 0;
  height: 50px;
}

.latest-post-blog:last-child {
  margin-bottom: 5px;
}

.latest-post-blog p,
.latest-post-blog a {
  margin: 0;
  color: #606060;
  line-height: 18px;
}

.latest-post-blog span {
  color: #888;
  margin: 3px 0 0 0;
  display: block;
}

.latest-post-blog img {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #dedede;
  padding: 3px;
  height: 49px;
  width: 49px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* Twitter */

#twitter-blog {
  margin-top: 20px;
}

#twitter-blog li {
  margin: 0 0 20px 0;
  padding: 0 0 0 25px;
  background: url(../images/twitter_widget_ico_02.png) no-repeat left 6%;
  line-height: 20px;
}

#twitter-blog li:last-child {
  margin-bottom: 0;
}

#twitter-blog b a {
  color: #888;
  font-weight: normal;
}


/* Flickr */

.flickr-widget-blog {
  margin-right: -12px;
  margin-top: 15px;
}

.flickr-widget-blog img {
  display: block;
  width: 100%;
}

.flickr-widget-blog a {
  float: left;
  width: 53px;
  height: 53px;
  margin-right: 12px;
  margin-bottom: 12px;
  border: 1px solid #dedede;
  padding: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* =============================================================== */


/* Contact
================================================================ */


/* Google Map
==========================*/

#map_canvas img {
  max-width: none;
}


/* Contact Details
==========================*/

.contact-details li {
  margin: 0px;
  line-height: 20px;
}

.contact-details p {
  margin: 0px;
  line-height: 18px;
}


/* Contact Form
==========================*/

.field textarea {
  width: 97%;
  height: 160px;
}

.field input {
  width: 97%;
}

.field:focus {
  border: 1px solid #ddd;
}

.field label span {
  color: #ea1c1c;
}

.field .validation-error,
.field .validation-error:focus {
  border: 1px solid #f2c4c2;
  background: #ffeceb;
}

.loading {
  background: url(../images/loader.gif) no-repeat 1px;
  height: 28px;
  width: 28px;
  display: none;
  float: left;
  margin: 5px;
}

.success-message {
  display: none;
}


/* =============================================================== */


/* About
================================================================ */

.team-name {
  text-align: left;
  padding: 0px 0;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
}

.team-name h5 {
  font-size: 24px;
  padding-bottom: 10px;
}

.team-image {
  margin-bottom: 20px;
}

.team-name span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #888;
}


/* Image Overlay
================================================================ */

.image-holder {
  position: relative;
  width: 100%;
  z-index: 10;
  background: #FFF;
  margin-bottom: 20px;
}

.image-holder .image-overlay-title h3 {
  border-bottom: 1px solid #fff;
  display: inline
}

.thumbnail-link {
  display: block
}

.thumbnail-link,
.thumbnail-link:hover {
  border-bottom: 0px solid transparent !important
}

.thumbnail-link .image-overlay,
.thumbnail-link .image-overlay-title {
  display: none;
  color: #fff
}

.thumbnail-link:hover .image-overlay,
.thumbnail-link:hover .image-overlay-title {
  display: block
}

.thumbnail-link:hover h2,
.thumbnail-link:hover h3 {
  border-bottom: 1px solid #222
}

.image-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 280ms ease-in-out;
  -moz-transition: opacity 280ms ease-in-out;
  -o-transition: opacity 280ms ease-in-out;
  transition: opacity 280ms ease-in-out;
}

.image-overlay:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.image-overlay-title {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -10px;
  text-align: center
}

.image-overlay-title p {
  display: inline;
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 1px solid #fff
}



/* =============================================================== */


/* Testimonials
================================================================ */

.testimonials {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  line-height: 21px;
}

.testimonials_bg {
  background: url(../images/testimonials_bg.png) no-repeat;
  margin-top: -1px;
  display: block;
  width: 200px;
  height: 30px;
}

.testimonials_author {
  color: #3f8faf;
  float: right;
  display: block;
  margin-top: -23px;
  margin-bottom: 20px;
}

.testimonials_author span {
  color: #a0a0a0
}


/* Testomonials Carousel
==========================*/

.carousel-disabled,
.mr-rotato-disabled {
  height: 21px;
  width: 21px;
  background-color: #ccc !important;
  display: block;
  position: absolute;
}

.mr-rotato-next {
  height: 21px;
  width: 21px;
  background: url(../images/pagination_next.png) no-repeat 50% 50%;
  background-color: #606060;
  display: block;
  position: absolute;
  right: 10px;
}

.mr-rotato-prev {
  height: 21px;
  width: 21px;
  background: url(../images/pagination_prev.png) no-repeat 50% 50%;
  background-color: #606060;
  display: block;
  right: 33px;
  position: absolute;
}

.mr-rotato-prev,
.mr-rotato-next,
.mr-rotato-disabled {
  margin-top: -55px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.mr-rotato-prev:hover,
.mr-rotato-next:hover {
  background-color: #2da0ce;
}


/* =============================================================== */


/* Footer
================================================================ */

#footer {
  color: #a4a4a4;
  padding: 0 0 10px 0;
  margin: 0px 0 0 0;
}

#footer h5 {
  color: #fff;
  border-bottom: 1px solid #444444;
  padding: 25px 0 8px 0;
  margin: 0 0 15px 0;
}


/* Links List
==========================*/

.links-list li a {
  color: #a4a4a4;
  display: block;
  padding: 6px 0;
  padding-left: 12px;
  border-bottom: 1px solid #444;
  background: url(../images/link_list_arrow_01.png) no-repeat left 47%;
}

.links-list li a:hover {
  color: #fff
}

.links-list li:first-child a {
  margin: -12px 0 0 0;
}

.links-list li:last-child a {
  border: none;
}


/* Latest From Blog
==========================*/

.latest-post {
  margin-bottom: 20px;
  height: 50px;
}

.latest-post p,
.latest-post a {
  margin: 0;
  color: #fff;
  line-height: 18px;
}

.latest-post span {
  color: #707070;
  margin: 3px 0 0 0;
  display: block;
}

.latest-post img {
  float: left;
  margin: 0 10px 10px 0;
  border: 3px solid #494949;
  height: 49px;
  width: 49px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.latest-post img:hover {
  border-color: #666;
}


/* Twitter
==========================*/

#twitter li {
  margin: 0 0 22px 0;
  padding: 0 0 0 25px;
  background: url(../images/twitter_widget_ico_01.png) no-repeat left 5%;
}

#twitter a {
  color: #fff;
}

#twitter b a {
  color: #707070;
  font-weight: normal;
}


/* Copyright
==========================*/

.footer {
padding-bottom: 70px;
}

.footer-menu ul {
list-style: none;
padding: 0px;
margin: 0px;
}


.footer-menu ul li {
list-style: none;
padding: 0px;
margin: 0px;
}

#footer-bottom {
  min-height: 60px;
  margin-bottom: 40px;
}

#copyright {
  color: #777;
  margin: 0px 0;
}

#copyright a,
#copyright span {
  color: #bbb;
}


/* Social Icons
==========================*/

.social-links {
  margin: 0;
  float: left;
}

.social-links-about {
  padding: 15px 0 5px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.social-links li:first-child,
.social-links-about li:first-child {
  margin-left: 0;
}

.social-links li {
  display: block;
  margin-left: 0px;
  float: left;
  width: 100%;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.social-links-about li {
  display: inline;
  list-style: none;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-indent: -9999px;
  margin-right: 15px;
  margin-bottom: 10px;
  float: left;
}

.social-links a,
.social-links-about a {
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  width: 20px;
}

.social-links li:hover,
.social-links-about li:hover {
  opacity: 1;
}

.twitter {
  background: url(../images/social_icons_twitter.png) no-repeat;
}

.facebook {
  background: url(../images/social_icons_facebook.png) no-repeat;
}

.digg {
  background: url(../images/social_icons_digg.png) no-repeat;
}

.vimeo {
  background: url(../images/social_icons_vimeo.png) no-repeat;
}

.youtube {
  background: url(../images/social_icons_youtube.png) no-repeat;
}

.skype {
  background: url(../images/social_icons_skype.png) no-repeat;
}

.skype {
  background: url(../images/social_icons_skype.png) no-repeat;
}

.linked {
  background: url(../images/social_icons_linked.png) no-repeat;
}


/* =============================================================== */


/* Media Queries
================================================================ */


/* Higher than 960 (desktop devices) */

@media only screen and (min-width: 960px) {
  .flexslider {
    height: 345px;
  }
  #portfolio-wrapper {
    min-height: 350px;
  }
  .project .flexslider {
    min-height: 1px;
    margin-bottom: 20px;
  }
}


/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .slider_description {
    margin-top: 90px;
  }
  .slider_description h2 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .slider_description p {
    display: none;
  }
  .slider_description h2 b {
    display: none;
  }
  .client-logo img {
    width: 148px;
    height: auto;
  }
  .post-title h2 a {
    padding-left: 145px;
  }
  .latest-post-blog,
  .latest-post {
    height: 65px;
  }
  .flickr-widget-blog a {
    width: 57px;
    height: 57px;
  }
  .avatar {
    height: 40px;
    width: 40px;
  }
  .testimonials_author {
    display: none;
  }
}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
  .slider_description {
    display: none;
  }
  #navigation {
    float: none;
  }
  .js #nav {
    display: none;
  }
  .js .selectnav {
    display: block;
  }
  .social-links {
    margin: -5px 0 20px 0;
    float: left;
  }
  .info-box a {
    margin: 15px 0 0 0;
  }
  .info-box p {
    margin: 10px 0 0 0;
  }
  .post-content {
    margin: 0 !important;
  }
  .post-title h2 a {
    padding: 0;
  }
  .post-date {
    text-align: left;
  }
  .blog-sidebar {
    display: none;
  }
  .project .flexslider {
    margin-bottom: 20px;
  }
  .mr-rotato-prev,
  .mr-rotato-next,
  .mr-rotato-disabled {
    margin-right: -10px;
  }

  .main {
  margin-left: 0px !important; /* Same as the width of the sidenav */
  padding: 0px 0px;
}

.sidenav {
display: none;
visibility: hidden;
}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .client-logo img {
    width: 139px;
    height: auto;
  }
  .custom-slide {
    height: 270px;
  }
  .avatar {
    height: 35px;
    width: 35px;
  }


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
  .client-logo img {
    width: 149px;
    height: auto;
  }
  .custom-slide {
    height: 193px;
  }
  .avatar {
    height: 25px;
    width: 25px;
  }



}



/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
border-radius: 0px;

}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
  object-fit: cover;
    border: 0;
border-radius: 0px;

}


.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }


.caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 40px;
  font-size: 40px;
  text-align: left;
  font-family: "NeueHaasGroteskMedium",Helvetica,Arial,sans-serif;
  color: #fff;
}



.rslides3 {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
  max-height: 450px;
border-radius: 0px;

}

.rslides3 li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides3 li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides3 img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
border-radius: 6px;

}






.bottom-animate {
   background: #222 !important;
   top: 8px !important;
   -webkit-transform: rotate(-225deg);
   transform: rotate(-225deg);
}
 .top-animate {
   background: #222 !important;
   top: 8px !important;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
 .top-menu {
   top: 0px;
   width: 25px;
   height: 2px;
   border-radius: 10px;
   background-color: #F9A530;
}
 .mid-menu {
   top: 8px;
   width: 25px;
   height: 2px;
   border-radius: 10px;
   background-color: #F9A530;
}
 .bottom-menu {
   top: 16px;
   width: 25px;
   height: 2px;
   border-radius: 10px;
   background-color: #F9A530;
}
 .menui {
   background: #111111;
   transition: 0.6s ease;
   transition-timing-function: cubic-bezier(0.75,0,0.29,1.01);
   margin-top: 11px;
   position: absolute;
}
 .icon {
   z-index: 990;
   position: fixed;
   display: block;
   padding: 0px 10px;
   height: 40px;
   width: 44px;
   margin: 0px;
   top: 20px;
   
   background-color: #FFF;
   right: 20px;
}
 @media screen and (min-width: 769px) {
   .icon {
     display: none;
     visibility: hidden;
  }
}


 .mobilenav .category-item {
  padding:20px 10px;
  border-radius:6px;
  text-align:center;
  color:#FFF;
  font-size:17px;
  margin-bottom:10px;
  font-weight: 600;
  box-shadow:0 8px 16px rgba(0,0,0,.04);
  border:1px solid #FFF;
}

 .mobilenav .category-item img {
  height:60px;
  opacity:.8;
  margin-bottom:20px;
  margin-top: 10px;
}

 .mobilenav .category-item:hover {
  background:#FFF;
  color:#111;
}


 .mobilenav {
   font-family: inherit;
   top: 0;
   left: 0;
   z-index: 989;
   display: none;
   position: fixed;
   width: 100%;
   height: 100%;
   padding-top: 100px;
   background: rgba(30,30,30,0.9);
}
 .mobilenav li {
   list-style-type: none;
   text-align: center;
   padding: 13px 30px;
   border-bottom: 0px dotted #666;
   width: 100%;
   float: left;
}


 .mobilenav li.button a {
  color: #ffffff;
  background-color: #c39642;
  padding: 7px 16px 6px 16px;
  border-radius: 25px;
  display: block;
}


 .mobilenav li a {
   font-size: 17px;
   color: #FFF !important;
   text-decoration: none;
   font-weight: 600;
   text-align: center;
   width: 100%;
}
 .isotope-item {
   z-index: 2;
}
 .isotope-hidden.isotope-item {
   pointer-events: none;
   z-index: 1;
}
 .isotope, .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
}
 .isotope {
   -webkit-transition-property: height, width;
   -moz-transition-property: height, width;
   -ms-transition-property: height, width;
   -o-transition-property: height, width;
   transition-property: height, width;
}
 .isotope .isotope-item {
   -webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property: -moz-transform, opacity;
   -ms-transition-property: -ms-transform, opacity;
   -o-transition-property: top, left, opacity;
   transition-property: transform, opacity;
}
 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
   -webkit-transition-duration: 0s;
   -moz-transition-duration: 0s;
   -ms-transition-duration: 0s;
   -o-transition-duration: 0s;
   transition-duration: 0s;
}
 .isotope.infinite-scrolling {
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none;
}

 @media all and (max-width: 769px) {
   .post-title .label {
     margin-bottom: 8px;
     display: inline-block;
  }
   .post-title h4 {
     top: 0;
     display: block;
  }
   .comments input[type="submit"] {
     max-width: 100%;
     float: none;
  }
   .hidden-nav {
     display: none !important;
  }

  .header .navigation {
  margin-top: 8px;
  }
  
}