body {
	font-family: roboto, Helvetica, Arial, "sans-serif";
	padding: 0px;
	margin: 0px;
	font-size: 14px; color: #3d4543;
}

.top_banner_bg1 {
  background: #56a1d5 url("../images/bg.jpg") no-repeat fixed 0 0 / cover ;
  position: relative;     padding-bottom: 50px; color: #fff
}

.top-grid1 {
}
.top-grid1 span {
    background: #192e5b none repeat scroll 0 0;
    border: 2px solid #192e5b;
    border-radius: 30em;
    display: inline-block;
    height: 100px;
    transition: all 0.5s ease 0s;
    width: 100px;
}

.top-grid1 label {
   background: rgba(0, 0, 0, 0) url(../images/what-we-do.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 66px;
    margin-left: 0.2em;
    margin-top: 1em;
    text-align: center;
    width: 40px; 
}
.top-grid1 span1 label.icon2 {
    background-position: -100px 0;
}
.top-grid1 span2 label.icon3 {
    background-position: -202px 0;
}
.top-grid1 span3 label.icon4 {
    background-position: -323px 0;
}

.top-grid1 span4 label.icon5 {
    background-position: -428px 0;
}

.top-grid1 h3 {
    text-transform: capitalize;
	 color: #575757;
}
.top-grid1 h3 a {
    color: #575757;
}
.top-grid1 h3 a:hover {
    text-decoration: none;
}
.top-grid1 p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6em; padding-top: 16px;
}
.top-grids1 {
    padding: 1.5em 0;
}
.top-grid1:hover span {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}

.top-grid1:hover span1 {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}

.top-grid1:hover span2 {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}
.top-grid1:hover span3 {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}







@media (min-width:768px) {
.right_img img {
	position: absolute;
}
.right_img {
	min-height: 470px;
}
#defaultNavbar1 {
	display: block;
}
}
.clr {
	clear: both;
}
a {
	transition: all 0.3s cubic-bezier(0.42, 0, 0.44, 0.96) 0s
}
.mmi_maintop i {
	font-size: 16px
}
.mmi_maintop {
	background: #2893a1;
	padding: 0px 0;
	line-height: 29px;
	font-weight: 500;
	color: #fff;
	font-size: 13px;
}
.mmi_maintop:after {
	content: "";
	display: block;
	clear: both;
}
.faltu-class {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.faltu-class li {
	display: inline-block;
	padding: 0px 5px;
}
.faltu-class a {
	color: #fff;
	font-size: 16px;
}
.faltu-class a:hover {
	color: #000;
}
.faltu-class {
	padding-left: 30px;
}
.faltu-class {
	padding-left: 30px;
}
.class-lftic i {
	vertical-align: middle;
}
.navbar {
	display: block;
	width: 100%;
	padding: 0px; z-index: 9999999;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0;
	margin: 0px 0 0;
	list-style: none;
	font-size: 14px;
	background-color: #fff;
	border-top-color: #fff!important;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 6px rgba(0,0,0,.175);
	background-clip: padding-box;
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.mmi_mainmenu {
	position: relative;
	z-index: 99999999;
	height: 61px;
}
.mmi_mainmenu #mainNav {
	transition: all 0.4s ease-in-out 0s;
	background: #ffffff;
	box-shadow: rgba(0,0,0,0.1) 0px 3px 4px;
}
.navbar-nav>li {
	padding: 10px 15px;
	float: left;
}
.navbar-nav>li>a, .navbar-light .navbar-nav .nav-link {
	display: block;
	padding: 10px 0 8px;
	color: #4d4d4d;
	font-weight:400;
	border-bottom: 2px solid hsla(0,0%,0%,0.00);
}
.navbar-nav>li:hover>a {
	border-bottom-color: #f68e56;
	color: #f68e56;
	text-decoration: none;
}
.dropdown-menu li>ul {
	display: none;
	visibility: hidden;
	opacity: 1;
}
li.dropdown-submenu>ul {
	left: 98%;
	border: 1px solid #ccc!important;
	border-radius: 0px 4px 4px 4px;
	top: 0;
}
.dropdown-menu li>a.dropdown-item {
	display: block;
	width: 100%;
	padding: 8px 20px 8px 10px;
	clear: both;
	font-weight: 400;
	line-height: 1.5;
	color: #373a3c;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
}
.dropdown-menu li ul.dropdown-submenu {
	position: relative;
	margin-top: 1px;
}
.dropdown-menu li:hover {
	background: #eee;
}
.dropdown-menu li:hover>a {
	color: hsla(20,100%,45%,1.00);
	border-bottom-color: rgba(0,0,0,0.1);
}
.dropdown-menu li a {
	font-size: 14px;
	color: #444;
	display: block;
	padding: 8px 10px 8px;
	text-decoration: none;
}
.dropdown-menu li:last-child a {
	border-bottom: none;
	padding: 8px 20px 8px 10px;
}
.dropdown-menu li a {
	border-bottom: #eee 1px solid;
}
.dropdown-menu li:hover>ul {
	visibility: visible;
	opacity: 1;
}
/************************************/


.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color: #ff6c00;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/***************************/



.tel{margin-top:8px}

.tel-mar{margin-top:50px}

.btn {
	display: inline-block;
	padding: 10px 12px;
	margin-bottom: 0;
	font-size: 16px;
}
.btn-banner {
	background-color: #ef6c00;
	border-color: #ef6c00 #ef6c00 #ef6c00;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn {
	display: inline-block;
	padding: 10px 12px;
	margin-bottom: 0;
	font-size: 16px;
}
.btn-me {
	border-color: #fff #fff #fff;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/*.cont-banner-h{ padding-top:90px;}*/
.cont-banner-h {
	padding-top: 70px;
}
/* css for slider */

.main_slider .carousel-item {
	transition: all .6s ease, -webkit-transform .6s ease;
}
.main_slider .carousel-inner {
	position: relative;
	width: 100%;
	min-height: 500px;
}
.main_slider .carousel-item {
	visibility: hidden;
	opacity: 0;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.main_slider .carousel-item {
	background: #102337 url(../images/tracking-bg.jpg) no-repeat;
	background-position: bottom center;
	background-size: cover; min-height: 450px;
}
.main_slider .owl-carousel .owl-nav .owl-prev, .main_slider .owl-carousel .owl-nav .owl-next {
	text-align: center;
	line-height: 28px;
}
.main_slider .carousel-item.active {
	visibility: visible;
	opacity: 1;
}
.boldtext {
	display: block;
	font-size: 47px;
}
.carousel-control-prev, .carousel-control-next {
	font-size: 72px;
	font-weight: 100;
}
/*.cont-banner-h{ padding-top:90px;}*/

.cont-banner-h {
	font-size:30px;
	color: #fff;
	font-weight: 600;
	padding: 12px 0 10px;
	margin: 0px;
	text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.4);
}
.cont-h-sub {
	font-size: 20px;
	color: #fff;
	padding: 30px 0 40px;
	margin: 0px;
	line-height: 32px;
	text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.4);
}

.cont-h-sub span {
	color: hsl(37, 99%, 44%);
  font-weight: 700;
}


.cont-banner-h {
	padding-top:130px;
}
h1, h2, h3, h4, h5, h6 {
	color: #3d4543;
	font-weight:600;
}
h2 span {
	color: #ff6c00
}
.mmi_FORmeBox {
	padding: 40px 0px;
	background: #f5f6f8;
}

.mmi-dis p {
	font-size: 13px;
	margin-bottom: 10px;
	min-height: 40px;
}
a.readmore {
	display: inline-block;
	text-decoration: none;
	padding: 5px 10px;
	clear: both;
	background: #2893a1;
	color: #fff;
	font-size: 14px; border-radius: 4px;
}
a.readmore i {
	transition: all 0.3s cubic-bezier(0.42, 0, 0.44, 0.96) 0s
}
a.readmore:hover {
	color: #000;
}
a.readmore:hover i {
	margin-left: 10px;
}
.mmi-dis {
	padding: 10px
}
.mmi-dis h3 {
	font-size: 14px;
	padding: 10px 0px 0;
}
.innerBoxP {
	background: #fff;
	height: 275px;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.17) 0px 0px 10px;
	margin-bottom: 35px;
}
.mmi_forWORKBox {
	padding: 40px 0px;
}


