body{ margin:0; padding:0; font-size:14px; font-family:"Roboto";}
::-moz-selection {color: #fff;background: #ff7043;}
::-webkit-selection {color: #fff;background: #ff7043;}
::selection {color:#fff;background: #ff7043;}
a{ cursor:pointer; text-decoration:none;}
ul, li, a, button, i{ transition:0.5s ease-in-out all; -webkit-transition:0.5s ease-in-out all; -ms-transition:0.5s ease-in-out all; -moz-transition:0.5s ease-in-out all; -o-transition:0.5s ease-in-out all; outline:none !important;}
ul:hover, ul li:hover, ul li a:hover, a:hover, button:hover, ul:focus, ul li:focus, ul li a:focus, a:focus, button:focus, i:hover{ transition:0.5s ease-in-out all; -webkit-transition:0.5s ease-in-out all; -ms-transition:0.5s ease-in-out all; -moz-transition:0.5s ease-in-out all; -o-transition:0.5s ease-in-out all; outline:none !important;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-button {width: 8px;height:5px;}
::-webkit-scrollbar-track {background:transparent;box-shadow: 0px 0px 0px #dfdfdf inset;border-radius:10px;}
::-webkit-scrollbar-thumb {background:#999;border: thin solid gray;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}			

.mar-t-20{margin-top: 20px;}
.mar-b-20{margin-bottom: 20px;}
header{padding:0; background: #521906; padding:5px 0 ;}
.logo{ float:left; margin:0; display:block;}

.phone-list{float:right; line-height:80px;}
.phone-list ul{list-style:none;}
.phone-list li{display:inline-block; color: #ffcc3a; font-size:18px;}
.phone-list li i{margin-right:5px; margin-left: 15px;}
.phone-list li a{text-decoration: none; color: #ffcc3a;}

.banner{ width:100%; background:#d69e0f url(../images/banner.jpg) no-repeat center; border-bottom:4px #521906 solid; min-height:350px; padding: 20px 0;}
.banner h2{color:#fff;margin:0; font-size:36px; margin-bottom:20px; font-weight:500;}
.banner h3{font-size:20px; color: #fff; font-weight:400; margin:5px 0 10px;}
.banner ul{margin:0; list-style: none;padding:0;}
.banner ul li{color:#fff; font-weight:400; font-size:15px; line-height:32px;transition: all 0.3s linear 0s;text-shadow: 0 3px 15px #000; position: relative; left: 0; top:0;padding-left:20px;}
.banner ul li:after{position: absolute; width: 30px; content: "\f105"; font-family: FontAwesome; left: 0; top: 0;}
.banner ul li:hover{padding-left: 30px;}

.product-section{ width:100%; padding: 20px 0; background: url(../images/bg.png) bottom right no-repeat;}
.product-section h4{margin-top: 30px;}
.benefits{/*border: solid 1px #8a8333;*/ background: rgba(138,131,51,0.50); padding:20px; margin-bottom: 10px;}

.enquiryform{background: #f8c300; padding:0; color:#fff;}
.enquiryform .heading{font-weight:400; background: #505104; padding:10px 20px; font-size:20px;}
form.enquiry{padding:15px 30px 20px;}
.enquiry button{background: #521906; border: solid 1px #521906; padding:5px 30px; border-radius:5px; font-size:18px;}

.pro-title { font-size: 34px; font-weight:300; color: #a84220; margin: 0; padding: 0; line-height: 35px;}
.pro-title  span{color:#666; font-size:17px; display: block; font-weight:400;}

.pro-area-cont{margin-top: 20px; font-size:17px; font-weight:300; line-height: 30px;}
.pro-title1{color:#a84220;font-size: 25px; font-weight:400; line-height:45px;}

.list-text{margin:20px 0 0 55px;}
.list-text p{font-weight:500;}
.list-text i{margin-right: 5px;}

footer{ width:100%; background:#511906; padding:0; color: #ffcc3a; line-height:50px; font-size:13px;}
.footer-box{color: #ffcc3a;}
.foot-heading { font-size: 20px; font-weight: 300; padding-bottom: 10px; color: #d69e0f; text-transform:uppercase; letter-spacing:1px;}

.footer-bottom{ background:rgba(0, 0, 0, 0.4); padding:15px 0; color:#999; font-size:12px; text-transform:uppercase; letter-spacing:.5px;}
.powerd-by{ text-align:right; position:relative; z-index:2;}
.powerd-by a{ color:#fff; text-decoration:none;}

/*MEDIA*/
@media(max-width:768px){
	.logo img{height:80px;}
	.phone-list{float:none; line-height:30px;margin-top: 10px;}
	.banner{ width:100%; background:#d69e0f url(../images/banner.jpg) no-repeat center; background-size: cover;}
}

@media(max-width:320px){
	.logo img{height:50px;}
	.phone-list{float:none; line-height:20px;}
	.phone-list li{font-size:14px;}
	.banner{ width:100%; background:#d69e0f url(../images/banner.jpg) no-repeat center; background-size: cover;}
	.list-text{margin:20px 0 0 15px;}
}