/* =============================================================================
   Site
   ========================================================================== */
.site .menu { margin-bottom: 45px; }
.site .menu nav ul { margin: 0; padding: 0 }
.site .menu nav li { color: #69adcc; cursor: pointer; display: block; font-size: 17px; padding: 0 0 10px 23px; position: relative; }
.site .menu nav li.unstyled { padding: 0; }
.site .menu nav li a{  color: inherit; text-decoration: none; }
.site .menu nav li a:hover{ font-weight: 700; }
.site .menu nav li.accordion-heading{ font-weight: 700; }
.site .menu nav li.accordion-heading:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #69adcc;  content: ""; display: inline-block; height: 0; margin-top: 5px; position: absolute; left: 4.5px; vertical-align: middle; width: 0;  transition: all 0.3s ease-in; }

@media( max-width: 767px ){
   .site .menu{ margin-bottom: 15px }
   .site .menu nav li { padding: 10px 0; text-align: center; font-weight: 700;}
   .site .menu nav li.accordion-heading:before{ display: none; }
   .site .menu nav li.accordion-heading .arrow-m{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #69adcc;  content: ""; display: inline-block; height: 0; position: relative; margin-left:10px; margin-right: -15px; vertical-align: middle; width: 0;  transition: all 0.3s ease-in; }
   .site .menu nav li.accordion-heading.active .arrow-m{ transform: rotate(180deg); }
   .site .menu nav .accordion-content{ display: none; }
}  


/* =============================================================================
   Site / Fúnebre
   ========================================================================== */

.funebre .format-options .option, 
.funebre .frame-options .option,
.funebre .symbol-options .option{ cursor: pointer; }
.funebre .format-options img, 
.funebre .frame-options img,
.funebre .symbol-options img{ max-width: 100%; }
.funebre .frame-options .opt, .symbol-options .opt{ margin-bottom: 15px; }
.funebre .frame-options .title, .symbol-options .title{ font-family: Arial; font-size: 20px; font-weight: bold; display: block; color: #666666; margin-bottom: 20px; }
.funebre .format-options .option.active .overlay{ border: 2px solid #6aaecc; }

.funebre .carousel{ position: relative; width: 93.5%; margin: 0 auto; }
.funebre .carousel .carousel-btn.prev{ margin-left: -35px; }
.funebre .carousel .carousel-btn.next{ margin-right: -35px; }
.funebre .carousel .overlay img{ width: 88px; height: 136px }
.funebre .carousel .heading{ display: block; font-size: 14px; margin-bottom: 5px; }
.funebre .carousel .option{ display: inline-block; float: left; height: 180px; width: 92px; margin-right: 15px; }
.funebre .carousel .carousel-list li{ margin-right: 15px; margin-top: 25px; }
.funebre .carousel .carousel-list .w-heading{ margin-top: 0; }
.funebre .carousel .carousel-list .w-divider:after{ content: ''; display: block; border-right: solid 1px #979797; width: 1px; height: 140px; position: absolute; right: 0 }
.funebre .carousel .caption{ width: 92px; padding: 10px 0 ; display: inline-block; font-size: 14px; line-height: 1.43; color: #666; text-align: center; font-weight: bold; }
.funebre .carousel .carousel-list li:last-child .overlay{ margin-right: 0; }

@media(max-width: 767px){
   .funebre .carousel{ width: 100%; }
   .funebre .fix-clear-m{ display: block; clear: both; }
}
@media(min-width: 767px){
   .funebre .fix-clear-d{ display: block; clear: both; }  
}

.contact{ background-color: #f5f5f5; font-size: 15px;overflow: hidden;padding-bottom: 20px; padding-top: 20px; }
.contact h4{ margin-top: 0; margin-bottom: 5px; }
.contact p{ color: #666666; line-height: 1.33; margin: 10px 0; }
.contact a{ color: #69adcc; }
.contact .block{ margin-bottom: 30px; }
.contact img{ max-width: 100%; }
button { transition: all 400ms ease; margin: 0; padding: 0; border: none; background-color: transparent; color: #2A94BE; font-size: 14px; }
address { font-style: normal; }
@media( max-width:767px ){ 
  article.site{ margin-top: 20px; }
}


.funebre .email-step{ display: none; }
.funebre .email-step .form{ margin: 15px 0; }
.funebre .email-step .form .btn{ margin-top: 20px; }
.funebre .email-step .red{ color: red; display: none; }
.funebre .email-step label,
.funebre .email-step .control-input{ float: left; padding: 0 15px; }
.funebre .email-step .control-group{ margin-bottom: 15px; }
.funebre .email-step .control-group label{ font-size: 16px; color: #666666; width: 10%; padding-top: 8px; }
.funebre .email-step .control-input{ width: 90%; }
.funebre .email-step .control-group input{ border: solid 1px #d4dade; outline: none; padding: 9px 15px; width: 100%; }
.funebre .email-step .control-group input.error{ border: solid 1px red; }
.funebre .email-step .control-group input:focus{ border: solid 1px #69adcc; }

@media(max-width: 480px){
  .funebre .email-step .control-group label{ width: 25%; }
  .funebre .email-step .control-input{ width: 75%; }
}

.funebre h1.title { display: block; margin-top: 0; margin-bottom: 15px; color: #69ADCC; font-size: 16px; }
.funebre .section { margin-top: 0; margin-bottom: 30px; }
.funebre .section p{ color: #666; font-size: 16px; }
.funebre .section p.ny{ font-family: Times New Roman; font-weight: bold; font-style: italic; color: #333 }

/*List*/
.relacaodeigrejas .list-type, .servicosfunerarios .list-type { margin-bottom: 30px; }
.relacaodeigrejas .list-type li *, .servicosfunerarios .list-type li * { color: #535353; font-size: 16px; font-weight: normal; line-height: 1.38; font-style: normal; }
.relacaodeigrejas .list-type li.head, .servicosfunerarios .list-type li.head { font-weight: bold; text-transform: uppercase; border-bottom: dotted 2px #c3c3c3; padding-bottom: 5px; }
.relacaodeigrejas .list-type li span, .servicosfunerarios .list-type li span { display: block; font-weight: bold; margin-top: 20px; margin-bottom: 2.5px; }
.relacaodeigrejas .list-type li p, .servicosfunerarios .list-type li p { margin-bottom: 2.5px; }
.relacaodeigrejas .list-type li strong, .servicosfunerarios .list-type li strong { display: block; float: none; }

.funebre .hints{ background: #fff; border-radius: 5px; border: 2px solid #69adcc; box-shadow: 0px 2px 22px -2px rgba(0,0,0,0.71); display: none; padding: 20px; position: absolute; z-index: 99; -webkit-box-shadow: 0px 2px 22px -2px rgba(0,0,0,0.71); -moz-box-shadow: 0px 2px 22px -2px rgba(0,0,0,0.71); }
.funebre .hints .next-hint{ color: #69adcc; cursor: pointer; font-weight: bold; margin-left: 15px; } 
.funebre .hints .close{ color: #c7c7c7; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px; position: absolute; right: -5px; top: -5px; }
.funebre .hints.formato{ left: 520px; }
.funebre .hints.simbolo{ left: -300px; top: 45px; }
.funebre .hints.moldura{ bottom: -35px; left: 30px; }
.funebre .hints.moldura:after, .funebre .hints.moldura:before, .funebre .hints.formato:after, .funebre .hints.formato:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.funebre .hints.moldura:after, .funebre .hints.formato:after { border-color: rgba(136, 183, 213, 0); border-right-color: #fff; border-width: 7px; margin-top: -7px; }
.funebre .hints.moldura:before, .funebre .hints.formato:before { border-color: rgba(194, 225, 245, 0); border-right-color: #69adcc; border-width: 11px; margin-top: -11px; }
.funebre .hints.text{ right: 0; top: 0; top: 45px; }
.funebre .hints.text:after, .funebre .hints.text:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.funebre .hints.text:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 7px; margin-left: -7px; }
.funebre .hints.text:before { border-color: rgba(105, 173, 204, 0); border-top-color: #69adcc; border-width: 11px; margin-left: -11px; }
.funebre .hints.simbolo:after, .funebre .hints.simbolo:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.funebre .hints.simbolo:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 7px; margin-top: -7px; }
.funebre .hints.simbolo:before { border-color: rgba(105, 173, 204, 0); border-left-color: #69adcc; border-width: 11px; margin-top: -11px; }
.funebre .hints-preventclick{ background: rgba(0,0,0,0.3); display: none;height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 98; }

@media( max-width: 800px ){
   .funebre .hints.formato{ left: 48px; }
   .funebre .hints.simbolo{ left: -33px; top: -90px; }
   .funebre .hints.simbolo:after, .funebre .hints.simbolo:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
   .funebre .hints.simbolo:after { border-color: rgba(255, 255, 255, 0); border-left-color: transparent; border-top-color: #fff; border-width: 7px; margin-left: -7px; margin-top: 0; }
   .funebre .hints.simbolo:before { border-color: rgba(105, 173, 204, 0); border-left-color: transparent; border-top-color: #69adcc; border-width: 11px; margin-left: -11px; margin-top: 0; }
}

/* =============================================================================
   Site / Fúnebre - Simulator
   ========================================================================== */

.simulator{ margin-top: 20px; text-align: center; }
.simulator .error{ border: 1px solid red; }
.simulator .outside{ border: 2px dotted #69adcc; display: inline-block; padding: 15px; position: relative; }
.simulator .outside .edit-frame{ background-color: #69adcc; bottom: 0; cursor: pointer; display: block; height: 14px; left: 0; position: absolute; width: 14px; }
.simulator .outside .edit-frame:after{ background: url(//f.i.uol.com.br/publicidade/2/funebre/icon-pen-edit.svg?2016091901) no-repeat center center; background-size: 70%; content: ' '; display: block; height: 14px; width: 14px; }
.simulator .symbol .edit-frame{ margin: 0 0 10px 10px; }
.simulator .symbol{ float: left; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; position: relative; width: 25%; }
.simulator .symbol img{ border: 2px dotted #69adcc; float: left; max-width: 100%; min-width: 100%; }
.simulator input, 
.simulator textarea{ border-radius: 0px; border: 1px solid #d4dade; box-shadow: none; color: #666; float: left; font-family: Arial; outline: none; overflow: hidden; padding: 10px; resize: none; text-align: justify; width: 100%; -webkit-appearance:none; }
.simulator input:focus, .simulator textarea:focus{ border-radius: 0px; border: solid 1px rgba(108, 175, 205, 0.5); }
.simulator .pre-title, 
.simulator .title{ float: left; padding: 10px 15px 0 15px; width: 75%; }
.simulator .title textarea{ font-weight: bold; text-align: center; }
.simulator .paragraph { float: left; margin-bottom: 15px; padding: 0 15px; width: 100% }
.simulator .paragraph textarea{ margin-top: 15px; resize: none; width: 100%; }

@media( min-width: 767px ){
   .simulator .outside .edit-frame, .simulator .outside .edit-frame:after{ height: 24px; width: 24px; }
}

.simulator .format1 textarea{ font-size: 12px; padding: 4px 5px; }
.simulator .format1 .paragraph textarea{ height: 76px; }
.simulator .format1 .title textarea{ font-size: 18px; }
@media( max-width: 767px ){
   .simulator .format1 .title textarea{ font-size: 13px; }
   .simulator .format1 textarea{ font-size: 11px; padding: 4px 5px; }
}
@media( max-width: 475px ){
   .simulator .format1 .symbol{ width: 30%; }
   .simulator .format1 .title,
   .simulator .format1 .pre-title{ width: 70%; }
}

.simulator .format2 textarea{ font-size: 14px; padding: 4px 5px; }
.simulator .format2 .paragraph textarea{ height: 110px; line-height: 25px; }
.simulator .format2 .symbol{ width: 30%; }
.simulator .format2 .pre-title{ width: 70%; margin-top: 50px; }
.simulator .format2 .title { width: 100%; }
.simulator .format2 .title textarea { font-size: 23px;}
.simulator .format2 .hints.simbolo{ top: 65px; }
@media( max-width: 767px ){
   .simulator .format2 .symbol{ width: 35%; }
   .simulator .format2 .pre-title{ width: 65%; margin-top: 20px; height: 60px; }
   .simulator .format2 .title textarea{ font-size: 18px; }
   .simulator .format2 textarea{ font-size: 12px; }
}
@media( max-width: 340px ){
   .simulator .format2 .pre-title textarea{ height: 60px;}
   .simulator .format2 .paragraph textarea{ height: 135px }
}

.simulator .format3 textarea{ font-size: 12px; padding: 0px 5px; }
.simulator .format3 .symbol{ width: 15%; }
.simulator .format3 .title,
.simulator .format3 .pre-title { width: 85%; }
.simulator .format3 .pre-title textarea{ height: 20px; }
.simulator .format3 .paragraph{ padding: 0 15px 0 15px; float: left; width: 100%; }
.simulator .format3 .paragraph textarea{ height: 53px; margin-top: 0; }
.simulator .format3 .title textarea{ font-size: 16px; height: 23px; text-align: left; }
.simulator .format3 .hints.simbolo{ top: 22px; }
@media( max-width: 767px ){
   .simulator .format3 .symbol{ width: 20%; margin-bottom: 70px; }
   .simulator .format3 .pre-title,
   .simulator .format3 .title,
   .simulator .format3 .paragraph{ width: 80%; }
   .simulator .format3 .pre-title textarea{ height: 35px; }
   .simulator .format3 .title textarea{ font-size: 14px; height: 28px }
   .simulator .format3 textarea{ font-size: 10px; padding: 4px 5px; }
   .simulator .format3 .paragraph textarea{ height: 92px; margin-top: 10px; }
}

.simulator .format4 textarea{ font-size: 13px; padding: 4px 5px; }
.simulator .format4 .symbol{ width: 20%; }
.simulator .format4 .pre-title, .simulator .format4 .title{ width: 80%; }
.simulator .format4 .paragraph textarea{ height: 66px; }
.simulator .format4 .title textarea{ font-size: 24px; height: 42px; }
.simulator .format4 .hints.simbolo{ top: 40px; }
@media( max-width: 767px ){
   .simulator .format4 .symbol{ width: 25%; }
   .simulator .format4 .title,
   .simulator .format4 .pre-title{ width: 75%; }
   .simulator .format4 .paragraph textarea{ margin-top: 5px; }
   .simulator .format4 .title textarea{ font-size: 13px; }
   .simulator .format4 textarea{ font-size: 11px; padding: 2px 4px; }
}

.simulator .format5 textarea{ font-size: 16px; padding: 4px 5px; }
.simulator .format5 .paragraph textarea{ height: 100px; }
.simulator .format5 .title textarea{ font-size: 25px; }
.simulator .format5 .hints.simbolo{ top: 60px; }
@media( max-width: 767px ){
   .simulator .format5 .title textarea{ font-size: 13px; }
   .simulator .format5 textarea{ font-size: 11px; padding: 4px 5px; }
   .simulator .format5 .paragraph textarea{ height: 80px; }
}
@media( max-width: 475px ){
   .simulator .format5 .symbol{ width: 30%; }
   .simulator .format5 .title,
   .simulator .format5 .pre-title{ width: 70%; }
}

.simulator .format6 textarea{ font-size: 16px; padding: 4px 5px; }
.simulator .format6 .title { width: 100%; }
.simulator .format6 .paragraph textarea{ height: 100px; }
.simulator .format6 .title textarea{ font-size: 25px; }
.simulator .format6 .hints.simbolo{ top: 60px; }
@media( max-width: 767px ){
   .simulator .format6 .symbol{ width: 30%; }
   .simulator .format6 .pre-title{ width: 70%; }
   .simulator .format6 .pre-title textarea{ height: 65px; }
   .simulator .format6 .title textarea{ font-size: 16px; }
   .simulator .format6 textarea{ font-size: 13px; padding: 4px 5px; }
   .simulator .format6 .paragraph textarea{ height: 115px; }
}

.simulator .format7 textarea{ font-size: 12px; padding: 0px 5px; }
.simulator .format7 .symbol{ width: 15%; }
.simulator .format7 .title,
.simulator .format7 .pre-title { width: 85%; }
.simulator .format7 .pre-title textarea{ height: 20px; }
.simulator .format7 .paragraph{ padding: 10px 15px 0 15px; float: left; width: 85%; }
.simulator .format7 .paragraph textarea{ height: 36px; margin-top: 0; }
.simulator .format7 .title textarea{ font-size: 16px; height: 23px; text-align: left; }
.simulator .format7 .hints.simbolo{ top: 60px; }
@media( max-width: 767px ){
   .simulator .format7 .symbol{ width: 20%; margin-bottom: 70px; }
   .simulator .format7 .symbol img{ height: initial; }
   .simulator .format7 .pre-title,
   .simulator .format7 .title,
   .simulator .format7 .paragraph{ width: 80%; }
   .simulator .format7 .pre-title textarea{ height: 35px; }
   .simulator .format7 .title textarea{ font-size: 14px; height: 28px; }
   .simulator .format7 textarea{ font-size: 10px; padding: 4px 5px; }
   .simulator .format7 .paragraph textarea{ height: 92px; }
}

.simulator .format8 textarea{ font-size: 12px; padding: 0px 5px; }
.simulator .format8 .symbol{ width: 15%; }
.simulator .format8 .title,
.simulator .format8 .pre-title { width: 85%; }
.simulator .format8 .pre-title textarea{ height: 20px; }
.simulator .format8 .paragraph{ padding: 10px 15px 0 15px; float: left; width: 85%; }
.simulator .format8 .paragraph textarea{ height: 58px; margin-top: 0; }
.simulator .format8 .title textarea{ font-size: 17px; height: 23px; text-align: left; }
.simulator .format8 .hints.simbolo{ top: 60px; }
@media( max-width: 767px ){
   .simulator .format8 .symbol{ width: 20%; margin-bottom: 70px; }
   .simulator .format8 .symbol img{ height: initial; }
   .simulator .format8 .pre-title,
   .simulator .format8 .title,
   .simulator .format8 .paragraph{ width: 80%; }
   .simulator .format8 .pre-title textarea{ height: 35px; }
   .simulator .format8 .title textarea{ font-size: 15px; height: 31px }
   .simulator .format8 textarea{ font-size: 10px; padding: 4px 5px; }
   .simulator .format8 .paragraph textarea{ height: 92px; }
}


.simulator .format9 textarea{ font-size: 13px; padding: 4px 5px; }
.simulator .format9 .symbol{ width: 20%; }
.simulator .format9 .pre-title, .simulator .format9 .title{ width: 80%; }
.simulator .format9 .paragraph textarea{ height: 66px; }
.simulator .format9 .title textarea{ font-size: 24px; }
.simulator .format9 .hints.simbolo{ top: 60px; }
@media( max-width: 767px ){
   .simulator .format9 .symbol{ width: 25%; }
   .simulator .format9 .title,
   .simulator .format9 .pre-title{ width: 75%; }
   .simulator .format9 .paragraph textarea{ margin-top: 5px; }
   .simulator .format9 .title textarea{ font-size: 14px; }
   .simulator .format9 textarea{ font-size: 11px; padding: 2px 4px; }
}

.simulator .format10 textarea{ font-size: 16px; padding: 4px 5px; }
.simulator .format10 .title { width: 100%; }
.simulator .format10 .pre-title { margin-top: 20px; }
.simulator .format10 .paragraph textarea{ height: 100px; }
.simulator .format10 .title textarea{ font-size: 25px; }
.simulator .format10 .hints.simbolo{ top: 87px; }
@media( max-width: 767px ){
   .simulator .format10 .symbol{ width: 30%; }
   .simulator .format10 .pre-title{ width: 70%; }
   .simulator .format10 .pre-title textarea{ height: 65px; }
   .simulator .format10 .title textarea{ font-size: 16px; }
   .simulator .format10 textarea{ font-size: 12px; padding: 4px 5px; }
   .simulator .format10 .paragraph textarea{ height: 95px; }
}

.simulator .format11 textarea{ font-size: 15px; padding: 4px 5px; line-height: 27px; }
.simulator .format11 .pre-title textarea{ text-align: center; }
.simulator .format11 .paragraph textarea{ height: 95px; }
.simulator .format11 .title textarea{ font-size: 26px; }
.simulator .format11 .hints.simbolo{ top: 87px; }
@media( max-width: 767px ){
   .simulator .format11 .symbol{ width: 25%; }
   .simulator .format11 .title,
   .simulator .format11 .pre-title{ width: 75%; }
   .simulator .format11 .paragraph textarea{ margin-top: 5px; }
   .simulator .format11 .title textarea{ font-size: 14px; }
   .simulator .format11 textarea{ font-size: 11px; padding: 2px 4px; }
}

.simulator .format12 textarea{ font-size: 18px; padding: 4px 5px; line-height: 40px; }
.simulator .format12 .pre-title textarea{ text-align: center; margin-top: 30px; }
.simulator .format12 .paragraph textarea{ height: 175px; margin-top: 30px }
.simulator .format12 .title textarea{ font-size: 28px; }
.simulator .format12 .hints.simbolo{ top: 87px; }
@media( max-width: 767px ){
   .simulator .format12 .symbol{ width: 25%; }
   .simulator .format12 .title,
   .simulator .format12 .pre-title{ width: 75%; }
   .simulator .format12 .pre-title textarea{ text-align: center; margin-top: 10px; }
   .simulator .format12 .paragraph textarea{ margin-top: 15px; height: 120px;  }
   .simulator .format12 .title textarea{ font-size: 14px; }
   .simulator .format12 textarea{ font-size: 12px; padding: 2px 4px; line-height: 22px; }
}

.simulator .format13 textarea{ font-size: 18px; padding: 4px 15px; line-height: 40px; }
.simulator .format13 .edit-frame{ left: 50%; margin: 0 0 10px -65px; }
.simulator .format13 .symbol{ width: 100%; text-align: center; margin-top: 10px; }
.simulator .format13 .symbol img{ min-width: 140px; float: none; }
.simulator .format13 .title,
.simulator .format13 .pre-title{ width: 100%; }
.simulator .format13 .pre-title textarea{ text-align: left; margin-top: 10px; margin-bottom: 10px; height: 55px; }
.simulator .format13 .paragraph textarea{ height: 175px; margin-top: 20px }
.simulator .format13 .title textarea{ font-size: 28px; }
.simulator .format13 .hints.simbolo{ top: 110px; left: -120px; }
@media( max-width: 767px ){
   .simulator .format13 .symbol img{ min-width: 85px; float: none; }
   .simulator .format13 .edit-frame{ margin: 0 0 10px -37px; }
   .simulator .format13 .pre-title textarea{ text-align: left; margin-top: 10px; }
   .simulator .format13 .paragraph textarea{ margin-top: 15px; height: 145px;  }
   .simulator .format13 .title textarea{ font-size: 18px; }
   .simulator .format13 textarea{ font-size: 13px; padding: 2px 4px; line-height: 22px; }
}

.simulator .format14 textarea{ font-size: 18px; padding: 4px 10px; line-height: 40px; }
.simulator .format14 .pre-title textarea{ text-align: center; margin-top: 30px; }
.simulator .format14 .paragraph textarea{ height: 140px; margin-top: 30px }
.simulator .format14 .title textarea{ font-size: 28px; }
.simulator .format14 .hints.simbolo{ top: 111px; }
@media( max-width: 767px ){
   .simulator .format14 .symbol{ width: 25%; }
   .simulator .format14 .title,
   .simulator .format14 .pre-title{ width: 75%; }
   .simulator .format14 .pre-title textarea{ text-align: center; margin-top: 10px; }
   .simulator .format14 .paragraph textarea{ margin-top: 15px; height: 120px;  }
   .simulator .format14 .title textarea{ font-size: 14px; }
   .simulator .format14 textarea{ font-size: 12px; padding: 2px 4px; line-height: 22px; }
}

.simulator .format15 textarea{ font-size: 18px; padding: 4px 15px; line-height: 40px; }
.simulator .format15 .edit-frame{ left: 50%; margin: 0 0 10px -65px; }
.simulator .format15 .symbol{ width: 100%; text-align: center; margin-top: 10px; }
.simulator .format15 .symbol img{ min-width: 140px; float: none; }
.simulator .format15 .title,
.simulator .format15 .pre-title{ width: 100%; }
.simulator .format15 .pre-title textarea{ text-align: center; margin-top: 10px; margin-bottom: 10px; height: 55px; }
.simulator .format15 .paragraph textarea{ height: 175px; margin-top: 20px }
.simulator .format15 .title textarea{ font-size: 28px; }
.simulator .format15 .hints.simbolo{ top: 108px; left: -75px; }
@media( max-width: 767px ){
   .simulator .format15 .symbol img{ min-width: 85px; float: none; }
   .simulator .format15 .edit-frame{ margin: 0 0 10px -37px; }
   .simulator .format15 .pre-title textarea{ margin-top: 10px; }
   .simulator .format15 .paragraph textarea{ margin-top: 15px; height: 145px;  }
   .simulator .format15 .title textarea{ font-size: 18px; }
   .simulator .format15 textarea{ font-size: 13px; padding: 2px 4px; line-height: 22px; }
}

.simulator .format16 textarea{ font-size: 22px; padding: 4px 15px; line-height: 40px; }
.simulator .format16 .edit-frame{ left: 50%; margin: 0 0 10px -65px; }
.simulator .format16 .symbol{ width: 100%; text-align: center; margin-top: 10px; }
.simulator .format16 .symbol img{ min-width: 140px; float: none; }
.simulator .format16 .title,
.simulator .format16 .pre-title{ width: 100%; }
.simulator .format16 .pre-title textarea{ text-align: center; margin-top: 30px; margin-bottom: 20px; height: 55px; }
.simulator .format16 .paragraph textarea{ height: 175px; margin-top: 30px }
.simulator .format16 .title textarea{ font-size: 32px; }
.simulator .format16 .hints.simbolo{ top: 108px; left: -75px; }
@media( max-width: 767px ){
   .simulator .format16 .symbol img{ min-width: 85px; float: none; }
   .simulator .format16 .edit-frame{ margin: 0 0 10px -37px; }
   .simulator .format16 .pre-title textarea{ margin-top: 15px; margin-bottom: 15px; }
   .simulator .format16 .paragraph textarea{ margin-top: 25px; height: 165px;  }
   .simulator .format16 .title textarea{ font-size: 19px; }
   .simulator .format16 textarea{ font-size: 15px; padding: 2px 10px; line-height: 22px; }
}

.simulator .format17 textarea{ font-size: 18px; padding: 4px 10px; line-height: 40px; }
.simulator .format17 .pre-title textarea{ text-align: center; margin-top: 40px; }
.simulator .format17 .paragraph textarea{ height: 160px; margin-top: 30px }
.simulator .format17 .title textarea{ font-size: 28px; }
.simulator .format17 .hints.simbolo{ top: 133px; }
@media( max-width: 767px ){
   .simulator .format17 .symbol{ width: 25%; }
   .simulator .format17 .title,
   .simulator .format17 .pre-title{ width: 75%; }
   .simulator .format17 .pre-title textarea{ text-align: center; margin-top: 10px; }
   .simulator .format17 .paragraph textarea{ margin-top: 15px; height: 120px;  }
   .simulator .format17 .title textarea{ font-size: 14px; }
   .simulator .format17 textarea{ font-size: 12px; padding: 2px 4px; line-height: 22px; }
}

.simulator .format18 textarea{ font-size: 22px; padding: 4px 15px; line-height: 40px; }
.simulator .format18 .edit-frame{ left: 50%; margin: 0 0 10px -65px; }
.simulator .format18 .symbol{ width: 100%; text-align: center; margin-top: 20px; }
.simulator .format18 .symbol img{ min-width: 140px; float: none; }
.simulator .format18 .title,
.simulator .format18 .pre-title{ width: 100%; }
.simulator .format18 .pre-title textarea{ text-align: center; margin-top: 30px; margin-bottom: 20px; height: 55px; }
.simulator .format18 .paragraph textarea{ height: 175px; margin-top: 30px }
.simulator .format18 .title textarea{ font-size: 32px; }
.simulator .format18 .hints.simbolo{ top: 108px; left: -40px; }
@media( max-width: 767px ){
   .simulator .format18 .symbol img{ min-width: 85px; float: none; }
   .simulator .format18 .edit-frame{ margin: 0 0 10px -37px; }
   .simulator .format18 .pre-title textarea{ margin-top: 15px; margin-bottom: 15px; }
   .simulator .format18 .paragraph textarea{ margin-top: 25px; height: 165px;  }
   .simulator .format18 .title textarea{ font-size: 19px; }
   .simulator .format18 textarea{ font-size: 15px; padding: 2px 10px; line-height: 22px; }
}

/* =============================================================================
   Site / Fúnebre - Simulator & Format
   ========================================================================== */

.simulator div[class*="format"] { position: relative; float: left; }

.simulator .format1,
.simulator .format2{ width: 360px; }

.simulator .format3,
.simulator .format4,
.simulator .format5,
.simulator .format6{ width: 420px; }

.simulator .format7,
.simulator .format8,
.simulator .format9,
.simulator .format10,
.simulator .format11,
.simulator .format12,
.simulator .format13{ width: 520px; }

.simulator .format14,
.simulator .format15,
.simulator .format16{ width: 620px; }

.simulator .format17,
.simulator .format18{ width: 700px; }

.simulator .border{ background-color: #fff; background: url(//f.i.uol.com.br/publicidade/2/funebre/sprite-moldura.png?2016091901) no-repeat; display: block; height: 20px; position: absolute; width: 18px; }

.simulator .border.top-left{ left: 0; top: -1px; } 
.simulator .border.top-right{ right: -1px; transform: rotate(90deg); }
.simulator .border.bottom-right{ right: 0; bottom: -1px; transform: rotate(180deg); }
.simulator .border.bottom-left{ left: 0; bottom: 0; transform: rotate(-90deg); background-color: transparent; }

.simulator .pan-top,
.simulator .pan-bottom,
.simulator .pan-left,
.simulator .pan-right{ display: block; position: absolute; z-index: -2; }
.simulator .pan-top,
.simulator .pan-bottom{ background: url(//f.i.uol.com.br/publicidade/2/funebre/sprite-moldura-columns.png) no-repeat; background-repeat: repeat-x; height: 10px; width: 100%; }
.simulator .pan-left,
.simulator .pan-right{ background: url(//f.i.uol.com.br/publicidade/2/funebre/sprite-moldura-rows.png) no-repeat; background-repeat: repeat-y; height: 100%; width: 10px; }
.simulator .pan-bottom{ bottom: 0; transform: rotate(180deg); }
.simulator .pan-right{ right: 0; top: 1px; transform: rotate(180deg); }
.simulator .pan-left{ top: -1px; }

.simulator .frame1 .border{ background-position: -140px -8px;  height: 15px; width: 11px; }
.simulator .frame1 .pan-left, .simulator .frame1 .pan-right{ background-position: -128px 0px; }
.simulator .frame1 .pan-top, .simulator .frame1 .pan-bottom{ background-position: 0px -19px; }
.simulator .frame1 .border.top-right{ top: -1.515px; right: 0.6px; }
.simulator .frame1 .border.bottom-left{ bottom: -1px; }
@media(min-width: 767px ){
.simulator .frame1 .border.top-right{ right: 0; top: -1px; }
}

.simulator .frame2 .border{ background-position: -75px -8px;  height: 14px; width: 12px; }
.simulator .frame2 .pan-left, .simulator .frame2 .pan-right{ background-position: -128px 0px; }
.simulator .frame2 .pan-top, .simulator .frame2 .pan-bottom{ background-position: 0px -19px; }
.simulator .frame2 .border.top-right{ right: -0.75px; top: -0.25px; }
@media(min-width: 767px ){
  .simulator .frame2 .border.bottom-left{ left: -1px; }
}

.simulator .frame3 .border{ background-position: -10px -8px;  height: 14px; width: 12px; }
.simulator .frame3 .pan-left, .simulator .frame3 .pan-right{ background-position: -128px 0px; }
.simulator .frame3 .pan-top, .simulator .frame3 .pan-bottom{ background-position: 0px -19px; }
.simulator .frame3 .border.top-right{ right: -0.75px; top: -0.25px; }

.simulator .frame4 .border{ background-position: -74px -142px;  width: 14px; height: 15px; }
.simulator .frame4 .pan-left, .simulator .frame4 .pan-right{ background-position: -95px 0px; }
.simulator .frame4 .pan-top, .simulator .frame4 .pan-bottom{ background-position: 0px -59px; }
.simulator .frame4 .border.top-right{ right: -1.75px; top: 1px; }
.simulator .frame4 .border.bottom-left{ bottom: 0.58px; left: -1.8px; }

.simulator .frame5 .border{ background-position: -10px -142px;  height: 15px; width: 14px; }
.simulator .frame5 .pan-left, .simulator .frame5 .pan-right{ background-position: -95px 0px; }
.simulator .frame5 .pan-top, .simulator .frame5 .pan-bottom{ background-position: 0px -59px; }
.simulator .frame5 .border.top-right{ right: -1.75px; top: 1px }
.simulator .frame5 .border.bottom-left{ bottom: 0.58px; left: -1.8px; }

.simulator .frame6 .border{ background-position: -139px -142px;  height: 15px; width: 15px; }
.simulator .frame6 .pan-left, .simulator .frame6 .pan-right{ background-position: -95px 0px; }
.simulator .frame6 .pan-top, .simulator .frame6 .pan-bottom{ background-position: 0px -59px; }
.simulator .frame6 .border.top-right{ right: -1.75px; top: 1px; }
.simulator .frame6 .border.bottom-left{ bottom: 0.58px; left: -1.8px; }

.simulator .frame7 .border{ background-position: -10px -74px;  height: 15px; width: 14px; }
.simulator .frame7 .pan-left, .simulator .frame7 .pan-right{ background-position: -15px 0px; }
.simulator .frame7 .pan-top, .simulator .frame7 .pan-bottom{ background-position: 0px -30px; }
.simulator .frame7 .border.top-right{ right: -1px; top: 0px; }
.simulator .frame7 .border.bottom-left{ left: -1px; }

.simulator .frame8 .border{ background-position: -74px -74px;  width: 14px; height: 15px; }
.simulator .frame8 .pan-left, .simulator .frame8 .pan-right{ background-position: -78.5px 0px; }
.simulator .frame8 .pan-top, .simulator .frame8 .pan-bottom{ background-position: 0px -30px; }
.simulator .frame8 .border.top-right{ right: -1px; top: 0px; }
.simulator .frame8 .border.bottom-left{ left: -1px; }

.simulator .frame9 .border{ background-position: -139px -74px;  height: 15px; width: 15px; }
.simulator .frame9 .pan-left, .simulator .frame9 .pan-right{ background-position: -78.5px 0px; }
.simulator .frame9 .pan-top, .simulator .frame9 .pan-bottom{ background-position: 0px -30px; }
.simulator .frame9 .border.top-right{ right: -1px; top: 0px; }
.simulator .frame9 .border.bottom-left{ left: -1px; }

.simulator .frame10 .border{ background-position: -10px -213px;  height: 15px; width: 15px; }
.simulator .frame10 .pan-left, .simulator .frame10 .pan-right{ background-position: -47px 0px; }
.simulator .frame10 .pan-top, .simulator .frame10 .pan-bottom{ background-position: 0px -91px; }
.simulator .frame10 .border.top-right{ right: -1px; top: 0px; }
.simulator .frame10 .border.bottom-left{ left: -1px; }

.simulator .frame11 .border{ background-position: -73px -213px;  height: 15px; width: 15px; }
.simulator .frame11 .pan-left, .simulator .frame11 .pan-right{ background-position: -47px 0px; }
.simulator .frame11 .pan-top, .simulator .frame11 .pan-bottom{ background-position: 0px -91px; }
.simulator .frame11 .border.top-right{ right: -1px; top: 0px }
.simulator .frame11 .border.bottom-left{ left: -1px; }

.simulator .frame12 .border{ background-position: -135px -211px; }
.simulator .frame12 .pan-left, .simulator .frame12 .pan-right{ background-position: -175px 0px; }
.simulator .frame12 .pan-top, .simulator .frame12 .pan-bottom{ background-position: 0px -109px; }

@media(max-width: 767px){
   .simulator div[class*="format"], .simulator .outside{ width: 100%; }
}