@import "https://fonts.googleapis.com/css?family=Lato:400,700";

@charset "utf-8";

html { height: 100%; }
body { font-family: Lato, Helvetica, sans-serif; font-size: 14px; color: #333; }

a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
hr { border: 0; border-bottom: 1px solid #000; }

h1 { font-size: 23px; }
p.page-title,
h1.page-title { margin-bottom: 70px !important; color: #ef5a28; font-weight: normal; font-size: 50px !important; text-align: center; }

h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; }

.wrapper { max-width: 1300px; margin: 0 auto; padding: 0 30px; }

a.button,
button { background: #ef5a28; font-size: 18px; font-weight: normal; border: 0; color: #fff; padding: 10px 20px; cursor: pointer; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; white-space: nowrap; text-decoration: none; border: 1px solid #ef5a28; }
a.button:hover,
button:hover { background: #fff; text-decoration: none; color: #ef5a28; }
a.button { display: inline-block; }

a.button.black,
button.black { background: #000; color: #fff; border: 1px solid #fff; }
a.button.black:hover,
button.black:hover { background: #fff; color: #000;  }

button.hidden-content,
a.button.hidden-content { position: relative; width: auto; }
button.hidden-content span,
a.button.hidden-content span { opacity: 0; visibility: hidden; transition: visibility 0.2s linear, opacity 0.2s linear, top 0.2s linear; position: absolute; top: -40px; right: 0; white-space: nowrap; width: auto; background: #ddd; color: #333; padding: 3px 6px; font-size: 11px; }
button.hidden-content:hover span,
a.button.hidden-content:hover span { opacity: 1; visibility: visible; top: -23px; }

.button.small { padding: 5px 10px !important; font-size: 16px; }

.expand-next { padding: 5px 10px; border: 1px solid #000; font-size: 18px; font-weight: bold; background: #fff url(../images/i_menu.png) no-repeat center right 10px; cursor: pointer;  }
.expand-next.courses { background: #fff url(../images/i_academic.png) no-repeat center right 10px;  }

.loading { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(255,255,255,0.7); display: none; }
.loading .icon { top: 50%; left: 50%; position: absolute; margin-top: -50px; margin-left: -50px; }

.no-results { border: 1px solid #ccc; background: #eee; font-size: 14px; text-transform: uppercase; text-align: center; padding: 15px; }

.collapsable-pannels { }
.collapsable-pannels dt { }
.collapsable-pannels dt:hover {}
.collapsable-pannels dd {}

.datagrid { }
.datagrid th,
.datagrid td { padding: 5px; vertical-align: middle; }
.datagrid th { background: #eee; border-top: 1px solid #ccc; font-weight: bold; text-transform: uppercase; }
.datagrid td { border-bottom: 1px solid #ccc;}

.horizontal-menu { margin: 20px 0; }
.horizontal-menu li { float: left; margin-right: 10px;  }
.horizontal-menu li a { font-size: 18px; border-right: 1px solid #333; padding-right: 10px; text-decoration: underline; }
.horizontal-menu li.active a { text-decoration: none; }
.horizontal-menu li:last-child a { border-right: 0; }

.std p,
.std ol,
.std ul { margin-bottom: 10px; font-size: 16px; line-height: 19px;  }
.std ol { list-style: decimal inside; }
.std ul { list-style: circle inside; }

/* FLASH MESSAGES */
.flash-messages .message { text-align: center; padding: 5px; border: 1px solid #000; margin-bottom: 5px; list-style: none; }
.flash-messages .message.success { border-color: #060; background:#D2ECD3; color: #060; }
.flash-messages .message.error { border-color: #900; background:#fae6e7; color: #900; }
.flash-messages .message.error a { text-decoration: underline; color: #900; }
.flash-messages .message.warning { border-color:#C60; background:#FCE0C5; color: #C60; }

/* TABS */
.tabs .tabs-titles li { float: left; cursor: pointer;  padding: 14px; font-size: 20px; list-style: none; background: #bdbdbd; color: #fff; margin-right: 10px; transition: background 0.4s; }
.tabs .tabs-titles li.active { background: #ef5a28; }
.tabs .tab-page { display: none; padding: 0; background: #fff; margin-top: 20px; }
.tabs .tab-page:first-child { display: block; }

.tabs.vertical .tabs-titles ul { list-style: circle inside; }
.tabs.vertical .tabs-titles li { cursor: pointer; padding: 5px 0; font-size: 17px; float: none; color: #000; list-style: circle inside; background: none; margin: 0;}
.tabs.vertical .tabs-titles li.active { list-style: disc inside; }
.tabs.vertical .tab-page { display: none; padding: 0; background: #fff;  margin: 0;  }
.tabs.vertical .tab-page:first-child { display: block; }

.tabs.top-icons .tabs-titles li { width: calc(19% - 85px); padding: 30px 20px 30px 65px;  margin-right: 1%; font-size: 17px; background-repeat: no-repeat; background-position: 12px 50%; }
.tabs.top-icons .tabs-titles li:last-child { margin: 0; }
.tabs.top-icons .tabs-titles li.subscribers { background-image: url(../images/tab_subscribers.png); }
.tabs.top-icons .tabs-titles li.email-send { background-image: url(../images/tab_email_send.png); }
.tabs.top-icons .tabs-titles li.sms-send { background-image: url(../images/tab_sms_send.png); }
.tabs.top-icons .tabs-titles li.stats { background-image: url(../images/tab_stats.png); background-position: 8px 50%;   }
.tabs.top-icons .tabs-titles li.integrations { background-image: url(../images/tab_integrations.png); }


/* CONTAINERS */
.fields-group { display: table; table-layout: fixed; width: 100%; }
.fields-group .col { display: table-cell; width: 2%; vertical-align: top; }
.fields-group .col:first-child .field { padding-left: 0; }
.fields-group .col:last-child .field { padding-right: 0; }

/* HTML CONFIRM */
.confirm-overlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 99; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.confirm-box{ background: #fff; box-shadow: 0 0 8px #000; padding: 10px; width: 590px; margin: 0 auto; margin-top: 15%; }

.confirm-box .title { border-bottom: 1px solid #ccc; margin-bottom: 10px; display: block; font-size: 16px; font-weight: bold; }
.confirm-box.success .title { padding: 5px; }
.confirm-box.warning .title { padding: 5px; }
.confirm-box .message { display: block; font-size: 16px; margin-bottom: 15px; }
.confirm-box .actions { text-align: center; }

/* HTML MESSAGE */
.message-overlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 99; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.message-box{ background: #e9e9e9; box-shadow: 0 0 8px #000; padding: 10px; width: 590px; margin: 0 auto; margin-top: 15%; }

.message-box .title { border-bottom: 1px solid #666; margin-bottom: 10px; display: block; font-size: 23px; font-weight: bold; }
.message-box.success .title { padding: 5px; }
.message-box.warning .title { padding: 5px; }
.message-box .message { display: block; font-size: 16px; margin-bottom: 15px; }
.message-box .actions { text-align: center; }

/* FORM */
.form { }
.form h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; }
.form .top-actions { text-align: right; margin-bottom: -16px; }
.form .field { padding: 6px;  }
.form label { border: 1px solid #ccc; box-shadow: 0 0 4px #aaa; border-radius: 1px; padding: 6px 6px; display: block; cursor:text; position: relative; min-height: 40px; }
.form label.email-error,
.form label.vat-error,
.form label.number-error,
.form label.validate-error { border: 1px solid #C00; }
.form label.email-error span,
.form label.vat-error span,
.form label.number-error span,
.form label.validate-error span { color: #C00; }
.form label.readonly,
.form label:hover { background: #f1f1f1; }
.form label span { display: block; font-size: 15px; font-weight: bold; color: #444; margin-bottom: 4px; }
.form label textarea { font-family: Lato, Helvetica, sans-serif;  font-size: 13px; color: #444; display: block; width: 100%; border: 0; background: none; height: 80px;}
.form label input { font-family: Lato, Helvetica, sans-serif; font-size: 14px; color: #444; display: block; width: 100%;  }
.form label textarea:focus,
.form label input:focus { outline: none; }
.form label.amount input  { width: calc(100% - 15px); display: inline-block;  font-size: 17px; font-weight: bold; }
.form label.amount .currency { width: 10px; display: inline-block; font-size: 17px; }
.form label .select2-container { width: auto; display: block; }
.form label .select2-container .select2-choice { line-height: 16px; height: 15px; border: 0; padding: 0; background: #fff; }
.form label:hover .select2-container .select2-choice { background: #f1f1f1; }
.form label .select2-container-active .select2-choice { box-shadow: 0 0 0 #fff; }
.form label .select2-container .select2-choice span { text-transform: none; font-weight: normal; font-size: 13px; color: #666; }
.form label .select2-container label { padding: 0; }
.form label select:hover { background: #f1f1f1;  }
.form .error-message {  display: block; color:#C00; font-weight: normal; font-size: 12px; }

.form .summernote-editor label { border-bottom: 0; }
.form .summernote-editor label span { margin-bottom: 0; }

.form label.checkbox { display: inline-block; padding: 0; border: 0; }
.form label.checkbox:hover { background: #fff; cursor: pointer; }
.form label.checkbox span { display: inline-block; }
.form label.checkbox input { display: inline-block; width: 30px;  }

.form label.switcher { cursor: pointer; }
.form label.switcher span.title { display: inline-block; position: absolute; top: 16px; left: 70px; }
.form label.switcher .switchery { margin-top: 4px; }

.form label .helper{ color: #999; left: 6px; position: absolute; top: 28px; font-size: 14px; }

.form .field.buttons { position: relative; }
.form .field.buttons button { background: #fff; width: 48px; height: 48px; text-indent: 100px; overflow: hidden; border: 1px solid #ccc; position: absolute; right: 6px; top: 6px; }
.form .field.buttons button:hover { background-color: #f1f1f1 !important; }
.form .field.button-1 label { width: calc(100% - 72px); display:inline-block; }
.form .field.buttons button.print { background: url(../images/i_print.png) no-repeat center center; }

.form .date { border: 1px solid #ccc; border-radius: 1px; padding: 6px; display: block; cursor:text; position: relative;  }
.form .date:hover { background: #f1f1f1;  }
.form .date .fa-calendar { position: absolute; right: 10px; top: 16px; }
.form .date .label { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #444; margin-bottom: 4px; }
.form .date input { font-size: 13px; color: #666; display: block; width: 100%; }
.form .date.validate-error { border: 1px solid #C00; }
.form .date.validate-error span { color: #C00; }

.form .legend { margin-bottom: 10px; font-size: 14px; }

.form .sm-textarea { display: none; }

.form .separator { margin: 6px; border-bottom: 1px solid #ccc; padding-bottom: 6px; font-weight: bold; font-size: 14px; }

.form .multiple-select-field label:hover { background: #fff; }
.form .multiple-select { width: 100%; border: 0;}
.form .multiple-select:hover { background: #fff; }
.form .multiple-select option { border-bottom: 1px solid #ddd; padding: 5px 2px; margin-right: 10px; }
.form .multiple-select option:hover { background: #eee; }
.form .multiple-select option:checked  { background: #ddd; }

.form .submit { text-align: right; }

.form .privacy { float: left; }
.form .privacy label { padding: 15px 0 0 30px; box-shadow: 0 0 0; border: 0; position: relative; }
.register-subscribe .form .privacy label { padding: 5px 0 0 30px; }
.form .privacy label:hover { background: none; }
.form .privacy label input { width: 20px; display: inline-block; position: absolute; top: 18px; left: 6px; }
.register-subscribe .form .privacy label input  { top: 8px; }
.form .privacy a { color: rgb(6, 135, 167); }
.form .result { padding-top: 10px;}
.form .result * { font-size: 15px !important; }

.select2-drop-active { border: 1px solid #ccc !important; padding: 7px !important; }
.select2-drop-active li { font-size: 12px; }
.select2-container .select2-choice .select2-arrow { background: none !important; border: 0 !important; }
.select2-container .select2-choice .select2-arrow b { background-position: 0 -4px !important; }
.select2-results .select2-highlighted { background: #999 !important; }

.datepicker-dropdown { margin-top: 30px; }

.cookie-message { text-align: center; background: #000; padding: 10px; color: #fff; position: fixed; bottom: 0; left: 0; width: calc(100% - 20px); z-index: 9999; font-size: 13px; }
.cookie-message * { vertical-align: middle;}
.cookie-message a { color:#ef5a28; margin-left: 10px; }

/* HEADER */
.header-container { width: 100%; background: #000; }

.header { height: 105px; position: relative; z-index: 8999;}

.header .logo { position: absolute; top: 20px; left: 0; z-index: 9; }

.header .navigation { position: absolute; top: 33px; left: 275px; padding: 0; }
.header .navigation li { font-size: 16px; text-align: center; position: relative; }
.header .navigation li a { color: #fff; text-decoration: none; padding: 10px 0; display: block; }
.header .navigation li a:hover { text-decoration: underline; }

.header .navigation li ul { position: absolute; top: 42px; background: rgba(42,100,154,0.8); width: 200px; padding: 8px 12px; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.header .navigation li:hover ul { visibility: visible; opacity: 1; }
.header .navigation li ul li { float: none; text-align: left; margin: 0 0 5px; }
.header .navigation li ul li:last-child { margin-bottom: 0; }
.header .navigation li ul li a { font-size: 16px; padding: 0; }

.header .my-account { position: absolute; top: 30px; right: 0; font-size: 14px; }

/* FOOTER */
.footer { margin: 15px 0; padding: 3px 0; }

.footer .copyright { float: right; padding: 8px 0; }

.footer .navigation { float: left;  padding: 8px 0; }
.footer .navigation li { display: inline-block; margin-right: 15px; }
.footer .navigation li a { text-decoration: none; }
.footer .navigation li a:hover { text-decoration: underline; }

.footer-navigation-block { background: #e8e8e8; }
.footer-navigation-block .footer-navigation { padding: 55px 0 20px; text-align: center; }
.footer-navigation-block .footer-navigation li { display: inline-block;margin: 0 40px; }
.footer-navigation-block .footer-navigation li a { display: block; padding-top: 70px; min-width: 60px; text-decoration: none; font-weight: bold; }
.footer-navigation-block .footer-navigation li:hover a { text-decoration: underline; }
.footer-navigation-block .footer-navigation li.support a { background: url(../images/i_support.png) no-repeat top center;  }
.footer-navigation-block .footer-navigation li.plans a { background: url(../images/i_plans.png) no-repeat top center;  }
.footer-navigation-block .footer-navigation li.blog a { background: url(../images/i_blog.png) no-repeat top center;  }
.footer-navigation-block .footer-navigation li.account a { background: url(../images/i_account.png) no-repeat top center;  }
.footer-navigation-block .footer-navigation li.features a { background: url(../images/i_features.png) no-repeat top center;  }

.footer .static-block  {display: inline-block; }
.footer .livro-reclamacoes { }
.footer .livro-reclamacoes img {width: 78px; height: auto; }

/* NEWSLETTER SUBSCRIBE */

.newsletter-subscribe .subscribe { position: relative; }
.newsletter-subscribe input { padding: 6px 30px 6px 6px; border: 1px solid #000; width: calc(100% - 36px) }
.newsletter-subscribe button { width: 16px; height: 24px; background: url(../images/bt_arrow_right.png); overflow: hidden; position: absolute; top: 3px; right: 3px; text-indent: 100px; }

/* CONTENT */

.main { padding: 40px 30px; min-height: 300px; }
.content {  }

.block-container { display: table; width: 100%; }
.block-container .block-container-col { display: table-cell; vertical-align: top; }

.block-container.cols-3{ }
.block-container.cols-3 .block-container-col:nth-child(1) { width: 20%; }
.block-container.cols-3 .block-container-col:nth-child(2) { width: calc(60% - 20px); padding: 0 10px; }
.block-container.cols-3 .block-container-col:nth-child(3) { width: 20%; }

.block-container.cols-2 .block-container-col:nth-child(1) { width: 20%; }
.block-container.cols-2 .block-container-col:nth-child(2) { width: calc(80% - 10px); padding: 0 0 0 10px; }

.block-container.cols-2 .block-container-col:nth-child(1) { width: 100%; }

.block-container .block-container .block-container-col { width: 2% !important; }

/* BANNERS */
.full-page-banners li.banner { display: block; width: 100%; background-size: cover; position: relative; background-position: center; }
.full-page-banners li.banner .content { background: rgba(255,255,255,0.8); padding: 45px 0; position: absolute; bottom: 0; width: 100%; }
.full-page-banners li.banner .content h2 { font-size: 45px; margin-bottom: 20px; }
.full-page-banners li.banner .content p { font-size: 20px; margin-bottom: 20px; }

/* AUCTION */
.auction-grid ul { display: table;  margin-bottom: 10px; }
.auction-grid li { display: table-cell; vertical-align: top; padding: 5px; width: 20%; }
.auction-grid li .image { position: relative; }
.auction-grid li .image span { position: absolute; display: block; bottom: 4px; left: 1px; background: rgba(255,255,255,0.8); width: calc(100% - 12px); line-height: 22px; padding: 5px; font-size: 16px; color: #444; text-align:center; display: none; text-transform: uppercase; }
.auction-grid li .image:hover span { display: block; }
.auction-grid li img { border: 1px solid #000; }
.auction-grid li h2 { height: 20px; overflow: hidden;  }
.auction-grid li h2 a { font-size: 14px; }
.auction-grid li p { font-size: 14px; color: #555; }

.auction-title { font-weight: normal; margin-bottom: 20px; font-size: 18px; }

.lot-list > ul > li{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; width: 100%;  }
.lot-list > ul > li.open { border-bottom: 3px solid #ddd; margin-bottom: 30px; }
.lot-list .lot.open .see-more{ display: none; }
.lot-list .lot-preview { display: table; width: 100%;  }
.lot-list .lot-preview .image { width: 210px; display: table-cell;  vertical-align: top; }
.lot-list .lot-preview .image img { width: 100%; display: block; border: 1px solid #000;  }
.lot-list .lot-preview .info { display: table-cell; vertical-align: top; padding: 0 15px 45px; position: relative; }
.lot-list .lot-preview .info h2 { font-size: 15px; margin-bottom: 10px; }
.lot-list .lot-preview .info .details { position: absolute; bottom: 0; }
.lot-list .lot-preview .info .details dt { float: left; margin-right: 4px; font-weight: bold; color: #000; font-size: 13px; }
.lot-list .lot-preview .info .details dd { float: left; margin-right: 15px; font-size: 13px; }
.lot-list .lot-preview .actions { display: table-cell; width: 145px; vertical-align: bottom;   }
.lot-list .lot-preview .actions a,
.lot-list .lot-preview .actions button { display: block; text-align: center; width: 100%; padding-left: 0; padding-right: 0; }
.lot-list .lot-preview .actions .winner-message { background: url(../images/i_winner.png) no-repeat center left; text-align: right; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding: 6px 0 6px 34px; }
.lot-list .lot-preview .actions .value { text-align: right; font-size: 13px; font-weight: bold; margin-bottom: 10px; }
.lot-list .lot-preview .actions .value span { font-size: 26px; }
.lot-list .lot-preview .lot-view { display: none; }

.lot-list .lot-view-container { display: none; }

.lot-view { border-top: 3px solid #ddd; margin: 30px 0 20px; padding: 30px 0 0px; position: relative; }
.lot-view .images { width: 480px; float: left; }
.lot-view .images ul { clear: both; }
.lot-view .images .base-image { width: 100%; border: 1px solid #111; display: block; margin-bottom: 6px; }
.lot-view .images li { width: 112px; height: 80px; overflow: hidden; float: left; margin-right: 8px;  border: 1px solid #111; margin-bottom: 8px;  }
.lot-view .images li:nth-child(4n+4) { margin-right: 0; }
.lot-view .images li img { width: 100%; display: block;}
.lot-view .info { width: calc(100% - 495px); float: right; }
.lot-view .info h2 { font-size: 20px; margin-bottom: 15px; }

.lot-view .description { margin-bottom: 20px; }

.lot-view .countdown { float: left; }
.lot-view .countdown .title { font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.lot-view .countdown .countdown_section { float: left; text-align:center; }
.lot-view .countdown .countdown_section br { display: none; }
.lot-view .countdown .countdown_amount { font-size: 30px; border-right: 2px solid #000; padding: 0px 20px 7px; display: block; height: 30px; font-weight: bold;  }
.lot-view .countdown .countdown_section:last-child .countdown_amount { border-right: 0; }
.lot-view .countdown .countdown-container-dhms { margin-left: -20px; }

.lot-view .lot-value { float: right; margin-top: 10px; }
.lot-view .lot-value .value { text-align: right; font-size: 13px; font-weight: bold; margin-bottom: 0; }
.lot-view .lot-value .value span { font-size: 26px; }
.lot-view .lot-value .reserve { text-align: right; font-size: 13px; font-weight: bold; margin-bottom: 10px; }

.lot-view .actions { width: calc(100% - 20px); background: #eee; padding: 10px; margin-top: 15px; }
.lot-view .actions label { width: calc(100% - 120px); float: left; margin-bottom: 5px; }
.lot-view .actions button { float: right; font-size: 16px; padding: 17px 16px 16px; }
.lot-view .actions p { margin-bottom: 5px; }
.lot-view .actions a { text-decoration: underline; font-weight: bold; }

.lot-view .messages .message { text-align: center; padding: 5px; border: 1px solid #000; margin-bottom: 5px; }
.lot-view .messages .message.success { border-color: #060; background:#D2ECD3; color: #060; }
.lot-view .messages .message.error { border-color: #900; background:#FACFD0; color: #900; }
.lot-view .messages .message.warning { border-color:#C60; background:#FCE0C5; color: #C60; }

.lot-view .close { background: url(../images/i_close.png) no-repeat; width: 30px; height: 30px; position: absolute; right: 0; top: 10px; }
.lot-view .close:hover { opacity: 0.7; cursor: pointer; }

/* BLOCK */
.block .block-title { font-size: 25px; font-weight: normal; text-align: center; margin-bottom: 50px; }

/* PRODUCTS GRID */
.products-grid { }
.products-grid ul { list-style: none; margin: 0; }
.products-grid ul li { float: left; width: 24.2%; margin: 0 1% 1% 0; position: relative; }
.products-grid ul li:nth-child(4n+4) { margin-right: 0; }
.products-grid ul .description { position: absolute; bottom: 15px; background: rgba(255,255,255,0.9); width: calc(100% - 16px); padding: 8px; }
.products-grid ul .description h3 { color: #082a4c; font-size: 16px; margin-bottom: 15px; font-weight: normal; }
.products-grid ul .description .intro { height: 40px; overflow: hidden; }

/* PRODUCTS VIEW */
.product-view .images { float: left; width: 350px;  }
.product-view .images ul { list-style: none; }
.product-view .images ul li { margin-bottom: 5px; }
.product-view .images ul li a { display: block; position: relative; }
.product-view .images ul li a .play { position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -18px; width: 48px; height: 38px; background: url(../images/i_play.png); }
.product-view .images ul li:hover a .play { background: url(../images/i_play_over.png) no-repeat; }
.product-view .product-description { width: calc(100% - 370px); float:right; }
.product-view .product-description p,
.product-view .product-description p ul { margin-bottom: 15px; }
.product-view .product-description h2,
.product-view .product-description h3 { margin-bottom: 10px; color: #175792; font-size: 13px; font-weight: bold; }
.product-view .product-description h2 { font-size: 15px; }
.product-view .product-description h2.block-title { border-bottom: 1px solid #082a4c;  }
.product-view .info-file { font-size: 18px; float: right; background: url(../images/i_pdf.png) no-repeat; padding: 5px 0 5px 40px; font-weight: normal; color: #175792; text-decoration: none; }

/* NEWS GRID */
.news-grid { }
.news-grid ul { list-style: none; margin: 0; }
.news-grid ul li { float: left; width: 49%; margin: 0 2% 0 0; position: relative; }
.news-grid ul li:last-child { margin-right: 0; }
.news-grid ul li .image { display: block; width: 48%; float: left; }
.news-grid ul li .description { float: right; width: 50%; padding-bottom: 25px; }
.news-grid ul li .description h3 { color: #082a4c; font-size: 17px; font-weight: normal; margin-bottom: 10px; }
.news-grid ul li .description h3 a { text-decoration: underline; }
.news-grid ul li .description h3 a:hover { text-decoration: none; }
.news-grid ul li .actions { position: absolute; bottom: 0; right: 0; border-top: 1px solid #082a4c; padding-top: 5px; width: 50%; text-align: right; }
.news-grid ul li .actions a { font-weight: bold; }

/* NEWS LIST */
.news-list { }
.news-list ul { list-style: none; margin: 0; }
.news-list ul .new { margin-bottom: 10px; }
.news-list ul .new .image { float: left; width: 340px;  }
.news-list ul .new .new-content { margin-left: 360px; }
.news-list ul .new .description { display: none; }
.news-list ul .new h3 { margin-bottom: 5px; font-size: 16px; color: #082a4c; font-weight: normal; }
.news-list ul .new date { margin-bottom: 10px; }
.news-list ul .new .see-more span { cursor: pointer; text-decoration: underline; color: #082a4c; }


/* ARTICLES LIST */
.articles-list { }
.articles-list ul { list-style: none; margin: 0; }
.articles-list ul .article { margin-bottom: 10px; }
.articles-list ul .article .image { float: left;  }
.articles-list ul .article.image-off-text-right .image { float: right; }
.articles-list ul .article h3 { margin-bottom: 15px; font-size: 16px; color: #082a4c; font-weight: normal; }

/* ARTICLES TABS */
.articles-tabs { }
.articles-tabs td { vertical-align: top; }
.articles-tabs td.tabs-titles { padding-right: 40px; width: 25%;}
.articles-tabs td.tabs-pages { padding-left: 40px; border-left: 1px solid #ccc; }
.articles-tabs td.tabs-titles h2.block-title { font-size: 18px; color: #00aeef;  text-align: left; margin-bottom: 30px;  }
.articles-tabs .article { margin-bottom: 10px; }
.articles-tabs .article .image { float: left;  }
.articles-tabs .article.image-off-text-right .image { float: right; }
.articles-tabs .article h2,
.articles-tabs .article h3 { margin-bottom: 15px; font-size: 22px; color: #000; font-weight: normal; }
.articles-tabs .article p { margin-bottom: 20px; }

/* ARTICLES GRID */
.articles-grid { }
.articles-grid ul { list-style: none; margin: 0; }
.articles-grid ul .article { display: inline-block; margin: 0; padding: 0; vertical-align:top; margin-bottom: 15px; position: relative; }
.articles-grid ul .description { position: absolute; bottom: 15px; background: rgba(255,255,255,0.9); width: calc(100% - 16px); padding: 8px; }
.articles-grid ul .description h3 { color: #082a4c; font-size: 16px; margin-bottom: 15px; font-weight: normal; }
.articles-grid ul .description .intro { height: 40px; overflow: hidden; }

/* CUSTOMER */
.customer-login .field { width: 300px; float: left; }
.customer-login .field.first { padding-left: 0; }
.customer-login .field button.login { font-size: 16px; padding: 13px 20px; }
.customer-login .new-customer { margin-top: 20px; }
.customer-login .new-customer .button1 { float: left; }
.customer-login .new-customer p { margin-left: 130px; }

.customer-login.popup .field { display: block; width: 300px; float: none; padding-left: 0; }
.customer-login.popup .field button.login { padding: 4px 9px; float: right; }
.customer-login.popup hr { margin: 10px 0; }
.customer-login.popup a { font-weight: bold; }

.customer-welcome { font-size: 13px; margin-bottom: 20px; line-height: 20px; }

.customer-links { background: #ddd; padding: 12px; margin-bottom: 20px; }
.customer-links li { float: left; font-size: 19px; margin-right: 35px; }
.customer-links li a { color: #777; }
.customer-links li.active a { color: #222; }

.customer-personal .newsletter { margin: 15px 0; }
.customer-personal .newsletter p { font-weight: bold; }

/* CONTACTS */

.contacts-topics ul { list-style: none; margin: 0 0 50px; padding: 0; }
.contacts-topics ul li { display: inline-block; width: calc(30% - 40px); margin: 0 1.5%; box-shadow: 0 0 5px #555; padding: 20px; cursor: pointer; transition: box-shadow .1s ease-in; }
.contacts-topics ul li:hover {  box-shadow: 0 0 5px #ef5a28; }
.contacts-topics ul li h3 { font-size: 20px; margin-bottom: 15px; }
.contacts-topics ul li p { font-size: 16px; color: #777; }
.contacts-topics ul li a { text-decoration: none; }

/* BUY SENDINGS */
.buy-sendings { }
.buy-sendings h2{ color: #000; text-align: center; font-weight: normal; font-size: 20px; margin-bottom: 30px; }
.buy-sendings a { color: #0687a7; }
.buy-sendings .subscriptions { margin: 60px auto; width: 390px; }
.buy-sendings .subscriptions li { width: 140px; height: 140px; border: 1px solid #000; display: inline-block; text-align: center; line-height: 140px; border-radius: 80px; cursor: pointer; transition:background .4s;}
.buy-sendings .subscriptions li.selected { background: #000; color: #fff; }
.buy-sendings .subscriptions li:first-child { margin-right: 100px; }
.buy-sendings .simulator { width: 90%; margin: 0 auto; }
.buy-sendings .simulator td { vertical-align: top; }
.buy-sendings .simulator .quote { width: 300px; }
.buy-sendings .simulator .quote .wrapper { padding: 10px; background: #fff; box-shadow: 0 0 5px #888; }
.buy-sendings .simulator .quote .wrapper h4 { margin-bottom: 15px; }
.buy-sendings .simulator .quote .wrapper .sms { margin-bottom: 15px; }
.buy-sendings .simulator .quote .wrapper button { display: block; width: 100%; }
.buy-sendings .simulator .quote .note { font-size: 12px; margin-top: 5px; }
.buy-sendings .simulator .slidebars { padding-right: 40px; }
.buy-sendings .simulator .slidebars td { padding: 30px 0; position:relative;  }
.buy-sendings .simulator .slidebars td:first-child { width: 80px; color: #000;  vertical-align:bottom; padding-bottom: 33px; }
.buy-sendings .simulator .slidebars .pointer { font-size: 13px; color: #666; text-align: center; padding: 2px 5px; position: absolute; width: 50px; text-align: center; margin-left: -19px; margin-top: 5px; font-size: 18px; display: block; }
.buy-sendings .back-link { text-align: center; padding: 20px; }
.buy-sendings .back-link a { color: #333; margin-right: 10px; }
.buy-sendings .back-link a:hover { text-decoration: underline; }
.buy-sendings .billing td  { padding: 4px 10px 12px 0; color: #777; width: 33%; }
.buy-sendings .billing td .label { color: #111; font-size: 18px; margin-bottom: 5px; }
.buy-sendings .message { text-align: center; font-size: 18px; color: #333; margin-bottom: 10px; }

.buy-sendings .form { max-width: 500px; margin: 0 auto; }

.buy-sendings .conditional-text { display: none; }

.buy-sendings .taxes-note,
.buy-sendings .privacy-accept { font-size: 13px; color: #888; }

/* SUPPORT */
.support .questions,
.support .other-categories,
.support .top-categories { list-style: none; margin: 0; padding: 0; margin-bottom: 30px; }
.support .top-categories li { display: inline-block; width: 23%; margin: 0 1.5% 0 0; }
.support .top-categories li img { display: block; }
.support .top-categories li a.title {padding: 9px; color: #fff; text-decoration: none; display: block; transition:color .2s, background .2s, border .2s; border: 1px solid transparent; }
.support .top-categories li:hover a { color: #ef5a28; background: #fff !important; border-color: #ef5a28 !important; }
.support h1 { color: #ef5a28; font-size: 30px; font-weight: normal; margin-bottom: 30px; }
.support h2 { color: #333; font-size: 25px; margin-bottom: 30px; }

.support .questions { margin-bottom: 50px; }
.support .questions dt,
.support .questions li { border: 1px solid #ccc; margin-bottom: 4px; transition:border .2s, color .2s; display: block; }
.support .questions li a { display: block;  padding: 5px 10px; }
.support .questions dt:hover,
.support .questions li:hover { border-color: #ef5a28; color: #ef5a28; cursor: pointer;  }
.support .questions li a { text-decoration: none; color: #444; transition:color .2s; }
.support .questions li:hover a { color: #ef5a28; }
.support .questions dd { border: 1px solid #ccc; padding: 5px 10px; color: #888; margin-bottom: 10px; display: none; }
.support .questions dd p {  font-size: 13px; }
.support .questions dd p:last-child { margin-bottom: 0; }

.support .other-categories li { display: inline-block; width: 22%; margin: 0 2.5% 2.5% 0; vertical-align: top; }
.support .other-categories li h3 { font-weight: normal; }
.support .other-categories li h3 a { color: #ef5a28; text-decoration: none; }
.support .other-categories li h3 a:hover { text-decoration: underline; }
.support .other-categories li p { color: #666; }

.support .question-content { margin-bottom:50px; }
.support .question-content table td { vertical-align: top; padding-right: 20px; }

/* CMS PAGES */
.cms-page-home .main { min-height: 0; padding: 0 30px; }

/* CONTACTS */
.block-contacts { margin: 35px 20px; }
.block-contacts h2 { margin-bottom: 10px !important; }
.block-contacts .flash-messages { margin-top:10px; }

/* CLEARS */
.block-contacts:after,
.news-list ul .new:after,
.articles-list ul .article:after,
.products-grid ul:after,
.top-courses ul:after,
.horizontal-menu:after,
.clear:after,
.footer-blocks ul:after,
.tabs .tabs-titles:after,
.lot-list .lot:after { clear: both;  height: 0; font-size: 0; display: block; content:"."; line-height: 0;}

/* PC */
@media only screen and (min-width: 1024px) {
	.header .expand-next { display: none; }
	.top-courses .expand-next { display: none; }
	
	.header .navigation ul { float: right; }
	.header .navigation ul li { float: left; margin: 0 15px; }
	.header .navigation ul li a { }
}

/* TABLET */
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	.header { height: 120px; }
		
	.header .expand-next { display: none; }
	.header .navigation { left: 250px; }
	.header .navigation ul { float: right; }
	.header .navigation ul li { float: left; margin: 0 8px; }
	.header .navigation ul li a { font-size: 14px; }
	.header .navigation ul li ul { top: 37px; }
	.header .navigation ul li ul a { font-size: 14px; }
	
	.products-grid ul li { width: 32.6%; margin-right: 1%; }
	.products-grid ul li:nth-child(3n + 3) { margin-right: 0; }
	.products-grid ul li:nth-child(4n + 4) { margin-right: 1%; }
	.products-grid ul .description h3 { font-size: 14px; margin-bottom: 7px; }
	.products-grid ul .description .intro { font-size: 13px; }
	
	.news-list ul .new .image { width: 260px; }
	.news-list ul .new .image .base-image { width: 100%; }
	.news-list ul .new .new-content { margin-left: 280px; }
	
	.articles-list ul .article .image { width: 260px;  }
	.articles-list ul .article .image img { width: 100%; }
	.articles-list ul .article .content { margin-left: 280px !important; }
	
	.articles-grid ul .description h3 { font-size: 14px; margin-bottom: 7px; }
	
	/* TABS */
	.tabs.top-icons .tabs-titles li { background-image: none !important; padding: 20px 10px; text-align: center; width: calc(19% - 20px); }
	
	.footer .navigation {width: 100%; text-align: center;}
	.footer .static-block {width: 100%; text-align: center; display:block;}
	.footer .copyright {display: block; width: 100%; text-align: center;}
}

/* PHONE */
@media only screen and (max-width: 799px) {
	
	p.page-title, h1.page-title { font-size: 30px !important; margin-bottom: 35px !important; }
	a.button, button { padding: 5px 10px; font-size: 16px; }
	
	.block .block-title { font-size: 20px; margin-bottom: 20px; }
	
	.wrapper { padding: 0; }
	
	.full-page-banners,
	.main { margin-top: 60px; }
	
	.header-container { position: fixed; top: 0; left: 0; z-index: 9999; }	
	.header-container .banners { margin-top: 125px; }
	.header-container .banners li div { font-size: 15px; line-height: 20px; padding: 2px 0; }
	.header-container .banners .previous,
	.header-container .banners .next { transform: scale(0.5,0.5); top: 50%; margin-top: -50px; }
	
	.header { height: 60px; }
	
	.header .logo { left: 7px; top: 3px; }
	.header .logo img { width: 150px; margin-top: 6px; }
	
	.header .my-account { right: 48px; top: 15px; padding: 5px 7px; }
	
	.header-container .banners {}
	.header-container .banners li .message { top: 50%; }
	.header-container .banners li .message-0 { font-size: 20px; }
	.header-container .banners li .message-1 { font-size: 15px; padding-left: 50px; background-position: -155px center; }
	.header-container .banners li .message-1 span { padding-right: 50px; background-position: right -155px center;  }
	
	.header .expand-next { position: absolute; top:13px; right: 6px; width: 32px; height: 32px; z-index: 9999; overflow: hidden; text-indent: -1000px; padding: 0; background: url(../images/i_menu.png) center center; border: 0;}
	.header .navigation { left: 0; top: 59px; width: 100%; z-index: 999; display: none; background: none;  }
	.header .navigation ul { margin: 5px; background: #fff; border: 1px solid #000; display: block !important;}
	.header .navigation ul ul { margin: 5px; background: #fff; border: 1px solid #000; display: none !important;}
	.header .navigation li { float: none; padding: 5px 10px; border-bottom: 1px solid #ccc; text-align: left;  }
	.header .navigation li a { color: #000; display: block; padding: 3px 0; font-size: 14px; }
	
	.header .actions { left: 0; top: 80px; width: 100%; }
	
	.footer { padding: 5px 10px; }
	.footer .copyright { float: none; text-align: center;}
	
	.footer .static-block{display: block;}
	.footer .livro-reclamacoes{display: block; text-align: center;}
	
	.footer .navigation { text-align: center;  border-bottom: 1px solid #ccc;  margin-bottom: 10px; float: none; }
	.footer .navigation li { margin-bottom: 10px; }
	
	.footer-navigation-block .footer-navigation { padding: 10px; }
	.footer-navigation-block .footer-navigation li { margin: 10px; width: calc(50% - 22px); }
		
	.main { padding: 15px 5px; }

	
	.customer-login.popup .field { width: 100%; }
	
	.block-contacts { margin: 15px; }
	
	.contacts-info ,
	.contacts-form { float: none; width: 100%; }
	.contacts-topics ul li { width: calc(100% - 60px); margin: 10px; } 
	
	.confirm-box { width:calc(95% - 30px); margin: 5% auto; }
	
	.customer-links li { float: none; margin: 0; text-align: center; }
	.customer-login .field { padding: 0; margin-bottom: 10px;}
	
	/* NEWS GRID */
	.news-grid ul li { width: 100%; float: none; margin: 0 0 10px; }
	.news-grid ul li .image { width: 100%; }
	.news-grid ul li .description { width: 100%; padding: 0; }
	.news-grid ul li .actions { position: static; width: 100%; padding: 0; }
	
	/* NEWS LIST */
	.news-list ul .new .image { width: 100%; float: none; }
	.news-list ul .new .image img { width: 100%; }
	.news-list ul .new .new-content { width: 100%; float: none; margin: 0; }
	
	/* PRODUCTS GRID */
	.products-grid ul li { width: 100%; float: none; margin: 0 0 10px 0; }
	
	/* CONTACTS */
	.block-contacts .contact-info { float: none; width: 100%; margin-bottom: 15px; }
	.block-contacts .contact-form { float: none; width: 100%; padding: 0; }
	
	/* ARTICLES LIST */
	.articles-list ul .article .image { width: 100%; float: none; }
	.articles-list ul .article .image img { width: 100%; }
	.articles-list ul .article .content { width: 100%; float: none; margin: 0 !important; }
	
	/* ARTICLES GRID */
	.articles-grid ul .article { width: 100% !important; float: none; margin: 0 0 10px !important; }
	.articles-grid ul .article .image { width: 100%; }
	.articles-grid ul .article .description { width: 100%; }
	.articles-grid ul .article .actions { position: static; width: 100%; padding: 0; }
	
	/* PRODUCT VIEW */
	.product-view .images { float: none; width: 100%; }
	.product-view .product-description { float: none; width: 100%; }
	
	/* HOME */
	.full-page-banners li.banner .content { padding: 20px 0 0;}
	.full-page-banners li.banner .content h2 { font-size: 20px; margin-bottom: 15px; }
	.full-page-banners li.banner .content p { font-size: 15px; margin-bottom: 15px; }
	
	/* TABS */
	.tabs.top-icons .tabs-titles li { background-image: none !important; font-size: 13px; padding: 5px; width: calc(32% - 10px); text-align: center; margin-bottom: 1%; }
	
	/* FORM */
	.fields-group { display: block; }
	.fields-group .col { display: block; width: 100%; padding: 0 !important; }
	.fields-group .col:first-child .field,
	.fields-group .col:last-child .field { padding: 6px; }
	
	/* SUPPORT */
	.support .top-categories li { width: 48%; margin: 0 0.75% 3% 0.75%; }
	.support .top-categories li .image { display: none; }
	.support .other-categories li { width: 100%; display: block; }
	
	/* SUBSCRIPTION */
	.buy-sendings .subscriptions { width: 310px; }
	.buy-sendings .subscriptions li { border-radius: 60px; height: 105px; line-height: 105px; width: 105px;  margin: 0 20px;}
	.buy-sendings .subscriptions li:first-child { margin-right: 20px; }
	.buy-sendings .simulator { display: block; }
	.buy-sendings .simulator tr,
	.buy-sendings .simulator tbody,
	.buy-sendings .simulator td { display: block; padding: 0; width: 100%; }
	.buy-sendings .simulator .slidebars { padding-right: 25px; width:calc(100% - 25px); }
	.buy-sendings .simulator .slidebars td:first-child { padding: 0 !important; font-size: 20px; }
	.buy-sendings .simulator .slidebars td { padding: 10px 0 55px !important; }
	.buy-sendings .simulator .quote { width: 100%; }
	
	/* MESSAGE BOX */
	.message-box { width: calc(100% - 40px); }
 }