@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);

@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,800);

/*@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section,

summary {

  display: block;

}



/*

 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.

 */

audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

#block-block-17{
	text-align:center;
	overflow:hidden;
	padding: 2em;
}
  #block-block-17 a, .phone2{
	  background-color:#bb1c1c;
	  color:#FFF;
	  font-size:2em;
	  padding:0.5em;
  }

/*

 * Prevents modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}



/*

 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.

 * Known issue: no IE6 support.

 */

[hidden] {

  display: none;

}



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

   Base

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

/*

 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevents iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

html {

  font-size: 100%;

  /* 1 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

  -ms-text-size-adjust: 100%

  /* 2 */

}



/*

 * Addresses `font-family` inconsistency between `textarea` and other form

 * elements.

 */

html,

button,

input,

select,

textarea {

  font-family: sans-serif;

}



/*

 * Addresses margins handled incorrectly in IE6/7.

 */

body {

  margin: 0;

}



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

   Links

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

/*

 * Addresses `outline` inconsistency between Chrome and other browsers.

 */

a:focus {

  outline: thin dotted;

}



/*

 * Improves readability when focused and also mouse hovered in all browsers.

 * people.opera.com/patrickl/experiments/keyboard/test

 */

a:active,

a:hover {

  outline: 0;

}



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

   Typography

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

/*

 * Addresses font sizes and margins set differently in IE6/7.

 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.

 */

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



h2 {

  font-size: 1.5em;

  margin: 0.83em 0;

}



h3 {

  font-size: 1.17em;

  margin: 1em 0;

}



h4 {

  font-size: 1em;

  margin: 1.33em 0;

}



h5 {

  font-size: 0.83em;

  margin: 1.67em 0;

}



h6 {

  font-size: 0.75em;

  margin: 2.33em 0;

}



/*

 * Addresses styling not present in IE7/8/9, S5, Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}



/*

 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.

 */

b,

strong {

  font-weight: bold;

}



blockquote {

  margin: 1em 40px;

}



/*

 * Addresses styling not present in S5, Chrome.

 */

dfn {

  font-style: italic;

}



/*

 * Addresses styling not present in IE6/7/8/9.

 */

mark {

  background: #ff0;

  color: #000;

}



/*

 * Addresses margins set differently in IE6/7.

 */

p,

pre {

  margin: 1em 0;

}



/*

 * Corrects font family set oddly in IE6, S4/5, Chrome.

 * en.wikipedia.org/wiki/User:Davidgothberg/Test59

 */

code,

kbd,

pre,

samp {

  font-family: monospace, serif;

  _font-family: 'courier new', monospace;

  font-size: 1em;

}



/*

 * Improves readability of pre-formatted text in all browsers.

 */

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}



/*

 * Addresses CSS quotes not supported in IE6/7.

 */

q {

  quotes: none;

}



/*

 * Addresses `quotes` property not supported in S4.

 */

q:before,

q:after {

  content: '';

  content: none;

}



small {

  font-size: 75%;

}



/*

 * Prevents `sub` and `sup` affecting `line-height` in all browsers.

 * gist.github.com/413930

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



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

   Lists

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

/*

 * Addresses margins set differently in IE6/7.

 */

dl,

menu,

ol,

ul {

  margin: 1em 0;

}



dd {

  margin: 0 0 0 40px;

}



/*

 * Addresses paddings set differently in IE6/7.

 */

menu,

ol,

ul {

  padding: 0 0 0 40px;

}



/*

 * Corrects list images handled incorrectly in IE7.

 */

nav ul,

nav ol {

  list-style: none;

  list-style-image: none;

}



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

   Embedded content

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

/*

 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.

 * 2. Improves image quality when scaled in IE7.

 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/

 */

img {

  border: 0;

  /* 1 */

  -ms-interpolation-mode: bicubic

  /* 2 */

}



/*

 * Corrects overflow displayed oddly in IE9.

 */

svg:not(:root) {

  overflow: hidden;

}



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

   Figures

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

/*

 * Addresses margin not present in IE6/7/8/9, S5, O11.

 */

figure {

  margin: 0;

}



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

   Forms

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

/*

 * Corrects margin displayed oddly in IE6/7.

 */

form {

  margin: 0;

}



/*

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/*

 * 1. Corrects color not being inherited in IE6/7/8/9.

 * 2. Corrects text not wrapping in FF3.

 * 3. Corrects alignment displayed oddly in IE6/7.

 */
/*.logo-bonnard{
	background-image: url(../../images/logo-bonnard.png);
	background-repeat: no-repeat;
	background-position: left center;
}*/
legend {

  border: 0;

  /* 1 */

  padding: 0;

  white-space: normal;

  /* 2 */

  *margin-left: -7px

  /* 3 */

}



/*

 * 1. Corrects font size not being inherited in all browsers.

 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.

 * 3. Improves appearance and consistency in all browsers.

 */

button,

input,

select,

textarea {

  font-size: 100%;

  /* 1 */

  margin: 0;

  /* 2 */

  vertical-align: baseline;

  /* 3 */

  *vertical-align: middle

  /* 3 */

}



/*

 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the

 * UA stylesheet.

 */

button,

input {

  line-height: normal;

}



/*

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Corrects inability to style clickable `input` types in iOS.

 * 3. Improves usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Removes inner spacing in IE7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE6.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

  *overflow: visible

  /* 4 */

}




/*

 * Re-set default cursor for disabled elements.

 */

button[disabled],

input[disabled] {

  cursor: default;

}



/*

 * 1. Addresses box sizing set to content-box in IE8/9.

 * 2. Removes excess padding in IE8/9.

 * 3. Removes excess padding in IE7.

 *    Known issue: excess padding remains in IE6.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

  *height: 13px;

  /* 3 */

  *width: 13px

  /* 3 */

}



/*

 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.

 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`

 *    to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  /* 2 */

  box-sizing: content-box;

}



/*

 * Removes inner padding and search cancel button in S5, Chrome on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/*

 * Removes inner padding and border in FF3+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/*

 * 1. Removes default vertical scrollbar in IE6/7/8/9.

 * 2. Improves readability and alignment in all browsers.

 */

textarea {

  overflow: auto;

  /* 1 */

  vertical-align: top

  /* 2 */

}



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

   Tables

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

/*

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



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

CUSTOMIZED RESET VALUES

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

b, strong, .strong {

  font-weight: bold;

}



dfn, em, .em {

  font-style: italic;

}



small, .small {

  font-size: 75%;

}



dd {

  margin: 0;

}



/* Variables

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

/* Fonts */

/* Font Sizes */

/* Base

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

html, body {

  padding: 0;

  margin: 0;

}



html {

  overflow-x: hidden;

}



body {

  line-height: 1.4;

  font-family: "Lato", sans-serif;

  color: #111111;

  background-color: #111111;

  font-size: 1rem;

}



.container {

  width: 1200px;

  max-width: 90%;

  margin: 0 auto;

}



.small-container {

  width: 960px;

}



.row {

  letter-spacing: -0.31em;

  *letter-spacing: normal;

  *word-spacing: -0.43em;

  text-rendering: optimizespeed;

}



.opera-only :-o-prefocus,

.row {

  word-spacing: -0.43em;

}



* {

  letter-spacing: normal;

  word-spacing: normal;

  text-rendering: auto;

  box-sizing: border-box;

}



h1,

h2,

h3,

h4,

h5,

h6,

hgroup,

p,

ul,

ol,

dd,

figure,

pre, table,

fieldset,

legend,

hr {

  margin: 1.5rem 0;

}

h1:first-child,

h2:first-child,

h3:first-child,

h4:first-child,

h5:first-child,

h6:first-child,

hgroup:first-child,

p:first-child,

ul:first-child,

ol:first-child,

dd:first-child,

figure:first-child,

pre:first-child, table:first-child,

fieldset:first-child,

legend:first-child,

hr:first-child {

  margin-top: 0;

}

h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child,

hgroup:last-child,

p:last-child,

ul:last-child,

ol:last-child,

dd:last-child,

figure:last-child,

pre:last-child, table:last-child,

fieldset:last-child,

legend:last-child,

hr:last-child {

  margin-bottom: 0;

}



p,

ul,

ol {

  font-weight: 100;

}



.site-overlay {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  cursor: pointer;

  background: rgba(0, 0, 0, 0.2);

  -webkit-transform: translateZ(0);

          transform: translateZ(0);

  transition: 0.4s;

  z-index: 10;

}



::-moz-selection {

  background-color: #bb1c1c;

  color: #fff;

  text-shadow: none;

}



::selection {

  background-color: #bb1c1c;

  color: #fff;

  text-shadow: none;

}



::-moz-selection {

  background-color: #bb1c1c;

  color: #fff;

  text-shadow: none;

}



/* Grid System

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

[class*="span"] {

  display: inline-block;

  zoom: 1;

  *display: inline;

  /* IE < 8: fake inline-block */

  vertical-align: top;

  margin-left: 4%;

}

[class*="span"]:first-child {

  margin-left: 0;

}



.span-1 {

  width: 4.66667%;

}



.span-2 {

  width: 13.33333%;

}



.span-3 {

  width: 22%;

}



.span-4 {

  width: 30.66667%;

}



.span-5 {

  width: 39.33333%;

}



.span-6 {

  width: 48%;

}



.span-7 {

  width: 56.66667%;

}



.span-8 {

  width: 65.33333%;

}



.span-9 {

  width: 74%;

}



.span-10 {

  width: 82.66667%;

}



.span-11 {

  width: 91.33333%;

}



.span-12 {

  width: 100%;

}



