@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);
/* Table of contents:
	1. Variables
	2. General
	3. Header
	4. Content
	5. Footer
	6. Contact form
	7. Responsive layouts
 */
/* ========================================================
 * 1. VARIABLES
 * ======================================================== */
/* ======== BODY ========== */
/* ======== BUTTONS ========== */
/* ======== MENU ========== */
/* ======== MENU LINKS ========== */
/* ======== SUB_MENU========== */
/* ======== SUB_MENU LINKS ========== */
/* ======== SUB SUB_MENU========== */
/* ======== SUB SUB_MENU LINKS ========== */
/* ======== END MENU========== */
/* ======== LIST ========== */
/* ======== END LIST ========== */
/* ======== MAP ========== */
/* ======== END MAP ========== */
/* ======== FORM ========== */
/* ======== END FORM ========== */
/* ========================================================
 * 2. GENERAL
 * ======================================================== */
.wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.extra_wrap {
  overflow: hidden;
  display: block;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: caret;
}
html,
body {
  height: 100%;
}
body {
  background: #ffffff;
  font: 300 14px/24px 'Open Sans', 'sans-serif';
  color: #474747;
  position: relative;
  min-width: 320px;
  -webkit-text-size-adjust: none;
}
/* Images
	* ------------------------------------------------------- */
img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: auto;
  max-width: 100%;
}
.img_fleft {
  float: left;
  margin-right: 20px;
}
.img_fright {
  float: right;
  margin-left: 20px;
}
/* ========================================================
	 * BUTTONS
	 * ======================================================== */
.btn1 {
  background: #256d6a;
  color: #ffffff;
  display: inline-block;
  font: 400 14px/17px 'Open Sans', 'sans-serif' !important;
  text-transform: uppercase;
  padding: 10px 47px 14px 39px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: left;
}
.btn1:hover {
  background: #d1d1d1;
  color: #ffffff;
  text-decoration: none;
}
/* Indents
	 * ------------------------------------------------------- */
p {
  margin-bottom: 18px;
}
/* ========================================================
	 * TITLES
	 * ======================================================== */
h1 {
  font: bold 36px/36px Arial, Helvetica, sans-serif;
  color: #474747;
  margin-bottom: 0;
}
h2 {
  font: 800 36px/60px 'Open Sans', 'sans-serif';
  color: #336699;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 24px;
  padding-bottom: 2px;
  border-bottom: 1px solid #918f8f;
}
h3 {
  font: bold 26px/30px Arial, Helvetica, sans-serif;
  color: #474747;
  margin: 0;
  margin-bottom: 20px;
}
h4 {
  font: bold 20px/24px Arial, Helvetica, sans-serif;
  color: #474747;
  margin: 0;
  margin-bottom: 20px;
}
h5 {
  font: 400 18px/24px 'Open Sans', 'sans-serif' !important;
  color: #212121;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 17px;
}
h6 {
  font: bold 13px/18px Arial, Helvetica, sans-serif;
  color: #474747;
  margin: 0;
  margin-bottom: 20px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #74889a;
  text-decoration: none;
}
/* ========================================================
	 * LIST
	 * ======================================================== */
.list {
  padding-left: 0;
  margin-bottom: 50px;
}
.list li {
  font: normal 14px/24px 'Open Sans', 'sans-serif';
  color: #474747;
  background: url(../img/list_marker.png) 0 6px no-repeat;
  margin-top: 11px;
  padding-left: 25px;
  list-style: none;
}
.list li:first-child {
  margin-top: 0;
}
.list li a {
  color: #474747;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.list li a:hover {
  color: #256d6a;
  text-decoration: none;
}
/* ========================================================
 * 3. HEADER
 * ======================================================== */
