/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/*

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



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

   Base styles: opinionated defaults

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



html,

button,

input,

select,

textarea {

    color: #222;

}



html {

    font-size: 1em;

    line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

video {

    vertical-align: middle;

}

.text-center {
    text-align: center;
}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



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

   Browse Happy prompt

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



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #1c191a;

    padding: 0.2em 0;

}



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

   Fonts

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







@font-face {

    font-family: 'camptonbold';

    src: url('../type/campton-bolddemo-webfont.eot');

    src: url('../type/campton-bolddemo-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/campton-bolddemo-webfont.woff') format('woff'),

    url('../type/campton-bolddemo-webfont.ttf') format('truetype'),

    url('../type/campton-bolddemo-webfont.svg#camptonbold_demo') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'camptonlight';

    src: url('../type/campton-lightdemo-webfont.eot');

    src: url('../type/campton-lightdemo-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/campton-lightdemo-webfont.woff') format('woff'),

    url('../type/campton-lightdemo-webfont.ttf') format('truetype'),

    url('../type/campton-lightdemo-webfont.svg#camptonlight_demo') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'mohaveitalic';

    src: url('../type/mohave_italics-webfont.eot');

    src: url('../type/mohave_italics-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/mohave_italics-webfont.woff') format('woff'),

    url('../type/mohave_italics-webfont.ttf') format('truetype'),

    url('../type/mohave_italics-webfont.svg#mohaveitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'mohaveregular';

    src: url('../type/mohave-webfont.eot');

    src: url('../type/mohave-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/mohave-webfont.woff') format('woff'),

    url('../type/mohave-webfont.ttf') format('truetype'),

    url('../type/mohave-webfont.svg#mohaveregular') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'mohavebold_italic';

    src: url('../type/mohave-bold_italics-webfont.eot');

    src: url('../type/mohave-bold_italics-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/mohave-bold_italics-webfont.woff') format('woff'),

    url('../type/mohave-bold_italics-webfont.ttf') format('truetype'),

    url('../type/mohave-bold_italics-webfont.svg#mohavebold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'mohavebold';

    src: url('../type/mohave-bold-webfont.eot');

    src: url('../type/mohave-bold-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/mohave-bold-webfont.woff') format('woff'),

    url('../type/mohave-bold-webfont.ttf') format('truetype'),

    url('../type/mohave-bold-webfont.svg#mohavebold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'mohavesemibold_italic';

    src: url('../type/mohave-semibold_italics-webfont.eot');

    src: url('../type/mohave-semibold_italics-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/mohave-semibold_italics-webfont.woff') format('woff'),

    url('../type/mohave-semibold_italics-webfont.ttf') format('truetype'),

    url('../type/mohave-semibold_italics-webfont.svg#mohavesemibold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'mohavesemibold';

    src: url('../type/mohave-semibold-webfont.eot');

    src: url('../type/mohave-semibold-webfont.eot?#iefix') format('embedded-opentype'),

    url('../type/mohave-semibold-webfont.woff') format('woff'),

    url('../type/mohave-semibold-webfont.ttf') format('truetype'),

    url('../type/mohave-semibold-webfont.svg#mohavesemibold') format('svg');

    font-weight: normal;

    font-style: normal;



}


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

   Flexslider

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



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;}



/* Icon Fonts

*********************************/

/* Font-face Icons */

