@font-face {

  font-family: 'custom icons';

  src: url("../fonts/custom-icons.eot");

  src: url("../fonts/custom-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/custom-icons.woff") format("woff"), url("../fonts/custom-icons.ttf") format("truetype"), url("../fonts/custom-icons.svg#custom-icons") format("svg");

  font-weight: normal;

  font-style: normal; }

[class*='custom-icon-'] {

  display: inline-block; }



[class*='custom-icon-']:before {

  display: block;

  font-family: 'custom icons';

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

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



.custom-icon-atom:before {

  content: '\0041'; }



.custom-icon-bill:before {

  content: '\0042'; }



.custom-icon-chat:before {

  content: '\0043'; }



.custom-icon-clock:before {

  content: '\0044'; }



.custom-icon-clouds:before {

  content: '\0045'; }



.custom-icon-concrete5:before {

  content: '\0046'; }



.custom-icon-document:before {

  content: '\0047'; }



.custom-icon-dnn:before {

  content: '\0048'; }



.custom-icon-drupal:before {

  content: '\0049'; }



.custom-icon-edit:before {

  content: '\004a'; }



.custom-icon-eye:before {

  content: '\004b'; }



.custom-icon-facebook:before {

  content: '\004c'; }



.custom-icon-gear:before {

  content: '\004d'; }



.custom-icon-gift:before {

  content: '\004e'; }



.custom-icon-headphones:before {

  content: '\004f'; }



.custom-icon-headset:before {

  content: '\0050'; }



.custom-icon-infinity:before {

  content: '\0051'; }



.custom-icon-joomla:before {

  content: '\0052'; }



.custom-icon-linkedin:before {

  content: '\0053'; }



.custom-icon-medal:before {

  content: '\0054'; }



.custom-icon-modx:before {

  content: '\0055'; }



.custom-icon-nodes:before {

  content: '\0056'; }



.custom-icon-outline-briefcase:before {

  content: '\0057'; }



.custom-icon-outline-rocket:before {

  content: '\0058'; }



.custom-icon-outline-server:before {

  content: '\0059'; }



.custom-icon-outline-star:before {

  content: '\005a'; }



.custom-icon-outline-user:before {

  content: '\0061'; }



.custom-icon-phone-handset:before {

  content: '\0062'; }



.custom-icon-power:before {

  content: '\0063'; }



.custom-icon-refresh:before {

  content: '\0064'; }



.custom-icon-resellers:before {

  content: '\0065'; }



.custom-icon-server:before {

  content: '\0066'; }



.custom-icon-tag:before {

  content: '\0067'; }



.custom-icon-twitter:before {

  content: '\0068'; }



.custom-icon-usd:before {

  content: '\0069'; }



.custom-icon-user:before {

  content: '\006a'; }



.custom-icon-wordpress:before {

  content: '\006b'; }



.custom-icon-youtube:before {

  content: '\006c'; }



.custom-icon-size-1 {

  font-size: 67px; }



.custom-icon-size-2 {

  font-size: 43px; }



.custom-icon-size-3 {

  font-size: 35px; }



.custom-icon-clouds.custom-icon-clouds:before {

  font-size: 1.7em;

  margin-bottom: -0.375em;

  overflow: hidden;

  position: relative;

  top: -0.17em; }

.custom-icon-clouds.custom-icon-clouds.custom-icon-size-1:before {

  font-size: 1.7em;

  line-height: 66px;

  margin-bottom: 0;

  overflow: hidden;

  position: relative;

  top: -4px; }

.custom-icon-clouds.custom-icon-clouds.custom-icon-size-2:before {

  line-height: 43px;

  top: -7px; }



/*------------------------------------*\

	#MODULECONTAINERS

\*------------------------------------*/

.module-container-dnn-4-less {

  margin: 20px 0;

  /* #TITLECENTERLINE

  ------------------------------------*/

  /* #PHOTOBAND

  ------------------------------------*/ }

  .module-container-dnn-4-less.module-container-title-center .module-container-title {

    font-size: 45px; }

  .module-container-dnn-4-less.module-container-photo-band {

    background-color: #F6F6F6;

    margin-top: 29px;

    padding: 55px 0;

    position: relative; }

    .module-container-dnn-4-less.module-container-photo-band:before {

      background-color: #C71F26;

      content: '';

      display: block;

      height: 10px;

      position: absolute;

      right: 0;

      top: -9px;

      width: calc( 100% - 30px - 20px ); }

    .module-container-dnn-4-less.module-container-photo-band:after {

      border-color: transparent #C71F26 #C71F26 transparent;

      border-style: solid;

      border-width: 5px 10px;

      content: '';

      display: block;

      position: absolute;

      right: calc( 100% - 30px - 20px );

      top: -9px; }

    .module-container-dnn-4-less.module-container-photo-band .angles {

      bottom: 0;

      height: 100%;

      left: 0;

      overflow: hidden;

      position: absolute;

      transform-origin: 0;

      width: 100%; }

      .module-container-dnn-4-less.module-container-photo-band .angles span {

        position: absolute; }

        .module-container-dnn-4-less.module-container-photo-band .angles span:nth-child(1) {

          background: #EFEFEF;

          height: 100%;

          left: -100%;

          transform: skewY(27.6493deg);

          width: 200%; }

    .module-container-dnn-4-less.module-container-photo-band .module-container-icon {

      background-position: center center;

      background-repeat: no-repeat;

      background-size: cover;

      border: solid 5px #C71F26;

      border-radius: 50%;

      margin: 0 auto 50px auto;

      max-width: 250px;

      position: relative; }

      .module-container-dnn-4-less.module-container-photo-band .module-container-icon:before {

        content: '';

        display: block;

        padding-top: 100%; }

      .module-container-dnn-4-less.module-container-photo-band .module-container-icon:after {

        content: '';

        display: block;

        border: solid 1px #C71F26;

        border-radius: 50%;

        height: calc( 100% + 30px );

        left: -15px;

        position: absolute;

        top: -15px;

        width: calc( 100% + 30px ); }

      .module-container-dnn-4-less.module-container-photo-band .module-container-icon img {

        display: none; }

    .module-container-dnn-4-less.module-container-photo-band .module-container-title {

      color: #C71F26;

      font-weight: 300;

      text-transform: uppercase;

      margin-top: 0; }

  .module-container-dnn-4-less.module-container-photo-band.photo-band--small .module-container-icon {

    background-position: auto;

    background-repeat: no-repeat;

    background-size: contain;

    border: none;

    border-radius: 0;

    max-width: auto; }

    .module-container-dnn-4-less.module-container-photo-band.photo-band--small .module-container-icon:before {

      padding-top: 65%; }

    .module-container-dnn-4-less.module-container-photo-band.photo-band--small .module-container-icon:after {

      display: none; }



/*------------------------------------*\

	#SCREENSM

\*------------------------------------*/

@media screen and (min-width: 768px) {

  .module-container-dnn-4-less {

    /* #DIVIDER

    ------------------------------------*/

    /* #PHOTOBAND

    ------------------------------------*/ }

    .module-container-dnn-4-less.module-container-divider:before {

      border-left: solid 1px #C9C9C9;

      content: '';

      height: 100%;

      left: 0;

      position: absolute;

      top: 0; }

    .module-container-dnn-4-less.module-container-photo-band {

      margin: 30px 0 0 0; }

      .module-container-dnn-4-less.module-container-photo-band:before {

        width: calc(( 768px * 0.5866 ) + ( ( 100% - 768px ) / 2 ) - 30px - 20px ); }

      .module-container-dnn-4-less.module-container-photo-band:after {

        right: calc(( 768px * 0.5866 ) + ( ( 100% - 768px ) / 2 ) - 30px - 20px ); }

      .module-container-dnn-4-less.module-container-photo-band .module-container-icon {

        margin: -90px 0;

        max-width: none; }

    .module-container-dnn-4-less.module-container-photo-band.photo-band--small {

      margin: 0; }

      .module-container-dnn-4-less.module-container-photo-band.photo-band--small .module-container-icon {

        margin: 0;

        max-width: auto; } }

/*------------------------------------*\

	#SCREENMD

\*------------------------------------*/

@media screen and (min-width: 992px) {

  .module-container-dnn-4-less {

    /* #PHOTOBAND

    ------------------------------------*/ }

    .module-container-dnn-4-less.module-container-photo-band:before {

      width: calc(( 1024px * 0.5866 ) + ( ( 100% - 1024px ) / 2 ) - 30px - 20px ); }

    .module-container-dnn-4-less.module-container-photo-band:after {

      right: calc(( 1024px * 0.5866 ) + ( ( 100% - 1024px ) / 2 ) - 30px - 20px ); } }

/*------------------------------------*\

	#SCREENLG

\*------------------------------------*/

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

  .module-container-dnn-4-less {

    /* #PHOTOBAND

    ------------------------------------*/ }

    .module-container-dnn-4-less.module-container-photo-band:before {

      width: calc(( 1200px * 0.5866 ) + ( ( 100% - 1200px ) / 2 ) - 30px - 20px ); }

    .module-container-dnn-4-less.module-container-photo-band:after {

      right: calc(( 1200px * 0.5866 ) + ( ( 100% - 1200px ) / 2 ) - 30px - 20px ); } }