/* ======== LOGO ========== */
h1 {
  display: block;
  margin: 0;
  margin-top: 7px;
  margin-bottom: 12px;
}
h1 a {
  display: inline-block;
}
h1 a:hover {
  text-decoration: none;
}
/* ======== MENU ========== */
/* ======== STUCK MENU ========== */
#stuck_container {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: url(../img/header_box.png) 0 0 repeat;
  position: relative;
  z-index: 1;
}
.isStuck {
  background: none !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff !important;
}
.isStuck .menuBox {
  margin: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
/* ======== GENERAL MENU ========== */
.menuheader {
  float: left;
  margin-top: 0;
  margin-right: 0;
}
.tm_navbar {
  position: relative;
  padding-top: 13px;
  padding-bottom: 10px;
  margin: 0;
  background: #efefef;
  border: none;
  min-height: 20px;
  width: 100%;
}
.tm_navbar .nav {
  float: none;
  position: relative;
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0;
  list-style: none;
  /* ======== SUB_MENU========== */
}
.tm_navbar .nav > li {
  text-align: center;
  font: 400 14px/14px 'Open Sans', 'sans-serif';
  float: left;
  padding: 0;
  margin-left: 38px;
  position: relative;
  zoom: 1;
}
.tm_navbar .nav > li:first-child {
  margin-left: 0;
}
.tm_navbar .nav > li a {
  text-align: center;
  position: relative;
  text-decoration: none;
  color: #5a5a5b;
  background: none;
  padding: 0;
  border: none;
  text-shadow: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 20px;
}
.tm_navbar .nav > li a:hover,
.tm_navbar .nav > li.active > a,
.tm_navbar .nav > li.active > a:hover {
  color: #153b5b;
  background: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tm_navbar .nav ul {
  position: absolute;
  display: none;
  top: 37px;
  left: 0px;
  width: 260px;
  padding: 18px 0 17px;
  list-style: none;
  zoom: 1;
  z-index: 14;
  background: #a7b4bf;
  margin: 0;
  /* ======== SUB SUB_MENU========== */
}
.tm_navbar .nav ul li {
  font: 400 12px/12px 'Open Sans', 'sans-serif';
  text-align: left;
  padding: 0;
  padding-left: 13px;
  margin: 16px 0 0 0;
  display: block;
  position: relative;
  border: none;
  zoom: 1;
  z-index: 14;
}
.tm_navbar .nav ul li:first-child {
  margin-top: 0;
}
.tm_navbar .nav ul a {
  position: relative;
  /*
  display: inline-block;
  */
  padding: 0;
  margin: 0;
  text-shadow: none;
  color: #ffffff;
  background: none;
}
.tm_navbar .nav ul a:hover,
.tm_navbar .nav ul li.sfHover a.sf-with-ul {
  text-decoration: none;
  color: #153b5b;
  background: none;
}
.tm_navbar .nav ul ul {
  list-style: none;
  padding: 18px 0 17px;
  left: 121px;
  top: -78px;
  width: 120px;
  background: #a7b4bf;
  border: none;
}
.tm_navbar .nav ul ul li {
  font: 400 14px/14px 'Open Sans', 'sans-serif';
  text-align: left;
  width: 150px;
  padding: 0;
  margin: 16px 0 0 0;
  display: block;
  position: relative;
  border: none;
  zoom: 1;
  z-index: 14;
}
.tm_navbar .nav ul ul li:first-child {
  margin-top: 0;
}
.tm_navbar .nav ul ul a {
  position: relative;
  display: inline-block;
  padding: 0;
  padding-left: 14px;
  margin: 0;
  text-shadow: none;
  color: #ffffff;
  background: none;
}
.tm_navbar .nav ul ul a:hover {
  text-decoration: none;
  color: #153b5b;
  background: none;
}
.select-menu {
  display: none !important;
  outline: none;
}
#index2 .slide_box {
  min-height: 367px;
  padding-bottom: 28px;
}
.slide_box {
  position: relative;
  margin-top: -55px;
  background: url(../img/slide_box.jpg) center 0 no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  padding-top: 116px;
  padding-bottom: 80px;
  min-height: 463px;
  text-align: center;
  z-index: 0;
}
.slide_box a {
  display: inline-block;
  margin-bottom: 33px;
}
.slide_box h2 {
  font-size: 72px;
  line-height: 72px;
  color: #fff;
  border-bottom: none;
  margin-bottom: 25px;
}
.slide_box h3 {
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  border-bottom: none;
  border-top: 1px solid #929599;
  padding-top: 23px;
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: -1px;
}
/* ========================================================
 * 4. CONTENT
 * ======================================================== */
#content {
  width: 100%;
}
.full_width {
  width: 100%;
  margin-bottom: 23px;
}
.row_1 {
  padding-top: 29px;
}
.info_box {
  text-align: center;
  margin-bottom: 80px;
  padding-top: 15px;
}
.info_box .border {
  border: 4px solid #d1d1d1;
  margin-bottom: 20px;
  border-radius: 49%;
}
.info_box img {
  display: block;
  width: 100%;
  border-radius: 49%;
}
.info_box h5 {
  text-transform: none;
  color: #256d6a;
  margin-bottom: 5px;
}
.row_2 {
  background: url(../img/row2_bg.jpg) center 0 no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  overflow: hidden;
  padding-bottom: 29px;
  padding-top: 51px;
}
.row_2 h2 {
  color: #fff;
  border-color: #d0d0d1;
}
.weather_box {
  margin-bottom: 30px;
}
.weather_box img {
  display: block;
  margin-bottom: 24px;
}
.weather_box .date {
  font: 700 30px/36px 'Open Sans', 'sans-serif';
  color: #fff;
  margin-bottom: 9px;
  text-align: center;
  padding-left: 13px;
}
.weather_box:first-child .date {
  padding-left: 50px;
}
.weather_box:first-child .temp {
  margin-left: 82px;
}
.weather_box .temp {
  float: left;
  font: 400 18px/22px 'Open Sans', 'sans-serif';
  text-transform: uppercase;
  color: #fff;
  margin-left: 67px;
}
.weather_box .temp span {
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
  margin-top: 3px;
}
.weather_box .temp span:after {
  position: absolute;
  display: inline-block;
  content: 'O';
  font: 800 12px/12px 'Open Sans', 'sans-serif';
  color: #fff;
  margin-top: 0px;
  top: 2px;
  right: -13px;
}
.weather_box:first-child .wind {
  margin-right: 40px;
}
.weather_box .wind {
  float: right;
  font: 400 18px/22px 'Open Sans', 'sans-serif';
  text-transform: uppercase;
  color: #fff;
  margin-right: 55px;
}
.weather_box .wind span {
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
  margin-top: 3px;
}
.weather_box .wind span:after {
  display: inline-block;
  content: 'mph';
  font: 800 18px/12px 'Open Sans', 'sans-serif';
  color: #fff;
  margin-top: 0px;
  text-transform: none;
}
.row_3 {
  background: url(../img/row3_bg.jpg) center 0 no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  padding-top: 32px;
  padding-bottom: 47px;
  margin-top: 17px;
}

