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

FLAVOR TEMPLATE - MAIN CSS

------------------------------------------------------------------------------------------------------------------------ 

*/

html {
  font-size: 16px;
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  background: url("../img/bg.jpg") repeat scroll center top #F8F6EA;
  font-family: 'Arvo', serif;
  font-size: 16px;
  line-height: 1.5;
  padding-top: 58px !important;
  text-shadow: 0 0 0 #000000;
}

.g-recaptcha {
    float: right;
    margin: 0 0 20px;
}

/* BOOTSTRAP - override classes
------------------------------------------------------------------------------------------------------------------------ */

.txt-white {
	color:#fff;
	text-shadow: 0 1px 3px #000000;
}


.txt-white h3 {
	color:#C19755;
}


.row {
  margin-bottom:0px;
}

.btn {
  background: none repeat scroll 0 0 #493B24;
  border: 0 none;
  border-radius: 0 0 0 0;
  box-shadow: 0 0 0;
  color: #FFFFFF;
  letter-spacing: 2px;
  padding: 6px 14px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  border: 4px double #fff;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.btn:hover {
  background: #6B5A3F;
  text-shadown: 0 0 0;
  color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn.active, .btn:active {
  background: #493B24;
  color: #fff;
}

a {
  color: #BF9552;
  text-decoration: none;
}

a:hover, a:focus {
  color: #493B24;
  text-decoration: none;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

p {
  margin: 0 0 15px;
}

li {
  margin: 0 0 10px;
}

li i {
  color: #C19755;
}

select, 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 {
  border-radius: 0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: #C59E5B;
  box-shadow: 0 1px 1px rgb(197, 158, 91) inset;
  outline: 0 none;
}

input, button, select, textarea {
  font-family: 'Arvo', serif;
}

.control-group.success input, .control-group.success select, .control-group.success textarea,.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
  border-color: #cccccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
  color: #555555;
}


/* STRUCTURE
------------------------------------------------------------------------------------------------------------------------ */

.wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* FONTS
------------------------------------------------------------------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 {
  font-family: 'Montserrat',sans-serif;
  line-height: 1.3;
}

a {
  outline: 0;
}

/* SLIDER - Override CSS BXslider
------------------------------------------------------------------------------------------------------------------------ */

.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border: 0;
  left: 0;
  background: transparent;
  height:auto !important;
}

header .bx-wrapper .bx-viewport {
  height: 900px !important;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 80px;
  z-index: 999;
  display: none;
}

.slider-direction-nav a,
.bx-wrapper .bx-controls-direction a {
  height: 43px;
  margin-top: -43px;
  width: 43px;
  z-index: 10;
}

.slider-direction-nav .slider-prev,
.bx-wrapper .bx-prev {
  background: url("../img/sliders_icon.png") no-repeat scroll left bottom transparent;
}

.slider-direction-nav .slider-next,
.bx-wrapper .bx-next {
  background: url("../img/sliders_icon.png") no-repeat scroll right bottom transparent;
}

.slider-direction-nav .slider-prev:hover,
.bx-wrapper .bx-prev:hover {
  background-position: left top;
}

.slider-direction-nav .slider-next:hover,
.bx-wrapper .bx-next:hover {
  background-position: right top;
}

.slider-direction-nav a,
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-prev,.bx-wrapper .bx-next {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: url("../img/sliders_icon_pager.png") no-repeat scroll left bottom transparent;
  height: 16px;
  width: 16px;
  border-radius: 0 0 0 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: url("../img/sliders_icon_pager.png") no-repeat scroll left 1px transparent;
}


/* HOME INTRO
------------------------------------------------------------------------------------------------------------------------ */

body#home {
  background: url("../img/bg_intro.jpg") repeat scroll left top #F8F6EA;
  color:#fff;
  text-shadow: 0 1px 3px #000000;
  border-top: 4px solid #C59E5B;
}

body#home .container {
	margin-top:3em;
	overflow: hidden;
}

body#home img {
	margin:0 auto 2em;	
}

body#home h3 {
color: #C19755;
}

body#home a {
color: #fff;
padding: 0 20px;
line-height:3em;
}

body#home a:hover {
color: #C19755;
}

body#home small {
font-size:.9em;
}

/* NAVIGATION
------------------------------------------------------------------------------------------------------------------------ */

#site_nav {
  **background: #493B24;
  background: url("../img/bg_intro.jpg") repeat scroll left top #F8F6EA;
  border-top: 4px solid #C59E5B;
  height: 58px;
  position: fixed;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
}

#site_nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

#site_nav li {
  display: inline-block;
  padding: 0 15px;
  vertical-align: middle;
}

#site_nav a {
  color: #0099E8;
  font-size: 1em;
   /* 24px / 16px */
  line-height: 59px;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 0 #000;
}

