/*colors
font color for all: #5C5B5B
links on hover: #F68B20


button colors
default background #E0DFDE
color: #5C5B5B

hover: #F68B20
color: #FFF

gradient top to bottom:
top: #F6BE23
bottom: #FF7500

*/


/*generic css*/
	a:hover{
		text-decoration:none;
		color:#f68b20 !important;
	}
	#default_page_row{
		padding-top:0px !important;
		padding-bottom:50px !important;
	}
	.orange,
	ul#main_menu li.current-menu-item a{
		color:#f68b20 !important;
	}
	.white{
		color:#FFF !important;
	}
	section{
		padding-top:50px !important;
		padding-bottom:50px !important;
	}
	.clearboth{
		clear:both;
	}
	.row{
		margin:0 !important;
	}
	.paddingbottom0{
		padding-bottom:0 !important;
	}
	.paddingtop0{
		padding-top:0 !important;
	}
	.marginbottom30{
		margin-bottom:30px !important;
	}
	.featured-icon{
		background:none !important;
		border:none !important;
		color:#FFF !important;
		text-align:center !important;
		margin:0 auto !important;
		display:table;
	}
	.featured-icon i{
		font-size:40px;
		display:table-cell;
		position:relative;
		margin:0 auto !important;
		border-radius:100%;
		background: #F6BE23; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#F6BE23, #FF7500); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#F6BE23, #FF7500); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#F6BE23, #FF7500); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#F6BE23, #FF7500); /* Standard syntax */
		height: 80px;
		width: 80px;
		line-height: 80px;
	}
	.featured-icon.barrel i:before{
		top: -4px;
		position: relative;
	}
	.featured-icon p{
	    color:#5c5b5b !important;
        margin: 0 20px;
        font-size: 20px;
        font-weight:bold;
        vertical-align:super;
	}
	.website-button{
		background:#f68b20 !important;
		color:#FFF !important;
		border:none !important;
		display:table !important;
		margin:0 auto !important;
	}
	.website-button:hover{
		color:#FFF !important;
		border:none !important;
		background:#5c5b5b !important;
		cursor:pointer !important;
	}
	.padding0{
	    padding:0 !important;
	}
	.paddingbottom30{padding-bottom:30px;}
	
    section.who-we-are div.tcvpb-image img{
        margin-bottom:50px;
    }
    section.partnership div.tcvpb-image img{
        margin-bottom:20px !important;
    }
    section.partnership h5{
        margin-bottom:5px !important;
    }
    section.partnership h5 p{
        margin-bottom:0 !important;
    }


/*end of generic css*/

/*home*/
	

/*end of home*/

/*about*/
	section.missionvisionlist ul,
	section.missionvisionlist ul li{
		list-style:disc !important;
	}
	section.missionvisionlist ul{
		padding-left:25px !important;
	}
	section.missionvisionlist ul li{
		padding:0 !important;
	}
/*end of about*/

/*people*/
	section.code-of-behavior h5,
	section.code-of-behavior p{
		margin-bottom:0 !important;
	}
	section.code-of-behavior .verticalmiddle{
		transform:translateY(200%);
	}

/*end of people*/

/*products and services*/

	ul#products-category-menu{
		list-style:none;
		margin:0;
		padding:0;
	}
	ul#products-category-menu > li{
		width:50%;
		float:left;
		padding-left:15px;
		padding-right:15px;
	}
	ul#products-category-menu > li a{
		color:#5c5b5b;
	}
	ul#products-category-menu > li:nth-child(2) a{
		pointer-events: none;
	}
	ul#products-category-menu > li a:hover span{
		color:#f68b20 !important;
	}
	ul#products-category-menu > li img{
		padding-right:0;
		display:block;
		margin:0 auto;
	}
	ul#products-category-menu > li span{
		text-align:center;
		display:block;
		margin:50px auto 30px auto;
		text-transform:uppercase;
		position:relative;
		font-size:18px;
	}
	ul#products-category-menu > li:nth-child(1) span:before{
		content:"\f160";
		position:absolute;
		left:0;
		right:0;
		height:100%;
		width:100%;
		font-family:material;
		font-size:30px;
		border-radius:100%;
		background: #F6BE23; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#F6BE23, #FF7500); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#F6BE23, #FF7500); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#F6BE23, #FF7500); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#F6BE23, #FF7500); /* Standard syntax */
		height: 80px;
		width: 80px;
		line-height: 80px;
		color:#FFF !important;
		margin:0 auto;
		top:-90px;
	}
	ul#products-category-menu > li:nth-child(2) span:before{
		content:"\f085";
		position:absolute;
		left:0;
		right:0;
		height:100%;
		width:100%;
		font-family:'font_awesome';
		font-size:30px;
		border-radius:100%;
		background: #F6BE23; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#F6BE23, #FF7500); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#F6BE23, #FF7500); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#F6BE23, #FF7500); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#F6BE23, #FF7500); /* Standard syntax */
		height: 80px;
		width: 80px;
		line-height: 80px;
		color:#FFF !important;
		margin:0 auto;
		top:-90px;
		pointer-events: none;
	}
	div.fuels-category-item div.inner{
	}
	div.fuels-category-item div.inner h5{
		margin-bottom:15px !important;
	}
	div.fuels-category-item div.inner h5 a{
		color:#FFF !important;
		padding: 10px 20px;
		background-color:#f68b20 !important;
		display:block;
	}
	div.fuels-category-item div.inner h5 a:hover{
		background:#5c5b5b !important;
	}
	div.sidebar_left div#displaycategorieswidget-2{
		background:#e0dfde;
		padding:20px 0;
	}
	div.sidebar_left div#displaycategorieswidget-2 h3{
		padding:0 20px;
	}
	div.sidebar_left div#displaycategorieswidget-2 ul{
		margin-left:20px;
	}
	div.sidebar_left div#displaycategorieswidget-2 li{
		float:none !important;
	}
	div.sidebar_left div#displaycategorieswidget-2 li:nth-child(2) a{
		pointer-events: none;
	}
	div.sidebar_left div#displaycategorieswidget-2 li a:hover{
		color:#f68b20 !important;;
	}

