
em{
	font-family: 'Lato', sans-serif;
}
strong, b{
    font-family: 'Lato', sans-serif;
}
a{
	color:#f26522;
}
a:hover{
	color:#042143;
	text-decoration:none;
}
ul li 
{
    list-style:none;
}
#toTop {
	width: 40px;
	background: #3a74a7;
	text-align: center;
	padding: 5px;
	position: fixed; /* this is the magic */
	bottom: 10px; /* together with this to put the div at the bottom*/
	right: 10px;
	cursor: pointer;
	display: none;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	border-radius: 20px;
	z-index: 999;
	line-height: 30px;
	-webkit-animation: roundWheel 5s infinite; /* Safari 4+ */
	-moz-animation:    roundWheel 5s infinite; /* Fx 5+ */
	-o-animation:      roundWheel 5s infinite; /* Opera 12+ */
	animation:         roundWheel 5s infinite; /* IE 10+ */
}
#toTop:hover {
	background: #d9d835;
    color:#000;
}
body{
	background:#fff;
	color:#444444;
	font-size:16px;
	line-height:180%;
    font-family: 'Lato', sans-serif;
}
#header{
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
    background:#2776bb;
}
.topLinks{
	list-style-type:none;
	font-size:14px;
	text-align:right;
	padding:0px;
	margin:30px 0 30px 0;
}
.topLinks > li{
	display:inline-block;
    color:#fff; 
}
.topLinks > li > a{
	display:inline-block;
    color:#fff;
    font-size:18px;
    padding-left:15px;
}
    .topLinks > li > a:hover,   .topLinks > li > a.active 
    {
        color:#e7e529;
    }
.topLinks > li > .glyphicon{
	font-size:16px;
	color:#fff;
}
#nav{
	float:right;
	width:100%;
	padding:7px 0px;
    margin:0px;
    padding:0px;
    position:relative;
    top:1px;
}
.navbar-nav 
{
    float:right;
}
#nav ul{
	list-style-type:none;
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
	padding:0px;
	margin:0px;
}
#nav ul > li{
	display:inline-block;
    margin-left:2px;
}
#nav ul > li > a{
	display:inline-block;
	padding:0px 16px;
	color:#fff;
    font-size:16px;
    letter-spacing:1px;
	line-height:37px;
}
#nav ul > li.active > a, #nav ul > li:hover > a, #nav ul > li:focus > a{
	background:#e7e529;
    color:#2b2b2b;
}
.navbar-toggle{
	border:1px solid #fff;
}
.navbar-toggle .icon-bar{
	background:#fff;
}
#nav.fixed {
	position:fixed;
	top:0px;
	z-index:999;
    background:#2775bb;
    height:41px;
    width:100%;
    left:0px;
}
    #nav.fixed ul 
    {
        width:934px;
        margin: 0 auto;
        float:none;
    } #nav ul li.logo {
        display:none;
        }
        #nav.fixed ul li.logo {
        display:block;
        }
            #nav.fixed ul li.logo img 
            {
                width:11%;
            }
        #nav.fixed ul li a 
        {
            line-height:41px;
        }
            #nav.fixed ul li.logo a:hover {
            background:none;
            }

.dropdown-menu 
{
    background:#e7e529;
}


#nav ul li:hover .dropdown-menu
{
    display:none;
}
#nav ul li.dropdown:hover .dropdown-menu
{
    display:block;
	width:22em;
}

    #nav ul:hover .dropdown-menu li a:hover
     
    {
        color:#fff !important;
    } 
    #nav ul > li:hover .dropdown-menu li a 
    {
       color:#2b2b2b !important;
       text-transform:capitalize;
       font-size:16px;
	   
    }

        #nav ul > li:hover .dropdown-menu li:hover a 
        {
            color:#26659a;
        }
#slider{
	background:#f2f2f2;
	float:left;
	width:100%;
	position:relative;
}
#content{
	float:left;
	width:100%;
}
.ourMisssion 
{
    background:#3470a4 url(../images/serviceBg.jpg) no-repeat center;
    padding:0px;
    width:100%;
    float:left;
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:20px;
    color:#fff;
}
.ourMisssion h2 
    {
        color:#fff;
    }


