@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);

body {

  background: #ffffff;

  font-family: 'Open Sans', sans-serif;

  font-weight: 300;

  font-size: 14px;

  line-height: 20px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  overflow-x: hidden;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Open Sans', sans-serif;

  font-weight: 700;

}

a {

	text-decoration: none !important;

	color: #3f8082;

}



a {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

a:hover { color: #222;

 }





a:focus {

  outline: none;

}

img {

  max-width: 100%;

}

.row {

  padding-bottom: 35px;

}

.section-title {

  text-align: center;

  text-transform: uppercase;

  color: #0BAFA0;

  font-size: 30px;

  font-weight: 700;

  padding: 48px 20px;

}

.section-title1 {

  text-align: center;

  text-transform: uppercase;

  color: #fff;

  font-size: 30px;

  font-weight: 700;

  padding: 48px 20px;

}



.section-title span {

  color: #333;

}

::selection {

  background: #0BAFA0;

  color: #fff;

}

::-moz-selection {

  background: #0BAFA0;

  color: #fff;

}

#portfolio-items .mix {

  float: left;

  display: none;

}

.btn {

  cursor: pointer;

  padding: 10px 16px;

  display: inline-block;

  margin: 10px 20px;

  outline: none;

  position: relative;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.btn-border {

  border: 2px solid #0BAFA0;

  color: #0BAFA0;

  overflow: hidden;

  font-size: 16px;

  line-height: 22px;

  font-weight: 300;

}

.btn-border:hover,

.btn-border:active {

  color: #ffffff;

  background: #0BAFA0;

}

.btn-common {

  background: #0BAFA0;

}

.btn-common:hover {

  background: #585858;

}

#header .main-navigation {

  background: #fff;

  border-bottom: 2px solid #3F8082;

}

#header .navbar-brand {

  height: auto;

}

#header .nav {

  list-style: none;

  margin-top: 16px;

}

#header .nav li {

  margin: 0 0 0 24px;

}

#header .nav li a {

  text-transform: uppercase;

  padding: 5px 0;

  color: #3c8186;

  font-weight: 300;

  position: relative;

}

#header .nav li a:after {

  position: absolute;

  top: 100%;

  left: 0;

  border-bottom: 2px solid #3c8186;

  width: 100%;

  content: '';

  opacity: 0;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  -moz-transition: opacity 0.3s, -moz-transform 0.3s;

  transition: opacity 0.3s, transform 0.3s;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  transform: translateY(10px);

}

#header .nav li.active a:after,

#header .nav li.active a,

#header .nav li a:hover::after,

#header .nav li a:hover,

#header .nav li a:focus {

  background: none;

  opacity: 1;

  color: #3F8082;

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  transform: translateY(0px);

}

#header .affix {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

#header .affix .navbar-brand {

  padding: 12px;

}

#header .affix .navbar-brand img {

  width: 80%;

}

#header .affix .nav {

  margin-top: 10px;

}

#proverbio {

  background: url("../img/background/05.jpg") center center repeat;

  background-size: cover;

  color: #ffffff;

  text-align: center;

}



#proverbio .overlay {

  background: url("../img/background/bg-overlay.png") rgba(63, 128, 130, 0.3) repeat;

}

#proverbio .main-text {

  margin: 202px 0px;

}

#proverbio .main-text h1 {

  font-weight: 700;

  font-size: 62px;

  color: #ffffff;

}

#proverbio .main-text h1 span {

  color: #0BAFA0;

}

#proverbio .main-text h2 {

  color: #ffffff;

  font-size: 30px;

  font-weight: 300;

  line-height: 60px;

}

#proverbio .main-text .btn {

  font-size: 20px;

  padding: 12px 30px;

  margin-top: 30px;

}

#intro {

  background: url("../img/background/bg-intro.jpg") center center no-repeat;

  background-size: cover;

  color: #ffffff;

  text-align: center;

  padding-top: 67px;

}

#intro .overlay {

  background: url("../img/background/bg-overlay.png") rgba(63, 128, 130, 0.6) repeat;

}

#intro .main-text {

  margin: 202px 0px;

}

