/*-----------------------------------------------------------------------------------    
    CSS INDEX
    ===================
	
    1. Theme Default CSS
    2.  Heade Css here
    3. Slider Css here
    4. Home about Css here
    5. popular disesh css here
    6. Food menu Css here
    7. Our gallery Css here
    8. Reservation css here
    9. our blog css here
    10. Testmonial Css here
    11. Team brand section css here
    12. Discount offer css here
    13. Footer css here
    14. Scrollup css here
    15. About us css here
        15.1 Breadcrubs css here
    16. Resta about css here
    17. Fun factor css here
    18. choose us css here
    19. our team css here
    20. Food menu css here
    21. Our gallery page css here
    22. Our blog page css here
        22.1 Blog Details css here
    23. Contact us pages css here
    24.Navigation css here
        24.1 Dropdown menu css here
        24.2 Mega menu css here
    25. 404 page css here
    26. Mobile menu css here
    27. sticky menu css here
    28. Home two css here
    29. Home three css here
    30. Home four css here
    31. All elements css code here
        31.1 Accordion css
        31.2 Tab css
        31.3 Progress bar css
        31.4 Button css
    32. Preloader CSS here
    

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


/*========================
   1. Theme Default CSS
=======================*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Cantata+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@font-face {
    font-family:'Verdana';
    src: url('../fonts/Verdana.eot');
	src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Verdana.woff2') format('woff2'),
		url('../fonts/Verdana.woff') format('woff'),
		url('../fonts/Verdana.svg#Verdana') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F009;
}
@font-face {
    font-family:'Mathilde';
    src: url('../fonts/Mathilde.eot');
	src: url('../fonts/Mathilde.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Mathilde.woff2') format('woff2'),
		url('../fonts/Mathilde.woff') format('woff'),
		url('../fonts/Mathilde.svg#Mathilde') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


img{max-width: 100%}

/*************************************
         Custom-content all   
 **************************************/
.boxed-layout .wrapper {
  box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  margin: auto;
  position: relative;
  width: 1500px;
}
.boxed-layout .sticky {
    left: 0;
    right: 0;
    width: 1500px;
}
.boxed-layout.fixed {
  margin: 70px 0;
}
.pattern-fixed.pattern {
  background: url("images/bg/pattern.png") repeat fixed 0 0;
}
.table > thead th {
    padding: 8px 0  !important;
}
/*------------------
	2.  Heade Css here
-----------------------*/
.top_header
{
	background:#211F22;
}
.top_btn
{
	text-align:right;
}
.top_btn a
{
	font-family: 'Cantata One', serif;
	line-height: 18px;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #ff6f3a;
	margin-left: 45px;
	padding: 10px;
	display:inline-block;
	transition:all 0.4s linear 0s;
}
.top_btn a:hover
{
	background:#000;
	transition:all 0.4s linear 0s;
}
.top_btn a i
{	
	margin-left: 5px;
}
.top_menu ul
{
	list-style: none;
	padding: 0;
	margin: 7px 0 0;
	float: right;
}
.top_menu ul li
{
	float: left;
	margin-right: 20px;
}
.top_menu ul li a
{
	font-family: 'Cantata One', serif;
	line-height: 24px;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	font-size: 12px;
	padding: 13px 0;
	transition:all 0.4s linear 0s;
}
.top_menu ul li a i
{
	color: #ff6f3a;
	transition:all 0.4s linear 0s;
}
.top_menu ul li a:hover
{
	color: #ff6f3a;
	transition:all 0.4s linear 0s;
}
.top_menu ul li a i:hover
{
	color: #ffffff;
	transition:all 0.4s linear 0s;
}
.top_menu ul li:nth-last-child(1)
{
	margin-right: 0;
}
.header {
	
	background-image:url(../assets/images/header-gradient.png);
	background-repeat: repeat-x;
	background:#000;
	background-position: 0px -50px;
	padding: 40px 0;
	width: 100%;
	position: absolute;
	z-index: 9999;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.header-right,.header-right .search {
    float: right;
}
.header-right .search,.header-menu,.menu ul li {
    display: inline-block;
}
.menu
{
	margin:25px 0;
}
.menu ul li
{
	position: relative;
	-webkit-transition: background .2s;
	transition: background .2s;
}
.menu ul li:after
{
	content: '\f069';
	font-family: 'FontAwesome';
	font-size: 6px;
	color: #ff6f3a;
	margin: -4px 8px 0 8px;
	position: relative;
	top: -3px;
}
.menu ul li:last-child::after {
    content: "" !important;
    padding: 0;
    margin: 0;
}
.menu ul li ul.dropdown_menu li:after
{
	content: "" !important;
    padding: 0;
    margin: 0;
}
.menu ul li a {
	
  	font-family: 'Cantata One', serif;
	line-height: 50px;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	font-size: 11px;
	text-transform:uppercase;
  
}
.menu ul li a:hover
{
	color: #e24b1e !important;
}
.menu ul li:nth-last-child(1) a
{
	border-right:none;
}
.menu ul li {
  position: relative;
}
.header-right .search {
  padding-left: 38px;
  padding-top: 47px;
}
.search-inner > a {
    color: #535353;
    font-size: 22px;
    font-weight: bold;
}
.header .logo {
  display: inline-block;
  position: relative;
}
.search-inside {
  position: absolute;
  right: 0;
  top: 35px;
  width: 100%;
  z-index: 99999999;
}
.searchbar-inner .search input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #535353;
  font-size: 20px !important;
  height: 50px;
  z-index: 1;
}
.searchbar-inner .search {
    position: relative;
}
.search-inside a.search-close:hover,.searchbar-inner .search button:hover {
  color: #E74995;
}
.searchbar-inner .search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #777;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.search-inside a.search-close {
  color: #777;
  font-size: 18px;
  position: absolute;
  right: -22px;
  top: 12px;
}
/*---------------------
	3. Slider Css here
----------------------------*/
.slider-text-table {
    display: table;
    height: 100%;
    width: 100%;
}
.slider-text-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.slider-container .nivo-controlNav {
  bottom: 45px;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 99999;
}
.slider-container {
  position: relative;
  z-index: 1;
}
.nivo-controlNav a {
  color: #535353;
  cursor: pointer;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
}
.nivo-controlNav a.active {
  color: #529168;
  font-size: 24px;
}

