@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {  
  padding-right: 0px !important;
  padding-left: 0px !important;
}
#map-canvas {background: transparent url(../images/preloader.gif) no-repeat center center;}
.row {
    margin-right: 0px !important;
   margin-left: 0px !important;
}
.right5
{
   right: 5px !important;
}
.lr0
{
	padding-left:0px !important;
	padding-right:0px !important;
}
.ml2
{
	margin-left:2px;
}
.top10
{
	padding-top:10px !important;
}
.lft5
{
	 left:4px !important;
}
.p9
{
	
}
.p10
{
	margin-left:-5px;
}
.logo img{
	height:75px;
	width:auto;
}
#color{
	background-color:rgb(42, 149, 206);	
    left: -8px;
}
#color2{
	background-color:#fff;		
}
.prod{
	padding-left:4px;
	padding-right:4px;
}
.prod_left{
	padding-right:8px;
}
.prod_right{
	padding-left:8px;
}
.client{
	padding-top: 70px;
  	margin-left: 45px;	
}
.client1{
	padding-top: 20px;	
}
.discription {
    padding: 18px;
    color: #999;
    font-size: 0.93vw;
}
.text{
	color:#FFF;	
	font-weight:300;
	font-size:1.6vw;	
}
.text1{
	color:#FFF;	
	font-weight:300;
	font-size:1.6vw;
}
.address{
	font-weight:300;
	position:absolute !important;color:#FFF;padding-left:30px;top:30px;z-index: 7;margin-top: 15px;
}
.wh{
	width:100%;
	height:auto;	
}
.disp{
	display:none;	
}
#head{
	color:rgb(42, 149, 206) !important;
	background-color:#ffffff;
	position:absolute;
	width:100%;
	left:8px;
	top:0px;
	height:100%; 
	padding: 12% 16% 10% 11%;	
}
#map-canvas{
	height:100%;width:100%;display:block;position:absolute;top:0px; left:10px;z-index:5;	
}
.hover_txt {
	 width:98%;	
	 border:1px solid #transparent;	
	 font-size:1.6vw;
	 padding-top:25%;
	 padding-bottom:85.5%;
}
.hver{
	position:absolute;border:1px solid #fff;height:96%;width:96%;left:2%;top:2%;padding-top:25%;
}
.hver1{
	margin-left:1% !important;	
}
.hver2{
	margin-left:2% !important;	
}
.hver3{
	margin-left:1.05% !important;	
}
.hover_txt p{
	 color:#fff !important;
}
.web > a{	
	color:#000 !important;	
	font-size:1vw;
	padding:2% !important;
	margin-top:5%;
}
.weblink{
	border:1px solid #000;
	/*position:relative !important;
	z-index:10;*/
	text-decoration:none !important;
}
.maptop10
{
	margin-top:10px;
}


/*.pro1:hover img, .pro2:hover img, .pro3:hover img, .pro4:hover img, .pro5:hover img, .pro6:hover img, .pro7:hover img, .pro8:hover img{
   -webkit-transform: scale(1.05); 
   transform: scale(1.05); 	
}
.pro1 img, .pro2 img, .pro3 img, .pro4 img, .pro5 img, .pro6 img, .pro7 img, .pro8 img{
	transition: all 500ms ease-out 0s;	
}
*/

@media only screen and (max-width: 991px) and (min-width:500px){
#head {
    left: 0px;
}
.discription {
    padding: 18px;
    color: #999;
    font-size: 2.05vw;
	left:0px !important;
}
.text1,.text {
    font-size: 3.25vw;
}
.right5 {
   right: 0px !important;
}
.clrmargin
{
margin-left: 0px !important;
}
.ht
{
	/*height:280px !important;*/
}
.maptop10
{
	margin-top:10px;
}
.logos
{
	/*height:280px !important;*/
	object-fit: contain;
	background-color: #ffffff;    
}
.mtop10
{
	margin-top:10px;
}
.lft5
{
	 left:-5px !important;
}
.hver {
    position: absolute;
    border: 1px solid #fff;
    height: 96%;
    width: 93%;
    left: 4%;
    top: 2%;
    padding-top: 25%;
}
.hover_txt {
    width: 99%;
    padding-top: 27%;
}
.hver1 {
    margin-left:1% !important;
}
.prod_right {
    padding-left: 5px;
}
#color2 {
    left: 5px;
}
#pro3,#pro7
{
	margin-left:-5px !important;
}
#pro4
{
	padding-left:5px;
}
#pro6
{
	margin-left:2px;
}
.prod_left {
    padding-right: 5px;
}
.prod {
    padding-left: 5px;
    padding-right: 0px;
}
.hver3 {
    margin-left: 0%!important; 
}
.ml2 {
    margin-left: 0px;
}
.hver2 {
    margin-left: 1% !important;
}
.hover_txt p {
    color: #fff !important;
    font-size: 3vw;
}
.web > a
{
	    font-size: 3vw
}
}


@media only screen and (max-width: 499px){
#head {
    left: 0px;
	width:100% !important;
}
#color 
{
	left:0px;
}
.discription {
    padding: 22px;
    color: #999;
    font-size: 4.05vw;
	left:0px !important;
	width:100% !important;
}
.text1,.text {
    font-size: 6.05vw;
}
.hover_txt p {
    color: #fff !important;
    font-size: 5.5vw;
}
.hover_txt {
    width: 100%;
	padding-top: 28%;
}
.hver1 {
    margin-left: 0% !important;
}
.hver3 {
    margin-left: 0% !important;
}
.hver2 {
    margin-left: 0% !important;
}
.web > a {
    font-size: 16px;
}
.lft5 {
    left: 0px !important;
}
.logos
{
	/*height:280px !important;*/
	object-fit: contain;
	background-color: #ffffff;    
}
.right5 {
    right: 0px !important;
}
.top10 {
    padding-top: 10px !important;
}
.clrmargin
{
margin-left: 0px !important;
}
.xsmtop10
{
	margin-top:10px !important;
}
.prod_left {
    padding-right: 0px;
}
.prod {
    padding-left: 0px;
    padding-right: 0px;
}
.prod_right {
    padding-left: 0px;
}	
.ml2 {
    margin-left: 0px;
}
#map-canvas {
	left:0px;
	width: 100%;
}
}