





.title-15{font-size:15px}
.title-24-orange{font-size:24px;color:#f03800}
.title-24-blue{font-size:24px;color:#0381bb}
.title-24-blue a{font-weight:400}
.title-16-bold-black2{color:#27252a;font-size:16px;font-weight:700}
.title-16-underline-normal{font-size:16px;text-decoration:underline;font-weight:400}
.h1-30-normal{margin:10px 0 0 0;padding:0;font-size:3 0;font-weight:400;font-family:Lato,sans-serif;font-size:26px;color:red}
.h1-30-normal.center{width:100%;text-align:center;max-width:100%}
.grey-strip{position:relative}
.grey-strip h3{margin:0 0 0 -10px;padding:10px;font-size:3 0;font-weight:400;font-family:Lato,sans-serif;font-size:24px;background:#f1f1f1;float:left;position:relative}
.grey-strip:before{content:'';display:block;position:absolute;width:100%;height:1px;top:50%;bottom:0;border-bottom:1px solid #e3e3e3}
@media only screen and (max-width:320px){
.grey-strip h3{float:none;margin:0;padding:0;width:100%;text-align:center}}
.h2-30-normal{margin:0;padding:0;font-size:3 0;font-weight:400;font-family:Lato,sans-serif;font-size:26px}
.note{margin-bottom:60px;text-align:center}
@media only screen and (max-width:400px){
.h1-30-normal{line-height:33px}
.h1-30-normal.left{float:none;text-align:center}}
.demo-preview{background:#fff;margin:10px 0 40px 0;border-radius:3px;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #e3e3e3}
.demo-preview img{max-width:100%;border-radius:3px}
.vspacer{border-top:1px solid #dbdbdb;border-bottom:1px solid #fff;line-height:1px;font-size:1px}
#license{background:#F8F8FF;margin:20px 0;padding-top:10px}
#license h1,#license h2,#license h3,#license h4,#license h5,#license h6,#license p{margin:0;padding:0 20px 10px 20px}
.buy-section{margin:20px 0;padding:20px;background:#fff;vertical-align:middle;font-size:16px}
.buy-section img,.buy-section input{vertical-align:middle}
.buy-section .buy-txt{margin:0 20px 0 0;line-height:50px}
.buy-section .buy-txt .price{font-weight:700;font-size:18px;padding:0 15px}
#binpress-product-widget .component{box-shadow:0 0 10px #999;border-radius:2px}
#hp-colored-preview-box{background-image:url(/content/img/homepage/hp-bg.jpg);background-repeat:no-repeat;background-color:#464a56;padding:100px 0;text-align:center;background-position:50% 50%;background-size:cover;margin:0 0 50px 0}
#hp-colored-preview-box p{font-family:Lato,sans-serif;font-size:40px;color:#fff;text-shadow:0 0 9px #000;text-transform:uppercase;background-color:#464a56;background-color:rgba(70,74,86,.6);padding:15px;margin:0}
#hp-colored-preview-box .big-white-btn{border:0}
@media only screen and (max-width:800px){
#hp-colored-preview-box p{font-size:30px}}
@media only screen and (max-width:500px){
#hp-colored-preview-box p{font-size:22px;line-height:normal;padding:5px 0}}
.bg-white1{background-color:#f4f4f4;border-top:1px solid #fff;border-bottom:1px solid #fff}
.bg-white2-noise{background-color:#efefef;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.form .row{margin:0 0 15px 0}
.form label{display:block;float:left;width:100px}
.form input[type=text],.form input[type=password]{border:1px solid #bbb;width:200px}
.form .big-white-btn{padding:0 15px}
.change-password-form label{width:145px}
.fork-me-on-github img{position:absolute;top:0;right:0;border:0;width:149px;height:149px}
.new{color:#f03800;font-style:italic;font-family:Lato,sans-serif}
.box{float:left;width:100%}
.box-25{width:25%}
.box-30{width:30%}
.box-40{width:40%}
.box-50{width:50%}
.box-55{width:55%}
.box-60{width:60%}
.box-70{width:70%}
.box-100px{width:100px}
.box-170px{width:170px}
.box-200px{width:200px}
.box-mh-600{min-height:600px}
.box-max-w-600{min-width:600px}
@media only screen and (max-width:500px){
.box-max-w-600{max-width:500px;min-width:inherit}}
.center-40{margin:0 auto;width:40%}
.align-right{text-align:right}
.align-center{text-align:center}
.align-middle{vertical-align:middle}
.left{float:left}
.right{float:right}
.block{display:block}
.left-block{display:block;float:left}
.hidden{display:none}
.reset-pm{padding:0;margin:0}
.reset-pm-bot{padding-bottom:0;margin-bottom:0}
.p-tb-20{padding:20px 0;margin:0}
.p-lr-20{padding:0 20px;margin:0}
.p-lrt-20{padding:20px 20px 0 20px;margin:0}
.p20{padding:20px;margin:0}
.p40{padding:40px;margin:0}
.m-tb-20{padding:0;margin:20px 0}
.p-b-10{padding:0 0 10px 0;margin:0}
.relative{position:relative}
.absolute{position:absolute}
.overflow-hidden{overflow:hidden}
.hmenu{padding:0;margin:0;list-style:none}
.hmenu li{float:left}
.vmenu{list-style-type:square;margin:20px;padding:0 0 0 10px}
.vmenu-2{list-style-type:none;margin:0;padding:0}
.arrows-menu,.arrows-menu-p20{padding:0 0 0 15px;margin:0}
.arrows-menu li,.arrows-menu-p20 li{list-style-image:url(../img/common/next.png);padding-left:5px}
.arrows-menu .active,.arrows-menu-p20 .active{color:#f03800}
.arrows-menu .empty,.arrows-menu-p20 .empty{list-style:none}
.arrows-menu-p20{margin-top:50px}
.arrows-menu-p20 li{padding-bottom:20px}
#social-menu li{line-height:45px;padding-left:15px;font-size:16px}
#social-menu a{color:#dbdbdb}
@media only screen and (max-width:1300px){
#social-menu{float:left}}
.default-menu li{margin:10px 25px 35px 0;padding:4px 0;border:1px solid transparent}
.default-menu li a{color:#6c6c6c;text-shadow:1px 1px 1px #fff;-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s}
.default-menu li:hover a{color:#27252a;text-shadow:1px 1px 10px #999}
.default-menu li:hover a .orange{color:#f03800}
.default-menu .orange{color:#f03800}
.default-menu .active{border-bottom:1px solid #fff;border-radius:3px;padding:0;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}
.default-menu .active a{padding:3px 15px;border:1px solid #dbdbdb;border-radius:3px;display:block;float:left}
@media only screen and (max-width:800px){
#page-content .default-menu{margin-bottom:15px}
#page-content .default-menu li{width:25%;margin:0}
#page-content .default-menu li a{padding-left:15px}
#page-content .default-menu .active{border:none;background:0 0}
#page-content .default-menu .active a{background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}}
@media only screen and (max-width:500px){
#page-content .default-menu li{width:50%}
.default-menu{margin-bottom:20px}.default-menu li{margin-bottom:10px}}
@media only screen and (max-width:620px){
#top-menu{display:none}}
@media only screen and (max-width:930px){
#header-box{height:auto}}
#non-auth-menu{padding:10px 0;margin:25px 0 0 0}
#non-auth-menu li{margin:0 0 0 25px}
#non-auth-menu li a{font-weight:400}
@media only screen and (max-width:800px){
.login-partial.right{float:left;width:100%}
.login-partial.right #non-auth-menu{margin:0}}
@media only screen and (max-width:500px){
.login-partial.right #non-auth-menu{float:left}
.login-partial.right #non-auth-menu li{margin-left:15px}}
.fa-list-styles .fa{font-size:18px;color:#243D99;margin:0 5px}
.grid-menu .grid-menu-row{margin-bottom:20px;line-height:30px}
.grid-menu .grid-menu-row .grid-menu-cell{width:30%}
.grid-menu .grid-menu-row .grid-menu-cell ul{padding:15px 0;text-align:center}
.grid-menu .grid-menu-row .grid-menu-thumb{margin:0;padding:0;text-align:center;font-size:100px}
.grid-menu .grid-menu-row h2{-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s;text-shadow:1px 1px 10px #999;font-weight:400;font-family:Lato,sans-serif;text-align:center;margin:15px 0 0 0}
.grid-menu .grid-menu-row h2:hover{color:#27252a;text-shadow:1px 1px 10px #27252a}
.grid-menu .grid-menu-row a{color:#6c6c6c;-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s}
.grid-menu .grid-menu-row a:hover{color:#0381bb}
@media only screen and (max-width:500px){
.grid-menu .grid-menu-row .grid-menu-cell{width:100%;margin-bottom:20px}}
#black-top-bar-left-menu{line-height:45px;margin-right:20px}
#black-top-bar-left-menu a{color:#dbdbdb}
#auth-menu{padding:10px 0;margin:25px 0 0 0}
#auth-menu li{margin:0 0 0 25px}
#auth-menu li a{font-weight:400}
@media only screen and (max-width:800px){
.login-partial.right{float:left;width:100%}
.login-partial.right #auth-menu{margin:0}}
@media only screen and (max-width:500px){
.login-partial.right #auth-menu{float:left}
.login-partial.right #auth-menu li{margin-left:15px}}
.arrows-menu-colored{padding:0;margin:0;list-style:none}
.arrows-menu-colored li:before{content:'';border-color:transparent #0381bb;border-style:solid;border-width:5px 0 5px 8px;display:inline-block;padding-right:10px;height:0;width:0}
.white-grid-menu .grid-menu-row{line-height:30px}
.white-grid-menu .grid-menu-row .grid-menu-cell{width:29%;margin-right:1%;margin-bottom:1%;background:#fff}
.white-grid-menu .grid-menu-row .grid-menu-cell ul{padding:15px 0;text-align:center}
.white-grid-menu .grid-menu-row .grid-menu-cell>a{padding:15px;display:block;border:1px solid #DAE3EC;color:#6c6c6c;-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s}
.white-grid-menu .grid-menu-row .grid-menu-cell a:hover{color:#0381bb}
.white-grid-menu .grid-menu-row .grid-menu-thumb{margin:0;padding:0;text-align:center;font-size:100px}
.white-grid-menu .grid-menu-row h2{-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s;text-shadow:1px 1px 10px #999;font-weight:400;font-family:Lato,sans-serif;text-align:center;margin:15px 0 0 0}
.white-grid-menu .grid-menu-row h2:hover{color:#27252a;text-shadow:1px 1px 10px #27252a}
@media only screen and (max-width:800px){
.white-grid-menu .grid-menu-row .grid-menu-cell ul{background:0 0}}
@media only screen and (max-width:600px){
.white-grid-menu .grid-menu-row .grid-menu-cell{width:49%}
.white-grid-menu .grid-menu-row .grid-menu-cell ul{background:#f9f9f9;border-radius:2px;padding-top:15px;padding-bottom:15px}}
@media only screen and (max-width:400px){
.white-grid-menu .grid-menu-row .grid-menu-cell{width:100%}}
#top-menu-box{background:#fcfcfc;border-bottom:1px solid #e3e3e3;font-family:Lato,sans-serif}
#top-menu{font-size:16px}
#top-menu li{margin:20px 20px 25px 0}
#top-menu a{font-weight:400}
#top-menu .fa{font-size:21px;vertical-align:text-top;margin-right:5px}
#top-menu .bull{color:#bbb}
#top-menu .active{background:0 0}
#top-menu .active a{border:1px solid #fcfcfc;color:#27252a;text-shadow:1px 1px 10px #999;padding-left:0;padding-right:0}
@media (max-width:800px){
#top-menu{font-size:14px}}
.jplist-star-rating-outer{position:relative;float:left;height:18px;line-height:18px;font-family:FontAwesome;font-size:18px;cursor:pointer;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;margin-bottom:20px}
.jplist-star-rating-outer:before{content:attr(data-content);font-family:FontAwesome;font-size:18px;height:18px;line-height:18px;white-space:nowrap;color:#fec601}
.jplist-star-rating-inner{font-family:FontAwesome;font-size:18px;width:0;height:18px;line-height:18px;overflow:hidden;position:absolute;left:0;top:0;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s}
.jplist-star-rating-inner:before{content:attr(data-content);color:#fec601;font-family:FontAwesome;font-size:18px;height:18px;line-height:18px;white-space:nowrap}
.jplist-reviews{line-height:21px;margin-left:10px;float:left}
.grid-item{width:300px;margin:0 50px 30px 0}
.grid-item .title-15 p{margin-bottom:0}
.grid-item .links a{font-size:12px}
.grid-item-last{margin-right:0}
.product-listing{padding:20px 0 0 0}
.product-listing .product{background:#fff;margin:0 0 20px 0;height:130px;overflow:hidden;border:1px solid #dbdbdb;border-radius:3px}
.product-listing .product-name{padding:0 0 15px 0}
.product-listing .product-description{padding:0 0 15px 0}
.product-listing .product-content-box{width:80%}
.product-listing .product-buy{background-color:#DAE3EC;text-align:center;width:20%;height:100%}
.product-listing .product-buy a{width:150px;margin:0 0 10px 0}
.product-listing .product-img{font-size:0;line-height:0;width:40%;text-align:center}
.product-listing .product-img img{max-width:100%}
.product-listing .product-img a{padding:20px;display:block;float:left}
.product-listing .product-content{padding:20px 0;width:55%}
.product-listing .product-name{font-family:Lato,sans-serif;font-size:20px}
.product-listing .product-name a{font-weight:400}
.product-listing .product-tags{margin:10px 0 0 0}
.product-listing .product-tags li{background:#f1f1f1;padding:0 10px;border:1px solid #dbdbdb;border-radius:2px;margin-right:10px}
@media only screen and (max-width:800px){
.product-listing .product-img{width:45%}
.product-listing .product-img img{width:100%}}
@media only screen and (max-width:500px){
.product-listing .product-content,.product-listing .product-img{width:90%;margin:0 5%}
.product-listing .product-img a{padding:15px 0 0 0}}
.products-grid{margin:20px 0}
.products-grid .products-grid-item{width:25%;min-width:200px;overflow:hidden;margin:0 0 20px 0}
.products-grid .products-grid-item-content{width:90%;margin:0 10% 0 0;float:left;height:270px;background:#fff;text-align:center;border:1px solid #dbdbdb;border-radius:3px;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.products-grid .products-grid-item-content .buy{background:#e3e3e3;width:100%;height:30px;line-height:30px;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.products-grid .products-grid-item-content .buy a{padding:0 10px;margin:0;display:inline-block}
.products-grid .products-grid-item-content .title{font-family:Lato,sans-serif;font-size:16px;height:55px;overflow:hidden;padding:5px 10px 0 10px}
.products-grid .products-grid-item-content .title .fa{margin-right:5px}
.products-grid .products-grid-item-content .title a{font-weight:400}
.products-grid .products-grid-item-content .title a:hover{color:#f03800}
.products-grid .products-grid-item-content .thumb{padding:20px 0 0 0;height:140px;overflow:hidden}
.products-grid .products-grid-item-content .thumb img{border:1px solid #999;width:178px;height:128px}
.products-grid .products-grid-item-content .see-all{line-height:210px;font-size:18px}
.products-grid-230 .products-grid-item-content{height:230px}
@media only screen and (max-width:800px){
.products-grid .products-grid-item{width:32%}}
@media only screen and (max-width:700px){
.products-grid .products-grid-item{width:50%}}
@media only screen and (max-width:450px){
.products-grid .products-grid-item-content{width:100%;margin:0}
.products-grid .products-grid-item{width:100%}}
.products-grid-5{margin:20px 0}
.products-grid-5 .products-grid-item{width:20%;min-width:180px;overflow:hidden;margin:0 0 20px 0}
.products-grid-5 .products-grid-item-content{width:90%;margin:0 10% 0 0;float:left;height:250px;background:#fff;text-align:center;border:1px solid #dbdbdb;border-radius:3px;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.products-grid-5 .products-grid-item-content .buy{background:#e3e3e3;width:100%;height:30px;line-height:30px;text-align:center}
.products-grid-5 .products-grid-item-content .buy a{padding:0 10px;margin:0;display:inline-block}
.products-grid-5 .products-grid-item-content .title{font-family:Lato,sans-serif;font-size:16px;height:55px;overflow:hidden;padding:5px 10px 0 10px}
.products-grid-5 .products-grid-item-content .title .fa{margin-right:5px}
.products-grid-5 .products-grid-item-content .title a{font-weight:400}
.products-grid-5 .products-grid-item-content .title a:hover{color:#f03800}
.products-grid-5 .products-grid-item-content .thumb{padding:20px 0 0 0;height:125px;overflow:hidden}
.products-grid-5 .products-grid-item-content .thumb img{border:1px solid #999;width:80%}
.products-grid-5 .products-grid-item-content .see-all{line-height:210px;font-size:18px}
.products-grid-230 .products-grid-item-content{height:230px}
@media only screen and (max-width:800px){
.products-grid-5 .products-grid-item{width:25%}}
@media only screen and (max-width:600px){
.products-grid-5 .products-grid-item{width:33%;min-width:150px}}
@media only screen and (max-width:320px){
.products-grid-5 .products-grid-item{float:none;margin-left:auto;margin-right:auto;min-width:200px}
.products-grid-5 .products-grid-item .products-grid-item-content{margin-right:0;width:100%}}
.download-list label{cursor:pointer;min-height:55px}
.download-list-item{width:20%;cursor:pointer}
.download-list-item-content{width:92%;margin:2%;padding:2%;height:200px;font-size:14px;text-align:center;background:#fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;border-radius:3px;-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s}
.download-list-item-content img{width:98%}
.download-list-item-content:hover{color:#f03800;text-shadow:1px 1px 10px #bbb}
.download-list-item.active .download-list-item-content{border:1px solid #f03800;color:#f03800}
.licenses-list .license-item{background:#fff;border:1px solid #DAE3EC;margin:0 0 15px 0;padding:10px 0}
.licenses-list .license-item .field{font-weight:700;margin:0 0 0 15px;width:120px}
.licenses-list .license-item-desc{float:left;width:70%}
.licenses-list .license-item-download{float:right;width:30%;text-align:right}
.licenses-list .license-item-download a{margin:0 15px 0 0}
@media only screen and (max-width:500px){
.licenses-list .license-item-desc{width:100%}
.licenses-list .val{clear:left;margin-left:15px}
.licenses-list .license-item-download{width:100%;text-align:left}
.licenses-list .license-item-download a{margin-left:15px;margin-top:15px}}
.tabs-nav li{margin:0 3px 0 0;padding:3px 10px;cursor:pointer;border:1px solid #dbdbdb;border-bottom:0;position:relative;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}
.tabs-nav li:hover{color:#27252a;text-shadow:1px 1px 10px #999}
.tabs-nav .current{color:#f03800;background:#fff}
.tabs-nav .current span{background:#fff;bottom:-5px;height:10px;left:0;position:absolute;width:100%;z-index:100}
.tabs-nav .current:hover{color:#f03800;text-shadow:none}
.tabs-nav a{font-weight:400;color:#505050}
@media only screen and (max-width:500px){
.tabs-nav li{margin:0 2px 0 0;padding:3px 5px}}
.tabs{background:#fff;float:left;width:96%;padding:20px 2%;border:1px solid #dbdbdb}
.product-page .jplist-large-item{background:#fff;margin:0 0 10px 0;font-size:16px;height:auto}
.product-page .jplist-large-item .big-white-btn{padding:0 15px}
.product-page .jplist-large-item .product-content{margin:0 2% 0 0;width:58%}
.product-page .jplist-large-item .product-img img{width:100%}
@media only screen and (max-width:800px){
.product-page .jplist-large-item .product-content{margin:0 2% 0 0;width:52%}}
@media only screen and (max-width:500px){
.product-page .jplist-large-item .product-content{margin:0 5%;width:90%}}
.product-page .product-strip{background:#e3e3e3;border-top:1px solid #fff;border-bottom:1px solid #e3e3e3;padding:25px 0}
.product-page .product-strip-border{border-top:1px solid #fff}
.product-page .product-page-title{border-bottom:1px solid #e3e3e3}
.product-page .product-content{width:70%;float:left;margin:0 15%}
@media only screen and (max-width:550px){
.product-page .product-content{width:90%;margin:0 5%}}
.product-page .product-left-box{text-align:center;padding:20px 0}
.product-page .product-left-box .img{font-size:0}
.product-page .product-left-box img{max-width:100%;border:1px solid #999;box-shadow:0 0 10px #999;border-radius:3px}
.product-page .product-left-box .included-in{margin-top:30px}
.product-page .product-buy-section{border-bottom:1px dotted #0381bb}
.product-page .product-buy-section .price{font-size:18px;font-family:Lato,sans-serif}
.product-page .product-buy-section .download{font-size:18px;font-family:Lato,sans-serif}
.product-page .product-buy-section .download a{font-weight:400}
.product-page .product-description ul{margin-bottom:20px}
.product-page .tabs-nav{margin-top:30px}
@media only screen and (max-width:500px){
.product-page .product-left-box{width:100%}
.product-page .product-right-box{width:100%;margin:0}}
.cart-tbl{border:1px solid #DAE3EC;border-collapse:collapse;background:#fff;width:100%}
.cart-tbl td,.cart-tbl th{border:1px solid #DAE3EC;border-right:0;border-left:0;padding:5px 15px;text-align:center}
.cart-tbl .img{font-size:0;line-height:0;padding:15px;width:120px}
.cart-tbl .img img{border:1px solid #999;width:100px}
.cart-tbl .remove{width:15px}
.cart-tbl .remove button{background:0 0;border:0}
.cart-tbl .remove .fa{color:#0381bb;cursor:pointer}
@media only screen and (max-width:500px){
.cart-tbl .headers{display:none}
.cart-tbl .img,.cart-tbl td{width:100%;display:block;float:left;border:0;padding:5px 0}
.cart-tbl .img{padding-top:10px}
.cart-tbl tr{width:100%;display:block;float:left;border-bottom:1px solid #DAE3EC}
.cart-tbl tr:last-child{border-bottom:0}
.cart-tbl td .qty:before,.cart-tbl td .sku-price:before,.cart-tbl td .total:before{content:attr(data-title);font-weight:700}}
.settings-tbl{border-collapse:collapse;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;margin-bottom:40px;background:#fff;width:100%}
.settings-tbl td,.settings-tbl th{border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:5px 15px;margin:0}
.settings-tbl .options{font-weight:700}
.settings-tbl .defaults,.settings-tbl .values{font-style:italic}
.settings-tbl.bg-white3{background-color:#fcfcfc;border-left:1px dotted #e3e3e3;border-top:1px dotted #e3e3e3}
.settings-tbl.bg-white3 th{background:#f4f4f4}
.settings-tbl.bg-white3 td,.settings-tbl.bg-white3 th{border-right:1px dotted #e3e3e3;border-bottom:1px dotted #e3e3e3}
.settings-tbl.bg-white3 .title{background:#f9f9f9}
@media only screen and (max-width:500px){
.settings-tbl{display:block}
.settings-tbl td,.settings-tbl tr{display:block}
.settings-tbl th,.settings-tbl thead{display:none}
.settings-tbl .title{font-weight:700;font-size:14px}
.settings-tbl.bg-white3{background:#fff}}
.checkout-btn{backrgound:transparent;border:0;margin:30px 0 0 0}
.paypal-badges{margin:30px 0 0 0}
@media only screen and (max-width:500px){
.paypal-badges{width:100%;text-align:center}
.paypal-badges img{max-width:100%}
.checkout-form{width:100%;text-align:center}}
.empty-cart-img{font-size:100px;padding:50px 0 0 0;margin:0 0 20px 0}
.empty-cart-text{padding:0 0 80px 0;margin:0;font-size:20px}
.double-sort .list{float:left;width:100%;padding:1.25em 0}
.double-sort .list .list-item{float:left;width:96%;margin:0 2% 1em 2%;clear:both}
.subject{font-family:verdana;font-size:14px;line-height:24px;color:#444}
.course{font-family:verdana;font-size:12px;line-height:24px;color:#8E3D3D}
.jplist .block{width:840px}.jplist .title{font-size:16px;color:red}
.jplist .date{float:right;color:#440e00}
.jplist .keywords,.jplist .like{color:#440e00}
.jplist .price{color:#17161B}
.jplist .list{background:#fff;margin:0px 0}
.jplist .list .img{width:15%;margin:0 1%;float:left;font-size:0;text-align:center}
.jplist .list .img img{max-width:90%;border-radius:3px}
.jplist .list .block{float:right;width:82%;margin-right:1%}
.jplist .list .block p{margin:0;padding:0 15px 5px 0}
.jplist .list .list-item{margin-top:15px;float:left}
.jplist .list .list-item-link{font-weight:400;color:#505050}
.jplist .list .list-item-link .list-item{-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s;margin-top:0;padding-top:15px}
.jplist .list .list-item-link:hover .list-item{background:#fcfcfc}
.jplist .box-header{background:#E0D7C5;border-bottom:1px solid #CCBDA1;border-radius:3px 3px 0;margin-top:20px;padding:5px 0}
@media only screen and (max-width:800px){
.jplist .list .block,.jplist .list .img{width:90%;margin:0 5%}
.jplist .list .img{border-radius:3px;font-size:0;line-height:0;padding:15px 0;margin-bottom:10px}
.jplist .list .img img{max-width:100%;border-radius:3px;border:1px solid #27252a}}
.jplist-grid-view .list-item{width:20%;overflow:hidden;margin:20px 0}
.jplist-grid-view .list-item .img{width:100%;text-align:center;margin:0}
.jplist-grid-view .list-item .desc{display:none}
.jplist-grid-view .list-item .block{width:100%;text-align:center}
.jplist-grid-view .list-item .block p{padding:.3em 0 0 0}
.jplist-grid-view .list-item .block .title{line-height:1.5em;font-size:1em}
.jplist-grid-view .list-item .date{float:none}
@media only screen and (min-width:600px) and (max-width:800px){
.jplist-grid-view .list-item .img{width:90%;margin:0 5%}}
@media only screen and (max-width:600px){
.jplist-grid-view .list-item{width:100%}
.jplist-grid-view .list-item .img{width:90%;margin:0 5%}}
.jplist-thumbs-view .list-item{width:50%;overflow:hidden;margin:20px 0;position:relative}
.jplist-thumbs-view .list-item .img{width:100%;text-align:center;vertical-align:bottom}.jplist-thumbs-view .list-item .img img{min-width:90%;vertical-align:bottom}
.jplist-thumbs-view .list-item .desc{display:none}
.jplist-thumbs-view .list-item .block{width:100%;text-align:center;position:absolute;background:#fff;opacity:.6;bottom:0}
.jplist-thumbs-view .list-item .block p{padding:.3em 0 0 0;font-weight:700}
.jplist-thumbs-view .list-item .block .title{line-height:1.5em;font-size:1em}
.jplist-thumbs-view .list-item .date{float:none}
@media only screen and (max-width:800px){
.jplist-thumbs-view .list .img{background:#fff;border:0;padding:0;margin:0 5%;width:90%;overflow:hidden}
.jplist-thumbs-view .list .img img{border-radius:0;border:0}
.jplist-thumbs-view .list .block{margin:0 5%;width:90%}
.jplist-thumbs-view .list .block p{padding:0;text-align:center}}
@media only screen and (max-width:600px){
.jplist-thumbs-view .list .date,.jplist-thumbs-view .list .like{display:none}}
.demo-tbl{background:#fff;width:100%;float:left;border-collapse:collapse;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin:30px 0}
.demo-tbl td,.demo-tbl th{border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;vertical-align:top;padding:15px}
.demo-tbl p{margin:0;padding:0 15px 5px 0}
.demo-tbl .odd{background:#E8EFF9}
.demo-tbl .even{background:#f4f4f4}
.ul-li-list{background:#fff;padding-top:20px;padding-bottom:20px;margin:20px 0}
.ul-li-list .list-item{float:left;width:100%}
.ul-li-list .list-box{width:100%;float:right}
.ul-li-list .img{float:left;margin-right:20px;width:15%}
.ul-li-list .img img{max-width:90%;border-radius:3px}
.ul-li-list .block{float:right;width:82%;margin-right:1%}
.ul-li-list .desc{text-align:justify}
.ul-li-list p{margin:0;padding:0 25px 5px 0}
@media only screen and (max-width:800px){
.ul-li-list{list-style:none;padding:0;margin:20px 0}
.ul-li-list .block,.ul-li-list .img{width:90%;margin:0 5%}
.ul-li-list .img{border-radius:3px;font-size:0;line-height:0;padding:15px 0;margin-bottom:10px;text-align:center}
.ul-li-list .img img{max-width:100%}}
.jplist-grid-view .ul-li-list{padding:0;margin:20px 0;list-style:none}
.jplist-grid-view .ul-li-list .list-item{width:20%;overflow:hidden;margin:20px 0}
.jplist-grid-view .ul-li-list .list-item .img{width:100%;text-align:center;margin:0}
.jplist-grid-view .ul-li-list .list-item .desc{display:none}
.jplist-grid-view .ul-li-list .list-item .block{width:100%;text-align:center}
.jplist-grid-view .ul-li-list .list-item .block p{padding:.3em 0 0 0}
.jplist-grid-view .ul-li-list .list-item .block .title{line-height:1.5em;font-size:1em}
.jplist-grid-view .ul-li-list .list-item .date{float:none}
@media only screen and (min-width:600px) and (max-width:800px){
.jplist-grid-view .ul-li-list .list-item .img{width:90%;margin:0 5%}}
@media only screen and (max-width:600px){
.jplist-grid-view .ul-li-list .list-item{width:100%}
.jplist-grid-view .ul-li-list .list-item .img{width:90%;margin:0 5%}}
.jplist-thumbs-view .ul-li-list{list-style:none;padding:0;margin:20px 0}
.jplist-thumbs-view .list-item{width:50%;overflow:hidden;margin:20px 0;position:relative}
.jplist-thumbs-view .list-item .img{width:100%;text-align:center;vertical-align:bottom}
.jplist-thumbs-view .list-item .img img{min-width:90%;vertical-align:bottom}
.jplist-thumbs-view .list-item .desc{display:none}
.jplist-thumbs-view .list-item .block{width:100%;text-align:center;position:absolute;background:#fff;opacity:.6;bottom:0}
.jplist-thumbs-view .list-item .block p{padding:.3em 0 0 0;font-weight:700}
.jplist-thumbs-view .list-item .block .title{line-height:1.5em;font-size:1em}
.jplist-thumbs-view .list-item .date{float:none}
@media only screen and (max-width:800px){
.jplist-thumbs-view .ul-li-list .img{background:#fff;border:0;padding:0;margin:0 5%;width:90%;overflow:hidden}
.jplist-thumbs-view .ul-li-list .img img{border-radius:0;border:0}
.jplist-thumbs-view .ul-li-list .block{margin:0 5%;width:90%}
.jplist-thumbs-view .ul-li-list .block p{padding:0;text-align:center}}
@media only screen and (max-width:600px){
.jplist-thumbs-view .ul-li-list .date,.jplist-thumbs-view .ul-li-list .like{display:none}}
.cars-demo .model{text-align:center}
.cars-demo .model a{color:#f03800;font-size:16px;font-weight:400}
.cars-demo .header{font-weight:700}
.cars-demo .list-item{width:23%;margin:0 1% 1% 0;background:#fff;border:1px solid #dbdbdb}
.cars-demo .list-item p{margin:0;padding:0 10px 10px 10px}
.cars-demo .list-item .pic{text-align:center;padding-top:15px}
.cars-demo .list-item .divider{background:#efefef;text-align:center;padding:3px 0;font-weight:700;margin-bottom:10px}
.cars-demo .jplist .list{background:0 0}
.cars-demo .top{min-height:305px}
.cars-demo .powertrain{min-height:180px}
.cars-demo .jplist-range-slider{margin-top:16px}
@media screen and (max-width:800px){
.cars-demo .jplist .list .list-item{width:32%}}
@media screen and (max-width:500px){
.cars-demo .jplist .list .list-item{width:48%}}
@media screen and (max-width:320px){
.cars-demo .jplist .list .list-item{width:90%;clear:both;margin:0 auto 15px auto;float:none}}