/* GLOBAL */

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

body{
	background: url(/user/themes/lipat/images/body-bg.jpg) repeat;
	font-family: 'Noto Sans', sans-serif;
	overflow-y: scroll;
}
hr{
	border:1px solid #F8BB01;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
            border-radius: 1px;
}
h2,h3,h4,h5,h6{
	padding-bottom: 15px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
        color:#B0C47F;
}
p{
	font-size: 15px;
	text-align: justify;
        color:#FFF;
}
a{
 font-weight: bold;
 color:#F8BB01;
}

a:focus,
a:hover{
font-weight: bold;
	text-decoration: none;
	color:#FFE272;
        outline:none;
}
li{list-style:none;color:#FFF;}
.form-label {
    display: none;
}

input[type=text],input[type=email],textarea{
	background-color: #EFF2E8;
        border: 1px solid #3c4431;
	width: 100%;
	text-align: left;
  	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	cursor: text;
        padding: 5px 10px;
        color:#5E5E5E;
}
.button{
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 50%;
	height: 40px;
	background: url(/user/themes/lipat/images/nav-gradient.png) repeat;
        border:0;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
            border-radius: 5px;
        color:#000;
}
/* HEADER */
.header{
	background: transparent;
}
/* HEADER CONTACT */
.navbar .container{
	width: 100%;
	max-width: 1200px;
	padding: 0;
}
.navbar-header p:first-of-type{
	font-size: 30px;
	color: #4F3C3C;
}
.mobile > p:first-of-type img {
    height: 22px;
}

.social{
	text-align: right;
	overflow: hidden;
        margin-right: 10px;
}
.social p:first-of-type{
	margin: 5px;
	color: #FFF;
	font-size: 23px;
	font-weight: bold;
	display: block;
}
.mobile > p:nth-child(2) > a {
    padding: 3px;
    text-align: center;
}
.mobile{
	margin: 25px 0 0;
	float: right;
    overflow: hidden;
}
.mobile > p {
    text-align: right;
}
/* HEADER NAVIGATION */
.navbar-header{
	text-align: center;
	padding: 10px;
}
.navbar-header a{
	color: #000;
}
.navbar-header p:first-of-type{
	color: #0F6423;
}
.navbar-header p:last-of-type{
	font-size: 25px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
	color: #000;
	
	background: #FFE264; 	
}
.nav.navbar-nav a {
    font-size: 18px;
}

.navbar-inverse .navbar-nav > li > a{
	color: #000;
}
.navbar-inverse{
	background-color: transparent;
	border: none;
	margin: 0;
}

.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open, .navbar-inverse .navbar-nav > .open:focus, 
.navbar-inverse .navbar-nav > .open:hover {
	color: #000;
	background-color: #FFE264;
}

.dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-menu > li:focus, .dropdown-menu > li:hover {
    background-color: #F8BB01;
    color: #57613E;
    text-decoration: none;
}
.navbar-nav .open .dropdown-menu,.navbar-nav > li > .dropdown-menu {
    background-color: #FFF;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 0;  
    margin-top: 49px; 

}
.dropdown-menu > li > a{
	color:  #515B39;
	border-bottom: 3px solid transparent;
   width:100%;
}
.dropdown-menu > li {
width:100%;
margin:0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
        background-color:#FFE264;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
	color: #000;
        background-color:#FFE264;
}
.navbar-collapse.collapse,.navbar-collapse.collapsing{
	clear: both;
        background: #E8AD33; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#EDBC53,#E8AD33); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EDBC53,#E8AD33); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EDBC53,#E8AD33); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EDBC53,#E8AD33); /* Standard syntax */
}
.navbar-nav{
	width: 100%;
	text-align: center;
}
.navbar-nav > li{
	margin: 0 10px;
	display: inline-block;
	float: none;
}

/* BUTTONS */
.icon-bar{
	border: 1px solid #0F6423;
}
.navbar-inverse .navbar-toggle{
	background:#12201A; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#28483A,#12201A); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#28483A,#12201A); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#28483A,#12201A); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#28483A,#12201A); /* Standard syntax */
	border: 1px #12201A solid;
} 
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background:#12201A; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#12201A, #28483A); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#12201A, #28483A); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#12201A, #28483A); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#12201A, #28483A); /* Standard syntax */
	border: 1px #12201A solid;
}