.pane:first-child .module-container-divider:before {

  content: none; }



/* Mobile Menu */

.mobile-menu-btn {

  top: 36px; }

  .mobile-menu-btn .glyphicon {

    font-size: 26px; }



#mobile-navigation {

  background-color: #3C3C3C;

  font-size: 20px;

  line-height: 1em;

  margin-top: 1em;

  margin-bottom: 0;

  overflow: hidden; }



#mobile-navigation .ten-pound-menu a {

  color: #fff;

  padding-top: 1.1em;

  padding-bottom: 1.1em;

  text-transform: uppercase; }



#mobile-navigation .ten-pound-menu .item {

  transition: background-color 0.25s ease 0s; }



#mobile-navigation .ten-pound-menu .root {

  border-top: 1px solid #666;

  padding-left: 30px;

  padding-right: 30px; }

  #mobile-navigation .ten-pound-menu .root:first-child {

    border-top: none; }



#mobile-navigation .ten-pound-menu .toggle {

  display: block;

  position: absolute;

  padding: 1.1em 30px;

  right: 0;

  top: 0;

  transition: transform 0.25s ease 0s; }



#mobile-navigation .ten-pound-menu .opening > a > .toggle,

#mobile-navigation .ten-pound-menu .open > a > .toggle {

  transform: rotate(90deg); }



#mobile-navigation .ten-pound-menu .sub {

  display: none;

  left: inherit;

  position: relative;

  top: inherit;

  z-index: inherit; }



#mobile-navigation .ten-pound-menu .sub a {

  padding-left: 0;

  text-transform: none; }



#mobile-navigation .ten-pound-menu .item {

  border-top: 1px solid #7F8084; }



#mobile-navigation .ten-pound-menu .item.open {

  background-color: #6D6E71; }



#mobile-navigation .ten-pound-menu .sub .text,

#mobile-navigation .ten-pound-menu .sub .details {

  display: block; }



#mobile-navigation .ten-pound-menu .sub .details {

  font-size: 17px;

  font-weight: 300;

  margin-top: 10px; }



@media screen and (min-width: 768px) {

  /* Main Level */

  .ten-pound-menu-desktop {

    float: right; }



  #navigation a {

    line-height: 1em; }

  #navigation .root {

    position: inherit;

    float: left; }

    #navigation .root > a {

      border-top: solid 3px transparent;

      color: #211E1E;

      font-size: 17px;

      padding: 40px 15px;

      position: relative;

      text-transform: uppercase; }

    #navigation .root.bc > a {

      color: #C71F26; }

    #navigation .root:hover > a {

      background-color: #F6F6F6;

      border-top-color: #C71F26;

      color: #C71F26; }

    #navigation .root.has-child:hover > a:after {

      background-color: #F6F6F6;

      bottom: -3px;

      content: '';

      display: block;

      height: 3px;

      left: 0;

      position: absolute;

      z-index: 1000;

      width: 100%; }

    #navigation .root.last {

      font-size: 17px;

      margin-left: 0;

      padding: 1.7em 0 0; }

      #navigation .root.last > a {

        background-color: #C71F26;

        border-bottom: 3px solid #b11c22;

        border-top: none;

        color: #fff;

        font-size: 17px;

        font-weight: 300;

        letter-spacing: 1px;

        padding: 11px 12px 7px; }

        #navigation .root.last > a:hover {

          background-color: #9b181e;

          border-color: #7c1318;

          border-top: none; }

  #navigation .sub {

    background-color: #F6F6F6;

    border-top: solid 3px #C71F26;

    padding: 20px;

    right: 0;

    white-space: nowrap; }

    #navigation .sub .item {

      float: left;

      padding: 18px 25px;

      margin-bottom: 20px;

      text-align: center;

      vertical-align: top;

      white-space: normal;

      width: 50%;

      /* 

      &:first-child:nth-last-child(1) { width: 100%; }

      &:first-child:nth-last-child(2), &:first-child:nth-last-child(2) ~ .item { width: 50%; }

      &:first-child:nth-last-child(3), &:first-child:nth-last-child(3) ~ .item { width: 33.3333%; }

      &:first-child:nth-last-child(4), &:first-child:nth-last-child(4) ~ .item { width: 25%; }

      &:first-child:nth-last-child(5), &:first-child:nth-last-child(5) ~ .item { width: 20%; }

      */ }

      #navigation .sub .item:nth-child(odd) {

        border-right: solid 1px #6D6E71; }

      #navigation .sub .item:last-child {

        border-right: none; }

      #navigation .sub .item a {

        color: #fff;

        display: inline-block; }

      #navigation .sub .item .custom-icon {

        font-size: 32px;

        margin-bottom: 15px;

        transition: color 0.5s ease 0s, transform 0.5s ease 0s; }

      #navigation .sub .item .text {

        color: #3C3C3C;

        display: block;

        font-size: 19px;

        font-weight: bold;

        line-height: 1em;

        margin-bottom: 10px;

        text-transform: uppercase; }

      #navigation .sub .item .details {

        color: #6D6E71;

        display: block;

        font-size: 15px;

        font-weight: 300;

        line-height: 19px;

        margin-bottom: 15px;

        min-height: 38px; }

      #navigation .sub .item:hover .custom-icon {

        color: #C71F26;

        transform: scale(1.25, 1.25); } }

