.kite-frame {
    width: 290px; height: 319px; border: 0px; margin: 0px; padding: 0px; background: #FFF;
    /*border: 1px solid #9a9a9a;*/
    border-top: 0px;
}

.kite-wrapper {
    margin-top: 0px;
    border-bottom: 0;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: transparent;
    position: fixed;
    z-index: 16000002;
    right: 10px;
    transition: .5s;
}

.kite-expanded {
    height: 319px;
    width: 290px;
    overflow: hidden;
    box-shadow: 0 0 16px 3px rgba(0,0,0,.3);
}

.kite-button {
    cursor: pointer;
    border: 1px solid #375b8b;
    background: #375b8b;
    border-bottom: 0px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    text-align: center;
    color: #FFF;
    font-family: Arial;
    font-size: 14px;
    height: 30px;
    line-height: 29px;
    width: 190px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    box-shadow: 0 0 16px 3px rgba(0,0,0,.3);
}
.irobot .kite-button {
	background: #79b51c;
	 border: 1px solid #79b51c;
}
.nikon .kite-button {
	background: #fcdc19;
	border: 1px solid #fcdc19;
}
.store .kite-button {
	background: #f48020;
	border: 1px solid #f48020;
}

.kite-button div {
    background: url("img/window_icon.svg") 6px 5px no-repeat;
}
.nikon .kite-button div {
    background: url("img/window_icon-black.svg") 6px 5px no-repeat;
    color:#000;
}

.kite-header {
    height: 29px;
    width: 275px;
    background: #4b6d9a;
    line-height: 30px;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #9a9a9a;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0px;
    padding: 0 0 0 15px;
}

.kite-button div {
    float:left;
    padding-left:39px;
    width: 150px;
    text-align:center;
}

.kite-button .open {
    width: 16px;
    cursor: pointer;
    float: right;
    margin-right: 7px;
    background: url("img/open.svg") no-repeat center center;
    display:none !important;
}

.kite-button .close-btn {
    width: 16px;
    cursor: pointer;
    float: right;
    margin-right: 7px;
}

.irobot .kite-button .close-btn {
	color:#FFF;
}
.nikon .kite-button .close-btn {
	color:#000;
}

.kite-loader {
    background-color: white !important;
}

.kite-loader-logo {
    width: 100%;
    height: 190px;
    background: url("img/kite-logo.jpg") no-repeat center center;
}

#preload-kite canvas{
	margin-left: auto;
    margin-right: auto;
    display: block;
}


/**  bottom  **/
.kite-bottom:not(.kite-slide) {
    bottom: -320px;
}
.kite-bottom.kite-slide {
    bottom: 0 !important;
}


/**  right  **/
.kite-right:not(.kite-slide) {
    bottom: 50px;
    right: -291px !important;
}
.kite-right.kite-slide {
    bottom: 50px;
    right: -1px !important;
}

.kite-right .kite-button {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    bottom: -111px;
    left: -112px;
    z-index: -1;
}

/**  left  **/
.kite-left:not(.kite-slide) {
    bottom: 50px;
    left: -291px !important;
}
.kite-left.kite-slide {
    bottom: 50px;
    left: -1px !important;
}

.kite-left .kite-button {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    top: 111px;
    right: -210px;
    z-index: -1;
}

.kite-slide {
    transition: .5s;
}

.kite-over-logo {
	position:absolute;
	bottom:0;
	right:0;
	background-color:#f5f5f5;
	width:80px;
	height:23px;
}
    .kite-over-logo img{
        max-width: 100%;
        width: auto;
        display: block;
        margin: auto;
        padding-top: 3px;
    }