@media (max-width: 940px) {

  .row:not([class*="bp"]) > [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row:not([class*="bp"]).block-columns > [class*="span"] {

    display: inline-block;

  }


}

@media (max-width: 0px) {

  .row.bp0 [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row.bp0.block-columns > [class*="span"] {

    display: inline-block;

  }

}

@media (max-width: 460px) {

  .row.bp1 [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row.bp1.block-columns > [class*="span"] {

    display: inline-block;

  }

}

@media (max-width: 720px) {

  .row.bp2 [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row.bp2.block-columns > [class*="span"] {

    display: inline-block;

  }

}

@media (max-width: 940px) {

  .row.bp3 [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row.bp3.block-columns > [class*="span"] {

    display: inline-block;

  }


}

@media (max-width: 1200px) {

  .row.bp4 [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row.bp4.block-columns > [class*="span"] {

    display: inline-block;

  }


}

@media (max-width: 1400px) {

  .row.bp5 [class*="span"] {

    margin-left: 0;

    width: 100%;

  }

  .row.bp5.block-columns > [class*="span"] {

    display: inline-block;

  }

}

.row.block-columns {

  display: table;

  width: 100%;

}

.row.block-columns > [class*="span"] {

  display: table-cell;

}



/* Helper Classes

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

.hidden {

  display: none !important;

  visibility: hidden;

}



.visually-hidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {

  clip: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  position: static;

  width: auto;

}



.invisible, body .cp-nav-container .logo, body .cp-nav-container > ul, body .cp-nav-container > ul > li > ul, body .cp-nav-container .main-search, body .cp-nav-container .copyright {

  opacity: 0 !important;

  visibility: hidden !important;

}



.visible, body .cp-nav-container > ul li:hover > ul, body.cp-active .cp-nav-container .logo,

body.cp-active .cp-nav-container > ul,

body.cp-active .cp-nav-container .main-search,

body.cp-active .cp-nav-container .copyright, body.cp-active .cp-trigger {

  opacity: 1 !important;

  visibility: visible !important;

}



.clearfix, .cf, form fieldset, .block-list, .metro-blocks, .post-author, .comments .comment, .portfolio-items, .section.banner .container {

  zoom: 1;

}

.clearfix:before, .clearfix:after, .cf:before, form fieldset:before, .block-list:before, .metro-blocks:before, .post-author:before, .comments .comment:before, .portfolio-items:before, .section.banner .container:before, .cf:after, form fieldset:after, .block-list:after, .metro-blocks:after, .post-author:after, .comments .comment:after, .portfolio-items:after, .section.banner .container:after {

  content: "";

  display: table;

}

.clearfix:after, .cf:after, form fieldset:after, .block-list:after, .metro-blocks:after, .post-author:after, .comments .comment:after, .portfolio-items:after, .section.banner .container:after {

  clear: both;

}



.va-top {

  vertical-align: top !important;

}



.va-middle {

  vertical-align: middle !important;

}



.va-bottom {

  vertical-align: bottom !important;

}



.no-m {

  margin: 0 !important;

}



.no-mt {

  margin-top: 0 !important;

}



.no-mb {

  margin-bottom: 0 !important;

}



.section.clients .client-logos a img {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}



hr.line {

  color: rgba(0, 0, 0, 0.2);

  margin: 1.5rem 0;

}



hr.dotted {

  color: rgba(0, 0, 0, 0.2);

  border-top: 1px dotted;

  margin: 4rem 0;

}



hr.stripes {

  width: 100%;

  height: 10px;

  background-image: url(../../images/stripe-overlay.png);

  background-repeat: repeat;

  opacity: 0.3;

  border: none;

  margin: 4rem 0;

}



hr.large {

  margin: 6rem 0;

}



.text-left {

  text-align: left !important;

}



.text-center {

  text-align: center !important;

}



.text-right {

  text-align: right !important;

}



.left {

  float: left !important;

}



.right {

  float: right !important;

}
.page-node-73{
	background-color:#fff;
	padding:1em;
}
.page-node-73 .section{
	padding:0;
}
.page-node-73 .footer-content{
	display:none;
}
.page-node-73 form label{
	position:relative;
	display:block;
	z-index:1000;
	transform: translateY(0%);
}
.foto-landing{
	overflow:hidden;
	width:100%;
	padding:1em;
}
#block-block-13, #block-webform-client-block-74{
	width:100%;
	overflow:hidden;
}
#block-block-14, #block-block-15{
	overflow:hidden;
	padding-top:2em;
	width:100%;
}
#block-block-14 h2, #block-block-15 h2{
	text-align:center;
}
#block-block-13{
	padding:1em;
	font-size:1.5em;
}
#block-block-13 li{
	font-size:1em;
	text-align:center;
}
.page-node-73 h1{
	text-align:center;
}
.logos{
	padding-top:2em;
	width:100%;
	text-align:center;
}
.logo-landing{
	overflow:hidden;
	width:50%;
	padding:1em;
	float:left;
}
#block-block-16{
	background-color:#000;
	padding:1em;
	color:#FFF;
	width:100%;
	overflow:hidden;
	display:block;
}
.col1, .col2{
	width:100%;
	float:left;
}
/* Show only when resolution is at most X

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

@media (min-width: 0px) {

  .max-bp0 {

    display: none !important;

  }
      .phone{
	  display:block;  
  }
      .phone2{
	  display:none;  
  }

}



@media (min-width: 460px) {

  .max-bp1 {

    display: none !important;

  }

}



@media (min-width: 720px) {

  .max-bp2 {

    display: none !important;

  }
  #block-block-13, #block-webform-client-block-74{
	width:50%;
	float:left;
	overflow:hidden;
}

}



@media (min-width: 940px) {

  .max-bp3 {

    display: none !important;

  }
.foto-landing{
	width:50%;
	float:left;
}
.col1, .col2{
	width:48%;
	float:left;
}
    .phone{
	  display:none;  
  }
   .phone2{
	  display:block;  
  }
}



@media (min-width: 1200px) {

  .max-bp4 {

    display: none !important;

  }
.foto-landing{
	width:32%;
}
}



@media (min-width: 1400px) {

  .max-bp5 {

    display: none !important;

  }

}



/* Show only when resolution is at least X

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

@media (max-width: 0px) {

  .min-bp0 {

    display: none !important;

  }

}



@media (max-width: 460px) {

  .min-bp1 {

    display: none !important;

  }

}



@media (max-width: 720px) {

  .min-bp2 {

    display: none !important;

  }

}



@media (max-width: 940px) {

  .min-bp3 {

    display: none !important;

  }

}



@media (max-width: 1200px) {

  .min-bp4 {

    display: none !important;

  }

}



@media (max-width: 1400px) {

  .min-bp5 {

    display: none !important;

  }

}



.hover-bg-brand-1:hover {

  background: #bb1c1c !important;

  border-color: #bb1c1c !important;

}



.brand-1-active.active {

  background-color: #bb1c1c !important;

  border-color: #bb1c1c !important;

}



/* Print Styles

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

@media print {

  * {

    background: transparent !important;

    color: black !important;

    text-shadow: none !important;

    -webkit-filter: none !important;

            filter: none !important;

    -ms-filter: none !important;

  }



  a, a:visited {

    color: #444 !important;

    text-decoration: underline;

  }

  a:after, a:visited:after {

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

  }

  a abbr[title]:after, a:visited abbr[title]:after {

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

  }



  .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;

  }



  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;

  }



  .sidebar,

  .page-navigation,

  .wp-prev-next,

  .respond-form,

  nav {

    display: none;

  }

}

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

Elements

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

/* Accordions

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

.accordion {

  margin-bottom: 1.5rem;

}

.accordion > * {

  margin: 0;

  background: transparent;

  border-top: 1px solid rgba(0, 0, 0, 0.2);

  transition: 0.4s;

}

.accordion > * > *:first-child {

  padding: 1.5rem 1.5rem 1rem;

  margin: 0;

  cursor: pointer;

  font-weight: 400;

  line-height: 1;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  transition: 0.4s;

  display: block;

}

.accordion > * > *:first-child:before {

  content: "\f138";

  font-family: FontAwesome;

  opacity: 0.4;

  color: #707070;

  transition: 0.4s;

  margin-right: 0.5rem;

}

.accordion > * > *:first-child ~ * {

  display: none;

  padding: 0 1.5rem 1.5rem;

  margin: 0;

}

.accordion > * > *:first-child ~ * *:last-child {

  margin-bottom: 0;

}

.accordion > *:last-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.accordion > *:hover, .accordion > *.active {

  background: rgba(255, 255, 255, 0.65);

}

.accordion > *:hover > *:first-child:before, .accordion > *.active > *:first-child:before {

  opacity: 1;

  color: #bb1c1c;

}

.accordion > *.active {

  border-right: 8px solid #bb1c1c;

}

.accordion > *.active > *:first-child {

  color: #bb1c1c;

}

.accordion > *.active > *:first-child:before {

  -webkit-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

          transform: rotate(90deg);

}



/* Alert Bars

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

.alert-help, .alert-info, .alert-danger, .alert-success {

  padding: 0.85em;

  border: 1px solid;

  font-size: 0.9rem;

  border-radius: 0.25em;

  font-weight: lighter;

  position: relative;

  border: 1px solid rgba(0, 0, 0, 0.15);

}

.alt.alert-help, .alt.alert-info, .alt.alert-danger, .alt.alert-success {

  border-left: 6px solid;

  border-radius: 0;

  position: relative;

}

.alt.alert-help *, .alt.alert-info *, .alt.alert-danger *, .alt.alert-success * {

  position: relative;

  z-index: 1;

}

.alt.alert-help *:first-child:not(:last-child), .alt.alert-info *:first-child:not(:last-child), .alt.alert-danger *:first-child:not(:last-child), .alt.alert-success *:first-child:not(:last-child) {

  margin-bottom: 0.5rem;

}

.alt.alert-help p, .alt.alert-info p, .alt.alert-danger p, .alt.alert-success p {

  margin: 0;

}

.alt.alert-help:before, .alt.alert-info:before, .alt.alert-danger:before, .alt.alert-success:before, .alt.alert-help:after, .alt.alert-info:after, .alt.alert-danger:after, .alt.alert-success:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 0;

}

.alt.alert-help:before, .alt.alert-info:before, .alt.alert-danger:before, .alt.alert-success:before {

  background: rgba(0, 0, 0, 0.1);

}

.alt.alert-help:after, .alt.alert-info:after, .alt.alert-danger:after, .alt.alert-success:after {

  background: rgba(255, 255, 255, 0.6);

}

.alert-help a, .alert-info a, .alert-danger a, .alert-success a {

  color: inherit;

  border-bottom: 1px dotted;

}

.alert-help a:hover, .alert-info a:hover, .alert-danger a:hover, .alert-success a:hover {

  text-decoration: none;

}

.alert-help .fa, .alert-info .fa, .alert-danger .fa, .alert-success .fa {

  position: absolute;

  color: inherit;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}



.alert-help {

  background: #eee8cb !important;

  color: #9b8a38;

}



.alert-info {

  background: #bed6e1 !important;

  color: #5d7f8f;

}



.alert-danger {

  background: #e3d6d6 !important;

  color: #b07070;

}



.alert-success {

  background: #cfe1be !important;

  color: #768f5d;

}



/* Buttons

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

.button {

  background: #707070;

  display: inline-block;

  padding: 0 1.25em;

  color: #ffffff;

  cursor: pointer;

  text-decoration: none;

  line-height: 2.4;

  border: 2px solid transparent;

  font-family: "Lato", sans-serif;

  transition: 0.4s

  /* Brand Colors */

}

.button:hover {

  background: #575757;

  border-color: transparent;

}

.button .fa {

  margin-right: 0.2em;

}

.button.small {

  font-size: 0.8em;

}

.button.large {

  font-size: 1.2rem;

}

.button.border {

  background: none;

  border: 2px solid;

  color: #111111;

}

.button.disabled {

  opacity: 0.6;

  cursor: default;

  transition-delay: 999s;

}

.button.full-width {

  width: 100%;

  text-align: center;

  padding: 0.4em;

}

.button.round {

  border-radius: 1.5em;

}

.button.brand-1 {

  background: #bb1c1c;

}

.button.brand-1:hover {

  background: #8f1515;

}

.button.brand-2 {

  background: #3D5C6D;

}

.button.brand-2:hover {

  background: #2b404c;

}



.button-set .button {

  margin-left: 0.5em;

}

.button-set .button:first-child {

  margin-left: 0;

}

.button-set .text-div {

  margin: 0 0.5rem;

}

.button-set a:not([class*="button"]) {

  border-bottom: 1px dotted;

  color: #111111;

}

.button-set a:not([class*="button"]):hover {

  color: #bb1c1c;

}



button,

button .fa {

  transition: 0.4s;

}



input::-moz-focus-inner,

button::-moz-focus-inner {

  border: 0;

  padding: 0;

  margin-top: 1px;

  margin-bottom: 1px;

}



/* Blockquotes

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

blockquote {

  margin: 0;

  border: 0;

  position: relative;

  font-family: "Raleway", sans-serif;

}

blockquote p,

blockquote h4 {

  margin: 0;

  padding: 0 3rem;

  font-weight: inherit;

}

blockquote p:before, blockquote p:after,

blockquote h4:before,

blockquote h4:after {

  position: absolute;

  font-family: FontAwesome;

  font-size: 1.8rem;

  color: rgba(0, 0, 0, 0.5);

}

blockquote p:before,

blockquote h4:before {

  content: "\f10d";

  top: -0.25rem;

  left: 0;

}

blockquote p:after,

blockquote h4:after {

  content: "\f10e";

  right: 0;

  bottom: -0.25rem;

}

blockquote h4 {

  line-height: 1;

}

blockquote cite {

  font-weight: bold;

  font-style: normal;

}

@media (max-width: 940px) {

  blockquote p:before, blockquote p:after {

    display: none;

  }

}



/* Carousels

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

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  z-index: 1;

}

.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

}

.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

}

.owl-carousel .owl-item > img {

  display: block;

  width: 100%;

  -webkit-transform-style: preserve-3d;

}

.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none;

}

.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.owl-carousel.owl-loaded {

  display: block;

}

.owl-carousel.owl-loading {

  opacity: 0;

  display: block;

}

.owl-carousel.owl-hidden {

  opacity: 0;

}

.owl-carousel.owl-refresh .owl-item {

  display: none;

}

.owl-carousel.owl-drag .owl-item {

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.owl-carousel.owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: grab;

}

.owl-carousel.owl-rtl {

  direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

  float: right;

}



/* No Js */

.no-js .owl-carousel {

  display: block;

}



.owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.owl-dots .owl-dot span {

  width: 10px;

  height: 10px;

  margin: 5px 7px;

  background: rgba(0, 0, 0, 0.75);

  display: block;

  transition: 0.4s;

  -webkit-backface-visibility: visible;

  border-radius: 50%;

}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {

  background: rgba(255, 255, 255, 0.4);

}



/* Feature Blocks

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

.feature-block-wrapper {

  border-top: 8px solid #bb1c1c;

}



.feature-block {

  background: rgba(255, 255, 255, 0.5);

  border: 1px solid rgba(0, 0, 0, 0.05);

  border-top: none;

  text-align: center;

  padding: 2.5em 1em;

  transition: 0.4s;

}

.feature-block:hover {

  background: #bb1c1c;

  border-color: #bb1c1c;

  border-top-color: #8f1515;

}

.feature-block:hover h4,

.feature-block:hover h5,

.feature-block:hover p {

  color: white;

}

.feature-block:hover path {

  fill: white;

}

.feature-block .fa {

  height: 3em;

  width: 3em;

  font-size: 1.8rem;

  line-height: 3.075;

  text-align: center;

  border-radius: 50%;

  background: #bb1c1c;

  color: white;

}

.feature-block path {

  fill: #bb1c1c;

}

.feature-block h4,

.feature-block h5,

.feature-block p,

.feature-block path {

  transition: 0.4s;

}

.feature-block h4 {

  font-weight: 600;

  font-size: 1.4rem;

  margin: 1em 0 0.25em;

}

.feature-block h5 {

  font-size: 1.2rem;

  font-weight: 300;

  color: #bb1c1c;

  margin: 0.25em auto 1rem;

}

.feature-block p {

  font-weight: 100;

  margin: 0;

}

@media (min-width: 940px) {

  .feature-block:hover {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }

}



@media (max-width: 940px) {

  .feature-block-wrapper:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

}

/* Fonts

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

.font-1 {

  font-family: "Lato", sans-serif;

}



.font-2 {

  font-family: "Raleway", sans-serif;

}



/* Forms

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

form {

  font-size: 1.2rem;

  font-weight: 100;

}

form .form-element {

  position: relative;

}

form .form-element input:focus,

form .form-element textarea:focus {

  outline: 0;

  box-shadow: none;

}

form .form-element input:focus ~ label,

form .form-element textarea:focus ~ label {

  background: #1795c5;

  color: white;

  display: inline;

  left: auto;

  padding: 0 0.2em;

  right: -0.025em;

  top: 0;

  z-index: 2;

  margin-right: 0;

  margin-left: 2em;

  display: block !important;

}

form .form-element input:focus:invalid ~ label,

form .form-element textarea:focus:invalid ~ label {

  background: #C23A2C;

}

form .form-element input:focus:valid ~ label,

form .form-element textarea:focus:valid ~ label {

  background: #2DCC70;

}

form .box {

  width: 100%;

  border: 1px solid rgba(255, 255, 255, 0);

  transition: 0.4s;

  padding: 0.75em;

  background: rgba(0, 0, 0, 0.075);

}

form .box:focus, form .box:hover {

  border-color: #bb1c1c;

}

form .box:focus {

  background: white;

}

form fieldset {

  padding: 0;

  margin: 0;

  border: none;

}

form fieldset .form-element {

  margin-bottom: 1em;

}

form label {

  display: inline-block;

  position: absolute;

  left: 1em;

  top: 50%;

  font-size: 0.9rem;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: -1;

  color: rgba(0, 0, 0, 0.5);

  transition: 0.4s;

  margin-right: 2em;

  margin-left: 0;

}

form input:focus:invalid,

form textarea:focus:invalid {

  border-color: #C23A2C;

}

form input:focus:valid,

form textarea:focus:valid {

  border-color: #2DCC70;

}

form input {

  display: block;

  transition: 0.4s;

}

form input[type="checkbox"], form input[type="radio"] {

  display: inline;

}

form input[type="submit"], form input button {

  background: #bb1c1c;

  border: none;

  color: white;

  padding: 0.5em 1em;

  display: inline-block;

  width: 100%;

}

form input:required {

  box-shadow: none;

}

form textarea {

  height: 200px;

  margin-bottom: 1em;

  box-shadow: none;

  font-size: 0.9rem;

  color: rgba(0, 0, 0, 0.5);

}

form select {

  color: #111111;

}

form select.box {

  padding: 0.44em;

}

@media (min-width: 460px) {

  form fieldset .form-element {

    float: left;

    width: 49%;

    margin-left: 2%;

    margin-bottom: 2%;

  }

  form fieldset .form-element:nth-child(odd) {

    margin-left: 0;

  }

  form textarea {

    margin-bottom: 2%;

  }

}

@media (min-width: 940px) {

  form label,

  form textarea {

    font-size: 1rem;

  }

  form input[type="submit"], form input button {

    width: auto;

  }

}



.input-toggle {

  position: relative;

}

.input-toggle input {

  position: absolute;

  opacity: 0;

}

.input-toggle input + label {

  display: block;

  position: relative;

  box-shadow: inset 0 0 0px 1px #d5d5d5;

  text-indent: -5000px;

  height: 30px;

  width: 50px;

  border-radius: 15px;

  cursor: pointer;

  background: rgba(0, 0, 0, 0.05);

}

.input-toggle input + label:before {

  content: "";

  position: absolute;

  display: block;

  height: 30px;

  width: 30px;

  top: 0;

  left: 0;

  border-radius: 15px;

  background: rgba(0, 0, 0, 0.2);

  transition: .25s ease-in-out;

}

.input-toggle input + label:after {

  content: "";

  position: absolute;

  display: block;

  height: 30px;

  width: 30px;

  top: 0;

  left: 0px;

  border-radius: 15px;

  background: white;

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

  transition: .25s ease-in-out;

}

.input-toggle input:checked + label:before {

  width: 50px;

  background: #bb1c1c;

}

.input-toggle input:checked + label:after {

  left: 20px;

  box-shadow: inset 0 0 0 1px #bb1c1c;

}



form,

input,

textarea,

label {

  font-family: "Lato", sans-serif;

}



::-webkit-input-placeholder {

  color: rgba(0, 0, 0, 0.5);

  opacity: 1;

  font-weight: lighter;

  transition: 0.4s;

}



::-moz-placeholder {

  color: rgba(0, 0, 0, 0.5);

  opacity: 1;

  font-weight: lighter;

  transition: 0.4s;

}



:-ms-input-placeholder {

  color: rgba(0, 0, 0, 0.5);

  opacity: 1;

  font-weight: lighter;

  transition: 0.4s;

}



::placeholder {

  color: rgba(0, 0, 0, 0.5);

  opacity: 1;

  font-weight: lighter;

  transition: 0.4s;

}



/* Headings

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

h1, h2, h3, h4, h5, h6 {

  line-height: 0.8;

  font-family: "Raleway", sans-serif;

}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {

  font-weight: bolder;

}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {

  font-style: normal;

  color: #bb1c1c;

}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {

  text-transform: uppercase;

  font-weight: lighter;

}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {

  font-weight: lighter;

  font-weight: 100;

  font-style: normal;

}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {

  font-weight: normal;

}

h1.highlight, h2.highlight, h3.highlight, h4.highlight, h5.highlight, h6.highlight {

  margin-left: 0.25em;

  margin-right: 0.25em;

  line-height: 1.45;

}

h1.highlight > b, h2.highlight > b, h3.highlight > b, h4.highlight > b, h5.highlight > b, h6.highlight > b {

  background: #bb1c1c;

  color: white;

  font-weight: lighter;

  padding-bottom: 3px;

  box-shadow: 0.3em 0 0 #bb1c1c, -0.3em 0 0 #bb1c1c;

  text-shadow: none;

}

@-moz-document url-prefix() {

  h1.highlight, h2.highlight, h3.highlight, h4.highlight, h5.highlight, h6.highlight {

    box-shadow: none;

    margin-left: 0;

    margin-right: 0;

    padding: 0 0.3em;

  }

  h1.highlight > b, h2.highlight > b, h3.highlight > b, h4.highlight > b, h5.highlight > b, h6.highlight > b {

    box-decoration-break: clone;

  }

}

h1.dotted, h2.dotted, h3.dotted, h4.dotted, h5.dotted, h6.dotted {

  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);

  padding-bottom: 0.75rem;

}

h1.dotted a, h2.dotted a, h3.dotted a, h4.dotted a, h5.dotted a, h6.dotted a {

  color: inherit;

}



/* Icons

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

.livicon {

  font-style: normal;

}

.livicon path {

  transition: 0.4s;

}



/* CDN version */

/* Self hosted version */

.fa {

  cursor: default;

}



a.fa,

a .fa {

  cursor: pointer;

}



[class^="icon"] {

  transition: 0.4s;

  height: 2em;

  width: 2em;

  border: 0.125em solid;

  background: #bb1c1c;

  border-color: transparent;

  color: white;

  text-align: center;

  display: inline-block;

  vertical-align: middle;

  position: relative;

}

[class^="icon"] .fa {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0;

  right: 0;

  font-size: 0.9em;

}

[class^="icon"][class*="-lrg"] {

  font-size: 1.2rem;

}

[class^="icon"][class*="-xlrg"] {

  font-size: 1.4rem;

}

[class^="icon"][class*="-border"], [class^="icon"][class*="-plain"] {

  background: none;

}

[class^="icon"][class*="-border"]:hover, [class^="icon"][class*="-plain"]:hover {

  background: #bb1c1c;

  border-color: #bb1c1c;

}

[class^="icon"][class*="-border"] {

  border-color: white;

}

[class^="icon"][class*="-round"] {

  border-radius: 50%;

}



/* Images

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

img {

  max-width: 100%;

  height: auto;

}



.thumbnail {

  border: 5px solid white;

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

}



.profile {

  overflow: hidden;

  height: 100px;

  width: 100px;

  border-radius: 50%;

  margin: 0 auto 1em;

}

.profile img {

  max-width: none;

  width: auto !important;

  height: 101%;

  margin-left: -25%;

}

.profile.profile-alt {

  border: 4px solid #ffffff;

  box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.2);

}

.profile.profile-border {

  border: 4px solid white;

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

}



noindex:-o-prefocus, .profile {

  border-radius: 0;

}



.responsive-square,

.responsive-circle {

  position: relative;

  height: 0;

  padding-top: 100%;

  overflow: hidden;

}

.responsive-square img,

.responsive-circle img {

  position: absolute;

  top: 0;

  display: block;

  max-width: none;

  height: 100%;

}



.responsive-circle {

  border-radius: 50%;

}



/* Links

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

a {

  color: #bb1c1c;

  transition: all 0.5s;

  text-decoration: none;

  border-bottom: 1px dotted transparent;

}

a:hover {

  text-decoration: none;

  border-color: #bb1c1c;

}



/* Lists

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

ul.reset, [class*="bullet-list"], .metro-blocks ul, .price-chart ul, .bottom-bar .footer-nav ul, .breadcrumb ul, .app-footer .footer-content ul, .main-nav .block-menu > ul, .main-nav .block-menu > ul > li ul, .pagination ul, .section header ul,

ol.reset {

  margin: 0;

  padding: 0;

  list-style: none;

}



ul.clear,

ol.clear {

  padding-left: 1em;

}



.block-list {

  padding: 0;

  list-style: none;

}

.block-list li {

  background: rgba(0, 0, 0, 0.05);

  padding: 0.75em 1em;

  margin-bottom: 0.5em;

}

.block-list .fa {

  opacity: 0.75;

  margin-right: 0.25em;

}

@media (min-width: 940px) {

  .block-list li {

    width: 48.75%;

    float: left;

  }

  .block-list li:nth-child(even) {

    margin-left: 2.5%;

  }

}



[class*="bullet-list"] {

  margin-bottom: 1.75rem;

}

[class*="bullet-list"] li {

  line-height: 1.6;

  position: relative;

  padding-left: 1.5em;

}

[class*="bullet-list"] li:before, [class*="bullet-list"] li:after {

  font-family: FontAwesome;

  color: #bb1c1c;

  position: absolute;

}

[class*="bullet-list"] li:before {

  content: "\f138";

  left: 0;

}

[class*="bullet-list"] li:after {

  display: none;

  content: "\f137";

  right: 0;

}

[class*="bullet-list"][class*="-right"] li {

  padding-left: 0;

  padding-right: 1.5em;

}

[class*="bullet-list"][class*="-right"] li:before {

  display: none;

}

[class*="bullet-list"][class*="-right"] li:after {

  display: inline-block;

}



/* Metro Blocks

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

.metro-block {

  float: left;

  background: rgba(0, 0, 0, 0.75);

  position: relative;

  height: 0;

  width: 33.3333334%;

  width: calc(100 / 3);

  padding-top: 26%;

  text-align: center;

  color: white;

}

.metro-block a {

  display: block;

  color: white;

  position: absolute;

  width: 100%;

  height: 101%;

  top: 0;

}

.metro-block .social-share-overlay {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  transition: 0.4s;

  z-index: 1;

}

.metro-block .social-share-overlay .fa {

  position: relative;

  top: 50%;

  font-size: 2em;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

.metro-block .share-amount {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-2.75em) scale(0);

      -ms-transform: translateY(-2.75em) scale(0);

          transform: translateY(-2.75em) scale(0);

  left: 0;

  right: 0;

  margin: auto;

  transition: 0.4s;

}

.metro-block .share-amount div {

  text-transform: uppercase;

}

.metro-block .share-amount div:first-child {

  font-size: 1.8rem;

  font-weight: 600;

}

.metro-block .share-amount div:last-child {

  font-size: 0.9rem;

}

.metro-block span {

  display: none;

  position: absolute;

  z-index: 2;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 0.4em;

  background: rgba(0, 0, 0, 0.4);

  font-weight: 600;

  font-size: 0.9rem;

  font-family: "Raleway", sans-serif;

}

.metro-block.facebook .social-share-overlay {

  background: #507CBD;

}

.metro-block.twitter .social-share-overlay {

  background: #63CEF2;

}

.metro-block.google-plus .social-share-overlay {

  background: #dd4b39;

}

.metro-block.rss .social-share-overlay {

  background: #FBA933;

}

.metro-block.reddit .social-share-overlay {

  background: #0D7CCD;

}

.metro-block.email .social-share-overlay {

  background: #6cb42c;

}


.metro-block:hover .share-amount {

  -webkit-transform: translateY(-55%) scale(1);

      -ms-transform: translateY(-55%) scale(1);

          transform: translateY(-55%) scale(1);

}

@media (min-width: 460px) {

  .metro-block span {

    display: block;

  }

  .metro-block .social-share-overlay .fa {

    -webkit-transform: translateY(-0.85em);

        -ms-transform: translateY(-0.85em);

            transform: translateY(-0.85em);

  }


}

@media (min-width: 720px) {

  .metro-block {

    width: 16.6666667%;

    width: calc(100 / 6);

    padding-top: 13%;

  }

}



/* Modal Windows

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

.modal-content {

  position: relative;

  width: 650px;

  max-width: 90%;

  background: #f7f7f7;

  border-radius: 0.75rem;

  padding: 1.5rem;

  margin: auto;

  display: none !important;

}



.mfp-content .modal-content {

  display: block !important;

}



/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80);

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box;

}



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.mfp-align-top .mfp-container:before {

  display: none;

}



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  left: -0.5rem;

  z-index: 1045;

}



.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;

}



.mfp-ajax-cur {

  cursor: progress;

}



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

}



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: zoom-in;

}



.mfp-auto-cursor .mfp-content {

  cursor: auto;

}



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

      user-select: none;

}



.mfp-loading.mfp-figure {

  display: none;

}



.mfp-hide {

  display: none !important;

}



.mfp-preloader {

  color: #cccccc;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;

}



.mfp-preloader a {

  color: #cccccc;

}



.mfp-preloader a:hover {

  color: white;

}



.mfp-s-ready .mfp-preloader {

  display: none;

}



.mfp-s-error .mfp-content {

  display: none;

}



button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  filter: alpha(opacity=65);

  padding: 0 0 18px 10px;

  color: white;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

}



.mfp-close:hover, .mfp-close:focus {

  opacity: 1;

  filter: alpha(opacity=100);

}



.mfp-close:active {

  top: 1px;

}



.mfp-close-btn-in .mfp-close {

  color: #333333;

}



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

  color: white;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #cccccc;

  font-size: 12px;

  line-height: 18px;

}



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  filter: alpha(opacity=65);

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:active {

  margin-top: -54px;

}



.mfp-arrow:hover, .mfp-arrow:focus {

  opacity: 1;

  filter: alpha(opacity=100);

}



.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}



.mfp-arrow:after, .mfp-arrow .mfp-a {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}



.mfp-arrow:before, .mfp-arrow .mfp-b {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}



.mfp-arrow-left {

  left: 0;

}



.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {

  border-right: 17px solid white;

  margin-left: 31px;

}



.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {

  margin-left: 25px;

  border-right: 27px solid #3f3f3f;

}



.mfp-arrow-right {

  right: 0;

}



.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {

  border-left: 17px solid white;

  margin-left: 39px;

}



.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {

  border-left: 27px solid #3f3f3f;

}



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;

}



.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;

}



.mfp-iframe-holder .mfp-close {

  top: -40px;

}



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;

}



.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: black;

}



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto;

  transition: 0.4s;

}



/* The shadow behind the image */

.mfp-figure {

  line-height: 0;

}



.mfp-figure:after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444444;

}



.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px;

}



.mfp-figure figure {

  margin: 0;

}



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-wrap: break-word;

  padding-right: 36px;

}



.mfp-image-holder .mfp-content {

  max-width: 100%;

}



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;

}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;

  }



  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }



  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0;

  }



  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;

  }



  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box;

  }



  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;

  }



  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;

  }



  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;

  }

}

