@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
Body{
	color: #294C6F;
	FONT-SIZE: 16px;
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	line-height:1.4  !important;
	
}

::selection {color:#FFF;background:#222;}
::-moz-selection {color:#FFF;background:#222;}
::-o-selection {color:#FFF;background:#222;}
::-ms-selection {color:#FFF;background:#222;}
::-webkit-selection {color:#FFF;background:#222;}
 
 * {
  box-sizing: border-box;
}

.Shadow{
 -moz-box-shadow: 0px 0px 10px 0px #b0b0b0;
 -webkit-box-shadow: 0px 0px 10px 0px #b0b0b0;
 box-shadow: 0px 0px 10px 0px #b0b0b0;}	
 
.FontColor1 {color: #294C6F !important;}
.FontColor2 {color:#707070;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#1D1C1C;}
.FontColor5 {color:#e50000;}
.FontColor6 {color:#727980;}

.BgColor1 {background-color:#294c6f; color:#FFF}
.BgColor2 {background-color:#7a9cc6; color:#FFF}
.BgColor3 {background-color:#ddc79d !important; color:#FFF}
.BgColor4 {background-color:#c2d0de; }
.BgColor5 {background-color:#e6d7b9; }
.BgColor6 {background-color:#707070; }


.HeaderBanner{
	background-image:url(../images/homebanner.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:550px;
	}
.Tagline{
	
	font-weight:500;
	color:#000;
		position:absolute;

	padding-top:16%;
	padding-left:10%}
	
.Tagline .t1{
	font-size:56px;
		}
.Tagline .t21{
	font-size:24px;
		}


/* Previous background for services page using cloudimg.png 
.ServicesBanner{
	background-image:url(../images/services.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:550px;
	}
*/

/* New background for services page using cloudladder.png */
.ServicesBanner{
	background-image:url(../images/cloudladder.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	width:100vw;
	min-width:100%;
	height:550px;
	margin:0 auto;
	display:block;
}

.ServicesTagline{
	
	font-weight:500;
	color:#000;
		position:absolute;

	padding-top:10%;
	padding-left:15%}
	
.ServicesTagline .t1{
	font-size:56px;
		}
.ServicesTagline .t21{
	font-size:24px;
		}	
	.aboutusBanner{
	background-image:url(../images/aboutus-banner.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:550px;
	}
.aboutusTagline{	
	font-weight:500;
	color:#000;
	position:absolute;
	top:12%;
	right:9%;
	line-height: 1.1;
}
	
.aboutusTagline .t1{
	font-size:56px;
		}
.aboutusTagline .t21{
	font-size:24px;
		}	
	
.Transparent {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.TableAltHeader1 {background-color:#48677d; color:#fff;}
.AltColor11 {background-color:#dfdfdf;}
.AltColor12 {background-color:#f0f0f0;}

.TableAltHeader2 {background-color:#185e90; color:#fff;}
.AltColor21 {background-color:#d5e3ed;}
.AltColor22 {background-color:#e9f1f6;}

/* Font Sizes */
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:16px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:24px;}
.Heading {FONT-SIZE:28px;}
.BiggerText {FONT-SIZE:30px;}
.LargeText {FONT-SIZE:35px;}
.LargeText2 {FONT-SIZE:70px;}
.ExLargeText {FONT-SIZE:90px; font-weight:600}
.SmallerLink{FONT-SIZE:12px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}

.fontweight2{ font-weight:200}
.fontweight3{ font-weight:300}
.fontweight4{ font-weight:400}
.fontweight5{ font-weight:500}
.fontweight6{ font-weight:600}
.fontweight7{ font-weight:700}
.fontweight8{ font-weight:800}
	
.JustLinks {TEXT-DECORATION:none ; cursor:pointer}
a.JustLinks:hover{TEXT-DECORATION: none;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */

.Button{
	background-color:#294c6f;
	font-size:24px;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	padding:5px 10px;
	line-height:42px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	margin:2px;
	
	border:5px solid #FFF;
	border-radius:20px;
	color:#FFF;
}
.Button:hover{
	-moz-box-shadow: 0px 0px 8px 0px #000;
 -webkit-box-shadow: 0px 0px 8px 0px #000;
 box-shadow: 0px 0px 8px 0px #000;
}
.ButtonSmall{
	font-family: 'Open Sans', sans-serif;
	font-size:11.5px;		
	padding:2px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonMedium{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;	
	padding:4px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonBig{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;	
	padding:9px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.LoginButton{
	width: 109px;
height: 48px;
font-size:24px;
color:#FFF;
font-family: 'Poppins', sans-serif;
	background: var(--unnamed-color-707070) 0% 0% no-repeat padding-box;
border: 4px solid var(--unnamed-color-ffffff);
background: #707070 0% 0% no-repeat padding-box;
border: 4px solid #FFFFFF;
border-radius: 12px;
opacity: 1;
cursor:pointer}
.ButtonColor1{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #555, #202020);
	background-image: -moz-linear-gradient(top, #555, #202020);
	background-image: -ms-linear-gradient(top, #555, #202020);
	background-image: -o-linear-gradient(top, #555, #202020);		
	border:1px solid #000;
}
input.ButtonColor1:hover{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #000, #888);
	background-image: -moz-linear-gradient(top, #000, #888);
	background-image: -ms-linear-gradient(top, #000, #888);
	background-image: -o-linear-gradient(top, #000, #888);		
	border:1px solid #000;	
}
a.ButtonColor1:hover{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #000, #888);
	background-image: -moz-linear-gradient(top, #000, #888);
	background-image: -ms-linear-gradient(top, #000, #888);
	background-image: -o-linear-gradient(top, #000, #888);		
	border:1px solid #000;	
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}
.ButtonColor2{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #555, #202020);
	background-image: -moz-linear-gradient(top, #555, #202020);
	background-image: -ms-linear-gradient(top, #555, #202020);
	background-image: -o-linear-gradient(top, #555, #202020);		
	border:1px solid #000;
    
}
.ButtonColor2:hover{
	color:#fff;	
	background-color: #d1002d;
	background-image: -webkit-linear-gradient(top, #e60032, #b00026);
	background-image: -moz-linear-gradient(top, #e60032, #b00026);
	background-image: -ms-linear-gradient(top, #e60032, #b00026);
	background-image: -o-linear-gradient(top, #e60032, #b00026);		
	border:1px solid #d1002d;	
}
.ButtonColor2:active{
	top:1px;
	position:relative;
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}


.Gradientbg{
	color:#000;	
	background-color: #e8e8e8;
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -o-linear-gradient(top, #f4f4f4, #e5e5e5);	
	border:2px solid #c2c2c2;
	padding:2px 10px;	
}

/* All Border Styles */
.Border1 {border-width:1px; border-style:solid}
.Border2 {border-width: 2px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft3{border-left:3px solid;}
.BorderLeft8{border-left:6px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #3b3b3b}
.BorderColor2{border-color: #d0d0d0}
.BorderColor3{border-color: #9ea0a6}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded8{border-radius:8px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded20{border-radius:20px;}

/* Table Style */		
.TableStyle {
    border-collapse: collapse;
    border-spacing: 0;	     
	background-color: #fff;
}
.TableStyle th {    
    padding:7px;
	color:#000;	
}
.TableStyle td {      
    padding:3px 7px;
	border: 1px solid #dbe2e2;	
}
.TableStyle tr:nth-child(even){background-color: #f0f5f8; }

/* Text Box Style*/	

.TextBox{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#000;
	padding:15px;
	border:1px solid #CCC;	
	box-shadow: 0px 3px 6px #0000007E;
	outline: none;
}
.TextBox:focus{	
	border:1px solid #101010;	
	box-sizing: border-box;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{	
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#000;	
	}
:-ms-input-placeholder{		
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#000;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;
}

.Footer{
	width:100%;	
	background-color:#c2d0de;
	min-height:30px;
	padding:30px 0px 20px 0px;	
}

.pageheading{
	background-image: url(../images/innerheading-bg.jpg);
	background-repeat: repeat-x;
	padding:20px;
	color:#FFF;
	text-transform:uppercase;
	}

.WorldMapbg{
	background-image:url(../images/worldmap.png);
	width:100%;
	background-repeat: no-repeat;
		background-position:center top;
	background-color:#c2d0de}

/* The grid: Three equal columns that floats next to each other */
.column {
  
  cursor: pointer;
  position:relative;
 /* width:380px*/
  
}
.column:hover {
	background-color:#f0f0f1;
	-moz-box-shadow: 0px 0px 10px 0px #839ca4;
 -webkit-box-shadow: 0px 0px 10px 0px #839ca4;
 box-shadow: 0px 0px 10px 0px #839ca4;
  
}
.column .Link {
	font-weight: normal;
	webkit-transition: font-size 0.2s;
       -moz-transition:  font-size 0.2s;
         -o-transition:  font-size 0.2s;
            transition:  font-size 0.2s;
			letter-spacing:0;
			
			transition-property: width, font-size;
			 transition-duration:0.2s;
	line-height:1.8;
	 transition: 0.2s;
}
.column:hover .Link {
	font-weight:bold;
	transition-property: width;
	line-height:1.8;
	 transition: 0.2s;
}
.column:hover .icon{
	transition-property: width;
	 transition: 0.2s;
	 width:35px;
}
.Servicescolumn {
  
  cursor: pointer;
  position:relative;
 /* width:380px*/
  
}
.Servicescolumn .Link{
	font-size:28px;
	font-weight:bold;
	 -webkit-transition: font-size 0.2s;
       -moz-transition:  font-size 0.2s;
         -o-transition:  font-size 0.2s;
            transition:  font-size 0.2s;
			letter-spacing:0;
			
			transition-property: width, font-size;
			 transition-duration:0.2s;
}


.Servicescolumn:hover .Link {
	
	font-size:30px;
	 
}

.Servicesbg{
	background-image:url(../images/servicesbg.png);
	background-repeat:no-repeat;
	background-position:right 40px top;
transition-property: fade;
	 transition: 0.2s;
	
}
.Servicesbg:hover {
background-image:url(../images/servicesbg-hover.png);
	background-repeat:no-repeat;
	transition-property: fade;
	 transition: 0.2s;
}

.containerTab {
  
  color: white;

  position: absolute;
  margin-top:0px;
  max-width:1200px;
  z-index:99;
   transition-property: width;
    transition: 1s ease-out;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Closable button inside the container tab */
.closebtn {
	float:right;
 
  color: white;
  font-size: 35px;
  cursor: pointer;
  padding:20px 20px 5px 5px;
  position:relative;
 
  z-index:999
}
.industries
{text-decoration:none !important;
	}

/*
  The following rules remove the hover effect from the text under each icon in the
  'Industries We Serve' section. The text is now always visible and does not change
  opacity or appearance on hover.
*/
.industries .text {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none !important;
	transition: none;
	opacity: 1 !important;
	height:30px;
}
/* Remove hover effect for industries text */
.industries:hover .text {
	opacity: 1 !important;
	text-decoration:none !important;
}
.savingsbg{
	background-image:url(../images/savingsbg.png);
	background-repeat:no-repeat;
	background-position:left top}	
.didiuknowpadding{
	padding:22px}
	
	.Analyticspadding{padding-left:50px}
.services{margin-top:-120px !important;}


  
  .Loginbg img {
    position: absolute;
	background-size: cover;
	margin-left:50px;

	height:200px;
  background-repeat:no-repeat;
  background-position: center ;
   
    z-index: 1;
    opacity: 0.4;
}
.aboutuscolumn {	
	background-image:url("../images/aboutus-logobg.png");
	background-position:97% 0px;
	background-size:27.5%;
	background-repeat: no-repeat;
  cursor: pointer;
  position:relative;
 /* width:380px*/  
}
.boldlink{text-decoration:none}
.boldlink:hover{font-weight: bold}
.guidingtext{top:50%;left:50%; transform: translate(-50%,100%); position: absolute;}
.closebtn1 {
float:right;
	right: 20px;
  color:#294c6f;
  font-size:20px;
  cursor: pointer;
	top: 10px;
  padding:10px 20px 5px 5px;
  position: absolute; 
  z-index:999
}
.aboutguidlineopen {	
	background-image:url("../images/aboutus-crossbg.png");
	background-position:95% 0px;
	background-size:24%;
	background-repeat: no-repeat; 
}
.aboutimgzoom { 
            overflow: hidden; 
            margin: 0 auto; 
        } 
      
        .aboutimgzoom img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .aboutimgzoom:hover img { 
            transform: scale(1.2); 
        }
		.aboutbg{
	background-image:url(../images/aboutbg.png);
	background-repeat:no-repeat;
	background-position:right 40px top;
transition-property: fade;
	 transition: 0.2s;
	
}
.aboutbg:hover {
background-image:url(../images/aboutbg-hover.png);
	background-repeat:no-repeat;
	transition-property: fade;
	 transition: 0.5s ease;
}
ul.social-buttons {list-style: none; margin:2px auto; padding:0px; top:10px; right:10px; position: absolute; z-index: 100;}
ul.social-buttons li {display: inline-block;}
ul.social-buttons li:last-child {margin-right: 2px;}
.social-btntlinkedin {width: 36px; height:36px; padding:2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border:none; background:#294C6F; display: inline-block; color: #fff; font-size: 28px; line-height:34px; text-align: center; font-weight: 200;}
.social-btntlinkedin:hover{background: #FFFFFF; color: #294C6F; transition:0.3s;}
.fontweight:hover{font-weight: 600; display: block;}
.testimonialsbg {	
	background-image: url("../images/aboutus-logobg.png");
	background-position:0 left;
	background-size:22%;
	height:400px;
	background-repeat: no-repeat;
	
	}
.aboutblogtext{width:70%; top:50%;left:50%; transform: translate(-50%,-50%); position: absolute;}
.testimonial{top: 15%;position: relative;}
.contactlogobg{	
	top:75px;
	right:-70px;
	position:absolute;
	z-index:999;
}
.contactmargintop{
top:-40px; margin-bottom:-30px; position:relative;}

@media screen and (max-width:1440px) {
.DealerHeight{	
	height:460px;
	overflow-y:auto;
}
.Tagline{
	
	font-weight:500;
	color:#000;
		position:absolute;

	padding-top:22%;
	padding-left:10%}

.aboutusTagline{	
	font-weight:500;
	color:#000;
	position:absolute;
	top:16%;
	right:10%;
	line-height: 1.1;
}
	
.aboutusTagline .t1{
	font-size:56px;
		}
.aboutusTagline .t21{
	font-size:24px;
		}
		.ServicesTagline{
	
	
	padding-top:15%;
	padding-left:15%}
}
@media screen and (max-width:1319px) {
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:16px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:22px;}
.Heading {FONT-SIZE:32px;}
.BiggerText {FONT-SIZE:34px;}
.LargeText {FONT-SIZE:38px;}
.SmallerLink{FONT-SIZE:11px; text-decoration: none}
.Button{
	font-size:20px;	
	padding:5px 20px;	
}
.Tagline{
	padding-top:15%;
	padding-left:10%}
	
.Tagline .t1{
	font-size:50px;
		}
.Tagline .t21{
	font-size:18px;
		}
.contactlogobg{	
	top:75px;
	right:-70px;
	position:absolute;
	z-index:999;
}
}
@media screen and (max-width:1023px) {
Body {FONT-SIZE:14px;}
.SmallerText {FONT-SIZE:11px;}
.NormalText {FONT-SIZE:15px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:40px;}
.SmallerLink{FONT-SIZE:11px;}
.DealerBtn{
	font-size:13px;	
	border-radius:10px 10px 0px 0px;	
	padding:10px;	
	bottom:-3px;
}

.DealerBtnActive{
	font-size:15px;	
	border-radius:15px 15px 0px 0px;	
	padding:12px 15px;	
}
.Tagline{
	padding-top:15%;
	padding-left:10%}
	
.Tagline .t1{
	font-size:32px;
		}
.Tagline .t21{
	font-size:18px;
		}
		.aboutusTagline{		
	position:absolute;
	top:15%;
	right:5%;
	line-height: 1.1;
}
	
.aboutusTagline .t1{
	font-size:46px;
		}
.aboutusTagline .t21{
	font-size:24px;
		}
.guidingtext{top:50%;left:50%; transform: translate(-50%,40%); position: absolute;}
.testimonialsbg {
	background-size:35%;
	height:400px;
	background-repeat: no-repeat;	
	}
	.closebtn1 {
float:right;
	right: 20px;
  color:#FFFFFF;
  font-size:20px;
  cursor: pointer;
	bottom: 5px;
		top:auto;
  padding:5px 10px 5px 5px;
  position: absolute; 
  z-index:999
}		
	.aboutbg{	
	background-position:right 20px top;
		background-size:30%;
transition-property: fade;
	 transition: 0.2s;
	
}
}
@media screen and (max-width:767px) {
Body {FONT-SIZE:14px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:15px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:36px;}
.Footer{	
	padding:20px 10px;
}
.WorldMapbg{
	background-image: none;
	background-color: #FFF}
	.didiuknowpadding{
	padding:5px}
.ServicesBanner{
	background-image:url(../images/services.jpg);
	background-repeat:no-repeat;
	background-position:bottom 50 center;
	height:450px;
	}

.services{margin-top:-100px !important;}		
.servicesMobilebg	{	
background-color: #8A766E;
	background-image: -webkit-linear-gradient(top, #8A766E, #453B37);
	background-image: -moz-linear-gradient(top, #8A766E, #453B37);
	background-image: -ms-linear-gradient(top, #8A766E, #453B37);
	background-image: -o-linear-gradient(top, #8A766E, #453B37);	}
	.aboutblogtext{width:90%; top:25%;left:5%; transform: none; position: relative;}
.guidingtext{top:30%;left:5%; transform: none; position: absolute;}
.aboutuscolumn {	
	background-position:97% bottom;
	background-size:27%;
	background-repeat: no-repeat;
  cursor: pointer;
  position:relative;
 
}
.aboutusBanner{	
	background-position:70% bottom;
	height:500px;
	}
.guidingheight{min-height: 250px;}
	.testimonialsbg {
	background-size:35%;
	height:300px;
	background-repeat: no-repeat;	
	}
.contactmargintop{
top:-20px; margin-bottom:10px; position:relative;}
}

@media screen and (max-width:639px) {
Body {FONT-SIZE:14px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:15px;}
.Heading {FONT-SIZE:18px;}
.BiggerText {FONT-SIZE:22px;}
.LargeText {FONT-SIZE:34px;}
.LargeText2{FONT-SIZE:50px;}
.Button{	
	font-size:18px;	
	padding:4px 15px;	
	line-height:40px;	
}
.ButtonMob{	
	font-size:18px;	
	padding:4px 15px;
	background-color:transparent;	
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	line-height:40px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	margin:2px;	
	border:5px solid #294c6f;
	border-radius:20px;
	color:#294c6f;	
}
.pageheading{
	padding:10px 8px;
	}
.DealerBtn{
	width:26%;
	font-size:13px;	
	border-radius:10px 10px 0px 0px;	
	padding:5px 10px;	
	bottom:-4px;
	
}

.DealerBtnActive{
	width:32%;
	font-size:15px;	
	border-radius:15px 15px 0px 0px;	
	padding:8px 12px;
	
}
.DealerBtn:active{
	top:4px;
	position:relative;	
}
.DealerHeight{
	height:480px;
	overflow-y:auto;
}
.Analyticspadding{padding-left:10px}
	.aboutusBanner{
		background-size: 180%;
background-position:70% bottom;
height:400px;
	}
.aboutusTagline{		
	position:absolute;
	top:15%;
	right:5%;
	line-height: 1.1;
}
	
.aboutusTagline .t1{
	font-size:40px;
		}
.aboutusTagline .t21{
	font-size:20px;
		}
	.guidingtext{top:20%;left:5%; transform: none; position: absolute;}
.aboutuscolumn {	
	background-position:97% bottom;
	background-size:35%;
	background-repeat: no-repeat;
  cursor: pointer;
  position:relative;
 
}

}
@media screen and (max-width:480px) {
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE:16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:22px;}
.LargeText {FONT-SIZE:32px;}
.Button{	
	font-size:18px;	
	padding:4px 12px;	
}
.ButtonSmall{	
	font-size:11px;		
	padding:2px 8px;	
}
.ButtonMedium{	
	font-size:13px;	
	padding:3px 10px;	
}
.ButtonBig{	
	font-size:16px;	
	padding:7px 15px;	
}
ul1.breadcrumb li1+li1:before {
  padding:0px 2px;
 
}
.DealerBtn{
	width:31.5%;
	font-size:12px;	
	border-radius:10px 10px 0px 0px;	
	padding:5px 3px;	
	bottom:-1px;
}

.DealerBtnActive{
	width:34.5%;
	font-size:13px;		
	padding:5px 3px;	
}
.DealerBtn:active{
	top:1px;
	position:relative;	
}
.ExLargeText {FONT-SIZE:120px;}
.HeaderBanner{
	background-image:url(../images/homebanner-m.jpg);
	background-repeat:no-repeat;
	background-position:top right ;
	height:500px;
	}
.Tagline{
	
	font-weight:500;
	color:#000;
		position:absolute;

	padding-top:320px;
	padding-left:8%}
	
.Tagline .t1{
	font-size:28px;
		}
.Tagline .t21{
	font-size:14px;
		}
		.industries .text{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none !important;
	transition: .5s ease;
	opacity:1;
	height:30px;
	
	}
.ServicesTagline{
	
	padding-top:25%;
	padding-left:10%}
	
.ServicesTagline .t1{
	font-size:32px;
		}
.ServicesTagline .t21{
	font-size:18px;
}
	.aboutusBanner{
		background-size: 230%;
background-position:75% bottom;
height:400px;
	}
.aboutusTagline{		
	position:absolute;
	top:15%;
	right:5%;
	line-height: 1.1;
}
	
.aboutusTagline .t1{
	font-size:30px;
		}
.aboutusTagline .t21{
	font-size:20px;
		}
	.testimonialsbg {
	background-size:65%;
	height:350px;
	background-repeat: no-repeat;	
	}
	.testimonial{top: 10%;position: relative;}
	.aboutbg{	
	background-position:right 20px top;
		background-size:50%;
transition-property: fade;
	 transition: 0.2s;
	
}

}
@media screen and (max-width:359px) {
.DealerBtn{
	width:31.5%;
	font-size:10px;	
	border-radius:5px 5px 0px 0px;	
	padding:5px 3px;	
	bottom:-1px;
}

.DealerBtnActive{
	width:34%;
	font-size:11px;	
	border-radius:10px 10px 0px 0px;	
	padding:5px 2px;	
}

}


 .pop-up-background
        {
            background:rgba(0,0,0,.7);            
            height:100%;
            left:0;
            top:0;
            position:fixed;
            width:100%;
            z-index:100;
        }
		
  .pop-up
        {
            border:3px solid #ddd;            
            margin: auto;
            position: absolute;
			display: inline-block;
            top:50%;
            left:50%;
			transform:translate(-50%, -50%);           
            background: #fff;
            max-width:400px;
			width:95%;			
            -moz-box-shadow: 0px 0px 12px 5px #363636;
            -webkit-box-shadow: 0px 0px 12px 5px #363636;
            box-shadow: 0px 0px 12px 5px #363636;
            z-index: 104;
        }
  .Close{
            position: absolute;
            z-index: 106;
            text-align: right;
			right:-15px;
			margin-top:-20px;
			display:inline-block;
			cursor:pointer;
}




.content {
  width: 100%;
}



/* The sticky 
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top:85px;
}*/