/* Color Scheme 1 */

body {

  font-family: 'Open Sans', sans-serif;

  font-size: 13px;

}

a {

  color: #372f2b;

  text-decoration: none;

}

a:hover {

  color: #d80b36;

  text-decoration: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

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

  text-transform: uppercase;

  font-weight: bold;

}



.reset-htag {

  margin: 0;

  padding: 0;

  line-height: 100%;

}

.reset-list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.htag {

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

  text-transform: uppercase;

  font-weight: bold;

}

h2 {

  font-size: 30px;

  color: #980020;

}

h3 {

  font-size: 18px;

}

.centered {

  text-align: center;

}

img.centered {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.alignl {

  float: left;

  margin-right: 1em;

  margin-bottom: 1em;

}

.margin-t {

  margin-top: 110px;

  /*padding: 80px;*/

}



.margin-j {

  margin-top: 110px;

  padding-right: 100px;

  padding-left: 100px;

}

#main-wrapper {

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

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

}

#main-wrapper .row-fluid > .inner,

#main-wrapper .row-fluid-5 > .inner {

  padding-left: 20px;

  padding-right: 20px;

}

.list-arrow {

  list-style: none;

  margin: 0;

  padding: 0;

}

.list-arrow i {

  font-size: 16px;

  margin-right: 10px;

}

.list-arrow li:hover i {

  color: #d80b36;

}

#work {

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

  font-size: 14px;

  text-transform: uppercase;

}

.work-box img {

  width: 100%;

  border-bottom: 2px solid #d80b36;

}

.work-box .work-caption {

  position: relative;

  display: block;

  text-align: center;

  padding: 1em 0;

  padding-right: 10px;

  border-bottom: 1px solid #cad2d2;

}

.work-box .work-caption * {

  margin: 0;

  padding: 0;

  line-height: 1;

}

.work-box .work-caption::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 1px;

  height: 24px;

  background-color: #d80b36;

}

.work-box .work-caption::after {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  display: block;

  width: 1px;

  height: 24px;

  background-color: #cad2d2;

}

.work-box .work-caption .work-category {

  text-transform: uppercase;

  color: #d80b36;

  margin-top: 10px;

}

.white-popup {

  position: relative;

  background: #FFF;

  padding: 20px;

  width: auto;

  max-width: 800px;

  margin: 20px auto;

}

.white-popup .row-fluid {

  position: relative;

}

.white-popup .button {

  position: absolute;

  bottom: 0;

  right: 0;

}

