/*==========================================================
	IMPORT FILES
==========================================================*/
/* Css */
@import url(fonts.css);

/*==========================================================
	RESET
==========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }

html {
line-height: 1; }

ol, ul {
list-style: none; }

table {
border-collapse: collapse;
border-spacing: 0; }

caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }

q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }

a img {
border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }

/*==========================================================
	GLOBAL
==========================================================*/

body {
	font-size: 14px;
    color: #2d3855;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    right: 0;
	font-family: 'Open Sans', sans-serif;
    -webkit-transition: right .4s ease-in-out 0s;
    -moz-transition: right .4s ease-in-out 0s;
    -ms-transition: right .4s ease-in-out 0s;
    -o-transition: right .4s ease-in-out 0s;
    transition: right .4s ease-in-out 0s;
}
a, a:visited, a:link, .btn{
	color:#2d3855;
}
a:hover{
	text-decoration:none;
}
a:hover, a:focus {
	color:#2d3855;
}

a, button, input {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

strong, b {
	font-weight:900;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
	    vertical-align: middle;
}

.button {
    height: 32px;
    display: inline-block;
    padding: 0 40px;
    line-height: 32px;
    border-radius: 0;
    color: #fff !important;
	background:#b89f70;
    vertical-align: middle;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-weight:300;
	font-size:14px;
	border: none;
}
.button:hover,.button.active{
	background:#2d3855;
}
.button.dark {
    color: #fff;
	background:#7bc258;
}
.button.black {
    color: #fff;
	background:#333;
    border: 1px solid #333;
}


h1,h2,h3,h4,h5,h6 {
	color:#424242;
	
	font-family: 'Titillium Web', sans-serif;
}

h1{font-size:34px; font-weight:700;}
h2{font-size:30px; font-weight:700;}
h3{font-size:26px; font-weight:700;}
h4{font-size:26px;}
h5{font-size:22px;}
h6{font-size:18px;}

p {
    margin-bottom: 1.4em;
    line-height: 24px;
}

.row-no-margin{
	margin-left: 0 !important;
    margin-right: 0 !important;
}
.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.img-responsive._100{
	width:100%;
}

textarea:focus, input:focus{
    outline: none;
}

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
	border-top: none;
	border-bottom: 1px solid #e9e9e9;
	padding: 20px;
	vertical-align: middle;
}
.table > tbody > tr > th,
.table > tfoot > tr > th, 
.table > thead > tr > th {
	font-size: 16px;
	color: #2d3855;
	text-transform: uppercase;
	padding-bottom: 15px;
}

/*@media screen and (max-width: 540px) {
header #menu {
    left: 75%;
    height: 90px;
}
}*/


@media (min-width: 1200px) {
	.container {
	    width: 1200px;
	}
}
@media (min-width: 1650px) {
	.container {
	    /*width: 1600px;*/
	}
}

header{
	position: relative;
	z-index: 1;
	height: 153px;
}

header .top-line{
	background:#2d3855;
	height:20px;
}

header #logo{
	width: 197px;
	
}

/* Mobil icin */



header .top-links{
	float:right;
	
}
header .top-links li{
	float:left;
	padding:7px 7px;
	margin-left:5px;
}
header .top-links li .fs1{
	color:#7D7C7A;
	margin-right:7px;
}

header .top-links li .bootstrap-select>.dropdown-toggle {
    padding-right: 15px !important;
	    background: none !important;
    border: 0 !important;
	padding:0 !important;
	line-height: 1 !important;
    text-shadow: none !important;
}
header .top-line .top-links li .bootstrap-select>.dropdown-toggle {
	color: #fff !important;
}
header .top-links li .bootstrap-select.btn-group .dropdown-menu li a {
    color: #2d3855 !important;
}
header #menu{
	background:#b89f70;
	height:112px;
	position:absolute;
	left:30%;
	width:9999px;
	transform: skew(-35deg);
    top: 20px;
}

header .site-menu{
    position: relative;
    z-index: 500;
	float:right;
	    margin-top: 19px;
}
header .site-menu li{
	float:left
}
header .site-menu li a{
	color:#fff;
	font-size:15px;
	font-weight:700;
	padding:0 16px;
	line-height:70px;
	text-transform:uppercase;
	position:relative;
}

header .site-menu li a:after{
	content:" ";
	position:absolute;
	left:50%;
	bottom:-10px;
	margin-left:0;
	height:3px;
	background:#fff;
	width:0;
	transform: skew(-35deg);
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}