@font-face {

    font-family: 'flexslider-icon';

    src:url('../type/flexslider-icon.eot');

    src:url('../type/flexslider-icon.eot?#iefix') format('embedded-opentype'),

    url('../type/flexslider-icon.woff') format('woff'),

    url('../type/flexslider-icon.ttf') format('truetype'),

    url('../type/flexslider-icon.svg#flexslider-icon') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* FlexSlider Necessary Styles

*********************************/

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme

*********************************/

.flexslider { position: relative;  zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }



/* Direction Nav */

.flex_arrows

{

    display: none;

    width: 100%;

    height: 80px;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -40px;

}

.flex-direction-nav {

    max-width: 960px;

    margin: -45px 0 0 0;

    position: relative;

    z-index: 10;

    height: 0;



}

.flex-direction-nav a  { display: block;

    width: 80px;

    height: 80px;

    background: #b8b8b8;

    background: rgba(184, 184, 184, 0.35);

    line-height: 84px;

    vertical-align: middle;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    color: #FFF;

    text-align: center;

    border: 2px solid #fff;

    position: absolute;/*margin: -20px 0 0; position: absolute; top: 50%;*/ z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: 10px; }

.flex-direction-nav .flex-next { right: 10px; }

.flexslider:hover .flex-prev { opacity: 1; }

.flexslider:hover .flex-next { opacity: 1; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before  { content: '\f002'; }



/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #1c191a; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: 30px; text-align: center; z-index: 10;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; border-radius: 20px;}

.flex-control-paging li a {width: 7px; margin: 8px; height: 7px; display: block; background: #FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6); -o-box-shadow: 0 0 8px rgba(0,0,0,0.6); box-shadow: 0 0 8px rgba(0,0,0,0.6); }

.flex-control-paging li a:hover { background: #EEE; background: rgba(255,255,255,0.7); border: 8px solid #b8b8b8;  margin: 0; }

.flex-control-paging li a.flex-active { background: #FFF; cursor: default; border: 8px solid #b8b8b8; margin: 0; }





.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



@media screen and (max-width: 860px) {

    .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}

    .flex-direction-nav .flex-next { opacity: 1; right: 10px;}

}



.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;}.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;}







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

   Glyphicons

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



@font-face {

    font-family: 'Glyphicons Halflings';

    src: url('../type/glyphicons-halflings-regular.eot');

    src: url('../type/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../type/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../type/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.glyphicon-asterisk:before {

    content: "\2a";

}

.glyphicon-plus:before {

    content: "\2b";

}

.glyphicon-euro:before {

    content: "\20ac";

}

.glyphicon-minus:before {

    content: "\2212";

}

.glyphicon-cloud:before {

    content: "\2601";

}

.glyphicon-envelope:before {

    content: "\2709";

}

.glyphicon-pencil:before {

    content: "\270f";

}

.glyphicon-glass:before {

    content: "\e001";

}

.glyphicon-music:before {

    content: "\e002";

}

.glyphicon-search:before {

    content: "\e003";

}

.glyphicon-heart:before {

    content: "\e005";

}

.glyphicon-star:before {

    content: "\e006";

}

.glyphicon-star-empty:before {

    content: "\e007";

}

.glyphicon-user:before {

    content: "\e008";

}

.glyphicon-film:before {

    content: "\e009";

}

.glyphicon-th-large:before {

    content: "\e010";

}

.glyphicon-th:before {

    content: "\e011";

}

.glyphicon-th-list:before {

    content: "\e012";

}

.glyphicon-ok:before {

    content: "\e013";

}

.glyphicon-remove:before {

    content: "\e014";

}

.glyphicon-zoom-in:before {

    content: "\e015";

}

.glyphicon-zoom-out:before {

    content: "\e016";

}

.glyphicon-off:before {

    content: "\e017";

}

.glyphicon-signal:before {

    content: "\e018";

}

.glyphicon-cog:before {

    content: "\e019";

}

.glyphicon-trash:before {

    content: "\e020";

}

.glyphicon-home:before {

    content: "\e021";

}

.glyphicon-file:before {

    content: "\e022";

}

.glyphicon-time:before {

    content: "\e023";

}

.glyphicon-road:before {

    content: "\e024";

}

.glyphicon-download-alt:before {

    content: "\e025";

}

.glyphicon-download:before {

    content: "\e026";

}

.glyphicon-upload:before {

    content: "\e027";

}

.glyphicon-inbox:before {

    content: "\e028";

}

.glyphicon-play-circle:before {

    content: "\e029";

}

.glyphicon-repeat:before {

    content: "\e030";

}

.glyphicon-refresh:before {

    content: "\e031";

}

.glyphicon-list-alt:before {

    content: "\e032";

}

.glyphicon-lock:before {

    content: "\e033";

}

.glyphicon-flag:before {

    content: "\e034";

}

.glyphicon-headphones:before {

    content: "\e035";

}

.glyphicon-volume-off:before {

    content: "\e036";

}

.glyphicon-volume-down:before {

    content: "\e037";

}

.glyphicon-volume-up:before {

    content: "\e038";

}

.glyphicon-qrcode:before {

    content: "\e039";

}

.glyphicon-barcode:before {

    content: "\e040";

}

.glyphicon-tag:before {

    content: "\e041";

}

.glyphicon-tags:before {

    content: "\e042";

}

.glyphicon-book:before {

    content: "\e043";

}

.glyphicon-bookmark:before {

    content: "\e044";

}

.glyphicon-print:before {

    content: "\e045";

}

.glyphicon-camera:before {

    content: "\e046";

}

.glyphicon-font:before {

    content: "\e047";

}

.glyphicon-bold:before {

    content: "\e048";

}

.glyphicon-italic:before {

    content: "\e049";

}

.glyphicon-text-height:before {

    content: "\e050";

}

.glyphicon-text-width:before {

    content: "\e051";

}

.glyphicon-align-left:before {

    content: "\e052";

}

.glyphicon-align-center:before {

    content: "\e053";

}

.glyphicon-align-right:before {

    content: "\e054";

}

.glyphicon-align-justify:before {

    content: "\e055";

}

.glyphicon-list:before {

    content: "\e056";

}

.glyphicon-indent-left:before {

    content: "\e057";

}

.glyphicon-indent-right:before {

    content: "\e058";

}

.glyphicon-facetime-video:before {

    content: "\e059";

}

.glyphicon-picture:before {

    content: "\e060";

}

.glyphicon-map-marker:before {

    content: "\e062";

}

.glyphicon-adjust:before {

    content: "\e063";

}

.glyphicon-tint:before {

    content: "\e064";

}

.glyphicon-edit:before {

    content: "\e065";

}

.glyphicon-share:before {

    content: "\e066";

}

.glyphicon-check:before {

    content: "\e067";

}

.glyphicon-move:before {

    content: "\e068";

}

.glyphicon-step-backward:before {

    content: "\e069";

}

.glyphicon-fast-backward:before {

    content: "\e070";

}

.glyphicon-backward:before {

    content: "\e071";

}

.glyphicon-play:before {

    content: "\e072";

}

.glyphicon-pause:before {

    content: "\e073";

}

.glyphicon-stop:before {

    content: "\e074";

}

.glyphicon-forward:before {

    content: "\e075";

}

.glyphicon-fast-forward:before {

    content: "\e076";

}

.glyphicon-step-forward:before {

    content: "\e077";

}

.glyphicon-eject:before {

    content: "\e078";

}

.glyphicon-chevron-left:before {

    content: "\e079";

}

.glyphicon-chevron-right:before {

    content: "\e080";

}

.glyphicon-plus-sign:before {

    content: "\e081";

}

.glyphicon-minus-sign:before {

    content: "\e082";

}

.glyphicon-remove-sign:before {

    content: "\e083";

}

.glyphicon-ok-sign:before {

    content: "\e084";

}

.glyphicon-question-sign:before {

    content: "\e085";

}

.glyphicon-info-sign:before {

    content: "\e086";

}

.glyphicon-screenshot:before {

    content: "\e087";

}

.glyphicon-remove-circle:before {

    content: "\e088";

}

.glyphicon-ok-circle:before {

    content: "\e089";

}

.glyphicon-ban-circle:before {

    content: "\e090";

}

.glyphicon-arrow-left:before {

    content: "\e091";

}

.glyphicon-arrow-right:before {

    content: "\e092";

}

.glyphicon-arrow-up:before {

    content: "\e093";

}

.glyphicon-arrow-down:before {

    content: "\e094";

}

.glyphicon-share-alt:before {

    content: "\e095";

}

.glyphicon-resize-full:before {

    content: "\e096";

}

.glyphicon-resize-small:before {

    content: "\e097";

}

.glyphicon-exclamation-sign:before {

    content: "\e101";

}

.glyphicon-gift:before {

    content: "\e102";

}

.glyphicon-leaf:before {

    content: "\e103";

}

.glyphicon-fire:before {

    content: "\e104";

}

.glyphicon-eye-open:before {

    content: "\e105";

}

.glyphicon-eye-close:before {

    content: "\e106";

}

.glyphicon-warning-sign:before {

    content: "\e107";

}

.glyphicon-plane:before {

    content: "\e108";

}

.glyphicon-calendar:before {

    content: "\e109";

}

.glyphicon-random:before {

    content: "\e110";

}

.glyphicon-comment:before {

    content: "\e111";

}

.glyphicon-magnet:before {

    content: "\e112";

}

.glyphicon-chevron-up:before {

    content: "\e113";

}

.glyphicon-chevron-down:before {

    content: "\e114";

}

.glyphicon-retweet:before {

    content: "\e115";

}

.glyphicon-shopping-cart:before {

    content: "\e116";

}

.glyphicon-folder-close:before {

    content: "\e117";

}

.glyphicon-folder-open:before {

    content: "\e118";

}

.glyphicon-resize-vertical:before {

    content: "\e119";

}

.glyphicon-resize-horizontal:before {

    content: "\e120";

}

.glyphicon-hdd:before {

    content: "\e121";

}

.glyphicon-bullhorn:before {

    content: "\e122";

}

.glyphicon-bell:before {

    content: "\e123";

}

.glyphicon-certificate:before {

    content: "\e124";

}

.glyphicon-thumbs-up:before {

    content: "\e125";

}

.glyphicon-thumbs-down:before {

    content: "\e126";

}

.glyphicon-hand-right:before {

    content: "\e127";

}

.glyphicon-hand-left:before {

    content: "\e128";

}

.glyphicon-hand-up:before {

    content: "\e129";

}

.glyphicon-hand-down:before {

    content: "\e130";

}

.glyphicon-circle-arrow-right:before {

    content: "\e131";

}

.glyphicon-circle-arrow-left:before {

    content: "\e132";

}

.glyphicon-circle-arrow-up:before {

    content: "\e133";

}

.glyphicon-circle-arrow-down:before {

    content: "\e134";

}

.glyphicon-globe:before {

    content: "\e135";

}

.glyphicon-wrench:before {

    content: "\e136";

}

.glyphicon-tasks:before {

    content: "\e137";

}

.glyphicon-filter:before {

    content: "\e138";

}

.glyphicon-briefcase:before {

    content: "\e139";

}

.glyphicon-fullscreen:before {

    content: "\e140";

}

.glyphicon-dashboard:before {

    content: "\e141";

}

.glyphicon-paperclip:before {

    content: "\e142";

}

.glyphicon-heart-empty:before {

    content: "\e143";

}

.glyphicon-link:before {

    content: "\e144";

}

.glyphicon-phone:before {

    content: "\e145";

}

.glyphicon-pushpin:before {

    content: "\e146";

}

.glyphicon-usd:before {

    content: "\e148";

}

.glyphicon-gbp:before {

    content: "\e149";

}

.glyphicon-sort:before {

    content: "\e150";

}

.glyphicon-sort-by-alphabet:before {

    content: "\e151";

}

.glyphicon-sort-by-alphabet-alt:before {

    content: "\e152";

}

.glyphicon-sort-by-order:before {

    content: "\e153";

}

.glyphicon-sort-by-order-alt:before {

    content: "\e154";

}

.glyphicon-sort-by-attributes:before {

    content: "\e155";

}

.glyphicon-sort-by-attributes-alt:before {

    content: "\e156";

}

.glyphicon-unchecked:before {

    content: "\e157";

}

.glyphicon-expand:before {

    content: "\e158";

}

.glyphicon-collapse-down:before {

    content: "\e159";

}

.glyphicon-collapse-up:before {

    content: "\e160";

}

.glyphicon-log-in:before {

    content: "\e161";

}

.glyphicon-flash:before {

    content: "\e162";

}

.glyphicon-log-out:before {

    content: "\e163";

}

.glyphicon-new-window:before {

    content: "\e164";

}

.glyphicon-record:before {

    content: "\e165";

}

.glyphicon-save:before {

    content: "\e166";

}

.glyphicon-open:before {

    content: "\e167";

}

.glyphicon-saved:before {

    content: "\e168";

}

.glyphicon-import:before {

    content: "\e169";

}

.glyphicon-export:before {

    content: "\e170";

}

.glyphicon-send:before {

    content: "\e171";

}

.glyphicon-floppy-disk:before {

    content: "\e172";

}

.glyphicon-floppy-saved:before {

    content: "\e173";

}

.glyphicon-floppy-remove:before {

    content: "\e174";

}

.glyphicon-floppy-save:before {

    content: "\e175";

}

.glyphicon-floppy-open:before {

    content: "\e176";

}

.glyphicon-credit-card:before {

    content: "\e177";

}

.glyphicon-transfer:before {

    content: "\e178";

}

.glyphicon-cutlery:before {

    content: "\e179";

}

.glyphicon-header:before {

    content: "\e180";

}

.glyphicon-compressed:before {

    content: "\e181";

}

.glyphicon-earphone:before {

    content: "\e182";

}

.glyphicon-phone-alt:before {

    content: "\e183";

}

.glyphicon-tower:before {

    content: "\e184";

}

.glyphicon-stats:before {

    content: "\e185";

}

.glyphicon-sd-video:before {

    content: "\e186";

}

.glyphicon-hd-video:before {

    content: "\e187";

}

.glyphicon-subtitles:before {

    content: "\e188";

}

.glyphicon-sound-stereo:before {

    content: "\e189";

}

.glyphicon-sound-dolby:before {

    content: "\e190";

}

.glyphicon-sound-5-1:before {

    content: "\e191";

}

.glyphicon-sound-6-1:before {

    content: "\e192";

}

.glyphicon-sound-7-1:before {

    content: "\e193";

}

.glyphicon-copyright-mark:before {

    content: "\e194";

}

.glyphicon-registration-mark:before {

    content: "\e195";

}

.glyphicon-cloud-download:before {

    content: "\e197";

}

.glyphicon-cloud-upload:before {

    content: "\e198";

}

.glyphicon-tree-conifer:before {

    content: "\e199";

}

.glyphicon-tree-deciduous:before {

    content: "\e200";

}





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

   Momentum Styles

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



#construction

{

    background: #20409a;

    padding: 10px;

    font-size: 16px;

    width: 85%;

    margin: 54px auto 6px 51px;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);

    -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1);

    box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 1);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    color: #FFF;

    text-align: center;

}