.brand {

  width: 260px;

  height: 151px;

  position: absolute;

  left: 50%;

  margin-left: -130px;

  z-index: 300;

  /*background-color: #fff;*/

  overflow: hidden;

}



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

	Navigation

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

  #header {

    height: 112px;

  }

  .main ul.nav {

    text-align: center;

  }

  .main ul.nav,

  .main ul.nav > li {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .main ul.nav > li > a.dropdown-toggle {

    text-align: center;

  }

  .main ul.nav > li > a.dropdown-toggle i {

    display: block;

    width: 100%;

    text-align: center;

    position: absolute;

    left: 0;

    top: 70%;

  }

  .main ul.nav > li > a.dropdown-toggle:hover i {

    color: #d80b36;

  }

  .main ul.nav > li.dropdown.open.active > a:hover,

  .main ul.nav > li.dropdown.open.active > a:focus {

    color: #372f2b;

    background-color: #fff;

    border-color: #fff;

  }

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

    text-align: left;

    padding: 0;

    margin: 0;

    list-style: none;

    background-color: #ffffff;

    border: none;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

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

  }

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

    border-top: 1px solid #e1e1e1;

  }

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

    height: 32px;

    line-height: 32px;

    padding: 0 20px;

    font-size: 10px;

    border-left: 3px solid #d80b36;

    text-transform: uppercase;

  }

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

    background-color: #d80b36;

    background-image: none;

    color: #fff;

  }

  .main ul.nav > li {

    display: inline-block;

    vertical-align: top;

    height: 112px;

    line-height: 112px;

  }

  .main ul.nav > li > a {

    overflow: hidden;

    display: block;

    margin: 0;

    padding: 0 12px;

    text-decoration: none;

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

    font-size: 13px;

    text-transform: uppercase;

    position: relative;

  }

  .nav > li > a:hover,

  .nav > li > a:focus {

    background-color: #fff;

  }

  .main ul.navl {

    text-align: right;

    width: 50%;

  }

  .main ul.navl > li:last-child {

    margin-right: 130px;

  }

  .main ul.navr {

    text-align: left;

    width: 50%;

  }

  .main ul.navr > li:first-child {

    margin-left: 130px;

  }

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

	Bootstrap Tabs

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

  .nav-tabs {

    margin: 0;

  }

  .tab-pane {

    border: 1px solid #cad2d2;

    border-top: none;

    padding: 20px;

  }

  .nav-tabs > li {

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

    text-transform: uppercase;

    font-size: 12px;

  }

  .nav-tabs > li.active {

    background: #fff;

  }

  .nav-tabs > li > a,

  .nav-pills > li > a {

    color: #fff;

    background-color: #d80b36;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    border: 0px;

  }

  .nav-tabs > li > a:hover,

  .nav-pills > li > a:hover {

    color: #d80b36;

  }

  .nav-tabs > .active > a,

  .nav-tabs > .active > a:hover,

  .nav-tabs > .active > a:focus {

    color: #d80b36;

  }

  .tabbable-icon .nav-tabs {

    text-align: center;

  }

  .tabbable-icon .nav-tabs > li,

  .tabbable-icon .nav-pills > li {

    float: none;

    display: inline-block;

    background: none;

  }

  .tabbable-icon .nav-tabs > li > a,

  .tabbable-icon .nav-pills > li > a {

    color: #ccc;

    font-size: 24px;

    background-color: #fff;

  }

  .tabbable-icon .nav-tabs > li.active > a,

  .tabbable-icon .nav-pills > li.active > a {

    color: #d80b36;

  }

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

	Works page

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

  #work-col2 > .span6,

  #work-col3 > .span4,

  #work-col4 > .span3 {

    margin-bottom: 70px;

    opacity: 0;

    display: none;

  }

  #work-col5 .work-caption h3 {

    font-size: 14px;

  }

  .filters-wrapper {

    background: url("../img/line-horiz.png") repeat-x 50% 50%;

  }

  .filters {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .filters {

    text-align: right;

    background: url("../img/line-horiz-left.png") no-repeat 0 50%;

  }

  .filters li {

    margin: 0;

    display: inline-block;

  }

  .filters .active {

    background-color: #d80b36;

    border-color: #d80b36;

    color: #fff;

  }

  .has-mask {

    display: block;

    position: relative;

  }

  .has-mask .mask-inner {

    background-color: #d80b36;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    height: 100%;

    width: 100%;

  }

  .has-mask.mask-url .mask-inner {

    background-image: url("../img/icons/url.png");

  }

  .has-mask.mask-plus .mask-inner {

    background-image: url("../img/icons/plus.png");

  }

  .has-mask.mask-plus-small .mask-inner {

    background-image: url("../img/icons/plus-small.png");

  }

  .has-mask.mask-plus-big .mask-inner {

    background-image: url("../img/icons/plus-big.png");

  }

  .has-mask .mask {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 10px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    /* Hide at first */



    opacity: 0;

    /* Allow click through */



    pointer-events: none;

  }

  .has-mask .mask.animated {

    opacity: 1;

  }

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

	Bootstrap Override

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

  textarea,

  input[type="text"],

  input[type="password"],

  input[type="datetime"],

  input[type="datetime-local"],

  input[type="date"],

  input[type="month"],

  input[type="time"],

  input[type="week"],

  input[type="number"],

  input[type="email"],

  input[type="url"],

  input[type="search"],

  input[type="tel"],

  input[type="color"],

  .uneditable-input {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

  }

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

	Elements

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

  .button {

    border: 1px solid #d80b36;

    background-color: #fff;

    height: 30px;

    line-height: 30px;

    padding: 0 15px;

    cursor: pointer;

    text-transform: uppercase;

    display: inline-block;

    overflow: hidden;

    transition: all 0.3s ease-in;

  }

  .button,

  .button:link,

  .button:visited,

  .button:active {

    text-decoration: none;

    color: #d80b36;

  }

  .button:hover {

    background-color: #d80b36;

    color: #fff;

  }

  .button-dark,

  .button-dark:link,

  .button-dark:visited,

  .button-dark:active {

    background-color: #372f2b;

    border-color: #372f2b;

    color: #fff;

  }

  .button-dark:hover {

    border-color: #d80b36;

    background-color: #d80b36;

  }

  .button-primary,

  .button-primary:link,

  .button-primary:visited,

  .button-primary:active {

    background-color: #980020;

    border-color: #980020;

    color: #fff;

  }

  .button-primary:hover {

    border-color: #372f2b;

    background-color: #372f2b;

  }

  .button-big {

    font-size: 16px;

    height: 45px;

    line-height: 45px;

    padding: 0 20px;

  }

  .button-small {

    font-size: 10px;

  }

  /* CTA Box */

  .cta-box {

    background-color: #d80b36;

    padding: 20px;

    position: relative;

  }

  .cta-box p {

    font-size: 12px;

    color: #fff;

  }

  .cta-box-dark {

    background-color: #372f2b;

  }

  .cta-box .button {

    float: right;

    margin-left: 20px;

    border: none;

  /*

	color: #fff;

	font-size: 16px;

	border: 1px solid #fff;

	padding: 15px 30px;

	*/



}

.cta-box .button-middle {

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -16px;

}

/* Accordion */

.accordion-group {

  margin-bottom: 2px;

  border: 1px solid #cad2d2;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}

.accordion-heading .accordion-toggle {

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

  font-weight: bold;

  font-size: 14px;

  text-transform: uppercase;

}

.accordion-heading .accordion-toggle.active {

  color: #d80b36;

  background: #ffffff url("../img/icons/minus.png") no-repeat 97% 50%;

}

.accordion-heading .accordion-toggle {

  background: #d80b36 url("../img/icons/plus-light.png") no-repeat 97% 50%;

  color: #fff;

}

.accordion-dark .accordion-heading .accordion-toggle {

  background-color: #372f2b;

}

.accordion-dark .accordion-heading .accordion-toggle.active {

  color: #372f2b;

  background: #ffffff url("../img/icons/minus-dark.png") no-repeat 97% 50%;

}

/* Lists */

.list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.icon-primary {

  color: #d80b36;

}

/* Alerts */

.alert {

  padding: 15px 20px;

  margin-bottom: 20px;

  text-shadow: none;

  background-color: #e67e22;

  border: none;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  text-transform: uppercase;

}

.alert,

.alert h4 {

  color: #fff;

}

.alert-success {

  background-color: #01b169;

}

.alert-error {

  background-color: #d80b36;

}

.alert-info {

  background-color: #3498db;

}

.alert-icon {

  width: 20px;

  height: 20px;

  border: 1px dashed #fff;

  text-align: center;

  float: right;

}

/* Blockquotes */

.blockquote {

  background-color: #d80b36;

  border: none;

  padding: 15px 20px 15px 50px;

  position: relative;

}

.blockquote .bq-triangle {

  width: 0;

  height: 0;

  border-top: 40px solid transparent;

  border-left: 30px solid #fff;

  border-bottom: 40px solid transparent;

  position: absolute;

  top: 0;

  left: 0;

}

.blockquote,

.blockquote p,

.blockquote cite {

  color: #fff;

  font-size: 13px !important;

  line-height: inherit !important;

  font-style: italic;

}

.blockquote cite {

  display: block;

  text-align: right;

}

.blockquote-dark {

  background-color: #372f2b;

}

/* Pagination */

.pagination {

  text-align: center;

}

.pagination ul {

  list-style: none;

}

.pagination ul > li {

  display: inline;

}

.pagination ul > li > a,

.pagination ul > li > span {

  color: #fff;

  padding: 10px 0;

  width: 30px;

  text-align: center;

  line-height: 20px;

  border: none;

  font-weight: bold;

  color: transparent;

  background: #d7dcde url("../img/icons/pagination.png") no-repeat 50% 50%;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  transition: all 0.2s ease-in;

}

.pagination ul > li > a:hover,

.pagination ul > li > span:hover {

  background: #d7dcde url("../img/icons/pagination-hover.png") no-repeat 50% 50%;

  color: #fff;

}

.pagination ul > li:first-child > a,

.pagination ul > li:first-child > span,

.pagination ul > li:last-child > a,

.pagination ul > li:last-child > span {

  background-image: none;

  font-size: 20px;

  color: #fff;

  width: 40px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}

.pagination ul > li:first-child > a:hover,

.pagination ul > li:first-child > span:hover,

.pagination ul > li:last-child > a:hover,

.pagination ul > li:last-child > span:hover {

  background-image: none;

  background-color: #d80b36;

}

.pagination ul > li:first-child > a,

.pagination ul > li:first-child > span {

  border-right: 2px solid #ebeeef;

}

.pagination ul > li:last-child > a,

.pagination ul > li:last-child > span {

  border-left: 2px solid #ebeeef;

}

.pagination ul > li > a.pagination-active,

.pagination ul > li > span.pagination-active {

  color: #111;

  background-image: url("../img/icons/pagination-active.png");

}

.pagination-dark ul > li > a,

.pagination-dark ul > li > span,

.pagination-dark ul > li > a:hover,

.pagination-dark ul > li > span:hover {

  background-color: #372f2b;

}

.pagination-dark ul > li:first-child > a,

.pagination-dark ul > li:first-child > span,

.pagination-dark ul > li:last-child > a,

.pagination-dark ul > li:last-child > span {

  border-color: #9b9795;

}

/* Elements Page */

#element-button-tab a.button {

  margin-bottom: 10px;

}

/* Homepage Services */

#home-services {

 /* background: url("../img/line-horiz.png") repeat-x 0 34px;*/

}

#home-services .service {

  text-align: center;

}

#home-services .service p {

  color: #888;

}

#home-services .service-icon {

  display: block;

  margin: 0 auto;

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

  width: 200px;

  height: 127px;

}

#home-services .service-icon i {

  font-size: 56px;

  color: #95a5a6;

}

#home-services .service .service-icon i,

#home-services .service h3,

#home-services .service h3 a {

  transition: all 0.3s ease-in;

}

#home-services .service:hover .service-icon i,

#home-services .service:hover h3,

#home-services .service:hover h3 a {

  color: #d80b36;

}

/* Lines */

.line-horiz-full {

  width: 100%;

  height: 11px;

  background: url("../img/line-horiz-full.png") left 0 no-repeat, url("../img/line-horiz-full.png") right -22px no-repeat, url("../img/line-horiz-full.png") center -11px repeat-x;

}

.bordered {

  background: url("../img/line-horiz.png") repeat-x 50% 50%;

}

.bordered span {

  background: url("../img/line-horiz-left.png") left center no-repeat, url("../img/line-horiz-right.png") right center no-repeat;

  background-color: #FAFAFA;

  padding: 0 1.5em;

}

/* Homepage Blog Section */

.single-preview {

  border-bottom: 1px solid #cad2d2;

  background: url("../img/single-preview.png") no-repeat 100% 100%;

  margin-bottom: 20px;

}

.single-preview .meta {

  margin: 0 0 5px 0;

  font-weight: bold;

}

.single-preview p {

  margin: 0;

}