@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    -ms-transform: scale(0.75);

        transform: scale(0.75);

  }



  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    -ms-transform-origin: 0;

        transform-origin: 0;

  }



  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    -ms-transform-origin: 100%;

        transform-origin: 100%;

  }



  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;

  }

}

.mfp-ie7 .mfp-img {

  padding: 0;

}



.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px;

}



.mfp-ie7 .mfp-container {

  padding: 0;

}



.mfp-ie7 .mfp-content {

  padding-top: 44px;

}



.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0;

}



/* Animations */

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.mfp-open .mfp-figure {

  -webkit-animation-name: fadeIn;

          animation-name: fadeIn;

  -webkit-animation-duration: 0.4s;

          animation-duration: 0.4s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}



/* Price Charts

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

.price-chart {

  position: relative;

  background: #bb1c1c;

  padding: 0.5em;

  color: white;

  transition: 0.4s;

  text-align: center;

}

.price-chart h4 {

  margin-top: 0.5em;

  margin-bottom: 0.25em;

  font-size: 1.8rem;

}

.price-chart h4 .fa {

  color: white;

  line-height: 0;

}

.price-chart h5 {

  margin-top: 0;

  margin-bottom: 1.25em;

  font-weight: 100;

  font-family: "Lato", sans-serif;

  font-size: 1.2rem;

}

.price-chart .price {

  padding: 0.1em;

  background: rgba(0, 0, 0, 0.6);

  height: 2.75em;

  font-size: 1.8rem;

}

.price-chart .price span {

  font-size: 2.85rem;

}

.price-chart ul {

  background: #f7f7f7;

  color: #4a4a4a;

  text-align: left;

}

.price-chart ul li {

  padding: 0 1.25em;

  line-height: 3;

  display: table;

  width: 100%;

}

.price-chart ul li:nth-child(even) {

  background: rgba(0, 0, 0, 0.1);

}

.price-chart ul li .fa {

  width: 1.5em;

}

.price-chart ul li strong, .price-chart ul li span {

  display: table-cell;

}

.price-chart ul li strong {

  text-align: right;

}

.price-chart .buy-now {

  background: rgba(255, 255, 255, 0.5);

  padding: 0.75em;

  font-size: 1.2rem;

}

.price-chart.free, .price-chart.free .button {

  background: rgba(0, 0, 0, 0.4);

}

.price-chart.free .button:hover {

  background: rgba(0, 0, 0, 0.5);

}



/* Progress Bars

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

.progress-bar {

  background: white;

  border-radius: 0.25em;

  height: 28px;

  overflow: hidden;

}

.progress-bar .progress {

  background: #bb1c1c;

  height: 100%;

  font-size: 0.9rem;

  line-height: 1.85;

  text-align: center;

  padding: 0 1em;

}



/* Ribbons

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

.ribbon {

  position: absolute;

  top: 0;

  right: 0;

}

.ribbon .text, .ribbon .banner {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

}

.ribbon a {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

  color: #fff;

  text-decoration: none;

}



.ribbon .banner {

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

  color: #fff;

  display: block;

  float: right;

  position: relative;

  right: -14px;

  top: 22px;

  width: 100px;

}



.ribbon-large .banner {

  right: -20px;

  top: 32px;

  width: 150px;

}



.ribbon .banner::after, .ribbon .banner::before {

  content: '';

  display: block;

  height: 12px;

  position: absolute;

  width: 30px;

}



.ribbon-large .banner::after, .ribbon-large .banner::before {

  height: 18px;

  width: 45px;

}



.ribbon .banner::before {

  -webkit-transform: skewY(-45deg) translate(50%, 15px);

      -ms-transform: skewY(-45deg) translate(50%, 15px);

          transform: skewY(-45deg) translate(50%, 15px);

  -webkit-transform-origin: 100% center;

      -ms-transform-origin: 100% center;

          transform-origin: 100% center;

  left: -45px;

}



.ribbon-large .banner::before {

  top: 10px;

  left: -68px;

}



.ribbon .banner::after {

  -webkit-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);

      -ms-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);

          transform: translate(100%, -100%) skewY(45deg) translateX(-58%);

  -webkit-transform-origin: 0 center;

      -ms-transform-origin: 0 center;

          transform-origin: 0 center;

  right: -17px;

}



.ribbon-large .banner::after {

  top: 45px;

  right: -25px;

}



.ribbon .text {

  position: relative;

  z-index: 2;

  padding: 6px 0;

  font-size: 12px;

  font-weight: bold;

  min-height: 18px;

  line-height: 18px;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  white-space: nowrap;

  text-overflow: ellipsis;

}



.ribbon-large .text {

  padding: 9px 0;

  font-size: 18px;

  min-height: 28px;

  line-height: 28px;

}



.ribbon .text::before, .ribbon .text::after {

  content: '';

  display: block;

  height: 30px;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}

.ribbon.ribbon-large .text::before, .ribbon.ribbon-large .text::after {

  height: 46px;

}

.ribbon .text::before {

  -webkit-transform: translateX(-15%) skewX(-45deg);

      -ms-transform: translateX(-15%) skewX(-45deg);

          transform: translateX(-15%) skewX(-45deg);

}

.ribbon .text::after {

  -webkit-transform: translateX(15%) skewX(45deg);

      -ms-transform: translateX(15%) skewX(45deg);

          transform: translateX(15%) skewX(45deg);

}



.ribbon .banner::after, .ribbon .banner::before {

  background-color: #51a351;

}

.ribbon .text::before, .ribbon .text::after {

  background-color: #62c462;

}



/* Tables

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

table {

  width: 100%;

}

table thead, table tfoot {

  color: white;

}

table thead td, table tfoot td {

  padding: 0 0.75rem;

  line-height: 2.4;

}

table thead {

  background: #bb1c1c;

}

table tfoot {

  background: #1e1e1e;

}

table tbody td {

  line-height: 2;

  padding-left: 0.75rem;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  border-left: 1px solid rgba(0, 0, 0, 0.1);

}

table tbody td:first-child {

  border-left: none;

  padding-left: 0;

}

table tbody tr:last-child td {

  border-bottom: none;

}

table.table-fixed {

  table-layout: fixed;

}



/* Tabs

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

.tabs .nav {

  display: block;

  font-size: 0;

  margin: 0;

  padding: 0;

}

.tabs .nav li {

  padding: 0.6em 1em;

  cursor: pointer;

  display: inline-block;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-bottom: 0;

  border-right: none;

  font-size: 1rem;

  transition: 0.5s;

}

.tabs .nav li.active {

  background: white;

  border-bottom: 1px solid white;

}

.tabs .nav li:hover {

  text-decoration: underline;

}

.tabs .nav li:last-of-type {

  border-right: 1px solid rgba(0, 0, 0, 0.15);

}

.tabs section {

  background: white;

  margin-top: -1px;

  display: none;

  border: 1px solid rgba(0, 0, 0, 0.15);

  padding: 1.5em;

  font-weight: lighter;

}

.tabs section.active {

  display: block;

}

.tabs.full .nav {

  display: table;

  width: 100%;

  position: relative;

}

.tabs.full .nav li {

  display: table-cell;

}



/* Tooltips

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

/*

Tipr 1.0.1

Copyright (c) 2013 Tipue

Tipr is released under the MIT License

http://www.tipue.com/tipr

Converted to SCSS for One Nexuse2 by Edmund Reed

*/

.tipr_content {

  padding: 0.35rem 1rem 0.4rem;

  background: rgba(0, 0, 0, 0.65);

  border-radius: 0.4rem;

  color: #ffffff;

  font-size: 1rem;

}



.tipr_container_bottom,

.tipr_container_top {

  display: none;

  position: absolute;

  max-width: 300px;

  z-index: 1000;

}



.tipr_container_bottom {

  margin-top: 13px;

}



.tipr_container_top {

  margin-top: -50px;

}



.tipr_point_top, .tipr_point_bottom {

  position: relative;

  background: rgba(0, 0, 0, 0.65);

  border-radius: 0.4rem;

  width: auto;

}



