/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.bdt-offcanvas-button-wrapper{
    display:none !important;
}

#blog-content{
    text-align:justify !important;
}


/*
    Divided title
*/
#line #line1 span,#line #line2 span {
	transition: 0.7s !important;
}

#line:hover #line1 span{
    width: 120px;
    transition: 0.7s;
}
    
#line:hover #line2 span{
    width: 80px;
    transition: 0.7s;
}

#blog-content, #excerpt-blog{
	text-align:justify;
}

#image-blog{
	overflow:hidden;
	width:100%;
}
.elementor-201 .elementor-element.elementor-element-a6e36f0 .jet-listing-grid__slider-icon{
	border-radius: 50% !important;
}

#blog-content{
	text-align:justify !important;
}


/* ===== */
#pro-content .jet-listing-dynamic-field__content{
	text-align:justify !important;
}

.fotorama__thumb-border{
    /*width: 26px !important;*/
    /*height: 26px !important;*/
    /*border-radius: 50% !important;*/
    /*margin-top: 22px !important;*/
    display: none;
}

.fotorama__nav__frame{
    height: 30px !important;
    width: 30px !important;
    margin-bottom: 20px !important;
}

.fotorama__nav__frame .fotorama__thumb{
    background: white;
    margin-top:20px;
}
.fotorama__nav__frame .fotorama__thumb img{
    width:30px !important;
    height:30px !important;
    border-radius: 50% !important;
}


.fotorama__caption{
    text-align: center !important;
}
.fotorama__caption .fotorama__caption__wrap{
	background: #2d96cd !important;
	color:white !important;
}

/* End custom CSS */


/* Single Product contact sidebar */
.container_ft_sidebar{
    width: 100%;
}

.container_ft_sidebar .grid-container {
  display: grid;
  grid-template-columns: 33% 33% 33% ;
  background-color: #2d96cd;;;
}
.container_ft_sidebar .grid-item {
  font-size: 20px;
  text-align: center;
  padding: 10px;
}

.container_ft_sidebar .grid-item img{
    width: 30px !important;
}

.container_ft_sidebar .des_item{
    font-size: 13px;
	color:white
}

/* Footer Contact button */
.container_ft{
    position: fixed;
    bottom: 0;
    width: 100%;
    color:white !important;
}

.grid-container {
  display: grid;
  grid-template-columns: 18% 20% 24% 20% 18%;
  background-color: #2d96cd;
}
.grid-item {
  font-size: 20px;
  text-align: center;
  padding-top: 10px;
}

.grid-item img{
    width: 23px;
}

.itemmid img{
    width: 50px;
    margin-top: -30px;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    z-index: 100;
}
.des_item{
    font-size: 10px;
    color:white;
}

/* ANIMATION CAll BUTTON*/
    @-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}
    
    @keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}