.single-preview h3 {

  margin: 0;

  line-height: 100%;

  padding: 0;

}

.single-preview .featured-img-thumb {

  display: block;

  position: relative;

  margin-right: 20px;

}

/*

.mask-link{

	display: block;

	position: absolute;

	top: 5%;

	left: 5%;

	right: 5%;

	bottom: 5%;

	width: 90%;

	height: 90%;

	background: @colorBase url("@{imagePath}/icons/url.png") no-repeat 50% 50%;

	opacity: 0;

	transition: all .3s ease-in;

}

.mask-link-parent{

	display: block;

	position: relative;

	overflow: hidden;

}

.mask-link-parent:hover .mask-link{

	opacity: 1;

}

.mask-link-parent:hover .corner-icon{

	display: none;

}

*/

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

	Maintenance Page

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

  /* Full Height */

  html.maintenance-page,

  html.maintenance-page body {

    height: 100%;

  }

  .maintenance {

    height: 100%;

    min-height: 800px;

    background: url("../img/404.jpg") no-repeat 50% 50%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

  }

  .maintenance-page #header {

    display: none;

  }

  .maintenance #footer {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

  }

  .maintenance h1 {

    /*font-size: 36px;*/



    font-size: 1em;

    line-height: 1;

    text-align: center;

    margin: 15% 0 2em 0;

  }

  .maintenance h1 strong {

    display: block;

    font-size: 60px;

  }

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

	404

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

  .four-o-four,

  .maintenance {

    position: relative;

    text-align: center;

    color: #fff;

  }

  .four-o-four .content,

  .maintenance .content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

  }

  .four-o-four img,

  .maintenance img {

    width: 100%;

  }

  .four-o-four h1,

  .four-o-four h2 {

    display: block;

    width: 100%;

  }

  .four-o-four h1 {

    font-size: 20em;

    line-height: 1;

    text-align: center;

    margin-top: 8%;

  }

  .four-o-four h2 {

    font-size: 18px;

    color: #fff;

  }

  .four-o-four .hidden-phone a {

    display: block;

    width: 225px;

    height: 45px;

    line-height: 45px;

    text-transform: uppercase;

    font-size: 14px;

    text-align: center;

    margin: 15px auto;

    border: none;

  }

  .four-o-four .hidden-phone a.first {

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

    color: #fff;

  }

  .four-o-four .button {

    margin: 1.5em 0;

  }

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

	Featured Images

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

  .featured-img {

    overflow: hidden;

    position: relative;

    border-bottom: 2px solid #d80b36;

    background-repeat: no-repeat;

    background-position: 50% 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

  }

  .featured-img,

  .featured-img .container {

    width: 100%;

    height: 240px;

    position: relative;

  }

  .featured-img img {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    z-index: -1;

  }

  .featured-img .banner-page-title,

  .featured-img .banner-breadcrumb {

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

    color: #fff;

    display: inline-block;

    padding: 0 1em;

    text-transform: uppercase;

    z-index: 300;

    /* Absolute */



    position: absolute;

    top: 50%;

  }

  .featured-img .banner-breadcrumb a {

    color: #fff;

  }

  .featured-img .banner-page-title {

    left: 0;

    height: 60px;

    line-height: 60px;

    margin-top: -30px;

  }

  .featured-img .banner-breadcrumb {

    right: 0;

    height: 40px;

    line-height: 40px;

    margin-top: -20px;

  }

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

	Work Single Page

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

  .work-nav {

    margin: 55px 0;

  }

  .work-detail {

    color: #fff;

  }

  .work-detail .inner {

    padding: 20px;

    background-color: #d80b36;

  }

  .work-detail h3 {

    color: #000;

    background-color: #fff;

    text-align: center;

    border-top: 1px solid #d80b36;

    border-left: 1px solid #d80b36;

    margin: 0;

    padding: 10px;

    font-weight: bold;

  }

  .work-fact {

    font-size: 18px;

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

    margin-bottom: 1.25em;

  }

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

	Contact Page

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

  .contact-banner {

    height: 450px;

    background: #f5f5f5 url("../img/loading.gif") no-repeat 50% 50%;

    border-bottom: 2px solid #d80b36;

  }

  .contact-banner #map_canvas {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

  }

  .contact-banner #map_canvas.loaded {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

  }

  .contact-marker {

    color: #fff;

    width: 300px;

    height: 170px;

    overflow: hidden;

  }

  .contact-marker ul {

    margin: 0;

    padding: 20px;

    background-color: #d80b36;

  }

  .contact-marker a,

  .contact-marker i {

    color: #fff !important;

  }

  .contact-pointer {

    background: transparent url("../img/contact-marker.png") no-repeat 50% 100%;

    height: 20px;

  }

  #map_canvas {

    width: 100%;

    height: 450px;

  }

  #contact .contact-form {

    margin: 50px 0 0 0;

  }

  .contact-form input,

  .contact-form textarea,

  .contact-form button {

    /*padding: 10px;*/

    border: 1px solid #dbdbdb;

    background: #fff;

  }

  .contact-form [type="submit"] {

    height: inherit;

    line-height: inherit;

    padding: 10px 30px;

    text-transform: uppercase;

    font-size: 300;

  }

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

	Headings Style

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

  /* Headings with line */

  .line-full-width {

    background: url("../img/line-horiz.png") repeat-x 50% 50%;

    text-align: center;

    position: relative;

    height: 40px;

    line-height: 40px;

  }

  .line-full-width h2 {

    margin: 0;

    padding: 0;

    line-height: 100%;

    display: inline;

    height: 40px;

    line-height: 40px;

    padding: 0 25px;

    background-color: #f4f4ef;

  }

  .line-full-width .bxslider-prev,

  .line-full-width .bxslider-next {

    margin: 0;

    padding: 0;

    z-index: 300;

  }

  .line-full-width .bxslider-prev {

    margin-right: -3px;

  }

  .line-full-width .bxslider-next {

    margin-left: -3px;

  }

  .line-full-width .bxslider-prev i,

  .line-full-width .bxslider-next i {

    font-size: 24px;

    color: #cad2d2;

    background-color: #f4f4ef;

  }

  .line-full-width .bxslider-prev i:hover,

  .line-full-width .bxslider-next i:hover {

    color: #d80b36;

  }

  .bxslider-prev {

    margin-right: -5px;

  }

  .line-on-right {

    background: url("../img/line-horiz.png") repeat-x 50% 50%;

  }

  .line-on-right span {

    padding-right: 30px;

    background: #ffffff url("../img/line-horiz-right.png") no-repeat 100% 50%;

    font-weight: bold;

  }

  .line-on-left {

    text-align: right;

    background: url("../img/line-horiz.png") repeat-x 50% 50%;

  }

  .line-on-left span {

    padding-left: 30px;

    background: #ffffff url("../img/line-horiz-left.png") no-repeat 0 50%;

  }

  .line-on-both {

    text-align: center;

    background: url("../img/line-horiz-pink.png") repeat-x 50% 50%;

  }

  .line-on-both span {

    padding: 0 30px;

    background-color: #f4f4ef;

    background-image: url("../img/line-horiz-left-pink.png"), url("../img/line-horiz-right-pink.png");

    background-position: 0 50%, 100% 50%;

    background-repeat: no-repeat;

  }

  /* Headings with line and button */

  .htag-with-link h1,

  .htag-with-link h2,

  .htag-with-link h3,

  .htag-with-link h4,

  .htag-with-link h5,

  .htag-with-link h6 {

    float: left;

    margin: 0;

    line-height: 100%;

  }

  .htag-with-link span {

    background: #fafafa;

    padding-right: 10px;

  }

  .htag-with-link > div {

    float: right;

    height: 30px;

    background: #fff;

    padding-left: 10px;

  }

  .htag-with-link > div a {

    display: block;

    height: 100%;

  }

  .htag-with-link {

    background: url("../img/line-horiz.png") repeat-x 0 50%;

    margin-bottom: 1.5em;

  }

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

	About Page

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

  /* Team */

  .team {

    background: #f4f4ef;

    padding: 85px 0;

  }

  .member {

    text-align: center;

  }

  .member-badge {

    margin: 0;

    padding: 0;

  }

  .member-photo {

    background: url("../img/member-photo.png") no-repeat 50% 100%;

    padding-bottom: 50px;

    margin-top: 100px;

    margin-bottom: 10px;

  }

  .member-photo img {

    margin-left: auto;

    margin-right: auto;

    transition: all 0.3s ease-in;

    border-radius: 500px;

  }

  .member-photo img:hover {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

    filter: alpha(opacity=75);

    opacity: 0.75;

  }

  .member-name {

    font-size: 18px;

    color: #d80b36;

    margin: 0;

  }

  .member-position {

    font-size: 11px;

    color: #372f2b;

    text-transform: uppercase;

  }

  .member-bio {

    padding: 20px 0;

    background: url("../img/angle-br-small.png") no-repeat 100% 100%;

  }

  .member-social a {

    color: #cad2d2;

    font-size: 24px;

    margin: 0 2.5px;

  }

  .member-social a:hover {

    color: #d80b36;

  }

  /* Client logos */

  .client-logo {

    background: url("../img/angle-tl.png") no-repeat 0 0, url("../img/angle-br.png") no-repeat 100% 100%;

    text-align: center;

    height: 130px;

    overflow: hidden;

  }

  .client-logo img {

    margin: 25px 0;

    transition: all 0.3s ease-in;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    filter: grayscale(100%);

  }

  .client-logo img:hover {

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    filter: grayscale(0%);

  }

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

	Homepage

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

  /* CTA Banner */

  .section-cta {

    padding: 60px 0;

    color: #fff;

    background-color: #d80b36;

  }

  .section-cta h3 {

    margin: 0;

    font-size: 24px;

  }

  .section-cta p {

    margin-bottom: 0;

  }

  .section-cta .button {

    border: 1px solid #fff;

    text-transform: inherit;

  }

  /* Testimonials */

  #testimonial-slider {

   /* background: url("../img/icons/quote-open.png") no-repeat 20% 40%, url("../img/icons/quote-close.png") no-repeat 80% 40%;*/

 }

 #testimonials blockquote {

  text-align: center;

  width: 1100px;

  max-width: 100%;

  margin: 40px auto;

  padding: 0;

  border: none;

}