.row_evento {
  background: url(../img/evento_bg.jpg) center 0 no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  padding-top: 32px;
  padding-bottom: 47px;
  margin-top: 17px;
}
.row_3 h2 {
  color: #fff;
}
.feature_div {
  text-align: center;
  margin-bottom: 40px;
  background: url(../img/feature_div.png) 0 0 repeat;
  width: 100%;
  padding-top: 68px;
  padding-bottom: 85px;
  border-radius: 49%;
  border: 7px solid #cacbcc;
  position: relative;
  margin-top: 14px;
}
.feature_div:hover {
  padding-bottom: 67px;
  background: url(../img/feature_div_hover.png) 0 0 repeat;
}
.feature_div:hover span {
  color: #2a2a2a;
}
.feature_div:hover .text {
  display: block;
}
.feature_div span {
  display: block;
  position: absolute;
  font-size: 72px;
  line-height: 72px;
  top: 45px;
  left: 50%;
  margin-left: -34px;
  color: #fff;
  z-index: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature_div span.fa-gift {
  top: 37px;
  margin-left: -30px;
}
.feature_div span.fa-male {
  top: 35px;
  margin-left: -20px;
}
.feature_div .text {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
  font: 400 18px/18px 'Open Sans', 'sans-serif';
  color: #fff;
  z-index: 10;
}
.icon_list {
  margin-bottom: 35px;
  padding: 0;
}
.icon_list li {
  display: block;
  margin-top: 28px;
  padding-left: 30px;
  position: relative;
}
.icon_list li:first-child {
  margin-top: 0;
}
.icon_list li:before {
  display: block;
  position: absolute;
  left: 4px;
  top: 3px;
  content: '';
  width: 21px;
  height: 18px;
  background: url(../img/icon_list_marker.png) 0 0 no-repeat;
}
.icon_list li h5 {
  color: #256d6a;
  margin-bottom: 0;
}
.icon_list li p {
  margin-bottom: 0px;
}
#owl {
  padding-top: 7px;
  margin-bottom: 18px;
}
#owl p {
  font: italic 300 18px/30px 'Open Sans', 'sans-serif';
  color: #256d6a;
  position: relative;
  /*
  padding-left: 55px;
  padding-bottom: 32px;
  */
  border-bottom: 1px solid #918f8f;
  /*
  margin-bottom: 36px;
  */
}
#owl p:before {
  position: absolute;
  left: 9px;
  top: 1px;
  content: "; font-style: italic; 
               font-variant: normal; font-weight: 800; line-height: 48px; 
               font-size: 48px; font-family: 'Open Sans', sans-serif; color: 
               #bcbcbc;
  
}
#owl h4 {
  text-align: center;
  font: 400 14px/18px 'Open Sans', 'sans-serif';
  color: #131313;
  margin-bottom: 0;
}
#owl h4 span {
  font-weight: bold;
  text-transform: uppercase;
}
#owl .owl-controls {
  position: absolute;
  overflow: hidden;
  width: 380px;
  left: 50%;
  bottom: 0;
  margin-left: -187px;
}
#owl .owl-controls .owl-prev {
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 20px;
  float: left;
}
#owl .owl-controls .owl-prev:before {
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  color: #131313;
  content: "\f104";
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#owl .owl-controls .owl-prev:hover:before {
  color: #256d6a;
}
#owl .owl-controls .owl-next {
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 20px;
  float: right;
}
#owl .owl-controls .owl-next:before {
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  color: #131313;
  content: "\f105";
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#owl .owl-controls .owl-next:hover:before {
  color: #256d6a;
}
#index2 .row_4 {
  padding-top: 50px;
}
.row_4 {
  padding-top: 20px;
}
.row_4 iframe {
  display: block;
  width: 100%;
  height: 407px;
}
.news_box {
  overflow: hidden;
  margin-bottom: 9px;
}
.news_box .date {
  float: left;
  width: 70px;
  margin-right: 3px;
  text-align: center;
  font: 300 18px/18px 'Open Sans', 'sans-serif';
  color: #256d6a;
}
.news_box .date span {
  display: block;
  font-size: 50px;
  line-height: 47px;
  margin-bottom: 0px;
  text-align: left;
}
.news_box h5 {
  color: #256d6a;
  margin-bottom: 2px;
}
.team_box {
  margin-bottom: 20px;
}
.team_box img {
  width: 100%;
  margin-bottom: 25px;
}
.team_box h6 {
  font: 800 14px/17px 'Open Sans', 'sans-serif';
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.team_box h6 a:hover {
  color: #256d6a;
}
.team_box p {
  color: #fff;
  margin-bottom: 0;
}
.testimonial_box {
  margin-bottom: 28px;
}
.testimonial_box p {
  font: italic 300 18px/30px 'Open Sans', 'sans-serif';
  color: #256d6a;
  position: relative;
  padding-left: 46px;
  margin-bottom: 27px;
}
.testimonial_box p:before {
  position: absolute;
  left: 0px;
  top: 1px;
  content: "; font-style: italic; 
               font-variant: normal; font-weight: 800; line-height: 48px; 
               font-size: 48px; font-family: 'Open Sans', sans-serif; color: 
               #bcbcbc;
  
}
.testimonial_box .autor {
  padding-left: 46px;
  font: 800 14px/17px 'Open Sans', 'sans-serif';
  text-transform: uppercase;
  color: #131313;
}
.testimonial_box .autor a {
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonial_box .autor a:hover {
  text-decoration: none;
  color: #256d6a;
}
.testimonial_box .autor span {
  font-weight: 400;
}
.blog_item {
  margin-bottom: 37px;
  border-bottom: 1px solid #918f8f;
  padding-bottom: 40px;
}
.blog_item h5 {
  margin-bottom: 2px;
}
.blog_item .post_info {
  overflow: hidden;
  margin-bottom: 25px;
}
.blog_item .post_info .info {
  float: left;
  font: 300 18px/21px 'Open Sans', 'sans-serif';
  color: #256d6a;
}
.blog_item .post_info .info a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blog_item .post_info .info a:hover {
  color: #212121;
}
.blog_item .post_info .comment {
  float: right;
  font: 300 18px/21px 'Open Sans', 'sans-serif';
  color: #256d6a;
  margin-right: 103px;
}
.blog_item .post_info .comment a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blog_item .post_info .comment a:hover {
  color: #212121;
}
.blog_item img {
  margin-bottom: 23px;
}
#thumbs .thumb_box {
  margin-bottom: 40px;
}
#thumbs .touch_img {
  position: relative;
  display: block;
  overflow: hidden;
}
#thumbs .touch_img img {
  width: 100%;
}
#thumbs .touch_img span.fa-expand {
  position: absolute;
  left: 50%;
  margin-left: -23px;
  top: -30px;
  margin-top: -23px;
  color: #eae9e9;
  font-size: 46px;
  line-height: 46px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 2;
}
#thumbs .touch_img:hover span.fa-expand {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -23px;
  top: 50%;
  margin-top: -23px;
  font-size: 46px;
  line-height: 46px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#thumbs .touch_img span.bg {
  position: absolute;
  background: url(../img/span_bg.png) repeat 0 0;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#thumbs .touch_img:hover span.bg {
  background: url(../img/span_bg.png) repeat 0 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#thumbs .thumb_content {
  border: 1px solid #918f8f;
  border-top: none;
  padding-top: 24px;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 4px;
}
#thumbs .thumb_content h5 {
  text-transform: none;
  color: #256d6a;
  margin-bottom: 2px;
}
#thumbs .thumb_content h5 a {
  color: inherit;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#thumbs .thumb_content h5 a:hover {
  text-decoration: none;
  color: #474747;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.row_404 {
  padding-bottom: 140px;
}
/* ========================================================
 * 5. FOOTER
 * ======================================================== */
