@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoheavy';
    src: url('fonts/lato-heavy-webfont.eot');
    src: url('fonts/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('fonts/lato-heavy-webfont.woff') format('woff'),
         url('fonts/lato-heavy-webfont.ttf') format('truetype'),
         url('fonts/lato-heavy-webfont.svg#latoheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-black-webfont.woff2') format('woff2'),
         url('fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium-webfont.eot');
    src: url('fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-medium-webfont.woff2') format('woff2'),
         url('fonts/lato-medium-webfont.woff') format('woff'),
         url('fonts/lato-medium-webfont.ttf') format('truetype'),
         url('fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-semibold-webfont.eot');
    src: url('fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('fonts/lato-semibold-webfont.woff') format('woff'),
         url('fonts/lato-semibold-webfont.ttf') format('truetype'),
         url('fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialregular';
    src: url('fonts/arial-webfont.woff2') format('woff2'),
         url('fonts/arial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialbold';
    src: url('fonts/arialbd-webfont.woff2') format('woff2'),
         url('fonts/arialbd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/************************** CONTACT TEXTS STARTS ***********************************/

.taddressh {
    font-size: 12px;
    color: #000000;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: regular;
}
.taddress {
    font-size: 12px;
    color: #000000;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: regular;
}
.tformh {
    font-size: 12px;
    color: #000000;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: regular;
}
.tform {
    font-size: 12px;
    color: #000000;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: regular;
}
.tred {
    font-size: 12px;
    color: red;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: regular;
}

.button {
    border-color: #99FFFF;
    background-color: #50C0FF;
    FONT-SIZE: 8pt;
    font-family: verdana;
    color: #000000;
    font-weight: bold;
    border-style: normal;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

/***************** CONTACT FIELDS ENDS****************************/

/*************************************** STYLE CLASSES STARTS ************************/

.box {
    border: 1px solid #CC9900;
    background-color: transparent;
}
.bodybg {
    background-color: black;
}
.white {
    background-color: white;
}
.black {
    background-color: black;
}
.gray {
    background-color: #B7B7B7;
}
a:focus { 
    outline: none; 
}
/*************************************** STYLE CLASSES ENDS ************************/

/*************************************** COMMON STYLE CLASSES STARTS ************************/

body {
    font-family: arial;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    background: #fff;
}
a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}
.fluid0 {
    padding: 0;
    margin: 0;
}
.container0 {
    padding-left: 0;
    padding-right: 0;
}
.border1 {
    border-bottom: 1px solid #E1E1E1;
}
.tred {
    color: #FF0000;
}

/*************************************** COMMON STYLE CLASSES ENDS ************************/

/***************************************  TOP CLASSES STARTS ************************/
#header {
	background-color:#EFEFEF;
}
#header .topset1{
	text-align:right;
	padding-top:30px;
	padding-bottom:20px;
}
#header .logo{
	padding-top:20px;
	padding-bottom:20px;
}
#header .follow{
	 font-family: 'latomedium';
	 font-size:15px;
	 color:#333333;
	 padding-right:0px;
}
#header .topbottomline{
	padding-top:20px;
}
/***************************************  TOP CLASSES STARTS **********************************************/
/***************************************  TOP2 CLASSES STARTS ********************************************/

.navbar-default {
    border: none;
    box-shadow: none;
    background: none;
}
.navbar-default .navbar-nav>li{
	padding-left:27px;
	padding-right:27px;
}
.navbar-default .navbar-nav>li>a{
    color: #333333;
    display: block;
    font-size: 15px;
   font-family: 'latomedium';
    text-decoration: none;
    text-transform: uppercase;
	padding-left:0px;
	padding-right:4px;
	padding-top:16px;
	padding-bottom:10px;
	text-shadow:none!important;
}
@media (min-width: 992px){
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li >a:hover, .navbar-default .navbar-nav > li >a.active {
		background-image: url(webimg/hover.jpg)!important;
		background-position: bottom center !important;
		bgproperties: fixed;
		background-repeat: repeat-x !important;
	}
	
}
}

