/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*header*/

/*notifications*/
.custom-float {display: none; position: fixed; left: 20px; bottom: 20px; z-index: 10010; background: #fff; width: 100%; max-width: 450px; border: 1px solid #dadada;}
#close-float {position: absolute; top: 0; right: 0; width: 29px; height: 29px; cursor: pointer;}
#close-float i {float: right; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; line-height: 30px; width: 28px; height: 28px;}
#close-float i:hover {background: #dadada;}
.float-container {padding: 25px 35px 25px 17px; position: relative; display: block;}
.float-container p {margin: 0;}
.float-container a {color: #4275b5; z-index: 12; position: relative;}
.float-container h4 {margin-top: 0;}

/*general*/
.fusion-button.button-flat {box-shadow: none!important;    width: 200px !important;}



/*woocommerce*/
.fusion-author .fusion-author-title, .fusion-modal .modal-title, .fusion-modal h3, .fusion-tb-footer h3, .fusion-tb-page-title-bar h3, .fusion-widget-area h3, .post-content h3, .project-content h3, .woocommerce-container .product-title, body #wrapper h2.woocommerce-loop-category__title, p.woocommerce-store-notice {
    font-size: 22px;
    text-align: center;
}


/*animation*/
.animate.slide-left {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px);}
.animate.slide-left.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}
.animate.slide-right {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px);}
.animate.slide-right.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}
.animate.slide-up {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.animate.slide-up.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}
.animate.slide-down {opacity: 0; -webkit-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.animate.slide-down.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}
.animate.fade-in {opacity: 0;}
.animate.fade-in.in-view {opacity: 1; animation: FadeIn 2s forwards; -webkit-animation: FadeIn 2s forwards;}
/*.animate.bounce:hover {animation: Bounce 800ms infinite; -webkit-animation: Bounce 800ms infinite;}*/
.animate.bounce-in.in-view {animation: BounceIn 700ms ease-out; -webkit-animation: BounceIn 700ms ease-out;}
@keyframes FadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes Bounce {0%,100% {transform: translateY(0)} 50% {transform: translateY(-2px)} 80% {transform: translateY(2px)} }
@keyframes BounceIn {0% {transform: translateY(0)} 50% {transform: translateY(-5px)} 80% {transform: translateY(5px)} 100% {transform: translateY(0)} }
@keyframes BounceLeft {0%,100% {transform: translateX(0)} 50% {transform: translateX(-2px)} 80% {transform: translateX(2px)} }

/*forms*/

/*responsive*/
@media only screen and (max-width: 1330px) {}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1170px) /*medium screen*/ {}
@media only screen and (max-width: 1140px) /*header*/ {}
@media only screen and (max-width: 1024px) /*grid, content & sidebar*/ {}
@media only screen and (max-width: 998px) {}
@media only screen and (max-width: 991px)/*table - tablet*/ {}
@media only screen and (max-width: 778px) /*small screen*/ {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 400px) {}
@media only screen and (max-width: 320px) {}