/**                                                         **/
/** General Styles                                          **/
/** Typography                                              **/
/** Regions                                                 **/
/**  - Region & Block Spacings                              **/
/**  - Header                                               **/
/** Lightbox                                                **/
/** Slider                                                  **/
/** Menus                                                   **/
/**  - Nav                                                  **/
/**  - Main Menu                                            **/
/** Highlighted                                             **/
/** Side Image                                              **/
/** Panels                                                  **/
/** Portfolio                                               **/
/**  - Portfolio Block                                      **/
/** Blog                                                    **/
/**  - Blog Single                                          **/
/**  - News Block                                           **/
/** Comments                                                **/
/** Pagination                                              **/
/** Team                                                    **/
/** Google Maps                                             **/
/** Tabs                                                    **/
/** Accordions                                              **/
/** Buttons                                                 **/
/** Labels                                                  **/
/** Alerts                                                  **/
/** Progress Bars                                           **/
/** Forms                                                   **/
/** Colors & Backgrounds                                    **/
/**  - Text Color Palette                                   **/
/**  - Background Colors                                    **/
/**  - Background Images                                    **/
/**                                                         **/
/** custom.css **/
/** vbox.css **/

/*************************************************************/
/*********************** General Styles **********************/
/*************************************************************/

body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.5em;
  letter-spacing: 0;
  color: #666;
  word-wrap: break-word;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

a:hover,
a:focus,
a:active {
  color: #444;
  text-decoration: none;
  outline: 0;
}



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

