/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
body{
/* 	overflow: hidden; */
}
.sec-datmua .section-bg {
    background: #ccc0 url(https://lh4.googleusercontent.com/proxy/tN57pzs9ctpWZ3_f__BQYJjLGU4OAEGVPosJpY8Fc8BLthL7rNK2ktdUWpUrA445oYA=s0-d) no-repeat 0 100%;
    /* background-size: initial!important; */
    background-size: 45%!important;
}
.avv-br{
    margin-bottom: 8px;
}
#menu-portfolio a strong{font-weight: normal;}
blockquote{
    font-size: 100%;
}
.avv-mtop{
    position: fixed;
    width: 100%;
    top:0;left: 0;
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	.menu-portfolio1 #menu-portfolio .scroll-to-bullets1{justify-content: flex-start;}
}

.avv-btnhotline{
    position: fixed;
    bottom: 20px;left: -1px;
    background: #ea0000;
    color: white;
    font-size: 1.3em;
    letter-spacing: -1px;
    padding: 8px 10px;
    z-index: 999999999999999999;
}
.avv-btnbanggia{
    position: fixed;
    bottom: 75px;
    left: 0;
    background: #52273f;
    color: white;
    font-size: 1em;
    padding: 4px 8px;
    border-radius: 0 10px 10px 0;
    z-index: 999999999999999999;
}
.avv-btnhotline, .avv-btnbanggia{
    display: block;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
     animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; 
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@media only screen and (max-width: 768px) {
    .avv-btnhotline{
        left: 0;bottom: 0;
        font-size: 1.1em;
        padding: 8px 10px;
        letter-spacing: 0;
    }
    .avv-btnbanggia{
        font-size: 1em;
        bottom: 45px;
    }
}
@-moz-keyframes coccoc-alo-circle-img-anim {    
    0% {        transform: rotate(0) scale(1) skew(1deg)    }   
    10% {       -moz-transform: rotate(-3deg) scale(1) skew(1deg)   }   
    20% {       -moz-transform: rotate(3deg) scale(1) skew(1deg)    }   
    30% {       -moz-transform: rotate(-3deg) scale(1) skew(1deg)   }   
    40% {       -moz-transform: rotate(3deg) scale(1) skew(1deg)    }   
    50% {       -moz-transform: rotate(0) scale(1) skew(1deg)   }   
    100% {      -moz-transform: rotate(0) scale(1) skew(1deg)   }
}
@-webkit-keyframes coccoc-alo-circle-img-anim {   
    0% {        -webkit-transform: rotate(0) scale(1) skew(1deg)    }   
    10% {       -webkit-transform: rotate(-3deg) scale(1) skew(1deg)    }   
    20% {       -webkit-transform: rotate(3deg) scale(1) skew(1deg) }   
    30% {       -webkit-transform: rotate(-3deg) scale(1) skew(1deg)    }   
    40% {       -webkit-transform: rotate(3deg) scale(1) skew(1deg) }   
    50% {       -webkit-transform: rotate(0) scale(1) skew(1deg)    }   
    100% {      -webkit-transform: rotate(0) scale(1) skew(1deg)    }
}
@-o-keyframes coccoc-alo-circle-img-anim {    
    0% {        -o-transform: rotate(0) scale(1) skew(1deg) }   
    10% {       -o-transform: rotate(-3deg) scale(1) skew(1deg) }   
    20% {       -o-transform: rotate(3deg) scale(1) skew(1deg)  }   
    30% {       -o-transform: rotate(-3deg) scale(1) skew(1deg) }   
    40% {       -o-transform: rotate(3deg) scale(1) skew(1deg)  }   
    50% {       -o-transform: rotate(0) scale(1) skew(1deg) }   
    100% {      -o-transform: rotate(0) scale(1) skew(1deg) }
}