@font-face {font-family: 'BlendaScript';font-style: normal;font-weight: normal;src: local('../fonts/BlendaScript'), url('../fonts/BlendaScript.woff') format('woff'), url('../fonts/BlendaScript.eot') format('eot'), url('../fonts/BlendaScript.otf') format('embedded-opentype'), url('../fonts/BlendaScript.svg') format('svg'), url('../fonts/BlendaScript.ttf') format('truetype');};

  @font-face {
     font-family: 'FontAwesome';
     src: url('fonts/fontawesome-webfont.eot?v=4.4.1');
     src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.1') format('embedded-opentype'),
          url('fonts/fontawesome-webfont.woff2?v=4.4.1') format('woff2'),
          url('fonts/fontawesome-webfont.woff?v=4.4.1') format('woff'),
          url('fonts/fontawesome-webfont.ttf?v=4.4.1') format('truetype'),
          url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal
  }

html, body {
	width: 100%;
	overflow-x: hidden;
}
body {
	height:100%;
	font-family: "Oxygen", "Open Sans", "Serif";
	font-weight: 400;
	padding:0;
	margin:0;
	font-size:16px;
	line-height: 28px;
	color: #222; 
	background: #fff;
	overflow-x:hidden;
	position: relative;
}
h1 { font-size: 3.8em; line-height:1.2em; margin:0 0 .3em; }
h2 { font-size: 2.2em; line-height:1.4em; margin:0 0 .6em;  }
h3 { font-size: 1.6em; line-height:1.4em; }
h4 { font-size: 1.25em; line-height:1.4em;}
h5 { font-size: 1.1em; line-height:1.4em; }
h6 { font-size: 1em; line-height:1.2em; }

/* alf para BlendaScript ----------- */
h1, h3 {
  font-family: BlendaScript, "Oxygen", cursive;
  // color: #007D79;
}
.overlay b, .overlay strong {
    font-weight: 100;
}
/* fin alf para BlendaScript ----------- */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none
}

.blog-post h1 { font-size: 1.8em; line-height: 1.4em; font-family: inherit; font-weight: 500; }
.blog-post h2 { font-size: 1.6em; line-height: 1.4em; font-family: BlendaScript; font-weight: 500; margin-top: 20px; margin-bottom: 10px;}


p { 
	padding: 0 0 1em;
	margin:0;
}
a {
	//color: #007D79;
	color: #0C6954;
	outline: 0;
	font-weight: bold;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
} 
a:hover {
	text-decoration: none;
	color: #40ae9a;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}

/*---ALF--- */
a:link, a:visited, a:active {
    text-decoration:none;
}

.text-center {
  text-align: center;
}

.highlight {
	color: #007D79;
	font-weight: 500;
}
.highlight-i {
	color: #7cb854;
}
.jardin a{
	color: #7cb854;
}
.fa {
	margin-right: 1px;
}

#preloader { 
	position: fixed; 
	left: 0; 
	top: 0; 
	z-index: 999; 
	width: 100%; 
	height: 100%; 
	overflow: visible; 
	background: #fff url(img/loading.gif) no-repeat center center;
}
.fullscreen {
    width:100%;
    min-height:100%;
	background-repeat:no-repeat;
    //background-position: 100% 100%;
    //background-position:50% 50%\9 !important;
    background-position: 100% 60%;
    background-color: #1E8184;
}
.parallax-1 {
	background-image: url( img/adefincas.png);
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 55;
}
.overlay .btn-primary {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	//line-height: 20px;
	line-height: 10px;
	padding: 15px 35px;
	//height: 50px;
	height: 55px;
	border: 1px solid #fff;
	background: #007D79;
	transition: all 0.4s;
	color: white;
	border-radius: 100px;
}
.overlay .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border: 1px solid #007D79;
	background: transparent;
	color: #007D79;
}
.overlay h3 {
    color: white;
    font-size: 1.2em;
    line-height: 1.4em;
    padding-bottom: 20px;
}
.overlay2 {
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 56;
}
.overlay2 h2 {
    color: #fff;
    font-size: 4.5em;
    line-height: 1.4em;
    padding-bottom: 50px;
    padding-top: 50px;
    font-family: BlendaScript, "Oxygen", cursive;
}

.overlay2 h3 {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.4em;
    padding-bottom: 20px;
}

#menu {
	z-index: 999;
}
















::-moz-selection {
  background-color: #0f5746;
  color: #FFF;
}

::selection {
  background-color: #000;
  color: #FFF;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

ul.list-style, ol.list-style {
  padding-left: 15px;
  margin-bottom: 10px;
}

ul.list-style {
  list-style-type: disc;
}

ol.list-style {
  list-style-type: decimal;
}

blockquote.blockquote {
  padding: 30px;
  margin: 0px 0px 20px;
  border: 2px solid #e8eaed;
}

blockquote.blockquote:before {
  content: "\f10d";
  font-family: fontAwesome;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  color: #f04949;
  font-size: 30px;
  background: #fff;
  border: 2px solid #e8eaed;
  float: left;
  margin-right: 10px;
}

blockquote.blockquote .blockquote-footer {
  color: #97989b;
}

figure {
  margin-bottom: 20px;
}

figure>img {
  width: 100%;
}

figure.pull-right {
  margin-left: 15px;
}

figure.pull-left {
  margin-right: 15px;
}

figure>figcaption {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  font-style: italic;
  color: #97989b;
}

/*----------------------------*\
	section
\*----------------------------*/

.section {
  padding-top: 30px;
}

.section-row {
  margin-bottom: 30px;
}

.section-title {
  position: relative;
  margin-bottom: 20px;
}

.section-title .title {
  position: relative;
  display: inline-block;
  background-color: white;
  font-size: 25px;
  //text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 10px;
  z-index: 20;
  color: #0f0f0f;
}

.section-title:after {
  content: "";
  display: inline-block;
  height: 2px;
  background-color: #e8eaed;
  position: absolute;
  left: 0;
  right: 0;
  top: 16px;
  z-index: 10;
}

.section-title h2 {
  font-family: BlendaScript, "Oxygen", "Dosis", cursive;
}


/*----------------------------*\
	input
\*----------------------------*/

.input {
  width: 100%;
  height: 40px;
  padding: 0px 15px;
  background-color: #fff;
  border-radius: 2px;
  border: 2px solid #e8eaed;
}

textarea.input {
  padding: 15px;
  height: 90px;
}

/*----------------------------*\
	button
\*----------------------------*/

.primary-button, .secondary-button {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 2px;
  border: none;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.primary-button {
  background-color: #0f5746;
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #0f5746 inset;
  box-shadow: 0px 0px 0px 2px #0f5746 inset;
}

.secondary-button {
  background-color: #353535;
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #353535 inset;
  box-shadow: 0px 0px 0px 2px #353535 inset;
}

.primary-button:hover, .primary-button:focus {
  background-color: #fff;
  color: #0f5746;
}

.secondary-button:hover, .secondary-button:focus {
  background-color: transparent;
  color: #353535;
}

/*----------------------------*\
	social colors
\*----------------------------*/

.social-facebook {
  background: #225b99 !important;
}
.social-facebook-t {
  background: transparent !important;
  border: 1px solid #97989b;
  color: #97989b;
}
.social-twitter {
  background: #00adf2 !important;
}
.social-twitter-t {
  background: transparent !important;
  border: 1px solid #97989b;
  color: #97989b;
}
.social-youtube {
  background: #dc4d2d !important;
}
.social-youtube-t {
  background: transparent !important;
  border: 1px solid #97989b;
  color: #97989b;
}
.social-pinterest {
  background: #cc2127 !important;
}
.social-pinterest-t {
  background: transparent !important;
  border: 1px solid #97989b;
  color: #97989b;
}
.social-instagram {
  background: #d341b2 !important;
}
.social-instagram-t {
  background: transparent !important;
  border: 1px solid #97989b;
  color: #97989b;
}

/*=========================================================
	NAVIGATION
===========================================================*/

#nav {
  border-bottom: 1px solid #e8eaed;
}

#nav:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#nav.shadow-active:after {
  opacity: 1;
  visibility: visible;
}

#nav-top {
  text-align: center;
  background-color: white;
}

#nav-top>.container {
  position: relative;
  //ALF;
  padding-block: 20px;
}

#nav-bottom {
  // alf;
  // border-top: 1px solid #e8eaed;
}

/*=========================================================
	ALF STICKY NAVIGATION
===========================================================*/
#navbar {
  border-bottom: 1px solid #e8eaed;
  background-color: #286090;
}

#navbar:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#navbar.shadow-active:after {
  opacity: 1;
  visibility: visible;
}

#navbar-top {
  text-align: center;
}

#navbar-top>.container {
  position: relative;
}

#navbar-bottom {
  border-top: 1px solid #e8eaed;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: white;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
//.sticky .content {
//  padding-top: 0px;
// }






/*----------------------------*\
	social
\*----------------------------*/

.nav-social {
  float: left;
  padding: 10px 0px;
}

.nav-social li {
  display: inline-block;
}

.nav-social li a {
  display: block;
  padding: 15px;
  line-height: 20px;
}

/*----------------------------*\
	logo
\*----------------------------*/

.nav-logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav-logo .logo {
  display: inline-block;
  line-height: 70px;
  height: 70px;
}

.nav-logo .logo>img {
  width: 100%;
  max-height: 70px;
}

/*----------------------------*\
	search
\*----------------------------*/

.nav-btns {
  float: right;
  padding: 10px 0px;
}

.nav-btns>button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: transparent;
}

#nav-search {
  position: fixed;
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  opacity: 0;
  visibility: hidden;
  max-width: 960px;
  width: 100%;
  padding: 60px 5%;
  background: #1b1c1e;
  z-index: 999;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#nav-search.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

#nav-search form .input {
  height: 80px;
  background: transparent;
  border: 2px solid #323335;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 15px 25px;
}

/*----------------------------*\
	menu
\*----------------------------*/

