/*

@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/gotham/GothamLight.woff2') format('woff2'),
        url('../fonts/gotham/GothamLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/gotham/GothamBold.woff2') format('woff2'),
        url('../fonts/gotham/GothamBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

*/



h1, h2, h3, h4, h5, h6, p, li, span {color:var(--color-white);}
body {background-color:#000000;}



/*---Rev slider---*/
rs-module-wrap#rev_slider_2_1_wrapper rs-slide h1, rs-slide h1 span {font-size: 1.6em !important;line-height: 1.1em !important;}


/*---Animate strike---*/
.animate-strike:after {content: ' ';position: absolute;left: 0%;bottom: 0%;width: 0%;height: 2px;background-color: white;transform: rotate(345deg);}
.animate-strike.active:after {width: 100%;transition: 0.8s;bottom: 35%;}


/*---General for floating---*/

.trans-parent, .trans-feature, .trans-layer {position:relative;}
.trans-absolute {position:absolute;}
.right-bottom-trans {position:absolute;right:20px;bottom:20px;}
.right-bottom-outbox-trans {position:absolute;right:-20%;bottom:-25%;}
.left-bottom-trans {position:absolute;left:20px;bottom:20px;}

.top-right-corner-trans {position:absolute;right:0%;top:0%;}
.top-right-trans {position:absolute;right:-10%;top:-10%;transform: translate(-50%,-50%);}


.mid-center-center-trans {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mid-center-trans {position: absolute; left: 50%; top: -20%; transform: translate(-50%,0%);}
.mid-bottom-trans {position: absolute; left: 50%; bottom: -20%; transform: translate(-50%,0%);}
.mid-right-trans {position: absolute; right: 50%; top: 50%; transform: translate(160%,-50%);}
.mid-left-trans {position: absolute; left: 0%; top: 50%; transform: translate(0%,-50%);}

.ani-right-top-toleft {position:absolute;top:0px;right:0px;}


.trans-feature--image {position: absolute;bottom: 0;right: 0;z-index: 1;}
.trans-feature--device {position: absolute;top: 0;left: 0;z-index: 2;}
.trans-feature--text {position: absolute;bottom: 15%;left: 20px;z-index: 3;font-weight: 300;}

.min-height-floatsection {padding-bottom: 80%;max-height: 400px;}


.top-10-right-50 {position:absolute;right:-50%;top:-10%;}
.top200-left-25 {position:absolute;left:-25%;top:200%;}

.trans-bigwords {position:absolute;right:-5%;top:0%;width:100%;max-width:50%;min-width:400px;}
.trans-bigwords-medsize {min-width:300px;max-width:35%;}
.trans-rightleft {position:absolute;animation: bigwordrightleft 12s infinite;animation-timing-function: linear;z-index:0;}

@keyframes bigwordrightleft {
    0% {transform: translate(105%,0%);}
    100% {transform: translate(-240%,0%);}
}


.paralupslow, .paralup {}


/*---EE page---*/
.custom .tp-bullet {width: 25px !important;height: 6px !important;}

.sphere-box {position:relative;}
.sphere-box-title {position:absolute;left:-10%;top:50%;transform:translate(0px,-50%);}

.threeS-title {margin-bottom:3px;}
.threeSection-gap {margin-bottom:8%;margin-top:5%;}

ul.ee-icon-list {list-style:none;}
ul.ee-icon-list li {display:flex;align-items:center;margin-bottom:15px;}
ul.ee-icon-list li img {flex-basis: 60px;max-width: 100px;margin-right: 25px;}
ul.ee-icon-list li h5 {margin-bottom:0px;}

ul.ee-icon-list-small img {flex-basis: 74px !important;max-width: 74px !important;margin-right: 20px !important;}
ul.ee-icon-list-small li {margin-bottom:20px;}



/*---EE icon box---*/
.ee-icon-box {margin-bottom:60px;}
.ee-icon-box img {max-width:120px;margin-bottom:10px;}
.ee-icon-box h5 {margin-bottom:5px;}
.ee-icon-box.green h5 {color:var(--color-neongreen);}
.ee-icon-box.lightred h5 {color:var(--color-lightred);}
.ee-icon-box.neonpink h5 {color:var(--color-neonpink);}
.ee-icon-box.lightblue h5 {color:var(--color-lightblue);}

.ee-icon-box-left {display:flex;align-items:center;margin-top:15px;margin-bottom:15px;}
.ee-icon-box-left .ee-icon-box-image {flex-basis: 130px;max-width: 130px;margin-right: 0px;}
.ee-icon-box-desc {flex-basis: calc(100% - 150px);}

.experience-container {padding-left:2px;padding-right:2px;}
.experience-box {background-size: cover;padding-bottom: 70%;position: relative;background-position: center;}
.experience-box h2 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.experience-box:before {content: ' ';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000000;opacity: 0.5;}



/*---Navi---*/
.pairing-main {position:relative;}
.pairing-main-text-top {position:absolute;top:7%;left:50%;transform:translate(-50%,0%);width:100%;padding:15px;z-index:2;}

.ee-navi-pairing-factory {position:relative;}

a.dots-glowing-blue {background-color: #359CE9;width: 20px;height: 20px;border-radius: 100%;position: absolute;z-index:5;}
a.dots-glowing-blue:after {position: absolute;content: ' ';width: 28px;height: 28px;background-color: #359CE9;opacity:0.5;z-index: -1;left: 50%;top: 50%;border-radius: 100%;}
a.dots-glowing-blue:after {transition:0.5s;animation-name: dots-glowing;animation-duration: 2s;animation-iteration-count: infinite;}

@keyframes dots-glowing {
  0% {transform:translate(-50%,-50%) scale(1);}
  50% {transform:translate(-50%,-50%) scale(0.8);}
  100% {transform:translate(-50%,-50%) scale(1);}
}


/*---Slider---*/
.testimonials-slider .swiper-button-next, .testimonials-slider .swiper-button-prev {color: var(--color-white);background-color: #333333;}



/*---Gabi----*/
.gabi-smart-layer-before, .gabi-smart-layer-after {transition:0s;opacity:0;}
.gabi-smart-layer-before.active {transition:3s;opacity:1;}
.gabi-smart-layer-after.active {transition:4s;opacity:1;}

/*---Free report---*/
.free-report-slider .swiper-pagination-bullet {width: 30px;height: 6px;border-radius: 10px;background-color:#333333;opacity:1;}
.free-report-slider .swiper-pagination-bullet-active {background-color:#CCCCCC !important;}

/*---Gravity form---*/
.gform_fields input, .gform_fields select, .gform_fields textarea {background-color:#333333;border:1px solid #000000;color: #cccccc;}
.ginput_container_select select {color:#CCCCCC;-webkit-appearance: none !important;position: relative;background: url("../svg/chevron-down-solid-white.svg") no-repeat;background-color:#333333;background-size: 10px;background-position: calc(100% - 15px) center;background-repeat: no-repeat;}

/*---Upload file field---*/
div#gform_preview_6_15 {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding: 10px 0px;}
.ginput_preview {padding: 10px;border: 1px solid #ffffff;flex-basis: 47%;max-width:47%;display: flex;margin-bottom:20px;margin-left: 1.5%;margin-right: 1.5%;align-items: flex-start;}
.ginput_preview:before {content: '\f15b';font-family: "Font Awesome 5 Free";margin-right: 10px;font-size: 20px;}
.ginput_preview .gform_delete {order: 2;width: 20px;margin-right: 0px;margin-left: auto;text-align: right;}
.gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {padding: 35px 50px !important;border-radius: 20px !important;}
span.gform_drop_instructions {font-size: 16px;line-height: 22px;margin-bottom: 10px !important;display: block;}
span#gfield_upload_rules_6_15 {display: none;}

.ginput_preview strong {width: calc(100% - 65px);height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/*---Manipulate post template---*/

.case-study-steps-container {margin-bottom:20px;border-radius:20px;overflow:hidden;background-color:#222222;}
.case-study-steps-title {padding:10px 15px;background-color:var(--color-lightred);}
.case-study-steps-title h6 {margin-bottom:0px !important;}
.case-study-steps-content {padding:15px;display:flex;flex-wrap:wrap;align-items: center;}
.case-study-steps-content-image {flex-basis:180px;}
.case-study-steps-content-image img {max-width: 80%;margin: auto;text-align: center;display: block;}
.case-study-steps-content-desc {flex-basis:calc(100% - 180px);}

/*---Footer---*/
input#gform_submit_button_1:hover {background: var(--color-gradientgreen);}
#footer {background-color:#111111;}


/*---Lightning animation---*/
.super-saiyan {
    width: 100%;
    height: 400px;
}
.lightning {
    fill: none;
    stroke: rgb(205, 255, 255);
    stroke-width: 5px;
    stroke-dasharray: 2200;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s;
    animation: strike 5s infinite;
    -webkit-animation: strike 5s infinite;
    filter: blur(1px) drop-shadow(0px 0px 9px rgba(138, 225, 255, 1));
}

@keyframes strike {
  0% {
    stroke-dashoffset: 0;
  }
  30% {
    stroke-dashoffset: 0;
  }
  35% {
    stroke-dashoffset: 2200;
  }
  75% {
    stroke-dashoffset: 2200;
  }
  100% {
    stroke-dashoffset: 4400;
  }
}



@media only screen and (max-width:1300px) {
    .sphere-box-title {left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%;}
    rs-module-wrap#rev_slider_2_1_wrapper rs-slide h1, rs-slide h1 span {font-size: 1.4em !important;}
    rs-module-wrap#rev_slider_2_1_wrapper .source-logo-control {max-width:150px !important;}
}


@media only screen and (max-width:1000px) and (min-width:768px){
    .trans-bigwords {min-width: 350px;}
}


@media only screen and (max-width:767px) {
    .experience-box {padding-bottom: 40%;}
    .pairing-main-text-top {position:initial;top:initial;left:initial;transform:initial;padding:25px;}
    .super-saiyan {width: 100%;height: 110px;}
    .case-study-steps-content-image {flex-basis: 100px;}
    .case-study-steps-content-desc {flex-basis: calc(100% - 100px);}
    .ginput_preview {flex-basis: 100%;max-width:100%;}
    .trans-bigwords-medsize {top: 40% !important;right: 0px !important;}
    .trans-bigwords-navi {top: -15% !important;left: 0% !important;min-width:200px;}
    .trans-bigwords-kai {left: 45% !important;top:-2% !important;min-width: 200px !important;}
    .trans-bigwords-gabi {min-width: 200px;right: initial !important;left: 5% !important;top: -10% !important;}
    .threeSection-gap {margin-bottom: 120px !important;margin-top:55px;}
    
    .mheight_proportion_60 {padding-bottom:60%;min-height:initial;}
    .trans-kai-section {padding-bottom: 73%;}
    .m-padding-left-init {padding-left:5% !important;}
    a.dots-glowing-blue {width: 16px;height: 16px;margin-top: -4px;}
    
    .trans-bigwords-mobile {left: 10px !important;right: initial !important;top: -90px !important;max-width: 300px !important;min-width: 300px !important;}
    
}