#site_nav a:hover,#site_nav a.active {
  text-decoration: none;
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  outline: 0;
}

#menu {
  display: none;
}


/* HEADER
------------------------------------------------------------------------------------------------------------------------ */

.site_header {
  min-height: 900px;
  position: relative;
  text-align: center;
  background:transparent;
}

#logoline {
  background: url("../img/bg_logo.png") no-repeat scroll center top transparent;
  color: #FFFFFF;
  height: 200px;
  margin: 0 auto;
  width: 213px;
  z-index: 2;
  position: relative;
}

#logoline h1 {
  font-family: 'Montserrat',sans-serif;
  font-size: 27px;
  font-weight: bold;
  letter-spacing: 5px;
  margin: 0 0 3px;
  padding: 20px 0 18px;
  text-shadow: 0 1px 3px #493B24;
  text-transform: uppercase;
}

#logoline span {
  font-family: 'Arvo', serif;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 1px 3px #493B24;
}


/* SLIDESHOW
------------------------------------------------------------------------------------------------------------------------ */

#slideshow-intro {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.slider-direction-nav {
  position: absolute;
  top: 45%;
  z-index: 99;
  margin: 0;
  width: 100%;
}

.slider-direction-nav li {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}

.slider-direction-nav li a {
  position: absolute;
  text-indent: -9999em;
  margin-top: 0;
}

.site_header a.slider-prev {
  left: -50px;
}

.site_header a.slider-next {
  right: -50px;
}

ul.slides {
  margin: 0;
  padding: 0;
}

#slideshow-intro .slides li img {
margin:0 auto;
}

.slider-direction-nav a:focus {
  outline: 0;
}

#slideshow-intro .slides img {
  max-width: none;
  min-height: 482px;
  min-width: 100%;
}


/* INTRO
------------------------------------------------------------------------------------------------------------------------ */

#text_intro {
  color: #FFFFFF;
  font-size: 16px;
  margin: 25px auto 0;
  max-width: 850px;
  padding: 0 60px;
  text-shadow: 0 1px 3px #000000;
}

#text_intro h1,
#text_intro h2 {
  text-transform: uppercase;
}

#text_intro h3 {
  margin: 0 0 30px 0;
}


#text_intro h2 span {
  font-family: times new roman,serif;
  font-size: 28px;
  font-style: italic;
  font-weight: normal;
}

#text_intro p {
  margin: 0 0 30px 0;
}

#intro {
  background: url("../img/bg_black_900.png") no-repeat scroll center top transparent;
  min-height: 900px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  z-index: 10;
}

#intro .gallery {
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: .9;
  /* Safari 1.x */
  -khtml-opacity: .9;
  /* good browsers */
  opacity: .9;
}

a.btn_intro {
  background: none repeat scroll 0 0 #493B24;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 10px 21px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

#slideshow-intro-container {
  display: none;
}


/* SECTION - GLOBAL
------------------------------------------------------------------------------------------------------------------------ */

section {
  padding: 90px 0 0 0;
}

section hgroup {
  background: url("../img/section_title.png") repeat-x scroll 0 -88px transparent;
  height: 86px;
  margin: 0 63px 20px;
  position: relative;
  text-align: center;
}

section hgroup:before, section hgroup:after {
  background: url("../img/section_title.png") no-repeat scroll 0 0 transparent;
  content: "";
  height: 89px;
  position: absolute;
  top: 0;
  width: 63px;
}

section hgroup:before {
  background-position: 0 1px;
  left: -63px;
}

section hgroup:after {
  background-position: 0 -183px;
  right: -63px;
}

section hgroup h2 {
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing:0;
  margin: 0;
  padding: 10px 0 0;
  text-shadow: 0 1px 3px #3F2D11;
  text-transform: uppercase;
}

section hgroup h5 {
  color: #FFFFFF;
  font-family: 'Arvo', serif;
  font-size: 16px;
  font-weight: normal;
  margin: -2px 0 0;
  text-shadow: 0 1px 3px #493B24;
}


/* SECTION - ABOUT US
------------------------------------------------------------------------------------------------------------------------ */

/* Team */

.team-user {
  position: relative;
}

.team-user img {
  padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.team-member-pos {
  background: none repeat scroll 0 0 #493B24;
  border: 4px double #F1EEE5;
  bottom: 20px;
  color: #FFFFFF;
  left: 0;
  margin: 0 20%;
  padding: 3px 9px;
  position: absolute;
  text-align:center;
  width:60%;
  text-transform: uppercase;
}

/* Social icon  */

.social-icons ul {
  margin: 0;
}

.social-icons ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 1px 0 0;
  text-shadow: 0 0 0 #fff;
}