.nav-menu {
  position: relative;
  text-align: center;
  float: none;
  text-decoration:none
}

.nav-menu>li {
  float: none;
  display: inline-block;
}

.nav-menu>li>a {
  display: block;
  //padding: 25px 15px;
  padding: 20px 15px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  // alf;
  // color: #2F3F72;
  color: #FFFFFF;
  text-decoration:none
}

.nav-menu>li>a:hover {
  //color: #51a6b1;
  color: yellow;
  text-decoration:none
}

#nav-menu {
	z-index: 999;
	border-bottom: 1px solid #e8eaed;
	background-color: #286090;
}


/*----------------------------*\
	dropdown
\*----------------------------*/

.nav-menu li.has-dropdown {
  position: relative;
}

.nav-menu li.has-dropdown>a:after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  margin-left: 5px;
}

.nav-menu li.has-dropdown>.dropdown {
  position: absolute;
  left: 0;
  width: 200px;
  text-align: left;
  z-index: 60;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.nav-menu li.has-dropdown:hover>.dropdown {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.nav-menu li.has-dropdown>.dropdown .dropdown-body {
  background-color: #fff;
  //-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1);
  //box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1);
  //border-top: 2px solid #8697EF;
  border-bottom: 2px solid #0f5746;
}

.nav-menu li.has-dropdown>.dropdown .dropdown-body a {
 color: #0f5746;
}

.nav-menu li.has-dropdown>.dropdown .dropdown-body a:hover {
 color: #40ae9a;
}

.nav-menu li.has-dropdown>.dropdown .dropdown-body .post-category a {
 color: orangered;
}

.dropdown .dropdown-list li {
  border-bottom: 1px solid #e8eaed;
}

.dropdown .dropdown-list li a {
  display: block;
  padding: 10px;
  line-height: 20px;
  color: black;
}

.dropdown .dropdown-heading {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 30px;
  color: orangered;
}

.nav-menu > li.active a {
  color: yellow;
  text-decoration:none
}

/* ---ALF--- */
.dropdown .post .post-category {
  margin-bottom: 10px;
}




/*----------------------------*\
	mega dropdown
\*----------------------------*/

.nav-menu li.has-dropdown.megamenu {
  position: static;
}

.nav-menu li.has-dropdown.megamenu>.dropdown {
  width: 100%;
}

.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-body {
  padding: 30px;
}

.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list {
  margin-bottom: 30px;
}

.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list li a {
  padding-left: 0px;
  padding-right: 0px;
}

/*---ALF---*/
.nav-menu li.has-dropdown.megamenu > .dropdown .dropdown-list li a:hover {
  color: #40ae9a;
}

/*----------------------------*\
	tab dropdown
\*----------------------------*/

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-content {
  z-index: 70;
  position: relative;
  margin-left: -30px;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav {
  background-color: #1b1c1e;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 60;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li {
  border-bottom: 1px solid #323335;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li a {
  display: block;
  padding: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active {
  background: #fff;
  border-left: 1px solid #0f5746;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active a {
  color: #0f5746;
}

/*---ALF---*/
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .post-title a:hover {
  color: #40ae9a;
}


/*----------------------------*\
	nav aside
\*----------------------------*/

#nav-aside {
  position: fixed;
  z-index: 1000;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0f5746;
  max-width: 360px;
  width: 100%;
  padding: 80px 20px;
  overflow-y: scroll;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
  transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
}

#nav-aside.active {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.nav-aside-menu li a {
  display: block;
  padding: 15px 0px;
  color: #fff;
  //border-bottom: 1px solid #323335;
}

.nav-aside-menu li a:hover, .nav-aside-menu li a:focus {
  color: #40ae9a;
}

.nav-aside-menu li.has-dropdown>a {
  cursor: pointer;
}

.nav-aside-menu li.has-dropdown>a:after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  float: right;
}

.nav-aside-menu li.has-dropdown>.dropdown {
  display: none;
  margin-left: 30px;
  border-left: 1px solid #fff;
}

.nav-aside-menu li.has-dropdown.active>.dropdown {
  display: block;
}

.nav-aside-menu li.has-dropdown>.dropdown a {
  padding: 15px;
}

.nav-close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 15px;
  background-color: transparent;
  border: none;
}

.nav-close span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav-close span:before, .nav-close span:after {
  content: "";
  display: block;
  width: 30px;
  background-color: #fff;
  height: 2px;
}

.nav-close span:before {
  -webkit-transform: translateY(0px) rotate(-135deg);
  -ms-transform: translateY(0px) rotate(-135deg);
  transform: translateY(0px) rotate(-135deg);
}

.nav-close span:after {
  -webkit-transform: translateY(-2px) rotate(135deg);
  -ms-transform: translateY(-2px) rotate(135deg);
  transform: translateY(-2px) rotate(135deg);
}


/*=========================================================
	PAGE HEADER
===========================================================*/

.page-header {
  position: relative;
  margin: 0;
  padding-top: 120px;
  padding-bottom: 80px;
  background-color: #0f5746;
  z-index: 1;
  background-image: url(img/hot-post-1.jpg);
  background-size: cover;
}

#post-header {
  padding-top: 240px;
  padding-bottom: 80px;
}

.page-header .page-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}

.page-header .page-header-bg:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(90%, rgba(27, 28, 30, 0.8)));
  background: linear-gradient(180deg, rgba(27, 28, 30, 0) 0%, rgba(27, 28, 30, 0.8) 90%);
}

.page-header h1 {
  font-size: 41.053px;
  color: #FFF;
  //text-transform: capitalize;
}

.page-header p.lead {
  font-size: 20.25px;
  color: #FFF;
}

/*=========================================================
	POST
===========================================================*/

.post {
  position: relative;
  margin-bottom: 30px;
}

.post .post-body {
	position: relative;
	margin: 0px 0px 0px 0%;
	padding: 5%;
	background: beige;
	z-index: 10;
	//border: solid 1px #e1d8d8;
}

.post .post-row .post-body {
	position: relative;
	margin: 0px 0px 0px 0%;
	padding: 5%;
	//ALF;
	background: transparent;
	z-index: 10;
	//border: solid 1px #e1d8d8;
}

.post .post-body-2 {
	position: relative;
	margin: 0px 0px 0px 0%;
	padding: 5%;
	background: beige;
	z-index: 10;
	//border: solid 1px #e1d8d8;
}

.post .post-row .post-body-2 {
	position: relative;
	margin: 0px 0px 0px 0%;
	padding: 5%;
	//ALF;
	background: transparent;
	z-index: 10;
	//border: solid 1px #e1d8d8;
}

.post .post-img {
  display: block;
  overflow: hidden;
}

.post-img>img {
  width: 100%;
  -webkit-transition: 1.6s -webkit-transform;
  transition: 1.6s -webkit-transform;
  transition: 1.6s transform;
  transition: 1.6s transform, 1.6s -webkit-transform;
}