h1,h2,h3,h4

{

    font-family: 'mohavebold', sans-serif;

    font-weight: normal;

    line-height: .9em;

}



body

{

    font-size: 14px;

    background: #181818;

    font-family: 'camptonlight', times, sans-serif;

}



#container_bdr

{

    border: 1px solid #fec77d;

    border-top: none;

    margin: 0 auto 50px;

    width: 1200px;

}

.page-load-overlay {
    position: fixed;
    background-color: #1c191a;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.page-load-overlay .momentum-spinner  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:  translate(-50%,-50%);
}
.page-load-overlay .m img {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;    
    top: 34px;
    left: 34px;
    /* transform:  translate(-50%,-50%); */
    /* display: none; */
    animation: m-fade .8s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
  }
  .lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1.6s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -.8s;
  }
  @keyframes lds-ripple {
    0% {
      top: 30px;
      left: 30px;
      width: 40px;
      height: 40px;
      opacity: 0;
    }
    4.9% {
      top: 30px;
      left: 30px;
      width: 40px;
      height: 40px;
      opacity: 0;
    }
    5% {
      top: 30px;
      left: 30px;
      width: 40px;
      height: 40px;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 100px;
      height: 100px;
      opacity: 0;
    }
  }

  @keyframes m-fade {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

#container

{

    background: #FFF;

    overflow: hidden;

    -webkit-box-shadow: 0px 0px 200px 0px rgba(0, 0, 0, 1);

    -moz-box-shadow:    0px 0px 200px 0px rgba(0, 0, 0, 1);

    box-shadow:         0px 0px 200px 0px rgba(0, 0, 0, 1);

}

#container .cont_bg

{

    background: #FFF url("../img/home_bg.jpg") no-repeat ;

    background-size: cover;

    background-position: 50% 0px;

    height: 100%;

    width: 100%;

    position: fixed;

}

#container .cont_bg.bg1

{

    background-image: url("../img/home_bg2a.jpg");

}

#container .cont_bg.bg2

{

    background-image: url("../img/home_bg1a.jpg");

}

#container .cont_bg.bg2,
#container .cont_bg.bg4

{

    background-image: url("../img/home_bg3a.jpg");

}

.pull-left

{

    float: left;

}

.pull-right

{

    float: right;

}

a

{

    color: #02f185;

    text-decoration: none;

}

a:hover

{

    text-decoration: underline;

}

.full_width

{

    max-width: 880px;

    margin: 0 auto;

}

.full_width.extra_wide

{

    max-width: 1280px;

}



.pageHeader

{

    position: fixed;

    width: 100%;

    z-index: 100;

    background: #1c191a;

    background: rgba(0,0,0,.9);

    -webkit-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, .6);

    -moz-box-shadow:    0 2px 15px 0px rgba(0, 0, 0, .6);

    box-shadow:         0 2px 15px 0px rgba(0, 0, 0, .6);

}