.social-media-follow li {
    display: block;
    margin-bottom: 5px;
}
.social-media-follow li a {
    color: #666;
    font-size: 15px;
}
.social-media-follow li a:hover {
    color: #E74995;
}
.social-media-follow > p {
  display: inline-block;
  font-family: "Raleway",sans-serif;
  font-weight: 600;
  margin-top: 65px;
  text-transform: capitalize;
  transform: rotate(-90deg) translateY(-100%);
    -webkit-transform: rotate(-90deg) translateY(-100%);
      transform: rotate(-90deg) translateY(-100%);
}
.social-media-follow {
  margin-top: -25px;
  padding-left: 50px;
}
.social-box-inner {
    padding-bottom: 30px;
    position: relative;
}
.social-box-inner:before {
    background: #E74995 none repeat scroll 0 0;
    bottom: -37px;
    content: "";
    height: 45px;
    left: 5px;
    position: absolute;
    width: 1px;
}
.middle-text .title-1 h2 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 2px;
  text-transform: capitalize;
}
.middle-text .title-2 h1 {
  color: #535353;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
.middle-text p {
  color: #757575;
  padding: 0;
}
.middle-text .order-now a {
    background: #E74995 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 8px 35px;
    text-transform: uppercase;
}
.middle-text .order-now a:hover {
    background: #535353 none repeat scroll 0 0;
}
.middle-text .order-now {
  display: inline-block;
  margin-top: 30px;
}
.slide3-text .middle-text .title-1 h2,.slide3-text .middle-text .title-2 h1 {
  color: #E74995;
}
.slide3-text {
  margin-right: 50px;
  text-align: center;
}
/*---------------------
	4. Home about Css here
----------------------------*/
.welcome-about h2.title_1 {
  color: #e24b1e;
  font-family:'Mathilde';
  font-size: 100px;
  margin-bottom: 7px;
  text-transform: capitalize;
}
.welcome-about h3.title_2 {
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 900;
	margin-bottom:65px;
}
.welcome-about p.text1 {
	
    color: #8a8a8a;
    font-family:'Verdana';
    font-size: 15px;
	line-height:28px;
	margin-bottom:45px;
}
.welcome-about .read-more > a {
	
    font-family: 'Lato', sans-serif;
    color: #000000;
	font-size:12px;
    display: inline-block;
    font-weight: 700;
    padding: 15px 50px 15px 25px;
    text-transform: uppercase;
	border:1px solid #e24b1e;
	border-radius:20px;
	background:#fff;
	position:relative;
}
.welcome-about .read-more > a i
{
	position:absolute;
	right:0;
	color:#fff;
	background:#e24b1e;
	padding:10px 15px;
	font-size:23px;
	top:0;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}
.welcome-about .read-more {
  margin-top: 35px;
}
.welcome-about .read-more > a:hover{background: #e24b1e; color:#fff}
/*--------------------------------
	5. popular disesh css here
----------------------------------*/
.popular-dishes .bg-img-2{
  background:  url("../../assets/images/pattern/uppattern.png") no-repeat scroll right top;
}
.popular-dishes {
  background: #f1f1f1 url("../../assets/images/pattern/inpattern.png") no-repeat scroll left bottom;
}
.single-disesh {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  margin-bottom: 60px;
  padding: 40px 25px;
}
.section-title {
  margin-bottom: 54px;
}
.section-title > h2 {
  color: #535353;
  display: inline-block;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 40px;
  position: relative;
  text-transform: capitalize;
}
.section-title p {
  margin-bottom: 0;
}
.section-title h2:before {
  background: #E74995 none repeat scroll 0 0;
  bottom: -20px;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -67px;
  position: absolute;
  width: 138px;
}
.section-title > h2:after {
  background: rgba(0, 0, 0, 0) url("images/icons/title.png") no-repeat scroll center center;
  content: "";
  height: 30px;
  left: 50%;
  margin-left: -18px;
  margin-top: 7px;
  position: absolute;
  top: 100%;
  width: 42px;
}
.bg-img-2 .section-title.grey_bg > h2::after {
    background: #f1f1f1 none repeat scroll 0 0;
}
.our-blog .section-title.grey_bg > h2::after {
    background: #ffffff none repeat scroll 0 0;
}
.section-title.grey_bg > h2:after {
  background-color: #ffffff ;
}
.section-title.white_bg > h2:after {
  background-color: #fff ;
}
.disesh-desc h3 {
  color: #535353;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.disesh-desc p.price {
  color: #E74995;
  font-size: 22px;
  font-weight: bold;
}
.dises-list .slick-dots li a {
  color: #535353;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.slick-dots li.slick-active a {
  font-size: 24px;
  color: #E74995
}
/*----------------------
	6. Food menu Css here
----------------------*/
.foode-item-box ul li {
    display: inline-block;
}
.foode-item-box ul li a:hover {
  background: inherit;
}
.foode-item-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  height: 140px;
  position: relative;
  text-align: center;
}
.foode-item-box:before {
  background: url(images/food/bg-1.png)no-repeat scroll left center;
  left: 0;
}
.foode-item-box:before,.foode-item-box:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  pointer-events: none;
}
.foode-item-box:after {
  background: url(images/food/bg-2.png)no-repeat scroll right center;
  right: 0;
}
.foode-item-box ul li {
  display: inline-block;
}
.foode-item-box ul li a {
  color: #535353;
  display: block;
  font-weight: 600;
  padding: 59px 15px;
  text-transform: uppercase;
}
.foode-item-box ul li.active a {
  color: #E74995;
}
.foode-item-box ul li.active a:focus{background: none}
.food-img {
     float: left;
    margin: 23px 0;
    text-align: center;
    width: 20%;
}
.food-img > img {
 border: 2px solid #f3f3f3;
    border-radius: 66%;
    box-shadow: 0 0 10px #afafaf;
    height: 80px;
    width: 80px;
}

.menu tr td .remove_item {
    display: block !important;
    padding: 3px 0 3px 15px;
}
.sticky .menu tr td .remove_item {
    display: block !important;
    padding: 3px 0 3px 15px;
}
.spinner.add.text-center.form-control {
    width: 44px;
}
.cart_container .table .img-responsive {
    border: 3px solid #dcdcdc;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.submitaddress {
    background: #529168 none repeat scroll 0 0;
    color: #fff;
}
.single-food-item-desc {
  border-left: 1px solid #ddd;
  float: left;
  padding: 23px 50px 23px 20px;
  position: relative;
  width: 70%;
}

.fooder-menu-description.float_left .single-food-item {
  padding-right: 70px;
}
.single-food-inner {
  border: 1px solid #ddd;
  overflow: hidden;
}
.fooder-menu-description.float_right .single-food-item {
  padding-left: 70px;
}
.single-food-item-title h2 {
  color: #535353;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
  text-transform: capitalize;
}
.single-food-item-title p {
  color: #535353;
  margin: 0;
}
.single-food-price > p {
 color: #E74995;
    font-size: 16px;
    font-weight: 600;
}
/*-----------------------------
	7. Our gallery Css here
-----------------------------*/
.our-gallery {
  position: relative;
  background: url(../../assets/images/pattern/left.png)no-repeat scroll left top;
  background-color: #f1f1f1;
}
.our-gallery .bg-img-2{
    background: url(../../assets/images/pattern/right.png)no-repeat scroll right bottom;
    padding-bottom: 50px;
    padding-top: 80px;
 }
 