header .site-menu li a:hover:after, header .site-menu li a.active:after{
	margin-left:-25px;
	width:50px;
}


header .site-menu li.search{
	position:absolute;
	background:#fff;
	padding:5px;
	right:5px;
	bottom: -164px;
	opacity:0;
	border-bottom:2px solid #b89f70;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
header .site-menu li.search.on{
	bottom:-54px;
	opacity:1;
}
header .site-menu li.search .fs1{
	color:#b89f70;
	padding:15px 6px;
	font-size:16px;
	    float: right;
}

header .site-menu li.search input{
	width:240px;
	padding:10px;
	border:1px solid #ededed;
	float:left;
}

.menu-toggle {
    float: right;
    color: #fff;
    margin: 25px;
    z-index: 9999;
    position: relative;
    font-size: 28px;
	display:none;
}
.menu-toggle:hover {
    color: #fff;
}

/* HOME PAGE SLIDER */
#main-slider {
    margin-top: -21px;
	position:relative;
	z-index:0;
}
.home-slider {
	
}
.home-slider .slider-item {
	position:relative;
	width:100%;
}
.home-slider .owl-stage-outer {
	overflow:inherit;
}
.home-slider .slider-item .slide-text {
	position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
}
.home-slider .slider-item .slide-text h3 {
	color:#b89f70;
	width:600px;
	margin-bottom:20px;
	font-size:55px;
	text-shadow: 1px 1px 9px rgb(0, 0, 0);
    font-weight: 500;
	float: right;
    text-align: right;
}

.home-slider .slider-item .slide-text p {
	color:#fff;
	width:400px;
	margin-bottom:20px;
	
}
.home-slider .slider-item .slide-add {
	 right: 12%;
    bottom: -100px;
    width: 520px;
    float: right;
    position: absolute;
}
	
.home-slider .slider-item .slide-text .button {
	border:2px solid #fff;
	background:none;
	    line-height: 29px;
}
	
.home-slider .slider-item .slide-text .button:hover {
	background:#b89f70;
	border:2px solid #b89f70;
}

.home-slider-custom-dots {
    position: absolute;
    z-index: 9999;
    bottom: 40px;
	width:100%;
}
.home-slider-custom-dots .owl-controls{
	
}
.home-slider-custom-dots .owl-controls .owl-dots{
    float:left;
}

.home-slider-custom-dots .owl-controls .owl-dots .owl-dot span{
    width: 50px;
    height: 4px;
    border-radius: 0;
    transform: skew(-35deg);
	cursor:pointer;
}

.home-slider-custom-dots .owl-dots .owl-dot.active span, .home-slider-custom-dots .owl-dots .owl-dot:hover span {
    background: #b89f70;
}

#tab-section{
	margin-top:-10px;
}

#tab-section .tab-section-top{
	height:40px;
	width:100%;
	background:#b89f70;
}
.tab-list{
	height:95px;
	width:100%;
	background:#b89f70;
	transform: skew(35deg);
	padding:0 75px;
	margin-top:-40px;
	position:relative;
}
.tab-list:after{
	height: 95px;
    width: 95px;
    background: #b89f70;
    transform: skew(-54deg);
    position: absolute;
    right: -65px;
    top: 0;
    content: " ";
}
.tab-list li{
	width: 24%;
    float: left;
    text-align: center;
    line-height: 68px;
    margin-top: 27px;
	font-size:28px;
	cursor:pointer;
	color:#fff;
	transform: skew(-35deg);
}
.tab-list li.active, .tab-list li:hover{
	background:#fff;
	color:#7D7C7A;
}

.tab-content{
	padding:40px;
}
.tab-content > div{
	display:none;
}
.tab-content > div.on{
	display:block;
}
.tab-content .texts > h4{
	color:#7D7C7A;
	margin:45px 0 0 15px;
}
.tab-content .texts > h2{
	color:#2d3855;
	margin:10px 0 0 15px;
}
.tab-content .texts > p{
	margin:10px 0 10px 15px;
}


#info-section{
	background:url(../images/main-sub.jpg) top center no-repeat;
	min-height:400px;
}


#info-section h2{
	color:#fff;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	margin-top:45px;
	float:left;
}

#info-section h4{
	color:#fff;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	margin-top:25px;
	float:left;
}

#info-section p{
	color:#fff;
	width:100%;
	text-align:center;
	margin-top:25px;
	float:left;
	padding-bottom: 30px;
}


