#odi-demo-wrap{display:block}#odi-demo-wrap .odi-important-notice{padding:10px 15px;background:#fff;margin:15px 0 0}#odi-demo-wrap .odi-important-notice p{font-size:14px;margin:0 0 5px}#odi-demo-wrap .odi-important-notice p:last-child{margin:0}#odi-demo-wrap .odi-about-description{margin-top:30px}#odi-demo-wrap .odi-about-description p{font-size:15px;font-weight:400;line-height:1.8;margin:0}#odi-demo-wrap hr{margin:32px 0 40px}#odi-demo-wrap .themes{margin:0 -15px}#odi-demo-wrap .odi-header-bar{display:inline-block;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);background-color:#ffffff;margin-bottom:30px;padding:0 20px}#odi-demo-wrap .odi-navigation{float:left;font-size:13px;width:100%}#odi-demo-wrap .odi-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden}#odi-demo-wrap .odi-navigation li{float:left;margin:0 15px}#odi-demo-wrap .odi-navigation li.active a,#odi-demo-wrap .odi-navigation li.active a:hover{border-bottom:4px solid #666666}#odi-demo-wrap .odi-navigation li a{display:block;text-align:center;text-decoration:none;color:#444444;border-bottom:4px solid #ffffff;padding:15px 0;outline:0;-webkit-box-shadow:none;box-shadow:none}#odi-demo-wrap .odi-navigation li a:hover{color:#00a0d2;border-bottom:4px solid #ffffff;cursor:pointer}#odi-demo-wrap .odi-search-input{width:100%;margin:10px 0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.07);box-shadow:inset 0 1px 2px rgba(0,0,0,0.07);outline:0;-webkit-transition:50ms border-color ease-in-out;transition:50ms border-color ease-in-out}#odi-demo-wrap .theme-wrap{float:left;width:33.33%;padding:0 15px 30px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}#odi-demo-wrap .theme{float:none;width:100%;margin:0}.odi-is-fadeout{-webkit-animation:odi-fade linear 200ms 1 forwards;animation:odi-fade linear 200ms 1 forwards}.odi-is-fadein{-webkit-animation:odi-fade linear 200ms 1 reverse forwards;animation:odi-fade linear 200ms 1 reverse forwards}@-webkit-keyframes odi-fade{from{opacity:1}to{opacity:0}}@keyframes odi-fade{from{opacity:1}to{opacity:0}}.demo-import-loader{display:none;position:absolute;top:0;width:100%;height:100%;text-align:center}.demo-import-loader.preview-all{background:rgba(255,255,255,0.7)}.demo-import-loader i{display:inline-block;margin:-16px auto 0 auto;height:32px;width:32px;top:50%;position:relative;font-size:32px;line-height:32px;text-align:center;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.preview-icon i{color:#333}.success-icon i{color:#329e6d;margin:-20px auto 0 auto;height:40px;width:40px;font-size:40px}.warning-icon i{color:#ff6c6c}.success-icon i,.warning-icon i{-webkit-animation:none;animation:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#odi-demo-wrap .theme-browser .theme:focus,#odi-demo-wrap .theme-browser .theme:hover{cursor:default}#odi-demo-wrap .theme-browser .theme .theme-screenshot{cursor:pointer}#odi-demo-wrap .theme-browser .theme .theme-name span{cursor:text}.rtl #odi-demo-wrap .theme-wrap,.rtl #odi-demo-wrap .odi-navigation,.rtl #odi-demo-wrap .odi-navigation li{float:right}@media only screen and (min-width: 1640px){#odi-demo-wrap .theme-wrap{width:25%}}@media only screen and (max-width: 1080px){#odi-demo-wrap .theme-wrap{width:50%}}@media only screen and (max-width: 780px){#odi-demo-wrap .theme{text-align:center}#odi-demo-wrap .theme-actions{display:block;position:relative;opacity:1}#odi-demo-wrap .theme-browser .theme .theme-actions .button-primary{margin-right:0 !important;margin-left:0 !important}}@media only screen and (min-width: 640px){#odi-demo-wrap .odi-navigation{width:-webkit-calc(100% - 180px);width:calc(100% - 180px)}#odi-demo-wrap .odi-navigation li{margin:0}#odi-demo-wrap .odi-navigation li a{padding:15px}#odi-demo-wrap .odi-search-input{display:inline-block;width:180px;height:30px;margin:0;margin-top:11px}}@media only screen and (max-width: 580px){#odi-demo-wrap .theme-wrap{float:none;width:100%}}