.social-icons li a i {
  color: #CBA965;
  font-size: 18px;
  margin: 0 5px 0 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.social-icons li a:hover i {
  color: #493B24;
}

/* Aside box */

.about_us aside {
  border: 4px double #FFFFFF;
  color: #FFFFFF;
  padding: 20px 30px 10px;
  text-shadow: 0 1px 3px #493B24;
  border-radius: 0 0 0;
  box-shadow: 0 0 0;
  position: relative;
}

/* box infos */

.gradient {
  background: #d1b26e;
 /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxYjI2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYThiNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d1b26e 0%, #ba8b4a 100%);
 /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1b26e), color-stop(100%,#ba8b4a));
 /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d1b26e 0%,#ba8b4a 100%);
 /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d1b26e 0%,#ba8b4a 100%);
 /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d1b26e 0%,#ba8b4a 100%);
 /* IE10+ */
  background: linear-gradient(to bottom, #d1b26e 0%,#ba8b4a 100%);
 /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1b26e', endColorstr='#ba8b4a',GradientType=0 );
 /* IE6-8 */;
}

.slider-infos .bx-wrapper {
  margin: 0;
}

.slider-infos .bx-wrapper .bx-prev {
  left: -38px;
}

.slider-infos .bx-wrapper .bx-next {
  right: -38px;
}

/* testimonial */

.testimonial {
  height: 228px;
  margin-top:70px;
}

.testimonial .fullwidth {
  background: none repeat scroll 0 0 #fff;
  height: 208px;
  left: 0;
  margin: 0;
  padding: 20px 0 0;
  position: absolute;
  width: 100%;
}

.testimonial .fullwidth:before {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 4px double #DDDDDD;
  border-top: 4px double #DDDDDD;
  content: "";
  height: 242px;
  left: 0;
  position: absolute;
  top: -11px;
  width: 100%;
}

.slider-testimonial {
  margin: 20px 0 0;
  position: relative;
  width: 100%;
}

.slider-testimonial blockquote {
  border: 0 none;
  margin: 0 12%;
  padding: 0;
}

.slider-testimonial .flex-direction-nav a {
  background: url("../img/bg_slide_nav_testimonial.png") no-repeat scroll left top transparent !important;
  height: 52px !important;
  outline: 0 none;
  width: 52px !important;
}

.slider-testimonial .flex-direction-nav .flex-prev {
  background-position: left top !important;
  border-radius: 50% 50%;
  left: 5%;
  opacity: 1;
  top: 22%;
  z-index: 10;
}

.slider-testimonial .flex-direction-nav .flex-next {
  background-position: right top !important;
  border-radius: 50% 50%;
  opacity: 1;
  right: 5%;
  top: 22%;
  z-index: 10;
}

.slider-testimonial .flex-direction-nav a {
  box-shadow: 0 0 10px #ccc;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.slider-testimonial .flex-direction-nav a:hover {
  box-shadow: 0 0 10px #aaa;
}

.testimonial p.testimonial-message {
  color: #666666;
  font-size: 22px;
  font-style: normal;
  line-height: 1.4;
  margin: 0 60px 20px;
}

.testimonial small {
  color: #C59E5B;
  text-shadow: 0 0 0 #000;
}


/* SECTION - PORTFOLIO
------------------------------------------------------------------------------------------------------------------------ */

/* filters */

#filter {
  margin: 0 0 40px 0;
  text-align: center;
  display: block !important;
}

#filter li {
  display: inline-block;
  list-style: none outside none;
  margin: 0 5px 5px 0;
  padding: 12px 0;
}

#filter li a {
  border: 0 none;
  margin: 0;
  padding: 12px 15px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  text-shadow: 0 0 0 #000;
  text-transform: uppercase;
}

#filter li a:hover {
  background: #C59E5B;
  color: #FFFFFF;
  text-shadow: 0 0 2px #000;
}

#filter a.active,
#filter a.active:hover {
  background: none repeat scroll 0 0 #493B24;
  color: #FFFFFF;
  border: 4px double #FAFAFA;
}

#filter-responsive {
  display: none;
}

#filter-responsive:hover {
  cursor:pointer;
}

#filter-responsive li a {
  text-shadow:none;
}

/* portfolio */

ul#portfolio-items {
  margin: 0;
  width: 100% !important;
}

.gallery-wrap li {
  list-style-type: none;
  text-align: center;
}

.gallery-wrap li article {
  max-width: 250px;
  overflow: hidden;
  position: relative;
  text-align: center;
  background-color: #fff;
  margin: 0 0 20px 0;
  padding: 5px;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
   cursor: pointer;
}

.gallery-wrap li article .mask {
  width: 100%;
  height: 159px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* good browsers */
  opacity: 0;
}

.gallery-wrap li article:hover .mask,
.gallery-wrap li article:focus .mask {
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* good browsers */
  opacity: 1;
}

.gallery-wrap li article img {
  display: block;
  position: relative;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}


