@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_Rg.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;
}
/** Table of Content  Css

Project:	Butcher's
Version:	1.2
Author:		Themelooper
Primary use: 	bar, bar restaurant, beer, beer bar, club, pub, whisky, wine

[Layout]

--> body
--> Header /// .cp_header
--> Content / #cp_main-content
--> Left column / #cp-left-asidebar
--> Right column / #cp-right-asidebar
--> Sidebar / .cp_sidebar-outer
--> Search / .cp-search-side-box
--> Footer / .cp_footer

Navigation	 #navbar
Content header	 h2


[Color Codes]

Background:	#ffffff (White)
Content:	#777777 (Light Dark)
Header H1:	#222222 (Light Dark
Header H2:	#222222 (Light Dark)
Footer:		#ffffff (White)


[Typography]

Body:				font:14px/24px 'Open Sans', sans-serif;
Headers:			font:16px/16px 'Roboto', sans-serif;
Input, textarea:	font:14px/14px 'Roboto', sans-serif;
Sidebar heading:	font:24px/24px 'BebasNeue', sans-serif;


 
==> Wrapper   
==> Header
==>	Butcher About
==>	Rate List
==>	Product
==>	Section
==> Team
==> Newsletter
==>	Partner
==> Footer
==> Inner Banner
==> About Text
==> Error Page
==> Coming Soon Page
==> Contact Section
==> Menu
==> Outlets

End of Table of Content Css End **/
/*===========================================================================*/
/*Default Css Start*/
/*===========================================================================*/
body {
  margin: 0;
  padding: 0;
  font: 400 16px/30px "Open Sans", sans-serif;
  color: #777;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Lato", sans-serif;
  font-weight: normal;
  color: #a57d51;
  margin: 0;
}
body h1 a,
body h2 a,
body h3 a,
body h4 a,
body h5 a,
body h6 a {
  color: #a57d51;
}
body h2 {
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  margin: 0 0 100px 0;
}
body h2 span {
  color: #a67d51;
}
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 16px/30px "Open Sans", sans-serif;
  color: #a67d51;
  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: 300 18px/18px "Open Sans", sans-serif;
  color: #fff;
  text-transform: uppercase;
  float: left;
  text-decoration: none;
  padding: 14px 33px;
  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 100px;
}
/*===========================================================================*/
/*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: 12px 0 0 0;
}
.head-top .left-side a {
  font: 400 14px/14px "Open Sans", sans-serif;
  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 "Open Sans", sans-serif;
  color: #fff;
  padding: 16px 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: #a57d51;
}
strong.logo {
  float: left;
  margin: 25px 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: 30px 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: 700 15px/15px "Lato", sans-serif;
  color: #a67d51;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 20px;
  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: 100%;
  width: 210px;
  background: #fff;
  padding: 0;
  border: 1px solid;
  display: none;
  list-style: none;
  z-index: 99999;
}
#nav li:hover > ul {
  display: block;
}
#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;
}
#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 "Lato", sans-serif;
  text-align: left;
  padding: 13px 20px;
  text-transform: capitalize;
  display: block;
  color: black !important;
  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%;
  position: relative;
}
#banner img {
  width: 100%;
}
#banner .caption {
  position: absolute;
  left: 0;
  top: 320px;
  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: italic 700 100px/100px "Aller";
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}
#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: #fff;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
#banner .owl-theme .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: 100px 0;
  position: relative;
}
.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;
}
.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 .text-col a.btn-style-1 {
  margin: 0 0 0 110px;
}
.butcher-about .thumb {
  float: left;

  width: 100%;
}
.butcher-about .thumb img {
  display: block;
  height: auto !important;
  width: 100% !important;
  object-fit: cover;
}
/*===========================================================================*/
/*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: #a57d51;
}
.rate-list .text-col ul li:first-child {
  padding: 0;
}
.rate-list .text-col strong.name {
  width: 160px;
  float: left;
  font: 400 30px/30px "Open Sans", sans-serif;
}
.rate-list .text-col strong.price {
  float: right;
  font: 400 30px "Open Sans", sans-serif;
}
/*===========================================================================*/
/*Product Css Start*/
/*===========================================================================*/
.product-section {
  float: left;
  width: 100%;
  padding: 100px 0 50px 0;
  position: relative;
}
.product-section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100px;
  background: url(../images/bloog-clot-img-2.png) no-repeat left top;
  width: 393px;
  height: 585px;
}
.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 "Open Sans", sans-serif;
  color: #a57d51;
  text-transform: uppercase;
  float: right;
  width: 100%;
  text-align: right;
  margin: 35px 0 10px 0px;
}
.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: #a57d51;
}
.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 "Open Sans", sans-serif;
  color: #a57d51;
  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/c4.jpg) no-repeat left top/cover;
  padding: 90px 0;
}
.parallax-bg-2 {
  background: url(../images/c4.jpg) no-repeat left top;
}
strong.parallax-logo {
  display: block;
  text-align: center;
  margin: 0 0 50px 0;
}
.parallax-section strong.title {
  font: 400 100px/100px "Lato", sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 0 0 20px 0;
}
.parallax-section strong.title-2 {
  font: 100 100px/100px "Lato", sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: right;
  padding: 0 0 70px 0;
}
.parallax-section a.btn-style-1 {
  font-size: 18px;
  line-height: 18px;
  padding: 18px 45px;
}
/*===========================================================================*/
/*Team Css Start*/
/*===========================================================================*/
.team-section {
  float: left;
  width: 100%;
  padding: 100px 0;
}
.team-box {
  float: left;
  width: 100%;
}
.team-box .thumb {
  float: left;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.team-box .thumb img {
  display: block;
  width: 100%;
}
.team-box .text-col {
  float: left;
  width: 100%;
  padding: 28px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
.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: #a57d51;
  font-size: 16px;
  display: block;
}
.team-social li a {
  border: 1px solid;
}
.team-box:hover .text-col {
  border: 1px solid rgba(0, 0, 0, 0);
}
.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 .team-social li a {
  border: 1px solid rgba(0, 0, 0, 0);
  background: #fff;
  color: #a57d51;
}
.team-box:hover .thumb img {
  opacity: 0.6;
}
.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 "Open Sans", sans-serif;
  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: #a57d51;
  padding: 0 20px;
  font: 400 14px "Open Sans", sans-serif;
  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-color: black;
}
.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 "Lato", sans-serif;
  display: block;
  text-transform: uppercase;
}
.title-box span.title-2 {
  font: 400 36px/36px "Lato", sans-serif;
  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 "Open Sans", sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}
