/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Delicious Restaurant - Onepage Html Responsive Template
Version:	1.1
Last change:	18/10/2016 [fixed bug]
Primary use:	Delicious Restaurant - Onepage Html Responsive Template 
-------------------------------------------------------------------*/

@import url("default-theme-style.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,400i,600,600i,700,700i,800');
@import url(../vendor/font-awesome/css/font-awesome.css);
@import url(../vendor/themify-icons/themify-icons.css);


/*------------------------------------------------------------------
[Table of contents]

1. Body  /  #page-top
2. Navigation / #mainNav
3. Header / #myCarousel (with slider)
4. Section commen style
5. About section  /  #about
6. Our Menu section  /  #ourmenu
7. Reservation section  /  #reservation
8. Testimonials section  /  #testimonials
9. Gallery section  /  #gallery
10. Events section  /  #events
11. Contact section  /  #contactus
12. Footer section  /  #footer
13. Responsive Media Screen style

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

/*------------------------------------------------------------------
# [Color codes]

# Black (text): #000
# Gold : #cb9f6b

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

/*------------------------------------------------------------------
[Typography]

Body :		'Open Sans', sans-serif;
Headers:		'Montserrat', sans-serif;
Input, textarea:	'Montserrat', sans-serif;

-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700');


/*---Body---*/
 
html,
	body {
	  height: 100%;
	  width: 100%;
	}
	
body {
	color:#000;
  	font-family: 'Open Sans', sans-serif;
	background-image:url(../images/bg-white.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

a {
	color: #cb9f6b;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

a:hover,
a:focus {
	color: #1b846a;
	outline: none;
	outline-offset: 0px;
}

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

p {
	line-height: 1.5;
	margin-bottom: 20px;
}

.gold{
	color:#cb9f6b;
}
.white{
	color: #fff;
}

.text-faded {
	color: #fff;
}

section {
	padding: 30px 0;
}

aside {
	padding: 50px 0;
}

.no-padding {
	padding: 0;
}
.link-btn a{
	margin:0px 20px;
}
.page-heading {
    position: relative;
    padding: 100px 15px;
    text-align: left;
    color: #333;
	background-color: rgba(255, 255, 255, 0.66);
}
.page-heading .container{
}
.preview-panel {
    margin-bottom: 40px;
    border-radius: 4px;
    position: relative;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
	    margin-top: 0px;
}
/*.preview-panel a img {
	-webkit-transform: scale(0.9);
    transform: scale(0.9);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.preview-panel a img:hover {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}*/
.preview-panel .preview-panel-content {
    text-align: center;
	    margin-top: 15px;
}
.preview-panel .preview-panel-content h2 {
    line-height: 30px;
	font-weight:300;
}
.preview-panel .preview-panel-content a.btn {
       color: #333;
    font-weight: 600;
	font-size: 14px;
	margin-top: 0;
}
.preview-panel .preview-panel-content a:hover {
    color:#0a8dcc;
	text-decoration:none;
}
.preview-panel .preview-panel-content .btn.btn-danger {
    color: #ffffff;
    background-color: #7460ee;
    border-color: #7460ee;
	border: 1px solid #7460ee;
	    border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.preview-panel .preview-panel-content .btn.btn-danger:hover{
    color: #7460ee;
    background-color: #ffffff;
    border-color: #7460ee;
}
.preview-panel .preview-panel-content p {
    margin: 15px 0;
}
.preview-panel .preview-panel-content .btn {
    font-size: 11px;
    border-color: #eeeeee;
	padding: 10px 30px;
    margin-top: 15px;
}

/*---Section commen style---*/
.section-title {
    margin-bottom: 15px;
	text-align:left;
}
.section-title h2 {
	font-weight:700;
	letter-spacing: 2px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

section#opencarttemplate {
    padding-top: 0;
}
section#multipagetemplate {
    padding-top: 0;
}
/*---About section---*/

.about{/*
	background-image:url(../images/about-bg.png);
	    background-repeat: no-repeat;
    	background-position: center bottom;
		background-size:cover;
	text-align:center;*/
}

.call-to-action h2 {
  	margin: 0 auto 20px;
}
.text-primary {
  	color: #cb9f6b;
}
.no-gutter > [class*='col-'] {
  	padding-right: 0;
  	padding-left: 0;
}
.btn-default {
	color: #222222;
	background-color: white;
	border-color: white;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #3277ba;
	border-color: #3277ba;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  	background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: white;
	border-color: white;
}
.btn-default .badge {
  	color: white;
  	background-color: #222222;
}
.btn-primary {
	background-color: #3277ba;  
	color: white;
	border-color: #cb9f6b;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  	background-color: #cb9f6b;
  		border-color: #cb9f6b;
}
.btn-primary .badge {
	background-color: white;
	color: #cb9f6b;
}
.btn {
	font-weight: 700;
	border: none;
}
.btn-xl {
  	padding: 15px 30px;
}
::-moz-selection {	
  	background: #222222;
  	color: white;
  	text-shadow: none;
}
::selection {	
  	background: #222222;
  	color: #fff;
  	text-shadow: none;
}
img::selection {	
  	background: transparent;
  	color: white;
}
img::-moz-selection {	
  	background: transparent;
  	color: white;
}

.copyright{
	
}
.copy{
	color:#959595;
	text-align:center;
	    margin-bottom: 0;
    padding: 15px 0px;
}





@media only screen and (max-width: 3500px) {
/*body*/
body {
    overflow-x: hidden;
}
}
	
@media only screen and (max-width: 2500px) {}

@media only screen and (max-width: 2100px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1566px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (min-width: 1300px) {}

@media only screen and (max-width: 1280px) {
}

@media (min-width: 1280px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 991px) {
body{
	font-size:100%;
}
}


/*--------------iPhone 6 plus landscape----------------*/
@media only screen and (max-width: 767px) {
body{
	font-size:100%;
	    overflow-x: hidden;
}


}

/*--------------iPhone 6 landscape----------------*/
@media only screen and (max-width: 667px) {}

/*--------------iPhone 5 landscape----------------*/
@media only screen and (max-width: 568px) {}

@media only screen and (max-width: 480px) {}

/*--------------iPhone 6 plus portrait----------------*/
@media only screen and (max-width: 414px) {}

/*--------------iPhone 6 portrait----------------*/
@media only screen and (max-width: 375px) {}

/*--------------iPhone 5 portrait----------------*/
@media only screen and (max-width: 320px) {}

@media only screen and (max-width: 300px) {}

@media only screen and (max-width: 200px) {}