.gallery-wrap li article:focus,
.gallery-wrap li article:hover {
  background-color: #493B24;
}

.gallery-wrap li article:hover img,
.gallery-wrap li article:focus img {
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 5-7 */
  filter: alpha(opacity=40);
  /* Netscape */
  -moz-opacity: 0.4;
  /* Safari 1.x */
  -khtml-opacity: 0.4;
  /* good browsers */
  opacity: 0.4;
}

.gallery-wrap li article h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 13px;
  padding: 10px;
  margin: 20px 10px 0;
  text-shadow: 0 0 2px #000;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  color: #333;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* good browsers */
  opacity: 0;
}

.gallery-wrap li article p {
  font-size: 12px;
  margin: 0 20px;
  line-height: 1.2;
  margin: 0 20px 10px 20px;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  text-shadow: 0 0 2px #000;
}

.gallery-wrap li article a.btn {
  border: 0 none;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 32px;
  text-shadow: 0 0 0;
  background: #C59E5B;
  border: 2px solid transparent;
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* good browsers */
  opacity: 0;
}

.gallery-wrap li article a.btn:focus,
.gallery-wrap li article a.btn:hover {
  border: 2px solid #fff;
   cursor: pointer;
}

.gallery-wrap li article:hover h3,
.gallery-wrap li article:focus h3,
.gallery-wrap li article:hover p,
.gallery-wrap li article:focus p,
.gallery-wrap li article:hover a.btn,
.gallery-wrap li article:focus a.btn {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #FBFBFB;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* good browsers */
  opacity: 1;
}

.gallery-wrap li article:hover a.btn i,
.gallery-wrap li article:focus a.btn i {
  color: #fff;
}

ul#portfolio-items,
.gallery-wrap li article .mask,
.gallery-wrap li article a.btn,
.gallery-wrap li article,
.gallery-wrap li article p,
.gallery-wrap li article h3,
.gallery-wrap li article img {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}


/* Prettyphoto custom */

.pp_description {
  font-family: 'Montserrat',sans-serif;
  font-size: 13px !important;
  font-weight: bold !important;
}
 
a.pp_previous,
a.pp_next {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}



/* SECTION - SERVICES
------------------------------------------------------------------------------------------------------------------------ */

.services-intro,.services-items,.skill {
  margin-bottom:40px;
}

.servicebox {
  position: relative;
}

.service-text {
  margin: 0 0 0 100px;
}

.service-text h2 {
  font-size: 20px;
}

.service-icon {
  background: none repeat scroll 0 0 #493B24;
  border: 4px double #FFFFFF;
  color: #FFFFFF;
  font-size: 41px;
  font-weight: normal;
  height: 70px !important;
  line-height: 70px !important;
  margin-right: 20px;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 70px !important;
}

.services-items .row {
  margin-bottom: 20px;
}

/* quote */

#services .quote {
  border: 4px double #FFFFFF;
  border-radius: 0 0 0 0;
  box-shadow: 0 0 0;
  color: #FFFFFF;
  padding: 20px;
  position: relative;
  text-shadow: 0 1px 3px #493B24;
}

#services .quote .btn {
  float: right;
  margin: 21px 35px;
}

/* skill */

.skill i {
  background: none repeat scroll 0 0 #C59E5B;
  border-radius: 30px 30px 30px 30px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 0;
  text-align: center;
  width: 30px;
}


/* SECTION - BLOG
------------------------------------------------------------------------------------------------------------------------ */

#blog {
  position: relative;
}

#blog article .article-container {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 20px;
  position: relative;
}

#blog .article-container:hover {
  box-shadow: 0 0 20px #bbb;
  cursor: pointer;
}

#blog .article-container img {
  border: 0 none;
  **margin: -21px 0 20px -21px;
  max-width: none;
  padding: 0;
  width: 100%;
  border-bottom: 5px solid #C59E5B;
}

#blog .metadata-date {
  background: none repeat scroll 0 0 #493B24;
  border: 4px double #FFFFFF;
  font-family: 'Montserrat',sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  height: 70px !important;
  margin-right: 20px;
  position: absolute;
  text-align: center;
  top: 15px;
  left: 15px;
  width: 70px !important;
}

#blog .metadata-date span {
  display: block;
  font-size: 36px;
  line-height: 36px;
  margin: 8px 0 -3px;
  text-align: center;
}

#blog .flex-viewport {
  padding: 0 0 6px 0;
}

#blog .flex-control-nav {
  margin: -20px 0 40px;
  position: relative;
}

#blog  .slider-blog li {
  margin: 0;
}

#blog .metadata {
  color: #C59E5B;
  font-size: 13px;
  font-style: italic;
}

#blog .bx-wrapper {
  margin: 0 auto 20px;
}

#blog .bx-wrapper .bx-prev {
  left: -50px;
}

