@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#333; margin:0; padding:0; background:#fff; font-size:13px;}
h1, h2, h3, h4, p, a, img, ul, li {margin:0; padding:0; outline:none; border:none;}
a {text-decoration:none; color:#930}

.clear {clear:both;}
.bold {font-weight:bold; font-size:12px;}
.blue-txt {color:#0052a3;}
.sml-txt {font-size:11px; color:#666;}
.txt-center {text-align:center;}
.error {
width: 100%;
color: #F06B6B;
padding-left: 2px;
font-size: 12px;
}
.error-msg{
	border:1px solid #F06B6B !important;
}


h1 {font-size:20px; color:#0052a3; padding:20px 0 5px 0; text-align:center;}
p{margin:5px 0; font-size:13px;text-align: justify;}
img {max-width:100%;}

.wrap-main {width:95%; margin:auto;}
.logo {margin:10px auto; width:210px;}
.btn-expand {float:right; padding:1.5%; color:#036; border:solid 1px #fff; font-size:25px;
} 
.btn-call-us {float:left; padding:2.5%; text-align:center; font-size:16px; color:#fff; width:40%; text-decoration:none;
background:#0d4992; margin:2%; 
-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	}

.content-box {background:#f6f4e8; padding:10px; margin:10px auto;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.abt img{width: 96%;max-width: 100%; border: 7px solid #f5f5f5;}	
.content-box ul {margin:0 auto; width: 100%;}
.content-box li {list-style:inside none; display:block; padding:3px; font-weight:bold; font-size:12px;}
.circle {
width: 85px;
margin: 20px auto 0;
height: 85px;
background: #d7d7d7;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease-in-out;
}
.circle:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.circle img{
text-align: center;
width: 48px;
height: 45px;
margin: 18px 0 0 19px;
}
.serv-text-inner h3{
font-size: 19px;
}
.serv-text-inner{
text-align: center;
padding: 4px 0 10px;
width: 100%;
}
.serv-text-inner a{
background: #00a64d;
padding: 10px 25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #FFF;
}
.serv-text-inner p{
    text-align: center;
    margin: 5px 0 15px;
    font-weight: normal;
}
.service-point li {
background: url(../images/taxe-icon.png) no-repeat scroll 0 0 rgba(0,0,0,0);
color: #0C4892;
font-size: 14px;
font-weight: 700;
margin: 11px 0;
padding: 0 0 0 25px;
}
.content-box .business-point ul li{list-style: disc;font-weight: normal;}

.contact-section{
width:100%;
padding-bottom: 10px;
}
.contact-section .fld{
background: #FFF;
border: 1px solid #D8D8D8;
border-radius: 4px;
display: block;
margin: 0 0 10px;
padding: 3% 2%;
width: 96%;

}
.contact-section textarea {
background: #FFF;
border: 1px solid #D8D8D8;
border-radius: 4px;
color: #474747;
display: block;
height: 55px;
margin: 0 0 5px;
padding: 2%;
width: 96%;
resize: none;
}
.contact-section .btn{
background: none repeat scroll 0% 0% #00A64D;
margin-top: 3px;
padding: 10px 25px;
border-radius: 2px;
color: #FFF;
border: none;
cursor: pointer;
}
.cntct-pop-up a{
    width: 100%;
    color: #FFF;
    background: #00a64d;
    text-align: center;
    padding: 10px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
    display: block;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}
.sp-center {
    margin: auto;
    background: #fff;
    border-radius: 2px;
    padding: 1% 2%;
    float: none;
    position: absolute;
    position: relative;
    top: 1%;
}
.sp-center #close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .5
}
.sp-center #close:hover {
    opacity: 1
}
.overlay .contact-section {
width: 285px;
max-width: 100%;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 10px;
}

	
.menu4 {margin:2% auto; display:block;}
.menu4 ul {margin:0; padding:0;}
.menu4 li {background:#00a64d; padding:9.5% 9.5%; float:left; margin:3% 2.2% 0 2.2%; width:25.5%; text-align:center; list-style:none;
-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
	}
.menu4 li a {font-size:1.4em; color:#fff; margin:0; max-width:90px; display:block; text-align:center; text-decoration:none;
	-o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    /*width: 50px;                  fixed width */}
.menu4 .ico-dis {clear:both; display:block; margin:5% auto; font-size:28px;}
.menu4 li:hover {background:#184578;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
   -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}
.menu4 li.selected {backgrou
nd:#184578;}
.menu4 .more {}
.menu4 .more a {border:none;}

.sp-box {background:#ecf5f7; padding:5px; text-align:center; margin:10px auto;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}

.footer {width:100%; background:#f2f2f2; text-align:center; font-size:12px; color:#333; line-height:24px;}

.goto-map{
    width: 100%;
    padding: 20px 0;

}
.goto-map .gotomap-heading{
    color: #0052a3;
    font-size: 20px;
    padding: 20px 0 ;
    text-align: center;
}
.goto-map input{
      background: none repeat scroll 0 0 #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    display: block;
    margin: 0 0 10px;
    padding: 3% 2%;
    width: 96%;
}
.goto-map .inputto {
    padding: 0 10px;
}
.goto-map .location-logo{
      background: none repeat scroll 0 0 #fff;
    display: block;
    height: 38px;
    padding: 5px;
    width: 161px;
        border-radius: 4px;
            border: 1px solid #d8d8d8;
            margin: 10px 0;


}
.goto-map .get-way-btn{
    background: none repeat scroll 0 0 #00a64d;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    margin-top: 3px;
    padding: 10px 25px;
}


.map-area {
    overflow: hidden;
}
#map-canvas {
    height: 200px;
    width: 100%;
}