.gallery-menu ul li {
    color: #535353;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-left: 35px;
    text-transform: uppercase;
}
.gallery-menu ul li.active {
    color: #E74995;
}
.single-item-gallery {
    position: relative;
    overflow: hidden;
    height: 250px;
	margin-top:40px;
	text-align: center;
}
.single-item-gallery:before {
  background: rgba(225, 10, 22, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 99;
}
.single-item-gallery a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #E74995;
  font-size: 22px;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: -20px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
  width: 40px;
  z-index: 999;
}
.single-item-gallery:hover a {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
            transform: scale(1);
}
.single-item-gallery:hover:before{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-item-gallery:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.single-item-gallery > img {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width:350px;
	height: 250px;
}

/*--------------------------
	8. Reservation css here
-----------------------------*/
.reservation .bg-img-1{
   background: url(images/bg/reserv-bg.png)no-repeat scroll left top;
}
.reserv-section-inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
.reserv-section-inner .bg-img {
  background: #fff url("images/bg/reserv-form-bg.png") no-repeat scroll right bottom;
  bottom: 0;
  right: 30px;
}
.reserv-section-inner .bg-img {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.reserve-form {
  float: left;
  padding: 100px 35px 100px 100px;
  position: relative;
  width: 50%;
  z-index: 9;
}
.reserve-img {
  bottom: 0;
  float: left;
  position: absolute;
  right: 20px;
  width: 48%;
}
h3.reserv-title {
  color: #535353;
  font-size: 30px;
  text-align: center;
  font-family: "Great Vibes",cursive
}
.reserve-form-top > input {
  border: 1px solid #ddd;
  margin-bottom: 18px;
  text-transform: capitalize;
  color: #aaa
}
.reserve-form .date-time select {
  -moz-appearance: none;
  border: 1px solid #ddd;
  color: #aaa;
}
.reserve-submit button {
  background: #E74995 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.reserve-submit button:hover {
  background: #535353 none repeat scroll 0 0;
}
/*-------------------------
    9. our blog css here
---------------------------------*/
.single-blog,.blog-img{
  position: relative;
}
.blog-hover {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  height: 100px;
  margin-top: -50px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.blog-hover > a {
  border: 4px solid #E74995;
  border-radius: 50%;
  color: #E74995;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 34px;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
}
.blog-title > h3 {
  color: #E74995;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
.blog-title > h3 a:hover {
  color: #535353;
}
.blog-title {
  display: inline-block;
  margin-left: 20px;
  padding: 23px 0;
}
.publish-date {
  background: #ff6f3a none repeat scroll 0 0;
  float: left;
  padding: 15px 0;
  width: 60px;
}
.blog-desc {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.2);
  left: 10px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  z-index: 99;
}
.single-blog {
  height: 240px;
}
.publish-date > p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 13px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.publish-date > p span {
  display: block;
  margin-top: 5px;
}
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
    z-index: 9999999999;
}
.mfp-bg.mfp-fade.mfp-ready {
    z-index: 999999999;
}

/*------------------------
    10. Testmonial Css here
----------------------------*/
.testimonial {
  background: rgba(0, 0, 0, 0) url("../../assets/images/testimonial/bg-1.jpg") no-repeat scroll right top ;
}
.single-test-text {
  padding: 60px 150px;
}
.testimonial-text-slider {
  background: rgba(0, 0, 0, 0) url("../../assets/images/testimonial/bg-2.jpg") no-repeat scroll center center / cover ;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: inherit !important;
  position: relative;
}
.testimonial-text-slider.slick-slider {
  margin-top: 40px;
}
.testimonial-text-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.sin-testiImage img {
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block !important;
  height: 150px;
  margin-bottom: 30px;
  margin-top: 36px;
  outline: 0 none;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  width: 150px;
}
.sin-testiImage.slick-current img {
  border: 2px solid #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  height: 180px;
  margin-top: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 180px;
}
.testimonial .slick-slider {
  height: 223px;
  z-index: 99;
}
.testimonial .testimonial-image-slider.slick-slider {
  margin-top: -20px;
}
.sin-testiImage {
    position: relative;
}
.sin-testiImage:before {
    background: none repeat scroll 0 0 rgba(229, 76, 42, 0.5);
    content: "";
    height: 150px;
    left: 18px;
    position: absolute;
    top: 36px;
    width: 150px;
    pointer-events: none;
}
.sin-testiImage.slick-current:before {
  display: none;
}
.testimonial-text-slider:before {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.79);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
p.text-qoute i {
    color: #E74995;
    font-size: 30px;
}
p.test-text {
    font-style: italic;
}
.test-title h4 {
  color: #E74995;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.test-title > p {
    margin: 0;
}
.testimonial-sliders .slick-dots li a {
    color: #535353;
    font-size: 16px;
    font-weight: 600;
}
.testimonial-sliders .slick-dots li.slick-active a {
    color: #E74995;
    font-size: 24px;
}
.testimonial-sliders .slick-dots {
  bottom: 58px;
}
.sin-testiImage.slick-slide.slick-current.slick-active.slick-center:focus {
    outline: medium none !important;
}
.sin-testiImage.slick-slide.slick-active:focus {
    outline: medium none !important;
}
/*-----------------------------
    11. Team Brand section css here
---------------------------------*/
.team-list.slick-slider {
  height: inherit;
}
.single-team img{
    -webkit-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
       filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
       filter: grayscale(100%);
    
}
.single-team img:hover{
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
       filter: none;
    
}
/*------------------
    12. Discount offer css here
-------------------------*/
.offer-section .bg-img {
  background: rgba(0, 0, 0, 0) url("images/bg/vegetable.png") no-repeat scroll 15% center;
}
.offer-inner h2.ttle1 {
    color: #535353;
    font-family: "Great Vibes",cursive;
    font-size: 36px;
    text-transform: lowercase;
}
.offer-inner h2.ttle2 {
    color: #535353;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

/*-------------------
    13. Footer css here
-----------------*/
.single-footer.instagram ul li {
    float: left;
    width: 33.33%;
}
.single-footer.instagram ul li img {
    width: 100%;
}
.single-footer.instagram ul li {
    padding-bottom: 15px;
    padding-right: 15px;
}
.single-footer.instagram ul li a {
    display: block;
    position: relative;
    overflow: hidden;
}
.single-footer.instagram ul li a:hover:before {
    height: 100%;
    top: 0;
    left: 0;
}
.single-footer.instagram ul li a:before {
    background: rgba(229, 76, 42, 0.8) none repeat scroll 0 0;
    content: "";
    height: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    color: #fff;
    left: -100%;
    top: -100%;
}
.copyright p {
  margin: 0;
}
.single-footer p.phon {
  margin-bottom: 0;
}
h3.single-footer-title {
    color: #fff;
    font-size: 16px;
    font-weight:400;
    text-transform: uppercase;
    margin: 0;
	border-bottom: 3px solid #ff6f3a;
	padding:0 0 15px;
	font-family: 'Cantata One', serif;
	text-align:center;
}
.offer-inner .order-now > a {
  background: #E74995 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  padding: 9px 38px;
  text-transform: uppercase;
}
.offer-inner .order-now > a:hover {
  background: #535353;
  color: #fff
}
.single-footer .open-list li {
    color: #535353;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.single-footer .open-list li span {
    font-weight: bold;
}

.copyright {
    background: none repeat scroll 0 0 #1b1b1b;
}
.copyright p {
    color: #fff;
    font-size: 11px;
    text-transform: capitalize;
}
.copyright p a {
    color: #fff;
    font-weight: bold;
}
.copyright p a:hover {
    text-decoration: underline;
}
.newsletter-form input {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #999999;
    font-weight: 600;
}
.newsletter-form button {
    background: none repeat scroll 0 0 #E74995;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
    padding: 10px 38px;
    text-transform: uppercase;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.newsletter-form button:hover {
    background: #535353
}
.single-footer-details ul {
  display: block;
  padding-top: 10px;
}
/*-------------------------
    14. Scrollup css here
-------------------------------*/
#scrollUp {
    background: #529168;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    right: 30px;
    text-align: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 40px;
    z-index: 9999;
}
#scrollUp i {
  color: #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#scrollUp:hover {
  background: #2A2927 none repeat scroll 0 0;
}
/*-------------------------
    15. About us css here
-------------------------------*/

/*-------------------------
    15.1 Breadcrubs css here
-------------------------------*/
.breadcrubs {
  background: url(../images/Banner-03.jpg) no-repeat;
  background-size: cover;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 100px 0;
  position: relative;
  z-index: 9;
}
h3.breadcrubs-title {
    color: #fff;
    font-family: 'Cookie', cursive;
    font-size: 36px;
    text-transform: capitalize;
}
.breadcurbs-inner ul li {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
}
.breadcurbs-inner ul li a {
    color: #fff;
}
.breadcurbs-inner ul li span {
    margin: 0 10px;
}
.breadcurbs-inner li a:hover {
    color: #529168;
}
/*---------------------
    16. Resta about css here
--------------------*/
.resta-about {
    padding: 100px 0 180px;
   
}
.about-resta-details {
  background: #f1f1f1 none repeat scroll 0 0;
  left: 0;
  padding: 60px;
  position: absolute;
  top: 45px;
  width: 55%;
}
.about-rest-img {
    float: right;
    width: 50%;
}
.about-resta-inner {
    position: relative;
}
.about-title > h2 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  text-transform: capitalize;
}
.about-description p.text-1 {
  margin-bottom: 35px;
}
.see-video {
    background: rgba(229, 76, 42, 0.6) none repeat scroll 0 0;
    position: relative;
}
.viedo--play {
    background: #E74995 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
}
.viedo--play > a {
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    margin-top: 24px;
    width: 30px;
}
.see-more-video > h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  padding: 28px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.see-more-video > h3:before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 20px;
  margin-top: 10px;
  position: absolute;
  width: 100px;
}
/*-------------------------
    17. Fun factor css here
----------------------*/
.fun-factor{
  background: url(images/bg/fun-factor.jpg)no-repeat scroll center center;
  background-size: cover;
}
.fun-icon a,.single-choose a{
    border: 1px dashed;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

h2.counter {
    color: #383838;
    font-family: "Lato",sans-serif;
    font-size: 42px;
    font-weight: bold;
    margin-top: 30px;
}
.single-fun-factor h5,.single-choose > h5 {
    color: #535353;
    font-weight: bold;
    text-transform: uppercase;
}
/*-------------------------
    18. choose us css here
----------------------*/
.choose-use-img {
  text-align: center;
}
.choose-us-desc {
    margin-top: -70px;
    padding: 120px 0 80px;
}
.single-choose p {
    margin: 0;
}
.single-choose > h5 {
  margin-top: 30px;
}
.choose-us{
   background: url(images/about/bg-2.jpg)no-repeat scroll left top;
}
/*--------------------
  19. our team css here
---------------------*/
.single-member {
  border: 1px solid #e6e6e6;
}
.member-overlay-img {
  display: block;
  position: relative;
}
.member-overlay {
  background: rgba(229, 76, 42, 0.5) none repeat scroll 0 0;
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.member-overlay i {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  margin-left: -25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}
.member-overlay i:hover {
   background: #fff;
   color: #E74995
}
.socail-icon {
  bottom: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.socail-icon li {
  display: inline-block;
  margin-right: 25px;
}
.socail-icon li:last-child {
  margin-right: 0;
}
.socail-icon a {
  border: 1px solid transparent;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.socail-icon a:hover {
  border-color: #fff;
  background: #fff;
  color: #E74995
}
.member-content {
  padding: 22px;
}
.member-content > p {
  margin-bottom: 25px;
}
.member-tag:before {
  border-top: 4px double #e6e6e6;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 55%;
}
.member-tag {
  padding-top: 10px;
  position: relative;
}
.member-tag a {
  color: #666666;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.price_item {
    color: #529168;
    font-size: 20px;
}
.member-name {
  text-transform: uppercase;
}
.single-member:hover a.member-overlay {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-member:hover .socail-icon {
  bottom: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.our-team-area{
    background: url(images/about/team.png)no-repeat scroll right center;
}
.member-tag a.member-post {
  font-size: 14px;
  margin-top: 5px;
}
/*-------------------------
    20. Food menu css here
------------------------------*/
.food_item_box ul li {
  display: inline-block;
  margin-left: 85px;
}
.food_item_box ul li a {
  color: #535353;
  display: block;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  padding: 38px 0;
  text-transform: capitalize;
}
.food_item_box ul li:first-child {
    margin: 0;
}
.food_item_box ul li.active a {
  color: #E74995;
}
.food_item_box {
   height: 170px;
}
.item1 .food_item_box {
  background: rgba(0, 0, 0, 0) url("images/food/food-menu/bg.png") no-repeat scroll left center / cover ;
}
.load-more > a {
  border: 1px solid #ddd;
  color: #E74995;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 18px 0;
  text-transform: capitalize;
}
.load-more > a:hover {
    background: #E74995 none repeat scroll 0 0;
    color: #fff;
}
.item2 .food_item_box {
  background: url("images/food/food-menu/bg-2.png") no-repeat scroll center center;
  background-size: cover;
}
.item3 .food_item_box {
  height: 210px;
}
.item3 .food_item_box{
   background:  url("images/food/food-menu/bg-3.png") no-repeat scroll left center;
   background-size: cover;
}
.item3 .food_item_box ul li {
  margin-top: 35px;
}
/*--------------------------
   21. Our gallery page css here
----------------------------*/
.our_gallery  {
  background:  url("images/gallery/gallery-2/bg-1.png") no-repeat scroll left center;
}
.our_gallery .bg-img-1 {
  background: url("images/gallery/gallery-2/bg-2.png") no-repeat scroll right bottom;
}
.single-gallery-img {
    position: relative;
}
.single-gallery-hover {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}
.single-gallery-img:hover .single-gallery-hover,.single-gallery-img.active .single-gallery-hover{
   -webkit-transform: scaleY(1);
           transform: scaleY(1); 
}
.single-gallery-hover > span {
    color: #E74995;
    font-size: 40px;
    line-height: 100px;
}
/*----------------------
    22. Our blog page css here
--------------------------*/
.single-blog.hover-active.mb-30 {
  margin: 0;
}
.our-blog-pages {
  background-color: #fff;
  background: url("images/blog/blog-bg-1.jpg") no-repeat scroll right 0;
}
.our-blog-pages .bg-mg-1 {
  background: url("images/blog/blog-bg-2.png") no-repeat scroll left bottom;
}
/*----------------------
    22.1 Blog Details css here
--------------------------*/
.blog-comment-img > img {
  border: 1px solid #ddd;
  float: right;
}
.blog-thumbnail .blog-title h4 {
  color: #535353;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.blog-thumbnail .blog-publish {
  background: #f1f1f1 none repeat scroll 0 0;
}
.blog-thumbnail .blog-publish {
  background: #f1f1f1 none repeat scroll 0 0;
  bottom: -32px;
  left: 10px;
  position: absolute;
  right: 10px;
}
.articles-details .blog-thumbnail {
  position: relative;
}
.blog-thumbnail img:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.blog-thumbnail img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-desacription .b-desc-1 {
  margin-top: -8px;
}
.b-desc-1 p {
  margin-bottom: 25px;
}
.blog-action .action-box > p,.comment-action-box a {
    color: #666666;
    display: inline-block;
    margin-left: 30px;
}
.blog-action .action-box > p:first-child,.comment-action-box a:first-child {
    margin-left: 0;
}
.blog-action .action-box > p i,.comment-action-box a i {
    margin-right: 7px;
}

.blog-share-social,.cheaf-quote-social {
    position: absolute;
    right: 0;
    top: 0;
}
.articles-details .blog-action {
  margin-bottom: 35px;
  margin-top: 15px;
  position: relative;
}
.blog-share-social a,.cheaf-quote-social > a{
    color: #666;
    margin-right: 16px;
}
.blog-share-social a:last-child,.cheaf-quote-social > a:last-child {
    margin-right: 0;
}
.blog-share-social a:hover,.cheaf-quote-social > a:hover {
    color: #E74995;
}
.cheaf-quote-img {
    float: left;
    width: 24%;
}
.cheaf-quote-desc {
  float: left;
  padding: 34px 47px 34px 40px;
  width: 76%;
}
.blog-cheaf-quote {
    border: 1px solid #f3f3f3;
    overflow: hidden;
}
.cheaf-quote-text > p {
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.cheaf-quote-text > p i {
    color: #E74995;
    margin: 0 2px;
}
.cheaf-quote-action {
    position: relative;
}
.cheaf-quote-title h5 {
    color: #E74995;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}
.blog-comment-box {
  margin-top: 74px;
}
.comment-title > h3 {
  color: #535353;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 47px;
  text-transform: uppercase;
}
.comment-action-box a:hover i{color: #E74995}
.comment-action-box > a {
  font-family: "Lato",sans-serif;
}

.blog-comment-img {
    float: left;
    width: 11%;
}
.blog-comment-desc {
    float: left;
    padding-left: 30px;
    width: 89%;
}
.blog-comment.reply .blog-comment-desc {
    width: 74%;
}
.blog-comment.reply .blog-comment-img {
    width: 26%;
}
.blog-comment-img img {float: right}
.comment-top-box {
    position: relative;
}
.comment-action-box {
    position: absolute;
    right: 0;
    top: 0;
}
.comment-title-box > h5 {
    color: #535353;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}
.comment-bottom-box > p {
    margin-bottom: 0;
}
.comment-title-box > p {
    margin-bottom: 10px;
}
.blog-comment {
  margin-bottom: 35px;
}
.comment-input .input-field {
  float: left;
  padding-left: 25px;
  width: 50%;
}
.comment-input .input-field:first-child {
  padding-left: 0;
}
.input-field input {
  height: 40px;
}
.blog-comment-form .textarea textarea,.input-field input{
  border: 1px solid #f3f3f3;
  color: #999;
  padding-left: 20px;
  text-transform: capitalize;
}
.blog-comment-form .textarea textarea {
  height: 100px;
}
.comment-input {
  margin-bottom: 25px;
}
.blog-comment-form .submit > button {
    background: #E74995 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    margin-top: 25px;
    padding: 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.blog-comment-form .submit > button:hover {
    background: #555 none repeat scroll 0 0;
}
.widget-search input {
  border: 1px solid #f3f3f3;
  color: #999999;
  font-size: 13px;
  height: 40px;
}
.widget-search input {
  border: 1px solid #f3f3f3;
  color: #999999;
  font-family: "Lato",sans-serif;
  font-size: 13px;
  height: 40px;
}
.widget .widget-search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #E74995;
  font-size: 18px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 9px;
}
.widget .widget-search {
  position: relative;
}
.blog-right-sidebar .widget {
    border: 1px solid #f3f3f3;
    padding: 25px 20px;
}
.blog-right-sidebar .widget.search {
    border: medium none;
    padding: 0;
}
.widget-title > h3 {
  color: #E74995;
  font-family: "Great Vibes",cursive;
  font-size: 20px;
  margin-bottom: 18px;
  text-transform: capitalize;
}
.widget-categories a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 12px;
}
.widget-categories a {
    color: #757575;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.widget-categories ul li {
    padding-bottom: 5px;
    padding-left: 12px;
}
.widget-categories h6 {
    margin-bottom: 5px;
}
.widget-categories h6.open a,.widget-categories a:hover {
    color: #E74995;
}

.recent-post-thumbnail {
    float: left;
    width: 15%;
}
.recent-post-thumbnail > img {
    border: 1px solid #f1f1f1;
    height: 30px;
    width: 40px;
}
.recent-post .post-detail {
    float: left;
    padding-left: 15px;
    width: 85%;
}
.post-title > h5 {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.single-recent-post {
    overflow: hidden;
}
.recent-post .post-date {
    color: #cccccc;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}
.blog-right-sidebar .widget.video {
  border: medium none;
  padding: 0;
  position: relative;
}

.widget-video-overlay {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    height: 128px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}
.widget-video-overlay > a {
  border: 5px solid #E74995;
  border-radius: 50%;
  color: #E74995;
  display: inline-block;
  font-size: 22px;
  height: 42px;
  left: 0;
  line-height: 32px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 42px;
}
.widget-tag li {
  display: inline-block;
}
.widget-tag li a:hover {
  border-color: #E74995;
}
.widget-tag li a {
  color: #757575;
  font-weight: 600;
  text-transform: capitalize;
  border: 1px solid #f1f1f1;
  padding: 10px 12px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: block
}
.blog-right-sidebar .widget.tag {
  padding: 25px 20px 15px;
}

.blog-details-page {
    position: relative;
}
.blog-details-page .bg-img {
  background: rgba(0, 0, 0, 0) url("images/blog/blog-details-bg.jpg") no-repeat scroll right bottom;
  bottom: 180px;
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
}
.add_to_cart {
 	
    cursor: pointer;
   
}

.serves {
    color: #898989;
    font-size: 11px;
    text-transform: capitalize;
}
/*--------------------------
   23. Contact us pages css here
--------------------------*/
.contact-icon > a {
     display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    position: relative;
    width: 50px;
    background-color: #ff6f3a;
    border-radius: 50%;
    color: #fff;
}
.contact-icon > a:before {
  background: rgba(0, 0, 0, 0) url("images/icons/border.png") no-repeat scroll center center / cover ;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.single-contact-information p {
  line-height: 20px;
  margin-bottom: 0;
}
.single-contact-information .contact-icon {
  margin-bottom: 12px;
}
.contact-information {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
.contact-bottom-section .col-md-6.map-div {
    padding-right: 0;
}
.contact-bottom-section .col-md-6.contact-form-div .contact-form {
    float: right;
    padding-left: 30px;
    width: 585px;
}
.contact-form-title h2 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: capitalize;
}
.contact-form-box input {
    border: 1px solid #dddddd;
    color: #aaaaaa;
    margin-bottom: 18px;
    padding-left: 20px;
}
.contact-form-box textarea {
    border: 1px solid #ddd;
    height: 100px;
    padding-left: 20px;
    resize: none;
}
.contact-form-box button {
    background: #2A2927 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 40px;
    padding: 12px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.contact-form-box button:hover{background: #EC1B21;color:#fff}
.contact-bottom-section {
    position: relative;
}
.contact-bottom-section .bg-img {
  background: rgba(0, 0, 0, 0) url("../../assets/images/common/contact-page.jpg") no-repeat scroll left center / cover ;
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}
.form-messege.success {
  color: green;
  text-transform: uppercase;
  font-style: italic;
}
.form-messege.error {
  color: red;
  text-transform: capitalize;
  font-style: italic;
}
/*-------------------------
    24.Navigation css here
-------------------------*/
/*-------------------------
    24.1 Dropdown menu css here
-------------------------*/
.menu ul li:hover a,.menu ul li:hover ul li a:hover{
  color: #e24b1e;
}
.menu ul li:hover ul li a{
  color: #e24b1e;
}
.menu ul li ul.dropdown_menu {
  left: 0;
  top: 100%;
  width: 200px;
  background-color: rgba(0,0,0, 0.85);
}
.menu ul li ul.dropdown_menu, .menu ul li ul.dropdown_menu li ul.dropdown-submenu {
 
  border-top: 2px solid #e24b1e;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  visibility: hidden;
  z-index: 99999;
}
.menu ul li ul.dropdown_menu li {
  border-bottom: 1px solid #e24b1e;
  display: block;
  -webkit-transform: rotateX(-95deg);
          transform: rotateX(-95deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.menu ul li ul.dropdown_menu li:last-child {
    border-bottom: medium none;
}
.menu ul li ul.dropdown_menu li a {
  
  padding: 10px 20px;
  text-transform: uppercase;
  color:#fff;
  font-family: 'Cantata One', serif;
}
.menu ul li:hover ul.dropdown_menu,.menu ul li ul.dropdown_menu li:hover ul.dropdown-submenu  {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
   visibility: visible;
}
.menu ul li:hover ul.dropdown_menu li,.menu ul li ul.dropdown_menu li:hover ul.dropdown-submenu li {
   
   -webkit-transform: rotateX(0);
           transform: rotateX(0);
}
.menu ul li ul.dropdown_menu li {
    position: relative;
}
.menu ul li ul.dropdown_menu li ul.dropdown-submenu {
  left: 100%;
  margin-top: -2px;
  top: 0;
  width: 100%;
}
.menu ul li ul.dropdown_menu li ul.dropdown-submenu li{
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
}
.menu ul li ul.dropdown_menu li.dropdown-mega:after {
  content: "";
  font-family: FontAwesome;
  font-size: 18px;
  position: absolute;
  right: 12px;
  top: 5px;
}
/*-------------------------
    24.2 Mega menu css here
-------------------------*/
.menu ul li ul.mgea-menu {
   background: #fff none repeat scroll 0 0;
    border-top: 2px solid #c2c2c2;
    box-shadow: 0 0 10px #e2e2e2;
    left: 15%;
    opacity: 0;
    padding: 0 20px;
    position: absolute;
    transform: rotateX(-90deg);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 70%;
    z-index: 99999999;
}
.menu ul li:hover ul.mgea-menu {
box-shadow: 0 5px 8px -2px #9a9a9a;
    opacity: 1;
    transform: rotateX(0deg);
    visibility: visible;
}
.menu ul li.mega-parent,.header .container .row [class*="col-"]  {
    position: static;
}
.mgea-full-width {
    position: relative;
}
.menu ul li ul.mgea-menu li.mega-sub {
    float: left;
    width: 25%;
}
.menu ul li.mega-parent ul li a {
    padding: 15px 0;
}
.menu ul li.mega-parent ul li ul li {
  border-bottom: 1px solid #999;
  display: block;
}
.menu ul li.mega-parent ul li ul li a {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0;
    text-transform: capitalize;
}
.menu ul li.mega-parent ul li ul li:last-child {
    border-bottom: medium none;
}
.menu ul li ul.mgea-menu li.mega-sub:first-child {
    padding-left: 0;
}
/*.menu ul li ul.mgea-menu:before {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}*/
/*----------------------------
    25. 404 page css here
-------------------------*/
.error-content h2 {
  color: #E74995;
  font-family: "Lato",sans-serif;
  font-size: 180px;
  font-weight: bold;
  letter-spacing: 10px;
  text-shadow: 7px 6px 0 #dadada, 0 -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}
.error-content > h3 {
    color: #535353;
    font-family: "Great Vibes",cursive;
    font-size: 55px;
    font-weight: 500;
    text-transform: capitalize;
}
.error-content h4 {
    color: #535353;
    font-weight: 400;
    text-transform: capitalize;
}
.error-content .go-home {
    background: #E74995 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
    padding: 10px 28px;
    text-transform: uppercase;
}
.error-content .go-home:hover {
    background: #555 none repeat scroll 0 0;
}
/*-------------------
    26. Mobile menu css here
----------------------------*/
.mobile-menu-area {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin-top: 16px;
  position: absolute;
  width: 100%;
  z-index: 9999999;
}
.mean-container a.meanmenu-reveal {
  float: left;
  left: 90% !important;
  position: absolute;
  top: -75px;
}
.mean-container .mean-nav ul li a.mean-expand {
  font-family: "Lato",sans-serif;
}
.mobile-menu-area .mean-nav {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/*------------------------
    27. sticky menu css here
---------------------------*/
.sticky {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: rgba(0,0,0,.8);
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  z-index: 99999 !important;
  width: 100%;
  padding:0 !important;
}

.sticky .menu {
    margin:5px 0;
	z-index: 99999 !important;
}
.sticky .menu ul li a {
  padding:0 15px;
}
.header.sticky .logo {
  
  width: 125px;
}
.sticky .header-right .search {
  padding-top: 35px;
}
/*--------------------------
    28. Home two css here
---------------------------------*/
.slider-content {
  background: rgba(0, 0, 0, 0) url("images/slider/1.jpg") no-repeat scroll center center / cover ;
  padding: 180px 0;
  z-index: 9;
}
.slider-content.parallax {
  background: rgba(0, 0, 0, 0) url("images/slider/1.jpg") no-repeat fixed center center / cover ;
}
.slider-content .middle-text .order-now {
  margin-top: 10px;
}
.middle-text .title-2 h1 span {
  color: #E74995;
}
/*--------------------------
    29. Home three css here
---------------------------------*/
.slider-content.youtube-bg {
  background: url("images/bg/video-bg.png") no-repeat scroll center center / cover ;
}
.slider-content.youtube-bg .middle-text .title-1 h2,.slider-content.youtube-bg .middle-text .title-2 h1,.slider-content.youtube-bg .middle-text p {
  color: #fff;
}
/*--------------------------
    30. Home four css here
---------------------------------*/
.dotted-overlay:after {
  background: url("images/icons/grid.png") repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.dotted-overlay{position: relative}
.dotted-overlay .slider-text-table {
  z-index: 999;
}
/*--------------------------
    31. All elements css code here
---------------------------------*/
/*--------------------------
    31.1 Accordion css
---------------------------------*/
.accordion h3 {
  font-family: "Great Vibes",cursive;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.accordion.style1 .panel-title {
  color: #555;
  font-weight: 500;
}
.accordion-active h4 {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #555;
  font-size: 16px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
  text-transform: uppercase;
}
.accordion-active h4:before {
    color: #555;
    content: "";
    font-family: FontAwesome;
    font-weight: 300;
    margin-left: 5px;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.accordion-active h4.open:before {
    color: #E74995;
    content: "";
}
.accordion-active h4:hover:before,.accordion-active h4.open {
    color: #E74995;
}
.accordion-active h4 a:focus {
  color: inherit;
}
/*--------------------------
    31.2 Tab css
---------------------------------*/
.elements .nav-tabs > li > a {
    color: #555;
    font-weight: 500;
}
.elements .nav-tabs > li.active > a {
  border-radius: 0;
  border-top: 1px solid transparent;
  color: #E74995;
}
.elements .nav.nav-tabs {
  border: 1px solid #ddd;
  display: inline-block
}
.elements .nav-tabs > li.active:first-child > a {
  border-left: medium none;
}
.elements .nav-tabs > li.active:last-child > a {
  border-right: medium none;
}
.elements .elements-tab-1 .nav.nav-tabs {
  margin-bottom: 15px;
}
/*--------------------------
    31.3 Progress bar css
---------------------------------*/
.our-skill .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 6px;
  margin-bottom: 43px;
  overflow: visible;
  position: relative;
}
.our-skill .lead {
  color: #444;
  font-size: 13px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: -23px;
}
.our-skill .progress-bar {
  background-color: #03a9f4;
  box-shadow: none;
}

.our-skill .progress-bar > span:before, .our-skill .progress-bar > span:after {
  border: medium solid transparent;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.our-skill .progress-bar > span:before {
  border-top-color: #333;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.our-skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  padding: 0 5px;
  position: relative;
}
.progress-style-2 .progress-bar {
  font-size: 14px;
  line-height: 23px;
  padding-left: 12px;
  text-align: left;
  text-transform: capitalize;
}
.progress-style-2 .progress {
  border-radius: 0;
  box-shadow: none;
  height: 23px;
}

.audio audio {
  width: 100%;
}
.properties-video h5 {
  font-size: 24px;
  font-weight: 500;
}
/*--------------------------
    31.4 Button css
---------------------------------*/
a.button {
  background: #E74995 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s
}
a.button.large {
  font-size: 18px;
  padding: 18px 0;
}
.button.large span {
  display: inline-block;
  padding: 0 60px;
}
.button span {
  font-family: "Lato",sans-serif;
}
.button.large i {
  padding: 0 12px;
}
a.button.medium{
  font-size: 16px;
  padding: 18px 0;  
}
.button.medium span {
  display: inline-block;
  padding: 0 40px;
}
.button.medium i {
  padding: 0 12px;
}
a.button.little {
  font-size: 15px;
  padding: 14px 0;
}
.button.little span {
  display: inline-block;
  padding: 0 20px;
}
.button.little i {
  padding: 0 12px;
}
a.button.button-black{
  background: #4a4a4a
}
a.button.button-black:hover{
  background: #fff;
  color: #4a4a4a
}
a.button.button-white,a.button:hover{
  background: #fff;
  color: #E74995
}
a.button.button-white:hover,a.button.border_radius.button-black:hover{
  background: #E74995;
  color: #fff
}
a.button.border-radius {
  border-radius: 0;
  padding: 14px 0;
}
a.button.btn-gray {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #777;
}
a.button.border_radius {
    border-radius: 30px;
    font-size: 15px;
    padding: 16px 8px;
    text-transform: uppercase;
}
a.button.btn-border {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid;
    color: #4a4a4a;
}
a.button.btn-gray:hover,a.button.btn-border:hover{color:#E74995}
/*-------------------
	32. Preloader CSS here
----------------------*/
.preloader{
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}
.loading-center{
  width: 100%;
  height: 100%;
  position: relative;
}
.loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}
.object{
    background-color: #e74995;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin-right: 10px;
    margin-top: 30px;
    width: 20px;
}
.preloader .compress {
    margin: 0 30px;
}
.app-section::after {
    background-color: rgba(0, 0, 0, 0.75);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.app-section {
   background-image: url("../../assets/images/appbackground.jpg");
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.app-about {
    padding: 100px 0 0;
}
.app-about .title_1 {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}
.app-about .title_2 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}
.app-about a {
    margin: 0 10px 0 0;
}
.object_one {	
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}
.object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s;
}
.object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
@-webkit-keyframes object_two {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }
}
@-webkit-keyframes object_three {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}


.f_top_bg
{
	background:#2d2d2d;
}
.about_bg
{
	background:url(../images/about/about_bg.jpg) no-repeat center center;
	background-size:cover;
}
.services
{
	background:url(../images/services/service_bg.jpg) no-repeat center;
	background-size:cover;
}
.ser_content h1
{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:36px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
}
.ser_content h2
{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	margin:20px 0 0;
}
.ser_content a
{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	margin:50px 0 0;
	background:#e24b1e;
	border-radius:5px;
	padding:10px 20px;
}
.tab-content h3
{
	font-family: 'Lato', sans-serif;
	color:#ffffff;
	font-size:23px;
	text-transform:uppercase;
	margin:0;
}
.tab-content p
{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:15px;
	line-height:24px;
	margin:50px auto;
	max-width:800px;
}
.ser_tabs
{
	border-bottom:none !important;
	max-width:580px;
	margin:0 auto;
}
.ser_tabs li a
{
	width:105px !important;
	height:105px !important;
	border-radius:50%;
	background:#252525;
	padding:30px 0;
	text-align:center;
	font-family: 'Lato', sans-serif;
	color:#fff !important;
	font-size:12px !important;
	text-transform:uppercase !important;
	border:none !important;	
	margin:30px 20px !important;
	cursor: pointer !important;
}
.ser_tabs li.active a
{
	width:105px !important;
	height:105px !important;
	border-radius:50%;
	background:#e24b1e;
	padding:30px 0;
	text-align:center;
	font-family: 'Lato', sans-serif;
	color:#fff !important;
	font-size:12px !important;
	text-transform:uppercase !important;	
	border:none !important;	
	margin:30px 20px !important;
	cursor: pointer !important;
}
.ser_tabs li a:hover
{
	background:#e24b1e;
	cursor: pointer !important;
}
.ser_tabs li a img
{
	display:block;
	max-width:30px;
	margin:0 auto 15px;;
}
.special
{
	background:url(../images/special/special_bg.jpg) no-repeat center;
	background-size:cover;
}
.special_title h1
{
	font-family: 'Lato', sans-serif;
	color:#e24b1e;
	font-size:36px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
}
.special_title h2
{
	font-family: 'Lato', sans-serif;
	color:#2f1515;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	margin:20px 0 0;
}
.spe_box
{
	
	max-width:270px;
	margin:60px auto 0;
	cursor:pointer;
	min-height:500px;
	
}
.spe_img
{
	position:relative;
}
.spe_img::before
{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 95%;
    left: -250px;
	 -webkit-transition: all 3s ease-in;
    transition: all 1.5s ease-in ;
    position: absolute;
    top: 0;
    width: 95%;
	display:none;
}
.spe_box:hover .spe_img::before
{
	-webkit-transition: all 3s ease-in;
    transition: all 1.5s ease-in ;
	left:1%;
	display:block;
}
.spe_box:hover a
{
	background:#e24b1e;
	position:absolute;
	color:#fff;
	top:40%;
	left:0;
	right:0;
	margin:0 auto;
	max-width:102px;
	transition:all 0.3s ease-in-out 0s;
}
.spe_box h1
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#000;
	margin:20px auto;
}
.spe_box a
{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#e24b1e;
	font-weight:700;
	border:1px solid #e24b1e;
	padding:10px 15px;
	display:inline-block;
	transition:all 0.3s ease-in-out 0s;
	
}
.gallery_bg
{
	background:#fff;
}
.gallery_bg h2
{
	color:#000;
	margin-bottom:40px;
}
.events_section
{
	background:url(../images/events/envents_ng.jpg) no-repeat center;
	background-size:cover;
}
.events_title h2
{
	margin-bottom:55px;
}
.events_box
{
	max-width:570px;
	margin:25px auto 0;
	position:relative;
}
.events_box:after
{
	content:"";
	
	width:141px;
	height:141px;
	left:-10px;
	bottom:-10px;
	position:absolute;
	
}
.events_box img
{
	z-index:999;
	position:relative;
}
.events_data
{
	position:absolute;
	left:0;
	top:0;
}
.events_data span.date
{
	display:block;
	width:52px;
	height:52px;
	background:#e24b1e;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	text-align:center;
	padding:10px 0;
	z-index:999;
	position:relative;
}
.events_data span.ev_icon
{
	display:block;
	width:52px;
	height:52px;
	background:#151515;
	padding:10px 0;
	text-align:center;
	z-index:999;
	position:relative;
}
.events_details
{
	position:absolute;
	padding:25px;
	border:1px dashed #fff;
	right:20px;
	top:10px;
	bottom:10px;
	z-index:999;
	max-width:270px;
	text-align:center;
	background:rgba(0,0,0,.6)
}
.events_details h1
{
	font-family: 'Raleway', sans-serif;
	font-size:25px;
	color:#fff;
}
.events_details p
{
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	color:#fff;
	line-height:23px;
	margin:30px 0;
}
.events_details h2
{
	font-family: 'Lato', sans-serif;
	font-size:13px;
	color:#fff;
	line-height:23px;
	position:relative;
}
.events_details h2:before
{
	background: #e24b1e none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -20px;
    width: 113px;
}
.testimonial_section
{
	padding:80px 0 0;
}
.teatimonial_box
{
	background:#f7f7f7;
	padding:20px 0;
	box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.5), -12px 0 8px -4px rgba(0, 0, 0, 0.5);
	position:relative;
}
.testimonial_content
{
	max-width:770px;
	margin:0 auto;
}
.testimonial_content img
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:-63px auto 0;
	max-width:126px;
}
.testimonial_content p
{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#8c8c8c;
	line-height:24px;
	padding-top: 100px;
}
.testimonial_content h1
{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#8c8c8c;
	margin:15px 0;
}
.testimonial_content h2
{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color:#e24b1e;
}
.testimonial_slider
{
	bottom: -30px ;
}
.testimonial_slider li
{
	width:12px;
	height:12px;
	background:#6a6a6a;
}
.testimonial_slider li.active
{
	width:12px;
	height:12px;
	background:#e24b1e;
}
.testimonial_slider li:hover
{
	background:#e24b1e;
}
.carousel-inner
{
	overflow:visible !important;
}
.single-footer-details i
{
	color:#e24b1e;
	margin-right:10px;
}
.clock_time_today i
{
	color:#fff !important;
}
.f_post
{
	margin-bottom:20px;
}
.f_post a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color:#fff;
	line-height:22px;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	display:inline-block;
	margin-bottom:5px;
}
.f_post a:hover
{
	color:#e24b1e;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.f_post p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#fff;
	font-weight:500;
	margin:0;
}
.footer_menu
{
	float:right;
}
.footer_menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.footer_menu ul li
{
	float:left;
	margin-left: 15px;
}
.footer_menu ul li a
{
	font-family: 'Open Sans', sans-serif;
	line-height: 11px;
	font-size:11px;
	font-weight: 300;
	color:#fff;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	text-transform:uppercase;
}
.footer_menu ul li a:hover
{
	color: #ff6f3a;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.footer_middle_content
{
	background:#fff;
	padding:30px 0;
	border-top: 3px solid #ff6f3a;
}
.footer_middle_content h1
{
	font-family: 'Cantata One', serif;
	text-transform: uppercase;
	line-height: 28px;
	font-weight: 400;
	font-style: normal;
	color: #2c2c2c;
	font-size: 20px;
}
.f_sical_icons li
{
	display:inline;
	margin:10px 10px 0 0;
}
.f_sical_icons li a
{
	display:inline-block;
}
.newsletter_search
{
	max-width:405px;
}
.newsletter_search input[type="email"]
{
	background-color: #2d2d2d !important;
	border-left: 4px solid #EF5438;
	color: white;
	padding: 12px !important;
	max-width: 360px;
	float: left;
	margin-right: 1px;
	height: 44px;
	display:inline;
}
.newsletter_search input[type="email"]:focus
{
	box-shadow:none !important;
	border-top:none !important;
	border-bottom:none !important;
	border-right:none !important;
}
.newsletter_search input[type="submit"]
{
	font-family: 'FontAwesome';
	display: inline-block;
	padding: 5px;
	background-color: #ef5438;
	color: white;
	float: left;
	border: 0px solid white;
	width: 44px;
	height: 44px;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	display:inline;
}
.f_testimonial p
{
	font-family: 'Open Sans', sans-serif;
	line-height: 24px;
	font-weight: 400;
	font-style: italic;
	color: #5f5f5f;
	font-size: 13px;
	background:#f2f2f2;
	padding:20px;
	position:relative;
}
.f_testimonial h2
{
	font-family: 'Open Sans', sans-serif;
	line-height: 24px;
	font-weight: 700;
	font-style: normal;
	color: #ef5438;
	text-transform:uppercase;
	font-size: 11px;
}
.left_icon
{
	background-image: none !important;
	opacity:1;
	width:0 !important;
	left: 85%;
	top: 90%;
	
}
.left_icon i
{
	font-size:25px !important;
	font-weight:700 !important;
}
.right_icon i
{
	font-size:25px !important;
	font-weight:700 !important;
}
.right_icon
{
	background-image: none !important;
	opacity:1;
	width:0 !important;
	right:8% !important;
	top: 90%;
	font-size:14px !important;
}
.f_testimonial p:after
{
	content: '\f0d7';
	font-family: 'FontAwesome';
	font-size: 35px;
	color: #f2f2f2;
	position: absolute;
	left: 15%;
	bottom: -16px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }

/* cart page css */

	#cart_css input[type="radio"],
	#cart_css input[type="checkbox"] {
		display: none;
	}
	/* Hidding the "check" status of inputs */

	#cart_css input[type="radio"]+label .fa-circle,
	#cart_css input[type="checkbox"]+label .fa-check {
		display: none;
	}
	/* Styling the "check" status */

	#cart_css input[type="radio"]:checked+label .fa-circle,
	#cart_css input[type="checkbox"]:checked+label .fa-check {
		display: block;
		color: #0E4027;
	}
	/* Styling checkboxes */

	#cart_css input[type="checkbox"]:checked+label .fa-check {
		position: relative;
		left: .125em;
		bottom: .125em;
	}
	/* Styling radiobuttons */

	#cart_css input[type="radio"]:checked+label .fa-circle-o {
		display: none;
	}

	#cart_css #addNewadd {
		background: #0E4027 none repeat scroll 0 0;
		border: medium none;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 48px;
		position: absolute;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
	}

	#cart_css .address-book-detail dt {
		font-weight: bold;
	}

	#cart_css .check-adress-book {
		box-shadow: 1px 1px 11px #e6e6e6;
		padding: 10px;
	}

	#cart_css dl {
		margin: 0;
	}

	#cart_css dd {
		color: #5c5c5c;
		font-size: 16px;
		font-weight: 700;
		text-shadow: 2px 2px 2px #f2f2f2;
	}

	#cart_css label {
		font-size: 14px;
		font-weight: 900;
		text-transform: uppercase;
	}

	#cart_css .cart_container .cart_items>thead>tr th {
		font-size: 14px;
		font-weight: 900;
		padding: 12px 15px;
		text-transform: uppercase;
	}

	#cart_css .remove_item {
		color: #0E4027;
		display: block !important;
	}
	#cart_css #idpc_button{
		background:#0E4027 !important;
		border: none;
	}



/* checkout page page css */

#checkout_css .terms-and-conditions-message>a {
		color: #e54c2a;
	}

	#checkout_css .leftbar .card {
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
		margin: 0 0 20px;
		padding: 20px;
	}
	/* Hidding the radiobuttons & checkboxes */

	#checkout_css input[type="radio"],
	#checkout_css input[type="checkbox"] {
		display: none;
	}
	/* Hidding the "check" status of inputs */

	#checkout_css input[type="radio"]+label .fa-circle,
	#checkout_css input[type="checkbox"]+label .fa-check {
		display: none;
	}
	/* Styling the "check" status */

	#checkout_css input[type="radio"]:checked+label .fa-circle,
	#checkout_css input[type="checkbox"]:checked+label .fa-check {
		display: block;
		color: #0E4027;
	}
	/* Styling checkboxes */

	#checkout_css input[type="checkbox"]:checked+label .fa-check {
		position: relative;
		left: .125em;
		bottom: .125em;
	}
	/* Styling radiobuttons */

	#checkout_css input[type="radio"]:checked+label .fa-circle-o {
		display: none;
	}

	#checkout_css .back_white_mad {
		background-color: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 3px 0 #e6e5e1;
		float: left;
		padding: 15px;
		width: 100%;
	}

	#checkout_css .box_style_2.back_white_mad .title {
		color: #000000;
		font-family: inherit;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0;
		text-align: left;
		text-transform: uppercase;
	}

	#checkout_css .payment-type-wrapper>img {
		width: 10%;
	}

	#checkout_css label {
		background: #f7f7f7 none repeat scroll 0 0;
		border: 1px solid #ececec;
		box-shadow: 0 0 0 #e6e6e6;
		color: #626262;
		font-size: 22px;
		font-weight: 700;
		text-transform: none;
		width: 100%;
	}

	#checkout_css .addmargin {
		margin: 6px 0 0;
	}