/* css vava impex */

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Racing+Sans+One');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400i');


.header{background: none;}

.logo::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 10000px;
    background: #F7682C;
    right: -1000px;
    top: 0;
    z-index: -1;
}

.logo::after {
    right: -10%;
    transform: skew(-36deg);
}

.logo img{padding:13px 0px;}

.logo-text {width:34%;
}

.logo-text h2 {
    font-family: 'Libre Baskerville', serif;
    font-size: 35px;
    margin-bottom: 3px;
    border-bottom: 2px solid #FFF;
    color: #fff;
    letter-spacing: .4px;
    font-weight: 600;
    line-height: 49px;
    margin-top: 5px;
}

.logo-text h2 b{color:#333;}

.logo-text p{font-family: 'Raleway', sans-serif;
    text-align: right;
    color: #fcf7f7;}

.navbar-inverse {
    font-family: 'Raleway', sans-serif;
    background-color: rgba(248, 248, 248, 0);
    border: none;
    top: 0px;
    text-transform: uppercase;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
}
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #f7682c;
    background-color: #FFF;
}

.nav > li > a {
	position: relative;
	display: block;
	
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 30px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #F7682C;
    background-color: #FFF;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 20px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

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

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #f7682c;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.menu::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #F7682C;
    right: -1000px;
    top: 0;
    z-index: -1;
}

.menu::before  {
    left: -6%;
    transform: skew(-36deg);
}

.menu{
    background-color: #f7682c;
}

.no-padding{padding:0px;}

.icon {
    padding: 30px 0 0 0;
    float: right;
}

.icon p{font-family: 'Raleway', sans-serif;
    font-size:16px;}

.icon p a{color:#333;
    text-decoration:none;}

.icon p i{
    color: #F7682C;
    padding-right: 7px;
}

.icon ul{padding-left:0px;}

.icon ul li {
    list-style: none;
    display: inline-block;
    padding-right: 6px;
}

.sec1{padding:30px 0px;}

.sec1 h1 {
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 100;
    font-size: 36px;
    color: #F7682C;
    margin-bottom: 20px;
    margin-top: 0;
}

.sec1 h4 {
    font-family: 'Raleway', sans-serif;
    text-align: center;
    color: #6e6b6b;
    line-height: 29px;
    font-size: 18px;
}

.sec1 p{text-align:center;}

.sec1 .btn-default {
    font-family: 'Raleway', sans-serif;
    color: #F7682C;
    background-color: #fff;
    border-color: #F7682C;
    padding: 9px 35px;
    border-radius: 0;
    margin-top: 15px;
}

.sec2 {
    padding: 60px 0px;
    background: #F7682C;
}

.sec2 .box {
    text-align: center;
    padding: 55px;
    border: 4px double #fff;
}

.sec2 .box h3 {
    text-transform: uppercase;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px;
}

.sec2 .box p{font-family: 'Raleway', sans-serif;
    color: #fff;}

.sec2 i {
    border: 4px double #FFF;
    border-radius: 50%;
    padding: 30px;
    font-size: 37px;
    color: #FFF;
}

.sec2 .btn-default {
    color: #FFF;
    background-color: #F7682C;
    border-color: #fff;
    margin-top: 20px;
    padding: 7px 20px;
    border-radius: 0px;
}

.sec2 a{text-decoration:none;}

.sec3{padding: 30px 0px;
    background-color:#fff;} 

.sec3 h2 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    font-weight: 100;
    color: #F7682C;
    text-transform: uppercase;
    margin-bottom: 3px;
    letter-spacing: 1.5px;
    text-align: justify;
}

.sec3 small {font-family: 'Raleway', sans-serif;
    font-size: 12px;
    color: #babcb7;
    text-transform: uppercase;
}

.sec3 h4 {
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    line-height: 26px;
    color: #F7682C;
    text-transform: uppercase;
}

.sec3 ul{font-family: 'Raleway', sans-serif;}


.sec3 ul li{line-height:26px;
    list-style:none;}

.sec3 ul li:before{content:"■";
    color:#F7682C;
    padding-right:7px;}

.sec3 .main-machine{background-color:#fbfbfb;
    border: 4px double #F7682C;
    padding: 10px;
}

.sec3 img{
    width: 90%;
    padding-top: 30px;
}

.sec3 h1 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #F7682C;
    margin-top: 0;
}

.sec3 p{text-align:left;}

.sec3 .btn-default {font-family: 'Lato', sans-serif;
    color: #F7682C;
    background-color: #fff;
    border-color: #F7682C;
    padding: 9px 35px;
    border-radius: 0;
    margin-top: 20px;
}

.sec4{background:url(../images/tractor.jpg) fixed no-repeat;
    background-size:cover;
    padding:80px 0px;}

.sec4 h1{font-family: 'Lobster', sans-serif;
    text-align:center;
    font-size:36px;
    color:#F7682C;
    margin-bottom:0px;}

.footer{padding: 15px 0px;
	background-color:#fff;
	font-family: 'Raleway', sans-serif;}

.footer h2{ 
	color:#f7682c;
    font-weight:100;}	

.footer ul{padding-left:0px;}

.footer ul li{list-style:none;
	line-height:25px;
    color: #fff;}

.footer li a{color:#e4e4e4;}	

.footer .icons li i {
    font-size: 16px;
    background-color: #F7682C;
    padding: 13px;
    color: #fff;
}

.footer .icons li{display: inline-block !important;}

.bottom{padding:5px;
    background-color: #f7682c;
}

.bottom p {
    font-family: 'Raleway', sans-serif;
    text-align: right;
    color: #fff;
    margin:0px;
    padding:0px;
}

.bottom p a{text-decoration:none;
	color: #fff;}

.footer-table th {
    padding: 4px;
    border: none;
}

.footer-table small{color:#f7682c;}   

.footer-table small a{color:#ff0606;}   

.footer-table .btn-group-lg > .btn, .btn-lg {
    padding: 5px 16px;
    font-size: 17px;
    border-radius: 4px;
    background-color: #f7682c;
    border: none;
}

.about{padding:60px 0px;
    background:url(../images/about.jpg) no-repeat fixed;
    contact-us}

.about h2{font-family: 'Raleway', sans-serif;
    font-weight:600;
    color:#fff;}

.about p{font-family: 'Raleway', sans-serif;
    line-height: 28px;
    text-align:justify;
    color:#fff;}

.page-style {
    padding: 20px;
    border: 1px solid #fff;
    background-color: rgba(247, 104, 44, 0.90);
}

.product-list h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    background-color: #fff;
    padding: 13px 7px;
    margin-bottom: 0;
    border-bottom: 1px solid #f7682c;
    font-size: 27px;
    color: #f7682c !important;
}

.product-list ul{padding-left:0px;
    font-family: 'Raleway', sans-serif;}

.product-list ul li {
    list-style: none;
    line-height: 30px;
    background-color: #fff;
    border-bottom: 1px solid #f7682c;
    padding: 8px 7px;
}
.product-list ul li a{color:#f7682c;
    text-decoration:none;}    

.contact-us{background:url(../images/contact.jpg) no-repeat fixed;
    background-size:cover;
    padding:60px 0px;
}    

.contact-us h2{font-family: 'Raleway', sans-serif;
    font-weight:600;
    color:#fff;}    

.contact td, th {
    padding: 0;
    line-height: 40px;
}

.contact tr{font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #fff;}

.contact i{
    color: #fff;
    font-size: 18px;
}

.contact a{color:#fff;}    

.enquiry{background:url(../images/enquiry.jpg) no-repeat fixed;
    padding:60px 0px;
    background-size:cover;}

.enquiry h2{font-family: 'Raleway', sans-serif;
    font-weight:600;
    color:#fff;}        

.enquirytable{font-family: 'Raleway', sans-serif;
    color: #fff;}

.enquirytable td{padding:7px 0px;}

.enquirytable .btn-primary {
    color: #f7682c;
    background-color: #FFF;
    border-color: #FFF;
    padding: 7px 16px;
}    

.bandsaw{background:url(../images/bandsaw-bg.jpg) no-repeat fixed;
    padding:60px 0px;
    background-size:cover;}

.pros h2{font-family: 'Raleway', sans-serif;
    font-weight:600;
    color:#fff;}     

.product-table{font-family: 'Raleway', sans-serif;
    color:#fff;}      

.product-table td{padding:7px 0px;
    text-align: center;
    font-weight:600;
    font-size: 14px;}

.product-table tr:nth-child(2n+1) {
    background: #FFF;
    color: #f7682c;
}

.product-table tr:nth-child(even) {
    background: none;
}

.pros p{font-family: 'Raleway', sans-serif;
    color:#fff;
    font-size:15px;}

.bandsaw-feature{font-family: 'Raleway', sans-serif;
    color:#fff;
    padding-left: 0px;}    

.bandsaw-feature li{list-style: none;
    font-size:15px;}    

.bandsaw-feature li::before {
    content: "■";
    color: #fff;
    padding-right: 7px;
}    
    
.box {position:relative;
    display:inline-block;
    width:100%;
    margin-bottom: 30px;}
    
.box img{ width: 100%;
    height: 100%;
    transition: .9s;}
    
.thumb { display: block;
    position: relative;
    overflow: hidden;}
    
.thumb:hover img {/*! -moz-transform: scale(1.2); */
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor:pointer; }
    
.box .inner{background: #333;
    border-radius: 0px 0px 4px 4px;}
    
.box .inner p {
    font-family: 'Raleway', sans-serif;
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}
    
.box .inner  a{font-weight: bold;
    padding-right: 15px;
    background: rgb(182, 156, 63) none repeat scroll 0% 0%;
    float: right;
    padding: 8px;}
    
.box .inner icon{color:  #9da0a7;
    margin: 0px 8px;}
    
.box .inner span{color: #fff;
    font-size: 25px;}   

.agriculture-pro{background:url(../images/agri-bg.jpg) no-repeat fixed;
    padding:60px 0px;
    background-size:cover;}    

.wood-pro{background:url(../images/wood-bg.jpg) no-repeat fixed;
    padding:60px 0px;
    background-size:cover;}  

.gallery{background:url(../images/gallery-bg.jpg) no-repeat fixed;
    padding:60px 0px;
    background-size:cover;}      
 

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0px;}

.pager li > a, .pager li > span {font-family: 'Raleway', sans-serif;
    display: inline-block;
    padding: 5px 15px;
    background-color: #fff;
    border: 1px solid #ed6c34;
    border-radius: 15px;
    color: #ee6c34;
}    


@media (min-width: 320px) and (max-width: 414px){

.logo::after {
    right: 1%;
    transform: skew(-24deg);
}

.logo-text h2 {
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-top: 8px;
}

.logo-text p {padding: 0 0 7px 0;
    font-size: 11px;
}

.logo-text {
    width: 100%;
}

.icon {
    padding: 0px 0px 0px 0px;
    float: none;
}

.icon p {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #F7682C;
}

.navbar-inverse .navbar-toggle {
    border-color: #FFF;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #FFF;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}

.sec1 h1 {
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 10px;
}

.sec1 h4 {
    font-family: 'Raleway', sans-serif;
    text-align: justify;
    color: #6e6b6b;
    line-height: 26px;
    font-size: 14px;
}

.sec2 .box {
    text-align: center;
    padding: 20px;
}

.sec2 {padding: 40px 0px 10px 0;}

.sec3 img {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 20px;
}

.sec3 h2 {margin-top: 5px;
    font-size: 24px;
    margin-bottom: 5px;
    text-align: justify;
}

.sec3 ul {padding-left: 0px;}

.sec4 {padding: 40px 0px;}

.sec4 h1 {font-size: 20px;}

.footer h2 {font-size: 25px;}

.contact td, th {
    line-height: 12px;
}

.bottom p {
    font-size: 10px;
}

}