/*
Theme Name: SantaCruz
Theme URI: http://feelandsmell.com.ar/
Author: Visiva Estudio
Author URI: http://visivaestudio.com.ar
Description: Personalizado
Version: 1.0
*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


@font-face {
    font-family: 'akzidenz-grotesk_bq_extra_cBd';
    src: url('css/font/akzidenzgrotesk-extraboldcond-webfont.eot');
    src: url('css/font/akzidenzgrotesk-extraboldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/akzidenzgrotesk-extraboldcond-webfont.woff2') format('woff2'),
         url('css/font/akzidenzgrotesk-extraboldcond-webfont.woff') format('woff'),
         url('css/font/akzidenzgrotesk-extraboldcond-webfont.ttf') format('truetype'),
         url('css/font/akzidenzgrotesk-extraboldcond-webfont.svg#akzidenz-grotesk_bq_extra_cBd') format('svg');
    font-weight: normal;
    font-style: normal;

}



body, html{ 
width:100%;
height:100%; 
display:block; 
margin:0;
font-family: 'Arimo', sans-serif;
background:#fff;
}
a, a:link, a:visited, a:hover, a:focus{ text-decoration:none; color:inherit;outline: none;}
.clearfix{ max-width:1200px; margin:auto; position:relative; clear:both;}

*:focus {
    outline: none;
}

/* ==========================================================================
   ESTILOS A PARTIR DE AQUI
   ========================================================================== */
nav{}

ul.menu, nav ul, nav ol{ padding:0; margin:0; list-style-type:none;}
img{ display:block; border:none; width:100%;}
.transition, .transition li, .over, .footer_ul li, #footer .tooltip, #main_menu,
#lateral_container .fa-times, #container_meditacion .tipos_meditacion li, .page-meditacion .error,
#sound, #main_menu #ul_main_menu li.active .productos, #container_meditacion, #icon{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.title_section, #lateral_container, #form_contacto_container, .formCont, #logo, .archive #mainCategories .bloquecat{
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

::-webkit-input-placeholder { color:#fff; }
::-moz-placeholder { color:#fff; } /* firefox 19+ */
:-ms-input-placeholder { color:#fff; } /* ie */
:-moz-placeholder { color:#fff; }
.break{ clear:both;}



#total-wrapper{ 
    display: block;
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    margin-top: 0;
    overflow: hidden;
}


/****************
HEADER
*****************/
header{
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 10;
    background: #333;
    text-align: center;
    width: 100%;
}


#logo{
    display: inline-block;
    vertical-align: top;
    max-width: 230px;
    margin: -70px 0 0 0px;
    position: absolute;
    left: 0;
    top: 0;
}
#logo img{}



#main_menu{
    width: auto;
    position: relative;
    margin: 75px auto 5px;
}

#main_menu #ul_main_menu li{
    padding: 5px 5px 5px 0;
    font-size: 11px;
    color: #fff;
    display: inline-block;
}
#main_menu #ul_main_menu li:hover{ color: #FFBC00; }
#main_menu #ul_main_menu li a{ padding:0 10px 0 0; border-right:solid 1px #fff;}
#main_menu #ul_main_menu li a.active{  color: #FFBC00; } 
#main_menu #ul_main_menu li:last-child a{ border-right:none; }
#main_menu #ul_main_menu {margin-right: 15px;}


#submenus{	
    display: none;
    background:rgba(255, 188, 0, 0.80);
    font-size: 11px;
    color: #fff;
    text-align: left;
    padding: 5px 0;
	position: absolute;
    width: 100%;
}
#submenus .submenu{	display:none; position:relative;}
#submenus .submenu.active{	display:block;}
#submenus .submenu li{	display:block;}
a.scroll.active{  color: #230D00; } 



/****************
FORM NEWSLETTER
*****************/
#social{
	font-size:11px;
	color:#fff;
	position:absolute;
	right:0;
    margin-top: -30px;
}
#social input[name="email_novedades"]{
    background: #666;
    border: none;
    padding: 7px 10px;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    margin-left: 5px;
    width: 115px;
}
#social #enviarNews{ 
    background: #999;
    border: none;
    padding: 7px 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    width: auto;
}
#social .red{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    width: 20px;
    padding: 5px 5px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 17px;
}
#social .fa{  color: #333;}
#social .fa:hover{ color: #EC520E;}

#social input.process{ background:#EAC06F !important;}
#social input.required{  background:#D86C6C!important;}
#social input.registered{ background:#6FEAA7!important;}



/****************
FOOTER
*****************/
#footer{
	position: relative;
    width: auto;
    background: #666;
	font-size: 10px;
    color: #C5C5C5;
	padding:20px 0;
}