#intro .main-text h1 {

  font-weight: 700;

  font-size: 62px;

  color: #ffffff;

}

#intro .main-text h1 span {

  color: #0BAFA0;

}

#intro .main-text h2 {

  color: #ffffff;

  font-size: 30px;

  font-weight: 300;

  line-height: 60px;

}

#intro .main-text .btn {

  font-size: 20px;

  padding: 12px 30px;

  margin-top: 30px;

}

#services {

  background: #fff;

  padding-bottom: 50px;

  width:100%;

}

#services .service-box {

  position: relative;

  border: 1px solid #0BAFA0;

  margin-bottom: 4px;

}

#services .content {

  color: #000000;

  text-align: left;

  border: 4px solid #ffffff;

  padding: 10px 14px;

}

#services .content h2 {

  font-size: 20px;

  font-weight: 300;

  text-transform: uppercase;

}

#services .content p {

  line-height: 22px;

  font-weight: 300;

}

#services .icon-wrapper {

  background: #ffffff;

  border-radius: 50%;

  height: 54px;

  left: -7px;

  padding: 3px;

  position: absolute;

  top: -30px;

  width: 54px;

}

#services .icon-wrapper i {

  background: #ffffff;

  color: #0BAFA0;

  border: 2px solid #0BAFA0;

  border-radius: 50%;

  font-size: 30px;

  height: 48px;

  line-height: 48px;

  text-align: center;

  width: 48px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#services .service-box:hover i {

  background: #0BAFA0;

  color: #fff;

}

#about {

  background: url('../img/background/bg-1.jpg') center center no-repeat;

  background-size: cover;

  color: #ffffff;

}

#about .section-title span {

  color: #fff;

}

#about .side-left {

  text-align: center;

}

#about .side-left img {

  border-radius: 4px;

  padding-bottom: 12px;

}

#about .side-left .info h4 {

  font-size: 22px;

  font-weight: 300;

  line-height: 12px;

}

#about .side-left .info p {

  font-weight: 300;

  font-size: 14px;

  letter-spacing: 1.1px;

  position: relative;

}

#about .side-left .info p:after {

  background: #ffffff;

  content: "";

  height: 5px;

  left: 32%;

  position: absolute;

  top: 125%;

  width: 34%;

}

#about .side-right p {

  padding: 0px 20px;

  font-weight: 300;

  font-size: 16px;

  text-align: justify;

}

#about .owl-theme .owl-controls .owl-page span {

  background: none;

  display: none;

}

#portfolio .controls {

  text-align: center;

  margin-bottom: 20px;

}

#portfolio .controls .btn {

  margin: 10px 5px;

  border-radius: 20px;

  font-weight: 300;

}

#portfolio .portfolio-items .mix {

  width: 24%;

  overflow: hidden;

}

#portfolio .portfolio-items figure {

  background: #ffffff;

  float: left;

  margin: 5px;

  width: 100%;

  height: 100%;

  padding: 5px;

  border: 1px solid #F3F3F3;

  position: relative;

}

#portfolio .portfolio-items figure .img {

  position: relative;

}

#portfolio .portfolio-items figure .img img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

}

#portfolio .portfolio-items figure .img .overlay {

  display: block;

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  z-index: 20;

  opacity: 0;

}

#portfolio .portfolio-items figure .img a {

  background: #ffffff;

  border-radius: 50%;	

  font-size: 22px;

  padding: 8px 14px;

  position: absolute;

  text-align: center;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}

#portfolio .portfolio-items figure .img .link-left {

  left: -22%;

  top: 45%;

  margin: 0 auto;

}

#portfolio .portfolio-items figure .img .link-right {

  right: -22%;

  top: 45%;

  margin: 0 auto;

}

#portfolio .portfolio-items figure:hover .overlay {

  opacity: 1;

}

#portfolio .portfolio-items figure:hover a.link-left {

  left: 30%;

  opacity: 1;

  color: #008A7D;

}

#portfolio .portfolio-items figure:hover a.link-right {

  right: 42%;

  opacity: 1;

  color: #008A7D;

}

