/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

h2, .h2 {
    font-size: 3.14285714em;
    line-height: 1.31818182em;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: transparent !important;
    border: 1px solid rgba(0,0,0,.125);
}

#mainMenu nav>ul>li>a {
    font-family: 'Roboto', sans-serif;
    font-size: 11,5px;
    font-weight: 600;
    letter-spacing: 0px;
}
#mainMenu nav > ul > li > a {
    position: relative;
    font-family: 'Roboto', sans-serif;
    padding: 8px 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #000000;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    transition: all .3s ease;
    line-height: normal;
}
#header .header-inner #logo, #header #header-wrap #logo {
    float: left;
    font-size: 28px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    height: 100px;
}

#header .header-inner #logo a > img, #header #header-wrap #logo a > img {
    vertical-align: inherit;
    transition: all .4s ease-in-out;
    height: 100px;
    width: auto;
}

#header {
    position: relative;
    width: 100%;
    z-index: 199 !important;
    height: 110px;
    line-height: 110px;
	padding-top:10px;
}

.heading-text.heading-section h2:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 60px;
    background-color: #F47421;
    bottom: -20px;
    left: 0;
    right: 0;
}

#header .header-inner, #header #header-wrap {
    height: 100px;
    background-color: #fff;
    left: 0;
    right: 0;
    transition: all .4s ease-in-out;
  
}

.bg-overlay[data-style="3"] {
    background: linear-gradient(
140deg
, #F15A29 0%, #F47421 100%);
    opacity: .8;
}

.inspiro-slider .slide .slide-captions h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 30px;
    color: #ffffff;
    text-transform: none;
}

.btn-orange{
	background-color: #F47421;
	border-color: #F47421;
	font-family: fieldwork, sans-serif;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .8px;
    text-decoration: none;
    outline: none;
    padding: 12px 18px;
    position: relative;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    transition: all 0.3s;
    margin-bottom: 6px;
    line-height: 14px;
    cursor: pointer;
}

.btn-bottle{
	background-color: #21362C !important;
	border-color: #21362C !important;
	font-family: fieldwork, sans-serif;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .8px;
    text-decoration: none;
    outline: none;
    padding: 12px 18px;
    position: relative;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    transition: all 0.3s;
    margin-bottom: 6px;
    line-height: 14px;
    cursor: pointer;
}
.text-normal{
	text-transform: none !important;
}

.bg-ash{
	background-color: #708372;
}

.bg-bottle{
	background-color: #21362C !important;
}

.text-secondary {
    color: #21362C!important;
}

.text-primary {
    color: #F47421!important;
}

button.btn.btn-dark.btn-outline, .btn:not(.close):not(.mfp-close).btn-dark.btn-outline, a.btn:not([href]):not([tabindex]).btn-dark.btn-outline {
    background-color: transparent;
    color: #21362C;
    border-color: #21362C;
}

#footer {
    display: block;
    position: relative;
    background-color: #708372;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	color:#21362C;
}
.p-t-80{
		padding-top:80px !important;
	}

@media (min-width: 1024px){
body.modern .body-inner .container {
    max-width: 1480px !important;
}
}
@media(max-width:767px)
	
{
	
	.menu-burger{
		min-height: 400px !important;
		background-color: #ffffff !important;
		width:100%;
		padding-top:20px!important;
	}

    .hide-mobile{
        display: none !important;
    }
    .first-half{
        width: 60% !important;
    }
    .second-half{
        width: 40% !important;
    }
	
	.mobile-text-left{
		text-align: left !important;
	}
	
	.mobile-text-right{
		text-align: right !important;
	}
	
	.m-b-60{
		margin-bottom:20px!important;
	}
	
	.p-t-100{
		padding-top:30px !important;
	}
	
	.p-t-80{
		padding-top:80px !important;
	}
	
	.p-t-150{
		padding-top:30px !important;
	}
	
	.p-b-120{
		padding-bottom: 30px !important;
	}
	
	.p-t-80 {
		padding-top:30px !important;
	}
	.pb-180{
		padding-bottom:30px !important;
	}
	
	.p-b-100{
		padding-bottom:30px !important
	}
	
	.heading-text.heading-plain h2, .heading-text.heading-light h2, .heading-text.heading-section h2 {
    font-size: 25px;
    line-height: 44px;
    margin-bottom: 16px;
}
	
	
}
@media (max-width: 575.98px){
	
	.p-t-80{
		padding-top:80px !important;
	}
	
	.mobile-text-left{
		text-align: left !important;
	}
	
	.mobile-text-right{
		text-align: right !important;
	}
	
	.menu-burger{
		min-height: 400px !important;
		background-color: #ffffff !important;
		width:100%;
		padding-top:20px!important;
	}

.m-b-60{
		margin-bottom:30px!important;
	}
	
	h2, .h2 {
    font-size: 25px;
    line-height: 1.36363636em;
    font-weight: 600;
}
	
		.heading-text h1 {
    font-size: 30px;
    font-weight: 700;
}
	
	.p-t-100{
		padding-top:30px !important;
	}
	
	.p-t-150{
		padding-top:30px !important;
	}
	
	.p-b-120{
		padding-bottom: 30px !important;
	}
	
	.p-t-80 {
		padding-top:30px !important;
	}
	.pb-180{
		padding-bottom:30px !important;
	}
	
	.p-b-100{
		padding-bottom:30px !important
	}
	
	.heading-text.heading-plain h2, .heading-text.heading-light h2, .heading-text.heading-section h2 {
    font-size: 25px;
    line-height: 44px;
    margin-bottom: 16px;
}
	
	
	}