/*
	Design By Th-Project
*/

/*
| 	General
*/
	html {scroll-behavior: smooth;}

	body {font-family: "Oswald", Helvetica, sans-serif; font-weight:100; font-size: 18px; color:#585858; background-color: #bfdbdb;}
	
	.gradient_body {
		background: radial-gradient(
		    at top right,
		    #d9f3f3, #bfdbdb
		  );
	}
	/*#d9f3f3 #bfdbdb*/
	p {font-family: "Oswald", Helvetica, sans-serif; font-weight:100; font-size: 18px; color:#585858;}

	a:visited, a:active, a:link, a:hover {color:#585858;} a:hover{color:#008996;}

	h1, h2, h3, h4, h5, h6{font-family: "Playfair Display", Times, Georgia, serif;}
	
	/*  Styles  */
	.double-spacing {letter-spacing: 3px;}
	.text-color-white {color:#fff;}
	.text-golden {color:#b4a269;}
	.text-red {color:#960948;}
	.text-dark-green {color:#008996;}

	/* Menu */
	nav.my-navbar {position: absolute; z-index: 99; width:100%;}
	nav.my-navbar, nav.my-navbar-fixed {background-color: rgba(255,255,255,.8)!important; border-radius: 0; min-height: 80px; padding-top: 10px; margin:0;}
	
	ul.my-top-menu {margin-top: 10px;}
	ul.my-top-menu li a {font-family: "Oswald", Helvetica, sans-serif; text-transform: uppercase; padding: 8px; font-size: 1em; color:#008996;}
		ul.my-top-menu li a:hover, ul.my-top-menu li a:active, ul.my-top-menu li a:focus {background: transparent!important; color:#585858;}
		ul.my-top-menu li ul {background-color: #1b1b1b;}

	section {margin: 50px 0 50px 0; padding:20px 0;}
	section.container {min-height: 300px;}
	
	section.container.vcenter {padding: 12.5% 0;}

	section.section-container {margin: 50px auto;}
	
	p.body-text {color:#585858; line-height: 1.5em; letter-spacing: .1em;}
	p.lead-text {font-size:1.75em; line-height: 2em; color:#585858;}

	.section-title {font-family: "Playfair Display",Georgia, serif; font-style: italic; font-size: 2em;}
	h4.section-subtitle {font-family: "Oswald", Helvetica, sans-serif; line-height: 0; margin-bottom: 10px; letter-spacing: .05em; font-weight: 100; text-transform: uppercase;}

	/*
	| --------------------------------------
	| 	Breadcrumbs
	| --------------------------------------
	*/
	#page-heading {position:relative; z-index:1; height:120px; width:100%; top:0px; margin-bottom: 120px;}
	
	#page-heading .carousel-inner .item .carousel-caption {width:100%; left:0; top:60px;}
	#page-heading .carousel-inner .item .carousel-caption h1, #page-heading .carousel-inner .item .carousel-caption ol {text-shadow:none;}
	.breadcrumb-pagetitle {color:#960948; margin-bottom:0px; text-align:left; font-weight: 800; letter-spacing: .15em; font-size:1.5em; font-family: "Playfair Display", Georgia, serif; font-style: italic;}
	ol.breadcrumb {background: transparent; text-align: left; padding: 0; height: auto; margin: 10px 0; font-family: "Oswald", Verdana, sans-serif; font-size:.75em; font-weight: 100; font-style: italic;}
	ol.breadcrumb li a, .breadcrumb>li+li:before {color: #008996;}
	ol.breadcrumb li.active {color:#008996;}
/*
| ---------------------------- 
| 	Home
| ----------------------------
*/

	/* Carousel */
	#myCarousel {position:relative; z-index: 1; top: -80px; margin-bottom:-120px;}
	#myCarousel .carousel-caption {width:100%;left:0;top:45%;}
	#myCarousel .carousel-caption h2.carousel-title {font-family: "Playfair Display", Georgia, serif; text-shadow:none; font-weight: 400; font-style: italic; font-size: 3.25em; margin: 0; line-height: 0; color:#960948;}
	#myCarousel .carousel-caption h3.carousel-subtitle {font-family: "Oswald", Helvetica, sans-serif; text-shadow:none; font-weight: 200; font-size: 2em; letter-spacing: .15em; text-transform: uppercase; color:#00626b;}
	#myCarousel .carousel-caption p{color:#00626b;}

	.btn-carousel {font-family: "Oswald", Helvetica, sans-serif; font-size: 1.5em; color:#00626b!important; font-weight: 100; letter-spacing: .1em; padding: 10px 30px 10px 30px}

	/* Buttons | btn */
	.btn {border-radius: 200px!important;}
	.btn.btn-wide{min-width:25%;}
	.btn-reverse {border:solid #fff 1px; background-color: rgba(255,255,255,.6);}
	.btn-circle {width: 50px; height: 50px; border-radius: 100%!important; padding: 15px 18px;}

	.container-section-title {text-align:center;}
	img.icon-section-title {width: 70px; height: auto;}

	section.dark-section {background-color: #008996; padding: 25px 0px;}
	section.dark-section p {color:#bfdbdb!important;}
	section.bright-section {background-color: rgba(255,255,255,.65);}

	img.img-destaque {-webkit-box-shadow: 0px 6px 0px 0px rgba(0,137,150,1);-moz-box-shadow: 0px 6px 0px 0px rgba(0,137,150,1);box-shadow: 0px 6px 0px 0px rgba(0,137,150,1);}
	img.img-centered {margin: 0 auto;}
/*
| ---------------------------- 
| 	Contato
| ----------------------------
*/
	input.my-input-text {border-radius: 50px; height: 45px; border-color: #aaa;}
	textarea.my-textarea {resize:vertical; border-color: #aaa; border-radius: 10px; min-height: 150px;}
	label {font-weight: 300;}

	.select-css {
    	display: block; font-size: 16px; color: #313131; line-height: 1.3; padding: .6em 1.4em .5em .8em; height: 45px;width: 100%;max-width: 100%; box-sizing: border-box;margin: 0;border: none; border: solid #aaa 1px; border-radius: 30px;
	    -moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff;
	}
	.select-css:before {content: "\f007"; font-family: "FontAwesome";font-style: normal;font-weight: normal;text-decoration: inherit;display: inline-block;vertical-align: middle;margin-left: 5px;}
	.select-css::-ms-expand {display: none;}
	.select-css:hover {border-color: #aaa;}
	.select-css:focus {border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #313131; outline: none;}
	.select-css option {font-weight:normal;}

/*
| ---------------------------- 
| 	Blog | Post
| ----------------------------
*/

	.post-title {font-family: "Oswald",Helvetica,sans-serif;}
	.post-text p {color:#585858; line-height: 1.5em; letter-spacing: .1em; font-weight: 100;}
	.post-text h1, .post-text h2, .post-text h4 {font-family: "Oswald",Helvetica,sans-serif;} 


	h2.blog-post-title {font-family:"Oswald", Helvetica, sans-serif; font-weight:800; color:#585858; text-transform:uppercase; letter-spacing:.5em; line-height: 1.55em; font-size: 1.25em;}
	p.blog-post-data {font-weight: 100; font-size: 1em; letter-spacing: .15em;}
	div.blog-post-text, div.blog-post-text p {letter-spacing: .2em; line-height: 2em; color:#585858;}

	/*
	| --------------------------------------
	| Noticias / Blog
	| --------------------------------------
	*/
	article.blog-article{border-bottom: solid #333 1px; margin: 25px 0; padding: 25px 0 25px 0;}
	.blog-article-details h1 {color:#b4a269;font-family: 'Playfair Display',Georgia, serif;font-weight:400;font-style:italic;font-size: 2.15em; margin-bottom: 25px;margin-top: 0;} /* Main Title */
		.blog-article-details h1 a {color:inherit;}
		.blog-article-details h1:after{content: ""; border-bottom: 1px solid #008996; display: block; width: 60px; margin-top: 15px;}
		.blog-article-details h1 a:hover {text-decoration: none; color:#008996;}
		img.blog-img-thumb {border-right: solid #fff 1px; border-bottom: solid #fff 1px; border-radius: 3px;}
		img.blog-img {margin-bottom: 15px; border:solid #b4a269 2px;}
	.blog-article-details h4 {color:#585858; font-size: .95em;} /* Date */
	p.blog-tags {color:#333;}
	ul.blog-list-tags {list-style:none; padding:0;}
	ul.blog-list-tags li {display:inline;}
	.fb-like{margin: 15px 0 15px 0;}

	.blog-article-body p {line-height: 1.95em; font-size: 1.125em;}
	.blog-article-body p.lead-text {font-size: 1.35em;}
	.blog-article-body p a, .blog-article-body li a {color:#b4a269; font-weight: bold;}
	.blog-article-body h1, .blog-article-body h2, .blog-article-body h3, .blog-article-body h4, .blog-article-body h5 {color: inherit;}
	.blog-article-body h1 {font-size: 1.115em;line-height: 1.75em;}
	.blog-article-body h2 {font-size: 1.35em; line-height: 1.5em;}
	.blog-article-body h3 {font-size: 1.25em;}
	.blog-article-body h4 {}
	.blog-article-body h5 {}
	.blog-article-body blockquote {text-align:right; width: 55%; margin-left: 20px; border-left: solid #999 4px; padding-left: 20px; font-style: italic;}
	.blog-article-body ol li, .blog-article-body ul li {font-size: inherit; margin-bottom: 15px;}

	.blog-article-author {padding:20px; margin: 50px 0; border:solid #585858 1px;}
	.blog-article-author h3 {color:#b4a269; font-size:2.15em; font-family: 'Playfair Display', Georgia, serif; font-weight:400;font-style:italic; margin: 0;}
	.blog-article-author h4 {color:#008996; font-size:.85em;}
		.blog-article-author h4:after{content: ""; border-bottom: 1px solid #008996; display: block; width: 60px; margin-top: 15px;}
	.blog-article-author p {font-size:.95em; font-style: italic;}
	.blog-article-author ul {margin-top: 15px;}

/*
| ---------------------------- 
| 	Widget
| ----------------------------
*/
	.widget{margin-bottom: 50px;}
	.widget-recent-posts ul li {padding: 10px 0 20px 0; border-bottom: solid #313131 1px;}

	.widget-title {font-size: 1.25em; color:#313131; font-weight: 400; font-style: italic;}
	.widget-title:after{content: ""; border-bottom: 1px solid #b4a269; display: block; width: 60px; margin-top: 15px;}

	.widget-tags ul li {padding: 10px 0 10px 0; border-bottom: solid #b4a269 1px;}
	.widget-tags ul li a {display: block; padding:5px;} .widget-tags ul li a:hover {color:#008996;}
	.widget-tags ul li a.active-item{border-left:solid #b4a269 2px;}
/*
| ---------------------------- 
| 	Depoimentos
| ----------------------------
*/
	.testimonials {margin-bottom: 35px; padding: 15px;}
	.testimonial-text p {text-align:center; font-weight: 100; font-style: italic;}
	p.testimonial-author {font-weight: 800; text-align: right;}

/*
| ---------------------------- 
| 	Owl Carousel
| ----------------------------
*/
	div.owl-dots {margin: 10px auto;width:100%;text-align: center;}
	button.owl-dot {background-color:#c1dddc!important;width:30px;height:4px;margin-right:10px;} button.owl-dot.active {background-color:#b4a269!important;}

/*
| ---------------------------- 
| 	Footer
| ----------------------------
*/
	footer.footer {background-color: transparent; color:#6c6c6c!important; padding: 25px 0 20px 0; margin:50px 0;}
	footer.footer ul a {color:#6c6c6c;}

	a.back-to-top {position: fixed; bottom:20px; right:20px; padding: 10px 0; color:#008996;}
/* 
| ----------------------------
|	Animations
| ----------------------------
*/
	/*.cascade_animation {overflow: hidden;}*/
	
/* 
| 	Resets
*/
	.btn-default {background-color: transparent;}
	img.img-slide {margin:0 auto; min-width:100%;}

/* CSS for the messages (required for helper/my_messages library) */
.message, .warning, .success, .error {width: 80%; padding: 5px; margin-bottom: 3px; font-size: 12px; margin:0px auto; border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.message > ul, .warning > ul, .success > ul, .error > ul{list-style: none;text-align: left;padding-left: 5px;}
.message, .info {color: #ffffff;background-color: #aaa9a6;}
.warning {color: #ffffff;background-color: #ff9900;}
.success {color: #ffffff;background-color: #009000;}
.error, .danger {color: #ffffff;background-color: #900000;}

/*
| --------------------------------------
| Resposive
| --------------------------------------
*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) {
	.inner-title-container {top:100px;position: relative; min-height: 80px;}
	#myCarousel .carousel-inner .item.active {min-height: 450px;}
	img.img-destaque {margin: 0 auto; float: none; max-width: 250px;}
	#myCarousel {margin-bottom:-160px;}
	#myCarousel .carousel-caption h2.carousel-title {line-height:2.5rem;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1000px) {
	.my-top-menu {float:right;}
	ol.breadcrumb {text-align:right;margin-top: 20px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1001px ) and (max-width: 1200px){
	.my-top-menu {float:right;}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1201px) {
	.my-top-menu {float:right;}
}
/*@media (max-width: 991px) {
	ul.my-top-menu {margin-top: 14px;}
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing {overflow: hidden!important;}
}*/


/*
| --------------------------------------
| Default and All Purpose Tags via @Import to Styles.css
| --------------------------------------
*/

.text-shadow{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);}
.text-shadow-white{text-shadow: 1px 1px 0px rgba(255, 255, 255, .7);}

.drop-shadow{-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);}

.no-margins{margin: 0px;}
.no-paddings{padding: 0px;}

.add-margins{margin: 10px;}
.add-spacing-margins{margin: 20px 0 20px 0;}
.add-bottom-margin{margin-bottom: 20px;}
.add-paddings{margin: 15px 20px;}

.add-vertical-spacing{margin: 20px 0px 20px 0px;}

.debug{border:solid #909 1px !important;}

.overflow-hidden {overflow: hidden;}

/*
| --------------------------------------
| Round Corners Options
| --------------------------------------
*/

[class*='round-corners-'] {/* Prevent background color leak outs */-webkit-background-clip: padding-box; -moz-background-clip:    padding; background-clip:         padding-box;}

.round-corners-pq{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

.round-corners-md{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

.round-corners-gr{border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}

