/***************************
	ABOUT FRAMEWORK.CSS

	This file contains special classes for all Drops that can be used for layouting.
	Every class is prefixed with a "_" at the beginning. This might look awfull at the
	beginning, but it will make sure that our classes won't collide with other things

****************************/

/** text alignments **/
._t-center{text-align:center;}
._t-left{text-align:left;}
._t-right{text-align:right;}

._v-middle{vertical-align:middle!important;}
._v-top{vertical-align:top!important;}
._v-bottom{vertical-align:bottom!important;}
._v-baseline{vertical-align:baseline!important;}

/** margins based on font size **/
._m-0{margin:0!important;}
._m-0-top{margin-top:0!important;}
._m-0-bottom{margin-bottom:0!important;}
._m-0-right{margin-right:0!important;}
._m-0-left{margin-left:0!important;}

._m-025{margin:0.25em!important;}
._m-025-top{margin-top:0.25em!important;}
._m-025-bottom{margin-bottom:0.25em!important;}
._m-025-right{margin-right:0.25em!important;}
._m-025-left{margin-left:0.25em!important;} 

._m-05{margin:0.5em!important;}
._m-05-top{margin-top:0.5em!important;}
._m-05-bottom{margin-bottom:0.5em!important;}
._m-05-right{margin-right:0.5em!important;}
._m-05-left{margin-left:0.5em!important;}

._m-075{margin:0.75em!important;}
._m-075-top{margin-top:0.75em!important;}
._m-075-bottom{margin-bottom:0.75em!important;}
._m-075-right{margin-right:0.75em!important;}
._m-075-left{margin-left:0.75em!important;} 

._m-1{margin:1em!important;}
._m-1-top{margin-top:1em!important;}
._m-1-bottom{margin-bottom:1em!important;}
._m-1-right{margin-right:1em!important;}
._m-1-left{margin-left:1em!important;}

._m-125{margin:1.25em!important;}
._m-125-top{margin-top:1.25em!important;}
._m-125-bottom{margin-bottom:1.25em!important;}
._m-125-right{margin-right:1.25em!important;}
._m-125-left{margin-left:1.25em!important;}

._m-15{margin:1.5em!important;}
._m-15-top{margin-top:1.5em!important;}
._m-15-bottom{margin-bottom:1.5em!important;}
._m-15-right{margin-right:1.5em!important;}
._m-15-left{margin-left:1.5em!important;}

._m-175{margin:1.75em!important;}
._m-175-top{margin-top:1.75em!important;}
._m-175-bottom{margin-bottom:1.75em!important;}
._m-175-right{margin-right:1.75em!important;}
._m-175-left{margin-left:1.75em!important;}

._m-2{margin:2em!important;}
._m-2-top{margin-top:2em!important;}
._m-2-bottom{margin-bottom:2em!important;}
._m-2-right{margin-right:2em!important;}
._m-2-left{margin-left:2em!important;}

._m-25{margin:2.5em!important;}
._m-25-top{margin-top:2.5em!important;}
._m-25-bottom{margin-bottom:2.5em!important;}
._m-25-right{margin-right:2.5em!important;}
._m-25-left{margin-left:2.5em!important;}

._m-3{margin:3em!important;}
._m-3-top{margin-top:3em!important;}
._m-3-bottom{margin-bottom:3em!important;}
._m-3-right{margin-right:3em!important;}
._m-3-left{margin-left:3em!important;}

._m-4{margin:4em!important;}
._m-4-top{margin-top:4em!important;}
._m-4-bottom{margin-bottom:4em!important;}
._m-4-right{margin-right:4em!important;}
._m-4-left{margin-left:4em!important;}

._m-5{margin:5em!important;}
._m-5-top{margin-top:5em!important;}
._m-5-bottom{margin-bottom:5em!important;}
._m-5-right{margin-right:5em!important;}
._m-5-left{margin-left:5em!important;}

/** paddings based on font size **/
._p-0{padding:0!important;}
._p-0-top{padding-top:0!important;}
._p-0-bottom{padding-bottom:0!important;}
._p-0-right{padding-right:0!important;}
._p-0-left{padding-left:0!important;}

._p-025{padding:0.25em!important;}
._p-025-top{padding-top:0.25em!important;}
._p-025-bottom{padding-bottom:0.25em!important;}
._p-025-right{padding-right:0.25em!important;}
._p-025-left{padding-left:0.25em!important;}