.footer-box h3 {
  color: #fff;
  margin: 0 0 10px 0;
}
.footer-box span.time {
  font: 400 16px/30px "Open Sans", sans-serif;
  color: #a67d51;
  display: block;
}
.footer-social {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-social li {
  float: left;
  padding: 0 15px 0 0;
}
.footer-social li a {
  font-size: 14px;
  color: #a67d51;
  text-decoration: none;
}
.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: 20px 0 0 0;
}
.footer-menu ul li:first-child {
  padding: 0;
}
.footer-menu ul li a {
  font: 400 16px/16px "Open Sans", sans-serif;
  color: #a67d51;
  text-transform: uppercase;
  text-decoration: none;
}
.footer-menu ul li a .fa {
  padding: 0 20px 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 #fff;
  font: 16px "Open Sans", sans-serif;
  color: #a67d51;
  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 #fff;
  font: 14px "Open Sans", sans-serif;
  color: #a67d51;
  text-transform: uppercase;
  margin: 0 0 44px 0;
}
.footer-box form input[type="submit"] {
  float: right;
  font: 400 16px "Open Sans", sans-serif;
  color: #000000;
  text-transform: uppercase;
  border: 0;
  padding: 16px 25px;
}
.footer-box form input[type="submit"]:hover {
  background: #fff;
  color: #a57d51;
}
.footer-box form input::-webkit-input-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form input:-moz-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form input::-moz-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form input:-ms-input-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form textarea::-webkit-input-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form textarea:-moz-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form textarea::-moz-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-box form textarea:-ms-input-placeholder {
  color: #a67d51;
  opacity: 1;
}
.footer-section-2 {
  float: left;
  width: 100%;
}
.footer-section-2 strong.copyrights {
  float: left;
  font: 400 14px/14px "Open Sans", sans-serif;
  color: #000000;
  text-transform: uppercase;
  padding: 30px 0;
}
.footer-section-2 a.top {
  float: right;
  font: 400 18px "Open Sans", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 0 0 0;
}
.footer-section-2 a.top .fa {
  display: block;
  text-align: center;
  font-size: 30px;
}
.footer-section-2 a.top:hover {
  text-decoration: none;
}
/*===========================================================================*/
/*Inner Banner Css Start*/
/*===========================================================================*/
#inner-banner {
  float: left;
  width: 100%;
  background: url(../images/c2.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/pbn.jpg) no-repeat left top;
}
#inner-banner.inner-banner-bg-6 {
  background: url(../images/c2.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 "Open Sans", sans-serif;
  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 "Open Sans", sans-serif;
  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 "Open Sans", sans-serif;
  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 "Open Sans", sans-serif;
  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 "Open Sans", sans-serif;
  color: #a57d51;
}
/*===========================================================================*/
/*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: #a57d51;
}
.outlet-box:hover a.loaction {
  text-decoration: none;
}
.outlet-box:hover:before {
  /* background: url(../images/logo.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 #a57d51;
}
.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: #a57d51;
}
.outlet-detail .nav-tabs > li > a {
  font: 400 18px/18px "Open Sans", sans-serif;
  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: #a57d51;
}
.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 "Open Sans", sans-serif;
  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 "Lato", sans-serif;
  color: #a57d51;
  text-transform: uppercase;
  padding: 12px 30px;
}
.gallery-section a.load:hover {
  border: 0;
  color: #fff;
  text-decoration: none;
}
.gallery-section .frame {
  background: #a57d51;
  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 "Open Sans", sans-serif;
  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: "Open Sans", sans-serif;
  font-family: "Dancing Script", cursive;
  font-family: "Lato", sans-serif;
}
.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;
}