.headerContain

{

    margin: 0 auto;

    position: relative;

    min-height: 70px;

    max-width: 1000px;

}



.pageHeader .center_area

{

    display: block;

    position: absolute;

    left: 50%;

    top:  50%;

    margin: -50px 0 0 -50px;

    width: 100px;

    height: 100px;

}



.pageHeader .center_spinner

{

    position: absolute;

    left: 50%;

    top:  50%;

    margin: -50px 0 0 -50px;

    background: url('../img/spinner_grey.png') no-repeat;

    width: 100px;

    height: 100px;

}



.pageHeader .center_lockup

{

    position: absolute;

    left: 50%;

    top: -30px;

    margin: 0 0 0 -30px;

    background: #ECECEC;

    width: 60px;

    height: 60px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    font-family: 'camptonbold', sans-serif;

    font-size: 47px;

    text-align: center;

    line-height: 60px;

    color: #1c191a;

    vertical-align: middle;



}



#page

{

    position: relative;

}

#pageHeaderPadding

{

    height: 70px;

}

#site_lockup

{

    float: left;

    width: 30%;

}

#site_lockup h1

{

    text-indent: -9999px;

    background: url('../img/logo.png') no-repeat 0 0;

    width: 504px;

    height: 86px;

    display: block;

    margin: 0;

    width: 100%;

    height: auto;

    background-size: 100%;

    padding-bottom: 17%;

    line-height: 0;

    border-top: 10px solid #1c191a;

    border-bottom: 9px solid #1c191a;

}



#site_lockup h2

{

    color: #1c191a;

    margin: 10px auto;

    /* font-weight: normal; */

    text-shadow: 0px 0px 5px #FFF, 0px 0px 10px #FFF, 0px 0px 25px #FFF;

    /* font-variant: small-caps; */

    width: 425px;

    font-size: 14px;

    text-transform: uppercase;

    text-align: center;

    display: block;

    display: none;

}

.home #site_lockup h2

{

    display: block;

    display: none;

}



#mainNav 

{

    float: left;

    margin: 0;

    position: absolute;

    width: 100%;

}

#mainNav ul

{

    margin: 0;

    padding: 0;

    text-align: center;

}

#mainNav li

{

    padding: 0;

    list-style: none;

    text-transform: uppercase;

    width: auto;

    display: inline-block;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}

#mainNav li.middle

{

    width: 10px;

    display: inline-block;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    height: 100%;

    position: relative;

}

#mainNav .l_1

{

}

#mainNav .l_6

{



}

#mainNav .l_3

{

    margin-right: 2%;

}

#mainNav .l_4

{

    margin-left: 2%;

}

#mainNav li:hover

{

}

#mainNav a

{

    padding: 29px 35px;

    border-bottom: 0px solid #fff;

    color: #fff;

    display: block;

    font-size: 12px;

    line-height: 12px;

    text-align: center;

    transition: background 0.3s ease, padding-bottom 0.3s ease, border-bottom 0.3s ease, color 0.3s ease;

    -webkit-transition: background 0.3s ease, padding-bottom 0.3s ease, border-bottom 0.3s ease, color 0.3s ease;

    -moz-transition: background 0.3s ease, padding-bottom 0.3s ease, border-bottom 0.3s ease, color 0.3s ease;

    -o-transition: background 0.3s ease, padding-bottom 0.3s ease, border-bottom 0.3s ease, color 0.3s ease;

}

#mainNav .middle a

{

    padding: 0;

    border-bottom: none;

    color: #fff;

    display: block;

    font-size: 12px;

    line-height: 12px;

    text-align: center;

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

}

/*#mainNav li.active a,*/

#mainNav li:hover a

{

    text-decoration: none;

    color: #02f185;

    background: #414141;

    border-bottom: 4px solid #FFF;

    padding-bottom: 26px;

    

}

#mainNav li.middle:hover a

{

    text-decoration: none;

    color: #ffff00;

    background: none;

    border-bottom: none;

    padding-bottom: 0;



}

#navPointer

{

    background: url('../img/nav_pointer.png') no-repeat;

    width: 52px;

    height: 6px;

    position: absolute;

    bottom: -10px;

    left:0;

    display: none;

}



#navIcon

{

    display: none;

    float: right;

    background: url('../img/nav_icon.png') no-repeat;

    width: 28px;

    height: 25px;

    margin: 20px 0 0 15px;

    position: absolute;

    right: 25px;

}

#navIcon:active,

#navIcon.active

{

    background-position: -28px 0;

}



.page

{

    overflow: hidden;

    background: rgba(255,255,255,.5);

}



.page-dark

{

    background: #202020;

    color: #FFF;

}

.page-white

{

    background: #FFF;

}


#page_about {
    padding-bottom: 30px;
}


.page_inner

{

    margin: 0 20px;

}



#page > section

{

}

h1

{

    text-transform: uppercase;

    color: #183073;

    font-size: 32px;

}



.page-dark h1

{

    text-transform: uppercase;

    color: #02f185;

    font-size: 32px;

}





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

   Landing/home

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



#homeSlider

{

    -webkit-box-shadow: inset 0 -10px 20px #FFF;

    -moz-box-shadow: inset 0 -10px 20px #FFF;

    box-shadow: inset 0 -10px 20px #FFF;

}

#homeSlider .slides

{

}

#homeSlider .slides li

{

    position: relative;

    max-height: 412px;

    min-height: 175px;

    overflow: hidden;

}

#homeSlider .slides li .bg

{

    padding-bottom: 43%;

    background-position: center;

}

#homeSlider .slides li .content