.post-img:hover>img {
//  -webkit-transform: scale(1.2);
//  -ms-transform: scale(1.2);
//  transform: scale(1.2);
	background: linear-gradient(180deg, rgba(27, 28, 30, 0) 100%, rgba(27, 28, 30, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(100%, rgba(27, 28, 30, 0.8)));
//	transform: scale(1.1, 1.1);
}

.post .post-img-2 {
  display: block;
  overflow: hidden;
}

.post-img-2>img {
  width: 100%;
  -webkit-transition: 1.6s -webkit-transform;
  transition: 1.6s -webkit-transform;
  transition: 1.6s transform;
  transition: 1.6s transform, 1.6s -webkit-transform;
}

.post-img-2:hover>img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	background: linear-gradient(180deg, rgba(27, 28, 30, 0) 100%, rgba(27, 28, 30, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(100%, rgba(27, 28, 30, 0.8)));
	transform: scale(1.1, 1.1);
}



.post .post-title {
	//ALF;
	font-size: 25px;
	line-height: 30px;
	//ALF;
	margin-top: 2px;
	margin-bottom: 10px;
}

.post .post-title.title-sm {
	font-size: 22px;
	margin-top: -10px;
	padding-top: 0px;
	//ALF;
	font-family: "Dosis", "Oxygene", cursive;
}

.post .post-title.title-lg {
  //font-size: 25.629px;
	font-size: 40px;
	font-family: "Dosis","Oxygen", cursive;
	line-height: 40px;}

.post .post-category {
  //margin-bottom: 10px;
  margin-bottom: 6px;
}

.post-category a {
  color: orangered;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.post-category a:after {
  content: ',';
  display: inline-block;
}

.post-category a:last-child:after {
  display: none;
}

.post .post-category-2 {
  //margin-bottom: 10px;
  margin-bottom: 6px;
}

.post-category-2 a {
  color: #0f5746;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Dosis","Oxygen", cursive;
}

.post-category-2 a:after {
  content: ',';
  display: inline-block;
}

.post-category-2 a:last-child:after {
  display: none;
}

.post-category-2 a:hover {
  color: orangered;
}

.post .post-meta {
  margin-bottom: 10px;
}

.post-meta li {
  display: inline-block;
  color: #97989b;
  font-size: 12px;
  text-transform: uppercase;
}

.post-meta li a {
  color: #97989b;
  font-weight: 700;
}

.post-meta li a:hover, .post-meta li a:focus {
  color: #0f5746;
}

.post-meta li:after {
  content: '•';
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.post-meta li:last-child:after {
  display: none;
}






.post-3 {
  position: relative;
  margin-bottom: 30px;
}

.post-3 .post-body {
	position: relative;
	margin: 0px 0px 0px 0%;
	padding: 5%;
	background: beige;
	z-index: 10;
	//border: solid 1px #e1d8d8;
}

.post-3 .post-row .post-body {
	position: relative;
	margin: 0px 0px 0px 0%;
	padding: 5%;
	//ALF;
	background: transparent;
	z-index: 10;
	//border: solid 1px #e1d8d8;
}

.post-3 .post-img {
  display: block;
  overflow: hidden;
}

.post-3 .post-title {
	//ALF;
	font-size: 25px;
	line-height: 30px;
	//ALF;
	margin-top: 2px;
	margin-bottom: 10px;
}

.post-3 .post-title .title-sm {
	font-size: 22px;
	margin-top: -10px;
	padding-top: 0px;
	//ALF;
	font-family: "Dosis", "Oxygene", cursive;
}

.post-3 .post-title .title-lg {
  //font-size: 25.629px;
	font-size: 40px;
	font-family: "Dosis","Oxygen", cursive;
	line-height: 40px;}

.post-3 .post-category {
  //margin-bottom: 10px;
  margin-bottom: 6px;
}

.post-3 h3 {
  font-family: "Oxygen", "Dosis", cursive;
  font-weight: bold;
}

.post-3 a {
  font-family: "Oxygen", "Dosis", cursive;
  font-weight: bold;
}

.post-3 p {
  color: gray;
}






/*----------------------------*\
	hot post
\*----------------------------*/

.hot-post {
  padding: 0 15px;
}

.hot-post .hot-post-left {
  padding-right: 0px;
  padding-left: 0px;
}

.hot-post .hot-post-right {
  padding-right: 0;
  padding-left: 5px;
}


/* ---ALF--- */
.hot-post .hot-post-right .post-title {
  font-size: 24px;
}

/* ---ALF--- */
.hot-post .hot-post-right .post-title a {
  font-size: 24px;
}

/* ---ALF--- */
.hot-post-right{
  background-color: transparent;
}
.hot-post-right h3 {
  font-family: "Oxygen","Dosis", cursive;
}

.hot-post .post {
  margin-bottom: 7px;
}

.hot-post {
  margin-bottom: 25px;
}

/*----------------------------*\
	post thumb
\*----------------------------*/

.post.post-thumb .post-img:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(90%, rgba(27, 28, 30, 0.8)));
  background: linear-gradient(180deg, rgba(27, 28, 30, 0) 0%, rgba(27, 28, 30, 0.8) 90%);
}

.post.post-thumb .post-body {
  position: absolute;
  margin: 0px;
  padding: 0px 5%;
  z-index: 20;
  bottom: 5%;
  background-color: transparent;
  border: none;
}

.post.post-thumb .post-title a {
  color: #fff;
}

.post.post-thumb .post-title a:hover, .post.post-thumb .post-title a:focus {
  color: #40ae9a;
}

.post.post-thumb .post-meta li {
  color: #fff;
}

.post.post-thumb .post-meta li a {
  color: #fff;
}

.post.post-thumb .post-meta li a:hover, .post.post-thumb .post-meta li a:focus {
  color: #40ae9a;
}

/*----------------------------*\
	post small
\*----------------------------*/

.post.post-sm .post-body {
  margin: 15px 0px 0px;
  background: transparent;
  padding: 0;
}
/* ---ALF--- */
.post.post-sm .post-category {
  line-height: 14px;
  margin-bottom: 15px;
}

/*----------------------------*\
	post widget
\*----------------------------*/

.post.post-widget:after {
  content: "";
  display: table;
  clear: both;
}

.post.post-widget .post-img {
//  float: left;
//  width: 130px;
  float: left;
  width: 137px;
  padding-top: 10px;
}

.post.post-widget .post-body {
  position: relative;
  background: transparent;
  margin: 0px 0px 0px 150px;
  padding: 0;
}

.post.post-widget .post-title {
  font-size: 16px;
  margin-bottom: 0px;
  font-family: "Dosis", "Oxygen", cursive;
  margin-top: 0;
}
/* ---ALF--- */
.post.post-widget .post-category {
  line-height: 14px;
}

/*----------------------------*\
	post row
\*----------------------------*/

.post.post-row:after {
  content: '';
  display: table;
  clear: both;
}

.post.post-row .post-img {
  width: 40%;
  float: left;
}

.post.post-row .post-body {
  margin: 0px 0px 0px calc(40% + 30px);
  padding: 0;
  //ALF;
  background-color: transparent;
}


/*=========================================================
	POST PAGE
===========================================================*/

.page-header .post-category {
  margin-bottom: 10px;
}

.page-header .post-meta li {
  color: #fff;
}

.page-header .post-meta li a {
  color: #fff;
}

.page-header .post-meta li a:hover, .page-header .post-meta li a:focus {
  color: #0f5746;
}

.post-share a {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  color: #fff;
  background-color: #97989b;
  margin-right: 4px;
  margin-bottom: 6px;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.post-share a:hover {
  opacity: 0.9;
}

.post-share a i {
  width: 20px;
  text-align: center;
}

.post-share a span {
  padding-left: 10px;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-left: 10px;
}

.post-content .post-attachement.pull-left {
  margin-right: 15px;
}

.post-content .post-attachement.pull-right {
  margin-left: 15px;
}

.post-tags ul li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.post-tags ul li:first-child {
  font-weight: 400;
}

.post-tags ul li:after {
  content: ',';
  display: inline-block;
}

.post-tags ul li:first-child:after {
  display: none;
}

.post-tags ul li:last-child:after {
  display: none;
}

/*----------------------------*\
	post nav
\*----------------------------*/

.post-nav:after {
  content: "";
  display: table;
  clear: both;
}

.post-nav .post-title {
  font-size: 16px;
  margin: 0px;
}

.post-nav h3 {
  font-family: "Dosis";
}

.post-nav .prev-post {
  float: left;
  width: 50%;
  padding-right: 15px;
}

.post-nav .next-post {
  float: right;
  width: 50%;
  text-align: right;
  padding-left: 15px;
}

.post-nav .post-img {
  display: block;
  width: 100px;
  overflow: hidden;
}

.post-nav .prev-post .post-img {
  float: left;
  margin-right: 15px;
}

.post-nav .next-post .post-img {
  float: right;
  margin-left: 15px;
}

.post-nav .next-post span, .post-nav .prev-post span {
  font-weight: 700;
  color: #97989b;
  text-transform: uppercase;
  font-size: 12px;
}

.post-nav .next-post:after, .post-nav .prev-post:after {
  content: '';
  display: table;
  clear: both;
}

/*----------------------------*\
	author
\*----------------------------*/

.author.media .media-left {
  position: relative;
  padding-right: 30px;
}

.author .author-img {
  width: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
  ;
}

.author .author-social li {
  display: inline-block;
  margin-right: 10px;
}

.author .author-social li a {
  display: block;
}

.page-header .author .author-social li a {
  color: #fff;
}

.page-header .author .author-social li a:hover, .page-header .author .author-social li a:focus {
  color: #0f5746;
}

/*----------------------*\
	ALF
\*----------------------------*/
.media .media-body {
  vertical-align: middle;
}

/*----------------------------*\
	comments
\*----------------------------*/

.post-comments .media {
  margin-top: 30px;
}

.post-comments .media:nth-child(1) {
  margin-top: 0px;
}

.post-comments .media .media-left {
  position: relative;
  padding-right: 15px;
}

.post-comments .media .media-left .media-object {
  width: 50px;
  border-radius: 50%;
  position: relative;
  z-index: 20;
}

.post-comments .media .media-left:after {
  content: '';
  position: absolute;
  left: calc(50% - 9px);
  top: 80px;
  bottom: 15px;
  width: 1px;
  background-color: #e8eaed;
}

.post-comments .media .media-heading h4 {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
}

.post-comments .media .media-heading .time {
  color: #97989b;
  margin-left: 10px;
  font-size: 12px;
}

.post-comments .media .reply {
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 13px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-color: #323335;
  border-radius: 2px;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.post-comments .media .reply:hover {
  opacity: 0.9;
}

.post-comments .media.media-author .media-heading h4 {
  color: #0f5746;
}

.post-comments .media.media-author .media-left:after {
  background-color: #0f5746;
}

/*=========================================================
	ASIDE
===========================================================*/

.aside-widget {
  margin-bottom: 30px;
}

.aside-widget .post-category {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 15px;
}

/*---ALF--- */
.aside-widget .post-img {
  padding-top: 0px !important;
}

/*----------------------------*\
	social widget
\*----------------------------*/

.social-widget {
  font-family: "Dosis", "Serif", "Oxygen", "Open Sans";
  font-size: 18px;
  padding-bottom: 20px;
}

.social-widget ul {
  overflow: auto;
}

.social-widget ul li {
  float: left;
  width: 33.33%;
}

.social-widget ul li a {
  display: block;
  text-align: center;
  padding: 30px 15px;
  color: #fff;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.social-widget ul li a:hover {
  opacity: 0.9;
}

.social-widget ul li a span {
  font-weight: 700;
  font-size: 14px;
}

.social-widget ul li a i {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}

/*----------------------------*\
	newsletter widget
\*----------------------------*/

.newsletter-widget {
  position: relative;
  padding: 0px 30px 30px;
  border-left: 2px dashed #e8eaed;
  border-right: 2px dashed #e8eaed;
}

.aside-widget:last-child .newsletter-widget {
  border-bottom: 2px dashed #e8eaed;
}

.newsletter-widget form {
  position: relative;
  z-index: 20;
}

.newsletter-widget .input {
  margin-bottom: 15px;
}

.newsletter-widget:after {
  content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  bottom: -25px;
  right: 27px;
  font-size: 160px;
  color: #e8eaed;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg);
}

.footer-widget .newsletter-widget {
  padding: 0px;
  border: none;
}

.footer-widget .newsletter-widget:after {
  color: #323335;
}

/*----------------------------*\
	newsletter widget 2
\*----------------------------*/

.newsletter-widget-2 {
  position: relative;
  padding: 30px 30px 30px;
  //border-left: 2px dashed #e8eaed;
  //border-right: 2px dashed #e8eaed;
  background-color: beige;
}

.aside-widget:last-child .newsletter-widget-2 {
  border-bottom: 2px dashed #e8eaed;
}

.newsletter-widget-2 form {
  position: relative;
  z-index: 20;
}

.newsletter-widget-2 .input {
  margin-bottom: 15px;
}

.newsletter-widget-2:after {
  content: "\f02b";
  font-family: FontAwesome;
  position: absolute;
  bottom: -5px;
  right: 27px;
  font-size: 80px;
  color: #0f5746;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg);
}

.footer-widget .newsletter-widget-2 {
  padding: 0px;
  border: none;
}

.footer-widget .newsletter-widget-2:after {
  color: #323335;
}

/*----------------------------*\
	newsletter widget 2s
\*----------------------------*/

.newsletter-widget-2s {
  position: relative;
  padding: 30px 30px 30px;
  //border-left: 2px dashed #e8eaed;
  //border-right: 2px dashed #e8eaed;
  background-color: beige;
}

.aside-widget:last-child .newsletter-widget-2s {
  border-bottom: 2px dashed #e8eaed;
}

.newsletter-widget-2s form {
  position: relative;
  z-index: 20;
}

.newsletter-widget-2s .input {
  margin-bottom: 15px;
}

.newsletter-widget-2s:after {
  //content: "\f02b";
  font-family: FontAwesome;
  position: absolute;
  bottom: -5px;
  right: 27px;
  font-size: 80px;
  color: #0f5746;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg);
}

.footer-widget .newsletter-widget-2s {
  padding: 0px;
  border: none;
}

.footer-widget .newsletter-widget-2s:after {
  color: #323335;
}

.newsletter-widget-2s .title{
  background-color: beige;
}

/*----------------------------*\
	newsletter widget 3
\*----------------------------*/

.newsletter-widget-3 {
  position: relative;
  //padding: 30px 30px 30px;
  //border-left: 2px dashed #e8eaed;
  //border-right: 2px dashed #e8eaed;
  background-color: beige;
}

.aside-widget:last-child .newsletter-widget-3 {
  border-bottom: 2px dashed #e8eaed;
}

.newsletter-widget-3 form {
  position: relative;
  z-index: 20;
}

.newsletter-widget-3 .input {
  margin-bottom: 15px;
}

.newsletter-widget-3:after {
  //content: "\f02b";
  //font-family: FontAwesome;
  position: absolute;
  bottom: -5px;
  right: 27px;
  font-size: 80px;
  color: #0f5746;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg);
}

.footer-widget .newsletter-widget-3 {
  padding: 0px;
  border: none;
}

.footer-widget .newsletter-widget-3:after {
  color: #323335;
}

.newsletter-widget-3 .post .post-title {
  font-size: 25px;
  line-height: 30px;
  margin-top: 2px;
  margin-bottom: 10px;
}

.newsletter-widget-3 .post.post-row .post-img {
  width: 40%;
  float: left;
}


/*----------------------------*\
	newsletter widget 4
\*----------------------------*/

.newsletter-widget-4 {
  position: relative;
  padding: 0px 30px 0px;
  border-left: 2px dashed #e8eaed;
  border-right: 2px dashed #e8eaed;
  font-family: "Dosis", "Serif", "Oxygen", "Open Sans";
  margin-bottom: 30px;
}

.aside-widget:last-child .newsletter-widget-4 {
  border-bottom: 2px dashed #e8eaed;
}

.newsletter-widget-4 form {
  position: relative;
  z-index: 20;
}

.newsletter-widget-4 .input {
  margin-bottom: 15px;
}

.newsletter-widget-4:after {
  //content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  bottom: -25px;
  right: 27px;
  font-size: 160px;
  color: #e8eaed;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg);
}

.footer-widget .newsletter-widget-4 {
  padding: 0px;
  border: none;
}

.footer-widget .newsletter-widget-4:after {
  color: #323335;
}



/*----------------------------*\
	category widget
\*----------------------------*/

.category-widget ul li {
  padding: 15px 0px;
  border-bottom: 1px solid #e8eaed;
}

.category-widget ul li a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

.category-widget ul li a span {
  float: right;
  font-size: 14px;
  color: #97989b;
  margin-left: 15px;
}

.footer-widget .category-widget ul li {
  border-color: #97989b;
}

/*----------------------------*\
	tags widget
\*----------------------------*/

.tags-widget ul li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 6px;
}

.tags-widget ul li a {
  text-transform: uppercase;
  display: block;
  padding: 0px 8px;
  font-size: 12px;
  font-weight: 700;
  color: #97989b;
  background-color: #323335;
  border-radius: 2px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  border-radius: 0.4em;
}

.tags-widget ul li a:hover, .tags-widget ul li a:focus {
  color: #fff !important;
  background-color: #0f5746;
}

/*----------------------------*\
	galery widget
\*----------------------------*/

.galery-widget ul {
  margin: -2px -2px;
}

.galery-widget ul li {
  display: inline-block;
  width: 33.33%;
  padding: 2px;
  margin-right: -4px;
}

.galery-widget ul li a {
  display: block;
  overflow: hidden;
}

.galery-widget ul li a img {
  width: 100%;
  -webkit-transition: 1.6s -webkit-transform;
  transition: 1.6s -webkit-transform;
  transition: 1.6s transform;
  transition: 1.6s transform, 1.6s -webkit-transform;
}

.galery-widget ul li a:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/*=========================================================
	FOOTER
===========================================================*/

#footer {
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 40px;
  background-color: #1b1c1e;
}

#footer {
  color: #4a4a3c;
}
/*========
#footer a {
  color: #97989b;
}

#footer a:hover, #footer a:focus {
  color: #0f5746;
}
========*/