#footer {
  width: 100%;
  background: #131313;
  font: 300 14px/24px 'Open Sans', 'sans-serif';
  color: #fff;
}
#footer .copyright {
  float: left;
  padding-top: 20px;
  padding-top: 25px;
  padding-bottom: 23px;
}
#footer .copyright a {
  color: #6e9e9c;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
#footer .copyright a:hover {
  text-decoration: none;
  color: #fff;
}
#footer .footer_soc {
  overflow: hidden;
  list-style: none;
  float: right;
  padding-top: 17px;
  padding-bottom: 20px;
}
#footer .footer_soc li {
  float: left;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  margin-left: 37px;
}
#footer .footer_soc li:first-child {
  margin-left: 0;
}
#footer .footer_soc li a {
  color: #fff;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
#footer .footer_soc li a:hover {
  color: #6e9e9c;
  text-decoration: none;
}
/* ========================================================
 * 6. MAP, TO TOP
 * ======================================================== */
.gmap {
  margin-top: 0;
}
.gmap .map {
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  padding: 0 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
}
.gmap .map iframe {
  width: 100%;
  height: 382px;
  border: none;
  margin: 0;
}
#toTop {
  display: none;
  position: fixed;
  color: transparent;
  background: #738698;
  height: 51px;
  width: 51px;
  right: 50% !important;
  margin-right: -700px !important;
  bottom: 100px;
  z-index: 20;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#toTop:after {
  font-family: FontAwesome;
  content: "\f077";
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 12px;
}
#toTop:hover {
  background: #256d6a;
}
/* ========================================================
 * 7. FORMS
 * ======================================================== */