#portfolio .portfolio-items .item-description {

  padding: 4px 12px;

  text-align: center;

  background-color: #008A7D;

  border-top: 3px solid #0BAFA0;

  border-bottom: 6px solid #008A7D;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  position: relative;

}

#portfolio .portfolio-items .item-description:after {

  border-color: #008A7D transparent;

  border-style: solid;

  border-width: 0px 22px 22px;

  top: -25px;

  content: "";

  display: block;

  left: 50%;

  margin-left: -24px;

  position: absolute;

  width: 25px;

  z-index: 22;

  opacity: 0;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}

#portfolio .portfolio-items .item-description h4 {

  color: #fff;

  font-weight: 300;

  font-size: 18px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}

#portfolio .portfolio-items .item-description p {

  color: #FEF2F6;

  font-weight: 300;

  line-height: 22px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}

#portfolio .portfolio-items figure:hover .item-description {

  background: #008A7D;

  border-bottom: 6px solid #008A7D;

  border-top: 3px solid #0BAFA0;

}

#portfolio .portfolio-items figure:hover .item-description:after {

  opacity: 1;

}

#portfolio .portfolio-items figure:hover h4,

#portfolio .portfolio-items figure:hover p {

  color: #fff;

}

#why-chose {

  color: #000000;

  background-size: cover;

  overflow: hidden;

}

#why-chose .section-title span {

  color: #000000;

}

#why-chose .showcase-box img {

  position: relative;

  top: 86px;

}

#why-chose .content-left,

#why-chose .content-right {

  position: relative;

}

#why-chose .icon {

  float: right;

  width: 50px;

  height: 50px;

  border: 2px solid #0BAFA0;

  background-color:#3f8082;

  overflow: hidden;

  border-top-left-radius: 12px;

  border-bottom-right-radius: 12px;

  text-align: center;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#why-chose .icon i {

  font-size: 28px;

  line-height: 48px;

  color: #fff;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#why-chose .box-left:hover .icon,

#why-chose .box-right:hover .icon {

  background-color: #3f8082;

}

#why-chose .box-left:hover .icon i,

#why-chose .box-right:hover .icon i {

  color: #10dfcc;

}

#why-chose .content-left .box-left .content {

  padding-right: 72px;

}

#why-chose .content-left .box-left .content h4 {

  color: #000000;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  text-align: right;

}

#why-chose .content-left .box-left .content p {

  text-align:justify;

  line-height: 22px;

  font-size: 14px;

  font-weight: 300;

}

#why-chose .content-left .box-left:hover .icon {

  border-top-left-radius: 0px;

  border-bottom-right-radius: 0px;

  border-top-right-radius: 12px;

  border-bottom-left-radius: 12px;

}

#why-chose .content-right .icon {

  float: left;

  border-top-left-radius: 0px;

  border-bottom-right-radius: 0px;

  border-top-right-radius: 12px;

  border-bottom-left-radius: 12px;

}

#why-chose .content-right .box-right .content {

  text-align:justify;

  padding-left: 72px;

}

#why-chose .content-right .box-right h4 {

  color: #000000;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  text-align: left;

}

#why-chose .content-right .box-right p {

  line-height: 22px;

  font-size: 14px;

  font-weight: 300;

}

#why-chose .content-right .box-right:hover .icon {

  border-top-left-radius: 12px;

  border-bottom-right-radius: 12px;

  border-top-right-radius: 0px;

  border-bottom-left-radius: 0px;

}

#pricing {

  width: 100%;

  background: #EEE;

}

#pricing .table {

  display: block;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  box-shadow: -10px -10px 0 #585858;

  margin: 50px 0;

}

#pricing .pricing-header {

  background: #0BAFA0;

  height: 120px;

  padding: 10px 0;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

#pricing .pricing-header .price-quality {

  font-size: 30px;

  color: #ffffff;

  padding: 24px 0;

  text-transform: uppercase;

}

#pricing .table:hover .pricing-header {

  background: #585858;

}

#pricing .price {

  height: 75px;

  background: #ffffff;

  position: relative;

}

#pricing .price-value {

  font-size: 30px;

  color: #ffffff;

  border-radius: 100%;

  width: 90px;

  height: 90px;

  line-height: 80px;

  text-align: center;

  position: absolute;

  left: 34%;

  top: -45px;

  border: 4px solid #ffffff;

  background: #0BAFA0;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

