@charset "utf-8";
/*------------------------------------------------------------------
[TABLA DE CONTENIDOS]

	1. Estilos globales
	2. Contenedor principal
	3. Acordeón
	4. Como funciona
	4. Tabs de producto
		4.1. Product Nav
		4.2. Products
			4.2.1. Rating (valoración productos)
	5. Producto en Oferta única
	6. Prouctos más vendidos / Productos mejor valorados
	7. Ver todos los regalos
	8. Ventajas
	9. Ampliar imagen de Producto
   10. Responsive CSS
   11. Preloader


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

/*-----------------------------
 1. Estilos generales
-------------------------------*/


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

/*-----------------------------
 2. Contenedor principal
-------------------------------*/
#home-faqs .container_home
{
	max-width:1170px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
}

#home-faqs*
{
	box-sizing: border-box;
}

.maincontent-area
{
	overflow: hidden;
}

#why-we {
    margin: 0 auto;
    min-height: 640px;
}

#why-we {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
	display:table;
}

.container_faq {
    height: auto;
    margin: 0 auto;
    max-width: 1170px;
    padding: 65px 0;
    position: relative;
    text-align: center;
    width: 100%;
	display:table;
}

/*-----------------------------
 3. Acordeón
-------------------------------*/

.accourdion-menu {
    text-align: left;
    z-index: 1;
}

.header {
font-family: "Raleway";
    font-size: 45px;
    font-weight: 300 !important;
    height: auto;
    margin: 0 auto;
    padding-bottom: 35px;
    position: relative;
    text-align: center;
    width: 100%;
}

.header::after {
    background: #3498db none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    margin-bottom: 10px;
    position: absolute;
    width: 70px;
}

.header_2{ color: #ac362a;
    display: inline-block;
    font-size: 16px;
    padding-bottom: 15px;
    width: 100%;}

.header_2::after {
 background: #ac362a none repeat scroll 0 0;
    bottom: -13px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: relative;
    width: 70px;
}


.t-left {
    text-align: left !important;
}
.t-center {
    text-align: center !important;
}
.t-right {
    text-align: right !important;
}
.dark {
    color: #505050;
}
.h-desc {
    font-size: 15px;
    font-weight: 100;
    line-height: 20px;
    margin: 20px auto;
    text-align: center;
}
.extrabold {
    font-weight: 800;
}
.bold {
    font-weight: 700;
}
.semibold {
    font-weight: 600;
}
.normal {
    font-weight: 400;
}
.light {
    font-weight: 100;
}
.italic {
    font-style: italic;
}
.uppercase {
    text-transform: uppercase;
}
.white {
    color: white;
}
.gray1 {
    color: #a8a7a7;
}
.gray2 {
    color: #8c8c8c;
}
.colored {
    color: #3498db;
}
.colored-bg {
    background-color: #3498db;
}
.gray-border {
    border-color: #eeeeee;
}
.colored-border {
    border-color: #3498db;
}
.colored-border-left {
    border-left-color: #3498db;
}
.colored-border-right {
    border-right-color: #3498db;
}
.white-bg {
    background-color: white !important;
}
.gray-bg {
    background-color: #f5f5f5 !important;
}
.black-bg {
    background-color: black !important;
}
.transparent {
    background: transparent none repeat scroll 0 0 !important;
}

span.positive-s {
    background-color: #494949;
    background-image: url("/images/positive-s.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100px;
    display: block;
    float: left;
    height: 28px;
    margin: 0 8px 0 0;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 28px;
}
.why-oxygen-accordion .panel {
    border: medium none;
    box-shadow: none;
font-family: "Raleway";
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 20px;
	border-bottom: 1px dotted #c7e1eb;
	padding-bottom:10px;
	border-radius:0px

}
.why-oxygen-accordion .accordion-toggle {
    display: block;
    padding: 3px 0;
    transition: all 0.3s ease 0s;
}
.why-oxygen-accordion .accordion-toggle:hover {
    color: #3498db;
}
.why-oxygen-accordion .accordion-body {
    font-size: 15px;
    margin-left: 35px;
	text-align:justify;
}
.why-oxygen-accordion .accordion-inner {
    margin-top: 13px;
}
.why-oxygen-accordion span.positive-s {
    background-color: #3498db;
    top: -4px;
    transform: rotate(45deg);
}
.why-oxygen-accordion .collapsed span.positive-s {
    background-color: #494949;
    transform: rotate(0deg);
}


.colored-bg, a.positive-m:hover, .why-oxygen-accordion span.positive-s, .prices .tables .active .table-inner a.price-buy-now, .table-inner a.price-buy-now:hover, #map .google-map-big-button:hover, .form-btn:hover, #history ul.timeline li.note:hover, #history ul.timeline li.note:hover::after, .prices .tables .active a.price-table-img {
    background-color: #3498db;
}


