/*
 * Theme Name:			DemoKit
 * Theme URI:			-
 *
 * Description:			Custom Theme for WPCasa Demo
 * Tags:				-
 *
 * Version:				1.1.0
 * 
 * Author:           	WPCasa
 * Author URI:       	http: //wpcasa.com/
 *
 */

.button,body{position:relative}.button,a{text-decoration:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}body,html{font-size:100%;overflow:hidden;background:#111}body{padding:0;margin:0}a,body,h1,h2,h3,h4,h5,h6,p{font-family:'Open Sans',Lato,Arial;font-weight:400}.button{display:block;padding:15px 1.5em;color:#FFF;font-family:'Open Sans';font-size:1.2rem;font-weight:300;line-height:20px;letter-spacing:.05em;text-transform:uppercase;text-align:center;background:#13AE90;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.button span{margin:0 0 0 .5em}.loader{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(20,20,20,1)}.loader .loading-image-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.loader .loading-image-wrap img{-webkit-animation:loadingAnimation infinite 4s}@-webkit-keyframes loadingAnimation{0%{-webkit-transform:perspective(100px) rotateY(0) rotateX(0)}25%{-webkit-transform:perspective(100px) rotateY(0) rotateX(180deg)}50%{-webkit-transform:perspective(100px) rotateY(180deg) rotateX(180deg)}75%{-webkit-transform:perspective(100px) rotateY(180deg) rotateX(360deg)}100%{-webkit-transform:perspective(100px) rotateY(360deg) rotateX(360deg)}}@keyframes loadingAnimation{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}25%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(360deg);transform:perspective(100px) rotateX(180deg) rotateY(360deg)}100%{-webkit-transform:perspective(100px) rotateX(360deg) rotateY(360deg);transform:perspective(100px) rotateX(360deg) rotateY(360deg)}}.loading-image-wrap:after{content:"Loading Demo...";color:#999;position:absolute;top:200%;left:-25%;right:-25%;text-align:center}.frame{margin-top:50px}.frame iframe{width:100%;height:calc(100vh - 50px);border:none;background:#111}.item-overview,.toolbar{background:#222;width:100%}.toolbar{height:50px;position:fixed;top:50;z-index:1;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px rgba(0,0,0,.5);-ms-box-shadow:0 0 10px rgba(0,0,0,.5);-o-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}.panels{width:100%;height:50px;float:left}.panels .panel{height:50px;float:left}.panels .panel:last-child{float:right}.panels .panel .button span{display:none}@media (min-width:1000px){.button{padding:15px 3em;font-size:.8rem}.panels .panel .button span{display:inline-block}}.panels .panel-items .item-select{height:50px;display:inline-block;padding:0 1em;color:#999;line-height:54px}.panels .panel-items .item-select span{max-width:150px;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}@media (min-width:500px){.panels .panel-items .item-select{padding:0 2em}.panels .panel-items .item-select span{max-width:300px}}.panels .panel-items .item-select i{float:right;margin:0 0 0 10px}.panels .panel-items .item-select i:before{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.panels .panel-items .item-select.is--toggled i:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.item-overview{position:absolute;top:0;left:0;right:0;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);-moz-box-shadow:0 0 20px rgba(0,0,0,.5);-o-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.item-overview.is--invisible{top:-500px;opacity:0}.item-overview.is--visible{top:50px;opacity:1}.item-slider:hover .item{opacity:.5}.item-slider .item{padding:1em .5em;position:relative;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.item-slider .item:hover{opacity:1}.item-slider .item:focus{outline:0}.item-slider .item img{width:100%}.item-slider .item .overlay{position:absolute;top:1em;left:.5em;right:.5em;bottom:1em;text-align:center;background:rgba(19,174,144,.9);opacity:0;overflow:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.item-slider .item:hover .overlay{opacity:1}.item-slider .item .overlay .title{width:100%;position:absolute;top:-50%;color:#FFF;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.item-slider .item .overlay .actions,.item-slider .item .overlay .actions a{text-align:center;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.item-slider .item:hover .overlay .title{top:25%}@media (min-width:1000px){.panels .panel-items .item-select span{max-width:500px}.item-slider .item:hover .overlay .title{top:20%}}.item-slider .item .overlay .actions{width:100%;position:absolute;bottom:-50%;transition:all .2s}.item-slider .item:hover .overlay .actions{bottom:25%}.item-slider .item .overlay .actions a{width:40%;padding:1em 2em;display:inline-block;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#EEE;border:1px solid #DDD;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;transition:all .2s}.item-slider .item .overlay .actions a:first-child{margin:0 2.5%}.item-slider .item .overlay .actions a:hover{color:#FFF;border:1px solid #FFF;-webkit-box-shadow:inset 0 0 80px rgba(255,255,255,.15);-moz-box-shadow:inset 0 0 80px rgba(255,255,255,.15);-ms-box-shadow:inset 0 0 80px rgba(255,255,255,.15);-o-box-shadow:inset 0 0 80px rgba(255,255,255,.15);box-shadow:inset 0 0 80px rgba(255,255,255,.15)}.item-slider-nav{position:absolute;right:calc(50% - 50px);bottom:-40px}.item-slider-nav ul{padding:0;margin:0;list-style:none}.item-slider-nav ul li{float:left}.item-slider-nav ul li a{color:#CCC;padding:11px 22px;display:inline-block!important;background:#222;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.item-slider-nav ul li a:hover{color:#FFF;background:#333}