#pricing .table:hover .price-value {

  background: #585858;

}

#pricing .pricing-list {

  background: #ffffff;

  padding: 0 16px;

  color: #0BAFA0;

  padding-bottom: 30px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

#pricing .pricing-list ul li {

  text-align: center;

  border-top: 1px dotted #676767;

  line-height: 50px;

  font-size: 18px;

}

#pricing .pricing-list ul li:last-child {

  border-bottom: 1px dotted #676767;

}

#pricing .table:hover .pricing-list {

  color: #585858;

}

#pricing .btn {

  position: absolute;

  left: 28%;

  bottom: 3%;

  color: #fff;

}

#pricing .table:hover .btn-common {

  background: #585858;

  borde: 1px solid #585858;

}

#blog {

  margin: 0;

  padding: 0;

  width: 100%;

  background: #f0eded;

}

#blog .carousel-control {

  background-image: none;

  height: 50px;

  top: 45%;

  width: 50px;

}

#blog .carousel-control i {

  height: 50px;

  padding: 15px;

  width: 50px;

  background-color: #008A7D;

}

#blog .blog-wrapper {

  width: 100%px;

  padding: 0px 12px;

  overflow: hidden;

}

#blog .blog-wrapper img {

  width: 370px;

  overflow: hidden;

}

#blog .blog-wrapper .video {

  width: 100%;

  height: 268px;

}

#blog .blog-wrapper .content {

  width: 100%;

  background: #0BAFA0;

  padding: 12px 20px;

  border-top: 6px solid #45EFDF;

  padding-bottom: 36px;

}

#blog .blog-wrapper .content h3 {

  color: #ffffff;

  font-size: 18px;

  font-weight: 300;

  line-height: 22px;

  text-transform: uppercase;

}

#blog .blog-wrapper .content p {

  color: #ffffff;

  font-weight: 300;

  font-size: 14px;

  text-align: justify;

}

#blog .blog-wrapper .content .redmore {

  color: #ffffff;

  font-weight: 300;

  font-size: 14px;

  float: right;

  text-decoration: none;

}

#blog .blog-wrapper .content .redmore:hover {

  color: #e3e3e3;

}

#blog .blog-wrapper .blog-footer {

  background: #008A7D;

  padding: 20px 20px;

  color: #ffffff;

  width: 100%;

  height: 60px;

}

#blog .blog-wrapper .blog-footer p {

  float: left;

}

#blog .blog-wrapper .blog-footer span {

  float: right;

}

#blog .blog-wrapper .blog-footer span i {

  padding-right: 10px;

}

#blog .owl-theme .owl-controls {

  position: absolute;

  top: -60px;

  padding-bottom: 50px;

  right: 30px;

}

#blog .owl-theme .owl-controls .owl-buttons div {

  background: transparent;

  color: #0BAFA0;

  font-size: 28px;

  display: inline-block;

}

.entry {

	position: relative;

	margin: 0 0 50px;

	padding: 0 0 50px;

	border-bottom: 2px solid #F5F5F5;

}



.entry-image { margin-bottom: 30px; }



.entry-image,

.entry-image > a,

.entry-image .slide a,

.entry-image img {

	display: block;

	position: relative;

	width: 100%;

	height: auto;

}



.entry-image iframe { display: block; }



.entry-image img { border-radius: 3px; }



.entry-title h2 {

	margin: 0;

	font-size: 16px;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 1px;

}



