@font-face {
font-family: 'Avgardd';
src: url('../fonts/Avgardd.eot'); /* IE9 Compat Modes */
src: url('../fonts/Avgardd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Avgardd.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Avgardd.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Avgardd.svg#svgFontName') format('svg'); /* Legacy iOS */

font-family: 'Avgardn';
src: url('../fonts/Avgardn.eot'); /* IE9 Compat Modes */
src: url('../fonts/Avgardn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Avgardn.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Avgardn.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Avgardn.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Avgardn', Fallback, sans-serif;
	font-size:18px;
	color:#0E1F4B;
	background-color:#F2F2F2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.top {
	width: 100%;
	margin: 0 auto;
	background-color:#036;
	position: fixed; 
	top: 0;
   	height: 85px !important;
   	z-index:100;
	
	}
	
.top1 {
	width: 100%;
	margin: 0 auto;
	background-color:#036;
	position: fixed; 
	top: 0;
   	height: 150px !important;
   	z-index:100;
	
	}
	

.container {
	width: 100%;
	max-width: 1600px;
	min-width: 1200px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.block{
    height: 327px;
    width: 100%;
    position: relative;
	background-image:url(../images/bokenglass.jpg); background-position:center; background-repeat:no-repeat;
	box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.30);
	margin-top:215px;
}
.block:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    bottom: 0;
    transform-origin: right bottom;
    transform: skewY(-4deg);
}

.smalpoint{
	width:150px;
	}

.block1{
    height: 327px;
    width: 100%;
    position: relative;
	background-image:url(../images/bokenglass.jpg); background-position:center; background-repeat:no-repeat;
	box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.30);
	margin-top:115px;
}
.block1:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    bottom: 1px	;
    transform-origin: left top;
    transform: skewY(-4deg);
}


.schedulebox {
	font-size:20PX;
	font-weight:900;
	background-color:#01C7C0;
	color:#FFF;
	line-height:1.9;
	width: 270px;
	float: left;
	margin-top:20px;
	height: 40px;
	border-radius: 50px;
	text-transform:uppercase;
    text-shadow: 2px 2px 2px #666;

 }

.schedulebox:hover {
	background-color:#01A6A0;
	color:#FFF;
 }


.schedulebox1 {
	font-size:22PX;
	font-weight:700;
	background-color:#003;
	color:red;
	line-height:2.3;
	width: 280px;
	float: left;
	margin-top:50px;
	height: 50px;
	border-radius: 50px;
	text-transform:uppercase;

 }

.servocebox {
	font-size:26PX;
	font-weight:700;
	background-color:#F00;
	color:#FFF;
	width: 500px;
	float: left;
	padding-top:8px;
	height: 40px;
	border-radius: 0 0 20px 20px;
	text-transform:uppercase;
	box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.30);

 }
 
.servocebox:hover {
	background-color:#C00;
	color:#FFF;
 }



.shopbox {
	font-size:26PX;
	font-weight:900;
	background-color:#036;
	color:#FF2;
	line-height:1.5;
	letter-spacing:3px;	
	width: 300px;
	float: left;
	margin-top:20px;
	height: 40px;
	border-radius: 50px;
	text-transform:uppercase;

 }


a:link {
	text-decoration: none;
	color:#C00;
}
a:visited {
	text-decoration: none;
	color:#C00;
}
a:hover {
	text-dec;oration: none;
	color:#F00;
}
a:active {
	text-decoration: none;
	color:#C00;
}


.phonetext {
	font-size:40px;
	color:#F00;
	font-weight:bold;
	}

.calltext {
	font-size:20px;
	text-transform:uppercase;
	color:#01A6A0;
	line-height:14px;
	}


.section{
  height:750px; margin-top:100px;
  box-shadow: 4px 4px 10px 6px rgba(0,0,0,0.30);
  background: linear-gradient(to right, rgba(180,245,250,1) 0%, rgba(210,245,240,1) 100%);
  background-image:url(../images/map.jpg); background-position:center; background-repeat:no-repeat;
}

.sectiona{
  height:750px;
  box-shadow: 4px 4px 10px 6px rgba(0,0,0,0.30);
  background: linear-gradient(to right, rgba(180,245,250,1) 0%, rgba(210,245,240,1) 100%);
  background-image:url(../images/map.jpg); background-position:center; background-repeat:no-repeat;
}


.section1{
  height:auto; margin-top:120px;
}

h1 {
  font-size: 2.2em;
  color:#0E1F4B;
}

h2 {
  font-size: 1.0em;
  color:#0E1F4B;
}


h3 {	
  font-size: 1.5em;
  color:#C00;
}

h4 {
	font-size: 1.3em;
	color:#036;
	text-align: center;
}

h5 {
	font-size: 1.1em;
	color:#036;
	text-align: center;
}