@media screen and (min-width: 992px) {

  /* Main Level */

  #navigation .root > a {

    font-size: 19px;

    padding: 40px 21px; }

  #navigation .root.last {

    font-size: 19px;

    margin-left: 15px; }

    #navigation .root.last > a {

      font-size: 19px;

      padding: 11px 24px 7px; } }

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

  /* Main Level */

  #navigation .root > a {

    font-size: 19px;

    padding: 40px 25px; }

  #navigation .sub .item {

    display: inline-block;

    float: none;

    width: 235px; }

    #navigation .sub .item + .item {

      border-left: solid 1px #6D6E71; }

    #navigation .sub .item:nth-child(odd) {

      border-right: none; } }

.login-hidden {

  bottom: 0;

  height: 50px;

  left: 0;

  overflow: hidden;

  position: fixed;

  text-indent: -999px;

  width: 50px;

  z-index: 999; }



.colx-offset-center {

  float: none;

  margin-left: auto;

  margin-right: auto; }



/* ------------------------------------------------------------------------------------

	#Skin

------------------------------------------------------------------------------------ */

.band .rowx:first-child .pane:first-child {

  margin-top: 75px; }



.band .rowx:last-child .pane:last-child {

  margin-bottom: 75px; }



.band .rowx:only-child .pane {

  margin-bottom: 75px;

  margin-top: 75px; }



.band .rowx:first-child:empty + .rowx .pane {

  margin-top: 75px; }



.band.band-small .rowx:first-child .pane:first-child {

  margin-top: 40px; }



.band.band-small .rowx:last-child .pane:last-child {

  margin-bottom: 40px; }



.band.band-small .rowx:only-child .pane {

  margin-bottom: 40px;

  margin-top: 40px; }



.band.band-small .rowx:first-child:empty + .rowx .pane {

  margin-top: 40px; }



/* Columns */

@media screen and (min-width: 768px) {

  .rowx {

    margin-left: -15px;

    margin-right: -15px; }



  .containerx {

    padding-left: 15px;

    padding-right: 15px; }



  .colx-xs-1, .colx-sm-1, .colx-md-1, .colx-lg-1, .colx-xs-2, .colx-sm-2, .colx-md-2, .colx-lg-2, .colx-xs-3, .colx-sm-3, .colx-md-3, .colx-lg-3, .colx-xs-4, .colx-sm-4, .colx-md-4, .colx-lg-4, .colx-xs-5, .colx-sm-5, .colx-md-5, .colx-lg-5, .colx-xs-6, .colx-sm-6, .colx-md-6, .colx-lg-6, .colx-xs-7, .colx-sm-7, .colx-md-7, .colx-lg-7, .colx-xs-8, .colx-sm-8, .colx-md-8, .colx-lg-8, .colx-xs-9, .colx-sm-9, .colx-md-9, .colx-lg-9, .colx-xs-10, .colx-sm-10, .colx-md-10, .colx-lg-10, .colx-xs-11, .colx-sm-11, .colx-md-11, .colx-lg-11, .colx-xs-12, .colx-sm-12, .colx-md-12, .colx-lg-12 {

    padding-left: 15px;

    padding-right: 15px; }



  .colx-sm-3 {

    width: 50%; } }

@media screen and (min-width: 992px) {

  .rowx {

    margin-left: -30px;

    margin-right: -30px; }



  .containerx {

    padding-left: 30px;

    padding-right: 30px; }



  .colx-xs-1, .colx-sm-1, .colx-md-1, .colx-lg-1, .colx-xs-2, .colx-sm-2, .colx-md-2, .colx-lg-2, .colx-xs-3, .colx-sm-3, .colx-md-3, .colx-lg-3, .colx-xs-4, .colx-sm-4, .colx-md-4, .colx-lg-4, .colx-xs-5, .colx-sm-5, .colx-md-5, .colx-lg-5, .colx-xs-6, .colx-sm-6, .colx-md-6, .colx-lg-6, .colx-xs-7, .colx-sm-7, .colx-md-7, .colx-lg-7, .colx-xs-8, .colx-sm-8, .colx-md-8, .colx-lg-8, .colx-xs-9, .colx-sm-9, .colx-md-9, .colx-lg-9, .colx-xs-10, .colx-sm-10, .colx-md-10, .colx-lg-10, .colx-xs-11, .colx-sm-11, .colx-md-11, .colx-lg-11, .colx-xs-12, .colx-sm-12, .colx-md-12, .colx-lg-12 {

    padding-left: 30px;

    padding-right: 30px; }



  .colx-sm-3 {

    width: 25%; } }

/*------------------------------------*\

	#COLORS

\*------------------------------------*/

