@charset "UTF-8";

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

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

@import url(<linkhref="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=cyrillic,cyrillic-ext"rel="stylesheet">);

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

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

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

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

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

/*
 * 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.
 */

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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 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
================================================================ */

/******************************************************************
Skeleton
******************************************************************/

/******************************************************************
Breakpoints
******************************************************************/

/******************************************************************
Typography
******************************************************************/

/* Fonts */

/* Font Sizes */

/******************************************************************
Color Palette
******************************************************************/

/******************************************************************
Theming
******************************************************************/

/* Base
================================================================ */

html,
body {
    padding: 0;
    margin: 0;
}

html {
    overflow-x: hidden;
}

body {
    line-height: 1.4;
    font-family: "Roboto", sans-serif;
    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;
}

.pulse {
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99999;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 84px;
    font-size: 48px;
}
a {
    color: #bb1c1c;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.pulse:before, .pulse:after {
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #58ea00;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
}
.pulse:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.667394);
        opacity: 0.478269;
    }
    50% {
        transform: scale(1.0888);
        opacity: 0.317725;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.fa-whatsapp:before {
    content: "\f232";
}

.pulse:before, .pulse:after {
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #58ea00;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
}

.footer-content {
    display: flex;
}

.opera-only :-o-prefocus,
.row {
    word-spacing: -0.43em;
}

* {
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
}

::selection {
    background-color: #bb1c1c;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background-color: #bb1c1c;
    color: #fff;
    text-shadow: none;
}

/* Grid System
================================================================ */

/******************************************************************
Individual Column
******************************************************************/

[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;
}

/******************************************************************
Custom Column Grid
******************************************************************/

.span-1 {
    width: 4.66667%;
}

.span-2 {
    width: 13.33333%;
}

.span-3 {
    width: 22%;
}

.span-navigation {
    width: 10%;
}

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

.row {
    /******************************************************************
  Default Column Stacking
  ******************************************************************/
    /******************************************************************
  Custom Column Stacking
  ******************************************************************/
    /******************************************************************
  Block Columns
  ******************************************************************/
}

@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
================================================================ */

/******************************************************************
Visibility
******************************************************************/

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

/******************************************************************
Element Seperators
******************************************************************/

/******************************************************************
Clearfix
******************************************************************/

.clearfix,
.cf,
form fieldset,
.block-list,
.metro-blocks,
.post-author,
.comments .comment,
.portfolio-items,
.theme-options .theme-option,
.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,
.theme-options .theme-option: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,
.theme-options .theme-option: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,
.theme-options .theme-option:after,
.section.banner .container:after {
    clear: both;
}

/******************************************************************
Column Vertical Align
******************************************************************/

.va-top {
    vertical-align: top !important;
}

.va-middle {
    vertical-align: middle !important;
}

.va-bottom {
    vertical-align: bottom !important;
}

/******************************************************************
Margin/Padding
******************************************************************/

.no-m {
    margin: 0 !important;
}

.no-mt {
    margin-top: 0 !important;
}

.no-mb {
    margin-bottom: 0 !important;
}

/******************************************************************
Vertically Align Anything
******************************************************************/

.section.clients .client-logos a img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/******************************************************************
Horizontal Rules
******************************************************************/

hr.line {
    color: rgba(0, 0, 0, 0.2);
    margin: 1.5rem 0;
}

hr.dotted {
    border-top: 1px dotted;
    color: rgba(0, 0, 0, 0.2);
    margin: 2rem 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;
}

/******************************************************************
Horizontal Aligning
******************************************************************/

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

/******************************************************************
Responsive Visibility
******************************************************************/

/* Show only when resolution is at most X
================================================================ */

@media (min-width: 0px) {
    .max-bp0 {
        display: none !important;
    }
}

@media (min-width: 460px) {
    .max-bp1 {
        display: none !important;
    }
}

@media (min-width: 720px) {
    .max-bp2 {
        display: none !important;
    }
}

@media (min-width: 940px) {
    .max-bp3 {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .max-bp4 {
        display: none !important;
    }
}

@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;
    }
}

