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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* roboto-300 - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - cyrillic_vietnamese_greek_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display:swap;
  src: url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-cyrillic_vietnamese_greek_latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


body{font-family:'Roboto', sans-serif}
body{font-weight: 0}
body{color: #353535}.nav > li > a {font-family:'Roboto', sans-serif;}
.nav > li > a {font-weight: 0;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}
.alt-font{font-family: 'Roboto', sans-serif;}
.alt-font{font-weight: 0!important;}
.section2,.section2 .col,.section3,.section3 .col,.quang-cao-section,.quang-cao-section .col,.section4,.section4 .row2 .col,.section6,.footer-section .row2 .col,.footer-section{
		padding-bottom : 0px !important;
}
.menu-top ul li{
		list-style: none;
    display: inline-block;
		margin-right: 20px;
		margin-bottom: 0;
}
.menu-top ul li a,.header-contact li a{
		color : #fff !important;
		font-size : 13px !important;
		text-transform: inherit;
		opacity : 1;
}
.menu-top ul li a i{
		padding-right : 5px;
		font-size: 11px;
}
.header-main {
    background-image: url(bg-header.jpg);
    background-repeat: no-repeat;
    padding: 20px 0 16px;
    background-size: cover;
}
.nav>li>a{
		text-transform: inherit;
		color : #fff !important;
}
.header-bottom ul > li{
		line-height : 50px;
}
.header-bottom ul > li > a {
    font-size: 15px;
}
.header-bottom .has-dropdown .icon-angle-down {
    opacity: 1;
}
.dark .nav>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active .nav-dark .nav>li.current>a, .nav-dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dropdown.dark>li>a:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dark a.plain:hover, .nav-dark .nav>li>a.active {
    color: #ffde00 !important;
}
.nav-dropdown-default {
    padding: 0;
    border: none;
}
.nav-dropdown>li>a{
    color: #333;
}
.header-main .nav-dropdown>li>a{
    font-size : 14px;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after {
    display : none;
}
.nav-dropdown li:hover{
		background : #e42323;
}
.nav-dropdown li:hover a{
		color : #fff;
		border-bottom : none;
}
.woocommerce-mini-cart__empty-message {
    text-align: center;
    color: #333;
    font-size: 14px;
}
.woocommerce-mini-cart__empty-message:hover{
		color : #fff;
}
.nav-dropdown .widget_shopping_cart:hover ul li a,.nav-dropdown .widget_shopping_cart:hover span.amount,.nav-dropdown .widget_shopping_cart:hover .woocommerce-mini-cart__total,.nav-dropdown .widget_shopping_cart:hover .quantity{
		color : #fff;
		opacity: 1;
}
.nav-dropdown .widget_shopping_cart ul li a,.nav-dropdown .widget_shopping_cart .quantity{
		color : #333;
		opacity: 1;
}
.section1 .row1 .icon-box p{
		margin-bottom : 0px;
		font-size: 14px;
}
.service-tit{
		font-weight : bold;
		text-transform : uppercase;
}
.section1 .row1 .icon-box .icon-box-text{
		align-self: center;
}
.section1 .row1 .icon-box .icon-box-text a{
		font-weight: bold;
    color: #e42323;
}
.section1 .row1 .col{
		padding-bottom : 0px;
}
.row1 .large-12 .heading{
		background-image: url(/wp-content/uploads/2020/10/bg_title_red.png);
    background-repeat: no-repeat;
    height: 48px;
}
h2.big-tit{
		position: relative;
    margin: 0;
		padding-left : 70px;
		padding-right : 79px;
    font-weight: bold;
    display: inline-block;
		width: auto;
    background-image: url(/wp-content/uploads/2020/10/bg_title_yellow.png);
    background-repeat: no-repeat;
    height: 48px;
    line-height: 48px;
    margin-left: -12px;
    text-transform: uppercase;
		font-family: "Quicksand", sans-serif;
    font-size: 19px;
}
h2.big-tit:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #c51b1b transparent transparent;
}
h2.big-tit:after{
		content: '';
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    left: -98px;
    z-index: -1;
    top: -15px;
    height: 100px;
}
.section2 .flickity-prev-next-button{
		opacity : 1;
		top: 60%;
}
.section2 .flickity-prev-next-button.previous {
    transform: translateX(0%);
    left: -1.5%;
}
.section2 .flickity-prev-next-button.next {
    transform: translateX(0%);
    right: -1.5%;
}
.section2 .slider-nav-circle .flickity-prev-next-button svg, .section2 .slider-nav-circle .flickity-prev-next-button .arrow {
    border-radius: 0px;
    border: 1px solid #e1e1e1;
		    fill: #fff;
    background: #e42323;
}
.heading ul.menu-right{
		line-height: 48px;
    display: inline-block;
    float: right;
    margin-right: 10px;
		margin-bottom: 0;
}
.heading ul.menu-right li{
		display : inline-block;
		margin: 0;
}
.heading ul.menu-right li a{
		color : #fff;
		padding: 0 10px;
    border-right: 1px solid #eee;
		font-size: 14px;
}
.heading ul.menu-right li:hover a{
		color : #fcca24;
}
.heading ul.menu-right li:last-child a{
		border-right:none;
}
.section4 .row1 .col{
		padding-bottom : 0px !important;
}
.is-divider{
		display : none;
}
.box-blog-post .box-image,.blog-archive .box .box-image {
    padding: 10px;
    background: #f6f5f4;
    border-radius: 5px 5px 0 0;
}
.box-blog-post .box-text,.blog-archive .box .box-text {
    padding: 5px 20px 20px 20px;
    background: #f6f5f4;
    border-radius: 0 0 5px 5px;
}
.box.box-normal .cat-label {
    text-transform: inherit;
    opacity: 1;
    font-size: 14px;
    position: absolute;
    top: -35px;
    color: #fff;
}
.title-head {
    font-weight: bold;
		padding: 10px 0;
		
    font-size: 19px;
}
.title-head:before {
    content: "";
    width: 18%;
    height: 2px;
    display: block;
    border-bottom: 2px solid #f00;
    position: absolute;
    top: 100%;
}
.title-head:after {
    content: "";
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.footer-section{
    background-color: #a9161d;
    padding-top: 65px !important;
    position: relative;
    margin-top: 0px;
}
.footer-section:before {
    background: url(hoa-van.png);
    background-repeat: repeat-x;
    content: "";
    top: 2px;
    width: 100%;
    height: 50px;
    position: absolute;
}
.footer-section ul{
		margin-bottom : 0px;
}
.footer-section ul li{
		list-style : none;
		margin : 0;
		background : url(right-arrow-2.png) no-repeat left;
		background-size: 8px;
    padding-left: 15px;
    background-position-y: 10px;
}
.footer-section .row1{
		border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.footer-section .row2 p{
		margin-bottom : 0px;
}
.absolute-footer.dark {
    display: none;
}
.related{
		position : relative;
}
.related h3{
		max-width: 100%;
    text-transform: uppercase;
   
    font-size: 19px;
    background-image: url(bg_title_red.png);
    background-repeat: no-repeat;
    padding: 10px;
    color: #fff;
}
.woocommerce-tabs ul{
		background-image: url(bg_title_red.png);
    background-repeat: no-repeat;
    height: 48px;
}
.woocommerce-tabs ul li a{
		
    font-size: 19px;
		padding-left: 10px;
}
.product-info bdi{
		color: #e42323;
		font-size : 22px;
}
.product-summary .woocommerce-Price-currencySymbol {
    font-size: 100%;
    vertical-align: top;
    margin-top: 0;
}
span.widget-title {
    font-size: 1em;
    font-weight: 600;
    background-image: url(bg_title_red.png);
    background-repeat: no-repeat;
    padding: 15px 10px;
    display: block;
    color: #fff;

}
.widget .product-categories,.widget_nav_menu ul{
		padding: 5px;
    border: 1px solid #eee;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.product-small.box bdi{
		font-size: 15px;
    color: #e42323;
}
.product-small.box .box-text{
		background-color: #f8f8f8;
}
.woocommerce-Price-currencySymbol{
		padding-left : 5px;
}
.product-small.box{
		border-top: 1px solid #e1e1e1;
		border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.section3 .row1 .large-columns-2 .col:nth-child(2n+2) .product-small.box,.section2 .row1 .large-columns-4 .col:nth-child(n+2) .product-small.box,.section4 .row2 .large-columns-3 .col:nth-child(n+2) .product-small.box{
		border-left: none;
}
.section3 .row1 .large-columns-2 .col:nth-child(1) .product-small.box,.section3 .row1 .large-columns-2 .col:nth-child(2) .product-small.box{
		border-bottom: none;
}
.woocommerce #reviews #comments h2 {
    text-transform: uppercase;
  
    font-size: 19px;
    background-image: url(bg_title_red.png);
    background-repeat: no-repeat;
    color: #fff;
    padding: 10px;
}
div#reviews.woocommerce-Reviews,.devvn_prod_cmt{
    max-width: 100%;
}
#comments a.btn-reviews-now,.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {
    background-color: #e42323;
}
span.devvn_num_reviews,span.btn-attach {
    color: #e42323;
}
.blog-single .large-9.col,.archive.category .large-9.col{
		max-width: 70%;
    flex-basis: 70%;
		padding: 0 10px 10px;
}
.archive.category .large-9.col{
		margin-top: 15px;
}
.blog-single .post-sidebar.large-3,.archive.category .post-sidebar.large-3{
		max-width: 30%;
    flex-basis: 30%;
		padding: 0 10px 10px;
		border-left : none !important;
		padding-top: 15px;
}
.recent-blog-posts-li .badge-inner {
    border-radius: 99%;
}
.flatsome_recent_posts ul, .product_list_widget {
    background: #f6f5f4;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 10px;
}
.recent-blog-posts a {
    font-size: 15px;
}
.widget ul li:hover a{
		color : #e42323;
}
.widget .current-cat>a {
    color: #e42323;
    font-weight: bolder;
}
.header-search-form-wrapper select{
		height: 40px;
    border: none;
		width: 120px !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.header-search-form-wrapper input[type='search']{
		height: 40px;
    border: none;
}
.header-search-form-wrapper button[type="submit"]{
		height: 40px;
    border: none;
    width: 55px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.entry-header-text {
    padding: 0;
}
.breadcrumbs {
    font-size: 14px;
}
.breadcrumbs a {
    color: #333;
}
.product-info {
    background: #fff;
    z-index: 0;
}
.product-short-description{
		position : relative;
		background: #fff;
		padding: 10px;
    border: 1px dashed #ffde00;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 15px;
}
.product-short-description:before{
		content: '';
    background-image: url(bg_title_bestsale.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 99%;
    z-index: -1;
    top: -73px;
}
.cam-ket{margin-bottom:20px; margin-top: 25px;background: white;padding: 10px;border-radius: 5px;border: 1px solid #a9161d;font-size: 15px;}.cam-ket .tieu-de{ background: #a9161d;padding: 2px 20px;margin-top: -24px;font-size: 15px;font-weight: 500;color: #ffffff;display: block;max-width: 207px;border-radius:99px;}.cam-ket p{margin-top:5px; margin-bottom:5px;}.cam-ket ul li{margin-bottom: 0;}.cam-ket ul{margin-bottom:4px}
.cam-ket .mh-table-info-product{
	margin-top:9px;
}

/* .giuseart-nav */
.phone-mobile {display: none;}
.giuseart-nav {
    position: fixed;
    left: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;}
.giuseart-nav ul li {list-style: none!important;}
.giuseart-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.giuseart-nav ul>li .chat_animation{display:none}
.giuseart-nav ul>li a i.ticon-heart {
    background: url(images/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url(images/icon-zalo-circle2.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav li .button {
    background: transparent;
}.giuseart-nav ul>li a i.ticon-angle-up {
    background: url(images/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.giuseart-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.giuseart-nav ul>li a i.ticon-messenger {
    background: url(images/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.giuseart-nav ul>li a i.ticon-chat-sms {
    background: url(images/icon-sms-1.jpg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.icon-phone-w {
    background: url(images/icon-phone-w.png) no-repeat;
    background-size: contain;}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}
@media only screen and (max-width: 600px){
	.phone-mobile {
    display: block;
}
.giuseart-nav li .chat_animation{display:block !Important}
 
.giuseart-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.giuseart-nav ul>li a{padding:0; margin:0 auto}
.giuseart-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.giuseart-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
	}}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}