/*------------ Contact form ------------*/
.contact-form {
  padding-top: 6px;
  margin-bottom: 50px;
}
.contact-form .coll-1,
.contact-form .coll-2,
.contact-form .coll-3 {
  margin-bottom: 20px;
  margin-right: 20px;
  width: 236px;
  float: left;
}
.contact-form .coll-3 {
  margin-right: 0;
}
.coll-message {
  position: relative;
}
#contactform {
  margin-top: 11px;
  position: relative;
}
#contactform label {
  position: relative;
  display: block;
  margin-bottom: 0;
}
#contactform span {
  display: block;
}
#contactform input,
#contactform textarea {
  outline: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font: 300 14px/18px 'Open Sans', 'sans-serif';
  color: #474747;
  width: 100%;
  padding: 10px 14px 10px 14px;
  border: 1px solid #918f8f;
  background: #ffffff;
}
#contactform textarea {
  height: 201px;
  resize: none;
  margin: 0 0 27px;
  overflow: hidden;
}
#contactform ._placeholder {
  width: 100%!important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  font: 300 14px/18px 'Open Sans', 'sans-serif';
  color: #474747;
  padding: 12px 10px 9px 15px;
  display: block;
}
#contactform ._placeholder.focused {
  opacity: .4;
  filter: alpha(opacity=40);
  box-shadow: none;
}
#contactform ._placeholder.hidden {
  display: none;
}
#contactform .success-message {
  font: 300 14px/18px 'Open Sans', 'sans-serif';
  color: #474747;
  background: #ffffff;
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  z-index: 10;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
  padding: 0;
}
#contactform.success .success-message {
  height: 50px;
  color: #474747;
  padding: 15px 0;
  border: 1px solid #918f8f;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
}
#contactform .error-message,
#contactform .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px/20px 'Open Sans', 'sans-serif';
  color: #474747;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 3px;
  top: 0;
}
#contactform .invalid .error-message,
#contactform .empty .empty-message {
  height: 20px;
}
#contactform .btn1 {
  position: relative;
  border: none;
  z-index: 10;
  font: 400 14px/17px 'Open Sans', 'sans-serif';
  color: #ffffff;
  background: #256d6a;
  padding: 10px 47px 14px 39px;
  border-radius: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#contactform .btn1:hover {
  background: #d1d1d1;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/*------------ End Contact form ------------*/
