/*
	Theme Name: Smartia 2018
	Theme URI: https://www.smartia.com.br
	Description: Smartia Theme
	Version: 1.0
	Author: Daniel Spiess

*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* Seuro Moto Image Sprites*/
.seguro-moto-06 { background-position: -2px -0px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-08 { background-position: -71px -0px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-10 { background-position: -138px -0px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-12 { background-position: -2px -41px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-19 { background-position: -67px -41px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-21 { background-position: -139px -41px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-22 { background-position: -2px -84px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-23 { background-position: -70px -84px !important; width: 67px; height: 44px; background-size: 210px!important; }
.seguro-moto-25 { background-position: -138px -84px !important; width: 67px; height: 44px; background-size: 210px!important; }

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {font-size:62.5%;}
body {font-family: 'Roboto Condensed', sans-serif;color:#83827c;font-size:16px;}
/* clear */
.clear:before, .clear:after { content:' ';display:table;}

.clear:after {clear:both;}
.clear {*zoom:1;}
img {max-width:100%;vertical-align:bottom;}
a {color:#ecac30;text-decoration:none;word-wrap: break-word;}
a:hover {text-decoration: underline;}
a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0;border:1px solid #04A4CC;}

h1 {font-size:30px;}
h2 {font-size:30px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
address {font-size: 17px;}

p {font-size: 16px;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {max-width:960px;width:90%;margin:0 auto;position:relative;}

.full_wrapper {max-width:960px;width:100%;margin:0 auto;position:relative;}

.row {width: 100%;height: auto; float: left;}

.full_left {width: 100%;height: auto; float: left;}
.full_right {width: 100%;height: auto; float: right;}
.margin_top_bottom {margin:30px 0;}
.margin_top {margin-top: 30px;}
.margin_bottom {margin-bottom: 20px;}
.margin_big_bottom {margin-bottom: 50px;}
.no_margin_top {margin: 0 0 5px;}
.margin_bottom_five {margin-bottom: 5px;}
.center_text_normal {text-align: center; font-weight: 400;}
.center_text {text-align: center;}
.gray_background {width: 100%; height: auto; background: #f5f5f5; float: left;}
.gray_color {background: #f5f5f5;}
.dark_gray_background {width: 100%; height: auto; background: #83827c; float: left;}
.orange_background {width: 100%; height: auto; background: #ecac30; float: left;}
.white_text {color: #fff;}
.text_normal {font-weight: 400;}
.white_text {color: #fff;}
.orange_text {color: #ecac30;}
.gray_text {color: #83827c;}
.small_text {font-size: 12px;}
.article_h2 {font-size: 24px; margin: 5px 0;}
.desktop_only {display: none;}
.dont_show {display: none;}

/*------------------------------------*\
    Header
\*------------------------------------*/

header {width: 100%;height: 90px; float: left;}

.logo {width: 160px; float: right;}

/*Mobile Menu*/
.mobile-btn {
    width: 49px;
    background-color: transparent;
    color: #ecac30;
    font-size: 16px;
    border: none;
    margin-top: 20px;
}

.mobile-btn span {margin-bottom: -20px;}
.mobile-dropdown {position: relative;display: inline-block;float: lefts;}

.mobile-dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.98);
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size: 19px;
}

.mobile-dropdown-first, .mobile-dropdown-second, .mobile-dropdown-third, .mobile-dropdown-fourth {
    display: none;
    min-width: 160px;
    z-index: 1;
    transition: 500ms;
}

.mobile-dropdown-first li, .mobile-dropdown-second li, .mobile-dropdown-third li, .mobile-dropdown-fourth li {
    padding: 7px 10px !important;
}

.mobile-dropdown-content a {color:#83827c;text-decoration: none;display: block;}

.mobile-dropdown li {list-style-type: none;padding: 12px 16px;cursor: pointer;}
.mobile-dropdown ul {padding: 0;}

.mobile-dropdown-content a:hover {background-color: #ddd}

.mobile-dropdown .divider {width: 90%; height: 0;margin:0 auto;border-bottom: 1px solid #83827c;}

.close_cross {
    background-color: #83827c;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: #fff;
    float: right;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    margin: -5px -5px 0 0;
    cursor: pointer;
}

/*Menu*/
.header_menu {display: none;}

.header_right {display: none;}

/*------------------------------------*\
    Cotar Form
\*------------------------------------*/
.sa_banner {width: 100%; height: auto; padding: 12px; background-color: #ecac30; float: left;}
.seta {display: none;}
.banner_wrapper {width: 90%; margin: 0 auto; max-width: 700px;}
.call_title {color: #fff;font-size: 27px;font-weight: 700;text-align: center;margin: 0;}
.lead {color: #fff;font-size: 20px;font-weight: 700;text-align: center;margin: 0;}
.fabricantes {
    padding-bottom: 0px;
    display: table;
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin-top: -13px;
    margin-bottom: 0;
}
.fabricantes li {
    list-style: none;
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center;
    margin-top: -10px;
}
.fabricantes input[type="radio"] {visibility: hidden;}
.fabricantes li label {
    width: 100%;
    border-radius: 10px;
    max-height: 58px;
    background-color: white;
    padding-top: 2px;
    float: left;
    padding: 5px;
    cursor:pointer;
}
.fabricantes li img {max-width: 100%;}
.cotar_button {
    background-color: #92ca2d;
    border: 0;
    margin-top: 15px;
    color: #fff;
    font-size: 22px;
    border-radius: 3px;
    padding: 8px;
    font-weight: 700;
    transition: 500ms;
}

.cotar_button:hover {background-color: #b1ee37;}

.home_banner #centro_banner_form input {
    width: 75px;
    height: 75px;
    border: none;
    border-radius: 55px;
    background-color: #ecac30;
}

.form_holder {width:auto; height: auto; margin: 0 auto;}

/*------------------------------------*\
    Home
\*------------------------------------*/
.home_banner {width: 100%; height: auto; padding: 10px; background-color: #ecac30; float: left; margin-top: 0px;}

.home_banner .lead {margin:5px 0 5px 0;}

.home_banner .circle {width: 31%; height: auto; float: left; margin: 1%; cursor: pointer; border: 1px solid white;}
.home_banner .circle img {width: 90%; margin: 5%;}
.banner_icons {width: 100%;height: auto;float: left;margin-top: 0;}
.seta-home {display: none;}

.home_vantagens .circle {width: 80%; margin: 0 10% 5px;}

.cotacao_passo {width: 80%; height: auto; float: left; margin: 10px 10%;}

.cotacao_shortcut {width: 29%; height: auto; margin: 5px 0.5%; display: inline-block;}
.green_circle {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: auto;
    background: #92ca2d;
	cursor: pointer;
}
.green_circle img {width: 80%; height: auto; margin: 10%;}

.cotacao_icons {width: 100%;height: auto;float: left; text-align:center;}
.white-seta {display: none;}
.orange_simular_button {
    background-color: #ecac30;
    border: 0;
    color: #fff;
    font-size: 25px;
    border-radius: 3px;
    padding: 8px;
    font-weight: 700;
    margin: 15px auto 20px auto;
    width: 200px;
    transition: 500ms;
}
.orange_simular_button:hover {background-color: #ffc657;}

.latest_article {width: 100%; height: auto; float: left; margin-bottom: 15px;}
.latest_post_title {width: 100%; font-size: 20px; line-height: 35px;padding-bottom: 5px; border-bottom: 1px solid #ffc657;}
.latest_post_title img {height: 35px;}
time span {
    display: block;
    padding: 8px;
    text-align: center;
    width: 38px;
}
time {float: left;}
.day {
    background-color: white;
    color: #83827c;
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    height: 40px;
}
.month {
    background-color: #f7b334;
    color: white;
    font-size: 13px;
    line-height: 5px;
    font-weight: 300;
    margin-top: 3px;
    height: 20px;
}
.latest_article header {width: 100%; height: auto; float: left;}
.latest_article h4 {width: 80%; float: right; margin-top: 0;}
.latest_article h4 a {color: #83827c;}
.article_description {width: 100%; height: auto; float: left; margin-top: 0;}
.article_description a {width: 100%; font-weight: 700; float: left;}



/*------------------------------------*\
    Pages
\*------------------------------------*/

.orange_bar {display: none;}

.shortcut {width: 48%; margin: 1%; float: left;font-size: 18px;color: #83827c;}
.circle {
    position: relative;
    border-radius: 50%;
    width: 60%;
    height: auto;
    background: #ecac30;
    margin: 0 20% 5px;
}

.circle img {width: 80%; margin: 10%;}
.circle:hover {-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
.quadro {
    border-radius: 3px;
    margin: 1%;
    width: 98%;
    height: auto;
    background: #ecac30;
    color: #fff;
    padding: 10px;
    float: left;
    min-height: 148px;
    display: table;
}

.quadro_pic {width: 30%;display: table-cell;vertical-align: middle;}
.quadro_content {
    width: 65%;
    height: auto;
    display: table-cell;
    margin-left: 5%;
    vertical-align: middle;
}
.quadro img {
    width: 100%;
    max-width: 150px;
    vertical-align: middle;
}
.quadro_text {
    text-align: left;
    font-size: 16px;
    line-height: 1.1;
}
.quadro_text h3 {font-size: 22px; font-weight:400;margin: 5px 0;}
.media_first_line img {width: 60%; margin-left: 20%; float: left;}
.media_second_line img {width: 60%; margin-left: 20%; float: left;}

.simular_button {
    background-color: #92ca2d;
    border: 0;
    color: #fff;
    font-size: 25px;
    border-radius: 3px;
    padding: 8px;
    font-weight: 700;
    margin: 15px auto 20px auto;
    width: 200px;
    transition: 500ms;
}
.moto_page .simular_button {width: 267px;}
.motopage {background-image: none !important;}
.simular_button:hover {background-color: #b1ee37;}

.second_call a:hover, .third_call a:hover {text-decoration: none;}

.third_call {padding: 10px 0;}
.third_call_pic {display: none;}
.third_call h2 {font-size: 30px;}
.third_call h3 {font-size: 21px;}

.third_call .simular_button {width: 176px;}

.outro_seguro h2 {font-weight: 700;}
.outro_seguro {padding-bottom: 25px;}
.outro_wrapper {width: 100%; margin:0 auto 25px auto; text-align: center;}
.outro_shortcut {width: auto;float: left;max-width: 73px; color: #fff; text-align: center;}
.moto_page .outro_shortcut { }
.outro_wrapper a {
	display: inline-block;
}

/*------------------------------------*\
    Seguro Residencial
\*------------------------------------*/

.sr_banner {width: 100%; height: auto; padding: 20px; background-color: #ecac30; float: left; margin-top: 20px;}
.residencia input[type="radio"] {visibility: hidden;}
.residencia li {
    list-style: none;
    float: left;
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center;
    font-size: 18px;
}

.residencia li label {
    width: 100%;
    border-radius: 3px;
    max-height: 58px;
    background-color: white;
    padding-top: 2px;
    float: left;
    padding: 5px;
    transition: 500ms;
}

.residencia li label:hover {background: #FFF581;}

.residencia {padding-left: 20px; float: left; margin-top: -15px;}

.sr_form {width: 258px; height: auto; margin: 0 auto;}
.residencia .cotar_button {margin-left: 20px;}

/*------------------------------------*\
    Seguro Vida
\*------------------------------------*/

.svida_banner {width: 100%; height: auto; padding: 20px; background-color: #ecac30; float: left; margin-top: 20px;}

.svida_holder {width: 90%; max-width: 300px; height: auto; margin: 0 auto;}

.svida_banner .cotar_button {margin-left: 0;}

.svida_banner .residencia {width: 100%;text-align: center; margin-top: 15px;}

.svida_banner .lead {margin-top: 5px;}

/*------------------------------------*\
    Seguro Viagem
\*------------------------------------*/
.saude_banner {
    width: 100%;
    height: auto;
    padding: 20px;
    background-color: #ecac30;
    float: left;
    margin-top: 20px;
}

.viagem_banner select {
    height: 30px;
    border: none;
    outline: none;
    width: 220px;
    font-size: 18px;
    padding-left: 15px;
    text-align: left;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/arrow-down.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-position: 98%;
    background-color: #ffffff;
    text-indent: 0.01px;
    text-overflow: "";
    background-size: 20px;
}

.viagem_banner .lead {margin: 10px 0;}
.viagem_banner .cotar_button {margin-left: 18px;}
.viagem_form_wrapper { width: 220px;height: auto;margin: 0 auto;}
.viagem_banner .seta {display: none;}

.viagem_shortcuts .quadro_pic {width: 25%;}

/*------------------------------------*\
   Plano de saude
\*------------------------------------*/
.viagem_banner {
    width: 100%;
    height: auto;
    padding: 20px;
    background-color: #ecac30;
    float: left;
    margin-top: 20px;
}

.saude_banner .lead {margin: 5px 0 10px;}

.box.ddd {
    width: 60px;
    margin: 0 60px 0;
    height: 40px;
    font-size: 30px;
    letter-spacing: 3px;
    padding-bottom: 3px;
    border: 0;
    padding-left: 10px;
    border-radius: 3px;
    float: left;
}

.saude_form_wrapper {width: 200px; height: auto; margin: 0 auto;}
.saude_banner .celular {display: none;}
.saude_banner .seta {display: none;}

/*------------------------------------*\
   Seguro Moto
\*------------------------------------*/


/*------------------------------------*\
   Fale Conosco
\*------------------------------------*/
.jeniffer_image {display:none;}
.speak_holder {width: 100%; height: auto; float: right;}
.jeniffer_speak {
    width: 100%;
    margin-top: 50px;
    float: right;
    min-height: 200px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px;
}

.speak_triangle {
    float: left;
    margin-left: 1px;
    margin-top: -22px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
}
.black_triangle {
    float: left;
    margin-left: 10px;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #000;
}

.inner_speak {width: 100%; float: left;   font-size: 20px;}

.jeniffer_speak select {width: 80%; margin: 20px 0 0 10%; display: none; float: left;}

.jeniffer_speak .circle {
    cursor: pointer;
    width: 16%;
    float: left;
    margin: 10px 2%;
}

.form_box {width: 100%; float: left; height: auto; display: none;}

.voltar_holder {width: 100px; margin: 0 auto;}
.voltar_button {
    background: #92ca2d;
    cursor: pointer;
    color: #fff;
    width: 100px;
    height: 35px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    float: left;
    border-radius: 5px;
    margin: 10px auto;
}
.formulario_holder {width: 260px; height: auto; margin: 0 auto;}
.formulario_button {
    background: #92ca2d;
    height: 40px;
    width: 260px;
    float: left;
    margin-top: 15px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.formulario_holder a:hover {text-decoration: none;}
#representante_box {display: none;}

/*------------------------------------*\
    Seguro Online
\*------------------------------------*/

.smartia_article h3 {margin: 5px 0;}
.top_bar_holder {width: 90%; margin: 0 auto; max-width: 280px;}

.top_bar_holder .green_circle {width: 18%; margin: 1%; float: left; transition: 500ms; margin-bottom: 10px;}
.top_bar_holder .green_circle:hover {background-color: #b1ee37;}

.top_bar {height: auto;background-color: #656565;}
.top_bar h1 {float: left;margin: 10px 0 25px;font-size: 28px; width: 100%; text-align: center;}
.top_bar .simular_button {margin: 33px auto;float: none; width: 260px; display: table;}
.top_bar a:hover {text-decoration: none;}
.light_gray {height: 6px;background-color: #d2d2d2;}
.orange_part {width: 20%; height: 6px; background-color: #ecac30;}

.main_content {margin: 10px 0;}
.sidebar {display: none;}

.list_item {width:100%;margin-top: 20px; padding-left: 50px; float: left;}
.list_number {
    color: #fff;
    width: 34px;
    height: 34px;
    background-color: #ecac30;
    border-radius: 17px;
    float: left;
    line-height: 34px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-left: -44px;
}

/*------------------------------------*\
   Acionar Seguro
\*------------------------------------*/

.orange_bullet {color: #ecac30;}
.orange_bullet span {color: #83827c;}
.shadow_divider {
    width: 90%;
    float: left;
    background: #f5f5f5;
    height: 5px;
    border-radius: 0 0 100% 100%;
    box-shadow: 0 5px 5px;
    margin: 10px 5% 30px;
}

/*------------------------------------*\
   FAQ
\*------------------------------------*/

.faq_divider {width: 100%; height: 1px; background-color: #c3c3c3; float: left; margin-bottom: 20px;}
.faq_header {cursor: pointer; transition: 500ms;}

/*------------------------------------*\
   Dicionario
\*------------------------------------*/

.dicionario dt {width: 100%; height: auto; font-size: 18px; font-weight: 700; color: #ecac30;margin: 20px 0 8px;}
.dicionario dd {width: 100%; height: auto; margin: 0;}
.index {font-weight: 700; font-size: 18px;width: 100%;text-align: center;margin: 20px 0;float: left;}
.index a {color: #83827c; margin: 0 3px;}
.index a:hover {color: #ecac30; text-decoration: none;}
#search_dic {
    margin: 0 auto;
    display: block;
    width: 90%;
    max-width: 350px;
    font-size: 18px;
    border: 1px solid #83827c;
    padding: 5px;
    border-radius: 3px;
    color: #83827c;
}

.video_box {width: 100%; float: left; height: auto;}
.video_box iframe {max-width: 100%;}

/*------------------------------------*\
    Quem Somos
\*------------------------------------*/

.mission_box {background: #ecac30;color: #fff;font-size: 20px; font-weight: 700;padding: 15px 20px;display: table;}
.mission_title {font-weight: 400; text-align: center;border-bottom: 1px solid #fff; margin-bottom: 10px;}
.mission_content {width: 100%;float: right;}

/*------------------------------------*\
    Depoimentos
\*------------------------------------*/

blockquote {
    font-style: italic;
    background: #B3B3B3;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    color: #fff;
    margin: 5px 5px 15px 0;
}
blockquote span::before {
    font-family: Georgia;
    font-size: 46px;
    content: "“";
    line-height: 46px;
    position: absolute;
    margin-top: -5px;
    padding: 0;
    text-indent: 0;
    margin-left: -25px;
}
blockquote span::after {
    font-family: Georgia;
    font-size: 46px;
    content: "”";
    line-height: 46px;
    position: absolute;
    padding: 0;
    text-indent: 0;
    margin-left: 8px;
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #b3b3b3 transparent transparent transparent;
    content: "";
    float: left;
    margin: -15px 0 0 23px;
}
.depoimentos {column-count: 1;-webkit-column-count: 1; -moz-column-count: 1;}
.review {break-inside: avoid-column;-webkit-column-break-inside: avoid; overflow: hidden;}
.reviewer {width: 100%; float: left; margin-top: 10px;}
.reviewer img {margin-right: 10px;float: left;}
.reviewer_data {float: left;}
.reviewer_data h4 {margin: 0;}
.reviewer_data p {margin: 0;}
.stars {color: #ffdb33;font-size: 20px;}

.more_less {
    float: left;
    background: #ecac30;
    border: 0;
    margin: 5px;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-size: 20px;
}
.holder {width: 245px; margin: 0 auto;}

#depoimentos2, #depoimentos3, #depoimentos4, #depoimentos5, #depoimentos6, #depoimentos7, #see_less {display: none;}

.rating {
    background: #fff;
    border: 2px solid #ecac30;
    border-radius: 5px;
    padding: 10px;
    float: left;
    width: 175px;
    margin-bottom: 15px;
}
.rating h3 {margin: 0; font-weight: 400; text-align: center;}
.rating span {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 35px;
    font-weight: 700;
}
.rating .stars {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    font-size: 25px;
}
.rating_holder {width: 175px; margin: 0 auto;}
.avaliacoes {width: 100%; height: auto; float: left;max-width: 250px;}
.avaliacoes_holder {width: 100%; max-width: 250px; margin: 0 auto;}
.avaliacoes .stars {margin: 0;float: left; line-height: 25px;}
.avaliacoes span {float: right; line-height: 25px;}

/*Image Sprites*/
.men, .woman
{ display: inline-block; background: url('../images/depoimentos.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.men { background-position: -0px -0px; width: 63px; height: 63px; }
.woman { background-position: -0px -63px; width: 63px; height: 63px; }

/*------------------------------------*\
    Footer
\*------------------------------------*/
footer {width: 100%; height: auto; float: left; background: #434343; padding-bottom: 25px;}
.footer_menu a {color: #fff;}
.footer_menu a:hover {color: #ecac30;}
.footer_menu li {color: #fff; display: inline; margin-left: 3px;}
.footer_menu {text-align: center; margin: 10px 0 10px 0;}
.footer_menu ul {padding: 0;}

.social_round {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #727071;
    float: left;
    margin-left: 10px;
    transition: 0.5s;
}

.social_round:hover {background-color: #ecac30;}
.follow_us {color: #fff; width: 100%;height: auto; font-size: 20px;float: left;line-height: 40px;}
.follow_us span {float: left;}

.site_seguro {width: 100%; float: left;height: auto; margin-top: 20px;}
.site_seguro span {font-size: 18px; color: #fff; float: left;}
.site_seguro img {width: 120px; margin-top: -10px;}
footer strong {margin-bottom: 10px;}
/*------------------------------------*\
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	         Min Width 480 px
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\*------------------------------------*/
@media only screen and (min-width:480px) {
	

/*------------------------------------*\
    Header
\*------------------------------------*/


/*------------------------------------*\
    Cotar Form
\*------------------------------------*/
.sa_banner {margin-left: 5%; border-radius: 3px; width: 90%;}

.form_holder {width: 100%;}

/*------------------------------------*\
    Home
\*------------------------------------*/

.cotacao_passo {width: 50%; margin: 10px 25%;}
.cotacao_icons {width: 80%; margin-left: 10%;}

.latest_article {width: 48%; margin: 1%; min-height: 230px;}
.home_banner .circle {width:14%;} 
.home_banner {margin-left: 5%; border-radius: 3px; width: 90%;}
.home_banner #centro_banner_form input {width: 110px;height: 110px;}

/*------------------------------------*\
    Pages
\*------------------------------------*/
.shortcut {width: 31%;}

.media_first_line img {width: 40%; margin: 0 5% 0 5%;}
.media_second_line img {width: 29%; margin: 0 2% 0 2%;}

/*------------------------------------*\
    Seguro Residencial
\*------------------------------------*/

.sr_banner {margin-left: 5%; border-radius: 3px; width: 90%;}

/*------------------------------------*\
    Seguro Vida
\*------------------------------------*/

.svida_banner {margin-left: 5%; border-radius: 3px; width: 90%;}

/*------------------------------------*\
    Seguro Viagem
\*------------------------------------*/
.viagem_banner {margin-left: 5%; border-radius: 3px;width: 90%;}

/*------------------------------------*\
   Plano de saude
\*------------------------------------*/
.saude_banner {margin-left: 5%; border-radius: 3px;width: 90%;}

/*------------------------------------*\
    Seguro Online
\*------------------------------------*/
.top_bar h1 {font-size: 32px;}
.top_bar {height: 150px;}

/*------------------------------------*\
    Quem Somos
\*------------------------------------*/

.mission_title {display: table-cell; vertical-align: middle;border-bottom: none;}
.mission_content {width: 90%;border-left: 1px solid #fff;padding: 5px 0 5px 15px;}

/* End Media Querie */
}
/*------------------------------------*\
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	         Min Width 768 px
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\*------------------------------------*/
@media only screen and (min-width:768px) {

h1 {font-size:35px;}
h2 {font-size:35px;}
h3 {font-size: 25px;}
h4 {font-size: 18px;}

.mobile_only {display: none;}
.desktop_only {display: inherit;}

/*------------------------------------*\
    Header
\*------------------------------------*/



/*------------------------------------*\
    Cotar Form
\*------------------------------------*/
.sa_banner {
    width: 100%;
    height: 360px;
    background-image: url(../images/sa-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 0;
    border-radius: 0;
}
.sa_banner .banner_wrapper {margin-top: 135px;}
.banner_wrapper {margin-top: 210px;}
.fabricantes li {width: 12.5%;}
.lead {font-size: 30px;margin-bottom: -5px;}
.call_title {font-size: 45px;margin-bottom: 0;}

.home_banner #centro_banner_form input {margin-right: 10px;}

.form_holder {width: 615px;}

.sm_left_divider {
    width: 65px;
    height: 360px;
    float: left;
    margin-left: -30px;
    background-color: #ecac30;
    -moz-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    border-left: 10px solid #fff;
}
.sm_banner_holder {width: 42%; float: right;max-width: 310px;}
.sm_banner_left {
    width: 50%;
    height: 360px;
    float: left;
    background-image: url(../images/moto-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sm_banner {padding: 0;}
.sm_banner .banner_wrapper {
    margin-top: 40px;
    max-width: 1280px;
}
.sm_banner .fabricantes li {
    width: 25%;
}
.sm_banner .call_title {font-size: 40px;}
.sm_banner .lead {font-size: 25px;}

.seguro-moto-06 { background-position: -3px -0px!important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-08 { background-position: -62px 0px !important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-10 { background-position: -124px -0px !important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-12 { background-position: -2px -38px !important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-19 { background-position: -63px -38px !important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-21 { background-position: -127px -38px !important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-23 { background-position: -63px -79px !important; width: 63px; height: 38px; background-size: 190px !important; }
.seguro-moto-25 { background-position: -127px -77px !important; width: 63px; height: 38px; background-size: 190px !important; }

/*------------------------------------*\
    Home
\*------------------------------------*/
.home_banner {
    width: 100%;
    height: 440px;
    background-image: url(../images/home-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 0;
    border-radius: 0;
}

.home_banner #centro_banner_form input {border: 10px solid #ecac30;}

.home_banner .circle {width: 14%; border:none;max-width: 120px;}
.home_banner .call_title {color: white; font-size: 34px;}
.home_banner .banner_wrapper {max-width: 960px;}

.cotacao_passo {width: 29%; margin: 10px 2%;}
.cotacao_shortcut {width: 15%;}

.latest_article {width: 23%;}
.latest_article h4 {width: 70%;}
.latest_post_title {font-size: 25px;}

/*------------------------------------*\
    Pages
\*------------------------------------*/
.orange_bar {display: inherit; height: 20px;background-color: #ecac30;}
.shortcut {width: 14.5%}

.quadro {width: 48%; float: left; min-height: 140px;}
.quadro_text {text-align: center;}

.media_first_line img {width: 25%; margin: 0;}
.media_second_line img {width: 20%; margin: 0;}

.third_call_pic {display: inherit; width: 50%; float: left;}
.third_call_cotar {width: 50%; float: left;}

.outro_shortcut {margin: 0 8px 0 8px;}
.outro_wrapper {}

/*------------------------------------*\
    Seguro Residencial
\*------------------------------------*/
.sr_banner {
    width: 100%;
    height: 400px;
    background-image: url(../images/pagina-seguro-residencial_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 0;
    border-radius: 0;
}

.sr_banner_wrapper .call_title {font-size: 35px;}

.sr_banner_wrapper {width: 330px;height: auto;float: left;margin: 45px 0;}
.sr_banner_wrapper .seta {margin-left: -76px;margin-top: -48px;}

/*------------------------------------*\
    Seguro Vida
\*------------------------------------*/
.svida_banner {
    width: 100%;
    height: 400px;
    background-image: url(../images/pagina-seguro-vida_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 0;
    border-radius: 0;
}

.svida_holder {float: left;}

.svida_banner .call_title {color: #455f15;}
.svida_banner .lead {color: #83827c;font-weight: 400;font-size: 25px;}

.svida_banner .seta {margin-left: -86px; margin-top: -95px; margin-bottom:0;}

/*------------------------------------*\
    Seguro Viagem
\*------------------------------------*/
.viagem_banner {
    width: 100%;
    height: 400px;
    background-image: url(../images/viagem-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 0;
    border-radius: 0;
}
.viagem_banner .call_title {color: #005c7a;}
.viagem_banner .lead {color: #005c7a;}
.viagem_shortcuts .quadro {min-height: 190px;}

/*------------------------------------*\
    Plano de saude
\*------------------------------------*/
.saude_banner {
    width: 100%;
    height: 400px;
    background-image: url(../images/saude-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 0;
    border-radius: 0;
}

.saude_banner .call_title {color: #4c4b48;}
.saude_banner .lead {color: #4c4b48;}
/*------------------------------------*\
    Plano Odonto
\*------------------------------------*/
.odonto_banner {
    background-image: url(../images/odonto-background.jpg);
  
}

/*------------------------------------*\
    Seguro Online
\*------------------------------------*/
.top_bar_holder { margin: 30px 0;float: right;}
.top_bar h1 {float: left;margin: 50px 10px 0 0;font-size: 40px; width: auto; text-align: left;}
	.tituloveiculo { font-size:23px !important;}	
.top_bar {height: 115px;}
.top_bar .simular_button {float: right; margin: 33px 0 0; display: flex;}
	.veiculobutton {width:176px !important;}

.list_item {padding-left: 70px;}
.list_number {
    width: 46px;
    height: 46px;
    border-radius: 23px;
    line-height: 46px;
    font-size: 25px;
    font-weight: 700;
    margin-left: -60px;
}

/*------------------------------------*\
    Depoimentos
\*------------------------------------*/

.depoimentos {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
.rating_holder {margin: 0;}
.avaliacoes {margin-left: 80px;}
.avaliacoes_holder {margin: 0;float: left;}

/*------------------------------------*\
    Footer
\*------------------------------------*/
.follow_us {width: 50%;}
.site_seguro {width: 50%; margin-top: 0;}
/*------------------------------------*\
    Pagina contato
\*------------------------------------*/

.jeniffer_image {width: 30%; margin-top: 200px; float: left; display:block}
.speak_holder {width: 60%; height: auto; float: right;}
/* End Media Querie */
}
/*------------------------------------*\
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	         Min Width 1024 px
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\*------------------------------------*/
@media only screen and (min-width:1024px) {
	
/*------------------------------------*\
    Header
\*------------------------------------*/
header {height: 110px;}

.logo {width: 235px;float: left;}

.mobile-dropdown {display: none;}

.header_menu {display: inherit;width: auto;height: auto;float: right;margin-top: 80px;}

.top_level {
    width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    position: relative;
    display: inline-block;
}

.top_level:hover {background-color: #908d88;color:#fff;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #908d88;
    color:#fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: -5px;
    border-radius: 5px;
}

.top_level .divider {with:90%; margin:0 5%;border-bottom: 1px solid #fff;}

.dropdown-content li {list-style-type: none; text-transform: none;font-size: 15px;font-weight: 400;}
.dropdown-content li:hover {background-color: #656565;}
.top_level ul {padding: 0;}
.dropdown-content a {color: #fff; padding: 16px 10px; display:block;}
.dropdown-content a:hover {text-decoration: none;}

.header_menu .first:hover .drp-first {display: block;}
.header_menu .second:hover .drp-second {display: block;}
.header_menu .third:hover .drp-third {display: block;}
.header_menu .fourth:hover .drp-fourth {display: block;}

.header_right {display: inherit;width: 90px;height: auto;float: right;}
.goto_blog {
    font-size: 17px;
    color: inherit;
    float: left;
    margin-top: 20px;
    padding: 5px;
    border-radius: 5px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding-left: 28px;
}
.goto_blog img {width: 20px;}
.goto_blog:hover {background-color:#ecac30;text-decoration: none;color:#fff;background-image: url(../images/white-arrow.png);}


/*------------------------------------*\
    Cotar Form
\*------------------------------------*/
.sa_banner {height: 410px;}
.banner_wrapper {margin-top: 170px;}

.seta {display: inherit;margin-left: -128px;margin-bottom: -66px;margin-top: -38px;}

.home_banner #centro_banner_form input {
    width: 80px;
    height: 80px;
    border: 6px solid #ecac30;
    border-radius: 40px;
}

.form_holder {width: auto;}

.sm_banner_left {width: 58%; height: 410px;}
.sm_left_divider {height: 410px;width: 70px; margin-left: -35px;}
.sm_banner_holder {width: 34%;}

/*------------------------------------*\
    Homepage
\*------------------------------------*/

.home_banner .call_title {width: 31%;text-align: left;margin-top: 140px;}
.banner_icons {width: 66%;height: auto;float: left;margin: 10px 0 0 5%;}
.seta-home {display: inherit; margin-bottom: -50px;}

.cotacao_icons {width: 80%; margin-left: 10%;}
.white-seta {display: inherit; margin: 0 0 -60px -70px;}

.latest_article h4 {width: 75%;}

/*------------------------------------*\
    Pages
\*------------------------------------*/

.third_call h2 {font-size: 35px;}
.third_call h3 {font-size: 25px;}

.quadro_text h3 {font-size: 26px;}

/*------------------------------------*\
    Seguro Viagem
\*------------------------------------*/
.viagem_banner .sr_banner_wrapper {margin-left: 50px;}
.viagem_banner .seta {display: inherit;margin-top: -162px;float: left;margin-left: -30px;}
.viagem_shortcuts .quadro {min-height: 150px;}

/*------------------------------------*\
    Plano de saude
\*------------------------------------*/

.saude_banner .sr_banner_wrapper {margin-left: 50px;}
.saude_banner .celular {display: inherit;margin: 0 0 -44px -4px;width: 45px;}
.saude_banner .seta {display: inherit;float: right; margin-right: -30px; width: 60px;}

/*------------------------------------*\
    Seguro Online
\*------------------------------------*/

.top_bar_holder {margin: 25px 0; max-width: 400px;}
.main_content {width: 70%; margin-right: 5%;}

/*------------------------------------*\
    Dicionario
\*------------------------------------*/

.side_box a {text-align: center; width: 100%; float: left; margin: 8px 0;}
.side_box .divider {width: 90%; height: 1px; margin-left: 5%; background: #d4d4d4; float: left;}
.video_link img {margin: 8px auto; display: block;}
.channel a {width: auto; float: none; margin: 0;}
.channel {width: 90%; margin: 15px 5%; float: left; text-align: center;}

/* Sprites */
.safront-video_01, .safront-video_02, .safront-video_03, .safront-video_04, .safront-video_05 
{display:inline-block; overflow:hidden; background-repeat: no-repeat;
background-image:url(../images/video-sprite.png);}

.safront-video_01 {width: 120px; height: 90px; background-position: 1.27551% 3.01205%; background-size: 426.667%; }
.safront-video_02 {width: 120px; height: 90px; background-position: 33.1633% 3.01205%; background-size: 426.667%; }
.safront-video_03 {width: 120px; height: 90px; background-position: 65.0510% 3.01205%; background-size: 426.667%; }
.safront-video_04 {width: 120px; height: 90px; background-position: 96.9388% 3.01205%; background-size: 426.667%; }
.safront-video_05 {width: 120px; height: 90px; background-position: 1.27551% 60.2410%; background-size: 426.667%; }


/*------------------------------------*\
    Sidebar
\*------------------------------------*/

.sidebar {display: inherit; width: 25%; margin-top: 25px; float: right;}
.side_menu .divider {width: 100%; height: 1px;margin: 5px 0;float: left; background: #83827c;}
.side_menu li {list-style: none; list-style-type: none;}
.side_menu li a {
    padding: 12px 0 12px 30px;
    float: left;
    border-bottom: 1px solid #c3c3c3;
    width: 100%;
    color: #83827c;
}
.side_menu li a:hover {text-decoration: none;}
.active {color: #ecac30 !important; font-weight: 700;}
.side_menu li a::before {content: "▸";margin: 0 20px 0 -10px;transition: 500ms;}
.side_menu li a:hover::before {margin: 0 15px 0 -5px;}

.side_box {width: 100%; height: auto; padding: 20px 5px; border: 1px solid #d4d4d4; border-radius: 10px; float: right;margin-bottom: 30px;}
.side_box h2 {text-align: center; color: #848689; font-size: 20px; margin-top: 0;}

.seguradora_contato img {width: 22%; float: left;}
.seguradora_contato address {width: 70%; float: right; font-size: 14px; text-align: center;}
.seguradora_contato h2 {margin-bottom: 3px;}
.seguradora_contato {border-bottom: 1px dotted #e2e2e2;width: 100%; float: left; padding: 15px 0;}
.last_item {border-bottom: none;}


/* End Media Querie */
}


/*------------------------------------*\
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	         Min Width 1140 px
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\*------------------------------------*/
@media only screen and (min-width:1140px) {

.third_call_cotar {width: 40%;}

.home_banner #centro_banner_form input {
    width: 94px;
    height: 94px;
    border: 8px solid #ecac30;
    border-radius: 47px;
}

.form_holder {width: auto;}

/* End Media Querie */
}
/*------------------------------------*\
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	         Min Width 1280 px
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\*------------------------------------*/
@media only screen and (min-width:1280px) {
	
.sa_banner {height: 450px;}
.sa_banner .banner_wrapper {margin-top: 180px;}
.banner_wrapper {margin-top: 160px;}
    .home_banner .banner_wrapper {margin-top: 235px;}
    
.sm_banner_left {height: 450px;}
.sm_left_divider {height: 450px; width: 80px; margin-left: -40px;}
.sm_banner .banner_wrapper {margin-top: 75px;}
.sm_banner_holder {margin-right: 5%;}

.home_banner .call_title {margin-top: 80px;}
.banner_icons {margin-top: -50px;}

.latest_article h4 {width: 80%;}

/* End Media Querie */
}


/*------------------------------------*\
    ../images
\*------------------------------------*/
/* Header and Footer */
.header-logo, .header-selo-certisign, .header-mobile-menu, .header-arrow, .header-white-arrow, 
.header-facebook, .header-google-plus, .header-twitter, .header-youtube
{ max-width: 100%; background-size: 100%; background-image: url('../images/header-sprites.png'); }
 
.header-logo { background-position: 0 0%; background-size: 100%; }
.header-selo-certisign { background-position: 0 31.829574%; background-size: 105.855856%; }
.header-mobile-menu { background-position: 0 59.090909%; background-size: 293.75%; }
.header-facebook { background-position: 0 72.279261%; background-size: 587.5%; }
.header-google-plus { background-position: 0 81.519507%; background-size: 587.5%; }
.header-twitter { background-position: 0 90.759754%; background-size: 587.5%; }
.header-youtube { background-position: 0 100%; background-size: 587.5%; }

/* Homepage*/
.home-passo1, .home-passo2, .home-passo3, .home-pagina-home-22, .home-pagina-home-25, 
.home-pagina-home-30, .home-pagina-home-33, .home-pagina-home-38, .home-pagina-home-41, .home-pagina-home-46, 
.home-pagina-home-49, .home-pagina-home-51, .home-pagina-home-54, .home-pagina-home-57, .home-pagina-home-60, 
.home-pagina-home-03, .home-pagina-home-05, .home-pagina-home-07, .home-pagina-home-09, .home-pagina-home-11, 
.home-seta-white, .home-seta, .home-pagina-home-81, .home-pagina-home-85, .home-pagina-home-88, 
.home-pagina-home-90, .home-pagina-home-93
{ max-width: 100%; background-size: 100%; background-image: url('../images/home-sprite.png'); }

.home-pagina-odonto {
	background-image: url('../images/plano-odonto.png');
	    background-position: center center;
	    background-size: cover;
}
 
.home-passo1 { background-position: 0 0%; background-size: 100%; }
.home-passo2 { background-position: 0 10.484152%; background-size: 100%; }
.home-passo3 { background-position: 0 20.968304%; background-size: 100%; }
.home-pagina-home-22 { background-position: 0 29.616268%; background-size: 254.237288%; }
.home-pagina-home-25 { background-position: 0 33.650377%; background-size: 254.237288%; }
.home-pagina-home-30 { background-position: 0 37.684487%; background-size: 254.237288%; }
.home-pagina-home-33 { background-position: 0 41.718596%; background-size: 254.237288%; }
.home-pagina-home-38 { background-position: 0 45.752706%; background-size: 254.237288%; }
.home-pagina-home-41 { background-position: 0 49.786815%; background-size: 254.237288%; }
.home-pagina-home-46 { background-position: 0 53.452769%; background-size: 309.278351%; }
.home-pagina-home-49 { background-position: 0 56.775244%; background-size: 309.278351%; }
.home-pagina-home-51 { background-position: 0 60.09772%; background-size: 309.278351%; }
.home-pagina-home-54 { background-position: 0 63.420195%; background-size: 309.278351%; }
.home-pagina-home-57 { background-position: 0 66.742671%; background-size: 309.278351%; }
.home-pagina-home-60 { background-position: 0 70.065147%; background-size: 309.278351%; }
.home-pagina-home-03 { background-position: 0 73.268293%; background-size: 315.789474%; }
.home-pagina-home-05 { background-position: 0 76.422764%; background-size: 315.789474%; }
.home-pagina-home-07 { background-position: 0 79.577236%; background-size: 315.789474%; }
.home-pagina-home-09 { background-position: 0 82.731707%; background-size: 315.789474%; }
.home-pagina-home-11 { background-position: 0 85.886179%; background-size: 315.789474%; }
.home-seta-white { background-position: 0 89.156627%; background-size: 416.666667%; }
.home-seta { background-position: 0 93.112496%; background-size: 461.538462%; }
.home-pagina-home-81 { background-position: 0 94.632588%; background-size: 750%; }
.home-pagina-home-85 { background-position: 0 95.974441%; background-size: 750%; }
.home-pagina-home-88 { background-position: 0 97.316294%; background-size: 750%; }
.home-pagina-home-90 { background-position: 0 98.658147%; background-size: 750%; }
.home-pagina-home-93 { background-position: 0 100%; background-size: 750%; }

/* SA Page */
.SAauto-25, .SAauto-28, .SAauto-33, .SAauto-36, .SAauto-41, 
.SAauto-43, .SAauto-48, .SAauto-51, .SAforma-1, .SAauto-03, 
.SAauto-05, .SAauto-07, .SAauto-10, .SAauto-13, .SAauto-16, 
.SAoutro, .SAtoyota1, .SAvw1, .SAchevrolet1, .SAfiat1, 
.SAford1, .SAhonda1, .SAhyundai1, .SArenault1, .SAauto-87, 
.SAauto-89, .SAauto-92, .SAauto-95, .SAauto-98
{ max-width: 100%; background-size: 100%; background-image: url('../images/smartia-sa-sprites.png'); }

.SAauto-odonto {
	    background-position: top center;
    background-size: 180% auto;
	    background-image: url(../images/plano-odonto.png);
}
 
.SAauto-25 { background-position: 0 0%; background-size: 100%; }
.SAauto-28 { background-position: 0 5.595463%; background-size: 100%; }
.SAauto-33 { background-position: 0 11.190926%; background-size: 100%; }
.SAauto-36 { background-position: 0 16.786389%; background-size: 100%; }
.SAauto-41 { background-position: 0 22.381853%; background-size: 100%; }
.SAauto-43 { background-position: 0 27.977316%; background-size: 100%; }
.SAauto-48 { background-position: 0 33.572779%; background-size: 100%; }
.SAauto-51 { background-position: 0 39.168242%; background-size: 100%; }
.SAforma-1 { background-position: 0 44.228614%; background-size: 136.936937%; }
.SAauto-03 { background-position: 0 48.291233%; background-size: 158.333333%; }
.SAauto-05 { background-position: 0 52.043091%; background-size: 158.333333%; }
.SAauto-07 { background-position: 0 55.794948%; background-size: 158.333333%; }
.SAauto-10 { background-position: 0 59.546805%; background-size: 158.333333%; }
.SAauto-13 { background-position: 0 63.298663%; background-size: 158.333333%; }
.SAauto-16 { background-position: 0 67.05052%; background-size: 158.333333%; }
.SAoutro { background-position: 0 69.562044%; background-size: 180.952381%; }
.SAtoyota1 { background-position: 0 71.49635%; background-size: 180.952381%; }
.SAvw1 { background-position: 0 73.430657%; background-size: 180.952381%; }
.SAchevrolet1 { background-position: 0 75.364964%; background-size: 180.952381%; }
.SAfiat1 { background-position: 0 77.29927%; background-size: 180.952381%; }
.SAford1 { background-position: 0 79.233577%; background-size: 180.952381%; }
.SAhonda1 { background-position: 0 81.167883%; background-size: 180.952381%; }
.SAhyundai1 { background-position: 0 83.10219%; background-size: 180.952381%; }
.SArenault1 { background-position: 0 85.036496%; background-size: 180.952381%; }
.SAauto-87 { background-position: 0 87.901143%; background-size: 208.219178%; }
.SAauto-89 { background-position: 0 90.925858%; background-size: 208.219178%; }
.SAauto-92 { background-position: 0 93.950572%; background-size: 208.219178%; }
.SAauto-95 { background-position: 0 96.975286%; background-size: 208.219178%; }
.SAauto-98 { background-position: 0 100%; background-size: 208.219178%; }

.SAauto-56, .SAauto-58, .SAauto-60, .SAauto-62, .SAauto-70, 
.SAauto-74, .SAauto-76, .SAauto-68, .SAauto-72
{ max-width: 100%; background-size: 100%; background-image: url('../images/smartia-sa-sprites.jpg'); }
 
.SAauto-56 { background-position: 0 0%; background-size: 100%; }
.SAauto-58 { background-position: 0 14.263323%; background-size: 100%; }
.SAauto-60 { background-position: 0 28.526646%; background-size: 100.3663%; }
.SAauto-62 { background-position: 0 42.789969%; background-size: 100.3663%; }
.SAauto-70 { background-position: 0 55.487805%; background-size: 120.175439%; }
.SAauto-74 { background-position: 0 66.615854%; background-size: 120.175439%; }
.SAauto-76 { background-position: 0 77.743902%; background-size: 120.175439%; }
.SAauto-68 { background-position: 0 88.871951%; background-size: 120.704846%; }
.SAauto-72 { background-position: 0 100%; background-size: 120.704846%; }

/* Seguro Residencial */

.SRpagina-seguro-residencial-05, .SRpagina-seguro-residencial-08, .SRpagina-seguro-residencial-13, .SRpagina-seguro-residencial-15, .SRpagina-seguro-residencial-19, 
.SRpagina-seguro-residencial-21, .SRpagina-seguro-residencial-26, .SRpagina-seguro-residencial-29, .SRpagina-seguro-residencial-34, .SRpagina-seguro-residencial-37, 
.SRpagina-seguro-residencial-40, .SRpagina-seguro-residencial-43, .SRpagina-seguro-residencial-46, .SRpagina-seguro-residencial-49, .SRpagina-seguro-residencial-62, 
.SRpagina-seguro-residencial-64, .SRpagina-seguro-residencial-67, .SRpagina-seguro-residencial-70, .SRpagina-seguro-residencial-73, .SRforma-1
{ max-width: 100%; background-size: 100%; background-image: url('../images/seguro-residencial-sprite.png'); }
 
.SRpagina-seguro-residencial-05 { background-position: 0 0%; background-size: 100%; }
.SRpagina-seguro-residencial-08 { background-position: 0 6.761566%; background-size: 100%; }
.SRpagina-seguro-residencial-13 { background-position: 0 13.523132%; background-size: 100%; }
.SRpagina-seguro-residencial-15 { background-position: 0 20.284698%; background-size: 100%; }
.SRpagina-seguro-residencial-19 { background-position: 0 27.046263%; background-size: 100%; }
.SRpagina-seguro-residencial-21 { background-position: 0 33.807829%; background-size: 100%; }
.SRpagina-seguro-residencial-26 { background-position: 0 40.569395%; background-size: 100%; }
.SRpagina-seguro-residencial-29 { background-position: 0 47.330961%; background-size: 100%; }
.SRpagina-seguro-residencial-34 { background-position: 0 53.12032%; background-size: 142.708333%; }
.SRpagina-seguro-residencial-37 { background-position: 0 57.963055%; background-size: 142.708333%; }
.SRpagina-seguro-residencial-40 { background-position: 0 62.805791%; background-size: 142.708333%; }
.SRpagina-seguro-residencial-43 { background-position: 0 67.648527%; background-size: 142.708333%; }
.SRpagina-seguro-residencial-46 { background-position: 0 72.491263%; background-size: 142.708333%; }
.SRpagina-seguro-residencial-49 { background-position: 0 77.333999%; background-size: 142.708333%; }
.SRpagina-seguro-residencial-62 { background-position: 0 81.203749%; background-size: 195.714286%; }
.SRpagina-seguro-residencial-64 { background-position: 0 84.805131%; background-size: 195.714286%; }
.SRpagina-seguro-residencial-67 { background-position: 0 88.406512%; background-size: 195.714286%; }
.SRpagina-seguro-residencial-70 { background-position: 0 92.007893%; background-size: 195.714286%; }
.SRpagina-seguro-residencial-73 { background-position: 0 95.609275%; background-size: 195.714286%; }
.SRforma-1 { background-position: 0 100%; background-size: 201.470588%; }

/* Seguro Vida */
.SVidapagina-seguro-vida-05, .SVidapagina-seguro-vida-07, .SVidapagina-seguro-vida-12, .SVidapagina-seguro-vida-15, .SVidapagina-seguro-vida-20, 
.SVidapagina-seguro-vida-23, .SVidapagina-seguro-vida-28, .SVidapagina-seguro-vida-31, .SVidapagina-seguro-vida-36, .SVidapagina-seguro-vida-39, 
.SVidapagina-seguro-vida-42, .SVidapagina-seguro-vida-45, .SVidapagina-seguro-vida-48, .SVidapagina-seguro-vida-51, .SVidapagina-seguro-vida-60, 
.SVidapagina-seguro-vida-62, .SVidapagina-seguro-vida-64, .SVidapagina-seguro-vida-67, .SVidapagina-seguro-vida-70, .SVidaforma-1
{ max-width: 100%; background-size: 100%; background-image: url('../images/smartia-svida-sprite.png'); }
 
.SVidapagina-seguro-vida-05 { background-position: 0 0%; background-size: 100%; }
.SVidapagina-seguro-vida-07 { background-position: 0 6.515152%; background-size: 100%; }
.SVidapagina-seguro-vida-12 { background-position: 0 13.030303%; background-size: 100%; }
.SVidapagina-seguro-vida-15 { background-position: 0 19.545455%; background-size: 100%; }
.SVidapagina-seguro-vida-20 { background-position: 0 26.060606%; background-size: 100%; }
.SVidapagina-seguro-vida-23 { background-position: 0 32.575758%; background-size: 100%; }
.SVidapagina-seguro-vida-28 { background-position: 0 39.090909%; background-size: 100%; }
.SVidapagina-seguro-vida-31 { background-position: 0 45.606061%; background-size: 100%; }
.SVidapagina-seguro-vida-36 { background-position: 0 51.445663%; background-size: 127.884615%; }
.SVidapagina-seguro-vida-39 { background-position: 0 56.580259%; background-size: 127.884615%; }
.SVidapagina-seguro-vida-42 { background-position: 0 61.714855%; background-size: 127.884615%; }
.SVidapagina-seguro-vida-45 { background-position: 0 66.849452%; background-size: 127.884615%; }
.SVidapagina-seguro-vida-48 { background-position: 0 71.984048%; background-size: 127.884615%; }
.SVidapagina-seguro-vida-51 { background-position: 0 77.118644%; background-size: 127.884615%; }
.SVidapagina-seguro-vida-60 { background-position: 0 81.081081%; background-size: 187.323944%; }
.SVidapagina-seguro-vida-62 { background-position: 0 84.717445%; background-size: 187.323944%; }
.SVidapagina-seguro-vida-64 { background-position: 0 88.353808%; background-size: 187.323944%; }
.SVidapagina-seguro-vida-67 { background-position: 0 91.990172%; background-size: 187.323944%; }
.SVidapagina-seguro-vida-70 { background-position: 0 95.626536%; background-size: 187.323944%; }
.SVidaforma-1 { background-position: 0 100%; background-size: 195.588235%; }

/*Seguro Viagem*/
.svg-seguro-viagem-29, .svg-seguro-viagem-07, .svg-seguro-viagem-09, .svg-seguro-viagem-14, .svg-seguro-viagem-17, 
.svg-seguro-viagem-21, .svg-seguro-viagem-24, .svg-seguro-viagem-31, .svg-seguro-viagem-35, .svg-seguro-viagem-38, 
.svg-seguro-viagem-41, .svg-seguro-viagem-44, .svg-seguro-viagem-47, .svg-seguro-viagem-50, .svg-seguro-viagem-03, 
.svg-seguro-viagem-62, .svg-seguro-viagem-64, .svg-seguro-viagem-67, .svg-seguro-viagem-70, .svg-seguro-viagem-73
{ max-width: 100%; background-size: 100%; background-image: url('../images/viagem-sprite.png'); }
 
.svg-seguro-viagem-29 { background-position: 0 0%; background-size: 100%; }
.svg-seguro-viagem-07 { background-position: 0 6.646677%; background-size: 111.711712%; }
.svg-seguro-viagem-09 { background-position: 0 13.293353%; background-size: 111.711712%; }
.svg-seguro-viagem-14 { background-position: 0 19.94003%; background-size: 111.711712%; }
.svg-seguro-viagem-17 { background-position: 0 26.586707%; background-size: 111.711712%; }
.svg-seguro-viagem-21 { background-position: 0 33.233383%; background-size: 111.711712%; }
.svg-seguro-viagem-24 { background-position: 0 39.88006%; background-size: 111.711712%; }
.svg-seguro-viagem-31 { background-position: 0 46.526737%; background-size: 111.711712%; }
.svg-seguro-viagem-35 { background-position: 0 52.336449%; background-size: 125.252525%; }
.svg-seguro-viagem-38 { background-position: 0 57.304476%; background-size: 125.252525%; }
.svg-seguro-viagem-41 { background-position: 0 62.272504%; background-size: 125.252525%; }
.svg-seguro-viagem-44 { background-position: 0 67.240531%; background-size: 125.252525%; }
.svg-seguro-viagem-47 { background-position: 0 72.208559%; background-size: 125.252525%; }
.svg-seguro-viagem-50 { background-position: 0 77.176586%; background-size: 125.252525%; }
.svg-seguro-viagem-03 { background-position: 0 82.063882%; background-size: 167.567568%; }
.svg-seguro-viagem-62 { background-position: 0 85.83212%; background-size: 174.647887%; }
.svg-seguro-viagem-64 { background-position: 0 89.37409%; background-size: 174.647887%; }
.svg-seguro-viagem-67 { background-position: 0 92.91606%; background-size: 174.647887%; }
.svg-seguro-viagem-70 { background-position: 0 96.45803%; background-size: 174.647887%; }
.svg-seguro-viagem-73 { background-position: 0 100%; background-size: 174.647887%; }

/*Plano de Saude*/
.plano-saude-11, .plano-saude-14, .plano-saude-18, .plano-saude-20, .plano-saude-25, 
.plano-saude-29, .plano-saude-32, .plano-saude-35, .plano-saude-38, .plano-saude-41, 
.plano-saude-44, .plano-saude-47, .plano-saude-50, .plano-saude-06, .plano-saude-03, 
.plano-saude-62, .plano-saude-64, .plano-saude-67, .plano-saude-70, .plano-saude-73
{ max-width: 100%; background-size: 100%; background-image: url('../images/saude-sprite.png'); }
 
.plano-saude-11 { background-position: 0 0%; background-size: 100%; }
.plano-saude-14 { background-position: 0 6.27027%; background-size: 100%; }
.plano-saude-18 { background-position: 0 12.540541%; background-size: 100%; }
.plano-saude-20 { background-position: 0 18.810811%; background-size: 100%; }
.plano-saude-25 { background-position: 0 25.081081%; background-size: 100%; }
.plano-saude-29 { background-position: 0 31.351351%; background-size: 100%; }
.plano-saude-32 { background-position: 0 37.621622%; background-size: 100%; }
.plano-saude-35 { background-position: 0 43.538874%; background-size: 129.292929%; }
.plano-saude-38 { background-position: 0 48.954424%; background-size: 129.292929%; }
.plano-saude-41 { background-position: 0 54.369973%; background-size: 129.292929%; }
.plano-saude-44 { background-position: 0 59.785523%; background-size: 129.292929%; }
.plano-saude-47 { background-position: 0 65.201072%; background-size: 129.292929%; }
.plano-saude-50 { background-position: 0 70.616622%; background-size: 129.292929%; }
.plano-saude-06 { background-position: 0 75.305364%; background-size: 164.102564%; }
.plano-saude-03 { background-position: 0 80.439443%; background-size: 172.972973%; }
.plano-saude-62 { background-position: 0 84.574749%; background-size: 180.28169%; }
.plano-saude-64 { background-position: 0 88.431062%; background-size: 180.28169%; }
.plano-saude-67 { background-position: 0 92.287375%; background-size: 180.28169%; }
.plano-saude-70 { background-position: 0 96.143687%; background-size: 180.28169%; }
.plano-saude-73 { background-position: 0 100%; background-size: 180.28169%; }

/*Plano de odonto*/
.plano-odonto-11, .plano-odonto-14, .plano-odonto-18, .plano-odonto-20, .plano-odonto-25, 
.plano-odonto-29, .plano-odonto-32, .plano-odonto-35, .plano-odonto-38, .plano-odonto-41, 
.plano-odonto-44, .plano-odonto-47, .plano-odonto-50, .plano-odonto-06, .plano-odonto-03, 
.plano-odonto-62, .plano-odonto-64, .plano-odonto-67, .plano-odonto-70, .plano-odonto-73
{ max-width: 100%; background-size: 100%; background-image: url('../images/odonto-sprite.png'); }
 
.plano-odonto-11 { background-position: 0 0%; background-size: 100%; }
.plano-odonto-14 { background-position: 0 6.27027%; background-size: 100%; }
.plano-odonto-18 { background-position: 0 12.540541%; background-size: 100%; }
.plano-odonto-20 { background-position: 0 18.810811%; background-size: 100%; }
.plano-odonto-25 { background-position: 0 25.081081%; background-size: 100%; }
.plano-odonto-29 { background-position: 0 31.351351%; background-size: 100%; }
.plano-odonto-32 { background-position: 0 37.621622%; background-size: 100%; }
.plano-odonto-35 { background-position: 0 43.538874%; background-size: 129.292929%; }
.plano-odonto-38 { background-position: 0 48.954424%; background-size: 129.292929%; }
.plano-odonto-41 { background-position: 0 54.369973%; background-size: 129.292929%; }
.plano-odonto-44 { background-position: 0 59.785523%; background-size: 129.292929%; }
.plano-odonto-47 { background-position: 0 65.201072%; background-size: 129.292929%; }
.plano-odonto-50 { background-position: 0 70.616622%; background-size: 129.292929%; }
.plano-odonto-06 { background-position: 0 75.305364%; background-size: 164.102564%; }
.plano-odonto-03 { background-position: 0 80.439443%; background-size: 117.972973%; }
.plano-odonto-62 { background-position: 0 84.574749%; background-size: 180.28169%; }
.plano-odonto-64 { background-position: 0 88.431062%; background-size: 180.28169%; }
.plano-odonto-67 { background-position: 0 92.287375%; background-size: 180.28169%; }
.plano-odonto-70 { background-position: 0 96.143687%; background-size: 180.28169%; }
.plano-odonto-73 { background-position: 0 100%; background-size: 180.28169%; }

/* Fale conosco*/
.contato-pagina-home-03, .contato-pagina-home-05, .contato-pagina-home-07, .contato-pagina-home-09, .contato-pagina-home-11
{ max-width: 100%; background-size: 100%; background-image: url('../images/contato-sprite.png'); }
 
.contato-pagina-home-03 { background-position: 0 0%; background-size: 100%; }
.contato-pagina-home-05 { background-position: 0 25%; background-size: 100%; }
.contato-pagina-home-07 { background-position: 0 50%; background-size: 100%; }
.contato-pagina-home-09 { background-position: 0 75%; background-size: 100%; }
.contato-pagina-home-11 { background-position: 0 100%; background-size: 100%; }

/* Page Form*/
.page-pagina-home-03, .page-pagina-home-05, .page-pagina-home-07, .page-pagina-home-09, .page-pagina-home-11
{ max-width: 100%; background-size: 100%; background-image: url('../images/page-sprite.png'); }
 
.page-pagina-home-03 { background-position: 0 0%; background-size: 100%; }
.page-pagina-home-05 { background-position: 0 25%; background-size: 100%; }
.page-pagina-home-07 { background-position: 0 50%; background-size: 100%; }
.page-pagina-home-09 { background-position: 0 75%; background-size: 100%; }
.page-pagina-home-11 { background-position: 0 100%; background-size: 100%; }

/* Seguradoras Contacts Sidebar */

.seg-s-zurich, .seg-s-tokio, .seg-s-bradesco, .seg-s-paribas, .seg-s-hdi, 
.seg-s-allianz, .seg-s-sompo, .seg-s-liberty
{ max-width: 100%; background-size: 100%; background-image: url('../images/seu-seguro.jpg'); }
 
.seg-s-zurich { background-position: 0 0%; background-size: 100%; }
.seg-s-tokio { background-position: 0 18.050542%; background-size: 112.068966%; }
.seg-s-bradesco { background-position: 0 37.226277%; background-size: 114.035088%; }
.seg-s-paribas { background-position: 0 54.895105%; background-size: 114.035088%; }
.seg-s-hdi { background-position: 0 70.422535%; background-size: 118.181818%; }
.seg-s-allianz { background-position: 0 80.592105%; background-size: 122.641509%; }
.seg-s-sompo { background-position: 0 89.108911%; background-size: 122.641509%; }
.seg-s-liberty { background-position: 0 100%; background-size: 125%; }

/* Seguro Moto Page */
.seguro-moto-06, .seguro-moto-08, .seguro-moto-10, .seguro-moto-12, .seguro-moto-19, 
.seguro-moto-21, .seguro-moto-22, .seguro-moto-23, .seguro-moto-25
{ display: inline-block; background: url('../images/seguro-moto-marcas.jpg') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.sm-Forma , .sm-seguro-moto_33, .sm-seguro-moto_36, .sm-seguro-moto_38, .sm-seguro-moto_40, .sm-seguro-moto_42, .sm-seguro-moto_45, .sm-seguro-moto_54, .sm-seguro-moto_57, .sm-seguro-moto_62, .sm-seguro-moto_65, .sm-seguro-moto_70, .sm-seguro-moto_72, .sm-seguro-moto_77, .sm-seguro-moto_80, .sm-seguro-moto_88, .sm-seguro-moto_90, .sm-seguro-moto_92, .sm-seguro-moto_94, .sm-seguro-moto_96, .sm-seguro-moto_98 
{display:inline-block; overflow:hidden; background-repeat: no-repeat;
background-image:url('../images/seguro-moto.png');}

.sm-Forma  {width: 68px; height: 87px; background-position: 80.3347% 31.5294%; background-size: 1505.88%; }
.sm-seguro-moto_33 {width: 97px; background-position: 16.8285% 32.3671%; background-size: 1055.67%; }
.sm-seguro-moto_36 {width: 97px; background-position: 27.8317% 32.3671%; background-size: 1055.67%; }
.sm-seguro-moto_38 {width: 97px; background-position: 38.8350% 32.3671%; background-size: 1055.67%; }
.sm-seguro-moto_40 {width: 97px; background-position: 49.8382% 32.3671%; background-size: 1055.67%; }
.sm-seguro-moto_42 {width: 97px; background-position: 60.8414% 32.3671%; background-size: 1055.67%; }
.sm-seguro-moto_45 {width: 97px; background-position: 71.8447% 32.3671%; background-size: 1055.67%; }
.sm-seguro-moto_54 {width: 133px; background-position: 0.561167% 1.28866%; background-size: 769.925%; }
.sm-seguro-moto_57 {width: 133px; background-position: 16.0494% 1.28866%; background-size: 769.925%; }
.sm-seguro-moto_62 {width: 133px; background-position: 31.5376% 1.28866%; background-size: 769.925%; }
.sm-seguro-moto_65 {width: 133px; background-position: 47.0258% 1.28866%; background-size: 769.925%; }
.sm-seguro-moto_70 {width: 133px; background-position: 62.5140% 1.28866%; background-size: 769.925%; }
.sm-seguro-moto_72 {width: 133px; background-position: 78.0022% 0.28866%; background-size: 769.925%; }
.sm-seguro-moto_77 {width: 133px; background-position: 93.4905% 1.28866%; background-size: 769.925%; }
.sm-seguro-moto_80 {width: 146px; background-position: 0.569476% 34.5361%; background-size: 722.370%; }
.sm-seguro-moto_88 {width: 71px; background-position: 88.2476% 30.3855%; background-size: 1442.25%; }
.sm-seguro-moto_90 {width: 71px; background-position: 96.2225% 30.3855%; background-size: 1442.25%; }
.sm-seguro-moto_92 {width: 71px; background-position: 0.524659% 59.6372%; background-size: 1442.25%; }
.sm-seguro-moto_94 {width: 71px; background-position: 8.49948% 59.6372%; background-size: 1442.25%; }
.sm-seguro-moto_96 {width: 71px; background-position: 16.4743% 59.6372%; background-size: 1442.25%; }
.sm-seguro-moto_98 {width: 71px; background-position: 24.4491% 59.6372%; background-size: 1442.25%; }


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {background:#04A4CC;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#04A4CC;color:#FFF;text-shadow:none;}
::-moz-selection {background:#04A4CC;color:#FFF;text-shadow:none;}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a, a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,
	h2,
	h3 {orphans:3;widows:3;}
	h2,
	h3 {page-break-after:avoid;}
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

audio,
canvas,
video {display: inline-block;}

audio:not([controls]) {display: none;height: 0;}

[hidden],
template {display: none;}

html {font-family: sans-serif; /* 1 */-ms-text-size-adjust: 100%; /* 2 */-webkit-text-size-adjust: 100%; /* 2 */}

body { margin: 0;}

a {background: transparent;}

a:focus {outline: thin dotted;}
a:active,
a:hover {outline: 0;}

abbr[title] {border-bottom: 1px dotted;}

b,
strong {font-weight: bold;}

dfn {font-style: italic;}

hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}

mark {background: #ff0;color: #000;}


code,
kbd,
pre,
samp {font-family: monospace, serif;font-size: 1em;}

pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}

small {font-size: 80%;}

sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}
img {border: 0;}

svg:not(:root) {overflow: hidden;}

figure {margin: 0;}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

legend {border: 0; /* 1 */ padding: 0; /* 2 */}

button,
input,
select,
textarea {font-family: inherit; /* 1 */font-size: 100%; /* 2 */margin: 0; /* 3 */}
button,
input {line-height: normal;}
button,
select {text-transform: none;}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}

button[disabled],
html input[disabled] {cursor: default;}

input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}

textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}

table {border-collapse: collapse;border-spacing: 0;}
td {padding:3px;}
tr{border-bottom: 1px gray solid;}