#testimonials blockquote p {

  font-size: 13px;

  font-style: italic;

  color: #888888;

  line-height: 22px;

  margin: 0;

}

#testimonials blockquote cite {

  font-style: italic;

  color: #d80b36;

  display: block;

  margin-top: 2em;

}

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

	Footer

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

  #footer {

    background: #efefef;

  }

  .footer-columns a {

    color: #372f2b;

    text-decoration: none;

  }

  .footer-columns a:hover {

    color: #d80b36;

  }

  .footer-columns {

    padding: 45px 0;

  }

  .footer-tweets {

    background-color: #d80b36;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 14px;

    padding: 25px 0;

  }

  .footer-tweets p {

    margin-bottom: 0;

  }

  .footer-tweets ul,

  .footer-tweets li {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .footer-tweets a {

    text-decoration: underline;

  }

  .footer-tweeter {

    width: 63px;

    height: 30px;

    position: absolute;

    left: 50%;

    top: -15px;

    margin-left: -18px;

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

  }

  .footer-tweets a {

    color: #fff;

  }

  .footer-recent {

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

    font-size: 14px;

    color: #5f5f5f;

  }

  .footer-recent span {

    display: block;

    color: #888888;

    font-size: 10px;

    font-style: normal;

    text-transform: uppercase;

    margin-left: 20px;

  }

  .footer-recent li {

    margin: 0 0 18px 0;

  }

  .footer-contact,

  .footer-contact li {

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 14px;

  }

  .footer-contact {

    display: block;

    margin-top: 60px;

  }

  .footer-contact i {

    color: #d80b36;

    display: inline-block;

    width: 30px;

  }

  .footer-contact li {

    margin-bottom: 10px;

  }

  .footer-contact address {

    margin: 0;

    font-size: 18px;

  }

  .footer-list {

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

  }

  .footer-list li {

    margin-bottom: 5px;

  }

  .getintouch {

    background: url("../img/footer-map.png") no-repeat 50% 25px;

  }

  #footer .widget-title {

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

    font-size: 18px;

    font-weight: bold;

    color: #d80b36;

    text-transform: uppercase;

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

  }

  .copyright {

    font-size: 11px;

    text-transform: uppercase;

    color: #c0c0c0;

    background-color: #252525;

    text-align: center;

    padding: 2em;

  }

  .copyright p {

    margin: 0;

  }

  .copyright-pink {

    color: #fff;

    background-color: #d80b36;

  }

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

	Five Column Grid

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

  .row-fluid-5 {

    width: 100%;

    *zoom: 1;



  }

  .row-fluid-5:before,

  .row-fluid-5:after {

    display: table;

    line-height: 0;

    content: "";

  }

  .row-fluid-5:after {

    clear: both;

  }

  .row-fluid-5 [class*="span"] {

    display: block;

    float: left;

    width: 100%;

    min-height: 30px;

    margin-left: 1.875%;

    *margin-left: 1.875%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }

  .row-fluid-5 .controls-row [class*="span"] + [class*="span"] {

    margin-left: 1.875%;

  }

  .row-fluid-5 [class*="span"]:first-child {

    margin-left: 0;

  }

  .row-fluid-5 .span2 {

    width: 17.5%;

    *width: 17.5%;

  }

  @media (max-width: 600px) {

    .row-fluid-5 [class*="span"] {

      margin-left: 0;

      float: left;

      width: 100%;

    }

  }

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

	Plugins

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

  /* swipejs */

  .swipe {

    overflow: hidden;

    visibility: hidden;

    position: relative;

  }

  .swipe-wrap {

    overflow: hidden;

    position: relative;

  }

  .swipe-wrap > div {

    float: left;

    width: 100%;

    position: relative;

  }

  /* swipejs custom */

  .work-slider-caption {

    text-align: center;

    padding: 20px;

    position: relative;

  }

  .work-slider-caption::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 1px;

    height: 30%;

    /*background-color: #d80b36;*/

  }

  .work-slider-caption::after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    display: block;

    width: 1px;

    height: 30%;

    background-color: #cad2d2;

  }

  .work-slider-caption h3 {

    color: #d80b36;

    font-weight: bold;

  }

  .work-slider-caption h3,

  .work-slider-caption p {

    margin: 0;

    padding: 0;

  }

  .work-slider-caption p {

    font-size: 14px;

    color: #95a5a6;

  }

  #work-slider {

    position: relative;

    border-bottom: 1px solid #cad2d2;

  }

  #work-slider .swipe-controls a {

    font-size: 64px;

    color: #d80b36;

    position: absolute;

    bottom: 20px;

    margin: 0 20px;

  }

  #work-slider .swipe-prev {

    left: 0;

  }

  #work-slider .swipe-next {

    right: 0;

  }

  #work-slider img {

    border-bottom: 4px solid #d80b36;

  }

  /* slidejs */

/*

#slides {

	display:none;

}

.slidesjs-pagination,

.slidesjs-navigation{

	display: none;

}

.slidesjs-pagination-custom,

.slidesjs-navigation-custom{

	display: block;

}

*/

/* Slider Revolution */

.fullwidthbanner-container {

  width: 100% !important;

  position: relative;

  padding: 0;

  max-height: 710px !important;

  overflow: hidden;

}

.fullwidthbanner {

  max-height: 710px !important;

  overflow: hidden;

}

/* Slider */

