.demos-row{
    margin-top: 30px;
    margin-bottom: 30px;
}
.demo-page{
    margin-top: 0px;
    margin-bottom: 100px;
}
.demo-box{
    display: block;
    background: #f3f3f3;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.demo-box h3{
    padding-bottom:20px;
    margin: 0px;
    color: #869690;
}
.demo-box:hover{
    text-decoration: none;
}
.demo-wrapper{
    padding: 30px 0px 20px 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.demo-slide {
    float: left;
}
.demo-slide .bg{
    background: #aebab6;
    margin-right: 1px;
    height: 100%;
}
.demo-box:hover .demo-slide .bg{
    background: #7fc242;
}
/* Images */
.demo-images .demo-slide{
    height: 40px;
    width: 33.3333333%;
}

/* Full */
.demo-full {
    padding-left: 0px;
    padding-right: 0px;
}
.demo-full .demo-slide{
    height: 40px;
    width: 25%;
}

/* Custom */
.demo-custom .demo-slide{
    height: 40px;
    width: 10%;
}
/* One */
.demo-one .demo-slide{
    height: 40px;
    width: 100%;
}

/* json */

.demo-Json .demo-slide {
    height: 40px;
    width: 20%;
}
.demo-Json-custom .demo-slide{
    height: 40px;
    width: 33.3333333%;
}
/* loading icon */

.demo-lazy .demo-slide{
    height: 40px;
    width: 33.3333333%;
}
.demo-lazy .demo-slide .bg{
    background: url('../img/AjaxLoader.gif') no-repeat center center #aebab6;
}

/* Auto Height */
.demo-height .demo-slide{
    height: 40px;
    width: 100%;
}

/* Changelog  */
#changelog{
    margin-bottom: 40px;
}
#changelog .label{
    margin-bottom:10px;
}
#changelog .log{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e6dd;
}
/* Faq */
#faq dt {
    line-height: 26px;
}
#faq dd{
    line-height: 22px;
    margin-bottom: 20px;
}



/* Responsive Stuff */


@media (max-width: 979px) {
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 0px;
    }
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }
}
@media (max-width: 768px) {
    .navbar.navbar-fixed-top{
        position: static;
    }
    .btn.btn-navbar{
        margin: 9px 20px 9px 8px;
        padding: 10px 10px;
    }
    .nav-collapse .nav > li{
        border-top: 1px solid #e1e6dd;
        text-align: center
    }
    #header .logo{
        margin-top:40px;
        margin: 20px auto 0px;
        float: none;
        height: 150px;
    }
    #header {
        text-align: center;
        padding: 60px 0px 30px;
    }
    #header h1{
        margin: 10px 0;
    }
    #header h3{
        margin-bottom: 10px;
        width: auto;
        padding: 0px 20px;
    }
}


@media (max-width: 480px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: static;
    }
}

/*
NO MORE TABLES!! ;)
*/
@media (max-width: 767px) {

    .hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr { 
        display: block; 
    }
    .hp-table thead tr { 
        display: none;
    }
    .hp-table tr { border: 0px solid #ccc; margin-bottom: 10px; }

    .hp-table td:before { 
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    .hp-table td:nth-of-type(2):before { 
        content: "Default:";
        font-weight: bold;
    }
    .hp-table td:nth-of-type(3):before { 
        content: "Type:";
        font-weight: bold;
    }
    .hp-table td:nth-of-type(4):before { 
        content: "Description:";
        font-weight: bold;
    }
}


/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
    margin:0px 5px;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls{
    text-align: center;   
    width: 100%;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons .owl-prev{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: # F00;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    left:7%;
    position: absolute;
    width:55px;
}
.owl-prev img {
    width: 100%;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: # F00;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    right:8%;
    position: absolute;
    width:55px;
}
.owl-next img {
    width: 100%;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 24px;
    height: 24px;
    margin: 7px 0px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:5px solid #fff;

}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;	
    background: #fff;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}


.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {opacity: 1}
}
@-moz-keyframes empty {
    0% {opacity: 1}
}
@keyframes empty {
    0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-moz-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}


.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #ff8a3c; }
.kwd, .prettyprint .tag { color: #195f91; }
.typ, .atn, .dec, .var { color: #3fbf79; }
.pln { color: #48484c; }
.pun{ color:#48484c; }
pre.prettyprint {
    padding: 20px;
    background-color: #f3f3f3;
    border: 0px solid #e1e1e8;
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin: 0 0 0 40px; /* IE indents via margin-left */
}
ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff;
}
#works .item{
    float: left;
    width: 100%
}
#works .item img{
    float: left;
    width:100%;
}
#works .owl-pagination {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    text-align: center;
    width: 100%;
}
#works .owl-buttons {
    left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
    top: 42%;
}
@media only screen and (max-width: 480px){
    #works .owl-pagination{
        display: none;
    }
}
/************products-dtails**********/
#items_menu .item{
    position: relative;
}
#items_menu .item  img {
    width: 100%;
}
#items_menu .owl-buttons {
    left: 0;
    position: absolute;
    top:49%;
    width: 100%;
    z-index: 999;
}
#items_menu.owl-theme .owl-controls .owl-buttons .owl-prev,#items_menu.owl-theme .owl-controls .owl-buttons .owl-next{
    background: #ffffff;
    border-radius: 30px;
    color: #9c1501;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    position: absolute;
    width: 40px;
    border-radius:100%;
    padding: 13px 0px;
    text-align: center;
}
#items_menu.owl-theme .owl-controls .owl-buttons .owl-prev{
    left:3%;
    padding: 12px 3px 0 0;
}
#items_menu.owl-theme .owl-controls .owl-buttons .owl-next{
    right:3%;
    padding: 12px 1px 0 0;
}
#items_menu.owl-theme .owl-controls .owl-buttons .owl-prev,#items_menu.owl-theme .owl-controls .owl-buttons .owl-next:hover{
    background:#9c1501;
    color:#fff;
}
@media only screen and (max-width: 999px){
    #items_menu .owl-buttons{
        top: 47%;
    }
    #items_menu.owl-theme .owl-controls .owl-buttons .owl-prev{
        left: 0px;
        margin: 0px 10px;
        padding: 12px 4px 0 0;
    }
    #items_menu.owl-theme .owl-controls .owl-buttons .owl-next{
        right: 0px;
        margin: 0px 10px;
        padding: 12px 1px 0 0;
    }
}
@media only screen and (max-width: 640px){
    #items_menu.owl-theme .owl-controls .owl-buttons .owl-prev, #items_menu.owl-theme .owl-controls .owl-buttons .owl-next{
        height: 30px;
        width: 30px;;
    }  
    #items_menu.owl-theme .owl-controls .owl-buttons .owl-prev{
        left: 0px;
        margin: 0px 10px;
        padding:7px 3px 0 0;
    }
    #items_menu.owl-theme .owl-controls .owl-buttons .owl-next{
        right: 0px;
        margin: 0px 10px;
        padding: 7px 1px 0 0;
    }
}