{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

#homeSlider .slides .fw

{

    position: relative;

    height: 100%;

}



#homeSlider .quote-char

{

    display: inline-block;

    position: absolute;

    left: -40px;

    top: 40px;

    font-size: 130px;

    color: #02f185;

}



#homeSlider .quote-char.qf

{

    right: -40px;

    left: auto;

    top: auto;

    bottom: auto;

    margin-top: -27px;

}



#homeSlider .full_width

{

    position: relative;

}



#homeSlider .slide1 .quote

{

    position: absolute;

    width: 36%;

    left: 48%;

    margin-top: 16%;

    font-family: 'mohaveregular';

    font-size: 21px;

    line-height: 41px;

}



#homeSlider .slide1 .full_width

{

    height: 100%;

}

#homeSlider .head_logo

{

    background: url("../img/head_logo.png") no-repeat;

    width: 1215px;

    height: 500px;

    position: absolute;

    top: 50%;

    left: 8%;

    margin: -28% 0 0 -100%;

    opacity: .2;

    height: auto;

    width: 136%;

    padding-bottom: 56%;

    background-size: 100% 100%;

    background-size: contain;

    min-width: 727px;

}



#homeSlider .slide2 .content,

#homeSlider .slide2 .full_width

{

    height: 100%;

}

#homeSlider .slide2 .quote

{

    position: absolute;

    width: 50%;

    left: 45%;

    margin-top: 17%;

    font-family: 'mohaveregular';

    font-size: 18px;

    line-height: 41px;

}


#homeSlider .slide3 .quote

{

    position: absolute;

    width: 45%;

    left: 13%;



    margin-top: 10%;

    font-family: 'mohaveregular';

    font-size: 18px;

    line-height: 41px;

}





#homeSlider .slide3 .slide_icons

{

    width: 26%;

    position: absolute;

    height: 100%;

    left: 65%;

}

#homeSlider .slide3 img

{

    width: 80%;

    /*position: absolute;*/

    opacity: .3;

    position: relative;

    margin: 0 auto;

    display: block;



}



#homeSlider .slide4 .content,

#homeSlider .slide4 .full_width

{

    height: 100%;

}

#homeSlider .slide4 .copy

{

    position: absolute;

    width: 30%;

    left: 55%;



    margin-top: 18%;

    font-family: 'mohaveregular';

    font-size: 18px;



}

#homeSlider .slide4 .copy a

{

    background: rgba(0,0,0,.4);

    padding: 2px 4px;

    float: right;



}



.banner-section + .home-page {
    margin-top: 40px;
}

.home-page p

{

    margin: 15px auto;

}

.homeLockup

{

    width: 46%;

    float: left;

    margin: 1% 4% 1% 2%;

    font-family: 'mohavebold', sans-serif;

    font-size: 40px;

    color: #02f185;

}

.home-copy

{

    margin: 4% 2%;

    line-height: 30px;

    text-align: justify;

    font-size: 16px;

}

.home-copy strong

{

    font-family: 'camptonbold', sans-serif;

}

p b, 
p strong {
    font-family: "camptonbold";
    font-weight: 400;
}



.homeboxes

{

    margin: 40px 0;

}

.home_box

{

    width: 26%;

    margin: 30px 12%;

    float: left;

}

.home_box .icon

{

    position: relative;

    width: 70%;

    margin: 0 auto;

    display: block;

}

.home_box .icon .ylw

{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.home_box .icon img

{

    width: 100%;

}

.home_box h3

{

    font-family: 'mohavebold', sans-serif;

    font-size: 22px;

    margin-right: -12px;

}



.home_box .copy

{

    text-align: center;

}

.home_box .copy p,

.home_box .copy ul

{

    font-size: 14px;

    margin: 15px 0;

}

.home_box .copy ul

{

    text-align: left;

}

.banner-section {
    position: relative;
}

.banner-section-content {
    width: 100%;
    background-color: grey;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    z-index: 10;
    text-align: center;
    padding: 20px 0;
    background-color: #02f185;
}
.banner-title {
    font-size: 1.8em;
    font-family: 'mohavebold', sans-serif;
    line-height: 1;
}
.banner-sub-copy {
    line-height: 1;
    letter-spacing: 1px;
}
.banner-section .slide-main-content {
    text-align: right;
    margin-right: 20px;
}
.banner-section .slide-content {
    display: flex;
    justify-content: center;
}
.banner-section .slide-btn {
    /* background-color: #202020; */
    background-color: #2f2f2f;;
    color: #FFF;
    font-size: 1.9em;
    font-family: 'mohavebold', sans-serif;
    padding: 8.5px 13px;
    border-radius: 5px;
    transition: all .3s;
}
.banner-section .slide-btn:hover {
    text-decoration: none;
    /* background-color: #494949; */
    background-color: #202020;
    color: #EEE;
}

@media only screen and (max-width : 970px) {
    .banner-section {
        display: none;
    }
}

.capabilities  .page_inner,

.about .page_inner,

.contact .page_inner

{

    margin-top: 40px;

    margin-bottom: 40px;

}

#clients

{

    width: 46%;

    float: left;

    margin: 35px 2% 40px;

}

.client_logos

{

    position: relative;

    width: 80%;

}

.client

{

    position: absolute;

    left: 50%;

}



.social

{

    background-image: url('../img/grey_bg.jpg');

    background-size: cover;

}

#tweets

{

    width: 46%;

    float: left;

    margin: 35px 2% 40px;

}

#tweets .twitter-list

{

    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.social h3

{

    color: #02f185;

    font-size: 26px;

}

.twitter_icon

{

    float: right;

}







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

   Capabilities New

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

    .blue-cta {
        background: #e2aff4;
        color: #FFF;
        width: 100%;
        font-family: 'mohavebold', sans-serif;
        font-size: 1.4em;
        padding: 10px 12px;
        border: none;
        border-radius: 4px;
        padding: 0.5em 1.3em;
        margin: 3em auto 0;
    }

   .capabilities {
        
   }
   .capabilities #page {
        background-color: #ededed;
   }
   .capabilities-hero {
        min-height: 360px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
   .capabilities-hero.preview {
        background: #FFF;
    }
   .capabilities-hero.preview .text-center {
        margin: 2em auto 0;
    }
   .capabilities-hero .bg {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(/img/capabilities.jpg) no-repeat center 80%;
        background-size: cover;
        opacity: .3;
        box-shadow: inset 0 -10px 10px #ededed;
    }
    .hero-content {
        position: relative;
        opacity: .88;
        max-width: 600px;
    }
   .capabilities-hero h1 {
        font-size: 3.6em;
        color: rgb(58, 58, 58);
        text-align: center;
    }
   .capabilities-hero .sub-content {
        font-size: 1.2em;
        letter-spacing: 2px;
        text-align: center;
        color: #bc00ff;
        text-transform: uppercase;
    }

    .capabilities-content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .cards {
        display: flex;
        gap: 15px;
        align-items: flex-start;
        flex-wrap: wrap;
        width: calc(100% + 15px);
    }
    .card {
        background-color: #FFF;
        padding: 25px;
        box-shadow: 0 0 6px rgba(0,0,0,.15);
        border-radius: 10px;
        color: #353535;
        margin: 20px 0;
        flex: 0 0 calc(33.333333% - 15px);
        max-width: calc(33.333333% - 15px);
        min-height: 505px;
        box-sizing: border-box;
    }

    .card.hidden {
        display: none;
    }

    .card-title {
        display: flex;
        justify-content: center;
    }
    .card-avatar {
        font-size: 60px;
        width: 100px;
        height: 100px;
        line-height: 1;
        margin: 20px auto;
        border: 5px solid #e2aff4;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #e2aff4;
    }
    .card-body-title {
        font-size: 1.1em;
        color: #e2aff4;
    }
    .card-cta button {
        background: #e2aff4;
        display: block;
        color: #FFF;
        width: 100%;
        font-family: 'mohavebold', sans-serif;
        font-size: 1.1em;
        padding: 10px 12px;
        border: none;
        border-radius: 4px;
    }
    .card-cta button:hover {
        background: #183073;
    }
    .card-tag {
        color: #d4d4d4;
        font-family: 'camptonbold', times, sans-serif;
        text-transform: uppercase;
        
    }
    .card-body {
        color: #545454;
        margin: 20px 0 25px;
        position: relative;
        max-height: 220px;
        overflow: hidden;
        transition: all .3s;
        word-wrap: break-word;
    }
    .card-body-scrim {
        height: 60px;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,0) 100%);
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        transition: all .3s;
    }
    .card.active .card-body {
        max-height: 700px;
    }
    .card.active .card-body-scrim {
        opacity: 0;
    }

    .card .card-cta .active {
        display: none;
    }
    .card.active .card-cta .inactive {
        display: none;
    }
    .card.active .card-cta .active {
        display: inline;
    }

    .tab-nav {
        display: flex;
        margin-top: 8px;
    }

    .tab-nav button {
        font-family: 'mohavebold', sans-serif;
        display: block;
        font-size: 1.3em;
        padding: 12px 18px;
        border: none;
        color: rgb(132, 132, 132);
        border-bottom: 2px solid #dddddd;
        background: none;
        flex: 1;
    }
    .tab-nav button:hover {
        color: #183073ac;
    }
    .tab-nav button.active {
        color: #183073;
    }



    @media only screen and (max-width : 1100px)
    {
        .capabilities-content {
            max-width: 85%;
        }


    }



    @media only screen and (max-width : 1000px)
    {
        .card {
            flex: 0 0 calc(50% - 15px);
            max-width: calc(50% - 15px);
        }

        .capabilities-hero h1 {
            font-size: 5.5vw;
            margin-left: 15px;
            margin-right: 15px;
        }
        .capabilities-hero .sub-content {
            font-size: 1.9vw;
            margin-left: 15px;
            margin-right: 15px;
        }

    }


    @media only screen and (max-width : 680px)
    {
        .card {
            flex: 0 0 calc(100% - 15px);
            max-width: calc(100% - 15px);
        }
        .capabilities-hero {
            min-height: 210px;
        }
        .capabilities-hero .sub-content {
            font-size: 2.2vw;
        }


    }

    @media only screen and (max-width : 550px)
    {
        .tab-nav {
            display: block;
        }
        .tab-nav button {
            display: block;
            width: 100%;
        }
    }



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

   Services

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



#services_list

{



}

#services_list .left

{

    width: 49%;

    margin-right: 1%;

    float: left;

}



#services_list .right

{

    width: 49%;

    margin-left: 1%;

    float: left;

}

.capabilities-section {
    display: block;
}

.capabilities h2 {
    margin: 0 10px;
    display: block;

    background: #202020;

    color: #ffffff;

    font-family: 'mohavebold';

    border-radius: 5px;

    padding: 15px 13px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
}

.capabilities-lists {
    display: flex;
    
}
.capabilities-lists > * {
    flex: 1;
    margin: 0 10px;
}

.capabilities h3

{

    display: block;

    background: #11204c;

    color: #ffffff;

    font-family: 'mohavebold';

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;
    padding: 5px 10px 2px;

    text-transform: uppercase;

    font-size: 20px;

    line-height: 30px;


}



#services_list p,

#services_list ul

{

    margin: 11px auto;

    width: 90%;

}





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

   Services

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

.testimonial

{

    font-size: 16px;

    line-height: 24px;

}





.testimonial .signoff

{

    font-family: 'mohaveregular', sans-serif;

    font-size: 22px;

    text-align: right;

}

.testimonial .name

{

    color: #e8e500;

    font-family: 'mohavebold', sans-serif;

}

.testimonial .title

{

    color: #183073;

}



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

   About Us

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

.about #page

{

    width: 880px;

    margin: 0 auto;

}

#about_us p

{

    font-size: 13px;

    line-height: 25px;

}

#about_us, #our_how, #press

{

    border-bottom: 2px solid #FFF;

    margin-bottom: 45px;

    padding-bottom: 30px;

}
.how-items {
    display: flex;
}
.how-item {
    flex: 1;
    width: 25%;
    text-align: center;
}
.how-item img {
    width: 80%;
    margin: 0 auto;
}
.how-item p > strong {
    font-family: 'mohavebold', sans-serif;
    color: #02f185;
    font-size: 1.6em;
}
.how-copy {
    margin: 0 10px;
}
.how-result {
    padding: 15px 25px;
    font-family: 'mohavebold', sans-serif;
    background: #02f185;
    font-size: 1.8em;
    margin: 20px auto;
    display: table;
    text-align: center;
    color: #202020;
    border-radius: 5px;
    line-height: 1;
}


#press .press-title {
    font-weight: bold;
    margin: 0 0;
}