/* CONTENT STARTS HERE !*/
.body-content{
	margin: auto;
	width: 100%;
	max-width: 1200px;
	min-height: 500px;
	height:100%;
	background-color:rgba(17, 21, 12, 0.7);
}
.mod-holder > div{
	overflow: hidden;
}

/* SLIDER */
.grav-lightslider{
	max-height: 500px;
	background-color: #FFF;
}
.grav-lightslider li img  {
    display: block;
    margin: auto;
    height: 500px;
    max-width: 1200px;
    text-align: center;
}
.lSAction > .lSPrev {
    background-position: -5px -5px;
}
.lSAction > .lSNext {
    background-position: -51px -5px;
}

/* CONTENT MODULAR */
.content-holder{
	padding: 0 40px 0 40px;
	text-align: justify;

}
.align-center p {
    text-align: center;
}
/* SUB PAGES */
/*Contact*/
.contact,.prod-item,.category,.default-content{
	padding: 40px;
}
#map > iframe {
    width: 100%;
    height: 100%;
}
.rc{
	height: 100%;
}
.contact-form div:last-of-type{
 margin-top:10px;
}
.col-sm-3 > a:hover{
 opacity:0.8;
}

/*Products*/
.products {
	padding-bottom: 20px;
}
.item,.product-category .row .col-sm-3 {
	text-align: center;
	margin-bottom: 10px;
	display: block;
}
.product-category .row .col-sm-3 img{

	border: 1px solid #c4c4c4;
}
.item-divider{
	min-height: 300px;
}
.item-divider .prod-img img,.item-divider .prod-img{
	margin: 20px 0;
        text-align: center;
        
}
.description, .item-description{
    margin:10px;
}

/* FOOTER */

.halcyon{
	float: right;
	opacity: 0.3;
}
.halcyon > a{
   color: #b7983c;
}
.input {
    max-height: 90px;
    max-width: 100%;
    min-height: 90px;
    min-width: 100%;
}
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
}
.footer .container{
  margin-top:5px;
}
.footer p{
	display: inline-block;
	color: #B7983C;
	font-size: 12px;
}


@media(max-width: 1200px){
   .item-img > img{
     width:100%;
   }
}
@media(max-width: 1080px){
	.item-divider .prod-img img, .item-divider .prod-img{
		width: 100%;
		height: auto;
	}
}
@media(max-width: 767px){
   
   .navbar-nav > li{
   	display:block;
   }
   .grav-lightslider li img{
	width:auto;
   }
   .item-divider .prod-img img, .item-divider .prod-img{
		width: auto;
		height: auto;
   }
   .item-img > img{
     width:263px;
   }
   .nav.navbar-nav {
     margin: 0;
   }
   .nav.navbar-nav li {
     margin: 0;
   }
   .navbar-nav .open .dropdown-menu, .navbar-nav > li > .dropdown-menu{
    	width: 100%;
    	text-align:center;
   }
   .open .dropdown-menu > li > a{
	color:  #515B39;
	border-bottom: 3px solid transparent;
   	width:100%;
	}
   .open .dropdown-menu > li {
	width:100%;
	margin:0;
   }
   .open .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
        background-color:#FFE264;
   }
}
@media(max-width: 495px){
   .item-divider .prod-img img, .item-divider .prod-img{
		width: 100%;
		height: auto;
   }
}
@media(max-width: 340px){
   
   .item-img > img{
     width:100%;
   }
   .g-recaptcha {
    	 margin-left: -58px;
         transform: scale(0.7);
   }
}