#blog .bx-wrapper .bx-next {
  right: -50px;
}

/* item blog */

#blog .item-blog {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 5px #BBBBBB;
  line-height: 1.5;
  margin: 20px auto 60px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}

#blog .item-blog article *:not(.post-thumbnail,.metadata-date) {
  padding-right:20px;
}

#blog .full-article, #blog .full-article .span12 {
  margin:0;
}

#blog .full-article .span12 {
display:none;
}

#blog .full-article .span12 {
  overflow:visible;
    -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
  
#blog .item-blog, .row, .span12,.item-blog-navigation {

}

#blog .item-blog .metadata-date {
  border-left: 0 none;
  left: 0;
  padding-left: 15px;
  top: 75px;
}

#blog .item-blog img {
  float: right;
  margin: 0 0 30px 30px;
  width: auto;
}

#blog .item-blog .item-blog-navigation {
  position: absolute;
  right: 30px;
  top: 30px;
}

#blog .item-blog article {
  padding:0;
}

#blog .item-blog article h3 {
  padding:0 0 15px;
  margin:0 0 30px;
  border-bottom: 5px solid #6B5A40;
}

#blog .item-blog i {
  color: #C59E5B;
  font-size: 28px;
  float: right;
  margin: 0 0 0 10px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

#blog .item-blog i:hover {
  color: #493B24;
  cursor: pointer;
}

/* SECTION - CONTACT US
------------------------------------------------------------------------------------------------------------------------ */

/* map */

.map-container {
  height: 350px;
  margin: 0 0 40px 0;
}

.map-container #map {
  width: 100%;
  height: 350px;
  left: 0;
  position: absolute;
  right: 0;
}

.map-container #map:before, .map-container #map:after {
  background: none repeat scroll 0 0 transparent;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
    max-width: none;
}


/* adress box */

#contact .adress {
  border: 4px double #FFFFFF;
  border-radius: 0 0 0 0;
  box-shadow: 0 0 0;
  color: #FFFFFF;
  margin: 0;
  padding: 20px;
  position: relative;
  text-shadow: 0 1px 3px #493B24;
}

#contact .adress a {
  color: #FFFFFF;
  text-shadow: 0 1px 3px #493B24;
}

/* Contact Form */

#contact i {
  color: #C59E5B;
  font-size: 14px;
  margin: 0 5px 0 0;
}

label {
  display: block;
  font-family: 'montserrat',sans-serif;
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#contact .control-group {
  position: relative;
}

#contact label.error {
  color: #D04A66;
  font-family: 'montserrat',sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 5px;
  position: absolute;
  right: 0;
  text-shadow: 0 0 0;
  text-transform: uppercase;
  top: 0;
}

#contact label.valid {
  color: #468847;
  font-weight: normal;
}

#contact .message-control-group  label.error {
  right: 0;
  top: 0;
}

#contact .row {
  margin-bottom: 0;
}

#contact .form-result {
  display: block;
  float: none;
  width: auto;
}

#contact img.loader-form {
  margin:0 10px 0 0;
}

/* FOOTER
------------------------------------------------------------------------------------------------------------------------ */

#footer {
  background: url("../img/bg-footer.png") repeat-x scroll center 60px #493B24;
  color: #FFFFFF;
  padding: 15px 0 0;
  margin:90px 0 0;
}

#footer h4 {
  font-size: 18px;
  margin: 3px 0 40px;
}

#footer h4 i {
  color: #6B5A40;
  font-size: 28px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#footer nav#sub-menu {
  float: right;
}

#footer nav#sub-menu ul li {
  display: inline-block;
  line-height: 12px;
  margin: 0;
  padding: 0 0 0 20px;
}

#footer [class*="span"] {
  position: relative;
}

#footer a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#footer a:hover,
#footer a:active {
  color: #fff;
}

#footer .row {
  margin-bottom: 10px;
}

/*
 #footer .container {
  min-height: 250px;
}
*/

/* Business Hours */

.hours {
  margin: 0 0 0 10px;
  color: #C19755;
}

/* Mailchimp */

#footer .btn {
  background: none repeat scroll 0 0 #6B5A40;
  border: 0 none;
  padding: 7px 10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#footer .btn:hover {
  background: #87755A;
}

#mce-EMAIL {
  margin: 0;
}

#mc-embedded-subscribe-form label {
  margin: 0 0 15px 0;
}

#footer-bottom {
  background: none repeat scroll 0 0 #2B1F0B;
  border-top: 1px solid #6B5A40;
  padding: 20px 0 0;
}

#footer #footer-bottom .container {
  min-height: auto;
}

/* Twitter */