/* 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);
    -webkit-transition: 0.4s;
    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;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: block;
}

.accordion > * > *:first-child:before {
    content: "\f138";
    font-family: FontAwesome;
    opacity: 0.4;
    color: #707070;
    -webkit-transition: 0.4s;
    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 {
    /******************************************************************
  Basic Structure
  ******************************************************************/
    background: #707070;
    display: inline-block;
    padding: 0 1.25em;
    color: white;
    cursor: pointer;
    text-decoration: none;
    line-height: 2.4;
    border: 2px solid transparent;
    font-family: "Lato", sans-serif;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    /******************************************************************
  Size Variants
  ******************************************************************/
    /******************************************************************
  Style Variants
  ******************************************************************/
    /******************************************************************
  Color Variants
  ******************************************************************/
    /* 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;
    -webkit-transition-delay: 999s;
    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 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/* Makes input, button and .button elements equal height in Firefox */

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;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

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
================================================================ */

/******************************************************************
Mixins
******************************************************************/

/******************************************************************
Owl Core
******************************************************************/

.owl-carousel {
    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: -moz-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 Theme
******************************************************************/

.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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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 {
    -webkit-transition: 0.4s;
    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);
    }
}

/******************************************************************
Start building for smaller resolutions
******************************************************************/

@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-1 {
    font-family: "Lato", sans-serif;
}

/******************************************************************
Font 2
******************************************************************/

.font-2 {
    font-family: "Raleway", sans-serif;
}

/* Forms
================================================================ */

form {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    font-size: 1.2rem;
    font-weight: 100;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

form .form-element {
    position: relative;
}

form .form-element input:focus,
form .form-element textarea:focus {
    outline: 0;
    -webkit-box-shadow: none;
    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);
    -webkit-transition: 0.4s;
    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);
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

form textarea {
    height: 110px;
    margin-bottom: 1em;
    -webkit-box-shadow: none;
    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;
    }
}

/* iOS6 toggle switch */

.input-toggle {
    position: relative;
}

.input-toggle input {
    position: absolute;
    opacity: 0;
}

.input-toggle input + label {
    display: block;
    position: relative;
    -webkit-box-shadow: inset 0 0 0px 1px #d5d5d5;
    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);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.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;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.input-toggle input:checked + label:before {
    width: 50px;
    background: #bb1c1c;
}