.heading1 {	
  font-size: 3.0em;
  font-weight:bold;
  color:#FFF;
 
}

.heading2 {	
  font-size: 1.8em;
  color:#FFF;
}

.heading2s {	
  font-size: 1.2em;
  color:#FFF;
}

.whitetext{	
  font-size: 1.2em;
  color:#FFF;
}

.blutext{	
  font-size: 1.1em;
  color:#C00;
}

.redtext{	
  font-size: 1.8em;
  color:#C00;
}

a.one:link {color:#036; text-transform: uppercase; font-weight:bold;}
a.one:visited {color:#036;}
a.one:hover {color:#C00;}

a.two:link {color:#FFF; text-transform: uppercase; font-weight:bold;}
a.two:visited {color:#FFF;}
a.two:hover { background-color:#C00;}


.footer {
  background: #036;
  font: normal 1em 'Open Sans Condensed', sans-serif;
  color: #fff;
  text-align: center;
  height:100px;
  box-shadow: 4px 4px 10px 6px rgba(0,0,0,0.30);
}


.topnav1 {
	width: 100%;
   margin: 0 auto;
  overflow: hidden;
  background-color: #FFF; background
  text-transform:uppercase;
  padding-top:10px;
  box-shadow: 4px 4px 10px -6px rgba(0,0,0,0.50);
  position: fixed; 
   top: 150px;
   height: 55px !important;
   z-index:100;
  }

.topnav1 a {
  float: left;
  display: block;
  text-align: center;
  padding: 10px 25px;
  text-transform:uppercase;
  margin-left:15px;
  text-decoration: none;
  font-size: 20px;
  background-color: #036;
  color: white;
  border-radius: 50px;
   
}

.topnav1 a:hover {
  background-color: #000051;
  color:#C00;
  border-radius: 50px;
}

.topnav1 .icon {
  display: none;
}




.topnav {
	width: 100%;
   margin: 0 auto;
  overflow: hidden;
  background-color: white; 
  text-transform:uppercase;
  padding-top:10px;
  box-shadow: 4px 4px 10px -6px rgba(0,0,0,0.50);
  position: fixed; 
   top: 85px;
   height: 150px !important;
   z-index:100;
  }

.topnav a {
  float: left;
  display: block;
  text-align: center;
  padding: 7px 20px;
  margin:3px;
  text-decoration: none;
  font-size: 17px;
  background-color: #036;
  color: white;
  border-radius: 50px;
   
}

.topnav a:hover {
  background-color: #000051;
  color:#01A6A0;
  border-radius: 50px;
}

.topnav .icon {
  display: none;
}

.copyright {
	font-size:14px;
	color:#F00;
	
	}

.box2 {
	width: 550px;
	overflow: hidden;
	border: 1px solid #D1F3F6;
	background: white;
	padding: 20px;
	text-transform: initial;
	border-radius: 22px;
	height: auto;
	-webkit-box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
	-moz-box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
	box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
}

.box2 .mui-image img {
            min-width: 100%;
            width: 100%;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
        }


.box2a {
	width: 350px;
	overflow: hidden;
	border: 1px solid #D1F3F6;
	background: white;
	padding: 20px;
	text-transform: initial;
	border-radius: 50px;
	line-height:27px;
	height: 600px;
	-webkit-box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
	-moz-box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
	box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
}



.box3 {
	width: 1200px;
	overflow: hidden;
	border: 1px solid #D1F3F6;
	background: white;
	padding: 20px;
	text-transform: initial;
	border-radius: 22px;
	margin-top:150px;
	margin-bottom:80px;
	height: auto;
	-webkit-box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
	-moz-box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
	box-shadow: 0 3px 0 -1px rgba(184,195,206,1);
}

.brokeimage, .histryimage, .abtimage, .jobimage, .cityimage, .homeimage, .testimonialimage, .warrantyimage, .vanimage, .glosoryimage  {
	background-image:url(../images/broken.jpg);
            min-width: 100%;
            width: 100%;
			height:300px;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
			box-shadow: 4px 4px 10px 6px rgba(0,0,0,0.30);
        }

.homeimage{
	background-image:url(../images/national_campaign_05.jpg);
        }
		
.cityimage{
	background-image:url(../images/car_04.jpg);
        }
		
.jobimage{
	background-image:url(../images/job.jpg);
        }		
		
.abtimage{
	background-image:url(../images/national_01.jpg);
        }	
.histryimage {
	background-image:url(../images/histry.jpg);
	
	}
		
.testimonialimage{
	background-image:url(../images/family.jpg);
        }
.warrantyimage{
	background-image:url(../images/warranty.jpg);
        }
.vanimage{
	background-image:url(../images/van.jpg);
        }
.glosoryimage {
	background-image:url(../images/glossary.jpg);
	}