.footer-widget {
  margin-bottom: 30px;
}

.footer-widget .footer-title {
  color: #323335;
  font-size: 22px;
  //text-transform: uppercase;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-logo .logo {
  display: inline-block;
  line-height: 70px;
  height: 70px;
}

.footer-bottom {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1.2px solid #0f5746;
  font-size: 14px;
}

.footer-nav {
  text-align: right;
}

.footer-nav li {
  display: inline-block;
  margin-right: 10px;
}

/*----------------------------*\
	CONTACT
\*----------------------------*/

.contact li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 55px;
  padding-top: 5px;
  min-height: 40px;
}

.contact li i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 40px;
  background: #fff;
  color: #0f5746;
  border: 1px solid #e8eaed;
  line-height: 40px;
  border-radius: 50%;
}

.footer-widget .contact li i {
  color: #97989b;
  background-color: #353535;
  border: none;
}

.contact-social li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 6px;
}

.contact-social li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  color: #0f5746 !important;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
  border: 1px solid transparent;
  background: white !important;
}

.contact-social li a:hover {
  //opacity: 0.9;
  background: beige !important;
  //background: white !important;
  //border: 1px solid transparent;
  color: #40ae9a;  
}

/*=========================================================
	RESPONSIVE
===========================================================*/

@media only screen and (max-width: 991px) {
  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: yellow;
    position: fixed;
    width: 100%;
    z-index: 997;
	height: 75px;
  }	
  #nav-top> .container {
  position: relative;
  padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo > img {
  width: 80%;
  max-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .page-header h1 {
    font-size: 32.437px;
  }
	#nav-top {
	background-color: beige;
	border-bottom: 1px solid grey;
    position: fixed;
    width: 100%;
    z-index: 998;
  }
  .post-nav .prev-post {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0px;
  }
  .post-nav .prev-post:last-child {
    margin-bottom: 0px;
  }
  .post-nav .next-post {
    float: none;
    width: 100%;
  }
  .post-nav .next-post {
    float: none;
    width: 100%;
    padding-left: 0px;
    text-align: left;
  }
  .post-nav .next-post .post-img {
    margin-right: 15px;
    float: left;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 416px) {
  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: yellow;
    position: fixed;
    width: 100%;
    z-index: 997777;
	height: 75px;
  }	
  #nav-top> .container {
    position: relative;
    padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo > img {
    width: 93%;
    max-height: 36px;
  }
}

@media only screen (min-width: 290px) and (max-width: 415px) and (orientation : portrait) {
  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: greenyellow;
    position: fixed;
    width: 100%;
    z-index: 997;
	height: 75px;
    text-align: left;
   }	
  #nav-top> .container {
    position: relative;
    padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo > img {
    width: 80%;
    max-height: 40px;
  }
  .post .post-title.title-lg {
    font-size: 30px;
    font-family: "Dosis","Oxygen", cursive;
    line-height: 32px;
}
}

@media only screen and (min-width: 100px) and (max-width: 290px) and (orientation : portrait) {
  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: white;
    position: fixed;
    width: 100%;
    z-index: 997;
	height: 75px;
    text-align: left;
   }	
  #nav-top>.container {
  position: relative;
  padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo > img {
    width: 70%;
    max-height: 30px;
  }
  .nav-btns > button {
  width: 0px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: transparent;
  }
  .nav-btns {
  float: left;
  padding: 10px 0px;
  }
}




/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	.head-btn {
		margin: 50px 0 100px;
	}
	.signup-header {
		margin: 50px 0 100px;
	}
	.price-feature li {
		margin-left: 15px;
		margin-right: 15px;
	}
	.btn-price {
		padding: 7px 25px;
	}
	#intro {
		padding: 30px 0 50px;
	}
	#policy {
		padding: 30px 0 50px;
	}
	#intro h2, #feature-2 h2 {
		text-align: center;
	}
	#intro p, #feature-2 p {
		text-align: center;
	}
	.btn-section {
		text-align: center;
	}
	#feature {
		padding-top: 75px;
	}
	.feature-img {
		margin-top: 0;
	}	
	.row-feat {
		padding-top: 10px;
		padding-bottom: 40px;
	}
	#feature-2 {
		padding: 80px 0 80px;
	}
	.feature-2-pic {
		margin-top: 40px;
	}
	#client img {
		margin: 10px 0 10px;
		max-height: 40px;
	}	
	.video-header {
		margin: 50px 0 30px;
	}
	#bottom-action {
		text-align: center;
	}
	.button-demo li {
		padding-bottom: 50px;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	
	.btn-secondary {
    //background: red none repeat scroll 0 0;
    padding: 15px 10px;
	}
	.btn-default {
    padding: 15px 5px;
	}
	.btn-primary {
    padding: 15px 5px;
	}
	.btn-secondary {
    padding: 15px 5px;
	}
	.landing h1{
		margin: 60px 0 60px 0;
	}	
	.landing-text {
		margin: 60px 0 40px 0;
	}
	.signup-header {
		margin-top: 250px;
	}
	.intro-pic {
		margin-top: 100px;
	}
	.feature-img {
		margin-top: 30px;
	}	
	.feat-list {
		margin-top: 10px;
	}
	.feat-list p {
		font-size: 15px;
	}
	.feature-2-pic {
		margin-top: 50px;
	}
	#client img {
		max-height: 45px;
	}	
	.video-header {
		margin: 50px 0 30px;
	}
}

