@charset "UTF-8";

/* Table of Content

==================================================

  #Core CSS

    #Font

    #Scafolding

    #Grid

    #Forms

    #Hover Items

    #Column Heading

    #Fancybox

    #Custom Carousel

    #Widget

    #Placeholder Canvas

    #Api Loading



  #General layout styles

    #Socket Top

    #Header

    #Content and Section

    #Footer

    #Socket Bottom



  #Elements

    #Element: Non Responsive Height

    #Element: Slider

    #Element: Icon Box

    #Element: Icon Box List

    #Element: Content Slider

    #Element: Figure

    #Element: Gallery

    #Element: List Clients

    #Element: Isotope Slider

    #Element: Testimonial Slider

    #Element: Testimonial

    #Element: Centered Image

    #Element: Portfolio

    #Element: Tabs

    #Element: Masonry Grid

    #Element: Flat Box

    #Element: Progress

    #Element: Circular Progress

    #Element: Entry Box

    #Element: News Letter

    #Element: Template Wrapper

    #Element: Text Hero

    #Element: Team Member

    #Element: Spot Text with Image

    #Element: Ewards

    #Element: Pager

    #Element: Rich Content

    #Element: Work Detail

    #Element: List Simple

    #Element: Map Box

    #Element: Pagination

    #Element: Entry Detail

    #Element: Error

    #Element: Video Box

    #Element: Audio Box

    #Element: Three View

*/



/*

** #Font

** ==================================================

*/

/* Available subsets for character problems */

/* http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700,800&subset={SUBSET} */

/* Subsets: latin,cyrillic-ex */

/*          latin,greek-ext */

/*          latin,greek */

/*          latin,vietnamese */

/*          latin,latin-ext */

/*          latin,cyrillic */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700,800);



/*

** #Scafolding

** ==================================================

*/

/* html */

html {

  background-color: #404345;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -ms-text-size-adjust: none !important;

  -webkit-text-size-adjust: none !important;

  -ms-overflow-style: scrollbar;

  /*auto | none | scrollbar | -ms-autohiding-scrollbar*/

}



/* body */

body {

  /* Base font-family */

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

  font-weight: 400;

  background-color: transparent;

  /* Prevent possible vertical scrolling */

  overflow-x: hidden;

}



/*

** #Grid

** ==================================================

*/

/* Smart Margin for columns, etc. */

.smart-margin,

.row-margin {

  margin-top: -50px;

}

.smart-margin > div,

.row-margin > div {

  margin-top: 50px;

}



/*

** #Forms

** ==================================================

*/

/* styled-select-wrapper */

.styled-select-wrapper {

  display: block;

  width: 100%;

  position: relative;

  text-align: left;

  border-radius: 5px;

  border: 1px solid;

  height: 40px;

  padding: 0 19px;

  line-height: 40px;

}

