/*----- Cyborg15 attributes -----*/
.flex{display: flex;}
.flex-center{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-bottom{display: flex;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.flex-left{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: left;}
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }

@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}

/*----- Cyborg15 container -----*/

@media (min-width: 576px) {
.Cyborg15 .container {max-width: 90%;}}
@media (min-width: 768px) {
.Cyborg15 .container {max-width: 680px;}} 
@media (min-width: 992px) {
.Cyborg15 .container {max-width: 960px;}}
@media (min-width: 1200px) {
.Cyborg15 .container {max-width: 1140px;}}
@media (min-width: 1400px) {
.Cyborg15 .container {max-width: 1280px;}}


/*----- Cyborg15 customized -----*/
.Cyborg15{width:100%;overflow: hidden}

/*glitched imgs*/
.effect-bg{position:relative;}
.effect-bg img.effect-img{width:100%}
.effect-bg:after{content:'';display: block;left: 0px;right: 0px; background-size: contain;width: 100%;height: 100%;position: absolute;top: 0px;bottom: 0px;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-duration: 2s;animation-duration:6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: glitch-anim;animation-name: glitch-anim;-webkit-animation-timing-function: linear;animation-timing-function: linear;display: block;}
@-webkit-keyframes glitch-anim{
	0%{-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 5%, 0 5%);clip-path: polygon(0 3%, 100% 3%, 100% 5%, 0 5%);opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
	2%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	6%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(3px);transform: translate(3px)}
	8%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	9%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(0);transform: translate(0)}
	10%{-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	13%{-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);-webkit-transform: translateZ(0);transform: translateZ(0)}
	13.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	15%{-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0);}
	20%{-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);-webkit-transform: translate3d(-2px, 0, 0);transform: translate3d(-2px, 0, 0);}
	20.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	25%{-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	30%{-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);-webkit-transform: translate3d(-2px, 0, 0);transform: translate3d(-2px, 0, 0)}
	30.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0)}
	35%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	40%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(0px);transform: translate(0px)}
	45%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	50%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(0);transform: translate(0)}
	55%{-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	60%{-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
	60.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);opacity: 1}
	to{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);opacity: 1}}

@keyframes glitch-anim{
	0%{-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
	2%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	6%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(3px);transform: translate(3px)}
	8%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	9%{-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);-webkit-transform: translate(0);transform: translate(0)}
	10%{-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	13%{-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);-webkit-transform: translateZ(0);transform: translateZ(0)}
	13.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	15%{-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	20%{-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);-webkit-transform: translate3d(-2px, 0, 0);transform: translate3d(-2px, 0, 0)}
	20.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	25%{-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	30%{-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);-webkit-transform: translate3d(-2px, 0, 0);transform: translate3d(-2px, 0, 0)}
	30.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0)}
	35%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	40%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(0px);transform: translate(0px)}
	45%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(-2px);transform: translate(-2px)}
	50%{-webkit-clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);clip-path: polygon(0 64%, 100% 64%, 100% 80%, 0 80%);-webkit-transform: translate(0);transform: translate(0)}
	55%{-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);-webkit-transform: translate3d(3px, 0, 0);transform: translate3d(3px, 0, 0)}
	60%{-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
	60.1%{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);opacity: 1}
	to{-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);clip-path: polygon(0 0, 0 0, 0 0, 0 0);opacity: 1}}

/*glitched text+btn*/
.Cyborg15 .pd-block .title--main{color:#00ffff;margin-bottom: 30px;animation-name: title--main-amimation;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;text-shadow:0px 0px 20px rgba(0,255,255,.8)}
.Cyborg15 .pd-block .Cyborg15-btn{position:relative;display: inline-block;text-decoration: none;animation-name: btn_glitched;animation-duration:3s;animation-iteration-count: infinite;animation-timing-function: linear;margin-top:10px;}
.Cyborg15 .pd-block .Cyborg15-btn span{background:url("../images/cyborg-button.png") no-repeat center center;background-size:contain;padding:30px 110px;position: relative;text-shadow:0px 0px 23px #fff,0px 0px 13px #fff;z-index:2;color:#fff;font-weight: bold;display: inline-block}
.Cyborg15 .pd-block .Cyborg15-btn:before {--outside: 2px;content: "";position: absolute;background:#0ff;width: calc(100% + (var(--outside) * 2));height: 4%;top: 34%;left:-2px;display: block;animation-name: hoverbefore;animation-duration:0.9s;animation-iteration-count: infinite;animation-timing-function: linear;}
.Cyborg15 .pd-block .Cyborg15-btn:after{display:block;content:"";position: absolute;background:#0ff;z-index:0px;width:94%;height:40%;top:30%;left:3%;z-index:0;box-shadow:0px 0px 30px 10px rgba(0,255,255,.8);transition-duration:400ms;border-radius: 10px}
.Cyborg15 .pd-block .Cyborg15-btn:hover:after{box-shadow: 0px 0px 50px 10px rgba(0,255,255,1)}
@keyframes title--main-amimation {
0% {transform: skew(0deg);}
60% {transform: skew(0deg);opacity: 1}
61% {transform: skew(6deg) translate(-2px, 0px);opacity: .8}
62% {transform: skew(6deg) translate(-2px, 0px);opacity: .8}
63% {transform: skew(0deg);opacity: 1}
100% {transform: skew(0deg);}}
@keyframes btn_glitched {
0% {transform: skew(-7deg);}
4% {transform: skew(-7deg);}
5% {transform: skew(0deg);}
50% {transform: skew(0deg);}
51% {transform: skew(10deg);}
53% {transform: skew(10deg);}
54% {transform: skew(0deg);}
100% {transform: skew(0deg);}}
@keyframes hoverbefore {
0% {display: none;opacity: 0}
35% {display: none;opacity: 0}
36% {display: block;background:#0ff;opacity: 1;top: 50%;transform: skew(0deg);left: 0px;}
38% {display: block;background:#0ff;opacity: 1;top: 50%;transform: skew(0deg);left: 0px;}
39% {display: none;opacity: 0}
40% {display: block;background:#0ff;opacity: 1;top: 30%;transform: skew(-45deg);left: -6px;}
59% {display: block;background:#0ff;opacity: 1;top: 30%;transform: skew(-45deg);left: -2px;}
60% {display: none;opacity: 0}
89% {display: none;opacity: 0;left: 0px;}
90% {display: block;background:#0ff;opacity: 1;top:65%;height: 10%;transform: skew(-45deg);left: 6px;}
99% {display: block;background:#0ff;opacity: 1;top:65%;height:10%;transform: skew(-45deg);left: -2px;}}

@media (max-width: 767px) {
.Cyborg15 .pd-block .title--main{margin-bottom:25px;}}
@media (max-width: 575px) {
.Cyborg15 .pd-block .title--main{margin-bottom:20px;}}