@import url( '../blue/style.css' );


/* your CSS here */


/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}

	@media screen and (min-width:1200px) {
		.whats {
		  background-color: #45c355;
		  height: 70px;
		  width: 200px;
		  position: fixed;
		  z-index: 9999;
		  float: right;
		  margin-left: 97%;
		  border-radius: 5px;
		  font-weight: bold;
		  color: #fff !important;
			padding-top: 10px;
			margin-top: 150px;
		}
		.tex {
		  padding-left: 47px !important;
		  text-decoration: none;
		  color: #fff;
		  margin-top: 15px;
		  visibility: hidden;
		  text-align: center;
		}
		.tex>span {
		  padding-left: 47px !important;
		}
		.whats:hover {
		  height: 70px;
		  width: 230px;
		  margin-left: 84%;
		  text-decoration: none;
		  color: #fff;
		  font-weight: bold;
		  -webkit-transition: 0.5s ease-in;
		  -moz-transition: 0.5s ease-in;
		  -o-transition: 0.5s ease-in;
		  transition: 0.5s ease-in;
		}
		.whats:hover .tex {
		  visibility: visible;
		  text-align: center;
		}
		i.fa.fa-whatsapp.fa-2x {
		  margin-top: 12px !important;
		  margin-left: 12px !important;
		  position: absolute;
		}
		#fale {
		  font-size: 20px;
		}
	  }
	  @media screen and (max-width:1200px) {
		.whats {
		   display: none !important;
		}
		.tex {
		   display: none !important;
		}
		.whats:hover {
		   display: none !important;
		}
		#countdown-wrapper {
		   display: none !important;
		}
		#chatwhats.chatwhatsUnico {
		   height: 63px;
		   overflow: hidden;
		   text-indent: -5000px;
		}
		#chatwhats {
		   background: #27ae60 url(https://www.ecompletocdn.com.br/mobilecarro/img/fale-whatsapp-branco.svg) no-repeat center .5rem;
		   bottom: 0;
		   color: #fff;
		   display: -webkit-box;
		   display: -moz-box;
		   display: -ms-flexbox;
		   display: -webkit-flex;
		   display: flex;
		   font-size: 0.9em;
		   font-weight: 100;
		   height: 90px;
		   -webkit-box-pack: justify;
		   -moz-box-pack: justify;
		   -ms-flex-pack: justify;
		   -webkit-justify-content: space-between;
		   justify-content: center;
		   left: 0;
		   margin: 0;
		   opacity: 0.97;
		   padding: .1rem 0;
		   position: fixed;
		   text-align: center;
		   width: 100%;
		   z-index: 9999999999;
		}
	 }