/*
 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
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item a{
	position:relative;
}
/* li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item a:after {
    content: '';
    border-radius: 60px;
    background: #F7CC5A;
    box-shadow: 4px 4px 0px 0px #EA7543;
    position: absolute;
left: -15%;
    right: -15%;
    top: -20%;
    bottom: 50%;
    z-index: -1; 
} */
.designblrb h4.et_pb_module_header{
	position:relative
}
.designblrb h4.et_pb_module_header:before {
    content: '●';
    position: absolute;
    background-color: #FBFBFB;
    left: -75px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 92%;
    color: #fe9a24;
}
.designblrb h4.et_pb_module_header:after {
    content: '●';
    position: absolute;
    /* background-color: #FBFBFB; */
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 50%;
    color: #fe9a24;
}


.designblrb_blue h4.et_pb_module_header{
	position:relative
}
.designblrb_blue h4.et_pb_module_header:before {
    content: '●';
    position: absolute;
    background-color: #fff;
      left: -75px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 80%;
    color: #09d4f0;
}
.designblrb_blue h4.et_pb_module_header:after {
    content: '●';
    position: absolute;
    /* background-color: #fff; */
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 60%;
    color: #09d4f0;
}
.active_btn button.active_phone{
border: 2px solid #FFF;
background: #09D4F0;
}
.active_btn button{
	border-radius: 4px;
border: 2px solid #000;
background: #FFF;
	color: #000;
text-align: center;

font-family: Open Sans;
line-height: 20px;
letter-spacing: 0.8px;

    padding: 10px 16px;
}

.column-3{
display: flex;
    justify-content: space-between;
}


@media(max-width:767px){
	.designblrb h4.et_pb_module_header:before {
    content: '●';
    position: absolute;
    background-color: #fff;
    left: -75px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 106%;
    color: #fe9a24;
}
	.designblrb h4.et_pb_module_header:after {
    content: '●';
    position: absolute;
    /* background-color: #fff; */
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 44%;
    color: #fe9a24;
}
.designblrb_blue h4.et_pb_module_header:before {
    content: '●';
    position: absolute;
    background-color: #fff;
    left: -75px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 95%;
    color: #09d4f0;
}
	.designblrb_blue h4.et_pb_module_header:after {
    content: '●';
    position: absolute;
    /* background-color: #fff; */
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 55%;
    color: #09d4f0;
}
	.column-3{
	 display: block;
}

}
#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 15px!important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #f7f7f7;
    border: 1px solid #c4c4c400!important;
    border-radius: 10px!important;
    box-shadow: 0 0 5px 0 #ccc!important;
    color: #000!important;
    OVERFLOW: HIDDEN!important;
    transition: all .5s;
}
.nf-form-content textarea.ninja-forms-field {
    height: 100px !important;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #333!IMPORTANT;
	cursor:pointer;
    border: 0;
    color: #f7f7f7 !IMPORTANT;
    transition: all .5s;
}















   @keyframes rotation {
                from {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(359deg)
                }
            }

            @-webkit-keyframes vrotating {
                from {
                    -webkit-transform: rotateY(0deg)
                }

                to {
                    -webkit-transform: rotateY(359deg)
                }
            }

       @keyframes multi-view-image-fade {
                0% {
                    opacity: 0
                }

                10% {
                    opacity: .1
                }

                20% {
                    opacity: .2
                }

                30% {
                    opacity: .3
                }

                40% {
                    opacity: .4
                }

                50% {
                    opacity: .5
                }

                60% {
                    opacity: .6
                }

                70% {
                    opacity: .7
                }

                80% {
                    opacity: .8
                }

                90% {
                    opacity: .9
                }

                to {
                    opacity: 1
                }
            }

  @-webkit-keyframes fadeBottom {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(10%);
                    transform: translateY(10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            @keyframes fadeBottom {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(10%);
                    transform: translateY(10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            @-webkit-keyframes fadeLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-10%);
                    transform: translateX(-10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes fadeLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-10%);
                    transform: translateX(-10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @-webkit-keyframes fadeRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(10%);
                    transform: translateX(10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes fadeRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(10%);
                    transform: translateX(10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @-webkit-keyframes fadeTop {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-10%);
                    transform: translateY(-10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes fadeTop {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-10%);
                    transform: translateY(-10%)
                }

                to {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @-webkit-keyframes fadeIn {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

            @keyframes fadeIn {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }
 @keyframes flipInX {
                0% {
                    -webkit-transform: perspective(400px) rotateX(90deg);
                    transform: perspective(400px) rotateX(90deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                    opacity: 0
                }

                40% {
                    -webkit-transform: perspective(400px) rotateX(-20deg);
                    transform: perspective(400px) rotateX(-20deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in
                }

                60% {
                    -webkit-transform: perspective(400px) rotateX(10deg);
                    transform: perspective(400px) rotateX(10deg);
                    opacity: 1
                }

                80% {
                    -webkit-transform: perspective(400px) rotateX(-5deg);
                    transform: perspective(400px) rotateX(-5deg)
                }

                to {
                    -webkit-transform: perspective(400px);
                    transform: perspective(400px)
                }
            }

            @-webkit-keyframes flipInY {
                0% {
                    -webkit-transform: perspective(400px) rotateY(90deg);
                    transform: perspective(400px) rotateY(90deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                    opacity: 0
                }

                40% {
                    -webkit-transform: perspective(400px) rotateY(-20deg);
                    transform: perspective(400px) rotateY(-20deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in
                }

                60% {
                    -webkit-transform: perspective(400px) rotateY(10deg);
                    transform: perspective(400px) rotateY(10deg);
                    opacity: 1
                }

                80% {
                    -webkit-transform: perspective(400px) rotateY(-5deg);
                    transform: perspective(400px) rotateY(-5deg)
                }

                to {
                    -webkit-transform: perspective(400px);
                    transform: perspective(400px)
                }
            }

            @keyframes flipInY {
                0% {
                    -webkit-transform: perspective(400px) rotateY(90deg);
                    transform: perspective(400px) rotateY(90deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                    opacity: 0
                }

                40% {
                    -webkit-transform: perspective(400px) rotateY(-20deg);
                    transform: perspective(400px) rotateY(-20deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in
                }

                60% {
                    -webkit-transform: perspective(400px) rotateY(10deg);
                    transform: perspective(400px) rotateY(10deg);
                    opacity: 1
                }

                80% {
                    -webkit-transform: perspective(400px) rotateY(-5deg);
                    transform: perspective(400px) rotateY(-5deg)
                }

                to {
                    -webkit-transform: perspective(400px);
                    transform: perspective(400px)
                }
           }
  @keyframes floater {
                0% {
                    transform: translatey(0px)
                }

                50% {
                    transform: translatey(-20px)
                }

                100% {
                    transform: translatey(0px)
                }
            }

ul#top-menu a.__mPS2id._mPS2id-h.mPS2id-highlight:after {
    content: '';
    border-radius: 60px;
    background: #F7CC5A;
    box-shadow: 4px 4px 0px 0px #EA7543;
    position: absolute;
    left: -15%;
    right: -15%;
    top: -20%;
    bottom: 50%;
    z-index: -1;
}
.homeslider .et_pb_slide {
    padding: 0!important;
}