.flexslider-twitter {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.twitter-link {
  margin: 0;
  text-align: right;
}

.twitter-link a {
  font-size: 11Px;
  text-transform: uppercase;
  margin: 0 10px 0 0;
}

.tweet_list {
  background: none repeat scroll 0 0 #6B5A40;
  margin: 0;
  padding: 0;
}
.tweet_list li {
  background: none repeat scroll 0 0 #6B5A40;
  color: #FFFFFF;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tweet_time {
  display: block;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  padding: 20px 20px 0;
  text-transform: uppercase;
}

.tweet_list li .tweet_text {
  display: block;
  padding: 10px 20px 20px;
}

.tweet_list .tweet_avatar {
  padding-right: .5em; 
  float: left;
  display:none;
}

.tweet_list .tweet_avatar img {
  vertical-align: middle;
}

#footer .tweet .bx-controls-direction .bx-next {
  background: url("../img/bg_slide_nav_twitter.png") repeat scroll 0 0 #6B5A40 !important;
  height: 23px !important;
  right: 0;
  top: -6px;
  width: 23px !important;
}

#footer .tweet .bx-controls-direction .bx-prev {
  background: url("../img/bg_slide_nav_twitter.png") repeat scroll 100% 100% #6B5A40 !important;
  height: 23px !important;
  left: auto;
  right: 24px;
  top: -6px;
  width: 23px !important;
}

#footer .tweet .bx-controls-direction  a:hover {
  background-color: #87755A !important;
}

#footer .tweet .bx-controls {
  position: absolute;
  right: 0;
  top: -30px;
}


/* BACK TO TOP
------------------------------------------------------------------------------------------------------------------------ */

#back-to-top {
  background: url("../img/bg_back_to_top.png") no-repeat scroll center top transparent;
  bottom: 0px;
  color: transparent;
  display: none;
  font: 0/0 a;
  height: 46px;
  position: fixed;
  right: 20px;
  text-shadow: none;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 57px;
  z-index: 100;
}

#back-to-top:hover, .touch-device #back-to-top:active {
  height: 56px;
}

#back-to-top:focus {
  outline: none;
}


/* RESPONSIVE
------------------------------------------------------------------------------------------------------------------------ */

/* Desktop ultrabook customized */

@media (min-width: 1200px) and (max-width: 1366px) {
 
  #text_intro h1, #text_intro h2 {
	font-size:24px;
	}
  
  .team-user img {
	max-width: 70%!important;
	}
  .team-member-desc {
    display:none;
    }
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
 
  #blog img {
    width: 116%;
  }

  ul#portfolio-items {
    width: 100% !important;
  }

  .gallery-wrap li article h3 {
    margin: 15px 20px 0;
  }

  #contact .map-attribution {
    bottom: auto !important;
    left: auto !important;
    right: 0;
    top: 0;
  }

  #blog .slider-blog li {
    margin: 0 5px !important;
    width: 303px !important;
  }
}
 
/* Portrait tablet to landscape and desktop */

@media (max-width: 979px) {

  #text_intro h2 {
    font-size: 28px;
  }

  #blog img {
    width: 200%;
  }

  #contact [class*="span"] {
    width: auto;
    float: none;
  }

  #contact [class*="span"] select, #contact [class*="span"] input, #contact [class*="span"] textarea {
    display: block;
    min-height: 30px;
    width: 100%;
  }

  #contact .adress {
    overflow: hidden;
    margin-bottom: 40px;
  }

  #contact .adress  img {
    float: left;
    margin: 0 20px 0 0;
  }

  #filter {
    margin: 0 0 20px 0;
  }

  .gallery-wrap li {
    width: 228px;
  }

  .gallery-wrap li article h3 {
    padding: 0;
  }

  ul#portfolio-items {
    width: 100% !important;
  }

  .twitter-link a {
    margin: 0 5px 0 0;
  }

  #blog .slider-blog li {
    margin: 0 5px !important;
    width: 350px !important;
  }

  #blog .slider-blog li img {
    width: 100%;
  }
  
  #blog .item-blog img {
    width: 100%;
  }

  
}
 
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	#blog .full-article .span12 {
	display:block!important;
	}


  body {
    padding: 0;
  }

  section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gallery-wrap li {
    float: left;
    margin: 0 3% 0 0;
    width: 30%;
  }

  .gallery-wrap li article h3 {
    margin: 20px 20px 10px;
  }

  .gallery-wrap li article {
    margin: 0 auto 20px;
  }

  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    margin: 0 0 20px;
    overflow: hidden;
  }

  .team {
    text-align: center;
  }

  .team-member-pos {
    left: 0;
  }

  .team-user {
    margin: 0 auto;
    max-width: 300px;
    position: relative;
  }

  .contact .adress {
    margin: 0;
  }

  #text_intro h2 {
    font-size: 20px;
  }

  .testimonial p.testimonial-message {
    font-size: 18px;
  }
  
  /* portfolio */
  
  #filter-responsive {
    background: none repeat scroll 0 0 #D8D1BE;
    border-radius: 4px 4px 4px 4px;
    color: #493B24;
    display: block;
    font-size: 16px;
    margin: 10px auto 0;
    padding: 10px 0;
    width: 87%;
    text-transform: uppercase;
  }

  #filter-responsive:hover {
    cursor: pointer;
    background: #CEC5AD;
  }

  #filter ul {
    background: none repeat scroll 0 0 #D8D1BE;
    border-radius: 0 0 6px 6px;
    display: none;
    margin: 0 auto;
    width: 87%;
  }

  #filter li {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }

  #filter li a {
    line-height: 30px;
    display: block;
    padding: 0;
    border-top: 1px solid #CEC5AD;
  }

  #filter li a.active,#filter li a.active:hover {
    border: 0;
  }
  
  /* contact */
  
