*{
margin:0px;
padding:0px;
}
html, body{
margin:0px;
padding:0px;
font-size:14px;
font-family:'arial';
}
@font-face {
font-family: 'ralewaybold';
src: url('fonts/raleway-bold-webfont.eot');
src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/raleway-bold-webfont.woff2') format('woff2'),
url('fonts/raleway-bold-webfont.woff') format('woff'),
url('fonts/raleway-bold-webfont.ttf') format('truetype'),
url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayregular';
src: url('fonts/raleway-regular-webfont.eot');
src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/raleway-regular-webfont.woff2') format('woff2'),
url('fonts/raleway-regular-webfont.woff') format('woff'),
url('fonts/raleway-regular-webfont.ttf') format('truetype'),
url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaysemibold';
src: url('fonts/raleway-semibold-webfont.eot');
src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
url('fonts/raleway-semibold-webfont.woff') format('woff'),
url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaymedium';
src: url('fonts/raleway-medium-webfont.eot');
src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/raleway-medium-webfont.woff2') format('woff2'),
url('fonts/raleway-medium-webfont.woff') format('woff'),
url('fonts/raleway-medium-webfont.ttf') format('truetype'),
url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayextrabold';
src: url('fonts/raleway-extrabold-webfont.eot');
src: url('fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
url('fonts/raleway-extrabold-webfont.woff') format('woff'),
url('fonts/raleway-extrabold-webfont.ttf') format('truetype'),
url('fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
.container{
width:100%;
float:left;
clear:both;
}
.center{
width:1000px;
margin:auto;
}
/***Header***/
.menu{
width:100%;
float:left;
background:#F5F5F5;
border-bottom:1px solid #dcdcdc;
}
.menu-nav{
float:right;
}
.menu-nav img{
float:left;
padding-right:5px;
padding-top:12px;
}
.menu-nav p{
font-size:13px;
float:left;
padding:9px 35px 9px 0;
text-transform:uppercase;
font-family: 'ralewaybold';
}
.menu-nav p a{
text-decoration:none;
color: #797979;
}
.slicknav_menu {
display:none;
}
.text p{
padding-right:0;
}
.header{
width:100%;
background:#FAFAFA;
float:left;
}
.head-menu{
width:100%;
float:left;
}
.logo{
width:35%;
float:left;
}
.logo img{
width:288px;
height:50px;
padding:28px 0;
}
.search{
width:33.5%;
float:left;
}
.search img{
margin-left: -9%;
padding-top: 13%;
}
.form-search{
width:74%;
float:left;
padding: 10px;
margin-top:10%;
}
.business{
width:15%;
float:left;
margin-top:2.5%;
}
.business img{
float:left;
padding-right: 7px;
}
.business p{
float:left;
font-family: 'ralewayregular';
}
.business h4{
float:left;
font-weight:normal;
font-size:21px;
color:#0081ff;
font-family: 'ralewayregular';
}
.genral{
width:14%;
float:right;
}
/***nav-bar***/
/***nav-bar***/
.menubar{
background: rgb(0, 129, 255) none repeat scroll 0 0;
clear: both;
float: left;
height: 66px;
width: 100%;
}
.sub{
width:100%;
}
.sub ul{
list-style-type: none;
margin-top: 19px;
}
.sub li img{
float: left;
margin-left: 19px;
margin-top: 25px;
}
.sub img :hover{
/*background-color:#1E5B94;*/
width:40px;
height:40px;
}
.sub ul li {
background: url("images/bar.png") no-repeat scroll 0 0;
display: inline-block;
float: left;
font-size: 17px;
margin-left: 9px;
padding: 2px 0;
position: relative;
font-family: "ralewaybold";
}
.sub ul li a {
color: #fff;
font-size: 14px;
padding: 27px 7px 22px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}/*
.sub ul li a:hover{
background-color:rgba(30,91,148,0.5);
}*/
.sub ul li.house a:hover{
}
.sub ul li.highlight a:hover{
background-color:rgba(30,91,148,0.5);
}
.sub ul li:first-child{
background:none;
}
.sub ul li:first-child{
background:none;
padding-left:0px;
}
.sub ul li:last-child{
padding-right:0px;
}
.border-nav{
border:2px solid #5DAEFF;
width:99.5%;
margin-top:2px;
}
.active{
background: rgba(30, 91, 148, 0.75) none repeat scroll 0 0 !important;
height: 61px;
margin-bottom: 0 !important;
margin-top: -24px;
width: 59px;
}
.sub ul li .dropdown {
position: relative;
display: inline-block;
}
.sub ul li .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
background: rgb(0, 129, 255) none repeat scroll 0 0;
padding: 0;
margin-top:19px;
clear: both;
float: left;
width: 100%;
}
.sub ul li .dropdown:hover .dropdown-content {
display: block;
}
.sub ul li .dropdown-content a {
color: #fff;
font-size: 14px;
padding: 9px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:block;
}
.showthis a{
background-color:rgba(30,91,148,0.5);
}
#freeres:hover .dropdown-content {
display: block;
}
/***Banner***/
.banner{
background:url("images/banner.png") no-repeat;
height:200px;
width:100%;
float:left;
background-position:center center;
}
.bann-text{
width:100%;
margin:auto;
}
.bann-text h1{
text-align:center;
font-weight:normal;
font-size:50px;
color:#fff;
font-family: 'ralewaybold';
margin-top:10px;
text-transform:uppercase;
line-height:53px;
}
.bann-text h6{
text-align:center;
font-size:16px;
color:#fff;
font-family: 'ralewayregular';
margin-top:2%;
}
.bann-text p{
text-align:center;
font-weight:normal;
font-size:14px;
color:#fff;
font-family: 'ralewayregular';
margin-top:2%;
}
.bann-text h3, a.bann-btn{
background: #0081ff none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
font-family: "ralewaybold";
font-size: 16px;
font-weight: normal;
margin:3% auto;
padding: 12px;
text-align: center;
width: 22%;
border:1px solid #3b5f92;
}
.bann-text h3 a,
a.bann-btn{
text-decoration:none;
color:#fff !important;
}
/****Content****/
.content{
width:100%;
float:left;
}
.index-con{
width:98%;
float:left;
margin-left:2%;
}
.index-text{
width:64%;
float:left;
padding:0 5% 5% 0;
border-right: 1px solid #cdcdcd;
}
.index-text h2{
font-size:24px;
font-weight:normal;
font-family: "ralewaybold";
margin-top:8%;
}
.index-text h2 span{
font-family: 'ralewaymedium';
}
.index-text p{
color:#1b1b1b;
font-size:13px;
font-family: 'ralewayregular';
padding-top:1.5%;
}
.inner-text{
width:100%;
float:left;
margin-top:4%;
}
.inner-text img{
float:left;
padding-right:12px;
padding-top:4px;
}
.inner-text h3{
font-size:16px;
font-weight:normal;
font-family: "ralewaybold";
margin-top:0%;
color:#0081ff;
padding-top:3px;
}
.inner-text p{
color:#1b1b1b;
font-size:13px;
font-family: 'ralewayregular';
padding-top:1%;
padding-left:7%;
line-height:20px;
text-align: justify;
}
.why-choose{
width:100%;
float:left;
}
.why-choose h1{
font-size:26px;
font-family: "ralewaybold";
font-weight:normal;
margin-top: 9%;
}
.why-choose p{
color:#1b1b1b;
font-size:13px;
font-family: 'ralewayregular';
padding-top:1%;
line-height:20px;
}
.why-choose ul{
list-style-image:url("images/correct.png");
list-style-position:inside;
margin-top:2%;
}
.why-choose ul li{
padding:4px 0;
float:left;
width:100%;
color:#1b1b1b;
font-size:13px;
font-family: 'ralewayregular';
}
.index-form{
width:30%;
float:left;
margin-left: 5%;
}
.form{
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
float: left;
width:30%;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
background:#fff;
margin-top:-4%;
-webkit-box-shadow: -3px -6px 13px -5px rgba(45,58,75,1);
-moz-box-shadow: -3px -6px 13px -5px rgba(45,58,75,1);
box-shadow: -3px -6px 13px -5px rgba(45,58,75,1);
}
.form p{
font-size: 14px;
margin-top: 27px;
font-family: 'ralewayregular';
}
.form h1{
font-size: 19px;
margin-bottom: 18px;
margin-top: 25px;
text-align: center;
font-family: 'ralewayextrabold';
text-transform:uppercase;
}
.call-ab{
border: 1px solid #d8d8d8;
height: 35px;
margin-top: 8px;
width:95%;
padding:0 0 0 10px;
}
.cen-form{
width:88%;
margin:auto;
}
.form h3{
background: #0081ff none repeat scroll 0 0;
color: #fff;
font-size: 18px;
padding-bottom: 4%;
padding-top: 4%;
text-align: center;
margin-bottom: 13%;
margin-top: 8%;
border-radius:4px;
width: 100%;
}
.index-news{
float: left;
width:30%;
}
.index-news h1{
font-size:20px;
font-family: 'ralewaysemibold';
font-weight:normal;
margin-top:3%;
padding-left:6%;
}
.news-tax{
width:92%;
float:left;
padding-left:6%;
}
.news-tax h2{
font-size:16px;
font-family: "ralewaybold";
font-weight:normal;
margin-top:10%;
color:#1b1b1b;
padding-bottom:1%;
}
.news-tax img{
float:left;
margin-top:2%;
}
.news-tax h6{
float:left;
font-size:12px;
font-family: 'ralewayregular';
font-weight:normal;
margin-top:1%;
padding-left:1.5%;
color:#1b1b1b;
}
.news-tax p{
float:left;
font-size:13px;
font-family: 'ralewayregular';
color:#1b1b1b;
padding-top:1%;
line-height:21px;
text-align: justify;
}
.news-tax p span{
color:#0081FF;
font-size:13px;
font-family: "ralewaybold";
}
/****Icons****/
.icons{
width:100%;
float:left;
background:#EFEFEF;
border-top:1px solid #cccccc;
padding:5% 0;
}
.index-icon{
width:100%;
float:left;
}
.appiont{
width:17%;
float:left;
padding-right: 3.5%;
padding-top: 3.5%;
}
.appiont a{
text-decoration: none;
}
.appiont img{
width:114px;
height:123px;
padding-left:20%;
}
.appiont h2{
font-size:17px;
font-family: 'ralewaysemibold';
font-weight:normal;
text-align:center;
color:#0081FF;
margin-top:5%;
}
.appiont P{
color:#1b1b1b;
text-align:center;
font-size:13px;
font-family: 'ralewayregular';
margin-top:3%;
line-height:22px;
}
.last{
margin-right:0;
padding-right:0;
}
.footer{
width:100%;
float:left;
background:#0061BF;
}
.footer-bg{
width:inherit;
float:left;
}
.footer-bg p{
float:left;
color:#a6cef5;
font-family: 'ralewaysemibold';
font-size:13px;
padding:24px 0;
}
.footer-menu{
float:right;
}
.footer-menu ul{
list-style-type:none;
}
.footer-menu ul li{
float:left;
padding:24px 12px;
font-family: 'ralewaysemibold';
font-size:13px;
}
.footer-menu ul li a{
text-decoration:none;
color:#a6cef5;
}
.footer-menu ul li:last-child{
padding-right:0px;
}
}
/***About-Us***/
/*** Content ***/
.content-ab{
width:100%;
clear:both;
}
.text-ab{
float: left;
text-align: justify;
width:62%;
padding-right: 60px;
border-right: 1px solid #cdcdcd;
min-height:1000px;
}
.text-ab h1{
font-size: 25px;
margin-top: 50px;
font-family: "ralewaybold";
font-weight:normal;
color:#1b1b1b;
}
.text-ab p{
font-size: 13px;
line-height: 20px;
margin-top: 7px;
color:#1b1b1b;
font-family: 'ralewayregular';
}
.fb-ab{
float: left;
width: 30%;
}
.fb-ab h1{
font-size: 21px;
margin-bottom: 5%;
margin-top: 8%;
font-family: 'ralewayextrabold';
}
.abt-form{
margin-top:-4%;
}
.cen-form img{
width:100%;
float:left;
}
/*** End Content ***/
/***End About-Us***/
/****blog****/
.text-bg{
float: left;
padding-right: 40px;
margin-top: 55px;
width: 65%;
border-right:1px solid #cdcdcd;
padding-bottom:3%;
min-height: 400px;
}
.tax-bg{
width:100%;
float:left;
}
.tax-bg{
float:left;
}
.tax-bg img{
float:left;
}
.read-bg{
float: left;
margin-left: 13px;
width: 70%;
}
.read-bg p{
font-size:13px;
text-align: justify;
color:#1b1b1b;
font-family: 'ralewayregular';
}
.read-bg ul{
list-style-image:url("images/correct.png");
list-style-position:inside;
margin-left:1%;
}
.read-bg ul li {
color: #1b1b1b;
float: left;
font-size: 13px;
margin-top: 1%;
width: 100%;
font-family: 'ralewayregular';
}
.read-bg ul li a{
text-decoration:none;
color:#1b1b1b;
}
.read-bg h1{
color: #0081ff;
font-size: 22px;
margin-bottom: 12px;
margin-top: 10px;
font-family: "ralewaybold";
font-weight: normal;
}
.read-bg h2{
color: #0081ff;
}
.read-bg img{
float:left;
padding-right:5px;
padding-top: 3px;
}
.read-bg h5{
font-size: 12px;
font-weight: normal;
margin-bottom: 12px;
color:#1b1b1b;
font-family: 'ralewayregular';
}
.read-bg h3{
color: #0081ff;
float: left;
font-size: 13px;
width: 100%;
font-family: "ralewaybold";
font-weight: normal;
}
.read-bg h1 a{
color: #0081ff;
}
.border-bg{
border: 1px inset #fff;
float: left;
margin-bottom: 12px;
margin-top: 12px;
width: 100%;
}
.small{
width:4%;
}
.premi-bg{
background:url("images/im1.png") no-repeat;
height:272px;
float:left;
width:296px;
margin:25px 0;
font-family: 'ralewayextrabold';
}
.premi-bg p{
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-top: 11%;
}
.premi-bg h1{
color: #fff;
font-size: 43px;
text-align: center;
margin-top: 2%;
font-family: "ralewaybold";
font-weight:normal;
}
.premi-bg h3{
color: #fff;
font-size: 21px;
font-weight: normal;
text-align: center;
margin-top:2%;
font-family: 'ralewayregular';
}
.premi-bg h2{
background: #fff;
border-radius: 4px;
font-size: 15px;
font-family: 'ralewayextrabold';
margin-left: 26%;
margin-top: 8%;
padding: 3% 0;
text-align: center;
width: 48%;
}
.premi-bg a{
text-decoration:none;
color:#0081FF;
}
.pay-bg{
background:url("images/im2.png") no-repeat;
height:242px;
float:left;
width:88%;
margin:25px 0;
}
.pay-bg p{
color: #fff;
font-size: 17px;
font-family: 'ralewayextrabold';
text-align: center;
margin-top: 11%;
font-weight:bold;
}
.pay-bg h1{
color: #fff;
font-size: 26px;
font-family: "ralewaybold";
font-weight:normal;
text-align: center;
margin-top: 11%;
}
.pay-bg h2{
background: #fff;
border-radius: 4px;
font-size: 15px;
font-weight: bold;
margin-left: 26%;
margin-top: 10%;
padding: 3% 0;
text-align: center;
width: 48%;
font-family: 'ralewayextrabold';
}
.pay-bg a{
text-decoration:none;
color:#0081FF;
}
.blog-bg{
float:left;
width:340px;
}
.blog{
float:left;
width:30%;
border:1px solid #cdcdcd;
border-right:none;
border-top:none;
}
/****End Blog****/
/****Taxation****/
.text-tx{
float: left;
padding-right: 46px;
text-align: justify;
width: 65%;
border-right:1px solid #cdcdcd;
min-height:700px;
}
.text-tx h1{
font-size: 25px;
margin-top: 55px;
color:#181818;
font-family: "ralewaybold";
font-weight:normal;
}
.text-tx p{
font-size: 13px;
line-height: 20px;
margin-top: 11px;
color:#1b1b1b;
font-family: 'ralewayregular';
}
.text-tx h3{
font-size: 13px;
line-height: 20px;
margin-top: 3px;
color:#302f2f;
font-family: "ralewaybold";
font-weight:normal;
}
.taxation-form{
border:none;
}
.text-tx ul{
list-style-image:url("images/correct.png");
list-style-position: inside;
color: #464646;
margin: 15px 6px;
}
.text-tx ul li{
padding: 4px 0;
font-family: 'ralewayregular';
}
.main-tx{
width:100%;
float:left;
margin-left: 3px;
}
/**** End Taxation****/
.contact{
width:100%;
float:left;
}
.contact-form{
float: left;
width: 32%;
}
.cont{
float: left;
height: 38px;
margin-top: 11px;
padding: 0 4%;
width: 91%;
font-family: 'ralewayregular';
}
.nav-con{
float: left;
width: 65%;
margin-right:3%;
}
.nav-con img{
width:100%;
float:left;
height:365px;
}
.msg{
height: 155px;
margin-top: 11px;
width:99%;
}
.name{
float: left;
margin-top: 2px;
}
.button-con{
background: #0081ff none repeat scroll 0 0;
float: right;
margin-top: 4%;
text-align: center;
width: 175px;
margin-bottom:50%;
}
.button-con h1{
color: #fff;
font-size: 18px;
margin: 6% 0;
font-family: "ralewaybold";
font-weight:normal;
}
.text-con{
float: left;
margin-bottom: 7%;
margin-top: 9%;
text-align: center;
width: 100%;
}
.text-con h1{
font-size:25px;
color:#302f2f;
font-family: "ralewaybold";
font-weight:normal;
}
.text-con p{
font-size:13px;
margin-top:9px;
font-family: 'ralewayregular';
}
.content-con{
width:100%;
margin:auto;
clear:both;
}
/****End Contact****/
/***business-expenses-guide Content ***/
.buss-cont{
width:100%;
float:left;
}
.cont-buss{
width:98%;
float:left;
margin-top:6%;
}
.cont-buss img{
float:left;
}
.exp{
width:94%;
}
.exp h1{
float:left;
margin-left:2%;
font-size:16px;
color:#0081ff;
padding-top:5px;
font-family: "ralewaybold";
}
.exp p{
float:left;
line-height:21px;
margin-left:8%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:94%;
font-family: 'ralewayregular';
}
.expp{
width:94%;
}
.expp h1{
float:left;
margin-left:2%;
font-size:16px;
color:#0081ff;
font-family: "ralewaybold";
padding-top:5px;
}
.expp p{
float:left;
line-height:21px;
margin-left:8%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:92%;
font-family: 'ralewayregular';
}
.expp h2{
float:left;
margin-left:8%;
font-size:13px;
color:#1b1b1b;
margin-top:2%;
font-family: "ralewaybold";
font-weight:normal;
}
.common {
float: left;
margin-left: 6%;
margin-top: 2%;
width:90%;
}
.common ul{
list-style-image:url("images/correct.png");
list-style-position:inside;
margin-left:1%;
}
.common ul li {
color: #1b1b1b;
float: left;
font-size: 13px;
margin-top: 1%;
width: 36%;
font-family: 'ralewayregular';
}
.common ul li a{
text-decoration:none;
color:#1b1b1b;
}
.common p{
float:left;
line-height:22px;
margin-top:0%;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:98%;
margin-top:2%;
font-family: 'ralewayregular';
}
.del{
float:left;
margin-top:2%;
width:100%;
margin-left:8%;
}
.del img{
float:left;
width:18px;
height:18px;
}
.ash{
float:left;
width:97%;
}
.ash p{
float:left;
line-height:22px;
margin-top:0%;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:94%;
font-family: 'ralewayregular';
}
.ash p span{
font-weight:bold;
}
.business-content{
width:69.5%;
float:left;
border-right: 1px solid #cdcdcd;
}
.businessline{
height: auto;
}
/*** End Content ***/
.ser-content{
width:100%;
float:left;
}
.service{
width:100%;
float:left;
margin-top:3%;
}
.cont-ser{
width:90%;
float:left;
margin-top:3%;
}
.cont-ser img{
float:left;
}
.service h1{
float:left;
margin-left:2%;
font-size:26px;
color:#1b1b1b;
font-family: "ralewaybold";
font-weight:normal;
margin-top: 3%;
}
.service p{
float:left;
line-height:21px;
margin-top:8px;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
font-family: 'ralewayregular';
}
.service h2{
float:left;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
margin-top:2%;
font-family: "ralewaybold";
font-weight:normal;
}
.set{
float:left;
width:92%;
}
.set h1{
float:left;
margin-left:2%;
font-size:16px;
color:#0081ff;
font-family: "ralewaybold";
font-weight:normal;
}
.set p{
float:left;
line-height:21px;
margin-top:2px;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
font-family: 'ralewayregular';
}
.ser-list{
float:left;
width:100%;
margin-top:2%;
}
.ser-list ul{
/* list-style-image:url("images/correct.png");
list-style-position:inside;*/
list-style: none;
margin-left:1%;
}
.ser-list ul li {
color: #1b1b1b;
font-size: 13px;
margin-top: 10px;
font-family: 'ralewayregular';
background-image: url("images/correct.png");
background-repeat: no-repeat;
padding-left: 25px;
line-height: 18px;
}
.cont-ser{
float: left;
margin-top: 5%;
width: 100%;
}
.cont-ser img{
float:left;
}
.ser-list ul li a{
text-decoration:none;
color:#1b1b1b;
}
.commons{
float:left;
width:95%;
margin-top:2%;
margin-bottom:2%;
}
.commons ul{
list-style-image:url("images/correct.png");
list-style-position:inside;
margin:0 0 3% 1%;
float:left;
}
.commons ul li {
color: #1b1b1b;
float: left;
font-size: 13px;
margin-top: 1%;
width: 100%;
font-family: 'ralewayregular';
}
.commons ul li a{
text-decoration:none;
color:#1b1b1b;
}
.commons p{
float:left;
line-height:22px;
margin-top:0%;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:94%;
margin-top:2%;
}
.text-sr {
float: left;
padding:0 0 5% 60px;
text-align: justify;
width: 59%;
border-right:1px solid #cdcdcd;
padding-right:2%;
}
.main-ser{
width:100%;
float:left;
}
.expp-ser{
float: left;
width: 92%;
}
.expp-ser h1{
font-family: "ralewaybold";
font-weight:normal;
margin-left:2%;
font-size:16px;
color:#0081ff;
}
.expp-ser p{
float:left;
line-height:21px;
margin-top:2px;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
font-family: 'ralewayregular';
}
.expp-ser h2{
float:left;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
margin-top:2%;
font-family: "ralewaybold";
font-weight:normal;
}
/**** pay Calculater css ***/
.pay-content{
width:68%;
float:left;
border-right: 1px solid #cdcdcd;
}
.pay-detial{
width:100%;
float:left;
margin-top:2%;
}
.payform{
float: left;
margin-left: 2%;
padding: 11px;
width: 26%;
font-family: 'ralewayregular';
}
.paygroup{
float: left;
margin-left: 7%;
margin-top: 2%;
width: 93%;
}
.payone{
float:left;
width:50%;
margin-top: 1%;
}
.payone h1{
float:left;
font-size:14px;
color:#1b1b1b;
margin-top:12%;
font-family: 'ralewayregular';
width:100%;
}
.payone img{
float: left;
margin-top: 3%;
width: 300px;
}
.payone h1 span{
font-weight:normal;
font-family: 'ralewayregular';
}
.paymontly{
border: 2px dotted #9c9c9c;
border-radius: 10px;
float: left;
height: 62px;
margin-left: 6%;
margin-top: 7%;
margin-bottom: 10%;
width: 83%;
}
.paymontly p{
margin:3% 0 1% 1%;
float:left;
color:#1b1b1b;
font-size:15px;
font-family: "ralewaybold";
}
.paymontly p span{
font-family: 'ralewayregular';
color:#0081ff;
font-size:22px;"
}
.paymontly p span1{
font-family: 'ralewayregular';
color:#1b1b1b;
font-size:15px;"
}
.signup, .set-p .signup {
background: #0081ff none repeat scroll 0 0;
float: right;
height: 35px;
margin-right: 1%;
margin-top:2.5%;;
width: 105px;
border-radius: 4px
}
.signup p, .set-p .signup p{
color: #fff;
float: left;
margin-bottom: 2%;
margin-top: 8%;
text-align: center;
width: 100%;
}
.pay-outside{
width: 100%;
float:left;
background:#efefef;
margin-top: 5%;
}
.center-pay{
width:770px;
margin:auto;
}
.pay-year{
float:left;
width:25%;
margin-top:3%;
margin-bottom:3%;
}
.pay-both {
float: left;
margin-top: 3%;
}
.outside{
float:left;
background:url("images/space.png")no-repeat;
width:105px;
height:205px;
margin-left:27%
}
.outside img {
float: left;
margin-left: 22%;
margin-top: 37%;
}
.outside h1{
color:#0081ff;
font-size:16px;
text-align:center;
margin-top:46%;
float:left;
font-family: 'ralewaysemibold';
font-weight:normal;
}
.outside p{
color: #5a5a5a;
float: left;
font-size: 12px;
margin-left: 29%;
margin-top: 10%;
font-family: 'ralewaysemibold';
}
.head{
float: left;
margin-left: 27%;
margin-top: 2%;
width: 63%;
}
.head h1{
color: #303030;
float: left;
font-size: 13px;
margin-top: 11%;
text-align: center;
width: 100%;
font-family: "ralewaybold";
font-weight:normal;
}
.head h2{
color:#0684ff;
font-size:25px;
text-align:center;
margin-top:7%;
float:left;
margin-left: 31%;
font-family: 'ralewayregular';
font-weight:normal;
margin-bottom:8%;
}
.head h3{
color:#0684ff;
font-size:25px;
text-align:center;
margin-top:7%;
float:left;
margin-left: 8%;
font-family: 'ralewayregular';
font-weight:normal;
}
.pay-border {
border-top: 3px dotted #9c9c9c;
float: left;
margin-left: 41%;
margin-top: 10%;
width: 22%;
}
.outsides{
float:left;
background:url("images/space.png")no-repeat;
width:105px;
height:205px;
margin-left:27%
}
.outsides img {
float: left;
margin-left: 34%;
margin-top: 36%;
}
.outsides h1{
color:#0081ff;
font-size:16px;
text-align:center;
margin-top:52%;
float:left;
margin-left: 6%;
font-family: 'ralewaysemibold';
font-weight:normal;
}
.outsides p{
color:#5a5a5a;
font-size:12px;
text-align:center;
margin-top:7%;
float:left;
font-family: 'ralewaysemibold';
}
.cont-pay{
float: left;
margin-top: 5%;
width: 92%;
}
.cont-pay img{
float:left;
}
.service-p{
width:92%;
float:left;
margin-top:3%;
}
.service-p h1{
float:left;
margin-left:2%;
font-size:26px;
color:#1b1b1b;
font-family: "ralewaybold";
font-weight:normal;
}
.service-p p{
float:left;
line-height:21px;
margin-top:8px;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:100%;
font-family: 'ralewayregular';
}
.service-p h2{
float:left;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
margin-top:2%;
}
.set-p{
float: left;
width: 93%;
}
.set-p h1{
float:left;
margin-left:2%;
font-size:16px;
color:#0081ff;
font-family: "ralewaybold";
font-weight:normal;
}
.set-p p{
float:left;
line-height:21px;
margin-top:2px;
margin-left:2%;
font-size:13px;
color:#1b1b1b;
text-align:justify;
width:100%;
font-family: 'ralewayregular';
}
.fb-pay{
border-left: 1px solid #cdcdcd;
float: left;
height: 1001px;
width: 30%;
}
.fb-pay h1{
font-size: 21px;
margin-bottom: 5%;
margin-top: 8%;
font-family: 'ralewayextrabold';
}
.pay-form{
width:25%;
height: 640px;
}
.pay-blog{
width:26%;
border-left:none;
}
/*** Media CSS ***/
@media screen and (min-width:320px) and (max-width:480px)
{
.center{
width:98%;
padding:0 1%;
}
#menu, .menubar{
display:none;
}
.slicknav_menu {
display:block;
}
.active{
height:auto;
margin-top:5px;
width:25px;
padding:0 2px;
}
.logo{
width: 65%;
float: none;
margin: auto;
}
.logo img{
width:100%;
height:auto;
}
.search{
width:60%;
float:none;
margin:0 auto 20px auto;
}
.form-search{
margin-top:0;
}
.search img{
padding-top:5%;
}
.business {
width: 48%;
float: left;
margin: 2% 0 2% 2%;
}
.genral{
float:right;
width:43%;
}
.bann-text{
width:90%;
}
.bann-text h1{
font-size:34px;
}
.bann-text h3{
width:45%;
}
.index-text{
width:98%;
border-right:none;
}
.why-choose ul li{
padding:7px 0;
}
.form{
width:82%;
margin:0 0 5% 7%;
}
.index-news{
width:95%;
float:none;
margin:20px auto 0px auto;
}
.index-news h1{
clear:both;
margin-bottom: 2%;
padding-left:0;
}
.news-tax{
width:98%;
padding-left:0;
}
.news-tax h2{
margin-top:0%;
}
.news-tax p{
margin-bottom:5%;
}
.appiont{
min-height:300px;
width:40%;
padding:0 4%;
}
.appiont img{
width:100%;
height:auto;
padding-left:0;
}
.appiont h2{
font-size:15px;
}
.footer-bg{
width:100%;
}
.footer-bg p{
width:100%;
text-align:center;
padding:15px 0 0;
}
.footer-menu{
width:100%;
float:none;
margin:auto;
}
.footer-menu ul li{
padding:10px 12px;
}
.pay-content{
width:100%;
border-right:none;
}
.service-p, .cont-pay{
width:97%;
}
.set-p{
width:85%;
}
.payform{
width:85%;
margin:10px 0;
}
.payone{
width:94%;
}
.payone img{
width:98%;
}
.paymontly{
height:auto;
}
.signup{
margin:1.5% 1% 1.5% 0;
}
.outside, .outsides{
margin-left:10%;
}
.pay-blog, .pay-form{
width: 70%;
border-left: none;
margin-left: 15%;
height:auto;
padding-bottom:5%;
}
.blog{
border:none;
width:80%;
margin-left:10%;
}
.fb-ab{
width:90%;
float:none;
margin:auto;
}
.premi-bg{
background-size:100% 100%;
height:310px;
}
.cen-form img{
width:88%;
margin-bottom:10%;
}
.fb-ab h1{
clear:both;
}
.text-sr{
width:98%;
border-right:none;
padding-left:0px;
}
.set, .expp-ser{
width:86%;
}
.ser-list ul li{
margin-top:2%;
}
.text-ab{
width:98%;
border-right:none;
padding-right:0;
padding-bottom:5%;
min-height:auto;
}
.text-bg, .business-content, .text-tx{
width:98%;
border-right:none;
padding-right:0;
padding-bottom:5%;
min-height:auto;
margin-top:20px;
}
.text-tx h1{
margin-top:20px;
}
.tax-bg img{
width:30%;
}
.read-bg{
width:65%;
}
.read-bg img{
width:auto;
}
.ash{
width:92%;
}
.common ul li{
width:100%;
}
.nav-con{
width:98%;
float:none;
margin:auto;
}
.nav-con img{
height:auto;
}
.contact-form{
width:80%;
margin:5% 0 0 10%;
}
.head{
margin-left:16%;
}
.pay-year{
width:49%;
}
.blog-bg{
width:100%;
}
.service h1{
font-size:20px;
}
.exp{
width:85%;
float:left;
}
.exp p{
margin-left:2%;
}
}
@media screen and (min-width:481px) and (max-width:767px)
{
.center{
width:98%;
padding:0 1%;
}
#menu, .menubar{
display:none;
}
.slicknav_menu {
display:block;
}
.active{
height:auto;
margin-top:5px;
width:25px;
padding:0 2px;
}
.logo{
width: 65%;
float: none;
margin: auto;
}
.search{
width:60%;
float:none;
margin:0 auto 20px auto;
}
.form-search{
margin-top:0;
}
.search img{
padding-top:5%;
}
.business {
width: 30%;
float: left;
margin: 2% 0 2% 10%;
}
.genral{
float:left;
}
.bann-text{
width:80%;
}
.bann-text h3{
width:35%;
}
.index-text{
width:98%;
border-right:none;
}
.why-choose ul li{
padding:7px 0;
}
.form{
width:70%;
margin:0 0 5% 15%;
}
.index-news{
width:95%;
float:none;
margin:20px auto 0px auto;
}
.index-news h1{
clear:both;
margin-bottom: 2%;
padding-left:0;
}
.news-tax{
width:98%;
padding-left:0;
}
.news-tax h2{
margin-top:0%;
}
.news-tax p{
margin-bottom:5%;
}
.appiont{
min-height:330px;
}
.appiont img{
width:100%;
height:auto;
padding-left:0;
}
.appiont h2{
font-size:15px;
}
.footer-bg{
width:100%;
}
.footer-bg p{
width:100%;
text-align:center;
padding:15px 0 0;
}
.footer-menu{
width:90%;
float:none;
margin:auto;
}
.pay-content{
width:100%;
border-right:none;
}
.service-p, .cont-pay{
width:97%;
}
.set-p{
width:90%;
}
.payform{
width:25%;
}
.payone{
width:94%;
}
.payone img{
width:98%;
}
.paymontly{
height:auto;
}
.signup{
margin:1.5% 1% 1.5% 0;
}
.outside, .outsides{
margin-left:10%;
}
.pay-blog, .pay-form{
width: 70%;
border-left: none;
margin-left: 15%;
height:auto;
padding-bottom:5%;
}
.blog{
border:none;
width:70%;
margin-left:15%;
}
.fb-ab{
width:70%;
float:none;
margin:auto;
}
.premi-bg{
background-size:100% 100%;
height:310px;
}
.text-sr{
width:98%;
border-right:none;
padding-left:0px;
}
.set, .expp-ser{
width:90%;
}
.ser-list ul li{
margin-top:2%;
}
.text-ab{
width:98%;
border-right:none;
padding-right:0;
padding-bottom:5%;
min-height:auto;
}
.text-bg, .business-content, .text-tx{
width:98%;
border-right:none;
padding-right:0;
padding-bottom:5%;
min-height:auto;
margin-top:20px;
}
.text-tx h1{
margin-top:20px;
}
.tax-bg img{
width:30%;
}
.read-bg{
width:67%;
}
.read-bg img{
width:auto;
}
.ash{
width:95%;
}
.common ul li{
width:50%;
}
.nav-con{
width:450px;
float:none;
margin:auto;
}
.nav-con img{
height:auto;
}
.contact-form{
width:80%;
margin:5% 0 0 10%;
}
}
@media screen and (min-width:768px) and (max-width:999px)
{
.center{
width:98%;
padding:0 1%;
}
.logo{
width:30%;
margin-right:3%;
}
.logo img{
width:100%;
height:auto;
padding:16px 0;
}
.search{
width:28.5%;
}
.business, .genral{
width:19%;
}
.sub ul li{
margin-left:0px;
}
.sub ul li a{
font-size:12px;
}
.bann-text{
width:75%;
}
.bann-text h3{
width:30%;
}
.payform{
width:25%;
}
.cont-pay{
width:98%;
}
.set-p{
width:85%;
}
.payone img{
width:90%;
}
.paymontly{
width:90%;
}
.paymontly p{
font-size:13px;
}
.signup{
width:14%;
height:auto;
margin-top:4%;
}
.signup p{
font-size:12px !important;
}
.outside, .outsides{
margin-left:15%;
}
.blog-bg, .pay-bg{
width:100%;
}
.set, .expp-ser{
width:90%;
}
.text-ab{
width:61%;
}
.text-bg{
width:64%;
}
.read-bg{
width:60%;
}
.ash{
width:96%;
}
.common ul li{
width:50%;
}
.text-tx{
width:62%;
}
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
}
.dropdown:hover .dropdown-content {
display: block;
}
.paycalcline{
float:left;
width:50%;
margin: 10px 0px;
}
.paycalcline div{
margin-bottom:10px;
}
.paycalcline input{
padding:5px 10px;
}
#Calculate{
background: #0081ff none repeat scroll 0 0;
color:#fff;
font-weight:bold;
border:0px;
padding: 10px 16px;
font-size:15px;
border-radius:3px;
margin-top:15px;
}
.fb-page{
margin:20px 0px;
clear:both;
}
.fb-div {
}
@media screen and (max-width: 760px){
.fb-div { display: block;
margin: 20px auto;
position: relative;
float: none;
width: 340px;
z-index:-1000;
}
}
#fb_i2{
width:900px;
height:400px;
}