@font-face {
		    font-family: 'LatoBold';
		    src: url(../fonts/Lato-Bold.woff);
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'LatoRegular';
		    src: url(../fonts/Lato-Regular.woff);
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'LatoLight';
		    src: url(../fonts/Lato-Light.woff);
		    font-weight: normal;
		    font-style: normal;
		}
		
		* {
		    box-sizing: border-box;
		    font-family: 'LatoRegular';
		}
		
		body {
		    margin: 0;
		    padding: 0;
		}
		
		ul,
		li,
		h1,
		h2,
		h3,
		h4,
		p,
		strong {
		    margin: 0;
		    padding: 0;
		    list-style: none;
		    font-weight: normal;
		}
		
		a {
		    text-decoration: none;
		    display: block;
		    cursor: pointer;
		}
		
		.content {
		    width: 1170px;
		    margin: 0 auto;
		    position: relative;
		    height: 100%;
		}
		
		.clear {
		    clear: both;
		}
		
		div#modal-form-melhoras {
		    background: url(../images/bg-form-melhoras.png) no-repeat;
		    width: 333px;
		    height: 575px;
		    position: fixed;
		    display: none;
		    padding: 0 19px;
		}
		
		div#modal-form-melhoras a.closeOverlay {
		    width: 20px;
		    height: 20px;
		    margin: 12px 0 0 282px;
		}
		
		div#modal-form-melhoras form {
		    width: 100%;
		    margin-top: 128px;
		}
		
		div#modal-form-melhoras form .inputbox {
		    border: 1px solid #DDE4E9;
		    padding: 5px 10px;
		    background: #FFF;
		    font-size: 14px;
		    font-family: 'LatoRegular';
		    margin-bottom: 10px;
		    width: 100%;
		    border-radius: 3px;
		}
		
		div#modal-form-melhoras form #enviar-melhoras {
		    background: url(../images/bt-enviar-ajuda.jpg) no-repeat center center;
		    width: 100%;
		    color: #FFF;
		    height: 56px;
		    border: none;
		    font-size: 19px;
		    font-family: 'LatoBold';
		    cursor: pointer;
		    border-radius: 5px;
		}
		
		#formAjuda {
		    float: left;
		    width: 460px;
		    background: #ECF0F1;
		    margin-left: 30px;
		}
		
		#formAjuda h3 {
		    width: 100%;
		    background: #2C3E50;
		    color: #FFF;
		    padding: 15px 0;
		    font-size: 17px;
		    font-family: 'LatoBold';
		    text-align: center;
		}
		
		#formAjuda div {
		    width: 100%;
		    padding: 20px;
		    text-align: left;
		}
		
		#formAjuda div p {
		    color: #34495e;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		    margin-bottom: 25px;
		}
		
		#formAjuda div label {
		    display: block;
		    color: #34495e;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    margin: 0 0 0 2px;
		}
		
		#formAjuda div .inputbox {
		    border: 1px solid #DDE4E9;
		    padding: 10px 15px;
		    background: #FFF;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		    margin: 7px 0 25px;
		    width: 100%;
		    border-radius: 3px;
		}
		
		#formAjuda div #enviar-ajuda {
		    background: url(../images/bt-enviar-ajuda.jpg) no-repeat center center;
		    width: 100%;
		    color: #FFF;
		    height: 56px;
		    border: none;
		    font-size: 19px;
		    font-family: 'LatoBold';
		    cursor: pointer;
		    border-radius: 5px;
		}
		
		#menu {
		    position: fixed;
		    top: 0;
		    margin: 0 auto;
		    width: 100%;
		    z-index: 09;
		}
		
		#menu a.menu-mobile {
		    display: none;
		    position: absolute;
		    top: 8px;
		    right: 3px;
		    width: 60px;
		    height: 65px;
		    background: url(../images/ico-menu.png) no-repeat center center;
		}
		
		#menu a.logo {
		    background-color: #000000dd;
		    width: 400px;
		    height: 80px;
		    float: left;
		}
		
		#menu a.logo img {
		    display: block;
		    margin: 2px auto 0;
		}
		
		#menu ul.links {
		    width: 770px;
		    /*background: url(../images/bg-menu.png);*/
		    background-color: rgba(124, 152, 56, 0.90);
		    height: 80px;
		    float: left;
		}
		
		#menu ul.links li {
		    float: left;
		}
		
		#menu ul.links li a {
		    color: #FFF;
		    font-family: 'LatoBold';
		    font-size: 19px;
		    width: 100%;
		    height: 80px;
		    padding: 29px 43px;
		}
		
		#menu ul.links li a:hover {
		    text-decoration: underline;
		}
		
		#menu ul.links li:first-of-type a {
		    padding-left: 11px;
		}
		
		#menu ul.links li:last-of-type a {
		    padding-right: 0;
		}
		
		#pg-404 {}
		
		#pg-404 div.content {
		    padding: 400px 0 0 0;
		}
		
		#pg-404 h1 {
		    color: #2c3e50;
		    font-size: 18px;
		    font-family: 'LatoLight';
		    margin-bottom: 20px;
		    width: 750px;
		}
		
		#pg-404 h1 strong {
		    color: #2c3e50;
		    font-size: 18px;
		    font-family: 'LatoBold';
		    margin-bottom: 20px;
		}
		
		#home {
		    background-image: url(../images/bg-home.jpg);
		    background-position: center center;
		    width: 100%;
		    height: 720px;
		}
		
		#home h1 {
		    font-size: 45px;
		    color: #FFF;
		    background-color: #98A92D;
		    display: inline-block;
		    margin: 20% 0 0 80px;
		    padding: 0 5px;
		}
		
		#home h1 strong {
		    font-family: 'LatoBold';
		    color: #FFF;
		}
		
		#home h2 {
		    font-size: 45px;
		    background-color: #597219;
		    color: #FFF;
		    display: inline-block;
		    padding: 0 5px;
		    margin: 1% 0 0 250px;
		}
		
		#home ul.boxes {
		    position: absolute;
		    bottom: 0;
		    width: 100%;
		    height: 290px;
		}
		
		#home ul.boxes li {
		    float: left;
		    width: 25%;
		    height: 100%;
		    position: relative;
		}
		
		#home ul.boxes li a {
		    width: 100%;
		    height: 255px;
		    /*border:1px solid #999;*/
		    position: absolute;
		    bottom: 0;
		    opacity: 0.8;
		    filter: alpha(opacity=80);
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		    -moz-opacity: 0.8;
		    -khtml-opacity: 0.8;
		    background-color: #fff;
		    /*background:url(../images/bg-boxes.png) repeat;*/
		    -webkit-transition: all 0.2s ease-in-out;
		    -moz-transition: all 0.2s ease-in-out;
		    -o-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
		}
		
		#home ul.boxes li a img {
		    position: absolute;
		    bottom: 160px;
		    left: 107px;
		}
		
		#home ul.boxes li a strong {
		    color: #2c3e50;
		    text-align: center;
		    display: block;
		    position: absolute;
		    bottom: 115px;
		    font-size: 19px;
		    font-family: 'LatoBold';
		    width: 100%;
		}
		
		#home ul.boxes li a span {
		    font-weight: normal;
		    color: #2c3e50;
		    text-align: center;
		    display: block;
		    position: absolute;
		    bottom: 15px;
		    font-size: 17px;
		    font-family: 'LatoRegular';
		    width: 100%;
		}
		
		#home ul.boxes li a:hover {
		    /*background:url(../images/bg-boxes-hover.png) repeat;*/
		    background-color: #000;
		    height: 290px;
		}
		
		#home ul.boxes li a:hover * {
		    color: #fff;
		}
		
		#ajuda {
		    width: 100%;
		    height: 795px;
		    background: url(../images/bg-ajuda.jpg) no-repeat center center;
		    padding-top: 100px;
		}
		
		#ajuda ul.boxes {
		    float: left;
		}
		
		#ajuda ul.boxes li {
		    background: url(../images/bg-box-ajuda.png) no-repeat;
		    width: 680px;
		    height: 131px;
		}
		
		#ajuda ul.boxes li img {
		    float: left;
		    margin: 18px;
		}
		
		#ajuda ul.boxes li strong {
		    float: left;
		    margin: 23px 0 5px 0;
		    color: #2c3e50;
		    font-size: 17px;
		    font-family: 'LatoBold';
		}
		
		#ajuda ul.boxes li p {
		    float: left;
		    margin: 0;
		    color: #2c3e50;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		}
		
		#ajuda img.boneco-ajuda {
		    position: absolute;
		    bottom: 2px;
		    right: -235px;
		}
		
		#melhoras {
		    width: 100%;
		    height: 990px;
		    background: url(../images/bg-melhoras.jpg) no-repeat center center;
		    padding-top: 100px;
		}
		
		#melhoras h2 {
		    color: #2c3e50;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    text-align: center;
		}
		
		#melhoras h2 strong {
		    font-size: 34px;
		    font-family: 'LatoBold';
		}
		
		#melhoras h3 {
		    color: #a1b1bc;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		    text-align: center;
		    padding: 5px;
		}
		
		#melhoras ul {
		    margin-top: 60px;
		}
		
		#melhoras ul li {
		    width: 275px;
		    height: 275px;
		    background: url(../images/bg-boxes.png);
		    float: left;
		    position: relative;
		    margin: 0 130px 40px 0;
		}
		
		#melhoras ul li:nth-of-type(3n) {
		    margin: 0 0 40px 0;
		}
		
		#melhoras ul li a {
		    color: #2c3e50;
		    text-align: center;
		    padding: 170px 0 0 0;
		    width: 100%;
		    height: 100%;
		}
		
		#melhoras ul li a img {
		    position: absolute;
		    top: 25px;
		    left: 85px;
		}
		
		#melhoras ul li a:hover {
		    border: 5px solid #A5C398;
		    padding: 165px 0 0 0;
		}
		
		#melhoras img.boneco-melhoras {
		    position: absolute;
		    bottom: 2px;
		    left: -228px;
		}
		
		#servicos {
		    width: 100%;
		    height: 1206px;
		    background: url(../images/bg-servicos.jpg) no-repeat center center;
		    padding-top: 100px;
		}
		
		#servicos h2 {
		    color: #fff;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    text-align: center;
		}
		
		#servicos h2 strong {
		    font-size: 34px;
		    font-family: 'LatoBold';
		}
		
		#servicos h3 {
		    color: #fff;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		    text-align: center;
		    padding: 5px;
		    margin-bottom: 60px;
		}
		
		#servicos ul {
		    width: 100%;
		    position: relative;
		    height: 425px;
		}
		
		#servicos ul li {
		    width: 25%;
		    height: 425px;
		    float: left;
		    position: relative;
		    margin: 0;
		}
		
		#servicos ul li a {
		    width: 100%;
		    height: 385px;
		    position: absolute;
		    color: #fff;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    text-align: center;
		    padding: 220px 0 0 0;
		    cursor: pointer;
		    background: url(../images/bg-box-servicos.png);
		    border: 1px solid #7BC3F1;
		    -webkit-transition: all 0.2s ease-in-out;
		    -moz-transition: all 0.2s ease-in-out;
		    -o-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
		}
		
		#servicos ul:first-of-type li a {
		    bottom: 0;
		}
		
		#servicos ul li a:hover {
		    background: url(../images/bg-box-servicos-hover.png);
		    height: 425px;
		}
		
		#servicos ul:first-of-type li:hover {}
		
		#servicos ul:last-of-type li a:hover {
		    padding: 260px 0 0 0;
		}
		
		#servicos ul li a img {
		    width: 145px;
		    height: 145px;
		    position: absolute;
		    top: 25px;
		    left: 74px;
		    -webkit-transition: all 0.2s ease-in-out;
		    -moz-transition: all 0.2s ease-in-out;
		    -o-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
		    background-position: center center;
		    background-repeat: no-repeat;
		}
		
		#servicos ul:first-of-type li:first-of-type a:hover {
		    color: #1A0CC7;
		}
		
		#servicos ul:first-of-type li:nth-of-type(2) a:hover {
		    color: #1A0CC7;
		}
		
		#servicos ul:first-of-type li:nth-of-type(3) a:hover {
		    color: #1A0CC7;
		}
		
		#servicos ul:first-of-type li:last-of-type a:hover {
		    color: #1A0CC7;
		}
		
		#servicos ul:last-of-type li a:hover img {
		    top: 65px;
		}
		
		#servicos ul:last-of-type li:first-of-type a:hover {
		    color: #FF0000;
		}
		
		#servicos ul:last-of-type li:nth-of-type(2) a:hover {
		    color: #FF0000;
		}
		
		#servicos ul:last-of-type li:nth-of-type(3) a:hover {
		    color: #FF0000;
		}
		
		#servicos ul:last-of-type li:last-of-type a:hover {
		    color: #FF0000;
		}
		
		#servicos ul li a img.servicos-01 {
		    background-image: url(../icons/seo-ou-busca-organica.png);
		}
		
		#servicos ul li a:hover img.servicos-01 {
		    background-image: url(../icons/seo-ou-busca-organica-hover.png);
		}
		
		#servicos ul li a img.servicos-02 {
		    background-image: url(../icons/gerenciamento-redes-sociais.png);
		}
		
		#servicos ul li a:hover img.servicos-02 {
		    background-image: url(../icons/gerenciamento-redes-sociais-hover.png);
		}
		
		#servicos ul li a img.servicos-03 {
		    background-image: url(../icons/site-e-commerce.png);
		}
		
		#servicos ul li a:hover img.servicos-03 {
		    background-image: url(../icons/site-e-commerce-hover.png);
		}
		
		#servicos ul li a img.servicos-04 {
		    background-image: url(../icons/site-institucional.png);
		}
		
		#servicos ul li a:hover img.servicos-04 {
		    background-image: url(../icons/site-institucional-hover.png);
		}
		/* bloqueado pelo add block, causa bloqueia nomes como, 'propaganda' 'click' 'adwords'
	#servicos ul li a img.servicos-05{ background-image:url(../images/ico-anuncios-google-adwords.png); }
	#servicos ul li a:hover img.servicos-05{ background-image:url(../images/ico-anuncios-google-adwords-hover.png); }
        */
		
		#servicos ul li a img.servicos-05 {
		    background-image: url(../icons/header1.png);
		}
		
		#servicos ul li a:hover img.servicos-05 {
		    background-image: url(../icons/header2-hover.png);
		}
		
		#servicos ul li a img.servicos-06 {
		    background-image: url(../icons/marketing-de-conteudo.png);
		}
		
		#servicos ul li a:hover img.servicos-06 {
		    background-image: url(../icons/marketing-de-conteudo-hover.png);
		}
		
		#servicos ul li a img.servicos-07 {
		    background-image: url(../icons/estrategia-de-marketing.png);
		}
		
		#servicos ul li a:hover img.servicos-07 {
		    background-image: url(../icons/estrategia-de-marketing-hover.png);
		}
		
		#servicos ul li a img.servicos-08 {
		    background-image: url(../icons/projetos-especiais-web.png);
		}
		
		#servicos ul li a:hover img.servicos-08 {
		    background-image: url(../icons/projetos-especiais-web-hover.png);
		}
		
		#pg-servicos {}
		
		#pg-servicos div.content {
		    padding: 400px 105px 0;
		}
		
		#pg-servicos .breadcrumb {
		    margin: 15px 0 15px 0;
		    color: #2c3e50;
		    font-size: 14px;
		    display: inline-block;
		}
		
		#pg-servicos a.breadcrumb {
		    color: #2c3e50;
		    text-decoration: none
		}
		
		#pg-servicos a.breadcrumb:hover {
		    text-decoration: underline;
		}
		
		#pg-servicos h1 {
		    color: #2c3e50;
		    font-size: 48px;
		    font-family: 'LatoBold';
		    margin-bottom: 20px;
		}
		
		#pg-servicos h2 {
		    color: #2c3e50;
		    font-size: 26px;
		    font-family: 'LatoRegular';
		    margin-bottom: 25px;
		    text-align: justify;
		}
		
		#pg-servicos h2 strong {
		    color: #2c3e50;
		    font-size: 26px;
		    font-family: 'LatoBold';
		    margin-bottom: 25px;
		    text-align: justify;
		}
		
		#pg-servicos h3 {
		    color: #FFF;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    text-align: center;
		    position: absolute;
		    width: 900px;
		    top: 210px;
		    left: 135px;
		}
		
		#pg-servicos h3 small {
		    color: #FFF;
		    font-size: 20px;
		    font-family: 'LatoRegular';
		    display: block;
		    margin-top: 10px;
		}
		
		#pg-servicos h4 {
		    color: #2c3e50;
		    font-size: 27px;
		    font-family: 'LatoLight';
		    margin-bottom: 20px;
		    width: 750px;
		}
		
		#pg-servicos h4 strong {
		    color: #2c3e50;
		    font-size: 27px;
		    font-family: 'LatoBold';
		    margin-bottom: 20px;
		}
		
		#pg-servicos p {
		    color: #2c3e50;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		    margin-bottom: 20px;
		    text-align: justify;
		}
		
		#pg-servicos img.img-servicos {
		    margin: 0 auto 20px;
		    display: block;
		}
		
		#pg-servicos #interna-slide-servicos {
		    margin-left: -37px;
		}
		
		#pg-servicos a.interna-slide-servicos {
		    display: inline-block;
		}
		
		#pg-servicos a.jquery-slider-navigation-prev {
		    background: url(../images/ico-seta-esq.jpg) no-repeat center center;
		    top: 6%;
		    left: -95px
		}
		
		#pg-servicos a.jquery-slider-navigation-next {
		    background: url(../images/ico-seta-dir.jpg) no-repeat center center;
		    top: 6%;
		    right: 20px;
		}
		
		#sobre-nos {
		    padding-top: 100px;
		    width: 100%;
		    height: 1298px;
		    background: url(../images/bg-sobre-nos.jpg) no-repeat center center;
		}
		
		#sobre-nos h2 {
		    color: #fff;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    margin-bottom: 45px;
		}
		
		#sobre-nos h2 strong {
		    font-size: 34px;
		    font-family: 'LatoBold';
		}
		
		#sobre-nos div.content>p {
		    color: #fff;
		    width: 100px;
		    width: 650px;
		    text-align: justify;
		    font-size: 16px;
		    font-family: 'LatoLight';
		    margin-bottom: 25px;
		}
		
		#sobre-nos img.logo-webloper-sobre-nos {
		    margin: 15px 0 40px;
		}
		
		#sobre-nos img.boneco-sobre-nos {
		    position: absolute;
		    top: 135px;
		    left: 725px;
		}
		
		#sobre-nos ul {
		    width: 100%;
		}
		
		#sobre-nos ul li {
		    float: left;
		    background: #FBFCFC;
		    padding: 45px;
		    width: 33.333333333333%;
		    color: #221e1e;
		    height: 270px;
		    overflow: hidden;
		}
		
		#sobre-nos ul li:nth-of-type(2n) {
		    padding: 0;
		}
		
		#sobre-nos ul li strong {
		    font-size: 18px;
		    font-family: 'LatoBold';
		    text-align: center;
		    width: 100%;
		    display: block;
		}
		
		#sobre-nos ul li small {
		    font-size: 14px;
		    font-family: 'LatoLight';
		    text-align: center;
		    width: 100%;
		    display: block;
		    margin-bottom: 35px;
		}
		
		#sobre-nos ul li p {
		    font-size: 16px;
		    font-family: 'LatoLight';
		    text-align: justify;
		}
		
		#clientes {
		    width: 100%;
		    height: 734px;
		    background: url(../images/bg-clientes.jpg) no-repeat center center;
		    padding-top: 100px;
		}
		
		#clientes h2 {
		    color: #2c3e50;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    text-align: center;
		}
		
		#clientes h2 strong {
		    font-size: 34px;
		    font-family: 'LatoBold';
		}
		
		#clientes h3 {
		    color: #2c3e50;
		    font-size: 20px;
		    font-family: 'LatoRegular';
		    text-align: center;
		    padding: 5px;
		    margin-bottom: 115px;
		}
		
		#clientes ul {
		    width: 100%;
		}
		
		#clientes ul li {
		    width: 25%;
		    float: left;
		    padding: 15px;
		    border: 1px solid #A5A5A5;
		    border-top: none;
		    border-left: none;
		    text-align: center;
		}
		
		#clientes ul li:first-of-type {
		    border-top: none;
		}
		
		#clientes ul li:nth-of-type(4n) {
		    border-right: none;
		}
		
		#clientes ul:last-of-type li {
		    border-bottom: none;
		}
		
		#cases {
		    width: 100%;
		    background: #000;
		}
		
		#cases h2 {
		    width: 100%;
		    color: #FFF;
		    font-size: 34px;
		    font-family: 'LatoBold';
		    text-align: center;
		    background: #21C2F8;
		    padding: 105px 0 60px;
		}
		
		#cases div#slide-cases {
		    overflow: hidden;
		    position: relative;
		    width: 1170px;
		    height: 260px;
		}
		
		#cases ul {
		    width: 100%;
		}
		
		#cases ul li {
		    float: left;
		    width: 260px;
		    height: 260px;
		    background: #6C7982;
		}
		
		#cases ul li:nth-of-type(2n) {
		    background: #BABFC2;
		}
		
		#cases ul li:last-of-type {
		    width: 390px;
		    background: #252C33;
		    padding: 40px 20px 0 60px;
		}
		
		#cases ul li:last-of-type strong {
		    color: #FFF;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    display: block;
		    margin-bottom: 20px;
		}
		
		#cases ul li:last-of-type p {
		    color: #FFF;
		    font-size: 14px;
		    font-family: 'LatoRegular';
		    margin-bottom: 15px;
		    line-height: 25px;
		}
		
		#cases ul li:last-of-type a {}
		
		#cases .jquery-slider-navigation a {
		    background: #21C2F8;
		    width: 25px;
		    height: 25px;
		    top: 85%;
		    color: #fff;
		    font-size: 18px;
		    font-family: 'LatoLight';
		    text-align: center;
		}
		
		#cases .jquery-slider-navigation-prev {
		    right: 75px;
		    left: auto;
		}
		
		#cases .jquery-slider-navigation-next {
		    right: 30px;
		}
		
		.pg-cases p img {
		    width: 60%;
		}
		
		.pg-cases div.content {
		    padding: 400px 0 0 0;
		}
		
		.pg-cases a.local {
		    margin: 50px 0;
		    color: #2c3e50;
		    font-size: 14px;
		    font-family: 'LatoRegular';
		}
		
		.pg-cases h1 {
		    color: #2c3e50;
		    font-size: 18px;
		    font-family: 'LatoLight';
		    margin-bottom: 20px;
		    width: 750px;
		}
		
		.pg-cases h1 strong {
		    color: #2c3e50;
		    font-size: 18px;
		    font-family: 'LatoBold';
		    margin-bottom: 20px;
		}
		
		.pg-cases h4 {
		    color: #2c3e50;
		    font-size: 27px;
		    font-family: 'LatoLight';
		    margin-bottom: 20px;
		    width: 750px;
		}
		
		.pg-cases h4 strong {
		    color: #2c3e50;
		    font-size: 27px;
		    font-family: 'LatoBold';
		    margin-bottom: 20px;
		}
		
		.pg-cases h2 {
		    color: #FFF;
		    font-size: 40px;
		    font-family: 'LatoBold';
		    text-align: center;
		    position: absolute;
		    width: 900px;
		    top: 155px;
		    left: 135px;
		}
		
		.pg-cases h2 small {
		    color: #FFF;
		    font-size: 14px;
		    font-family: 'LatoRegular';
		    display: block;
		}
		
		.pg-cases p {
		    color: #2c3e50;
		    font-size: 16px;
		    font-family: 'LatoRegular';
		    margin-bottom: 20px;
		    text-align: justify;
		    width: 750px;
		}
		
		.pg-cases #formAjuda {
		    float: none;
		    position: absolute;
		    top: 520px;
		    right: 0;
		    width: 390px;
		}
		
		.pg-cases #formAjuda div p {
		    width: 100%;
		    font-size: 15px;
		}
		
		.pg-cases #interna-slide-cases {
		    margin-left: 60px;
		}
		
		.pg-cases a.jquery-slider-navigation-prev {
		    background: url(../images/ico-seta-esq.jpg) no-repeat center center;
		    top: 30%;
		}
		
		.pg-cases a.jquery-slider-navigation-next {
		    background: url(../images/ico-seta-dir.jpg) no-repeat center center;
		    top: 30%;
		    right: -110px;
		}
		
		.artigosReduzidos {
		    width: 320px;
		    height: 250px;
		    float: left;
		    margin: 14px 10px 40px 0px;
		    background: #ffffff;
		    position: relative;
		}
		
		.artigosReduzidos li:nth-child(4) {
		    margin-left: 11px;
		}
		
		.artigosReduzidos {
		    width: 100%;
		    background: #FFF;
		}
		
		.artigosReduzidos h2 {
		    color: #2c3e50;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    text-align: center;
		    margin-bottom: 60px;
		}
		
		.artigosReduzidos h2 strong {
		    font-size: 34px;
		    font-family: 'LatoBold';
		}
		
		.artigosReduzidos ul li {
		    width: 331px;
		    height: 150px;
		    float: left;
		    margin: 20px 10px 19px 0px;
		    background: #ffffff;
		    position: relative;
		}
		
		.artigosReduzidos ul li a {
		    width: 100%;
		}
		
		.artigosReduzidos ul li a span {
		    display: block;
		    position: absolute;
		    width: 100%;
		    padding: 5px;
		    background: #F2F0F0;
		    color: #2c3e50;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    margin-top: -5px;
		}
		
		.artigosReduzidos ul li:nth-of-type(3n) {
		    margin-right: 0;
		}
		
		.artigosReduzidos a.bt-veja-mais-artigos {
		    margin: 0 auto;
		    padding: 25px;
		    font-size: 18px;
		    font-family: 'LatoBold';
		    color: #fff;
		    background: #2c3e50;
		    width: 240px;
		    text-align: center;
		    border-radius: 5px;
		}
		
		#artigos {
		    width: 100%;
		    background: #FFF;
		    padding: 100px 0px 30px 0px;
		}
		
		#artigos h2 {
		    color: #2c3e50;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    text-align: center;
		    margin-bottom: 60px;
		}
		
		#artigos h2 strong {
		    font-size: 34px;
		    font-family: 'LatoBold';
		}
		
		#artigos ul {}
		
		#artigos ul li {
		    width: 365px;
		    height: 150px;
		    float: left;
		    margin: 0 37px 40px 0;
		    /*margin: 0 37px 37px 0;
		background: #CCC;*/
		    background: #ffffff;
		    position: relative;
		}
		
		#artigos ul li a {
		    width: 100%;
		}
		
		#artigos ul li a span {
		    display: block;
		    position: absolute;
		    width: 100%;
		    padding: 5px;
		    background: #F2F0F0;
		    color: #2c3e50;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    margin-top: -5px;
		    /*
	    display: block;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    padding: 5px;
	    background: #F2F0F0;
	    color: #2c3e50;
	    font-size: 16px;
		font-family: 'LatoBold';
		*/
		}
		
		#artigos ul li:nth-of-type(3n) {
		    margin-right: 0;
		}
		
		#artigos a.bt-veja-mais-artigos {
		    margin: 20px auto 0px auto;
		    padding: 25px;
		    font-size: 18px;
		    font-family: 'LatoBold';
		    color: #fff;
		    background: #2c3e50;
		    width: 240px;
		    text-align: center;
		    border-radius: 5px;
		}
		
		#contato {
		    width: 100%;
		    background: #04757F;
		    padding: 100px 0 40px;
		}
		
		#contato .coluna {
		    float: left;
		    width: 570px;
		}
		
		#contato .coluna iframe {
		    margin: 0 0 60px 50px;
		}
		
		#contato .coluna:nth-of-type(2) p {
		    margin-left: 50px;
		}
		
		#contato h2 {
		    color: #FFF;
		    font-size: 34px;
		    font-family: 'LatoLight';
		    margin: 0;
		    width: 570px;
		    margin-bottom: 45px;
		}
		
		#contato p {
		    width: 570px;
		    color: #FFF;
		    font-size: 18px;
		    font-family: 'LatoRegular';
		    margin-bottom: 15px;
		}
		
		#contato form {
		    width: 570px;
		}
		
		#contato form .inputbox {
		    width: 100%;
		    border: none;
		    padding: 20px;
		    background: #133741;
		    color: #FFF;
		    font-size: 14px;
		    font-family: 'LatoRegular';
		    border-radius: 3px;
		    margin-bottom: 20px;
		}
		
		#contato form .button {
		    width: 100%;
		    border: none;
		    padding: 20px;
		    background: #1ABC9C;
		    color: #FFF;
		    font-size: 16px;
		    font-family: 'LatoBold';
		    border-radius: 3px;
		    cursor: pointer;
		}
		
		#contato img.boneco-contato {
		    position: absolute;
		    bottom: -115px;
		    left: -230px;
		}
		
		#rodape {
		    width: 100%;
		    height: 135px;
		    background: #000;
		}
		
		#rodape a.logo-rodape {
		    background: url(../images/logo-webloper-branco.png) no-repeat;
		    width: 340px;
		    height: 90px;
		    float: right;
		    margin: 21px 0 0 0;
		}
		
		#rodape ul {
		    margin: 55px;
		    display: inline-block;
		}
		
		#rodape ul li {
		    float: left;
		    margin-right: 20px;
		}
		
		#rodape ul li a.redes-sociais {
		    width: 24px;
		    height: 24px;
		    background-repeat: no-repeat;
		    background-position: center center;
		}
		
		#rodape ul li a#ico-redes-sociais-01 {
		    background-image: url(../images/ico-redes-sociais-01.png);
		}
		
		#rodape ul li a#ico-redes-sociais-01:hover {
		    background-image: url(../images/ico-redes-sociais-01-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-02 {
		    background-image: url(../images/ico-redes-sociais-02.png);
		}
		
		#rodape ul li a#ico-redes-sociais-02:hover {
		    background-image: url(../images/ico-redes-sociais-02-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-03 {
		    background-image: url(../images/ico-redes-sociais-03.png);
		}
		
		#rodape ul li a#ico-redes-sociais-03:hover {
		    background-image: url(../images/ico-redes-sociais-03-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-04 {
		    background-image: url(../images/ico-redes-sociais-04.png);
		}
		
		#rodape ul li a#ico-redes-sociais-04:hover {
		    background-image: url(../images/ico-redes-sociais-04-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-05 {
		    background-image: url(../images/ico-redes-sociais-05.png);
		}
		
		#rodape ul li a#ico-redes-sociais-05:hover {
		    background-image: url(../images/ico-redes-sociais-05-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-06 {
		    background-image: url(../images/ico-redes-sociais-06.png);
		}
		
		#rodape ul li a#ico-redes-sociais-06:hover {
		    background-image: url(../images/ico-redes-sociais-06-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-07 {
		    background-image: url(../images/ico-redes-sociais-07.png);
		}
		
		#rodape ul li a#ico-redes-sociais-07:hover {
		    background-image: url(../images/ico-redes-sociais-07-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-08 {
		    background-image: url(../images/ico-redes-sociais-08.png);
		}
		
		#rodape ul li a#ico-redes-sociais-08:hover {
		    background-image: url(../images/ico-redes-sociais-08-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-09 {
		    background-image: url(../images/ico-redes-sociais-09.png);
		}
		
		#rodape ul li a#ico-redes-sociais-09:hover {
		    background-image: url(../images/ico-redes-sociais-09-hover.png);
		}
		
		#rodape ul li a#ico-redes-sociais-11 {
		    background-image: url(../images/ico-redes-sociais-11.png);
		    background-size: cover;
		}
		
		#rodape ul li a#ico-redes-sociais-11:hover {
		    background-image: url(../images/ico-redes-sociais-11-hover.png);
		    background-size: cover;
		}
		
		div#seo {
		    padding: 435px 0 0 0;
		}
		
		div#seo h1 {
		    color: #03035b;
		    font-size: 24px;
		    padding: 0 0 30px 0;
		}
		
		div#seo h2 {
		    color: #03035b;
		    font-size: 20px;
		    padding: 0 0 15px 0;
		}
		
		div#seo h3 {
		    color: #2c3e50;
		    font-size: 18px;
		    padding: 0 0 15px 0;
		}
		
		div#seo p {
		    text-align: justify;
		    font-size: 16px;
		    color: #a1b1bc;
		    margin-bottom: 15px;
		    display: inline-block;
		}
		
		div#seo p.tags {
		    font-size: 12px;
		}
		
		div#seo p.direitos {
		    font-size: 10px;
		}
		
		div#seo form#formContato .inputbox {
		    border: 1px solid #E8E6E6;
		    padding: 10px;
		    font-size: 13px;
		    color: #B9C5CD;
		    width: 100%;
		    margin-bottom: 10px;
		}
		
		div#seo form#formContato .inputbox:focus {
		    border: 1px solid #4CCBB2;
		}
		
		div#seo form#formContato .botao {
		    width: 100%;
		    text-align: center;
		    padding: 10px 0;
		    background: #2c3e50;
		    color: #fff;
		    font-size: 18px;
		    cursor: pointer;
		}
		
		div#seo div.bloco-esq {
		    width: 765px;
		    float: left;
		}
		
		div#seo div.bloco-esq ul.palavra-chave li {
		    float: left;
		    text-align: center;
		    padding: 0 20px;
		}
		
		div#seo div.bloco-esq ul.palavra-chave li img {
		    margin-top: 10px;
		}
		
		div#seo div.bloco-esq ul.regioes {
		    position: relative;
		    width: 100%;
		}
		
		div#seo div.bloco-esq ul.regioes>li {
		    float: left;
		    width: 14.28%;
		    min-height: 250px;
		}
		
		div#seo div.bloco-esq ul.regioes li>p {
		    text-align: center;
		    padding: 10px 10px;
		    color: #FFF;
		    background: #2c3e50;
		    cursor: pointer;
		    font-size: 14px;
		    width: 100%;
		    height: 50px;
		    margin-bottom: 0;
		}
		
		div#seo div.bloco-esq ul.regioes li ul {
		    min-height: 250px;
		    position: absolute;
		    left: 0;
		    display: none;
		    background: #eeeeee;
		    color: #8c8686;
		    text-align: left;
		    width: 100%;
		}
		
		div#seo div.bloco-esq ul.regioes li ul li {
		    float: left;
		    padding: 10px;
		}
		
		div#seo div.bloco-esq ul.regioes li ul li:last-of-type {
		    clear: both;
		}
		
		div#seo div.bloco-esq ul.regioes>li:hover {
		    background: #eeeeee;
		    color: #8c8686;
		}
		
		div#seo div.bloco-esq ul.regioes>li:hover ul {
		    display: block;
		}
		
		div#seo div.bloco-esq ul.regioes>li:first-of-type ul {
		    display: block;
		}
		
		div#seo div.bloco-esq div#visitados {
		    margin-bottom: 50px;
		    margin-top: 100px;
		}
		
		div#seo div.bloco-esq ul.visitados {
		    position: relative;
		    width: 100%;
		}
		
		div#seo div.bloco-esq ul.visitados li {}
		
		div#seo div.bloco-esq ul.visitados li p {
		    color: #FFF;
		    background: #2c3e50;
		    font-size: 18px;
		    padding: 10px;
		    width: 100%;
		    margin: 0;
		}
		
		div#seo div.bloco-esq ul.visitados li>div {
		    padding: 20px;
		    background: #eeeeee;
		    color: #8c8686;
		    text-align: left;
		    width: 100%;
		}
		
		div#seo div.bloco-esq ul.visitados li div a {
		    color: #8c8686;
		    margin: 0 20px 10px 0;
		    float: left;
		}
		
		div#seo div.bloco-esq ul.visitados li div a:hover {
		    text-decoration: underline;
		    color: #03035B;
		}
		
		div#seo form#formContato {
		    margin-bottom: 100px;
		}
		
		div#seo div.bloco-dir {
		    width: 460px;
		    float: left;
		    margin-left: 75px;
		    text-align: center;
		}
		
		div#seo div.bloco-dir ul {
		    background: #eeeeee;
		    border: 2px solid #bfbfbf;
		    padding: 10px;
		}
		
		div#seo div.bloco-dir ul li {
		    width: 100%;
		    padding: 5px 0;
		}
		
		div#seo div.bloco-dir ul li a {
		    color: #000;
		}
		
		div#seo div.bloco-dir ul li a:hover {
		    text-decoration: underline;
		}
		
		.img-centralizada {
		    display: block;
		    margin-left: auto;
		    margin-right: auto;
		}
		
		@media (max-width:1170px) {
		    .float2 {
		        display: block !important;
		    }
		    .artigosReduzidos li:nth-child(4) {
		        margin-left: unset;
		    }
		    .artigosReduzidos ul li {
		        width: 331px;
		        height: 150px;
		        float: none;
		        margin: 20px 10px 19px 0px;
		        background: #ffffff;
		        position: relative;
		    }
		    .artigosReduzidos {
		        width: 320px;
		        height: 150px;
		        float: left;
		        margin: 14px 10px 40px 0px;
		        background: #ffffff;
		        position: relative;
		        content: "";
		        clear: both;
		        display: table;
		    }
		    .pg-cases p img {
		        width: 100%;
		    }
		    .content {
		        width: 340px;
		    }
		    #menu a.menu-mobile {
		        display: block;
		    }
		    #menu a.logo {
		        width: 100%;
		    }
		    #menu a.logo img {
		        margin: 7px 0 0 15px;
		        width: 75%;
		    }
		    #menu ul.links {
		        width: 100%;
		        height: auto;
		        display: none;
		    }
		    #menu ul.links li {
		        float: none;
		        text-align: center;
		    }
		    #menu ul.links li:first-of-type a {
		        padding: 29px 43px;
		    }
		    #menu ul.links li:last-of-type a {
		        padding: 29px 43px;
		    }
		    #home {
		        padding-top: 90px;
		        height: auto;
		    }
		    #home h1 {
		        display: none;
		    }
		    #home h2 {
		        display: none;
		    }
		    #home ul.boxes {
		        position: relative;
		        width: 90%;
		        margin: 0 auto;
		        height: 255px;
		    }
		    #home ul.boxes li {
		        width: 50%;
		    }
		    #home ul.boxes li a {
		        position: relative;
		    }
		    #home ul.boxes li a:hover {
		        background-color: #000;
		        height: 255px;
		    }
		    #home ul.boxes li a img {
		        left: 38px;
		    }
		    #home ul.boxes li a strong {
		        top: 106px;
		        font-size: 15px;
		    }
		    #home ul.boxes li a label {
		        font-size: 15px;
		        width: 60%;
		        left: 31px;
		    }
		    #ajuda {
		        padding-top: 90px;
		    }
		    #ajuda ul.boxes {
		        float: none;
		    }
		    #ajuda ul.boxes li {
		        width: 100%;
		    }
		    #ajuda ul.boxes li img {
		        margin: 10px;
		        width: 65px;
		    }
		    #ajuda ul.boxes li strong {
		        margin: 10px 0 5px 0;
		    }
		    #ajuda ul.boxes li p {
		        font-size: 14px;
		        width: 245px;
		    }
		    #ajuda form#formAjuda {
		        display: none;
		    }
		    #formAjuda {
		        float: none;
		        width: 100%;
		        margin: 15px 0 0 0;
		    }
		    #melhoras {
		        padding-top: 90px;
		    }
		    #melhoras ul {
		        margin: 10px auto 0;
		        width: 90%;
		    }
		    #melhoras ul li {
		        margin: 0;
		        width: 50%;
		        height: 215px
		    }
		    #melhoras ul li a {
		        padding: 130px 0 0 0;
		    }
		    #melhoras ul li a img {
		        top: 10px;
		        left: 25px;
		    }
		    #melhoras ul li a:hover {
		        padding: 125px 0 0 0;
		    }
		    #melhoras ul li:nth-of-type(3n) {
		        margin: 0;
		    }
		    #servicos {
		        padding-top: 90px;
		    }
		    #servicos h3 {
		        margin-bottom: 20px;
		    }
		    #servicos ul {
		        height: auto;
		    }
		    #servicos ul li {
		        width: 50%;
		        height: 200px;
		    }
		    #servicos ul li a {
		        height: 200px;
		        padding: 130px 0 0 0;
		    }
		    #servicos ul li a img {
		        left: 12px;
		        background-size: 100px;
		        height: 115px;
		        top: 0;
		    }
		    #servicos ul li a:hover {
		        background: url(../images/bg-box-servicos-hover.png);
		        height: 200px;
		    }
		    #servicos ul:last-of-type li a:hover {
		        height: 200px;
		        padding: 130px 0 0 0;
		    }
		    #servicos ul:last-of-type li a:hover img {
		        top: 0;
		    }
		    #sobre-nos {
		        padding-top: 90px;
		        height: 1665px;
		    }
		    #sobre-nos div.content>p {
		        width: 100%;
		    }
		    #sobre-nos img.logo-webloper-sobre-nos {
		        width: 90%;
		        margin: 0 auto 10px;
		        display: block;
		    }
		    #sobre-nos ul {
		        width: 90%;
		        margin: 0 auto;
		    }
		    #sobre-nos ul li {
		        width: 100%;
		        padding: 15px;
		        height: auto;
		    }
		    #sobre-nos ul li:nth-of-type(2n) {
		        display: none;
		    }
		    #sobre-nos img.boneco-sobre-nos {
		        display: none;
		    }
		    #clientes {
		        padding-top: 90px;
		    }
		    #clientes h2 {
		        margin-bottom: 20px;
		    }
		    #clientes h3 {
		        display: none;
		    }
		    #clientes ul li {
		        width: 50%;
		        height: 115px;
		    }
		    #clientes ul li img {
		        width: 100%;
		    }
		    #clientes ul li:nth-of-type(2n) {
		        border-right: none;
		    }
		    #clientes ul:last-of-type li:first-of-type {
		        border-bottom: 1px solid #A5A5A5;
		    }
		    #clientes ul:last-of-type li:nth-of-type(2) {
		        border-bottom: 1px solid #A5A5A5;
		    }
		    #cases h2 {
		        font-size: 24px;
		        padding: 90px 0 25px;
		        width: 340px;
		        margin: 0 auto;
		    }
		    #cases ul li:first-of-type {
		        display: none;
		    }
		    #cases ul li:nth-of-type(2) {
		        display: none;
		    }
		    #cases ul li:nth-of-type(3) {
		        display: none;
		    }
		    #cases ul li:last-of-type {
		        width: 340px;
		    }
		    div#cases div.jquery-slider-navigation {}
		    #artigos {
		        padding: 90px 0 0 0;
		    }
		    #artigos h2 {
		        margin-bottom: 20px;
		    }
		    #artigos ul {
		        width: 90%;
		        margin: 0 auto;
		        display: block;
		    }
		    #artigos ul li {
		        width: 100%;
		        margin: 0 0 30px 0;
		    }
		    #contato {
		        padding: 90px 0 20px 0;
		    }
		    #contato .coluna {
		        float: none;
		        width: 95%;
		        margin: 0 auto;
		    }
		    #contato h2 {
		        font-size: 25px;
		        width: 100%;
		        margin-bottom: 10px;
		    }
		    #contato p {
		        width: 100%;
		        font-size: 12px;
		    }
		    #contato form {
		        width: 100%;
		    }
		    #contato .coluna iframe {
		        margin: 20px 0 0 0;
		        width: 100%;
		    }
		    #contato .coluna:nth-of-type(2) p {
		        margin: 13px 0 0 0;
		    }
		    #pg-servicos {
		        background-position: center -120px;
		    }
		    #pg-servicos h3 {
		        width: 100%;
		        left: 0;
		    }
		    #pg-servicos div.content {
		        padding: 370px 0 0;
		    }
		    #pg-servicos a.local {
		        margin: 50px 0 10px 0;
		    }
		    #pg-servicos h1 {
		        font-size: 32px;
		    }
		    #pg-servicos img.img-servicos {
		        width: 100%;
		    }
		    #pg-servicos h4 {
		        display: none;
		    }
		    #pg-servicos div.jquery-slider-wrapper {
		        display: none;
		    }
		    .pg-cases h2 {
		        width: 100%;
		        left: 0;
		    }
		    .pg-cases h1 {
		        width: 100%;
		    }
		    .pg-cases p {
		        width: 100%;
		    }
		    .pg-cases h4 {
		        display: none;
		    }
		    #interna-slide-cases {
		        display: none;
		    }
		    .pg-cases div.jquery-slider-wrapper {
		        display: none;
		    }
		    .pg-cases #formAjuda {
		        display: none;
		    }
		    div#seo div.bloco-esq {
		        width: 100%;
		    }
		    div#seo p {
		        font-size: 14px;
		    }
		    div#seo h3 {
		        font-size: 16px;
		    }
		    div#seo div.bloco-esq ul.palavra-chave li {
		        float: none;
		    }
		    div#seo div.bloco-esq ul.regioes {
		        width: 100%;
		    }
		    div#seo div.bloco-dir {
		        width: 100%;
		        float: left;
		        margin-left: 0;
		        margin-bottom: 10px;
		    }
		    div#seo div.bloco-esq ul.visitados li div a {
		        float: none;
		        width: 100%;
		        font-size: 13px;
		    }
		    div#seo div.bloco-esq ul.regioes>li ul {
		        width: 360px;
		    }
		    div#seo div.bloco-esq ul.regioes>li ul li {
		        height: 40px;
		    }
		    div#seo div.bloco-esq ul.regioes>li>p {
		        height: 85px;
		    }
		    div#seo div.bloco-esq ul.regioes>li {
		        font-size: 10px;
		        padding: 0;
		        width: 14.28%;
		        min-height: 320px;
		    }
		    div#seo div.bloco-esq ul.regioes>li div {
		        height: auto;
		    }
		    .img-centralizada {
		        height: auto;
		        max-width: 300px;
		    }
		    #rodape {
		        height: auto;
		    }
		    #rodape ul {
		        margin: 25px 10px 0;
		    }
		    #rodape ul li {
		        margin-right: 13px;
		        margin-bottom: 0;
		    }
		    #rodape ul li:last-of-type {
		        margin-right: 0;
		    }
		    #rodape a.logo-rodape {
		        float: none;
		        width: 100%;
		        background-size: 90%;
		        background-position: center center;
		        margin: 15px 0;
		        display: inline-block;
		    }
		    .centralizarImg {
		        margin: auto;
		        margin-top: 20px;
		        margin-bottom: 20px;
		        width: 100%;
		        display: block;
		    }
		    #pg-servicos .breadcrumb {
		        font-size: 11px;
		        padding-top: 9px;
		    }
		    #pg-servicos h3 {
		        top: 150px;
		    }
		}
		/* ------------------------------------------------        edicoes feitas por juliano ---------------------------------------------------*/
		
		#sobre-nos>div>ul>li>img:hover {
		    filter: grayscale(1);
		    transition: filter 2s;
		}
		
		.centralizarImg {
		    margin: auto;
		    margin-top: 20px;
		    margin-bottom: 20px;
		    display: block;
		}
		
		.local {
		    color: #2c3e50;
		    font-size: 14px;
		    margin-top: 20px;
		    margin-bottom: 20px;
		}
		
		.local:hover {
		    color: #2c3e50;
		    font-size: 14px;
		    text-decoration: underline;
		}
		/* ------------------------------------------------ Edicoes feitas por Bruno ---------------------------------------------------*/
		
		.float {
		    position: fixed;
		    width: 60px;
		    height: 60px;
		    bottom: 40px;
		    right: 40px;
		    background-color: #25d366;
		    color: #FFF;
		    border-radius: 50px;
		    text-align: center;
		    font-size: 30px;
		    z-index: 100;
		}
		
		.pulse {
		    border-radius: 50px;
		    box-shadow: 0 0 0 rgba(37, 211, 102, 1);
		    animation: pulse 1.5s infinite;
		}
		
		.my-float {
		    margin-top: 16px;
		}
		
		@keyframes pulse {
		    10% {
		        -moz-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.8);
		        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.8);
		    }
		    60% {
		        -moz-box-shadow: 0 0 0 40px rgba(37, 211, 102, 0);
		        box-shadow: 0 0 0 40px rgba(37, 211, 102, 0);
		    }
		    100% {
		        -moz-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
		        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
		    }
		}
		
		.float2 {
		    position: fixed;
		    width: 60px;
		    height: 60px;
		    bottom: 40px;
		    left: 40px;
		    background-color: #ffd700;
		    color: #FFF;
		    border-radius: 50px;
		    text-align: center;
		    font-size: 30px;
		    z-index: 100;
		    display: none;
		}
		
		.pulse2 {
		    border-radius: 50px;
		    box-shadow: 0 0 0 rgba(255, 215, 0, 1);
		    animation: pulse2 1.5s infinite;
		}
		
		@keyframes pulse2 {
		    10% {
		        -moz-box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.8);
		        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.8);
		    }
		    60% {
		        -moz-box-shadow: 0 0 0 40px rgba(255, 215, 0, 0);
		        box-shadow: 0 0 0 40px rgba(255, 215, 0, 0);
		    }
		    100% {
		        -moz-box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
		        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
		    }
		}