.entry-title h2 a { color: #333; }



.entry-title h2 a:hover { color: #3f8082; }



.entry-meta {

	margin: 10px -10px -15px 0;

	list-style: none;

}



.single-post .entry-meta { margin-bottom: 20px; }



.entry-meta li {

	float: left;

	font-size: 13px;

	line-height: 14px;

	margin: 0 10px 15px 0;

	color: #999;

	font-family: 'Crete Round', serif;

	font-style: italic;

}



.entry-meta li:before {

	content: '/';

	display: inline-block;

	margin-right: 10px;

	opacity: 0.5

}



.entry-meta li i {

	position: relative;

	top: 1px;

	font-size: 14px;

	margin-right: 3px;

}



.entry-meta li a { color: #999; }



.entry-meta li a:hover { color: #3f8082; }



.entry-meta li:first-child:before { display: none; }



.entry-meta li ins {

	font-weight: 600;

	text-decoration: none;

}



.entry-c {

	position: relative;

	overflow: hidden;

}



#posts .entry-content { margin-top: 30px; }



.single-post .entry-content .entry-image { max-width: 350px; }



.entry-content {

	position: relative;

  text-align:justify;

	



 }



.entry-link {

	display: block;

	width: 100%;

	background-color: #F5F5F5;

	padding: 30px 0;

	text-align: center;

	color: #444;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 24px;

	font-weight: 700;

	border-radius: 3px;

}



body:not(.device-touch) .entry-link {

	-webkit-transition: background-color .3s ease-in-out;

	-o-transition: background-color .3s ease-in-out;

	transition: background-color .3s ease-in-out;

}



.entry-link:hover {

	color: #FFF;

	background-color: #3f8082;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}



.entry-link span {

	display: block;

	margin-top: 5px;

	font-family: 'Crete Round', serif;

	font-style: italic;

	font-weight: normal;

	text-transform: none;

	letter-spacing: 0;

	font-size: 14px;

	color: #AAA;

}



.entry-link:hover span { color: #EEE; }



.entry blockquote p {

	font-weight: 400;

	font-family: 'Crete Round', serif;

	font-style: italic;

}



#team {

  background: #fff;

  text-align: center;

  color: #ffffff;

  overflow: hidden;

}

#team .item-square {

  margin-bottom: 42px;

}

#team .item-square .face {

  position: relative;

  overflow: hidden;

  margin: 0 auto;

  cursor: pointer;

}

#team .item-square .face .overlay {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

}

#team .content {

  width: 100%;

  background-color: #181818;

  overflow: hidden;

}

#team .content .title {

  background-color: #0BAFA0;

  width: 100%;

  padding: 10px 0;

}

#team .content .title h3 {

  font-size: 34px;

  font-weight: 300;

  line-height: 22px;

}

#team .content .title p {

  font-size: 16px;

  font-weight: 300;

  line-height: 40px;

  text-transform: uppercase;

}

#team .content .text {

  padding: 26px 24px;

}

#team .content .text p {

  font-weight: 300;

  line-height: 22px;

}

#team .social-icons {

  background-color: #323232;

  width: 100%;

  height: 48px;

}

#team .social-icons ul {

  margin: 5px;

  padding: 0;

}

#team .social-icons ul li {

  display: inline-block;

}

#team .social-icons ul li a {

  text-decoration: none;

}

#team .social-icons ul li a i {

  display: block;

  font-size: 18px;

  color: #0BAFA0;

  width: 48px;

  text-align: center;

  height: 48px;

  line-height: 48px;

}

#team .social-icons ul li a i:hover {

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  transition: all 0.2s linear;

  color: #ffffff;

}

#team .social-icons .fa-twitter:hover {

  background: #00aced;

}

#team .social-icons .fa-facebook:hover {

  background: #3b5998;

}

#team .social-icons .fa-google-plus:hover {

  background: #dd4b39;

}

#team .social-icons .fa-youtube:hover {

  background: #CC181E;

}

#testimonial {

  background: url('../img/team-member/bg.jpg') center center no-repeat;

  background-size: cover;

}

#testimonial .testimonial {

  margin-left: 16px;

  margin-right: 16px;

  align-content:center;



}

#testimonial .testimonial-text {

  padding: 20px;

  padding-bottom: 46px;

}

#testimonial .testimonial-text i {

  font-size: 34px;

  color: #0BAFA0;

}

#testimonial .testimonial-text p {

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  text-align: justify;

  padding: 0 22px;

}

#testimonial .testimonial-info {

  width: 100%;

  border-bottom: 2px solid #008A7D;

  height: 67px;

  position: relative;

}

#testimonial .testimonial-info img {

  position: absolute;

  top: -35px;

  left: 70px;

  width: 68px;

  height: 68px;

  border-radius: 100%;

  border: 4px solid #0BAFA0;

}

