* {
margin:0;
padding:0;
text-decoration:none;
}

img {
border:0;
}

@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/swiss_721_medium_bt-webfont.eot');
    src: url('../fonts/swiss_721_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swiss_721_medium_bt-webfont.woff') format('woff'),
         url('../fonts/swiss_721_medium_bt-webfont.ttf') format('truetype'),
         url('../fonts/swiss_721_medium_bt-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'swis721_lt_btlight';
    src: url('../fonts/swz7214c-webfont.eot');
    src: url('../fonts/swz7214c-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz7214c-webfont.woff') format('woff'),
         url('../fonts/swz7214c-webfont.ttf') format('truetype'),
         url('../fonts/swz7214c-webfont.svg#swis721_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('../fonts/swis721_cn_bt_roman-webfont.eot');
    src: url('../fonts/swis721_cn_bt_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swis721_cn_bt_roman-webfont.woff') format('woff'),
         url('../fonts/swis721_cn_bt_roman-webfont.ttf') format('truetype'),
         url('../fonts/swis721_cn_bt_roman-webfont.svg#swis721_cn_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#888;
}

.hdwrapper {
background:url(/assets/images/headerbgtop.jpg) repeat-x top;
width:100%;
height:59px;
}

.header {
width:990px;
overflow:hidden;
margin:0 auto;
}

.chatarea {
float:left;
width:315px;
padding:10px 0;
}

.phoneicon {
background:url(/assets/images/spritemain.png) no-repeat scroll left -51px transparent;
float:left;
height:31px;
width:33px;
margin:5px 5px 0 0;
}

.tollfree {
font-size:11px;
display:block;
color:#405d7f;
font-weight:700;
width:135px;
float:left;
padding:5px 0 0;
}

.chatarea span {
font-size:18px;
color:#ff5501;
display:block;
font-weight:400;
line-height:15px;
}

.livechatbtn {
display:block;
float:right;
margin:5px 0 0;
}

.mainnav {
width:610px;
float:right;
padding:23px 0 0;
}

.mainnav ul li {
font-size:12px;
color:#069;
float:right;
padding:0 0 33px;
}

.nobdr {
background:none!important; border:none!important;
}
.orng { color:#fa4201 !important; font-weight:bold !important;}
.mainnav ul li a {
font-size:12px;
color:#187bad;
text-decoration:none;
background:url(/assets/images/sepnav.jpg) no-repeat left 3px;
line-height:15px;
display:block;
padding:0 12px;
}

.mainnav ul li:hover {
color:#045279;
background:url(/assets/images/hovericon.jpg) no-repeat center bottom;
}

.activenav {
color:#045279;
background:url(/assets/images/hovericon.jpg) no-repeat center bottom;
font-weight:700;
}

.nav2 {
list-style:none;
overflow:hidden;
padding:10px 0 20px;
}

.nav2 li {
font-size:12px;
color:#069;
float:left;
}

.nav2 li:first-child a {
background:0;
}

.nav2 li a {
font-size:12px;
color:#069;
text-decoration:none;
background:url(/assets/images/sepnav.jpg) no-repeat left 2px;
display:block;
padding:0 10px;
}

.contentwrap {
clear:both;
width:100%;
background:url(/assets/images/bg.jpg) repeat-y center #ececec;
overflow:hidden;
}

.contentarea {
width:990px;
overflow:hidden;
padding-bottom:20px;
margin:0 auto;
}

.formsight {
width:380px;
float:left;
font-size:12px;
color:#888;
}

.formsight p {
line-height:17px;
padding:15px 0;
}

.maincontent {
width:560px;
float:right;
background:url(/assets/images/sepcontent.jpg) no-repeat left top #fff;
margin-top:46px;
padding-left:30px;
min-height:570px;
}

.maincontent h2 {
color:#ff5501;
font-size:33px;
font-family:webfontregular;
letter-spacing:-1px;
}

.maincontent h3 {
color:#474e5e;
font-size:25px;
font-family:swis721_lt_btlight;
line-height:29px;
letter-spacing:-1px;
font-weight:400;
}

.slide1 {
background:url(/assets/images/slidersprite.jpg) no-repeat 0 35px;
}

.slide2 {
background:url(/assets/images/slidersprite.jpg) no-repeat 0 -525px;
}

.slide3 {
background:url(/assets/images/slidersprite.jpg) no-repeat 0 -1120px;
}

.slide4 {
background:url(/assets/images/slidersprite.jpg) no-repeat 0 -1670px;
}

.ftwrap {
clear:both;
background:url(/assets/images/ftrep.jpg) repeat-x top;
width:100%;
}

.footer {
width:990px;
overflow:hidden;
font-size:11px;
color:#888;
height:166px;
margin:0 auto;
}

.recentprojects {
border-right:1px solid #E5E5E5;
float:left;
padding-right:40px;
width:366px;
}

.recentprojects h4 {
margin-top:20px;
}

.octopus {
float:left;
margin:0px 5px 16px 0;
}

.footer h4 {
font-size:19px;
color:#474e5e;
font-family:swis721_cn_btroman;
font-weight:400;
}

.designscopia {
float:left;
width:340px;
border-right:1px solid #E5E5E5;
}

.designscopia h4 {
font-size:19px;
color:#474e5e;
margin:18px 0 0;
}

.designscopia h5 {
font-family:webfontregular;
font-size:13px;
color:#ff5501;
font-weight:400;
margin:5px 0;
}

.scopia {
float:left;
width:72px;
height:131px;
background:url(/assets/images/spritemain.png) no-repeat 0 -174px;
margin:15px 15px 0;
}

.awards {
float:left;
width:240px;
}

.clear {
clear:both;
}

.award {
float:left;
width:108px;
height:83px;
background:url(/assets/images/ban-best-web.png) no-repeat top right;
margin:15px 10px 0 10px;
}

.awards h4 {
margin:15px 0 0;
font-size:16px !important;
line-height:20px;
}
.awards h5 {
font-family:webfontregular;
font-size:12px;
color:#ff5501;
font-weight:400;
margin:5px 0 5px 83px;
}
.awards p {
padding:0 0 0 20px;
}

.footernav {
clear:both;
width:990px;
overflow:hidden;
margin:0 auto;
}

.ftnav {
list-style:none;
width:640px;
overflow:hidden;
float:left;
margin:17px 0 0 165px;
}

.ftnav li {
font-size:11px;
color:#aeaeae;
float:left;
font-weight:700;
}

.ftnav li a {
font-size:11px;
color:#aeaeae;
font-weight:700;
text-decoration:none;
background:url(/assets/images/seporng.jpg) no-repeat left 2px;
display:block;
padding:0 10px;
}

.copyright {
color:#9ea1a9;
font-size:11px;
clear:both;
width:250px;
background:#f5f5f5;
margin:10px auto 2px;
padding:7px;
}

.privacy {
overflow:hidden;
width:295px;
list-style:none;
margin:0 auto 15px;
}

.privacy li:first-child a {
background:none;
}

.privacy li a {
font-size:11px;
color:#aeaeae;
text-decoration:none;
background:url(/assets/images/sepgray.jpg) no-repeat left 2px;
padding:0 9px;
}

.signupnow {
width:380px;
clear:both;
}

.formbg {
width:381px;
min-height:220px;
background:url(/assets/images/formbg.jpg) repeat;
}

.formbg table {
margin:0 auto;
}

.mainpageslider li {
width:570px;
height:565px;
}

.mainpageslider li > div {
min-height:565px;
}

#nav {
width:55%;
font-size:0;
margin:5px auto 0;
padding:0 0 0 45%;
}

#nav a {
width:15px;
height:4px;
background:#a6a7a7;
display:block;
float:left;
margin:0 3px;
}

#nav .activeSlide {
width:15px;
height:4px;
background:#f13d4b;
display:block;
float:left;
margin:0 3px;
}

