@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:100,400,700');
@font-face {
  font-family: "Aller";
  src: url("../fonts/Aller_Rgd41d.eot?") format("eot"), url("../fonts/Aller_Rg.woff") format("woff"), url("../fonts/Aller_Rg.ttf") format("truetype"), url("../fonts/Aller_Rg.svg#Aller") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*===========================================================================*/
            /*Default Css Start*/
/*===========================================================================*/
body {
  margin: 0;
  padding: 0;
  font: 400 16px/30px 'Salsa', cursive;
  color: #777;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Salsa', cursive;
  font-weight: normal;
  color: #222;
  margin: 0;
}
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
  color: #222;
}
body h2 {
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  margin: 0 0 100px 0;
}
body h2 span {
  color: #777;
}
body h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
body h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}
body p {
  font: 400 17px/30px 'Salsa', cursive;
  color: #999;
  margin: 0 0 20px 0;
}
strong.subheading {
  display: block;
  font: 400 48px/48px 'Dancing Script', cursive;
  padding: 0 0 20px 0;
}
.btn-row {
  display: block;
  text-align: center;
}
.btn-row a.btn-style-1 {
  display: inline-block;
  float: none;
}
a.btn-style-1 {
    font: 400 17px/17px 'Salsa', cursive;
    color: #fff;
    text-transform: capitalize;
    float: left;
    text-decoration: none;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    z-index: 11;
}
a.btn-style-1:hover {
  color: #fff;
  text-decoration: none;
}
a.btn-style-1:hover:before {
  width: 100%;
  opacity: 1;
}
a.btn-style-1:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-color: #222;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
}
.btn-row {
  float: left;
  text-align: center;
  width: 100%;
}
.btn-row a.btn-style-1 {
  float: none;
  display: inline-block;
}
.heading-space {
  padding: 0 0 0 0px;
}
.heading-space h2 {
    margin: 0 0 60px;
    letter-spacing: 0;
    font-weight: 600;
    color: #fff;
}
.heading-space h2 span {
    color: #053e65;
}
/*===========================================================================*/
            /*Wrapper Css Start*/
/*===========================================================================*/
#wrapper {
  float: left;
  width: 100%;
  position: relative;
}
#main {
  float: left;
  width: 100%;
  position: relative;
}
/*===========================================================================*/
            /*Header Css Start*/
/*===========================================================================*/
#header {
  float: left;
  width: 100%;
  position: relative;
}
.head-top {
  float: left;
  width: 100%;
  position: relative;
  z-index: 999;
}
.head-top .left-side {
  float: left;
  width: 100%;
  padding: 14px 0 0 0;
}
.head-top .left-side a {
  font: 400 15px/15px 'Salsa', cursive;
  color: #fff;
  text-decoration: none;
  padding: 0 20px 0 0;
}
.head-top .left-side a .fa {
  padding: 0 10px 0 0;
}
.head-top .right-side {
  float: left;
  width: 100%;
}
.head-top .right-side strong.time {
  float: right;
  font: 400 14px/14px 'Salsa', cursive;
  color: #fff;
  padding: 17px 10px 0 0;
}
.head-top .right-side strong.time span {
  padding: 0 10px;
}
.head-top .right-side button {
  background: #fff;
  font-size: 24px;
  border: 0;
  padding: 0;
  width: 50px;
  height: 48px;
  text-align: center;
  line-height: 30px;
}
.head-top .right-side .dropdown-menu {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  min-width: 100%;
  width: 100%;
  padding: 0;
  z-index: 1000;
}
.head-top .right-side .dropdown-menu li {
  padding: 0;
  display: block;
  overflow: hidden;
}
.head-top .right-side .dropdown-menu > li > a {
  clear: both;
  color: #fff;
  font-size: 14px;
  display: block;
  padding: 8px 0;
  text-align: center;
}
.head-top .right-side .dropup, .head-top .right-side .dropdown {
  float: right;
  width: 50px;
}
.head-top .right-side .dropdown-menu > li > a:hover, .head-top .right-side .dropdown-menu > li > a:focus {
  background: #fff;
  color: #222;
}
strong.logo {
  float: left;
  margin: 10px 0 0 0;
}
.head-row-2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 48px;
  z-index: 99;
  background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 21%, rgba(0,0,0,0.96) 26%, rgba(0,0,0,0.87) 34%, rgba(0,0,0,0.71) 44%, rgba(0,0,0,0.31) 67%, rgba(0,0,0,0.15) 77%, rgba(0,0,0,0) 91%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 21%, rgba(0,0,0,0.96) 26%, rgba(0,0,0,0.87) 34%, rgba(0,0,0,0.71) 44%, rgba(0,0,0,0.31) 67%, rgba(0,0,0,0.15) 77%, rgba(0,0,0,0) 91%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 21%, rgba(0,0,0,0.96) 26%, rgba(0,0,0,0.87) 34%, rgba(0,0,0,0.71) 44%, rgba(0,0,0,0.31) 67%, rgba(0,0,0,0.15) 77%, rgba(0,0,0,0) 91%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.head-row-2 .navbar-inverse {
  background-color: transparent;
  border-color: transparent;
  float: right;
}
.head-row-2 .navbar {
  border-radius: 0;
}
.head-row-2 .navbar {
  border: 0;
  margin-bottom: auto;
  min-height: auto;
}
.head-row-2 .navbar-collapse {
  padding: 0;
}
#nav {
  padding: 0;
  margin: 50px 0 0 0;
  list-style: none;
}
#nav li {
  display: inline-block;
  float: none;
  position: relative;
  padding: 0 0 28px 0;
}
#nav li:first-child {
  background: none;
}
#nav li a {
  font: 400 15px/15px 'Salsa', cursive;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 15px;
  display: block;
  position: relative;
  z-index: 20;
}
#nav li:last-child a {
  padding: 0 0 0 20px;
}
#nav li:hover > a {
  background: none;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
  text-decoration: none;
}
#nav li ul {
    position: absolute;
    left: 0;
    top: 60%;
    width: 200px;
    background: #e6c78f;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    z-index: 99999;
    transform: scaleY(0);
    transition: all ease-in-out 0.5s;
    transform-origin: 0 0 0;
    border-top: 5px ridge #282003;
}
#nav li:hover > ul {
  opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
