/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');

strong {font-weight: 700!important;}

table {border-collapse: collapse; border:2px solid #eee;}
table tr {background: #fff;}
table tr:nth-child(2n) {background: #f4f4f4;}
table tr td {font-size: 14px; vertical-align: top; border: 1px solid #eee; padding: 5px 10px;}
table tr td ul {list-style: disc;}

p.lead {text-align: center; margin-bottom: 50px; margin-top: -30px; font-size: 19px; color: #000;}

span.email:after {content: "@clarabia.com.br";}
span.email-pt:after {content: "@clarabia.pt";}

.tm-totop-scroller {background: rgba(0,0,0,0.2); border-radius: 50%; display: inline-block;}

.confirm-msg:after {position: fixed; background: #42a742; z-index: 999999; top: -40px; width: 100%; left: 0; color: #fff; padding: 5px 0; animation: fadeout 6s ease-in-out 0.5s;}
@keyframes fadeout {
	0% {top: -40px;}
	10% {top: 0;}
	90% {top: 0;}
	100% {top: -40px;}
}

/* HEADER */
.uk-sticky-placeholder .uk-navbar {background: #3e3e3e;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav {width:100%;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li > a {color: rgba(255,255,255,0.7); font-size: 15px;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li > a:hover,
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li > a:active,
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li > a:focus,
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li.uk-open > a {background: rgba(255,255,255,0.1); color: rgba(255,255,255,1); cursor: pointer;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li:last-child {float: right;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li:last-child a {background: #009b2d; color: #fff; line-height: 70px; border-radius: 3px;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li:last-child a:hover {background: #00ad32;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li:last-child a i {font-size: 20px;}
.uk-sticky-placeholder .uk-navbar .uk-navbar-nav > li > a.uk-navbar-nav-subtitle > div {margin-top: -25px; font-size: 10px; font-style: italic;}

.uk-sticky-placeholder .uk-navbar.uk-active,
.uk-sticky-placeholder .uk-navbar.uk-active .uk-navbar-nav > li > a{line-height: 50px; height: 50px;}
.uk-sticky-placeholder .uk-navbar.uk-active .uk-navbar-nav > li:last-child a {line-height: 40px;}
.uk-sticky-placeholder .uk-navbar.uk-active .uk-navbar-nav > li > a.uk-navbar-nav-subtitle > div {margin-top: -13px;}


/* TITULOS */
.uk-panel-title {text-align: center; font-weight: 900; text-transform: uppercase; font-size: 3em; margin-bottom: 60px; padding-top: 40px; line-height: 40px; padding: 0;}


/* SEÇÕES */
.tm-headerbar {text-align: right;}
.tm-headerbar p {font-size: 13px; color: #aaa;}

#tm-top-a {padding: 0; margin: 0;}
#tm-top-b,
#tm-footer {background: #3e3e3e; margin: 0; max-width: 100%;}

#tm-footer {color: #999;}
#tm-footer a {color: #fff;}
#tm-footer .uk-panel {border-radius: 5px;}

#tm-main {background: #fff url(../../images/bg-contato.jpg); margin: 0; max-width: 100%;}
.lang-pt #tm-main {background: #fff url(../../images/bg-contato-pt.jpg); margin: 0; max-width: 100%;}
#tm-main .bfPageIntro,
#tm-main .bfErrorMessage {text-align: center;}
#tm-main .bfQuickMode section.bfElemWrap {max-width: 600px; margin: auto; width: 100%; text-align: center; margin-bottom: 15px; padding: 0;}
#tm-main .bfQuickMode section.bfElemWrap input,
#tm-main .bfQuickMode section.bfElemWrap textarea,
#tm-main .bfQuickMode section.bfElemWrap select {width: 100%!important; max-width: 100%!important; text-align: center; margin: auto; background: #fff; padding: 5px 0;}
#tm-main .bfQuickMode section.bfElemWrap button {margin: auto; height: auto; background: #3e3e3e; border: none; color: #fff; padding: 5px 15px; font-size: 0.8em;}
#tm-main .bfQuickMode section.bfElemWrap > span {width: 100%;}
#tm-main .bfQuickMode #bfSubmitButton {float: none; margin: auto; display: block; background: #333; border: none; font-weight: 900; text-transform: uppercase; padding: 10px 40px; color: #fff; letter-spacing: 1px;}
#tm-main .bfClearfix > div:last-child {display: none!important;}

/* MODULOS */
.mod-destaque .uk-overlay-background {background: rgba(0,0,0,0.5);}
.mod-destaque .uk-overlay-panel h2,
.mod-destaque .uk-overlay-panel h3 {color:#fff;}
.mod-destaque .uk-overlay-panel h2 {font-weight: 900; text-transform: uppercase; font-size: 3em;}
.mod-destaque .uk-thumbnav li a {opacity: 0.3; border-radius: 5px;}
.mod-destaque .uk-thumbnav li a:hover  {opacity: 1;}
.mod-destaque .uk-thumbnav li.uk-active a {opacity: 0.7;}

.mod-highlights h3 {font-weight: 400;}
.mod-highlights i {font-size: 40px;}
.mod-highlights .uk-panel {border-radius: 5px;}

.mod-qm-somos .uk-panel.uk-panel-space {padding-top: 0;}

.mod-frota figure > .uk-overlay-panel > div > h3.uk-panel-title:after {content:"ou similiar"; font-size:10px; text-align:center; display:block;}


/* BREEZING FORMS */
.bfElemWrap.bfRolloverBg {background: none!important;}
button.bfCalendar span:before {content: "\f073"; margin-right: 10px;}


/* ICONES */
button.bfCalendar span:before {font-family: FontAwesome; display: inline-block; font-weight: 400; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


@media (max-width: 600px){
	.tm-headerbar > .uk-flex {display: table;}
	.tm-headerbar .tm-logo-small {text-align: center;}
	.tm-headerbar .uk-panel {display: none;}
	.mod-destaque .uk-overlay-panel h2,
	.uk-panel-title {font-size: 2em;}
	.mod-destaque .uk-overlay-panel h3 {font-size: 1em;}
	.mod-destaque .uk-thumbnav li img {width: 100px;}
	p.lead {font-size: 1em; line-height: 1.5em;}
	.mod-qm-somos .uk-panel.uk-panel-space {padding: 0; text-align: justify; line-height: 25px;}
	.uk-container {padding: 0;}
	#tm-main .bfQuickMode section.bfElemWrap input,
	#tm-main .bfQuickMode section.bfElemWrap textarea,
	#tm-main .bfQuickMode section.bfElemWrap select {width: 90%!important; max-width: 90%!important; margin: 0 5% 15px 5%; font-size: 1em;}
	#tm-main .bfQuickMode section.bfElemWrap > span {width: 100%!important; float: none!important;}
	#tm-footer > .uk-container > .uk-panel > p {text-align: center;}
	#tm-main .bfQuickMode section.bfElemWrap input.ff_elem.bfCalendarInput {margin-bottom: 0;}
}