.socialicons {
width:135px;
float:right;
list-style:none;
margin:10px 0 0;
}

.socialicons li a {
display:block;
width:28px;
height:27px;
background:url(/assets/images/spritemain.png) no-repeat 0 0;
margin:0 1px;
}

.twittericon {
background-position:-30px 0!important;
}

.youtubeicon {
background-position:-59px 0!important;
}

.vimeoicon {
background-position:-90px 0!important;
}

.signuptop {
background:url(/assets/images/spritemain.png) no-repeat -84px -51px;
width:381px;
height:130px;
}
.signuptop2 {
background: url(/assets/images/signupnow2.jpg) no-repeat top right;
width:381px;
height:130px;
}

.list-style {
clear:both;
padding:20px 0 0;
}

.list-style span {
background:url(/assets/images/orngbullet.jpg) no-repeat left 6px;
display:block;
width:535px;
padding:0 0 3px 10px !important;
}

.langicons {
margin:10px auto;
}

.bdr {
border:1px solid #e7e8ea;
}

.tblslider {
line-height:15px;
margin:10px 0 0;
background:#f3f3f3;
}

.tblslider tr td {
padding:5px;
font-size:11px;
}
.tblrev {
line-height:15px;
margin:10px 0 0;
background:#ffffff;
}
.tblrev tr td {
padding:10px 5px;
font-size:12px;
border-bottom: 1px solid #f2f2f2;
}
.bdr-right {border-right:1px solid #f2f2f2;}
.ser { height:120px; width:110px; background:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.ser ul { margin:5px 0 0 0; list-style:none;}
.ser ul li { background:url(/assets/images/check.gif) no-repeat 6px 4px; padding:5px 0; font-size:11px; font-weight:normal; color:#888888; padding:0 0 0 18px !important;}
.tbl-points tr td { padding:1px; padding:0 0 0 2px;}
.bdr-right {
border-right:1px solid #e7e8ea;
}

ul.about_navi {
width:560px;
float:left;
list-style-type:none;
padding:0 0 15px;
}

ul.about_navi li {
float:left;
background:url(/assets/images/navgray.jpg) no-repeat 0 0;
margin-right:2px;
}

ul.about_navi li span {
display:block;
width:137px;
height:15px;
cursor:pointer;
text-align:center;
font-size:12px;
color:#FFF;
background:url(/assets/images/grayright.jpg) no-repeat right top;
padding:5px 0;
}

ul.about_navi li .spn {
	background:url(/assets/images/gray-dot.gif) no-repeat 0 5px;
	padding:0 0 0 5px;
}
ul.about_navi li a {
color:#fff;
text-decoration:none;
}

ul.about_tab {
width:553px;
float:left;
list-style-type:none;
margin:0;
padding:10px 0 0;
}

ul.about_tab li {
width:553px;
float:left;
display:none;
margin:0;
padding:0;
}

ul.about_tab li h2 {
float:left;
font-family:webfontregular;
color:#fa4201;
font-size:21px;
letter-spacing:0;
font-weight:400;
padding:0 0 10px;
width:287px;
}

ul.about_tab li .h3-style {
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#474e5e;
font-size:14px;
letter-spacing:0;
font-weight:bold;
display:block;
width:100%;
line-height:18px;
padding:0 0 2px;
}

ul.about_tab li h2 strong {
font-family:webfontregular;
color:#505660;
font-size:12px;
font-weight:400;
line-height:30px;
padding:0 0 10px;
}

ul.about_tab li p {
width:100%;
float:left;
}

ul.about_tab p {
width:100%;
float:left;
padding:5px 0;
}

ul.about_tab p strong {
width:100%;
float:left;
font-weight:700;
padding:2px 0;
}

ul.about_tab li div {
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:12px;
line-height:17px;
}

ul.about_tab li div span a {
color:#0066a7;
text-decoration:underline;
cursor:pointer;
margin:0 5px;
}

.abou_ceo {
width:252px;
float:left;
line-height:18px;
}

.logo_bottom {
clear:both;
float:left;
width:560px;
margin:7px 0 0;
}

.logo_bottom ul {
float:left;
list-style-type:none;
}

.logo_bottom ul li {
float:left!important;
text-align:center;
display:inline!important;
width:110px;
}

.logo_bottom ul li:hover a {
background-position:0 -76px;
}

.logo_bottom ul li:hover p {
color:#f63200;
}

.logo_bottom ul li p {
line-height:14px;
font-size:11px;
color:#9b9b9b;
padding:85px 0 0;
margin:0;
}

.clock {
background:url(/assets/images/logo-design/clock.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.cup {
background:url(/assets/images/logo-design/cup.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.label {
background:url(/assets/images/logo-design/label.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.service {
background:url(/assets/images/logo-design/services.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}
.recyle {
background:url(/assets/images/logo-design/recyle.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.man {
background:url(/assets/images/logo-design/man.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.monitor {
background:url(/assets/images/logo-design/monitor.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.dollor {
background:url(/assets/images/logo-design/dollor.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.find {
background:url(/assets/images/logo-design/find.jpg) no-repeat scroll 0 0 transparent;
display:block;
height:76px;
width:102px;
}

.display {
display:block!important;
}

.tab2 {
float:left;
color:#FFF;
background:url(/assets/images/little_tab.jpg) no-repeat!important;
display:block;
width:89px!important;
height:15px;
cursor:pointer;
text-align:center;
margin:0 1px;
padding:5px 0;
}

.about_active {
background:url(/assets/images/navorng.jpg) no-repeat 0 0!important;
}

.about_active span {
background:url(/assets/images/orngright.jpg) no-repeat right top!important;
}

.wid103 {
width:103px!important;
}
.wid160 {
width:160px!important;
}

.right {
float:right;
}

.price-logo {
width:552px;
float:left;
}

.ent-lp {
margin:0 0 0 15px;
}

button.btn {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#fff;
background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ 
background: #f53100;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f53100), to(#ff5601)); /* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #f53100, #ff5601); /* Firefox 3.6+ */ 
background: -moz-linear-gradient(top, #f53100, #ff5601); /* IE 10 */ 
background: -ms-linear-gradient(top, #f53100, #ff5601); /* Opera 11.10+ */ 
background: -o-linear-gradient(top, #f53100, #ff5601);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:0 solid #fff;
-moz-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 0 1px rgba(255,86,1,1);
-webkit-box-shadow:0 0 0 rgba(000,000,000,0), inset 0 0 1px rgba(255,86,1,1);
box-shadow:0 0 0 rgba(000,000,000,0), inset 0 0 1px rgba(255,86,1,1);
text-shadow:0 0 0 rgba(000,000,000,0), 0 0 0 rgba(255,255,255,0);
cursor:pointer;
padding:7px 25px;
}

/*a {
text-decoration:none;
}*/

.pkg-box {
background:url(/assets/images/logo-design/bg-box-pkg.jpg) repeat-x top right;
width:265px;
height:350px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border-bottom:1px solid #dee0e4;
border-left:1px solid #dee0e4;
border-right:1px solid #dee0e4;
position:relative;
top:0;
left:0;
margin:10px 8px 10px 0;
}

.pkg-box h3 {
font-size:23px;
font-family:webfontregular;
color:#5f6c75;
width:100px;
padding:10px 0 0 10px;
}

.pkg-box strong {
font-family:webfontregular;
font-weight:400;
font-size:14px;
letter-spacing:0;
padding:0 0 0 10px;
}

.pkg-box table td {
border-bottom:1px solid #dee0e4;
font-size:11px;
padding:5px;
}

.pkg-box table td strong {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#888;
}

.pkg-box a {
color:#0066a7;
}

.most {
position:absolute;
top:-42px;
left:210px;
}
.most-2 {
position:absolute;
top:-42px;
left:480px;
}
.pkg-right-top {width:190px; float:left; padding:5px 0 0 50px;}
.pkg-left-top {width:300px; float:left;}
.pd0 { padding:0 !important;}
.price {
float:right;
margin:12px 15px 0 0;
}
.price-1 {
float:right;
margin:12px 15px 0 0;
}

.dot {
margin:3px 5px;
}

.v-pot {
display:block;
float:left;
padding:10px 0 0 10px;
}

.inmedia {
background:#f2f2f2;
width:100%;
float:left;
font-size:18px!important;
color:#4d5567;
margin:0 0 15px;
padding:10px;
}

.rev-tbl {
padding:0 0 0 10px;
}

.pad-right {
padding:0 0 0 15px;
width:135px;
}

.mar-bot-logo {
margin:0 0 8px;
}

.mar-bot-web {
margin:0 0 15px;
}

.wid120 {
width:120px!important;
}

.wid190 {
width:190px!important;
}
.wid175 {
width:175px!important;
}
.wid170 {
width:170px!important;
}

.wid225 {
width:190px!important;
}
.wid250 {
width:250px!important;
}
.wid320 {
width:320px!important;
}
.wid550 {
width:550px!important;
}

.pad-top10 {
padding:10px 0 0!important;
}
.pad-top5 {
padding:5px 0 0!important;
}

.mar-left10 {
margin:0 0 0 10px !important;
}

.gameappbox {
width:260px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #dee0e4;
position:relative;
top:0;
left:0;
margin:10px 8px 10px 0;
}

.gameappbox table td {
border-bottom:1px solid #DEE0E4;
font-size:11px;
padding:5px;
}

.gameappbox strong {
display:block;
padding:6px 0 0;
}

#next,#next1 {
color:#FFF;
display:block;
float:left;
font-size:0;
background:url(/assets/images/arrow_right.jpg) no-repeat scroll 0 0 transparent;
height:71px;
left:7px;
position:absolute;
top:230px;
width:38px;
margin:0 5px;
padding:0;
}

#next1,#prev1 {
top:160px!important;
}

ul.iphone_port {
float:left;
height:348px!important;
width:242px!important;
margin:20px 100px 0 150px;
}

.posrel {
position:relative;
}

#prev,#prev1 {
background:url(/assets/images/arrow_left.jpg) no-repeat scroll 0 0 transparent;
height:71px;
position:absolute;
right:7px;
top:230px;
width:38px;
color:#FFF;
display:block;
float:left;
font-size:0;
margin:0 5px;
padding:0;
}

.bluesqbullet {
text-align:center;
width:100%!important;
float:left;
padding:10px 0 0 30px;
}

ul.iphone_port li {
display:block!important;
float:left;
width:242px;
}

ul.iphone_port_1 {
float:left;
height:300px!important;
width:431px!important;
margin:20px 61px 0 62px;
}

ul.iphone_port_1 li {
display:block!important;
float:left;
width:431px;
}

.bluesqbullet #navgal,#navgal1 {
float:none;
width:150px;
margin:0 auto;
}

.bluesqbullet a {
background:none repeat scroll 0 0 #949ba9;
float:left;
height:5px;
text-indent:-9999px;
width:21px;
margin:0 2px;
}

.bluesqbullet a.activeSlide {
background:none repeat scroll 0 0 #fc5201;
}

ul#nav3 {
float:left;
width:560px;
margin:0;
padding:15px 0 0;
}

ul#nav4 {
float:left;
width:560px;
margin:0;
padding:30px 0 0;
}

ul#nav3 li a img,ul#nav4 li a img {
border:1px solid #DFDFDF;
margin-bottom:5px;
padding:3px;
}

ul#nav3 li a,ul#nav4 li a {
color:#898989;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:12px;
text-decoration:none;
}

ul#nav3 li,ul#nav4 li {
cursor:pointer;
display:block!important;
float:left!important;
text-align:center;
width:90px!important;
margin:0;
}

ul.iphone_port_2 {
float:left;
height:266px!important;
width:352px!important;
margin:60px 61px 0 100px;
}

ul.sitemap {
float:left;
list-style-type:none;
width:200px;
margin:0;
padding:10px 0 0 20px;
}

ul.sitemap li a {
color:#187BAD;
font-size:14px;
text-decoration:none;
}

ul.sitemap li {
float:left;
width:528px;
margin:5px 0;
padding:0;
}

ul.sitemap li ul {
float:left;
list-style-type:none;
width:503px;
margin:0;
padding:0 0 0 25px;
}

ul.sitemap li ul a {
color:#999;
font-size:12px;
text-decoration:none;
}

ul,.mainnav ul,.mainpageslider {
list-style:none;
}

.privacy li,.socialicons li,.left {
float:left;
}

ul.about_tab li div span,.abou_ceo span {
display:block;
padding:15px 0 0;
}

.tab2:hover,.tab2 .about_active {
background:url(/assets/images/little_tab.jpg) 0 -25px no-repeat!important;
}

#logo-portfolio,#web-portfolio {
height:489px;
position:relative;
width:463px;
left:50px;
}
#logo-portfolio li {
float:left;
display:block;
width:465px;
}
#web-portfolio li {
float:left;
display:block;
width:465px;
background:#ffffff;
}

#slidewrapper2 {
width:545px;
position:relative;
z-index:1;
height:370px;
margin:0 auto 35px auto;
padding:0;
}

#slidewrapper {
width:550px;
position:relative;
z-index:1;
height:460px;
margin:18px auto;
padding:0;
}
#pkg-pricelogo {
height:420px;
position:relative;
width:555px;
left:0;
top:-23px;
}
#pkg-pricelogo li {
float:left;
display:block;
width:555px;
background:#ffffff;
}
.pagipkglogo {
	margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 150px;
    bottom: -38px;
    width: 133px !important;
}
#slidewrapper3 {
width:550px;
position:relative;
z-index:1;
height:360px;
margin:18px auto;
padding:0;
}

#pkg-price {
height:385px;
position:relative;
width:555px;
left:0;
top:-23px;
}
#pkg-price li {
float:left;
display:block;
width:555px;
background:#ffffff;
}
.pagipkg a {
	display:block;
	width:8px;
	height:0;
	padding-top:9px;
	background:url(/assets/images/logo-design/logo-porfolio/pagi.png) no-repeat 0 0;
	background-position:0 0;
	float:left;
	overflow:hidden;
	padding-right:4px;
}

.pagipkg a.activeSlide {
	background-position:0 -10px;
}
.pkg-heading { position:relative; top:20px; left:0; width:320px;}
.pkg-box-1 {
background:url(/assets/images/logo-design/bg-box-pkg.jpg) #ffffff repeat-x top right;
width:265px;
height:360px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border-bottom:1px solid #dee0e4;
border-left:1px solid #dee0e4;
border-right:1px solid #dee0e4;
position:relative;
top:-16px;
left:0;
margin:43px 8px 10px 0;
}

.pkg-box-1 h3 {
font-size:23px;
font-family:webfontregular;
color:#5f6c75;
width:135px;
padding:10px 0 0 10px;
line-height:24px;
}

.pkg-box-1 strong {
font-family:webfontregular;
font-weight:400;
font-size:14px;
letter-spacing:0;
padding:0 0 0 10px;
}

.pkg-box-1 table td {
border-bottom:1px solid #dee0e4;
font-size:11px;
padding:3px;
}

.pkg-box-1 table td strong {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#888;
}

.pkg-box-1 a {
color:#0066a7;
}

.logoprev,.webprev {
position:absolute;
top:210px;
left:15px;
display:block;
cursor:pointer;
z-index:99;
}

.logonext,.webnext {
cursor:pointer;
display:block;
position:absolute;
right:0;
top:210px;
z-index:99;
}

.pagilogo {
	margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 150px;
    bottom: -32px;
    width: 160px;
}
.pagipkg {
	margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 150px;
    bottom: -11px;
    width: 133px !important;
}
.pagiweb {
	margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 253px;
    bottom: 28px;
    width: 24px;
}
.pagiweb a {
	display:block;
	width:8px;
	height:0;
	padding-top:9px;
	background:url(/assets/images/logo-design/logo-porfolio/pagi.png) no-repeat 0 0;
	background-position:0 0;
	float:left;
	overflow:hidden;
	padding-right:4px;
}

.pagiweb a.activeSlide {
	background-position:0 -10px;
}
.pagilogo a {
	display:block;
	width:8px;
	height:0;
	padding-top:9px;
	background:url(/assets/images/logo-design/logo-porfolio/pagi.png) no-repeat 0 0;
	background-position:0 0;
	float:left;
	overflow:hidden;
	padding-right:4px;
}

.pagilogo a.activeSlide {
	background-position:0 -10px;
}
.pagipkglogo a {
	display:block;
	width:8px;
	height:0;
	padding-top:9px;
	background:url(/assets/images/logo-design/logo-porfolio/pagi.png) no-repeat 0 0;
	background-position:0 0;
	float:left;
	overflow:hidden;
	padding-right:4px;
}

.pagipkglogo a.activeSlide {
	background-position:0 -10px;
}
.list-style-01 { margin:5px; width:520px; list-style:none;}
.list-style-01 li { float:left; display:inline; text-decoration:underline; color:#0061c2; padding:0 5px; border-right:1px solid #0061c2; font-size:10px;}
.list-style-01 li a { color:#0061c2;}
.list-style-02 { margin:5px;}
.list-style-02 li { display:block; padding:0 0 5px 5px; font-size:12px;}
.list-style-02 li:before {
    content: "• ";
    color: red;
}
.clear { clear:both;}
.dsiclose { padding:10px;}
.ft14 { font-size:18px; font-weight:normal;}
.ft18 { font-size:18px !important;}
.ft25 { font-size:25px !important;}
.contact-area { width:560px; margin:0 auto; font-family: 'webfontregular'; font-weight:normal; line-height:18px;}
.contact-area-left { width:287px; margin:10px 0; float:left; background:url(/assets/images/contact-bg-left.png) no-repeat top left;}
.rigth-detial{ width:250px;}
.cont-icon { margin:5px 15px; float:left; clear:both;}
.contact-detial { margin:50px 0;}
.contact-detial a:hover, a:active, a:focus{
	color: #f83900;
	}
.contact-detial a, a:link, a:visited {
    -moz-transition: color 0.4s ease 0s;
    color: #006699;
}
.pad5 {padding:0 0 5px 0;}
.contact-area-right { width:265px; height:310px; margin:9px 5px 10px 0; float:right; background:url(/assets/images/contact-form-bg.png) no-repeat top right; padding:70px 0 0 3px;}

.botslider {
    float: left;
    min-height: 370px;
    padding-left: 5px;
    width: 400px;
	background:none !important;
}
.bot-section { height:132px; top:10px; right:0; padding:0; background:none;}
.logo-middle { height:115px; width:365px; margin:250px auto;}

/* BLOG CSS START */

.post-box .post-frame {
    height: 304px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.post-box .post-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-sec .overlay{
    background-image: linear-gradient(0deg, #000000 -80%, transparent 100%);
    z-index: 1;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.post-box .post-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.blog-sec h4 {
    font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320));
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
}
.blog-sec h4 a{
    color: #ffffff;
}
.blog-sec .post-box {
    margin-bottom: 30px;
    position: relative;
}
.blog-sec .post-content{
    padding: 20px 20px;
}

.pagination {
    align-items: center;
    justify-content: center;
}
.page-numbers {
    display: flex;
    align-items: center;
}
.page-numbers li {
    margin: 0 4px;
    list-style-type: none;
}
.page-numbers li .page-numbers {
    background-color: #eeeeee;
    padding: 10px 18px;
    border-radius: 4px;
    color: #000000;
    font-size: calc(14px + (20 - 14) * (100vw - 320px) / (1920 - 320));
    transition: all ease-in 0.3s;
    line-height: 1;
}
.page-numbers li .page-numbers:hover, .page-numbers li .page-numbers.current {
    background-color: #03897f;
    color: #ffffff;
}
@media (max-width: 991px) {
    .pagination {
        margin-bottom: 25px;
    }
}
@media (max-width: 575px) {
    .page-numbers li {
        margin: 0 3px;
    }
    .page-numbers li .page-numbers {
        padding: 7px 10px;
    }
}
.article-wrap h2 {
    font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    line-height: 1;
}
.article-wrap h3 {
    font-size: calc(22px + (32 - 22) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    line-height: 1;
}
.article-wrap h4 {
    font-size: calc(20px + (28 - 20) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    line-height: 1;
}
.article-wrap h5 {
    font-size: calc(186px + (24 - 18) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    line-height: 1;
}
.article-wrap h6 {
    font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    line-height: 1;
}
    
.article-wrap p {
    font-size: calc(12px + (18 - 12) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    line-height: 1.6;
}
.article-wrap ul li {
    position: relative;
    padding-left: 20px;
}
.article-wrap ul li:before {
    content: "";
    position: absolute;
    background-color: #03897f;
    width: 8px;
    height: 8px;
    top: 8px;
    left: 0;
    border-radius: 50%;
}

.blog #footer, .post-template-default #footer {
    margin-top: 0;
}
.blog  #footer .footer-top, .post-template-default  #footer .footer-top {
    padding: 50px 0 30px 0;
}

.banner{
  height:60vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-content{
  Height:100%;
}
.banner-content h3{
  display: flex;
  align-items:center;
  color:white;
  height:100%;
  font-size: 35px;;
}
.container{
  height:100%;
}
.blog-sec h3{
  margin: 20px 0;

}