#slider {

  position: relative;

  border-bottom: 2px solid #d80b36;

  background-color: #efefef;

}

#slider-controls {

  background: #980020;

  width: 260px;

  height: 60px;

  position: absolute;

  bottom: -30px;

  left: 50%;

  margin-left: -130px;

  z-index: 300;

}

#slider-controls::after {

  content: "";

  background: url("../img/slider-controls-shadow.png") no-repeat;

  position: absolute;

  bottom: -12px;

  left: 0;

  display: block;

  height: 14px;

  width: 260px;

}

#slider .slider-title {

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

  padding: 20px;

  line-height: 1;

  text-transform: uppercase;

  /*font-size: 24px;*/



  text-shadow: none;

  font-family: 'Open Sans', sans-serif;

}

.tp-bullets.round-boxin .bullet {

  cursor: pointer;

  position: relative;

  background-color: #980020;

  width: 16px;

  height: 16px;

  margin: 0 5px;

  float: left;

  border: 2px solid #fff;

  border-radius: 100px;

}

.tp-bullets.round-boxin .bullet.selected {

  background-color: #fff;

}

/*

.tp-bullets.round-boxin .bullet{

	cursor:pointer;

	position:relative;

	background:url("@{imagePath}/slider-bullets.png") no-repeat bottom left;

	width:19px;

	height:19px;

	margin-right: 10px;

	float:left;

}

.tp-bullets.round-boxin .bullet.last{

	margin-right:0px;

}

.tp-bullets.round-boxin .bullet.selected {

	background-position: top left;

}

*/

/* Go Pricing Tables */

.gw-go-header,

.gw-go-footer {

  background: #372f2b;

  color: #fff;

}

.gw-go-header {

  padding: 20px 0;

}

ul.gw-go-body li {

  padding: 18px 5px !important;

  border-bottom: 1px solid #f1ebf5;

}

.gw-go-body li:last-child {

  border-bottom: none;

}

.gw-go-btn {

  color: #fff !important;

}

.gw-go-current .gw-go-header,

.gw-go-current .gw-go-footer {

  background: #d80b36;

}

.gw-go-current .gw-go-body {

  font-size: 14px;

  color: #d80b36;

}

.boxing-pt-price {

  font-size: 55px;

  line-height: 55px;

  position: relative;

}

.boxing-pt-price sup {

  top: -10px;

}

.boxing-pt-price i {

  font-size: 36px;

  font-style: normal;

}

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

	Services Page

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

  .box-icon {

    width: 98px;

    height: 98px;

    border: 1px solid #d80b36;

    background-color: #d80b36;

    position: relative;

    float: left;

    text-align: center;

    line-height: 90px;

    margin-right: 30px;

    transition: all 0.3s ease-in;

  }

  .box-icon i {

    color: #fff;

    font-size: 50px;

    vertical-align: middle;

  }

  .box-icon:hover {

    background-color: #fff;

  }

  .box-icon:hover i {

    color: #d80b36;

  }

  #services > .row {

    margin-bottom: 75px;

  }

  #services > .row:last-child {

    margin-bottom: 0;

  }

  #services h3 {

    padding-left: 130px;

    background: url("../img/box-icon-line.png") no-repeat 0 50%;

  }

  #work-process {

    background-color: #f4f4ef;

    padding: 75px 0;

  }

  #work-process-illus {

    margin-top: 75px;

  }

  #work-process-illus > .span2 {

    text-align: center;

  }

  #work-process-illus h3,

  #work-process-illus h3 a {

    color: #d80b36;

  }

  #work-process-illus .work-process-icon {

    width: 99px;

    height: 124px;

    padding-top: 25px;

    display: block;

    margin: 0 auto;

    text-align: center;

    background: url("../img/work-process-icon.png") no-repeat;

  }

  #work-process-illus .work-process-icon i {

    font-size: 42px;

  }

  #work-process-illus .work-down {

    padding-top: 35px;

  }

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

	Blog Page

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

  /* Blog Common */

  .meta {

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

    text-transform: uppercase;

    font-weight: bold;

    color: #d80b36;

    margin: 0 0 20px 0;

    font-weight: normal;

    font-size: 10px;

  }

  /* Blog Archive */

  .blog-archive {

    overflow: hidden;

    margin-bottom: 80px;

    background: url("../img/blog-archive-bottom.png") no-repeat 100% 100%;

  }

  .blog-archive-type {

    position: absolute;

    top: 0;

    right: 0;

    background: #ccc;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 16px;

    color: #fff;

  }

  .blog-archive:hover .blog-archive-type {

    background: none;

  }

  .blog-archive-inner {

    padding: 20px;

    overflow: hidden;

    position: relative;

    background: url("../img/blog-archive-top.png") no-repeat 100% 0;

  }

  .blog-archive-inner h3 {

    margin: 0;

    padding: 0;

    line-height: 100%;

  }

  .blog-archive-inner p {

    font-size: 12px;

  }

  .blog-archive-inner p:last-child {

    margin-bottom: 0;

  }

  .blog-archive-text {

    max-height: 220px;

    overflow: hidden;

    color: #888;

  }

  .blog-archive-right {

    background-position: 0 100%;

  }

  .blog-archive-right .blog-archive-inner {

    background-position: 0 0;

  }

  /* Blog list */

  .blog-list {

    margin: 0 0 30px 0;

    height: 100px;

    overflow: hidden;

    position: relative;

  }

  .blog-list:hover {

    background-color: #d80b36;

    background-image: none;

  }

  .blog-list:hover a,

  .blog-list:hover h3,

  .blog-list:hover .meta,

  .blog-list:hover p {

    color: #fff;

  }

  .blog-list:hover .blog-archive-inner {

    padding-top: 10px;

  }

  .blog-list .blog-archive-inner {

    padding-top: 0;

    background: none;

    transition: all 0.3s ease-in;

  }

  .blog-list .blog-archive-featured {

    width: 100px;

    height: 100px;

    overflow: hidden;

    position: relative;

  }

  .blog-list .blog-archive-featured img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: inherit;

    max-height: 100px;

  }

  .blog-list .meta {

    margin: 0;

  }

  .button-loadmore {

    text-align: center;

  }

  .button-loadmore .jscroll-next {

    height: inherit;

    line-height: inherit;

    padding: 10px 30px;

  }

  /* Thumbnail */

  .blog-archive-thumb {

    position: relative;

    background: url("../img/blog-archive-bottom.png") no-repeat 100% 100%;

    margin-bottom: 50px;

  }

  .blog-archive-thumb .blog-archive-featured {

    border-bottom: 2px solid #d80b36;

  }

  .blog-archive-thumb .blog-archive-inner {

    padding: 15px 10px;

  }

  .blog-archive-thumb .blog-archive-inner::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 1px;

    height: 24px;

    background-color: #d80b36;

  }

  .blog-archive-thumb h3 {

    margin: 0;

    line-height: 1;

  }

  .corner-icon {

    width: 40px;

    height: 40px;

    background-color: #d80b36;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

  }

  .corner-icon {

    display: none;

  }

  .corner-icon i {

    color: #fff;

  }

  /* Sidebar */

  .widget-container {

    margin-bottom: 10px;

  }

  .widget-box .widget-title {

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

    text-transform: uppercase;

    font-weight: bold;

    text-align: center;

    color: #372f2b;

    font-size: 18px;

    border-top: 1px solid;

    border-left: 1px solid;

    border-color: #d80b36;

    padding: 15px 0;

  }

  .widget-box ul,

  .widget-box li {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .widget-box .meta {

    font-size: 11px;

    font-weight: normal;

  }

  .widget-box a {

    display: block;

    color: #fff !important;

    background-color: #d80b36;

    padding: 10px 30px;

    position: relative;

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

    text-transform: uppercase;

    font-weight: bold;

  }

  .widget-box a:hover,

  .widget-box a:hover .meta {

    color: #d80b36 !important;

    background-color: #fff;

  }

  .widget-box a:hover {

    background-image: url("../img/icons/arrow-right.png");

    background-position: 95% 50%;

    background-repeat: no-repeat;

  }

  .widget-box .meta {

    display: block;

    color: #fff;

    margin: 0;

  }

  .widget-box .widget-inner {

    border: 1px solid #d80b36;

    color: #fff;

    padding: 10px 0;

    background-color: #d80b36;

  }

  .widget-box-dark .widget-inner {

    background-color: #372f2b;

    border: none;

  }

  .widget-box-dark .widget-title {

    color: #d80b36;

    border-color: #372f2b;

  }

  /* Widgets */

  .widget-search {

    border: 1px solid #d80b36;

    border-right: none;

    padding: 10px;

    position: relative;

    height: 42px;

  }

  .widget-search input {

    padding: 20px 10px;

    margin: 0;

    border-color: #fff;

    width: 75%;

  }

  .widget-search button {

    width: 64px;

    height: 64px;

    background-color: #372f2b;

    border: none;

    position: absolute;

    top: -1px;

    right: 0;

  }

  .widget-search button i {

    color: #fff;

  }

  .widget-testimonial {

    font-style: italic;

    border: 0;

    margin: 0;

    padding: 10px 20px;

  }

  .widget-testimonial p {

    font-size: 11px;

    line-height: 20px;

  }

  .widget-testimonial cite {

    display: block;

    text-align: right;

    font-size: 13px;

    margin-top: 10px;

  }

  .widget-archives a,

  .widget-social a {

    padding-top: 4px;

    padding-bottom: 4px;

  }

  /* Blog Single */

  .single-post-header {

    margin: 0 0 60px 0;

    padding: 0;

    position: relative;

    border-bottom: 1px solid #eb859a;

  }

  .single-post-header figcaption {

    display: block;

    padding: 25px;

    background-color: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

  }

  .single-post-header::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    display: block;

    width: 1px;

    height: 24px;

    background-color: #eb859a;

  }

  .single-post-header h1 {

    margin: 0;

    padding: 0;

    line-height: 100%;

    font-size: 24px;

  }

  .single-post-header .meta {

    margin: 0;

    text-align: center;

  }

  .single-post-header .post-comments {

    color: #d80b36;

    margin-left: 30px;

  }

  .blog-single-content {

    position: relative;

    border-bottom: 1px solid #eb859a;

    padding-bottom: 60px;

  }

  .blog-single-content p:last-child {

    margin-bottom: 0;

  }

  .blog-single-content::after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    display: block;

    width: 1px;

    height: 24px;

    background-color: #eb859a;

  }

  .blog-single-content p {

    font-size: 14px;

    line-height: 30px;

  }

  .blog-tags-share {

    margin-top: 40px;

  }

  .blog-tags-share .button {

    font-weight: normal;

  }

  .blog-categories,

  .blog-categories a {

    color: #d80b36;

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

    font-size: 14px;

    text-transform: uppercase;

  }

  .blog-categories i {

    font-size: 18px;

    margin-right: 15px;

    vertical-align: middle;

  }

  /* Comments */

  #comments > div {

    position: relative;

    padding-bottom: 25px;

    margin-bottom: 30px;

    border-bottom: 1px solid #cad2d2;

  }

  #comments > div::after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    display: block;

    width: 1px;

    height: 24px;

    background-color: #cad2d2;

  }

  .comment-content p:last-child {

    margin-bottom: 0;

  }

  .comment-header {

    margin-bottom: 15px;

  }

  .comment-reply {

    position: absolute;

    top: 0;

    right: 0;

    text-transform: uppercase;

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

    font-size: 11px;

    color: #5f5f5f;

  }

  .comment-date {

    color: #d80b36;

  }

  .comment-author-img {

    float: left;

    margin-right: 20px;

  }

  .comment-author {

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

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

    color: #372f2b;

    margin: 0;

  }

  .comment-child {

    margin-left: 10%;

  }

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

	Media Queries

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

  /* Large desktop */

  /* @media (min-width: 1200px) {

    .modal-lg {

        width: 650px !important;

    }



}

.modal{

    border: none;

    box-shadow: none;

    background-color: transparent;

}



.close {

    float: right;

    font-size: 31px;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);

    opacity: 1;

}

.modal-header .close{

  transform: translateY(100%);

  z-index: 999;

  position: relative;

}

.close:hover {

    color: #F20073;

    opacity: 1;

}

.modal-header {

    padding: 0px;

    border:0;

    /* border-bottom: 1px solid #F20073; */