.tipr_point_top:after, .tipr_point_top:before,

.tipr_point_bottom:after,

.tipr_point_bottom:before {

  position: absolute;

  pointer-events: none;

  border: solid transparent;

  content: "";

  height: 0;

  width: 0;

}

.tipr_point_top:after,

.tipr_point_bottom:after {

  left: 50%;

  border-width: 8px;

  margin-left: -8px;

}

.tipr_point_top:before,

.tipr_point_bottom:before {

  left: 50%;

  border-width: 9px;

  margin-left: -9px;

}



.tipr_point_top:after, .tipr_point_top:before {

  top: 99%;

}

.tipr_point_top:after {

  border-top-color: rgba(0, 0, 0, 0.65);

}

.tipr_point_top:before {

  border-top-color: rgba(0, 0, 0, 0.65);

}



.tipr_point_bottom:after, .tipr_point_bottom:before {

  bottom: 99%;

}

.tipr_point_bottom:after {

  border-bottom-color: rgba(0, 0, 0, 0.65);

}

.tipr_point_bottom:before {

  border-bottom-color: rgba(0, 0, 0, 0.65);

}



/* Widgets

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

.widget {

  color: #111111;

  border-bottom: none;

  text-align: center;

}

.widget:hover path {

  fill: #bb1c1c;

}

.widget .title {

  margin-bottom: 0.75em;

}

.widget .title > * {

  margin: 0.25em 0;

}

.widget .title > *:first-child {

  margin-top: 0;

}

.widget .title > *:last-child {

  margin-bottom: 0;

}

.widget .title:not(:first-child) {

  margin-top: 0.75em;

}

.widget h4 {

  font-size: 1.4rem;

  font-weight: 700;

}

.widget h5 {

  font-size: 1.2rem;

  font-weight: 300;

  color: #bb1c1c;

}

.widget p,

.widget ul {

  margin-top: 0.25em;

}

.widget ul {

  list-style: none;

  padding-left: 0;

}

.widget ul li {

  position: relative;

}

.widget ul li:before {

  font-family: FontAwesome;

  content: "\f105";

  margin-right: 0.5rem;

  color: #C1C1C1;

}

@media (min-width: 940px) {

  .widget {

    padding: 0;

    text-align: left;

  }

  .widget > .fa,

  .widget > .fa + .widget-content,

  .widget > .livicon,

  .widget > .livicon + .widget-content {

    display: table-cell;

    vertical-align: middle;

  }

  .widget > .fa + .widget-content,

  .widget > .livicon + .widget-content {

    padding-left: 1em;

  }

  .widget .widget-content header {

    width: 100%;

    display: table;

    text-align: left;

  }

  .widget .widget-content header .fa,

  .widget .widget-content header .livicon,

  .widget .widget-content header .title {

    display: table-cell;

    vertical-align: middle;

  }

  .widget .widget-content header .title {

    padding-left: 0.5em;

  }

}



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

Modules

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

/* Author

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

.post-author {

  margin-top: 4rem;

}

.post-author header {

  width: 100% !important;

  margin-bottom: 4rem;

}

.post-author h4,

.post-author h5 {

  margin: 0.25em 0;

}

.post-author h4:first-child,

.post-author h5:first-child {

  margin-top: 0;

}

.post-author h4:last-child,

.post-author h5:last-child {

  margin-bottom: 0;

}

.post-author h4 {

  font-size: 1.4rem;

}

.post-author h4 a {

  color: inherit;

}

.post-author h4 a:hover {

  border-bottom: none;

  color: #bb1c1c;

}

.post-author h5 {

  font-size: 1.2rem;

  font-weight: 300;

  color: #bb1c1c;

}

.post-author p {

  margin: 0.5em 0;

}

.post-author .profile {

  display: block;

  margin: auto;

  margin-bottom: 1.5rem;

}

.post-author .author-content {

  text-align: center;

}

@media (min-width: 720px) {

  .post-author .profile,

  .post-author .author-content {

    display: inline-block;

    vertical-align: middle;

  }

  .post-author .profile {

    margin-bottom: 0;

  }

  .post-author .author-content {

    width: 85%;

    width: calc(100% - 132px);

    margin-left: 26px;

    text-align: left;

  }

}



/* Blog Items

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

.blog-items .blog-item {

  position: relative;

}

.blog-items .blog-item h4,

.blog-items .blog-item h5 {

  margin: 0;

}

.blog-items .blog-item h4 {

  font-size: 1.4rem;

  font-family: "Lato", sans-serif;

  font-weight: 900;

  margin-bottom: 0.25em;

}

.blog-items .blog-item h4 a {

  color: #111111;

  border: none;

}

.blog-items .blog-item h5 {

  font-size: 1.2rem;

  font-weight: 300;

}

.blog-items .blog-item p {

  font-weight: 100;

}

.blog-items .blog-item small {

  position: absolute;

  right: 0;

  bottom: 1.1em;

}

.blog-items .thumb {

  height: 150px;

  overflow: hidden;

  margin-bottom: 1.5em;

  display: block;

  border: none;

}

.blog-items .thumb img {

  transition: 0.4s;

  min-width: 100%;

  position: relative;

  -webkit-transform: scale(1) translateY(-25%);

      -ms-transform: scale(1) translateY(-25%);

          transform: scale(1) translateY(-25%);

}

.blog-items .thumb:hover img {

  -webkit-transform: scale(1.25) translateY(-20%);

      -ms-transform: scale(1.25) translateY(-20%);

          transform: scale(1.25) translateY(-20%);

}

.blog-items .profile {

  height: 50px;

  width: 50px;

  position: absolute;

  top: 6%;

  left: -0.5em;

}

.blog-items .date {

  float: right;

  width: 45px;

}

.blog-items .date span {

  display: block;

  text-align: center;

}

.blog-items .date span:first-child {

  color: white;

  background: #bb1c1c;

  font-size: 0.9rem;

}

.blog-items .date span:last-child {

  line-height: 1.8;

  font-size: 1.2rem;

  color: rgba(0, 0, 0, 0.5);

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-top: none;

  font-weight: lighter;

}

@media (max-width: 940px) {

  .blog-items .blog-item small {

    bottom: 4em;

  }

}



/* Bottom Bar

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

.bottom-bar {

  padding: 1.5em 0;

  font-size: 0.9rem;

  background: #111111;

  position: relative;

  z-index: 2;

  text-align: center;

}

.bottom-bar .footer-nav {

  margin-top: 1.5em;

}

.bottom-bar .footer-nav li {

  display: inline-block;

}

.bottom-bar .footer-nav li:not(:last-child) {

  margin-right: 1em;

}

.bottom-bar .footer-nav a {

  color: rgba(255, 255, 255, 0.75);

  font-weight: lighter;

}

.bottom-bar .footer-nav a:hover {

  border-color: inherit;

  color: white;

}

@media (min-width: 720px) {

  .bottom-bar {

    text-align: left;

  }

  .bottom-bar .copyright, .bottom-bar .footer-nav {

    display: table-cell;

    vertical-align: middle;

  }

  .bottom-bar .footer-nav {

    text-align: right;

    margin-top: 0;

  }

}



/* Breadcrumb

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

.breadcrumb {

  font-size: 0.9rem;

  background: #f7f7f7;

}

.breadcrumb .container {

  border-bottom: 1px dotted rgba(0, 0, 0, 0.25);

}

.breadcrumb ul {

  white-space: nowrap;

  overflow-x: auto;

}

.breadcrumb li {

  display: inline-block;

  vertical-align: top;

  padding-left: 1em;

  line-height: 3.25;

}

.breadcrumb li a {

  color: #707070;

}

.breadcrumb li a:hover {

  color: #bb1c1c;

}

.breadcrumb li:not(:last-child):after {

  content: "\f105";

  font-family: FontAwesome;

  margin-left: 1em;

  opacity: 0.5;

  display: inline-block;

}

.breadcrumb li:first-child {

  padding-left: 0;

}

.breadcrumb li.home a {

  color: rgba(0, 0, 0, 0.45);

  display: inline-block;

  line-height: 1.6em;

  height: 1.75em;

  width: 1.75em;

  border-radius: 50%;

  border: 1px solid;

  text-align: center;

}

.breadcrumb li.home a:hover {

  background: #bb1c1c;

  border-color: #bb1c1c;

  color: white;

}

.breadcrumb li.current a {

  color: #bb1c1c;

}



/* Comments

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

.comments .comment {

  margin-top: 2em;

  position: relative;

}

.comments .comment:first-child {

  margin-top: 0;

}

.comments .comment-quote {

  background: #bb1c1c;

  color: white;

  padding: 1rem;

  border-radius: 0.5em;

  position: relative;

}

.comments .comment-quote p {

  padding-left: 2.25rem;

  margin-top: 0;

}

.comments .comment-quote p:before {

  position: absolute;

  top: 0.75rem;

  left: 0.5rem;

  content: "\f10d";

  font-family: FontAwesome;

  font-size: 2em;

  color: rgba(0, 0, 0, 0.25);

}

.comments .profile,

.comments .comment-content {

  display: inline-block;

  vertical-align: middle;

}

.comments .profile {

  margin-bottom: 0;

}

.comments .comment-content {

  background: rgba(255, 255, 255, 0.75);

  border-radius: 0.6em;

  padding: 1.5em;

  position: relative;

  width: 100%;

}

.comments .comment-content:before {

  content: "";

  height: 20px;

  width: 20px;

  background: #FBFBFB;

  position: absolute;

  left: -20px;

  top: 50%;

  -webkit-transform: rotate(45deg) translateY(-50%);

      -ms-transform: rotate(45deg) translateY(-50%);

          transform: rotate(45deg) translateY(-50%);

  z-index: 0;

}

.comments .comment-content h4 {

  margin-bottom: 0.75em;

}

.comments .comment-content .post-date {

  position: absolute;

  font-size: 0.9rem;

  right: 1.9em;

  top: 1.75em;

  font-family: "Raleway", sans-serif;

  font-weight: 600;

}

.comments .comment-content > p {

  font-weight: 300;

  margin-top: 0.75em;

}

.comments .reply,

.comments .report {

  float: right;

  margin-top: 1em;

  margin-left: 1em;

  font-size: 0.9rem;

  line-height: 2.2;

  padding: 0 1em;

}

.comments .reply:hover,

.comments .report:hover {

  background: #bb1c1c;

}

.comments .report {

  background: #a63131;

}

.comments .report:hover {

  background: #8a2929;

}

.comments .load-more-wrapper {

  text-align: center;

  margin-top: 2em;

}

.comments .new-comment {

  margin-top: 4rem;

  position: relative;

  z-index: 1;

}

.comments .new-comment header {

  width: 100% !important;

  margin-bottom: 4rem;

}

@media (max-width: 720px) {

  .comments .profile {

    position: absolute;

    z-index: 2;

    right: 1em;

    top: 1em;

    height: 35px;

    width: 35px;

    border: 1px solid white;

  }

  .comments .comment-content .post-date {

    position: static;

  }

  .comments .comment-reply {

    margin-left: 5%;

  }

  .comments .comment-reply .comment-content {

    border-left: 4px solid #bb1c1c;

  }

  .comments .comment-reply .comment-content:before {

    left: auto;

    top: -4px;

  }

}

@media (min-width: 720px) {

  .comments .comment-content {

    width: 85%;

    width: calc(100% - 137px);

    margin-left: 2rem;

  }

  .comments .comment-reply {

    padding-left: 9em;

  }

  .comments [type="submit"] {

    font-size: 1.2rem;

  }

}



/* OControl Panel Nav

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

body {

  position: relative;

}

body:before, body:after {

  content: "";

  height: 15%;

  position: fixed;

  background: #111111;

  width: 100%;

  z-index: 1;

  transition: 0s;

}

body:before {

  top: -20%;

}

body:after {

  bottom: -20%;

}

body .cp-nav-container {

  z-index: 1;

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  padding-top: 1.25em;

  font-size: 1.2rem;

  transition: 0s;

  visibility: hidden;

}

body .cp-nav-container .logo {

  padding: 1.5rem 0 1em 4rem;

  font-size: 2em;

  line-height: 1.2;

}

body .cp-nav-container .logo a {

  border: none;

  background: none;

  color: white;

  display: inline-block;

}

body .cp-nav-container .logo .fa:before {

  top: 53%;

}

body .cp-nav-container > ul {

  transition: 0s;

  margin-top: 0;

  padding-left: 6rem;

  width: 10%;

  min-width: 250px;

  position: relative;

}

body .cp-nav-container > ul li {

  padding: 1em 0;

}

body .cp-nav-container > ul li.active > a {

  color: #bb1c1c;

}

body .cp-nav-container > ul li:hover a:not(:only-child):after {

  opacity: 1;

}

body .cp-nav-container > ul li:hover > a {

  color: #bb1c1c;

}

body .cp-nav-container > ul li a:after {

  transition: 0.4s;

  content: "";

  height: 20px;

  width: 20px;

  background: #1C1C1C;

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

  position: absolute;

  right: 1rem;

  opacity: 0;

}

body .cp-nav-container > ul > li > ul {

  transition: 0.4s;

  position: absolute;

  top: 0;

  left: 14rem;

  background: #1C1C1C;

  border-radius: 0.4rem;

  font-size: 0.9em;

  width: 88%;

  height: 100%;

  padding: 0.5rem 2rem;

  margin: 0;

  overflow: auto;

}

body .cp-nav-container > ul > li > ul li a {

  color: #ffffff;

}

body .cp-nav-container > ul > li > ul li a:before, body .cp-nav-container > ul > li > ul li a:after {

  display: none;

}

body .cp-nav-container > ul > li > ul ul {

  display: none;

}

body .cp-nav-container > ul a {

  color: #ffffff;

  display: block;

  border-bottom: none;

}

body .cp-nav-container > ul a:not(:only-child):before {

  content: "\f105";

  font-family: FontAwesome;

  float: right;

  margin-top: 0.025rem;

  opacity: 0;

  transition: 0.4s;

}

body .cp-nav-container .main-search {

  position: absolute;

  top: 0;

  left: 0;

  right: -16%;

  width: 65%;

  margin: auto;

}

body .cp-nav-container .main-search .search-close {

  display: none;

}

body .cp-nav-container .main-search .button {

  font-size: 1.5em;

}

body .cp-nav-container .main-search input {

  width: 100%;

  background: none;

  color: white;

  height: 3em;

  border-bottom: 1px solid rgba(255, 255, 255, 0.25);

  padding: 0.5em 1em 0.5em 0;

  transition: 0s;

  font-size: 1.25em !important;

}

body .cp-nav-container .main-search [type="submit"] {

  color: rgba(255, 255, 255, 0.5);

  right: 0 !important;

}

body .cp-nav-container .main-search [type="submit"]:hover {

  color: #bb1c1c;

}

body .cp-nav-container .main-search ::-webkit-input-placeholder {

  opacity: 0.3;

  color: white;

}

body .cp-nav-container .main-search ::-moz-placeholder {

  opacity: 0.3;

  color: white;

}

body .cp-nav-container .main-search :-ms-input-placeholder {

  opacity: 0.3;

  color: white;

}

body .cp-nav-container .main-search ::placeholder {

  opacity: 0.3;

  color: white;

}

body .cp-nav-container .copyright {

  color: white;

  position: absolute;

  padding-left: 4rem;

  bottom: 15%;

  font-weight: 300;

}

body.cp-active:before, body.cp-active:after {

  transition: 0.4s;

}

body.cp-active:before {

  top: 0;

}

body.cp-active:after {

  bottom: 0;

}

body.cp-active #site-content {

  -webkit-transform: scale(0.65);

      -ms-transform: scale(0.65);

          transform: scale(0.65);

  transition: 0.4s;

  height: 100%;

  width: 100%;

  position: absolute;

  right: -8%;

}

body.cp-active .cp-nav-container {

  visibility: visible;

}

body.cp-active .cp-nav-container .logo,

body.cp-active .cp-nav-container > ul,

body.cp-active .cp-nav-container .main-search,

body.cp-active .cp-nav-container .copyright {

  transition: 0.4s;

  transition-delay: 0.4s;

}

body.cp-active .cp-nav-container > ul {

  padding-left: 4rem;

}

body.cp-active .cp-nav-container > ul a:not(:only-child):before {

  opacity: 0.5;

}

body.cp-active .cp-nav-container .main-search {

  top: 3.6%;

}

@media (max-height: 800px) {

  body:before, body:after {

    height: 21%;

  }

  body:before {

    top: -21%;

  }

  body:after {

    bottom: -21%;

  }

  body .cp-nav-container .logo {

    font-size: 1.5em;

  }

  body .cp-nav-container ul li {

    padding: 0.65em 0em;

  }

  body .cp-nav-container .copyright {

    font-size: 1.2rem;

    bottom: 21%;

  }

}



/* Desktop Carousel

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

.project-carousel {

  position: relative;

}

.project-carousel .nav-carousel [class*="nav-"] {

  top: 36% !important;

}

@media (max-width: 940px) {

  .project-carousel .nav-carousel .nav-prev {

    left: 0 !important;

  }

  .project-carousel .nav-carousel .nav-next {

    right: 0 !important;

  }

}



.project-preview {

  width: 65%;

  margin: auto;

  position: relative;

}

.project-preview .previews {

  position: absolute;

  top: 4%;

  left: 0;

  right: 0;

  margin: auto;

  width: 92.5%;

  height: 55.7%;

  overflow: hidden;

}



/* Earth

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

.earth {

  padding-top: 5em;

  height: 120px;

  width: 70%;

  overflow: hidden;

  margin: auto;

  position: relative;

}

.earth img {

  position: absolute;

  left: 0;

  top: 35%;

  -webkit-animation-name: spin;

          animation-name: spin;

  -webkit-animation-duration: 35s;

          animation-duration: 35s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

}

.earth .pin-wrapper.active .pin {

  background: #bb1c1c;

}

.earth .pin {

  width: 55px;

  height: 55px;

  border-radius: 50% 50% 50% 0;

  background: #3D5C6D;

  cursor: pointer;

  transition: 0.4s;

  position: relative;

}

.earth .pin:after {

  content: '';

  width: 50%;

  height: 50%;

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  margin: auto;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-radius: 50%;

}

@media (max-width: 940px) {

  .earth .pins {

    text-align: center;

    margin-top: -4rem;

  }

  .earth .pin-wrapper {

    -webkit-transform: none !important;

        -ms-transform: none !important;

            transform: none !important;

    display: inline-block;

    margin-left: 1rem;

  }

  .earth .pin-wrapper:first-child {

    margin-left: 0;

  }

  .earth .pin {

    -webkit-transform: rotate(315deg);

        -ms-transform: rotate(315deg);

            transform: rotate(315deg);

  }

}

@media (min-width: 940px) {

  .earth {

    height: 0;

    padding-top: 22%;

  }

  .earth .pin-wrapper {

    -webkit-transform-origin: center;

        -ms-transform-origin: center;

            transform-origin: center;

    position: absolute;

    width: 100%;

  }

  .earth .pins {

    margin-top: 22%;

  }

  .earth .pin {

    -webkit-transform: translateX(-30%) rotate(-135deg);

        -ms-transform: translateX(-30%) rotate(-135deg);

            transform: translateX(-30%) rotate(-135deg);

  }

}



@-webkit-keyframes spin {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}



@keyframes spin {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}

/* Mobile Nav

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

.flyout-nav-container {

  position: fixed;

  width: 250px;

  left: -250px;

  height: 100%;

  top: 0;

  z-index: 9999;

  font-size: 0.9rem;

  font-weight: bold;

  overflow: auto;

  background: #111111;

  transition: 0.4s;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

  box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);

}

.flyout-nav-container ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.flyout-nav-container ul a {

  display: block;

  padding: 1em 1.6em;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  border-top: 1px solid rgba(255, 255, 255, 0.05);

  border-left: 5px solid rgba(0, 0, 0, 0.3);

  text-decoration: none;

  color: #b1b1b1;

}

.flyout-nav-container ul a:hover {

  background: #bb1c1c;

  color: white;

}

.flyout-nav-container ul ul ul {

  padding-left: 1.5em;

  font-weight: lighter;

}

.flyout-nav-container ul ul ul li:hover > a {

  background: rgba(0, 0, 0, 0.2);

  color: white;

  border-left-color: #bb1c1c;

}

.flyout-nav-container ul ul li:hover > a {

  background: #bb1c1c;

  color: white;

}

.flyout-nav-container > ul > li > a {

  color: white;

  border-left-color: #bb1c1c;

  background: rgba(0, 0, 0, 0.15);

}

.flyout-nav-container .logo {

  padding: 1em 0.5em;

}

.flyout-active .flyout-nav-container {

  left: 0;

}

@media (max-width: 940px) {

  .flyout-nav-container .logo {

    display: none;

  }

}



/* Footer

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

.app-footer {

  color: white;

  position: relative;

  background: #242424;

}

.app-footer .footer-content {

  padding: 5em 0;

  color: #b1b1b1;

}

.app-footer .footer-content h3 {

  color: white;

  font-size: 1.4rem;

  margin: 0;

}

.app-footer .footer-content h4 {

  font-family: "Lato", sans-serif;

  font-size: 1.2rem;

  margin-top: 0.25rem;

  font-weight: 100;

}

.app-footer .footer-content p, .app-footer .footer-content ul {

  font-size: 0.9rem;

}

.app-footer .footer-content ul b {

  color: white;

}

.app-footer .footer-content ul i {

  color: #bb1c1c;

  width: 1em;

  text-align: center;

  margin-right: 0.25rem;

}

.app-footer .container {

  position: relative;

  z-index: 2;

}

.app-footer .logo {

  padding: 0;

}

@media (max-width: 940px) {

  .app-footer .footer-col:not(:last-child) {

    padding-bottom: 2em;

    margin-bottom: 2em;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.75);

  }

}

@media (min-width: 720px) {

  .app-footer .footer-wrapper {

    display: table;

    width: 100%;

  }

}

@media (min-width: 940px) and (max-width: 1200px) {

  .app-footer .footer-col {

    width: 47.75%;

    margin-left: 4%;

  }

  .app-footer .footer-col:nth-child(odd) {

    margin-left: 0;

  }

  .app-footer .footer-col:nth-last-child(-n+2) {

    padding-top: 3em;

  }

}



/* Footer Testimonials

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

.footer-testimonials .owl-nav {

  position: absolute;

  top: -4rem;

  right: 0;

  font-size: 1rem;

}

.footer-testimonials .owl-nav div {

  display: inline-block;

  color: #707070;

  cursor: pointer;

  height: 1em;

  width: 1em;

  outline: 0;

}

.footer-testimonials .owl-nav div:after {

  font-family: FontAwesome;

  transition: 0.4s;

}

.footer-testimonials .owl-nav div.owl-prev {

  margin-right: 0.3em;

}

.footer-testimonials .owl-nav div.owl-prev:after {

  content: "\f137";

}

.footer-testimonials .owl-nav div.owl-next:after {

  content: "\f138";

}

.footer-testimonials .owl-nav div:hover {

  color: #ffffff;

  text-decoration: none;

}

.footer-testimonials blockquote {

  margin: 0;

  margin-bottom: 1.3em;

  background: #bb1c1c;

  border-radius: 10px;

  border: 0;

  color: white;

  padding: 12px 42px;

  position: relative;

}

.footer-testimonials blockquote p {

  margin: 0;

  padding: 0;

  font-weight: 300 !important;

  font-size: 0.75rem;

}

.footer-testimonials blockquote p:before, .footer-testimonials blockquote p:after {

  position: absolute;

  font-family: FontAwesome;

  font-size: 1.75rem;

}

.footer-testimonials blockquote p:before {

  content: "\f10d";

  top: 0.25em;

  left: 0.3em;

}

.footer-testimonials blockquote p:after {

  content: "\f10e";

  right: 0.3em;

  bottom: 0.1em;

}

.footer-testimonials blockquote:after {

  top: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  left: 3em;

  pointer-events: none;

  border-color: rgba(136, 183, 213, 0);

  border-top-color: #bb1c1c;

  border-width: 12px;

  margin-left: -12px;

}

.footer-testimonials div {

  color: white;

  font-style: normal;

  display: block;

}

.footer-testimonials div .profile,

.footer-testimonials div cite {

  float: left;

}

.footer-testimonials div .profile {

  width: 44px;

  margin-bottom: 0;

}

.footer-testimonials div cite {

  width: calc(100% - 52px);

  padding-left: 0.75em;

}

.footer-testimonials div cite strong {

  display: block;

  font-style: normal;

}

.footer-testimonials div i {

  color: #707070;

  font-style: normal;

}

.footer-testimonials .profile {

  height: 44px;

  width: 44px;

}

.footer-testimonials .bx-wrapper {

  position: relative;

}



/* Map

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

#map {

  background: rgba(0, 0, 0, 0.2);

  width: 100%;

  height: 375px;

  display: block;

}



/* Header

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

.app-header {

  position: absolute;

  transition: 0.4s;

  z-index: 2;

  width: 100%;

  top: 0;

}

@media (min-width: 940px) {

  .app-header .header-wrapper {

    padding-top: 1em;

    display: table;

    width: 100%;

  }

  .app-header .logo, .app-header .main-nav {

    display: table-cell;

    vertical-align: middle;

  }

}



@media (min-width: 940px) {

  .cp-trigger {

    display: block;

  }



  .opera-trigger {

    display: block !important;

  }

}

/* Fixed Header

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

.fixed-header-container {

  transition: 0.4s;

  position: relative;

  display: none;

}

.fixed-header-container .header-wrapper {

  border-bottom: none !important;

}

.fixed-header-container .app-header {

  opacity: 0;

  visibility: hidden;

  position: fixed;

  background-image: url("../../images/stock5.jpg");

  background-size: cover;

  z-index: 9;

}

.fixed-header-container .app-header:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.4);

}

.fixed-header-container .app-header .container {

  position: relative;

  z-index: 1;

}

.fixed-header-container .app-header .header-wrapper {

  padding-top: 0;

}

.fixed-header-container .logo {

  padding: 0.625em 0;

}

.fixed-header-container .main-nav ul li a {

  font-size: 0.9rem;

}



body.fixed-header .fixed-header-container {

  display: block;

}

body.fixed-header .cp-trigger,

body.fixed-header .opera-trigger {

  display: none;

}



body.fh-visible .fixed-header-container .app-header {

  opacity: 1;

  visibility: visible;

}

body.fh-visible.fixed-header #flyout-trigger.opera-trigger {

  display: none !important;

}

body.fh-visible .main-search input,

body.fh-visible .main-search .button {

  font-size: 1.25em;

}

body.fh-visible .main-search [type="submit"] {

  right: 3.5em;

}



/* Loading Spinner

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

.loading-wrapper {

  position: fixed;

  z-index: 99;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  background: #f7f7f7;

  transition: 0.4s;

  -webkit-transform: scale(0);

      -ms-transform: scale(0);

          transform: scale(0);

}

.loading-wrapper.active {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

}

@media (max-width: 940px) {

  .loading-wrapper {

    display: none !important;

  }

}



.spinner {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0;

  right: 0;

  margin: auto;

  display: block;

  height: 30px;

  width: 30px;

  -webkit-animation: rotation .7s infinite linear;

          animation: rotation .7s infinite linear;

  border-left: 8px solid rgba(0, 0, 0, 0.2);

  border-right: 8px solid rgba(0, 0, 0, 0.2);

  border-bottom: 8px solid rgba(0, 0, 0, 0.2);

  border-top: 8px solid #bb1c1c;

  border-radius: 100%;

}



@-webkit-keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

            transform: rotate(359deg);

  }

}



@keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

            transform: rotate(359deg);

  }

}

/* Logo

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

.logo {

  font-size: 1.65rem;

  padding: 1.2em 0;

  font-weight: 400;

}

.logo a {

  display: inline-block;

  vertical-align: top;

  color: white;

  border-bottom: 0;

  white-space: nowrap;

  line-height: 1.3;

}

.logo a:hover .fa {

  -webkit-transform: none;

      -ms-transform: none;

          transform: none;

  transition: 0.4s;

}

.logo a:hover .fa:before {

  content: "\f015";

}

.logo .fa {

  background: #bb1c1c;

  position: relative;

  height: 1.6em;

  width: 1.6em;

  border-radius: 0.25em;

  font-size: 0.8em;

  transition: 0.5s;

  vertical-align: top;

  text-align: center;

  border: 2px solid transparent;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

}

.logo .fa:before {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0;

  right: 0;

  margin: auto;

}

.logo img {

  display: block;

  max-height: 104px;

  padding-bottom: 1px;

}

@media (min-width: 720px) {

  .logo {

    padding: 1em 0;

  }

}



/* Main Navigation

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

.main-nav .block-menu > ul {

  display: none;

  vertical-align: middle;

}

.main-nav .block-menu > ul > li {

  /* Dropdown Navigation

     Used in: "modules/_main-nav.scss"

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

  margin-left: 0.25rem;

}

.main-nav .block-menu > ul > li ul {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  z-index: 999;

  transition: 0.4s;

  min-width: 185px;

  text-align: left;

  font-weight: 400;

}

.main-nav .block-menu > ul > li ul li {

  position: relative;

}

.main-nav .block-menu > ul > li ul li a {

  background: rgba(0, 0, 0, 0.85);

  color: #ffffff;

  font-size: 0.9rem;

  line-height: 3;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.main-nav .block-menu > ul > li ul li a:before, .main-nav .block-menu > ul > li ul li a:after {

  font-family: FontAwesome;

  transition: 0.4s;

}

.main-nav .block-menu > ul > li ul li a:before {

  content: "\f138";

  margin-right: 0.75em;

  display: inline-block;

  color: #bb1c1c;

}

.main-nav .block-menu > ul > li ul li a:after {

  content: "\f105";

  display: none;

  position: absolute;

  top: 0;

  right: 1em;

  color: rgba(255, 255, 255, 0.3);

}

.main-nav .block-menu > ul > li ul li a:not(:only-child) {

  padding-right: 2em;

}

.main-nav .block-menu > ul > li ul li a:not(:only-child):after {

  display: inline-block;

}

.main-nav .block-menu > ul > li ul li:hover a {

  background: #bb1c1c;

}

.main-nav .block-menu > ul > li ul li:hover a:before {

  color: #ffffff;

}

.main-nav .block-menu > ul > li ul li:hover > ul {

  opacity: 1;

  visibility: visible;

}

.main-nav .block-menu > ul > li ul li ul {

  left: 100%;

  margin-left: -1px;

  top: 0;

}

.main-nav .block-menu > ul > li ul li ul li:hover a {

  background: #8f1515;

}

.main-nav .block-menu > ul > li > ul {

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  margin-top: 2.6em;

  border-top: 8px solid #8f1515;

}

.main-nav .block-menu > ul > li > ul:before, .main-nav .block-menu > ul > li > ul:after {

  content: "";

  position: absolute;

}

.main-nav .block-menu > ul > li > ul:before {

  height: 20px;

  top: -20px;

  width: 100%;

}

.main-nav .block-menu > ul > li > ul:after {

  height: 10px;

  width: 10px;

  background: #8f1515;

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

  top: -12px;

  left: 0;

  right: 0;

  margin: auto;

}

.main-nav .block-menu > ul > li > ul li:first-child > ul {

  border-top: 8px solid #8f1515;

  margin-top: -8px;

}

.main-nav .block-menu > ul > li:hover > ul {

  opacity: 1;

  visibility: visible;

  margin-top: 1rem;

}

.main-nav .block-menu > ul > li:hover > a, .main-nav .block-menu > ul > li.active > a {

  color: white;

  border: 2px solid;

}

.main-nav .block-menu > ul > li.active > a {

  background: #bb1c1c;

  border-color: #bb1c1c;

}

.main-nav .block-menu > ul > li > a {

  color: #ffffff;

  font-weight: bold;

  border-radius: 1.5em;

  border: 2px solid transparent;

}

.main-nav .block-menu > ul > li > a:not(:only-child):after {

  content: "\f107";

  font-family: FontAwesome;

  margin: 0.025em 0 0 0.4em;

  opacity: 0.5;

}

.main-nav ul li a {

  display: block;

  line-height: 2.2;

  position: relative;

  padding: 0 1em;

}

@media (min-width: 940px) {

  .main-nav {

    text-align: right;

  }

  .main-nav .block-menu > ul {

    display: inline-block;

    white-space: nowrap;

  }

  .main-nav .block-menu > ul > li {

    display: inline-block;

    position: relative;

  }

}



/* Navigation Trigger

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

.nav-trigger {

  display: block;

  position: fixed;

  cursor: pointer;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}

.nav-trigger:hover {

  text-decoration: none;

}

.nav-trigger .fa {

  cursor: pointer;

}

.nav-trigger.nav-trigger-animate {

  opacity: 1;

  visibility: visible;

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg);

  outline: 0;

  z-index: 10000;

}

.nav-trigger.nav-trigger-animate .fa:before {

  content: "\f00d";

}

.nav-trigger.flyout-trigger {

  top: 1.5em;

  right: 1.5em;

  z-index: 10;

}

.nav-trigger.cp-trigger {

  z-index: 9;

  top: 3rem;

  right: 3rem;

  opacity: 0;

  visibility: hidden;

}

.flyout-active .nav-trigger, .cp-active .nav-trigger {

  z-index: 10000;

}

@media (max-width: 940px) {

  .nav-trigger.cp-trigger {

    display: none;

  }

}

@media (min-width: 940px) {

  .nav-trigger.flyout-trigger {

    display: none;

  }

}



@media (min-width: 940px) {

  #flyout-trigger.opera-trigger {

    top: 3rem !important;

    right: 3rem;

    display: block;

    opacity: 0;

    visibility: hidden;

  }

}



/* Newsletter

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

.newsletter {

  font-size: 0.9rem;

  margin-bottom: 1.5rem;

}

.newsletter .form-element {

  position: relative;

}

.newsletter .form-element input:focus ~ label {

  top: -0.6em;

}

.newsletter .form-element input:focus:invalid ~ [type="submit"]:hover {

  background: #C23A2C;

}

.newsletter .form-element input:focus:valid ~ [type="submit"]:hover {

  background: #2DCC70;

}

.newsletter .box {

  background: #f7f7f7;

  padding: 0.5em;

  padding-right: 2em;

}

.newsletter label {

  color: #111111;

}

.newsletter [type="submit"] {

  position: absolute;

  background: rgba(0, 0, 0, 0.2);

  height: 100%;

  right: 0;

  top: 0;

  border: none;

  padding: 0 0.75em;

}

.newsletter [type="submit"] .fa {

  cursor: pointer;

  color: rgba(0, 0, 0, 0.5);

}

.newsletter [type="submit"]:hover {

  background: #bb1c1c;

}

.newsletter [type="submit"]:hover .fa {

  color: #ffffff;

}



/* Pagination

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

.pagination {

  text-align: right;

}

.pagination ul {

  font-size: 0;

}

.pagination li {

  display: inline-block;

  font-size: 1rem;

}

.pagination li a {

  display: block;

  padding: 0.75em 1em;

  border-top: 1px solid rgba(0, 0, 0, 0.25);

  border-bottom: 1px solid rgba(0, 0, 0, 0.25);

  border-left: 1px solid rgba(0, 0, 0, 0.25);

}

.pagination li a:hover {

  background: #bb1c1c;

  border-color: #bb1c1c;

  color: white;

}

.pagination li.active a {

  background: #bb1c1c;

  border-color: #bb1c1c;

  color: white;

}

.pagination li:first-child a {

  border-radius: 0.4em 0 0 0.4em;

}

.pagination li:last-child a {

  border-right: 1px solid rgba(0, 0, 0, 0.25);

  border-radius: 0 0.4em 0.4em 0;

}



/* Portfolio Items

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

.portfolio-items .portfolio-item {

  height: 0;

  padding-top: 33.3333333%;

  width: 50%;

  float: left;

  overflow: hidden;

  position: relative;

  color: white;

}

.portfolio-items .portfolio-item:before {

  content: "";

  border: 2px solid #bb1c1c;

  bottom: 1.25rem;

  left: 1.25rem;

  position: absolute;

  right: 1.25rem;

  top: 1.25rem;

  z-index: 2;

  opacity: 0;

  -webkit-transform: scale(1.15);

      -ms-transform: scale(1.15);

          transform: scale(1.15);

  transition: 0.4s;

}

.portfolio-items .portfolio-item:after {

  content: "";

  background: rgba(0, 0, 0, 0.7);

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: 0.4s;

}

.portfolio-items .portfolio-item a {

  color: white;

}

.portfolio-items .portfolio-item img {

  display: block;

  transition: 0.65s;

  position: absolute;

  top: 0;

}

.portfolio-items .portfolio-item .controls {

  position: absolute;

  z-index: 2;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  top: 35%;

  right: 0;

  left: 0;

  margin: auto;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  transition: 0.4s;

}

.portfolio-items .portfolio-item .fa {

  display: inline-block;

  margin-left: 0.25rem;

}

.portfolio-items .portfolio-item .fa:first-child {

  margin-left: 0;

}

.portfolio-items .portfolio-item .fa-link {

  line-height: 1.75rem;

}

.portfolio-items .portfolio-item h4,

.portfolio-items .portfolio-item p {

  position: absolute;

  z-index: 2;

  left: 2.5rem;

  transition: 0.4s;

  opacity: 0;

}

.portfolio-items .portfolio-item h4 {

  font-size: 1.4rem;

  bottom: -2rem;

}

.portfolio-items .portfolio-item h4:hover a {

  border-color: white;

}

.portfolio-items .portfolio-item p {

  bottom: -1em;

  margin: 0;

}

.portfolio-items .portfolio-item:hover:before {

  opacity: 1;

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

}

.portfolio-items .portfolio-item:hover:after {

  opacity: 1;

}

.portfolio-items .portfolio-item:hover .controls {

  opacity: 1;

  visibility: visible;

  top: 50%;

}

.portfolio-items .portfolio-item:hover img {

  -webkit-transform: scale(1.25);

      -ms-transform: scale(1.25);

          transform: scale(1.25);

}

@media (min-width: 720px) {

  .portfolio-items .portfolio-item {

    padding-top: 22.2222222%;

    width: 33.3333333%;

  }

}

@media (min-width: 1200px) {

  .portfolio-items .portfolio-item .controls {

    top: 0;

    right: 2.5rem;

    bottom: auto;

    left: auto;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

  }

  .portfolio-items .portfolio-item:hover:before {

    opacity: 1;

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

  }

  .portfolio-items .portfolio-item:hover:after {

    opacity: 1;

  }

  .portfolio-items .portfolio-item:hover .controls {

    opacity: 1;

    top: 2.5rem;

  }

  .portfolio-items .portfolio-item:hover h4, .portfolio-items .portfolio-item:hover p {

    opacity: 1;

    bottom: 2.5rem;

  }

}



/* Portfolio Carousel

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

.portfolio-carousel {

  position: relative;

}

.portfolio-carousel .owl-dots {

  text-align: center;

  padding-top: 2em;

}

.portfolio-carousel .owl-dots div {

  height: 14px;

  width: 14px;

  border-radius: 50%;

  background: rgba(0, 0, 0, 0.2);

  display: inline-block;

  margin-left: 0.5em;

  transition: 0.4s;

}

.portfolio-carousel .owl-dots div span {

  display: none;

}

.portfolio-carousel .owl-dots div:first-child {

  margin-left: 0;

}

.portfolio-carousel .owl-dots div.active {

  background: #bb1c1c;

}



/* Scroll Down Mouse

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

.mouse {

  margin: auto;

  display: inline-block;

  position: relative;

  font-size: 0.9rem;

  width: 3.5em;

  height: 5.5em;

  border-radius: 6em;

  border: 2px solid white;

}

.mouse:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 20%;

  height: 0;

  width: 18%;

  padding-top: 18%;

  background-color: white;

  border-radius: 50%;

  transition: 0.4s;

}

.mouse:hover {

  background-color: #ffffff;

  border-color: #ffffff;

}

.mouse:hover:before {

  background-color: #8f1515;

}

.mouse:hover [class*="mouse-scroll"] {

  border-top-color: #8f1515;

}



.mouse-animations {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 22.5%;

}



[class*="mouse-scroll"] {

  opacity: 0;

  margin: auto;

  width: 0px;

  height: 0px;

  border-left: 0.35em solid transparent;

  border-right: 0.35em solid transparent;

  border-top: 0.4em solid white;

  transition: 0.4s;

}



.mouse-scroll-l {

  -webkit-animation: down3 1s infinite;

          animation: down3 1s infinite;

}



.mouse-scroll-2 {

  -webkit-animation: down2 1s infinite;

          animation: down2 1s infinite;

}



.mouse-scroll-3 {

  -webkit-animation: down 1s infinite;

          animation: down 1s infinite;

}



@-webkit-keyframes down {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(2em);

            transform: translateY(2em);

  }

}



@keyframes down {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(2em);

            transform: translateY(2em);

  }

}

@-webkit-keyframes down2 {

  40% {

    opacity: 0;

  }

  100% {

    opacity: 0.5;

    -webkit-transform: translateY(2em);

            transform: translateY(2em);

  }

}

@keyframes down2 {

  40% {

    opacity: 0;

  }

  100% {

    opacity: 0.5;

    -webkit-transform: translateY(2em);

            transform: translateY(2em);

  }

}

@-webkit-keyframes down3 {

  60% {

    opacity: 0;

  }

  100% {

    opacity: 0.2;

    -webkit-transform: translateY(2em);

            transform: translateY(2em);

  }

}

@keyframes down3 {

  60% {

    opacity: 0;

  }

  100% {

    opacity: 0.2;

    -webkit-transform: translateY(2em);

            transform: translateY(2em);

  }

}

/* Scroll to Top

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

.scroll-top {

  display: none;

  opacity: 0;

  visibility: hidden;

  position: fixed;

  bottom: 3rem;

  right: 3rem;

  color: rgba(0, 0, 0, 0.6);

  border-color: rgba(0, 0, 0, 0.6) !important;

  z-index: 9;

}

.scroll-top.visible, body .cp-nav-container > ul li:hover > ul.scroll-top, body.cp-active .cp-nav-container .scroll-top.logo,

body.cp-active .cp-nav-container > ul.scroll-top,

body.cp-active .cp-nav-container .scroll-top.main-search,

body.cp-active .cp-nav-container .scroll-top.copyright, body.cp-active .scroll-top.cp-trigger {

  opacity: 0.5 !important;

}

.scroll-top:hover {

  opacity: 1 !important;

  color: white;

  border-color: #bb1c1c !important;

}

@media (min-width: 1500px) {

  .scroll-top {

    display: block;

  }

}



/* Search

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

body.search-active .main-search {

  top: 0;

  opacity: 1;

  visibility: visible;

}



.main-search {

  opacity: 0;

  visibility: hidden;

  position: fixed;

  top: -2em;

  transition: 0.4s;

  z-index: 9;

  width: 100%;

}

.main-search input, .main-search .button {

  line-height: 1.8;

  height: 3.5em;

  padding: 0.75em;

  font-size: 1.4rem;

  float: left;

  box-sizing: border-box;

  border: none;

  outline: none;

}

.main-search input {

  width: 96%;

  width: calc(100% - 3.5em);

  transition: 0.4s;

}

.main-search .fa {

  cursor: pointer;

}

.main-search .button {

  width: 4%;

  width: calc(3.5em - 0.0000001em);

  text-align: center;

}

.main-search .button .fa {

  margin: 0;

  font-size: 1.25em;

  cursor: pointer;

  margin-top: 0.25em;

  margin-right: -0.15em;

}

.main-search .button.close {

  background: #bb1c1c;

}

.main-search .button.close:hover {

  background: #8f1515;

}

.main-search [type="submit"] {

  position: absolute;

  background: none;

  border: none;

  font-size: 1.5em;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  right: 4.5em;

  color: rgba(0, 0, 0, 0.35);

  transition: 0.4s;

}

.main-search [type="submit"]:hover {

  color: #bb1c1c;

}

.main-search ::-webkit-input-placeholder {

  opacity: 0.6;

  transition: 0s;

}

.main-search ::-moz-placeholder {

  opacity: 0.6;

  transition: 0s;

}

.main-search :-ms-input-placeholder {

  opacity: 0.6;

  transition: 0s;

}

.main-search ::placeholder {

  opacity: 0.6;

  transition: 0s;

}



.search-toggle {

  display: none;

  vertical-align: middle;

  margin-left: 0.25em;

  cursor: pointer;

}

.search-toggle .fa {

  cursor: pointer;

}

@media (min-width: 940px) {

  .search-toggle {

    display: inline-block;

  }

}



/* Sub Header

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

.hero.sub-header {

  height: 25em;

  min-height: 25em;

}

.hero.sub-header .container {

  top: 57%;

}

.hero.sub-header .container h1 {

  font-size: 1.8rem;

}

.hero.sub-header .sh-title-wrapper {

  position: relative;

}

.hero.sub-header .cta {

  font-size: 1rem;

}

@media (max-width: 940px) {

  .hero.sub-header {

    text-align: center;

  }

}

@media (min-width: 720px) {

  .hero.sub-header .container h1 {

    font-size: 3.5rem;

  }

  .hero.sub-header .cta {

    font-size: 1.2rem;

  }

}

@media (min-width: 940px) {

  .hero.sub-header .container {

    top: calc(50% + 2rem);

  }

  .hero.sub-header .container h1,

  .hero.sub-header .container p {

    margin: 0;

    width: 85%;

    width: calc(100% - 16rem);

  }
 .page-node-73 .hero.sub-header .container h1,

  .page-node-73 .hero.sub-header .container p {

    margin: 0;

    width: 100%;


  }
  .hero.sub-header .container h1 {

    margin-bottom: 0.2em;

  }

  .hero.sub-header .container h1,

  .hero.sub-header .container p {

    transition: 0.4s;

    position: relative;

  }

  .hero.sub-header .container.inactive h1, .hero.sub-header .container.inactive p {

    opacity: 0;

  }

  .hero.sub-header .container.inactive h1 {

    top: 1em;

  }

  .hero.sub-header .container.inactive p {

    top: 2em;

  }

  .hero.sub-header .container.active h1, .hero.sub-header .container.active p {

    opacity: 1;

    top: 0;

  }

  .hero.sub-header .cta {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    margin-top: 0;

  }

}



/* Twitter Feed

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

#twitter-feed {

  margin: auto;

}

#twitter-feed a:hover {

  text-decoration: none;

}

#twitter-feed .twitter-article {

  margin-top: 1rem;

}

#twitter-feed .twitter-article:first-of-type {

  margin-top: 0;

}

#twitter-feed .twitter-pic,

#twitter-feed .twitter-text {

  display: table-cell;

  vertical-align: top;

}

#twitter-feed .twitter-pic {

  width: 16%;

  width: calc(42px - 0.0000001em);

}

#twitter-feed .twitter-pic a,

#twitter-feed .twitter-pic img {

  display: block;

}

#twitter-feed .twitter-pic img {

  margin-top: 2px;

  border: none;

}

#twitter-feed .twitter-text {

  width: 70%;

  width: calc(100% - 46px);

  padding-left: 0.75rem;

}

#twitter-feed .twitter-text p {

  margin: 0px;

}

#twitter-feed .tweetprofilelink strong a {

  color: #ffffff;

}

#twitter-feed .tweetprofilelink strong a:hover {

  border-color: inherit;

}

#twitter-feed .tweetprofilelink > a {

  font-size: 0.95em;

}

#twitter-feed .tweet-time {

  position: relative;

  top: -1px;

  text-align: center;

}

#twitter-feed .tweet-time a {

  background: #bb1c1c;

  padding: 0 1px;

  font-size: 0.75rem;

  color: white;

  text-shadow: none;

}



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

Sections

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

/* Banner Section

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

.section.banner {

  position: relative;

  padding: 5rem 0;

  text-align: center;

  background-color: #f7f7f7;

}

.section.banner:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-image: url("../../images/section-bg-1.jpg");

  opacity: 0.15;

}

.section.banner .container {

  position: relative;

  z-index: 2;

}

.section.banner h4 {

  font-weight: 100;

  font-size: 1.8rem;

  margin: 0;

}

.section.banner h4 b {

  font-weight: 900;

}

.section.banner p a:not(.button), .section.banner .meta a:not(.button) {

  border-bottom: 1px dotted;

}

.section.banner p a:not(.button):hover, .section.banner .meta a:not(.button):hover {

  color: #8f1515;

}

.section.banner p {

  font-size: 1.2rem;

  font-weight: lighter;

}

.section.banner .meta {

  margin-top: 2em;

}

.section.banner .meta .button {

  margin-right: 0.25em;

}

.section.banner.alt {

  background: #bb1c1c;

}

.section.banner.alt,

.section.banner.alt a,

.section.banner.alt h4 i {

  color: white;

}

.section.banner.alt i {

  font-weight: 300;

}

.section.banner.alt .button {

  background: none;

  border: 2px solid #ffffff;

  color: white;

}

.section.banner.alt .button:hover {

  background: none;

  background: #ffffff;

  color: #bb1c1c;

  border-color: #ffffff;

}

.section.banner.alt a:not(.button):hover {

  color: #ffffff;

}

@media (min-width: 940px) {

  .section.banner {

    text-align: left;

  }

  .section.banner .content, .section.banner .meta {

    float: left;

  }

  .section.banner .content {

    width: 65%;

    width: calc(100% - 310px);

  }

  .section.banner .meta {

    margin-top: 0.4em;

    padding-left: 20px;

  }

  .section.banner p {

    margin-top: 0;

  }

}



/* Clients

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

.section.clients {

  background-image: url("../../images/polygon-bg-grey.jpg") !important;

  padding: 5rem 0;

  text-align: center;

}

.section.clients:after {

  background: rgba(0, 0, 0, 0.5) !important;

}

.section.clients h5 {

  margin-top: 0.25em;

  font-size: 1.8rem;

  font-weight: 100;

  color: #bb1c1c;

}

.section.clients .client-logos {

  margin-top: 3rem;

  position: relative;

}

.section.clients .client-logos a {

  background: rgba(0, 0, 0, 0.25);

  border-radius: 6px;

  display: inline-block;

  padding: 1em;

}

.section.clients .client-logos a:hover {

  background: #bb1c1c;

}

.section.clients .clients-slider {

  position: relative;

  top: -0.75rem;

}

.section.clients .owl-item img {

  width: auto;

  margin: auto;

}

.section.clients .owl-dots {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  bottom: -2.5rem;

}

@media (max-width: 460px) {

  .section.clients .client-logos a img {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    top: auto;

    max-width: 160px;

  }

}

@media (min-width: 460px) {

  .section.clients .client-logos a {

    height: 58px;

    padding: 2em 1.5em;

    display: block;

  }

}

@media (min-width: 940px) {

  .section.clients {

    text-align: left;

  }

  .section.clients .title {

    border-right: 1px solid rgba(0, 0, 0, 0.65);

    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.075);

    padding-right: 1em;

  }

  .section.clients .client-logos {

    margin-top: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

  }

}



/* Contact Section

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

.section.contact {

  /* Animations */

}