#nav li ul li > ul {
  position: absolute;
  left: 190px;
  top: 0;
  width: 190px;
  padding: 0;
}
#nav li ul li {
  float: none;
  width: auto;
  padding: 0;
  display: block;
  background: none;
  border-top: 1px solid #be9a56;
}
#nav li ul li:first-child {
  border: 0;
}
#nav li.active ul li a {
}
#nav li ul li:last-child a {
  padding: 13px 20px;
}
.head-row-2 .navbar-inverse .navbar-nav > .active > a, .head-row-2 .navbar-inverse .navbar-nav > .active > a:hover, .head-row-2 .navbar-inverse .navbar-nav > .active > a:focus {
  background: none;
}
#nav li ul li a {
  background: none;
  font: 14px/14px 'Salsa', cursive;
  text-align: left;
  padding: 13px 20px;
  text-transform: capitalize;
  display: block;
  color: #222;
  font-weight: 500; 
  position: relative;
}
#nav li ul li a:before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
#nav li ul li a:hover:before {
  width: 100%;
}
#nav li ul li a:hover {
  color: #fff;
}
/*===========================================================================*/
            /*Banner Css Start*/
/*===========================================================================*/
#banner {
  float: left;
  width: 100%;
  left: -1.2px;
  position: relative;
}
#banner img {
  width: 100%;
}
#banner .caption {
  position: absolute;
  left: 0;
  top: 220px;
  width: 100%;
  height: 100%;
}
#banner .caption img {
  width: auto;
  display: block;
  margin: 0 auto 10px;
}
#banner .caption strong.title {
  display: block;
  font: 400 48px/48px 'Dancing Script', cursive;
  color: #fff;
  text-align: center;
  padding: 0 0 25px 0;
}
#banner .caption h1 {
  font: 700 120px/120px 'Dancing Script', cursive;
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 0 60px 0;
  text-shadow: 0 4px 3px #000;
}
#banner .caption h1 span{
    color: #fff !important;
}
#banner .caption strong.title-2 {
  display: block;
  font: 400 36px/36px 'Dancing Script', cursive;
  color: #fff;
  text-align: center;
  padding: 0 0 20px 0;
}
#banner .caption b {
  font: 400 24px/24px "Aller";
  color: #eac77b;
  text-transform: none;
  display: block;
  text-align: center;
}
#banner #causes-slider .owl-controls .owl-nav [class*="owl-"] {
  border-radius: 0;
  font-size: 0;
  padding: 0;
}
#banner .owl-next {
  background: url(../images/next.png) no-repeat left top;
  width: 60px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#banner .owl-prev {
  background: url(../images/prev.png) no-repeat left top;
  width: 60px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/*===========================================================================*/
            /*Butcher About Css Start*/
/*===========================================================================*/
.butcher-about {
  float: left;
  width: 100%;
  padding: 65px 0;
  position: relative;
  background: #e4cd9b;
}
.butcher-about:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/blood-clot-img-1.png) no-repeat right top;
  width: 313px;
  height: 1134px;
}
.butcher-about .text-col {
  float: left;
  width: 100%;
  position: relative;
  text-align: justify;
}
.butcher-about .text-col:before {
  content: '';
  background: url(../images/about-before-line.png) no-repeat left top;
  width: 677px;
  height: 23px;
  position: absolute;
  left: 98px;
  top: -23px;
}
.butcher-about .text-col:after {
  content: '';
  height: 26px;
  width: 677px;
  background: url(../images/about-after-line.png) no-repeat left bottom;
  position: absolute;
  left: 98px;
  bottom: -10px;
}
.butcher-about .text-col h3 {
  letter-spacing: 2px;
  word-spacing: 2px;
}
.butcher-about p{
	color: #222;
}
.butcher-about .text-col a.btn-style-1 {
  margin: 0 0 15px 0;
}
.butcher-about .thumb {
  float: left;
  width: 100%;
    margin-top: -4rem;
    margin-left: 1rem;
}
.butcher-about .thumb img {
    display: block;
    width: 100%;
    border: 1px solid rgba(213, 178, 113, 0.35);
    padding: 5px;
    box-shadow: 5px -5px 0px #a8874a;
    margin-top: 50px;
}
/*===========================================================================*/
            /*Rate List Css Start*/