.banner
{

    padding:0px;
    margin:0px;
}
.banner img
{
        width:100%;
    display:block;
    border-bottom:2px solid #2978bb;
}
.flexslider .slides img 
{
    border-bottom:2px solid #2978bb; 
}
.contactMapImages
{
    padding:0px 0 20px 0;
    margin:0px 0 0 0;
}
.contactMapImages img
{
    display:block;
}

#service 
{
    float:left;
    height:auto;
    width:100%;
 

}

.serviceImg 
{
     margin:0 auto;
     height:auto;
     padding:20px 0px;
}

h1{
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:28px;
	color:#457cac;
	font-family: 'Lato', sans-serif;
	margin:40px 0 20px 0;
  
}
    h1 span 
    {
   border-bottom: 4px solid #487ead;
    clear: both;
    display: block;
    height: 4px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 90px;
}

h2{
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:26px;
	color:#457cac;
	font-family: 'Lato', sans-serif;
	margin:40px 0 20px 0;
  
}
    h2 span 
    {
   border-bottom: 4px solid #87a6c1;
    clear: both;
    display: block;
    height: 4px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 90px;
}


h3{
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:26px;
	color:#3470a4;
    text-align:center;
	font-family: 'Lato', sans-serif;
	margin:20px 0 20px 0;
  
}
    h3 span 
    {
   border-bottom: 4px solid #487ead;
    clear: both;
    display: block;
    height: 4px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 90px;
}

h4{
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:26px;
	color:#fff;
    text-align:center;
	font-family: 'Lato', sans-serif;
	margin:20px 0 20px 0;
  
}
    h4 span 
    {
   border-bottom: 4px solid #87a6c1;
    clear: both;
    display: block;
    height: 4px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 90px;
}


h6{
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:18px;
	color:#fff;
    line-height:18px;
    text-align:center;
	font-family: 'Lato', sans-serif;
	margin:20px 0 20px 0;
  
}
    h6 span 
    {
   border-bottom: 4px solid #87a6c1;
    clear: both;
    display: block;
    height: 4px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 90px;
}




h5{
	font-size:20px;
    	text-transform:uppercase;
    letter-spacing:2px;
	color:#fff;
    padding:20px 0px;
    line-height:20px;
	font-family: 'Lato', sans-serif;
	margin:0px 0px 5px 0px;
}


.innerContain h3
{
    	text-transform:capitalize;
    	margin:0px 0 5px 0;
    	line-height:140%;
}

.innerContain h2
{
    font-size:22px;
}
.innerContain > ul
{
    padding:0px;
    margin:0px 0 0 15px;
}
.containNew > ul
{
    padding:0px;
    margin:0px 0 0 15px;
}

.table-bordered thead tr th
{
    border:none;
}
.table-sprite
{
    margin-bottom:30px;
}


.thelanguage ul
{
        padding:0px;
    margin:0px 0 0 25px;
}
.thelanguage ul li
{
    list-style-type:upper-alpha;
}

.homeContent{
	padding:0px 5%;
}


.InnerContent{
	padding:0px 5% 30px 5%;
}
.banner 
{
    width:100%;
    float:left;
    height:auto;
}

.innerContent{
	width:100%;
	height:100%;
	border:1px solid #dbdbdb;
	min-height:300px;
	padding:24px 10px 0px 20px;
}
#appointform  input[type=text]{
	height:33px;
	border:1px solid #e9e9e9;
	border-radius:0px;
	box-shadow:0px 0px 0px #fff;
	font-size:12px;
	font-family:arial;
}
.appointBtn
{
    margin:10px 0 0 0px;
}
.formAppointments
{
    padding:0px;
}
.appointmentRequest
{
    padding:0 0px 0 30px;
}
.containNew
{
    float:left;
}





