@charset "utf-8";
html, div, body, p, form, img, h1, h2, h3, input{margin:0 auto;padding:0;font:12px/160% Verdana, Arial, Helvetica, sans-serif;color:#222222;}
ul, ol,li{margin:0;padding:0;list-style:none;}
img{border:none;}
a, a:link, a:visited{text-decoration:none;color:#222;}
a:hover, a:active{text-decoration:underline;}
#banner{background:url(http://www.pavsofts.com/images/inner-banner.jpg) no-repeat 50% 0;height:438px;}
.container{max-width:1000px;width:100%;margin:0 auto;}
#banner .container{padding-top:40px;}
#nav{float:right;}
ul#menu{overflow:hidden;}
ul#menu li{float:left;}
ul#menu li a{color:#fff;padding:0 11px;font-size:16px;}
ul#menu li a#current{color:#85d427;}
h1 span{color:#fff;font-size:72px;display:block;}
h1{font-size:24px;color:#aaa;line-height:250%;margin-top:84px;}
h2{font-size:16px;font-style:italic;text-align:center;margin-top:76px;}
.title_1{font-size:60px;color:#000;text-align:center;}
ul#products,ul#help{overflow:hidden;margin-top:55px;}
ul#products li{float:left;margin-right:5%;width:20%;}
ul#products li:last-child{margin-right:0;}
ul#products li p{font-size:14px;line-height:25px;text-align:center;margin-top:20px;}
ul#products li a{display:block;border:1px solid #222;text-align:center;border-radius:5px;width:107px;height:25px;line-height:25px;margin:25px auto 0;}
.title_2{font-size:36px;text-align:center;margin-top:87px;border-top:1px solid #e4e4e4;padding-top:76px;}
ul#help li{float:left;margin-right:8%;}
ul#help li:last-child{margin-right:0;}
#footer{background-color:#313131;padding-top:58px;margin-top:54px;}
#footer p,#footer ul li a,#footer ul li{color:#9f9e9e;font-size:14px;text-align:center;line-height:30px;}
#footer ul{overflow:hidden;margin:0 auto;width:100%;max-width:750px;padding-bottom:37px;}
#footer ul li{float:left;padding-right:4px;}
.toggle-nav{display:none;}
@media screen and (max-width: 1000px){
.container{width:96%;}
ul#help li{margin-right:4%;}
}
@media screen and (max-width: 870px){
#banner .container{padding-top:20px;}
#logo{margin-top:10px;}
h1 span{font-size:56px;}
h1{font-size:20px;line-height:200%;margin-top:150px;}
ul#products li img{width:100%;max-width:198px;display:block;margin:0 auto;}
ul#help li img{width:100%;max-width:181px;}
ul#help li{margin-right:2%;width:23%;}
.title_1{font-size:40px;}
.title_2{font-size:26px;margin-top:80px;}
.toggle-nav {padding:20px;float:left;display:inline-block;background:#FFC600;color:#777;font-size:20px;transition:color linear 0.15s;}
.toggle-nav:hover, .toggle-nav.active{text-decoration:none;}
#nav{position:relative;display:inline-block;float:right;}
#nav ul#menu{display:none;}
#nav ul#menu.active{display:block;}
ul#menu{float:none;margin-left:0;overflow:visible;width:auto;}
ul#menu li a:hover, ul#menu li a#curr{border-bottom:none;}
ul#menu li a{color:#222;height:auto;}
ul#menu li{height:auto;line-height:normal;}
#nav ul{position:absolute;top:120%;right:0;padding:10px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#fff;border:1px solid #FFC600;}
#nav ul:after{content:"";width:0px;height:0px;position:absolute;top:0%;right:15px;transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #FFC600;}
#nav li{margin:5px 0px 5px 0px;float:none;display:block;}
#nav a{display:block;}
#logo{float:left;}
}
@media screen and (max-width: 680px){
h1 span{font-size:40px;padding-bottom:10px;}
h1{line-height:120%;}
ul#products{margin-top:30px;}
ul#products li{width:50%;margin-top:20px;margin-right:0;height:345px;}
}
@media screen and (max-width: 500px){
ul#products li{width:100%;margin-right:0;height:auto;}
ul#help li{width:50%;margin-right:0;}
h1{line-height:180%;}
}