/* smart-phone ----------- */
@media (max-width: 767px) {
	.head-btn {
		margin: 30px 0 80px;
	}
	.signup-header {
		margin: 70px 0 80px;
	}
	#intro {
		padding: 70px 0 70px;
	}
	#policy {
		padding: 70px 0 70px;
	}
	#intro h2, #feature-2 h2 {
		font-weight: 150;
		text-align: center;
	}
	#intro p, #feature-2 p {
		//text-align: center;
		text-align: justify;
	}
	.btn-section {
		text-align: center;
	}
	.btn-default {
    padding: 15px 20px;
	}
	.btn-secondary {
    //background: red none repeat scroll 0 0;
    padding: 15px 10px;
	}
	#feature {
		padding-top: 50px;
	}
	.row-feat {
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.feat-list i {
		padding-left: 40px;
	}
	#feature-2 {
		padding: 40px 0 50px;
	}
	.feature-2-pic {
		margin-top: 50px;
	}
	#package {
		padding-top: 80px;
	}
	.package-option {
		padding: 50px 0 50px;
	}
	.price-box {
		margin-bottom: 30px;
	}
	#client img {
		margin: 10px 0 10px;
	}	
	.contact-left {
		margin-bottom: 50px;
	}
	.video-header {
		margin: 50px 0 30px;
	}
	#bottom-action {
		text-align: center;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	border-color: #fff;
    	background-color: white;
    	z-index: 999999;
	}
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}	
/* iPhone 6Plus (landscape) ----------- */
@media (max-width: 736px) {
	.feature-img {
		margin-top: 0;
	}
}

/* iPhone 6 (landscape) ----------- */
@media (max-width: 667px) {
	.landing h1{
		font-size: 50px;
		margin: 10px 0 25px 0;
	}
	.landing-text {
		margin-top: 20px;
	}
	.subscribe p {
		margin: 25px auto 15px;
	}
	.subscribe-form {
		margin: 20px auto 100px;
	}
	.action h2 {
		margin-top: 70px;
	}
	.download-cta {
		padding: 50px 0 100px;
	}
}

/* iPhone 5 (landscape) ----------- */
@media (max-width: 568px){
	.landing h1{
		font-size: 40px;
		margin: 20px 0 10px 0;
	}
	.landing-text p {
		font-size: 16px !important; 
	}
	#intro {
		padding-top: 50px;
	}
	#policy {
		padding-top: 50px;
	}
	#feature {
		padding-top: 50px;
	}
	.feat-list i {
		padding-left: 20px;
	}
	#feature-2 {
		padding: 50px 0 70px;
	}
	#screenshot {
		padding-top: 70px;
	}	
	.screenshots {
		padding-top: 30px;
		padding-bottom: 70px;
	}
	#testi {
		padding: 70px 0 70px;
	}
	.testi-item .box .message {
		line-height: 25px;
		font-size: 18px;
	}
	.action h2 {
		margin: 50px 0 20px;
	}
	.download-text p {
		line-height: 1.5;	
	}	
}

/* iPhone 4 (landscape) ALF BUENA ----------- */
@media (max-width: 480px) {
	.feat-list i {
		padding-left: 5px;
	}
	.action h2 {
		font-size: 30px;
	}
	.button-demo li {
		padding-bottom: 50px;
	}
  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: beige;
    position: fixed;
    width: 100%;
    z-index: 997;
	height: 75px;
    text-align: left;
  }	
  #nav-top>.container {
    position: relative;
    padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo {
    display: inherit;
    line-height: 70px;
    height: 1px;
  }  
  .nav-logo .logo > img {
    width: 60%;
    max-height: 60px;
  }
}

/* smart phone width: 360px ----------- */
@media (max-width: 360px) {
	#intro h2, #feature h2, #feature-2 h2 {
		font-size: 30px;
	}
	.feat-list i {
		padding-left: 0;
	}
	#feature .inner {
		padding-left: 15px;
	}
	.video-header {
		margin: 30px 0 30px;
	}
	  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: yellow;
    position: fixed;
    width: 100%;
    z-index: 997;
	height: 75px;
  }	
  #nav-top>.container {
  position: relative;
  /*---ALF--- */
  padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo > img {
  //width: 80%;
  //max-height: 50px;
  width: 93%;
  max-height: 36px;
  }

}

/* iPhone 4/5 (portrait) ----------- */
@media (max-width: 320px) {
	.landing h1{
		margin: 20px 0 35px 0;
	}
	.btn-default {
		font-size: 16px;
		margin: 30px 0 10px;
		padding: 15px 20px;
		height: 35px;
		border-radius: 80px;
	}
	.btn-primary {
		font-size: 16px;
		margin: 30px 0 10px;
		margin-right: 15px;
		padding: 15px 30px;
		height: 35px;
		border-radius: 80px;
		line-height: 2px;
	}
	.subscribe-form {
		margin: 50px auto 110px;
	}
	.subscribe-form input {
		padding: 5px 15px;
	}
	.subscribe-form button {
		padding: 0 15px;
	}
	.action h2 {
		margin: 70px 0 20px;
	}
	.table > thead > tr > th, 
	.table > tbody > tr > td { 
		padding: 20px 10px; 
	}
	  #nav-bottom {
    display: none;
  }
  .nav-social {
    display: none;
  }
  .nav-logo {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    display: inline-block;
    float: left;
  }
  #nav-top {
	background-color: yellow;
    position: fixed;
    width: 100%;
    z-index: 997;
	height: 75px;
  }	
  #nav-top>.container {
  position: relative;
  /*---ALF--- */
  padding-block: 0px;
  }
  .footer-nav {
    text-align: left;
    margin-bottom: 30px;
  }
  .nav-logo .logo > img {
  //width: 80%;
  //max-height: 50px;
  width: 93%;
  max-height: 36px;
  }

}








/*=========================================================
	FIN RESPONSIVE
===========================================================*/





.navbar-default {
	//background: rgba(255, 255, 255, 1);
	//box-shadow: 0px 0.5px 2px #cecece;
	//background-image: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
	//background-image: linear-gradient(to bottom, #F6F6F6 0%, #F6F6F6 100%);
	//background: rgba(255, 255, 255, 1) linear-gradient(to bottom, #fff 0%, #E3E3E3 100%) repeat scroll 0 0;
	background-color: #0f5746;
    box-shadow: 0 2px 2px #cecece
}
.navbar-default .navbar-brand {
    padding: 7px;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
	font-weight: 500;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #007D79;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background: #007D79 none repeat scroll 0 0;
    color: #fff;
    //border: solid 1px #007D79;
    font-weight: 700;
}
.btn-default {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	line-height: 20px;
	padding: 15px 35px;
	height: 50px;
	border: 2px solid #007D79;
	background: transparent;
	transition: all 0.4s;
	color: #007D79;
	border-radius: 100px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	border: 2px solid #007D79;
	background: #007D79;
	color: white;
}
.btn-default-b {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	line-height: 20px;
	padding: 15px 35px;
	height: 50px;
	border: 2px solid #007D79;
	background: #fff;
	transition: all 0.4s;
	color: #007D79;
	border-radius: 100px;
}
.btn-default-b:hover, .btn-default-b:focus, .btn-default-b:active, .btn-default-b.active, .open > .dropdown-toggle.btn-default-b {
	border: 2px solid #007D79;
	background: #007D79;
	color: white;
}

.btn-primary {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	//line-height: 20px;
	line-height: 10px;
	padding: 15px 35px;
	//height: 50px;
	height: 55px;
	border: 2px solid #007D79;
	background: #007D79;
	transition: all 0.4s;
	color: white;
	border-radius: 100px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border: 2px solid #007D79;
	background: transparent;
	color: #007D79;
}

#btnp a { color: #FFFFFF; } /* CSS link color (WHITE) */
#btnp a:hover { color: #007D79; } /* CSS link color (#007D79) */

.btn-secondary {
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
	padding: 20px 50px;
	height: 65px;
	border: 1px solid #fff;
	background: #007D79;
	transition: all 0.4s;
	color: white;
	border-radius: 4px;
	font-weight: 500;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
	background: #40ae9a;
	color: white;
	font-weight: 500;
}
.btn-info {
 color: #fff;
 background-color: #007D79;
 border-color: #fff;
}
.btn-info:hover {
 color:#fff;
 background-color:#40ae9a;
 border-color:#398439
}
.site-name img {
	width: 150px; 
	//height: 37px;
}
.site-name2 img {
	width: auto; 
	//height: 37px;
}
.logo {
	//margin: 60px 0 40px 0;
}
.logo img{
	//width: 180px; 
	//height: 37px
}
.logo2 {
	margin: 30px 0 40px 0;
}
.logo2 img{
	width: 180px; 
	//height: 37px
}

