.steps-section .carousel-column{
	position:relative; text-align: left;
}

.steps-section .carousel-column .carousel-inner{
	position: relative;
    width: 321px;
    height: 658px;
    margin: 0 auto;
	padding: 18px 19px 17px;
   /* margin-left: 200px;*/
    margin-top: -20px;
    background-repeat: no-repeat;
}

.steps-section .carousel-column .carousel-inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:17px;
	right:0px;
	height:22px;
	z-index:1;
	background:url(../images/resource/mobile-speaker.png) center center no-repeat;
}

.steps-section .carousel-column .carousel-inner .slides{
	position:relative;
	overflow:hidden;
}

.steps-section .carousel-column .carousel-inner .content img{
	position:relative;
	border-radius:25px;
}

.steps-section .blocks-column{
	position:relative;
}

.steps-section .blocks-column .inner-column{
	position:relative;
	padding-left:30px;
}

.steps-section .blocks-column .inner-column .carousel-indicators{
	position:relative;
	margin:0px;
	display:block;
	overflow:hidden;
}

.steps-section .blocks-column .inner-column .carousel-indicators li{
	position: relative;
    display: block;
	width:auto;
	height:auto;
    margin-right: 0px;
    font-size: 16px;
    color: #373a5b;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    padding-left: 170px;
    /*line-height: 2.8em;*/
    margin-bottom: 40px;
	background:none;
	text-indent:inherit;
    transition: all 500ms ease;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:before{
	position:absolute;
	content:'';
	left:85px;
	top:0%;
	width:1px;
	height:150%;
	background-color:#dce0fe;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:last-child::before{
	display:none;
}

.steps-section .blocks-column .inner-column .carousel-indicators li strong{
	color:#373a5b;
	display:block;
	font-size:20px;
	/*margin-bottom:12px;*/
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon{
	position:absolute;
	left:45px;
	top:0px;
	font-size:44px;
	width:75px;
	height:70px;
	font-weight:400;
	border-radius:8px;
	text-align:center;
	line-height:70px;
	display:inline-block;
	z-index:1;
	text-indent:inherit;
	overflow:hidden;
	background-color:#ffffff;	
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	box-shadow:0px 10px 15px rgba(0,132,253,0.15); 
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon i{
	position:relative;
	z-index:2;
	font-weight:500;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	background: -webkit-gradient(linear, left top, right top, from(#0084fd), color-stop(98%, #41b7fe), to(#41b7fe));
    background: linear-gradient(to right, #0084fd 0%, #41b7fe 98%, #41b7fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon{
	box-shadow:0px 10px 15px rgba(147,39,213,0.15);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon i{
	background: -webkit-gradient(linear, left top, right top, from(#9426d5), color-stop(98%, #eb44dc), to(#eb44dc));
    background: linear-gradient(to right, #9426d5 0%, #eb44dc 98%, #eb44dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon{
	box-shadow:0px 10px 15px rgba(242,66,69,0.15);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon i{
	background: -webkit-gradient(linear, left top, right top, from(#f24245), color-stop(98%, #fc8b8b), to(#fc8b8b));
    background: linear-gradient(to right, #f24245 0%, #fc8b8b 98%, #fc8b8b 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.steps-section .blocks-column .inner-column .carousel-indicators li .number{
	position:absolute;
	left:0px;
	top:0px;
	color:#daddf1;
	font-size:72px;
	font-weight:700;
	border-radius:8px;
	text-align:center;
	line-height:1em;
	display:inline-block;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	font-family: 'Poppins', sans-serif;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1).active .icon{
	background-image: -ms-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: -moz-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: -o-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084FD), color-stop(100, #45b9fe));
	background-image: -webkit-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: linear-gradient(to right, #0084FD 0%, #45b9fe 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1).active .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon{
	background-image: -ms-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: -moz-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: -o-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9326d5), color-stop(100, #ec44dd));
	background-image: -webkit-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: linear-gradient(to right, #9326d5 0%, #ec44dd 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon{
	background-image: -ms-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: -moz-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: -o-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f24346), color-stop(100, #fc8b8b));
	background-image: -webkit-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: linear-gradient(to right, #f24346 0%, #fc8b8b 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}
====================================================================
	Steps Section
====================================================================

***/

.steps-section{
	position:relative;
	padding:120px 0px;
	background-color:#eff3ff;
}

.steps-section .patern-layer-one{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	bottom:0px;
	width:34%;
	background-size:cover;
	background-position:right top;
	background-repeat:no-repeat;
}

.steps-section .patern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:331px;
	height:624px;
	background-position:right top;
	background-repeat:no-repeat;
}

.steps-section .patern-layer-three{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:623px;
	height:824px;
	background-position:right bottom;
	background-repeat:no-repeat;
}







/* .steps-section .steps-tabs{
	position:relative;
}

.steps-section .steps-tabs .tab-btns{
	position:relative;
	padding-left:50px;
}

.steps-section .steps-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	float:left;
	margin-right:0px;
	font-size:16px;
	color:#373a5b;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	padding-left:130px;
	line-height:1.8em;
	margin-bottom:45px;
	transition:all 500ms ease;
}

.steps-section .steps-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:37px;
	top:0%;
	width:1px;
	height:150%;
	background-color:#dce0fe;
}

.steps-section .steps-tabs .tab-btns .tab-btn:last-child::before{
	display:none;
}

.steps-section .steps-tabs .tab-btns .tab-btn strong{
	display:block;
	font-size:20px;
	margin-bottom:12px;
}

.steps-section .steps-tabs .tab-btns .tab-btn .icon{
	position:absolute;
	left:0px;
	top:0px;
	font-size:44px;
	width:75px;
	height:70px;
	font-weight:400;
	border-radius:8px;
	text-align:center;
	line-height:70px;
	display:inline-block;
	z-index:1;
	overflow:hidden;
	background-color:#ffffff;	
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	box-shadow:0px 10px 15px rgba(0,132,253,0.15);
}

.steps-section .steps-tabs .tab-btns .tab-btn .icon i{
	position:relative;
	z-index:2;
	font-weight:500;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	background: -webkit-gradient(linear, left top, right top, from(#0084fd), color-stop(98%, #41b7fe), to(#41b7fe));
    background: linear-gradient(to right, #0084fd 0%, #41b7fe 98%, #41b7fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(2) .icon{
	box-shadow:0px 10px 15px rgba(147,39,213,0.15);
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(2) .icon i{
	background: -webkit-gradient(linear, left top, right top, from(#9426d5), color-stop(98%, #eb44dc), to(#eb44dc));
    background: linear-gradient(to right, #9426d5 0%, #eb44dc 98%, #eb44dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(3) .icon{
	box-shadow:0px 10px 15px rgba(242,66,69,0.15);
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(3) .icon i{
	background: -webkit-gradient(linear, left top, right top, from(#f24245), color-stop(98%, #fc8b8b), to(#fc8b8b));
    background: linear-gradient(to right, #f24245 0%, #fc8b8b 98%, #fc8b8b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .steps-tabs .tab-btns .tab-btn .number{
	position:absolute;
	left:-50px;
	top:0px;
	color:#daddf1;
	font-size:72px;
	font-weight:700;
	border-radius:8px;
	text-align:center;
	line-height:1em;
	display:inline-block;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	font-family: 'Poppins', sans-serif;
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(1):hover .icon,
.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(1).active-btn .icon{
	background-image: -ms-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: -moz-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: -o-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084FD), color-stop(100, #45b9fe));
	background-image: -webkit-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
	background-image: linear-gradient(to right, #0084FD 0%, #45b9fe 100%);
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(1):hover .icon i,
.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(1).active-btn .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(2):hover .icon,
.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(2).active-btn .icon{
	background-image: -ms-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: -moz-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: -o-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9326d5), color-stop(100, #ec44dd));
	background-image: -webkit-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
	background-image: linear-gradient(to right, #9326d5 0%, #ec44dd 100%);
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(2):hover .icon i,
.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(2).active-btn .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(3):hover .icon,
.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(3).active-btn .icon{
	background-image: -ms-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: -moz-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: -o-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f24346), color-stop(100, #fc8b8b));
	background-image: -webkit-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
	background-image: linear-gradient(to right, #f24346 0%, #fc8b8b 100%);
}

.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(3):hover .icon i,
.steps-section .steps-tabs .tab-btns .tab-btn:nth-child(3).active-btn .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.steps-section .steps-tabs .tabs-content{
	position:relative;
	width:321px;
	height:658px;
	margin:0 auto;
	padding:19px 19px 17px;
	margin-left:200px;
	margin-top:-20px;
	background-repeat:no-repeat;
}

.steps-section .steps-tabs .tabs-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:17px;
	right:0px;
	height:22px;
	z-index:1;
	background:url(../images/resource/mobile-speaker.png) center center no-repeat;
}

.steps-section .steps-tabs .tabs-content .tab{
	position:relative;
	display:none;
	transform:rotateY(90deg);
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.steps-section .steps-tabs .tabs-content .tab.active-tab{
	display:block;
	transform:rotateY(0deg);
}

.steps-section .steps-tabs .tabs-content .tab img{
	position:relative;
	border-radius:22px;
} */

/*** 


====================================================================
	Apps Section
====================================================================

***/

.apps-section{
	position:relative;
	padding-top:120px; text-align: left;
}

.app-block{
	position:relative;
	margin-bottom:20px;
}

.app-block .inner-box{
	position:relative;
}

.app-block .inner-box .image-column{
	position:relative;
	margin-bottom:40px;
}

.app-block .inner-box .image-column .inner-column{
	position:relative;
	padding-left:30px;
}

.app-block .inner-box .image-column .image{
	position:relative;
}

.app-block .inner-box .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.app-block .inner-box .image-column .small-image{
	position:absolute;
	right:-20px;
	top:-20px;
}

.app-block .inner-box .content-column{
	position:relative;
}

.app-block .inner-box .content-column .inner-column{
	position:relative;
	padding-left:50px;
}

.app-block .inner-box .content-column .icon-box{
	position:relative;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	border-radius:50px;
	background-color:#26c052;
	box-shadow:0px 15px 15px rgba(0,132,154,0.30);
}

.app-block .inner-box .content-column .icon-box:before{
	position: absolute;
	content: '';
    left: 0px;
	top:0px;
    width: 100%;
    height: 100%;
	z-index:1;
	border-radius:50px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	background:url(../images/icons/pattern-9.png) right top no-repeat;
}

.app-block .inner-box .content-column .icon-box:after{
	position: absolute;
	content: '';
    left: 0px;
	top:0px;
    width: 100%;
    height: 100%;
	border-radius:50px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	background:url(../images/icons/pattern-10.png) right top no-repeat;
}

.app-block.style-two .inner-box .content-column .icon-box{
	background-color:#8c28cc;
	overflow:hidden;
	box-shadow:0px 15px 15px rgba(147,38,214,0.30);
}

.app-block.style-two .inner-box .content-column .icon-box:before{
	background:url(../images/icons/pattern-11.png) right top no-repeat;
}

.app-block.style-two .inner-box .content-column .icon-box:after{
	background:url(../images/icons/pattern-12.png) right top no-repeat;
}

.app-block .inner-box .content-column .icon{
	position:relative;
	color:#ffffff;
	font-size:36px;
	z-index:1;
}

.app-block .inner-box .content-column h3{
	position:relative;
	color:#373a5b;
	font-size:30px;
	line-height:1.3em;
	font-weight:700;
	margin-top:22px;
	margin-bottom:18px;
}

.app-block .inner-box .content-column .text{
	position:relative;
	color:#373a5b;
	font-size:16px;
	line-height:1.8em;
	font-weight:400;
	margin-top:22px;
	margin-bottom:25px;
}

/* Dots Animations */

.ct-dot-animated {
    position: absolute;
    width: 100%;
    height: 102%;
    top: 0;
    left: 0
}

.ct-dot-animated.top-slider {
    height: calc(100% + 330px);
    height: -webkit-calc(100% + 330px);
    margin-top: -330px
}

.ct-dot-animated .ct-dot-item {
    background-color: rgba(255, 216, 155, .4);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ct-dot-animated .ct-dot-item span {
    width: 9px;
    height: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    background-color: #06ffdf;
    background-image: -webkit-gradient(linear, to left top, right top, from(#06ffdf), to(#0042ff));
    background-image: -webkit-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: -moz-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: -ms-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: -o-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: linear-gradient(to left, #06ffdf, #0042ff);
    position: absolute;
    bottom: 14%;
    left: -4px
}

.ct-dot-animated .ct-dot-item:nth-child(1) span {
    -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
    animation: dotAnimatedBottomToTop1 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(2) {
    left: 20%
}

.ct-dot-animated .ct-dot-item:nth-child(2) span {
    background-color: #ffe712;
    background-image: -webkit-gradient(linear, to left top, right top, from(#ffe712), to(#ed585a));
    background-image: -webkit-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -moz-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -ms-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -o-linear-gradient(to left, #ffe712, #ed585a);
    background-image: linear-gradient(to left, #ffe712, #ed585a);
    bottom: 64%;
    -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
    animation: dotAnimatedBottomToTop2 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(3) {
    left: 40%
}

.ct-dot-animated .ct-dot-item:nth-child(3) span {
    background-color: #f798fe;
    background-image: -webkit-gradient(linear, to left top, right top, from(#f798fe), to(#612be1));
    background-image: -webkit-linear-gradient(to left, #f798fe, #612be1);
    background-image: -moz-linear-gradient(to left, #f798fe, #612be1);
    background-image: -ms-linear-gradient(to left, #f798fe, #612be1);
    background-image: -o-linear-gradient(to left, #f798fe, #612be1);
    background-image: linear-gradient(to left, #f798fe, #612be1);
    bottom: 5%;
    -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
    animation: dotAnimatedBottomToTop3 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(4) {
    left: 60%
}

.ct-dot-animated .ct-dot-item:nth-child(4) span {
    background-color: #d8ff09;
    background-image: -webkit-gradient(linear, to left top, right top, from(#d8ff09), to(#4ba116));
    background-image: -webkit-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: -moz-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: -ms-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: -o-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: linear-gradient(to left, #d8ff09, #4ba116);
    bottom: 78%;
    -webkit-animation: dotAnimatedBottomToTop4 35s infinite linear;
    -moz-animation: dotAnimatedBottomToTop4 35s infinite linear;
    -o-animation: dotAnimatedBottomToTop4 35s infinite linear;
    animation: dotAnimatedBottomToTop4 35s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(5) {
    left: 80%
}

.ct-dot-animated .ct-dot-item:nth-child(5) span {
    background-color: #ffe712;
    background-image: -webkit-gradient(linear, to left top, right top, from(#ffe712), to(#ed585a));
    background-image: -webkit-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -moz-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -ms-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -o-linear-gradient(to left, #ffe712, #ed585a);
    background-image: linear-gradient(to left, #ffe712, #ed585a);
    bottom: 46%;
    -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
    animation: dotAnimatedBottomToTop5 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(6) {
    left: auto;
    right: 0
}

.ct-dot-animated .ct-dot-item:nth-child(6) span {
    background-color: #6fd0ff;
    background-image: -webkit-gradient(linear, to left top, right top, from(#6fd0ff), to(#059af7));
    background-image: -webkit-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: -moz-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: -ms-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: -o-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: linear-gradient(to left, #6fd0ff, #059af7);
    bottom: 27%;
    -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
    animation: dotAnimatedBottomToTop6 30s infinite linear
}

.ct-dot-animated .ct-dot-container {
    max-width: 1004px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.error404 .site-content {
    padding-top: 195px !important;
    padding-bottom: 0 !important
}

@keyframes dotAnimatedBottomToTop1 {
    0% {
        bottom: 14%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 14%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 27%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 27%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 27%
    }
}

/***