/* }

.modal-footer {

    padding: 0px;

    border:0;

    text-align: right; */

    /* border-top: 1px solid #F20073; */

/* }

.modal-body{

  max-height: none;

  padding: 0;

  overflow: initial;

} */ */

    #footer .widget-title {

      background: url("../img/footer-line-right.png") no-repeat 100% 50%;

    }

    #work-process-illus {

      background: url("../img/work-process-line.png") no-repeat 50% 50px;

    }

  }

  /* Fixing navigation issue */

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

    #header {

      height: 60px;

    }

    #header .container {

      width: 100% !important;

    }

    .main ul.nav > li {

      height: 60px;

      line-height: 60px;

    }

    .main ul.navl > li:last-child {

      margin-right: 52px;

    }

    .main ul.navr > li:first-child {

      margin-left: 52px;

    }

    .main ul.nav > li > a {

      padding: 0 10px;

    }

    .brand {

      width: 104px;

      height: 60px;

      margin-left: -52px;

    }

  }

  /* Portrait Tablet to Large desktop */

  @media (min-width: 768px) {

    .maintenance-countdown-wrapper {

      background-color: rgba(0, 0, 0, 0.8);

    }

    .maintenance-countdown > div {

      width: 130px;

      height: 130px;

      display: inline-block;

      margin: 0 5px;

      position: relative;

      text-align: center;

      font-size: 60px;

      line-height: 130px;

      border: 1px solid #fff;

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

    }

    .maintenance-countdown > div span {

      position: absolute;

      top: 0;

      right: 0;

      font-size: 16px;

      text-transform: uppercase;

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

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

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

    }

  }

  /* Portrait tablet to landscape and desktop */

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



  }

  /* Landscape phone to portrait tablet */

  @media (max-width: 767px) {

    /* Mobile Nav */

    #header-mobile {

      margin-bottom: 20px;

      padding: 20px;

      position: relative;

      background-color: #d80b36;

    }

    #header-mobile img {

      max-width: 50%;

    }

    #header-mobile .tinynav {

      display: block;

      width: 50px;

      height: 50px;

      border: 0;

      margin: 0;

      background: url("../img/hamburger.gif") no-repeat 50% 50%;

      position: absolute;

      top: 50%;

      margin-top: -25px;

      right: 20px;

      text-indent: -9999em;

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none;

    }

    /* Mobile Slider */

    .tp-bullets {

      display: none;

    }

    /* Various */

    .margin-t {

      margin-top: 3em;

    }

    .button:link,

    .button:visited,

    .button:active {

      display: block;

      width: 100%;

      padding: 0;

      text-align: center;

    }

    .cta-box .button {

      visibility: visible !important;

      float: none;

      margin: 0;

    }

    .cta-box .button-middle {

      display: none;

    }

    .bordered,

    .bordered span {

      background: none;

      padding: 0;

    }

    #testimonial-slider {

      background: none;

    }

    /* Homepage */

    #home-services {

      background: none;

    }

    #home-services .service-icon {

      background: none;

      width: inherit;

      height: inherit;

    }

    .section-cta {

      padding: 20px;

    }

    .section-cta .button {

      margin-top: 20px;

    }

    #testimonials {

      background: none;

    }

    #recent-work img {

      width: 100%;

    }

    /* About */

    .client-logo {

      margin-bottom: 1em;

    }

    /* Footer */

    #footer {

      text-align: center;

    }

    #footer .footer-columns {

      padding-top: 0;

    }

    #footer .widget-title {

      margin: 2em 0 1em 0;

    }

    #footer ul,

    #footer li {

      list-style: none;

      margin: 0;

      padding: 0;

    }

    #footer .getintouch {

      background: none;

    }

    #footer .container {

      padding-left: 20px;

      padding-right: 20px;

    }

    .list-arrow li,

    .list-arrow li:hover {

      background: none;

    }

    /* Featured Images*/

    .featured-img,

    .featured-img .container {

      height: inherit;

      position: relative;

      padding: 1em 0;

    }

    .featured-img .banner-page-title,

    .featured-img .banner-breadcrumb {

      position: relative;

      right: inherit;

      left: inherit;

      margin-top: 0;

      display: block;

    }

    /* Works */

    .filters-wrapper,

    .filters {

      background: none;

    }

    .filters li {

      margin-bottom: 1em;

    }

    /* Blog */

    .blog-archive-featured {

      float: none;

      clear: both;

    }

    .blog-archive-featured .mask-link {

      display: none;

    }

    .single-post-header figcaption {

      position: relative;

    }

    .blog-list {

      height: auto;

    }

    .blog-list .blog-archive-featured {

      display: none;

    }

    /* Maintenance and 404 */

    .four-o-four .content,

    .maintenance .content {

      padding: 0 20px;

    }

    .maintenance-countdown > div {

      display: inline;

      margin: 0 2px;

      font-size: 16px;

    }

  }

  /* Landscape phones and down */

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

    /* .modal-body{

      display: none;

    } */

  }



  .main_top li a{color: #FFF;}

  .main_top li ul li a{color: #d80b36}

  .main_top li a:hover{color: #d80b36}



  @media (max-width: 767px) {

    .margin-j{padding: 0 !important;}

    .contact-form button{margin-bottom: 30px;}

    .featured-img .banner-page-title{line-height: 30px;}

  }

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

    .margin-j{padding: 0 !important;}

    .contact-form button{margin-bottom: 30px;}

    .row-fluid-5 .span2{width: 22.5%}

  }



  .box h3{

    text-align:center;

    position:relative;

    top:80px;

  }

  .box {

  /*width:70%;

  height:200px;*/

  background:#FFF;

  /*margin:40px auto;*/

}





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

 * Effect 1

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

 .effect1{

  -webkit-box-shadow: 0 10px 6px -6px rgba(213, 213, 213, 0.4);

  -moz-box-shadow: 0 10px 6px -6px rgba(213, 213, 213, 0.4);

  box-shadow: 0 10px 6px -6px rgba(213, 213, 213, 0.4);

}



.body_inp{display: inline;}

.has-error input, .has-error textarea{border-color: #a94442;}



.copyright a{

  color:#fff;

}



@media (min-width: 1366px) and (max-width: 1440px) {

  .ajust-wide{

    margin-left: -8% !important;

  }

}

.pesquisa-table tr{

  height: 60px;

}

.contact-submit{

  border: 1px solid #d80b36;

  background-color: #fff;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  cursor: pointer;

  text-transform: uppercase;

  display: inline-block;

  overflow: hidden;

  transition: all 0.3s ease-in;

  color:#d80b36;

}

.pesquisa-a{

  border: 1px solid #d80b36;

  background-color: #d80b36;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  cursor: pointer;

  text-transform: uppercase;

  display: inline-block;

  overflow: hidden;

  transition: all 0.3s ease-in;

  color:#fff;

}

.pesquisa-a:hover{

  border: 1px solid #d80b36;

  background-color: #fff;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  cursor: pointer;

  text-transform: uppercase;

  display: inline-block;

  overflow: hidden;

  transition: all 0.3s ease-in;

  color:#d80b36;

}

#reservas h1{

  margin-top: 35px;

}



.redesSociais{

  text-align: right;

  color: #fff;

  background-color: #000;

  padding: .5%;

}

.redesSociais p{

  margin-bottom: 0;

}

.redesSociais a{

  font-size: 21px;

  text-align: center;

  margin: .5%;

}

.redesSociais a .fa{

  background-color: #fff;

  border-radius: 100%;

  min-width: 22px;

  padding: .5%;

}

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

.reserva-faixa {

  display: none;

width: 100%;

background: #d80b36;

text-align: center;

z-index: 998;

bottom: 0;

padding-top: 5px;

padding-bottom: 25px;



}

.bt-reservaindex a {

    color: #fff!important;

    border: none;

    font-size: 16px;

    font-style: italic;

}

.bt-reservaindex {

    padding: 15px;

    background: #372f2b;

    color: #fff!important;

    border: 1px solid #fff;

    font-size: 16px;

    font-style: italic;

}

.affix{

  margin-left: -20px;

}

.redesSociais{

  margin:0 -20px;

}

.redesSociais{

  padding: 5% 0;



}

.redesSociais p{

  text-align: center;

  font-size: 11px;

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  align-items: center;

}

.redesSociais a{

  margin: 0;

      width: 28%;

}

.redesSociais a .fa{

  background-color: #fff;

  border-radius: 100%;

  min-width: 22px;

  padding: 2.5% 2%;

}

.redesSociais a span{

  font-size: 11px;

  color: #fff;

  vertical-align: middle;

}

}









/* Upgrade */

div.modal-header {

  background: #d80b36;

}



.modal-title {

  font-weight: 600;

  letter-spacing: 6px;

  color: #fff4f7;

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

  text-transform: uppercase

}



a[id="btEsqueci btn btn-link"] {

  background-color: #dd211c;

  color: #fff;

  padding: 10px 20px;

  border-radius: 10px;

  text-decoration: none;

  font-weight: 700;

  text-transform: lowercase

}



a[id="btEsqueci btn btn-link"]:hover {

  transition: all .6s;

  text-transform: lowercase;

  -webkit-transition: all .6s;

  background-color: #fff;

  color: #dd211c;

  padding: 10px 20px;

  border-radius: 10px;

  text-decoration: none

}



input#txtlogin.campoInput.form-control {

  width: 100%;

  background-color: #fff

}