/*===========================================================================*/
.rate-list {
  float: left;
  width: 100%;
}
.rate-list .container-fluid {
  padding: 0;
}
.rate-list .col-md-6 {
  padding: 0;
}
.rate-list .left-box {
  float: left;
  width: 100%;
  border: 2px solid;
  border-left: 0;
  padding: 50px 0 50px 45px;
}
.rate-list .left-box .thumb {
  float: left;
  width: 100%;
  overflow: hidden;
}
.rate-list .left-box .thumb:hover img {
  margin: 10px 0 0 10px;
  opacity: 0.9;
}
.rate-list .text-col {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 100px 0 0 30px;
}
.rate-list .text-col h2 {
  margin: 0 0 30px 0;
}
.rate-list .text-col ul {
  float: left;
  width: 557px;
  padding: 0;
  margin: 30px 0 0 0;
  list-style: none;
}
.rate-list .text-col ul li {
  display: block;
  overflow: hidden;
  padding: 25px 0 0 0;
  background: url(../images/rate-line.png) no-repeat center center;
  color: #222;
}
.rate-list .text-col ul li:first-child {
  padding: 0;
}
.rate-list .text-col strong.name {
  width: 160px;
  float: left;
  font: 400 30px/30px 'Salsa', cursive;
}
.rate-list .text-col strong.price {
  float: right;
  font: 400 30px 'Salsa', cursive;
}
/*===========================================================================*/
            /*Product Css Start*/
/*===========================================================================*/
.product-section {
    float: left;
    width: 100%;
    padding: 65px 0;
    position: relative;
    background: url(../images/prodbg.jpg);
    background-position: center;
    background-attachment: fixed;
}
.product-section::before {
    content: '';
    position: absolute;
    left: 0;
    background: linear-gradient(to right, rgba(203, 139, 4, 0.9), rgba(0, 0, 0, 0.9));
	top: 0;
    width: 100%;
    height: 100%;
}
.product-section .container {
    position: relative;
}
.product-section .heading-space h2 {
    color: #fff;
}
.product-section .product-box {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.product-section .product-box:hover .thumb img {
  transform: translateY(10px) translateX(-30px);
  -moz-transform: translateY(10px) translateX(-30px);
  -webkit-transform: translateY(10px) translateX(-30px);
  opacity: 0.6;
}
.product-section .product-box:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 262px;
  height: 225px;
  border: 1px solid #ccc;
  border-left: 0;
}
.product-section .product-box:after {
  content: '';
  position: absolute;
  left: 97px;
  top: 0;
  height: 61px;
  border-left: 1px solid #ccc;
}
.product-section .product-box strong.subheading {
  padding: 0;
  position: relative;
  z-index: 9;
}
.product-section .product-box h3 {
  letter-spacing: 2px;
  margin: 0;
  position: relative;
  z-index: 9;
}
.product-section .product-box h4 {
  font: 400 18px/18px 'Salsa', cursive;
  color: #222;
  text-transform: uppercase;
  float: right;
  width: 100%;
  text-align: right;
  margin: 15px 0;
}
.product-section .product-box a.btn-style-1 {
  font-size: 14px;
  line-height: 14px;
  float: right;
  padding: 11px 33px;
  border: 1px solid rgba(0,0,0,0);
}
.product-section .product-box a.btn-style-1:hover:before {
  border: 1px solid #ccc;
}
.product-section .product-box a.btn-style-1:hover {
  background: none;
  color: #222;
}
.product-section .product-box a.btn-style-1::before {
  background: none;
}
.product-section .product-box .thumb {
  float: left;
  width: 100%;
}
.product-section .product-box .thumb img {
  float: right;
}
.product-space {
  padding: 0 0 50px 0;
}
.product-space:before {
  content: '';
  position: absolute;
  right: 0;
  left: inherit;
  top: 0;
  background: url(../images/bloog-clot-img-7.png) no-repeat right top;
  height: 100%;
  width: 100%;
}
.product-detail {
  float: left;
  width: 100%;
  margin-bottom: 80px;
}
.product-detail .frame {
  margin-bottom: 30px;
  overflow: hidden;
  background: #000;
}
.product-detail .frame:hover img {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  opacity: 0.6;
}
.product-detail .nav-tabs {
  border: 0;
}
.product-detail .nav-tabs > li {
  float: none;
  display: block;
  margin: 0 0 10px 0;
}
.product-detail .nav-tabs > li a {
  padding: 10px 0 12px 20px;
  font: 400 30px/30px 'Salsa', cursive;
  color: #222;
  background: #ccc;
  border-radius: 0;
  margin: 0;
  border: 0;
}
.product-detail .nav-tabs > li.active > a, .product-detail .nav-tabs > li.active > a:hover, .product-detail .nav-tabs > li.active > a:focus {
  border: 0;
  color: #fff;
}
.product-detail .nav > li > a:hover, .product-detail .nav > li > a:focus {
  color: #fff;
  border-color: transparent;
}
.bg-none:before {
  display: none;
}
/*===========================================================================*/
            /*Parallax Css Start*/