#consultants

{





}

#people

{

    margin: 10px 0 0;

}

#people .person

{


    display: block;

    float: left;

    margin: 0 10px 0 0;

    width: 83px;
    
    height: 83px;

    position: relative;
    margin-bottom: 55px;

}

#people.large .person

{
    width: 120px;    
    height: 120px;

}



#people .person:hover

{

    text-decoration: none;

}

#people .person img

{


    width: 100%;
    height: 100%;
    
    border: 1px solid #FFF;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);

    -moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 1);

    box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 1);

}

#people .person .overlay

{

    width: 100%;
    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: url("../img/people_overlay.png") no-repeat center;

}

#people .pers_name

{

    font-family: 'mohavebold',sans-serif;

    color: var(--purple);

    margin: 6px auto;

    text-shadow: 1px 1px 5px #1c191a, 1px 1px 10px #1c191a;

    font-size: 12px;

}

#people.large .pers_name

{

    font-size: 16px;

}



#person_info

{

    margin: 5px 0 15px;

    position: relative;

    min-height: 500px;

}

.person_detail

{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.person_details

{

    width: 20%;

    float: left;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background: var(--purple);

    margin: 20px 2% 20px 0;

    min-height: 450px;

    color: #323232;

    padding: 0 15px;

    font-size: 13px;

    position: relative;

}

.person_details .name

{

    color: #1c191a;

    font-size: 20px;

    margin: 20px auto 5px auto;

}

.person_details .position,

.person_details .address

{

    margin: 10px auto;

}

.person_info

{

    font-size: 13px;

    line-height: 25px;

    position: relative;

    overflow: hidden;

}

.email_person

{



    -webkit-appearance: none;

    color: var(--purple);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    background: #202020;

    font-family: inherit;

    font-weight: bold;

    font-size: 13px;

    padding: 4px 10px;

    margin: 5px 0;

    position: absolute;

    bottom: 10px;

    left: auto;

    width: 74%;

    text-align: center;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    border: 1px solid transparent;

}

.email_person:hover

{

    color: #202020;

    background: var(--purple);

    border: 1px solid #202020;

    text-decoration: none;

}



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

   Clientele

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



#clientele

{

    width: 880px;

    margin: 0 auto;

}



.clientele h2

{

    text-transform: uppercase;

    margin: 0;

}

.clientele p

{

    font-size: 15px;

    font-style: italic;

    margin: 15px 0 15px 25px;

}



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

   Contact

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

.contact_head .page_inner

{

margin: 10px 20px 0;

}.contact .page_inner

{

margin: 10px 20px 40px;

}

.contact #page

{

    width: 880px;

    margin: 0 auto;

}

#blue_box

{

    background: #202020;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}

#contactForm

{

    /*border-right: 2px solid #FFF;*/

    width: 40%;

    overflow: hidden;

    float: left;

    margin: 0 5%;

}

#form_container

{

    margin: 25px 0;



}

label

{

    display: block;

}

label span

{

    text-transform: uppercase;

    color: #02f185;

    display: block;

    margin: 10px auto;

    font-family: 'mohavebold', sans-serif;

    font-size: 1.17em;

    line-height: .9em;

}

input[type=text],

textarea

{

    -webkit-appearance: none;

    background: #FFF;

    color: #202020;

    border: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    padding: 10px 10px;

    font-size: 15px;

    font-family: inherit;

    display: block;

    width: 100%;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.error input[type=text],

.error textarea

{

    -webkit-box-shadow: inset 0 0 10px #b90000;

    -moz-box-shadow: inset 0 0 10px #b90000;

    box-shadow: inset 0 0 10px #b90000;

}

textarea

{

    height: 80px;

}

label.submit

{

    text-align: right;

}

#submit

{

    -webkit-appearance: none;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    background: #02f185;

    color: #202020;

    font-family: inherit;

    font-size: 13px;

    padding: 4px 10px;

    margin: 5px 0;

    text-align: center;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    border: 1px solid transparent;

}

#submit:hover

{

    border: 1px solid #02f185;

    text-decoration: none;

    background: #202020;

    color: #02f185;



}

#map

{

    float: left;

    margin: 0 0;

    width: 100%;

    height: 286px;

}

#map iframe

{

    width: 100%;

    height: 100%;

}

.contactDetails

{

    width: 40%;

    margin: 2px 5%;

    float: left;

    color: #FFF;

}

.contactDetails .detail

{

    display: block;

    overflow: hidden;

    margin: 20px auto 20px 25px;

    line-height: 22px;

}



.contactDetails .detail a

{

    color: #FFF;

}

.contactDetails .detail h3

{

    margin: 4px auto;

    color: #02f185;

}

.contactDetails .glyphicon

{

    float: left;

    color: #02f185;

}

#contact_result

{


    color: #FFF;

}

#contact_error

{

    color: #b90000;

}

.page.case-studies h1 {
    margin: 50px auto 20px;
    border-bottom: 2px solid #02f185;
    padding-bottom: 30px;
}


.case-studies-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.case-study {
    width: calc(50% - 25px);
    margin-bottom: 25px;
}
.case-study:nth-child(2n) {
    margin-left: 50px;
}

.case-study .case-study-title {
    color: #02f185;
    font-size: 1.9em;
    letter-spacing: 1px;
    /* text-align: center; */
    line-height: 1.4;
    margin: 1em auto 0;
}

.case-study button {
    background: #02f185;
    color: #181818;
    border-radius: 3px;
    font-family: 'mohavebold', sans-serif;
    border: none;
    display: block;
    margin: 10px 0 10px auto;
    padding: 8px 15px;
    font-size: 1.3em;
    border: 2px solid rgba(223, 223, 8,0);
    transition: all .3s;
}
.case-study button:hover {
    background: rgba(0,0,0,0);
    color: #FFF;
    /* border: 2px solid rgba(223, 223, 8,1); */
    border: 2px solid #02f185;
}

.case-study-summary {
    display: flex;
    font-size: 1.4em;
}
.case-study .img {
    position: relative;
    /* background: #02f185; */
    width: 100%;
    display: block;
    /* height: 150px; */
    overflow: hidden;
    cursor: pointer;
}

.case-study .img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #02f18585;
    /* background: rgba(223, 223, 8,.5); */
    top: 0;
    left: 0;
    transition: all .8s;
}
.case-study .bg-img {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    filter: grayscale(1);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .4;
    top: 0;
    left: 0;
    transition: all .8s;
}

.case-study .img:hover .bg-img {
    filter: grayscale(0);
}

.case-study .img:hover .img-overlay {
    opacity: .2;
}


.case-study-summary-copy {
    flex: 1;
    line-height: 1.3;
    text-align: justify;
}

.case-study .metric {
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    height: 100%;
    text-shadow: 0 0 8px rgba(0,0,0,.5);
    margin: 6%;
    align-items: flex-end;
}

.case-study .metric-data {
    font-family: 'mohavebold', sans-serif;
    font-size: 6em;
    line-height: 1;
    transition: all .8s;
}
.case-study .img:hover .metric-data {
    letter-spacing: 3px;
}
.case-study .metric-unit {
    font-size: 1.4em;
    line-height: 1;
    text-align: right;
}

.case-study .metric.small  .metric-data {
    font-size: 3.8em;
}

.case-study .metric.small  .metric-unit {
    font-size: 1.1em;
    line-height: 1.3;
}
.case-study .img:hover .metric.small .metric-data {
    letter-spacing: 1px;
}

.case-study-detail {
    display: none;
    color: #1c191a;
    margin: 30px;
}

.case-study-tags {
    flex: 1;
    display: block;
    font-size: 1.3em;
    list-style-type: none;
    float: right;
}

.case-study-tags li {
    background: black;
    margin: 3px;
    padding: 5px 4px 3px 4px;
    line-height: 1;
    color: #FFF;
    display: table;
    font-family: 'mohavebold', sans-serif;
    letter-spacing: 2px;
}

.case-study-detail h3 {
    font-size: 1.6em;
}
.case-study-detail .outcome {
    font-size: 1.4em;
    /* color: #02f185; */
    /* padding: .3em .5em; */
    margin: 1.4em 0 1.6em;
    line-height: 1;
    font-weight: bold;
    font-family: 'mohavebold', sans-serif;
}
.case-study-detail .outcome i {
    margin-right: .25em;
}

#case-study-detail-container {
    position: fixed;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
#case-study-detail-background {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: rgba(0,0,0,.8);
}
#case-study-detail-container-content {
    position: absolute;
    display: block;
    /* margin-left: 50%;
    transform: translateX(-50%); */
    width: 880px;
    margin: 10% auto;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    max-height: 85%;
    background: #FFF;
    overflow-y: scroll;
    
}