/*end of products and services*/

/*request a quote*/

	input[type="submit"]{
		background:#f68b20 !important;
		color:#FFF !important;
		border:none !important;
		border-radius:5px !important;
		margin-top:15px !important;
	}
	input[type="submit"]:hover{
		color:#FFF !important;
		border:none !important;
		background:#5c5b5b !important;
		cursor:pointer !important;
	}

/*end of request a quote*/


/*header*/
	section#title-breadcrumbs-bar{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	section#title-breadcrumbs-bar div.breadcrumbs-container{
		background:#e0dfde;
		padding-top:20px;
		padding-bottom:20px;
	}
	section#title-breadcrumbs-bar div.page-title{
		padding-top:20px;
		padding-bottom:20px;
	}
	section#title-breadcrumbs-bar div.page-title h1{
		margin-bottom:0;
		line-height:40px;
	}
	section#title-breadcrumbs-bar a:hover{
		color:#f68b20 !important;
		cursor:pointer;
	}
	
	div#logo_menu_bar div#logo{
		margin-top:0;
		position: absolute;
		z-index: 999;
		width: 120px;
	}

	div.main_menu{
		float:right;
	}
	div.main_menu > ul#main_menu{
		float: right;
		margin: 0;
		list-style:none;
		line-height:76px;
	}
	div.main_menu > ul#main_menu > li{
		float:left;
		text-transform:uppercase;
	}
	div.main_menu > ul#main_menu > li > a{
		margin: 0 5px;
		padding: 0 15px;
		font-size: 13px;
		font-weight: 300;
		position: relative;
		display: inline-block;
		width: 100%;
		text-align: center;
		font-weight:bold;
	}
	div.main_menu > ul#main_menu > li > a:hover{
		text-decoration:none;
		color:#F68B20 !important;
	}
	div.main_menu > ul#main_menu > li > a > span{
	}

	nav > ul#offcanvas_menu{
		display:none;
	}

	div#bannerslider{
		overflow:hidden;
	}
/*end of header*/	

/*footer*/
	div#footer_copyright{
		background: #F6BE23; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#F6BE23, #FF7500); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#F6BE23, #FF7500); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#F6BE23, #FF7500); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#F6BE23, #FF7500); /* Standard syntax */
		color:#FFF;
		text-align:center;
	}
	div#footer_copyright a,
	div#footer_copyright a:hover{
		color:#FFF !important;
		font-size:80%;
	}
	div#footer_copyright div#footer_menu{
		text-transform:uppercase;
	}
	div#footer_copyright div.footer_copyright,
	div#footer_copyright div.footer_credit{
		line-height:normal;
		font-size:80%;
	}
/*end of footer*/

/*revolution slider*/

    div.tp-caption.rev-btn{
        animation: blinker 3s linear infinite;
    }
    @keyframes blinker {  
      50% { opacity: 0; }
    }

/*end of revolution slider*/


@media only screen and (max-width: 992px){
	/*generic for smaller screen*/
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		min-height:0;
	}
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    	padding-left:20px !important;
    	padding-right:20px !important;
	}
	.padding0{
	    padding:0 !important;
	}
	
	ul#main_menu{
		display:none;
	}
	nav > ul#offcanvas_menu{
		display:block;
	}
	div#logo_menu_bar div#logo{
	}
	div#ABdev_menu_toggle{
		color:#F68B20 !important;
	}
	.featured-icon i{
	    display:block !important;
	    margin:0 auto 15px auto !important;
	}
    section.partnership div.description{
        border-bottom:1px solid;
        margin-bottom:25px !important;
    }
    ul#products-category-menu{
        margin:0 !important;
    }
    ul#products-category-menu > li{
        width:100%;
        float:none;
        display:block;
        padding:0 !important;
    }
	nav > ul#offcanvas_menu a:hover{
		color:#f68b20 !important;
	}
}

@media only screen and (max-width: 992px) and (min-width: 768px){
	
}
@media only screen and (max-width: 767px){
}
@media only screen and (max-width: 320px){
}