.titleSubsection {
	font-size: 17px;
	padding: 0px 0px 20px 0px;
	color: #000;
}
.for-subtitle {
	font-size: 18px;
	color: #0b4f59; font-weight: 500; 
	padding: 15px 0px 10px;
}
.for-subtitle-t {
	font-size: 16px;
	color: #3d4543;
	padding: 5px 0px 1px;font-weight:300;
}







#loadingbar {
	position: fixed;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.44, 0.96) 0s;
	opacity: 1;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	visibility: visible;
	background: rgba(255,255,255,0.98);
	z-index: 999;
	display: table;
}
#loadingbar.mmi_hidden {
	opacity: 0;
	visibility: hidden;
}
.loadding i.fa {
	font-size: 45px;
	clear: both;
	color: #ff6c00;
}
.loadding {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center
}

.mmi_maintop a {
	color: #fff;
}
.mmi_OurManyCusBox {
	padding: 40px 0;
}
.mmi_OurManyCusBox h2 {
	text-align: center;
	font-size: 30px;
}
.mmi_scroller {
	padding: 0px 20px;
}
.event {
	background: #fff;
	color: #666;
	box-shadow: rgba(0,0,0,0.1) 0px 3px 10px;
	padding: 15px;
	margin: 10px 0px;
	min-height: 270px
}
.datetime {
	padding: 10px 0px;
	font-size: 13px;
	font-style: italic;
	color: #999;
}
.eventTitle {
	text-shadow: rgba(0,0,0,0.1) 0px 3px 3px;
	padding: 20px 0px;
	color: #000;
}
.event h4 {
	font-size: 18px;
	padding: 10px 0 0;
	line-height: 28px;
}

@media(min-width:768px) and (max-width:980px) {
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 33%;
	max-width: 33%;
}
}

@media(max-width:768px) {
a.dropdown-toggle {
	
}
.dropdown-menu .dropdown-submenu>.dropdown-menu li a {
	padding-left: 30px;
	
}
.dropdown-menu .dropdown-submenu>a.dropdown-item {
	font-weight: 600;
}
.mmi_mainmenu {
	height: auto;
}
.navbar-collapse .dropdown-menu li:hover, .navbar-collapse .dropdown-menu li:focus {
	background: none;
}
.navbar-collapse .dropdown-menu li>a:hover {
	background: #212529;
	color: #999;
}
.dropdown-submenu > a::after {
	display: none;
}
.navbar-nav .dropdown-menu, .navbar-nav .dropdown-menu .dropdown-submenu {
}
.navbar-collapse li a {
	color: #fff;
}
.navbar-collapse li:hover>a {
	color: #ccc;
}
.dropdown-submenu li:hover {
	background: none;
}
.navbar-collapse li>ul {
	box-shadow: none;
	background: none;
	border: none!important;
	border-radius: none;
	visibility: visible;
	margin-left: 0px!important;
}
.dropdown-menu li:last-child a {
	border-bottom: none;
}
.dropdown-menu li:first-child a {
	border-top: none;
}
.navbar-nav>li {
	padding: 0px;
}
.navbar-nav>li>a {
	border-bottom: none;
	border-top:rgba(255,255,255,0.1) 1px solid;
	
	padding: 10px 15px;
}
.navbar-collapse li>ul li a, .dropdown-menu li>a.dropdown-item {
	font-size: 13px;
	color: #fff;
	display: block;
	padding: 2px 20px 2px;
	text-decoration: none;
	line-height: 26px;
	border-bottom:rgba(255,255,255,0.1) 1px solid
}
.navbar-collapse.show, .navbar-collapse.collapsing {
	left: 0;
	display: block;
}
.navbar-collapse {
	transition: all 0.3s cubic-bezier(0.4, 0.38, 0.63, 0.63) 0s;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-align: center;
	position: fixed;
	align-items: center;
	top: 0px;
	background: url(../images/extended-menu-bg.jpg) no-repeat #212529;
	width: 250px;
	display: block;
	left: -250px;
	height: calc(100vh);
	overflow: auto;
}
.navbar-toggler {
	font-size: 0px;
}
.mmi_mainmenu #mainNav {
	padding: 0px 10px;
}
.navbar-toggler i {
	font-size: 22px;
}
.class-lftic {
	display: none;
}
.carousel-control-prev, .carousel-control-next {
	display: none;
}
}

@media(max-width:736px) {
		

	.pullLeftClear,.present_img.telema{margin-top: 0px; }
	.pullRightClear .present{padding-bottom: 20px;}
.mmi_maintop .pull-right div:first-child, .class-lftic {
	display: none!important;
}
.row .col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col-4 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
}
@media(min-width:756px) { 
	.pullLeftClear{order: -1; }
 }
@media(max-width:415px) { 
	
	
		.mmi_tableBox .icon_ShowCase li {
    display: inline-block;
    padding: 15px 10px;
}
	#tab1primary>div>.col-md-10.col-xs-10 {width: 86%; padding-right: 0px;}
	
#tab1primary>div>.col-md-2.col-xs-2 {width: 14%; padding-left: 0px;}
	
	#tab1primary>div>.col-md-10.col-xs-10 .form-control{ width: 82%}
.row .col-3 {
	flex: auto;
	max-width: 100%;
}
.cont-banner-h {
	font-size:24px;
	padding: 5px 0 10px;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4);
}
.cont-h-sub {
	font-size:18px;
	padding: 20px 0 10px;
	line-height: 24px;

}
.cont-banner-h {
	padding-top:30px;
}	
	
.main_slider .carousel-inner {
   
    min-height: 780px;
}
.tel{margin-top:0px}	
	
	
}