.landing h1{
	font-size: 3.8em;
	//por BlendaScript
	//font-size: 56px;
	font-weight: 500;
	color: #fff;
	margin: 60px 0 20px 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	font-family: "Dosis", "Oxygen", cursive;
}
.landing p, .landing h2 {
	color: #fff;
}
.landing-text {
	margin-bottom: 20px;
}
.landing-text p {
	font-size: 17px !important; 
}
.head-btn {
	margin-bottom: 100px;
}
.option {
	text-transform: uppercase;
	padding: 5px;
	min-width: 80px;
	margin-right: 5px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
}
.signup-header {
	margin: 150px 0 100px;
	background: rgba(255,255,255,0.2);
	border-radius: 4px;
	padding-left: 20px;
	padding-right: 20px;	
}
.signup-header h3{
	padding: 20px 0 10px;
	color: #fff;
	font-weight: 300;
}
.adefincas-header {
	margin: 50px 0 30px;
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
	padding-left: 20px;
	padding-right: 20px;	
}
.adefincas-header h3{
	padding: 20px 0 10px;
	color: #000;
	font-weight: 300;
}
.adefincas-header2 {
	margin: 50px 0 30px;
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
	padding-left: 20px;
	padding-right: 20px;	
}
.adefincas-header2 h3{
	padding: 20px 0 10px;
	color: white;
	font-weight: 300;
}
.adefincas-header-presupuesto {
	margin: 80px 0 80px;
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}
.adefincas-header-presupuesto h3{
	padding: 20px 0 10px;
	color: white;
	font-weight: 300;
}
.adefincas-header2-presupuesto {
	margin: 30px 0 80px;
	background: rgba(255,255,255,0.5);
	border-radius: 4px;
	padding-left: 20px;
	padding-right: 20px;	
}
.adefincas-header2-presupuesto h3{
	padding: 20px 0 10px;
	color: white;
	font-weight: 300;
}

.form-header input {
	position: relative;
	padding: 5px 15px;
}
.form-header .form-control {
	border-radius: 0;
	border: solid 1px #dadada;
	background-color: #fff;
	color: #333;
	height: 55px;
}
.form-header .form-control2 {
	border-radius: 0;
	border: solid 1px #dadada;
	background-color: #fff;
	color: #333;
	width: 100%;
	height:100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-header .form-control3 {
	border-radius: 0;
	border: solid 1px #dadada;
	background-color: #fff;
	color: #333;
	height: 55px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	display: block;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-header .btn {
	border-radius: 0;
	height: 55px;
	width: 100%;
	background-color: #007D79;
	color: white;
	font-size: 17px !important;
	padding: 0 33px;
	border: 1px solid #fff;
	margin: 0;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.form-header .btn:hover {
	background-color: #40ae9a;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.privacy {
	padding-top: 0;
	font-size: 14px;
}
.signup-header p {
	color: white;
}
.privacy a {
	text-decoration: underline;
	color: white;
	font-weight: 300;
}
#policy {
	padding: 100px 0 70px;
}
#intro {
	padding: 100px 0 70px;
}
#intro h2 {
	font-size: 40px;
	font-weight: 300;
	margin: 15px 0 15px 0;
}
.intro-pic {
	margin-top: 20px;
}
.btn-section {
	padding-top: 20px;
	padding-bottom: 40px;
}
#feature {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f6f6f6;
}
#feature h2 {
	margin: 15px 0 15px 0;
	font-size: 40px;
	font-weight: 300;
}
#feature .feature-title p {
	font-size: 18px;
	margin: 10px;
}
#shortcode-column .feature-title h2 {
	color: #007D79;
	font-size: 40px;
    font-weight: 400;
    //margin: 15px 0;
}
.row-feat {
	padding-top: 50px;
}
.martop10 {
	margin-top: 10px;
}
.martop20 {
	margin-top: 20px;
}
.martop30 {
	margin-top: 30px;
}
.martop40 {
	margin-top: 40px;
}
.martop50 {
	margin-top: 50px;
}
.martop60 {
	margin-top: 60px;
}
.martop100 {
	margin-top: 100px;
}
.marbot10 {
	margin-bottom: 10px;
}
.marbot20 {
	margin-bottom: 20px;
}
.marbot30 {
	margin-bottom: 30px;
}
.marbot40 {
	margin-bottom: 40px;
}
.marbot50 {
	margin-bottom: 50px;
}
.marbot60 {
	margin-bottom: 60px;
}
.marbot70 {
	margin-bottom: 70px;
}
.marbot80 {
	margin-bottom: 80px;
}
.padtop20 {
	padding-top: 20px;
}
.padtop50 {
	padding-top: 50px;
}
.padbot20 {
	padding-bottom: 20px;
}
.padbot50 {
	padding-bottom: 50px;
}

.feat-list {
	margin-top: 40px;
}
.feat-list i {
	font-size: 48px;
	float: left;
	width: 18%;
	color: #555;
	height: 100%;
	position: relative;
	opacity: 0.6;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.feat-list:hover i {
	color: #007D79;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
#feature .inner {
	float: left;
	display: inline-block;
	width: 80%;
}
#feature-1 {
	padding: 0px 0 25px;
}
#feature-2 {
	padding: 25px 0 50px;
}
#feature-2 h2 {
	font-size: 40px;
	font-weight: 300;
	margin: 15px 0 15px 0;
}
#feature-2 h3 {
	font-size: 30px;
	font-weight: 300;
	margin: 15px 0 15px 0;
}
#feature-3 {
	padding: 15px;
}
#feature-3 h2 {
	font-size: 40px;
	font-weight: 300;
	margin: 0px 0 15px 0;
	padding-top: 65px;
}
#feature-3 h3 {
	font-size: 30px;
	font-weight: 300;
	margin: 15px 0 15px 0;
}
#feature-4 {
	padding: 25px 0 25px;
}
#feature-4 h2 {
	font-size: 40px;
	font-weight: 300;
	margin: 15px 0 15px 0;
}
#feature-4 h3 {
	font-size: 30px;
	font-weight: 300;
	margin: 15px 0 15px 0;
}
.feature-2-pic {
	margin-top: 20px;
}
.subscribe {
	color: #fff;
}
.subscribe p {
	margin: 30px auto 30px;
}
.subscribe-form {
	max-width: 400px;
	margin: 50px auto 150px;
	text-align: center;
	overflow: hidden;
}
.subscribe-form form {
	position: relative;
}
.subscribe-form input {
	max-width: 85%;
	position: relative;
	padding: 5px 25px;
}
.subscribe-form .form-control {
	border-radius: 4px 0 0 4px;
	border: none;
	background-color: rgba(255, 255, 255, 0.6);
	color: #333;
	font-size: 1.2em;
	height: 55px;
}
.subscribe-form button {
	border-radius: 0 4px 4px 0;
	background-color: #007D79;
	color: #ffffff;
	font-size: 1em;
	line-height: 52px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0 30px;
	margin: 0;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.subscribe-form .btn {
	height: 55px;
}
.subscribe-form .btn:hover {
	background-color: #1f96e0;
	color: #fff;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.subscribe-form .form-control::-webkit-input-placeholder {
	color: #333;
}
.subscribe-form .form-control:-moz-placeholder { 
	color: #333;  
}
.subscribe-form .form-control::-moz-placeholder { 
	color: #333;  
}
.subscribe-form .form-control:-ms-input-placeholder {  
	color: #333;  
}
#package {
	padding-top: 100px;
}
.title-line {
    width: 100px;
    height: 3px;
    margin: 0 auto;
    background: #007D79;
}
.price-box {
	border: solid 1px #d1d1d1;
	background-color: #ffffff;

}
.price-box-2 {
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    color: #555;
    padding-left: 20px;
    padding-right: 20px;
}
.package-option {
	padding: 50px 0 50px;
}
.package-option ul {
	padding: 0;
}
.price-heading h3 {
	margin-top: 0;
}
.price-heading i {
	color: #40ae9a;
	font-size: 75px;
	margin-top: 20px;
}
.price-group {
	padding: 30px 0 10px;
}
.price-group .dollar {
	font-size: 20px;
	position: relative;
	bottom: 48px;
}
.price-group .price {
	color: #007D79;
	font-size: 90px;
	font-weight: 500;
}
.price-group .time {
	font-size: 18px;
}
.price-feature li {
	margin-left: 30px;
	margin-right: 30px;
	list-style: none;
	border-bottom: solid 1px #d1d1d1;
	line-height: 40px;
}
.price-feature p {
	margin-left: 30px;
	margin-right: 30px;
}
.btn-price {
	margin: 5px 0 15px;
	font-size: 17px;
	padding: 7px 35px;
	height: 40px;
	background: #007D79;
	transition: all 0.4s;
	color: white;
	border-radius: 4px;	
}
.btn-price:hover {
	background: #40ae9a;
	color: white;
}
#client {
	background: #f6f6f6;
	padding: 70px 10px 70px 10px;
}
#client img {
	max-height: 50px;
	margin: 0 20px;
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#client img:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#client h2 {
	font-family: BlendaScript;
	font-size: 2.5em;
}
#client-2 {
	background: #f6f6f6;
    margin: 20px 1px 5px 0;
    padding: 5px;
}
#client-3 {
	background: #f6f6f6;
    padding: 5px;
}
#client-3 img {
	max-height: 60px;
	margin: 0 20px;
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#client-3 p {
	margin: 10px;
}


#testi {
	padding: 100px 0 100px;
}
.testi-item {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 30px;
}
.testi-item .box {
	margin-right: 15px;
	margin-left: 15px;
}
.testi-item .box .message {
	padding: 20px;
	font-style: italic;
	line-height: 30px;
	font-weight: 300;
	font-size: 20px;
}
.testi-item .client-pic img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	max-width: 100%;
}
.testi-item .client-info .client-name {
	margin-top: 10px;
	font-size: 16px;
}
.testi-item .client-info .company {
	font-style: italic;
	color: #007D79;
}
.owl-theme .owl-controls .owl-page span{
	background: #007D79;
}
.video-header {
	margin: 40px 0 30px;
}
.video-embed {
	position: relative;
	padding-top: 56.25%; 
	height: 0;
	background-color: #000000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.action {
	color: #fff;
}
.action h2 {
	margin-top: 100px;
	font-size: 40px;
	font-weight: 300;
}
.download-cta {
	padding: 50px 0 160px;
}
#contact {
	width: 100%;
	min-height: 100%;
}
#contact  h2{
	color: white;
}
.ul-address a {
	font-weight: normal;
}
.ul-address a:hover {
	color: white;
}
.ul-address li {
	padding-right: 20px; 
	margin-bottom: 8px; 
	list-style: none;
	color: white;
}
.ul-address i {
	margin-left: 15px;
	position: absolute; 
	left: 0;
	color: #007D79; 
	font-size: 25px;
	line-height: 30px;
}
.contact-row {
	margin: 100px 0 100px;
}
#contact-form {
	margin: 0 auto;
}
#contact-form input {
	position: relative;
	padding: 5px 25px;
	width: 100%;
}
#contact-form textarea {
	position: relative;
	padding: 10px 25px;
	width: 100%;
	height: 120px !important;
}
#contact-form .form-control {
	border-radius: 0;
	border: solid 1px #dadada;
	background-color: #fff;
	color: #333;
	font-size: 1.2em;
	height: 55px;
}
#contact-form .btn {
	height: 55px;
	width: 100%;
	background-color: #007D79;
	color: #ffffff;
	font-size: 17px !important;
	line-height: 18px;
	padding: 0 33px;
	border: none;
	border-radius: 0;
	margin: 0;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