#testimonial .testimonial-info p {

  font-size: 16px;

  font-weight: 300;

  color: #ffffff;

  padding: 18px 0;

  text-align: center;

}

#testimonial .owl-theme .owl-controls .owl-page span {

  width: 50px;

  height: 10px;

  background: #0BAFA0;

  margin: 20px 8px;

}

#contact {

  background: url('../img/background/cont.jpg') center center no-repeat;

  background-size: cover;

	color: #fff;

}

#contact .overlay {

  background: url("../img/background/bg-overlay.png") rgba(63, 128, 130, 0.6) repeat;

}

#contact .section-title span {

  color: #fff;

}

#contact .contact-form .controls {

  padding-bottom: 20px;

}

#contact .contact-form .controls input.contact_input {

  color: #000;

  background-color: #ffffff;

  float: left;

  border: 1px solid #0BAFA0;

  font-size: 14px;

  font-weight: 300;

  height: 48px;

  padding: 0 12px;

  width: 88%;

}

#contact .contact-form .controls i {

  font-size: 18px;

  color: #0BAFA0;

  width: 48px;

  height: 48px;

  background-color: #ffffff;

  padding: 12px;

  text-align: center;

  border: 1px solid #0BAFA0;

  border-left: none;

}

#contact .contact-form textarea {

  font-size: 14px;

  background-color: #ffffff;

  border: 1px solid #0BAFA0;

  width: 100%;

  padding: 2% 3%;

  height: 185px;

  border-radius: 0px;

}

#contact .contact-form textarea:focus {

  box-shadow: none;

}

#contact .contact-form .btn {

  color: #ffffff;

  font-weight: 300;

  margin-top: 30px;

  font-size: 24px;

  width: 100%;

  margin: 20px 0;

}

#clients {

  background-color: #fff;

  width: 100%;

  height: 98px;

  padding: 24px;

}

#promo {

  background-color: #3d5b61;

  width: 100%;

position: relative; 



}



#promo a{

	Color:#FFF;

	}



#promo h2 {

  color: #ffffff;

  text-align:center;

  

}

#promo inner {

  margin: 0 auto;

  width: 50%; /* Altere para o valor da largura desejada. */

}

#connected {

  background-color: #0BAFA0;

  width: 100%;

  color: #ffffff;

  text-align: center;

}

#connected .section-title {

  color: #ffffff;

}

#connected .discription {

  font-size: 18px;

  font-weight: 300;

  font-style: italic;

  position: relative;

}

#connected hr {

  width: 200px;

  text-align: center;

}

#connected .contact-item {

  margin-top: 48px;

}

#connected .contact-item a {

  padding-bottom: 12px;

}

#connected .contact-item a i {

  font-size: 30px;

  color: #ffffff;

  padding-bottom: 16px;

}

#connected .contact-item h5 {

  color: #FDF2F0;

  font-weight: 300;

  font-size: 14px;

  text-transform: uppercase;

}

#connected .contact-item h4 {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: 1px;

}

#footer {

  background-color: #0BAFA0;

  width: 100%;

}

#footer .copyright {

  padding: 14px 0;

  color: #ffffff;

  font-size: 18px;

  font-weight: 300;

}

#footer .copyright a {

  color: #fff;

  text-decoration: none;

}

#footer .copyright a:hover {

  color: #fff;

}



#copyrights {

	padding: 10px 0;

	color:#ffffff;

	background-color: #162e2f;

	font-size: 14px;

	line-height: 1.8;

  margin:1px;

}



#copyrights i.footer-icon {

	position: relative;

	top: 1px;

	font-size: 14px;

	width: 14px;

	text-align: center;

	margin-right: 3px;

}



.copyright-links a {

	display: inline-block;

	margin: 0 3px;

	color: #fff;

	border-bottom: 1px dotted #444;

}



.copyright-links a:hover {

	color: #ffffff;

	border-bottom: 1px solid #666;

}



.copyrights-menu { margin-bottom: 10px; }



.copyrights-menu a {

	font-size: 14px;

	margin: 0 10px;

	border-bottom: 0 !important;

}