._p-05{padding:0.5em!important;}
._p-05-top{padding-top:0.5em!important;}
._p-05-bottom{padding-bottom:0.5em!important;}
._p-05-right{padding-right:0.5em!important;}
._p-05-left{padding-left:0.5em!important;}

._p-075{padding:0.75em!important;}
._p-075-top{padding-top:0.75em!important;}
._p-075-bottom{padding-bottom:0.75em!important;}
._p-075-right{padding-right:0.75em!important;}
._p-075-left{padding-left:0.75em!important;}

._p-1{padding:1em!important;}
._p-1-top{padding-top:1em!important;}
._p-1-bottom{padding-bottom:1em!important;}
._p-1-right{padding-right:1em!important;}
._p-1-left{padding-left:1em!important;}

._p-125{padding:1.25em!important;}
._p-125-top{padding-top:1.25em!important;}
._p-125-bottom{padding-bottom:1.25em!important;}
._p-125-right{padding-right:1.25em!important;}
._p-125-left{padding-left:1.25em!important;}

._p-15{padding:1.5em!important;}
._p-15-top{padding-top:1.5em!important;}
._p-15-bottom{padding-bottom:1.5em!important;}
._p-15-right{padding-right:1.5em!important;}
._p-15-left{padding-left:1.5em!important;}

._p-175{padding:1.75em!important;}
._p-175-top{padding-top:1.75em!important;}
._p-175-bottom{padding-bottom:1.75em!important;}
._p-175-right{padding-right:1.75em!important;}
._p-175-left{padding-left:1.75em!important;}

._p-2{padding:2em!important;}
._p-2-top{padding-top:2em!important;}
._p-2-bottom{padding-bottom:2em!important;}
._p-2-right{padding-right:2em!important;}
._p-2-left{padding-left:2em!important;}

._p-25{padding:2.5em!important;}
._p-25-top{padding-top:2.5em!important;}
._p-25-bottom{padding-bottom:2.5em!important;}
._p-25-right{padding-right:2.5em!important;}
._p-25-left{padding-left:2.5em!important;}

._p-3{padding:3em!important;}
._p-3-top{padding-top:3em!important;}
._p-3-bottom{padding-bottom:3em!important;}
._p-3-right{padding-right:3em!important;}
._p-3-left{padding-left:3em!important;}

._p-4{padding:4em!important;}
._p-4-top{padding-top:4em!important;}
._p-4-bottom{padding-bottom:4em!important;}
._p-4-right{padding-right:4em!important;}
._p-4-left{padding-left:4em!important;}

._p-5{padding:5em!important;}
._p-5-top{padding-top:5em!important;}
._p-5-bottom{padding-bottom:5em!important;}
._p-5-right{padding-right:5em!important;}
._p-5-left{padding-left:5em!important;}

/** font size based on font size **/
._fs-0{font-size:0!important;}
._fs-01{font-size:0.1em!important;}
._fs-02{font-size:0.2em!important;} 
._fs-03{font-size:0.3em!important;}
._fs-04{font-size:0.4em!important;}
._fs-05{font-size:0.5em!important;}
._fs-06{font-size:0.6em!important;}
._fs-07{font-size:0.7em!important;}
._fs-075{font-size:0.75em!important;}
._fs-08{font-size:0.8em!important;}
._fs-09{font-size:0.9em!important;}
._fs-095{font-size:0.95em!important;}
._fs-1{font-size:1em!important;}
._fs-11{font-size:1.1em!important;}
._fs-12{font-size:1.2em!important;}
._fs-13{font-size:1.3em!important;}
._fs-14{font-size:1.4em!important;}
._fs-15{font-size:1.5em!important;}
._fs-16{font-size:1.6em!important;}
._fs-17{font-size:1.7em!important;}
._fs-18{font-size:1.8em!important;}
._fs-19{font-size:1.9em!important;}
._fs-2{font-size:2em!important;}
._fs-25{font-size:2.5em!important;}
._fs-3{font-size:3em!important;}
._fs-35{font-size:3.5em!important;}
._fs-4{font-size:4em!important;}
._fs-5{font-size:5em!important;}
._fs-6{font-size:6em!important;}
._fs-7{font-size:7em!important;} 

/** floats **/
._left{float:left!important;}
._right{float:right!important;}