#contact .adress img {
  float: right;
  margin: 20px 0 20px 20px;
  width: 50%;
}
  
  /* responsive menu */
  
  #site_nav:hover {
    cursor: pointer;
  }

  #menu {
    color: #FFFFFF;
    display: block;
    font-size: 28px;
    margin: 11px 0 0;
    text-align: center;
    height: 47px;
  }

  #site_nav ul.js {
    display: none;
  }

  #site_nav ul.js {
    left: 0;
    list-style: none outside none;
    position: fixed;
    top: 62px;
    width: 100%;
  }

  #site_nav ul.js li {
    background: #493B24;
    border-top: 1px solid #685639;
    margin: 0;
    width: 100%;
    padding: 0;
  }

  #site_nav ul.js li a {
    display: block;
    border: 0;
  }

  #site_nav ul.js li a:hover,#site_nav ul.js li a.active {
    background: #685639;
  }
  
  /* footer */
  
  #footer {
    background-image: none;
  }

  #footer-bottom {
    text-align: center;
  }

  #footer nav#sub-menu {
    float: none;
  }
  
  #footer nav#sub-menu  ul{
    margin:0
  }

  #footer [class*="span"] {
    border-bottom: 1px solid #6B5A40;
    padding: 10px 20px;
  }

  #footer-bottom [class*="span"] {
    border-bottom: 0;
  }

  #blog .bx-viewport {
    width: 365px !important;
  margin:0 auto;
  }
  
  #blog .bx-wrapper .bx-prev {
	top:200px;
    left: 20%;
  }
  
  #blog .bx-wrapper .bx-next {
  top:200px;
    right: 20%;
  }
  
}

@media (max-width: 700px) {


  .gallery-wrap li {
    margin: 0 2% 0 0;
    width: 48%;
  }

  .gallery-wrap li article h3 {
    margin-top: 30px;
  }
  
  #blog .item-blog .item-blog-navigation {
  position: absolute;
  right: 20px;
  top: 20px;
  }

  #blog img {
    width: 108%;
  }

  #text_intro {
    margin: 10px 0 0 0;
  }

  #text_intro p {
    font-size: 12px;
  }

  a.btn_intro {
    padding: 5px 10px;
  font-size: 12px;
  }
  
  
}
 
/* Landscape phones */

@media (max-width: 480px) {

	body#home img {
	height:150px!important;
	}

  h3 {
    font-size: 18px;
  }
  
  #text_intro h1 {
    font-size: 1.5em;
  }

  #text_intro h2 {
    font-size: 16px;
  }

  #text_intro h2 span {
    font-size: 16px;
  }
  
  .gallery-wrap li article h3 {
    margin: 30px 20px 10px;
  }

  .gallery-wrap li {
    margin: 0;
    width: 100%;
  }
  
  .container {
    width:98%;
  }
  
  section {
    padding: 60px 15px 0px;
  }
  
  section hgroup h2 {
    font-size: 1.3em;
    line-height:1.1em;
    letter-spacing:0px;
    margin: 0;
  padding: 15px 30px 0;
  }

  section hgroup h5 {
    display: none;
  }
  
	header .bx-wrapper .bx-viewport,
	#slideshow-intro .slides img {
		min-height: 1650px;
	}

  /* testimonial */
  
  .testimonial {
    margin-bottom: 20px;
  }

  .testimonial .fullwidth {
    height: auto;
    position: relative;
    padding: 10px 0;
  }

  .testimonial .fullwidth:before {
    border: 0;
  }

  .testimonial {
    height: auto;
  }

  html body .slider-testimonial .flex-direction-nav .flex-next {
    bottom: -60px;
    right: 30%;
    top: auto;
  }

  html body .slider-testimonial .flex-direction-nav .flex-prev {
    bottom: -60px;
    left: 30%;
    top: auto;
  }

  .slider-testimonial blockquote {
    margin: 0;
  }

  .testimonial p.testimonial-message {
    font-size: 14px;
  }

  #back-to-top,
  #back-to-top:hover,
  .touch-device #back-to-top:active,
  #back-to-top:focus {
   -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
   display:none;
}

  #text_intro {
    margin: 10px 0 0;
    padding: 0 20px;
  }  
    
  .slider-direction-nav,
  .bx-controls-direction  {
  display:none;
  }
  
  .testimonial  .bx-wrapper {
    margin:0 auto;
  }
  
  .testimonial .bx-controls-direction {
    display:block;
  }
  
  .testimonial h3 {
    margin:0 20px;
  }
  
 
  /* blog */
  
  #blog .slider-blog li {
    margin: 0 28px !important;
    width: 280px !important;
  }
    
  #blog .bx-viewport {
    margin: 0 auto;
    width: auto !important;
  }
  
  #blog .item-blog {
  padding:20px;
  }
  
  #blog .item-blog .metadata-date {
  top: 20px;
  }
  
  #blog .item-blog .item-blog-navigation {
  position: absolute;
  right: 5px;
  top: 5px;
  }
  
  #blog .item-blog .metadata-date {
    left: -20px;
    position: relative;
    top: 0;
  }

  #blog .item-blog img {
    margin: 0 0 20px;
    max-width: 100%;
    width: auto;
  }

}