#contact-form .btn:hover {
	background-color: #1f96e0;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
#footer {
	background: #f5f5dc;
	padding: 50px 0 50px;
}
.social ul {
	padding: 0;
	list-style: none;
}
.social li {
	display: inline-block;
	padding-right: .3em;
	padding-bottom: .3em;
}
.social li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #007D79;
	border-radius: 50%;
	background: #fff;
	border: solid 1px #007D79;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.social li a:hover {
	color: #fff;
	background: #007D79;
}
.social-p ul {
	padding: 0;
	list-style: none;
}
.social-p li {
	display: inline-block;
	padding-right: .3em;
	padding-bottom: .3em;
}
.social-p li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #007D79;
	border-radius: 50%;
	background: #fff;
	//border: solid 1px #007D79;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.social-p li a:hover {
	color: #fff;
	background: #007D79;
}
#shortcode-basic {
	padding: 70px 0 10px;
}
#shortcode-button {
	padding: 50px 0 10px;
	width: 100%;
	min-height: 100%;
}
#shortcode-button .form-horizontal {
	padding-left: 20px;
	padding-right: 20px;
}
#shortcode-icon {
	padding: 70px 0 10px;
}
#shortcode-alert {
	padding: 70px 0 10px;
}
#shortcode-table {
	padding: 70px 0 10px;
}
#shortcode-column {
	padding: 20px 0 10px;
}
#shortcode-column-2 {
	padding: 50px 0 10px;
	background-color: #f6f6f6;
}
.social-icons i {
	color: #007D79;
	font-size: 30px;
	line-height: 40px
}
#shortcode-alert {
	padding: 70px 0 30px;
}
.alert { 
	border: none; 
	border-radius: 0; 
	position: relative; 
	font-size: 17px; 
	line-height: 22px; 
	padding: 16px; 
	padding-left: 60px; 
}
.alert i { 
	font-size: 28px; 
	position: absolute; 
	left: 15px; 
	top: 13px; 
} 
.icon-demo i {
	font-size: 70px;
	margin-right: 20px;
}
.table > thead > tr > th { 
	background: #007D79; 
	color: #fff; 
	border-bottom: 0; 
	text-transform: uppercase; 
}
.table > thead > tr > th, 
.table > tbody > tr > td { 
	font-size: 15px; 
	font-weight: 300; 
	padding: 20px 20px; 
}
.table-bg > tbody > tr:nth-child(odd) > td, 
.table-bg > tbody > tr:nth-child(odd) > th { 
	background: #fff; 
}
.table-bg > tbody > tr:nth-child(even) > td, 
.table-bg > tbody > tr:nth-child(even) > th { 
	background: #f6f6f6; 
}
.scrollToTop{
	width: 40px; 
	height: 40px;
	padding: 3px;
	font-size: 30px;
	text-align: center; 
	background: rgba(0, 0, 0, 0.2);
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	//border-radius: 50%;
	display: none;
	z-index: 9999999;
}
.scrollToTop:hover{
	color: #007D79;
}
.control-group .controls {
	overflow-x: hidden;
}
blockquote {
    border-left: 5px solid #007D79;
    font-size: 17.5px;
    margin: 20px;
    padding: 10px 20px;
    background: #f6f6f6 none repeat scroll 0 0;
}
.footer-style {
	font-size: 14px;
	visibility: visible;
	animation-name: fadeInUp;
}
.cajapresupuestos {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px #aaa;
    border-radius: 4px;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.fondologo {
    background: transparent url("img/logo-adefincas.jpg") no-repeat scroll 0 0 / 80% auto;
    height: 100px;
    margin-top: 5px;
    width: 95%;
    margin-left: 20%;
}
.tarjeta-destacada  {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px #aaa;
    padding: 20px;
    //margin-top: 50px;
    margin-bottom: 50px;
}
.form-control {
    border: 1px solid #777;
    color: #444;
    font-family: Arial, "Oxygen", "Open Sans", "Serif";
    font-size: 1.0em;
	//font-weight: 100;

}
.services-item-2 {
    text-align: center;
    background-color:#fff;
    padding: 1px 15px 0;
}
.services-item-2 h3 {
    text-align: center;
    font-size: 1.1em;
    color: #007D79;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
}
.services-item-2-desc p {
    line-height: 22px;
    padding-top: 10px;
    text-align: justify;
}
.features30 h2 {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
}
.features30 img {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}
.img-thumbnail {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 3px;
    transition: all 0.2s ease-in-out 0s;
}
.img-thumbnail img:hover, .img-thumbnail:hover {
    opacity: 0.9;
}
.img-thumbnail3 {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    //padding-bottom: 10px;
    padding-top: 0px;
    transition: all 0.2s ease-in-out 0s;
}
#cookie-bar {background:#333; height:auto; line-height:30px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {font-size: 14px;margin:0; padding:0;}
#cookie-bar a {font-size: 16px;color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:5px 15px 5px 15px; margin-right: 15px;}
#cookie-bar .cb-enable {background:#008f8a;}
#cookie-bar .cb-enable:hover {background:#119f9b;}
#cookie-bar .cb-disable {background:990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {font-size: 14px;background:transparent;}
#cookie-bar .cb-policy:hover {font-size: 14px;background:transparent;text-decoration: underline;}

.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}
.mini-navbar .titulo4 {
    display: inline-block;
    font-family: "Oxygen", "Serif", Arial;
    font-size: 28px;
    //letter-spacing: -1px;
    //margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    text-align: center;
}
.mini-navbar .phone {
    color: #000;
    display: inline-block;
	font-family: "Oxygen", "Serif", Arial;
	font-weight: 400;
    font-size: 16px;
    //letter-spacing: -1px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    text-align: center;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-menu > li > a {
    clear: both;
    color: white;
    display: block;
    font-weight: 400;
    line-height: 1.9;
    //padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #007D79;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    color: white;
    display: none;
    float: left;
    font-size: 16px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 200px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
    border: 2px solid white;
}

.dropdown-menu.columns-2 {
	min-width: 580px;
	left: auto;
	right: auto;
	background-color: #007D79;
}
.dropdown-menu.columns-3 {
	min-width: 800px;
	left: auto;
	right: auto;
}
.dropdown-menu.columns-2 b, .dropdown-menu.columns-2 strong {
    font-weight: 900;
    //text-transform: uppercase;
}
.dropdown-menu li a {
	padding: 5px 15px;
	//font-weight: 300;
}
.multi-column-dropdown {
	list-style: none;
  	margin: 0px;
  	padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #fff;
	white-space: normal;
	font-weight: 400;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #2B4D66;
	background-color: #fff;
}
.breadcrumb {
    background-color: transparent;
    //border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 4px 10px;
    font-size: 14px;
}
.breadcrumb a {
    background-color: transparent;
    //border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    //padding: 4px 10px;
    font-size: 14px;
    color: lightgrey;
}
.breadcrumb a:hover {
    background-color: transparent;
    //border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    //padding: 4px 10px;
    font-size: 14px;
    color: #0f5746;
}

.breadcrumb .fa {
  margin-right: 1px;
  color: lightgrey;
}

.breadcrumb > li + li::before {
  padding: 0 px;
  color: #ccc;
  content: ">";
}



/* Efectos lista y Blog ----------- */