/** font weights based on font size **/
._fw-light{font-weight:300!important;}
._fw-normal{font-weight:normal!important;}
._fw-bold{font-weight:bold!important;}
._fw-heavy{font-weight:800!important;}

/** line heights **/
._lh-normal{line-height:normal!important;}
._lh-0{line-height:0!important;}
._lh-1{line-height:1!important;}
._lh-11{line-height:1.1!important;}
._lh-12{line-height:1.2!important;}
._lh-13{line-height:1.3!important;}
._lh-14{line-height:1.4!important;}
._lh-15{line-height:1.5!important;}
._lh-2{line-height:1.5!important;}

/** positioning **/
._relative{position:relative;}
._absolute{position:absolute;}
._static{position:static;}

/** displays **/
._d-block{display:block;}
._d-inline{display:inline;}
._d-inline-block{display:inline-block;}
._d-table{display:table;}
._d-table-row{display:table-row;}
._d-table-cell{display:table-cell;}

/** layouts **/
._hcenter{display:table;margin-left:auto;margin-right:auto;}

/** borders and radius **/
._br-0{border-radius:0!important;}
._br-2{border-radius:2px!important;}
._b-left{border-left:1px solid #ddd!important;}
._b-right{border-right:1px solid #ddd!important;}
._b-top{border-top:1px solid #ddd!important;}
._b-bottom{border-bottom:1px solid #ddd!important;}
._b-all{border:1px solid #ddd!important;}
._b-none{border:0 none!important;}

/** cursors **/
._c-default{cursor:default!important;}
._c-pointer{cursor:pointer!important;}
._click-through{pointer-events:none!important;}

/** opacities **/
._o-0{opacity:0!important;}
._o-01{opacity:0.1!important;}
._o-02{opacity:0.2!important;}
._o-03{opacity:0.3!important;}
._o-04{opacity:0.4!important;}
._o-05{opacity:0.5!important;}
._o-06{opacity:0.6!important;}
._o-07{opacity:0.7!important;}
._o-08{opacity:0.8!important;}
._o-09{opacity:0.9!important;}
._o-1{opacity:1!important;}
._o-1-hover:hover{opacity:1!important;}

/** percentage widths **/
._w-5{width:5%!important;}
._w-10{width:10%!important;}
._w-15{width:15%!important;}
._w-20{width:20%!important;}
._w-25{width:25%!important;}
._w-30{width:30%!important;}
._w-33{width:33.333333333333333%!important;}
._w-35{width:35%!important;}
._w-30{width:30%!important;}
._w-40{width:40%!important;}
._w-50{width:50%!important;}
._w-60{width:60%!important;}
._w-66{width:66%!important;}
._w-70{width:70%!important;}
._w-75{width:75%!important;}
._w-80{width:80%!important;}
._w-85{width:85%!important;}
._w-90{width:90%!important;}
._w-95{width:95%!important;}
._w-98{width:98%!important;}
._w-100{width:100%!important;}

/** Drop Icons **/
i.kk-icon-svg{display:inline-block;line-height:1;vertical-align:middle;}
i.kk-icon-svg>svg{height:1em;fill:currentColor;}
i.kk-icon-boxed{width:1em;text-align:center;}

/** Drop Grid **/
._dg{display: block;clear:both;}
._dgw{display:flex;flex-wrap:wrap;flex-direction:row;margin:-15px;}
._dgs{display:block;padding:15px;width:100%;}
._dgb{display:none; width:100%;clear:both;}


/** Generic loader **/
.kk-loader,
.kk-loader:before,
.kk-loader:after {
  animation: kk_loader 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.kk-loader {
	text-indent: -9999em;
	position: relative;
	font-size: 11px;
	transform: translateZ(0);
	animation-delay: -0.16s;
	margin: 0 auto;
	top: 50px;
}

.kk-loader:before,
.kk-loader:after {
	position: absolute;
	top: 0;
	content: '';
}

.kk-loader:before {
	left: -1.5em;
	animation-delay: -0.32s;
}

.kk-loader:after {
	left: 1.5em;
}

@keyframes kk_loader {
	0%,
	80%,
	100% { box-shadow: 0 0; height: 4em; }
	40% {	box-shadow: 0 -2em; height: 5em; }
}

/** Lazy Loading Containers **/
.kk-drop-lazy-load-container {
	position: relative;
}

.kk-drop-lazy-load-container .kk-loader {
	opacity: 0.15;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateZ(0);
}