.info-slider {
	background:url(../images/info-bg.png) no-repeat top center;
	position:relative;
	    padding-bottom: 80px;
}
.info-slider:after {
	height:419px;
	width:250px;
	position:absolute;
	 right: 9px;
    top: 5px;
	content:"";
	background:url(../images/info-glass.png) no-repeat center center;
	z-index:9999;
}
.info-slider .item{
	margin-top:4px;
}

.info-slider .owl-stage-outer {
    width: 97.5%;
    margin-left: 1.3%;
}

.info-slider-custom-dots {
	margin-bottom:0;
}

.info-slider-custom-dots .owl-controls .owl-dots{
}

.info-slider-custom-dots .owl-controls .owl-dots .owl-dot span{
    width: 50px;
    height: 4px;
    border-radius: 0;
    transform: skew(-35deg);
	cursor:pointer;
    opacity:.6;
	background:#fff;
}

.info-slider-custom-dots .owl-dots .owl-dot.active span, .info-slider-custom-dots .owl-dots .owl-dot:hover span {
    opacity:1;
}


#carousel-info-nav {
	position:relative;
}


.info-slider-custom-dots .owl-controls .owl-nav{
	position:absolute;
	top: 245px;
}
.info-slider-custom-dots .owl-controls .owl-nav .owl-prev{
	float:left;
	    background: none;
    font-size: 24px;
}

.info-slider-custom-dots .owl-controls .owl-nav .owl-next{
	float:right;
	    background: none;
    font-size: 24px;
}


footer {
	background:#b89f70;
	float:left;
	clear:both;
	width:100%;
}

footer, footer a{
	color:#fff;
}

footer .footer-logo{
	margin:20px 0;
}

img.footer-logo{
	width: 150px;

}

footer .social-icon{
	opacity:.8;
	margin:10px;
}
footer .social-icon:hover{
	opacity:1;
}
footer .footer-links{
	background:#2d3855;
}

footer .footer-links a{
	margin:10px;
	line-height:80px;
	text-transform:uppercase;
	color:#fff;
}


/* ABOUT */ 

#content{
	width: 100%;
    float: left;
}

#page-top {
	float:left;
	width:100%;
	position:relative;
	color:#fff;
	    margin-top: -21px;
}
#page-top img {
	border-bottom:40px solid #b89f70;
}

#page-top .page-info {
	position:absolute;
	top:15px;
	width:100%;
	text-align:center;
	color:#fff;
}
#page-top .page-title, #page-top .page-desc {
	color:#fff;
	margin:20px;
	clear:both;
	float:left;
	width:100%;
	position:relative;
}
#page-top .page-title:after{
	
	height: 2px;
    width: 100px;
    background: #fff;
    position: absolute;
    left: 50%;
	margin-left:-50px;
    bottom: -15px;
    content: " ";
}

h2.page-title {
    display: none;
}

.content-bar{
	height: 55px;
    width: 100%;
    background: #b89f70;
    transform: skew(35deg);
    padding: 0 75px;
    position: relative;
	clear:both;
}
.content-bar:after{
	
	height: 55px;
    width: 95px;
    background: #b89f70;
    transform: skew(-54deg);
    position: absolute;
    right: -38px;
    top: 0;
    content: " ";
}

.content-area{
	padding:10px 20px;
	color:#616161;
}
.content-area a{
	color:#616161;
}

.content-area h1, .content-area h2, .content-area h3, .content-area h4 {
	margin:10px 0;
}