.titulos {
    list-style: outside none square;
	margin-left: 15px;
}
.titulos li {
    color: #000;
	font-size:15px;
    letter-spacing: normal;
    line-height: 20px;
    list-style-position: outside;
    list-style-type: square;
    margin-bottom: 15px;
    text-align: justify;
}


/*-----------------------------
 4. Cómo funciona
-------------------------------*/


#banner_ofertas
{
	background: rgba(0, 0, 0, 0) url("/images/pattern_4.png") repeat scroll 0 0;
	margin-bottom: 20px;
	padding: 12px 0 10px;
}

.como_funciona h1
{
	color: #999;
	font-family: "Montserrat";
	font-size: 30px;
}

.como_funciona h3
{
	color: #999;
	font-family: "Raleway";
	font-size: 28px;
}

.como_funciona h5
{
	color: #4c8b38;
	font-family: "Montserrat";
	font-size: 24px;
}

.como_funciona h2
{
	color: #717070;
	font-family: "Raleway";
	font-size: 18px;
}

.big_block
{
	border: 1px dotted red;
    margin: 30px 0;
    padding: 10px 0 30px;
}

.workprocess > div
{
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

.workprocess .container_home > .row > div, .workprocess .container-fluid > div
{
	padding: 0;
}

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

.workprocess .block h3
{
	color: #333;
}

.workprocess .block h3 span
{
	background: #cd3c2e none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	height: 25px;
	line-height: 21px;
	margin-right: 12px;
	text-align: center;
	width: 25px;
	font-family: "Raleway";
}

.workprocess .block h3, .workprocess .block p
{
	padding: 0 20px;
}

.workprocess .block i
{
	font-size: 20px;
}

.workprocess .icon
{
	position: relative;
}

.workprocess .icon > div
{
	height: 80px;
	padding: 38px 0;
	text-align: center;
}

.workprocess .icon i
{
	background: #222 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	font-size: 40px;
	height: 80px;
	line-height: 80px;
	position: relative;
	width: 80px;
}

.workprocess .block i, .workprocess .block:hover i, .workprocess .block h3, .workprocess .block:hover h3
{
	transition: all 0.3s ease 0s;
}

.workprocess .block h3, .workprocess .block p
{
	padding: 0 20px;
}

.workprocess .block h3
{
	color: #333;
}

.workprocess h2
{
	font-size: 35px;
	margin: 40px 0;
}

.workprocess h1, .workprocess h2, .workprocess h3, .workprocess p
{
	font-family: "Raleway", sans-serif;
	font-weight: 200;
}

.workprocess h1, .workprocess h2, .workprocess h3
{
	text-transform: uppercase;
}

.workprocess .block i, .workprocess .block:hover i, .workprocess .block h3, .workprocess .block:hover h3
{
	transition: all 0.3s ease 0s;
}

.workprocess .block:hover i
{
	background: #f97575 none repeat scroll 0 0;
	color: #222;
}

.workprocess .container_home .icon::before, .workprocess .container-fluid .icon::before
{
	background: #f97575 none repeat scroll 0 0;
}

.news .block img, .news .block:hover img, .blog_items .block img, .blog_items .block:hover img, .blog_items .block ul li a
{
	transition: all 0.3s ease 0s;
}

.workprocess .container_home .icon::before
{
	background: #222 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}

.workprocess .container_home .icon.first::before
{
	left: 50%;
	width: 50%;
}

.workprocess .container_home .icon::before, .workprocess .container-fluid .icon::before
{
	background: #f97575 none repeat scroll 0 0;
}

.workprocess .container_home .icon.last::before
{
	width: 50%;
}

.workprocess .block h3, .workprocess .block p
{
	padding: 0 20px;
}

.workprocess h4, .workprocess p
{
	margin: 15px 0;
}

.workprocess p
{
	color: #666;
	font-size:15px;
}
 @media screen and (max-width: 480px) {

	 .header {
    font-size: 30px;

}

.workprocess .container_home .icon::before
{
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}

.workprocess .container_home .icon.first::before
{
	left: 50%;
	width: 50%;
}

.workprocess .container_home .icon.last::before
{
	width: 50%;
}
}

/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  780 px
*/

@media screen and (max-width: 780px) {
	.container_faq {
		display: table;
		height: auto;
		margin: 0 auto;
		max-width: 1170px;
		padding: 65px 10px;
		position: relative;
		text-align: center;
		width: 100%;
	}
}


#home-faqs .accordion-inner a{
	text-decoration:underline;
	color: rgba(4,125,194,1) !important;
	font-weight:400
}