.section.contact .container {

  position: relative;

  z-index: 2;

}

.section.contact .contact-widgets {

  margin-bottom: 4rem;

}

.section.contact .send-message {

  margin-bottom: 4rem;

}

.section.contact .form-element {

  position: relative;

  transition: 0.4s;

  opacity: 1;

}

.section.contact .form-element:nth-child(1), .section.contact .form-element:nth-child(2) {

  bottom: 0;

}

.section.contact .form-element:nth-child(3), .section.contact .form-element:nth-child(4) {

  top: 0;

}

.section.contact [type="submit"] {

  opacity: 1;

  transition: 0.4s;

}

.section.contact.inactive .form-element {

  opacity: 0;

}

.section.contact.inactive .form-element:nth-child(1), .section.contact.inactive .form-element:nth-child(2) {

  bottom: -2em;

}

.section.contact.inactive .form-element:nth-child(3), .section.contact.inactive .form-element:nth-child(4) {

  top: -2em;

}

.section.contact.inactive [type="submit"] {

  opacity: 0;

}

@media (max-width: 940px) {

  .section.contact .widget:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

}

@media (min-width: 720px) {

  .section.contact [type="submit"] {

    font-size: 1.2rem;

  }

}



/* Hero

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

.hero {

  position: relative;

  min-height: 600px;

  background-size: cover;

  background-image: url("../../images/stock5.jpg");

  color: white;

}

.hero:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.3);

}

.hero .container {

  position: absolute;

  z-index: 1;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  top: 53%;

  left: 0;

  right: 0;

  margin: auto;

}

.hero .hero-title {

  font-size: 1.8rem;

  margin-bottom: 1.5rem;

}

.hero .hero-title h2,

.hero .hero-title h3 {

  margin: 0.25em 0;

}

.hero .hero-title h2:first-child,

.hero .hero-title h3:first-child {

  margin-top: 0;

}

.hero .hero-title h2:last-child,

.hero .hero-title h3:last-child {

  margin-bottom: 0;

}

.hero .hero-title h2 {

  font-size: 1.2em;

  font-weight: 600;

}

.hero .hero-title h3 {

  font-size: 0.85em;

  font-weight: 300;

  text-transform: uppercase;

  color: #bb1c1c;

}

.hero .blurb {

  font-weight: 100;

}

.hero .blurb a {

  color: white;

  border-bottom: 1px dotted;

}

.hero .blurb a:hover {

  color: #bb1c1c;

}

.hero .button {

  margin-top: 0.75em;

}

.hero .button:last-child {

  margin-left: 0.5em;

}

.hero .button.border {

  border: 2px solid #ffffff !important;

  color: #ffffff;

}

.hero .button.border:hover {

  background: #ffffff;

  color: #071216;

}

.hero .hero-down {

  display: none;

  position: absolute;

  text-align: center;

  z-index: 2;

  bottom: 1rem;

  left: 0;

  right: 0;

  margin: auto;

  opacity: 1;

  transition: 0.4s;

}

.hero .hero-down:hover {

  border-bottom: none;

}

@media (min-width: 720px) {

  .hero .hero-title > span {

    display: table-cell;

    vertical-align: middle;

  }

}

@media (min-width: 940px) {

  .hero {

    height: 900px;

    height: 100vh;

    min-height: 750px

    /* Animations */

  }

  .hero .hero-title {

    font-size: 2.85rem;

  }

  .hero .container {

    top: 52%;

  }

  .hero .title-wrapper {

    width: 80%;

  }

  .hero .blurb {

    font-size: 1.4rem;

  }

  .hero .button {

    font-size: 1.2rem;

  }

  .hero .hero-down {

    display: inline-block;

  }

  .hero .title-wrapper {

    position: relative;

  }

  .hero .hero-title,

  .hero .blurb,

  .hero .button {

    position: relative;

    transition: 0.85s;

    opacity: 1;

    top: 0;

  }

  .hero.inactive .hero-title,

  .hero.inactive .blurb,

  .hero.inactive .button {

    opacity: 0;

  }

  .hero.inactive .hero-title {

    top: 6rem;

  }

  .hero.inactive .blurb {

    top: -1rem;

  }

  .hero.inactive .button {

    top: -6rem;

  }

  .hero.inactive .hero-down {

    bottom: 2em;

    opacity: 0;

  }

}