/*===========================================================================*/
.parallax-section {
  float: left;
  width: 100%;
  background: #000 url(../images/meetbg.png) no-repeat center center/cover;
  padding: 90px 0;
  background-attachment: fixed;
  position: relative;
}
.parallax-bg-2 {
  background: url(../images/parallax-bg-2.jpg) no-repeat left top;
}
.parallax-section::before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
strong.parallax-logo {
  display: block;
  text-align: center;
  margin: 0 0 50px 0;
      position: relative;
}
.parallax-section strong.title {
  position: relative;
  font: 600 70px/70px 'Lato', sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 0 0 30px 0;
  letter-spacing: 0px;
}
.parallax-section strong.title-2 {
  position: relative;
  font: 300 70px/70px 'Lato', sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: right;
  padding: 0 0 60px 0;
}
.parallax-section a.btn-style-1 {
  position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 40px;
}
/*===========================================================================*/
            /*Team Css Start*/
/*===========================================================================*/
.team-section {
  float: left;
  width: 100%;
  padding: 100px 0;
}
.team-box {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.team-box .thumb {
  float: left;
  width: 100%;
  overflow: hidden;
  background: #000;
    border-top: 4px ridge rgb(213, 178, 113);
    border-left: 1px solid rgb(116, 72, 75);
    border-right: 1px solid rgb(107, 70, 68);
}
.team-box .thumb img {
  display: block;
  width: 100%;
}
.team-box .text-col {
    float: left;
    width: 100%;
    padding: 5px;
    border: 1px solid rgba(213, 178, 113, 0.35);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-top: 0;
    box-shadow: 0 20px 20px -20px #000;
    background: rgba(0, 0, 0, 0.4);
}
.team-social {
  display: block;
  text-align: center;
  margin: 0;
  padding: 20px 0 0 0;
  list-style: none;
  border-top: 1px solid;
}
.team-social li {
  display: inline-block;
  padding: 0 4px;
}
.team-social li a {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #ccc;
  border-radius: 100%;
  color: #222;
  font-size: 16px;
  display: block;
}
.team-social li a {
  border: 1px solid;
}
.team-box:hover .text-col {
    border: 1px solid rgba(213, 178, 113, 0);
    border-top: 0;
    background: rgba(213, 178, 113, 0.2) !important;
}
.team-box:hover .text-col h3, .team-box:hover .text-col p {
  color: #fff;
}
.team-box:hover .team-social {
  border-color: #fff;
}
.team-box:hover a {
  text-decoration: none;
}
.team-box:hover .thumb img {
  opacity: 0.8;
  transform: scale(1.1);
}
.team-bg-2 {
  position: relative;
}
.team-bg-2:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bloog-clot-img-4.png) no-repeat left top;
  width: 397px;
  height: 100%;
}
/*===========================================================================*/
            /*Newsletter Css Start*/
/*===========================================================================*/
.newsletter {
  float: left;
  width: 100%;
  background: url(../images/newsletter-bg.jpg) no-repeat left top/cover;
  padding: 70px 0;
}
.newsletter h2 {
  text-align: center;
  margin: 0 0 50px 0;
}
.newsletter form {
  margin: 0 auto;
  display: block;
  width: 495px;
}
.newsletter form input[type="text"] {
  float: left;
  width: 363px;
  height: 36px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font: 400 14px 'Salsa', cursive;
  color: #777;
  text-transform: uppercase;
  margin: 0 4px 0 0;
}
.newsletter form input[type="submit"] {
  float: left;
  height: 36px;
  border: 0;
  border-radius: 3px;
  background: #222;
  padding: 0 20px;
  font: 400 14px 'Salsa', cursive;
  color: #fff;
  text-transform: uppercase;
}
/*===========================================================================*/
            /*Partner Css Start*/