#case-study-detail-container .close { 
    background: none;
    border: none;
    font-size: 1.8em;
    color: #FFF;
    text-shadow: 0, 0, 5px rgba(0,0,0,.9);
    top: 10px;
    right: 10px;
    position: absolute;
    
}
#case-study-detail-container .case-study-detail {
    display: block;
}



#pageFooter

{

    padding-top: 13px;

    color: #FFF;

    text-align: center;

    font-size: 11px;

    background: #181818;

    overflow: hidden;

    position: relative;

}





#pageFooter .full_width

{

    margin: 40px auto 40px;

}















@media only screen and (max-width : 900px)

{ /* 480px | iPhone: Portrait */



    #homeSlider .slide2 .quote,
    #homeSlider .slide3 .quote

    {

        font-size: 13px;

    }

    #pageFooter

    {

        padding: 0 20px;

    }

    .case-study .case-study-title {
        font-size: 1.5em;
    }


}



@media only screen and (max-width : 850px)

{ /* 480px | iPhone: Portrait */





    #mainNav a

    {

        padding: 29px 12px;

    }

    #mainNav .l_3 a

    {

        padding-right: 35px;

    }

    #mainNav .l_4 a

    {

        padding-left: 35px;

    }



    #people .person {

        width: 15%;

        margin: 0 7px 5px 0;

        height: auto;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    #people .person:last-child {

        margin: 0 0 0 0;

    }

    #people .person,
    #people.large .person {

    width: 83px;
    height: 83px;
    }
    #people .pers_name

    {

        display: none;

    }

    
    .case-study-summary {
        display: block;
    }
        
    .case-study-tags {
        padding: 0;
    }


}