/*****************Mega Menu********************/
.mmiMegaSection.fixed-top{position: fixed; top: 60px;}
.mmiMegaSection{width: 100%; position: absolute; z-index: 9999;}
.megaMneuInnerDe{background: url(../images/extended-menu-bg.jpg) no-repeat #212529;   padding:30px 10px; box-shadow: rgba(0,0,0,0.1) 0px 5px 5px;}

.megaMneuInnerDe h3{font-size: 14px;margin: 0px 20px 0px 0px; text-transform: uppercase;  border-bottom:rgba(255,255,255,0.5) 1px solid; padding: 10px 0px; margin-bottom: 20px; }
.megaMneuInnerDe h3 a{color: #fff;text-decoration: none;}
.megaMneuInnerDe span {color: #fab800;text-decoration: none; font-size: 16px;}

.megaMneuInnerDe ul{margin: 0px; padding: 0px; }
.megaMneuInnerDe ul li{display:block; list-style: none;padding: 0px 20px 0px 0px; }
.megaMneuInnerDe ul li>a{display: block; font-weight:300; color:#fff; text-decoration: none; padding:8px 5px; border-bottom:rgba(255,255,255,0.1) 1px solid}

.megaMneuInnerDe ul li>a:hover{background: #454a4e; }
.megaMneuInnerDe{display: none;}
@media(min-width:768px){
	
	li.dropdown>ul.dropdown-menu{display: none !important;}
}
@media(max-width:768px){
	
	.mmiMegaSection{display: none;}
	
}


.mmimap_search_panel{margin:10vh 3vh;
border-radius: 5px;
background: #fff;
box-shadow: rgba(0,0,0,0.6) 0px 0px 33px;}
.mmi_header{  border-bottom: #ccc 1px solid; background: #f0f0f0;}

.mmi_header a.active{color: #f7941d}
.mmi_tableBox{padding:20px;}
.mmi_header ul{margin: 0px; padding: 0px;}
.mmi_header li{list-style: none; margin: 0px; display: inline-block}
.mmi_header li a{display: block; padding:10px 20px; color: #333; }
.mmi_header li a i{vertical-align: middle; margin-right: 5px;}
.textheadingBox{padding: 15px 15px;
font-size: 16px;
text-transform: uppercase;
background: #232a34;
color: #fff;
border-radius: 4px 4px 0 0;}

.nearby-trig-btn {
    width: 28px;vertical-align: text-top;
    height: 28px;
    display: inline-block;
    margin-top: 5px;
    position: relative;
}
.directions-tab .directions-tab-icon {
    float: left;
    padding-top: 0px;
}
.directions-tab .directions-tab-input-wrap .form-control {
    border-bottom: 2px solid transparent;
    padding-right: 0;
}

.directions-tab .directions-tab-icon .directions-tab-v-line {
    width: 2px;
    height: 20px;
    margin-left: 5px;
    background: #9ca8b0;
}

.directions-tab .directions-tab-input-wrap {
    margin-left: 4px;
    float: left;
    width: calc(100% - 42px);
}
.mmi_tableBox  .input-group .form-control {
    position: relative;
    z-index: 2; font-weight: 200;
    float: left;
    width: 100%; border: none;
    margin-bottom: 0;
}
.mmi_tableBox .directions-tab .directions-toggle {
    float: right;
    margin-top:39px;
}
.button_searchmmi:focus{outline-color: transparent;}
.button_searchmmi{border:none; background: hsla(0,0%,100%,0.0) ; height: 34px;}
.mmi_tableBox  .new-search-input .input-group .form-control  {border-bottom: 2px solid #9ca8b0;}

.getrouteMmi{float:right; padding:10px 0px 0;}

.getrouteMmi>a{color: #000; background: #f0f0f0; border-radius: 2px; border:#666 1px solid; padding:5px 15px; }

.directions-tab .directions-tab-input-wrap .directions-tab-h-line {
    background: #9ca8b0;
    height: 2px;
    width: 100%;
    margin: 0;
        margin-top: 0px;
    margin-top: 4px;
}
.what-eloc {color:#333; float:left; padding-top:20px; font-size:12px; font-style:italic; text-decoration:underline}

.icon_ShowCase{list-style: none; padding: 5px 0px 0px; margin: 0px;}
.icon_ShowCase li{display:inline-block; padding:15px;}
.icon_ShowCase li i{font-size: 26px;}

.icon_ShowCase li.green i{color: #46AD15}.icon_ShowCase li.black i{color: #333}
.icon_ShowCase li.code i{color: #FF8E00}.icon_ShowCase li.blue i{color: #336e74; font-size: 24px}
.icon_ShowCase a:hover li  i {color:#000; opacity: 0.5 !important;}

/*****************animation********************/

section{ position: relative; width: 100%;}
 section .sec1 a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
section .sec1 a:hover {
  opacity: .5;
}


.sec1 a {
  padding-top: 60px; 
}
.sec1 a span {
  position: absolute; 
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
.sec1 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.sec1 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



section .sec2 a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #999;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
section .sec2 a:hover {
  opacity: .5;
}


.sec2 a {
  padding-top: 60px;
}
.sec2 a span {
  position: absolute;
  top: 52px;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #999;
  border-radius: 100%;
  box-sizing: border-box; background: #f3f3f3
}
.sec2 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.sec2 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(0,0,0,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb04 3s infinite;
  animation: sdb04 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(0,0,0,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb04 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(0,0,0,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/*------ present -------*/


.api-seop{padding:10px; color: #fff;

}



.top_banner_bg {
  background: hsl(220, 93%, 6%) url(../images/intouch-bg.html) no-repeat fixed 0 0 / cover ;
  padding-bottom: 0;
  position: relative; min-height: 70vh;
}
.top_banner_bg:after {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	content:"";
	background:rgba(25, 46, 91, 0.1);	
}



section.device-censor img{position: relative;
z-index: 1;} 

.present {
  position: relative;
  z-index: 2;
	padding: 80px 0px;
}

.present_img {
  position: relative;
  z-index: 2;
}

.telema{margin-top:70px;}
.present h1 {
  font-size: 45px;
  font-weight: 500;
  color: #fff;
  line-height:76px;
	padding-top:50px;
}

.present h3 {
  font-size:32px;
  font-weight: 500;
  color: #fff;
  line-height:76px;
}

.present h4{
  font-size:32px;
  font-weight: 500;
  color: #fff;
  line-height:76px;
	padding-top: 30px;
}

.present h5 {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

.present p {
  font-weight:300;
  color: #fff;
	font-size:16px;
}

.present span {
  color: hsl(37, 99%, 44%);
  font-weight: 700;
}
.present b {
  color: hsl(42, 93%, 51%);
  font-weight: 700;
}

.section_btn .btn.btn-default {
      background: hsl(357, 73%, 49%) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
    color: hsl(0, 0%, 100%);
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
    margin: 40px 5px 0;
	padding: 5px 29px;}

.section_btn > span .btn.btn-default {
  background: #f6b20e;
}


.present_img {
  position: relative;
}

.section_btn .btn.btn-default:hover {
  background: #ba0a14 none repeat scroll 0 0;
}

.section_btn > span .btn.btn-default:hover {
  background: #d59700 none repeat scroll 0 0;
}

.section_sub_btn .btn.btn-default:hover {
  background: #d7232d none repeat scroll 0 0;
}
section {
    clear: both;
    padding:0px 0 5px;
}

hr.tall {
    margin: 44px 0;
}


hr {
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    border: 0;
    height: 1px;
    margin: 22px 0;
}


/*int*/

.buy a:hover {color: #fff;background:#ff8a01; text-decoration:none; border: 1px solid #fff;}
.drivem{padding:120px 0 40px 0}
.drivem h3{ font-size:20px; line-height:38px; font-weight:500; color:#fff; padding:6px 45px 42px 0; margin:0px}
.drivem p{ font-size:32px; line-height:42px; font-weight:700; color:#fff; padding:10px 0 1px 0; margin:0px}

.features h1 {padding-bottom:24px;font-size:32px;font-weight: 500;color:#263238;}
.features h3 {padding-top:40px;font-size:20px;font-weight:500;color: #003e47;}
.features p {font-size:18px;line-height:26px;color:#37474f;}

.reports h1 {padding-bottom:26px;font-size:32px;font-weight: 500;}
.reports h3 {padding-top:40px;font-size:20px;font-weight:500;}
.reports h4 {    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    color: #df5a0b; padding-top: 50px}

.reports p {font-size:18px;line-height:26px;}



.overview h1 {padding-bottom:24px;font-size:32px;font-weight: 500;color:#263238;}
.overview h3 {padding-top:20px;font-size:20px;font-weight:500;color: #003e47;}
.overview p {font-size:18px;line-height:32px;color:#666;}

#alert{font-size:13px;display: none;padding:25px 5px 25px 5px;text-align:center;border:1px solid #FFC74D;border-radius:2px;background:#FFFFCC;top:0;left:0%;right:0%;position:fixed;z-index:1099;}	
.featuresapp h1 {padding-bottom:24px;font-size:32px;font-weight: 500;color:#263238;}
.featuresapp h3 {padding-top:80px;font-size:20px;font-weight:500;color: #fff;}
.featuresapp p {font-size:18px;line-height:32px;color:#fff; padding-bottom:20px}
.top-button { margin:30px 0;}

.buynow h1 {padding-top:10px;font-size:24px;font-weight:500;color:#8e8e8e;}
.buynow p {font-size:18px;line-height:28px;color:#696d71; padding-bottom:10px}

.foot{bottom:0; left:0; color:#fff; right:0; background:#637f83; border-top:1px solid #ddd; padding:9px 0; width:100%;}
.text-muted {color: #fff;}
.cont{ background:#eceff1; padding:20px 0px 60px; width:100%; margin:30px 0 0; color:#37474f;}
.top-strip-mobile {color: #37474f; display: inline-block;font-size: 22px;font-weight: normal;margin: 0;padding: 15px 0 10px;}
.top-strip-mobile-sub {color: #6c6c6c;font-size: 14px;font-weight: normal;padding: 0 0 10px;}
ul.li-test{line-height:18px; color: #3d4543; list-style:none; padding:0; margin:0 0 0 5px; font-size:15px}
ul.li-test li {padding-left: 20px; margin-bottom: 10px;}
ul.li-test li:before {
  content: '\f00c'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.5em; /* same as padding-left set on li */
  margin-left: -1.5em; /* same as padding-left set on li */
}

ul{list-style:none;padding-left: 5px; }

@media (min-width: 450px) {
.header {text-align: center;}
.foot{ font-size:12px}
	.img-top{ width: 100%}	

}
@media screen and (min-width:350px) {
.header {text-align: center;} 
.foot{ font-size:12px} .img-top{ width: 100%}	
}

@media screen and (min-width:320px) {
.foot{ font-size:12px} .img-top{ width: 100%}	
}

@media screen and (min-width:600px) {
.header {text-align: center; } .img-top{ width: 100%}	
}

@media (min-width: 768px) {
.header {text-align: left;} .img-top{ width: 100%}	
}
@media (min-width: 1024px) {
.header {text-align: left;}
.overlayimg { background-size:71%;}

}
.plan {
    background: #f2f4f8 none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(130, 139, 178, 0.09);
    margin: 20px 0;
    min-height: 350px;
    padding-bottom:5px;
    text-align: center;
	border:1px solid #e0dfdf;
}
.plan .head {
	background:#0089cc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    padding: 11px 16px;
}

 .contact {
	background:#f3f3f3;
	border-bottom: 1px dashed #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #37474f;
    padding: 11px 16px;
}
.contact h2 {
   font-weight:600;
    margin: 0;
    padding: 0;
	font-size:14px;
}





.btn-success {
    background-color: #98bf40;
    border-color: #4cae4c;
    color: #fff;
}

.img-animate {
    -webkit-animation: fadein 2.5s; /* Safari and Chrome */
    -moz-animation: fadein 2.5s; /* Firefox */
    -ms-animation: fadein 2.5s; /* Internet Explorer */
    -o-animation: fadein 2.5s; /* Opera */
    animation: fadein 2.5s;
	border-radius:0px;
}

.carousel-DriveroverTracker{position: absolute;
    left: 11%;
    top: 0;}

#page-content-wrapper{padding-top: 60px;}


.glyphicon.glyphicon-menu-right,
.glyphicon.glyphicon-menu-left{    position: absolute;
    top: 50%; font-size: 32px;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.radiowaves {
    border-radius: 8px;
    height: 16px;
    left: 65%;
    margin-left: -5px;
    position: absolute;
    text-align: center;
    top: 190px;
    width: 12px;
    z-index: 3;
}

.radiowave {
	position: absolute;
	top: -117px;
	left: -117px;
	display: inline-block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-box-shadow: 0 -4px 0px 3px #000;
	box-shadow: 0 -4px 0px 3px #000;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.radiowave-1 {
    -webkit-animation: radiowave 4s linear infinite;
    -moz-animation: radiowave 4s linear infinite;
    -ms-animation: radiowave 4s linear infinite;
    -o-animation: radiowave 4s linear infinite;
    animation: radiowave 4s linear infinite;
}

.radiowave-2 {
    -webkit-animation: radiowave 4s linear infinite 0.65s;
    -moz-animation: radiowave 4s linear infinite 0.65s;
    -ms-animation: radiowave 4s linear infinite 0.65s;
    -o-animation: radiowave 4s linear infinite 0.65s;
    animation: radiowave 4s linear infinite 0.65s;
}

.radiowave-3 {
    -webkit-animation: radiowave 4s linear infinite 1.3s;
    -moz-animation: radiowave 4s linear infinite 1.3s;
    -ms-animation: radiowave 4s linear infinite 1.3s;
    -o-animation: radiowave 4s linear infinite 1.3s;
    animation: radiowave 4s linear infinite 1.3s;
}

.btn-float {
    -webkit-animation: float 0.75s ease-in-out infinite;
    -moz-animation: float 0.75s ease-in-out infinite;
    -ms-animation: float 0.75s ease-in-out infinite;
    -o-animation: float 0.75s ease-in-out infinite;
    animation: float 0.75s ease-in-out infinite;
}

@keyframes radiowave {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scale(4);
        -moz-transform: scale(4);
        -o-transform: scale(4);
        -ms-transform: scale(4);
        transform: scale(4);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-moz-keyframes radiowave {
    from {
        -moz-transform: scale(0);
        transform: scale(0);
        filter: alpha(opacity=10);
        opacity: 0.1;
    }
    to {
        -moz-transform: scale(4);
        transform: scale(4);
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-webkit-keyframes radiowave {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        filter: alpha(opacity=10);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scale(4);
        transform: scale(4);
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-ms-keyframes radiowave {
    from {
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        opacity: 0.3;
    }
    to {
        -ms-transform: scale(4);
        transform: scale(4);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-o-keyframes radiowave {
    from {
        -o-transform: scale(0);
        transform: scale(0);
        filter: alpha(opacity=30);
        opacity: 0.3;
    }
    to {
        -o-transform: scale(4);
        transform: scale(4);
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead 
th {
    border-bottom: 1px solid #e7e7e7;
    line-height: 1.42857;
    padding: 6px;
    vertical-align: top;
}
.panel-title {
    font-size: 14px;
    color: inherit;
	color:#222;
}

.panel-title a:hover{color:#555;
}

.panel-body {
    padding: 15px;
	color:#555;
}
.slide.bg-image-with-shadow {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.slide.bg-image-with-shadow:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  z-index: 1;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
}
.panel-heading{background-color: #E8EEF2;}
.panel-default>.panel-heading {color: #666;background-color: #f5f5f5;border-color: #ddd; font-weight:600; font-size:16px}
.panel-title {
    font-size: 14px;
    color: inherit;
	color:#222;
}
.panel-body {
    padding: 15px;
	color:#555;
}


.group1            { 
  position:relative; 
  margin-bottom:12px;
  padding:0 12px; }
  
  label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 100%;
	color:#555; padding-top:5px;
}

.group            { 
  position:relative; 
  margin-bottom:32px; 
}
input               {
  font-size:14px;
  padding:4px 4px 7px 5px;
  display:block;
  width:100%;
  border:none;
  background:none;
  border-bottom:1px solid #dfdfdf;;
}
input:focus{ outline:none; }


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}


select               {
  font-size:14px;
  padding:4px 4px 7px 5px;
  display:block;
  width:100%;
  border:none;
  background:none;
  border-bottom:1px solid #dfdfdf;;
}
select:focus{ outline:none; }



/* active state */
select:focus ~ label, select:valid ~ label        {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* active state */
select:focus ~ .bar:before, select:focus ~ .bar:after {
  width:50%;
}
/* active state */
select:focus ~ .highlight {
  -webkit-animation:selectHighlighter 0.3s ease;
  -moz-animation:selectHighlighter 0.3s ease;
  animation:selectHighlighter 0.3s ease;
}

select {
    -moz-appearance: none;
    margin-top: 10px;
    padding: 10px 0 10px 1px;
    text-overflow: "";
}
textArea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #dfdfdf;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
    font-size: 14px;
    padding: 5px 4px 7px 5px;
    width: 100%;
}

/* Integration for Sidepower */
#sidebar-wrapper {
			 margin-top:0px !important;
}
.navbar-brand img{top:13px; }

.rover-table {
    color: #37474f;
    font-size: 14px;
	margin-top: 25px;
}
.rover-table .table > tbody > tr > td:first-child{
    font-weight: 700;
}
.spec-bg{
	background: transparent;
	margin-top: 0;
}
.featuresapp {
    margin-top: 75px;
}
.img-mt{
	margin-top: 90px;
}

.tab-img-mt {
    margin-top: 70px;
}

.feature-list-sec {
    margin-top: 20px;
}
.feature-list {
    padding-left: 0;
	text-align: center;
}
.feature-list > li {
    display: inline-block;
    text-align: center;
    margin: 0 65px;
    max-width: 140px;
    margin-bottom: 30px;
    vertical-align: top;
}
.feature-list > li .img-feat{
    width: 100px;
    height: 100px;
    background-color: #0088cc;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
	margin-bottom: 10px;
}
.img-feat.rover_1{
	background: #64b5f6 url(../images/rover_1.html) center center no-repeat;
}
.img-feat.rover_2{
	background: #64b5f6 url(../images/rover_2.html) center center no-repeat;
}
.img-feat.rover_3{
	background: #64b5f6 url(../images/rover_3.html) center center no-repeat;
}
.img-feat.rover_4{
	background: #64b5f6 url(../images/rover_4.html) center center no-repeat;
}
.img-feat.rover_5{
	background: #64b5f6 url(../images/rover_5.html) center center no-repeat;
}
.img-feat.rover_6{
	background: #64b5f6 url(../images/rover_6.html) center center no-repeat;
}
.img-feat.rover_7{
	background: #64b5f6 url(../images/rover_7.html) center center no-repeat;
}
.img-feat.rover_8{
	background: #64b5f6 url(../images/rover_8.html) center center no-repeat;
}
.feature-list > li p{
    color: #37474f;
    font-size: 18px;
}
.feature-icon-sec {
    padding: 1px 0;
	background-color: #fff;
}
#sidebar-wrapper{
	display: none;
}
#wrapper {
    padding-left: 0;
}

.product-item p {
    font-size: 16px;
    line-height: 32px;
}
.product-item .p-img {
    margin: 20px 0;
}
.product-item h3 {
    color: #0088cc;
}



/**spy scroll**/

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;
    background: #f6b20e;
    border-radius: 4px;
    padding: 10px 8px;
}
/******************Shujait**********************************/
.p-img img{max-width: 100%;}


/*
inspired from https://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }

    .item:nth-child(1) {
      background: blue;
    }

    .item:nth-child(2) {
      background: red;
    }

    .item:nth-child(3) {
      background: orange;
    }


/*------ present -------*/

section.top_banner_bg {
  background: hsl(220, 93%, 6%) url("../images/top_banner.html") no-repeat fixed 0 0 / cover ;
  padding-bottom: 0;
  position: relative;
}
section.top_banner_bg:after {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	content:"";
	background:rgba(1, 10, 28, 0.8);	
}


.top_banner_bg1 {
  background: #56a1d5 url("../images/bg.html") no-repeat fixed 0 0 / cover ;
  position: relative;     padding-bottom: 50px; color: #fff
}


.specfic {
  background: #56a1d5 url(../images/bg2.html) no-repeat fixed 0 0 / cover ;
  position: relative;     padding-bottom: 50px; color: #fff
}



.present {
  position: relative;
  z-index: 2;
}

.present_img {
  position: relative;
  z-index: 2;
}

.present h1 {
font-size: 46px;
color: #fff;
line-height: 67px; font-weight: 600; padding-top: 20px;  padding-bottom: 20px;
}
.present h5 {
  font-weight: 300;
  color: #fff;
	font-size: 22px;
}
.present span {
  color: hsl(37, 99%, 44%);
  font-weight: 700;
}
.present b {
  color: hsl(42, 93%, 51%);
  font-weight: 700;
}

.section_btn .btn.btn-default {
  background: hsl(357, 73%, 49%) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 10px;
  box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
  color: hsl(0, 0%, 100%);
  font-size: 30px;
  font-weight: 600;
  line-height: 64px;
  margin: 40px 5px 0;
  padding: 5px 35px;
  text-shadow: 1px 1px 1px hsl(0, 0%, 0%);
  font-family: roboto slab;
}

.section_btn > span .btn.btn-default {
  background: #f6b20e;
}


.present_img {
  position: relative;
	
}

.section_btn .btn.btn-default:hover {
  background: #ba0a14 none repeat scroll 0 0;
}

.section_btn > span .btn.btn-default:hover {
  background: #d59700 none repeat scroll 0 0;
}

.section_sub_btn .btn.btn-default:hover {
  background: #d7232d none repeat scroll 0 0;
}
section {
    clear: both;
    padding: 50px 0;
}

.top-b {
    clear: both;
    padding: 110px 0;
}

.top-2 {
    clear: both;
    padding: 20px 0px 0px;
}
hr.tall {
    margin: 44px 0;
}

hr {
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    border: 0;
    height: 1px;
    margin: 22px 0;
}


/*-------------------------------------
	5. text size
------------------------------------ */
.font-12 { 	font-size:12px;	line-height:18px;}
.font-14 { 	font-size:14px;	line-height:20px;}
.font-16 { 	font-size:16px;	line-height:22px;}
.font-18 { 	font-size:18px;	line-height:24px;}
.font-20 { 	font-size:20px;	line-height:26px;}
.font-22 { 	font-size:22px;	line-height:28px;}
.font-24 { 	font-size:24px;	line-height:30px;}
.font-26 { 	font-size:26px;	line-height:32px;}
.font-28 { 	font-size:28px;	line-height:34px;}
.font-30 { 	font-size:30px;	line-height:36px;}
.font-32 { 	font-size:32px;	line-height:38px;}
.font-34 { 	font-size:34px;	line-height:40px;}
.font-36 { 	font-size:34px;	line-height:20px;}
.font-38 { 	font-size:38px;	line-height:44px;}
.font-40 { 	font-size:40px;	line-height:46px;}
.font-50 { 	font-size:50px;	line-height:56px;}
.font-60 { 	font-size:60px;	line-height:66px;}
.font-70 { 	font-size:70px;	line-height:76px;}
.font-80 { 	font-size:80px;line-height:86px;}


/*-------------------------------------
	1.1 padding (around)
-------------------------------------*/
.p-a0 {padding:0;}
.p-a5 {padding:5px;}
.p-a10 {padding:10px;}
.p-a15 {padding:15px;}
.p-a20 {padding:20px;}
.p-a25 {padding:25px;}
.p-a30 {padding:30px;}
.p-a40 {padding:40px;}
.p-a50 {padding:50px;}
.p-a60 {padding:60px;}
.p-a70 {padding:70px;}
.p-a80 {padding:80px;}
.p-a90 {padding:90px;}
.p-a100 {padding:100px;}
.p-a110 {padding:110px;}
.p-a120 {padding:120px;}
.p-a130 {padding:130px;}
.p-a140 {padding:140px;}
.p-a150 {padding:150px;}

/*-------------------------------------
	1.2 Padding (top)
-------------------------------------*/
.p-t0 {padding-top:0;}
.p-t5 {padding-top:5px;}
.p-t10 {padding-top:10px;}
.p-t15 {padding-top:15px;}
.p-t20 {padding-top:20px;}
.p-t30 {padding-top:30px;}
.p-t40 {padding-top:40px;}
.p-t50 {padding-top:50px;}
.p-t60 {padding-top:60px;}
.p-t70 {padding-top:70px;}
.p-t80 {padding-top:80px;}
.p-t90 {padding-top:90px;}
.p-t100 {padding-top:100px;}
.p-t110 {padding-top:110px;}
.p-t120 {padding-top:120px;}
.p-t130 {padding-top:130px;}
.p-t140 {padding-top:140px;}
.p-t150 {padding-top:150px;}

/*-------------------------------------
    1.3 Padding (bottom)
-------------------------------------*/
.p-b0 {padding-bottom:0;}
.p-b5 {padding-bottom:5px;}
.p-b10 {padding-bottom:10px;}
.p-b15 {padding-bottom:15px;}
.p-b20 {padding-bottom:20px;}
.p-b30 {padding-bottom:30px;}
.p-b40 {padding-bottom:40px;}
.p-b50 {padding-bottom:50px;}
.p-b60 {padding-bottom:60px;}
.p-b70 {padding-bottom:70px;}
.p-b80 {padding-bottom:80px;}
.p-b90 {padding-bottom:90px;}
.p-b100 {padding-bottom:100px;}
.p-b110 {padding-bottom:110px;}
.p-b120 {padding-bottom:120px;}
.p-b130 {padding-bottom:130px;}
.p-b140 {padding-bottom:140px;}
.p-b150 {padding-bottom:150px;}

/*-------------------------------------
	1.4 Padding (left)
-------------------------------------*/
.p-l0 {padding-left:0;}
.p-l5 {padding-left:5px;}
.p-l10 {padding-left:10px;}
.p-l15 {padding-left:15px;}
.p-l20 {padding-left:20px;}
.p-l30 {padding-left:30px;}
.p-l40 {padding-left:40px;}
.p-l50 {padding-left:50px;}
.p-l60 {padding-left:60px;}
.p-l70 {padding-left:70px;}
.p-l80 {padding-left:80px;}
.p-l90 {padding-left:90px;}
.p-l100 {padding-left:100px;}
.p-l110 {padding-left:110px;}
.p-l120 {padding-left:120px;}
.p-l130 {padding-left:130px;}
.p-l140 {padding-left:140px;}
.p-l150 {padding-left:150px;}

/*-------------------------------------
	1.5 Padding (right)
-------------------------------------*/
.p-r0 {padding-right:0;}
.p-r5 {padding-right:5px;}
.p-r10 {padding-right:10px;}
.p-r15 {padding-right:15px;}
.p-r20 {padding-right:20px;}
.p-r30 {padding-right:30px;}
.p-r40 {padding-right:40px;}
.p-r50 {padding-right:50px;}
.p-r60 {padding-right:60px;}
.p-r70 {padding-right:70px;}
.p-r80 {padding-right:80px;}
.p-r90 {padding-right:90px;}
.p-r100 {padding-right:100px;}
.p-r110 {padding-right:110px;}
.p-r120 {padding-right:120px;}
.p-r130 {padding-right:130px;}
.p-r140 {padding-right:140px;}
.p-r150 {padding-right:150px;}

/*-------------------------------------
	1.6 Padding (left right)
-------------------------------------*/
.p-lr0 {padding-left:0; padding-right:0; }
.p-lr5 {padding-left:5px; padding-right:5px;}
.p-lr10 {padding-left:10px; padding-right:10px;}
.p-lr15 {padding-left:15px; padding-right:15px;}
.p-lr20 {padding-left:20px; padding-right:20px;}
.p-lr30 {padding-left:30px; padding-right:30px;}
.p-lr40 {padding-left:40px; padding-right:40px;}
.p-lr50 {padding-left:50px; padding-right:50px;}
.p-lr60 {padding-left:60px; padding-right:60px;}
.p-lr70 {padding-left:70px; padding-right:70px;}
.p-lr80 {padding-left:80px; padding-right:80px;}
.p-lr90 {padding-left:90px; padding-right:90px;}
.p-lr100 {padding-left:100px; padding-right:100px;}
.p-lr120 {padding-left:120px; padding-right:120px;}
.p-lr150 {padding-left:150px; padding-right:150px;}

/*-------------------------------------
	1.7 Padding (top bottom)
-------------------------------------*/
.p-tb0 {padding-bottom:0; padding-top:0; }
.p-tb5 {padding-bottom:5px; padding-top:5px;}
.p-tb10 {padding-bottom:10px; padding-top:10px;}
.p-tb15 {padding-bottom:15px; padding-top:15px;}
.p-tb20 {padding-bottom:20px; padding-top:20px;}
.p-tb30 {padding-bottom:30px; padding-top:30px;}
.p-tb40 {padding-bottom:40px; padding-top:40px;}
.p-tb50 {padding-bottom:50px; padding-top:50px;}
.p-tb60 {padding-bottom:60px; padding-top:60px;}
.p-tb70 {padding-bottom:70px; padding-top:70px;}
.p-tb80 {padding-bottom:80px; padding-top:80px;}
.p-tb90 {padding-bottom:90px; padding-top:90px;}
.p-tb100 {padding-bottom:100px; padding-top:100px;}
.p-tb120 {padding-bottom:120px; padding-top:120px;}
.p-tb150 {padding-bottom:150px; padding-top:150px;}

/*-------------------------------------
	2.1 margin (around)
-------------------------------------*/
.m-a-1{margin:-1px}
.m-a0 {margin:0;}
.m-a5 {margin:5px;}
.m-a10 {margin:10px;}
.m-a15 {margin:15px;}
.m-a20 {margin:20px;}
.m-a30 {margin:30px;}
.m-a40 {margin:40px;}
.m-a50 {margin:50px;}
.m-a60 {margin:60px;}
.m-a70 {margin:70px;}
.m-a80 {margin:80px;}
.m-a90 {margin:90px;}
.m-a100 {margin:100px;}
.m-a110 {margin:110px;}
.m-a120 {margin:120px;}
.m-a130 {margin:130px;}
.m-a140 {margin:140px;}
.m-a150 {margin:150px;}

/*-------------------------------------
	2.2 marging (top)
-------------------------------------*/
.m-t0 {margin-top:0;}
.m-t5 {margin-top:5px;}
.m-t10 {margin-top:10px;}
.m-t15 {margin-top:15px;}
.m-t20 {margin-top:20px;}
.m-t30 {margin-top:30px;}
.m-t40 {margin-top:40px;}
.m-t50 {margin-top:50px;}
.m-t60 {margin-top:60px;}
.m-t70 {margin-top:70px;}
.m-t80 {margin-top:80px;}
.m-t90 {margin-top:90px;}
.m-t100 {margin-top:100px;}
.m-t110 {margin-top:110px;}
.m-t120 {margin-top:120px;}
.m-t130 {margin-top:130px;}
.m-t140 {margin-top:140px;}
.m-t150 {margin-top:150px;}

/*-------------------------------------
	2.3 marging (bottom)
-------------------------------------*/
.m-b0 {margin-bottom:0;}
.m-b5 {margin-bottom:5px;}
.m-b10 {margin-bottom:10px;}
.m-b15 {margin-bottom:15px;}
.m-b20 {margin-bottom:20px;}
.m-b30 {margin-bottom:30px;}
.m-b40 {margin-bottom:40px;}
.m-b50 {margin-bottom:50px;}
.m-b60 {margin-bottom:60px;}
.m-b70 {margin-bottom:70px;}
.m-b80 {margin-bottom:80px;}
.m-b90 {margin-bottom:90px;}
.m-b100 {margin-bottom:100px;}
.m-b110 {margin-bottom:110px;}
.m-b120 {margin-bottom:120px;}
.m-b130 {margin-bottom:130px;}
.m-b140 {margin-bottom:140px;}
.m-b150 {margin-bottom:150px;}

/*-------------------------------------
	2.4 marging (left)
-------------------------------------*/
.m-l0 {margin-left:0;}
.m-l5 {margin-left:5px;}
.m-l10 {margin-left:10px;}
.m-l15 {margin-left:15px;}
.m-l20 {margin-left:20px;}
.m-l30 {margin-left:30px;}
.m-l40 {margin-left:40px;}
.m-l50 {margin-left:50px;}
.m-l60 {margin-left:60px;}
.m-l70 {margin-left:70px;}
.m-l80 {margin-left:80px;}
.m-l90 {margin-left:90px;}
.m-l100 {margin-left:100px;}
.m-l110 {margin-left:110px;}
.m-l120 {margin-left:120px;}
.m-l130 {margin-left:130px;}
.m-l140 {margin-left:140px;}
.m-l150 {margin-left:150px;}

/*-------------------------------------
	2.5 marging (right)
-------------------------------------*/
.m-r0 {margin-right:0;}
.m-r5 {margin-right:5px;}
.m-r10 {margin-right:10px;}
.m-r15 {margin-right:15px;}
.m-r20 {margin-right:20px;}
.m-r30 {margin-right:30px;}
.m-r40 {margin-right:40px;}
.m-r50 {margin-right:50px;}
.m-r60 {margin-right:60px;}
.m-r70 {margin-right:70px;}
.m-r80 {margin-right:80px;}
.m-r90 {margin-right:90px;}
.m-r100 {margin-right:100px;}
.m-r110 {margin-right:110px;}
.m-r120 {margin-right:120px;}
.m-r130 {margin-right:130px;}
.m-r140 {margin-right:140px;}
.m-r150 {margin-right:150px;}

/*-------------------------------------
	2.6 marging (left right)
-------------------------------------*/
.m-lr0 {margin-left:0; margin-right:0; }
.m-lr5 {margin-left:5px; margin-right:5px; }
.m-lr10 {margin-left:10px; margin-right:10px; }
.m-lr15 {margin-left:15px; margin-right:15px; }
.m-lr20 {margin-left:20px; margin-right:20px; }
.m-lr30 {margin-left:30px; margin-right:30px; }
.m-lr40 {margin-left:40px; margin-right:40px; }
.m-lr50 {margin-left:50px; margin-right:50px; }
.m-lr60 {margin-left:60px; margin-right:60px; }
.m-lr70 {margin-left:70px; margin-right:70px; }
.m-lr80 {margin-left:80px; margin-right:80px; }
.m-lr90 {margin-left:90px; margin-right:90px; }
.m-lr100 {margin-left:100px; margin-right:100px; }
.m-lr120 {margin-left:120px; margin-right:120px; }
.m-lr150 {margin-left:150px; margin-right:150px; }

/*-------------------------------------
	2.7 marging (top bottom)
-------------------------------------*/
.m-tb0 {margin-bottom:0; margin-top:0; }
.m-tb5 {margin-bottom:5px; margin-top:5px; }
.m-tb10 {margin-bottom:10px; margin-top:10px; }
.m-tb15 {margin-bottom:15px; margin-top:15px; }
.m-tb20 {margin-bottom:20px; margin-top:20px; }
.m-tb30 {margin-bottom:30px; margin-top:30px; }
.m-tb40 {margin-bottom:40px; margin-top:40px; }
.m-tb50 {margin-bottom:50px; margin-top:50px; }
.m-tb60 {margin-bottom:60px; margin-top:60px; }
.m-tb70 {margin-bottom:70px; margin-top:70px; }
.m-tb80 {margin-bottom:80px; margin-top:80px; }
.m-tb90 {margin-bottom:90px; margin-top:90px; }
.m-tb100 {margin-bottom:100px; margin-top:100px; }
.m-tb120 {margin-bottom:120px; margin-top:120px; }
.m-tb150 {margin-bottom:150px; margin-top:150px; }

/*-------------------------------------

/*-------------------------------------
	2. background color
-------------------------------------*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#333;}
.bg-secondry{background-color:#efefef;}
.bg-white{background-color:#FFF;}
.bg-black{background-color:#333;}
.bg-black-light{background-color:#212121;}
.bg-gray{background-color:#f6f7f8;}
.bg-gray-light{background-color:#f1f1f1;}
.bg-gray-dark{background-color:#d3d3d3;}
.bg-red{background-color:#fb5455;}
.bg-green{background-color:#a5de5c;}
.bg-yellow{background-color:#fff333;}
.bg-dark-blue{background-color:#161b23;}
.bg-light-blue{background-color:#3097db; color: #fff}
.bg-light-gra1{background-color:#2893a1;}


.blog-grid1{ position:relative; background:#fff; border:1px solid #eee; border-radius:5px; overflow:hidden; -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16);  }
.blog-grid1 img{ max-width:100%; }

.blog-grid{ position:relative; background:#fff; border:1px solid #eee; border-radius:5px; overflow:hidden; -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16);  }
.blog-grid img{ max-width:100%; }



.data-box-grid{ display:block; float:right; position:absolute; background:#2893a1; left:20px; top:15px; padding:5px 10px; z-index:1; min-width:60px; text-align:center; }
.data-box-grid h5{ font-size:14px; line-height: normal; letter-spacing:2px; border-right:1px solid rgba(255, 255, 255, .3); margin-right:8px; display:inline-block; vertical-align:middle; padding-right:8px; margin-bottom:0; color:#fff; }

.blog-grid .data-box-grid p{ font-size:14px; margin-bottom:0; padding:0; border:none; color:#fff; display:inline-block; vertical-align:middle; text-transform:uppercase; }
.blog-grid-text{ padding:15px 15px 15px 15px; position:relative; }
.blog-grid-text > span{ color:#47588f; font-size:13px; font-weight:500; letter-spacing:2px; text-transform:uppercase; }
.blog-grid-text h4{ font-size:16px; line-height:normal; margin-bottom:15px; color: #333; font-weight: 400 }
.blog-grid-text ul li{ display:inline-block; color:#3d4543; font-size:15px; font-weight:300; }
.blog-grid-text ul li i{ color:#47588f; font-size:14px; font-weight:300; margin-right:10px; }
.blog-grid-text p{ color:#3d4543; font-size:15px; font-weight:300; line-height:22px; border-top:1px solid #ececec; padding:10px 0; margin-bottom:0; }

.readmoreDw{display: inline-block; padding: 5px 0px; border-bottom:#666 solid 2px; color:#666; transition: all 0.6s;}
a.readmoreDw:hover{text-decoration: none; color: #0a2a39; border-bottom-color: #0a2a39;}

.readmo{display: inline-block; padding: 5px; border:1px solid #2893a1; color:#2893a1; font-size: 14px !important; transition: all 0.6s;}
a.readmo:hover{text-decoration: none; color: #fff; background: #2893a1; }



.map-analytics {
			background: #2893a1 url(../images/map-bg.png) no-repeat fixed 0 0 / cover ;
  position: relative;     padding-bottom: 50px; color: #fff;
		}

		#mapdatammi_b{background: url(../images/mapdata_bottom.jpg) center center no-repeat; background-size: cover; min-height: 500px; padding: 50px 0px;}
		
		#mapdatammi_b img{max-width: 100%;}
		.map-data-h {
			padding: 20px;
			color: #333;
			font-weight: 400;
/*			text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;*/
/*		background: rgba(25, 46, 91, 0.8);*/
			margin: 5vh 0px 25vh;
/*		box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px; border-radius: 4px;*/
		}


.map-data-h h1 {font-size:36px;
/*			white-space: nowrap;*/

			color: #111;
			line-height:48px
		}
		
		.textbanner {
			font-size:22px !important;
			line-height:32px !important;
			padding: 20px 0px 20px;
		}

.readmo{display: inline-block; padding: 5px; border:1px solid #2893a1; color:#2893a1; font-size: 14px !important; transition: all 0.6s;}
a.readmo:hover{text-decoration: none; color: #fff; background: #2893a1; }


.online{ color: #3d4543}
a.online:hover{text-decoration: underline; color: #555; }



.for-subtitle-t {
    font-size: 16px;
    color: #3d4543;
    padding: 5px 0px 1px;
    font-weight: 300;
}
.text-white{color:#fff;}


.description {
    font-size: 15px; color: #3d4543; line-height: 22px;
}


.webser {
			background: #2893a1 url(../images/bg3.jpg) no-repeat fixed 0 0 / cover ;
  position: relative;     padding-bottom: 50px; color: #fff;
		}


.fea {
			background: #2893a1 url(../images/web-bg.jpg) no-repeat fixed 0 0 / cover ;
  position: relative;     padding-bottom: 50px; color: #fff;
		}





.tex-c{ padding: 5px; text-align: center;
		}



p{font-size: 15px; padding: 20px 0px;

}
.heading1{font-size:16px; font-weight: 600; text-align: left; color: #0b4f59;}

.btn-banner2 {

    border-width: 1px;
    border-style: solid;
    border-color: #fff ;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #2893a1;

}

a.btn-default2:hover {

    color: #fff !important;
   

}




/*	 Tables
================================== */
.mmi_table_strac h2{padding: 15px 0px; text-align: center;}
.Rtable {
  display: flex; 
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;  align-items: center;

}
.Rtable-cell {
  box-sizing: border-box; text-align: center;
  flex-grow: 1; height:240px; 
  width: 100%;   
  padding: 30px 1.2em;
  overflow: hidden;    align-items: center;
  list-style: none;
  border-right: solid 1px rgba(255,255,255,0.1);
	border-bottom: solid 1px rgba(255,255,255,0.1);
  background: fade(slategrey,20%);
 
}

.Rtable-cell:hover {
background: rgba(25, 46, 91, 0.6);
 
}


.Rtable--4cols > .Rtable-cell  { width: 25%; }
 
.Rtable-cell  h1,  .Rtable-cell h2, .Rtable-cell  h3, .Rtable-cell  h4, .Rtable-cell h5, .Rtable-cell h6 { margin: 0; }


/* Table column sizing
================================== /
  
.Rtable--2cols > .Rtable-cell  { width: 50%; }
.Rtable--3cols > .Rtable-cell  { width: 33.33%; }
.Rtable--4cols > .Rtable-cell  { width: 25%; }
.Rtable--5cols > .Rtable-cell  { width: 20%; }
.Rtable--6cols > .Rtable-cell  { width: 16.6%; }
*/


@media (min-width:769px){.Rtable--4cols > .Rtable-cell  { width: 25%; }.Rtable--4cols div:nth-child(4n+ 4){border-right: none;}
.Rtable--4cols div.last{border-bottom: none;}}

@media only screen and (max-width:481px) { .Rtable--4cols div{border-right: none;}
.main_slider .map-data-h {
 
 
	margin: 3vh 0px;}
.main_slider .map-data-h h1 {

    font-size: 30px;
 
    color: #fff;
    line-height: normal;

}
	.main_slider .textbanner br{display: none;}
.main_slider .textbanner {

    font-size: 16px;
    line-height: 26px;
    padding: 10px 0px 20px;
   color: #fff;
}
	
	.main_slider .carousel-inner {

    min-height: 417px;

}
	.main_slider .btn-banner2 {
 
		margin-bottom: 24px;
	}
	.main_slider .carousel-item:before{content: ""; display: block; position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.7);}
	.main_slider .carousel-item {
		background-position: 75% 100%;
		min-height: 450px; 
		background-size: auto 100%:}
}

@media only screen and  (max-width:768px) and (min-width:481px)  {.Rtable--4cols > .Rtable-cell  { width: 33%; }.Rtable--4cols div{border-right: none;}.Rtable--4cols div:nth-child(3n+ 3){border-right:solid 1px rgba(0,0,0,0.0);}.Rtable--4cols div{border-right:solid 1px rgba(0,0,0,0.08);}}
@media only screen and  (max-width:480px) and (min-width:320px)  {.Rtable--4cols > .Rtable-cell  { width: 50%; }.Rtable--4cols div:nth-child(2n+ 1){border-right:solid 1px rgba(0,0,0,0.08);}}



.headingMMi{padding:15px 0px; clear: both; color:#000; text-align: center;}
.mmi_mmi_webstore  .image-topCir{height: 180px; transition: all 0.5s; width: 180px; border-radius: 100%; margin-bottom: 15px; box-shadow: rgba(0,0,0,0.01) 0px 2px 3px; display: inline-block; background-color:#f2f2f2; cursor: pointer}

.mmi_mmi_webstore  .image-topCir.callCenterImg{background: url(../images/call_center_image.png) center center no-repeat; background-size: cover} 
.mmi_mmi_webstore  .image-topCir.servicesBox{background: url(../images/service.png) center center no-repeat; background-size: cover} 
.mmi_mmi_webstore  .image-topCir.online_store{background: url(../images/online_store.png) center center no-repeat; background-size: cover} 
.mmi_mmi_webstore  .image-topCir.stores_across{background: url(../images/stores_across.png) center center no-repeat; background-size: cover} 
.mmi_mmi_webstore  .image-topCir:hover{transform: scale(1.2);box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;}
.mmi_mmi_webstore li{list-style: none; font-size: 14px;   position: relative}
.mmi_mmi_webstore li a{color:#f3f3f3}
.mmi_mmi_webstore li:before{content: "";height: 6px; width: 6px; background: #666; top:7px; border-radius: 100%; position: absolute;  margin-left: -12px; }
.top-cont{padding: 12px 0px;font-weight: 300;color: #14727e;line-height: 34px; font-size: 22px}

.top-grid1 {
}
.top-grid1 span {
    background: #192e5b none repeat scroll 0 0;
    border: 2px solid #192e5b;
    border-radius: 30em;
    display: inline-block;
    height: 100px;
    transition: all 0.5s ease 0s;
    width: 100px;
}

.top-grid1 span1 {
    background: #a5ae51 none repeat scroll 0 0;
    border: 5px solid #a5ae51;
    border-radius: 30em;
    display: inline-block;
    height: 100px;
    transition: all 0.5s ease 0s;
    width: 100px;
}



.top-grid1 span2 {
    background: #fdd87f none repeat scroll 0 0;
    border: 5px solid #fdd87f;
    border-radius: 30em;
    display: inline-block;
    height: 100px;
    transition: all 0.5s ease 0s;
    width: 100px;
}

.top-grid1 span3 {
    background: #f78f1e none repeat scroll 0 0;
    border: 5px solid #f78f1e;
    border-radius: 30em;
    display: inline-block;
    height: 100px;
    transition: all 0.5s ease 0s;
    width: 100px;
}



.top-grid1 label {
   background: rgba(0, 0, 0, 0) url(../images/what-we-do.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 66px;
    margin-left: 0.2em;
    margin-top: 1em;
    text-align: center;
    width: 40px; 
}
.top-grid1 span1 label.icon2 {
    background-position: -100px 0;
}
.top-grid1 span2 label.icon3 {
    background-position: -202px 0;
}
.top-grid1 span3 label.icon4 {
    background-position: -323px 0;
}

.top-grid1 span4 label.icon5 {
    background-position: -428px 0;
}

.top-grid1 h3 {
    text-transform: capitalize;
	 color: #575757;
}
.top-grid1 h3 a {
    color: #575757;
}
.top-grid1 h3 a:hover {
    text-decoration: none;
}
.top-grid1 p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6em; padding-top: 16px;
}
.top-grids1 {
    padding: 1.5em 0;
}
.top-grid1:hover span {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}

.top-grid1:hover span1 {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}

.top-grid1:hover span2 {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}
.top-grid1:hover span3 {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}