/* CUSTOM COMMON STYLE */


.trans-shake {
	height:220px;
}
/**/
/* color */

.color-black {
    color: black;
}
.color-white {
    color: white;
}
.color-yellow {
    color: yellow;
}
.color-light-blue {
    color: #ccffff;
}

/**/
/* 5 column */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}				
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}






/**/
/* padding */

.p-top-0 {
    padding-top: 0px;
}
.p-top-5 {
    padding-top: 5px;
}
.p-top-10 {
    padding-top: 10px;
}
.p-top-15 {
    padding-top: 15px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-top-25 {
    padding-top: 25px;
}
.p-top-30 {
    padding-top: 30px;
}
.p-top-35 {
    padding-top: 35px;
}
.p-top-40 {
    padding-top: 40px;
}
.p-top-45 {
    padding-top: 45px;
}
.p-top-50 {
    padding-top: 50px;
}

.p-bottom-0 {
    padding-bottom: 0px;
}
.p-bottom-5 {
    padding-bottom: 5px;
}
.p-bottom-10 {
    padding-bottom: 10px;
}
.p-bottom-15 {
    padding-bottom: 15px;
}
.p-bottom-20 {
    padding-bottom: 20px;
}
.p-bottom-25 {
    padding-bottom: 25px;
}
.p-bottom-30 {
    padding-bottom: 30px;
}
.p-bottom-35 {
    padding-bottom: 35px;
}
.p-bottom-40 {
    padding-bottom: 40px;
}
.p-bottom-45 {
    padding-bottom: 45px;
}
.p-bottom-50 {
    padding-bottom: 50px;
}

.p-left-0 {
    padding-left: 0px;
}
.p-left-5 {
    padding-left: 5px;
}
.p-left-10 {
    padding-left: 10px;
}
.p-left-15 {
    padding-left: 15px;
}
.p-left-20 {
    padding-left: 20px;
}
.p-left-25 {
    padding-left: 25px;
}
.p-left-30 {
    padding-left: 30px;
}
.p-left-35 {
    padding-left: 35px;
}
.p-left-40 {
    padding-left: 40px;
}
.p-left-45 {
    padding-left: 45px;
}
.p-left-50 {
    padding-left: 50px;
}

.p-right-0 {
    padding-right: 0px;
}
.p-right-5 {
    padding-right: 5px;
}
.p-right-10 {
    padding-right: 10px;
}
.p-right-15 {
    padding-right: 15px;
}
.p-right-20 {
    padding-right: 20px;
}
.p-right-25 {
    padding-right: 25px;
}
.p-right-30 {
    padding-right: 30px;
}
.p-right-35 {
    padding-right: 35px;
}
.p-right-40 {
    padding-right: 40px;
}
.p-right-45 {
    padding-right: 45px;
}
.p-right-50 {
    padding-right: 50px;
}

.p-all-0 {
    padding: 0;
}
.p-all-5 {
    padding: 5px;
}
.p-all-10 {
    padding: 10px;
}
.p-all-15 {
    padding: 15px;
}
.p-all-20 {
    padding: 20px;
}
.p-all-25 {
    padding: 25px;
}
.p-all-30 {
    padding: 30px;
}
.p-all-35 {
    padding: 35px;
}
.p-all-40 {
    padding: 40px;
}
.p-all-45 {
    padding: 45px;
}
.p-all-50 {
    padding: 50px;
}


/**/
/* margin */

.m-top-0 {
    margin-top: 0px;
}
.m-top-5 {
    margin-top: 5px;
}
.m-top-10 {
    margin-top: 10px;
}
.m-top-15 {
    margin-top: 15px;
}
.m-top-20 {
    padding-top: 20px;
}
.m-top-25 {
    margin-top: 25px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-35 {
    margin-top: 35px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-top-45 {
    margin-top: 45px;
}
.m-top-50 {
    margin-top: 50px;
}

.m-bottom-0 {
    margin-bottom: 0px;
}
.m-bottom-5 {
    margin-bottom: 5px;
}
.m-bottom-10 {
    margin-bottom: 10px;
}
.m-bottom-15 {
    margin-bottom: 15px;
}
.m-bottom-20 {
    margin-bottom: 20px;
}
.m-bottom-25 {
    margin-bottom: 25px;
}
.m-bottom-30 {
    margin-bottom: 30px;
}
.m-bottom-35 {
    margin-bottom: 35px;
}
.m-bottom-40 {
    margin-bottom: 40px;
}
.m-bottom-45 {
    margin-bottom: 45px;
}
.m-bottom-50 {
    margin-bottom: 50px;
}

.m-left-0 {
    padding-left: 0px;
}
.m-left-5 {
    padding-left: 5px;
}
.m-left-10 {
    padding-left: 10px;
}
.m-left-15 {
    margin-left: 15px;
}
.m-left-20 {
    margin-left: 20px;
}
.m-left-25 {
    margin-left: 25px;
}
.m-left-30 {
    margin-left: 30px;
}
.m-left-35 {
    margin-left: 35px;
}
.m-left-40 {
    margin-left: 40px;
}
.m-left-45 {
    margin-left: 45px;
}
.m-left-50 {
    margin-left: 50px;
}

.m-right-0 {
    margin-right: 0px;
}
.m-right-5 {
    margin-right: 5px;
}
.m-right-10 {
    margin-right: 10px;
}
.m-right-15 {
    margin-right: 15px;
}
.m-right-20 {
    margin-right: 20px;
}
.m-right-25 {
    margin-right: 25px;
}
.m-right-30 {
    margin-right: 30px;
}
.m-right-35 {
    margin-right: 35px;
}
.m-right-40 {
    margin-right: 40px;
}
.m-right-45 {
    margin-right: 45px;
}
.m-right-50 {
    margin-right: 50px;
}

.m-all-0 {
    margin: 0px;
}
.m-all-5 {
    margin: 5px;
}
.m-all-10 {
    margin: 10px;
}
.m-all-15 {
    margin: 15px;
}
.m-all-20 {
    margin: 20px;
}
.m-all-25 {
    margin: 25px;
}
.m-all-30 {
    margin: 30px;
}
.m-all-35 {
    margin: 35px;
}
.m-all-40 {
    margin: 40px;
}
.m-all-45 {
    margin: 45px;
}
.m-all-50 {
    margin: 50px;
}


/**/
/* absolute margin */

.abs-top-0 {
    position: absolute;
    top: 0px;
    margin-top: 0px;
}
.abs-top-10 {
    position: absolute;
    top: 0px;
    margin-top: 10px;
}
.abs-top-20 {
    position: absolute;
    top: 0px;
    margin-top: 20px;
}
.abs-top-30 {
    position: absolute;
    top: 0px;
    margin-top: 30px;
}

.abs-bottom-0 {
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
}
.abs-bottom-10 {
    position: absolute;
    bottom: 0px;
    margin-bottom: 10px;
}
.abs-bottom-20 {
    position: absolute;
    bottom: 0px;
    margin-bottom: 20px;
}
.abs-bottom-30 {
    position: absolute;
    bottom: 0px;
    margin-bottom: 30px;
}

.abs-left-0 {
    position: absolute;
    left: 0px;
    margin-left: 0px;
}
.abs-left-10 {
    position: absolute;
    left: 0px;
    margin-left: 10px;
}
.abs-left-20 {
    position: absolute;
    left: 0px;
    margin-left: 20px;
}
.abs-left-30 {
    position: absolute;
    left: 0px;
    margin-left: 30px;
}

.abs-right-0 {
    position: absolute;
    right: 0px;
    margin-right: 0px;
}
.abs-right-10 {
    position: absolute;
    right: 0px;
    margin-right: 10px;
}
.abs-right-20 {
    position: absolute;
    right: 0px;
    margin-right: 20px;
}
.abs-right-30 {
    position: absolute;
    right: 0px;
    margin-right: 30px;
}


/**/
/* nogutter row */

.row.nogutter {
    margin-left: 0;
    margin-right: 0;
}
.row.nogutter [class*='col-']:not(:first-child),
.row.nogutter [class*='col-']:not(:last-child) {
    padding-left: 0;
    padding-right: 0;
}


/**/
/* fix dropdowns not responding on touch input on iOS */

.dropdown-backdrop {
    position: static;
}


/**/
/* other style */

.center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.align-middle {
    display: table-cell;
    vertical-align: middle;
}

.display-inline {
    display: inline-block;
    white-space: nowrap;
}

.borderless tr td {
    border: none !important;
}


/**/
/* burger icon */

#burger-toggle .icon-bar {
    background-color: white;
    width: 22px;
}
#burger-toggle .bar-top, #burger-toggle .bar-middle, #burger-toggle .bar-bottom {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#burger-toggle .bar-top {
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 10% 10%;
    -o-transform: rotate(45deg);
    -o-transform-origin: 10% 10%;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 10% 10%;
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
#burger-toggle .bar-middle {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
}
#burger-toggle .bar-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 10% 90%;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 10% 90%;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 10% 90%;
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
#burger-toggle.collapsed .bar-top {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
#burger-toggle.collapsed .bar-middle {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}
#burger-toggle.collapsed .bar-bottom {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}


/**/
/* arrow up icon */

#arrow-toggle .icon-bar {
    background-color: white;
    width: 16px;
}
#arrow-toggle .bar-left, #arrow-toggle .bar-center, #arrow-toggle .bar-right {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#arrow-toggle .bar-left {
    -webkit-transform-origin: top right;
    -webkit-transform: translateX(-7px) translateY(10px) rotate(45deg);
    -moz-transform-origin: top right;
    -moz-transform: translateX(-7px) translateY(10px) rotate(45deg);
    -o-transform-origin: top right;
    -o-transform: translateX(-7px) translateY(10px) rotate(45deg);
    -ms-transform-origin: top right;
    -ms-transform: translateX(-7px) translateY(10px) rotate(45deg);
    transform-origin: top right;
    transform: translateX(-7px) translateY(10px) rotate(45deg);
}
#arrow-toggle .bar-right {
    -webkit-transform-origin: top left;
    -webkit-transform: translateX(7px) translateY(4px) rotate(-45deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(7px) translateY(4px) rotate(-45deg);
    -o-transform-origin: top left;
    -o-transform: translateX(7px) translateY(4px) rotate(-45deg);
    -ms-transform-origin: top left;
    -ms-transform: translateX(7px) translateY(4px) rotate(-45deg);
    transform-origin: top left;
    transform: translateX(7px) translateY(4px) rotate(-45deg);
}
#arrow-toggle.collapsed .bar-left {
    -webkit-transform-origin: top right;
    -webkit-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    -moz-transform-origin: top right;
    -moz-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    -o-transform-origin: top right;
    -o-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    -ms-transform-origin: top right;
    -ms-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    transform-origin: top right;
    transform: translateX(-8px) translateY(6px) rotate(-45deg);
}
#arrow-toggle.collapsed .bar-right {
    -webkit-transform-origin: top left;
    -webkit-transform: translateX(8px) translateY(0px) rotate(45deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(8px) translateY(0px) rotate(45deg);
    -o-transform-origin: top left;
    -o-transform: translateX(8px) translateY(0px) rotate(45deg);
    -ms-transform-origin: top left;
    -ms-transform: translateX(8px) translateY(0px) rotate(45deg);
    transform-origin: top left;
    transform: translateX(8px) translateY(0px) rotate(45deg);
}


/**/
/* line */

.line-top {
    display: inline-block;
    border-top: 1px solid white;
}
.line-bottom {
    display: inline-block;
    border-bottom: 1px solid white;
}
.line-left {
    display: inline-block;
    border-left: 1px solid white;
}
.line-right {
    display: inline-block;
    border-right: 1px solid white;
}