/*===========================================================================*/
.partnet-section {
  float: left;
  width: 100%;
  padding: 70px 0;
  background: #fff;
}
.partnet-section ul {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.partnet-section ul li {
  display: inline-block;
  padding: 0 60px;
}
.partnet-section ul li a {
  text-decoration: none;
  display: block;
}
.partnet-section ul li a:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*===========================================================================*/
            /*Footer Css Start*/
/*===========================================================================*/
#footer {
  float: left;
  width: 100%;
  background: linear-gradient(to bottom, #ecca77, #a07419);
}
.footer-section-1 {
  float: left;
  width: 100%;
  padding: 25px 0 60px 0;
}
.footer-box {
  float: left;
  width: 100%;
}
.title-box {
  float: left;
  width: 100%;
  margin: 0 0 50px 0;
}
.title-box strong.title {
  font: 700 60px/60px 'Salsa', cursive;
  display: block;
  text-transform: uppercase;
}
.title-box span.title-2 {
  font: 400 36px/36px 'Salsa', cursive;
  display: block;
  color: #fff;
  margin: -46px 0 0 43px;
}
strong.logo-footer {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.footer-box p {
  font: 400 14px/28px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}
.footer-box h3 {
  color: #111;
  margin: 0 0 10px 0;
}
.footer-box span.time {
  font: 400 16px/30px 'Salsa', cursive;
  color: #111;
  display: block;
}
.footer-social {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-social li {
  float: left;
  padding: 0 10px 0 0;
}
.footer-social li a {
  font-size: 14px;
  text-decoration: none;
}
.footer-social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #8b610a;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    margin-top: 10px;
    color: #fff;
}
.footer-menu {
  float: left;
  width: 100%;
}
.footer-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-menu ul li {
  display: block;
  overflow: hidden;
  padding: 15px 0 0 0;
}
.footer-menu ul li:first-child {
  padding: 0;
}
.footer-menu ul li a {
  font: 400 14px/14px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  text-decoration: none;
}
.footer-social li a:hover {
    background: #111;
}
.footer-menu ul li a .fa {
  padding: 0 12px 0 0;
}
.footer-box form {
  float: left;
  margin: 0;
  width: 100%;
}
.footer-box form input[type="text"] {
  float: left;
  width: 100%;
  border: 0;
  background: none;
  border-bottom: 1px solid #aa7f25;
  font: 16px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  margin: 0 0 44px 0;
  padding: 0 0 8px 0;
}
.footer-box form input[type="email"]{
  float: left;
  width: 100%;
  border: 0;
  background: none;
  border-bottom: 1px solid #aa7f25;
  font: 16px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  margin: 0 0 44px 0;
  padding: 0 0 8px 0;
}
.footer-box form input[type="tel"]{
  float: left;
  width: 100%;
  border: 0;
  background: none;
  border-bottom: 1px solid #aa7f25;
  font: 16px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  margin: 0 0 44px 0;
  padding: 0 0 8px 0;
}
.footer-box form textarea {
  float: left;
  width: 100%;
  height: 102px;
  resize: none;
  border: 0;
  background: none;
  border-bottom: 1px solid #aa7f25;
  font: 14px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  margin: 0 0 44px 0;
}
.footer-box form input[type="submit"] {
  float: right;
  font: 400 16px 'Salsa', cursive;
  color: #111;
  text-transform: uppercase;
  border: 0;
  padding: 16px 25px;
}
.footer-box form input[type="submit"]:hover {
  background: #fff;
  color: #222;
}
.footer-box form input::-webkit-input-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form input:-moz-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form input::-moz-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form input:-ms-input-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form textarea::-webkit-input-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form textarea:-moz-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form textarea::-moz-placeholder {
 color:#111;
 opacity:1;
}
.footer-box form textarea:-ms-input-placeholder {
 color:#111;
 opacity:1;
}
.footer-section-2 {
  float: left;
  width: 100%;
	background: #053e65 !important;
}
.footer-section-2 strong.copyrights {
  float: left;
  font: 400 12px/12px 'Salsa', cursive;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 0;
}
.footer-section-2 a.top {
  float: right;
  font: 400 12px 'Salsa', cursive;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 0 0 0;
}
.footer-section-2 a.top .fa {
  display: block;
  text-align: center;
  font-size: 22px;
}
.footer-section-2 a.top:hover {
  text-decoration: none;
}
/*===========================================================================*/
            /*Inner Banner Css Start*/
/*===========================================================================*/
#inner-banner {
  float: left;
  width: 100%;
  background: url(../images/inner-banner-img-1.jpg) no-repeat left top;
  padding: 273px 0 230px 0;
  text-align: center;
  margin-bottom: 100px;
}
#inner-banner h1 {
  font: italic 700 100px/100px "Aller";
  color: #fff;
  margin: 0 0 10px 0;
}
#inner-banner strong.title {
  font: 400 36px/36px 'Dancing Script', cursive;
  color: #fff;
  display: block;
}
#inner-banner strong.error-text {
  background: url(../images/error-text.png) no-repeat center top;
  width: 100%;
  height: 427px;
  text-indent: -99999px;
  display: block;
  margin: 60px 0 0 0;
}
#inner-banner.inner-banner-bg-3 {
  background: url(../images/inner-banner-img-3.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-4 {
  background: url(../images/inner-banner-img-4.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-5 {
  background: url(../images/inner-banner-img-5.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-6 {
  background: url(../images/inner-banner-img-6.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-7 {
  background: url(../images/inner-banner-img-7.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-8 {
  background: url(../images/inner-banner-img-8.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-10 {
  background: url(../images/inner-banner-img-10.jpg) no-repeat left top;
}
/*===========================================================================*/
            /*About Text Css Start*/
/*===========================================================================*/
.about-text {
  float: left;
  width: 100%;
  position: relative;
}
.about-text:before {
  content: '';
  position: absolute;
  right: 0;
  top: 100px;
  background: url(../images/bloog-clot-img-3.png) no-repeat right top;
  height: 100%;
  width: 318px;
}
.text-style-1 {
  float: left;
  width: 100%;
  padding: 0 0 100px 0;
}
.text-style-1 .text-col {
  float: left;
  width: 645px;
  position: relative;
}
.text-style-1 .text-col:before {
  content: '';
  position: absolute;
  left: 98px;
  top: -20px;
  width: 780px;
  height: 488px;
  border: 1px solid #ccc;
  z-index: -1;
}
.text-style-1 .thumb {
  float: right;
  overflow: hidden;
  background: #000;
}
.text-style-1 .thumb img {
  display: block;
  width: 100%;
}
.text-style-1 .thumb:hover img {
  transform: scale(1.3) rotate(16deg);
  -moz-transform: scale(1.3) rotate(16deg);
  -webkit-transform: scale(1.3) rotate(16deg);
  opacity: 0.6;
}
.text-style-2 {
  float: left;
  width: 100%;
  padding: 0 0 64px 0;
}
.text-style-2 .thumb {
  float: left;
  overflow: hidden;
  background: #000;
}
.text-style-2 .thumb img {
  display: block;
  width: 100%;
}
.text-style-2 .thumb:hover img {
  transform: scale(1.3) rotate(16deg);
  -moz-transform: scale(1.3) rotate(16deg);
  -webkit-transform: scale(1.3) rotate(16deg);
  opacity: 0.6;
}
.text-style-2 .text-col {
  float: right;
  width: 640px;
  position: relative;
}
.text-style-2 .text-col:before {
  content: '';
  position: absolute;
  right: 98px;
  top: -20px;
  width: 780px;
  height: 488px;
  border: 1px solid #ccc;
  z-index: -1;
}
/*===========================================================================*/
            /*Error Page Css Start*/
/*===========================================================================*/
.error-page {
  float: left;
  width: 100%;
  text-align: center;
  margin: -225px 0 100px 0;
}
.error-page span {
  display: inline-block;
  text-align: center;
  font: 400 24px/24px 'Salsa', cursive;
  color: #000;
  text-transform: uppercase;
  border-top: 1px solid #f6f6f6;
  padding: 15px 93px 40px 93px;
}
.error-page strong.title {
  font: 400 72px/72px "Aller";
  color: #000;
  text-align: center;
  text-transform: uppercase;
  display: block;
  padding: 0 0 50px 0;
}
.error-page p {
  font: 400 24px 'Salsa', cursive;
  color: #000;
  margin: 0 0 50px 0;
}
.error-page a.btn-style-1 {
  padding: 18px 33px;
}
.error-page a.btn-style-1 img {
  float: right;
  padding: 4px 0 0 28px;
}
/*===========================================================================*/
            /*Coming Soon Page Css Start*/
/*===========================================================================*/
.coming-soon {
  float: left;
  width: 100%;
  background: url(../images/coming-soon.jpg) no-repeat left top;
  padding: 133px 0 0 0;
  height: 100vh;
}
.coming-soon strong.coming-logo {
  display: block;
  text-align: center;
  padding: 0 0 20px 0;
}
.coming-soon h1 {
  font: italic 700 100px/100px "Aller";
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 0 20px 0;
}
.coming-soon strong.title {
  display: block;
  text-align: center;
  font: 300 72px/72px 'Salsa', cursive;
  color: #fff;
  padding: 0 0 110px 0;
}
.coming-soon .countdown-row {
  display: block;
  width: 100%;
  text-align: center;
}
.coming-soon .countdown-section {
  display: inline-block;
  float: none;
  font-size: 75%;
  text-align: center;
  width: 198px;
  position: relative;
  background: none;
  margin: 0 30px;
  padding: 0;
}
.coming-soon .countdown-section:before {
  content: '';
  background: url(../images/timer-round.png) no-repeat center top;
  width: 198px;
  height: 198px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.coming-soon .countdown-amount {
  font-size: 200%;
  font: 300 60px/60px 'Salsa', cursive;
  color: #fff;
  text-align: center;
  display: block;
  padding: 0 0 20px 0;
}
.coming-soon .countdown-period {
  display: block;
  text-transform: uppercase;
  font: 15px/15px "Aller";
  color: #fff;
}
/*===========================================================================*/
            /*Contact Section Css Start*/
/*===========================================================================*/
.contact-section {
  float: left;
  width: 100%;
  margin: -100px 0 0 0;
  position: relative;
}
.contact-section iframe {
  width: 100%;
  height: 700px;
  border: 0;
}
.number-box {
  margin: 0 auto;
  display: block;
  width: 1140px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid;
  background: url(../images/number-bg.jpg) no-repeat left bottom;
  padding: 81px 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
}
.number-box strong.number {
  display: block;
  text-align: center;
  font: 400 100px/100px 'Salsa', cursive;
  color: #222;
}
/*===========================================================================*/
            /*Menu Css Start*/
/*===========================================================================*/
.menu-section {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 100px 0;
}
.menu-section h2 {
  margin: 0 0 50px 0;
}
.menu-section:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/bloog-clot-img-5.png) no-repeat right top;
  width: 100%;
  height: 100%;
}
.menu-section .thumb {
  float: left;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.menu-2 {
  position: relative;
  padding: 100px 0;
}
.menu-2:before {
  content: '';
  position: absolute;
  left: 0;
  right: inherit;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/bloog-clot-img-6.png) no-repeat left center;
  width: 100%;
  height: 100%;
}
.menu-section .thumb:hover img {
  transform: translateY(10px) translateX(-30px);
  -moz-transform: translateY(10px) translateX(-30px);
  -webkit-transform: translateY(10px) translateX(-30px);
  opacity: 0.7;
}
/*===========================================================================*/
            /*Outlets Text Css Start*/
/*===========================================================================*/
.outlets-section {
  float: left;
  width: 100%;
  padding: 0 0 50px 0;
}
.outlets-section h2 {
  margin: 0 0 70px 0;
}
.outlets-section p {
  margin: 0 0 60px 0;
}
.outlet-box {
  float: left;
  width: 100%;
  background: #e9e9e9;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.75);
  text-align: center;
  padding: 30px 0;
  margin-bottom: 50px;
  position: relative;
}
.outlet-box:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 82px;
  background: url(../images/outlet-icon.png) no-repeat center top/100%;
}
.outlet-box strong.title {
  display: block;
  font: 400 24px/24px 'Dancing Script', cursive;
  color: #ccc;
  padding: 0 0 30px 0;
}
.outlet-box h3 {
  font: italic 700 42px/42px "Aller";
  color: #ccc;
  text-transform: capitalize;
}
.outlet-box h3 a {
  color: #ccc;
  text-decoration: none;
}
.outlet-box a.loaction {
  font: 700 50px/50px "Aller";
  display: block;
  text-align: center;
  color: #ccc;
}
.outlet-box:hover strong.title, .outlet-box:hover h3 a, .outlet-box:hover strong.coming-text {
  color: #222;
}
.outlet-box:hover a.loaction {
  text-decoration: none;
}
.outlet-box:hover:before {
  background: url(../images/outlet-icon-hover.png) no-repeat center top/100%;
}
.outlet-box strong.coming-text {
  display: block;
  font: 400 36px/36px "Aller";
  color: #ccc;
  padding: 65px 0;
}
.outlet-detail {
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
}
.outlet-detail .nav-tabs {
  border: 0;
}
.outlet-detail .nav-tabs > li {
  float: none;
  display: block;
  margin: 0 0 30px 0;
  position: relative;
  padding: 0 0 30px 0;
}
.outlet-detail .nav-tabs > li:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 247px;
  border-bottom: 1px solid #ccc;
}
.outlet-detail .nav-tabs > li.active > a, .outlet-detail .nav-tabs > li.active > a:hover, .outlet-detail .nav-tabs > li.active > a:focus {
  border: 0;
  color: #222;
}
.outlet-detail .nav-tabs > li > a {
  font: 400 18px/18px 'Salsa', cursive;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
}
.outlet-detail .nav-tabs > li > a p {
  margin: 10px 0 0 0;
  text-transform: none;
}
.outlet-detail .nav > li > a:hover, .outlet-detail .nav > li > a:focus {
  background: none;
  color: #222;
}
.outlet-detail .map_canvas {
  width: 100%;
  height: 700px;
}
.outlet-detail iframe {
  width: 100%;
  border: 0;
  height: 700px;
}
.outlet-detail strong.email {
  display: block;
  font: 400 14px/24px 'Salsa', cursive;
  text-transform: uppercase;
  color: #777;
  text-align: center;
  padding: 50px 0 30px 0;
}
.outlet-detail strong.email span {
  display: block;
}
.outlet-detail strong.email a {
  text-decoration: none;
}
.outlet-detail .mCSB_container_wrapper > .mCSB_container {
  padding: 0;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: none;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .outlet-detail .mCS-3d-thick.mCSB_scrollTools, .outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 0;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  box-shadow: none;
}
.outlet-detail .mCSB_scrollTools {
  width: 8px;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: none;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 10px;
  margin: 0;
  width: 6px;
}
.outlet-detail .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: none;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background: none;
}
.content {
  overflow: auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 500px;
}
.tab-content-box {
  float: left;
  width: 100%;
}
.tab-content-box ul {
  padding: 0;
  margin: 0 -30px 0 0;
  list-style: none;
}
.tab-content-box ul li {
  float: left;
  margin: 0 30px 30px 0;
}
.tab-content-box .thumb {
  float: left;
  width: 125px;
}
.tab-content-box .thumb img {
  display: block;
  width: 100%;
}
.tooltip-wrap {
  position: relative;
}
.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  top: 0;
  right: -100%;
  background-color: rgba(0,0,0,0.7);
  padding: 15px;
  color: #fff;
  width: 100%;
  z-index: 9;
}
.tooltip-wrap .tooltip-content:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent rgba(0,0,0,0.7) transparent transparent;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tooltip-wrap:hover .tooltip-content {
  display: block;
}
/*===========================================================================*/
            /*Gallery Css Start*/
/*===========================================================================*/
.gallery-section {
  float: left;
  width: 100%;
  padding: 0 0 70px 0;
}
.gallery-section .btn-row {
  margin: 70px 0 0 0;
}
.gallery-section a.load {
  display: inline-block;
  text-align: center;
  font: 600 16px/16px 'Salsa', cursive;
  color: #222;
  text-transform: uppercase;
  padding: 12px 30px;
}
.gallery-section a.load:hover {
  border: 0;
  color: #fff;
  text-decoration: none;
}
.gallery-section .frame {
  background: #000;
  overflow: hidden;
}
.gallery-section .frame:hover img {
  transform: scale(1.2);
  opacity: 0.5;
}
.gallery ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  position: relative;
}
.loop-entry {
  float: left;
}
.gallery-metro-2 .isotope .item {
  height: 280px;
  width: 33.33333333%;
  list-style: none;
  margin-bottom: 30px;
}
.gallery-metro-2 .isotope .item.width2 {
  width: 66.66666667%;
}
.gallery-metro-2 .isotope .item.height2 {
  height: 590px;
}
.gallery-metro-2 .isotope .item.width1 {
  width: 100%;
}
.gallery-metro-2 .isotope .item.height1 {
  height: 300px;
}
.gallery-metro-2 .isotope .item.height3 {
  height: 590px;
}
.full-gallery ul {
  list-style: outside none none;
  margin-bottom: 0;
  padding: 0;
  position: relative;
}
.gallery-style-2 {
  float: left;
  width: 100%;
}
.full-gallery {
  padding-bottom: 45px;
}
.full-gallery .frame {
  float: left;
  width: 100%;
}
.full-gallery .frame img {
  display: block;
  width: 100%;
}
#filter {
  margin: 0 0 90px 0;
  display: block;
  text-align: center;
}
#filter li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
#filter li a {
  text-decoration: none;
  text-transform: uppercase;
  font: 400 16px/16px 'Salsa', cursive;
  color: #222;
  padding: 0 22px;
}
#filter li a:hover {
  cursor: pointer;
}
#filter .current {
}
#filter li a.selected {
  cursor: pointer;
}
.isotope-hidden.isotope-item {
  z-index: 1;
}
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.portfolio_block {
  width: 100%;
}
.portfolio_block .col-md-6 {
  padding: 0;
}
.portfolio_block .col-md-6 img {
  width: 100%;
}
.thank-msg {
  float: left;
  width: 100%;
  padding: 200px 0 0 0;
}
.thank-msg .error-page {
  margin: 0;
}
.thank-msg .error-page h2 {
  margin-bottom: 40px;
}
.FONTS {
  font-family: "Aller";
  font-family: 'Salsa', cursive;
  font-family: 'Dancing Script', cursive;
  font-family: 'Salsa', cursive;
}
.head-top .right-side .dropdown-menu > li > a, a.btn-style-1, .team-social li a, .team-box .text-col, .team-box .text-col h3, .team-box .text-col p, .team-social, .team-box .thumb img, .partnet-section ul li a img, .footer-social li a, .footer-menu ul li a, .footer-box form input[type="submit"], .text-style-1 .thumb img, .text-style-2 .thumb img, .outlet-box strong.title, .outlet-box h3 a, .outlet-box a.loaction, .outlet-box:before, .outlet-box strong.coming-text, .product-detail .nav-tabs > li a, .product-detail .frame img, .gallery-section .frame img, .gallery-section a.load, #nav li ul li a:before, .rate-list .left-box .thumb img, .rate-list .text-col ul li, .product-section .product-box .thumb img, .newsletter form input[type="submit"], .menu-section .thumb img {
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
}
#causes-slider .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
#causes-slider .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#causes-slider .owl-dots .owl-dot.active span,#causes-slider .owl-dots .owl-dot:hover span{background:#d1a95f}