#copyrights .col_half { margin-bottom: 0 !important; }



#copyrights a:first-child { margin-left: 0; }



#copyrights .tright a:last-child { margin-right: 0; }



.scroll-top {

  right: 30px;

  bottom: 30px;

  background: #3f8082;

  border-radius: 4px;

  width: 45px;

  height: 45px;

  cursor: pointer;

  text-align: center;

  z-index: 9999;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  transition: all 0.2s linear;

}

.scroll-top i {

  padding: 0px 10px;

  font-size: 36px;

  color: #fff;

}

.scroll-top i:hover {

  color: #0bafa0;

}

#settings-panel {

  position: fixed;

  top: 172px;

  right: -158px;

  border-right: none;

  background: #fff;

  padding: 10px;

  text-align: center;

  z-index: 99;

}

#panel-opener {

  position: absolute;

  font-size: 1.4em;

  line-height: 1.6em;

  top: 10px;

  left: -40px;

  background: #fff;

  width: 40px;

  height: 40px;

  color: #0BAFA0;

  cursor: pointer;

}

#panel-opener:hover {

  color: #1a88c4;

}

.color-container {

  width: 138px;

  margin-bottom: -8px;

  float: left;

}

.color-container .color {

  width: 40px;

  height: 40px;

  display: inline-block;

  margin: 0 4px 0 0;

}

.color-container .color-1 {

  background: #0BAFA0;

}

.color-container .color-2 {

  background: #3498db;

}

.color-container .color-3 {

  background: #e74c3c;

}

.color-container .color-4 {

  background: #34495e;

}



/* ----------------------------------------------------------------

	Featured Boxes

-----------------------------------------------------------------*/





.feature-box {

	position: relative;

	margin-top: 20px;

	padding: 0 0 0 80px;

}



.feature-box:first-child { margin-top: 0; }



.feature-box .fbox-icon {

	display: block;

	position: absolute;

	width: 64px;

	height: 64px;

	

	top: 0;

	left: 0;

}



.feature-box .fbox-icon a,

.feature-box .fbox-icon i,

.feature-box .fbox-icon img {

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

	color: #FFF;

}



.feature-box .fbox-icon i,

.feature-box .fbox-icon img {

	border-radius: 50%;

	background-color: #3f8082;

}



.feature-box .fbox-icon i {

	font-style: normal;

	font-size: 28px;

	text-align: center;

	line-height: 64px;

}



.feature-box h3 {

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 0;

	color: #333;

}



.feature-box p {

	margin: 8px 0 0 0;

	color: #999;

}



.feature-box .before-heading { font-size: 14px; }





/* ----------------------------------------------------------------

	Columns & Grids

-----------------------------------------------------------------*/





.postcontent { width: 860px; }

.postcontent.bothsidebar { width: 580px; }

.sidebar { width: 240px; }

.col_full { width: 100%; }

.col_half { width: 48%; }

.col_one_third { width: 30.63%; }

.col_two_third { width: 65.33%; }

.col_one_fourth { width: 22%; }

.col_three_fourth { width: 74%; }

.col_one_fifth { width: 16.8%; }

.col_two_fifth { width: 37.6%; }

.col_three_fifth { width: 58.4%; }

.col_four_fifth { width: 79.2%; }

.col_one_sixth { width: 13.33%; }

.col_five_sixth { width: 82.67%; }

body.stretched .container-fullwidth {

	position: relative;

	padding: 0 60px;

	width: 100%;

}

.link{

	background-color:#479999;

	

	}



.inn{

	width:30%;

	float:left;	

	margin-right:3%;

}



.postcontent,

.sidebar,

.col_full,

.col_half,

.col_one_third,

.col_two_third,

.col_three_fourth,

.col_one_fourth,

.col_one_fifth,

.col_two_fifth,

.col_three_fifth,

.col_four_fifth,

.col_one_sixth,

.col_five_sixth {

	display: block;

	position: relative;

	margin-right: 4%;

	margin-bottom: 50px;

	float: left;

}

form .col_full,

form .col_half,

form .col_one_third,

form .col_two_third,

form .col_three_fourth,