.captcha{
	font-size:11px;
	text-transform: uppercase;
	height:33px;
	border:1px solid #e9e9e9;
	font-family:arial;
	margin-bottom:15px;
	line-height:33px;
}
#appointform  input[type=text]:focus{
	border:1px solid #063a78;
	box-shadow:0 1px 1px rgba(0, 60, 120, 0.075) inset, 0 0 8px rgba(50, 100, 200, 0.6);
}
#appointform  input[type=text].error, textarea.error{
	border:1px solid #f26522;
	box-shadow:0 1px 1px rgba(164, 164, 164, 0.075) inset, 0 0 8px rgba(170, 75, 30, 0.6);
}
#appointform  input[type=text].valid, textarea.valid{
	border:1px solid rgba(82, 168, 236, 0.8);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.btn{
	background:#3470a4;
	border-radius:0px;
	color:#fff;
    padding:8px 15px;
    font-size:16px;
    border-radius:2px;
    text-transform:uppercase;
    margin-top:20px;
}
.btn:hover, .btn:active, .btn:focus{
	background:#e0db34;
	color:#222222;
}
.whyus{
	position:relative;
}
.txtwhyUs{
	position:absolute;
	left:50%;
	top:50%;
	margin:-94px 0px 0px -94px;
	width:188px;
	height:188px;
	background:rgba(13,38,68,0.7);
	border-radius:200px;
	text-align:center;
	font-size:26px;
	color:#fff;
	line-height:188px;
	font-family: 'LatoLight';
	display:block;
	transition: all 0.5s ease-out 0s;
}
.contentwhyUs{
	display:block;
	background:rgba(13,38,68,0.7);
	position:absolute;
	left:15px;
	top:0px;
	height:100%;
	padding-top:15px;
	color:#fff;
	width:92%;
	display:none;
	transition: all 0.5s ease-out 0s;
}
.whyus:hover .txtwhyUs{
	display:none;
}
.whyus:hover .contentwhyUs{
	display:block;
}
.testimonials{
	float:left;
	width:100%;
	height:auto;
	margin-top:40px;
	background:#3a74a7 url(../images/testimonialBg.jpg) center center no-repeat;
	padding:20px 0px;
    color:#fff;
}

.testimonials .image{
	margin-right:15px;
}
.carousel-indicators{
	position:relative;
	bottom:0px;
	margin:30px 0px 0px 0px;
	left:0px;
	width:100%;
}
.carousel-indicators li{
	width:14px;
	height:14px;
	background:#e0db34;
	margin:0px 3px !important;
	border:0px;
}
.carousel-indicators .active{
	width:14px;
	height:14px;
	background:#fff;
	margin:0px 3px !important;
	border:0px;
}

.copyrightInner
{
    	text-align:center;
}
.copyright{

	font-size:14px;
	float:left;
	width:100%;
}

#footer
{
    width:100%;
    float:left;
    margin: 0px 0px 0px 0;
    position:relative;
        background:#e7e529 url(../images/contactFooter.jpg) no-repeat center;
}
.footerBottom
{
    width:100%;
    float:left;
    margin: 0px 0px 30px 0;
    position:relative;

}
.why 
{
  background:#f2f2f2;
  padding:20px 0px;
  float:left;
  width:100%;
}

.address 
{
    color:#fff;
}
.mail 
{
    color:#fff;
}
    .mail a 
    {
        color:#fff;
    }
        .mail a:hover 
        {
            color:#e1e03c;
        }
/*************PinBounce**************/  

.pin {
  width: 21px;
  height:35px;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 5%;
  margin:-2px 0 0 -12px;
  background:url(../images/mapBounce.png) no-repeat;
}
.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background:#fff;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top:5%;
  margin: 12px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 25px;
  width: 25px;
  position: absolute;
  margin:12px 0 0 -2px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #fff;
  animation-delay: 1.1s;
}

.pinBounce {
    float: left;
    height: auto;
    min-height:77px;
    width: 100%;
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(0deg);
  }
}


/*************PinBounce**************/


.footerMenu{
	width:100%;
	margin-top:0px;
	padding-top:15px;
	float:left;
	border-top:1px solid #608db7;
	border-width:2px;

}
.footerMenu ul{
	list-style-type:none;
	font-size:16px;
	text-align:center;
	padding:0px;
	margin:0px;
}
.footerMenu ul > li{
	display:inline-block;
    color:#fff;
}
.footerMenu ul > li > a{
	display:inline-block;
	padding:0px 10px;
	color:#ededed;
	line-height:37px;
    text-transform:capitalize;
}
.footerMenu ul > li.active > a, .footerMenu ul > li:hover > a{
	color:#e2e13c;
}


.lineBox 
{
    margin:20px 0px;
}
.lineBox ul li
{
    list-style-type:none;
    padding:0 0px 10px 0px;

}
.lineBox a 
{
padding:0 5px;
color:#fff;
font-size:30px;

}
.lineBox a:hover
{
color:#e2e13c;
              
}

