@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px;width:100%; height:100%; min-height:100% !important;position:relative !important;}
body {/* Margin bottom by footer height */width:100%; height:100%;  min-height:100% !important; }
.container-fluid{margin:0px !important;padding:0px !important; height:100%;  min-height:100% !important; } 

#container { min-height:100%;padding:0px; margin:0px; position:relative;}

@font-face{ font-family:"font1"; src:url(fonts/Roboto-Bold.ttf);}  
@font-face{ font-family:"font2"; src:url(fonts/Roboto-Light.ttf);} 

.space5{height:5px;}
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}
.space40{height:40px;}
.space50{height:50px;}
.space60{height:60px;}

.colpad10{ padding:10px;}
.colpad20{ padding:20px;}
.colpad5{padding:5px;} 
.colpadr5{ padding-right:1px; padding-bottom:1px; }
.colpadl5{ padding-left:1px; padding-bottom:1px; }
.colpadr10{ padding-right:1px; padding-bottom:1px; }

.width100{ width:100%;}
.relative{ position:relative;}
.pointer{ cursor:pointer;}
.bggrey{ background-color:#f3f3f3;}
p{padding:0px; margin:0px;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;color:inherit;}  
 
.textfield::-webkit-input-placeholder {color: #ff8900;}  

.logo{padding:30px 20px;}
.divsocial{ display:table; margin:auto; padding-top:30px;}
.social{ display:inline-block; vertical-align:top; padding:5px; cursor:pointer;}
.oilpricetitle{  font-size: 20px; font-family:"font1"; color: #c92037; text-align:center; padding-top:30px; }
.oilpricedate{  font-size: 18px; font-family:"font1"; color: #ffffff; text-align:center; padding-top:10px; border-bottom:2; margin-bottom:10px;}
.boxprice{display:table; margin:10px auto;}
.type{ display:inline-block; vertical-align:top;}
.type img{height:50px;}
.price{ display:inline-block; vertical-align:top; height:34px; width:100px; margin:8px 10px; background-color:#ffffff; font-size: 18px; font-family:"font1"; color: #0670a6; text-align:center; line-height:34px; border-radius:5px;}
.value{display:inline-block; vertical-align:top;}
.value img{height:50px;}
  
#nav-pages{  height:100%; background-color:#F5F5F5; }  
.nav-page{ overflow:auto !important;}
 
.title{font-size: 20px; font-family:"font1"; color: #ff8900; border-bottom:solid 1px #ff8900; }
.text{font-size: 16px; font-family:"font2"; color: #000; text-align:justify; }

.borderorange{ border:solid 2px #ff8900; border-radius:5px;}
.text2{font-size: 14px; font-family:"font2"; color: #000; text-align:justify; }

.titleservice{font-size: 16px; font-family:"font1"; color: #ff8900; text-align:justify; padding:0px 20px;}
.textservice{font-size: 16px; font-family:"font2"; color: #000; text-align:justify; padding:10px 20px; }


/*.................contact CSS....................*/ 
.mapdiv{ height:400px; position:relative;}
.mapblackcover{ background-color:rgba(0,0,0,0.3); width:100%; height:100%; position:absolute; top:0px; z-index:100;}
.scrolloff {pointer-events:none;}
.mapdiv:hover .mapblackcover{ display:none;} 
#map_canvas1{ border:0px; height:100% !important; width:100% !important;}

.titlecontact{font-size: 16px; font-family:"font1"; color: #ff8900; text-align:justify;}
.textcontact{font-size: 16px; font-family:"font2"; color: #000; text-align:justify; padding:10px 0px;}


.textinput{height:40px;max-width:100%;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 1px #ff8900;font-size:16px; font-family:"font2";color:#ff8900;background-color:#fff;padding-left:10px;}  
.textarea1{height:100px;}
.submit1{background-color:#ff8900;width:123px;height:40px; float:right;}
.submit1 input{border:solid 1px #ff8900;padding:0px;background-color:#ff8900;text-align:center;width:100%;height:100%;font-size:20px; font-weight:bold;font-family:"font1"; color:#FFF;line-height:40px;}
 
 

@media screen and (max-width: 1200px){ 


.logo{padding:20px 10px;}
.divsocial{ padding-top:20px;}
.social{ padding:4px;}
.oilpricetitle{  font-size: 20px; padding-top:20px; }
.oilpricedate{  font-size: 18px;padding-top:5px; border-bottom:1; margin-bottom:5px;}
.boxprice{margin:5px auto;}
.type img{height:40px;}
.price{  height:34px; width:100px; margin:3px 10px;line-height:34px;}
.value img{height:40px;}

 
}	
			
@media screen and (max-width: 990px){ 
	  
}  

@media screen and (max-width: 767px){   

.logo{padding:5px;}
.divsocial{ padding-top:10px;}
.social{ padding:2px;}
.oilpricetitle{  font-size: 18px; padding-top:10px; }
.oilpricedate{  font-size: 16px;padding-top:5px; border-bottom:1; margin-bottom:5px;}
.boxprice{margin:5px auto;}
.type img{height:36px;}
.price{  height:30px; width:100px; margin:3px 10px;line-height:30px;}
.value img{height:36px;}


.space40{height:20px;}
.space20{height:5px;}

.title{padding:0px 10px;}
.text{ padding:10px; }

.titlecontact{ padding:10px;}
.textcontact{ padding:10px;}

.titleservice{padding:10px;}
.textservice{padding:10px; }

}