.content-area ul{
}
.content-area ul li{
	 padding:7px 0;
	 padding-left: 1.3em;
}
.content-area ul li:before {
  content: "\f058"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/* SERVICES */

.services-contact{
	background:#fafafa;
	padding:10px 0;
}
.services-contact .contact-message{
	color:#b89f70;
}

.services-contact .direct{
	color:#7D7C7A;
	border:1px solid #7D7C7A;
	background:#fff;
	padding:9px 15px;
	cursor:pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:0 5px 0 0;
	float:left;
}
.services-contact .direct:hover{
	color:#fff;
	background:#7D7C7A;
}


.services-list{
}
.services-list .item{
	padding:15px 25px;
	background:#f5f5f5;
	border:1px solid #ecf0f1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right: 0.7%;
    width: 24.2%;
	margin-bottom:7px;
}
.services-list .item:nth-child(even) {
    background: #fafafa;
}
.services-list .item i{
	font-size:45px;
	color:#7D7C7A;
	margin:15px 0;
	float:left;
	width:100%;
}
.services-list .item h4{
	margin:15px 0;
	float:left;
	width:100%;
	position:relative;
}

.services-list .item h4:after{
	
	height: 1px;
    width: 40px;
    background: #bdbdbd;
    position: absolute;
    left: 50%;
	margin-left:-20px;
    bottom: -15px;
    content: " ";
}

.services-list .item p{
	margin:15px 0;
	float:left;
	width:100%;
}


/* FAQ */ 

.panel-group .panel{
	border-radius:0 !important;
}

.panel-default>.panel-heading {
    background:#b89f70 !important;
	padding: 3px 15px;
}
.panel-default>.panel-heading a{
     color:#fff !important;
}
.panel-default>.panel-heading.collapsed {
    background:#fff !important;
}
.panel-default>.panel-heading.collapsed a{
    color:#2d3855 !important;
}


/* CONTACT */ 


.content-bar.contact {
    height: 95px;
    margin-top: -20px;
	    transform: skew(21deg);
}
.content-bar.contact:after {
    height: 75px;
    width: 95px;
    background: #ffffff;
    transform: skew(-34deg);
    right: -68px;
    top: 20px;
}
.content-bar .contact-info {
	transform:skew(-21deg);
	color:#fff;
	text-align:center;
	font-size:15px;
	line-height: 19px;
}
.content-bar .contact-info i {
	font-size:24px;
	margin-bottom:22px;
}
.content-bar .contact-info i.fa-map-pin{
	margin-bottom:8px;
}

.contact-form input, .contact-form textarea {
	padding:20px;
	margin:0 0 18px;
	color:#000;
}
.contact-form input[type="button"],.contact-form input[type="submit"] {
	padding:10px 30px;
	background:none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.contact-form input[type="button"]:hover,.contact-form input[type="submit"]:hover {
	background:#b89f70;
	border: 1px solid #b89f70;
	color:#fff;
}


.category-area {
    margin: 30px 0;
}
.category-area .item {
    margin-bottom: 20px;
	min-height: 295px;
}
.category-area .item .img {
    float: left;
    width: 100%;
    position: relative;
}
.category-area .item .img .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 75, 160, 0.8);
    padding-top: 20%;
    opacity: 0;
}
.category-area .item .img .hover > * {
    color: #fff;
    padding: 0 15%;
    margin: 20px 0;
}
.category-area .item:hover .img .hover {
    opacity: 1;
}
.category-area .item .img .hover i {
    font-size: 55px;
}
.category-area .item .img .hover a {
    font-size: 24px;
}
.category-area .item h3 {
    float: left;
    width: 100%;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    padding: 15px;
}
.content-bar .back {
    position: absolute;
    left: 40px;
    bottom: 15px;
    width: 98%;
    transform: skew(-35deg);
    z-index: 500;
	    color: #fff;
}
.content-bar .back .button {
    margin-left: 10px;
    float: right;
	border:1px solid #979dd0;
}

.category-nav {
    padding: 35px 15px;
    background: #f5f5f5;
    border: 1px solid #eeeeee;
    border-radius: 3px;
}
.category-nav:hover {
    background: #fff;
}
.category-nav h3 {
    margin: 20px 0 10px 0;
}
.category-nav .button {
    margin-top: 15px;
}
.product-slider {}.product-slider.owl-theme .owl-controls .owl-nav {
    position: absolute;
    width: 100%;
    top: 35%;
}
.product-slider.owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: none;
    color: #424242;
    border: 1px solid #e0e0e0;
    font-size: 22px;
    border-radius: 0;
}
.product-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
        background: #b89f70;
    color: #fff;
    border: 1px solid #2c3aa7;
}
.product-slider.owl-theme .owl-controls .owl-nav .owl-prev {
    float: left;
    margin-left: -45px;
}
.product-slider.owl-theme .owl-controls .owl-nav .owl-next {
    float: right;
    margin-right: -45px;
}
.product-detail {
    padding: 20px 0;
}
.ingredients .title {
    line-height: 55px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    color: #8dc63f;
    text-transform: uppercase;
}



/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: #2d3855;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

.langs .filter-option{
	color:#fff;
	font-weight:bold;
}

.langs .caret{
	color:#fff;
}

.product-cat {
    width: 97.5%;
    float: left;
    text-align: center;
    margin: 10px 0 0px 0;
    font-weight: 500;
    padding-top: 25px;
    border-top: 1px solid #dedede;
}
.product-img{
	width:100%;
	float:left;
	text-align:center;
	padding:20px 0;
}