.lineBox a i 
{  
transition: transform 0.5s;
webkit-transition: transform 0.5s;    	
}
.lineBox a i:hover
{  
transform: rotate(360deg);
webkit-transition:rotate(360deg);   	
}
.lineBox ul
{
      list-style-type: none;
    margin: 0;
    padding: 0;
}
.lineBox ul li span
{
    float:left;
    margin:0 10px 0 0;
}


.copyright 
{
float:left;
width:100%;
height:auto;
padding:10px 0px;
}

/*Faq*/
.mypets{ 
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}
/*Faq close*/





















@-webkit-keyframes roundWheel {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes roundWheel {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes roundWheel {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes roundWheel {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/*  
Custom Css by vinit
 **/

/*--clients--*/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-ul li{float:left;}

.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
}
.nbs-flexisel-item img {
	position: relative;
	max-width:300px;
	max-height:100px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 40px;
	height: 35px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	margin-top:9em;
}
.nbs-flexisel-nav-left {
	left: 24em;
	background: url(../images/img-sprite.png) no-repeat -75px -176px;
}
.nbs-flexisel-nav-right {
	right: 24em;
	background: url(../images/img-sprite.png) no-repeat -114px -176px;
}
/********************/

/** Latest News **/

.latest-news {
  background: none repeat scroll 0 0 #f8f8f8;
}

.element{padding-bottom:2em;}
.grid_7 img {
  height: 210px;
  width: 100%;
}

.element p {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin:10px 0 0px 0;
	padding: 0 10px;
}
.element h4{
	color: #1f3e4f;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 39px;
	margin-bottom: 17px;
}

/*-- contact-page-starts-here --*/

.contact-form_grid {
	text-align: center;
}
.contact-form_grid input[type="text"],.contact-form_grid textarea {
	display: block;
	width: 99%;
	padding:12px;
	outline: none;
	font-size: 14px;
	font-weight:bold;
	color: #D6D5D5;
	background: #FFF;
	border: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	margin-bottom:1em;
}
.contact-form_grid input[type="text"]:focus,.contact-form_grid textarea:focus {
	color:#ADADAD;
}
 .contact-form_grid textarea {
	height:170px;
	resize:none;
}
.contact-form_grid input[type="submit"] {
	display:block;
	font-size:18px;
	font-weight:600;
	color:#FFF;
	text-transform:uppercase;
	padding:12px 0px;
	width:100%;
	background:#457CAC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border:none;
	border-bottom:4px solid #457CAC;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-apperance:none;
	outline:none;
}
.contact-form_grid input[type="submit"]:hover {
	 background:#457CAC;
	 border-bottom:4px solid #457CAC;
}
.contact-form_grid input[type="submit"]:active {
  position:relative;
  bottom:-2px;
}
.contact_right {
	background: #f1f1f1;
	padding: 5%;
}
.contact.about-desc {
	padding: 4em 0;
}
.contact.about-desc h3{
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 1.5em;
	text-align:center;
}
.contact_address {
	margin: 2em 0;
}
.contact_grid h5 {
	color: #457CAC;
	font-size:1.5em;
}
.contact_grid p {
	color:#999;
	line-height: 1.8em;
}
p.m_6 {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin: 8px 0 15px 0;
	opacity: 0.7;
}
p.m_7 {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin: 8px 0 15px 0;
	opacity: 0.7;
}
.contact_left h4{
	font-size:2em;
	font-weight:400;
	color:#457CAC;
	text-transform: uppercase;
	text-align:left
}
/*-- blog-page-starts-here --*/
.head_element {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	text-align: center;
	padding-top: 7px;
	margin-right: 20px;
	margin-bottom: 17px;
	float: left;
}
.grid_4{
	
}
.alpha1 {
  float: left;
  margin-right: 3%;
  width: 25%;
}
.alpha1 img{
	width:100%;
}
.head_element span {
	color: #3470a4;
	font-size: 1.8em;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
}
.sub{
	float:left;
	margin-top: 1.3em;
}
a.readblog{
	color: #1f3e4f;
	font-size: 1.6em;
	text-transform:uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom:3px;
	text-decoration:none;
}
.sub_head a{color:#3470a4}
.sub p{
	color: #1f3e4f;
	font-size:1em;
	font-weight:300;
}
.sub a:hover{
	color:#3470a4;
}
article.clearfix {
	margin: 2em 0 3em 0;
}
.blog-section {
	padding: 4em 0;
}
h2.with-line {
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
	text-align: center;
}
.right_column h2 {
	text-align: left;
	font-size: 2.3em;
	margin: 1em 0 0.4em 0;
}
.grid_b4 h5{
	font-size: 1em;
	color: #1f3e4f;
	line-height: 1.8em;
}
.left_column {
	width: 100%;
	padding: 0 50px 0 0;
}
.col-md-8.subscribe > h3 {
  text-align: left;
}
.grid_b4 p {
	color: #333333;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	margin: 15px 0 27px 0;
	opacity: 0.6;
}
.right_column li {
	line-height: 14px;
	padding: 7px 0 7px 18px;
	background: url(../images/bullet.png) left 16px no-repeat;
	font-size: 13px;
	list-style-type:none;
}
.right_column li a { 
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	opacity: 0.6;
	text-decoration:none;
}
.right_column li a:hover{
	color:#fc5700;
	padding-left:10px;
}
.grid_b4 {
  float: left;
  width: 100%;
  text-align: justify;
}
/*** Page numbers ***/
.content-pagenation{
	text-align:center;
}
.content-pagenation li {
	display: inline-block;
}
.content-pagenation li a {
	color:#fc5700;
	font-size: 1em;
	background: #FFF;
	padding: 10px 12px;
	border: 1px solid #fc5700;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.content-pagenation li a:hover{
	background:#fc5700;
	color:#FFF;
}
td {
  
  font-weight: bold;
  padding-top: 5px;
  float: left;
}
.contacts{
	float:none;
}

.descriptions {
  float: left;
  padding: 0 30px;
  width: 530px;
}

#slider3{
	max-width:1100px !important;
}
#slider3 img{
	width:560px !important;
}

dl {
  text-align: center;
}
dd {
  margin-top: 30px;
  font-size: 16px;
}
.descriptions a {
  text-decoration: none;
}

.descriptions a:hover {
  text-decoration: none;
  color:#FC5700;
}
.titleimg img {
  height:400px;
  width: 100%;
}

.thumbportfolio {margin:0px;padding:0px;}

.aboutcontant{ margin-bottom:20px;}

/*-- services-page-starts-here --*/
.services_overview h2 {
	color: #3470a4;
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
}

.service_grid p{
	color: #E6E6E6;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.8em;
	margin: 8px 0 0 0;
	text-align:center
}
.services_overview{
	background:#457cac;
	padding: 4em 0;
}
.s-map{
	margin-top:0;
}


  .imgdemo {
  position: relative;
  margin: auto;
  width: 100%;
  margin:25px 0;
  }
  .imgdemo img {
  display:inline-block;
  position:relative;
  padding:1px;
  border: 1px solid #c4c4c4;
  margin:0px 37px 0px 0px;
  width:254.7px;
  height:175px;
  }
  .demo p {
  position: relative;
  margin: auto;
  width: 100%;
  }
  .imgdemo p {
  display:inline-block;
  position:relative;
  padding:1px;
  border: 0px solid #c4c4c4;
  margin:0px 37px 0px 0px;
  width:254.7px;
  text-align:center;
  border:2px solid #3470A4;
  border-radius:4px;
  }
  
  .imgdemo a {
  display:inline-block;
  position:relative;
  padding:1px;
  border: 0px solid #c4c4c4;
  margin:0px 37px 0px 0px;
  width:254.7px;
  text-align:center;
  border:2px solid #3470A4;
  border-radius:4px;
  color:#3470A4;
  }
 
  
.button{ display: inline-block; background: #000; padding:5px 10px; z-index: 0; color: #fff; }
.overlay{ z-index:5; background: rgba(0, 0, 0, .50); display: block; position:fixed; width: 100%; height: 100%; }

.popup{ padding: 10px 10px 35px; background: #fff; z-index: 999; display: none; position: absolute; width:50em; position: fixed;margin:15% 25% 0;border-radius:20px}


.cloose{ font-weight: bold; color: #3470A4; float: right; position: absolute; bottom: 5px; right: 20px;

 }
.accept{ font-weight: bold; color: #3470A4 ; float: left; position: absolute; bottom: 5px; left: 20px;
  }


.g{
    background: #32aaf7 none repeat scroll 0 0;
    border-bottom: 5px solid #0072bc;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    padding: 0.7em 1.35em;
	text-align:center;
	margin:0px;
	
	border-radius:10px;
}

 

/*-----*/