input#txtEmailCpf.campoInput.form-control {

  width: 100%

}



input#txtEmailCpf.campoInput.form-control:focus {

  width: 100%;

  background-color: #fbe7e7!important;

  color: #000!important

}



input#txtSenha.campoInput.form-control {

  width: 100%;

  background-color: #fff

}



input#txtlogin.campoInput.form-control:focus {

  width: 100%;

  background-color: #fbe7e7!important;

  color: #000!important

}



.form-group label {

  color: #000

}



input#txtSenha.campoInput.form-control:focus {

  width: 100%;

  background-color: #fbe7e7!important;

  color: #000!important

}



div#corpoDesconto.modal-body h3 {

  color: #dd211c;

  font-weight: 400

}



input#txtEmailImpresso.form-control {

  width: 100%

}



a.gsNaoLogado {

  background-color: #d80b36;

  color: #fff;

  padding: 10px 20px;

  border-radius: 0;

  text-decoration: none;

  font-weight: 700;

  display: block;

  margin-top: 20px;

  text-align: center

}



a.gsNaoLogado:hover {

  transition: all .6s;

  -webkit-transition: all .6s;

  background-color: #ed2a2e;

  color: #fff

}



a.proj-link {

  background-color: #c22d32;

  color: #fff;

  padding: 10px 20px;

  border-radius: 10px;

  text-decoration: none;

  font-weight: 500;

  text-transform: uppercase;

  text-align: center;

  display: block;

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

  letter-spacing: 4px;

  border: 2px solid #c25036

}