@media only screen and (max-width : 770px) {
    
    .case-study {
        width: 100%;
    }
    .case-study:nth-child(2n) {
        margin-left: auto;
    }
    
.capabilities-lists {
    display: block;
    
}
}



@media only screen and (max-width : 660px)

{ /* 480px | iPhone: Portrait */





    #mainNav a

    {

        padding: 29px 8px;

    }



    #people_detail {

        position: relative;

    }

    .person_detail

    {

        position: relative;

    }

    .person_details {

        float: none;

        width: auto;

        margin: 20px auto;

        min-height: 0;

    }

    .person_details > * {

        width: auto;

    }

    .email_person

    {

        position: relative;

        bottom: auto;

        left: auto;

        width: auto;

        padding: 5px 0;

        float: none;

        clear: both;

        display: block;

    }

    .person_details .position{}

    .person_details .address {

        display: none;

    }


    .how-items {
        display: block;
    }
    .how-item {
        width: auto;
    }

    .how-item img {
        max-width: 120px;
    }


}



@media only screen and (max-width : 600px)

{ /* 480px | iPhone: Portrait */



    .flex_arrows

    {

        display: none;

    }

    #homeSlider .slide1 .quote

    {

        font-size: 12px;

        margin-top: 9%;

    }

    #homeSlider .slide2 .quote {
        

        font-size: 12px;

        margin-top: 13%;
    }
    
    #homeSlider .slide3 .quote

    {

        font-size: 11px;

    }

    #homeSlider .quote-char {

        left: -20px;

        font-size: 60px;

        top: 6px;

    }

    #homeSlider .quote-char.qf {

        right: -20px;

        margin-top: -22px;

    }

    .flex-control-nav {

        bottom: 5px;

    }

    .homeLockup {

        width: 92%;

        float: none;

        margin: 40px 4% 20px;

    }

    .home_box {

        width: 70%;

        margin: 30px 15%;

        float: none;

    }



    #clients, #tweets

    {

        float: none;

        width: auto;

        height: 500px;

    }

    #clients

    {

        height: 500px;

    }



    #services_list .left,

    #services_list .right {

        width: auto;

        float: none;

    }

    #contactForm {

        border-right: none;

        width: auto;

        float: none;

    }

    #map {

         float: none;

         width: auto;

     }



    #contactForm

    {

        width: 90%;

        float: none;

    }

    .contactDetails

    {

        width: 90%;

        float: none;

    }



    .mobileLogo

    {

        display: block;

        background: url("../img/Momentum_Logo_R4.png") no-repeat;

        background-size: 200px;

        width: 200px;

        height: 32px;

        float: left;

        margin: 18px 20px;

    }



    #mainNav

    {

        position: absolute;

        top: 70px;

        left: 0;

        width: 100%;

        background: rgba(0,0,0,.85);

        overflow: hidden;

    }

    #mainNav li

    {

        float: none;

        margin: 0;

        width: 100%;

        padding: 0;

        text-align: center;

        border-bottom: 1px solid #999999;

    }

    #mainNav li a

    {

        position: relative;

        padding: 30px 0;

        text-align: center;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #mainNav li:hover a

    {

        border-bottom: none;

        padding-bottom: 30px;

    }



    #mainNav li a,

    #mainNav .l_3 a,

    #mainNav .l_4 a

    {

        padding: 30px 0;

    }

    #mainNav .l_3,

    #mainNav .l_4

    {

        margin-left: 0;

        margin-right: 0;

    }

    #mainNav li.middle

    {

        display: none;

    }

    #navIcon

    {

        display: block;

    }

    .case-study-tags {
        font-size: .8em;
    }
    


}



@media only screen and (max-width : 480px)

{ /* 480px | iPhone: Portrait */



    #homeSlider .slide1 .quote {

        margin-top: 11%;

        font-size: 10px;

    }
    
    #homeSlider .slide2 .quote {

        margin-top: 11%;

        font-size: 10px;

    }

    #homeSlider .slide3 .quote {

        font-size: 10px;

        width: 70%;

        left: 15%;

    }

    #homeSlider .slide3 .slide_icons {

        display: none;

    }

    #homeSlider .slide4 .copy {

        font-size: 11px;

        margin-top: 8%;

    }

}



@media only screen and (max-width : 320px)

{ /* 480px | iPhone: Portrait */



    #homeSlider .slide1 .quote {

        margin-top: 11%;

        font-size: 9px;

    }

    #homeSlider .slide2 .quote {

        font-size: 9px;

        width: 70%;

        left: 15%;

    }

    #homeSlider .slide3 .quote {

        font-size: 9px;

        width: 70%;

        left: 15%;

    }

    #homeSlider .slide4 .copy {

        font-size: 11px;

        margin-top: 8%;

    }

}











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

   Helper classes

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



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}



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

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

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



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



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

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

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



@media print {

    * {

        background: transparent !important;

        color: #1c191a !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}

.tweet {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    color: #222222;
    margin-bottom: 20px;
    margin-right: 10px;
  }
  .tweet .author {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .tweet .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    
  }
  .tweet .author-info {
    flex: 1;
  }
  .tweet .author-name {
    font-weight: bold;
  }
  .tweet .handle {
    color: gray;
  }
  .tweet .tweet-content {
    margin-top: 5px;
  }
  .tweet .tweet-links {
    margin-top: 10px;
    color: gray;
    font-size: 14px;
  }
  .tweet .tweet-links a {
    color: gray;
    margin-right: 10px;
  }
  .tweet .timestamp {
  }
  :root {
    --purple: #8c52ff;
    --pink: #e2aff4;
  }

  .purple {
    color: var(--purple);
  }
  .purple_override {
    color: var(--purple) !important;
  }
  .purple_bg {
    background-color: var(--purple);
  }
  .pink {
    color: var(--pink);
  }
  .pink_override {
    color: var(--pink) !important;
  }
  .pink_bg {
    background-color: var(--pink);
  }