.text-gray-darker {

  color: #211E1E; }



.text-gray-dark {

  color: #3C3C3C; }



.text-gray {

  color: #6D6E71; }



.text-gray-light {

  color: #F6F6F6; }



.text-gray-lighter {

  color: #fff; }



.bg-gray-darker {

  background-color: #211E1E; }



.bg-gray-dark {

  background-color: #3C3C3C; }



.bg-gray {

  background-color: #6D6E71; }



.bg-gray-light {

  background-color: #F6F6F6; }



.bg-gray-lighter {

  background-color: #fff; }



.border-gray-darker {

  border-color: #211E1E; }



.border-gray-dark {

  border-color: #3C3C3C; }



.border-gray {

  border-color: #6D6E71; }



.border-gray-light {

  border-color: #F6F6F6; }



.border-gray-lighter {

  border-color: #fff; }



.brand-primary {

  color: #C71F26; }



/*------------------------------------*\

	#TEXT

\*------------------------------------*/

.text-size-1 {

  font-size: 45px; }



.text-size-2 {

  font-size: 34px; }



.text-size-3 {

  font-size: 26px; }



.text-size-4 {

  font-size: 19px; }



.text-size-5 {

  font-size: 17px; }



.text-size-6 {

  font-size: 15px; }



.strong, .bold, .text-strong, .text-bold {

  font-weight: bold; }



.primary-font {

  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; }



.secondary-font {

  font-family: "Oswald", sans-serif; }



.light-text {

  font-weight: 300; }



.normal-weight {

  font-weight: 400; }



.semibold {

  font-weight: 600; }



@media screen and (min-width: 768px) {

  h1,

  .h1 {

    font-size: 41px; } }

@media screen and (min-width: 992px) {

  h1,

  .h1 {

    font-size: 45px; } }

/*------------------------------------*\

	#ELEMENTS

\*------------------------------------*/

.empty-element {

  font-size: 0;

  height: 0;

  margin: 0;

  padding: 0; }



.margin-b-0 {

  margin-bottom: 0; }



.margin-b-sm {

  margin-bottom: 10px; }



.margin-b-md {

  margin-bottom: 15px; }



.margin-b-lg {

  margin-bottom: 30px; }



.margin-t-0 {

  margin-top: 0; }



.margin-t-sm {

  margin-top: 10px; }



.margin-t-md {

  margin-top: 15px; }



.margin-t-lg {

  margin-top: 30px; }



/* Checkmark List */

.checkmark-list {

  margin: 0; }

  .checkmark-list li {

    list-style-type: none;

    margin-top: 15px;

    padding-left: 28px;

    position: relative; }

    .checkmark-list li:first-child {

      margin-top: 0; }

    .checkmark-list li:before {

      background: none;

      color: #C71F26;

      content: "\e013";

      font-size: 17px;

      font-family: 'Glyphicons Halflings';

      left: 0;

      position: absolute;

      top: 0; }



/*------------------------------------*\

	#Links

\*------------------------------------*/

a:visited {

  color: #C71F26; }



a:visited:hover {

  color: #851519; }



.btnx {

  letter-spacing: 1px;

  padding: 12px 26px 7px; }



.btnx.btnx-primary:visited,

.btnx.btnx-primary:visited:hover {

  color: #fff; }



.btnx-secondary {

  background: transparent;

  color: #C71F26;

  border-bottom: 4px solid #C71F26;

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

  font-size: 18px;

  font-weight: 400;

  padding: 0;

  text-transform: uppercase; }



@media screen and (min-width: 768px) {

  .btnx-lg {

    font-size: 18px; } }

@media screen and (min-width: 992px) {

  .btnx-lg {

    font-size: 22px; } }

/* #KAYAKO BADGE

------------------------------------*/

#kayako_sitebadgebg {

  background-color: #C71F26 !important;

  border-color: #C71F26 !important; }



/*------------------------------------*\

	#headerx

\*------------------------------------*/

.top-bar {

  background-color: #3C3C3C;

  color: #fff;

  font-size: 15px;

  line-height: 45px;

  text-align: center; }

  .top-bar .rowx {

    margin: 0; }

  .top-bar .containerx {

    padding: 0; }

  .top-bar .colx-sm-12 {

    padding: 0; }

  .top-bar a, .top-bar span.gc-cs-link {

    color: inherit; }

  .top-bar a:hover {

    color: #f2f2f2; }

  .top-bar .top-bar-item {

    display: inline-block;

    vertical-align: middle;

    width: 50%; }

    .top-bar .top-bar-item:first-child {

      border-bottom: 1px solid;

      width: 100%; }

    .top-bar .top-bar-item + span {

      border-right: 1px solid;

      width: 49%; }

      .top-bar .top-bar-item + span:last-child {

        border-right: none; }

    .top-bar .top-bar-item .custom-icon {

      margin-right: 6px; }



@media screen and (min-width: 768px) {

  .top-bar {

    text-align: right; }

    .top-bar .rowx {

      margin-left: -15px;

      margin-right: -15px; }

    .top-bar .containerx {

      padding-left: 15px;

      padding-right: 15px; }

    .top-bar .colx-sm-12 {

      padding-left: 15px;

      padding-right: 15px; }

    .top-bar .top-bar-item {

      width: auto; }

      .top-bar .top-bar-item:first-child {

        border-bottom: none;

        width: auto; }

      .top-bar .top-bar-item + span {

        border-left: solid 1px;

        border-right: none;

        margin-left: 25px;

        padding-left: 25px;

        width: auto; }

        .top-bar .top-bar-item + span:last-child {

          padding-right: 16px; } }

@media screen and (min-width: 992px) {

  .top-bar .rowx {

    margin-left: -30px;

    margin-right: -30px; }

  .top-bar .containerx {

    padding-left: 30px;

    padding-right: 30px; }

  .top-bar .colx-sm-12 {

    padding-left: 30px;

    padding-right: 30px; } }

#logo {

  margin: 35px 0; }

  #logo img {

    max-width: 100%; }



@media screen and (min-width: 768px) {

  #logo.colx-sm-3 {

    width: 24%; }



  #headerx.colx-sm-9 {

    width: 76%; } }

/*------------------------------------*\

	#Nav

\*------------------------------------*/

#navigation .sub .item a {

  font-size: 16px;

  padding: 10px 16px 9px; }



/*------------------------------------*\

	#CONTENT

\*------------------------------------*/

#content {

  background: url("../images/body-bg.gif") center bottom no-repeat; }



.middle-band {

  background-color: #F6F6F6; }



/*------------------------------------*\

	#BOTTOM PANES / FOOTER TOP

\*------------------------------------*/

.footerx-contact {

  margin-top: 50px; }

  .footerx-contact h1 {

    font-size: 48px;

    letter-spacing: 1px;

    line-height: 59px;

    margin-bottom: 25px; }

  .footerx-contact p {

    font-size: 26px;

    font-weight: 300;

    position: relative; }

  .footerx-contact .btnx {

    margin-bottom: 15px;

    text-transform: uppercase; }

  .footerx-contact .btnx.btnx-border {

    background-color: transparent;

    border: 1px solid #C71F26;

    color: #C71F26;

    margin-right: 20px; }

    .footerx-contact .btnx.btnx-border:hover {

      background-color: #C71F26;

      color: #fff; }

  .footerx-contact .btnx.btnx-primary {

    padding-bottom: 12px;

    padding-top: 14px; }



@media screen and (min-width: 768px) {

  .footerx-contact .rowx {

    margin-left: -15px;

    margin-right: -15px; }

  .footerx-contact .btnx {

    padding: 12px 21px 7px;

    margin-bottom: 0; } }

@media screen and (min-width: 992px) {

  .footerx-contact .rowx {

    margin-left: -30px;

    margin-right: -30px; }

  .footerx-contact h1 {

    font-size: 53px; }

  .footerx-contact p {

    margin-top: 5px; }

  .footerx-contact .border-col {

    position: relative; }

    .footerx-contact .border-col:before {

      background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%);

      background-position: bottom;

      background-size: 17px 1px;

      background-repeat: repeat-x;

      content: "";

      display: block;

      height: 1px;

      left: 0;

      position: absolute;

      top: 30px;

      width: 100%; }

  .footerx-contact .btnx-col {

    text-align: right; } }

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

  .footerx-contact h1 {

    font-size: 66px; } }

/*------------------------------------*\

	#footerx

\*------------------------------------*/

#footerx {

  background-color: #3C3C3C;

  border-top: solid 8px #C71F26;

  color: #F6F6F6;

  padding: 50px 0; }

  #footerx a {

    color: inherit; }



.footerx-nav-links .heading {

  font-family: "Roboto Condensed";

  font-size: 20px;

  font-weight: bold;

  text-transform: uppercase; }

.footerx-nav-links ul {

  font-size: 18px;

  margin: 0;

  padding: 0; }

  .footerx-nav-links ul li {

    list-style-type: none;

    margin: 0;

    padding: 0; }



.footerx-social-links {

  border-top: solid 1px #F6F6F6;

  font-size: 48px;

  line-height: 88px;

  margin-top: 24px;

  padding-top: 24px;

  text-align: center; }

  .footerx-social-links > div {

    overflow: hidden;

    margin: 0 auto;

    width: 216px; }

    .footerx-social-links > div a {

      border-radius: 50%;

      display: block;

      height: 88px;

      float: left;

      margin: 10px;

      -webkit-transition: all 0.2s ease;

      transition: all 0.2s ease;

      width: 88px; }

      .footerx-social-links > div a:hover {

        transform: scale(1.15);

        -webkit-transform: scale(1.15);

        -ms-transform: scale(1.15); }

      .footerx-social-links > div a:nth-child(1) {

        background-color: #C71F26; }

      .footerx-social-links > div a:nth-child(2) {

        background-color: #808080; }

      .footerx-social-links > div a:nth-child(3) {

        background-color: #4d4d4d; }

      .footerx-social-links > div a:nth-child(4) {

        background-color: #C71F26; }

      .footerx-social-links > div a .custom-icon:before {

        line-height: inherit; }



@media screen and (min-width: 992px) {

  .footerx-social-links {

    border-left: solid 1px #F6F6F6;

    border-top: none;

    padding-top: 0; } }

/*------------------------------------*\

	#SHORTCODES

\*------------------------------------*/

/* Title Style - Center with Short, Primary Underline */

.center-title-line, .module-container-dnn-4-less.module-container-title-center .module-container-title {

  font-weight: 300;

  line-height: 1.3em;

  margin-bottom: 35px;

  margin-top: 0;

  text-align: center;

  text-transform: uppercase; }

  .center-title-line:after, .module-container-dnn-4-less.module-container-title-center .module-container-title:after {

    background-color: #C71F26;

    content: '';

    display: block;

    height: 4px;

    margin: 23px auto 0 auto;

    width: 123px; }



/* Box */

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

  .equal-height {

    height: 100% !important; } }

.colored-box {

  background-color: #F6F6F6;

  padding: 40px 22px 15px; }

  .colored-box .custom-icon {

    font-size: 53px; }

  .colored-box .custom-icon-clouds:before {

    line-height: 52px;

    top: -4px; }



.black-box {

  background-color: #3C3C3C;

  color: #fff;

  margin-bottom: 20px;

  padding: 25px 25px 1px; }



.angled-colored-box + .black-box, .angled-colored-box-shadow + .black-box {

  margin-top: -20px; }



.angled-colored-box, .angled-colored-box-shadow {

  background-color: #fff;

  border-color: #6D6E71;

  border-style: solid;

  border-width: 0 1px 1px 1px;

  margin: 15px 0;

  padding: 25px;

  position: relative;

  /* Lists in Box */ }

  .angled-colored-box:before, .angled-colored-box-shadow:before {

    background-color: #C71F26;

    content: '';

    display: block;

    height: 10px;

    left: -1px;

    position: absolute;

    top: -10px;

    width: calc(100% - 8px); }

  .angled-colored-box:after, .angled-colored-box-shadow:after {

    border-color: transparent transparent #C71F26 #C71F26;

    border-style: solid;

    border-width: 5px;

    content: '';

    display: block;

    position: absolute;

    right: 0;

    top: -10px; }

  .angled-colored-box .highlight, .angled-colored-box-shadow .highlight {

    background-color: #F6F6F6;

    height: 100%;

    font-size: 43px;

    font-weight: bold;

    line-height: 1em;

    margin: -25px -5px 0 5px;

    padding-bottom: 25px;

    padding-top: 25px;

    text-align: center; }

    .angled-colored-box .highlight .icon.price-tag, .angled-colored-box-shadow .highlight .icon.price-tag {

      height: 134px;

      margin: 40px auto;

      position: relative;

      transform: rotate(45deg); }

      .angled-colored-box .highlight .icon.price-tag > span, .angled-colored-box-shadow .highlight .icon.price-tag > span {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        text-align: center; }

        .angled-colored-box .highlight .icon.price-tag > span.custom-icon-tag, .angled-colored-box-shadow .highlight .icon.price-tag > span.custom-icon-tag {

          display: block;

          color: #C71F26;

          font-size: 134px;

          transform: rotate(90deg); }

        .angled-colored-box .highlight .icon.price-tag > span.custom-icon-usd, .angled-colored-box-shadow .highlight .icon.price-tag > span.custom-icon-usd {

          color: #fff;

          font-size: 68px;

          top: 46px; }

    .angled-colored-box .highlight .text, .angled-colored-box-shadow .highlight .text {

      text-transform: uppercase; }

  .angled-colored-box.highlight-left .highlight, .angled-colored-box-shadow.highlight-left .highlight {

    left: 0; }

  .angled-colored-box.highlight-right .highlight, .angled-colored-box-shadow.highlight-right .highlight {

    right: 0; }

  .angled-colored-box ul, .angled-colored-box-shadow ul {

    margin: 0; }

    .angled-colored-box ul li, .angled-colored-box-shadow ul li {

      border-top: 1px solid #3c3c3c;

      font-size: 18px;

      line-height: 28px;

      list-style-type: none;

      padding: 15px 0; }

      .angled-colored-box ul li .list-note, .angled-colored-box-shadow ul li .list-note {

        color: #C71F26;

        display: block;

        font-size: 14px;

        line-height: 22px; }



@media screen and (min-width: 768px) {

  .angled-colored-box ul li:first-child, .angled-colored-box-shadow ul li:first-child {

    border-top: none; } }

.angled-colored-box-shadow {

  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); }



@media screen and (min-width: 768px) {

  .angled-colored-box .colx-sm-3, .angled-colored-box-shadow .colx-sm-3 {

    position: static; }

  .angled-colored-box .highlight, .angled-colored-box-shadow .highlight {

    margin: 0;

    position: absolute;

    top: 0; } }

/* Hover Box */

.hover-box {

  background-color: transparent;

  border: 1px solid #6d6e71;

  overflow: hidden;

  padding: 30px 20px;

  position: relative;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease; }

  .hover-box h3 {

    line-height: 35px;

    margin: 14px 0 0; }

  .hover-box .hover-box--hidden {

    background: #C71F26;

    color: #fff;

    height: 100%;

    left: 0;

    padding: 25px;

    position: absolute;

    top: -100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

    width: 100%; }

    .hover-box .hover-box--hidden p {

      font-size: 17px;

      font-weight: 300; }

      .hover-box .hover-box--hidden p:last-child {

        margin-bottom: 0; }

  .hover-box:hover {

    border: 1px solid #C71F26; }

  .hover-box:hover .hover-box--hidden {

    top: 0; }



@media screen and (min-width: 768px) {

  .hover-box h3 {

    font-size: 23px; }



  .hover-box .hover-box--hidden {

    padding: 20px; }



  .hover-box .hover-box--hidden p {

    font-size: 16px; } }

@media screen and (min-width: 992px) {

  .hover-box h3 {

    font-size: 26px; }



  .hover-box .hover-box--hidden {

    padding: 25px; }



  .hover-box .hover-box--hidden p {

    font-size: 17px; } }

/* Border Box */

.border-box {

  border: 1px solid #6d6e71;

  margin: 20px 0;

  padding: 13px; }

  .border-box h3 {

    font-weight: 300;

    margin: 0;

    text-align: center;

    text-transform: uppercase; }



/*------------------------------------*\

	#Banner

\*------------------------------------*/

#banner .module-container-dnn-4-less {

  margin: 0; }



.banner-highlight {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  color: #fff;

  padding: 105px 0 145px 0;

  text-align: center; }

  .banner-highlight .content {

    display: inline-block;

    margin: 0 auto;

    max-width: 90%; }

    .banner-highlight .content .title {

      background-color: #C71F26;

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

      font-family: "Oswald";

      font-size: 48px;

      line-height: 1.3em;

      padding: 30px;

      text-transform: uppercase; }

    .banner-highlight .content .text {

      background-color: #6D6E71;

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

      font-size: 23px;

      line-height: 1em;

      margin-top: 20px;

      padding: 10px; }

      .banner-highlight .content .text > div {

        display: block;

        padding: 15px; }

        .banner-highlight .content .text > div + div {

          border-top: solid 1px; }

        .banner-highlight .content .text > div span {

          display: block;

          font-size: 15px;

          font-style: italic;

          line-height: 1em; }



@media screen and (min-width: 768px) {

  .banner-highlight .content {

    width: 86%; }

    .banner-highlight .content .title {

      font-size: 48px;

      line-height: 1.3em; }

    .banner-highlight .content .text > div {

      display: inline-block;

      padding: 0; }

      .banner-highlight .content .text > div + div {

        border-left: 1px solid;

        border-top: none;

        margin-left: 30px;

        padding-left: 30px; } }

@media screen and (min-width: 992px) {

  .banner-highlight .content {

    max-width: 65%;

    width: 65%; }

    .banner-highlight .content .title {

      font-size: 75px;

      line-height: 1em; } }

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

  .banner-highlight .content {

    max-width: 50%;

    width: 50%; } }

/*------------------------------------*\

	#BANNER INTERIOR

\*------------------------------------*/

.banner-highlight.banner-highlight--interior {

  padding: 0;

  text-align: left; }

  .banner-highlight.banner-highlight--interior h1 {

    font-size: 9vw;

    font-weight: 700;

    line-height: 13vw;

    margin-bottom: -9px;

    margin-top: 0;

    padding: 57px 0 0;

    text-transform: uppercase; }



@media screen and (min-width: 500px) {

  .banner-highlight.banner-highlight--interior h1 {

    margin-bottom: -13px; } }

@media screen and (min-width: 768px) {

  .banner-highlight.banner-highlight--interior h1 {

    font-size: 6vw;

    letter-spacing: 1px;

    line-height: 8vw;

    margin-bottom: -11px;

    padding-top: 75px; } }

@media screen and (min-width: 992px) {

  .banner-highlight.banner-highlight--interior h1 {

    font-size: 73px;

    line-height: 87px;

    padding-top: 90px; } }

/*------------------------------------*\

	#INFO BOXES

\*------------------------------------*/

.info-boxes .item + .item {

  margin-top: 50px; }

.info-boxes .item .rowx {

  margin-left: 0;

  margin-right: 0; }

.info-boxes .item .icon {

  background-color: #6D6E71;

  color: #fff;

  display: block;

  float: none;

  font-size: 70px;

  padding: 16px 0 0;

  text-align: center;

  vertical-align: middle; }

.info-boxes .item .content {

  border: solid 1px #6D6E71;

  display: block;

  float: none;

  padding: 50px;

  vertical-align: middle; }

  .info-boxes .item .content .title {

    color: #C71F26;

    font-size: 38px;

    font-weight: 300;

    line-height: 1em;

    margin: 0 0 38px 0;

    text-transform: uppercase; }

  .info-boxes .item .content .text {

    font-size: 20px;

    font-weight: 300;

    line-height: 36px;

    margin: 0; }



@media screen and (min-width: 768px) {

  .info-boxes .item .icon,

  .info-boxes .item .content {

    display: table-cell; }



  .info-boxes .item .icon {

    padding: 0; } }

/*------------------------------------*\

	#ACCORDION

\*------------------------------------*/

.accordion .item {

  padding: 15px 0;

  position: relative; }

  .accordion .item + .item {

    border-top: solid 1px #3C3C3C;

    padding-top: 30px; }

  .accordion .item .title {

    cursor: pointer;

    position: relative; }

    .accordion .item .title a {

      color: inherit;

      display: block;

      padding-right: 35px; }

    .accordion .item .title .indicator {

      border: solid 1px;

      border-radius: 50%;

      color: #C71F26;

      display: block;

      height: 20px;

      line-height: 20px;

      overflow: hidden;

      position: absolute;

      right: 0;

      text-align: center;

      top: 0;

      width: 20px; }

      .accordion .item .title .indicator span {

        display: block;

        position: relative; }

        .accordion .item .title .indicator span.expand {

          transition: margin-top 0.25s ease 0s; }

  .accordion .item.active .title {

    color: #C71F26; }

    .accordion .item.active .title .indicator .expand {

      margin-top: -20px; }



@media screen and (min-width: 768px) {

  .accordion {

    margin: 0 auto;

    width: 75%; } }

/*------------------------------------*\

	#ACCORDION LARGE

\*------------------------------------*/

.accordion-large .item {

  border: 1px solid #6D6E71;

  margin: 25px 0;

  position: relative; }

  .accordion-large .item .title {

    color: #C71F26;

    cursor: pointer;

    display: table;

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

    font-size: 29px;

    font-weight: 300;

    letter-spacing: 1px;

    line-height: 37px;

    position: relative;

    text-transform: uppercase;

    width: 100%; }

    .accordion-large .item .title a {

      color: inherit;

      display: table-cell;

      padding: 20px;

      vertical-align: middle;

      width: 84%; }

    .accordion-large .item .title .edit,

    .accordion-large .item .title .sort {

      position: absolute; }

    .accordion-large .item .title .indicator {

      background: #6D6E71;

      display: table-cell;

      padding: 0 10px;

      text-align: center;

      vertical-align: middle;

      width: 16%; }

      .accordion-large .item .title .indicator span.expand {

        background: url("../images/plus-icon.png") no-repeat;

        display: inline-block;

        height: 42px;

        text-indent: -99999px;

        transition: all 0.2s ease;

        -moz-transition: all 0.2s ease;

        -webkit-transition: all 0.20pxs ease;

        width: 42px; }

  .accordion-large .item.active .title .indicator .expand {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg); }

  .accordion-large .item .content {

    font-size: 20px;

    font-weight: 300;

    line-height: 36px;

    padding-bottom: 10px;

    padding-left: calc(16% + 20px);

    padding-right: 30px;

    padding-top: 10px; }



@media screen and (min-width: 768px) {

  .accordion-large .item .title {

    font-size: 37px;

    line-height: 48px; }

    .accordion-large .item .title a {

      width: 91%; }

    .accordion-large .item .title .indicator {

      width: 9%; }

  .accordion-large .item .content {

    padding-left: calc(9% + 20px); } }

/* --------------------------------------------------------------------

  #Responsive Table

--------------------------------------------------------------------- */

.rwd-table {

  border-top: 1px solid #6d6e71;

  border-bottom: 1px solid #6d6e71;

  margin: 30px 0 40px;

  min-width: 100%;

  overflow: hidden; }



.rwd-table .table-row {

  display: inline-block;

  padding: 0 30px;

  width: 100%; }



.rwd-table .table-row:nth-child(odd) {

  border-bottom: 1px solid #6d6e71;

  border-top: 1px solid #6d6e71;

  background: #f6f6f6; }



.rwd-table th {

  display: none; }



.table-header-hide {

  display: none; }



.rwd-table td {

  display: block;

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

  font-weight: 300;

  font-size: 21px; }



.rwd-table td:first-child {

  padding-top: .5em; }



.rwd-table td:last-child {

  padding-bottom: .5em; }



.rwd-table td:before {

  content: attr(data-th) ": ";

  display: block;

  font-weight: bold;

  width: 7em; }



.rwd-table th, .rwd-table td {

  margin: 1em 0;

  text-align: left; }



.rwd-table th, .rwd-table td:before {

  color: #C71F26;

  font-size: 24px;

  font-weight: 300;

  text-transform: uppercase;

  width: 100%; }



@media (min-width: 600px) {

  .rwd-table {

    border: 1px solid #6d6e71;

    border-top: none; }



  .rwd-table .table-header {

    background: #083c5b; }



  .rwd-table .table-header h6 {

    color: #fff;

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

    font-size: 18px;

    font-weight: 600;

    line-height: 18px;

    margin: 0;

    padding: 10px 0; }



  .rwd-table th:first-child {

    border-left: none; }



  .rwd-table th:last-child {

    background-color: #C71F26; }



  .rwd-table th, .rwd-table td {

    text-align: center; }



  .rwd-table th, .rwd-table td:before {

    background-color: #3C3C3C;

    border-left: 1px solid #fff;

    color: #fff;

    width: auto; }



  .rwd-table .table-row {

    display: table-row;

    padding: 0;

    width: auto; }



  .rwd-table td {

    border-left: 1px solid #6d6e71; }



  .rwd-table td:first-child {

    border-left: none; }



  .rwd-table td:before {

    display: none; }



  .rwd-table th, .rwd-table td {

    display: table-cell;

    padding: .25em .5em; }



  .rwd-table th:first-child, .rwd-table td:first-child {

    padding-left: 0; }



  .rwd-table th:last-child, .rwd-table td:last-child {

    padding-right: 0; }



  .rwd-table .date {

    display: block;

    text-align: center; }



  .rwd-table th, .rwd-table td {

    padding: 17px 1em !important; } }

/*------------------------------------*

	#CMS OPTIONS

*------------------------------------*/

.cms-options {

  margin: 0;

  padding: 0;

  text-align: center; }

  .cms-options li {

    display: inline-block;

    list-style-type: none;

    margin: 9px 0;

    padding: 0;

    position: relative;

    vertical-align: top;

    width: 49%; }

    .cms-options li .custom-icon {

      border: solid 1px;

      border-radius: 50%;

      font-size: 67px;

      height: 110px;

      line-height: 110px;

      width: 110px; }

      .cms-options li .custom-icon:before {

        font-size: inherit;

        line-height: inherit; }

    .cms-options li a {

      color: inherit;

      display: block; }

    .cms-options li .name {

      background-color: #fff;

      border-radius: 5px;

      bottom: 0;

      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);

      display: block;

      left: 50%;

      line-height: 1em;

      opacity: 0;

      padding: 5px 15px;

      position: absolute;

      text-align: center;

      transform: translate(-50%, 0);

      transition: bottom 0.25s ease 0s, opacity 0.25s ease 0s; }

      .cms-options li .name:before {

        border-style: solid;

        border-color: transparent transparent #fff transparent;

        border-width: 8px;

        content: '';

        display: block;

        height: 0;

        left: calc(50% - 8px);

        position: absolute;

        top: -16px;

        width: 0; }

    .cms-options li:hover {

      color: #C71F26; }

      .cms-options li:hover .custom-icon {

        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); }

      .cms-options li:hover .name {

        bottom: -15px;

        opacity: 1; }



@media screen and (min-width: 480px) {

  .cms-options li {

    width: 32.33333%; } }

@media screen and (min-width: 768px) {

  .cms-options li {

    margin: 20px 0;

    width: 24%; } }

@media screen and (min-width: 992px) {

  .cms-options li {

    margin: 0;

    width: auto; }

    .cms-options li + li {

      margin-left: 17px; }

    .cms-options li .custom-icon {

      font-size: 80px;

      height: 135px;

      line-height: 135px;

      width: 135px; }

      .cms-options li .custom-icon.custom-icon-dnn {

        font-size: 76px; }

      .cms-options li .custom-icon.custom-icon-drupal {

        font-size: 92px; }

      .cms-options li .custom-icon.custom-icon-joomla {

        font-size: 81px; }

      .cms-options li .custom-icon.custom-icon-wordpress {

        font-size: 95px; }

      .cms-options li .custom-icon.custom-icon-dnn:before {

        margin-left: 12px; } }

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

  .cms-options li + li {

    margin-left: 51px; } }

/*------------------------------------*\

	#Blog

\*------------------------------------*/

/* #Listing

------------------------------------*/

.NA-article {

  border: 1px solid #3C3C3C;

  display: table;

  margin-bottom: 50px;

  position: relative;

  padding: 25px;

  width: 100%; }

  .NA-article .NA-content {

    width: 100%; }

    .NA-article .NA-content .NA-content__header {

      margin-bottom: 16.5px; }

    .NA-article .NA-content .NA-title {

      color: #C71F26;

      font-size: 36px;

      font-weight: 300;

      letter-spacing: 1px;

      line-height: 48px;

      margin-bottom: 5px;

      margin-top: 0;

      text-transform: uppercase; }

    .NA-article .NA-content .NA-title a {

      color: #C71F26; }

    .NA-article .NA-content .NA-title a:hover {

      color: #851519; }

    .NA-article .NA-content .NA-author {

      font-size: 18px;

      font-weight: 700; }

      .NA-article .NA-content .NA-author .custom-icon {

        font-size: 17px;

        margin-right: 9px; }

    .NA-article .NA-content .NA-content__summary {

      font-size: 20px;

      font-weight: 300; }

      .NA-article .NA-content .NA-content__summary p {

        font-size: 20px;

        font-weight: 300; }

      .NA-article .NA-content .NA-content__summary .NA-content__summary__btn {

        margin-top: 20px; }

        .NA-article .NA-content .NA-content__summary .NA-content__summary__btn .btnx-lg {

          color: #fff;

          font-size: 18px; }



@media screen and (min-width: 768px) {

  .NA-article {

    border: none;

    padding: 0; }

    .NA-article .NA-date,

    .NA-article .NA-content {

      display: table-cell;

      position: relative; }

    .NA-article .NA-date {

      background: #3C3C3C;

      color: #fff;

      padding: 50px 16px;

      text-align: center;

      vertical-align: middle;

      width: 17%; }

      .NA-article .NA-date .NA-date__year {

        display: inline-block;

        font-size: 19px;

        padding: 0 16px;

        position: relative; }

        .NA-article .NA-date .NA-date__year:before, .NA-article .NA-date .NA-date__year:after {

          content: "";

          display: inline-block;

          height: 30px;

          position: absolute;

          top: 15px;

          width: 1px; }

        .NA-article .NA-date .NA-date__year:before {

          border-left: 1px solid;

          left: 0; }

        .NA-article .NA-date .NA-date__year:after {

          border-right: 1px solid;

          right: 0; }

      .NA-article .NA-date .NA-date__day {

        border: 1px solid #fff;

        font-size: 26px;

        line-height: 32px;

        padding: 20px 15px; }

    .NA-article .NA-content {

      border: 1px solid #3C3C3C;

      padding: 50px 45px;

      width: 83%; } }

@media screen and (min-width: 992px) {

  .NA-article .NA-date {

    padding: 50px 19px; }

    .NA-article .NA-date .NA-date__day {

      padding: 25px 15px; } }

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

  .NA-article .NA-date {

    padding: 50px 35px; } }

/* #View

------------------------------------*/

.NA-view .NA-date {

  color: #3C3C3C;

  margin: 0 auto 30px;

  padding: 0 16px;

  text-align: center;

  width: 155px; }

  .NA-view .NA-date .NA-date__year {

    display: inline-block;

    font-size: 19px;

    padding: 0 16px;

    position: relative; }

    .NA-view .NA-date .NA-date__year:before, .NA-view .NA-date .NA-date__year:after {

      content: "";

      display: inline-block;

      height: 30px;

      position: absolute;

      top: 15px;

      width: 1px; }

    .NA-view .NA-date .NA-date__year:before {

      border-left: 1px solid;

      left: 0; }

    .NA-view .NA-date .NA-date__year:after {

      border-right: 1px solid;

      right: 0; }

  .NA-view .NA-date .NA-date__day {

    border: 1px solid #3C3C3C;

    font-size: 26px;

    line-height: 32px;

    padding: 20px 15px; }

.NA-view .NA-view-content .NA-content__header {

  margin-bottom: 30px;

  text-align: left; }

  .NA-view .NA-view-content .NA-content__header .NA-title {

    color: #C71F26;

    font-size: 40px;

    font-weight: 300;

    letter-spacing: 1px;

    line-height: 50px;

    margin-bottom: 5px;

    margin-top: 0;

    text-transform: uppercase; }

  .NA-view .NA-view-content .NA-content__header .NA-author {

    font-size: 18px;

    font-weight: 700; }

    .NA-view .NA-view-content .NA-content__header .NA-author .custom-icon {

      font-size: 17px;

      margin-right: 9px; }

.NA-view .NA-view-content .NA-content__details h1,

.NA-view .NA-view-content .NA-content__details h2,

.NA-view .NA-view-content .NA-content__details h3,

.NA-view .NA-view-content .NA-content__details h4,

.NA-view .NA-view-content .NA-content__details h5,

.NA-view .NA-view-content .NA-content__details h6 {

  color: #C71F26;

  text-transform: uppercase;

  font-weight: 300; }



@media screen and (min-width: 768px) {

  .NA-view .colx-sm-3 {

    width: 25%; }

  .NA-view .NA-date {

    margin: 0;

    width: auto; } }

@media screen and (min-width: 992px) {

  .NA-view .NA-view-content .NA-content__header {

    text-align: center; } }

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

  .NA-view .colx-sm-3.colx-lg-2 {

    width: 16.6667%; } }



/*# sourceMappingURL=skin.css.map */