address .info {
  margin-bottom: 29px;
}
address .info strong {
  display: block;
  font: 300 18px/24px 'Open Sans', 'sans-serif';
  color: #212121;
  margin-bottom: 20px;
  text-transform: uppercase;
}
address .info p {
  margin-bottom: 4px;
}
address .info p.adr {
  margin-bottom: 28px;
}
.mail_link {
  font: 300 14px/24px 'Open Sans', 'sans-serif';
  color: #474747;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mail_link:hover {
  color: #256d6a;
}
/*------------ 404 ------------*/
.block-404 .forminfo h2 {
  padding: 21px 0 6px;
}
.block-404 .forminfo h2 strong {
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-size: 48px;
  line-height: 48px;
  font-weight: 800;
  color: #333333;
  display: block;
}
.block-404 .forminfo h2 span {
  text-transform: uppercase !important;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #949494;
  display: block;
  margin-top: 15px;
}
.block-404 p {
  margin-bottom: 10px;
}
.form-404 {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
  margin-top: 23px;
}
.form-404 input {
  display: block;
  outline: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font: 300 14px/18px 'Open Sans', 'sans-serif';
  color: #474747;
  width: 370px;
  padding: 10px 14px 10px 14px;
  border: 1px solid #918f8f;
  background: #ffffff;
  margin-bottom: 26px;
}
.form-404 a {
  background: #256d6a;
  color: #ffffff;
  display: inline-block;
  font: 400 14px/17px 'Open Sans', 'sans-serif' !important;
  text-transform: uppercase;
  padding: 10px 47px 14px 39px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: left;
  border-radius: 0;
}
.form-404 a:hover {
  box-shadow: none;
  text-decoration: none;
  background: #d1d1d1;
}
/*------------End 404 ------------*/
/* ========================================================
 * 8. RESPONSIVE LAYOUTS
 * ======================================================== */