.dropdown-menu {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    border: none;
	box-shadow:none !important;
}
.dropdown-toggle {
    cursor: default;
}
.dropdown-menu > li {
    border-bottom: solid 1px #9E49A0;
}
.dropdown-menu > li:last-child {
    border-bottom: none;
}
.dropdown-menu > li:hover {
    border-bottom: solid 1px #9E49A0;
}
.dropdown-menu > li:last-child:hover {
    border-bottom: none;
}
.dropdown-menu > li:hover a,
.dropdown-menu > li a.active {
    color: #fff;
    background: #9E49A0;
}
.dropdown-menu > li > a {
    font-family: 'latosemibold';
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;
    text-transform: uppercase;	
    color: #4F4951;
    background: #fff;
	padding-top:7px;
	padding-bottom:7px;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
}
.navbar-right .dropdown-menu {
    right: auto;
}
@media (min-width: 768px) {
    .navbar-default {
    }
    .navbar-default .navbar-nav > li {
        margin-left: 0;
        margin-right: 0;
        background: url("webimg/sep_line1.jpg") no-repeat left center;
    }
    .navbar-default .navbar-nav > li:last-child {
        background: url("webimg/sep_line1.jpg") no-repeat right center, url("webimg/sep_line1.jpg") no-repeat left center;
    }
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li >a:hover,
    .navbar-default .navbar-nav > li >a.active {
        background-image: url(webimg/hover.jpg) !important;
        background-position: bottom center;
        bgproperties: fixed;
        background-repeat: repeat-x;
        color: #007DFF;
        background-color: transparent;
    }
    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;		
        background-color: #fff;
    }
    .dropdown-menu > li > a {
        padding-right: 20px;
		text-shadow:none!important;
    }
}
@media (max-width: 767px) {
    .logo{
		padding-top:19px;
		padding-bottom:16px;
	}
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        background: trasparent;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li >a:hover,
    .navbar-default .navbar-nav > li >a.active,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a.active {
        color: #4F4951;
        background: #fff;
    }
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li >a:hover,
    .navbar-default .navbar-nav > li >a.active,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a.active {
        color: #fff;
        background: #007EFF;
    }
    .navbar-toggle {
		margin:0px;
		margin-top:57px;
		margin-bottom:0px;
		padding-left:15px;
		padding-right:15px;
		text-align: -webkit-right;
		text-align: -moz-right;
    }
	.navbar-collapse {
        position: absolute;
        top: 100%;
        right: -15px;
        z-index: 10000;
        width: 240px;
		border:none;
		box-shadow:none;
		padding-right:0px;
		background-color:#fff;
    }
	.navbar-nav {
		margin-top:15px;
		margin-bottom:0px;
		margin-right:0px;
	}
    .navbar-default .navbar-nav>li {
        padding-top: 0px;
        padding-bottom: 0px;
    }
	.navbar-default .navbar-nav>li>a {
        padding-top: 7px;
        padding-bottom: 7px;
		padding-left:15px;
    }
    .dropdown-menu > li {
        border-bottom: none;
    }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #fff; 
		background: none;
		
	}
	.navbar-default .navbar-toggle {
		border-color: #fff;
		border:none;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #007EFF;
	}
	.navbar-default .navbar-nav>li {
		padding-right:0px;
	}
	.navbar-nav {
		margin:0px; 
	}
	.navbar-default .navbar-nav>li {
      padding-left: 0px; 
	}
	.navbar-collapse {
		padding-left: 0px; 
	}	
	.dropdown-menu > li > a {
		font-family: 'latosemibold';
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		padding-left: 15px;
		text-transform: uppercase;	
		color: #4F4951;
		background: #fff;
		padding-top:7px;
		padding-bottom:7px;
	}
		.dropdown-menu > li {
    border-bottom: none;
}
.dropdown-menu > li:last-child {
    border-bottom: none;
}
.dropdown-menu > li:hover {
    border-bottom: none;
}
.dropdown-menu > li:last-child:hover {
    border-bottom: none;
}
.container-fluid>.navbar-collapse{
	margin-left:0px;
	margin-right:0px;
}
}
@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #4F4951; 
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	#welcome h1{
	
    font-size: 30px!important;
  
}
	.navbar-default .navbar-nav>li{
		padding-left:10px!important;
		
	}
	#services{
	margin-top:-30px;
	margin-bottom:30px;
}	
}
@media screen and (min-width:768px) and (max-width:992px){
	#logo{
		padding-bottom:0px;
	}
	.navbar-default .navbar-nav>li {
		padding-right:24px;
		padding-bottom:15px;
	}
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #7B479F;
    background-color: transparent; 
	box-shadow:none;
	background-image:none;
}
@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background-color: #9E49A0;
	}
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a
	{
		padding:7px 15px 7px 25px; 
	}
}
.carousel-indicators li {
    width: 15px;
    height: 15px; 
    background-color:#fff; 
	margin:1px;
}
.carousel-indicators li :hover{
    width: 15px;
    height: 15px; 
    background-color: #7B479F;
    border: 1px solid #7B479F;
	margin:1px;
}
.carousel-indicators .active {
	width: 15px;
    height: 15px;
    background-color: #7B479F;
    border: 1px solid #7B479F;
	margin:1px;
}
.calmail{
	color:#007EFF;
}
.fntxt{
	color:#333333;
	font-family: 'latomedium';
    font-size:15px;
	text-align:right;
	
}
/***************************************  TOP2 CLASSES ENDS *********************************/

