@media (min-width: 728px){
.contact-info {
    position: absolute;
    right: 280px;
    bottom: -90px;}
}

.falecom{width:100px; float:left;}
.whatsapp{float:left; margin-right:30px; margin-top:15px;}
.wpptitle{background-color:#17980e;  text-transform: uppercase; font-size:13px;  padding:4px 10px; border-radius:20px;}
.wppnumber{margin-left:10px;margin-top:20px!important; font-size:20px;}

.contact-info{display:inline-block!important; color:#fff; font-family:arial;}


input{
    outline: none;
}
.tabela_five_cols.OnDesktop{
    display: none;
}
.OnTablet,
.OnDesktop {
    display: none;
}
.bx-prev{
    display: none;
}
.bx-next{
    display: none;
}
a {
    text-decoration: none;
    cursor: pointer;
    /*-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
    outline: none;
}

.Fone {
    color: #fff;
}

a:hover {
    text-decoration: none;
    /*-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
}

/*Utilidades*/
.cf {
    *zoom: 1;
}

.cf:before,
.cf:after {
    display: table;
    line-height: 0;
    content: "";
}

.cf:after {
    clear: both;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Topo {
    z-index: 20;
    /*background-color: #000;*/
    position: relative;
    background-color: #0078B6;
    background: rgba(164, 201, 221, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(164, 201, 221, 1) 0%, rgba(164, 201, 221, 1) 14%, rgba(83, 161, 202, 1) 48%, rgba(0, 120, 182, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(164, 201, 221, 1)), color-stop(14%, rgba(164, 201, 221, 1)), color-stop(48%, rgba(83, 161, 202, 1)), color-stop(100%, rgba(0, 120, 182, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(164, 201, 221, 1) 0%, rgba(164, 201, 221, 1) 14%, rgba(83, 161, 202, 1) 48%, rgba(0, 120, 182, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(164, 201, 221, 1) 0%, rgba(164, 201, 221, 1) 14%, rgba(83, 161, 202, 1) 48%, rgba(0, 120, 182, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(164, 201, 221, 1) 0%, rgba(164, 201, 221, 1) 14%, rgba(83, 161, 202, 1) 48%, rgba(0, 120, 182, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(164, 201, 221, 1) 0%, rgba(164, 201, 221, 1) 14%, rgba(83, 161, 202, 1) 48%, rgba(0, 120, 182, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4c9dd', endColorstr='#0078b6', GradientType=1);
}

.ParteSuperiordoHead {
    height: 85px;
    width: 100%;
}

.ContemACs {
    position: absolute;
}
.Logo {
    width: 131px;
    height: 94px;
    background-image: url("../img/LogoP_1.png");
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px auto 0;
}

.LogoAbsolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 18;
}

.ContainerTelefonesTopo {
    font-family: avantgarde_md_btmedium;
    font-size: 14px;
    color: #fff;
    background-color: #0078B5;
    position: relative;
    height: 85px;
}
#myModalLabel{
    font-family: avantgarde_md_btmedium;
    font-size: 24.5px;
}
.TelefoneTopo {
    display: block;
    text-align: center;
    margin: 5px auto;
    color: #fff;
}

.TelefoneTopo:first-child {
    margin-top: 15px;
}

.TelefoneTopo:last-child {
    margin-bottom: 15px;
}

.TextoSemantico {
    text-indent: -1000px;
    color: #fff;
    font-size: 1px;
    display: block;
    width: 1px;
    height: 1px;
    background-color: transparent;
    color: transparent;
}
.Watssapp-icon {
    display: inline-block;
    width: 19px;
    height: 22px;
    background-image: url(../img/WhatsApp_Icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 6px;
}
.ChatTopo {
    width: 143px;
    height: 81px;

    cursor: pointer;
}

.ChatTopo.ChatOnline {
    background-image: url("../img/chat.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.ChatTopo.ChatOffLine {
    background-image: url("../img/chat.png");
    background-repeat: no-repeat;
    background-position: -202px 0px;
}

.Menu {
    width: 100%;
    height: 100%;
    background-color: #1281BA;
    display: none;
    position: fixed;
    top: 0;
    z-index: 20000;
}
.BotaoFechaMenu {
    font-family: avantgarde_md_btmedium;
    position: absolute;
    top: 18px;
    right: 31px;
    color: #fff;
    font-size: 22px;
    display: block;
    cursor: pointer;
}

.ItemMenu {
    display: block;
    font-family: avantgarde_md_btmedium;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #35ACEC;
    margin: 0 30px;
    line-height: 42px;
    position: relative;
}
.ItemMenuServicos .flecha_servicos{
    display: inline-block;
    position: absolute;
    right: 0;

}
.cabecalho_Servicos{
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #000;
}
.flecha_servicos{
    top: 2px;
    display: block;
    width: 24px;
    height: 39px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;

}
.ico_menu{
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}
.icon_circulo{
    color: #fff;
    background-color: #EB6538;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin: 0 15px 0 25px;
}
.ico_copy{background-position: -743px -5px;}
.ico_engr{background-position: -743px -45px;}
.ico_fire{background-position: -743px -85px;}
.ico_audio{background-position: -743px -125px;}
.ico_phone{background-position: -743px -165px;}
.ico_luz{background-position: -743px -192px;}
.ico_tutor{background-position: -743px -232px;}
.ico_rdio{background-position: -743px -272px;}
.ico_god{background-position: -743px -312px;}
.ico-listo{ width:30px; height:30px;background-position: -704px -57px;}

.itemsubmenu.ItemMenuServicos .flecha_esquerda{
    left: 0;
}
.ItemMenu .ico_menu{
    margin:0 16px;
}
.flecha_direita{
    background-position: -508px 0px;
}
.flecha_esquerda{
    background-position: -475px 0px;
}

.FirstChild {
    margin: 40px 30px 0 30px;
}
.faq .ItemMenufaq,
.tela_tutoriais .ItemMenuServicos,
.tela_indoor .item_menu_indoor,
.radio_para_igreja .item_menu_igreja,
.servicos .ItemMenuServicos,
.sites .ItemMenu.ItemMenuSites,
.contato .ItemMenu.LastChild,
.empresa .ItemMenu.FirstChild,
.servidores .ItemMenu.ItemMenuSevidores,
.planos .ItemMenu.ItemMenuPlanos{
    color: #1F1F1F;
}


.MenuFixoMobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1281BA;
    height: 47px;
    z-index: 35;
}

.UmTerco {
    float: left;
    width: 33.3%;
    text-align: center;
    height: 47px;
    line-height: 47px;
}

.UmTerco.Selecionada {
    background-color: #1494D8;
}

.UmTerco .SeguraSandwich {
    width: 37px;
    height: 26px;
    display: block;
    float: none;
    margin: 14px auto 0;
    cursor: pointer;
}

.UmTerco .BarrinhaMenu {
    width: 20px;
    height: 3px;
    background-color: #fff;
    border-radius: 6px;
    margin: 3px auto;
    display: block;
}

.SeguraSandwich.HomeP,
.SeguraSandwich.ChatP {
    margin: 10px auto 0;
}

.HomeP {
    background-image: url("../img/HomeP.png");
    background-repeat: no-repeat;
    background-position: center;
}

.ChatP {
    background-image: url("../img/chatP.png");
    background-repeat: no-repeat;
    background-position: center;
    background-position: 0 2px;
}
.ChatP.Online{
    background-position: 0 -22px;
}

/*Secao Novidades*/
.Novidades {
    background-color: #EEEEEE;
}

.Novidades .Limitadora {
    padding: 10px 10px 10px 10px;
}

.TituloNovidades {
    display: inline;
    font-size: 25px;
    font-family: avantgarde_md_btmedium;
    font-weight: bold;
    float: left;
    margin-right: 8px;
}

.CorAzul {
    color: #0078B6;
}

.CorCinza {
    color: #666666;
}

.SeguraLinhaNovidade {
    float: left;
}

.LinhNovidade {
    line-height: 24px;
}

.BotaoSaibaMaisNovidades {
    font-family: avantgarde_md_btmedium;
    font-size: 16px;
    padding: 9px 18px;
    width: 118px;
    height: 33px;
    text-align: center;
    color: #fff;
    display: block;
    margin-top: 10px;
    float: left;
    border-radius: 20px;
    -webkit-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    float: right;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -9px -16px;
}

.BotaoSaibaMaisNovidades.Branco {
    color: #1776A0;
    width: 151px;
    height: 41px;
    background-position: -339px -189px;
    width: 151px;
    height: 41px;
    line-height: 25px;
}

.FundoBrancoGradiente {
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 56%, rgba(112, 112, 112, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(56%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(112, 112, 112, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 56%, rgba(112, 112, 112, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 56%, rgba(112, 112, 112, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 56%, rgba(112, 112, 112, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 56%, rgba(112, 112, 112, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#707070', GradientType=1);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

.FundoCinzaGradiente {
    background: rgba(119, 119, 119, 1);
    background: -moz-linear-gradient(-45deg, rgba(119, 119, 119, 1) 0%, rgba(119, 119, 119, 1) 21%, rgba(68, 68, 68, 1) 45%, rgba(68, 68, 68, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(119, 119, 119, 1)), color-stop(21%, rgba(119, 119, 119, 1)), color-stop(45%, rgba(68, 68, 68, 1)), color-stop(100%, rgba(68, 68, 68, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(119, 119, 119, 1) 0%, rgba(119, 119, 119, 1) 21%, rgba(68, 68, 68, 1) 45%, rgba(68, 68, 68, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(119, 119, 119, 1) 0%, rgba(119, 119, 119, 1) 21%, rgba(68, 68, 68, 1) 45%, rgba(68, 68, 68, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(119, 119, 119, 1) 0%, rgba(119, 119, 119, 1) 21%, rgba(68, 68, 68, 1) 45%, rgba(68, 68, 68, 1) 100%);
    background: linear-gradient(135deg, rgba(119, 119, 119, 1) 0%, rgba(119, 119, 119, 1) 21%, rgba(68, 68, 68, 1) 45%, rgba(68, 68, 68, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444', GradientType=1);
    -webkit-transition: 3s linear 2s;
    -moz-transition: 3s linear 2s;
    -o-transition: 3s linear 2s;
    transition: 3s linear 2s;
}

.FundoAzulGradienteEscuro {
    background: rgba(71, 99, 209, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(71, 99, 209, 1) 0%, rgba(71, 99, 209, 1) 19%, rgba(6, 97, 136, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(71, 99, 209, 1)), color-stop(19%, rgba(71, 99, 209, 1)), color-stop(100%, rgba(6, 97, 136, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(71, 99, 209, 1) 0%, rgba(71, 99, 209, 1) 19%, rgba(6, 97, 136, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(71, 99, 209, 1) 0%, rgba(71, 99, 209, 1) 19%, rgba(6, 97, 136, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(71, 99, 209, 1) 0%, rgba(71, 99, 209, 1) 19%, rgba(6, 97, 136, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(71, 99, 209, 1) 0%, rgba(71, 99, 209, 1) 19%, rgba(6, 97, 136, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4763d1', endColorstr='#066188', GradientType=1);
}

.FundoAzulGradiente {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#539fe1+11,539fe1+18,0a77d5+33,05547e+46,05547e+46,05547e+67,05547e+75 */
    background: #539fe1; /* Old browsers */
    background: -moz-linear-gradient(top, #539fe1 11%, #539fe1 18%, #0a77d5 33%, #05547e 46%, #05547e 46%, #05547e 67%, #05547e 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #539fe1 11%, #539fe1 18%, #0a77d5 33%, #05547e 46%, #05547e 46%, #05547e 67%, #05547e 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #539fe1 11%, #539fe1 18%, #0a77d5 33%, #05547e 46%, #05547e 46%, #05547e 67%, #05547e 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#539fe1', endColorstr='#05547e', GradientType=0); /* IE6-9 */

}

.FundoRoxoOuca {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#896aa8+20,896aa8+38,694f83+57,5c4673+87 */
    background: #896aa8; /* Old browsers */
    background: -moz-linear-gradient(top, #896aa8 20%, #896aa8 38%, #694f83 57%, #5c4673 87%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #896aa8 20%, #896aa8 38%, #694f83 57%, #5c4673 87%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #896aa8 20%, #896aa8 38%, #694f83 57%, #5c4673 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#896aa8', endColorstr='#5c4673', GradientType=0); /* IE6-9 */

}

.FundoLaranjaGradiente {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc7e54+8,e0410c+100 */
    background: #fc7e54; /* Old browsers */
    background: -moz-linear-gradient(top, #fc7e54 8%, #e0410c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fc7e54 8%, #e0410c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fc7e54 8%, #e0410c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7e54', endColorstr='#e0410c', GradientType=0); /* IE6-9 */

}

.TextoNovidades {
    font-size: 20px;
    font-family: Univers, Arial;
    font-weight: bold;
}

.DataNovidades {
    font-size: 16px;
    font-family: Univers, Arial;
}

/*Secao Novidades*/
/*Secao AssineagoraRadio*/
.AssineagoraRadio {
    background-image: url("../img/fumacinhaG.png");
    background-position: bottom;
    background-repeat: repeat-x;
}

.ContemRadio {
    width: 213px;
    height: 163px;
    background-image: url("../img/RAdioM.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 213px 163px;
    background-size: 213px 163px;
    margin: 30px auto 25px;
}

.ContemTextoRadio {
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
}

.TextoRadio {
    font-family: Arial;
    color: #1F1F1F;
    font-size: 18px;
    line-height: 28px;

}

.BotaoAssineAgora {
    width: 297px;
    height: 51px;
    display: block;
    text-align: center;
    line-height: 51px;
    font-family: avantgarde_md_btmedium;
    color: #fff;
    font-size: 20px;
    border-radius: 20px;
    -webkit-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    margin: 27px auto 40px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -7px -56px;
    border-radius: 50px;
}
.BotaoAssineAgora.btn_auto_dj.btn_txt_Grande{
    font-size: 19px;
    line-height: 20px;
    padding-top: 0;
    float: none;
}
.BotaoAssineAgora.btn_roxoigreja{
    background-position: -40px -439px;
    font-size: 19px;
    line-height: 20px;
    float: none;
}
.BotaoAssineAgora.btn_roxo_big{

    background-position: -40px -439px;
    font-size: 19px;
    line-height: 20px;
    float: none;
}
.text_btn_igreja{
    margin-top: 8px;
    display: inline-block;
}

.BotaoAssineAgora.btn_auto_dj{
    font-size: 17px;
    line-height: 33px;
    padding-top: 7px;
    float: none;
    margin-bottom: 70px;
}
/*Secao AssineagoraRadio*/

/*Sessão OucaARadio*/
.OucaARadio {

}

.OucaARadio .Limitadora {
    overflow: hidden;
}

/*playermusic*/

.ContemPlayerMusic {
    position: relative;
    background-image: url("../img/fundoRoxo32.png");
    background-repeat: repeat;
    padding: 36px 10px 0;
    height: 245px;
}

.ContemPlayerMusic .TituloOucaRadio {
    margin: 0 auto 36px;
    /*playermusic*/
}

.ContemPlayer {
    position: relative;
    background-image: url("../img/fundoRoxo32.png");
    background-repeat: repeat;
    overflow: hidden;
    padding: 0 10px;
}

.SeguraPlayer {
    position: relative;
}

.EfeitoDireitaPlayer {
    display: none;
}

.FundoRoxoOuca {
    position: relative;
}

.TituloOucaRadio {
    margin: 36px auto;
    display: block;
    font-family: avantgarde_md_btmedium;
    font-size: 26px;
    text-align: center;
    color: #fff;
    background-color: #6D4990;
    width: 100%;
    height: 36px;
    line-height: 40px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(89, 60, 117, 1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(89, 60, 117, 1);
    box-shadow: 0px 2px 5px 0px rgba(89, 60, 117, 1);
}

.AnuncioOucaradio {
    font-size: 11px;
    color: #fff;
    font-family: Arial;
    width: 123px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.Player {
    width: 175px;
    height: 100px;
    margin: 0 auto 41px;

}

.LinhaComandos {
    width: 118px;
    height: 34px;
    margin: 20px auto 0;

}

.SomAnterior {
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    margin: 3px 0 0 0;
}

.BotaoSomAnterior {
    display: block;
    width: 26px;
    height: 26px;
    background-image: url("../img/palyer.png");
    background-repeat: no-repeat;
    background-position: -36px -3px;
    cursor: pointer;
}

.Player2 .LinhaComandos {
    text-align: center;
    width: 55px;
    height: 35px;
    cursor: pointer;
}

.Player2 .PlaySom {
    float: none;
    margin: 5px 0 0 13px;

}

.PlaySom {
    display: block;
    float: left;
    width: 25px;
    height: 34px;
    margin: 0 20px;
}

.BotaoPlay {
    display: block;
    width: 25px;
    height: 34px;
    background-image: url("../img/palyer.png");
    background-repeat: no-repeat;
    background-position: -82px 0;
    cursor: pointer;
}
.BotaoPause{
    display: block;
    width: 25px;
    height: 34px;
    cursor: pointer;
}
.DesenhoPause{
    display: block;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    height: 34px;
    width: 24px;
}
/*css do volume - feito plo site http://danielstern.ca/range.css/#/*/
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 8.7px 0;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2.6px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0), 0px 0px 1px rgba(255, 255, 255, 0);
    background: #ffffff;
    border-radius: 1.3px;
    border: 0.2px solid #ffffff;
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;
    border: 1px solid #000000;
    height: 20px;
    width: 6px;
    border-radius: 2px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8.9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ffffff;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 2.6px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0), 0px 0px 1px rgba(255, 255, 255, 0);
    background: #ffffff;
    border-radius: 1.3px;
    border: 0.2px solid #ffffff;
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;
    border: 1px solid #000000;
    height: 20px;
    width: 6px;
    border-radius: 2px;
    background: #ffffff;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 2.6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #f2f2f2;
    border: 0.2px solid #ffffff;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0), 0px 0px 1px rgba(255, 255, 255, 0);
}
input[type=range]::-ms-fill-upper {
    background: #ffffff;
    border: 0.2px solid #ffffff;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0), 0px 0px 1px rgba(255, 255, 255, 0);
}
input[type=range]::-ms-thumb {
    box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;
    border: 1px solid #000000;
    height: 20px;
    width: 6px;
    border-radius: 2px;
    background: #ffffff;
    cursor: pointer;
    height: 2.6px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}

/*css do volume - feito plo site http://danielstern.ca/range.css/#/*/
.SomProximo {
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    margin: 3px 0 0 0;
}

.BotaoSomProximo {
    display: block;
    width: 26px;
    height: 26px;
    background-image: url("../img/palyer.png");
    background-repeat: no-repeat;
    background-position: -123px -4px;
    cursor: pointer;
}

.LinhaTime {
    height: 20px;
    border-bottom: 3px solid #fff;
    overflow: visible;
    position: relative;
}

.TimePlayer {
    font-size: 14px;
    color: #fff;
    font-family: avantgarde_md_btmedium;
    display: none;
}

.TempoPassando {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    bottom: -4px;
    left: 30px;
}

.FundoRoxoOuca.Esquerdo {
    display: none;
}

.ContemEfeito {
    display: none
}

/*Sessão OucaARadio*/
/*Sessão Servidores*/
.ContemServer {
    width: 216px;
    height: 211px;
    background-image: url("../img/serverP.png");
    background-repeat: no-repeat;
    background-position: center;
    margin: 30px auto 25px;
}

.TituloAzul {
    font-size: 18px;
    color: #066CAA;
    font-family: avantgarde_md_btmedium;
    font-weight: bold;
}

/*Sessão Servidores*/
/*Nossa Plataforma*/
/*background-color: #0078B6;*/
.NossaPlataforma {

}

.EfeitoNossaPlataforma {
    background-image: url("../img/bgtriangulos.png");
    background-repeat: repeat;
}

.TextoPlataforma {
    font-size: 18px;
    font-family: Arial;
    color: #fff;
    text-align: center;
    margin: 50px auto 30px;
    font-weight: bold;
    line-height: 1.2;
}

.DescricaoPlataforma {
    color: #fff;
    font-size: 14px;
    font-family: avantgarde_md_btmedium;
    display: block;

}

.ContainerElementosPlataforma {
    text-align: center;
}

.Elemento {
    width: 168px;
    display: inline-block;
    margin-bottom: 40px;
}

.ImagemElemento {
    width: 80px;
    height: auto;
}

.NossaPlataforma .BotaoSaibaMaisNovidades {
    margin: 40px auto;
    float: none;
}

/*Nossa Plataforma*/
/*CompareAsVersoes*/
.FundoEnfumacado,
.CompareAsVersoes {
    background-image: url("../img/fundocompareasversoes.jpg");
    background-position: bottom;
    background-repeat: repeat-x;
}

.CompareAsVersoes .Limitadora {

}

.CompareAsVersoes .Superior {
    padding: 0 10px;
}

.CompareAsVersoes .Inferior {
    padding: 0 10px;

}

.IconSiteAdministravel {
    width: 149px;
    height: 162px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 30px auto 0;
}

.Superior .IconSiteAdministravel {
    background-image: url("../img/compareMusicP.png");
}

.Inferior .IconSiteAdministravel {
    background-image: url("../img/comparePlayP.png");
}

.TituloSiteAdministravel {
    font-family: avantgarde_md_btmedium;
    font-size: 30px;
    color: #724C92;
    margin: 20px 0;
}

.TextoSiteAdministravel {
    font-family: Arial;
    color: #202020;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 20px;
}

.ContainerCompareAsVersoes {
    position: relative;
    padding: 0 10px;
}

.EfeitoLinha {
    display: none;
    width: 96%;
    height: 22px;
    border-bottom: 1px solid #444444;
    position: absolute;
}

.BtnCompareVersoes {
    position: relative;
    font-family: avantgarde_md_btmedium;
    font-size: 15px;
    color: #fff;
    padding: 13px 32px;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    text-align: center;
    -webkit-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    width: 299px;
    height: 40px;
    z-index: 20;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -5px -190px;
}

/*CompareAsVersoes*/

/*SessaoFooter*/
.SessaoFooter {
    border-top: 15px solid #734F95;
    background-image: url("../img/bgfooter.png");
    background-repeat: repeat;
    padding-bottom:160px!important;
}

.LogoRodape {
    display: block;
    margin: 23px auto;
}

.MenuRodape {
    width: 95%;
    margin: 60px auto 50px;
    text-align: center;
}

.TxtRdp {
    font-family: avantgarde_md_btmedium;
    color: #fff;
}

.ContainerAtendimento .TxtRdp {
    text-align: center;
}

.ItemMenuRodape {
    display: inline-block;
    font-size: 18px;
    margin: 0 11px;
    color: #fff;
}

.ItemMenuRodape:hover {
    color: #fff;
    text-decoration: underline;
}

.TitSiteSeg {
    font-size: 14px;
    display: block;
    text-align: left;
    margin: 23px 0;

}

.TitPagto {
    font-size: 14px;
    display: block;
    text-align: left;
    margin: 23px 0;
}

.SeguraPagtos {
    width: 162px;
    height: 93px;
}

.FormasdePagto {
    background-image: url("../img/pagto.png");
    background-repeat: no-repeat;
    background-size: 160px 141px;
    display: block;
    float: left;
}

.PagSeguroBlack{
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    width: 111px;
    height: 22px;
    background-position: -350px -12px;
    display: block;
}
.BoletoBlack{
    width: 50px;
    height: 52px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -620px -113px;
}

.ContemSiteSeguroEformaPagto {
    width: 98%;
    margin: 0 auto;

    border-top: 1px solid #BE58E4;
    height: 170px;
}

.Metade {
    width: 50%;
    float: left;
    text-align: center;
}

.ContemSiteSeguro {
    display: inline-block;
    width: 144px;
    height: 133px;
    margin: 0 auto;
}

.ContemFormasPagto {
    display: inline-block;
    width: 162px;
    height: 133px;
    margin: 0 auto;

}

.SiteSeguro {
    width: 144px;
    height: 54px;
    background-position: -5px -83px;
}

.Boleto {
    width: 42px;
    height: 43px;
    background-position: 0 0;
    margin: 0 7px 7px 0;
}

.Pagseguro {
    width: 111px;
    height: 22px;
    background-position: -50px -6px;
}

.Hiper {
    width: 42px;
    height: 30px;
    background-position: -5px -53px;
    margin: 0 0 0 9px;
}

.Master {
    width: 42px;
    height: 30px;
    background-position: -58px -53px;
    margin: 0 7px;
}

.Visa {
    width: 42px;
    height: 30px;
    background-position: -109px -53px;
}

.ContainerAtendimento {
    display: block;
    width: 98%;
    margin: 0 auto 50px;
    border-top: 1px solid #BE58E4;
}

.TitAtendimento {
    font-size: 21px;
    display: block;
    margin: 15px 0 26px 0;

}

.EnderecoRodape a {
    color: #fff;
}
.EnderecoRodape {
    font-size: 17px;
    display: block;
    line-height: 25px;
    color: #fff;
}

.BannerStage1 {
    display: block;
}

.BannerStage2 {
    display: none;
}

.BannerStage3 {
    display: none;
}

.BannerStage4 {
    display: none;
}

/*SessaoFooter*/

/*Tela Planos*/
.SectionConhecaPlanos {
    font-family: avantgarde_md_btmedium, Arial;
    color: #444;
    text-align: center;
    padding: 0 10px;
}


.TituloPadrao {
    font-family: avantgarde_md_btmedium, Arial;
    color: #666666;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2;
    margin: 30px 10px 10px 10px;
}
.subtitulo_tutoriais{
    font-family: avantgarde_md_btmedium, Arial;
    color: #666666;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
    margin: 18px 0px 18px 4px;
}
.tabela_tutoriais_filha{
    font-size: 18px;
}
.subtitulo_padrao{
    font-family: avantgarde_md_btmedium, Arial;
    color: #444;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    margin: 30px 10px 10px 10px;
}
.tabela_indentada .ico-listo{
    margin: 0 1px 0 10px;
}
.TituloPlanos {
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2;
    margin: 30px auto 10px;
}
.TextoPadrao a{
    color: #999;
}
.TextoPadrao a:hover{
    color: #444;
}

.TextoPadrao.texto_resposta a{
    color: #39B0F0;
}
.TextoPadrao.texto_resposta a:hover{
    color: #0E7FB9;
}
.titulo_pergunta_frequente.pergunta_extensa{

}
.titulo_pergunta_frequente{
    font-family: avantgarde_md_btmedium, Arial;
    color: #666;
    font-size: 16px;
}
.blocos_perguntas .TextoPadrao{
    font-size: 15px;
}


.TextoPadrao{
    margin:0 10px;
    font-size: 15px;
    line-height: 1.6;
    font-family: avantgarde_md_btmedium, Arial;
    color: #444;
}

.TextoPlanos {
    color: #444444;
    font-size: 15px;
    line-height: 1.2;
    margin: 24px auto;
    font-family: avantgarde_md_btmedium, Arial;
    display: inline-block;
}

.TextoPlanos a{
    color: #444444;
}
.TextoDescontos {
    font-size: 16px;
    line-height: 1.3;
}
.blocos_perguntas{
    margin-bottom: 40px;
    padding: 0 10px;
}
.area_click{
    cursor: pointer;
}
.bloco_pergunta{
    border-bottom: 1px solid #aaa;
    overflow: hidden;
    height: 80px;

}
.bloco_pergunta.bloco_pergunta_aberto{
    height: auto;
}
.tabela_celula.titulo_pergunta_frequente{
    width: 95%;
}
.pergunta{
    height: 80px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #aaa;
}


.pergunta.pergunta_extensa,
.bloco_pergunta.pergunta_extensa{
    height: 120px;
}
.bloco_pergunta.pergunta_extensa.bloco_pergunta_aberto{
    height: auto;
}
.area_resposta_ajudou{
    height: 80px;
    width: 100%;
    margin-left: 25px;
}
.resp_ajudou_sim{
    width: 30px;
    height: 30px;
    margin:0 5px 0 12px;
    display: inline-block;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -664px -268px;
}
.resp_ajudou_nao{
    width: 30px;
    height: 30px;
    margin:0 5px 0 12px;
    display: inline-block;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -700px -268px;
}
.resp_ajudou_sim.resposta_selecionada{
    background-position: -664px -238px;
}
.resp_ajudou_nao.resposta_selecionada{
    background-position: -700px -238px;
}

.icon_flexa_faq{
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -732px -441px;
}
.faq_aberto{
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -732px -471px;
}
.tabela_celula.icon_flexa{
    max-width: 40px;
}
.bloco_resposta_util{

}
.TextoPadrao.texto_resposta{
    margin:10px 40px 20px 25px;
}
.registro_publicacao{
    margin: 10px 25px;
    font-family: avantgarde_md_btmedium, Arial;
    color: #999;
    font-size: 12px;
    display: inline-block;
    font-style: italic;
    line-height: 20px;
}
.BoxDescontos {
    width: 100%;
    background-color: #eee;
    border-top: 1px dashed #444;
    border-bottom: 1px dashed #444;
    margin: 30px auto 0;
    text-align: center;
}

.BoxDescontos .TextoPlanos {
    font-weight: bold;
    font-size: 16px;
}



.CampoBoxPlanos {
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    color: #666;
    border: 1px solid #666;
    width: 80%;
    min-width: 263px;
    height: 30px;
    margin: 0 auto 24px;
    display: table;
    vertical-align: middle;
    background-image: url("../img/btnSelect.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: center;
}

.CampoBoxPlanos select {
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 16px;
    color: #666;
    line-height: 1.3;
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
}
.TextoBoxPlanos{
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 16px;
    color: #666;
    line-height: 1.3;
    padding: 5px 8px;
    width: 100%;
}
.SeguraTextoBoxPlanos{
    margin: 10px auto;
    max-width: 235px;
}
.SeguraTextoBoxPlanos_TextoBoxPlanos{
    display: block;
    text-align: left;
}
.DescontosTelaPlanos .SeguraTextoBoxPlanos_TextoBoxPlanos br{
    display: none;
}

.CampoBoxPlanos select:focus {
    outline: none;
}
.TxtCampoBoxPlan {
    display: table-cell;
    vertical-align: middle;
}

.SimbolV {
    position: absolute;
    top: 10px;
    right: 12px;
    font-weight: bold;
    display: inline-block;
    width: 17px;
    height: 14px;
    background-image: url("../img/btns.png");
    background-position: -313px -2px;
    background-repeat: no-repeat;
}

.PlanoCinza {
    background-color: #666;
}
.PlanoCinzaClaroUm {
    background-color: #777777;
    visibility: hidden;
}
.PlanoCinzaClaroDois {
    background-color: #888888;
}

.PlanoRoxo {
    background-color: #734F95;
}

.PlanoAzul {
    background-color: #0D82BB;
}

.PlanoLaranja {
    background-color: #EB6538;
}
.PlanoVermelho{
    background-color: #FB0000;
}

.ContainerBlocosPlanos {
    padding: 0 10px;
    max-width: 340px;
    margin: 0 auto;
}
.boxObsPlanosExclusivos{
    color: #444;
    padding: 0 10px;
    max-width: 340px;
    margin: 0 auto;

}
@media all and (min-width: 460px) {
    .boxObsPlanosExclusivos{
        max-width: 100%;
    }
}
.textoObsPlanosExclusivos{
    text-align: left;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 auto 45px;
    font-family: avantgarde_md_btmedium, Arial;
}

.Plano {
    font-family: avantgarde_md_btmedium, Arial;
    margin: 10px 0;
    position: relative;
    padding-bottom: 10px;
}

.Recomendado {
    position: relative;
    z-index: 12;
}

.Recomendado .Plano {
    width: 100%;
    padding: 35px 0;
    margin: 10px 0;
    z-index: 11;
}

.TarjaRecomendado {
    position: absolute;
    top: 18px;
    left: 0;
    width: 106%;
    max-width: 334px;
    z-index: 25;
    height: 33px;
    background-color: #444444;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 34px;
}

.TarjaRecomendadoDetalhe {
    position: absolute;
    top: 27px;
    left: 0;
    width: 106%;
    max-width: 334px;
    z-index: 2;
    height: 33px;
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 34px;
}

.TarjaRecomendadoDetalhe:before {
    height: 0px;
    display: block;
    width: 0px;
    background: transparent;
    border-right: 0px solid transparent;
    border-left: 37px solid #222;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    content: '';
    position: absolute;
    right: -0px;
    top: -18px;
    /*-ms-transform: rotate(28deg);
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
    */
}

.ContemTitPlanos {
    text-align: center;
}
.Recomendado .TitPlanos{
    margin: 69px auto;
}
.TitPlanos {
    margin: 56px auto;
    display: inline-block;
    font-size: 38px;
    line-height: 1.1;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.FaixaColor {
    background-color: rgba(0, 0, 0, 0.1);
    height: 153px;
    text-align: center;
}

.LinhaValorPlanos {
    margin: 46px auto 23px;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-style: italic;
    text-align: center;
}

.NumValPlano {
    font-size: 55px;
}

.BtnContrate {
    margin: 0 auto;
    color: #fff;
    font-size: 19px;
    line-height: 66px;
    text-align: center;
    width: 190px;
    height: 65px;
    border-radius: 50px;
    background-image: url("../img/btns.png");
    background-position: -2px -300px;
    background-repeat: no-repeat;
    display: block;
    -webkit-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
}

.BlocoCaracteristicas {
    margin: 80px 20px 0 20px;
}

.CaracteristicasPlano {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    padding: 5px 0;
    font-style: italic;
    border-bottom: 2px dashed rgba(255, 255, 255, 0.5);
}

.CaracteristicasPlano:last-child {
    border-bottom: none;
    margin-bottom: 40px;
}

.InputMaisPlanos {
    margin: 0 0 30px 0;
    width: 100%;
    padding: 24px 0;
    position: relative;
    background-color: #0D82BB;
    font-family: avantgarde_md_btmedium, Arial;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    display: table;
    vertical-align: middle;
    cursor: pointer;
}

.TextoMaisPlanos {
    margin-left: 22px;
    letter-spacing: 1px;
}
.TextoMaisPlanos a{
    color: inherit;
}

.ContemFlexa {
    display: table-cell;
    vertical-align: middle;
}

.FlechaSelectBranca {
    margin-right: 10px;
    display: block;
    width: 33px;
    height: 20px;
    background-image: url("../img/btns.png");
    background-position: -309px -18px;
    background-repeat: no-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;
}
.FlechaSelectBranca a{
    color: inherit;
}
.OverflowHidden{
    overflow: hidden;
}
.TituloBonusPlanos {
    font-family: avantgarde_md_btmedium, Arial;
    color: #444;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin: 41px auto;
}

.PaiElementoTriplo {
    width: 100%;
    max-width: 255px;
    margin: 0 auto 33px;
}

.ElementoTriplo {
    margin: 0 auto 27px;
    text-align: center;

}

.ContemImgFundoLaranja {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background-image: url("../img/bgLaranja.png");
    background-repeat: repeat;
    text-align: center;
    float: left;
    -webkit-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 16px 20px -12px rgba(0, 0, 0, 0.75);
}

.ImagemBonus {

}

.ImgBonus1 {
    width: 63px;
    height: auto;
    margin: 32px auto;
    display: inline-block;
}

.ImgBonus2 {
    width: 76px;
    height: auto;
    margin: 32px auto;
    display: inline-block;
}

.ImgBonus3 {
    width: 58px;
    height: auto;
    margin: 32px auto;
    display: inline-block;
}

.TextoElementoTriplo {
    font-family: avantgarde_md_btmedium, Arial;
    color: #E24916;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    float: left;
    margin: 55px 0 0 15px;
    width: 113px;
    text-align: left;
}

/*Tela Planos*/
/*Tela Empresa*/

.ContemFones.contemautodj.como_funciona{
    background-image: url("../img/pcM.png");
}
.ContemFones.contemautodj{
    background-image: url("../img/autodjM.png");
}
.ContemFones.igreja.indoor{
    background-image: url("../img/indoorM.png");
}
.ContemFones.igreja{
    background-image: url("../img/igrejaM.png");
    width: 261px;
    height: 317px;
    background-size: auto;
}
.ContemFones{
    width: 300px;
    height: 220px;
    background-image: url("../img/foneempresaM.png");
    background-size: 300px 220px;
    background-repeat: no-repeat;
    margin:0 auto;
}
.TelaEmpresa .TextoPadrao{
    margin:0 10px 30px 10px;
}
/*Tela Empresa*/


/*ContainerPlanosAdicionais*/

.ContainerPlanosAdicionais .ContainerBlocosPlanos{
    
}

.ContainerPlanosAdicionais .BlocoCaracteristicas{
    min-height: 368px;
}
/*ContainerPlanosAdicionais*/
.ContainerPlanosAdicionais .Plano {    min-height: 0px;   }
/*ContainerPlanosAdicionais*/

.SeguraComPaddingDez{
    padding: 0 10px;
}
.BoxDescontos.AbaixoMaisPlanos {
    margin:30px auto;
}
.BoxDescontos.AbaixoMaisPlanos .TextoPlanos {
    max-width: none;
    text-align: center;
}
#AbreFecha{
    overflow: hidden;
}


.Gira {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -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;
}
/*ContainerPlanosAdicionais*/

/*BlocoCadastro do cliente*/

.ContainerBlocosPlanos.BlocoPlanosHorizontal {
    max-width: 1200px;
    padding: 0;
}
.BlocoPlanosHorizontal .Plano{
    margin: 0 0;
    width: 100%;
    min-height: 0;
    padding-bottom: 0;
}
.BlocoPlanosHorizontal .ContemTitPlanos,
.BlocoPlanosHorizontal .FaixaColor{
    width: 33%;
    float: left;
    height: 246px;

}
.BlocoPlanosHorizontal .CaracteristicasPlano{
    text-align: left;
}
.BlocoPlanosHorizontal .CaracteristicasPlano:last-child{
    margin-bottom: 0;
    text-align: left;
}
.BlocoPlanosHorizontal .TitPlanos{
    font-size: 32px;
    margin:37px auto 0;
}
.BlocoPlanosHorizontal .LinhaValorPlanos{font-size: 18px;}
.BlocoPlanosHorizontal .NumValPlano{font-size: 34px}
.BlocoPlanosHorizontal .BlocoCaracteristicas{
    border-top: 1px solid #BCBCBC;
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    min-height: 0;
    font-size: 22px;
    padding: 10px 10px 10px 10px;
}
.TextoPlanos.Desconto{
    font-weight: normal;
}
.Desconto_Valor{
    font-size: 40px;
}
.Desconto_ValorTotal{
    font-size: 35px;
}
.Desconto_Azul{
    color: #0078B6;
}
/*BlocoCadastro do cliente*/
/*BlocoFormulario do cadastro de cliente*/
.InputFormulario::-webkit-input-placeholder{ font-family: avantgarde_md_btmedium, Arial;    font-size: 19px;    color: #000;}
.InputFormulario::-moz-placeholder{ font-family: avantgarde_md_btmedium, Arial;    font-size: 19px;    color: #000;}
.InputFormulario:-moz-placeholder{ font-family: avantgarde_md_btmedium, Arial;    font-size: 19px;    color: #000;}
.InputFormulario:-ms-input-placeholder{ font-family: avantgarde_md_btmedium, Arial;    font-size: 19px;    color: #000;}.InputFormulario::-webkit-input-placeholder{ font-family: avantgarde_md_btmedium, Arial;    font-size: 19px;    color: #000;}
.SelectFormulario.erro,
.InputFormulario.erro{
    background-color: #FC8F8F;
}
.no-placeholder input {
    display: block;
}
.no-placeholder label {
    display: block;
}
.BlocoFormulario{
    width: 100%;
}
.bloco_form_search{
    width: 100%;
    position: relative;
    margin-top: 50px;
    margin-bottom: -10px;
}

.CadastrodeCliente{
    margin-top:14px;
}
.LabelFormulario{
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 16px;
    color: #202020;
    text-align: left;
    display: none;
    text-indent: 20px;
    line-height: 37px;
}
.obsPagamento{
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 14px;
    color: #868686;
    text-align: right;
    display: none;
    text-indent: 20px;
    line-height: 37px;
    padding-right: 15px;
}
.SelectFormulario{
    margin:0 auto 6px;
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 19px;
    color: #202020;
    display: block;
    border: 1px solid #222222;
    width: 100%;
    height: 66px;
    padding:0 0 0 20px;
    border-radius: 35px;
    outline: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/btnSelectG.png");
    background-position: 95% center;
    background-repeat: no-repeat;
}
select:focus {
    outline: none;
}
.InputFormulario{
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 19px;
    color: #202020;
    display: block;
    border: 1px solid #222222;
    width: 100%;
    height: 66px;
    border-radius: 35px;
    text-indent: 20px;
    outline: none;
}
.InputFormularioMaior{
    height: 120px;
}
.TextAreaFormContato{
    resize: none;
}
.TextAreaFormContato{
    height: 301px;
    padding-top: 15px;
}
.FormulariodeContato .CaptxaEButton{
    margin-top: 20px;
}
.CadastrodeCliente_InputFormulario{
    margin:0 auto 6px;
}
.Busca_faq_InputFormulario{
    position: relative;

}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration  {
    -webkit-appearance: none;
}
.btn_busca_form_search{
    position: absolute;
    right: 23px;
    top: 12px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    background-image: url("../img/btns.png");
    background-position: -581px -250px;
    background-repeat: no-repeat;

}
.upload{
    position: relative;
    overflow: hidden;
}
.InputFormulario_Miragem{
    position: relative;
    border:none;
    z-index: 9;
    background-image: url("../img/anexo.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}
.GostInput{
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    height: 66px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: 15;
}
.FormasPagtoCadastro{
    max-width: 575px;
    margin: 35px auto 28px;
    text-align: center;
}
.FormasPagtoCadastro_Texto{
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 16px;
    color: #1F1F1F;
    margin-bottom: 11px;
}
.SeguraPagSeguro{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.SeguraPagSeguro{
}
.ajuste_texto_compagseguro{
    margin-bottom: 0;
}

.texto_superior {
    margin: 24px auto 0;
}

.form_pgseguro{
    display: block;
    vertical-align: middle;
    height: 30px;
    margin-top: -27px;
    margin-bottom: -27px;
}
.span-form_pgseguro{
    display: block;
}
.texto_inferior{
    display: block;
    margin: 10px auto 30px;
}
.SeguraPagSeguro input{
    position: relative;
}
.SeguraPagSeguro .PagSeguroBlack{
    position: relative;
}
.SeguraPagSeguro .Cortina{
    display: none;
    height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 15;
}
.SeguraPagSeguro.Desabilitado .Cortina{
    display: block;
}
.SeguraPaSeguro.Desabilitado input,
.SeguraPaSeguro.Desabilitado .PagSeguroBlack{
    /*opacity: 0.4;
    filter: alpha(opacity=40);*/
}
.SeguraPaSeguro.Desabilitado .Cortina{

}
.FormasPagtoCadastro_Radio{
    display: inline-block;
    vertical-align: middle;
}
.FormasPagtoCadastro_BoletoBlack{
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
}
.FormasPagtoCadastro_PagSeguroBlack{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.Captcha{
    width: 305px;
    margin: 0 auto;
}
.BtnFinalizar{
    font-family: avantgarde_md_btmedium, Arial;
    font-size: 25px;
    color: #fff;
    border: none;
    width: 299px;
    height: 66px;
    border-radius: 35px;
    background-image: url("../img/btns.png");
    background-position: 0px -368px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.CadastrodeCliente_BtnFinalizar{
    margin: 39px auto 30px;
    display: block;
}
.ConfirmacaoPagto.BoxDescontos{
    margin:0px auto 80px;
    display: none;
}

.ConfirmacaoPagto.BoxDescontos .TextoPlanos{
    max-width: 100%;
    vertical-align: middle;
    font-style: normal;
    text-align: center;
}
.ConfirmacaoPagto .TextoPlanos a{
    color: inherit;
    font-weight: bold;
    letter-spacing: 2px;
    color: #3F97C5;
}
.Icon-Error{
    width: 47px;
    height: 35px;
    background-image: url("../img/btns.png");
    background-position: -687px -145px;
    background-repeat: no-repeat;
}
.Icon-hours{
    display: inline-block;
    width: 19px;
    height: 18px;
    margin:0 3px 0 0;
    background-image: url("../img/btns.png");
    background-position: -741px -513px;
    background-repeat: no-repeat;
}
.Icon-Ok{
    width: 47px;
    height: 35px;
    background-image: url("../img/btns.png");
    background-position: -687px -97px;
    background-repeat: no-repeat;
}
.ConfirmacaoPagto .Icon-Ok{
    display: inline-block;
    vertical-align: middle;
}
.ConfirmacaoPagto .Icon-Error{
    display: inline-block;
    vertical-align: middle;
}
.InputCampoPagto{

}
/*Preloder*/
.contempreloader{
    width: 90px;
    overflow: visible;
    height: 40px;
    margin: 25px auto 0;
}
#preloader_1{
    position:relative;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 5px;
    height: 5px;
    background:#ffffff;
    position:absolute;
    left: 11px;
}
#preloader_1.on-animation span{
    animation: preloader_1 .5s  infinite ease-in-out;
}
#preloader_1.off-animation span{
    animation: none;
}

#preloader_1 span:nth-child(1){
    left:11px;
    animation-delay: .1s;
}
#preloader_1 span:nth-child(2){
    left:22px;
    animation-delay: .3s;
}
#preloader_1 span:nth-child(3){
    left:33px;
    animation-delay: .1s;
}
#preloader_1 span:nth-child(4){
    left:44px;
    animation-delay: .2s;
}
#preloader_1 span:nth-child(5){
    left:54px;
    animation-delay: .5s;
}
#preloader_1 span:nth-child(6){
    left:64px;
    animation-delay: 0.6s;
}
@keyframes preloader_1 {
    0% {height:15px;transform:translateY(7px);background:#fff;}
    25% {height:30px;transform:translateY(15px);background:#fff;}
    50% {height:20px;transform:translateY(10px);background:#fff;}
    75% {height:15px;transform:translateY(7px);background:#fff;}
    100% {height:10px;transform:translateY(5px);background:#fff;}
}

.alignvertical{
    right: 17%;
    bottom: 50px;
    position: absolute;
    width: 90px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
/*Preloder*/
/*BlocoFormulario do cadastro de cliente*/
/*bloco_tutoriais*/
.contem_blocos_tutoriais{
    margin: 85px auto 100px;
}
.bloco_tutoriais{
    margin-bottom: 50px;
}
.tabela_tutoriais{
    width: 98%;
    margin:0 auto;
    height: 66px;
    display: table;
    background-color: #eee;
    border:1px solid #c8c8c8;
    margin-bottom:3px;
}
.tabela_tutoriais_filha{
    font-family: avantgarde_md_btmedium, Arial;
    color: #666;
    display: table-cell;
    vertical-align: middle;
}
.texto_tabela_filha{
    margin-left:9px;
}
.tabela_tutoriais_filha-last_child{
    width: 70px;
}
.btn-youtube{
    width: 52px;
    height: 42px;
    background-color: #FF5C26;
    background-image: url("../img/btns.png");
    background-position: -692px -16px;
    background-repeat:no-repeat;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    cursor: pointer;
    display: block;
}
.btn-youtube:hover{
    color: auto;
    text-decoration: none;
}
.img_monte_sua_radio{
    display: block;
    margin: 90px auto;
    width: 100%;
    max-width: 901px;
}
.img_inline_text{
    vertical-align: middle;
    margin:0 5px 0 0;
}
.container_blocos_mobiel{
    width: 96%;
    margin:0 auto;
}
.bloco_unitario{
    width: 100%;
    margin:0 auto 20px;
}
.bloco_unitario .tabela_five_cols-col{ float: left;   width: 49%;}

/*tabela_five_cols*/
.tabela_five_cols{
    font-family: montserratregular;
    text-align: center;
}
.tabela_five_cols-col{
    float: left;
    width: 19%;
    margin-right: 1%;
    /*border-right: 1px solid #AEAEAE;
    border-bottom: 1px solid #AEAEAE;*/
    -webkit-box-shadow: 3px 4px 4px 0px rgba(174,174,174,0.39);
    -moz-box-shadow: 3px 4px 4px 0px rgba(174,174,174,0.39);
    box-shadow: 3px 4px 4px 0px rgba(174,174,174,0.39);

}
.tabela_five_cols-col.first_col_unitaria{
    -webkit-box-shadow: -7px 4px 4px 4px rgba(174,174,174,0.39);
    -moz-box-shadow: -7px 4px 4px 4px rgba(174,174,174,0.39);
    box-shadow: -7px 4px 4px 4px rgba(174,174,174,0.39);
}
.tabela_five_cols-line{
    display: block;
}
.texto_coluna_five{
    color: #666;
    vertical-align: middle;
}
.titulo_coluna_five{
    color: #999;
    font-size: 30px;
    display: block;
    vertical-align: middle;
    display: table-cell;
}
.titulo_coluna_five.tit_destaque {
    font-size: 45px;
}
.texto_coluna_five.txt_p{
    font-size: 14px;
}
.tabela_five_cols-line{
    display: table;
    height: 75px;
    width: 100%;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
.texto_coluna_five{
    display: table-cell;
}
.tabela_five_cols-line.line_first{
    height: 99px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.texto_coluna_five.txt_m{
    font-size: 20px;

}
.texto_coluna_five.txt_g{
    font-size: 24px;
}
/*tabela_five_cols*/
/*bloco_tutoriais*/

/*compare as versões*/
.border_full{
    -webkit-box-shadow: 0px 4px 4px 0px rgba(174,174,174,0.39);
    -moz-box-shadow: 0px 4px 4px 0px rgba(174,174,174,0.39);
    box-shadow: 0px 4px 4px 0px rgba(174,174,174,0.39);
}
.border_right{
    -webkit-box-shadow: 3px 4px 4px 0px rgba(174,174,174,0.39);
    -moz-box-shadow: 3px 4px 4px 0px rgba(174,174,174,0.39);
    box-shadow: 3px 4px 4px 0px rgba(174,174,174,0.39);
}
.contem_tabela_para_compare_versoes{
    margin-top: 80px;
}
.col_comp_versoes{
    max-width: 389px;
    margin: 0 auto;
}
.linha_comp_versoes{
    height: 37px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #EEE;
    position: relative;
}
.tabela{
    display: table;
    vertical-align: middle;
}
.tabela_celula{
    display: table-cell;
    vertical-align: middle;
}
.tabela_texto_titulo{
    font-family: morningtyperegular;
    font-size: 45px;
    color: #999;
    font-weight: bold;
    letter-spacing: 3px;
}
.tabela_texto_subtitulo{
    font-family: morningtyperegular;
    font-size: 24px;
    color: #666;
    width: 100%;
    height: auto;
}
.tabela_texto_subtitulo.tem{
    color: #00D900;
    background-image: none;
    width: 100%;
    height: auto;
}
.tabela_texto_subtitulo.nao_tem{
    text-decoration:line-through;
    color: #FF4D4D;
    background-image: none;
    width: 100%;
    height: auto;
}

.tabela_texto_subtitulo.tem.destaque{
    color: #00D900;
}
.tabela_texto_subtitulo.nao_tem.destaque{
    color: #FF4D4D;
}

.tabela_texto_Site{
    font-family: morningtyperegular;
    font-size: 50px;
    color: #444;
    font-weight: bold;
    letter-spacing: 3px;
    margin:63px auto 30px;
}
.tabela_texto_valor.azul{
    color: #138BC1;
}
.tabela_texto_valor{
    font-family: morningtyperegular;
    font-size: 55px;
    color: #999;
    font-weight: bold;
}
.tabela_texto_valor.destaque{
    color: #8E6EAD;
}
.tabela_texto_valor .txt_pqno{
    font-size: 30px;
    font-weight: normal;
}
.tabela_texto_valor .destaque{
    color: #D73500;
}
.nao_tem{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -742px -340px;
}
.tem{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../img/btns.png");
    background-repeat: no-repeat;
    background-position: -742px -366px;
}
.linha_comp_versoes-firstchild{
    display: none;
}
.nao_tem.destaque{
    background-position: -742px -393px;
}
.tem.destaque{
    background-position: -742px -424px;
}
.coluna_destaque{
    border-top: 1px solid #128AC0;
}
.tag_destaque{
    font-family: morningtyperegular;
    font-size: 23px;
    background-color: #8E6EAD;
    height: 44px;
    width: 201px;
    margin: 0 auto;
    color: #fff;
    border-radius: 50px;
    line-height: 41px;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
}
.btn_compare_versoes{
    display: block;
    width: 100%;
    max-width: 240px;
    margin:22px auto 90px;
    height: 52px;
    border-radius: 30px;
    color: #fff;
    font-size: 33px;
    line-height: 45px;
    text-align: center;
    font-family: morningtyperegular;
    background-image: url("../img/btns.png");
}
.btn_compare_versoes.cinza{
    background-position: -478px -896px;
}
.btn_compare_versoes.roxo{
    background-position: 0px -520px;

}
.btn_compare_versoes.azul{
    background-position: -339px -42px;
}
.link_demo{
    font-family: avantgarde_md_btmedium, Arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin:0 auto 30px;
}
.link_demo_baixo{
    font-family: avantgarde_md_btmedium, Arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 35px auto 10px;
}

.link_demo.cinza,.link_demo_baixo.cinza{color:#7A7A7A;}

.link_demo.roxo,.link_demo_baixo.roxo{color:#8E6EAD;}

.link_demo.azul,.link_demo_baixo.azul{color:#138BC1;}

/*compare as versões*/

.masc{
    cursor: text;
    display: inline-block;
    width: 318px;
    color: #fff;
    text-shadow:
        /*#1B9E02 0px 0px 0px, #1B9E02 0px 0px 0px, #1B9E02 2px 1px 1px, #1B9E02 1px 1px 1px;*/
            #1B9E02 1px -1px 2px,
            #1B9E02 -1px 1px 2px,
            #1B9E02 1px 1px 2px,
            #1B9E02 -1px -1px 2px;
}
@media all and (min-width: 460px) {

    /*bloco_tutoriais*/



    .BannerStage1 {
        display: none;
    }

    .BannerStage2 {
        display: block;
    }

    .BannerStage3 {
        display: none;
    }

    .BannerStage4 {
        display: none;
    }

    .Logo {
        width: 131px;
        height: 94px;
        background-image: url("../img/LogoP_1.png");
    }

    .ContainerTelefonesTopo {
        text-align: center;
    }

    .ContainerTelefonesTopo,
    .ParteSuperiordoHead {
        height: 70px;
    }

    .TelefoneTopo {
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }
    .ContainerTelefonesTopo .foneComWats {
        color:#95FF82;
    }
    .foneComWats {
        color:#fff;
    }
    .foneComWats .Fone {
        color:#95FF82;
    }
    .TelefoneTopo.foneComWats{
        position: relative;
    }
    .Watssapp-icon{
        display: inline-block;
        width: 19px;
        height: 22px;
        background-image: url("../img/WhatsApp_Icon.png");
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 6px;
    }
    .EnderecoRodape .InfoWats{
        position: relative;
        position: relative;
        top: initial;
        width: 100%;
        text-align: center;

    }
    .foneComWats  a .InfoWats{
        color:#DDFFD7;
    }

    .InfoWats{
        color:#95FF82;
        position: absolute;
        width: 269px;
        text-align: left;
        top: 22px;
        line-height: 24px;
        font-size: 13px;
    }
    .TelefoneTopo:first-child {
        display: block;
    }
    /*Secao Novidades*/
    .TextoNovidades {
        font-size: 25px;
    }
    .BotaoSaibaMaisNovidades.Branco {
        width: 168px;
        height: 46px;
        background-position: -402px -239px;
        line-height: 28px;
    }
    /*Secao Novidades*/
    /*Secao AssineagoraRadio*/
    .TextoRadio {
        font-size: 22px;
    }
    /*Secao AssineagoraRadio*/
    /*Sessão OucaARadio*/
    /*Sessão OucaARadio*/
    .TituloAzul {
        font-size: 27px;
    }
    /*Sessão Servidores*/
    /*Nossa Plataforma*/
    .TextoPlataforma {
        font-size: 25px;
    }
    /*Nossa Plataforma*/
    /*CompareAsVersoes*/
    .TituloSiteAdministravel {
        font-size: 45px;
    }
    .BtnCompareVersoes {
        font-size: 17px;
        width: 369px;
        height: 40px;
        border-radius: 50px;
        background-position: -4px -252px;
    }
    .EfeitoLinha {
        display: block;
    }
    .SiteSeguro {
        width: 170px;
        height: 63px;
        background-position: -1px -98px;
    }
    /*CompareAsVersoes*/
    /*SessaoFooter*/
    .ContemSiteSeguro {

        width: 170px;
        height: 133px;
    }

    .ContemFormasPagto {

        width: 182px;
        height: 133px;

    }

    .SeguraPagtos {
        width: 190px;
        height: 115px;
    }

    .FormasdePagto {
        background-size: 182px 166px;
    }

    .Boleto {
        width: 50px;
        height: 52px;
        background-position: 0px 0px;
    }

    .Pagseguro {
        width: 127px;
        height: 27px;
        background-position: -57px -4px;
    }

    .Hiper {
        width: 48px;
        height: 34px;
        background-position: -5px -63px;
    }

    .Master {
        width: 48px;
        height: 34px;
        background-position: -65px -63px;
        margin: 0 15px;
    }

    .Visa {
        width: 48px;
        height: 34px;
        background-position: -124px -63px;
    }

    /*SessaoFooter*/
    /*Tela Planos*/
    .BtnContrate {
        font-size: 19px;
        line-height: 53px;
        width: 141px;
        height: 48px;
        border-radius: 50px;
        background-image: url("../img/btns.png");
        background-position: -204px -308px;
        background-repeat: no-repeat;
        display: block;
        outline: none;
        border: none;
        cursor: pointer;
    }

    .NumValPlano { font-size: 43px;    }
    .TituloPadrao {        font-size: 35px;    }
    .subtitulo_tutoriais{
        font-size: 24px;
    }
    .tabela_tutoriais_filha{
        font-size: 20px;
    }
    .subtitulo_padrao{ font-size: 22px;   }
    .TituloPlanos {        font-size: 35px;    }
    .TextoPadrao{        font-size: 20px;    }
    .titulo_pergunta_frequente.pergunta_extensa{

    }


    .TextoPlanos {       font-size: 20px;    }
    .TextoPlanos a{
        font-size: inherit;
        color: inherit;
        font-family: inherit;
    }
    .TextoDescontos {        font-size: 20px;    }
    .BoxDescontos .TextoPlanos {        font-size: 20px;    }
    .Recomendado,
    .Plano {
        min-height: 880px;
    }
    .Plano {   margin: 20px 0;    }
    .Recomendado .Plano {
        padding: 35px 0 0;
        margin: -15px 0;
        min-height: 930px;
    }

    .ContainerBlocosPlanos{
        max-width: 100%;
    }
    .TarjaRecomendado{
        max-width: 106%;
    }
    .TarjaRecomendadoDetalhe {
        top: 3px;
        max-width: 106%;
    }
    .TituloBonusPlanos{
        margin:47px auto 58px;
    }
    .PaiElementoTriplo{
        max-width: 100%;
        text-align: center;
    }
    .ElementoTriplo{
        width: 33.33%;
        float: none;
        display: block;
        text-align: center;
        float: left;
    }
    .ContemImgFundoLaranja{
        float: none;
        display: block;
        margin:0 auto;
    }
    .TextoElementoTriplo {
        font-family: avantgarde_md_btmedium, Arial;
        color: #E24916;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        float: none;
        margin: 13px auto 0;
        text-align: center;
        display: inline-block;

    }
    /*Tela Planos*/
    /*Tela Empresa*/
    .ContemFones{
        width: 384px;
        height: 284px;
        background-size: 384px 284px;
    }
    /*Tela Empresa*/
    /*BlocoCadastro do cliente*/
    .BlocoPlanosHorizontal .BlocoCaracteristicas{
        padding:10px 0;
    }
    .BlocoPlanosHorizontal .TitPlanos{font-size: 38px;}
    .BlocoPlanosHorizontal .LinhaValorPlanos{font-size: 24px;}
    .BlocoPlanosHorizontal .NumValPlano{font-size: 55px}

    .BlocoPlanosHorizontal .CaracteristicasPlano{
        font-size: 22px;
        width: 100%;


    }
    .CaracteristicasPlano_Metade{
        float: left;
        width: 48%;
        margin:0 1%;
    }
    .BtnFinalizar{
        width: 439px;
    }
    .MetadeDirInferior_Esq{
        width: 49.2%;
        float: left;
    }
    .MetadeDirInferior_Dir{
        width: 49.2%;
        float: right;
    }
    /*BlocoCadastro do cliente*/
}

@media all and (min-width: 728px) {

    .titulo_pergunta_frequente{
        font-size: 22px;
    }
    .blocos_perguntas .TextoPadrao{
        font-size: 20px;
    }

    .alignvertical{
        right: -50%;
        bottom: 24px;
    }
    .BannerStage1 {
        display: none;
    }

    .BannerStage2 {
        display: none;
    }

    .BannerStage3 {
        display: block;
    }

    .BannerStage4 {
        display: none;
    }

    .OffTablet {
        display: none;
    }

    .OnTablet {
        display: block;
    }

    .Logo {

        width: 167px;
        height: 119px;
        background-image: url("../img/LogoM.png");
    }

    .ContainerTelefonesTopo {
        font-size: 16px;
    }

    .TelefoneTopo {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;

    }

    .TelefoneTopo:first-child {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 26px;
    }

    .MenuResponsivoTablet {
        width: 100px;
        height: 30px;
        display: block;
        position: absolute;
        left: 20px;
        bottom: -95px;
        cursor: pointer;
    }

    .SeguraSandwich {
        width: 37px;
        height: 26px;
        display: block;
        float: left;
        cursor: pointer;
    }

    .BarrinhaMenu {
        width: 37px;
        height: 6px;
        background-color: #fff;
        border-radius: 6px;
        margin: 2px auto;
        display: block;
        float: left;
    }

    .TextoMenuSandwich {
        display: block;
        color: #fff;
        font-size: 20px;
        font-family: source_sans_prosemibold;
        font-weight: bold;
        margin: 3px 0 0 5px;
        float: left;
    }

    .ChatTopo {
        position: absolute;
        right: 20px;
        bottom: -95px;
    }

    /*Secao Novidades*/
    .TextoNovidades {
        font-size: 30px;
    }

    .DataNovidades {
        font-size: 22px;
    }

    .TituloNovidades {
        display: block;
        float: none;
    }

    .SeguraLinhaNovidade {
        float: none;
        display: block;
    }

    .BotaoSaibaMaisNovidades {
        float: none;
        margin: 20px auto 10px;
        width: 168px;
        height: 46px;
        background-position: -137px -3px;
        font-size: 19px;
        line-height: 24px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

    /*Secao Novidades*/
    /*Secao AssineagoraRadio*/
    .AssineagoraRadio {
        padding: 25px 0 5px 0;
    }

    .ContainerRadio {
        float: right;
        width: 44%;
    }

    .ContemRadio {
        width: 308px;
        height: 235px;
        -webkit-background-size: 308px 235px;
        background-size: 308px 235px;
    }

    .ContemTextoRadio {
        float: left;
        width: 56%;
        text-align: left;

    }

    .TextoRadio {
        margin: 25px 0 0 0;
    }

    .BotaoAssineAgora {
        float: left;
    }

    /*Secao AssineagoraRadio*/
    /*Sessão OucaARadio*/
    .OucaARadio {
        background-image: url("../img/Bg_OucaradioP.jpg");
        background-repeat: no-repeat;
        background-position: right;
        height: 353px;
    }

    .ContemPlayer {
        height: 353px;
    }

    .SeguraPlayer {
        width: 420px;
        float: left;
    }

    .EfeitoDireitaPlayer {
        display: block;
        position: absolute;
        right: -120px;
        height: 353px;
        width: 200px;
        -webkit-transform: skew(34deg); /* Chrome, Opera */
        -ms-transform: skew(34deg); /* IE */
        transform: skew(34deg); /* Padrão */
        overflow: hidden;
    }

    .EfeitoDireitaPlayer.FundoRoxoOuca {
        width: 260px;
    }

    .EfeitoDireitaPlayer .ContemPlayer {
        width: 500px;
        -webkit-transform: skew(-34deg); /* Chrome, Opera */
        -ms-transform: skew(-34deg); /* IE */
        transform: skew(-34deg); /* Padrão */
    }

    .FundoRoxoOuca {
        height: 353px;
        width: 100%;
    }

    .TituloOucaRadio {
        margin: 49px auto;
        display: block;
        font-family: avantgarde_md_btmedium;
        font-size: 36px;
        text-align: center;
        color: #fff;
        background-color: #6D4990;
        width: 100%;
        height: 58px;
        line-height: 65px;
    }
    .AnuncioOucaradio {
        font-size: 18px;
        width: 195px;
        line-height: 25px;
    }
    .Player {
        width: 195px;
        height: auto;
        /*margin: 0 auto 41px;*/
    }


    .LinhaComandos {
        position: relative;
        width: 195px;
        height: 60px;
        /*margin: 20px auto 0;*/
    }


    .SomAnterior {
        width: 46px;
        height: 45px;
    }
    .BotaoSomAnterior {
        width: 45px;
        height: 45px;
        background-position: 0px -58px;
    }
    .PlaySom {
        width: 41px;
        height: 57px;
    }
    .Player2 .LinhaComandos {
        text-align: center;
        width: 90px;
        height: 70px;
    }
    .Player2 .PlaySom {
        float: none;
        margin: 11px 0 0 26px;
    }
    .ContemPlayerMusic .Player.Player2 {
        top: 160px;
    }
    .BotaoPlay {
        width: 41px;
        height: 57px;
        background-position: -86px -52px;
    }
    .BotaoPause{
        width: 41px;
        height: 57px;
    }
    .DesenhoPause{
        display: block;
        border-left: 12px solid #fff;
        border-right: 12px solid #fff;
        height: 57px;
        width: 30px;

    }
    .SomProximo {
        width: 45px;
        height: 45px;
    }
    .BotaoSomProximo {
        width: 45px;
        height: 45px;
        background-position: -154px -58px;
    }
    /*Sessão OucaARadio*/
    /*playermusic*/
    .ContemPlayerMusic {
        height: 353px;
    }
    .ContemPlayerMusic .TituloOucaRadio {
        position: absolute;
        width: 414px;
        height: 64px;
        top: 57px;
        left: 85px;
    }
    .EfeitinhoTituloOucaRadio {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 22px;
        top: -42px;
    }
    .EfeitinhoTituloOucaRadio:before {
        height: 10px;
        display: block;
        width: 30px;
        background: transparent;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        border-top: 19px solid #412222;
        border-bottom: 2px solid transparent;
        content: '';
        position: absolute;
        right: -21px;
        top: 25px;
        -ms-transform: rotate(28deg);
        -webkit-transform: rotate(28deg);
        transform: rotate(28deg);
    }
    .ContemPlayerMusic .Player {
        position: absolute;
        top: 190px;
        left: 105px;
        width: 313px;
    }
    .PlaySom {
        margin: 0 28px 0 30px;
    }

    /*playermusic*/
    /*Sessão Servidores*/
    .ContemServer {
        width: 322px;
        height: 311px;
        background-image: url("../img/serverM.png");
        width: 322px;
        height: 311px;
    }
    .TituloAzul {
        font-size: 46px;
    }
    /*Sessão Servidores*/
    /*Nossa Plataforma*/
    .TextoPlataforma {
        font-size: 30px;
        margin: 83px auto 63px auto;
    }
    .Elemento {
        margin-bottom: 60px;
    }
    .ImagemElemento {
        width: 90px;
    }
    /*Nossa Plataforma*/
    /*CompareAsVersoes*/
    .FundoEnfumacado,
    .CompareAsVersoes {
        background-image: url("../img/fundocompareasversoesG.jpg");
    }
    .IconSiteAdministravel {
        width: 243px;
        height: 262px;
        margin: 40px auto 0;
    }
    .Superior .IconSiteAdministravel {
        background-image: url("../img/compareMusicG.png");
    }
    .Inferior .IconSiteAdministravel {
        background-image: url("../img/comparePlayg.png");
    }
    .ContainerIcon {
        width: 36%;
    }
    .Superior .ContainerIcon {
        float: left;
    }
    .Superior .ContainerTextoSiteAdministravel {
        float: left;
        width: 64%;
        margin: 30px 0;
    }
    .Inferior .ContainerIcon {
        float: right;
    }
    .Inferior .ContainerTextoSiteAdministravel {
        float: right;
        width: 64%;
        margin: 30px 0;
    }
    .BtnCompareVersoes {
        font-size: 30px;
        width: 610px;
        height: 66px;
        padding: 13px 32px;
        background-position: -3px -114px;
        line-height: 40px;
    }
    .EfeitoLinha {
        width: 97%;
        height: 28px;
    }
    /*CompareAsVersoes*/
    /*SessaoFooter*/
    .ContainerAtendimento {
        margin: 0 auto 10px;
    }
    .LimitadoraAtendimento {
        width: 95%;
        margin: 0 auto;
    }
    .ChatRodape {
        width: 278px;
        height: 42px;
        background-color: #ccc;
        position: fixed;
        right: 2%;
        bottom: 0;
        border-radius: 9px 8px 0 0;
        z-index: 20;
        cursor: pointer;
    }
    .RodapeOnline{
        background-color: #734F95;
    }
    .Quadrado {
        width: 24px;
        height: 21px;
        background-color: #fff;
        text-align: center;
        display: block;
        float: left;
        margin: 10px;
    }
    .Quadrado::after {
        display: block;
        background: transparent;
        border-right: 9px solid #fff;
        border-left: 0px solid transparent;
        border-top: 0px solid transparent;
        border-bottom: 10px solid transparent;
        content: '';
        margin-right: 5px;
    }
    .Quadrado b {
        display: inline-block;
        line-height: 4px;
        width: 3px;
        margin-top: 9px;
        height: 3px;
        background-color: #734F95;
    }
    .Quadrado b:first-child {
        margin: 0 0 0 1px;
    }
    .Quadrado2 {
        width: 24px;
        height: 21px;
        background-color: #fff;
        text-align: center;
        display: block;
        float: left;
        margin-left: 4px;
        margin-right: 14px;
        margin-top: 8px;
        margin-bottom: 70px;
    }
    .Quadrado2::after {
        display: block;
        background: transparent;
        border-right: 9px solid #fff;
        border-left: 0px solid transparent;
        border-top: 0px solid transparent;
        border-bottom: 10px solid transparent;
        content: '';
        margin-right: 5px;
    }
    .Quadrado2 b {
        display: inline-block;
        line-height: 4px;
        width: 3px;
        margin-top: 9px;
        height: 3px;
        background-color: #734F95;
    }
    .Quadrado2 b:first-child {
        margin: 0 0 0 1px;
    }
    .TextChatOnline {
        font-size: 16px;
        font-family: avantgarde_md_btmedium, Arial;
        color: #fff;
        display: block;
        float: left;
        margin: 15px 0 0 23px;
    }
    .TextChatOnlineOff {
        font-size: 16px;
        font-family: avantgarde_md_btmedium, Arial;
        color: #000;
        display: block;
        float: left;
        margin: 0 0 0 23px;
    }
    .ImgChatOnline {
        background-image: url("../img/bgchatonline.png");
        background-repeat: no-repeat;
        width: 16px;
        height: 10px;
        display: block;
        float: right;
        margin: 15px 10px;
    }
    /*SessaoFooter*/
    /*SessaoFooter*/
    /*Tela Planos*/
    .BtnContrate {
        font-size: 16px;
        line-height: 43px;
        width: 117px;
        height: 40px;
        background-position: -353px -312px;
    }
    .LinhaValorPlanos {font-size: 22px;}
    .NumValPlano { font-size: 35px;    }
    .TituloPadrao {font-size: 55px;    }
    .subtitulo_tutoriais{
        font-size: 30px;
    }
    .tabela_tutoriais_filha{
        font-size: 25px;
    }
    .subtitulo_padrao{  font-size: 25px;  }
    .TituloPlanos {font-size: 55px;    }
    .TextoPlanos { font-size: 22px;    }
    .Recomendado,
    .Plano {
        width: 33.333%;
        float: left;
    }
    .TarjaRecomendadoDetalhe {top: 53px;}
    .Plano { margin: 70px 0;
        min-height: 852px;
    }
    .Recomendado .Plano {
        padding: 35px 0;
        margin: 35px 0;
        min-height: 907px;
    }
    .TituloBonusPlanos{
        font-size: 46px;
    }
    .ContemImgFundoLaranja {
        width: 198px;
        height: 198px;
    }
    .TextoElementoTriplo{
        font-size: 23px;
        margin:16px auto 0;
    }
    .ImgBonus1{
        width: 105px;
        height: 103px;
        margin:47px auto;
    }
    .ImgBonus2{
        width: 130px;
        height: 94px;
        margin:53px auto;
    }
    .ImgBonus3{
        width: 97px;
        height: 102px;
        margin:46px auto;
    }
    /*Tela Planos*/
    /*Tela Empresa*/
    .ContemFones{
        width: 359px;
        height: 263px;
        background-size: 359px 263px;
    }
    .TelaEmpresa .TituloPadrao{
        float: none;
        text-align: center;
    }
    .subtitulo_padrao{    }
    .TelaEmpresa .ContemFones{
        float: right;
    }
    .TelaEmpresa .ContemServer{
        float: left;
        margin:0px 40px 40px 40px;
    }
    /*Tela Empresa*/
    /*ContainerPlanosAdicionais 728px*/
    .ContainerPlanosAdicionais .Plano {
        width: 33%;        margin:2px 0;
    }
    /*ContainerPlanosAdicionais*/
    /*BlocoCadastro do cliente*/
    .ContainerBlocosPlanos.BlocoPlanosHorizontal{

    }
    .BlocoPlanosHorizontal .TitPlanos{
        font-size: 31px;
        margin:85px auto 0;
    }
    .BlocoPlanosHorizontal .LinhaValorPlanos{
        margin:100px auto 23px;
        font-size: 17px;
    }
    .BlocoPlanosHorizontal .NumValPlano{font-size: 35px}
    .BlocoPlanosHorizontal .CaracteristicasPlano{
        font-size: 17px;


    }

    .BlocoPlanosHorizontal .ContemTitPlanos{
        width: 22%;
        float: left;
    }
    .BlocoPlanosHorizontal .FaixaColor {
        width: 22%;
        float: left;
    }
    .BlocoPlanosHorizontal .BlocoCaracteristicas {
        border-top: none;
        width: 56%;

    }
    .MetadeDirInferior_Esq{width: 40%}
    .MetadeDirInferior_Dir{width: 57.8% }
    .BtnFinalizar{
        width: 726px;
    }
    .FormasPagtoCadastro_Texto{
        margin-top: 20px;
    }
    .FormasPagtoCadastro_Boxmetade{
        float: left;
        width: 50%;
        text-align: right;
    }
    .FormasPagtoCadastro_BoxRadios{

    }
    /*BlocoCadastro do cliente*/
}

@media all and (min-width: 950px) {
    /*BlocoCadastro do cliente*/
    .BlocoPlanosHorizontal .TitPlanos{        font-size: 36px;    }
    .BlocoPlanosHorizontal .NumValPlano{        font-size: 42px    }
    .BlocoPlanosHorizontal .CaracteristicasPlano{
        font-size: 17px;

    }
    .BlocoPlanosHorizontal .ContemTitPlanos,
    .BlocoPlanosHorizontal .FaixaColor {
        width: 20%;
        float: left;
    }
    .BlocoPlanosHorizontal .BlocoCaracteristicas {        width: 60%;    }
    /*BlocoCadastro do cliente*/


    .form_pgseguro{
        display: inline-block;
        height: 36px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .ajuste_texto_compagseguro{
        margin-bottom: 24px;
    }
    .texto_inferior{
        margin:0;
    }

    /*ContainerPlanosAdicionais 950px*/
    /*.ContainerPlanosAdicionais .Plano {    width: 25%; }*/
    /*ContainerPlanosAdicionais*/


}

@media all and (min-width: 1100px) {
    .titulo_pergunta_frequente{
        font-size: 26px;
    }
    .blocos_perguntas{
        padding: 0 0;
    }
    .linha_comp_versoes{
        height: 101px;
    }
    .linha_comp_versoes-firstchild{
        display: inline-block;
    }
    .tabela_texto_subtitulo.tem,
    .tabela_texto_subtitulo.nao_tem{
        display: none;
    }
    .col_comp_versoes.col_comp_versoes_first_child{
        width: 25%;
        margin-left: 0;
        margin-top: 193px;
    }
    .col_comp_versoes{
        float: left;
        width: 23%;
        margin-left: 1%;
    }


    .OffDesktop{display: none;}
    .tabela_five_cols.OnDesktop{        display: block;    }
    .TelefoneTopo {margin-top: 46px;}
    .BannerStage1 {        display: none;    }
    .BannerStage2 {        display: none;    }
    .BannerStage3 {        display: none;    }
    .BannerStage4 {        display: block;    }
    .ItemMenu.OffDesktop,
    .OnTablet.OffDesktop,
    .ItemMenuServicos .flecha_servicos.OffDesktop,
    .OffDesktop {
        display: none;
    }

    .OnDesktop {        display: block;    }
    .Logo {
        width: 227px;
        height: 161px;
        background-image: url("../img/LogoG.png");
        margin: 54px 0 0 0;
    }
    .ContainerTelefonesTopo {
        color: #fff;
        width: 703px;
        background-color: transparent;
        float: right;
        margin-right: 203px;
    }
    .ContainerTelefonesTopo,
    .ParteSuperiordoHead {        height: 0;    }
    /*.ParteSuperiordoHead{ Invasão do banner no topo
        height: 163px;
    }*/
    .Menu {
        position: absolute;
        width: 910px;
        height: 64px;
        border-radius: 6px;
        opacity: 0.7;
        display: block;
        text-align: center;
        right: 0;
        top: 111px;
        background: rgba(6, 104, 153, 0.89);
        background: -moz-linear-gradient(left, rgba(6, 104, 153, 0.89) 0%, rgba(75, 159, 202, 0.89) 0%, rgba(75, 159, 202, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6, 104, 153, 0.89)), color-stop(0%, rgba(75, 159, 202, 0.89)), color-stop(100%, rgba(75, 159, 202, 1)));
        background: -webkit-linear-gradient(left, rgba(6, 104, 153, 0.89) 0%, rgba(75, 159, 202, 0.89) 0%, rgba(75, 159, 202, 1) 100%);
        background: -o-linear-gradient(left, rgba(6, 104, 153, 0.89) 0%, rgba(75, 159, 202, 0.89) 0%, rgba(75, 159, 202, 1) 100%);
        background: -ms-linear-gradient(left, rgba(6, 104, 153, 0.89) 0%, rgba(75, 159, 202, 0.89) 0%, rgba(75, 159, 202, 1) 100%);
        background: linear-gradient(to right, rgba(6, 104, 153, 0.89) 0%, rgba(75, 159, 202, 0.89) 0%, rgba(75, 159, 202, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#066899', endColorstr='#4b9fca', GradientType=1);
    }
    .ItemMenu {
        display: block;
        float: left;
        font-family: avantgarde_md_btmedium;
        font-size: 18px;
        color: #fff;
        border-bottom: none;
        margin: 0;
        padding: 0 20px;
        line-height: 65px;
    }

    .FirstChild {
        margin: 0 0 0 0;
        padding: 0 30px;
        border-radius: 8px 0 0 8px;

    }
    .LastChild {        border-radius: 0 8px 8px 0;    }
    .Selected,
    .ItemMenu:hover {
        color: #000;
    }
    .ItemMenuServicos:hover {
        color: #000;
    }
    /*Submenu*/
    .submenu_servicos{
        background-color: #4C9FCB;
        position: absolute;
        top: 178px;
        left: 410px;
        width: 451px;
        min-height: 94px;
    }
    .metade_submenu{
        width: 50%;
        float: left;
    }
    .submenu_servicos .ItemMenu{
        width: 50%;
        float: left;
        font-weight: normal;
        font-size: 16px;
        line-height: 40px;
        padding: 0;
        margin-top: 4px;
    }
    /*Submenu*/
    /*Secao Novidades*/
    .Novidades .Limitadora {        padding: 5px 0;    }
    .TituloNovidades {
        float: left;
        margin-top: 19px;
    }

    .SeguraLinhaNovidade {
        float: left;
        margin-top: 19px;
    }
    .LinhNovidade:last-child {        margin-bottom: 10px;    }
    .BotaoSaibaMaisNovidades {
        float: right;
        margin: 8px auto 0;
    }

    /*Secao Novidades*/
    /*Secao AssineagoraRadio*/
    .AssineagoraRadio {
        padding: 40px 0 70px 0;
        background-image: url("../img/fumacinha32.png");
    }
    .ContemRadio {
        width: 416px;
        height: 317px;
        background-image: url("../img/RAdioG.png");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: 416px 317px;
        background-size: 416px 317px;
        float: right;
    }
    .ContemTextoRadio {        padding: 0;    }
    .TextoRadio {
        font-size: 26px;
        line-height: 35px;
        margin: 55px 0 0 0;
    }
    .BotaoAssineAgora {
        width: 383px;
        height: 66px;
        font-size: 24px;
        line-height: 65px;
        margin: 40px auto;
        background-position: -313px -40px;
    }
    .BotaoAssineAgora.btn_roxoigreja{
        background-position: 0px -439px;
        font-size: 22px;
        line-height: 20px;
    }
    .BotaoAssineAgora.btn_roxo_big{
        width: 510px;
        background-position: 0px -515px;
        font-size: 22px;
        line-height: 20px;
    }

    .text_btn_igreja br{ display: none;}
    .text_btn_igreja{
        margin-top: 23px;
    }
    .BotaoAssineAgora.btn_roxoigreja.alinhamento_central_dsktp{
        margin-left: auto;
        margin-right: auto;
    }

    /*Secao AssineagoraRadio*/
    /*Sessão OucaARadio*/
    .OucaARadio {
        background-image: url("../img/Bg_OucaradioG.jpg");
        background-repeat: no-repeat;
        background-position: right;
        height: 432px;
    }
    .FundoRoxoOuca {        height: 432px;    }
    .ContemPlayer {        height: 432px;    }
    .FundoRoxoOuca.Esquerdo {
        display: block;
        height: 432px;
        width: 370px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .FundoRoxoOuca.Esquerdo .ContemPlayer {
        background-image: url("../img/fundoRoxo32.png");
        background-repeat: repeat;
        overflow: hidden;
        padding: 0 0;
        height: 432px;
    }
    .SeguraPlayer {        width: 300px;    }
    .EfeitoDireitaPlayer.FundoRoxoOuca {        width: 349px;    }
    .EfeitoDireitaPlayer {
        right: -189px;
        -webkit-transform: skew(28deg); /* Chrome, Opera */
        -ms-transform: skew(28deg); /* IE */
        transform: skew(28deg); /* Padrão */
    }
    .EfeitoDireitaPlayer .ContemPlayer {
        -webkit-transform: skew(-28deg); /* Chrome, Opera */
        -ms-transform: skew(-28deg); /* IE */
        transform: skew(-28deg); /* Padrão */
    }
    .Player {        width: 313px;    }
    .ContemPlayerMusic .Player.Player2 {        top: 190px;    }
    .Player2 .LinhaComandos {
        text-align: center;
        width: 120px;
        height: 80px;
    }
    .Player2 .PlaySom {
        float: none;
        margin: 23px 0 0 40px;
    }
    /*Sessão OucaARadio*/
    /*playermusic*/
    .ContemPlayerMusic {        height: 432px;    }

    .ContemPlayerMusic .TituloOucaRadio {
        position: absolute;
        width: 414px;
        height: 64px;
        top: 57px;
        left: 26px;
        font-size: 46px;
        line-height: 66px;
    }

    .ContemPlayerMusic .Player {
        position: absolute;
        top: 190px;
        left: 35px;
        width: 313px;
    }
    .PlaySom {
        display: block;
        float: left;
        margin: 0 20px;
        width: 41px;
        height: 57px;
    }
    .PlaySom {        margin: 0 28px 0 30px;    }

    .EfeitinhoTituloOucaRadio:before {
        height: 10px;
        display: block;
        width: 30px;
        background: transparent;
        border-right: 32px solid transparent;
        border-left: 26px solid transparent;
        border-top: 17px solid #412222;
        border-bottom: 53px solid transparent;
        content: '';
        position: absolute;
        right: -9px;
        top: 24px;
        -ms-transform: rotate(28deg);
        -webkit-transform: rotate(28deg);
        transform: rotate(28deg);
    }

    /*playermusic*/
    /*Sessão Servidores*/
    .ContemServer {
        width: 459px;
        height: 443px;
        background-image: url("../img/serverG.png");
        background-repeat: no-repeat;
        background-position: center;
        float: right;
        margin: 50px auto 25px;
    }

    .TituloServidores {
        margin-top: 50px;
        float: left;
    }

    /*Sessão Servidores*/
    .TextoPlataforma {
        font-size: 40px;
        max-width: 1000px;
        margin: 114px auto 77px;
    }
    .Elemento {        margin: 0 33px 60px 33px;    }
    .ImagemElemento {        width: 110px;    }
    .NossaPlataforma .BotaoSaibaMaisNovidades {        margin: 30px auto 40px;    }
    /*Nossa Plataforma*/
    /*CompareAsVersoes*/
    .CompareAsVersoes {        padding: 40px 0 28px 0;    }
    .TituloSiteAdministravel {        font-size: 50px;    }
    .EfeitoLinha {        width: 100%;    }
    .ContainerIcon {        width: 24%;    }

    .Superior .ContainerTextoSiteAdministravel {
        float: right;
        width: 74%;
    }
    .Inferior .ContainerIcon {        float: right;    }

    .inferior .ContainerTextoSiteAdministravel {
        float: left;
        width: 74%;
    }
    /*CompareAsVersoes*/
    /*SessaoFooter*/
    .SessaoFooter .Limitadora {
        padding-top: 67px;
        height: 363px;
    }
    .LogoRodape {        float: left;    }
    .MenuRodape {
        float: left;
        width: 160px;
        text-align: left;
        margin: 24px 0 0 40px;
    }
    .ItemMenuRodape {
        display: block;
        font-size: 18px;
        margin: 0 auto;
        line-height: 30px;
    }
    .ContainerAtendimento {
        float: left;
        width: 320px;
        border-top: none;
        margin: 10px 0 0 100px;
    }
    .EnderecoRodape .InfoWats{
        text-align: left;
        color: #fff;
    }
    .ContainerAtendimento .TxtRdp {        text-align: left;    }
    .ContemSiteSeguroEformaPagto {
        float: right;
        width: 370px;
        border-top: none;
    }

    /*Chatonline*/
    .ChatRodape {        right: 11%;    }
    /*Chatonline*/
    /*Tela Planos*/
    .BtnContrate {
        font-size: 19px;
        line-height: 66px;
        width: 190px;
        height: 65px;
        background-position: -2px -300px;
    }

    .LinhaValorPlanos {        font-size: 24px;    }
    .NumValPlano {        font-size: 55px;    }
    .TextoPlanos {        max-width: 990px;    }
    .MetadeBoxDescontos {
        width: 40%;
        float: right;
        margin-right: 8%;
    }
    .MetadeBoxDescontos.Direito {
        float: left;
        margin-right: 0;
        margin-left: 8%;
        margin-top: 16px;
    }
    .DescontosTelaPlanos .MetadeBoxDescontos{
        float: left;
        margin-left: 8%;
        margin-right: 0;
    }
    .DescontosTelaPlanos .MetadeBoxDescontos.Direito{
        float: right;
        margin-left: 0;
        margin-right: 8%;
        margin-top: 10px;
    }
    .DescontosTelaPlanos .SeguraTextoBoxPlanos{
        max-width: none;
    }
    .DescontosTelaPlanos .SeguraTextoBoxPlanos_TextoBoxPlanos{
        float: left;
        width: 50%;
        text-align: center;
    }
    .DescontosTelaPlanos .SeguraTextoBoxPlanos_TextoBoxPlanos br{
        display: block;
    }
    .BoxDescontos .TextoPlanos {        max-width: 470px;    }
    .CampoBoxPlanos {        margin: 35px auto 24px;    }
    .SectionConhecaPlanos {        padding: 0;    }
    .ContainerBlocosPlanos {        padding: 0;    }
    .TextoPlanosAjusteMargemNesteElemento{
        margin: 45px 0;
    }
    /*Tela Planos*/

    /*Tela Empresa*/
    .ContemFones.contemautodj.como_funciona{
        background-image: url("../img/pcG.png");
    }
    .BotaoAssineAgora.btn_auto_dj .text_como_funciona{
        font-size: 22px;
    }
    .ContemFones.contemautodj{
        background-image: url("../img/autodjG.png");
    }
    .TelaEmpresa .ContemFones.igreja.indoor{
        margin-top: -60px;
    }
    .ContemFones.igreja.indoor{
        background-image: url("../img/indoorG.png");

    }
    .ContemFones.igreja{
        background-image: url("../img/igrejaG.png");
        width: 522px;
        height: 485px;
        margin: 0px 0 10px 0;
    }
    .TelaEmpresa .ContemFones.igreja{
        margin: 0px 0 80px 0;
    }
    .ContemFones{
        width: 562px;
        height: 416px;
        background-image: url("../img/foneempresaG.png");
        background-size: auto;
        background-repeat: no-repeat;
    }

    .TelaEmpresa .ContemFones {        margin: -51px 0 10px 0;    }
    .TelaEmpresa .ContemServer{        float: left;        margin:95px 40px 40px 40px;    }
    .TelaEmpresa .TituloEmpresa{        text-align: left;    }
    .TelaEmpresa .TituloServidores{        text-align: left;    }
    .TituloPadrao{        margin: 60px 0px 20px 0px;    }
    .subtitulo_padrao{
        margin: 71px 0px 26px 0;
    }
    .tabela_indentada .ico-listo{
        margin: 0 15px 0 25px;
    }
    .TextoPadrao{        margin:0 0;    }
    .TelaEmpresa .TextoPadrao{        margin: 0 0px 30px 0px;    }

    /*Tela Empresa*/
    .SeguraComPaddingDez{        padding: 0 0;    }
    /*BlocoCadastro do cliente*/
    .BlocoPlanosHorizontal .TitPlanos {
        font-size: 38px;
        margin-top: 100px;
    }

    .BlocoPlanosHorizontal .LinhaValorPlanos {
        font-size: 24px;
        margin-top: 115px;
    }
    .BlocoPlanosHorizontal .NumValPlano {        font-size: 55px    }
    .BlocoPlanosHorizontal .CaracteristicasPlano {
        font-size: 20px;


    }
    .BlocoPlanosHorizontal .ContemTitPlanos,
    .BlocoPlanosHorizontal .FaixaColor {
        width: 25%;
        float: left;
        height: 316px;
    }
    .BlocoPlanosHorizontal .BlocoCaracteristicas {
        border-top: none;
        padding-top: 20px;
        width: 50%;
    }
    .BtnFinalizar{
        width: 572px;
    }
    .SeguraImputsCadastroCliente_MetadeEsq{
        width: 49.2%;        float: left;
    }
    .SeguraImputsCadastroCliente_MetadeDir{
        width: 49.2%;        float: right;
    }
    .MetadeDirInferior_Esq{width: 49.2%}
    .MetadeDirInferior_Dir{width: 49.2%}

    .FormasPagtoCadastro{
        float: right;
        width: 574px;
    }
    .CaptxaEButton{
        float: right;
        width: 100%;
        margin-bottom: 50px;
    }
    .Captcha{
        float: left;
        margin-left: 160px;
    }
    .CadastrodeCliente_BtnFinalizar{
        float: right;
        margin: 5px auto 30px;
    }
    /*BlocoCadastro do cliente*/
    .BotaoAssineAgora.btn_auto_dj {
        font-size: 24px;
        line-height: 54px;
        margin-bottom: 90px;
    }
    /*bloco_tutoriais*/
    .tabela_tutoriais{
        width: 100%;
    }
    .texto_tabela_filha{
        margin-left:25px;
    }
    /*bloco_tutoriais*/
    .TelaEmpresa .TextoPadrao.obs_pos_tabela{
        margin-left: 30px;
    }

    /*ContainerPlanosAdicionais*/
    .ContainerPlanosAdicionais .Plano {       }
    /*ContainerPlanosAdicionais*/


}








@media all and (min-width: 1360px) {

}

@media all and (min-width: 1400px) {

}

@media all and (min-width: 1600px) {

}