.lato {
    font - family: 'Lato', sans - serif
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}
audio, canvas, video {
    display: inline - block
}
audio: not([controls]) {
    display: none;height: 0
}[hidden] {
    display: none
}
html {
    font - family: sans - serif; - webkit - text - size - adjust: 100 % ; - ms - text - size - adjust: 100 %
}
a: focus {
    outline: thin dotted
}
a: active, a: hover {
    outline: 0
}
h1 {
    font - size: 2e m;
    margin: .67e m 0
}
abbr[title] {
    border - bottom: 1 px dotted
}
b, strong {
    font - weight: 700
}
dfn {
    font - style: italic
}
hr {
    -moz - box - sizing: content - box;
    box - sizing: content - box;
    height: 0
}
mark {
    background: #ff0;color: #000}code,kbd,pre,samp{
    	/*font-family:monospace,serif;font-size:1em*/
    	}pre{white-space:pre-wrap}q{quotes:\201C \201D \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
    button,input,select,textarea{
    	font-family:inherit;
    	font-size:100%;margin:0
    }
    	button,input{line-height:normal}button,select{text-transform:none}button,html input[type= button], input[type = reset], input[type = submit] {
    -webkit - appearance: button;
    cursor: pointer
}
button[disabled], html input[disabled] {
    cursor: default
}
input[type = checkbox], input[type = radio] {
    box - sizing: border - box;
    padding: 0
}
input[type = search] {
    -webkit - appearance: textfield; - moz - box - sizing: content - box; - webkit - box - sizing: content - box;
    box - sizing: content - box
}
input[type = search]::-webkit - search - cancel - button, input[type = search]::-webkit - search - decoration {
    -webkit - appearance: none
}
textarea {
    overflow: auto;vertical - align: top
}
table {
    border - collapse: collapse;
    border - spacing: 0
}
body, figure {
    margin: 0
}
legend, button::-moz - focus - inner, input::-moz - focus - inner {
    border: 0;padding: 0
}
html, body {
    padding: 0;margin: 0;background: #f1f1f1;color: #505050;
    /*font-family:Arial,Helvetica,sans-serif;
    font-size:13px;line-height:24px*/
    }pre{padding:0;margin:0}pre code{overflow:hidden}.center{margin:0 auto;width:1000px;max-width:95%}a{text-decoration:none;color:# 0381 bb;font - weight: bold
}
a.normal {
    font - weight: normal
}
a: focus,: focus {
    outline: none
}
img {
    border: 0
}
table {
    padding: 0;margin: 0;border - collapse: collapse
}
tr, td {
    padding: 0;margin: 0
}
h2 {
    font - size: 16 px;
    margin: 30 px 0 0 0;
    padding: 0
}.fa - external - link {
    font - size: 9 px;
    margin - left: 3 px
}.error {
    color: #f03800
}.ok {
    color: #0c5f1f}::-moz-selection{background:# ffd800;text - shadow: none
}::selection {
    background: #ffd800;text - shadow: none
}
@media only screen and(max - width: 500 px) {.ios - 500 px - width - 100, .ios - 500 px - width - 100. box - 50 {
        width: 100 %
    }.iphone - hidden {
        display: none
    }
}#
black - top - bar {
        height: 45 px;border - top: 1 px solid# dae3ec;border - bottom: 1 px solid# fff;background: #505050}# header {
            border - bottom: 1 px solid# fff
        }#
        header - box {
            border - bottom: 1 px solid# e3e3e3
        }#
        logo {
            padding: 40 px 0;margin: 0;font - family: 'Lato',
            sans - serif;font - size: 32 px;vertical - align: middle
        }#
        logo p {
            padding: 0;margin: 0
        }#
        logo img {
            height: 45 px;margin - right: 15 px;vertical - align: middle;transition: all .25 s ease 0 s
        }#
        logo a {
            text - shadow: 1 px 1 px 1 px# fff;
            transition: all .25 s ease 0 s
        }#
        logo a: hover {
                text - shadow: 1 px 1 px 10 px #999}# bread - crumbs - box {
                    border - bottom: 1 px solid# fff;
                    margin: 0 0 30 px 0
                }#
                bread - crumbs {
                    background: #ececec;border - bottom: 1 px solid# e3e3e3
                }#
                bread - crumbs p {
                    padding: 10 px 0;margin: 0
                }#
                footer {
                    background: #27252a;color:# f1f1f1;margin - top: 30 px
                }#
                footer a {
                    font - weight: normal;
                    color: #dbdbdb
                }.footer - top - row {
                    margin: 30 px 0
                }.footer - top - row ul {
                    line - height: 30 px
                }.footer - bot - row {
                    background: #111}@media only screen and (max-width:550px){# logo {
                        text - align: center;
                        width: 100 % ;
                        font - size: 26 px;
                        line - height: 40 px;
                        margin: 0 0 10 px 0;
                        padding: 0 0 40 px 0
                    }#
                    logo img {
                        margin: 40 px auto 10 px auto;display: block
                    }#
                    footer.footer - top - row.box - 30 {
                        width: 100 % ;margin - bottom: 20 px;text - align: center
                    }#
                    demo {
                        padding: 15 px 0
                    }
                }.icon, .github - icon, .view - icon, .download - icon, .paypal - icon, .codecanyon - icon {
                    display: inline - block;vertical - align: middle;padding - left: 25 px
                }.download - icon {
                    background: url("../img/common/download.png") no - repeat 0 50 %
                }.read - more - blue - icon {
                    background: url("../img/common/next-blue.png") no - repeat center right;padding - right: 15 px
                }.read - more - orange - icon {
                    background: url("../img/common/next-orange.png") no - repeat center right;padding - right: 15 px
                }.border - img {
                    border: 4 px solid# fff;outline: 1 px solid# c4c4c4
                }.border - img - black {
                    border: 1 px solid #000}.border-img-grey4{border:1px solid # c4c4c4
                }.white - btn, .big - white - btn {
                    border: 1 px solid# dae3ec;border - radius: 3 px;color: #6c6c6c;padding:5px 10px;display:inline-block;background:# fff;background: -moz - linear - gradient(top, #fff 0, #efefef 100 % );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: -o - linear - gradient(top, #fff 0, #efefef 100 % );background: -ms - linear - gradient(top, #fff 0, #efefef 100 % );background: linear - gradient(to bottom, #fff 0, #efefef 100 % )
                }.big - white - btn {
                    height: 40 px;line - height: 40 px;padding: 0;text - align: center;margin: 0 20 px 20 px 0
                }.white - btn.orange, .big - white - btn.orange {
                    color: #f03800;border: 1 px solid# fca185
                }.white - btn.blue, .big - white - btn.blue {
                    color: #0381bb;border:1px solid # 85 baf7
                }.white - btn.grey, .big - white - btn.grey {
                    border: 1 px solid# c4c4c4
                }.f15 {
                    font - size: 15 px
                }.f16 {
                    font - size: 16 px
                }.f18 {
                    font - size: 18 px
                }.f20 {
                    font - size: 20 px
                }.lh28 {
                    line - height: 28 px
                }.orange {
                    color: #f03800
                }.blue {
                    color: #0381bb}.light-blue2{color:# 9 fc2ce
                }.text - shadow {
                    text - shadow: 1 px 1 px 1 px# fff
                }.title - 15 {
                    font - size: 15 px
                }.title - 24 - orange {
                    font - size: 24 px;
                    color: #f03800
                }.title - 24 - blue {
                    font - size: 24 px;
                    color: #0381bb}.title-24-blue a{font-weight:normal}.title-16-bold-black2{color:# 27252 a;
                    font - size: 16 px;
                    font - weight: bold
                }.title - 16 - underline - normal {
                    font - size: 16 px;
                    text - decoration: underline;
                    font - weight: normal
                }.h1 - 30 - normal {
                    margin: 10 px 0 0 0;padding: 0;font - size: 3 0;font - weight: normal;font - family: 'Lato',
                    sans - serif;font - size: 26 px;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 - 10 px;padding: 10 px;font - size: 3 0;font - weight: normal;font - family: 'Lato',
                    sans - serif;font - size: 24 px;background: #f1f1f1;float: left;position: relative
                }.grey - strip: before {
                    content: '';display: block;position: absolute;width: 100 % ;height: 1 px;top: 50 % ;bottom: 0;border - bottom: 1 px solid# e3e3e3
                }
                @media only screen and(max - width: 320 px) {.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: normal;font - family: 'Lato',
                    sans - serif;font - size: 26 px
                }.note {
                    margin - bottom: 60 px;
                    text - align: center
                }
                @media only screen and(max - width: 400 px) {.h1 - 30 - normal {
                        line - height: 33 px
                    }.h1 - 30 - normal.left {
                        float: none;text - align: center
                    }
                }.demo - preview {
                    background: #fff;margin: 10 px 0 40 px 0;border - radius: 3 px; - webkit - box - sizing: border - box; - moz - box - sizing: border - box; - ms - box - sizing: border - box; - o - box - sizing: border - box;box - sizing: border - box;border: 1 px solid# e3e3e3
                }.demo - preview img {
                    max - width: 100 % ;
                    border - radius: 3 px
                }.vspacer {
                    border - top: 1 px solid# dbdbdb;
                    border - bottom: 1 px solid# fff;
                    line - height: 1 px;
                    font - size: 1 px
                }#
                license {
                    background: #f8f8ff;margin: 20 px 0;padding - top: 10 px
                }#
                license p, #license h1, #license h2, #license h3, #license h4, #license h5, #license h6 {
                    margin: 0;padding: 0 20 px 10 px 20 px
                }.buy - section {
                    margin: 20 px 0;padding: 20 px;background: #fff;vertical - align: middle;font - size: 16 px
                }.buy - section img, .buy - section input {
                    vertical - align: middle
                }.buy - section.buy - txt {
                    margin: 0 20 px 0 0;line - height: 50 px
                }.buy - section.buy - txt.price {
                    font - weight: bold;
                    font - size: 18 px;
                    padding: 0 15 px
                }#
                binpress - product - widget.component {
                        box - shadow: 0 0 10 px #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: 40 px;
                                color: #fff;
                                text - shadow: 0 0 9 px #000;text-transform:uppercase;background-color:# 464 a56;
                                background - color: rgba(70, 74, 86, 0.6);
                                padding: 15 px;
                                margin: 0
                            }#
                            hp - colored - preview - box.big - white - btn {
                                border: 0
                            }
                            @media only screen and(max - width: 800 px) {#
                                hp - colored - preview - box p {
                                    font - size: 30 px
                                }
                            }
                            @media only screen and(max - width: 500 px) {#
                                hp - colored - preview - box p {
                                    font - size: 22 px;
                                    line - height: normal;
                                    padding: 5 px 0
                                }
                            }.bg - white1 {
                                background - color: #f4f4f4;
                                border - top: 1 px solid# fff;
                                border - bottom: 1 px solid# fff
                            }.bg - white2 - noise {
                                background - color: #efefef;
                                border - top: 1 px solid# dbdbdb;
                                border - bottom: 1 px solid# dbdbdb
                            }.form.row {
                                margin: 0 0 15 px 0
                            }.form label {
                                display: block;float: left;width: 100 px
                            }.form input[type = "text"], .form input[type = "password"] {
                                border: 1 px solid# bbb;width: 200 px
                            }.form.big - white - btn {
                                padding: 0 15 px
                            }.change - password - form label {
                                width: 145 px
                            }.fork - me - on - github img {
                                position: absolute;top: 0;right: 0;border: 0;width: 149 px;height: 149 px
                            }.new {
                                color: #f03800;font - style: italic;font - family: 'Lato',
                                sans - serif
                            }.box {
                                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 - 100 px {
                                width: 100 px
                            }.box - 170 px {
                                width: 170 px
                            }.box - 200 px {
                                width: 200 px
                            }.box - mh - 600 {
                                min - height: 600 px
                            }.box - max - w - 600 {
                                min - width: 600 px
                            }
                            @media only screen and(max - width: 500 px) {.box - max - w - 600 {
                                    max - width: 500 px;
                                    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: 20 px 0;margin: 0
                            }.p - lr - 20 {
                                padding: 0 20 px;margin: 0
                            }.p - lrt - 20 {
                                padding: 20 px 20 px 0 20 px;margin: 0
                            }.p20 {
                                padding: 20 px;margin: 0
                            }.p40 {
                                padding: 40 px;margin: 0
                            }.m - tb - 20 {
                                padding: 0;margin: 20 px 0
                            }.p - b - 10 {
                                padding: 0 0 10 px 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: 20 px;
                                padding: 0 0 0 10 px
                            }.vmenu - 2 {
                                list - style - type: none;
                                margin: 0;
                                padding: 0
                            }.arrows - menu, .arrows - menu - p20 {
                                padding: 0 0 0 15 px;margin: 0
                            }.arrows - menu li, .arrows - menu - p20 li {
                                list - style - image: url("../img/common/next.png");
                                padding - left: 5 px
                            }.arrows - menu.active, .arrows - menu - p20.active, .arrows - menu.active, .arrows - menu - p20.active {
                                color: #f03800
                            }.arrows - menu.empty, .arrows - menu - p20.empty {
                                list - style: none
                            }.arrows - menu - p20 {
                                margin - top: 50 px
                            }.arrows - menu - p20 li {
                                padding - bottom: 20 px
                            }#
                            social - menu li {
                                line - height: 45 px;
                                padding - left: 15 px;
                                font - size: 16 px
                            }#
                            social - menu a {
                                color: #dbdbdb
                            }
                            @media only screen and(max - width: 1300 px) {#
                                social - menu {
                                    float: left
                                }
                            }.default-menu li {
                                margin: 10 px 25 px 35 px 0;padding: 4 px 0;border: 1 px solid transparent
                            }.default-menu li a {
                                color: #6c6c6c;text-shadow:1px 1px 1px # fff;transition: all .25 s ease 0 s
                            }.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: 1 px solid# fff;
                                border - radius: 3 px;
                                padding: 0;
                                background: #fff;
                                background: -moz - linear - gradient(top, #fff 0, #efefef 100 % );
                                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: -o - linear - gradient(top, #fff 0, #efefef 100 % );
                                background: -ms - linear - gradient(top, #fff 0, #efefef 100 % );
                                background: linear - gradient(to bottom, #fff 0, #efefef 100 % )
                            }.default-menu.active a {
                                padding: 3 px 15 px;border: 1 px solid# dbdbdb;border - radius: 3 px;display: block;float: left
                            }
                            @media only screen and(max - width: 800 px) {#
                                page - content.default-menu {
                                    margin - bottom: 15 px
                                }#
                                page - content.default-menu li {
                                    width: 25 % ;margin: 0
                                }#
                                page - content.default-menu li a {
                                    padding - left: 15 px
                                }#
                                page - content.default-menu.active {
                                    border: none;background: none
                                }#
                                page - content.default-menu.active a {
                                    background: #fff;background: -moz - linear - gradient(top, #fff 0, #efefef 100 % );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: -o - linear - gradient(top, #fff 0, #efefef 100 % );background: -ms - linear - gradient(top, #fff 0, #efefef 100 % );background: linear - gradient(to bottom, #fff 0, #efefef 100 % )
                                }
                            }
                            @media only screen and(max - width: 500 px) {#
                                page - content.default-menu li {
                                    width: 50 %
                                }.default-menu {
                                    margin - bottom: 20 px
                                }.default-menu li {
                                    margin - bottom: 10 px
                                }
                            }
                            @media only screen and(max - width: 620 px) {#
                                top - menu {
                                    display: none
                                }
                            }
                            @media only screen and(max - width: 930 px) {#
                                header - box {
                                    height: auto
                                }
                            }#
                            non - auth - menu {
                                padding: 10 px 0;margin: 25 px 0 0 0
                            }#
                            non - auth - menu li {
                                margin: 0 0 0 25 px
                            }#
                            non - auth - menu li a {
                                font - weight: normal
                            }
                            @media only screen and(max - width: 800 px) {.login - partial.right {
                                    float: left;width: 100 %
                                }.login - partial.right# non - auth - menu {
                                    margin: 0
                                }
                            }
                            @media only screen and(max - width: 500 px) {.login - partial.right# non - auth - menu {
                                    float: left
                                }.login - partial.right# non - auth - menu li {
                                    margin - left: 15 px
                                }
                            }.fa - list - styles.fa {
                                font - size: 18 px;
                                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{transition:all .25s ease 0s;text-shadow:1px 1px 10px # 999;
                                font - weight: normal;
                                font - family: 'Lato', sans - serif;
                                text - align: center;
                                margin: 15 px 0 0 0
                            }.grid - menu.grid - menu - row h2: hover {
                                color: #27252a;text-shadow:1px 1px 10px # 27252 a
                            }.grid - menu.grid - menu - row a {
                                color: #6c6c6c;transition:all .25s ease 0s}.grid-menu .grid-menu-row a:hover{color:# 0381 bb
                            }
                            @media only screen and(max - width: 500 px) {.grid - menu.grid - menu - row.grid - menu - cell {
                                    width: 100 % ;margin - bottom: 20 px
                                }
                            }#
                            black - top - bar - left - menu {
                                line - height: 45 px;
                                margin - right: 20 px
                            }#
                            black - top - bar - left - menu a {
                                color: #dbdbdb
                            }#
                            auth - menu {
                                padding: 10 px 0;margin: 25 px 0 0 0
                            }#
                            auth - menu li {
                                margin: 0 0 0 25 px
                            }#
                            auth - menu li a {
                                font - weight: normal
                            }
                            @media only screen and(max - width: 800 px) {.login - partial.right {
                                    float: left;width: 100 %
                                }.login - partial.right# auth - menu {
                                    margin: 0
                                }
                            }
                            @media only screen and(max - width: 500 px) {.login - partial.right# auth - menu {
                                    float: left
                                }.login - partial.right# auth - menu li {
                                    margin - left: 15 px
                                }
                            }.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: 15 px 0;text - align: center
                            }.white - grid - menu.grid - menu - row.grid - menu - cell > a {
                                padding: 15 px;display: block;border: 1 px solid# dae3ec;color: #6c6c6c;transition:all .25s ease 0s}.white-grid-menu .grid-menu-row .grid-menu-cell a:hover{color:# 0381 bb
                            }.white - grid - menu.grid - menu - row.grid - menu - thumb {
                                margin: 0;padding: 0;text - align: center;font - size: 100 px
                            }.white - grid - menu.grid - menu - row h2 {
                                transition: all .25 s ease 0 s;text - shadow: 1 px 1 px 10 px #999;font-weight:normal;
                                /*font-family:'Lato',sans-serif;*/
                                text-align:center;
                                margin:15px 0 0 0}.white-grid-menu .grid-menu-row h2:hover{color:# 27252 a;text - shadow: 1 px 1 px 10 px #27252a}@media only screen and (max-width:800px){.white-grid-menu .grid-menu-row .grid-menu-cell ul{background:none}}@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: 2 px;padding - top: 15 px;padding - bottom: 15 px
                            }
                        }
                        @media only screen and(max - width: 400 px) {.white - grid - menu.grid - menu - row.grid - menu - cell {
                                width: 100 %
                            }
                        }#
                        top - menu - box {
                            background: #fcfcfc;border - bottom: 1 px solid# e3e3e3;font - family: 'Lato',
                            sans - serif
                        }#
                        top - menu {
                            font - size: 16 px
                        }#
                        top - menu li {
                            margin: 20 px 20 px 25 px 0
                        }#
                        top - menu a {
                            font - weight: normal
                        }#
                        top - menu.fa {
                            font - size: 21 px;
                            vertical - align: text - top;
                            margin - right: 5 px
                        }#
                        top - menu.bull {
                            color: #bbb
                        }#
                        top - menu.active {
                            background: none
                        }#
                        top - menu.active a {
                            border: 1 px solid# fcfcfc;color: #27252a;text-shadow:1px 1px 10px # 999;padding - left: 0;padding - right: 0
                        }
                        @media(max - width: 800 px) {#
                            top - menu {
                                font - size: 14 px
                            }
                        }.jplist - star - rating - outer {
                            position: relative;float: left;height: 18 px;line - height: 18 px;font - family: 'FontAwesome';font - size: 18 px;cursor: pointer;transition: all 1 s ease 0 s;margin - bottom: 20 px
                        }.jplist - star - rating - outer: before {
                            content: attr(data - content);font - family: 'FontAwesome';font - size: 18 px;height: 18 px;line - height: 18 px;white - space: nowrap;color: #fec601
                        }.jplist - star - rating - inner {
                            font - family: 'FontAwesome';
                            font - size: 18 px;
                            width: 0;
                            height: 18 px;
                            line - height: 18 px;
                            overflow: hidden;
                            position: absolute;
                            left: 0;
                            top: 0;
                            transition: all 1 s ease 0 s
                        }.jplist - star - rating - inner: before {
                            content: attr(data - content);color: #fec601;font - family: 'FontAwesome';font - size: 18 px;height: 18 px;line - height: 18 px;white - space: nowrap
                        }.jplist - reviews {
                            line - height: 21 px;
                            margin - left: 10 px;
                            float: left
                        }.grid - item {
                            width: 300 px;margin: 0 50 px 30 px 0
                        }.grid - item.title - 15 p {
                            margin - bottom: 0
                        }.grid - item.links a {
                            font - size: 12 px
                        }.grid - item - last {
                            margin - right: 0
                        }.product - listing {
                            padding: 20 px 0 0 0
                        }.product - listing.product {
                            background: #fff;margin: 0 0 20 px 0;height: 130 px;overflow: hidden;border: 1 px solid# dbdbdb;border - radius: 3 px
                        }.product - listing.product - name {
                            padding: 0 0 15 px 0
                        }.product - listing.product - description {
                            padding: 0 0 15 px 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: 150 px;margin: 0 0 10 px 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: 20 px;display: block;float: left
                        }.product - listing.product - content {
                            padding: 20 px 0;width: 55 %
                        }.product - listing.product - name {
                            font - family: 'Lato', sans - serif;
                            font - size: 20 px
                        }.product - listing.product - name a {
                            font - weight: normal
                        }.product - listing.product - tags {
                            margin: 10 px 0 0 0
                        }.product - listing.product - tags li {
                            background: #f1f1f1;padding: 0 10 px;border: 1 px solid# dbdbdb;border - radius: 2 px;margin - right: 10 px
                        }
                        @media only screen and(max - width: 800 px) {.product - listing.product - img {
                                width: 45 %
                            }.product - listing.product - img img {
                                width: 100 %
                            }
                        }
                        @media only screen and(max - width: 500 px) {.product - listing.product - img, .product - listing.product - content {
                                width: 90 % ;margin: 0 5 %
                            }.product - listing.product - img a {
                                padding: 15 px 0 0 0
                            }
                        }.products - grid {
                            margin: 20 px 0
                        }.products - grid.products - grid - item {
                            width: 25 % ;min - width: 200 px;overflow: hidden;margin: 0 0 20 px 0
                        }.products - grid.products - grid - item - content {
                            width: 90 % ;margin: 0 10 % 0 0;float: left;height: 270 px;background: #fff;text - align: center;border: 1 px solid# dbdbdb;border - radius: 3 px; - webkit - box - sizing: border - box; - moz - box - sizing: border - box; - 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: 30 px;line - height: 30 px;text - align: center;border - top: 1 px solid# ccc;border - bottom: 1 px solid# ccc
                        }.products - grid.products - grid - item - content.buy a {
                            padding: 0 10 px;margin: 0;display: inline - block
                        }.products - grid.products - grid - item - content.title {
                            font - family: 'Lato', sans - serif;
                            font - size: 16 px;
                            height: 55 px;
                            overflow: hidden;
                            padding: 5 px 10 px 0 10 px
                        }.products - grid.products - grid - item - content.title.fa {
                            margin - right: 5 px
                        }.products - grid.products - grid - item - content.title a {
                            font - weight: normal
                        }.products - grid.products - grid - item - content.title a: hover {
                            color: #f03800
                        }.products - grid.products - grid - item - content.thumb {
                            padding: 20 px 0 0 0;height: 140 px;overflow: hidden
                        }.products - grid.products - grid - item - content.thumb img {
                            border: 1 px 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: 1 px solid# dbdbdb;border - radius: 3 px; - webkit - box - sizing: border - box; - moz - box - sizing: border - box; - 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: 30 px;line - height: 30 px;text - align: center
                        }.products - grid - 5.products - grid - item - content.buy a {
                            padding: 0 10 px;margin: 0;display: inline - block
                        }.products - grid - 5.products - grid - item - content.title {
                            font - family: 'Lato', sans - serif;
                            font - size: 16 px;
                            height: 55 px;
                            overflow: hidden;
                            padding: 5 px 10 px 0 10 px
                        }.products - grid - 5.products - grid - item - content.title.fa {
                            margin - right: 5 px
                        }.products - grid - 5.products - grid - item - content.title a {
                            font - weight: normal
                        }.products - grid - 5.products - grid - item - content.title a: hover {
                            color: #f03800
                        }.products - grid - 5.products - grid - item - content.thumb {
                            padding: 20 px 0 0 0;height: 125 px;overflow: hidden
                        }.products - grid - 5.products - grid - item - content.thumb img {
                            border: 1 px 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; - webkit - box - sizing: border - box; - moz - box - sizing: border - box; - ms - box - sizing: border - box; - o - box - sizing: border - box;box - sizing: border - box;border: 1 px solid# fff;border - radius: 3 px;transition: all .25 s ease 0 s
                        }.download - list - item - content img {
                            width: 98 %
                        }.download - list - item - content: hover {
                            color: #f03800;text - shadow: 1 px 1 px 10 px# bbb
                        }.download - list - item.active.download - list - item - content {
                            border: 1 px solid# f03800;color: #f03800
                        }.licenses - list.license - item {
                            background: #fff;border: 1 px solid# dae3ec;margin: 0 0 15 px 0;padding: 10 px 0
                        }.licenses - list.license - item.field {
                            font - weight: bold;
                            margin: 0 0 0 15 px;
                            width: 120 px
                        }.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 15 px 0 0
                        }
                        @media only screen and(max - width: 500 px) {.licenses - list.license - item - desc {
                                width: 100 %
                            }.licenses - list.val {
                                clear: left;margin - left: 15 px
                            }.licenses - list.license - item - download {
                                width: 100 % ;text - align: left
                            }.licenses - list.license - item - download a {
                                margin - left: 15 px;
                                margin - top: 15 px
                            }
                        }.tabs - nav li {
                            margin: 0 3 px 0 0;padding: 3 px 10 px;cursor: pointer;border: 1 px solid# dbdbdb;border - bottom: 0;position: relative;background: #fff;background: -moz - linear - gradient(top, #fff 0, #efefef 100 % );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: -o - linear - gradient(top, #fff 0, #efefef 100 % );background: -ms - 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: -5 px;height: 10 px;left: 0;position: absolute;width: 100 % ;z - index: 100
                        }.tabs - nav.current: hover {
                            color: #f03800;text - shadow: none
                        }.tabs - nav a {
                            font - weight: normal;
                            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: 20 px 2 % ;
                            border: 1 px solid# dbdbdb
                        }.product - page.jplist - large - item {
                            background: #fff;margin: 0 0 10 px 0;font - size: 16 px;height: auto
                        }.product - page.jplist - large - item.big - white - btn {
                            padding: 0 15 px
                        }.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: 800 px) {.product - page.jplist - large - item.product - content {
                                margin: 0 2 % 0 0;width: 52 %
                            }
                        }
                        @media only screen and(max - width: 500 px) {.product - page.jplist - large - item.product - content {
                                margin: 0 5 % ;width: 90 %
                            }
                        }.product - page.product - strip {
                            background: #e3e3e3;border - top: 1 px solid# fff;border - bottom: 1 px solid# e3e3e3;padding: 25 px 0
                        }.product - page.product - strip - border {
                            border - top: 1 px solid# fff
                        }.product - page.product - page - title {
                            border - bottom: 1 px solid# e3e3e3
                        }.product - page.product - content {
                            width: 70 % ;float: left;margin: 0 15 %
                        }
                        @media only screen and(max - width: 550 px) {.product - page.product - content {
                                width: 90 % ;margin: 0 5 %
                            }
                        }.product - page.product - left - box {
                            text - align: center;
                            padding: 20 px 0
                        }.product - page.product - left - box.img {
                            font - size: 0
                        }.product - page.product - left - box img {
                            max - width: 100 % ;
                            border: 1 px solid #999;box-shadow:0 0 10px # 999;
                            border - radius: 3 px
                        }.product - page.product - left - box.included - in {
                            margin - top: 30 px
                        }.product - page.product - buy - section {
                            border - bottom: 1 px 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:normal}.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: 1 px solid# dae3ec;border - right: 0;border - left: 0;padding: 5 px 15 px;text - align: center
                        }.cart - tbl.img {
                            font - size: 0;
                            line - height: 0;
                            padding: 15 px;
                            width: 120 px
                        }.cart - tbl.img img {
                            border: 1 px solid #999;width:100px}.cart-tbl .remove{width:15px}.cart-tbl .remove button{background:transparent;border:0}.cart-tbl .remove .fa{color:# 0381 bb;cursor: pointer
                        }
                        @media only screen and(max - width: 500 px) {.cart - tbl.headers {
                                display: none
                            }.cart - tbl td, .cart - tbl.img {
                                width: 100 % ;display: block;float: left;border: 0;padding: 5 px 0
                            }.cart - tbl.img {
                                padding - top: 10 px
                            }.cart - tbl tr {
                                width: 100 % ;display: block;float: left;border - bottom: 1 px solid# dae3ec
                            }.cart - tbl tr: last - child {
                                border - bottom: 0
                            }.cart - tbl td.sku - price: before, .cart - tbl td.qty: before, .cart - tbl td.total: before {
                                content: attr(data - title);font - weight: bold
                            }
                        }.settings - tbl {
                            border - collapse: collapse;
                            border - left: 1 px solid# e3e3e3;
                            border - top: 1 px solid# e3e3e3;
                            margin - bottom: 40 px;
                            background: #fff;
                            width: 100 %
                        }.settings - tbl td, .settings - tbl th {
                            border - right: 1 px solid# e3e3e3;
                            border - bottom: 1 px solid# e3e3e3;
                            padding: 5 px 15 px;
                            margin: 0
                        }.settings - tbl.options {
                            font - weight: bold
                        }.settings - tbl.values, .settings - tbl.defaults {
                            font - style: italic
                        }.settings - tbl.bg - white3 {
                            background - color: #fcfcfc;
                            border - left: 1 px dotted# e3e3e3;
                            border - top: 1 px dotted# e3e3e3
                        }.settings - tbl.bg - white3 th {
                            background: #f4f4f4
                        }.settings - tbl.bg - white3 td, .settings - tbl.bg - white3 th {
                            border - right: 1 px dotted# e3e3e3;
                            border - bottom: 1 px dotted# e3e3e3
                        }.settings - tbl.bg - white3.title {
                            background: #f9f9f9
                        }
                        @media only screen and(max - width: 500 px) {.settings - tbl {
                                display: block
                            }.settings - tbl tr, .settings - tbl td {
                                display: block
                            }.settings - tbl th, .settings - tbl thead {
                                display: none
                            }.settings - tbl.title {
                                font - weight: bold;
                                font - size: 14 px
                            }.settings - tbl.bg - white3 {
                                background: #fff
                            }
                        }.checkout - btn {
                            backrgound: transparent;border: 0;margin: 30 px 0 0 0
                        }.paypal - badges {
                            margin: 30 px 0 0 0
                        }
                        @media only screen and(max - width: 500 px) {.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: 100 px;
                            padding: 50 px 0 0 0;
                            margin: 0 0 20 px 0
                        }.empty - cart - text {
                            padding: 0 0 80 px 0;margin: 0;font - size: 20 px
                        }.double - sort.list {
                            float: left;width: 100 % ;padding: 1.25e m 0
                        }.double - sort.list.list - item {
                            float: left;width: 96 % ;margin: 0 2 % 1e m 2 % ;clear: both
                        }.subject {
                            font - family: verdana;
                            font - size: 14 px;
                            line - height: 24 px;
                            color: #444}.course{
                            	/*font-family:verdana;*/
                            	font-size:12px;line-height:24px;color:# 8e3 d3d
                        }.jplist.block {
                            width: 840 px
                        }.jplist.title {
                            font - size: 16 px;
                            color: red
                        }.jplist.date {
                            float: right;color: #440e00}.jplist .like,.jplist .keywords{color:# 440e00
                        }.jplist.price {
                            color: #17161b}.jplist .list{
                            	background: #fff;
                            	margin: 0px 0; /*changed here, default: 30px 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: 3 px
                        }.jplist.list.block {
                            float: right;width: 82 % ;margin - right: 1 %
                        }.jplist.list.block p {
                            margin: 0;padding: 0 15 px 5 px 0
                        }.jplist.list.list - item {
                            margin - top: 15 px;
                            float: left
                        }.jplist.list.list - item - link {
                            font - weight: normal;
                            color: #505050}.jplist .list .list-item-link .list-item{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: 1 px solid# ccbda1;border - radius: 3 px 3 px 0;margin - top: 20 px;padding: 5 px 0
                        }
                        @media only screen and(max - width: 800 px) {.jplist.list.block, .jplist.list.img {
                                    width: 90 % ;margin: 0 5 %
                                }.jplist.list.img {
                                    border - radius: 3 px;
                                    font - size: 0;
                                    line - height: 0;
                                    padding: 15 px 0;
                                    margin - bottom: 10 px
                                }.jplist.list.img img {
                                    max - width: 100 % ;
                                    border - radius: 3 px;
                                    border: 1 px 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: .3e m 0 0 0;font - weight: bold
                                }.jplist - thumbs - view.list - item.block.title {
                                    line - height: 1.5e m;
                                    font - size: 1e m
                                }.jplist - thumbs - view.list - item.date {
                                    float: none
                                }
                                @media only screen and(max - width: 800 px) {.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: 600 px) {.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: 1 px solid# dbdbdb;border - bottom: 1 px solid# dbdbdb;margin: 30 px 0
                                }.demo - tbl td, .demo - tbl th {
                                    border - left: 1 px solid# dbdbdb;
                                    border - top: 1 px solid# dbdbdb;
                                    vertical - align: top;
                                    padding: 15 px
                                }.demo - tbl p {
                                    margin: 0;padding: 0 15 px 5 px 0
                                }.demo - tbl.odd {
                                    background: #e8eff9
                                }.demo - tbl.even {
                                    background: #f4f4f4
                                }.ul - li - list {
                                    background: #fff;padding - top: 20 px;padding - bottom: 20 px;margin: 20 px 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: 20 px;width: 15 %
                                }.ul - li - list.img img {
                                    max - width: 90 % ;
                                    border - radius: 3 px
                                }.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 25 px 5 px 0
                                }
                                @media only screen and(max - width: 800 px) {.ul - li - list {
                                        list - style: none;
                                        padding: 0;
                                        margin: 20 px 0
                                    }.ul - li - list.block, .ul - li - list.img {
                                        width: 90 % ;margin: 0 5 %
                                    }.ul - li - list.img {
                                        border - radius: 3 px;
                                        font - size: 0;
                                        line - height: 0;
                                        padding: 15 px 0;
                                        margin - bottom: 10 px;
                                        text - align: center
                                    }.ul - li - list.img img {
                                        max - width: 100 %
                                    }
                                }.jplist - grid - view.ul - li - list {
                                    padding: 0;margin: 20 px 0;list - style: none
                                }.jplist - grid - view.ul - li - list.list - item {
                                    width: 20 % ;overflow: hidden;margin: 20 px 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: .3e m 0 0 0
                                }.jplist - grid - view.ul - li - list.list - item.block.title {
                                    line - height: 1.5e m;
                                    font - size: 1e m
                                }.jplist - grid - view.ul - li - list.list - item.date {
                                    float: none
                                }
                                @media only screen and(min - width: 600 px) and(max - width: 800 px) {.jplist - grid - view.ul - li - list.list - item.img {
                                        width: 90 % ;margin: 0 5 %
                                    }
                                }
                                @media only screen and(max - width: 600 px) {.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: 20 px 0
                                }.jplist - thumbs - view.list - item {
                                    width: 50 % ;overflow: hidden;margin: 20 px 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: .3e m 0 0 0;font - weight: bold
                                }.jplist - thumbs - view.list - item.block.title {
                                    line - height: 1.5e m;
                                    font - size: 1e m
                                }.jplist - thumbs - view.list - item.date {
                                    float: none
                                }
                                @media only screen and(max - width: 800 px) {.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: 600 px) {.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: 16 px;font - weight: normal
                                }.cars - demo.header {
                                    font - weight: bold
                                }.cars - demo.list - item {
                                    width: 23 % ;margin: 0 1 % 1 % 0;background: #fff;border: 1 px solid# dbdbdb
                                }.cars - demo.list - item p {
                                    margin: 0;padding: 0 10 px 10 px 10 px
                                }.cars - demo.list - item.pic {
                                    text - align: center;
                                    padding - top: 15 px
                                }.cars - demo.list - item.divider {
                                    background: #efefef;text - align: center;padding: 3 px 0;font - weight: bold;margin - bottom: 10 px
                                }.cars - demo.jplist.list {
                                    background: transparent
                                }.cars - demo.top {
                                    min - height: 305 px
                                }.cars - demo.powertrain {
                                    min - height: 180 px
                                }.cars - demo.jplist - range - slider {
                                    margin - top: 16 px
                                }
                                @media screen and(max - width: 800 px) {.cars - demo.jplist.list.list - item {
                                        width: 32 %
                                    }
                                }
                                @media screen and(max - width: 500 px) {.cars - demo.jplist.list.list - item {
                                        width: 48 %
                                    }
                                }
                                @media screen and(max - width: 320 px) {.cars - demo.jplist.list.list - item {
                                        width: 90 % ;clear: both;margin: 0 auto 15 px auto;float: none
                                    }
                                }

/*custom css for pagination*/
.panel-top {
	float:right !important;
	min-height:40px;
}

.jplist-panel .jplist-pagination {
	float:right !important;
}

.jplist-panel .jplist-pagination button{
	color: black !important;
}

.jplist-panel .jplist-pagination button{

}
.jplist-panel button{
	border: 0px !important;
	background: white !important;
}
.jplist-pagination .jplist-pagingmid .jplist-current {
    color:white !important;
	background-color: black !important;
}

.panel-top-cpg {
	margin-left: 5px; /*10px;*/
    min-height:40px;
}