/*
Description: CMoney Theme
Version: 1.0
Author: Away H.
Author URL: http://www.wdh2o.com
*/

/**, *:before, *:after{ box-sizing: border-box;}*/
mark{ background: #fcf8e3;}
del{ color: #a94442;}
p{ line-height: 1.6;}
.clearfix:after{ content: ''; display: table; clear: both;}
abbr[title]{ cursor: help; border-bottom: 1px dotted #777;}
address{ margin-bottom: 20px; font-style: normal; font-size: 14px; line-height: 1.42857143;}
blockquote{ padding: 0 1em; margin: 0 0 20px; font-size: 18px; border-left: 5px solid #eee;}
blockquote footer{ display: block; font-size: .8em; line-height: 1.5; color: #777;}
blockquote footer:before{ content: '\2014 \00A0';}
blockquote footer a:hover{ text-decoration: underline;}
.blockquote-reverse{ padding-right: 1em; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0;}
dt{ font-weight: 700;}
dd, dt{ line-height: 1.5;}

/* Demo ------------------------------------------------ */
.h3{ margin-bottom: .4em; color: #999; font-weight: 100;}
.space > div{ margin-bottom: 1em;}
.space{ padding: 1em;}
.space + .space{ border-top: dashed 1px #ddd;}
.html{ display: block; margin-bottom: 1em; padding: .667em 1em; line-height: 1.8; background: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px;}

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

/* Text Size ------------------------------------------------ */
.text-xl{ font-size: 1.5em;}
.text-lg{ font-size: 1.2em;}
.text-md{ font-size: 1em;}
.text-sm{ font-size: .8em;}
.text-xs{ font-size: .733em;}

/* Width ------------------------------------------------ */
.full-width{ width: 100%;}

/* Button ---------------------------------------------- */
.btn{
	display: inline-block; padding: .333em .667em;
	font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	border-radius: 3px;	background: none; border: solid 1px transparent;}

.btn-cancel{ border-color: #c2c2c2;}
.btn-primary{ border-color: #1c84c6;}
.btn-success{ border-color: #1ab394;}
.btn-info{ border-color: #5bc0de;}
.btn-warning{ border-color: #f8ac59;}
.btn-danger{ border-color: #ed5565;}

.btn-cancel, .label-cancel, .progress-cancel{ color: #fff; background: #c2c2c2;}
.btn-primary, .label-primary, .progress-primary{ color: #fff; background: #1c84c6;}
.btn-success, .label-success, .progress-success{ color: #fff; background: #1ab394;}
.btn-info, .label-info, .progress-info{ color: #fff; background: #5bc0de;}
.btn-warning, .label-warning, .progress-warning{ color: #fff; background: #f8ac59;}
.btn-danger, .label-danger, .progress-danger{ color: #fff; background: #ed5565;}

.btn-link{}
.btn-cancel:hover{	background: #bababa; border-color: #bababa;}
.btn-primary:hover{ background: #1a7bb9; border-color: #1a7bb9;}
.btn-success:hover{ background: #18a689; border-color: #18a689;}
.btn-info:hover{ background: #55B6D2; border-color: #55B6D2;}
.btn-warning:hover{ background: #f7a54a; border-color: #f7a54a;}
.btn-danger:hover{ background-color: #ec4758; border-color: #ec4758;}
.btn-link:hover, .alert-link:hover{ text-decoration: underline;}

.btn-lg{ font-size: 1.2em; border-radius: 5px;}
.btn-sm{ padding: .3em .667em; font-size: .8em;}
.btn-xs{ padding: .1em .667em; font-size: .733em;}

.btn-outline{ color: inherit; background: none;}
.btn.btn-outline:hover{ color:#fff;}
.btn-outline.btn-cancel{ color: #c2c2c2;}
.btn-outline.btn-primary{ color: #1c84c6;}
.btn-outline.btn-success{ color: #1ab394;}
.btn-outline.btn-info{ color: #5bc0de;}
.btn-outline.btn-warning{ color: #f8ac59;}
.btn-outline.btn-danger{ color: #ed5565;}

.btn-rounded{ border-radius: 100px;}

.btn-block{ display: block; width: 100%;}
.btn-block + .btn-block{ margin-top: .667em;}

.btn > .fa{ margin-right: .3em;}
.btn-circle{ width: 30px; height: 30px; padding: 0; border-radius: 50%;}
.btn-circle.btn-lg{ width: 50px; height: 50px;}
.btn-circle .fa{ margin: 0;}

/* Label ------------------------------------------------ */
.label{ padding: .2em .5em; font-size: 12px; font-weight: 600; border-radius: 3px;}
.label-badge{ border-radius: 0 10px 10px 0;}
.label-rounded{ border-radius: 10px;}
.label-tag-right, .label-tag-left{ border-radius: 0;}

.label-tag-right + .label-tag-right, .label-tag-left + .label-tag-left{ margin-left: 1em;}
.label-tag-right:before, .label-tag-left:before{ content: ''; position: absolute; top: 0; border: solid 9px transparent;}
.label-tag-right:before{ right: -18px;}
.label-tag-right.label-primary:before{ border-left-color: #1c84c6;}
.label-tag-right.label-cancel:before{ border-left-color: #c2c2c2;}
.label-tag-right.label-success:before{ border-left-color: #1ab394;}
.label-tag-right.label-info:before{ border-left-color: #5bc0de;}
.label-tag-right.label-warning:before{ border-left-color: #f8ac59;}
.label-tag-right.label-danger:before{ border-left-color: #ed5565;}

.label-tag-left{ margin-left: .7em;}
.label-tag-left:before{ left: -18px;}
.label-tag-left.label-primary:before{ border-right-color: #1c84c6;}
.label-tag-left.label-cancel:before{ border-right-color: #c2c2c2;}
.label-tag-left.label-success:before{ border-right-color: #1ab394;}
.label-tag-left.label-info:before{ border-right-color: #5bc0de;}
.label-tag-left.label-warning:before{ border-right-color: #f8ac59;}
.label-tag-left.label-danger:before{ border-right-color: #ed5565;}

.tag-list a{ display: inline-block; padding: 0 12px; margin-top: 5px; line-height: 2; font-size: 12px; color: #666; border-radius: 13px; border: 1px solid #e7eaec; background: #fff;}
.tag-list a:hover{ border-color: #ccc; color: inherit;}
/* Category Button -------------------------------------- */
.btn-group > .btn{ float: left; margin-right: -1px; color: #666; border: solid 1px #e7eaec; border-radius: 0;}
.btn-group > .btn:hover{ z-index: 1; border-color: #d2d2d2;}
.btn-group > .btn:first-child{ border-radius: 3px 0 0 3px;}
.btn-group > .btn:last-child{ border-radius: 0 3px 3px 0;}
.btn-group > .btn-primary{ color: #fff;}
.btn-group > .btn > .fa{}
.btn-group > .btn-active{ border-color: #d2d2d2; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;}

/* Static Image -------------------------------------- */
.img-responsive{ display: block; max-width: 100%; height: auto;}
.img-rounded, .img-circle, .img-thumbnail{ max-width: 100%; margin: 5px; height: auto; overflow: hidden;}
.img-rounded, .img-rounded:after{ border-radius: 6px;}
.img-circle, .img-circle:after{ border-radius: 50%;}
.img-thumbnail, .img-thumbnail:after{ padding: 5px; border-radius: 6px; border: 1px solid #ddd;}

/* Hover Image ----------------------------------------- */
.hover-overlay > img, .hover-scale > img{ display: block;}
.hover-overlay:after, .hover-overlay i, .hover-scale:after, .hover-scale > img{ transition: all .3s ease;}
.hover-overlay, .hover-scale{ display: inline-block;}
.hover-overlay:after, .hover-scale:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0;}
.hover-overlay i{ z-index: 1; position: absolute; left: 50%; top: 50%; font-size: 5em; color: #fff; margin-left: -35px; margin-top: -38px; opacity: 0;}
.hover-overlay:hover:after, .hover-overlay:hover i, .hover-scale:hover:after{ opacity: 1;}

.hover-scale{ overflow: hidden;}
.hover-scale > img{}
.hover-scale:hover > img{ transform: scale(1.5);}

/* Notification ------------------------------------------------- */
.text p, .alert p{ line-height: 1.5;}
.text p + p, .alert p + p{ margin-top: .5em;}

.text{ margin-bottom: 1em;}
.text-muted{ color: #777;}
.text-primary{ color: #337ab7;}
.text-success{ color: #3c763d;}
.text-info{ color: #31708f;}
.text-warning{ color: #8a6d3b;}
.text-danger{ color: #a94442;}

.alert{ padding: 1em; margin-bottom: 1em; font-size: 14px; border: 1px solid transparent; border-radius: 4px;}
.alert-success{ color: #3c763d; background: #dff0d8; border-color: #d6e9c6;}
.alert-info{ color: #31708f; background: #d9edf7; border-color: #bce8f1;}
.alert-warning{ color: #8a6d3b; background: #fcf8e3; border-color: #faebcc;}
.alert-danger{ color: #a94442; background: #f2dede; border-color: #ebccd1;}
.alert .alert-link{ font-weight: 700;}
.alert-success .alert-link{ color: #2b542c;}
.alert-info .alert-link{ color: #245269;}
.alert-warning .alert-link{ color: #66512c;}
.alert-danger .alert-link{ color: #843534;}

.tooltips{ margin-bottom: 1em; text-align: center;}
.notification:before, .notification:after{ display: none; position: absolute; z-index: 1;}
.notification-top:after, .notification-bottom:after{ left: 50%; margin-left: -5px;}
.notification:before{ content: attr(data-content); width: 80px; padding: .2em .667em; font-size: 12px; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notification:after{ content: ''; border: solid 5px transparent;}
.notification-right:after, .notification-left:after{ top: 12px;}
.notification-right:before{ right: -106px;}
.notification-left:before{ left: -106px;}
.notification-top:before, .notification-bottom:before{ left: 10%;}
.notification-top:before{ top:-34px;}
.notification-bottom:before{ top: 38px;}

.hover-tooltips .notification:before{ color: #fff; background: #293846;}
.hover-tooltips .notification-right:after{ right: -10px; border-right-color: #293846;}
.hover-tooltips .notification-left:after{ left: -10px; border-left-color: #293846;}
.hover-tooltips .notification-top:after{ top: -11px; border-top-color: #293846;}
.hover-tooltips .notification-bottom:after{ top: 28px; border-bottom-color: #293846;}

.focus-tooltips .notification:before{ color: #666; background: #fff; border: solid 1px #ccc;}
.focus-tooltips .notification-right:after{ right: -8px; border-right-color: #ccc;}
.focus-tooltips .notification-left:after{ left: -8px; border-left-color: #ccc;}
.focus-tooltips .notification-top:after{ top: -9px; border-top-color: #ccc;}
.focus-tooltips .notification-bottom:after{ top: 28px; border-bottom-color: #ccc;}

.hover-tooltips .notification:hover:before,
.hover-tooltips .notification:hover:after,
.focus-tooltips .notification:focus:before,
.focus-tooltips .notification:focus:after{ display: block;}

/* Block ---------------------------------------------------- */
.container{}
.push-left{ float: left;}
.push-right{ float: right;}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ float: left; padding: 1em;}
.col-md-1{ width: 8.33333333%;}
.col-md-2{ width: 16.66666667%;}
.col-md-3{ width: 25%;}
.col-md-4{ width: 33.33333333%;}
.col-md-5{ width: 41.66666667%;}
.col-md-6{ width: 50%;}
.col-md-7{ width: 58.33333333%;}
.col-md-8{ width: 66.66666667%;}
.col-md-9{ width: 75%;}
.col-md-10{ width: 83.33333333%;}
.col-md-11{ width: 91.66666667%;}
.col-md-12{ width: 100%;}

/* Tables ---------------------------------------------*/
.table{ width: 100%; max-width: 100%;}
.table thead{ border-bottom: solid 2px #ddd;}
/*.table th{ text-align: left;}*/
.table td, .table th{ padding: .5em; line-height: 1.5;}
.table-base tbody tr, .table-striped tbody tr{ border-top: solid 1px #ddd;}

.table-striped tbody tr:nth-child(odd){ background: #f9f9f9;}
.table-border td, .table-border th{ border: solid 1px #ddd;}
.hover-bg tbody tr:hover{ background: #f9f9f9;}

/* Forms ---------------------------------------------- */
.form-group + .form-group{ margin-top: 1em;}
.form-group label{ display: block; margin-bottom: .5em;}
.form-control{ display: block; width: 100%;	padding: .4em .8em;	font-size: 1em; line-height: 1.2; border: 1px solid #ccc; border-radius: 3px;}
.help-block{ display: inline; margin: .667em 0; font-size: 13px; color: #737373;}
.checkbox, .checkbox-inline, .radio, .radio-inline{ font-size: 13px;}
.checkbox, .radio{ display: block; margin-top: 10px; margin-bottom: 10px;}
.checkbox label, .radio label{ min-height: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer;}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio]{ top: 2px;}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline{ margin-left: 1em;}
.form-textarea{ margin-bottom: .667em; resize: none;}

.form-inline .form-group{ display: inline-block; vertical-align: bottom;}

.control-label{ display: block; margin-bottom: 1em;}
.control-label .fa{ position: absolute; top: .65em; right: .667em;}
.control-label .fa-check{ color: #4cae4c;}
.control-label .fa-exclamation-triangle{ color: #f0ad4e;}
.control-label .fa-times{ color: #d9534f;}
.has-success .form-control{ border-color: #4cae4c;}
.has-warning .form-control{ border-color: #f0ad4e;}
.has-error .form-control{ border-color: #d9534f;}
.has-success .form-control:focus{ box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #4cae4c;}
.has-warning .form-control:focus{ box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f0ad4e;}
.has-error .form-control:focus{ box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d9534f;}

/* RWD Table --------------------------------------------- */
.table-responsive{ overflow-y: hidden;}
.table-responsive .table td, .table-responsive .table th{ white-space: nowrap;}

.tab-content p + p, .accordion-content p + p{ margin-top: .667em;}

/* Tab ----------------------------------------------------- */
.tab-panel-list:after{ content: ''; display: block; clear: both;}
.tab-panel-list li{ float: left; margin-right: -1px;}
.tab-panel-list a{ display: block; padding: 0 1em; line-height: 2;}
.tab-notice{ top: -1px; display: inline-block; margin-left: .35em; width: 16px; line-height: 16px; text-align: center; font-size: 12px; font-weight: 900; border-radius: 50%;}
.tab-content-group{ top: -1px;}
.tab-content{ display: none; padding: 1em; border: solid 1px #ddd;}
.tab-content p{ line-height: 1.5;}

.tab-active a, .tab-active a:hover{ z-index: 1; margin-top: -1px;}

/* Tab Default --------------------------------------------- */
.tab-panel-default .tab-panel-list a{ color: #999; border: solid 1px #ddd; background: #f9f9f9;}
.tab-panel-default .tab-panel-list a:hover{ background: #fff;}
.tab-panel-default .tab-active a, .tab-panel-default .tab-active a:hover{ background: #fff; border-bottom-color: #fff; box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);}
.tab-panel-default .tab-notice{ color: #fff;}

.tab-panel-default.tab-default-blue .tab-active a{ border-top: solid 2px #337ab7; color: #337ab7;}
.tab-default-blue .tab-panel-list a:hover{ color: #337ab7;}
.tab-default-blue .tab-panel-list .tab-notice{ background: #f0ad4e;}

.tab-panel-default.tab-default-red .tab-active a{ border-top: solid 2px #d9534f; color: #d9534f;}
.tab-default-red .tab-panel-list a:hover{ color: #d9534f;}
.tab-default-red .tab-panel-list .tab-notice{ background: #8CC77C;}

.tab-panel-default.tab-default-yellow .tab-active a{ border-top: solid 2px #f0ad4e; color: #f0ad4e;}
.tab-default-yellow .tab-panel-list a:hover{ color: #f0ad4e;}
.tab-default-yellow .tab-panel-list .tab-notice{ background: #337ab7;}

.tab-panel-default.tab-default-green .tab-active a{ border-top: solid 2px #5cb85c; color: #5cb85c;}
.tab-default-green .tab-panel-list a:hover{ color: #5cb85c;}
.tab-default-green .tab-panel-list .tab-notice{ background: #d9534f;}

/* Tab Header --------------------------------------------- */
.tab-panel-header .tab-panel-list{ border: solid 1px #ddd; border-bottom: 0; padding: .667em 1em 0;}
.tab-panel-header .tab-panel-list a{ margin-right: .3em; color: #fff; border: solid 1px #ddd; color: #fff;}
.tab-panel-header .tab-panel-list a:hover{ opacity: .85;}
.tab-panel-header li.tab-active a:hover{ opacity: 1;}
.tab-panel-header .tab-notice{ color: #fff; background: #fff;}
.tab-panel-header .tab-active .tab-notice{ color: #fff;}
.tab-panel-header li.tab-active a{ border: solid 1px #ddd; border-bottom-color: #fff; background: #fff;}

.tab-header-blue .tab-panel-list{ background: #EFF3F8;}
.tab-header-blue .tab-panel-list a{ background: #7db4d8;}
.tab-header-blue li.tab-active a{ border-top: solid 2px #7db4d8; color: #7db4d8;}
.tab-header-blue .tab-notice{ color: #7db4d8;}
.tab-header-blue .tab-active .tab-notice{ background: #7db4d8;}

.tab-header-red .tab-panel-list{ background: #F4D8D7;}
.tab-header-red .tab-panel-list a{ background: #d9534f;}
.tab-header-red li.tab-active a{ border-top: solid 2px #d9534f; color: #d9534f;}
.tab-header-red .tab-notice{ color: #d9534f;}
.tab-header-red .tab-active .tab-notice{ background: #d9534f;}

.tab-header-yellow .tab-panel-list{ background: #FCEBD3;}
.tab-header-yellow .tab-panel-list a{ background: #f0ad4e;}
.tab-header-yellow li.tab-active a{ border-top: solid 2px #f0ad4e; color: #f0ad4e;}
.tab-header-yellow .tab-notice{ color: #f0ad4e;}
.tab-header-yellow .tab-active .tab-notice{ background: #f0ad4e;}

.tab-header-green .tab-panel-list{ background: #DDF4DD;}
.tab-header-green .tab-panel-list a{ background: #5cb85c;}
.tab-header-green li.tab-active a{ border-top: solid 2px #5cb85c; color: #5cb85c;}
.tab-header-green .tab-notice{ color: #5cb85c;}
.tab-header-green .tab-active .tab-notice{ background: #5cb85c;}

/* Accordion ------------------------------------------------*/
.accordion-group + .accordion-group{ margin-top: 5px;}
.accordion-heading, .accordion-content{ padding: .667em 1em; border: solid 1px #ddd;}
.accordion-title a .fa{ top: -2px; margin-right: .5em; font-size: 12px;}
.accordion-content{ display: none; margin-top: -1px;}
.accordion-content p{ line-height: 1.5;}
.accordion-heading{ background: #f9f9f9; cursor: pointer;}

.accordion-blue .accordion-title a{ color: #337ab7;}
.accordion-blue .accordion-heading:hover, .accordion-blue .accordion-active{ background: #eef4f9;}

.accordion-red .accordion-title a{ color: #d9534f;}
.accordion-red .accordion-heading:hover, .accordion-red .accordion-active{ background: #F9EEEE;}

.accordion-yellow .accordion-title a{ color: #f0ad4e;}
.accordion-yellow .accordion-heading:hover, .accordion-yellow .accordion-active{ background: #F9F7EE;}

.accordion-green .accordion-title a{ color: #5cb85c;}
.accordion-green .accordion-heading:hover, .accordion-green .accordion-active{ background: #EEF9F3;}

/* Typography -------------------------------------------------------- */
.heading-area h1, .heading-area h2, .heading-area h3, .heading-area h4, .heading-area h5, .heading-area h6{ margin-bottom: 15px; font-weight: 500;}
.heading-area h1{ font-size: 36px;}
.heading-area h2{ font-size: 30px;}
.heading-area h3{ font-size: 24px;}
.heading-area h4{ font-size: 18px;}
.heading-area h5{ font-size: 14px;}
.heading-area h6{ font-size: 12px;}

.heading-area h1 small,
.heading-area h2 small,
.heading-area h3 small,
.heading-area h4 small,
.heading-area h5 small,
.heading-area h6 small{ font-size: .65em; color: #777;}

/* Progress ------------------------------------------------ */
.progress{ background: #f5f5f5; margin-bottom: 1em; height: 20px; border-radius: 3px; overflow: hidden;}
.progress-bar, .progress-striped, .progress-active{ position: absolute; top: 0; left: 0; height: 100%;}
.progress-striped{
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 40px 40px;}
.rotating-plane, .double-bounce, .rectangle-bounce, .wandering-cube, .chasing-dots, .rotating-line, .random-line{ height: 60px; width: 60px;}
/* ----------------------------------------------------- */
.progress-active{
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;}
@-webkit-keyframes progress-bar-stripes{
    from{ background-position: 40px 0;}
    to{ background-position: 0 0;}
}
@keyframes progress-bar-stripes{
    from{ background-position: 40px 0;}
    to{ background-position: 0 0;}
}
/* ----------------------------------------------------- */
.rotating-plane{
	background: #fff;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;}
@-webkit-keyframes rotateplane{
	0%{ -webkit-transform: perspective(120px);}
	50%{ -webkit-transform: perspective(120px) rotateY(180deg);}
	100%{ -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);}
}
@keyframes rotateplane{
	0%{ transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
	50%{ transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
	100%{ transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
/* ----------------------------------------------------- */
.double-bounce{}
.double-bounce1, .double-bounce2{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: .6;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;}
.double-bounce2{
	-webkit-animation-delay: -1s;
	animation-delay: -1s;}
@-webkit-keyframes bounce{
	0%, 100%{ -webkit-transform: scale(0.0);}
	50%{ -webkit-transform: scale(1.0);}
}
@keyframes bounce{
	0%, 100%{ transform: scale(0.0);}
	50%{ transform: scale(1.0);}
}
/* ----------------------------------------------------- */
.rectangle-bounce{}
.rect1, .rect2, .rect3, .rect4, .rect5{
	height: 100%; width: 7px; background: #fff; display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;}
.rect2{
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;}
.rect3{
	-webkit-animation-delay: -1s;
	animation-delay: -1s;}
.rect4{
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;}
.rect5{
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay{
	0%, 40%, 100%{ -webkit-transform: scaleY(0.4);}  
	20%{ -webkit-transform: scaleY(1.0);}
}
@keyframes stretchdelay{
	0%, 40%, 100%{ transform: scaleY(0.4);}
	20%{ transform: scaleY(1.0);}
}
/* ----------------------------------------------------- */
.double-cube{}
.cube1, .cube2{
	width: 16px; height: 16px; background: #fff; position: absolute; top: 0; left: 0;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out;}
.cube2{
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;}
@-webkit-keyframes cubemove{
	25%{ -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);}
	50%{ -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);}
	75%{ -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}
	100%{ -webkit-transform: rotate(-360deg);}
}
@keyframes cubemove{
	25%{ transform: translateX(42px) rotate(-90deg) scale(0.5);}
	50%{ transform: translateX(42px) translateY(42px) rotate(-179deg);}
	50.1%{ transform: translateX(42px) translateY(42px) rotate(-180deg);}
	75%{ transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}
	100%{ transform: rotate(-360deg);}
}
/* ----------------------------------------------------- */
.chasing-dots{
	-webkit-animation: rotate 2s infinite linear;
	animation: rotate 2s infinite linear;}
.dot1, .dot2{
  width: 60%; height: 60%; position: absolute; top: 0; background: #fff; border-radius: 50%;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;}
.dot2{
	top: auto; bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s;}
@-webkit-keyframes rotate{
	100%{ -webkit-transform: rotate(360deg);}
}
@keyframes rotate{
	100%{ transform: rotate(360deg);}
}
/* ----------------------------------------------------- */
.rotating-line{}
.rotating-line .line1, .rotating-line .line2{ border: solid 2px; border-radius: 50%;}
.rotating-line .line1{
	width: 100%; height: 100%; border-color: transparent #fff #fff transparent;
	-webkit-animation: clockwise 1s infinite linear;
	animation: clockwise 1s infinite linear;}
.rotating-line .line2{
	position: absolute; top: 50%; left: 50%; width: 70%; height: 70%; margin-left: -21px; margin-top: -21px; border-color: #fff transparent transparent #fff;
	-webkit-animation: counter-clockwise 1s infinite linear;
	animation: counter-clockwise 1s infinite linear;}
@-webkit-keyframes clockwise{
	100%{ -webkit-transform: rotate(360deg);}
}
@keyframes clockwise{
	100%{ transform: rotate(360deg);}
}
@-webkit-keyframes counter-clockwise{
	100%{ -webkit-transform: rotate(-360deg);}
}
@keyframes counter-clockwise{
	100%{ transform: rotate(-360deg);}
}
/* ----------------------------------------------------- */
.random-line .line1, .random-line .line2, .random-line .line3{ position: absolute; border: solid 1px #fff; width: 100%; height: 100%; border-radius: 50%;}
.random-line .line1{
	-webkit-animation: random1 2s infinite linear;
	animation: random1 2s infinite linear;}
.random-line .line2{
	-webkit-animation: random2 1.5s infinite linear;
	animation: random2 1.5s infinite linear;}
.random-line .line3{
	-webkit-animation: random3 .8s infinite linear;
	animation: random3 .8s infinite linear;}
@-webkit-keyframes random1{
	0%{ -webkit-transform: rotateX(0) rotateY(0);}
	100%{ -webkit-transform: rotateX(360deg) rotateY(360deg);}
}
@keyframes random1{
	0%{ transform: rotateX(0) rotateY(0);}
	100%{ transform: rotateX(360deg) rotateY(360deg);}
}
@-webkit-keyframes random2{
	from{ -webkit-transform: rotateX(0);}
	to{ -webkit-transform: rotateX(360deg);}
}
@keyframes random2{
	from{ transform: rotateX(0);}
	to{ transform: rotateX(360deg);}
}
@-webkit-keyframes random3{
	from{ -webkit-transform: rotateY(0);}
	to{ -webkit-transform: rotateY(360deg);}
}
@keyframes random3{
	from{ transform: rotateY(0);}
	to{ transform: rotateY(360deg);}
}
/* RWD Layout --------------------------------------------- */
@media ( min-width: 1200px ){
	.container{ width: 1200px; margin: auto;}
}
@media ( max-width: 1024px ){
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ padding: .667em;}
}
@media ( max-width: 768px ){
}
@media ( min-width: 480px ){
	.dl-horizontal dt{ float: left;	width: 105px; overflow: hidden;	clear: left; text-align: right;	text-overflow: ellipsis; white-space: nowrap;}
	.dl-horizontal dd{ margin-left: 120px;}
}
@media ( max-width: 414px ){
	
}
@media ( max-width: 375px ){
	
}
@media ( max-width: 360px ){
	
}
@media ( max-width: 320px ){
	
}