#footer img{ width:140px; float:right;}
#footer li{ 
    float: left;
    padding: 5px 5px 0 0;
    margin: 0 50px 0 0;
    width: 100px;
}
#footer nav{     display: inline-block; }
	



	
/*****************************************
SLIDER BASIC
*******************************************/
.slick-slider{
    position: relative;    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0; height:100%;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;height:100%;}
.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{   
	cursor: pointer; 
	display: none;   
	float: left;    
	height: 100%;    
	min-height: 1px; 
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:contain;
}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}

.section_{
    position: relative;
    height:auto;
}
#home{     padding: 0 !important;}
#home .frase_slider{
	position: absolute;
	font-family: 'akzidenz-grotesk_bq_extra_cBd';
    font-size: 25px;
    color: rgba(255, 255, 255, 0.52);
    text-align: center;
    width: 100%;
    top: 45%;
	z-index: 1;
}
#home #slider-principal{
	width:100%;
	height:100%;
	position:relative;
}
#home #slider-principal .slide{
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}


#home .fa-angle-double-down{
	position: absolute;
    font-size: 30px;
    color: #fff;
    bottom: 43%;
    z-index: 1;
    left: 50%;
	animation: flechaAbajo 0.8s infinite;
	cursor:pointer;
}






/****************
SECCIONES
*****************/
#main_content{
    position: relative;
    margin-top: 105px;
    background: #CCC9C9;
    height:auto;
}


.subheader{
	width:auto;
	height:200px;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}



.contenidos{
    background: #fff;
    position: relative;
	text-align:center;
	font-size: 12px;
    color: #000;
}
.contenidos .column{
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 2.5% 2%;
    font-size: 12px;
    text-align: justify;
    color: #000;
}
.contenidos .columna_left{}
.contenidos .columna_right{}
.contenidos p{    margin: 5px 0 10px;}
.contenidos h2{
    font-family: 'akzidenz-grotesk_bq_extra_cBd';
    font-size: 17px;
    color: rgb(232, 81, 14);
    margin: 5px 0;
}


/****************
quienes somos
*****************/
#quienes-somos{	background: #fff;}	
#quienes-somos .items_circulos {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: #FFBC00;
    display: inline-block;
    width: 120px;
    height: 120px;
    text-align: center;
    vertical-align: top;
    margin: 0 10px 15px 0;
}
#quienes-somos .items_circulos span{
    width: 75%;
    display: block;
    margin: 13px auto;
    font-size: 12px;
    line-height: 14px;
	color:#fff;
}

#quienes-somos .circ1 span{     margin-top: 45px;}

#quienes-somos .circ2{ background: #FF9900;}
#quienes-somos .circ2 span{     margin-top: 40px;}

#quienes-somos .circ3{ background: #FF6A00;}

#quienes-somos .circ4{ background: #DC5303;  }
#quienes-somos .circ4 span{ margin-top: 35px;}
		
#quienes-somos	ul.lugares{ 
	list-style-type:none;
	margin:0;
	padding:0;
}		
#quienes-somos	ul.lugares li{ 
	float: left;
    margin-right: 10px;
    width: 140px;
}
#quienes-somos	ul.lugares li:before {
    content: "• ";
    color: #DC5303; /* or whatever color you prefer */
}		

/****************
servicios
*****************/
#servicios{	background: #fff;}
#servicios .contenidos{	font-size:0;}
#servicios .bloque{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    font-size: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5%;
	text-align:left;
	height:auto;
}

.blo1{ background: #e0dcdc;  }
.blo2{ background-position: bottom center !important;}
.blo5{ background: #e0dcdc; }
.blo6{ background-position: top center !important;}
.blo9{ background: #e0dcdc;}
.blo12{background-position: bottom center !important;}


.align_{ max-width:500px; margin:auto;}


/****************
respaldos
*****************/
#quienes-nos-respaldan {border-top: solid 6px #FFBC00;    padding: 0 0 40px 0;}
#quienes-nos-respaldan h2{ margin:60px auto 30px;}
#quienes-nos-respaldan ul{ padding:0; margin:0; text-align:center;}
#quienes-nos-respaldan ul li{ display:inline-block; vertical-align:middle; margin: 0 15px;}
#quienes-nos-respaldan ul li img{ width:100px !important;}


/****************
contacto
*****************/
#contacto, #contacto .contenidos{ background: #CCC9C9; }
#contacto .contenidos{     padding-bottom: 30px;}
#contacto .subheader{ height: 180px;}
#contacto h2{
    font-size: 35px;
    margin: 20px 0 0 0;
    letter-spacing: -1px;
}
#contacto #form_contacto{
    width: 420px;
    margin: 10px auto;
	position:relative;
}
#contacto .field{
    margin: 10px 0;
    border: solid 1px #E8510E;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    background: #ECE6E6;
	text-align:center;
}
#contacto input, #contacto textarea{
	width: 90%;
    border: none;
    padding: 4px;
    background: transparent;
	color:#333;
    font-family: 'Arimo', sans-serif;
	font-size:11px;
}
#contacto  ::-webkit-input-placeholder { color:#333; }
#contacto  ::-moz-placeholder { color:#333; } /* firefox 19+ */
#contacto  :-ms-input-placeholder { color:#333; } /* ie */
#contacto  :-moz-placeholder { color:#333; }