form .col_one_fourth,

form .col_one_fifth,

form .col_two_fifth,

form .col_three_fifth,

form .col_four_fifth,

form .col_one_sixth,

form .col_five_sixth { margin-bottom: 25px; }



.postcontent,

.sidebar { margin-right: 40px; }



.col_full {

	clear: both;

	float: none;

	margin-right: 0;

}



.postcontent.col_last,

.sidebar.col_last { float: right; }



.col_last {

	margin-right: 0 !important;

	clear: right;

}



/* Novo CSS

-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,

.fancy-title.title-bottom-border h2,

.fancy-title.title-bottom-border h3,

.fancy-title.title-bottom-border h4,

.fancy-title.title-bottom-border h5,

.fancy-title.title-bottom-border h6 {

	display: block;

	background: transparent;

	padding: 0 0 10px;

	border-bottom: 2px solid #3f8082;

}



figure { width: 100%; min-width: 17.5em; margin:0 auto;}

figcaption { font: 120% sans-serif; text-align: center;}

.boxVideo {

    position: relative;

    padding-bottom: 56.25%; 

    padding-top: 25px;

    height: 0;

    margin:0 auto;

}

.boxVideo iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}	



.iconesocial{

	display: block;

	float: left;

	margin: 4px 11px 7px 0;

	text-align: center !important;

	font-size: 28px;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

	border:medium;

	border-radius: 50%;

}

.more-link {

	display: inline-block;

	border-bottom: 1px solid #3f8082;

	padding: 0 2px;

	font-family: 'Crete Round', serif;

	font-style: italic;

}



.more-link:hover { border-bottom-color: #555; }

.nobottommargin { margin-bottom: 0 !important; }



/* ----------------------------------------------------------------

	23. Google Maps

-----------------------------------------------------------------*/





#google-map {

	position: relative;

	width: 100%;

	height: 450px;

}



.gmap img { max-width: none !important; }



.gm-style .gm-style-iw h3 span {

	font-size: inherit;

	font-family: inherit;

}



#map-overlay {

	position: relative;

	padding: 100px 0;

}



#map-overlay #google-map {

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

}



.content-wrap {

	position: relative;

	padding: 80px 0;

}



/* ----------------------------------------------------------------

	Portfolio

-----------------------------------------------------------------*/





/* Portfolio - Filter

-----------------------------------------------------------------*/



.portfolio-filter {

	position: relative;

	margin: 0 0 40px 0;

	list-style: none;

	border: 1px solid rgba(0,0,0,0.07);

	float: left;

	border-radius: 4px;

}



.portfolio-filter li {

	float: left;

	position: relative;

}



.portfolio-filter li a {

	display: block;

	position: relative;

	padding: 12px 18px;

	font-size: 13px;

	line-height: 15px;

	color: #666;

	border-left: 1px solid rgba(0,0,0,0.07);

}



.portfolio-filter li:first-child a {

	border-left: none;

	border-radius: 4px 0 0 4px;

}



.portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }



.portfolio-filter li a:hover { color: #3f8082; }



.portfolio-filter li.activeFilter a {

	color: #FFF !important;

	background-color: #3f8082;

	margin: -1px 0;

	padding: 13px 18px;

	font-weight: bold;

}





.bothsidebar .portfolio-filter li a { padding: 12px 14px; }



.bothsidebar .portfolio-filter li.activeFilter a { padding: 13px 18px; }

.portfolio-filter.style-3 li a { border: 1px solid transparent; }



.portfolio-filter.style-3 li.activeFilter a {

	color: #3f8082 !important;

	border-color: #3f8082;

	background-color: transparent;

	margin: 0;

}

#page-title.page-title-parallax {

	background-color: transparent;

	background-image: url('images/parallax/parallax-bg.jpg');

	background-attachment: fixed;

	background-position: 50% 0;

	background-repeat: no-repeat;

}



.enviar {

	background-color: #3f8082;

	color:#fff;

	width: 100%;

	

}

.loader {

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 9999;

	background: url('../img/logogif.gif') 50% 50% no-repeat white;

}

#map_canvas {

  height: 215px;

  width: 100%;

}