.styled-select-wrapper .text {

  position: relative;

  z-index: 1;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.styled-select-wrapper .caret {

  border-width: 10px;

  border-bottom-width: 0;

  position: absolute;

  z-index: 1;

  right: 20px;

  top: 50%;

  margin-top: -5px;

}

.styled-select-wrapper select {

  color: #8b8f91;

  display: block;

  width: 100%;

  height: 100%;

  opacity: 0;

  position: absolute;

  z-index: 10;

  left: 0;

  top: 0;

}



/* nav-tabs-mobile */

.nav-tabs-mobile {

  padding: 20px;

  color: #fff;

  background: #DBB65A;

}

@media (max-width: 767px) {

  .nav-tabs-mobile {

    padding: 20px 10px;

  }

}



/*

** #Hover Items

** ==================================================

*/

/* hover item */

.hover-item {

  position: absolute;

  left: -100%;

  margin-left: 0;

  top: 50%;

  margin-top: -32px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



/* hover icon */

.hover-icon {

  display: block;

  width: 64px;

  height: 64px;

  border-radius: 50%;

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

  font-size: 32px;

  line-height: 64px;

  text-align: center;

  color: #fff;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.hover-icon.hover-icon-primary {

  background-color: rgba(254, 78, 80, 0.6);

}



/* 2 */

.hover-icon-2 {

  display: block;

  width: 64px;

  height: 64px;

  border-radius: 50%;

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

  font-size: 32px;

  line-height: 64px;

  text-align: center;

  text-decoration: none;

  color: #fff;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



/* social */

.hover-icon-social {

  display: inline-block;

  width: 32px;

  height: 32px;

  font-size: 16px;

  line-height: 32px;

}



/*

** #Column Heading

** ==================================================

*/

.column-heading {

  color: #404345;

  margin-bottom: 27px;

}



/*

** #Fancybox

** ==================================================

*/

.fancybox-nav:hover, .fancybox-nav:focus,

.fancybox-close:hover,

.fancybox-close:focus {

  text-decoration: none;

}



.fancybox-nav span,

.fancybox-close {

  width: 32px;

  height: 32px;

  background-image: none;

}



.fancybox-nav span,

.fancybox-close span {

  display: block;

  visibility: visible;

  width: 32px;

  height: 32px;

  color: #fff;

  background: #dfdfdf;

  border-radius: 50%;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.fancybox-nav span,

.fancybox-close span {

  display: block;

  font-size: 24px;

  line-height: 32px;

  text-align: center;

}

.fancybox-nav:hover span,

.fancybox-close:hover span {

  background: #DBB65A;

}



.fancybox-close {

  right: 0;

  top: 100%;

  margin-top: 10px;

}



.fancybox-next span {

  right: 0;

  margin-right: 42px;

  top: 100%;

  margin-top: 10px;

  padding-left: 2px;

}



.fancybox-prev span {

  left: 250%;

  margin-left: -111px;

  top: 100%;

  margin-top: 10px;

  padding-right: 2px;

}



html.fancybox-single .fancybox-nav {

  display: none;

}



.fancybox-skin {

  border-radius: 0;

}

.fancybox-opened .fancybox-skin {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.fancybox-title-inside-wrap {

  margin: 14px 116px 0 0;

  padding: 0;

  min-height: 28px;

  font: 14px/24px "Open Sans", sans-serif;

}

html.fancybox-single .fancybox-title-inside-wrap {

  margin-right: 37px;

}



html.fancybox-lock.fancybox-animating .fancybox-overlay {

  overflow-x: hidden !important;

  overflow-y: scroll !important;

}

@media (max-width: 991px) {

  html.fancybox-lock.fancybox-animating .fancybox-overlay {

    overflow-y: hidden !important;

  }

}



.fancybox-google-maps-wrapper {

  width: 100%;

  height: 100%;

}



.fancybox-type-google-maps, .fancybox-type-google-maps .fancybox-skin, .fancybox-type-google-maps .fancybox-outer, .fancybox-type-google-maps .fancybox-inner {

  width: 100% !important;

  height: 100% !important;

}



.mobile-fancybox-message-box .heading {

  padding: 55px;

  color: #fff;

}



.fancybox-type-swf .fancybox-inner,

.touch .fancybox-inner {

  z-index: 8041;

}



/* Mobile Fancybox */

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

@media (max-width: 767px) {

  .fancybox-active .site-viewport {

    position: absolute;

    top: 0;

    height: 100%;

    overflow: hidden;

  }

  .fancybox-active .fancybox-overlay {

    overflow: hidden !important;

  }



  .fancybox-overlay {

    background: #404345;

  }



  .fancybox-skin {

    background: 0 none;

    border-radius: 0;

    padding: 0 !important;

  }



  .fancybox-close {

    margin-top: 10px;

    position: absolute;

    right: 0;

    top: 0;

    overflow: hidden;

  }



  .fancybox-nav {

    position: absolute;

    top: 50%;

    margin-top: -25px;

  }



  .fancybox-nav,

  .fancybox-close {

    display: block;

    width: 50px;

    height: 50px;

    margin-left: 10px;

    margin-right: 10px;

  }

  .fancybox-nav span,

  .fancybox-close span {

    width: 100%;

    height: 100%;

    margin: 0;

    left: 0;

    top: 0;

    font-size: 38px;

    line-height: 50px;

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

  }

  .fancybox-nav:hover, .fancybox-nav:focus,

  .fancybox-close:hover,

  .fancybox-close:focus {

    text-decoration: none;

  }

  .fancybox-nav:hover span, .fancybox-nav:focus span,

  .fancybox-close:hover span,

  .fancybox-close:focus span {

    background-color: #DBB65A;

  }



  .fancybox-prev {

    left: 0;

  }

  .fancybox-prev span {

    padding-right: 3.125px;

  }



  .fancybox-next {

    right: 0;

  }

  .fancybox-next span {

    padding-left: 3.125px;

  }



  .fancybox-image {

    border: 0 none;

  }



  .fancybox-title-inside-wrap {

    padding: 20px 10px;

    color: #fff;

    text-align: center;

    position: absolute;

    z-index: 2;

    width: 100%;

    height: auto;

    left: 0;

    bottom: 0;

    visibility: visible;

    opacity: 1;

    -webkit-transition: opacity 0.3s;

    transition: opacity 0.3s;

  }

  .fancybox-animating .fancybox-title-inside-wrap {

    opacity: 0;

    -webkit-transition: none;

    transition: none;

  }

  .fancybox-title-inside-wrap:after {

    content: " ";

    display: block;

    width: 100%;

    height: 110%;

    position: absolute;

    z-index: -1;

    left: 0;

    bottom: 0;

    opacity: 0.7;

    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8));

    background-image: linear-gradient(rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8));

    background-repeat: no-repeat;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#CC000000', GradientType=0);

  }



  .fancybox-nav,

  .fancybox-close,

  .fancybox-title-inside-wrap {

    visibility: visible;

    opacity: 1;

    -webkit-transition: opacity 0.3s 0.3s;

    transition: opacity 0.3s 0.3s;

  }

  .fancybox-animating .fancybox-nav, .fancybox-animating

  .fancybox-close, .fancybox-animating

  .fancybox-title-inside-wrap {

    opacity: 0;

    -webkit-transition: none;

    transition: none;

  }



  .fancybox-type-swf .fancybox-inner {

    z-index: 2;

  }



  .fancybox-type-swf .fancybox-inner,

  .touch .fancybox-inner {

    z-index: 2;

  }



  .fancybox-type-iframe {

    width: 100% !important;

    overflow: hidden !important;

  }

  .fancybox-type-iframe .fancybox-inner {

    width: 100% !important;

    overflow: hidden !important;

  }

  .fancybox-type-iframe .fancybox-title {

    display: none !important;

  }



  .fancybox-type-swf {

    width: 100% !important;

    overflow: hidden !important;

  }

  .fancybox-type-swf .fancybox-inner {

    width: 100% !important;

    overflow: hidden !important;

  }

}

/*

** #Custom Carousel

** ==================================================

*/

.custom-carousel .carousel-control, .el-slider .carousel-control, .el-content-slider .carousel-control, .el-isotope-slider .carousel-control {

  width: 10%;

  opacity: 1;

  background: 0 none;

  z-index: 20;

}

.no-cssgradients .custom-carousel .carousel-control, .no-cssgradients .el-slider .carousel-control, .no-cssgradients .el-content-slider .carousel-control, .no-cssgradients .el-isotope-slider .carousel-control {

  filter: none;

}

.custom-carousel .carousel-control, .el-slider .carousel-control, .el-content-slider .carousel-control, .el-isotope-slider .carousel-control, .custom-carousel .carousel-control span, .el-slider .carousel-control span, .el-content-slider .carousel-control span, .el-isotope-slider .carousel-control span {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.custom-carousel .carousel-control span, .el-slider .carousel-control span, .el-content-slider .carousel-control span, .el-isotope-slider .carousel-control span {

  display: block;

  width: 44px;

  height: 44px;

  font-size: 30px;

  line-height: 44px;

  position: absolute;

  top: 50%;

  margin-top: -22px;

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

  border-radius: 50%;

}

@media (min-width: 992px) {

  .custom-carousel .carousel-control:hover span, .el-slider .carousel-control:hover span, .el-content-slider .carousel-control:hover span, .el-isotope-slider .carousel-control:hover span {

    background-color: rgba(219, 182, 90, 0.8);

  }

}

.custom-carousel .carousel-control.left span, .el-slider .carousel-control.left span, .el-content-slider .carousel-control.left span, .el-isotope-slider .carousel-control.left span {

  left: 50px;

  padding-right: 4px;

}

.custom-carousel .carousel-control.right span, .el-slider .carousel-control.right span, .el-content-slider .carousel-control.right span, .el-isotope-slider .carousel-control.right span {

  right: 50px;

  padding-left: 1px;

}

.custom-carousel .carousel-indicators, .el-slider .carousel-indicators, .el-content-slider .carousel-indicators, .el-isotope-slider .carousel-indicators {

  bottom: 0px;

  margin-bottom: 21px;

}

.custom-carousel .carousel-indicators li, .el-slider .carousel-indicators li, .el-content-slider .carousel-indicators li, .el-isotope-slider .carousel-indicators li {

  width: 12px;

  height: 12px;

  border-radius: 12px;

  margin: 1px 3px;

  vertical-align: bottom;

}

@media (max-width: 991px) {

  .custom-carousel .carousel-indicators, .el-slider .carousel-indicators, .el-content-slider .carousel-indicators, .el-isotope-slider .carousel-indicators {

    margin-bottom: 14px;

  }

}

.custom-carousel .carousel-caption, .el-slider .carousel-caption, .el-content-slider .carousel-caption, .el-isotope-slider .carousel-caption {

  color: #404345;

  text-shadow: none;

  font-size: 18px;

  line-height: 28px;

}

.custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading {

  margin-bottom: 22px;

  margin-top: 10px;

  font-size: 48px;

  line-height: 58px;

}

.custom-carousel .carousel-caption .heading span, .el-slider .carousel-caption .heading span, .el-content-slider .carousel-caption .heading span, .el-isotope-slider .carousel-caption .heading span {

  display: inline-block;

  position: relative;

}

.custom-carousel .carousel-caption .heading span:before, .el-slider .carousel-caption .heading span:before, .el-content-slider .carousel-caption .heading span:before, .el-isotope-slider .carousel-caption .heading span:before, .custom-carousel .carousel-caption .heading span:after, .el-slider .carousel-caption .heading span:after, .el-content-slider .carousel-caption .heading span:after, .el-isotope-slider .carousel-caption .heading span:after {

  content: " ";

  display: block;

  height: 1px;

  background-color: rgba(64, 67, 69, 0.3);

  position: absolute;

  left: 0;

  right: 0;

}

.no-rgba .custom-carousel .carousel-caption .heading span:before, .no-rgba .el-slider .carousel-caption .heading span:before, .no-rgba .el-content-slider .carousel-caption .heading span:before, .no-rgba .el-isotope-slider .carousel-caption .heading span:before, .no-rgba .custom-carousel .carousel-caption .heading span:after, .no-rgba .el-slider .carousel-caption .heading span:after, .no-rgba .el-content-slider .carousel-caption .heading span:after, .no-rgba .el-isotope-slider .carousel-caption .heading span:after {

  background-color: #c5c6c7;

}

.custom-carousel .carousel-caption .heading span:before, .el-slider .carousel-caption .heading span:before, .el-content-slider .carousel-caption .heading span:before, .el-isotope-slider .carousel-caption .heading span:before {

  top: -8px;

}

.custom-carousel .carousel-caption .heading span:after, .el-slider .carousel-caption .heading span:after, .el-content-slider .carousel-caption .heading span:after, .el-isotope-slider .carousel-caption .heading span:after {

  bottom: -10px;

}

.custom-carousel .carousel-caption .description, .el-slider .carousel-caption .description, .el-content-slider .carousel-caption .description, .el-isotope-slider .carousel-caption .description {

  font-style: italic;

  color: #66696a;

}

.custom-carousel .carousel-caption .heading + .description, .el-slider .carousel-caption .heading + .description, .el-content-slider .carousel-caption .heading + .description, .el-isotope-slider .carousel-caption .heading + .description {

  padding-top: 10px;

}

.custom-carousel .carousel-caption .btn-read-more, .el-slider .carousel-caption .btn-read-more, .el-content-slider .carousel-caption .btn-read-more, .el-isotope-slider .carousel-caption .btn-read-more {

  margin-top: 33px;

  text-transform: uppercase;

}

.custom-carousel .carousel-caption p:last-child, .el-slider .carousel-caption p:last-child, .el-content-slider .carousel-caption p:last-child, .el-isotope-slider .carousel-caption p:last-child,

.custom-carousel .carousel-caption ul:last-child,

.el-slider .carousel-caption ul:last-child,

.el-content-slider .carousel-caption ul:last-child,

.el-isotope-slider .carousel-caption ul:last-child,

.custom-carousel .carousel-caption ol:last-child,

.el-slider .carousel-caption ol:last-child,

.el-content-slider .carousel-caption ol:last-child,

.el-isotope-slider .carousel-caption ol:last-child {

  margin-bottom: 0;

}

.custom-carousel .carousel-caption, .el-slider .carousel-caption, .el-content-slider .carousel-caption, .el-isotope-slider .carousel-caption {

  width: 80%;

  left: 10%;

  right: 10%;

}

.custom-carousel .has-css-table, .el-slider .has-css-table, .el-content-slider .has-css-table, .el-isotope-slider .has-css-table {

  height: 100%;

  top: 0;

  bottom: auto;

  padding: 0;

}

.custom-carousel .has-css-table .css-table, .el-slider .has-css-table .css-table, .el-content-slider .has-css-table .css-table, .el-isotope-slider .has-css-table .css-table {

  height: 100%;

}

.custom-carousel .carousel-caption-bg-helper, .el-slider .carousel-caption-bg-helper, .el-content-slider .carousel-caption-bg-helper, .el-isotope-slider .carousel-caption-bg-helper {

  display: block;

  position: absolute;

  z-index: 9;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading {

  color: inherit;

}

.custom-carousel .item.light .carousel-caption .heading, .el-slider .item.light .carousel-caption .heading, .el-content-slider .item.light .carousel-caption .heading, .el-isotope-slider .item.light .carousel-caption .heading,

.custom-carousel .item.light .carousel-caption .description,

.el-slider .item.light .carousel-caption .description,

.el-content-slider .item.light .carousel-caption .description,

.el-isotope-slider .item.light .carousel-caption .description {

  color: #222222;

}

.custom-carousel .item.light .carousel-caption-bg-helper, .el-slider .item.light .carousel-caption-bg-helper, .el-content-slider .item.light .carousel-caption-bg-helper, .el-isotope-slider .item.light .carousel-caption-bg-helper {

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

}

.custom-carousel .item.dark .carousel-caption, .el-slider .item.dark .carousel-caption, .el-content-slider .item.dark .carousel-caption, .el-isotope-slider .item.dark .carousel-caption, .custom-carousel .item.dark .carousel-caption .heading, .el-slider .item.dark .carousel-caption .heading, .el-content-slider .item.dark .carousel-caption .heading, .el-isotope-slider .item.dark .carousel-caption .heading, .custom-carousel .item.dark .carousel-caption .description, .el-slider .item.dark .carousel-caption .description, .el-content-slider .item.dark .carousel-caption .description, .el-isotope-slider .item.dark .carousel-caption .description {

  color: #fff;

}

.custom-carousel .item.dark .carousel-caption .heading span:before, .el-slider .item.dark .carousel-caption .heading span:before, .el-content-slider .item.dark .carousel-caption .heading span:before, .el-isotope-slider .item.dark .carousel-caption .heading span:before, .custom-carousel .item.dark .carousel-caption .heading span:after, .el-slider .item.dark .carousel-caption .heading span:after, .el-content-slider .item.dark .carousel-caption .heading span:after, .el-isotope-slider .item.dark .carousel-caption .heading span:after {

  background-color: rgba(219, 182, 90, 0.8);

}

.no-rgba .custom-carousel .item.dark .carousel-caption .heading span:before, .no-rgba .el-slider .item.dark .carousel-caption .heading span:before, .no-rgba .el-content-slider .item.dark .carousel-caption .heading span:before, .no-rgba .el-isotope-slider .item.dark .carousel-caption .heading span:before, .no-rgba .custom-carousel .item.dark .carousel-caption .heading span:after, .no-rgba .el-slider .item.dark .carousel-caption .heading span:after, .no-rgba .el-content-slider .item.dark .carousel-caption .heading span:after, .no-rgba .el-isotope-slider .item.dark .carousel-caption .heading span:after {

  background-color: #b2b2b2;

}

.custom-carousel .item.dark .carousel-caption-bg-helper, .el-slider .item.dark .carousel-caption-bg-helper, .el-content-slider .item.dark .carousel-caption-bg-helper, .el-isotope-slider .item.dark .carousel-caption-bg-helper {

  background-color: rgba(8, 8, 8, 0.85);

}

@media (max-width: 1199px) {

  .custom-carousel .carousel-control.left span, .el-slider .carousel-control.left span, .el-content-slider .carousel-control.left span, .el-isotope-slider .carousel-control.left span {

    left: 30px;

  }

  .custom-carousel .carousel-control.right span, .el-slider .carousel-control.right span, .el-content-slider .carousel-control.right span, .el-isotope-slider .carousel-control.right span {

    right: 30px;

  }

  .custom-carousel .carousel-caption .description, .el-slider .carousel-caption .description, .el-content-slider .carousel-caption .description, .el-isotope-slider .carousel-caption .description {

    max-width: 640px;

    margin-left: auto;

    margin-right: auto;

  }

}

@media (max-width: 991px) {

  .custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading,

  .custom-carousel .carousel-caption .description,

  .el-slider .carousel-caption .description,

  .el-content-slider .carousel-caption .description,

  .el-isotope-slider .carousel-caption .description {

    margin-left: 20px;

    margin-right: 20px;

    max-width: none;

  }

  .custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading {

    font-size: 30px;

    line-height: 36px;

    margin-top: 0;

  }

  .custom-carousel .carousel-caption .heading + .description, .el-slider .carousel-caption .heading + .description, .el-content-slider .carousel-caption .heading + .description, .el-isotope-slider .carousel-caption .heading + .description {

    padding-top: 3px;

  }

  .custom-carousel .carousel-caption .btn-read-more, .el-slider .carousel-caption .btn-read-more, .el-content-slider .carousel-caption .btn-read-more, .el-isotope-slider .carousel-caption .btn-read-more {

    margin-top: -2px;

  }

}

@media (max-width: 767px) {

  .custom-carousel .carousel-control, .el-slider .carousel-control, .el-content-slider .carousel-control, .el-isotope-slider .carousel-control {

    display: none;

  }

  .custom-carousel .carousel-caption, .el-slider .carousel-caption, .el-content-slider .carousel-caption, .el-isotope-slider .carousel-caption {

    width: 100%;

    left: 0;

    right: auto;

    padding-left: 10px;

    padding-right: 10px;

    font-size: 14px;

    line-height: 20px;

  }

  .custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading {

    font-size: 20px;

    line-height: 26px;

  }

  .custom-carousel .carousel-caption .btn, .el-slider .carousel-caption .btn, .el-content-slider .carousel-caption .btn, .el-isotope-slider .carousel-caption .btn {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px;

  }

  .custom-carousel .has-css-table, .el-slider .has-css-table, .el-content-slider .has-css-table, .el-isotope-slider .has-css-table {

    height: auto;

    bottom: 28px;

  }

}

@media (max-width: 479px) {

  .custom-carousel .carousel-caption, .el-slider .carousel-caption, .el-content-slider .carousel-caption, .el-isotope-slider .carousel-caption {

    font-size: 11px;

    line-height: 14px;

  }

  .custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading,

  .custom-carousel .carousel-caption .description,

  .el-slider .carousel-caption .description,

  .el-content-slider .carousel-caption .description,

  .el-isotope-slider .carousel-caption .description {

    margin-bottom: 10px;

  }

  .custom-carousel .carousel-caption .heading, .el-slider .carousel-caption .heading, .el-content-slider .carousel-caption .heading, .el-isotope-slider .carousel-caption .heading {

    font-size: 15px;

    line-height: 18px;

  }

  .custom-carousel .carousel-caption .heading span:before, .el-slider .carousel-caption .heading span:before, .el-content-slider .carousel-caption .heading span:before, .el-isotope-slider .carousel-caption .heading span:before {

    top: -3px;

  }

  .custom-carousel .carousel-caption .heading span:after, .el-slider .carousel-caption .heading span:after, .el-content-slider .carousel-caption .heading span:after, .el-isotope-slider .carousel-caption .heading span:after {

    bottom: -5px;

  }

}



/*

** #Widget

** ==================================================

*/

.widget .heading {

  color: #404345;

  text-transform: uppercase;

}

.widget ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.widget ul li {

  position: relative;

  padding: 8px 15px;

  border-bottom: 1px solid #ebebeb;

}

.widget ul li:first-child {

  border-top: 1px solid #ebebeb;

}

.widget ul li:before {

  content: " ";

  display: block;

  width: 6px;

  height: 6px;

  border-radius: 6px;

  background-color: #DBB65A;

  position: absolute;

  left: 0;

  top: 17px;

}

.widget ul a {

  color: inherit;

}



/*

** #Placeholder Canvas

** ==================================================

** canvas.placeholder-canvas is important for html5 videos! Becouse dimensions of 

** html5 videos does not work correctly on iPad.

** Video size and canvas size should be the same. 

*/

.placeholder-canvas {

  display: block;

  max-width: 100%;

  height: auto;

}



/*

** #Api: Loading

** ==================================================

*/

.api-loading {

  height: 300px;

  overflow: hidden;

  -webkit-animation: progress-bar-stripes 2s linear infinite;

  animation: progress-bar-stripes 2s linear infinite;

}

.api-loading > * {

  visibility: hidden;

}



/*

** #Socket Top

** ==================================================

*/

.site-socket-top {

  position: relative;

  z-index: 1001;

  height: 44px;

  font-size: 12px;

  line-height: 16px;

  color: #7c8082;

  background-color: #404345;

}

.site-socket-top .container {

  position: relative;

  height: 100%;

}

.site-socket-top .socket-item {

  display: inline-block;

  height: 100%;

}

.site-socket-top a {

  color: #696c6e;

}

.site-socket-top a:hover {

  color: #9c9fa1;

}



/* Socket Dropdown */

.socket-dropdown {

  position: relative;

  display: inline-block;

  height: 100%;

}

.socket-dropdown .dropdown-toggle {

  position: relative;

  height: 100%;

  padding: 10px 47px 10px 9px;

  border: 1px solid #4c4f52;

  border-top: 0 none;

  border-bottom: 0 none;

  background: 0 none;

  text-align: left;

}

.socket-dropdown .dropdown-toggle .caret {

  border-width: 5px;

  border-bottom-width: 0px;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -3px;

}

.socket-dropdown .dropdown-menu {

  min-width: 100%;

  margin: 0;

  padding: 0;

  border: 0 none;

  border-radius: 0px;

  background-color: #404345;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.socket-dropdown .dropdown-menu, .socket-dropdown .dropdown-menu * {

  font-size: 12px;

  line-height: 16px;

}

.socket-dropdown .dropdown-menu > li {

  border-top: 1px solid #4c4f52;

}

.socket-dropdown .dropdown-menu > li > a {

  padding: 6px 10px;

  color: #7c8082;

  background-color: #404345;

}

.socket-dropdown .dropdown-menu > li > a:hover,

.socket-dropdown .dropdown-menu > li > a:focus {

  color: #DBB65A;

  background-color: #404345;

}

.socket-dropdown .dropdown-menu .divider {

  height: 5px;

  margin: 0;

  border-top-width: 0;

  background-color: #4c4f52;

}

.socket-dropdown .dropdown-menu .divider + li {

  border-top-width: 0;

}

.socket-dropdown.open {

  color: #9c9fa1;

}



/* List Social */

.list-social, .list-social-socket, .list-social-primary {

  padding: 0;

  margin: 0;

}

.list-social:before, .list-social-socket:before, .list-social-primary:before, .list-social:after, .list-social-socket:after, .list-social-primary:after {

  content: " ";

  display: table;

}

.list-social:after, .list-social-socket:after, .list-social-primary:after {

  clear: both;

}

.list-social li, .list-social-socket li, .list-social-primary li {

  position: relative;

  display: inline-block;

  float: left;

  width: 45px;

  height: 44px;

}

.list-social li, .list-social-socket li, .list-social-primary li, .list-social li *, .list-social-socket li *, .list-social-primary li * {

  font-size: 16px;

  line-height: 44px;

}

.list-social a, .list-social-socket a, .list-social-primary a {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

  text-decoration: none;

  text-align: left;

  text-indent: -99999px;

  -webkit-transition: color 0.3s, background-color 0.3s;

  transition: color 0.3s, background-color 0.3s;

}

.list-social span, .list-social-socket span, .list-social-primary span {

  display: block;

  width: 100%;

  height: 100%;

  text-indent: 0;

  text-align: center;

  vertical-align: middle;

  position: absolute;

  left: 0;

  top: 0;

}



/* socket version */

.list-social-socket {

  border-left: 1px solid #4c4f52;

  /* colors */

  /* search */

}

.list-social-socket li {

  border-right: 1px solid #4c4f52;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

@media (max-width: 767px) {

  .list-social-socket li {

    display: none;

  }

}

.list-social-socket li.hover a,

.list-social-socket li.focus a {

  color: #898c8e;

  background-color: #66686a;

}

.list-social-socket .i-facebook.hover a, .list-social-socket .i-twitter.hover a, .list-social-socket .i-linkedin.hover a, .list-social-socket .i-apple.hover a, .list-social-socket .i-google.hover a, .list-social-socket .i-google-plus.hover a, .list-social-socket .i-youtube.hover a, .list-social-socket .i-vimeo.hover a, .list-social-socket .i-pinterest.hover a, .list-social-socket .i-yelp.hover a, .list-social-socket .i-dribbble.hover a, .list-social-socket .i-amazon.hover a, .list-social-socket .i-ebay.hover a, .list-social-socket .i-skype.hover a, .list-social-socket .i-instagram.hover a, .list-social-socket .i-dropbox.hover a, .list-social-socket .i-flickr.hover a, .list-social-socket .i-github.hover a, .list-social-socket .i-basecamp.hover a, .list-social-socket .i-tumblr.hover a, .list-social-socket .i-foursquare.hover a, .list-social-socket .i-box.hover a, .list-social-socket .i-rss.hover a {

  color: #fff;

}

.list-social-socket li.hover.i-facebook a {

  background-color: #365396;

}

.list-social-socket li.hover.i-twitter a {

  background-color: #00a8f0;

}

.list-social-socket li.hover.i-linkedin a {

  background-color: #006eb3;

}

.list-social-socket li.hover.i-apple a {

  background-color: #737373;

}

.list-social-socket li.hover.i-google a {

  background-color: #4387f4;

}

.list-social-socket li.hover.i-google-plus a {

  background-color: #e0462e;

}

.list-social-socket li.hover.i-youtube a {

  background-color: #ff3333;

}

.list-social-socket li.hover.i-vimeo a {

  background-color: #4ab7ed;

}

.list-social-socket li.hover.i-pinterest a {

  background-color: #cc1919;

}

.list-social-socket li.hover.i-yelp a {

  background-color: #c21000;

}

.list-social-socket li.hover.i-dribbble a {

  background-color: #ed4583;

}

.list-social-socket li.hover.i-amazon a {

  background-color: #ff9900;

}

.list-social-socket li.hover.i-ebay a {

  background-color: #083891;

}

.list-social-socket li.hover.i-skype a {

  background-color: #00abf5;

}

.list-social-socket li.hover.i-instagram a {

  background-color: #386c99;

}

.list-social-socket li.hover.i-dropbox a {

  background-color: #0d83de;

}

.list-social-socket li.hover.i-flickr a {

  background-color: #eb0066;

}

.list-social-socket li.hover.i-github a {

  background-color: #2e2e2e;

}

.list-social-socket li.hover.i-basecamp a {

  background-color: #6bbd6d;

}

.list-social-socket li.hover.i-tumblr a {

  background-color: #304c69;

}

.list-social-socket li.hover.i-foursquare a {

  background-color: #207ec5;

}

.list-social-socket li.hover.i-box a {

  background-color: #1177bb;

}

.list-social-socket li.hover.i-rss a {

  background-color: #fa9938;

}

.list-social-socket .i-share {

  display: none;

}

@media (max-width: 767px) {

  .list-social-socket .i-share {

    display: block;

  }

}

.list-social-socket .i-share.focus {

  background: #66686a;

}

.list-social-socket .i-share.focus a {

  background-color: transparent;

  color: #ffffff;

}

.list-social-socket .i-search a {

  width: 44px;

  height: 44px;

  position: absolute;

  right: 0;

  top: 0;

}

.list-social-socket .i-search form {

  position: relative;

  z-index: 0;

  width: 0px;

  height: 100%;

  opacity: 0;

  overflow: hidden;

  -webkit-transition: width 0.3s, opacity 0.3s;

  transition: width 0.3s, opacity 0.3s;

}

.list-social-socket .i-search input {

  display: block;

  width: 100%;

  height: 100%;

  border: 0 none;

  background: 0 none;

  font-size: 12px;

  line-height: 16px;

  padding-left: 9px;

  padding-right: 35px;

  outline: 0;

  color: #ffffff;

}

@media (max-width: 767px) {

  .list-social-socket .i-search {

    display: block;

  }

}

.list-social-socket .i-search.focus {

  background: #66686a;

}

.list-social-socket .i-search.focus a {

  background-color: transparent;

  color: #ffffff;

}

@media (min-width: 992px) {

  .list-social-socket .i-search.focus {

    width: 240px;

  }

  .list-social-socket .i-search.focus form {

    z-index: 1;

    width: 100%;

    opacity: 1;

  }

  .list-social-socket .i-search.focus a {

    cursor: text;

    z-index: 0;

  }

}



/* primary */

.list-social-primary li {

  margin-right: 5px;

}

.list-social-primary a {

  color: #fff;

  background-color: #DBB65A;

  border-radius: 5px;

}

.list-social-primary a:hover {

  background-color: #fe0205;

}

@media (min-width: 480px) {

  .list-social-primary li {

    width: 40px;

    height: 40px;

  }

  .list-social-primary li, .list-social-primary li * {

    line-height: 40px;

  }

}



/* Mobile Search */

.mobile-search-form {

  display: none;

  width: 100%;

  height: 60px;

  background-color: #66686a;

}

.mobile-search-form .container {

  position: relative;

}

.mobile-search-form .container,

.mobile-search-form form,

.mobile-search-form input {

  height: 60px;

}

.mobile-search-form form,

.mobile-search-form input {

  width: 100%;

  margin: 0;

  background: 0 none;

  border: 0 none;

  outline: 0;

  font-size: 28px;

  line-height: 30px;

  color: #ffffff;

}

@media (max-width: 767px) {

  .mobile-search-form,

  .mobile-search-form .container,

  .mobile-search-form form,

  .mobile-search-form input {

    height: 50px;

  }

}



.mobile-close-socket {

  display: block;

  width: 44px;

  height: 60px;

  position: absolute;

  right: 11px;

  top: 0;

  background: 0 none;

  border: 0 none;

  margin: 0;

  padding: 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.mobile-close-socket:focus, .mobile-close-socket:active:focus, .mobile-close-socket.active:focus {

  outline: 0;

}

.mobile-close-socket span {

  display: block;

  width: 3px;

  height: 32px;

  background-color: #404345;

  position: absolute;

  left: 50%;

  margin-left: -1px;

  top: 50%;

  margin-top: -16px;

}

.mobile-close-socket .minus {

  width: 32px;

  height: 3px;

  margin-left: -16px;

  margin-top: -1px;

}

@media (max-width: 767px) {

  .mobile-close-socket {

    height: 50px;

  }

}



/* site-socket-mobile-list-social */

.site-socket-mobile-list-social {

  display: none;

  width: 100%;

  height: 50px;

  color: #7c8082;

  background-color: #66686a;

}

.site-socket-mobile-list-social .container {

  position: relative;

  height: 50px;

}

.site-socket-mobile-list-social li {

  width: 45px;

  height: 50px;

}

.site-socket-mobile-list-social li, .site-socket-mobile-list-social li * {

  line-height: 50px;

}

@media (max-width: 767px) {

  .site-socket-mobile-list-social li {

    display: block;

  }

}

.site-socket-mobile-list-social a {

  color: #404345;

}



/*

** #Header

** ==================================================

*/

.site-header {

  position: relative;

  z-index: 1000;

  height: 140px;

  background: black;

}

@media (max-width: 479px) {

  .site-header {

    height: 56px;

  }

}

@media (min-width: 992px) {

  .site-header {

    overflow: hidden;

  }

  .site-header.overflow-visible {

    overflow: visible;

  }

}

.site-header > .container {

  position: relative;

}



/* Site Logo */

.site-logo {

  display: block;

  float: left;

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

  font-weight: 800;

  font-size: 34px;

  line-height: 1;

  letter-spacing: -2px;

  margin: 0;

}

.site-logo.site-logo-text {

  /*margin: 15px 0 0 -2px;*/

}

.site-logo a {

  text-decoration: none;

}

@media (max-width: 479px) {

  .site-logo {

    font-size: 30px;

  }

  .site-logo.site-logo-text {

    margin-top: 13px;

  }

}



/* site-navigation */

.site-navigation {

  /* desktop */

  /* mobile */

  /* mobile: xs */

}

@media (min-width: 992px) {

  .site-navigation {

    display: block;

    float: right;

    /* active */

    /* submenus */

    /* sub sub menu */

    /* fade effect with css3 */

    /* Mega men├╝ */

  }

  .site-navigation ul, .site-navigation li, .site-navigation li > a {

    display: block;

  }

  .site-navigation ul {

    padding: 0;

    margin: 0;

    list-style: none;

  }

  .site-navigation li {

    position: relative;

    z-index: 1;

  }

  .site-navigation li:hover {

    z-index: 2;

  }

  .site-navigation a {

    color: #66696a;

    text-decoration: none;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

  }

  .site-navigation a:hover {

    color: #DBB65A;

  }

  .site-navigation > ul {

    float: left;

    margin-top: 30px;

  }

  .site-navigation > ul > li {

    display: inline-block;

    float: left;

  }

  .site-navigation > ul > li > a {

    position: relative;

    color: #ECECEC;

    padding: 0 20px;

    text-transform: uppercase;

  }

  .site-navigation > ul > li > a > span {

    display: block;

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

    font-weight: 400;

    font-size: 16px;

    height: 70px;

    line-height: 70px;

    border-bottom: 2px solid transparent;

  }

  .site-navigation > ul > li > a > .caret {

    border: 8px solid transparent;

    border-bottom: 8px solid #DBB65A;

    border-top: 0;

    height: 0;

    width: 0;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    position: absolute;

    left: 50%;

    margin-left: -8px;

    top: 100%;

    margin-top: -8px;

    opacity: 0;

    -webkit-transition: opacity 0.1s;

    transition: opacity 0.1s;

  }

  .site-navigation > ul > li:last-child > a {

    padding-right: 0;

  }

  .site-navigation > ul > li:hover > a {

    color: #DBB65A;

  }

  .site-navigation > ul > li:hover > a > .caret {

    opacity: 1;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

  }

  .site-navigation > ul > .active > a > span {

    border-bottom-color: #DBB65A;

  }

  .site-navigation ul ul {

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);

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

    width: 200px;

    background-color: #fff;

    border-top: 2px solid #DBB65A;

    position: absolute;

    left: 0;

    top: 100%;

    margin-top: -2px;

  }

  .site-navigation ul ul li {

    border-top: 1px solid #ebebeb;

  }

  .site-navigation ul ul li:first-child {

    border-top-width: 0;

  }

  .site-navigation ul ul a {

    padding: 12px 20px 11px 20px;

  }

  .site-navigation ul ul .has-subnav > a {

    padding: 12px 35px 11px 20px;

  }

  .site-navigation ul ul li:hover > a {

    background-color: #f5f5f5;

  }

  .site-navigation ul ul li.has-subnav > a > .caret {

    border: 5px solid transparent;

    border-left: 5px solid #66696a;

    border-right: 0;

    height: 0;

    width: 0;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    position: absolute;

    right: 21px;

    top: 50%;

    margin-top: -5px;

  }

  .site-navigation ul ul ul {

    left: 100%;

    top: 0;

  }

  .site-navigation ul ul ul.left, .site-navigation ul ul ul.left .has-subnav > ul {

    left: auto;

    float: none !important;

    right: 100%;

  }

  .site-navigation ul ul ul:before {

    display: none;

  }

  .site-navigation li > ul {

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 0s linear 0.3s, opacity 0.1s linear;

    transition: visibility 0s linear 0.3s, opacity 0.1s linear;

  }

  .site-navigation li.hover > ul {

    visibility: visible;

    opacity: 1;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

  }

  .site-navigation li.megamenu {

    position: static;

  }

  .site-navigation li.megamenu > ul {

    width: 100%;

    float: left;

  }

  .site-navigation li.megamenu > ul > li {

    float: left;

    padding: 10px;

  }

  .site-navigation li.megamenu > ul > li:hover > a {

    background-color: #fafafa;

  }

  .site-navigation li.megamenu > ul > li > ul {

    position: static;

    left: auto;

    top: auto;

    margin: 0;

  }

  .site-navigation li.megamenu > ul > li > a {

    font-size: 18px;

    color: #404345;

    text-transform: uppercase;

  }

  .site-navigation li.megamenu > ul > li > a:hover {

    color: #DBB65A;

  }

  .site-navigation li.megamenu > ul > li > a > .caret {

    display: none;

  }

  .site-navigation li.megamenu > ul > li > ul {

    float: none;

    width: auto;

    position: relative;

    left: auto;

    top: auto;

    margin: 0;

    opacity: 1;

    -webkit-transition: none;

    transition: none;

    border-top: 1px solid #ebebeb;

  }

  .site-navigation li.megamenu > ul > li.promo-box.no-padding {

    padding: 0;

  }

  .site-navigation li.megamenu > ul > li.promo-box.has-left-border {

    padding-left: 20px;

  }

  .site-navigation li.megamenu > ul > li.promo-box.has-left-border:before {

    content: " ";

    display: block;

    width: 1px;

    background-color: #ebebeb;

    position: absolute;

    left: 10px;

    top: 0;

    bottom: 0;

  }

  .site-navigation li.megamenu > ul > li.promo-box a {

    padding: 0;

    display: inline-block;

    -webkit-transition: opacity 0.3s;

    transition: opacity 0.3s;

  }

  .site-navigation li.megamenu > ul > li.promo-box a:hover {

    opacity: 0.6;

  }

  .site-navigation li.megamenu > ul .well {

    margin: 0;

    border-radius: 0;

    border: 0 none;

  }

  .site-navigation li.megamenu > ul .well p:last-child,

  .site-navigation li.megamenu > ul .well ul:last-child,

  .site-navigation li.megamenu > ul .well ol:last-child {

    margin-bottom: 0;

  }

  .site-navigation li.megamenu.hover > ul > li > ul {

    visibility: visible;

  }

  .site-navigation li.megamenu.no-box-shadow > ul > li > ul {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

}

@media (max-width: 991px) {

  .site-navigation {

    -webkit-overflow-scrolling: touch;

    width: 100%;

    background: #fff;

    position: absolute;

    left: 0;

    top: 100%;

    height: 0px;

    overflow-x: visible;

    overflow-y: hidden;

    -webkit-transition: height 0.3s;

    transition: height 0.3s;

    /* hide desktop caret */

    /* indent for sub navs */

  }

  .site-navigation.in {

    overflow-y: auto;

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);

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

  }

  .site-navigation ul {

    list-style: none;

    padding: 0;

    margin: 0;

    background-color: #fff;

  }

  .site-navigation > ul {

    width: 740px;

    margin: 0 auto;

  }

  .site-navigation > ul.in {

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);

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

  }

  .site-navigation .caret {

    margin-left: 0;

    border-top: 5px solid;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

  }

  .site-navigation a > .caret {

    display: none;

  }

  .site-navigation li {

    width: auto !important;

    position: relative;

    border-bottom: 1px solid #ebebeb;

  }

  .site-navigation li > .caret {

    display: none;

  }

  .site-navigation li:first-child {

    border-top: 1px solid #ebebeb;

  }

  .site-navigation li.in {

    background-color: #f5f5f5;

  }

  .site-navigation li.in > ul > li:last-child, .site-navigation li.in > ul > li.last {

    border-bottom-width: 0;

  }

  .site-navigation li.in > a {

    color: #DBB65A;

  }

  .site-navigation li.in > .subnav-trigger > .caret {

    border-top-width: 0;

    border-bottom: 4px solid;

  }

  .site-navigation li ul {

    height: 0px;

    overflow-y: hidden;

  }

  .site-navigation li ul.in {

    overflow-y: auto;

  }

  .site-navigation > ul > li > a {

    text-transform: uppercase;

  }

  .site-navigation a {

    display: block;

    padding: 12px 20px 13px;

    color: #8b8f91;

    text-decoration: none;

  }

  .site-navigation a:hover {

    color: #DBB65A;

  }

  .site-navigation li li a {

    padding-left: 40px;

  }

  .site-navigation li li li a {

    padding-left: 60px;

  }

  .site-navigation li li li li a {

    padding-left: 80px;

  }

  .site-navigation li.has-subnav > a {

    margin-right: 52px;

  }

  .site-navigation .subnav-trigger {

    border: 0 none;

    background: 0 none;

    position: absolute;

    right: 0;

    top: 0;

    width: 52px;

    height: 49px;

    border-left: 1px solid #ebebeb;

  }

  .site-navigation .subnav-trigger:focus, .site-navigation .subnav-trigger:active:focus, .site-navigation .subnav-trigger.active:focus {

    outline: 0;

  }

  .site-navigation .promo-box {

    display: none;

  }

}

@media (max-width: 767px) {

  .site-navigation > ul {

    width: auto;

    margin: 0 auto;

  }

}



/* site-navigation-toggle */

.site-navigation-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-right: -10px;

  margin-top: 12px;

  margin-bottom: 12px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 5px;

  display: none;

}

.site-navigation-toggle:focus {

  outline: none;

}

.site-navigation-toggle .icon-bar {

  display: block;

  width: 40px;

  height: 6px;

  border-radius: 3px;

  background: #ffefb0;

}

.site-navigation-toggle .icon-bar + .icon-bar {

  margin-top: 4px;

}

@media (max-width: 991px) {

  .site-navigation-toggle {

    display: block;

  }

}

@media (max-width: 479px) {

  .site-navigation-toggle {

    margin-top: 5px;

    margin-bottom: 5px;

  }

}



/*

** #Content and Section

** ==================================================

*/

/* Site Content */

.site-content {

  background-color: white;

}



/* Section */

.section {

  /* padding */

  padding: 50px 0;

  /* border */

  border-top: 1px solid #ebebeb;

  /* reset */

  /* header */

  /* color */

  /* only header */

}

.section.section-no-padding {

  padding: 0;

}

.section.section-slim {

  padding: 30px 0;

}

.section.section-large {

  padding: 80px 0;

}

.section.section-no-padding-top {

  padding-top: 0;

}

.section.section-no-padding-bottom {

  padding-bottom: 0;

}

.section.section-no-border, .section:first-child {

  border-top: 0;

}

.section.section-reset {

  border-width: 0;

  padding: 0;

}

.section .section-header {

  text-align: center;

}

.section .section-heading {

  margin: -8px 0 33px;

  font-size: 30px;

  line-height: 36px;

  color: #404345;

}

.section .section-desc {

  margin-top: -14px;

  margin-right: auto;

  margin-bottom: 26px;

  margin-left: auto;

  max-width: 950px;

}

.section .section-desc p {

  margin: 24px 0 0;

}

.section .section-desc p:first-child {

  margin-top: 0;

}

.section.bg-primary, .section.bg-primary .section-heading {

  color: #fff;

}

.section.section-only-header .section-heading {

  margin-top: -8px;

  margin-bottom: -7px;

}

.section.section-only-header .section-desc {

  margin-top: 14px;

  margin-bottom: -7px;

}



/* Page Socket */

.section-page-socket {

  padding: 15px 0;

}

.section-page-socket:first-child {

  border-top: 1px solid #ebebeb;

}

.section-page-socket .breadcrumb {

  float: left;

  padding: 0;

  margin: 0;

  background: 0 none;

  border-radius: 0;

  font-size: 12px;

  line-height: 24px;

  color: #b9bbbd;

}

.section-page-socket .breadcrumb a,

.section-page-socket .breadcrumb .active {

  color: inherit;

}

@media (max-width: 767px) {

  .section-page-socket .breadcrumb {

    float: none;

  }

}

.section-page-socket .current-page-title {

  font-size: 18px;

  line-height: 24px;

  color: #404345;

}



/* bg-size-cover */

.bg-size-cover {

  background-size: cover;

  background-position: center center;

}



/*

** #Footer

** ==================================================

*/

/* Site Footer */

.site-footer {

  padding: 50px 0;

  color: #8b8f91;

  background-color: #515557;

}

.site-footer a {

  color: inherit;

}

.site-footer p:last-child,

.site-footer ul:last-child,

.site-footer ol:last-child {

  margin-bottom: 0;

}



/* Footer Widget */

.footer-widget {

  margin-top: 50px;

}

.footer-widget:first-child {

  margin-top: 0;

}

.footer-widget .heading {

  font-size: 18px;

  line-height: 1;

  color: #adb0b2;

}



/* Desc. List Footer Info */

.dl-footer-info dt {

  float: left;

  width: 50px;

  clear: left;

  text-align: left;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.dl-footer-info dd {

  margin-left: 60px;

}

.dl-footer-info dd:before, .dl-footer-info dd:after {

  content: " ";

  display: table;

}

.dl-footer-info dd:after {

  clear: both;

}



/*

** #Socket Bottom

** ==================================================

*/

.site-socket-bottom {

  position: relative;

  height: 44px;

  font-size: 12px;

  line-height: 16px;

  color: #7c8082;

  background-color: #404345;

}

.site-socket-bottom .text {

  padding-top: 14px;

  padding-bottom: 14px;

}

.site-socket-bottom a {

  color: #696c6e;

}

.site-socket-bottom a:hover {

  color: #9c9fa1;

}

.site-socket-bottom p:last-child,

.site-socket-bottom ul:last-child,

.site-socket-bottom ol:last-child {

  margin-bottom: 0;

}

.site-socket-bottom .list-social-socket li {

  display: block;

}

@media (max-width: 767px) {

  .site-socket-bottom {

    height: auto;

  }

  .site-socket-bottom .list-social-socket-wrapper {

    border-top: 1px solid #4c4f52;

  }

}



/*

** #Element: Non Responsive Height

** ==================================================

*/

.el-non-responsive-height {

  position: relative;

  max-width: 100%;

  overflow: hidden;

  /* some other slider sample */

}

.el-non-responsive-height > .push {

  width: 1920px;

}

.el-non-responsive-height > .push, .el-non-responsive-height > .push > .pull {

  display: table;

  position: relative;

  left: 50%;

}

.el-non-responsive-height > .push > .pull {

  width: 100%;

  left: -50%;

}

@media (max-width: 991px) {

  .el-non-responsive-height > .push {

    width: 175%;

  }

}

@media (max-width: 767px) {

  .el-non-responsive-height > .push {

    width: 200%;

  }

}

.some-other-slider .el-non-responsive-height > .push {

  width: 500px;

}

@media (max-width: 991px) {

  .some-other-slider .el-non-responsive-height > .push {

    width: 200%;

  }

}



/*

** #Element: Slider

** ==================================================

*/

.el-slider {

  /* extend custom carousel */

}



/*

** #Element: Icon Box

** ==================================================

*/

.el-icon-box {

  width: 100%;

  /* hover */

}

.el-icon-box .icon {

  display: block;

  width: 48px;

  height: 48px;

  float: left;

  border-radius: 50%;

  color: white;

  border: 1px solid #DBB65A;

  background-color: #DBB65A;

  font-size: 24px;

  line-height: 48px;

  text-align: center;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.el-icon-box .heading {

  font-size: 18px;

  line-height: 24px;

  color: #404345;

  margin-left: 58px;

  margin-top: 4px;

  margin-bottom: 8px;

}

.el-icon-box .content {

  font-size: 14px;

  line-height: 24px;

  margin-left: 58px;

}

.el-icon-box .content * {

  margin-top: 10px;

  margin-bottom: 0;

}

.el-icon-box .content *:first-child {

  margin-top: 0;

}

.el-icon-box:hover .icon {

  color: white;

  border: 1px solid #DBB65A;

  background-color: #DBB65A;

}



/* Big */

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

.el-icon-box-big {

  width: 100%;

}

.el-icon-box-big .icon {

  width: 77px;

  height: 77px;

  font-size: 32px;

  line-height: 77px;

}

.el-icon-box-big .heading {

  margin-left: 107px;

  margin-bottom: 3px;

}

.el-icon-box-big .content {

  margin-left: 107px;

}



/* Top */

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

.el-icon-box-top {

  width: 100%;

  text-align: center;

  /* hover */

}

.el-icon-box-top .icon {

  width: 112px;

  height: 112px;

  color: #CBA547;

  border: 1px solid #dedede;

  background-color: white;

  font-size: 64px;

  line-height: 112px;

  float: none;

  margin: 0 auto;

  margin-bottom: 24px;

}

.el-icon-box-top .heading {

  margin-left: 0;

}

.el-icon-box-top .content {

  margin-left: 0;

}

.el-icon-box-top:hover .icon {

  color: white;

  border: 1px solid #CBA547;

  background-color: #CBA547;

}



/*

** #Element: Icon Box List

** ==================================================

*/

.el-icon-box-list ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.el-icon-box-list li {

  border-bottom: 1px solid #ebebeb;

  padding: 20px 0;

}

.el-icon-box-list li:first-child {

  padding-top: 0;

}



/*

** #Element: Content Slider

** ==================================================

*/

.el-content-slider {

  margin-bottom: 50px;

}

.el-content-slider .carousel-indicators {

  bottom: -50px;

  margin-bottom: 0;

}

.el-content-slider .carousel-indicators li {

  margin: 1px 3px;

  width: 12px;

  height: 12px;

  border-radius: 12px;

  border-color: #66696a;

}

.el-content-slider .carousel-indicators li.active {

  background-color: #66696a;

}

.bg-primary .el-content-slider .carousel-indicators li {

  border-color: #fff;

}

.bg-primary .el-content-slider .carousel-indicators li.active {

  background-color: #fff;

}



/*

** #Element: Figure

** ==================================================

*/

.el-figure {

  width: 100%;

  position: relative;

  /* animations */

  /* 1 */

  /* 2 */

  /* 3 */

  /* media queries */

}

.el-figure > img {

  position: relative;

  z-index: 1;

  width: 100%;

  height: auto;

}

.el-figure.el-figure-rounded,

.el-figure.el-figure-rounded > img,

.el-figure.el-figure-rounded > .hover-content {

  border-radius: 5px;

}

.el-figure a {

  text-decoration: none;

}

.el-figure > .hover-content {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

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

  opacity: 0;

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

  -webkit-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

.el-figure > .hover-content > .inner {

  text-align: center;

  vertical-align: middle;

}

.el-figure > .hover-content > .css-table {

  width: 100%;

  height: 100%;

}

.el-figure.hover > .hover-content {

  opacity: 1;

}

.el-figure.hover > .hover-content .hover-icon:hover,

.el-figure.hover > .hover-content .hover-icon-2:hover {

  background: rgba(219, 182, 90, 0.8);

}

.el-figure.from-left .hover-item {

  left: 50%;

  margin-left: -32px;

}

.el-figure.to-right .hover-item {

  left: 100%;

  margin-left: 0;

}

.el-figure .hover-item-left,

.el-figure .hover-item-right {

  position: absolute;

  left: -100%;

  margin-left: -74px;

  top: 50%;

  margin-top: -32px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.el-figure .hover-item-right {

  margin-left: 10px;

  left: 100%;

}

.el-figure.hover .hover-item-left,

.el-figure.hover .hover-item-right {

  left: 50%;

}

@media (max-width: 991px) {

  .carousel .el-figure > a.hover-content {

    display: none;

  }

}



/*

** #Element: Gallery

** ==================================================

*/

.el-gallery.has-heading {

  margin-bottom: -9px;

}

.el-gallery .heading {

  font-size: 14px;

  line-height: 18px;

  color: #404345;

  margin: 16px 0 6px;

}

.el-gallery .heading a {

  color: inherit;

  text-decoration: none;

}

.el-gallery .row {

  margin-top: -20px;

}

.el-gallery .row + .row {

  margin-top: 0;

}

.el-gallery .row > div {

  margin-top: 20px;

}



/*

** #Element: List Clients

** ==================================================

*/

.el-list-clients {

  margin-top: -6px;

  position: relative;

}

.section-header + .el-list-clients {

  margin-top: 1px;

}

.el-list-clients .items:before, .el-list-clients .items:after {

  content: " ";

  display: table;

}

.el-list-clients .items:after {

  clear: both;

}

.el-list-clients .item {

  display: inline-table;

  float: left;

  width: 16.66667%;

  height: 92px;

  padding-left: 3px;

  padding-right: 3px;

  margin-top: 6px;

}

.el-list-clients .cell {

  display: table-cell;

  height: 100%;

  background-color: #fff;

  border: 1px solid #ebebeb;

  border-radius: 5px;

  text-align: center;

  vertical-align: middle;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

@media (min-width: 992px) {

  .el-list-clients .cell:hover {

    border-color: #DBB65A;

  }

}



/*

** #Element: Isotope Slider

** ==================================================

*/

.el-isotope-slider {

  position: relative;

  /* controls */

}

.el-isotope-slider .carousel-control {

  width: 44px;

}

.el-isotope-slider .carousel-control.left span {

  left: 0;

}

.el-isotope-slider .carousel-control.right span {

  right: 0;

}

.el-isotope-slider .items {

  margin-left: 100px;

  margin-right: 100px;

}

.el-isotope-slider .item {

  display: inline-table;

  float: left;

}

@media (max-width: 1199px) {

  .el-isotope-slider {

    width: 100%;

    padding-left: 0;

    padding-right: 0;

  }

  .el-isotope-slider .carousel-control.left {

    left: 10px;

  }

  .el-isotope-slider .carousel-control.right {

    right: 10px;

  }

  .el-isotope-slider .items {

    margin-left: 60px;

    margin-right: 60px;

  }

}

@media (max-width: 767px) {

  .el-isotope-slider .carousel-control {

    display: block;

  }

}



/*

** #Element: Testimonial Slider

** ==================================================

*/

/* Extend: Carousel Fade Effect */

.carousel {

  -webkit-transition: height 0.3s;

  transition: height 0.3s;

}

.carousel.carousel-fade .item {

  display: block;

  height: 0;

  overflow: hidden;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

}

.carousel.carousel-fade .active.item {

  z-index: 1;

  opacity: 1;

  height: auto;

}



/* Element: Testimonial Slider */

.el-testimonial-slider {

  margin-bottom: 32px;

}

.el-testimonial-slider .carousel-indicators {

  bottom: -40px;

  margin-bottom: 0;

}

.el-testimonial-slider .carousel-indicators li {

  margin: 1px 3px;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  border-width: 0;

  background-color: #dedede;

}

.el-testimonial-slider .carousel-indicators li.active {

  background-color: #DBB65A;

}

.section-header + .el-testimonial-slider {

  margin-top: -6px;

}

@media (max-width: 479px) {

  .el-testimonial-slider {

    margin-bottom: 18px;

  }

  .el-testimonial-slider .carousel-indicators {

    bottom: -26px;

  }

}



/*

** #Element: Testimonial

** ==================================================

*/

.el-testimonial {

  max-width: 737px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

}

.el-testimonial .text {

  margin: 0;

  padding: 3px 60px 0;

  position: relative;

  font-style: italic;

  quotes: "\201C" "\201D" "\2018" "\2019";

}

.el-testimonial .text p {

  margin-bottom: 0;

  margin-top: 7px;

}

.el-testimonial .text p:first-child {

  margin-top: 0;

}

.el-testimonial .text:before, .el-testimonial .text:after {

  display: inline-block;

  font-family: Arial, sans-serif;

  font-style: normal;

  font-size: 120px;

  line-height: 1;

  color: #DBB65A;

  position: absolute;

  top: -13px;

}

.el-testimonial .text:before {

  content: open-quote;

  left: -5px;

}

.el-testimonial .text:after {

  content: close-quote;

  right: -5px;

}

.el-testimonial .author {

  width: 224px;

  margin: 16px auto 0;

}

.el-testimonial .author:before, .el-testimonial .author:after {

  content: " ";

  display: table;

}

.el-testimonial .author:after {

  clear: both;

}

.el-testimonial .author .figure {

  float: left;

  margin: 0  22px 5px 5px;

}

.el-testimonial .author .figure + .info {

  margin-top: 14px;

}

.el-testimonial .figure img {

  border-radius: 50%;

  -webkit-box-shadow: 0 0 0 5px #dfe0e1;

  box-shadow: 0 0 0 5px #dfe0e1;

}

.el-testimonial .info {

  line-height: 20px;

}

.el-testimonial .info span {

  display: block;

  text-align: left;

  white-space: nowrap;

}

.el-testimonial .name {

  color: #66696a;

}

.bg-primary .el-testimonial .name {

  color: #fff;

}

.el-testimonial .career {

  color: #8b8f91;

  font-style: italic;

}

@media (max-width: 479px) {

  .el-testimonial .text {

    padding: 0;

  }

  .el-testimonial .text:before, .el-testimonial .text:after {

    display: none;

  }

  .el-testimonial .author {

    width: auto;

    margin-top: 18px;

  }

  .el-testimonial .author .figure {

    float: none;

    margin-left: 0;

    margin-right: 0;

    margin-bottom: 5px;

  }

  .el-testimonial .author .figure + .info {

    margin-top: 0;

  }

  .el-testimonial .author .info span {

    display: block;

    text-align: center;

    white-space: normal;

  }

}



/*

** #Element: Centered Image

** ==================================================

*/

.el-centered-image {

  position: relative;

  max-width: 100%;

  overflow: hidden;

}

.el-centered-image .content, .el-centered-image .content .img {

  display: table;

  width: 100%;

  position: relative;

  left: 50%;

}

.el-centered-image .content .img {

  left: -50%;

}

.el-centered-image .content img {

  width: 100%;

}

@media (max-width: 1199px) {

  .el-centered-image .content {

    width: 200%;

  }

}



/*

** #Element: Portfolip

** ==================================================

*/

.el-portfolio {

  background: #e44648;

  /* filters */

  /* items */

}

.section-header + .el-portfolio {

  margin-top: 7px;

}

.el-portfolio .filters-wrapper {

  padding: 20px;

  text-align: center;

  color: #fff;

  background: #DBB65A;

}

@media (max-width: 767px) {

  .el-portfolio .filters-wrapper {

    padding: 20px 10px;

  }

}

.el-portfolio .filters {

  margin: -16px 0 0;

}

.el-portfolio .filter {

  display: inline-block;

  height: 40px;

  margin: 16px 8px 0;

  padding: 0 29px;

  border: 1px solid transparent;

  border-radius: 5px;

  color: #fff;

  background: 0 none;

  text-transform: uppercase;

  outline: 0;

}

.el-portfolio .filter:hover {

  text-decoration: underline;

}

.el-portfolio .filter.active {

  border-color: #fff;

}

.el-portfolio .filter.active:hover {

  text-decoration: none;

  cursor: default;

}

.el-portfolio .items {

  -webkit-transition: height 0.3s;

  transition: height 0.3s;

  -webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);

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

}

.el-portfolio .items:before, .el-portfolio .items:after {

  content: " ";

  display: table;

}

.el-portfolio .items:after {

  clear: both;

}

.el-portfolio .item {

  padding: 0;

}



/*

** #Element: Tab

** ==================================================

** Two tab styles are available: .el-tabs-1 and .el-tabs-2

*/

/* tab-pane clearfix */

.tab-pane:before, .tab-pane:after {

  content: " ";

  display: table;

}

.tab-pane:after {

  clear: both;

}



/* Element: Tabs 1 */

.section-header + .container > .el-tabs-1 {

  margin-top: 10px;

}

.el-tabs-1 .nav-tabs {

  display: table;

  width: 100%;

  table-layout: fixed;

  background-color: #f7f7f7;

  padding: 0 10px;

  border-bottom: 1px solid #ebebeb;

}

.el-tabs-1 .nav-tabs > li {

  display: table-cell;

  width: 100%;

  float: none;

  margin-bottom: 0;

  font-size: 20px;

  line-height: 24px;

  text-align: center;

  text-transform: uppercase;

  /* link */

  /* active */

}

.el-tabs-1 .nav-tabs > li > a {

  display: block;

  position: relative;

  z-index: 10;

  margin: 0;

  padding: 13px 15px 14px 15px;

  border: 0 none;

  border-radius: 0;

  color: #8b8f91;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}

.el-tabs-1 .nav-tabs > li > a:hover {

  color: #DBB65A;

}

.el-tabs-1 .nav-tabs > li.active > a, .el-tabs-1 .nav-tabs > li.active > a:hover, .el-tabs-1 .nav-tabs > li.active > a:focus {

  color: #fff;

  background: 0 none;

  border: 0 none;

  cursor: default;

}

.el-tabs-1 .nav-tabs > li.active > a:before {

  content: " ";

  display: block;

  background: #DBB65A;

  position: absolute;

  z-index: -1;

  top: -10px;

  right: 0;

  bottom: 0;

  left: 0;

}

.el-tabs-1 .tab-content {

  margin-top: 40px;

}



/* Element: Tabs 2 */

.el-tabs-2 .tabs-wrapper {

  padding: 12px;

  color: #fff;

  background-color: #404345;

}

.el-tabs-2 .nav-tabs {

  color: #fff;

  background: 0 none;

  border: 0 none;

  font-size: 18px;

  line-height: 20px;

  text-align: center;

}

.el-tabs-2 .nav-tabs li {

  display: inline-block;

  margin: 0 3px;

  float: none;

}

.el-tabs-2 .nav-tabs li a {

  display: inline-block;

  position: relative;

  padding: 4px 15px 5px 15px;

  border: 0 none;

  border-radius: 5px;

  color: inherit;

}

.el-tabs-2 .nav-tabs li a, .el-tabs-2 .nav-tabs li a:hover, .el-tabs-2 .nav-tabs li a:active {

  background: 0 none;

  border: 0 none;

  border-radius: 5px;

}

.el-tabs-2 .nav-tabs li a:hover {

  text-decoration: underline;

}

.el-tabs-2 .nav-tabs li.active > a, .el-tabs-2 .nav-tabs li.active > a:hover, .el-tabs-2 .nav-tabs li.active > a:focus {

  color: #fff;

  background-color: #DBB65A;

  border: 0 none;

  text-decoration: none;

}

.el-tabs-2 .nav-tabs .caret {

  display: none;

}

.el-tabs-2 .nav-tabs li.active .caret {

  display: block;

  position: absolute;

  left: 50%;

  margin-left: -5px;

  top: 100%;

  border-width: 5px;

  border-bottom-width: 0;

  border-top-color: #DBB65A;

}

.el-tabs-2 .tab-content {

  color: #fff;

  background-color: #DBB65A;

  padding: 80px 0;

}

.el-tabs-2 .nav-tabs-mobile {

  background: 0 none;

}

@media (max-width: 767px) {

  .el-tabs-2 .tabs-wrapper {

    padding: 0;

  }

  .el-tabs-2 .tab-content {

    padding: 30px 0;

  }

}



/*

** #Element: Masonry Grid

** ==================================================

*/

/* Element: Masonry Grid */

.el-masonry-grid .row {

  margin-top: -20px;

}

.el-masonry-grid .row > div {

  margin-top: 20px;

}



/*

** #Element: Flat Box

** ==================================================

*/

.el-flat-box {

  padding: 30px 20px;

}

.el-flat-box * {

  margin-top: 10px;

  margin-bottom: 0;

}

.el-flat-box *:first-child {

  margin-top: 0;

}



/*

** #Element: Progress

** ==================================================

*/

.el-progress .progress {

  height: 6px;

  line-height: 6px;

  border-radius: 0;

  background-color: #dedede;

}

.el-progress .progress-bar {

  background-color: #fe7a7b;

}

.el-progress .progress,

.el-progress .progress-bar {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.el-progress .progress-title {

  color: #404345;

}

.el-progress .progress-title span {

  color: #8b8f91;

}



/*

** #Element: Circular Progress

** ==================================================

*/

.el-circular-progress {

  font-weight: 300;

  line-height: 1;

  text-align: center;

}

.el-circular-progress .circle {

  position: relative;

}

.el-circular-progress .title {

  color: #404345;

}

.el-circular-progress .value {

  font-size: 46px;

  line-height: 1;

  position: absolute;

  width: 100%;

  left: 0;

  top: 50%;

  margin-top: -23px;

}

.el-circular-progress small {

  font-size: 26px;

}



/*

** #Element: Entry Box

** ==================================================

*/

/* Element: Entry Box 1 */

.el-entry-box-1 .figure {

  margin-bottom: 30px;

}

.el-entry-box-1 .figure, .el-entry-box-1 .figure img {

  border-radius: 5px;

}

.el-entry-box-1 .post-header {

  margin-bottom: 10px;

}

.el-entry-box-1 .post-heading {

  margin: 0;

  color: #404345;

}

.el-entry-box-1 .post-heading a {

  color: inherit;

}

.el-entry-box-1 .post-footer {

  margin-top: 5px;

  margin-bottom: 20px;

}

.el-entry-box-1 .post-footer .btn {

  text-transform: uppercase;

}

.el-content-slider .el-entry-box-1 {

  padding-bottom: 20px;

}



/* Element: Entry Box 2 */

.el-entry-box-2 {

  padding: 10px;

  border: 1px solid #ebebeb;

  border-radius: 5px;

  background: #fff;

}

.el-entry-box-2 .heading {

  color: #404345;

  font-size: 18px;

}

.el-entry-box-2 .footer {

  padding-left: 20px;

  padding-right: 20px;

  font-size: 12px;

}

.el-entry-box-2 .footer .time {

  font-style: italic;

}

.el-entry-box-2 hr {

  margin: 0 0 5px;

}



/*

** #Element: Newsletter

** ==================================================

*/

.el-newsletter {

  margin-top: 20px;

}

.el-newsletter:before, .el-newsletter:after {

  content: " ";

  display: table;

}

.el-newsletter:after {

  clear: both;

}

.el-newsletter .form {

  margin-top: -5px;

}

.el-newsletter input,

.el-newsletter button {

  height: 41px;

  padding-left: 12px;

  padding-right: 12px;

  min-width: 120px;

  margin-top: 5px;

}

.el-newsletter input {

  width: 230px;

  background: transparent;

  border: 1px solid #6b6e6f;

  outline: 0;

  border-radius: 5px;

  line-height: 20px;

  margin-right: 6px;

}

.el-newsletter button {

  position: relative;

  top: -3px;

  color: inherit;

  background-color: #404345;

  border-width: 0;

  border-bottom: 1px solid #333537;

}

.el-newsletter button:hover, .el-newsletter button:focus, .el-newsletter button:active {

  color: #fff;

  background-color: #2c2e30;

}

@media (max-width: 1199px) {

  .el-newsletter input {

    width: 194px;

  }

  .el-newsletter button {

    min-width: 96px;

  }

}



/*

** #Element: Template Wrapper

** ==================================================

*/

.el-template-wrapper {

  display: none;

}



/*

** #Element: Text Hero

** ==================================================

*/

.el-text-hero {

  color: #fff;

}

.el-text-hero .heading {

  margin: 0;

  padding: 0 10px;

  font-size: 48px;

  line-height: 58px;

}

.el-text-hero .heading span {

  display: inline-block;

  padding: 5px 30px;

  background-color: rgba(64, 67, 69, 0.9);

}

.el-text-hero .desc {

  max-width: 80%;

  margin: 0 auto;

  padding: 14px 20px;

  font-size: 18px;

  line-height: 28px;

  background-color: rgba(254, 78, 80, 0.9);

}

.el-text-hero .desc p:last-child,

.el-text-hero .desc ul:last-child,

.el-text-hero .desc ol:last-child {

  margin-bottom: 0;

}

@media (max-width: 767px) {

  .el-text-hero.text-center .heading {

    padding: 0 10px;

  }

  .el-text-hero .heading {

    font-size: 30px;

    line-height: 40px;

  }

  .el-text-hero .heading span {

    padding: 5px 20px;

  }

  .el-text-hero .desc {

    max-width: none;

  }

}



/*

** #Element: Team Member

** ==================================================

*/

.el-team-member .name {

  color: #404345;

  font-size: 16px;

  line-height: 20px;

}

.el-team-member .job-title {

  font-style: italic;

}

.el-team-member .desc {

  margin-top: 6px;

}

.el-team-member .el-figure + .name {

  margin-top: 16px;

}



/*

** #Element: Spot Text with Image

** ==================================================

*/

.el-spot-text-with-image {

  position: relative;

  text-align: right;

}

.el-spot-text-with-image .text {

  display: block;

  width: 460px;

  text-align: left;

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

}

.el-spot-text-with-image .figure {

  display: inline-block;

  width: 73%;

  position: relative;

  z-index: 1;

  margin-top: 30px;

}

.el-spot-text-with-image .figure img {

  width: 100%;

  height: auto;

}

@media (max-width: 1199px) {

  .el-spot-text-with-image .figure {

    width: 90%;

    margin-top: 100px;

  }

}

@media (max-width: 991px) {

  .el-spot-text-with-image {

    text-align: left;

  }

  .el-spot-text-with-image .text {

    width: auto;

    position: static;

    left: auto;

    top: auto;

  }

  .el-spot-text-with-image .figure {

    display: block;

    margin: 0 auto;

  }

}



/* 2 */

.el-spot-text-with-image-2 {

  position: relative;

  text-align: right;

}

.el-spot-text-with-image-2 .text {

  display: block;

  width: 320px;

  text-align: left;

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

}

.el-spot-text-with-image-2 .figure {

  display: inline-block;

  width: 69%;

  position: relative;

  z-index: 1;

  margin-top: 30px;

}

.el-spot-text-with-image-2 .figure img {

  width: 100%;

  height: auto;

}

.el-spot-text-with-image-2 .heading {

  font-size: 100px;

  line-height: 1;

  padding: 0 0 28px;

  margin-bottom: 40px;

  position: relative;

}

.el-spot-text-with-image-2 .heading .small {

  display: block;

  color: inherit;

  font-weight: 300;

  font-size: 36px;

  line-height: 40px;

}

.el-spot-text-with-image-2 .heading:after {

  content: " ";

  display: block;

  width: 100%;

  height: 1px;

  background-color: #fff;

  position: absolute;

  left: 0;

  bottom: 0;

  min-width: 260px;

}

.el-spot-text-with-image-2 .desc p {

  margin-bottom: 20px;

}

.el-spot-text-with-image-2 .desc p:last-child {

  margin-bottom: 0;

}

@media (max-width: 991px) {

  .el-spot-text-with-image-2 {

    text-align: left;

  }

  .el-spot-text-with-image-2 .text {

    width: auto;

    position: static;

    left: auto;

    top: auto;

  }

  .el-spot-text-with-image-2 .heading {

    font-size: 80px;

  }

  .el-spot-text-with-image-2 .heading .small {

    font-size: 30px;

  }

  .el-spot-text-with-image-2 .heading:after {

    width: 70%;

  }

  .el-spot-text-with-image-2 .figure {

    display: block;

    width: auto;

    margin: 0 auto 30px;

  }

}



/*

** #Element: Awards

** ==================================================

*/

/* Element: Awards */

.el-awards {

  position: relative;

}

.el-awards .item {

  width: 20%;

}



/* Element: Award */

.el-award {

  padding: 20px;

  padding-top: 10px;

  -webkit-transition: background-color 0.3s;

  transition: background-color 0.3s;

}

.el-award .logo {

  display: table;

  width: 110px;

  height: 110px;

  padding: 10px;

  margin-bottom: 30px;

  border-radius: 50%;

  background-color: #DBB65A;

}

.el-award .logo .inner {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

.el-award .year {

  font-size: 30px;

  line-height: 30px;

  color: #404345;

}

.el-award .sep {

  margin-top: 16px;

  margin-bottom: 16px;

}

.el-award dl {

  margin: 0;

}

.el-award dt, .el-award dd {

  line-height: 20px;

}

.el-award dt {

  color: #8b8f91;

  font-weight: 400;

  margin-top: 20px;

}

.el-award dt:first-child {

  margin-top: 0;

}

.el-award dd {

  color: #404345;

}

.el-award.hover {

  color: #fff;

  background-color: #DBB65A;

}

.el-award.hover .year,

.el-award.hover dd {

  color: inherit;

}

.el-award.hover dt {

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

}

.el-award.hover .sep {

  border-top-color: #fff;

}



/*

** #Element: Pager

** ==================================================

*/

.el-pager {

  margin-right: -5px;

  padding-top: 10px;

  padding-bottom: 10px;

}

.el-pager:before, .el-pager:after {

  content: " ";

  display: table;

}

.el-pager:after {

  clear: both;

}

.el-pager .btn {

  float: left;

  margin-right: 5px;

  text-transform: uppercase;

}



/* Icon */

.el-pager-icon .btn {

  height: 42px;

  padding: 0 10px;

}

.el-pager-icon, .el-pager-icon * {

  font-size: 30px;

  line-height: 42px;

}



/*

** #Element: Rich Content

** ==================================================

*/

.el-rich-content {

  padding-top: 20px;

}

.el-rich-content h1, .el-rich-content h2, .el-rich-content h3, .el-rich-content h4, .el-rich-content h5, .el-rich-content h6, .el-rich-content strong,

.el-rich-content .h1, .el-rich-content .h2, .el-rich-content .h3, .el-rich-content .h4, .el-rich-content .h5, .el-rich-content .h6 {

  color: #404345;

}



/*

** #Element: Work Detail

** ==================================================

*/

/*

** #Element: List Simple

** ==================================================

*/

.el-list-simple {

  list-style: none;

  padding: 0;

  margin: 0;

}

.el-list-simple li > strong:first-child {

  text-transform: uppercase;

}

.el-list-simple a {

  color: inherit;

}

.el-list-simple .icon {

  font-size: 130%;

  color: #DBB65A;

  vertical-align: middle;

  margin-right: 10px;

}



/*

** #Element: Map Box

** ==================================================

*/

.el-map-box {

  position: relative;

  height: 600px;

}

@media (max-width: 991px) {

  .el-map-box {

    height: 285px;

  }

}

@media (max-width: 767px) {

  .el-map-box {

    height: 100%;

  }

}

.el-map-box iframe {

  position: relative;

  z-index: 1;

  border: 0 none;

  width: 100%;

  height: 100%;

}

.el-map-box iframe.radius {

  border-radius: 5px;

}

.el-map-box .el-click-for-activate {

  display: block;

  padding: 20px;

  position: absolute;

  z-index: 2;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  line-height: 1;

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

}

.el-map-box .el-click-for-activate .css-table {

  height: 100%;

}

.el-map-box .el-click-for-activate .label {

  font-size: 100%;

  font-weight: 400;

}

@media (max-width: 767px) {

  .el-map-box .el-click-for-activate {

    display: none;

  }

}



/*

** #Element: Pagination

** ==================================================

*/

.el-pagination {

  text-align: center;

  padding-top: 60px;

  font-size: 0;

}

.el-pagination .btn-default {

  font-size: 14px;

  margin: 0 1px;

  padding: 8px 16px;

  color: #8b8f91;

}

.el-pagination .btn-default.active, .el-pagination .btn-default:hover, .el-pagination .btn-default:focus {

  color: #fff;

  background-color: #DBB65A;

  border-color: #DBB65A;

}

.el-pagination .btn-default.active {

  cursor: default;

}

.el-pagination .previous,

.el-pagination .next {

  text-transform: uppercase;

}



/*

** #Element: Entry Detail

** ==================================================

*/

.el-entry-detail .header {

  border-bottom: 1px solid #ebebeb;

  margin-bottom: 20px;

  padding: 0 0 10px;

}

.el-entry-detail .header .heading {

  margin: 0;

  color: #404345;

}

.el-entry-detail .el-pager {

  float: right;

  padding: 0;

  margin-left: 10px;

}

.el-entry-detail .figure {

  margin-bottom: 10px;

}

.el-entry-detail .figure, .el-entry-detail .figure img {

  border-radius: 5px;

}

.el-entry-detail .aside {

  padding-bottom: 10px;

  border-bottom: 1px solid #ebebeb;

  margin-bottom: 30px;

  font-size: 12px;

}

.el-entry-detail .aside:before, .el-entry-detail .aside:after {

  content: " ";

  display: table;

}

.el-entry-detail .aside:after {

  clear: both;

}

.el-entry-detail .aside .time {

  font-style: italic;

  line-height: 40px;

}



/*

** #Element: Error

** ==================================================

*/

.el-error {

  text-align: center;

}

.el-error .error-code {

  font-size: 180px;

  line-height: 1;

  color: #8b8f91;

}

.el-error .heading {

  color: #404345;

}

.el-error .desc {

  max-width: 630px;

  margin: 0 auto;

}

@media (max-width: 767px) {

  .el-error .error-code {

    font-size: 80px;

  }

  .el-error .heading {

    font-size: 30px;

  }

}



/* subpage-404 */

.subpage-404 {

  background-color: #fff;

}



/*

** #Element: Video Box

** ==================================================

*/

.el-video-box {

  height: 0;

  margin-bottom: 22px;

  overflow: hidden;

  padding-bottom: 56.25%;

  position: relative;

}

.el-video-box embed,

.el-video-box iframe,

.el-video-box object,

.el-video-box video {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

.el-video-box.html5 {

  height: auto;

  padding: 0;

}

.el-video-box.html5 .video-js {

  position: absolute;

  left: 0;

  top: 0;

  width: 100% !important;

  height: 100% !important;

  line-height: 0;

}



/*

** #Element: Audio Box

** ==================================================

*/

.el-audio-box audio {

  width: 100%;

}



/*

** #Element: Three View

** ==================================================

*/

.el-three-view {

  overflow: hidden;

  /* animation settings */

}

.el-three-view .origin {

  position: relative;

  width: 780px;

  padding: 10px;

  margin-left: auto;

  margin-right: auto;

  height: auto;

}

.el-three-view .item {

  width: 80.51282%;

  padding: 10px;

  position: absolute;

  left: -200%;

  top: 40px;

}

.el-three-view .item .content {

  position: relative;

  z-index: 1;

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

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

}

.el-three-view .item .trigger {

  display: block;

  opacity: 0;

  text-decoration: none;

  position: absolute;

  z-index: 2;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.el-three-view .item-left-prev {

  left: -161.02564%;

}

.el-three-view .item-left {

  left: -80.51282%;

}

.el-three-view .item-center {

  width: 100%;

  left: 0;

  top: 0;

}

.el-three-view .item-center .trigger {

  display: none;

}

.el-three-view .item-center .content {

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

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

}

.el-three-view .item-right {

  left: 100%;

}

.el-three-view .item-right-next {

  left: 180.51282%;

}

@media (max-width: 820px) {

  .el-three-view .origin {

    width: 77.1875%;

  }

  .el-three-view .item {

    top: 10%;

  }

  .el-three-view .item-center {

    top: 0;

  }

}

@media (max-width: 479px) {

  .el-three-view .origin,

  .el-three-view .item {

    padding: 0 7px;

  }

}

.el-three-view.element-ready .item {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.el-three-view.element-ready .item.positioning {

  -webkit-transition: none;

  transition: none;

}



.fachada {

   background-image: url(../img/fachada.jpg);

}



.destaque {

   background-image: url(../img/destaque.jpg);

}



.branco {

  color: #fff !important;

}



.icone {

width: 80px;

height: 80px;

box-shadow: 0 0 1px #aaa;

font-size: 32px;

text-align: center;

line-height: 80px;

border-radius: 100%;

margin: 20px auto;

color: #CBA547;

}



.espacoembaixo {

padding-bottom: 20px;

}



@media(max-width: 640px){

  .el-map-box{padding: 15px;}

}



@media (max-width: 480px){

  height: 100%;

}

@media(min-width: 641px){

  .box-price{padding: 60px;}

}

 #gm-mapa{width: 100%; height: 400px;

        border: 5px;

        border-style: ridge;

        border-color:#FDFAF9;

      }

     #infobox {

        position: absolute;

        background: transparent;

        color: #820101;

        font-family: sans-serif;

        font-size: 12px;

        font-weight:bold;

        padding: 0;

        text-shadow: 1px 1px 1px #FFF;

      }