#contacto input[name="telefono"],
#contacto input[name="celular"]{
    display: inline-block;
    vertical-align: middle;
    width: 44%;
}
#contacto textarea{ 
	height:100px;    
}
			
#contacto #btn_contacto_enviar{    font-family: 'akzidenz-grotesk_bq_extra_cBd';
font-size: 18px;
    color: rgb(232, 81, 14);
	width: auto;
}

#btn_contacto_enviar_cont{
	position: absolute;
    width: 85px;
    right: 0;
    text-align: center;
    margin-top: -50px;
    right: -80px;
}

#btn_contacto_enviar_cont .fa{
	 color: rgb(232, 81, 14);
	 font-size: 18px;
}


#contacto #result{
    font-size: 11px;
    background: #E8510E;
    padding: 5px;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	display:none;
}




input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ECE6E6 inset;
}



/****************
animaciones
*****************/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.anim_l.in-view {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.anim_r.in-view {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn.in-view {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes flechaAbajo {
  0% {   bottom: 43%;  }
  50% {    bottom: 42%;  }
  100% {    bottom: 43%;  }
}



@-webkit-keyframes flechaAbajo {
  0% {   bottom: 43%;  }
  50% {    bottom: 42%;  }
  100% {    bottom: 43%;  }
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 1024px) { 
	.clearfix {    max-width: 900px; }
	#social {    width: 200px;    text-align: left;}
	#social input[name="email_novedades"] {    margin-left: 0;    margin-top: 5px;}
	#main_menu #ul_main_menu {    margin-right: 0;}
	#quienes-somos .items_circulos {    width: 95px;    height: 120px; margin: 0 2px 15px 0}
		
	#quienes-nos-respaldan ul li img {    width: 100px !important;}

}






@media screen and (max-width: 800px) { 
	.clearfix {    max-width: 720px; }
	#logo {    max-width: 180px;    margin: 5px 0 0 0px;    position: relative; float: left;}
	#social {	width: 180px;   position: relative;   float: right;    margin-top: 20px;	}
	#main_menu {    margin: 10px auto 5px;    clear: both;}
	#quienes-somos .items_circulos {
		width: 120px;
		height: 120px;
		margin: 0 10px 15px 0;
		float:left;
	}
	
	#quienes-somos .contenidos h2 {    clear: both; text-align:left;}
	#quienes-nos-respaldan ul li img {		width: 80px !important;	}
	#quienes-nos-respaldan ul li img {    width: 70px !important;}
}


@media screen and (max-width: 650px) { 
	.clearfix {    max-width: 95%;}
	#quienes-somos .items_circulos {		width: 115px;	}
	#btn_contacto_enviar_cont {		position: relative;		margin-top: 0;		right: 0;	}
	#footer {    text-align: center;}
	#footer li {    margin: 0;}
	#quienes-somos	ul.lugares {    display: inline-block; 	}
}



@media screen and (max-width: 480px) { 
	.contenidos .column {		display: block;		width: 96%;		padding: 2.5% 2%;	}
	.section_ {		padding: 0 0 25px;	}
	#quienes-somos .items_circulos {    width: 120px;}
	#servicios .bloque {display: block; width: 90%;}
	.blo2, .blo3, .blo6, .blo7, .blo10, .blo11{ height:100px !important;}
	#contacto .subheader {    height: 220px;}
	#contacto #form_contacto {    width: 90%;}
	#footer img {    display: none;	}
	#quienes-nos-respaldan ul li {    margin: 5px 5px 0 0;	}
	#home .frase_slider {width: 200px;	line-height: 25px;	margin-left: -100px;	left: 50%;    top: 35%;	}
	#home .fa-angle-double-down {    bottom: 34%;}
}


@media screen and (max-width: 400px) { 
	#logo{ max-width: 140px;		margin: 15px 0 5px 0px;	}
	#social {      width: 155px;}
	#social input[name="email_novedades"] {    width: 86px; }
	#main_content {    margin-top: 130px;}
	
	
	@keyframes flechaAbajo {
	  0% {   bottom: 34%;  }
	  50% {    bottom: 33%;  }
	  100% {    bottom: 34%;  }
	}
	
	
	
	@-webkit-keyframes flechaAbajo {
	  0% {   bottom: 34;  }
	  50% {    bottom: 33%;  }
	  100% {    bottom: 34%;  }
	}



}