.font-quicksand  { font-family: 'Quicksand', sans-serif; }
.font-roboto     { font-family: 'Roboto', sans-serif; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.2em 0 1em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #444;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }

p, span {
  font-size: 1em;
  line-height: 1.6em;
}

p:last-child {
  margin-bottom: 0;
}

blockquote {
  border-left: none;
  padding-top: 0;
  padding-bottom: 0;
  margin: 40px 0;
}

.icon {
  display: inline-block;
  line-height: 1;
}

.icon-list {
  list-style: none;
}

.icon-list li {
  position: relative;
}

.icon-list i {
  position: absolute;
  top: 0.5em;
  left: -2em;
  width: 2em;
  font-size: 0.8em;
  line-height: 1em;
}

ul.tags {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.tags li{
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

ul.tags li:last-child {
  margin-right: 0px;
}

.list-inline {
  margin-left: 0;
}

.text-shadow {
  text-shadow: 0px 1px 3px rgba(0,0,0,.5);
}

.img-bottom {
  margin-bottom: -100px;
}

.line-height-46 { line-height: 46px!important; }



/*************************************************************/
/************************** Regions **************************/
/*************************************************************/

/** Region & Block Spacings **/
.region,
.block {
  padding-top: 50px;
  padding-bottom: 50px;
}

/** Header **/
header {
  z-index: 9999;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.header-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.header-light {
  background-color: rgba(255,255,255,.95);
}

.header-light,
.header-light a {
  color: #444;
}

.header-dark {
  background-color: rgba(0,0,0,.7);
}

.header-dark,
.header-dark a {
  color: #fff;
}

.header-transparent {
  background-color: transparent;
}

.header-invisible {
  opacity: 0;
}

.stuck.header-light.header-transparent {
  background-color: rgba(255,255,255,.95);
}

.stuck.header-dark.header-transparent {
  background-color: rgba(0,0,0,.5);
}

.stuck.header-invisible {
  opacity: 1;
}

@media (max-width: 767px) {

  .header-fixed {
    position: static;
  }

  header.header-light.header-transparent {
    background-color: rgba(255,255,255,.95);
  }

  header.header-dark.header-transparent {
    background-color: rgba(0,0,0,.5);
  }

}




/*************************************************************/
/*************************** Menus ***************************/
/*************************************************************/

/** Nav **/
.nav > li > a {
  padding-left: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

/** Main Menu **/
.main-menu {
  z-index: 10;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.main-menu .navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}

.main-menu .nav > li > a {
  padding: 30px 20px;
}

.main-menu .nav > li:last-child > a {
  padding-right: 0;
}

.main-menu a,
.main-menu .active > a,
.main-menu .nav .open > a,
.main-menu .nav .open > a:hover,
.main-menu .nav .open > a:focus,
.main-menu .nav > li > a:hover,
.main-menu .nav > li > a:focus,
.main-menu .nav > li:hover > a,
.main-menu .nav > li:focus > a {
  background-color: transparent;
}

.main-menu .dropdown-menu {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  background-color: #222;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-menu .dropdown-menu a {
  padding: 12px 20px;
  border-bottom: 1px dotted #444;
}

.main-menu .dropdown-menu li:last-child a {
  border-bottom: 0;
}

.main-menu .dropdown-menu > li > a {
  font-weight: 300;
  color: #cdcdcd;
}

.main-menu .dropdown-menu > .active > a,
.main-menu .dropdown-menu > li > a:hover,
.main-menu .dropdown-menu > li > a:focus {
  background-color: #444;
}

.main-menu .dropdown-menu > li:hover,
.main-menu .dropdown-menu > .active {
  background: transparent;
}

@media (max-width: 991px) {

  .main-menu .nav > li > a {
    padding-top: 10px;
  }

  .main-menu .nav > li:last-child > a {
    padding-right: 20px;
  }

  .main-menu .navbar-collapse {
    line-height: 10px;
    text-align: center;
  }

  .main-menu .dropdown-menu {
    text-align: left;
  }

  .main-menu .navbar-nav {
    display: inline-block;
    float: none!important;
  }

  .main-menu .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }

}

@media (min-width: 768px) {

  .main-menu .dropdown:hover .dropdown-menu {
    display: block;
  }

}

@media (max-width: 767px) {

  .main-menu .navbar-header {
    text-align: right;
  }

  .main-menu .navbar-toggle {
    float: none;
    padding: 6px;
    margin: 20px 0;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
  }

  .main-menu .navbar-collapse {
    padding: 0;
    margin-bottom: 20px;
    text-align: right;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .main-menu .navbar-nav {
    margin: 0;
  }

  .main-menu .nav > li > a {
    padding: 8px 5px;
    margin: 0;
  }

  .main-menu .dropdown-menu {
    margin-bottom: 12px;
    text-align: right;
  }

  .main-menu .dropdown-menu a {
    border-bottom: 0;
  }

  .main-menu .dropdown-menu > li > a {
    color: #777;
  }

  .main-menu .navbar-nav .open .dropdown-menu > li > a,
  .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 6px 35px;
  }

  .main-menu .dropdown-menu > .active > a,
  .main-menu .dropdown-menu > li > a:hover,
  .main-menu .dropdown-menu > li > a:focus {
    background-color: transparent;
  }

}



/*************************************************************/
/************************ Highlighted ************************/
/*************************************************************/

.highlighted-image {
  height: 500px;
}



/*************************************************************/
/************************ Side Image *************************/
/*************************************************************/

.side-image {
  position: absolute;
  height: 100%;
}

.side-image-text {
  padding: 100px 80px;
}

@media (max-width: 991px) {

  .side-image {
    position: relative;
    height: 300px;
  }

}



/*************************************************************/
/*************************** Panels **************************/
/*************************************************************/

.panel-icon-inline {
  position: absolute;
  height: 48px;
  font-size: 48px;
}

.panel-title-inline {
  padding-left: 65px;
  margin: 0;
  line-height: 50px;
}



/*************************************************************/
/************************* Portfolio *************************/
/*************************************************************/

/** Portfolio Block **/
.portfolio-image {
  position: relative;
}

.portfolio-title {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -15px;
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
     -moz-transition: opacity .3s ease-out;
       -o-transition: opacity .3s ease-out;
          transition: opacity .3s ease-out;
}

.portfolio-image:hover .portfolio-title {
  opacity: 1;
}

.portfolio-text {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 10px;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
     -moz-transition: opacity .3s ease-out;
       -o-transition: opacity .3s ease-out;
          transition: opacity .3s ease-out;
}

.portfolio-image:hover .portfolio-text {
  opacity: 1;
}

@media (max-width: 991px) {

  .portfolio-slider .owl-buttons {
    display: none;
  }

}



/*************************************************************/
/**************************** Blog ***************************/
/*************************************************************/

.blog-menu {
  line-height: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.blog-post {
  position: relative;
}

.blog-post-title {
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
  margin-top: -10px;
  text-align: center;
  -webkit-transition: margin-top .3s ease-out;
     -moz-transition: margin-top .3s ease-out;
       -o-transition: margin-top .3s ease-out;
          transition: margin-top .3s ease-out;
}

.blog-post:hover .blog-post-title {
  margin-top: -20px;
}

.blog-post-title.latest-posts {
  margin-top: 0;
}

.blog-post-more {
  font-size: 0.85em;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
     -moz-transition: opacity .3s ease-out;
       -o-transition: opacity .3s ease-out;
          transition: opacity .3s ease-out;
}

.blog-post:hover .blog-post-more {
  opacity: 1;
}

.blog-post-info {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  font-size: .85em;
  font-style: italic;
}

.blog-2-post + .blog-2-post {
  margin-top: 100px;
}

/** Blog Single **/
.blog-single-title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 0;
}

.blog-single-info {
  text-decoration: italic;
  font-size: .85em;
}

.blog-single-info i {
  padding: 0 10px 0 30px;
}

@media (max-width: 991px) {

  .blog-single-title {
    position: relative;
    background-color: #333;
  }

}

/** News Block **/
.news-block-text {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: left;
}



/*************************************************************/
/************************** Comments *************************/
/*************************************************************/

.theme-comments {
  margin-top: 100px;
}

.theme-comments-title {
  margin-bottom: 50px;
  text-align: center;
}

.theme-comment {
  margin-top: 80px;
}

.theme-comment-subject {
  margin-bottom: 10px;
}



/*************************************************************/
/************************* Pagination ************************/
/*************************************************************/

.pagination {
  padding: 0;
  margin: 100px 0 0;
  list-style: none;
}

.pagination > li {
  display: inline-block;
}

.pagination > li + li {
  padding-left: 30px;
}

.pagination > .active > a {
  color: #444;
}



/*************************************************************/
/**************************** Team ***************************/
/*************************************************************/

.team-image {
  position: relative;
  text-align: center;
}

.team-info {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
          transition: opacity .25s ease-in-out;
}

.team-image:hover .team-info {
  opacity: 1;
}



/*************************************************************/
/************************ Google Maps ************************/
/*************************************************************/

.google-map {
  width: 100%;
  height: 350px;
}

.google-map-full {
  width: 100%;
  height: 100%;
}



/*************************************************************/
/**************************** Tabs ***************************/
/*************************************************************/

.nav-tabs {
  margin-bottom: 20px;
  border: 0;
}

.nav.nav-tabs > li > a {
  padding: 7px 27px;
}

.nav-tabs > li > a {
  margin-right: 10px;
  color: #444;
  border-radius: 0;
}

.nav-tabs > li > a:hover {
  border-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
}

.nav-tabs.nav-justified > li > a {
  margin-right: 10px;
  color: #444;
  border-color: transparent;
  border-radius: 0;
}

.nav-tabs.nav-justified > li:last-child > a {
  margin-right: 0;
}

.nav-tabs.nav-justified > li > a:hover {
  border-color: transparent;
}

@media (max-width: 767px) {

  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
  }

}



/*************************************************************/
/************************* Accordions ************************/
/*************************************************************/

.panel + .panel {
  margin-top: 10px;
}

.panel-heading {
  padding: 10px 20px;
  border: 2px solid #555;
}

.panel-body {
  padding: 20px;
}



/*************************************************************/
/************************** Buttons **************************/
/*************************************************************/

.btn {
  padding: 10px 40px;
  font-size: inherit;
  font-weight: 300;
  line-height: inherit;
  letter-spacing: inherit;
  color: #fff;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.btn:hover {
  color: #444;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn + .btn {
  margin-left: 10px;
}

.btn:focus,
.btn:active,
.btn.active {
  outline: 0;
}

.btn-lg {
  padding: 20px 60px;
  font-size: 1.3em;
  line-height: inherit;
}

.btn-md {
  padding: 20px 60px;
  font-size: 1.3em;
  line-height: inherit;
}

.btn-sm,
.btn-xs {
  padding: 10px 20px;
  font-size: 0.8em;
  line-height: normal;
}

.btn-xs {
  padding: 5px 10px;
}

.btn-default {
  color: #fff;
  background-color: #444;
  border-color: #444;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: transparent;
  border-color: #444;
}

.btn-inverse {
  color: #444;
  border-color: #444;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
  color: #fff;
  background-color: #444;
  border-color: #444;
}


.btn-outline {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active,
.btn.btn-outline.active:hover {
  color: #b22222 !important;
  background-color: #fff;
}




/*************************************************************/
/*************************** Alerts **************************/
/*************************************************************/

.alert:last-child {
  margin-bottom: 0;
}



/*************************************************************/
/*********************** Progress Bars ***********************/
/*************************************************************/

.progress {
  height: 20px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}

.progress:last-child {
  margin-bottom: 0;
}

.progress-title {
  margin-bottom: 5px;
}

.progress-bar {
  padding: 0 10px;
  font-size: 0.85em;
  line-height: 20px;
  text-align: left;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}



/*************************************************************/
/*************************** Forms ***************************/
/*************************************************************/

.form-group {
  margin-bottom: 20px;
}

.form-group:last-child {
  margin-bottom: 0;
}

select.form-control,
.form-control {
  background: transparent;
  border: 2px solid rgba(0,0,0,.1);
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
}

.form-control:focus {
  border-color: rgba(0,0,0,.2);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"] {
  -webkit-appearance: none;
}



/*************************************************************/
/******************** Colors & Backgrounds *******************/
/*************************************************************/

/** Text Color Palette **/
.text-color-light,
.text-color-light p,
.text-color-light h1,
.text-color-light h2,
.text-color-light h3,
.text-color-light h4,
.text-color-light h5,
.text-color-light h6,
.text-color-light a:hover,
.text-color-light a:focus,
.text-color-light a:active {
  color: #fff;
}

.text-color-light .btn:hover {
  color: #fff;
  border-color: #fff;
}

.text-color-light .btn-default {
  color: #444;
  background-color: #fff;
  border-color: #fff;
}

.text-color-light .btn-default:hover {
  color: #fff;
  background-color: transparent;
}

.text-color-light .btn-inverse {
  color: #fff;
  border-color: #fff;
}

.text-color-light .btn-inverse:hover {
  color: #444;
  background-color: #fff;
}

/** Background Colors **/
.bg-color-grayDark1    { background-color: #333; }
.bg-color-grayDark2    { background-color: #444; }
.bg-color-grayLight1   { background-color: #f6f6f6; }
.bg-color-grayLight2   { background-color: #eeeeee; }
.bg-color-grayLight3   { background-color: #e0e0e0; }

/** Background Images **/
.bg-image-rocks {
  background: url('../img/background-images/rocks.jpg') scroll top no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-rocks {
    background-image: url('../img/background-images/rocks@2x.jpg');
  }
}
**/

.bg-image-readers {
  background: url('../img/background-images/readers.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-readers {
    background-image: url('../img/background-images/readers@2x.jpg');
  }
}
**/

.bg-image-road {
  background: url('../img/background-images/road.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-road {
    background-image: url('../img/background-images/road@2x.jpg');
  }
}
**/

.bg-image-coffee {
  background: url('../img/background-images/coffee.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-coffee {
    background-image: url('../img/background-images/coffee@2x.jpg');
  }
}
**/

.bg-image-typewriter {
  background: url('../img/background-images/typewriter.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-typewriter {
    background-image: url('../img/background-images/typewriter@2x.jpg');
  }
}
**/

.bg-image-party {
  background: url('../img/background-images/party.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-party {
    background-image: url('../img/background-images/party@2x.jpg');
  }
}
**/

.bg-image-macdesk {
  background: url('../img/background-images/macdesk.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-macdesk {
    background-image: url('../img/background-images/macdesk@2x.jpg');
  }
}
**/

.bg-image-desk {
  background: url('../img/background-images/desk-sq.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-macdesk {
    background-image: url('../img/background-images/macdesk@2x.jpg');
  }
}
**/

.bg-image-kindle {
  background: url('../img/background-images/kindle.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-kindle {
    background-image: url('../img/background-images/kindle@2x.jpg');
  }
}
**/

.bg-image-lamp {
  background: url('../img/background-images/lamp.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-lamp {
    background-image: url('../img/background-images/lamp@2x.jpg');
  }
}
**/

.bg-image-operator {
  background: url('../img/background-images/operator.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-operator {
    background-image: url('../img/background-images/operator@2x.jpg');
  }
}
**/

.bg-image-aboutme {
  background: url('../img/background-images/aboutme.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-aboutme {
    background-image: url('../img/background-images/aboutme@2x.jpg');
  }
}
**/

.bg-image-map {
  background: url('../img/background-images/map.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-map {
    background-image: url('../img/background-images/map@2x.jpg');
  }
}
**/

.bg-image-bear {
  background: url('../img/background-images/bear.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-bear {
    background-image: url('../img/background-images/bear@2x.jpg');
  }
}
**/

.bg-image-mountainRoad {
  background: url('../img/background-images/mountainRoad.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-mountainRoad {
    background-image: url('../img/background-images/mountainRoad@2x.jpg');
  }
}
**/

/**********************************************/
/**                                          **/
/**   Generics v0.1                          **/
/**   General styles for css layout design   **/
/**   http://leaftree.pt/                    **/
/**                                          **/
/**********************************************/

/* Positions */
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed    { position: fixed; }

/* Spacings */
.padding-0         { padding: 0!important; }
.padding-left-0    { padding-left: 0!important; }
.padding-top-0     { padding-top: 0!important; }
.padding-right-0   { padding-right: 0!important; }
.padding-bottom-0  { padding-bottom: 0!important; }

.padding-5         { padding: 5px!important; }
.padding-left-5    { padding-left: 5px!important; }
.padding-top-5     { padding-top: 5px!important; }
.padding-right-5   { padding-right: 5px!important; }
.padding-bottom-5  { padding-bottom: 5px!important; }

.padding-10        { padding: 10px!important; }
.padding-left-10   { padding-left: 10px!important; }
.padding-top-10    { padding-top: 10px!important; }
.padding-right-10  { padding-right: 10px!important; }
.padding-bottom-10 { padding-bottom: 10px!important; }

.padding-15        { padding: 15px!important; }
.padding-left-15   { padding-left: 15px!important; }
.padding-top-15    { padding-top: 15px!important; }
.padding-right-15  { padding-right: 15px!important; }
.padding-bottom-15 { padding-bottom: 15px!important; }

.padding-20        { padding: 20px!important; }
.padding-left-20   { padding-left: 20px!important; }
.padding-top-20    { padding-top: 20px!important; }
.padding-right-20  { padding-right: 20px!important; }
.padding-bottom-20 { padding-bottom: 20px!important; }

.padding-25        { padding: 25px!important; }
.padding-left-25   { padding-left: 25px!important; }
.padding-top-25    { padding-top: 25px!important; }
.padding-right-25  { padding-right: 25px!important; }
.padding-bottom-25 { padding-bottom: 25px!important; }

.padding-30        { padding: 30px!important; }
.padding-left-30   { padding-left: 30px!important; }
.padding-top-30    { padding-top: 30px!important; }
.padding-right-30  { padding-right: 30px!important; }
.padding-bottom-30 { padding-bottom: 30px!important; }

.padding-35        { padding: 35px!important; }
.padding-left-35   { padding-left: 35px!important; }
.padding-top-35    { padding-top: 35px!important; }
.padding-right-35  { padding-right: 35px!important; }
.padding-bottom-35 { padding-bottom: 35px!important; }

.padding-40        { padding: 40px!important; }
.padding-left-40   { padding-left: 40px!important; }
.padding-top-40    { padding-top: 40px!important; }
.padding-right-40  { padding-right: 40px!important; }
.padding-bottom-40 { padding-bottom: 40px!important; }

.padding-45        { padding: 45px!important; }
.padding-left-45   { padding-left: 45px!important; }
.padding-top-45    { padding-top: 45px!important; }
.padding-right-45  { padding-right: 45px!important; }
.padding-bottom-45 { padding-bottom: 45px!important; }

.padding-50        { padding: 50px!important; }
.padding-left-50   { padding-left: 50px!important; }
.padding-top-50    { padding-top: 50px!important; }
.padding-right-50  { padding-right: 50px!important; }
.padding-bottom-50 { padding-bottom: 50px!important; }

.padding-55        { padding: 55px!important; }
.padding-left-55   { padding-left: 55px!important; }
.padding-top-55    { padding-top: 55px!important; }
.padding-right-55  { padding-right: 55px!important; }
.padding-bottom-55 { padding-bottom: 55px!important; }

.padding-120        { padding: 120px!important; }
.padding-left-120   { padding-left: 120px!important; }
.padding-top-120    { padding-top: 120px!important; }
.padding-right-120  { padding-right: 120px!important; }
.padding-bottom-120 { padding-bottom: 120px!important; }

@media (max-width: 1200px) {
  .padding-md-0         { padding: 0!important; }
  .padding-left-md-0    { padding-left: 0!important; }
  .padding-top-md-0     { padding-top: 0!important; }
  .padding-right-md-0   { padding-right: 0!important; }
  .padding-bottom-md-0  { padding-bottom: 0!important; }

  .padding-md-5         { padding: 5px!important; }
  .padding-left-md-5    { padding-left: 5px!important; }
  .padding-top-md-5     { padding-top: 5px!important; }
  .padding-right-md-5   { padding-right: 5px!important; }
  .padding-bottom-md-5  { padding-bottom: 5px!important; }

  .padding-md-10        { padding: 10px!important; }
  .padding-left-md-10   { padding-left: 10px!important; }
  .padding-top-md-10    { padding-top: 10px!important; }
  .padding-right-md-10  { padding-right: 10px!important; }
  .padding-bottom-md-10 { padding-bottom: 10px!important; }

  .padding-md-15        { padding: 15px!important; }
  .padding-left-md-15   { padding-left: 15px!important; }
  .padding-top-md-15    { padding-top: 15px!important; }
  .padding-right-md-15  { padding-right: 15px!important; }
  .padding-bottom-md-15 { padding-bottom: 15px!important; }

  .padding-md-20        { padding: 20px!important; }
  .padding-left-md-20   { padding-left: 20px!important; }
  .padding-top-md-20    { padding-top: 20px!important; }
  .padding-right-md-20  { padding-right: 20px!important; }
  .padding-bottom-md-20 { padding-bottom: 20px!important; }

  .padding-md-25        { padding: 25px!important; }
  .padding-left-md-25   { padding-left: 25px!important; }
  .padding-top-md-25    { padding-top: 25px!important; }
  .padding-right-md-25  { padding-right: 25px!important; }
  .padding-bottom-md-25 { padding-bottom: 25px!important; }

  .padding-md-30        { padding: 30px!important; }
  .padding-left-md-30   { padding-left: 30px!important; }
  .padding-top-md-30    { padding-top: 30px!important; }
  .padding-right-md-30  { padding-right: 30px!important; }
  .padding-bottom-md-30 { padding-bottom: 30px!important; }

  .padding-md-35        { padding: 35px!important; }
  .padding-left-md-35   { padding-left: 35px!important; }
  .padding-top-md-35    { padding-top: 35px!important; }
  .padding-right-md-35  { padding-right: 35px!important; }
  .padding-bottom-md-35 { padding-bottom: 35px!important; }

  .padding-md-40        { padding: 40px!important; }
  .padding-left-md-40   { padding-left: 40px!important; }
  .padding-top-md-40    { padding-top: 40px!important; }
  .padding-right-md-40  { padding-right: 40px!important; }
  .padding-bottom-md-40 { padding-bottom: 40px!important; }

  .padding-md-45        { padding: 45px!important; }
  .padding-left-md-45   { padding-left: 45px!important; }
  .padding-top-md-45    { padding-top: 45px!important; }
  .padding-right-md-45  { padding-right: 45px!important; }
  .padding-bottom-md-45 { padding-bottom: 45px!important; }

  .padding-md-50        { padding: 50px!important; }
  .padding-left-md-50   { padding-left: 50px!important; }
  .padding-top-md-50    { padding-top: 50px!important; }
  .padding-right-md-50  { padding-right: 50px!important; }
  .padding-bottom-md-50 { padding-bottom: 50px!important; }

  .padding-md-55        { padding: 55px!important; }
  .padding-left-md-55   { padding-left: 55px!important; }
  .padding-top-md-55    { padding-top: 55px!important; }
  .padding-right-md-55  { padding-right: 55px!important; }
  .padding-bottom-md-55 { padding-bottom: 55px!important; }

  .padding-md-60        { padding: 60px!important; }
  .padding-left-md-60   { padding-left: 60px!important; }
  .padding-top-md-60    { padding-top: 60px!important; }
  .padding-right-md-60  { padding-right: 60px!important; }
  .padding-bottom-md-60 { padding-bottom: 60px!important; }

  .padding-md-120        { padding: 120px!important; }
  .padding-left-md-120   { padding-left: 120px!important; }
  .padding-top-md-120    { padding-top: 120px!important; }
  .padding-right-md-120  { padding-right: 120px!important; }
  .padding-bottom-md-120 { padding-bottom: 120px!important; }
}

@media (max-width: 991px) {
  .padding-sm-0         { padding: 0!important; }
  .padding-left-sm-0    { padding-left: 0!important; }
  .padding-top-sm-0     { padding-top: 0!important; }
  .padding-right-sm-0   { padding-right: 0!important; }
  .padding-bottom-sm-0  { padding-bottom: 0!important; }

  .padding-sm-5         { padding: 5px!important; }
  .padding-left-sm-5    { padding-left: 5px!important; }
  .padding-top-sm-5     { padding-top: 5px!important; }
  .padding-right-sm-5   { padding-right: 5px!important; }
  .padding-bottom-sm-5  { padding-bottom: 5px!important; }

  .padding-sm-10        { padding: 10px!important; }
  .padding-left-sm-10   { padding-left: 10px!important; }
  .padding-top-sm-10    { padding-top: 10px!important; }
  .padding-right-sm-10  { padding-right: 10px!important; }
  .padding-bottom-sm-10 { padding-bottom: 10px!important; }

  .padding-sm-15        { padding: 15px!important; }
  .padding-left-sm-15   { padding-left: 15px!important; }
  .padding-top-sm-15    { padding-top: 15px!important; }
  .padding-right-sm-15  { padding-right: 15px!important; }
  .padding-bottom-sm-15 { padding-bottom: 15px!important; }

  .padding-sm-20        { padding: 20px!important; }
  .padding-left-sm-20   { padding-left: 20px!important; }
  .padding-top-sm-20    { padding-top: 20px!important; }
  .padding-right-sm-20  { padding-right: 20px!important; }
  .padding-bottom-sm-20 { padding-bottom: 20px!important; }

  .padding-sm-25        { padding: 25px!important; }
  .padding-left-sm-25   { padding-left: 25px!important; }
  .padding-top-sm-25    { padding-top: 25px!important; }
  .padding-right-sm-25  { padding-right: 25px!important; }
  .padding-bottom-sm-25 { padding-bottom: 25px!important; }

  .padding-sm-30        { padding: 30px!important; }
  .padding-left-sm-30   { padding-left: 30px!important; }
  .padding-top-sm-30    { padding-top: 30px!important; }
  .padding-right-sm-30  { padding-right: 30px!important; }
  .padding-bottom-sm-30 { padding-bottom: 30px!important; }

  .padding-sm-35        { padding: 35px!important; }
  .padding-left-sm-35   { padding-left: 35px!important; }
  .padding-top-sm-35    { padding-top: 35px!important; }
  .padding-right-sm-35  { padding-right: 35px!important; }
  .padding-bottom-sm-35 { padding-bottom: 35px!important; }

  .padding-sm-40        { padding: 40px!important; }
  .padding-left-sm-40   { padding-left: 40px!important; }
  .padding-top-sm-40    { padding-top: 40px!important; }
  .padding-right-sm-40  { padding-right: 40px!important; }
  .padding-bottom-sm-40 { padding-bottom: 40px!important; }

  .padding-sm-45        { padding: 45px!important; }
  .padding-left-sm-45   { padding-left: 45px!important; }
  .padding-top-sm-45    { padding-top: 45px!important; }
  .padding-right-sm-45  { padding-right: 45px!important; }
  .padding-bottom-sm-45 { padding-bottom: 45px!important; }

  .padding-sm-50        { padding: 50px!important; }
  .padding-left-sm-50   { padding-left: 50px!important; }
  .padding-top-sm-50    { padding-top: 50px!important; }
  .padding-right-sm-50  { padding-right: 50px!important; }
  .padding-bottom-sm-50 { padding-bottom: 50px!important; }

  .padding-sm-55        { padding: 55px!important; }
  .padding-left-sm-55   { padding-left: 55px!important; }
  .padding-top-sm-55    { padding-top: 55px!important; }
  .padding-right-sm-55  { padding-right: 55px!important; }
  .padding-bottom-sm-55 { padding-bottom: 55px!important; }

  .padding-sm-120        { padding: 120px!important; }
  .padding-left-sm-120   { padding-left: 120px!important; }
  .padding-top-sm-120    { padding-top: 120px!important; }
  .padding-right-sm-120  { padding-right: 120px!important; }
  .padding-bottom-sm-120 { padding-bottom: 120px!important; }
}

@media (max-width: 767px) {
  .padding-xs-0         { padding: 0!important; }
  .padding-left-xs-0    { padding-left: 0!important; }
  .padding-top-xs-0     { padding-top: 0!important; }
  .padding-right-xs-0   { padding-right: 0!important; }
  .padding-bottom-xs-0  { padding-bottom: 0!important; }

  .padding-xs-5         { padding: 5px!important; }
  .padding-left-xs-5    { padding-left: 5px!important; }
  .padding-top-xs-5     { padding-top: 5px!important; }
  .padding-right-xs-5   { padding-right: 5px!important; }
  .padding-bottom-xs-5  { padding-bottom: 5px!important; }

  .padding-xs-10        { padding: 10px!important; }
  .padding-left-xs-10   { padding-left: 10px!important; }
  .padding-top-xs-10    { padding-top: 10px!important; }
  .padding-right-xs-10  { padding-right: 10px!important; }
  .padding-bottom-xs-10 { padding-bottom: 10px!important; }

  .padding-xs-15        { padding: 15px!important; }
  .padding-left-xs-15   { padding-left: 15px!important; }
  .padding-top-xs-15    { padding-top: 15px!important; }
  .padding-right-xs-15  { padding-right: 15px!important; }
  .padding-bottom-xs-15 { padding-bottom: 15px!important; }

  .padding-xs-20        { padding: 20px!important; }
  .padding-left-xs-20   { padding-left: 20px!important; }
  .padding-top-xs-20    { padding-top: 20px!important; }
  .padding-right-xs-20  { padding-right: 20px!important; }
  .padding-bottom-xs-20 { padding-bottom: 20px!important; }

  .padding-xs-25        { padding: 25px!important; }
  .padding-left-xs-25   { padding-left: 25px!important; }
  .padding-top-xs-25    { padding-top: 25px!important; }
  .padding-right-xs-25  { padding-right: 25px!important; }
  .padding-bottom-xs-25 { padding-bottom: 25px!important; }

  .padding-xs-30        { padding: 30px!important; }
  .padding-left-xs-30   { padding-left: 30px!important; }
  .padding-top-xs-30    { padding-top: 30px!important; }
  .padding-right-xs-30  { padding-right: 30px!important; }
  .padding-bottom-xs-30 { padding-bottom: 30px!important; }

  .padding-xs-35        { padding: 35px!important; }
  .padding-left-xs-35   { padding-left: 35px!important; }
  .padding-top-xs-35    { padding-top: 35px!important; }
  .padding-right-xs-35  { padding-right: 35px!important; }
  .padding-bottom-xs-35 { padding-bottom: 35px!important; }

  .padding-xs-40        { padding: 40px!important; }
  .padding-left-xs-40   { padding-left: 40px!important; }
  .padding-top-xs-40    { padding-top: 40px!important; }
  .padding-right-xs-40  { padding-right: 40px!important; }
  .padding-bottom-xs-40 { padding-bottom: 40px!important; }

  .padding-xs-45        { padding: 45px!important; }
  .padding-left-xs-45   { padding-left: 45px!important; }
  .padding-top-xs-45    { padding-top: 45px!important; }
  .padding-right-xs-45  { padding-right: 45px!important; }
  .padding-bottom-xs-45 { padding-bottom: 45px!important; }

  .padding-xs-50        { padding: 50px!important; }
  .padding-left-xs-50   { padding-left: 50px!important; }
  .padding-top-xs-50    { padding-top: 50px!important; }
  .padding-right-xs-50  { padding-right: 50px!important; }
  .padding-bottom-xs-50 { padding-bottom: 50px!important; }

  .padding-xs-55        { padding: 55px!important; }
  .padding-left-xs-55   { padding-left: 55px!important; }
  .padding-top-xs-55    { padding-top: 55px!important; }
  .padding-right-xs-55  { padding-right: 55px!important; }
  .padding-bottom-xs-55 { padding-bottom: 55px!important; }

  .padding-xs-120        { padding: 120px!important; }
  .padding-left-xs-120   { padding-left: 120px!important; }
  .padding-top-xs-120    { padding-top: 120px!important; }
  .padding-right-xs-120  { padding-right: 120px!important; }
  .padding-bottom-xs-120 { padding-bottom: 120px!important; }

  .padding-xs-120        { padding: 120px!important; }
  .padding-left-xs-120   { padding-left: 120px!important; }
  .padding-top-xs-120    { padding-top: 120px!important; }
  .padding-right-xs-120  { padding-right: 120px!important; }
  .padding-bottom-xs-120 { padding-bottom: 120px!important; }

  .padding-xs-120        { padding: 120px!important; }
  .padding-left-xs-120   { padding-left: 120px!important; }
  .padding-top-xs-120    { padding-top: 120px!important; }
  .padding-right-xs-120  { padding-right: 120px!important; }
  .padding-bottom-xs-120 { padding-bottom: 120px!important; }

  .padding-xs-120        { padding: 120px!important; }
  .padding-left-xs-120   { padding-left: 120px!important; }
  .padding-top-xs-120    { padding-top: 120px!important; }
  .padding-right-xs-120  { padding-right: 120px!important; }
  .padding-bottom-xs-120 { padding-bottom: 120px!important; }
}

.margin-0         { margin: 0!important; }
.margin-left-0    { margin-left: 0!important; }
.margin-top-0     { margin-top: 0!important; }
.margin-right-0   { margin-right: 0!important; }
.margin-bottom-0  { margin-bottom: 0!important; }

.margin-5         { margin: 5px!important; }
.margin-left-5    { margin-left: 5px!important; }
.margin-top-5     { margin-top: 5px!important; }
.margin-right-5   { margin-right: 5px!important; }
.margin-bottom-5  { margin-bottom: 5px!important; }

.margin-10        { margin: 10px!important; }
.margin-left-10   { margin-left: 10px!important; }
.margin-top-10    { margin-top: 10px!important; }
.margin-right-10  { margin-right: 10px!important; }
.margin-bottom-10 { margin-bottom: 10px!important; }

.margin-15        { margin: 15px!important; }
.margin-left-15   { margin-left: 15px!important; }
.margin-top-15    { margin-top: 15px!important; }
.margin-right-15  { margin-right: 15px!important; }
.margin-bottom-15 { margin-bottom: 15px!important; }

.margin-20        { margin: 20px!important; }
.margin-left-20   { margin-left: 20px!important; }
.margin-top-20    { margin-top: 20px!important; }
.margin-right-20  { margin-right: 20px!important; }
.margin-bottom-20 { margin-bottom: 20px!important; }

.margin-25        { margin: 25px!important; }
.margin-left-25   { margin-left: 25px!important; }
.margin-top-25    { margin-top: 25px!important; }
.margin-right-25  { margin-right: 25px!important; }
.margin-bottom-25 { margin-bottom: 25px!important; }

.margin-30        { margin: 30px!important; }
.margin-left-30   { margin-left: 30px!important; }
.margin-top-30    { margin-top: 30px!important; }
.margin-right-30  { margin-right: 30px!important; }
.margin-bottom-30 { margin-bottom: 30px!important; }

.margin-35        { margin: 35px!important; }
.margin-left-35   { margin-left: 35px!important; }
.margin-top-35    { margin-top: 35px!important; }
.margin-right-35  { margin-right: 35px!important; }
.margin-bottom-35 { margin-bottom: 35px!important; }

.margin-40        { margin: 40px!important; }
.margin-left-40   { margin-left: 40px!important; }
.margin-top-40    { margin-top: 40px!important; }
.margin-right-40  { margin-right: 40px!important; }
.margin-bottom-40 { margin-bottom: 40px!important; }

.margin-45        { margin: 45px!important; }
.margin-left-45   { margin-left: 45px!important; }
.margin-top-45    { margin-top: 45px!important; }
.margin-right-45  { margin-right: 45px!important; }
.margin-bottom-45 { margin-bottom: 45px!important; }

.margin-50        { margin: 50px!important; }
.margin-left-50   { margin-left: 50px!important; }
.margin-top-50    { margin-top: 50px!important; }
.margin-right-50  { margin-right: 50px!important; }
.margin-bottom-50 { margin-bottom: 50px!important; }

.margin-55        { margin: 55px!important; }
.margin-left-55   { margin-left: 55px!important; }
.margin-top-55    { margin-top: 55px!important; }
.margin-right-55  { margin-right: 55px!important; }
.margin-bottom-55 { margin-bottom: 55px!important; }

.margin-120        { margin: 120px!important; }
.margin-left-120   { margin-left: 120px!important; }
.margin-top-120    { margin-top: 120px!important; }
.margin-right-120  { margin-right: 120px!important; }
.margin-bottom-120 { margin-bottom: 120px!important; }

@media (max-width: 1200px) {
  .margin-md-0         { margin: 0!important; }
  .margin-left-md-0    { margin-left: 0!important; }
  .margin-top-md-0     { margin-top: 0!important; }
  .margin-right-md-0   { margin-right: 0!important; }
  .margin-bottom-md-0  { margin-bottom: 0!important; }

  .margin-md-5         { margin: 5px!important; }
  .margin-left-md-5    { margin-left: 5px!important; }
  .margin-top-md-5     { margin-top: 5px!important; }
  .margin-right-md-5   { margin-right: 5px!important; }
  .margin-bottom-md-5  { margin-bottom: 5px!important; }

  .margin-md-10        { margin: 10px!important; }
  .margin-left-md-10   { margin-left: 10px!important; }
  .margin-top-md-10    { margin-top: 10px!important; }
  .margin-right-md-10  { margin-right: 10px!important; }
  .margin-bottom-md-10 { margin-bottom: 10px!important; }

  .margin-md-15        { margin: 15px!important; }
  .margin-left-md-15   { margin-left: 15px!important; }
  .margin-top-md-15    { margin-top: 15px!important; }
  .margin-right-md-15  { margin-right: 15px!important; }
  .margin-bottom-md-15 { margin-bottom: 15px!important; }

  .margin-md-20        { margin: 20px!important; }
  .margin-left-md-20   { margin-left: 20px!important; }
  .margin-top-md-20    { margin-top: 20px!important; }
  .margin-right-md-20  { margin-right: 20px!important; }
  .margin-bottom-md-20 { margin-bottom: 20px!important; }

  .margin-md-25        { margin: 25px!important; }
  .margin-left-md-25   { margin-left: 25px!important; }
  .margin-top-md-25    { margin-top: 25px!important; }
  .margin-right-md-25  { margin-right: 25px!important; }
  .margin-bottom-md-25 { margin-bottom: 25px!important; }

  .margin-md-30        { margin: 30px!important; }
  .margin-left-md-30   { margin-left: 30px!important; }
  .margin-top-md-30    { margin-top: 30px!important; }
  .margin-right-md-30  { margin-right: 30px!important; }
  .margin-bottom-md-30 { margin-bottom: 30px!important; }

  .margin-md-35        { margin: 35px!important; }
  .margin-left-md-35   { margin-left: 35px!important; }
  .margin-top-md-35    { margin-top: 35px!important; }
  .margin-right-md-35  { margin-right: 35px!important; }
  .margin-bottom-md-35 { margin-bottom: 35px!important; }

  .margin-md-40        { margin: 40px!important; }
  .margin-left-md-40   { margin-left: 40px!important; }
  .margin-top-md-40    { margin-top: 40px!important; }
  .margin-right-md-40  { margin-right: 40px!important; }
  .margin-bottom-md-40 { margin-bottom: 40px!important; }

  .margin-md-45        { margin: 45px!important; }
  .margin-left-md-45   { margin-left: 45px!important; }
  .margin-top-md-45    { margin-top: 45px!important; }
  .margin-right-md-45  { margin-right: 45px!important; }
  .margin-bottom-md-45 { margin-bottom: 45px!important; }

  .margin-md-50        { margin: 50px!important; }
  .margin-left-md-50   { margin-left: 50px!important; }
  .margin-top-md-50    { margin-top: 50px!important; }
  .margin-right-md-50  { margin-right: 50px!important; }
  .margin-bottom-md-50 { margin-bottom: 50px!important; }

  .margin-md-55        { margin: 55px!important; }
  .margin-left-md-55   { margin-left: 55px!important; }
  .margin-top-md-55    { margin-top: 55px!important; }
  .margin-right-md-55  { margin-right: 55px!important; }
  .margin-bottom-md-55 { margin-bottom: 55px!important; }

  .margin-md-120        { margin: 120px!important; }
  .margin-left-md-120   { margin-left: 120px!important; }
  .margin-top-md-120    { margin-top: 120px!important; }
  .margin-right-md-120  { margin-right: 120px!important; }
  .margin-bottom-md-120 { margin-bottom: 120px!important; }
}

@media (max-width: 991px) {
  .margin-sm-0         { margin: 0!important; }
  .margin-left-sm-0    { margin-left: 0!important; }
  .margin-top-sm-0     { margin-top: 0!important; }
  .margin-right-sm-0   { margin-right: 0!important; }
  .margin-bottom-sm-0  { margin-bottom: 0!important; }

  .margin-sm-5         { margin: 5px!important; }
  .margin-left-sm-5    { margin-left: 5px!important; }
  .margin-top-sm-5     { margin-top: 5px!important; }
  .margin-right-sm-5   { margin-right: 5px!important; }
  .margin-bottom-sm-5  { margin-bottom: 5px!important; }

  .margin-sm-10        { margin: 10px!important; }
  .margin-left-sm-10   { margin-left: 10px!important; }
  .margin-top-sm-10    { margin-top: 10px!important; }
  .margin-right-sm-10  { margin-right: 10px!important; }
  .margin-bottom-sm-10 { margin-bottom: 10px!important; }

  .margin-sm-15        { margin: 15px!important; }
  .margin-left-sm-15   { margin-left: 15px!important; }
  .margin-top-sm-15    { margin-top: 15px!important; }
  .margin-right-sm-15  { margin-right: 15px!important; }
  .margin-bottom-sm-15 { margin-bottom: 15px!important; }

  .margin-sm-20        { margin: 20px!important; }
  .margin-left-sm-20   { margin-left: 20px!important; }
  .margin-top-sm-20    { margin-top: 20px!important; }
  .margin-right-sm-20  { margin-right: 20px!important; }
  .margin-bottom-sm-20 { margin-bottom: 20px!important; }

  .margin-sm-25        { margin: 25px!important; }
  .margin-left-sm-25   { margin-left: 25px!important; }
  .margin-top-sm-25    { margin-top: 25px!important; }
  .margin-right-sm-25  { margin-right: 25px!important; }
  .margin-bottom-sm-25 { margin-bottom: 25px!important; }

  .margin-sm-30        { margin: 30px!important; }
  .margin-left-sm-30   { margin-left: 30px!important; }
  .margin-top-sm-30    { margin-top: 30px!important; }
  .margin-right-sm-30  { margin-right: 30px!important; }
  .margin-bottom-sm-30 { margin-bottom: 30px!important; }

  .margin-sm-35        { margin: 35px!important; }
  .margin-left-sm-35   { margin-left: 35px!important; }
  .margin-top-sm-35    { margin-top: 35px!important; }
  .margin-right-sm-35  { margin-right: 35px!important; }
  .margin-bottom-sm-35 { margin-bottom: 35px!important; }

  .margin-sm-40        { margin: 40px!important; }
  .margin-left-sm-40   { margin-left: 40px!important; }
  .margin-top-sm-40    { margin-top: 40px!important; }
  .margin-right-sm-40  { margin-right: 40px!important; }
  .margin-bottom-sm-40 { margin-bottom: 40px!important; }

  .margin-sm-45        { margin: 45px!important; }
  .margin-left-sm-45   { margin-left: 45px!important; }
  .margin-top-sm-45    { margin-top: 45px!important; }
  .margin-right-sm-45  { margin-right: 45px!important; }
  .margin-bottom-sm-45 { margin-bottom: 45px!important; }

  .margin-sm-50        { margin: 50px!important; }
  .margin-left-sm-50   { margin-left: 50px!important; }
  .margin-top-sm-50    { margin-top: 50px!important; }
  .margin-right-sm-50  { margin-right: 50px!important; }
  .margin-bottom-sm-50 { margin-bottom: 50px!important; }

  .margin-sm-55        { margin: 55px!important; }
  .margin-left-sm-55   { margin-left: 55px!important; }
  .margin-top-sm-55    { margin-top: 55px!important; }
  .margin-right-sm-55  { margin-right: 55px!important; }
  .margin-bottom-sm-55 { margin-bottom: 55px!important; }

  .margin-sm-120        { margin: 120px!important; }
  .margin-left-sm-120   { margin-left: 120px!important; }
  .margin-top-sm-120    { margin-top: 120px!important; }
  .margin-right-sm-120  { margin-right: 120px!important; }
  .margin-bottom-sm-120 { margin-bottom: 120px!important; }
}

@media (max-width: 767px) {
  .margin-xs-0         { margin: 0!important; }
  .margin-left-xs-0    { margin-left: 0!important; }
  .margin-top-xs-0     { margin-top: 0!important; }
  .margin-right-xs-0   { margin-right: 0!important; }
  .margin-bottom-xs-0  { margin-bottom: 0!important; }

  .margin-xs-5         { margin: 5px!important; }
  .margin-left-xs-5    { margin-left: 5px!important; }
  .margin-top-xs-5     { margin-top: 5px!important; }
  .margin-right-xs-5   { margin-right: 5px!important; }
  .margin-bottom-xs-5  { margin-bottom: 5px!important; }

  .margin-xs-10        { margin: 10px!important; }
  .margin-left-xs-10   { margin-left: 10px!important; }
  .margin-top-xs-10    { margin-top: 10px!important; }
  .margin-right-xs-10  { margin-right: 10px!important; }
  .margin-bottom-xs-10 { margin-bottom: 10px!important; }

  .margin-xs-15        { margin: 15px!important; }
  .margin-left-xs-15   { margin-left: 15px!important; }
  .margin-top-xs-15    { margin-top: 15px!important; }
  .margin-right-xs-15  { margin-right: 15px!important; }
  .margin-bottom-xs-15 { margin-bottom: 15px!important; }

  .margin-xs-20        { margin: 20px!important; }
  .margin-left-xs-20   { margin-left: 20px!important; }
  .margin-top-xs-20    { margin-top: 20px!important; }
  .margin-right-xs-20  { margin-right: 20px!important; }
  .margin-bottom-xs-20 { margin-bottom: 20px!important; }

  .margin-xs-25        { margin: 25px!important; }
  .margin-left-xs-25   { margin-left: 25px!important; }
  .margin-top-xs-25    { margin-top: 25px!important; }
  .margin-right-xs-25  { margin-right: 25px!important; }
  .margin-bottom-xs-25 { margin-bottom: 25px!important; }

  .margin-xs-30        { margin: 30px!important; }
  .margin-left-xs-30   { margin-left: 30px!important; }
  .margin-top-xs-30    { margin-top: 30px!important; }
  .margin-right-xs-30  { margin-right: 30px!important; }
  .margin-bottom-xs-30 { margin-bottom: 30px!important; }

  .margin-xs-35        { margin: 35px!important; }
  .margin-left-xs-35   { margin-left: 35px!important; }
  .margin-top-xs-35    { margin-top: 35px!important; }
  .margin-right-xs-35  { margin-right: 35px!important; }
  .margin-bottom-xs-35 { margin-bottom: 35px!important; }

  .margin-xs-40        { margin: 40px!important; }
  .margin-left-xs-40   { margin-left: 40px!important; }
  .margin-top-xs-40    { margin-top: 40px!important; }
  .margin-right-xs-40  { margin-right: 40px!important; }
  .margin-bottom-xs-40 { margin-bottom: 40px!important; }

  .margin-xs-45        { margin: 45px!important; }
  .margin-left-xs-45   { margin-left: 45px!important; }
  .margin-top-xs-45    { margin-top: 45px!important; }
  .margin-right-xs-45  { margin-right: 45px!important; }
  .margin-bottom-xs-45 { margin-bottom: 45px!important; }

  .margin-xs-50        { margin: 50px!important; }
  .margin-left-xs-50   { margin-left: 50px!important; }
  .margin-top-xs-50    { margin-top: 50px!important; }
  .margin-right-xs-50  { margin-right: 50px!important; }
  .margin-bottom-xs-50 { margin-bottom: 50px!important; }

  .margin-xs-55        { margin: 55px!important; }
  .margin-left-xs-55   { margin-left: 55px!important; }
  .margin-top-xs-55    { margin-top: 55px!important; }
  .margin-right-xs-55  { margin-right: 55px!important; }
  .margin-bottom-xs-55 { margin-bottom: 55px!important; }

  .margin-xs-120        { margin: 120px!important; }
  .margin-left-xs-120   { margin-left: 120px!important; }
  .margin-top-xs-120    { margin-top: 120px!important; }
  .margin-right-xs-120  { margin-right: 120px!important; }
  .margin-bottom-xs-120 { margin-bottom: 120px!important; }
}

/* Typography */
.size-16  { font-size: 16px!important; }
.size-32  { font-size: 32px!important; }
.size-48  { font-size: 48px!important; }
.size-64  { font-size: 64px!important; }
.size-128 { font-size: 128px!important; }
.size-1em { font-size: 1em!important; }
.size-2em { font-size: 2em!important; }
.size-3em { font-size: 3em!important; }
.size-4em { font-size: 4em!important; }
.size-5em { font-size: 5em!important; }
.size-6em { font-size: 6em!important; }

.font-weight-100 { font-weight: 100!important; }
.font-weight-200 { font-weight: 200!important; }
.font-weight-300 { font-weight: 300!important; }
.font-weight-400 { font-weight: 400!important; }
.font-weight-500 { font-weight: 500!important; }
.font-weight-1200 { font-weight: 1200!important; }
.font-weight-1200 { font-weight: 1200!important; }
.font-weight-1200 { font-weight: 1200!important; }
.font-weight-900 { font-weight: 900!important; }

small,
.small {
 font-size: 120%;
}

.text-left   { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right  { text-align: right!important; }

@media (max-width: 1200px) {
  .text-left-md   { text-align: left!important; }
  .text-center-md { text-align: center!important; }
  .text-right-md  { text-align: right!important; }
}

@media (max-width: 991px) {
  .text-left-sm   { text-align: left!important; }
  .text-center-sm { text-align: center!important; }
  .text-right-sm  { text-align: right!important; }
}

@media (max-width: 767px) {
  .text-left-xs   { text-align: left!important; }
  .text-center-xs { text-align: center!important; }
  .text-right-xs  { text-align: right!important; }
}

/* Images */
.img-responsive { width: auto; display: inline-block; }
.img-full-width { width: 100%; height: auto; }

/* Overlay */
.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color 0.3s ease-out;
     -moz-transition: background-color 0.3s ease-out;
       -o-transition: background-color 0.3s ease-out;
          transition: background-color 0.3s ease-out;
}

.overlay-dark-10  { background-color: rgba(0,0,0,.1); }
.overlay-dark-20  { background-color: rgba(0,0,0,.2); }
.overlay-dark-30  { background-color: rgba(0,0,0,.3); }
.overlay-dark-40  { background-color: rgba(0,0,0,.4); }
.overlay-dark-50  { background-color: rgba(0,0,0,.5); }
.overlay-dark-120  { background-color: rgba(0,0,0,.6); }
.overlay-dark-120  { background-color: rgba(0,0,0,.7); }
.overlay-dark-120  { background-color: rgba(0,0,0,.8); }
.overlay-dark-90  { background-color: rgba(0,0,0,.9); }
.overlay-dark-100 { background-color: rgba(0,0,0,1); }

.overlay-light-10  { background-color: rgba(255,255,255,.1); }
.overlay-light-20  { background-color: rgba(255,255,255,.2); }
.overlay-light-30  { background-color: rgba(255,255,255,.3); }
.overlay-light-40  { background-color: rgba(255,255,255,.4); }
.overlay-light-50  { background-color: rgba(255,255,255,.5); }
.overlay-light-120  { background-color: rgba(255,255,255,.6); }
.overlay-light-120  { background-color: rgba(255,255,255,.7); }
.overlay-light-120  { background-color: rgba(255,255,255,.8); }
.overlay-light-90  { background-color: rgba(255,255,255,.9); }
.overlay-light-100 { background-color: rgba(255,255,255,1); }

.overlay-dark-hover-0:hover   { background-color: rgba(0,0,0,0); }
.overlay-dark-hover-10:hover  { background-color: rgba(0,0,0,.1); }
.overlay-dark-hover-20:hover  { background-color: rgba(0,0,0,.2); }
.overlay-dark-hover-30:hover  { background-color: rgba(0,0,0,.3); }
.overlay-dark-hover-40:hover  { background-color: rgba(0,0,0,.4); }
.overlay-dark-hover-50:hover  { background-color: rgba(0,0,0,.5); }
.overlay-dark-hover-120:hover  { background-color: rgba(0,0,0,.6); }
.overlay-dark-hover-120:hover  { background-color: rgba(0,0,0,.7); }
.overlay-dark-hover-120:hover  { background-color: rgba(0,0,0,.8); }
.overlay-dark-hover-90:hover  { background-color: rgba(0,0,0,.9); }
.overlay-dark-hover-100:hover { background-color: rgba(0,0,0,1); }

.overlay-light-hover-0:hover   { background-color: rgba(255,255,255,0); }
.overlay-light-hover-10:hover  { background-color: rgba(255,255,255,.1); }
.overlay-light-hover-20:hover  { background-color: rgba(255,255,255,.2); }
.overlay-light-hover-30:hover  { background-color: rgba(255,255,255,.3); }
.overlay-light-hover-40:hover  { background-color: rgba(255,255,255,.4); }
.overlay-light-hover-50:hover  { background-color: rgba(255,255,255,.5); }
.overlay-light-hover-120:hover  { background-color: rgba(255,255,255,.6); }
.overlay-light-hover-120:hover  { background-color: rgba(255,255,255,.7); }
.overlay-light-hover-120:hover  { background-color: rgba(255,255,255,.8); }
.overlay-light-hover-90:hover  { background-color: rgba(255,255,255,.9); }
.overlay-light-hover-100:hover { background-color: rgba(255,255,255,1); }

/* Vertical center */
.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Visibility */
.opacity-0 { opacity: 0; }
.opacity-1 { opacity: 1; }



/** custom.css */
a {
  color: #b22222;
}
.overlay-color-theme {
  background: rgba(154,207,183,.8);
}
/** Main Menu **/
.main-menu .active > a,
.main-menu .nav .open > a,
.main-menu .nav .open > a:hover,
.main-menu .nav .open > a:focus,
.main-menu .nav > li > a:hover,
.main-menu .nav > li > a:focus,
.main-menu .nav > li:hover > a,
.main-menu .nav > li:focus > a {
  color: #b22222;
}

.main-menu .dropdown-menu > .active > a,
.main-menu .dropdown-menu > li > a:hover,
.main-menu .dropdown-menu > li > a:focus {
  color: #b22222;
}

@media (max-width: 767px) {

  .main-menu .navbar-toggle {
    background: #b22222;
    border: 1px solid #b22222;
  }

}

.portfolio-text {
  background-color: #b22222;
}
.nav-tabs > li > a:hover {
  color: #b22222;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #b22222;
  border: 1px solid #b22222;
}
.nav-tabs.nav-justified > li > a:hover {
  color: #b22222;
}
.nav-tabs.nav-justified > .active >a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  color: #b22222;
  border: 1px solid #b22222;
}
.panel-heading {
  border-color: #b22222;
}
.btn-primary {
  background-color: #b22222;
  border-color: #b22222;
}
.progress-bar-primary {
  background-color: #b22222;
}
/** Text Colors **/
.text-color-theme { color: #b22222; }

/** Background Colors **/
.bg-color-theme { background-color: #b22222; }



/*
* layout
*/
.row-fluid {
  margin-left: 0;
  margin-right: 0;
}

.pad-right-20 {
  padding-right: 20px;
}

.pad-left-20 {
  padding-left: 20px;
}

.section--first {
  border-top: 60px solid #fff;
}

.section-heading {
  text-align: center;
  padding: 4em 0;
}

.section-heading .__name {
  padding: 0;
  margin: 0;
}

.section-heading .__about {
  margin: 1em 0 0;
  padding: 0;
}

.block {
  padding: 20px 0;
}

.region  {
  padding: 40px 0;
}

.region--slim  {
  padding: 20px 0;
}



/*
* backgrounds
*/
.bg-nz1 {
  background-image: url(../img/bg/nz1.jpg);
  background-position: center -130px;
}

.section-category .bg-nz1 {
  background-position: center -200px;
}

.bg-color-gray  {
  background-color: #222;
}

.bg-color-grayDark3 {
  background-color: #ddd;
}

.bg-color-light {
  background-color: #eee;
}

.bg-color-dark {
  background-color: #444;
}

.bg-color-black {
  background-color: #222;
}

/*
* header
*/
.header-white {
  background: #fff;
}

#logo {
  display: block;
  margin-top: 17px;
}

h1 {
  font-size: 30px;
}

.main-menu .nav > li > a {
    padding: 20px 20px;
}

.home--header {
  margin: 0;
  text-transform: uppercase;
}

.home--subheader {
  font-size: 1.1em;
  font-weight: 300;
  margin: 1em 0 0 0;
}

.section-home .highlighted-image {
  height: 600px;
}

.section-category .highlighted-image {
  height: 380px;
}

.highlighted-image .btn-default {
  background: transparent;
  color: white;
}
.highlighted-image .btn-default:hover,
.highlighted-image .btn-default--active,
.highlighted-image .btn-default--active:hover {
  background: white;
  color: #b22222;
}

.btn i {
  margin-left: 0.25em;
}


/*
* banner
*/
#home {
  position: relative;
}

.welcome h1, .welcome h4 {
  color: #fff;
}

.hello {
  margin-bottom: 20px;
  font-size: 30px;
}

.we-are {
  font-size: 14px;
  text-transform: uppercase;
}

.about-us .we-are {
  margin-bottom: 20px;
  color: #777;
}

.about-us .we-offer {
  margin-bottom: 40px;
  font-size: 15px;
}
.about--intro {
  font-size: 1.2em;
}


/*
*showcase
*/
.product-showcase .side-image {
  background-repeat: no-repeat;
  background-size: cover;
}




/*
* reviews
*/
.testimonial {
  font-size: 15px;
  padding: 0;
  margin: 0;
}
.testimonial h5 {
  color: #bbb;
  margin: .2em 0 1em 0;
}
.testimonial sup {
  color: #999;
}
.testimonial p {
  color: #bbb;
}
.testimonial cite {
  color: #bbb;
  font-style: italic;
  display: block;
  text-align: right;
}


/*
* catalog
*/
.catgory-nav {
  margin: 20px 0;
}

.catalog .filters {
  margin-bottom: 20px;
}

.catalog .filters ul {
  margin: 0;
}

.catalog .filters li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.sub-nav a {
  padding: 0 1em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

.sub-nav a.active {
  color: #444;
}

.portfolio-title h5 {
  font-size: 0.9em;
  padding: 0 .5em;
}

.product-tiles h5,
h5.tile {
  font-size: .9em;
  margin: 1em 0 0.5em 0;
}

.product-tiles .price {
  font-weight: 400;
}

.product-details--images {
  padding: 1px;
}

.product-details--images .portfolio-image {
  padding: 5px;
}


/*
* category list
*/
.category--header {
  margin: 0;
  padding-top: 90px;
}

.catalog-list li {
  list-style-type: none;
  margin: 0;
  padding: 20px 0;
}

.catalog-list-item {
  display: block;
}



/*
* footer
*/
.region-footer {
  padding-bottom: 0;
}

.contact-details a {
  color: #777;
}

.contact-details a:hover {
  color: #b22222;
}
.filter-separator {

  color: #999;
}

/*
contact form
*/
#contact-submit[disabled] {
  background-color: #fff;
  color: #b22222;
  border-color: #ddd;
}

#contact-form label {
  display: block;
  max-width: 100%;
  margin: 0;
}

#contact-form label.error {
  color: #b22222;
  font-weight: normal;
}

#contact-form input.error,
#contact-form textarea.error {
  border-color: #b22222;
}
#contact0 {
  position: absolute;
  height:0;
  border: none;
  padding: 0;
}


.contact-message {
  display: none;
}
.contact-message p {
  margin: 1em 0 0;
}



.nav-label {
  float: left;
}
.icon-bar {
  background-color: #fff;
}

.angled_badge {
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    text-align: center;
}

.angled_badge::before {
  content: '';
  position: absolute;
  top: 0;
  right: 37%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 80px 80px 0;
  border-color: rgba(0, 0, 0, 0) #b22 rgba(0, 0, 0, 0);
}

.angled_badge span {
  color: #fff;
  position: absolute;
  display: block;
  font-size: 1em;
  font-weight: 600;
  width: 80px;
  height: 80px;
  right: 55px;
  top: 25px;
  line-height: 1.1em;
  -webkit-transform: rotate(45deg) translate(0, -25%);
  -moz-transform: rotate(45deg) translate(0, -25%);
  -ms-transform: rotate(45deg) translate(0, -25%);
  -o-transform: rotate(45deg) translate(0, -25%);
  transform: rotate(45deg) translate(0, -25%);
}

.soon.angled_badge::before {
  border-color: transparent #333 transparent;
  border-width: 0 90px 90px 0;
}
.soon.angled_badge span {
  font-size: .8em;
  width: 80px;
  height: 80px;
  right: 55px;
  top: 25px;
  text-transform: uppercase;
}

.priceSold {
  color: #bb2222;
}


.catalog__sort_title {
  margin-bottom: 0;
}
.product-tiles h5.catalog__sort_label {
  color: #999;
}
.catalog__sort_label span {
  margin: 0 .3em;
}
.catalog__sort_label a {
  color: #444;
}
.catalog__sort_label a.selected, .catalog__sort_label a:hover {
  color: #b22;
}
.catalog__sort_label a.selected:hover {
  color: #b22;
}

.region.region--anchor {
  border-top: 50px solid #fff;
}

.section-gray-gradient {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 25%, rgba(231,231,231,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(231,231,231,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}


.region-about {
  background-color: #e8e8e8;
}