.input-toggle input:checked + label:after {
    left: 20px;
    -webkit-box-shadow: inset 0 0 0 1px #bb1c1c;
    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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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;
    -webkit-box-shadow: 0.3em 0 0 #bb1c1c, -0.3em 0 0 #bb1c1c;
    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 {
        -webkit-box-shadow: none;
        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
================================================================ */

/******************************************************************
LivIcons
******************************************************************/

.livicon {
    font-style: normal;
}

.livicon path {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/******************************************************************
Font Awesome
******************************************************************/

/* CDN version */

/* Self hosted version */

.fa {
    cursor: default;
}

a.fa,
a .fa {
    cursor: pointer;
}

/******************************************************************
Icon Shapes
******************************************************************/

[class^="icon"] {
    -webkit-transition: 0.4s;
    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
================================================================ */

/******************************************************************
Responsive Images
******************************************************************/

img {
    max-width: 100%;
    height: auto;
}

/******************************************************************
Style Variants
******************************************************************/

.thumbnail {
    border: 5px solid white;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    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;
    margin-left: -25%;
}

.profile.profile-alt {
    border: 4px solid white;
    -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.2);
}

.profile.profile-border {
    border: 4px solid white;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

noindex:-o-prefocus,
.profile {
    border-radius: 0;
}

/******************************************************************
Shape Variants
******************************************************************/

.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;
    -webkit-transition: all 0.5s;
    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 > ul,
.main-nav > 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: -webkit-calc(100 / 3);
    width: calc(100 / 3);
    padding-top: 26%;
    text-align: center;
    color: white;
    /******************************************************************
  Style Variants
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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%;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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 .social-share-overlay {
    top: -100%;
}

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

    .metro-block:hover .share-amount {
        -webkit-transform: translateY(-2.75em) scale(1);
        -ms-transform: translateY(-2.75em) scale(1);
        transform: translateY(-2.75em) scale(1);
    }
}

@media (min-width: 720px) {
    .metro-block {
        width: 16.6666667%;
        width: -webkit-calc(100 / 6);
        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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-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;
    -webkit-box-shadow: none;
    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%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
    -webkit-transition: 0.4s;
    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;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    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;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Price Charts
================================================================ */

.price-chart {
    position: relative;
    background: #bb1c1c;
    padding: 0.5em;
    color: white;
    -webkit-transition: 0.4s;
    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;
}

/* RIBBON BANNERS */

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

/* large text */

.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 COLORS ---*/

/* default */

.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 {
    /* Full width tab buttons */
}

.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;
    -webkit-transition: 0.5s;
    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 Nexus 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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    color: #111111;
    border-bottom: none;
    text-align: center;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

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

@media (max-width:1195px) and (min-width: 1090px){
    .widget p {
        font-size: 1rem;
    }
}

@media (max-width:1090px) and (min-width: 940px){
    .widget p {
        font-size: 0.9rem;
    }
}

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

.widget .widget-content {
    padding: 20px 20px 30px;
    max-width: 400px;
    margin: 0 auto;
}

@media (min-width: 940px) {
    .widget {
        padding: 0;
        text-align: left;
    }

    .services-item {
        width: 50%;
    }

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

@media (min-width: 1092px) {
    .services-item {
        width: 33.3%;
    }
}

/******************************************************************
Modules
******************************************************************/

/* Author
================================================================ */

.post-author {
    margin-top: 4rem;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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: -webkit-calc(100% - 132px);
        width: calc(100% - 132px);
        margin-left: 26px;
        text-align: left;
    }
}

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

.blog-items {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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 {
    -webkit-transition: 0.4s;
    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
================================================================ */

/******************************************************************
Start building the basic layout
******************************************************************/

.bottom-bar {
    padding: 1.5em 0;
    font-size: 0.9rem;
    background: #111111;
    position: relative;
    z-index: 2;
    text-align: center;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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 {
        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 {
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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: -webkit-calc(100% - 137px);
        width: calc(100% - 137px);
        margin-left: 2rem;
    }

    .comments .comment-reply {
        padding-left: 9em;
    }

    .comments [type="submit"] {
        font-size: 1.2rem;
    }
}

/* OControl Panel Nav
================================================================ */

body {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    position: relative;
    /******************************************************************
  CP nav is active
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

body:before,
body:after {
    content: "";
    height: 15%;
    position: fixed;
    width: 100%;
    z-index: 1;
    -webkit-transition: 0s;
    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;
    -webkit-transition: 0s;
    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 {
    -webkit-transition: 0s;
    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 {
    -webkit-transition: 0.4s;
    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 {
    -webkit-transition: 0.4s;
    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: white;
}

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: white;
    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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0s;
    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 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

body.cp-active:before {
    top: 0;
}

body.cp-active:after {
    bottom: 0;
}

body.cp-active #site-content {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 100%;
    width: 100%;
    position: absolute;
}

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 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-delay: 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;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    padding-top: 7em;
    height: 200px;
    width: 70%;
    overflow: hidden;
    margin: auto;
    position: relative;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.earth img {
    position: absolute;
    left: 0;
    -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 {
    width: 55px;
    height: 55px;
    border-radius: 50% 50% 50% 0;
    background: #3d5c6d;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 4em;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

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

.earth .pin.active {
    background: #bb1c1c;
}

.earth .pin:nth-of-type(1) {
    left: 0;
    right: 0;
    margin: auto;
}

.earth .pin:nth-of-type(2) {
    left: 12.5%;
}

.earth .pin:nth-of-type(3) {
    right: 12.5%;
}

@media (min-width: 940px) {
    .earth {
        height: 275px;
        padding-top: 5em;
    }

    .earth .pin {
        top: auto;
    }

    .earth .pin:nth-of-type(1) {
        top: 15%;
    }

    .earth .pin:nth-of-type(2) {
        bottom: 25%;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .earth .pin:nth-of-type(3) {
        bottom: 25%;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-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);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

/* Mobile Nav
================================================================ */

.flyout-nav-container {
    position: fixed;
    width: 250px;
    right: -250px;
    height: 100%;
    top: 0;
    z-index: 9999;
    font-size: 0.9rem;
    font-weight: bold;
    overflow: auto;
    background: #111111;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.flyout-nav-container button {
    margin-left: 20px;
    background: none;
    color: red;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.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 {
    right: 0;
}
/* 
@media (max-width: 940px) {
    .flyout-nav-container .logo {
        display: none;
    }
} */

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

.app-footer {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    color: white;
    position: relative;
    background: #242424;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.footer-flex {
    display: flex;
}

@media screen and (max-width: 920px) {
    .footer-flex {
        flex-direction: column;
    }
}

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

.emails {
    color: rgb(177, 177, 177);
}

.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: 22%;
        margin-left: 4%;
    }
    .app-footer .footer-col:nth-child(odd) {
        margin-left: 0;
    }
}

/* 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;
    -webkit-transition: 0.4s;
    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: white;
    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: -webkit-calc(100% - 52px);
    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 .profile img {
    width: 60px !important;
}

.footer-testimonials .bx-wrapper {
    position: relative;
}

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

#map {
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 375px;
    display: block;
}

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

.app-header {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
    width: 100%;
    top: 0;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

@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;
    }
}

.cp-trigger {
    display: block;
}
@media (min-width: 940px) {

    .opera-trigger {
        display: block !important;
    }
}

/* Fixed Header
******************************************************************/

.fixed-header-container {
    -webkit-transition: 0.4s;
    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");
    -webkit-background-size: cover;
    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;
    -webkit-transition: 0.4s;
    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 0.7s infinite linear;
    animation: rotation 0.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);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        -ms-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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    vertical-align: top;
    text-align: center;
    border: 2px solid transparent;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.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: 36px;
    padding-bottom: 1px;
}

@media (min-width: 720px) {
    .logo {
        padding: 1em 0;
    }
}

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

.main-nav {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.main-nav > ul {
    display: none;
    vertical-align: middle;
}

.main-nav > ul > li {
    /* Dropdown Navigation
     Used in: "modules/_main-nav.scss"
     ================================================================ */
    margin-left: 0.25rem;
}

.main-nav > ul > li ul {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    z-index: 999;
    min-width: 185px;
    margin-top: 2.6em;
    text-align: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 400;
}

.main-nav > ul > li ul li {
    display: block;
    position: relative;
    margin-left: 0;
}

.main-nav > ul > li ul li a {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(0, 0, 0, 0.86);
    line-height: 3.2;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
}

.main-nav > ul > li ul li a:before,
.main-nav > ul > li ul li a:after {
    font-family: FontAwesome;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.main-nav > ul > li ul li a:before {
    content: "\f138";
    margin-right: 0.75em;
    display: inline-block;
}

.main-nav > 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 > ul > li ul li a:not(:only-child) {
    padding-right: 2.75em !important;
}

.main-nav > ul > li ul li a:not(:only-child):after {
    display: inline;
}

.main-nav > ul > li ul li:hover a {
    background: #bb1c1c;
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: transparent;
}

.main-nav > ul > li ul li:hover a:before,
.main-nav > ul > li ul li:hover a:after {
    color: white;
}

.main-nav > ul > li ul li:hover > ul {
    opacity: 1;
    visibility: visible;
}

.main-nav > ul > li ul li:hover > ul a {
    border-bottom: 1px solid #a51919;
}

.main-nav > ul > li ul li:first-child > a {
    border-top: 8px solid #8f1515 !important;
}

.main-nav > ul > li ul li:last-child a {
    border-bottom: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-nav > ul > li ul ul {
    top: 0;
    left: 150%;
    left: -webkit-calc(150% - 1px);
    left: calc(150% - 1px);
    margin-left: -0.55em;
    margin-top: 0;
    border-radius: 0;
    z-index: -1;
}

.main-nav > ul > li ul ul:before,
.main-nav > ul > li ul ul:after {
    display: none;
}

.main-nav > ul > li ul ul li:hover a {
    background: #781212;
    border-bottom-color: transparent;
}

.main-nav > ul > li ul ul li:first-child a {
    border-top: none;
}

.main-nav > ul > li ul ul ul {
    left: 149.5%;
    left: -webkit-calc(150% - 1px);
    left: calc(150% - 1px);
}

.main-nav > ul > li ul ul ul li:hover a {
    background: #4c0b0b;
}

.main-nav > ul > li ul:before,
.main-nav > ul > li ul:after {
    content: "";
    position: absolute;
}

.main-nav > ul > li ul:before {
    height: 20px;
    top: -20px;
    width: 100%;
}

.main-nav > ul > li ul:after {
    height: 10px;
    width: 10px;
    background: #8f1515;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
}

.main-nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin-top: 1rem;
}

.main-nav > ul > li > ul > li:not(:first-child) ul li:first-child > a {
    border-top: none !important;
}

.main-nav > ul > li:hover > a,
.main-nav > ul > li.active > a {
    color: white;
    border: 2px solid;
}

.main-nav > ul > li.active > a {
    background: #bb1c1c;
    border-color: #bb1c1c;
}

.main-nav > ul > li > a {
    color: white;
    font-weight: bold;
    border-radius: 1.5em;
    border: 2px solid transparent;
}

.main-nav > 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 > ul {
        display: inline-block;
        white-space: nowrap;
    }

    .main-nav > ul > li {
        display: inline-block;
        position: relative;
    }
}

/* Navigation Trigger
================================================================ */

.nav-trigger {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    display: block;
    position: fixed;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for Larger resolutions
  ******************************************************************/
}

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

@media (max-width:940px) {
    .nav-trigger.cp-trigger {
        right: 2rem;
    }   
}

@media (max-width:540px) {
    .nav-trigger.cp-trigger {
        right: 1rem;
    }   
}

.flyout-active .nav-trigger,
.cp-active .nav-trigger {
    z-index: 1000;
}

/* @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: white;
}

/* 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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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);
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.portfolio-items .portfolio-item a {
    color: white;
}

.portfolio-items .portfolio-item img {
    display: block;
    -webkit-transition: 0.65s;
    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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    position: relative;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.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;
    -webkit-transition: 0.4s;
    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%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.mouse:hover {
    background-color: white;
    border-color: white;
}

.mouse:hover:before {
    background-color: #071216;
}

.mouse:hover [class*="mouse-scroll"] {
    border-top-color: #071216;
}

.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;
    -webkit-transition: 0.4s;
    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);
        -ms-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);
        -ms-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);
        -ms-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;
    -webkit-transition: 0.4s;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
}

.main-search input {
    width: 96%;
    width: -webkit-calc(100% - 3.5em);
    width: calc(100% - 3.5em);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.main-search .fa {
    cursor: pointer;
}

.main-search .button {
    width: 4%;
    width: -webkit-calc(3.5em - 0.0000001em);
    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);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.main-search [type="submit"]:hover {
    color: #bb1c1c;
}

.main-search ::-webkit-input-placeholder {
    opacity: 0.6;
    -webkit-transition: 0s;
    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;
    -webkit-transition: 0s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    height: 25em;
    min-height: 25em;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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: -webkit-calc(50% + 2rem);
        top: calc(50% + 2rem);
    }

    .hero.sub-header .container h1,
    .hero.sub-header .container p {
        margin: 0;
        width: 85%;
        width: -webkit-calc(100% - 16rem);
        width: calc(100% - 16rem);
    }

    .hero.sub-header .container h1 {
        margin-bottom: 0.2em;
    }

    .hero.sub-header .container h1,
    .hero.sub-header .container p {
        -webkit-transition: 0.4s;
        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;
    }
}

/* Options Panel
================================================================ */

.theme-options {
    position: fixed;
    z-index: 5;
    left: -250px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 25%;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.theme-options .options-trigger {
    background: white;
    line-height: 2em;
    text-align: center;
    height: 2em;
    width: 2em;
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.35);
    cursor: pointer;
    border-radius: 0 0.25em 0.25em 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    right: -1.95em;
    top: 0;
}

.theme-options .options-trigger:hover {
    border-color: #bb1c1c;
    background: #bb1c1c;
    color: white;
}

.theme-options .options-trigger:hover:before {
    display: inline-block;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.theme-options .theme-option:not(:last-of-type) {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.theme-options .theme-option p,
.theme-options .theme-option .input-toggle {
    float: left;
}

.theme-options .theme-option .input-toggle {
    width: 50px;
}

.theme-options .theme-option p {
    width: 76%;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-right: 1em;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 100;
}

.theme-options .options-content {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 1.5em 1.25em;
    border-radius: 0 0 0.25em 0;
    width: 250px;
}

.theme-options .options-content h3 {
    font-weight: 300;
}

.theme-options .options-content h4 {
    margin-bottom: 0.65em;
    font-size: 0.9rem;
}

.theme-options .page-type {
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1em;
}

.theme-options .page-type .button {
    line-height: 1.5;
    font-size: 0.9rem;
}

.theme-options .page-type .button.active {
    background-color: #bb1c1c;
    border-color: #bb1c1c;
}

.theme-options.active {
    left: 0;
}

.theme-options.active .options-trigger {
    border-color: #bb1c1c;
    background: #bb1c1c;
    color: white;
}

.theme-options.active .options-trigger:before {
    content: "\f00d";
    -webkit-animation-name: none;
    animation-name: none;
}

.cp-active .theme-options {
    display: none;
}

@media (max-width: 720px) {
    .theme-options {
        position: static;
        top: 90px;
        z-index: 11;
    }

    .theme-options.active {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .theme-options.active .options-content {
        width: 100%;
        display: block;
    }

    .theme-options.active .options-trigger {
        top: 1em;
    }

    .theme-options .options-trigger {
        top: 5.25em;
        right: 1.95em;
        border-radius: 0.25em;
        z-index: 9;
        height: 39px;
        width: 39px;
        line-height: 38px;
        font-size: 0.9rem;
    }

    .theme-options .options-content {
        border-radius: 0;
        display: none;
    }
}

.logo .image-logo {
    display: none;
}

/* Color Options
================================================================ */

.theme-color {
    display: inline-block;
    margin-left: 0.5em;
    height: 32px;
    width: 32px;
    background: #707070;
    border-radius: 0.25em;
    cursor: pointer;
    position: relative;
}

.theme-color:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-5.5px);
    -ms-transform: translateY(-5.5px);
    transform: translateY(-5.5px);
    opacity: 0;
}

.theme-color.small {
    height: 24px;
    width: 24px;
}

.theme-color.small:hover:after {
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.theme-color.small.active:after {
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
}

.theme-color:nth-child(1) {
    background: #1795c5;
    margin-left: 0;
}

.theme-color:nth-child(2) {
    background: #1cbb9b;
}

.theme-color:nth-child(3) {
    background: #bb1c4d;
}

.theme-color:nth-child(4) {
    background: #bb1c1c;
}

.theme-color:nth-child(5) {
    background: #707070;
}

/* Demo Blocks
================================================================ */

.theme-demos {
    text-align: center;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.theme-demos h3 {
    font-size: 1.4rem;
}

.theme-demos a,
.theme-demos a:hover {
    border-bottom: 0;
}

@media (max-width: 940px) {
    .theme-demos > div:not(:last-child) {
        padding-bottom: 2.5rem;
        margin-bottom: 2.5rem;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    }
}

@media (min-width: 940px) and (max-width: 1200px) {
    .theme-demos h3 {
        height: 1.25em;
    }
}

/* 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: -webkit-calc(42px - 0.0000001em);
    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: -webkit-calc(100% - 46px);
    width: calc(100% - 46px);
    padding-left: 0.75rem;
}

#twitter-feed .twitter-text p {
    margin: 0px;
}

#twitter-feed .tweetprofilelink strong a {
    color: white;
}

#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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    position: relative;
    padding: 5rem 0;
    text-align: center;
    background-color: #f7f7f7;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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 white;
    color: white;
}

.section.banner.alt .button:hover {
    background: none;
    background: white;
    color: #bb1c1c;
    border-color: white;
}

.section.banner.alt a:not(.button):hover {
    color: white;
}

@media (min-width: 940px) {
    .section.banner {
        text-align: left;
    }

    .section.banner .content,
    .section.banner .meta {
        float: left;
    }

    .section.banner .content {
        width: 65%;
        width: -webkit-calc(100% - 310px);
        width: calc(100% - 310px);
    }

    .section.banner .meta {
        margin-top: 0.4em;
        padding-left: 20px;
    }

    .section.banner p {
        margin-top: 0;
    }
}

/* Clients
================================================================ */

.section.clients {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    background-image: url("../../images/polygon-bg-grey.jpg") !important;
    padding: 5rem 0;
    text-align: center;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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: #f7f7f7;
    border-radius: 6px;
    display: inline-block;
    padding: 1em;
}

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

.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);
        -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.075);
        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 */
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    position: relative;
    min-height: 600px;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("../../images/stock5.jpg");
    color: white;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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.4em 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 white !important;
    color: white;
}

.hero .button.border:hover {
    background: white;
    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;
    -webkit-transition: 0.4s;
    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 .button {
        font-size: 1rem;
    }

    .hero .hero-down {
        display: inline-block;
    }

    .hero .title-wrapper {
        position: relative;
    }

    .hero .hero-title,
    .hero .blurb,
    .hero .button {
        position: relative;
        -webkit-transition: 0.85s;
        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;
    -webkit-background-size: cover;
    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 {
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.section.latest-posts.inactive .blog-item {
    top: 3rem;
    opacity: 0;
}

.section.latest-posts .blog-item {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 0;
    opacity: 1;
}

.section.latest-posts .blog-item:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.section.latest-posts .blog-item:nth-child(3) {
    -webkit-transition-delay: 0.8s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.latest-works .portfolio-items {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.section.latest-works .nav-carousel {
    -webkit-transition-delay: 1s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    background: #f7f7f7 !important;
    color: #111111 !important;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.section.more-info:after {
    background-image: url("../../images/section-bg-1.jpg") !important;
    -webkit-background-size: 120% 220% !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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    overflow: hidden;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.pricing.inactive .price-chart-container {
    top: 3rem;
    opacity: 0;
}

.section.pricing .price-chart-container {
    position: relative;
    -webkit-transition: 0.4s;
    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) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.section.pricing .price-chart-container:nth-child(3) {
    -webkit-transition-delay: 0.8s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    padding: 6rem 0;
    background-color: #bb1c1c;
    overflow: hidden;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.quote blockquote {
    margin: auto;
    color: white;
    font-weight: lighter;
    line-height: 1;
    -webkit-transition: 0.4s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    padding: 4rem 0;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section .section {
    padding: 0;
}

.section header {
    text-align: center;
}

.section header.sep {
    position: relative;
    margin-bottom: 1.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;
} */

.form-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.error {
    display: none;
    margin: 10px;
    color: #bb1c1c;
}

@media (min-width: 940px) {
    .form-container {
        margin: 0 220px;
    }
}

.form-container input,
textarea {
    margin-bottom: 1rem;
    padding: 10px;
    font-size: 1rem;
    border: 2px solid #ddd;
    border-radius: 5px;
    width: 100%;
}

.form-container button {
    padding: 12px 20px;
    width: 100%;
    background-color: #bb1c1c;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
}

textarea {
    resize: vertical;
}

textarea:focus,
input:focus {
    border: 2px solid #bb1c1c;
    outline: none;
}

.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;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 60%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.05;
    height: 20%;
    position: absolute;
    bottom: 0;
}

.section .nav-carousel {
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.4s;
    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: 1rem;
    }

    .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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    background: #f7f7f7;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.technologicSection {
    display: flex;
    align-items: center;
}

@media (max-width:940px){
    .technologicSection {
        flex-direction: column;
    }
}

.technologicSection img {
    max-width: 50%;
}

.technologicSection p {
    text-align: left;
}

.section.primary:not(.welcome) header {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.section.primary:not(.welcome) header.inactive {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.section.primary + .primary {
}

.section.primary .section-title h2 {
    font-weight: 100;
}

.section.primary .section-title h2 b {
    display: inline-block;
    line-height: 1.1;
    color: white;
    background: #bb1c1c;
    padding: 0 0.125em;
}

.section.primary .section-title h2 span {
    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;
    line-height: normal;
}

.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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("../../images/polygon-bg-blue.png");
    color: white;
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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: white;
}

.section.secondary .button.border:hover {
    background: white;
    border-color: white;
    color: #071216;
}

.section.secondary .nav-carousel [class*="nav-"] {
    border-color: white;
    color: white;
}

.section.secondary .nav-carousel [class*="nav-"]:hover {
    background: white;
    color: #071216;
}

/* Services Section
================================================================ */

.section.services {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.section.services .row {
    margin-top: 4rem;
}

.section.services .row:first-child {
    margin-top: 0;
}

.section.services .services-slider {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 0;
}

.section.services .nav-carousel {
    -webkit-transition-delay: 1s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

@media (min-width: 940px) {
    .section.skills .ourSkills {
        display: table-cell;
        padding-left: 3.5%;
        vertical-align: middle;
    }
}

.section.skills h5 {
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.5em;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    opacity: 1;
    transition: 0.4s;
}

.section.skills .progress-bars {
    -webkit-transition: 1s;
    transition: 1s;
}

.section.skills .progress {
    -webkit-transition: 1s;
    transition: 1s;
}

.section.skills .progress-bar {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.section.skills.inactive h5 {
    opacity: 1;
}

.section.skills .oneSkill {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.oneSkill {
    background: white;
    border-radius: 0.25em;
    height: 28px;
    overflow: hidden;
}

.section.skills .progressLine {
    -webkit-transition: 1s;
    transition: 1s;
}

.oneSkill .progressLine {
    background: #bb1c1c;
    height: 100%;
    font-size: 0.9rem;
    line-height: 1.85;
    text-align: center;
    padding: 0 1em;
}

.section.skills.inactive .progress-bar {
    background: transparent;
    color: transparent;
}

.section.skills.inactive .progress {
    width: 0 !important;
    padding: 0;
}

.section.skills .skills-meta:first-child {
    margin-bottom: 30px;
}

@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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
}

.stats .stat {
    padding: 3rem;
    text-align: center;
    color: white;
}

.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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.team.inactive .team-member {
    top: 5em;
    opacity: 0;
}

.team .team-member {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 0;
    opacity: 1;
}

.team .team-member:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.team .team-member:nth-child(3) {
    -webkit-transition-delay: 0.8s;
    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;
    -webkit-transition: 0.4s;
    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);
    -webkit-transition: 0.4s;
    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 {
    -webkit-transition: 0.4s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.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 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    bottom: 0;
    position: relative;
    text-align: center;
}

.section.testimonials .nav-carousel {
    -webkit-transition-delay: 1s;
    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 {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    padding-bottom: 0 !important;
    position: relative;
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.welcome .container {
    position: relative;
}

.section.welcome header {
    -webkit-transition: 0.2s;
    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 .earth {
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.section.welcome .nav-carousel {
    -webkit-transition-delay: 1s;
    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);
    }

    .section.welcome .title span {
        display: none;
    }
}

@media (max-width: 720px) {
    .section.welcome .welcome-features h4 {
        font-size: 1rem;
    }
}

@media (max-width: 940px) {
    .section.welcome .welcome-features .title {
        margin-top: 0.75em;
    }

    .section.welcome .welcome-features p {
        display: none;
    }
}

@media (max-width: 1200px) {
    .section.welcome .nav-carousel {
        display: none;
    }
}

/* What We Offer Section
================================================================ */

.section.what-we-offer {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
}

.section.what-we-offer.inactive .feature-block-wrapper {
    top: 3rem;
    opacity: 0;
}

.section.what-we-offer .feature-block-wrapper {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 0;
    opacity: 1;
}

.section.what-we-offer .feature-block-wrapper:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.section.what-we-offer .feature-block-wrapper:nth-child(3) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.section.what-we-offer .feature-block-wrapper:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

/* Why Choose Us Section
================================================================ */

.section.why-choose-us {
    /******************************************************************
  Start building the basic layout
  ******************************************************************/
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.why-choose-us .wcu-content {
    position: relative;
    min-height: 570px;
}

.section.why-choose-us .wcu-graphic {
    width: 60%;
    margin: auto;
}

.section.why-choose-us .wcu-feature {
    text-align: center;
    -webkit-transition: 0.4s;
    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-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;
        -webkit-transition: 0.4s;
        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 {
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

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 {
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

body.services .section.services .service {
    display: inline-block;
}

body.services .section.services:after {
    background-position: 0em 4em;
}

body.services .section.services .row {
    -webkit-transition: 0.4s;
    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 {
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

body.single-post .sub-header {
    -webkit-background-size: cover;
    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 {
    /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
    /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

body.single-project .sub-header {
    -webkit-background-size: cover;
    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 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}

body.single-project .feature-block-wrapper:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

body.single-project .feature-block-wrapper:nth-child(3) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

body.single-project .feature-block-wrapper:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    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
******************************************************************/

/* Make map greyscale, */

/* Make blue media grey on non-blue themes */

#map,
.blue-media {
    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 */
}

/* Edit corner-ribbon color */

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

.table_comand {
    width: 100%;
}
.table_comand td {
    margin: 10px 0 0 20px;
    padding-left: 40px;
}
.table_cap {
    background-color: #652d86;
    color: #fff;
}

.tr_one {
    background-color: #900;
    color: #fff;
    text-align: left;
}
.tr_two {
    background-color: #242424;
    color: #fff;
    text-align: left;
}

.text-padding {
    padding: 30px 0;
}

.padding-bottom {
    padding-bottom: 50px;
}

@media (min-width: 940px) {
    .section .flexbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .text-right-desktop {
        text-align: right;
    }
}
.main-nav ul.langs li a {
    padding: 3px 4px;
    border: 2px solid #ffffff;
}
.main-nav ul.langs li a:hover {
    border: 2px solid #bb1c1c;
}
.main-nav ul.langs li a.active {
    color: #bb1c1c;
}
section#s-contact {
    padding-top: 0;
}
.main-nav > ul.langs > li.active > a {
    background: none !important;
}

.lang-button {
    padding: 12px 20px;
    background-color: #bb1c1c;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
}

.langs {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0;
    padding: 23px 0 0 0;
    list-style: none;
}
.langs li {
    display: inline-block;
    position: relative;
    margin-left: 0.25rem;
    list-style: none;
}
.langs li a {
    padding: 3px 4px;
    border: 2px solid #ffffff;
    display: block;
    line-height: 2.2;
    position: relative;
    font-weight: bold;
    border-radius: 1.5em;
    color: #ffffff;
}
.langs li a.active {
    color: #bb1c1c;
}
.langs li a:hover {
    border: 2px solid #bb1c1c;
}
@media (max-width: 768px) {
    .header-wrapper {
        position: relative;
    }
    ul.langs {
        position: absolute;
        top: 0;
        right: 56px;
    }
}
p.blurb,
p.lead,
.skills-meta p,
[class*="bullet-list"] li {
    font-size: 1.1em !important;
}