/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 /* =Maze Blurb Module
------------------------------------------------------- */


.blurb_6_f .et_pb_column_1_3 .et_pb_image .et_pb_image_wrap,
.blurb_6_f .et_pb_column_1_3 .et_pb_image .et_pb_image_wrap img{
    display: block;
    width: 100%;
}


/*Columns*/

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:last-child {
    margin-right: 0 !important;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 {
    width: 49% !important;
    margin-right: 2% !important;
}

.blurb_3_f .et_pb_column_1_3 {
    width: 46.5%;
}

.blurb_3_f .et_pb_column_2_3 {
    width: 66%;
}

.blurb_3_f .et_pb_column .et_pb_main_blurb_image {
    margin-bottom: 24px;

    display: block;
}

.blurb_3_f .et_pb_column .et_pb_main_blurb_image img {
    display: block;
    max-width: 110px;
}

/*Lines*/

.blurb_3_f .top_line,
.blurb_3_f .bottom_line {
    width: 0%;
}

.blurb_3_f .left_line,
.blurb_3_f .right_line {
    height: 0%;
}

.blurb_3_f .top_line {
    top: 0;
}

.blurb_3_f .bottom_line {
    bottom: 0;
    left: 0;
}

.blurb_3_f .left_line {
    left: 0;
    bottom: 0;
}

.blurb_3_f .right_line {
    right: 0;
    bottom: 0;
}


/*Hover*/


.blurb_3_f .et_pb_row_inner .et_pb_column_1_3{
    cursor: pointer;
}
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .top_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .bottom_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .left_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .right_line {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .top_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .right_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .bottom_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .left_line{
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .left_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .bottom_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .right_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .top_line{
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .top_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .bottom_line {
    width: 100%;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .left_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .right_line {
    height: 100%;
}

.blurb_3_f.view_port .et_pb_divider {
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;

    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;

    max-width: 130px;
}

.blurb_3_f .et_pb_blurb:hover .et_pb_blurb_container {
    -webkit-animation: fadeIn 1s infinite;
    animation: fadeIn 1s infinite;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}



/*Responsive*/


@media only screen and (max-width: 1390px) {
 
    .blurb_3_f .et_pb_row > .et_pb_column_1_3 {
        padding-right: 13vw !important;
        padding-left: 50px !important;
    }

}

@media only screen and (max-width: 980px) {
  
    .blurb_3_f .et_pb_row {
        max-width: 100% !important;
        width: 100% !important;
    }

    /*Blurb 3*/
    .blurb_3_f .et_pb_row > .et_pb_column_1_3 .et_pb_promo_description {
        padding-bottom: 0 !important;
    }

    .blurb_3_f .et_pb_row > .et_pb_column_1_3 .et_pb_promo_description h2 {
        padding-right: 0 !important;
    }

    .blurb_3_f .et_pb_row > .et_pb_column_1_3 .et_pb_promo_description {
        text-align: center !important;
    }

    .blurb_3_f .et_pb_row > .et_pb_column_1_3 {
        padding: 50px !important;
    }

    .blurb_3_f .et_pb_row .et_pb_row_inner:last-child {
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }

    .blurb_3_f .et_pb_row .et_pb_row_inner {
        width: 90% !important;
        margin: 40px auto 0 !important;
    }
    .blurb_3_f .et_pb_row {
        max-width: 100% !important;
        width: 100% !important;
    }

}

@media only screen and (max-width: 767px) {
    .blurb_3_f .et_pb_row_inner .et_pb_column_1_3 {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .blurb_3_f .et_pb_row_inner:last-child .et_pb_column:last-child {
        margin-bottom: 0 !important;
    }

    .blurb_3_f .et_pb_row_inner .et_pb_column {
        margin-bottom: 20px !important;
    }

}

@media only screen and (max-width: 480px) {
    #page-container .blurb_3_f .et_pb_row {
        width: 100% !important;
    }
}








/* =Twister Blurb Module
------------------------------------------------------- */


/*Columns*/

.blurb_6_f .et_pb_row_inner .et_pb_column_1_3:last-child {
    margin-right: 0 !important;
}

.blurb_6_f .et_pb_row_inner .et_pb_column_1_3 {
    width: 47% !important;
    margin-right: 6% !important;
}

.blurb_6_f .et_pb_column_1_3 {
    width: 40.8%;
}

.blurb_6_f .et_pb_column_2_3 {
    width: 66%;
}

.blurb_6_f .et_pb_column .et_pb_main_blurb_image {
    margin-bottom: 23px;
    display: block;
}

.blurb_6_f .et_pb_column .et_pb_image  img {
    display: block;
    width: 100%;
}
.blurb_6_f .et_pb_column .et_pb_main_blurb_image img {
    display: block;
}


/*Lines*/

.blurb_6_f .top_line,
.blurb_6_f .bottom_line {
    width: 0%;
}

.blurb_6_f .left_line,
.blurb_6_f .right_line {
    height: 0%;
}

.blurb_6_f .top_line {
    top: 0;
}

.blurb_6_f .bottom_line {
    bottom: 0;
    right: 0;
}

.blurb_6_f .left_line {
    left: 0;
    bottom: 0;
}

.blurb_6_f .right_line {
    right: 0;
    top: 0;
}


/*Hover*/


.blurb_6_f .et_pb_row_inner .et_pb_column_1_3{
    cursor: pointer;
}

.blurb_6_f .et_pb_row_inner .et_pb_column_1_3 .top_line,
.blurb_6_f .et_pb_row_inner .et_pb_column_1_3 .bottom_line,
.blurb_6_f .et_pb_row_inner .et_pb_column_1_3 .left_line,
.blurb_6_f .et_pb_row_inner .et_pb_column_1_3 .right_line {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.blurb_6_f .et_pb_row_inner .et_pb_column_1_3:hover .top_line,
.blurb_6_f .et_pb_row_inner .et_pb_column_1_3:hover .bottom_line {
    width: 100%;
}

.blurb_6_f .et_pb_row_inner .et_pb_column_1_3:hover .left_line,
.blurb_6_f .et_pb_row_inner .et_pb_column_1_3:hover .right_line {
    height: 100%;
}


.blurb_6_f .et_pb_divider {
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;

    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;

    width: 220px;
}


.blurb_6_f .et_pb_blurb:hover .et_pb_blurb_container {
    -webkit-animation: fadeIn 1s infinite;
    animation: fadeIn 1s infinite;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}








/*Responsive*/


@media only screen and (max-width: 1390px) {
    .blurb_6_f .et_pb_column_2_3 .et_pb_row_inner {
        padding-right: 40px;

    }
    .blurb_6_f .et_pb_column_2_3 .et_pb_row_inner {
        padding-right: 40px;
    }

}

@media only screen and (max-width: 980px) {
    .blurb_6_f .et_pb_row > .et_pb_column_1_3 {
        display: none !important;
    }

}

@media only screen and (max-width: 767px) {
    .blurb_6_f .et_pb_row_inner:last-child .et_pb_column_1_3:last-child {
        margin-bottom: 0 !important;
    }

    .blurb_6_f .et_pb_row_inner .et_pb_column_1_3 {
        width: 100% !important;
        margin-right: 0% !important;
        margin-bottom: 20px !important;
    }

}




/* =Theme customization starts here
------------------------------------------------------- */







 
/* = Header Background
------------------------------------------------------- */

.parent-container {
	position: relative;
	width: 80%;
	height: 40%;
	min-height: 400px;
}

.parent-container .background-container {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.background-container {
	display: flex;
	width: 100%;
	position: absolute;
	filter: blur(100px);
	animation: rotating-whole-background infinite alternate 15s ease-in-out 2s;
}

.background-container .circle {
	animation-duration: 7.5s;
	animation-delay: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.circle {
	height: 200px;
	width: 200px;
	border-radius: 50%;
	background-blend-mode: darken;
	transition: all .5s;
}

.circle-1 {
	width: 70%;
	height: 60%;
	position: absolute;
	transform: translateX(0) translateY(65%);
	background-color: #7d3cff;
	background: radial-gradient(ellipse at top, #7d3cff, transparent),
		radial-gradient(ellipse at bottom, #7d3cff, transparent);
	z-index: 1;
	animation: circle-1-floating;
}

.circle-2 {
	width: 50%;
	height: 60%;
	position: absolute;
	transform: translateX(110%) translateY(65%);
	background-color: #ff5ae1;
	background: radial-gradient(ellipse at top, #ff5ae1, transparent),
		radial-gradient(ellipse at bottom, #ff5ae1, transparent);
	z-index: 1;
	animation: circle-2-floating;
}

.circle-3 {
	width: 40%;
	height: 50%;
	position: absolute;
	transform: translateX(170%) translateY(-10%);
	background-color: #ff5ae1;
	background: radial-gradient(ellipse at top, #ff5ae1, transparent),
		radial-gradient(ellipse at bottom, #ff5ae1, transparent);
	z-index: 1;
	animation: circle-3-floating;
}

.circle-4 {
	width: 30%;
	height: 60%;
	position: absolute;
	transform: translateX(150%) translateY(0);
	background-color: #ffeb00;
	background: radial-gradient(ellipse at top, #ffeb00, transparent),
		radial-gradient(ellipse at bottom, #ffeb00, transparent);
	
	animation: yellow-circle-floating;
}

.circle-5 {
	width: 54%;
	height: 50%;
	position: absolute;
	transform: translateX(0) translateY(0);
	background-color: #7d3cff;
	background: radial-gradient(ellipse at top, #7d3cff, transparent),
		radial-gradient(ellipse at bottom, #7d3cff, transparent);
	z-index: 1;
	animation: circle-5-floating;
}

/* CSS animations */

@keyframes rotating-whole-background {
	25% {
		transform: rotate(90deg) scaleX(.5) scaleY(2)
	}
	50% {
		transform: rotate(180deg) scaleX(1) scaleY(1);
	}
	75% {
		transform: rotate(270deg) scaleX(.5) scaleY(2)
	}
	98% {
		transform: rotate(360deg) scaleX(1) scaleY(1);
	}
	100% {
		transform: rotate(360deg) scaleX(1) scaleY(1);
	}
}

@keyframes yellow-circle-floating {
	0% {
		transform: translateX(150%) translateY(0);
	}
	100% {
		transform: translateX(0) translateY(80%);
	}
}

@keyframes circle-1-floating {
	0% {
		transform: translateX(0) translateY(65%);
	}
	97% {
		transform: translateX(60%) translateY(0%);
	}
	100% {
		transform: translateX(60%) translateY(0%);
	}
}

@keyframes circle-2-floating {
	0% {
		transform: translateX(110%) translateY(65%);
	}
	97% {
		transform: translateX(0) translateY(0);
	}
	100% {
		transform: translateX(0) translateY(0);
	}
}

@keyframes circle-3-floating {
	0% {
		transform: translateX(170%) translateY(-10%);
	}
	100% {
		transform: translateX(160%) translateY(65%);
	}
}

@keyframes circle-5-floating {
	0% {
		transform: translateX(0) translateY(0);
	}
	93% {
		transform: translateX(30%) translateY(75%);
	}
	100% {
		transform: translateX(20%) translateY(85%);
	}
}