@media (min-width: 1220px) {
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    width: 243px;
  }
  .contact-form .coll-3 {
    margin-right: 0;
  }
  .container {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  h2 {
    font-size: 40px;
  }
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    width: 192px;
  }
  .contact-form .coll-3 {
    margin-right: 0;
  }
  .feature_div {
    width: 292px;
    padding-top: 146px;
    padding-bottom: 120px;
  }
  .feature_div:hover {
    padding-bottom: 118px;
    padding-top: 130px;
  }
  .feature_div span {
    top: 100px;
  }
  .feature_div span.fa-gift,
  .feature_div span.fa-male {
    top: 95px;
  }
  .form-404 input {
    width: 100%;
  }
  .weather_box .date,
  .weather_box:first-child .date {
    padding-left: 13px;
  }
  .weather_box .temp,
  .weather_box:first-child .temp {
    margin-left: 37px;
  }
  .weather_box .wind,
  .weather_box:first-child .wind {
    margin-right: 20px;
  }
  .blog_item img {
    width: 100%;
  }
  .blog_item .comment {
    margin-right: 0 !important;
  }
}
/*------------Stuck menu ------------*/
@media (max-width: 991px) {
  .isStuck {
    background: transparent !important;
  }
  #stuck_container {
    position: relative !important;
    box-shadow: none;
  }
  .pseudoStickyBlock {
    height: 0 !important;
  }
}
/*------------End Stuck menu------------*/
@media (min-width: 767px) and (max-width: 991px) {
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    margin-right: 0;
    width: 100%;
    display: inline-block;
  }
  .weather_box .temp,
  .weather_box:first-child .temp {
    margin-left: 15px;
  }
  .weather_box .wind,
  .weather_box:first-child .wind {
    margin-right: 0px;
  }
  .feature_div {
    width: 220px;
    padding-top: 93px;
    padding-bottom: 100px;
  }
  .feature_div:hover {
    padding-bottom: 80px;
    padding-top: 95px;
  }
  .feature_div span {
    top: 65px;
  }
  .feature_div span.fa-gift,
  .feature_div span.fa-male {
    top: 60px;
  }
}
@media (max-width: 767px) {
  h1 {
    text-align: center;
  }
  .sf-menu {
    display: none !important;
  }
  .menuheader {
    float: none;
    margin-bottom: 20px;
  }
  .select-menu {
    display: block !important;
    border: 1px solid #343434;
    background: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 5px;
  }
  .select-menu option {
    padding: 0;
  }
  #stuck_container {
    background: #738699 !important;
  }
  .slide_box h2 {
    font-size: 35px;
    line-height: 40px;
  }
  .slide_box h3 {
    font-size: 13px;
    line-height: 18px;
  }
  .info_box .border {
    width: 290px;
    margin: 0 auto 20px;
  }
  .map iframe {
    width: 100%;
    height: 250px;
  }
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
  }
  h2 {
    font-size: 36px;
    line-height: 40px;
  }
  .feature_div {
    margin: 0 auto 40px;
  }
  #footer .copyright {
    float: none;
    text-align: center;
  }
  #footer .footer_soc {
    float: none;
    padding-left: 0;
    text-align: center;
  }
  #footer .footer_soc li {
    float: none;
    display: inline-block;
  }
  #owl .owl-controls {
    width: 100%;
    left: 0;
    bottom: 0px;
    margin-left: 0px;
  }
  .weather_box {
    text-align: center;
    margin-bottom: 50px;
  }
  .weather_box img {
    float: none;
    display: inline-block;
    margin-bottom: 0px;
  }
  .weather_box .temp,
  .weather_box:first-child .temp {
    margin-left: 0;
    margin-right: 22px;
    float: none;
    display: inline-block;
  }
  .weather_box .wind,
  .weather_box:first-child .wind {
    float: none;
    margin-right: 0;
    display: inline-block;
  }
}
@media (max-width: 480px) {
  #owl .owl-controls {
    bottom: 25px;
  }
  .blog_item .post_info .info,
  .blog_item .post_info .comment {
    float: none;
  }
}
@media (max-width: 369px) {
  #owl .owl-controls {
    bottom: 29px;
  }
}
@media (min-width: 346px) and (max-width: 350px) {
  #owl .owl-controls {
    bottom: 30px;
  }
}
@media (max-width: 346px) {
  #owl .owl-controls {
    bottom: 45px;
  }
}
/*Core variables and mixins*/
.containermenu{
    width:100%
  }
  
  
    .banner1{
    margin-top: 40px;
  }

  .banner{
    margin-top: 20px;
  }
  
  .listastrutture{
    font-size: 20px;
    color:#5b5a5a;
  }
  
  .evento{
    background-color: #3d5472;
    padding-left: 20px;
    padding-right: 20px;
  }


.titoloevento{
    font-size: 24px;
    color:white;
    font-weight: 800;
  }
  
  .dataevento{
    font-size: 18px;
    color:#3a87c9;
    font-weight: 600;
  }
  
  .testoevento{
    font-size: 15px;
    color:white;
  }

 .noline{
    text-decoration: none;
    font-size: 20px;
  }
  
  
  .slogan{
    font-size: 40px;
    color:white;
    font-weight: 600;
    text-align: left;
    text-shadow:0px 1px 5px #000000;
  }
  
  div.ui-datepicker {font-size: 62.5%;}
  .ui-corner-all {border:0; border-radius: 0}
.ui-tabs .ui-tabs-panel	{padding:0}
.ui-tabs .ui-tabs-nav li a {padding: 0.6em;}