a.proj-link:hover {

  transition: all .6s;

  -webkit-transition: all .6s;

  background-color: #fff;

  color: #c22d32!important;

  border: 2px solid #c22d32;

  text-decoration: none

}



a#btEsqueci.btn.btn-link {

  font-size: 12px;

  transition: all .6s;

  -webkit-transition: all .6s;

  padding: 10px 20px;

  color: #999 !important;

  letter-spacing: 2px;

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

  text-transform: uppercase;

  text-decoration: none;

}



a#btEsqueci.btn.btn-link:hover {

  transition: all .6s;

  -webkit-transition: all .6s;

  padding: 10px 20px;

  color: #999;

  letter-spacing: 2px;

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

  text-transform: uppercase;

  text-decoration: none;

}



.botao_upgrade {

  transition: all .6s;

  -webkit-transition: all .6s;

  padding: 10px 20px;

  border: 2px #bababa solid;

  color: #fff;

  letter-spacing: 2px;

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

  text-transform: uppercase;

  text-decoration: none;

  border-radius: 0!important;

  background-color: #a70000

}



.modal-header .close {

  color: #fff;

  filter: alpha(opacity=100);

  opacity: 1;

  text-align: right

}



div#loading {

  font-family: 'Raleway', sans-serif

}



#hrefImpreClique {

  color: #b72d0f!important;

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

  padding: 10px 20px;

  border: 2px solid #b72d0f;

  margin-bottom: 10px;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 3px;

  border-radius: ;

  -webkit-transition: .2s ease-in-out!important;

  -moz-transition: .2s ease-in-out!important;

  -o-transition: .2s ease-in-out!important;

  transition: .2s ease-in-out!important;

  text-decoration: none

}



#hrefImpreClique:hover {

  color: #fff;

  border: 2px solid #b72d0f;

  background-color: #b72d0f;

  -webkit-transition: .2s ease-in-out!important;

  -moz-transition: .2s ease-in-out!important;

  -o-transition: .2s ease-in-out!important;

  transition: .2s ease-in-out!important;

  text-decoration: none

}



.modal-body p {

  color: #000

}



div.modal-body.desconto-dialog{

  padding:40px 80px;

}



div.modal-body.desconto-dialog h3{

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

letter-spacing: 6px;

text-transform: uppercase;

color: #6c0e02;

}



div.modal-body.desconto-dialog h1{

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

letter-spacing: 4px;

text-transform: uppercase;

font-weight: 700;

color: #ff615e;

margin-top:0px;

}



#boxDescontos {

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

  color: #5c5c5c;

}





.button-default.red {





  background-color:#fff!important;

  color:#630000;

  border:2px #630000 solid;

}



.button-default.red:hover {

  background-color:#630000!important;

  color:#fff!important;

  border:2px #630000 solid;

}

.modal-footer{

  background-color: transparent !important;

  border-top: none;

  padding: 0 15px 15px;

}

.btn-dark{

  border: 1px solid #fff;

  text-transform: inherit;

  background: #980020;

  color: #fff;

  transition: all 0.3s ease-in;

}

/* .fade{

  top: -30% !important;

} */

.modal{

  z-index: 9999 !important;

}

/* cadastro */

.col6{

  width: 45%;

  padding-right: 15px;

  padding-left: 15px;

}

.cadastro{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.form-control{

  width: 100%;

}

.bg-cover{

  padding-top: 20px;

}

.btn-highlight-standard {

  border: 1px solid #d80b36;

    background-color: #fff;

    height: 30px;

    line-height: 30px;

    padding: 0 15px;

    cursor: pointer;

    text-transform: uppercase;

    display: inline-block;

    overflow: hidden;

    transition: all 0.3s ease-in;

}



@media (max-width:992px){

  .cadastro{

    flex-direction: column;

}

.col6{

  width: 90%;

}



}

/* /upgrade */

#header-mobile{

  display: none !important;

}

/* MENU MOBILE */

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

.menu-nav{

      min-height: 70px;

      background-color: #d80b36;

      border: none;

}

.navbar-brand>img{

      max-width: 50%;

}

.navbar-default .navbar-toggle .icon-bar{

  background-color: #d80b36;

}

.navbar-default .navbar-toggle{

  background-color: #fff;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

}

.navbar-toggle{

  margin-right: 30px;

  margin-top: 20px;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{

  margin-left: 15px;

  margin-right: 15px;

  margin-top: 15px;

}

.navbar-default .navbar-nav>li>a{

  color: #fff;

  text-transform: uppercase;

}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{

  color: #fff;

}

}

.suites-home{

    display: flex;

    flex-wrap: wrap;

}

.suites-intern{

  margin-bottom: 70px;

}

.input-xlarge{

  width: 270px;

  /* margin-top: 10px; */

}

input, textarea{

      margin-bottom: 10px;

    padding: 4px 6px;

        font-size: 14px;

            color: #555555;

}

.column_attr.align_center {

    text-align: center;

}

.cardapio-item {

    padding: 10px 20px;

    border: 2px solid #d80b36;

    border-radius: 10px;

    margin: 0 1% 40px;

}

.cardapio-item .title {

    color: #980020;

    font-size: 16px;

    font-weight: bold;

}

.answer {

    font-size: 14px;

}

.cardapio h2 {

    text-align: center;

}

.mfn-acc {

  padding-top: 30px;

}

.column_image{

  padding-top: 10px;

}

#Content{

  padding-top: 30px;

}

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

  .cardapio h2 {

    font-size: 25px;

}

.cardapio-item{

    margin: 0 1% 25px;

}



}

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

.main ul.navl{

  text-align: center !important;

}

.main ul.navr{

  text-align: center !important;

}

}

/* MODAL */

#modalPark .modal-body {

    font-size: 14px;

    padding: 0;

}

#modalPark .modal-body img{

  width: 100%;

}

#modalPark .modal-header {

    border-bottom: none;

    background-color: transparent;

    padding: 0;

    min-height: 0;

}

#modalPark .modal-content { 

    border-radius: 0;

}

#modalPark .modal-header .close {

    width: 30px;

    position: absolute;

    float: right;

    right: 25px;

    top: 20px;

    z-index: 2;

    opacity: 1;

}

#modalPark .modal-header .close span {

    color: #fff;

    font-size: 30px;

    font-weight: 400;

}

#modalPark{

    opacity: 1 !important;

        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out !important;

}

.modal-backdrop.in{

  transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out !important;

}

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

  #modalPark .modal-dialog{

    transform: translate(0,115%) !important;

  }

}

.main-carousel .carousel-itens, .main-carousel .carousel-itens img, .flickity-viewport{

  width: 100% !important;

}





#contact-form.pesquisa{

  width: 100% !important;

  padding-top: 50px;

}

.pesquisa__opcoes{

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  align-items: center;

}

.pesquisa__opcoes--text{

  width: 25%;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: flex-end;

}

.pesquisa__itens{

  width: 100%;

  height: 60px;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

}

.pesquisa__itens .form__content{

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.form__content--itens{

  width: 50px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.pesquisa__itens--bg{

  background-color: #f1f1f1;

}

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

  .pesquisa__opcoes--text{

    width: 60%;

  }

}

.btn-whats {
  background-color: #29CC46;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 20px 35px;
  position: fixed;
  right: 4%;
  bottom: 5%;
  z-index: 9999;
  transition: background .3s, transform .5s;
}

.btn-whats:hover {
  transform: scale(1.04);
}

.btn-whats svg {
  width: 50px;
  margin-right: 20px;
}

.btn-whats p {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  line-height: .9em;
}

.btn-whats p span {
  letter-spacing: 1.48px;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (max-width:768px) {
    .btn-whats {
    background-color: transparent;
    box-shadow: none;
    right: 1%;
    bottom: 17.5%;
    padding: 0;
  }

  .btn-whats p {
    display: none;
  }
  
}