@media (min-width: 1200px) {

  .hero .hero-title {

    font-size: 2.85rem;

  }

}



.hero-fixed .hero {

  position: fixed;

  top: 0;

  width: 100%;

}

.hero-fixed.cp-active {

  padding-top: 0 !important;

}



.video-bg .hero {

  background: none;

}



.hero-vid {

  position: fixed;

  right: 0;

  bottom: 0;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: -100;

  background: url("../../images/stock5.jpg") no-repeat;

  background-size: cover;

  display: none;

}



.hero-overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.5);

  display: none;

  z-index: -1;

}



/* Blog Posts Section

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

.section.latest-posts.inactive .blog-item {

  top: 3rem;

  opacity: 0;

}

.section.latest-posts .blog-item {

  position: relative;

  transition: 0.4s;

  top: 0;

  opacity: 1;

}

.section.latest-posts .blog-item:nth-child(2) {

  transition-delay: 0.4s;

}

.section.latest-posts .blog-item:nth-child(3) {

  transition-delay: 0.8s;

}

@media (max-width: 940px) {

  .section.latest-posts .blog-item:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

}



/* Latest Works

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

.section.latest-works .portfolio-items {

  transition: 0.4s;

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

}

.section.latest-works .nav-carousel {

  transition-delay: 1s;

}

.section.latest-works.inactive .portfolio-items {

  -webkit-transform: scale(0);

      -ms-transform: scale(0);

          transform: scale(0);

}

.section.latest-works.inactive .nav-carousel {

  opacity: 0;

  visibility: hidden;

}

@media (max-width: 1400px) {

  .section.latest-works > .container {

    position: relative;

  }

  .section.latest-works .nav-carousel [class*="nav-"] {

    top: auto;

    bottom: -0.25rem;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

  }

  .section.latest-works .nav-carousel .nav-prev {

    left: 0;

  }

  .section.latest-works .nav-carousel .nav-next {

    right: 0;

  }

}



/* More About Us

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

.section.more-info {

  background: #f7f7f7 !important;

  color: #111111 !important;

}

.section.more-info:after {

  background-image: url("../../images/section-bg-1.jpg") !important;

  background-size: 120% 220% !important;

  background-position: 25% -37% !important;

  opacity: 0.1;

}

.section.more-info .container {

  position: relative;

  z-index: 2;

}

.section.more-info .auto-resizable-iframe {

  max-width: 720px;

  margin: 0px auto;

}

.section.more-info .auto-resizable-iframe > div {

  position: relative;

  padding-bottom: 55%;

  height: 0px;

}

.section.more-info .auto-resizable-iframe iframe {

  position: absolute;

  border: 0px;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

}

@media (max-width: 940px) {

  .section.more-info .info-video {

    margin-bottom: 2rem;

  }

}



/* Pricing Section

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

.section.pricing {

  overflow: hidden;

}

.section.pricing.inactive .price-chart-container {

  top: 3rem;

  opacity: 0;

}

.section.pricing .price-chart-container {

  position: relative;

  transition: 0.4s;

  top: 0;

  opacity: 1;

}

.section.pricing .price-chart-container:not(:last-child) {

  margin-bottom: 4em;

}

.section.pricing .price-chart-container:nth-child(2) {

  transition-delay: 0.4s;

}

.section.pricing .price-chart-container:nth-child(3) {

  transition-delay: 0.8s;

}

@media (min-width: 940px) {

  .section.pricing .price-chart-container {

    margin-bottom: 0 !important;

  }

  .section.pricing .price-chart:hover {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }

}



/* Primary Quote

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

.section.quote {

  padding: 6rem 0;

  background-color: #bb1c1c;

  overflow: hidden;

}

.section.quote blockquote {

  margin: auto;

  color: white;

  font-weight: lighter;

  line-height: 1;

  transition: 0.4s;

  -webkit-transform: scale(1) rotate(0deg);

      -ms-transform: scale(1) rotate(0deg);

          transform: scale(1) rotate(0deg);

}

.section.quote blockquote h4 {

  font-size: 1.8rem;

}

.section.quote blockquote b {

  font-weight: 900;

}

.section.quote blockquote.inactive {

  -webkit-transform: scale(0) rotate(-540deg);

      -ms-transform: scale(0) rotate(-540deg);

          transform: scale(0) rotate(-540deg);

}

@media (min-width: 940px) {

  .section.quote blockquote {

    width: 80%;

  }

  .section.quote blockquote h4 {

    font-size: 2.2rem;

  }

}



/* Section

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

.section {

  padding: 6rem 0;

}

.section .section {

  padding: 0;

}

.section header {

  text-align: center;

}

.section header.sep {

  position: relative;

  margin-bottom: 5.25em;

}

.section header.sep:after {

  content: "• • •";

  position: absolute;

  font-size: 24px;

  font-weight: 600;

  color: rgba(0, 0, 0, 0.2);

  bottom: -3.25rem;

  left: 0;

  right: 0;

  margin: auto;

}

.section header ul {

  font-size: 1rem;

}

.section header ul li {

  display: inline-block;

}

.section header ul li:after {

  content: "•";

  margin: 0 0.5em;

  color: rgba(0, 0, 0, 0.25);

}

.section header ul li:last-child:after {

  display: none;

}

.section header ul li .fa {

  color: #bb1c1c;

}

.section header ul li .fa-calendar {

  font-size: 0.9rem;

}

.section .section-title h2,

.section .section-title h3 {

  margin: 0.25em 0;

}

.section .section-title h2:first-child,

.section .section-title h3:first-child {

  margin-top: 0;

}

.section .section-title h2:last-child,

.section .section-title h3:last-child {

  margin-bottom: 0;

}

.section .section-title h2 {

  font-size: 1.8rem;

}

.section .section-title h3 {

  font-size: 1.4rem;

  line-height: 1.2;

  text-transform: uppercase;

}

.section .section-title p {

  margin-top: 0;

  margin-bottom: 0;

  font-size: 1.8rem;

  line-height: 1;

  color: #bb1c1c;

}

.section.section-map {

  position: relative;

}

.section.section-map:after {

  display: none;

  content: "";

  background-image: url("../../images/dot-map.png");

  background-repeat: no-repeat;

  background-size: 100%;

  width: 60%;

  left: 0;

  right: 0;

  margin: auto;

  opacity: 0.05;

  height: 20%;

  position: absolute;

  bottom: 0;

}

.section .lead {

  font-size: 1.4rem;

}

.section .nav-carousel {

  visibility: visible;

  opacity: 1;

  transition: 0.4s;

}

.section .nav-carousel [class*="nav-"] {

  position: absolute;

  z-index: 2;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  cursor: pointer;

}

.section .nav-carousel [class*="nav-"] .fa {

  cursor: pointer;

}

.section .nav-carousel .nav-prev {

  left: 3rem;

}

.section .nav-carousel .nav-next {

  right: 3rem;

}

@media (min-width: 720px) {

  .section header {

    width: 80%;

    margin-left: auto;

    margin-right: auto;

  }

  .section header ul {

    font-size: 1.4rem;

  }

  .section .section-title h2 {

    font-size: 2.2rem;

  }

  .section .section-title h3 {

    font-size: 1.8rem;

    line-height: 0.9;

  }

}

@media (min-width: 940px) {

  .section header p {

    font-size: 1.4rem;

  }

  .section.section-map {

    padding-bottom: 11em !important;

  }

  .section.section-map:after {

    display: block;

  }

  .section .section-title h2 {

    font-size: 2.85rem;

  }

  .section .section-title h3 {

    font-size: 2rem;

  }

}



/* Primary Section

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

.section.primary {

  background: #f7f7f7;

}

.section.primary:not(.welcome) header {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

  transition: 0.4s;

}

.section.primary:not(.welcome) header.inactive {

  -webkit-transform: scale(0);

      -ms-transform: scale(0);

          transform: scale(0);

}

.section.primary + .primary {

  padding-top: 0;

}

.section.primary .section-title h2, .grua {

  font-weight: 100;

}

.section.primary .section-title h2 b, .grua b {

  display: inline-block;

  line-height: 1.1;

  color: white;

  background: #bb1c1c;

  padding: 0 0.125em;

}
.grua b a:hover, .grua a:visited, .grua a:active, .grua a{
	color:#fff;
	font-size:4em;
}

.section.primary .section-title h2 span, .grua {

  font-family: "Lato", sans-serif;

  font-weight: 900;

  color: #bb1c1c;

}

.section.primary .section-title h2 strong {

  text-transform: none;

  font-weight: 900;

}

.section.primary .section-title h3 {

  font-weight: 800;

}

.section.primary .section-title h4 {

  position: relative;

  font-weight: 100;

  font-size: 1.8rem;

}

.section.primary .section-title h4:before {

  content: "";

  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0.3em;

  z-index: 0;

}

.section.primary .section-title h4 span {

  background: #f7f7f7;

  padding: 0 0.5em;

  position: relative;

}

.section.primary .nav-carousel [class*="nav-"] {

  border-color: #c1c1c1;

  color: #c1c1c1;

}

.section.primary .nav-carousel [class*="nav-"]:hover {

  border-color: #bb1c1c;

  background: #bb1c1c;

  color: white;

}

@media (min-width: 940px) {

  .section.primary .section-title h4 {

    font-size: 2.2rem;

  }

}



/* Secondary Section

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

.section.secondary {

  position: relative;

  background-size: cover;

  background-image: url("../../images/polygon-bg-blue.png");

  color: white;
  display:none;

}

.section.secondary:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

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

}

.section.secondary .container {

  position: relative;

  z-index: 1;

}

.section.secondary .section-title h2 {

  font-weight: 900;

}

.section.secondary .section-title h3 {

  font-weight: 100;

}

.section.secondary .button.border {

  color: #ffffff;

}

.section.secondary .button.border:hover {

  background: #ffffff;

  border-color: #ffffff;

  color: #071216;

}

.section.secondary .nav-carousel [class*="nav-"] {

  border-color: #ffffff;

  color: #ffffff;

}

.section.secondary .nav-carousel [class*="nav-"]:hover {

  background: #ffffff;

  color: #071216;

}

.caja-foto{
	width:33%;
	float:left;
	display:block;
	padding:2em;
}
.fotos{
	overflow:hidden;
	width:100%;
}

/* Services Section

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

.section.services .row {

  margin-top: 4rem;

}

.section.services .row:first-child {

  margin-top: 0;

}

.section.services .services-slider {

  transition: 0.4s;

  top: 0;

}

.section.services .nav-carousel {

  transition-delay: 1s;

}

.section.services.inactive .services-slider {

  top: 3rem;

  opacity: 0;

}

.section.services.inactive .nav-carousel {

  opacity: 0;

  visibility: hidden;

}

@media (max-width: 940px) {

  .section.services > .container {

    position: relative;

  }

  .section.services .nav-carousel .nav-prev {

    left: 0;

  }

  .section.services .nav-carousel .nav-next {

    right: 0;

  }

}



/* Skills

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

.section.skills h5 {

  font-family: "Lato", sans-serif;

  font-size: 1rem;

  margin-bottom: 0.5em;

  top: 0;

  transition: 0.4s;

  position: relative;

  opacity: 1;

  transition: 0.4s;

}

.section.skills .progress-bars {

  transition: 1s;

}

.section.skills .progress {

  transition: 1s;

}

.section.skills .progress-bar {

  transition: 0.4s;

}

.section.skills.inactive h5 {

  opacity: 0;

}

.section.skills.inactive .progress-bar {

  background: transparent;

  color: transparent;

}

.section.skills.inactive .progress {

  width: 0 !important;

  padding: 0;

}

@media (max-width: 940px) {

  .section.skills .progress-bars {

    margin-top: 3em;

  }

}

@media (min-width: 940px) {

  .section.skills .progress-bars {

    padding-left: 3.5%;

    vertical-align: middle;

  }

}



/* Stats Section

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

.stats .stat {

  padding: 3rem;

  text-align: center;

  color: #ffffff;

}

.stats .stat h4 {

  font-size: 2.2rem;

  margin-top: 1rem;

  margin-bottom: 0.25rem;

}

.stats .stat p {

  margin: 0;

  font-size: 1.4rem;

}

.stats .stat:nth-child(1) {

  background: #a01818;

}

.stats .stat:nth-child(2) {

  background: #b21b1b;

}

.stats .stat:nth-child(3) {

  background: #c41d1d;

}

.stats .stat:nth-child(4) {

  background: #d62020;

}



/* Team Section

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

.team.inactive .team-member {

  top: 5em;

  opacity: 0;

}

.team .team-member {

  position: relative;

  transition: 0.4s;

  top: 0;

  opacity: 1;

}

.team .team-member:nth-child(2) {

  transition-delay: 0.4s;

}

.team .team-member:nth-child(3) {

  transition-delay: 0.8s;

}

.team h4 {

  font-family: "Lato", sans-serif;

  font-size: 1.4rem;

  font-weight: 900;

  margin-bottom: 0.25em;

}

.team h5 {

  font-size: 1.2rem;

  margin-top: 0;

  font-weight: 300;

  color: #bb1c1c;

}

.team p {

  font-weight: lighter;

}

.team .mask {

  background: rgba(0, 0, 0, 0.7);

  position: absolute;

  z-index: 2;

  height: 100%;

  width: 100%;

  text-align: center;

  opacity: 0;

  transition: 0.4s;

}

.team .mask:before {

  content: "";

  border: 2px solid #bb1c1c;

  bottom: 1.25rem;

  left: 1.25rem;

  position: absolute;

  right: 1.25rem;

  top: 1.25rem;

  z-index: 4;

  opacity: 0;

  -webkit-transform: scale(1.15);

      -ms-transform: scale(1.15);

          transform: scale(1.15);

  transition: 0.4s;

}

.team .mask [class^="icon-"] {

  position: absolute;

  top: 42.5%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  display: inline-block;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 6;

}

.team .team-pic {

  position: relative;

  overflow: hidden;

}

.team .team-pic img {

  transition: 0.4s;

  min-width: 100%;

  display: block;

}

.team .team-pic:hover .mask {

  opacity: 1;

}

.team .team-pic:hover .mask:before {

  opacity: 1;

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

}

.team .team-pic:hover [class^="icon-"] {

  top: 50%;

}

.team .team-pic:hover img {

  -webkit-transform: scale(1.25);

      -ms-transform: scale(1.25);

          transform: scale(1.25);

}

@media (max-width: 720px) {

  .team .team-member:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

}



/* Testimonials

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

.section.testimonials .container {

  position: static;

}

.section.testimonials .testimonial blockquote cite {

  background: #bb1c1c;

  line-height: 1.6;

  margin-top: 1em;

  display: inline-block;

  padding: 0 0.35em;

  font-weight: 300;

}

.section.testimonials .testimonial blockquote h5 {

  font-weight: inherit;

  font-size: inherit;

  display: inline;

  margin: 0;

}

.section.testimonials .testimonial p {

  padding: 0;

}

.section.testimonials .testimonial p:after {

  bottom: auto;

}

.section.testimonials .testimonials-slider {

  transition: 0.4s;

  bottom: 0;

  position: relative;

  text-align: center;

}

.section.testimonials .nav-carousel {

  transition-delay: 1s;

}

.section.testimonials.inactive .testimonials-slider {

  bottom: -2em;

  opacity: 0;

}

.section.testimonials.inactive .nav-carousel {

  opacity: 0;

  visibility: hidden;

}

@media (max-width: 940px) {

  .section.testimonials > .container {

    position: relative;

  }

  .section.testimonials .nav-carousel [class*="nav-"] {

    top: 2.5em;

  }

  .section.testimonials .nav-carousel .nav-prev {

    left: 0;

  }

  .section.testimonials .nav-carousel .nav-next {

    right: 0;

  }

}

@media (min-width: 720px) {

  .section.testimonials .testimonial p {

    font-size: 1.4rem;

  }

}

@media (min-width: 720px) and (max-width: 940px) {

  .section.testimonials .testimonial blockquote {

    padding: 0 3em;

  }

}

@media (min-width: 940px) {

  .section.testimonials .testimonial {

    width: 80%;

    margin: auto;

  }

  .section.testimonials .testimonial p {

    padding: 0 2em;

  }

}



/* Welcome Section

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

.section.welcome {

  padding-bottom: 0 !important;

  position: relative;

}

.section.welcome .container {

  position: relative;

}

.section.welcome header {

  transition: 0.2s;

  -webkit-transform: scale(0);

      -ms-transform: scale(0);

          transform: scale(0);

  background: #f7f7f7;

}

.section.welcome header:not(:first-of-type) {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.section.welcome header.active {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

}

.section.welcome .owl-dots {

  margin-top: 1rem;

  margin-bottom: 0.5rem;

}

.section.welcome .owl-dots .owl-dot span {

  background: rgba(0, 0, 0, 0.2);

}

.section.welcome .owl-dots .owl-dot.active span {

  background: #bb1c1c;

}

.section.welcome .earth {

  transition: 0.4s;

  bottom: 0;

}

.section.welcome .earth img {

  -webkit-animation-name: spin;

          animation-name: spin;

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

}

.section.welcome .welcome-browsers {

  margin-left: -0.31em;

}

.section.welcome .welcome-browsers .livicon {

  margin-left: 0.5rem;

  cursor: help;

  display: inline-block;

}

.section.welcome .welcome-features {

  width: 100%;

  text-align: left;

}

.section.welcome .welcome-features .section-title {

  margin-bottom: 2.4rem;

  text-align: center;

}

.section.welcome .welcome-features p {

  font-size: 1rem;

}

.section.welcome .tipr_container_top {

  margin-top: -116px;

}

.section.welcome .pins {

  opacity: 1;

  transition: 0.4s;

  transition-delay: 1s;

}

.section.welcome .nav-carousel {

  transition-delay: 1s;

}

.section.welcome.inactive .earth {

  bottom: -15em;

}

.section.welcome.inactive .earth img {

  -webkit-animation-name: none;

          animation-name: none;

}

.section.welcome.inactive .pins {

  opacity: 0;

}

.section.welcome.inactive .nav-carousel {

  opacity: 0;

  visibility: hidden;

}

@media (max-width: 460px) {

  .section.welcome .earth .pin {

    -webkit-transform: scale(0.75) rotate(-45deg);

        -ms-transform: scale(0.75) rotate(-45deg);

            transform: scale(0.75) rotate(-45deg);

  }

}

@media (max-width: 720px) {

  .section.welcome .welcome-features h4 {

    font-size: 1rem;

  }

}

@media (max-width: 1200px) {

  .section.welcome .welcome-features .livicon {

    display: none;

  }

  .section.welcome .nav-carousel {

    display: none;

  }

}



/* What We Offer Section

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

.section.what-we-offer.inactive .feature-block-wrapper {

  top: 3rem;

  opacity: 0;

}

.section.what-we-offer .feature-block-wrapper {

  position: relative;

  transition: 0.4s;

  top: 0;

  opacity: 1;

}

.section.what-we-offer .feature-block-wrapper:nth-child(2) {

  transition-delay: 0.4s;

}

.section.what-we-offer .feature-block-wrapper:nth-child(3) {

  transition-delay: 0.8s;

}

.section.what-we-offer .feature-block-wrapper:nth-child(4) {

  transition-delay: 1.2s;

}



/* Why Choose Us Section

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

.section.why-choose-us .wcu-content {

  position: relative;

  min-height: 450px;

}

.section.why-choose-us .wcu-graphic {

  width: 60%;

  margin: auto;

}

.section.why-choose-us .wcu-feature {

  text-align: center;

  transition: 0.4s;

  opacity: 1;

}

.section.why-choose-us .wcu-feature:nth-child(1) {

  top: 0;

  left: 0;

}

.section.why-choose-us .wcu-feature:nth-child(2) {

  left: 0;

  bottom: 0;

}

.section.why-choose-us .wcu-feature:nth-child(3) {

  top: 0;

  right: 0;

}

.section.why-choose-us .wcu-feature:nth-child(4) {

  bottom: 0;

  right: 0;

}

.section.why-choose-us .wcu-feature:hover:after {

  border-bottom-color: #bb1c1c;

}

.section.why-choose-us.inactive .wcu-feature {

  opacity: 0;

}

.section.why-choose-us.inactive .wcu-left {

  left: -3rem !important;

}

.section.why-choose-us.inactive .wcu-right {

  right: -3rem !important;

}

.section.why-choose-us.section-map:after {

  bottom: -5rem;

}

@media (max-width: 940px) {

  .section.why-choose-us .wcu-graphic {

    margin-bottom: 4rem;

  }

  .section.why-choose-us .wcu-feature:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

}

@media (min-width: 940px) {

  .section.why-choose-us .wcu-feature {

    position: absolute;

    width: 30%;

  }

  .section.why-choose-us .wcu-feature:after {

    content: "";

    position: absolute;

    top: 1.75rem;

    left: 0;

    right: 0;

    margin: auto;

    width: 130px;

    transition: 0.4s;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  }

  .section.why-choose-us .wcu-feature.wcu-left {

    padding-right: 2rem;

  }

  .section.why-choose-us .wcu-feature.wcu-left:after {

    -webkit-transform: translateX(70%);

        -ms-transform: translateX(70%);

            transform: translateX(70%);

  }

  .section.why-choose-us .wcu-feature.wcu-right {

    padding-left: 2rem;

  }

  .section.why-choose-us .wcu-feature.wcu-right:after {

    -webkit-transform: translateX(-70%);

        -ms-transform: translateX(-70%);

            transform: translateX(-70%);

  }

  .section.why-choose-us .wcu-graphic {

    width: 40%;

  }

}



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

Pages

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

/* About Page

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

body.about .section.welcome .pin {

  opacity: 1;

}



/* Blog Pages

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

body.blog-index .blog-items .thumb {

  height: 200px;

}



.post-meta {

  position: relative;

  margin-bottom: 4em;

}

.post-meta .thumb {

  display: block;

  height: 200px;

  overflow: hidden;

}

.post-meta .thumb img {

  width: 100%;

}

.post-meta .profile {

  position: absolute;

  bottom: -35px;

  left: 3.5%;

  height: 75px;

  width: 75px;

  display: inline-block;

}



/* Further Pages

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

body.further .app-header .header-wrapper {

  padding: 0;

  border-bottom: 1px dotted rgba(255, 255, 255, 0.25);

}

@media (min-width: 720px) {

  body.further .lede {

    font-size: 1.4rem;

    font-weight: 300;

  }

}



/* Services Page

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

body.services .section.services .service {

  display: inline-block;

}

body.services .section.services:after {

  background-position: 0em 4em;

}

body.services .section.services .row {

  transition: 0.4s;

  position: relative;

}

body.services .section.services .row.inactive {

  opacity: 0;

  top: 3em;

}

body.services .section.services .row.active {

  opacity: 1;

  top: 0;

}

@media (max-width: 940px) {

  body.services .section.services .row {

    margin-top: 4rem;

  }

  body.services .section.services .row:first-child {

    margin-top: 0;

  }

  body.services .section.services .service:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

  body.services .section.services:after {

    width: 66%;

    height: 10%;

    bottom: 1px;

  }

}

@media (max-width: 1200px) {

  body.services .section.services .service .title {

    display: block;

  }

  body.services .section.services .service .fa {

    height: 65px;

  }

}



/* Single Post

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

body.single-post .sub-header {

  background-size: cover;

  background-image: url("../../images/stock13.jpg");

}

body.single-post .hidden-comment {

  display: none;

}

body.single-post .metro-blocks {

  margin: 4rem 0 0;

}

@media (max-width: 940px) {

  body.single-post .blog-item:not(:last-child) {

    padding-bottom: 2rem;

    margin-bottom: 2rem;

    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  }

}

@media (min-width: 720px) {

  body.single-post .post-content {

    font-size: 1.4rem;

    text-align: justify;

  }

}



/* Single Project

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

body.single-project .sub-header {

  background-size: cover;

  background-image: url("../../images/stock7.jpg");

}

body.single-project .lede {

  margin: auto;

  margin-bottom: 4rem;

  text-align: center;

}

body.single-project .what-we-did {

  width: 100% !important;

  margin-bottom: 4rem;

}

body.single-project .feature-block-wrapper {

  transition: 0.4s;

  position: relative;

}

body.single-project .feature-block-wrapper:nth-child(2) {

  transition-delay: 0.4s;

}

body.single-project .feature-block-wrapper:nth-child(3) {

  transition-delay: 0.8s;

}

body.single-project .feature-block-wrapper:nth-child(4) {

  transition-delay: 1.2s;

}

body.single-project .info-graphic header {

  text-align: left;

  width: 100%;

}

body.single-project .info-graphic h4,

body.single-project .info-graphic h5 {

  margin: 0.25em 0;

}

body.single-project .info-graphic h4:first-child,

body.single-project .info-graphic h5:first-child {

  margin-top: 0;

}

body.single-project .info-graphic h4:last-child,

body.single-project .info-graphic h5:last-child {

  margin-bottom: 0;

}

body.single-project .info-graphic h4 {

  font-size: 1.8rem;

}

body.single-project .info-graphic h5 {

  font-size: 1.4rem;

  font-weight: lighter;

  color: #bb1c1c;

}

body.single-project .feature-blocks.inactive .feature-block-wrapper {

  bottom: -3em;

  opacity: 0;

}

body.single-project .feature-blocks.active .feature-block-wrapper {

  bottom: 0;

  opacity: 1;

}

body.single-project .section.testimonials .nav-carousel {

  display: none;

}

@media (max-width: 720px) {

  body.single-project .info-graphic [class*="span"] {

    margin-top: 4em;

    text-align: left !important;

    vertical-align: middle;

  }

  body.single-project .info-graphic [class*="span"]:first-child {

    margin-top: 0;

  }

  body.single-project .info-graphic .lead {

    font-size: 1rem;

  }

  body.single-project .info-graphic .text-right {

    text-align: left !important;

  }

}

@media (max-width: 1200px) {

  body.single-project .info-graphic [class*="span"] {

    vertical-align: middle;

  }

}

@media (min-width: 720px) {

  body.single-project .lede {

    width: 80%;

  }

}

@media (min-width: 940px) {

  body.single-project .section.single-project header ul {

    font-size: 1.4rem;

  }

}



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

App Specific Styles

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

#map {

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* Firefox 10+, Firefox on Android */

  filter: gray;

  /* IE6-9 */

  -webkit-filter: grayscale(100%)

  /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}



.ribbon .banner::after, .ribbon .banner::before {

  background-color: #D69431;

}

.ribbon .text {

  color: white;

  text-shadow: none;

}

.ribbon .text::before, .ribbon .text::after {

  background-color: #E0BD41;

}



/*CSS Color update */

ul.tags li a:hover {

  color: #bb1c1c;

}

#popular-post .popular-time a {

  background-color: #bb1c1c;

}

.main-nav .block-menu > ul > li > a.active, .main-nav .block-menu > ul > li > a.active-trail {

  background: #bb1c1c;

  border: 2px solid #bb1c1c;

}

.item-list .pager li.pager-current {

  background-color: #bb1c1c;

}

.block-comment-block .comment ul.links li a:hover {

  background: #bb1c1c;

}