#demos .owl-carousel{margin:2rem 0}#demos .owl-carousel .item{}#demos .owl-carousel .item h4{color:#FFF;font-weight:400;margin-top:0rem}#demos .owl-carousel .item-video{height:300px}#demos #setup{margin-top:4rem}#demos .demo-list h5{margin:0}@media only screen{.demo-list [class*="column"]+[class*="column"]:last-child{float:left}}.callbacks div{margin-bottom:0.3rem}.callbacks span.label{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#docs{padding-top:2rem}#docs .docs-content h2:first-child{padding-top:0;margin-top:0}#docs h4{margin-top:0.3rem;margin-bottom:0.5rem}#docs ul.side-nav{text-align:right;margin-bottom:1rem}#docs ul.side-nav li{margin:0;padding:.3rem 3rem .3rem 0}#docs ul.side-nav li:hover,#docs ul.side-nav li.active{background:#f7f7f7}#docs ul.side-nav li:hover a,#docs ul.side-nav li.active a{color:#000;background-color:transparent}#docs ul.side-nav li.side-nav-head{text-transform:uppercase;color:#000;font-size:1rem;font-weight:bold;padding:0rem 3rem .3rem 0}#docs ul.side-nav li.side-nav-head:hover{background:transparent}@media only screen and (max-width: 40em){#docs{padding-top:1rem}#docs ul.side-nav{text-align:left}}pre{overflow-y:hidden;margin-bottom:2rem;background:#f8f8f8}.hljs{display:block;color:#333;background:#f8f8f8;padding:2rem;line-height:1.4;overflow-x:scroll}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-javadoc{color:#B9B9B9;font-style:italic}.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.javascript .hljs-title,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status{color:#333;font-weight:bold}.hljs-number,.hljs-hexcolor,.ruby .hljs-constant{color:#099}.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.tex .hljs-formula{color:#bd240d}.hljs-title,.hljs-id,.coffeescript .hljs-params,.scss .hljs-preprocessor{color:#900;font-weight:bold}.javascript .hljs-title,.lisp .hljs-title,.clojure .hljs-title,.hljs-subst{font-weight:normal}.hljs-class .hljs-title,.haskell .hljs-type,.vhdl .hljs-literal,.tex .hljs-command{color:#458;font-weight:bold}.hljs-tag,.hljs-tag .hljs-title,.hljs-rules .hljs-property,.django .hljs-tag .hljs-keyword{color:#000080;font-weight:normal}.hljs-attribute,.hljs-variable,.lisp .hljs-body{color:#008080}.hljs-regexp{color:#009926}.hljs-symbol,.ruby .hljs-symbol .hljs-string,.lisp .hljs-keyword,.tex .hljs-special,.hljs-prompt{color:#333333}.hljs-built_in,.lisp .hljs-title,.clojure .hljs-built_in{color:#0086b3}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}
#demos .owl-carousel .item {
    
    padding: 10px;
}

.owl-nav button.owl-prev {
    position: absolute;
    left: -84px;
    width: 55px;
    height: 55px;
    border-radius: 50% !important;
    top: -50px;
}

button.owl-next{
    position: absolute;
    right: -84px;
    width: 55px;
    height: 55px;
    border-radius: 50% !important;
    top: -50px;
}


.owl-nav button.owl-prev span {
    font-size: 48px;
    line-height: 38px;
    font-weight: 100;
}
.owl-nav {
    width: 100%;
}

.owl-nav button.owl-next span {
    font-size: 48px;
    line-height: 38px;
    font-weight: 100;
}
.owl-nav {
    position: absolute;
    top: 45%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: #dee2e6;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #343472;
    color: #FFF;
    text-decoration: none;
}