/* Portrait phones */

@media (max-width: 320px) {


  #text_intro h2 {
    font-size: 13px;
  }

  #text_intro h2 span {
    font-size: 13px;
  }

  .gallery-wrap li article h3 {
    margin: 30px 20px 10px;
  }

  .gallery-wrap li {
    margin: 0;
    width: 100%;
  }

  /* blog */
  
  #blog .slider-blog li {
    margin: 0 28px !important;
    width: 280px !important;
  }
    
  #blog .bx-viewport {
    margin: 0 auto;
    width: auto !important;
  }
  
  #blog .item-blog {
  padding:20px;
  }
  
  #blog .item-blog .metadata-date {
  top: 20px;
  }
  
  #blog .item-blog .item-blog-navigation {
  position: absolute;
  right: 5px;
  top: 5px;
  }
  
  #blog .item-blog .metadata-date {
    left: -20px;
    position: relative;
    top: 0;
  }

  #blog .item-blog img {
    margin: 0 0 20px;
    max-width: 100%;
    width: auto;
  }

  

  
}

/* RETINA DISPLAY
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  body {background: url("../img/bg@2x.jpg") repeat scroll center top #F8F6EA;background-size: 500px 500px;}
  #logoline {background: url("../img/bg_logo.png") no-repeat scroll center top transparent;background-size:  208px 200px;}
  #back-to-top {background: url("../img/bg_back_to_top@2x.png") no-repeat scroll center top transparent;background-size: 57px 56px;}
  section hgroup {background: url("../img/section_title@2x.png") repeat-x scroll 0 -88px transparent;background-size: 63px 270px;}
  section hgroup:before, section hgroup:after {background: url("../img/section_title@2x.png") no-repeat scroll 0 0px transparent;background-size: 63px 270px;}  
  section hgroup:after {background-position: 0 -183px;right: -63px;}
  .slider-direction-nav .slider-prev, .bx-wrapper .bx-prev {background: url("../img/sliders_icon@2x.png") no-repeat scroll left bottom transparent;background-size: 86px 86px;}
  .slider-direction-nav .slider-next, .bx-wrapper .bx-next { background: url("../img/sliders_icon@2x.png") no-repeat scroll right bottom transparent;background-size: 86px 86px;}
  .bx-wrapper .bx-pager.bx-default-pager a {background: url("../img/sliders_icon_pager@2x.png") no-repeat scroll left bottom transparent;background-size: 16px 31px;}
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: url("../img/sliders_icon_pager@2x.png") no-repeat scroll left 1px transparent;}
}


/*  WhatsApp Btn        ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.btn-whatsapp {
    color: white;
    background-color: #4dc247;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
}
.btn-whatsapp svg {
    width: 50px;
    height: 50px;
    padding: 5px;
    fill: white;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
.btn-whatsapp span {
font-family: 'Montserrat',sans-serif;
color:white;
line-height:1.3em; 
font-size: 14px;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
padding: 0 15px 0 0;
}
.btn-floating.fixed-bottom {
    position: fixed;
    top: auto;
    bottom: 50px;
    right: 25px;
}
.btn-floating {
    position: absolute;
    top: 5px;
    right: 5px;
    height: auto;
    padding: 5px;
    border: 0;
    z-index: 999;
    font-size: 24px;
}
.visible-when-content-ready {
    visibility: visible!important;
}
@media only screen and (max-width: 767px) {
	.btn-whatsapp span {display:none;}
	.btn-floating.fixed-bottom {bottom:15px; right:15px;}
}
/*-------------------------------------------------------------------------------------------*/