/*************************************** SLIDER STYLE CLASSES STARTS ************************/

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
#innerbanner {
   
    background-position: top center;
    bgproperties: fixed;
    background-repeat: no-repeat;
	width:100%;
}
/*************************************** SLIDER STYLE CLASSES ENDS ************************/
/*************************************** WELCOME  STYLE CLASSES STARTS *******************/

/*************************************** WELCOME  STYLE CLASSES ENDS ************************/
/*************************************** STYLE CLASSES STARTS ************************/


/*************************************** STYLE CLASSES ENDS ************************/
/*************************************** STYLE CLASSES ENDS ************************/
.pclr{
 font-family: 'latomedium';
	 font-size:15px;
	 color:#000000;	
	 text-align:right;
}

#bottom {

	background-color:#494949;
	
	padding-top:40px;
    padding-bottom:40px;
    font-family:'arial';
	font-size:11px;
}

#industry .h3{
	
	font-size:20px;
	color:#FFFFFF;
	font-family:'arial';
	
}
#industry .h2{
	border-bottom:1px solid #FFFFFF;
	padding-bottom:10px;
    width:222px;
	color:#FFFFFF;
	 font-family: 'latobold';
    font-size:25px;
	padding-top:10px;
}
#industry  p{
	line-height:21px;
	text-align:left;
	color:#FFFFFF;
	font-family:'arial';
    font-size:16px;
	padding-bottom:10px;
}


#industry .maindiv{
	margin-bottom:40px;
	margin-top:40px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

#industry {
	
	
	padding-top:20px;
    padding-bottom:20px;
	background-image:url(webimg/industry_bg.jpg)!important;
	background-size:cover;
}
@media screen and (min-width:320px) and (max-width:767px){
	.img_center{
		margin-left:auto !important;
		margin-right:auto !important;
		display:block !important;
	}
	.inersp{
		padding-left:15px;
		padding-right:15px;
	}
	.padrght15{
		padding-right:15px;
	}
	.ulpadlef{
		padding-left:15px;
	}
}
@media screen and (min-width:320px) and (max-width:599px){
	#industry  p{
	
	text-align:justify!important;
	
}
}

.icopyright {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color:#7A7B7C;
}
.idesign {
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    color:#7A7B7C;
}
@media screen and (min-width:768px) and (max-width:991px){
	#services{
	margin-top:-10px;
	margin-bottom:20px;
}	
	#industry  p{
	
	text-align:justify!important;
	
}

	
}
/***************************************  SLIDER2 CLASSES STARTS **********************************************/
#liset .my-slider {
		margin: 0 auto;
	}
#liset .my-slider ul {
		
		overflow: hidden;
		margin-bottom: 0;
	}
#liset .my-slider li {
		float: left;
		list-style: none;
		
	}
	
	

	#imageset{
		
	
		width:771px;
		height:480px;
		
		
		
	}
	#imageset1{
		
		
		width:255px;
		height:415px;
		padding-left:12px;
		padding-right:20px;
	    margin-bottom:20px;
		margin-top:40px;
		
		background-image:url("webimg/bod.jpg");
		background-position:right;
		background-repeat:no-repeat;	
	}
	#imageset .sp{
		 font-family: 'latoregular';
		font-size:14px;
		color:#007DFF;
		margin-bottom:10px;
		margin-top:20px;
	}
	#imageset .pgr{
		font-family:'arial';
		font-size:15px;
		text-align:left;
		color:#333333;
		margin-bottom:10px;
		margin-top:15px;
	}
	
	@-moz-document url-prefix() {
   #imageset .pgr{
		font-family:'arial';
		font-size:16px;
		text-align:left;
		color:#333333;
		margin-bottom:10px;
		margin-top:15px;
	}
}
	
	
	
	#imageset h2{
		 font-family: 'latobold';
		font-size:20px;
		text-align:left;
		color:#333333;
		margin-bottom:10px;
		margin-top:20px;
	}
	
/***************************************  SLIDER2 CLASSES STARTS ********************************************/
/*************************************** SERVICES CLASSES STARTS *******************/
#listset{
	
}
#services .page1{
	background-color:#007EFF;
	padding-left:15px;
	
}
#services .pg1{
	   font-family: 'latoregular';
	font-size:20px;
	text-align:left;
	color:#fff;
	margin-top:12px;
	margin-bottom:15px;
}
#services h3{
	font-family:'latobold';
	font-size:17px;
	text-align:left;
	color:#fff;
	margin-top:40px!important;
	margin-bottom:25px!important;
}
#services ul li{
	font-family:'arial';
	font-size:15px;
	color:#fff;
	list-style:none;
	list-style-image:url("webimg/wdot.png");
	padding-left:8px;
	line-height:30px;
	
}