.media.service-box {
    margin: 25px 0;
}
.media.service-box .pull-left {
    margin-right: 20px;
}
.media.service-box .pull-left > i::after {
    background: #D20001 none repeat scroll 0 0;
    border: 4px solid #fff;
    border-radius: 20px;
    content: "";
    height: 20px;
    margin-top: -10px;
    position: absolute;
    right: -10px;
    top: 50%;
    width: 20px;
}
.media.service-box .pull-left > i {
    border-radius: 100%;
    box-shadow: 0 0 0 1px #d7d7d7 inset;
    color: #D20001;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    position: relative;
    text-align: center;
    transition: background-color 400ms ease 0s, background-color 400ms ease 0s;
    width: 64px;
}
.media.service-box:hover .pull-left > i {
    background-image: -moz-linear-gradient(90deg, #D20001 0%, #D20001 100%);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8) inset;
    color: #fff;
}
.media.service-box .pull-left > i {
    border-radius: 100%;
    box-shadow: 0 0 0 1px #d7d7d7 inset;
    color: #D20001;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    position: relative;
    text-align: center;
    transition: background-color 400ms ease 0s, background-color 400ms ease 0s;
    width: 64px;
}



.section-header .section-title {
    color: inherit;
    font-size: 40px;
    //margin: 0 0 20px;
    padding-bottom: 20px;
	padding-top: 20px;
    position: relative;
    font-weight: 300;
    //text-transform: uppercase;
}

#blog {
    //padding: 20px 0;
    padding-bottom: 20px;
}
#blog .blog-post {
    border: 1px solid #CCCCCC;
    padding: 15px;
    text-align: justify;
}
#blog .blog-post .post-format {
    background: #1e8184 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 34px;
    text-align: center;
    width: 40px;
}
#blog .blog-post.blog-large .entry-thumbnail {
    margin: -15px -15px 15px;
    position: relative;
}
#blog .blog-post.blog-large .post-format {
    bottom: -33px;
    height: 66px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    width: 66px;
}
#blog .blog-post.blog-large .post-format > i {
    font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
    color: #777;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#blog .blog-post.blog-large .entry-title {
    //font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 0;
}
#blog .blog-post.blog-large .entry-title a {
    //color: #d20001;
}
#blog .blog-post.blog-large .entry-title a:hover {
    color: #40ae9a;
}
#blog .blog-post.blog-media {
    margin-bottom: 20px;
}
#blog .blog-post.blog-media .entry-thumbnail {
    margin: -15px 15px -15px -15px;
    position: relative;
}
#blog .blog-post.blog-media .post-format {
    position: absolute;
    right: -10px;
    top: 20px;
}
#blog .blog-post.blog-media .entry-date {
    color: #777;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#blog .blog-post.blog-media .entry-title {
    //font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-top: 0;
}
#blog .blog-post.blog-media .entry-title a {
    //color: #d20001;
}
#blog .blog-post.blog-media .entry-title a:hover {
    color: #40ae9a;
}
#blog .blog-post .entry-meta {
    border-top: 1px solid #eee;
    //margin-top: 20px;
    margin-top: 40px;
    padding-top: 15px;
    font-size: 12px;
}
#blog .blog-post .entry-meta > span {
    color: #999;
    display: inline-block;
    margin-right: 10px;
}
#blog .blog-post .entry-meta > span > a {
    color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
    color: #000;
}
#blog .blog-post .entry-meta-1 {
    border-top: 1px solid #eee;
    //margin-top: 20px;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 12px;
}
#blog .blog-post .entry-meta-1 > span {
    color: #999;
    display: inline-block;
    margin-right: 10px;
}
#blog .blog-post .entry-meta-1 > span > a {
    color: #999;
}
#blog .blog-post .entry-meta-1 > span > a:hover {
    color: #000;
}
#blog .blog-post.blog-media .entry-content {
    color: #000;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 24px;
}
#blog ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
	font-size: 14px;
}
#blog li {
	//border-bottom: 1px dotted #cccccc;
    //margin: 5px 0;
    padding: 5px 0;
}
#blog .form-control {
    border: 1px solid #ccc;
    color: #444;
    font-family: Arial,"Oxygen","Open Sans","Serif";
    font-size: 1em;
    background-color: #FCFCFC;
}
#blog .phone {
    font-size: 25px;
    padding-top: 5px;
    line-height: 40px;
}
#blog .privacy {
    font-size: 12px;
    padding-top: 5px;
    line-height: 20px;
}
#blog .information {
    font-size: 14px;
    padding-top: 5px;
    text-align: justify;
    //line-height: 20px;
}
#blog .entry-author > a {
    color: #999;
    display: inline-block;
   // margin-right: 5px;
}

#blog .entry-author > a:hover {
	text-decoration: none;
	color: #1f2222;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
#blog .entry-category > a {
    color: #999;
    display: inline-block;
   // margin-right: 5px;
}

#blog .entry-category > a:hover {
	text-decoration: none;
	color: #1f2222;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
#blog .entry-author, .entry-category, .entry-comments {
    color: #999;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
}
#blog .related {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}



header.global-header {
    background-color: #E3E3E3;
    height: 30px;
    //padding: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    font-size: 14px;
    color: yellow;
}
header.global-header a{
    color: white;
}

.socialwork ul {
	padding: 0;
	list-style: none;
    text-align: center;
}
.socialwork li {
    display: inline-block;
    padding-bottom: 0.9em;
    padding-right: 1.8em;
    box-sizing: border-box;
    float: left;
    //overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.socialwork li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #D20001;
	border-radius: 50%;
	background: #fff;
	border: solid 1px #D20001;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
    text-align: center;
	vertical-align: middle;
}
.socialwork li a:hover {
	color: #fff;
	background: #D20001;
}
/* Estrellas (votacion) ----------- */
.ec-stars-wrapper {
	font-size: 0;
	display: inline-block;
}
.ec-stars-wrapper .rating {
	color: #007D79;
}
.ec-stars-wrapper a {
	text-decoration: none;
	display: inline-block;
	font-size: 32px;
	font-size: 2rem;
	color: #888;
}
.ec-stars-wrapper:hover a {
	color: #007D79;
}
.ec-stars-wrapper > a:hover ~ a {
	color: #888;
}
/* fin (votacion) ----------- */

/* Estrellas grandes (votacion) ----------- */
.ec-stars-wrapper-g {
	font-size: 0;
	display: inline-block;
}
.ec-stars-wrapper-g .rating {
	color: #007D79;
}
.ec-stars-wrapper-g a {
	text-decoration: none;
	display: inline-block;
	font-size: 4rem;
	color: #888;
}
.ec-stars-wrapper-g:hover a {
	//color: #007D79;
	color: #f9b920;
}
.ec-stars-wrapper-g > a:hover ~ a {
	color: #888;
}
/* fin (votacion) ----------- */


/* checkbox en formulario ----------- */
input[type="checkbox"], input[type="radio"] {
    margin: 6px;
    margin-top: 1px\9; /* IE8-9 */
    line-height: normal;
    	/* Double-sized Checkboxes */
  	//-ms-transform: scale(2); /* IE */
  	//-moz-transform: scale(2); /* FF */
  	//-webkit-transform: scale(2); /* Safari and Chrome */
  	//-o-transform: scale(2); /* Opera */
  		/*fin doble cara*/
  		/*para los modernos buscadores a uno y medio*/
  	transform: scale(1.5);
  		/*fin escala para los modernos buscadores a uno y medio*/
  	padding: 10px;
  	font-size: 110%;
	border-radius: 0;
	border: solid 1px #dadada;
}
/* fin checkbox en formulario ----------- */
/* To be used with ihavecookies */

:root {
    --purple: #3B3646;
    --red: #EE4B5A;
}
* {
    padding: 0;
    margin: 0;
    border: none;
}
code {
    color: var(--red);
    font-family: monospace;
    font-size: 16px;
    background: #f7f7f7;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
}
button#ihavecookiesBtn {
    margin-left: 0px !important;
}
/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 9999999999999;
    border: 1px solid #fff;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: BlendaScript, "Oxygen", "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: "Oxygen", "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: "Oxygen", "Open Sans", sans-serif;
    font-size: 15px;
    padding: 12px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    //background: white;
    //color: var(--red);
	background: transparent;
    color: var(--red);
	border:solid 1px #EE4B5A;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
/* FINAL ihavecookies */

/* INICIO switcher*/
.switcher-area {
    position: fixed;
    z-index: 99999999;
    top: -190;
    right: -232px;
    bottom: 0;
    margin: auto;
}
.switcher-area:hover {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 1) linear-gradient(to top, #fff 0%, #E3E3E3 100%) repeat scroll 0 0;

}
.switcher-area .switched-options {
    position: relative;
    width: 230px;
    text-align: left;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	//box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	background: rgba(255, 255, 255, 1) linear-gradient(to top, #fff 0%, #E3E3E3 100%) repeat scroll 0 0;
	box-shadow: 0 2px 2px #cecece;
	border: 1px solid #cecece;
}
.switcher-area .config-title {
	//text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    //border-bottom: 3px double #bbb;
    margin-bottom: 5px;
}
.switcher-area ul {
	//altura switcher;
    margin-bottom: 60px;
    list-style: none;
}
.switcher-area ul .active a {
    color: #005885;
    font-weight: 700;
}
.switcher-area ul .p {
    font-weight: 400;
    font-size: 12px;
    color: #CCC;
    margin-top: 10px;
}
.switcher-area ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #222;
}
.switcher-area ul li a:hover {
    color: #0A2652;
}
.switcher-area ul.color-styles {
    margin-top: 15px;
}
.switcher-area ul.color-styles li {
    display: inline-block;
    margin-right: 5px;
}
.switcher-area ul.color-styles li .default,
.switcher-area ul.color-styles li .amaranth,
.switcher-area ul.color-styles li .purple,
.switcher-area ul.color-styles li .orange {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.switcher-area ul.color-styles li .default {
    background: #32c5d2;
}
.switcher-area ul.color-styles li .amaranth {
    background: #ec3851;
}
.switcher-area ul.color-styles li .orange {
    background: #ff5e00;
}
.switcher-area ul.color-styles li .purple {
    background: #6e02af;
}
.switcher-area .switch-button {
    opacity: 1 !important;
    background: #FFF;
    text-align: center;
    font-size: 24px;
    color: #000 !important;
    position: absolute;
    overflow: hidden;
    left: -42px;
    top: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    box-shadow: 2px 1px 4px grey;
    width: 42px;
    line-height: 42px;
    height: 42px;
    bottom: 0;
    margin: auto;
}
.switcher-area .switch-button:hover {
    color: #32c5d2;
    cursor: pointer;
}

.switcher-area .btn-primary {
  font-size: 17px;
  margin: 30px 0 10px;
  margin-right: 0px;
  margin-right: 10px;
  //line-height: 20px;
  line-height: 10px;
  padding: 15px 35px;
  //height: 50px;
  height: 55px;
  border: 2px solid #007D79;
  background: #007D79;
  transition: all 0.4s;
  color: white;
  border-radius: 100px;
  margin-top: 6px;
  margin-bottom: 30px;
}
.switcher-area .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border: 2px solid #007D79;
	background: #FFF;
	color: #007D79;
}
/* FINAL switcher */
/* EFECTOS */
#threedback {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-bottom: 100px;
}

#bird {
  display: grid;
  place-items: center;
  height: 500px;
}
/* FINAL EFECTOS */
/* sombra */
.sombra1 {
box-shadow: 0 3px 16px -3px rgba(59, 59, 59, 0.1);
}
/* FINAL sombra */