#service .pg2{
		font-family:'arial';
		font-size:15px;
		text-align:left;
		color:#333333;
		margin-bottom:20px;
		margin-top:10px;
		margin-right:60px;
		
	}
#service  .hd1{
	    font-family:'lato';
		text-align:left;
		color:#7F7F7F;
		text-transform:uppercase;
		margin-top: 20px;
        margin-bottom: 0px!important;
} 
#service  .hd2{
	    font-family:'lato';
		text-align:left;
		color:#00DD6D;
		text-transform:uppercase;
		margin-top: 0px!important;
        margin-bottom: 0px!important;
}
#service  .hd3{
	    font-family:'lato';
		text-align:left;
		color:#007DFF;
		text-transform:uppercase;
		margin-top: 0px!important;
        margin-bottom: 15px;
}
@media (min-width:1200px){
#services{
	margin-top:-50px;
	margin-bottom:50px;
}	
}	
#experience h2{
	color:#007DFF;
	 font-family: 'latobold';
    font-size:24px;
	border-bottom:1px solid #007DFF;
	margin:0px;
	padding-bottom:25px;
}
.inersp{
	padding-bottom:30px;
	padding-top:30px;
}
 .ptxtm{
	color:#0a0a0a;
	 font-family: 'arial';
    font-size:20px;
	margin:0px;
	
	padding-bottom:10px;
}
p{
	margin:0px;
}
 .ptxt{
	color:#333333;
	 font-family: 'arial';
    font-size:15px;
	padding-bottom:10px;
	text-align:justify;
}	
.inerdivsp{
	margin-top:30px;
}
#contactus h2{
	color:#007DFF;
	 font-family: 'latobold';
    font-size:24px;
	border-bottom:1px solid #007DFF;
	margin:0px;
	padding-bottom:25px;
}#ourservice h2{
	color:#007DFF;
	 font-family: 'latobold';
    font-size:24px;
	border-bottom:1px solid #007DFF;
	margin:0px;
	padding-bottom:25px;
}
#aboutus h2{
	color:#007DFF;
	 font-family: 'latobold';
    font-size:24px;
	border-bottom:1px solid #007DFF;
	margin:0px;
	padding-bottom:25px;
}
#aboutus ul{
	padding-left:15px;
}
#aboutus ul li{
	line-height:25px;
	list-style-image:url("webimg/listdot.png");
	color:#333333;
	font-family:'arial';
    font-size:15px;
	text-align:justify;
}
#experience ul{
	padding-left:15px;
}
#experience ul li{
	line-height:25px;
	list-style-image:url("webimg/listdot.png");
	color:#333333;
	font-family:'arial';
    font-size:15px;
	text-align:justify;
}
#ourservice ul{
	padding-left:15px;
}
#ourservice ul li{
	line-height:25px;
	list-style-image:url("webimg/listdot.png");
	color:#333333;
	font-family:'arial';
    font-size:15px;
	text-align:justify;
}
#welcome h1{
	 font-family: 'latoregular';
    font-size: 36px;
   text-transform:uppercase;
    color:#7F7F7F;
	margin:0px;
}
#welcome p{
	 font-family: 'arial';
    font-size: 16px;
   margin:0px;
    color:#333333;
	text-align:justify;
	padding-left:15px;
	padding-bottom:15px!important;
}
#welcome{
	padding-bottom:35px;
}
@media screen and (min-width:768px) and (max-width:991px){
	
	#welcome p{
	padding-top:15px;
	padding-left:0px!important;
}
}
@media screen and (min-width:320px) and (max-width:767px){
	
	#welcome p{
	padding-top:15px;
	padding-left:0px!important;
}
#welcome h1{padding-top:20px!important;
  font-size: 26px!important;
}
}

/* Dropup Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropup content */
.dropup {
  position: relative;
  display: inline-block;
}

/* Dropup content (Hidden by Default) */
.dropup-content {
  display: none;
  position: absolute;
  bottom: 50px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropup */
.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropup links on hover */
.dropup-content a:hover {background-color: #ddd}

/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
  display: block;
}

/* Change the background color of the dropup button when the dropup content is shown */
.dropup:hover .dropbtn {
  background-color: #2980B9;
}

ul {
    margin: 0 0 0 32px;
    line-height: 1.5
}
.b1 {
    list-style-image: url(https://i.ibb.co/9nH8hGM/icons8-hospital-sign-50.png);
}
.b2 {
    list-style-image: url(http://upload.wikimedia.org/wikipedia/commons/6/61/Icons-mini-icon_security.gif);
}
.b3 {
    list-style-image: url(http://upload.wikimedia.org/wikipedia/commons/a/ab/Icons-mini-icon_clock.gif);
}
/*************************************** SERVICES  STYLE CLASSES ENDS ************************/