/* IMPORT */

@import url('normalize.min.css');
@import url('skeleton.css');
@import url('fontawesome.min.css');
@import url('magnific-popup.css');
@import url('owl.carousel.css');
@import url('intlTelInput.css');
@import url('jquery-ui.css');

/* BOILERPLATE */

html,
button,
input,
select,
textarea {
    color: #000;
	-webkit-font-smoothing: antialiased;
}

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: 20px 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;
}

/* COLORS */

.color-blue {
	color: #1172c2 !important;
	}
	
.color-blue-light {
	color: #0097c8 !important;
	}
	
.color-orange {
	color: #fff3e2 !important;
	}
	
.color-pink {
	color: #e0387a !important;
	}
	
.color-green {
	color: #73c000 !important;
	}
	
.color-red {
	color: #c00 !important;
	}
	
.bg-grey {
	background: #f1f1f1 !important;
	}
	
.bg-orange {
	background: #fff3e2 !important;
	}
	
.bg-pink {
	background: #e0387a !important;
	}
	
.bg-green {
	background: #73c000 !important;
	}
	
/* TEXTS */

h1 {
	font: bold 1.57142857em/30px Arial, Helvetica, Garuda, sans-serif;
	letter-spacing: -1px;
	}

p {
	font: normal 1em/19px Arial, Helvetica, Garuda, sans-serif;
	}

.uppercase {
	text-transform: uppercase !important;
	}
	
.no-case {
	text-transform: none !important;
	}
	
.symbol {
	font-family: 'FontAwesome';
	}
	
.big {
	font-size: 3em;
	}

.small {
	font-size: .7368em;
	}

/* LINKS */

a {
	color: #0097c8;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none !important;
	cursor: pointer !important;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}
	
a:visited {
	color: #0097c8;
	}
	
a:hover	 {
	color: #1172c2;
	}
	
a:focus	 {
	outline: thin dotted;
	}
	
a:hover,
a:active {
	outline: 0;
	}
	
/* LOADING */

	.cart-loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:#0b0b0b;
		opacity:.3;
		filter:alpha(opacity=30);
		z-index: 1050;
		}
		
		.cart-loading img {
			position: absolute;
			top: 50%;
			left:50%;
			margin-left: -8px;
			}

/* BUTTONS */

.btn-small {
	display: inline-block;
	min-width: 126px;
	padding: 1px 18px 2px 5px;
	font-size: 0.78571429em;
	color: #fff !important;
	text-decoration: none;
	background: #0097c8;
	border: 1px solid #0598d4;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
	
.btn-small:hover {
	color: #fff;
	background: #0598d4;
	}
	
.btn {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'Dosis', Arial, serif;
	font-size: 0.92857142857143em;
	font-weight: 700;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	
	background: #33abdc;
	background: -moz-linear-gradient(top, #33abdc 0%, #2e9ac6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33abdc), color-stop(100%,#2e9ac6));
	background: -webkit-linear-gradient(top, #33abdc 0%,#2e9ac6 100%);
	background: -o-linear-gradient(top, #33abdc 0%,#2e9ac6 100%);
	background: -ms-linear-gradient(top, #33abdc 0%,#2e9ac6 100%);
	background: linear-gradient(to bottom, #33abdc 0%,#2e9ac6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33abdc', endColorstr='#2e9ac6',GradientType=0 );
	-webkit-appearance: none;
	border: 0;
	outline: 0;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
.btn.icon-right {
	position: relative;
	padding-right: 30px;
	text-align: left;
	}
	
	.btn.icon-right .fa {
		position: absolute;
		top: 50%;
		right: 10px;
		height: 14px;
		margin: -7px 0 0 0;
		}
	
.btn:hover {
	background: #2e9ac6;
	background: -moz-linear-gradient(top, #2e9ac6 54%, #33abdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#2e9ac6), color-stop(100%,#33abdc));
	background: -webkit-linear-gradient(top, #2e9ac6 54%,#33abdc 100%);
	background: -o-linear-gradient(top, #2e9ac6 54%,#33abdc 100%);
	background: -ms-linear-gradient(top, #2e9ac6 54%,#33abdc 100%);
	background: linear-gradient(to bottom, #2e9ac6 54%,#33abdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9ac6', endColorstr='#33abdc',GradientType=0 );
	}
	
.btn.blue {
	position: relative;
	background: #1781d9;
	background: -moz-linear-gradient(top, #1781d9 0%, #0f67af 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1781d9), color-stop(100%,#0f67af));
	background: -webkit-linear-gradient(top, #1781d9 0%,#0f67af 100%);
	background: -o-linear-gradient(top, #1781d9 0%,#0f67af 100%);
	background: -ms-linear-gradient(top, #1781d9 0%,#0f67af 100%);
	background: linear-gradient(to bottom, #1781d9 0%,#0f67af 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1781d9', endColorstr='#0f67af',GradientType=0 );
	}
	
.btn.blue:hover {
	background: #0f67af;
	background: -moz-linear-gradient(top, #0f67af 0%, #1781d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f67af), color-stop(100%,#1781d9));
	background: -webkit-linear-gradient(top, #0f67af 0%,#1781d9 100%);
	background: -o-linear-gradient(top, #0f67af 0%,#1781d9 100%);
	background: -ms-linear-gradient(top, #0f67af 0%,#1781d9 100%);
	background: linear-gradient(to bottom, #0f67af 0%,#1781d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f67af', endColorstr='#1781d9',GradientType=0 );
	}
	
.btn.grey {
	position: relative;
	color: #444 !important;
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d9d9d9));
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
	background: linear-gradient(to bottom, #f0f0f0 0%,#d9d9d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d9d9d9',GradientType=0 );
	}
	
.btn.grey:hover {
	background: #d9d9d9;
	background: -moz-linear-gradient(top,  #d9d9d9 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #d9d9d9 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #d9d9d9 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #d9d9d9 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #d9d9d9 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#f0f0f0',GradientType=0 );
	}

.btn.green {
	background: #73c000;
	background: -moz-linear-gradient(top, #73c000 0%, #67ad00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73c000), color-stop(100%,#67ad00));
	background: -webkit-linear-gradient(top, #73c000 0%,#67ad00 100%);
	background: -o-linear-gradient(top, #73c000 0%,#67ad00 100%);
	background: -ms-linear-gradient(top, #73c000 0%,#67ad00 100%);
	background: linear-gradient(to bottom, #73c000 0%,#67ad00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c000', endColorstr='#67ad00',GradientType=0 );
	}
	
.btn.green:hover {
	background: #67ad00;
	background: -moz-linear-gradient(top, #67ad00 0%, #73c000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67ad00), color-stop(100%,#73c000));
	background: -webkit-linear-gradient(top, #67ad00 0%,#73c000 100%);
	background: -o-linear-gradient(top, #67ad00 0%,#73c000 100%);
	background: -ms-linear-gradient(top, #67ad00 0%,#73c000 100%);
	background: linear-gradient(to bottom, #67ad00 0%,#73c000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67ad00', endColorstr='#73c000',GradientType=0 );
	}
	
.btn.pink {
	background: #e0387a;
	background: -moz-linear-gradient(top, #e0387a 0%, #bf2f69 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0387a), color-stop(100%,#bf2f69));
	background: -webkit-linear-gradient(top, #e0387a 0%,#bf2f69 100%);
	background: -o-linear-gradient(top, #e0387a 0%,#bf2f69 100%);
	background: -ms-linear-gradient(top, #e0387a 0%,#bf2f69 100%);
	background: linear-gradient(to bottom, #e0387a 0%,#bf2f69 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0387a', endColorstr='#bf2f69',GradientType=0 );
	}
	
.btn.pink:hover {
	background: #bf2f69;
	background: -moz-linear-gradient(top, #bf2f69 0%, #e0387a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf2f69), color-stop(100%,#e0387a));
	background: -webkit-linear-gradient(top, #bf2f69 0%,#e0387a 100%);
	background: -o-linear-gradient(top, #bf2f69 0%,#e0387a 100%);
	background: -ms-linear-gradient(top, #bf2f69 0%,#e0387a 100%);
	background: linear-gradient(to bottom, #bf2f69 0%,#e0387a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2f69', endColorstr='#e0387a',GradientType=0 );
	}
	
.btn-cart > span,
.btns.half-size .btn-cart > span {
	display: inline-block;
	margin: 0 5px 0 0;
	position: relative;
	/*font-size: 11px;*/
	}

.btns.half-size .btn-cart > span {
	margin: 0 23px 0 0;
	}

.btns.half-size .btn-cart > span:before {
	content: '';
	background: url(../image/icon-btn-cart@2x.png) no-repeat;
	background-size: 20px 18px;
	top: 0;
	right: -25px;
	display: inline-block;
	width: 20px;
	height: 18px;
	position: absolute;
	}

.btns.half-size > button {
	min-height: 34px;
	}

/* FORMS */

label {
	display: block;
	font-size: 0.84615385em;
	color: #000;
	margin: 0 0 5px 0;
	position: relative;
	}
	
fieldset {
	margin: 0 0 10px 0;
	}
	
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="date"],
textarea,
select {
	width: 100%;
	height: auto;
	padding: 8px 10px;
	font-family: Tahoma, Arial, Helvetica, Garuda, sans-serif;
	font-size: 0.85714286em;
	line-height: 14px;
	color: #58585a !important;
	background: #fff;
	border: 1px solid #ccc;
	
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	-webkit-appearance: none;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	}
	
select {
	position: relative;
	padding-right: 15px;
	}
	
.lt-ie10 select {
	padding: 7px 7px;
	}
	
	.select {
		position: relative;
		}
	
		.select select {
			position: relative;
			z-index: 10;
			}
			
		select::-ms-expand {
			display: none;
			}
			
		.select .fa {
			position: absolute;
			z-index: 20;
			top: 0;
			right: 0;
			display: block;
			width: 32px;
			height: 32px;
			text-align: center;
			line-height: 32px;
			pointer-events: none;
			}
			
		.lt-ie10 .select .fa {
			display: none;
			}
			
		@-moz-document url-prefix() { 
			.select .fa {
				display: none;
				}
				
			.select select {
				padding: 5px 7px;
				}
		}
			
		.lt-ie10 .select .fa {
			display: none;
			}
			
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="date"]:disabled,
select:disabled,
textarea:disabled,
input[type="text"].disabled,
input[type="password"].disabled,
input[type="email"].disabled,
input[type="tel"].disabled,
input[type="number"].disabled,
input[type="search"].disabled,
input[type="date"].disabled,
select.disabled,
textarea.disabled {
	outline: 0;
	background: #eee;
	color: #aaa !important;
	}
	
	.select select:disabled + .fa,
	.select select.disabled + .fa {
		color: #aaa;
		}
	
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
	outline: 0;
	background: #fff3e2;
	}
	
input[type="text"].required,
input[type="password"].required,
input[type="email"].required,
input[type="tel"].required,
input[type="number"].required,
input[type="search"].required,
input[type="date"].required,
textarea.required,
select.required {
	border: 1px solid #c00 !important;
	}
	
textarea {
	min-height: 200px; 
	}
	
.required {
	color: #c00;
	}
	
.doubt {
	color: #c00;
	}

div.doubt {
	background-color: #ddd;
	padding: 5px 10px;
	position: absolute;
	bottom: 25px;
	left: 0;
	color: #000;
	display: none;
	
	-o-border-radius: 2px 2px 0 2px;
	-ms-border-radius: 2px 2px 0 2px;
	-moz-border-radius: 2px 2px 0 2px;
	-webkit-border-radius: 2px 2px 0 2px;
	border-radius: 2px 2px 0 2px;
	z-index: 100;
	}

div.doubt.active {
	display: block;
	}
	
div.doubt:before {
	content:'';
	position: absolute;
	bottom: -10px;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:10px 10px 0 0;
	border-color: #ddd transparent transparent transparent;
	}
	
.form-error {
	margin: 0 0 -21px 0;
	text-align: right;
	}
	
	.form-error > span {
		display: inline-block;
		top: -5px;
		position: relative;
		padding: 3px 5px;
		font-size: 0.78571429em;
		color: #fff;
		font-weight: bold;
		text-align: center;
		background: #c00;
		-o-border-radius: 2px 2px 0 2px;
		-ms-border-radius: 2px 2px 0 2px;
		-moz-border-radius: 2px 2px 0 2px;
		-webkit-border-radius: 2px 2px 0 2px;
		border-radius: 2px 2px 0 2px;
		}
		
	.form-error > span:before {
		content: '';
		position: absolute;
		bottom: -6px;
		right: 0;
		margin-left: -3px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 0 6px;
		border-color: #cc0000 transparent transparent transparent;
		}
		
.form {
	margin: 0 0 20px 0;
	}
		
	.form h1,
	.box .form h1 {
		/*font: bold 1.57142857em/30px Arial, Helvetica, Garuda, sans-serif !important;
		letter-spacing: -1px !important;
		margin: 0 !important;
		height: 43px !important;*/
		}
		
	.form hr {
		margin: 20px 0;
		}
		
.checkbox {
	position: relative;
	}

	.checkbox input[type="checkbox"] {
		position: absolute;
		left: -99999px;
		}
		
	.checkbox input[type="checkbox"] + label {
		position: relative;
		padding: 0 0 0 25px;
		line-height: 18px;
		}
		
	.checkbox input[type="checkbox"] + label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 16px;
		height: 16px;
		font-family: 'FontAwesome';
		line-height: 16px;
		text-align: center;
		color: #0097c8;
		border: 1px solid #ccc;
		}
		
	.checkbox input[type="checkbox"]:checked + label:before {
		content: '\f00c';
		font-family: 'FontAwesome';
		}
		
	.lt-ie9 .checkbox input[type="checkbox"].checked + label:before {
		content: '\f00c';
		font-family: 'FontAwesome';
		}
	
	.checkbox input[type="text"] {
		float: left;
		}
		
.radio {
	position: relative;
	}

	.radio input[type="radio"] {
		position: absolute;
		left: -99999px;
		}
		
	.radio input[type="radio"] + label {
		position: relative;
		padding: 0 0 0 25px;
		line-height: 18px;
		}
		
	.radio input[type="radio"] + label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 16px;
		height: 16px;
		font-family: 'FontAwesome';
		line-height: 16px;
		text-align: center;
		color: #0097c8;
		border: 1px solid #ccc;
		border-radius: 50%;
		}
		
	.radio input[type="radio"]:checked + label:before {
		content: '\f111';
		font-size: 0.5em;
		}
		
	.lt-ie9 .radio input[type="radio"].checked + label:before {
		content: '\f111';
		font-size: 0.5em;
		}
	
/* RESPONSIVE */

.scale-width {
	width: 100% !important;
	height: auto;
	}
	
.scale-height {
	height: 100% !important;
	width: auto;
	}
	
.scale-max-width {
	max-width: 100% !important;
	height: auto;
	}
	
.scale-max-height {
	max-height: 100% !important;
	width: auto;
	}
	
.for-mobile {
	display: block;
	}
	
.for-desktop {
	display: none;
	}
	
.sd {
	display: inherit;
	}
	
.hd,
img.hd {
	display: none;
	}
	
img.sd {
	display: inline;
	}
	
.table-container {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	}
	
.table-container + .pagination {
	margin-top: 20px;
	}
	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	
.sd,
img.sd {
	display: none;
	}
	
.hd {
	display: inherit;
	}
	
img.hd {
	display: inline;
	}
	
}

/* VIDEO-PLAYER */

.video-player {
	width:100%;
	margin: 0 0 10px 0;
	position: relative;
	}

	.video-player embed,
	.video-player noembed {
		position: absolute;
		top: 0;
		left: 0;
		}
	
.no-video-player {
	display: none;
	}

/* POPUP */

.popup {
	position: relative;
	background: #fff;
	max-width: 480px;
	margin: 0 auto;
	height: auto;
	border-top: 6px solid #0097c8;
	-o-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	}
	
	.popup-content {
		position: relative;
		padding: 20px;
		}
		
		.popup-content > *:first-child {
			margin-top: 0;
			}
			
		.popup-content > *:last-child {
			margin-bottom: 0;
			}
			
		.popup-content h1 {
			margin: 0 0 8px;
			font: bold 1.57142857em/27px Arial, Helvetica, Garuda, sans-serif;
			letter-spacing: -1px;
			color: #0097c8;
			}
			
		.popup-content h2 {
			margin: 0 0 6px;
			font: bold 1.14285714em/22px Arial, Helvetica, Garuda, sans-serif !important;
			letter-spacing: 0px !important;
			color: #0097c8;
			}
			
/* POPUP LOGIN */

#popup-login .popup-content .recover-pass-link,
#popup-restricted .popup-content .recover-pass-link {
	display: inline-block;
	float: right;
	font-size: 0.85714286em;
	line-height: 32px;
	}
	
/* POPUP ADD TO CART */

.add-to-cart-table {
	width: 100%;
	border-collapse: collapse;
	}
	
	.add-to-cart-table td {
		padding: 10px;
		vertical-align: middle;
		border: 1px solid #ccc;
		}
		
	.add-to-cart-table td.icon {
		width: 20px;
		text-align: center;
		}
		
.add-to-cart-price {
	font: bold 1.57142857em/32px Arial, Helvetica, Garuda, sans-serif !important;
	letter-spacing: -1px !important;
	text-align: center;
	}
	
	.add-to-cart-price > span {
		display: inline-block;
		padding: 5px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
		
/* STEPS */

.step {
	display: none;
	}
	
.step.start {
	display: block;
	}
	
	.step.result .success {
		display: block;
		}
		
	.step.result .error {
		display: none;
		}
		
/* COOKIES */

.cookies-alert {
	position: fixed;
	left: 0;
	bottom: 0;
	padding-top: 6px;
	background: rgba(0,0,0,.2);
	width: 100%;
	z-index: 100;
	}
	
.lt-ie9 .cookies-alert {
	background: url(../image/bg-black-opacity-20.png);
	}
	
	.cookies-alert-container {
		padding: 10px 0;
		background: #fff;
		}
		
	.cookies-alert-content {
		position: relative;
		padding: 7px 37px 7px 17px;
		vertical-align: middle;
		background-color: #f1f1f1;
		border: 2px solid #ddd;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}
		
		.cookies-alert-content h1 {
			position: relative;
			font: normal 0.78571429em/16px Tahoma, Arial, Helvetica, Garuda, sans-serif;
			color: #333;
			letter-spacing: 0;
			margin: 0 0 3px 0;
			padding: 0 0 0 18px;
			}
			
			.cookies-alert-content h1 .fa {
				position: absolute;
				left: 0;
				top: 0;
				font-size: 16px;
				color: #d90000;
				}
			
		.cookies-alert-content p {
			font: normal 0.78571429em/16px Tahoma, Arial, Helvetica, Garuda, sans-serif;
			color: #333;
			letter-spacing: 0;
			margin: 0;
			}
			
		.cookies-alert-content .btn-close {
			display: inline-block;
			position: absolute;
			top: 5px;
			right: 10px;
			color: #aaa;
			}
			
		.cookies-alert-content .btn-close:hover {
			color: #666;
			}
			
/* UI ALERTS */

.alert {
	position: relative;
	padding: 10px 38px 10px 38px;
	margin: 0 0 20px 0;
	background: #fff;
	font-size: 0.84615385em;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-0-border-radius: 3px;
	border-radius: 3px;
	}
	
	.alert .btn-close {
		position: absolute;
		top: -1px;
		right: 0;
		display: inline-block;
		width: 38px;
		height: 38px;
		text-align: center;
		line-height: 38px;
		}
	
	.alert > .fa {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 38px;
		height: 100%;
		color: #fff;
		text-align: center;
		line-height: 38px;
		}
		
	.alert.success > span,
	.alert.success > .btn-close,
	.alert.success > .fa {
		color: #73c000;
		}
	
	.alert.success {
		border: #73c000 1px solid;
		}
		
	.alert.attention > span,
	.alert.attention > .btn-close,
	.alert.attention > .fa {
		color: #f0a049;
		}
	
	.alert.attention {
		border: #f0a049 1px solid;
		}
		
	.alert.warning > span,
	.alert.warning > .btn-close,
	.alert.warning > .fa {
		color: #cc0000;
		}
		
	.alert.warning {
		border: #cc0000 1px solid;
		}
		
	.alert.information > span,
	.alert.information > .btn-close,
	.alert.information > .fa {
		color: #0097c8;
		}
		
	.alert.information{
		border: #0097c8 1px solid;
		}
		
/* GENERAL */

html,
body {
	height: 100%;
	}

body {
	font-family: Tahoma, Arial, Helvetica, Garuda, sans-serif;
	font-size: 0.875em;
	}
	
/* 404 - MAINTENANCE */

	#header-404 .logo > a,
	#header-maintenance .logo > a {
		float: none;
		display: block;
		width: 100%;
		background-position: center center;
		}
			

			#header-404 .logo span,
			#header-maintenance .logo span {
				float: none;
				display: block;
				width: 100%;
				height: auto;
				padding: 10px 0;
				margin: 0;
				border-left: 0;
				}
	
	#header-404 h1,
	#header-maintenance h1 {
		margin: 30px 0;
		padding: 0;
		font-size: 1em;
		}

#main-404,
#main-maintenance {
	text-align: center;
	}
	
	#main-404 .big,
	#main-maintenance .big {
		font: normal 2.71428571em/40px Georgia, "Times New Roman", Times, serif
		}
	
	#main-404 .nav-404 a,
	#main-maintenance .nav-maintenance a {
		margin: 0 10px;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		}
		
	#main-404 .nav-404 a:hover,
	#main-maintenance .nav-maintenance a:hover {
		color: #757575;
		}

#footer-404,
#footer-maintenance {
	text-align: center;
	color: #757575;
	font-size: .7857em;
	margin-top: 20px;
	}
	
	#footer-404 a,
	#footer-maintenance a {
		color: #757575;
		}

	#footer-404 a:hover,
	#footer-maintenance a:hover {
		color: #000;
		}
	
/* PAGE */

#page {
	position: relative;
	z-index: 20;
	width: 100%;
	background: #fff;
	}

/* HEADER */

#header {}
	
	/* HEADER TOP BAR */
	
	#header .top-bar {
		padding: 10px 0;
		text-align: right;
		background: url(../image/bg-top-bar.gif) repeat-x center bottom;
		}
		
		#header .top-bar nav {}
		
			#header .top-bar nav ul {
				display: inline-block;
				margin: 0;
				padding: 0;
				text-align: left;
				}
				
				#header .top-bar nav ul li {
					position: relative;
					float: left;
					margin: 0 0 0 10px;
					}
					
				#header .top-bar nav ul li.link {
					font-size: 0.78571429em;
					line-height: 20px;
					color: #0097c8;
					padding: 0 10px 0 0;
					}
					
				#header .top-bar nav ul li.link:before {
					content: '|';
					position: absolute;
					right: -1px;
					}
					
				#header .top-bar nav ul li.link:last-child {
					padding: 0;
					}
					
				#header .top-bar nav ul li.link:last-child:before {
					display: none;
					}
					
					/* BUTTON VIEW CART */
					
					#header .top-bar nav ul li .btn-small.btn-view-cart {
						position: relative;
						background: #50b7e1;
						border-color: #0097c8;
						}
						
					#header .top-bar nav ul li .btn-small.btn-view-cart:before {
						content: '\f07a';
						position: absolute;
						top: 2px;
						right: 5px;
						font-family:'FontAwesome';
						}
						
					#header .top-bar nav ul li .btn-small.btn-view-cart:hover {
						background: #0097c8;
						}
					
					/* BUTTON LOGIN */
					
					#header .top-bar nav ul li .btn-small.btn-login {
						position: relative;
						background: #87a1ab;
						border-color: #758c95;
						}
						
					#header .top-bar nav ul li .btn-small.btn-login:before {
						content: '\f090';
						position: absolute;
						top: 2px;
						right: 5px;
						font-family:'FontAwesome';
						}
						
					#header .top-bar nav ul li .btn-small.btn-login:hover {
						background: #758c95;
						}
					
					/* BUTTON REGISTER */
						
					#header .top-bar nav ul li .btn-small.btn-register {
						position: relative;
						background: #ff3300;
						border-color: #e32d00;
						}
						
					#header .top-bar nav ul li .btn-small.btn-register:before {
						content: 'i';
						position: absolute;
						top: 1px;
						right: 1px;
						display: block;
						width: 18px;
						height: 13px;
						font-family: Georgia, "Times New Roman", Times, serif;
						line-height: 13px;
						font-weight: bold;
						font-style: italic;
						text-align: center;
						background: #811a00;
						border: 1px solid #691500;
						-o-border-radius: 2px;
						-ms-border-radius: 2px;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px;
						}
						
					#header .top-bar nav ul li .btn-small.btn-register:hover {
						background: #e32d00;
						}
						
		/* MAIN NAVIGATION */
		
		#main-nav-mobile {
			position: fixed;
			z-index: 10;
			display: none;
			}
		
		#main-nav {
			position: relative;
			padding: 20px 0;
			}
			
			/* MAIN NAVIGATION LOGO */
		
			#main-nav .logo {
				position: absolute;
				top: 8px;
				margin: 0;
				font-size: 1em;
				}
				
				#main-nav .logo > a,
				#header-404 .logo > a,
				#header-maintenance .logo > a {
					float: left;
					display: block;
					width: 287px;
					height: 62px;
					text-indent: -9999px;
					background: url(../image/logo-elpais.png) no-repeat;
					-o-transition: none;
					-ms-transition: none;
					-moz-transition: none;
					-webkit-transition: none;
					transition: none;
					}
					
				@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
				only screen and (-o-min-device-pixel-ratio: 3/2),
				only screen and (min--moz-device-pixel-ratio: 1.5),
				only screen and (min-device-pixel-ratio: 1.5) {
					
				#main-nav .logo > a,
				#header-404 .logo > a,
				#header-maintenance .logo > a {
					background-image: url(../image/logo-elpais@2x.png);
					background-size: 287px 62px;
					}
										
				}
					
				#main-nav .logo span,
				#header-404 .logo span,
				#header-maintenance .logo span {
					float: left;
					display: block;
					width: 160px;
					height: 56px;
					padding: 0 0 0 10px;
					margin: 7px 0 0 10px;
					border-left: 1px solid #0097c8;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 0.85714286em;
					line-height: 14px;
					font-weight: normal;
					font-style: italic;
					letter-spacing: 0;
					color: #757575;
					}
					
					#main-nav .logo span .icon,
					#header-404 .logo span .icon,
					#header-maintenance .logo span .icon {
						display: inline-block;
						margin: 10px 5px 0 0;
						}
					
			#main-nav .btn-nav,
			#main-nav .btn-search {
				display: none;
				}
					
			/* MAIN NAVIGATION LIST */
			
			#main-nav > ul {
				display: block;
				float: right;
				margin: 0;
				padding: 0;
				}
				
				/* MAIN NAVIGATION LIST LEVEL 1 */
				
				#main-nav > ul > li {
					position: relative;
					display: block;
					float: left;
					margin: 0 0 0 1px;
					}
					
					#main-nav > ul > li > a {
						position: relative;
						display: block;
						padding: 8px 27px 20px 10px;
						font-size: 0.78571429em;
						color: #fff;
						font-weight: bold;
						text-transform: uppercase;
						text-decoration: none;
						background: #353535;
						border-top: 6px solid #fff;
						-o-transition: all .15s ease-out;
						-ms-transition: all .15s ease-out;
						-moz-transition: all .15s ease-out;
						-webkit-transition: all .15s ease-out;
						transition: all .15s ease-out;
						}
						
						#main-nav > ul > li > a:before {
							content: '';
							position: absolute;
							z-index: 10;
							left: 10px;
							bottom: -6px;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 0 6px 6px 6px;
							border-color: transparent transparent #fff transparent;
							-o-transition: all .15s ease-out;
							-ms-transition: all .15s ease-out;
							-moz-transition: all .15s ease-out;
							-webkit-transition: all .15s ease-out;
							transition: all .15s ease-out;
							}
						
						#main-nav > ul > li > a .marker {
							position: absolute;
							left: 0;
							bottom: 43px;
							display: block;
							width: 100%;
							height: 6px;
							background: #0097c8;
							-o-transition: all .15s ease-out;
							-ms-transition: all .15s ease-out;
							-moz-transition: all .15s ease-out;
							-webkit-transition: all .15s ease-out;
							transition: all .15s ease-out;
							}
							
						#main-nav > ul > li.news-service > a .marker {
							background: #1172c2;
							}
							
						#main-nav > ul > li.columnists > a .marker {
							background: #e0387a;
							}
							
						#main-nav > ul > li.suscriptions > a .marker {
							background: #73c000;
							}
							
					#main-nav > ul > li > a:hover,
					#main-nav > ul > li > a.active,
					#main-nav > ul > li > a.current,
					.s-catalogue #main-nav > ul > li.catalogue > a /* borrar */ {
						background: #0097c8;
						}
						
					#main-nav > ul > li.news-service > a:hover,
					#main-nav > ul > li.news-service > a.active,
					#main-nav > ul > li.news-service > a.current,
					.s-news-service #main-nav > ul > li.news-service > a /* borrar */ {
						background: #1172c2;
						}
						
					#main-nav > ul > li.columnists > a:hover,
					#main-nav > ul > li.columnists > a.active,
					#main-nav > ul > li.columnists > a.current,
					.s-columnists #main-nav > ul > li.columnists > a /* borrar */ {
						background: #e0387a;
						}
						
					#main-nav > ul > li.suscriptions > a:hover,
					#main-nav > ul > li.suscriptions > a.active,
					#main-nav > ul > li.suscriptions > a.current,
					.s-suscriptions #main-nav > ul > li.suscriptions > a /* borrar */ {
						background: #73c000;
						}
						
						#main-nav > ul > li:hover > a:before,
						#main-nav > ul > li > a.active:before,
						#main-nav > ul > li > a.current:before,
						.s-catalogue #main-nav > ul > li.catalogue > a:before,
						.s-news-service #main-nav > ul > li.news-service > a:before,
						.s-columnists #main-nav > ul > li.columnists > a:before,
						.s-suscriptions #main-nav > ul > li.suscriptions > a:before {
							bottom: 0;
							}
							
						#main-nav > ul > li > a:hover .marker,
						#main-nav > ul > li > a.active .marker,
						#main-nav > ul > li > a.current .marker,
						.s-catalogue #main-nav > ul > li.catalogue > a .marker,
						.s-news-service #main-nav > ul > li.news-service > a .marker,
						.s-columnists #main-nav > ul > li.columnists > a .marker,
						.s-suscriptions #main-nav > ul > li.suscriptions > a .marker {
							height: 0;
							}
							
					/* MAIN NAVIGATION LIST LEVEL 2 */
									
					#main-nav > ul > li > ul {
						opacity: 0;
						visibility: hidden;
						position: absolute;
						z-index: 20;
						margin: 0;
						padding: 0;
						border-top: 1px solid #fff;
						-webkit-transform: translateY(6px);
						-o-transition: all .15s ease-out;
						-ms-transition: all .15s ease-out;
						-moz-transition: all .15s ease-out;
						-webkit-transition: all .15s ease-out;
						transition: all .15s ease-out;
						}
						
					.mobile #main-nav > ul > li > ul {
						opacity: 1;
						display: none;
						visibility: visible;
						-webkit-transform: translateY(0);
						}
						
					.touch #main-nav > ul > li > ul {
						display: none;
						visibility: visible;
						}
						
					#main-nav > ul > li:hover > ul,
					#main-nav > ul > li > ul.active {
						opacity: 1;
						visibility: visible;
						-webkit-transform: translateY(0);
						}
						
					.desktop.touch #main-nav > ul > li:hover > ul,
					.desktop.touch #main-nav > ul > li > ul.active {
						display: block;
						}
						
					#main-nav > ul > li > ul:before {
						content: '';
						position: absolute;
						z-index: 20;
						left: 10px;
						top: -5px;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 0 6px 6px 6px;
						border-color: transparent transparent #08b4fa transparent;
						-o-transition: all .15s ease-out;
						-ms-transition: all .15s ease-out;
						-moz-transition: all .15s ease-out;
						-webkit-transition: all .15s ease-out;
						transition: all .15s ease-out;
						}
						
					#main-nav > ul > li.news-service > ul:before {
						border-color: transparent transparent #418ece transparent;
						}
						
					#main-nav > ul > li.columnists > ul:before {
						border-color: transparent transparent #e66095 transparent;
						}
						
					#main-nav > ul > li.suscriptions > ul:before {
						border-color: transparent transparent #8fcd33 transparent;
						}
						
						#main-nav > ul > li > ul > li {
							position: relative;
							z-index: 10;
							border-bottom: 1px solid #fff;
							}
						
							#main-nav > ul > li > ul > li > a {
								position: relative;
								z-index: 10;
								display: block;
								padding: 8px 10px;
								font-size: 0.78571429em;
								color: #fff;
								font-weight: bold;
								text-transform: uppercase;
								text-decoration: none;
								background: #08b4fa;
								-o-transition: all .15s ease-out;
								-ms-transition: all .15s ease-out;
								-moz-transition: all .15s ease-out;
								-webkit-transition: all .15s ease-out;
								transition: all .15s ease-out;
								}
								
							#main-nav > ul > li.news-service > ul > li > a {
								background: #418ece;
								}
								
							#main-nav > ul > li.columnists > ul > li > a {
								background: #e66095;
								}
								
							#main-nav > ul > li.suscriptions > ul > li > a {
								background: #8fcd33;
								}
								
							#main-nav > ul > li > ul > li > a:hover {
								color: rgba(255,255,255,.8);
								}
						
		/* SEARCH */
		
		#search {
			position: relative;
			padding: 20px;
			background: #353535;
			}
			
			#search fieldset {
				margin-bottom: 0;
				}
			
			#search input[type="text"],
			#search input[type="password"],
			#search input[type="email"],
			#search input[type="tel"],
			#search input[type="number"],
			#search input[type="search"],
			#search input[type="date"],
			#search textarea,
			#search select {
				border: 0;
				padding-top: 9px;
				padding-bottom: 8px;
				}
			
/* MAIN */

#main {
	padding: 20px 0 0;
	}
	
	/* COMMON BREADCRUMB */
	
	.breadcrumb {
		margin: 0 0 20px 0;
		}
	
		.breadcrumb ul {
			margin: 0;
			padding: 0;
			}
			
			.breadcrumb ul li {
				float: left;
				position: relative;
				margin: 0 7px 0 0;
				font: normaL 0.78571429em/13px Tahoma, Arial, Helvetica, Garuda, sans-serif;
				text-transform: uppercase;
				}
				
			.breadcrumb ul li:before {
				content: '/';
				display: inline-block;
				margin: 0 7px 0 0;
				}
				
			.breadcrumb ul li:first-child:before {
				display: none;
				}
				
				.breadcrumb ul li a {
					color: #757575;
					text-decoration: none;
					}
					
				.breadcrumb ul li a:hover {
					color: #0097c8;
					}
					
				.breadcrumb ul li a.active {
					font-weight: bold;
					color: #0097c8;
					}
	
	/* COMMON PAGE TITLE */
	
	.page-title {
		margin: 0 0 20px 0;
		font: bold 2.71428571em/40px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		}
		
	.page-title.color-blue {
		background: url(../image/pixel-blue.gif) repeat-x left 19px;
		}
		
	.page-title.color-blue-light {
		background: url(../image/pixel-blue-light.gif) repeat-x left 19px;
		}
		
	.page-title.color-pink {
		background: url(../image/pixel-pink.gif) repeat-x left 19px;
		}
		
	.page-title.color-green {
		background: url(../image/pixel-green.gif) repeat-x left 19px;
		}
		
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		
	.page-title.color-blue {
		background-image: url(../image/pixel-blue@2x.png);
		background-size: 1px 1px;
		}
		
	.page-title.color-blue-light {
		background-image: url(../image/pixel-blue-light@2x.png);
		background-size: 1px 1px;
		}
		
	.page-title.color-pink {
		background-image: url(../image/pixel-pink@2x.png);
		background-size: 1px 1px;
		}
		
	.page-title.color-green {
		background-image: url(../image/pixel-green@2x.png);
		background-size: 1px 1px;
		}
							
	}
		
		.page-title > span {
			display: inline-block;
			padding-right: 10px;
			background: #fff;
			}

	/* COMMON SECTION TITLE */
	
	.section-title {
		position: relative;
		background-image: none;
		border-top: 1px solid #77736b;
		display: block;
		background-color: transparent;
		margin: 0 0 7px 0;
		}
	
	.carousel .section-title {
		margin: 1px 0 7px 0;
		}
		
		.section-title span {
			display: inline-block;
			background-color: #fff;
			margin: -4px 0 0 0;
			padding: 0 7px 0 0;
			color: #77736b;
			vertical-align: top;
			font: bold 0.78571429em/13px Tahoma, Arial, Helvetica, Garuda, sans-serif;
			text-transform: uppercase;
			}
			
			.section-title span a {
				color: #77736b;
				text-decoration: none;
				}
				
			.section-title span a:hover {
				color: #000;
				}
				
	/* COMMON HALF SIZE */
			
	.half-size {
		float: left;
		width: 50%;
		padding: 0 10px 0 0;
		clear: both;
		}
		
	.half-size:nth-child(odd) {
		padding: 0 0 0 10px;
		clear: none;
		}
		
	.half-size.jump-one:nth-child(odd) {
		padding: 0 10px 0 0;
		clear: both;
		}
		
	.half-size.jump-one:nth-child(even) {
		padding: 0 0 0 10px;		
		clear: none;
		}
		
	.popup .half-size {
		float: left !important;
		width: 50% !important;
		padding: 0 10px 0 0 !important;
		clear: both;
		}
		
	.popup .half-size:nth-child(odd) {
		padding: 0 0 0 10px !important;
		}
		
	.popup .half-size.jump-one:nth-child(odd) {
		padding: 0 10px 0 0 !important;
		}
		
	.popup .half-size.jump-one:nth-child(even) {
		padding: 0 0 0 10px !important;
		}
		
	/* COMMON SLIDES */
	
	.slide {
		margin: 0 0 20px 0;
		padding: 10px;
		border: 1px solid #ccc;
		}
		
		.slide h1 {
			margin: 0;
			font: bold 1.57142857em/27px Arial, Helvetica, Garuda, sans-serif !important;
			letter-spacing: -1px !important;
			margin: 0 0 8px;
			}
			
			.slide h1 a {
				color: #000;
				text-decoration: none;
				}
				
			.slide h1 a:hover {
				border-bottom: 1px dotted #333;
				}
			
		.slide .slide-content {
			margin: 20px 0 0;
			padding: 10px;
			background: #eee;
			}
			
			.slide .slide-content *:first-child {
				margin-top: 0;
				}
				
			.slide .slide-content *:last-child {
				margin-bottom: 0;
				}
		
	/* COMMON TABS */
	
	.tabs-nav-mobile {
		display: none;
		}
	
	.tabs-nav {
		margin-bottom: -1px;
		}
	
		.tabs-nav ul {
			margin: 0;
			padding: 0;
			}
		
			.tabs-nav ul li {
				float: left;
				}
				
				.tabs-nav ul li a {
					display: block;
					font: bold 1em/18px Arial, Helvetica, Garuda, sans-serif;
					text-transform: uppercase;
					padding: 14px 20px;
					border: 1px solid #ccc;
					border-right: 0;
					text-decoration: none;
					color: #bbb;
					background: #eee;
					}
					
				.tabs-nav ul li:last-child a {
					border-right: 1px solid #ccc;
					}
					
				.tabs-nav ul li a.active {
					color: #000;
					border-bottom: 1px solid #fff;
					background: #fff;
					}
					
				.tabs-nav ul li a:hover {
					color: #000;
					background: #fff;
					}
					
		.tabs {
			padding: 20px !important;
			}
			
			.tab-content {
				height: 0;
				overflow: hidden;
				}
				
			.tab-content.active {
				height: auto;
				overflow: visible;
				}
			
				.tab-content h1,
				.box .tab-content h1 {
					font: bold 1.57142857em/30px Arial, Helvetica, Garuda, sans-serif !important;
					letter-spacing: -1px !important;
					margin: 0 !important;
					height: 43px !important;
					}
		
	/* COMMON GRID */
	
	.grid {
		width: 100%;
		overflow: hidden;
		}
	
		.grid-content {
			margin: 0 -10px;
			}
	
			.grid-content > * {
				float: left;
				width: 33.33333333333333333333333333%;
				padding: 0 10px;
				}
				
			.news-service .grid .article {
				margin-bottom: 20px;
				}
				
	/* COMMON LIST TABLE */
	
	.list-table {
		width: 100%;
		border-collapse: collapse;
		font-size: 0.84615385em;
		}
		
	.list-table + .pagination {
		margin-top: 20px;
		}
		
		.list-table th,
		.list-table td {
			padding: 7px 10px;
			border: 1px solid #ccc;
			}
			
		.list-table th {
			text-transform: uppercase;
			background: #eee;
			}
			
		.list-table tr:nth-child(even) td {
			background: #eee;
			}
			
			.list-table td .date {
				color: #757575;
				text-transform: uppercase;
				white-space: pre;
				}
				
		.list-table .product {
			text-align: left;
			}
				
		.list-table td.type {
			width: 1px;
			font-size: 1.16666667em;
			text-align: center;
			}
			
		.list-table td.price {
			width: 1px;
			text-align: right;
			font: bold 1.16666667em/18px Arial, Helvetica, Garuda, sans-serif;
			}
			
		.list-table th.price {
			text-align: right;
			}
			
		.list-table td.btns {
			padding: 7px;
			width: 1px;
			}
			
			.list-table td.btns .btn {
				white-space: pre;
				}
				
	/* COMMON BOTTOM BTNS */
	
	.bottom-btns {
		position: relative;
		text-align: center;
		margin: 0 0 20px 0;
		min-height: 34px;
		}
		
	.form + .bottom-btns {
		margin-top: -10px;
		}
	
		.bottom-btns .left {
			position: absolute;
			top: 0;
			left: 0;
			}
			
		.bottom-btns .right {
			position: absolute;
			top: 0;
			right: 0;
			}
				
	/* COMMON PAGINATION */
	
	.pagination {
		position: relative;
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
		text-align: center;
		border-top: 1px solid #ccc;
		}
		
	.box .pagination {
		margin-bottom: 10px;
		}
		
		.pagination .btn {
			display: inline-block;
			padding: 0;
			width: 24px;
			height: 24px;
			margin: 0 2px;
			text-align: center;
			line-height: 24px;
			}
			
		.pagination .btn.active {
			color: #444 !important;
			background: #f0f0f0;
			background: -moz-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d9d9d9));
			background: -webkit-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
			background: -o-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
			background: -ms-linear-gradient(top, #f0f0f0 0%,#d9d9d9 100%);
			background: linear-gradient(to bottom, #f0f0f0 0%,#d9d9d9 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d9d9d9',GradientType=0 );
			}
			
		.pagination .btn.btn-prev {
			position: absolute;
			left: 0;
			top: 20px;
			}
			
		.pagination .btn.btn-next {
			position: absolute;
			right: 0;
			top: 20px;
			}
		
	/* COMMON DATA */
	
	.data + .btns{
		margin-top: 14px;
		}
		
	/* COMMON AVATAR */
	
	.avatar {
		float: right;
		width: 70px;
		height: 70px;
		margin: 0 0 5px 10px;
		background: #eee;
		overflow: hidden;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		border: 1px solid #eee;
		}
		
		.avatar img {
			width: 70px;
			height: 70px;
			overflow: hidden;
			-o-border-radius: 50%;
			-ms-border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			}
		
	/* COMMON FIGURE */
		
	.featured .figure {
		margin: 0 0 20px 0;
		}
		
	.figure a {
		display: block;
		}
		
	.figure.left {
		float: left;
		width: 40%;
		margin-bottom: 14px; 
		}
		
	.figure.left + h1,
	.figure.left + h1 + .signature-date {
		margin-left: 40%;
		padding-left: 10px;
		}
		
	.figure.left + h1 + .description,
	.figure.left + h1 + .signature-date + .description {
		clear: both;
		}
			
		.figcaption {
			font: normal 0.78571429em/15px Tahoma, Arial, Helvetica, Garuda, sans-serif;
			padding: 4px 0 5px 0;
			margin: 0;
			color: #888;
			border-bottom: 1px dotted #ccc;
			}
			
			.figcaption .signature {
				color: #999;
				font-size: 10px;
				line-height: 12px;
				text-transform: uppercase;
				}
		
	/* COMMON SIGNATURE AND DATE */
					
	.signature-date {
		font: normal 0.78571429em/16px Arial, Helvetica, Garuda, sans-serif;
		color: #757575;
		}
		
		.signature-date .author {
			text-transform: uppercase;
			margin-right: 5px;
			text-decoration: none;
			}
		
			.signature-date .author a {
				color: #757575;
				text-decoration: none;
				}
				
			.signature-date .author a:hover {
				border-bottom: 1px dotted #333;
				}
			
		.signature-date .place,
		.signature-date .date {
			display: inline-block;
			border-left: 1px solid #757575;
			margin-right: 5px;
			padding: 0 0 0 10px;
			text-transform: uppercase;
			}
			
	/* COMMON DESCRIPTION */
						
	.description {
		margin: 10px 0 0;
		}
		
	.description *:first-child {
		margin-top: 0;
		}
		
	.description *:last-child {
		margin-bottom: 0;
		}
			
        .description p {
                font: normal 0.84571429em/18px Arial, Helvetica, Garuda, sans-serif;
                }
		
	/* COMMON BOX */
	
	.box {
		padding: 0 10px 10px;
		margin: 0 0 20px 0;
		border: 1px solid #ccc;
		}
		
		.box .box-title {
			position: relative;
			font: bold 1em/18px Arial, Helvetica, Garuda, sans-serif;
			text-transform: uppercase;
			padding: 0 0 0 20px;
			margin: 0 0 10px 0;
			background: url(../image/icon-arrow-down.png) no-repeat 0px 10px;
			}
			
		@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min--moz-device-pixel-ratio: 1.5),
		only screen and (min-device-pixel-ratio: 1.5) {
			
		.box .box-title {
			background-image: url(../image/icon-arrow-down@2x.png);
			background-size: 12px 11px;
			}
								
		}
		
			.box .box-title .icon {
				display: block;
				position: absolute;
				top: 7px;
				right: 0;
				}
				
			.box .box-title .icon + span {
				padding-right: 26px;
				}
			
			.box .box-title span {
				display: block;
				padding: 5px 0 5px 10px;
				border-left: 1px solid #ccc;
				}
				
				.box .box-title span a {
					text-decoration: none;
					}
					
				.box .box-title span a:hover {
					color: #666;
					}
					
		.featured .figure {
			margin: 0 0 10px 0;
			}
					
		.box h1 {
			font: bold 1.14285714em/22px Arial, Helvetica, Garuda, sans-serif !important;
			letter-spacing: 0 !important;
			margin: 7px 0 8px;
			}
	
		.box .featured h1 {
			//font: bold 1.57142857em/27px Arial, Helvetica, Garuda, sans-serif !important;
			font: bold 1.37142857em/24px Arial, Helvetica, Garuda, sans-serif !important;
			letter-spacing: -1px !important;
			margin: 0 0 8px;
			}
			
			.box h1 a {
				color: #000;
				text-decoration: none;
				}
				
			.box h1 a:hover {
				border-bottom: 1px dotted #333;
				color: #000;
				}
						
		.box .description {
			margin: 10px 0 0;
			}
			
			.box .description * {
				font: normal 0.85714286em/18px Arial, Helvetica, Garuda, sans-serif;
				}
				
		.box .description + .btns,
		.box .data + .btns {
			margin: 17px 0 20px 0;
			}
			
		.box .btn-content {
			margin: 17px -10px -10px;
			padding: 10px;
			background: #fff;
			border-top: 1px solid #ccc;
			}
		
		.box .btn-content.top {
			margin: 0 -10px 17px -10px;
			border-bottom: 1px solid #ccc;
			}
			
			.box .btn-content .btn {
				display: block;
				}
				
	/* COMMON CAROUSEL */
	
	.carousel-columnists .carousel-nav {
		position: absolute;
		top: 50%;
		height: 0;
		width: 100%;
		margin: 0 -50px;
		}
		
	.carousel-columnists .carousel-nav > a {
		margin-top: -12px;	
		}
		
	.related-products .carousel-nav {
		position: absolute;
		top: 2px; right: -6px;
		}
		
		.carousel-nav > a {
			display: inline-block;
			width: 24px;
			height: 24px;
			font-size: 1.28571429em;
			line-height: 26px;
			text-align: center;
			vertical-align: middle;
			color: #0097c8;
			}
			
		.carousel-columnists .carousel-nav > a {
			margin-top: -12px;	
			}
			
		.carousel-columnists .carousel-nav > a.btn-prev {
			float: left;
			}
			
		.carousel-columnists .carousel-nav > a.btn-next {
			float: right;
			}
	
	.carousel {
		position: relative;
		overflow: hidden;
		}
		
	.carousel.carousel-columnists {
		padding: 0 50px;
		}
		
		.carousel-content {
			/* width calculated by js */
			margin-left: -10px;
			}
		
		.carousel-content .item {
			display: block;
			padding: 0 10px;
			margin: 0 0 20px 0;
			text-decoration: none;
			}
			
		.carousel.carousel-columnists .item {
			color: #757575;
			margin: 0;
			}
			
		.carousel.carousel-columnists .item:hover {
			color: #e0387a;
			}
			
			.carousel-content .item .avatar {
				float: none;
				display: inline-block;
				width: 120px;
				height: 120px;
				margin: 0 0 10px 0;
				}	
				
				.carousel-content .item .avatar img {
					width: 120px;
					height: 120px;
					}
					
			.carousel-content .item .name {
				font: bold 1em/18px Arial, Helvetica, Garuda, sans-serif;
				text-transform: uppercase;
				}
			
			.carousel-content .item .box {
				position: relative;
				margin-bottom: 20px !important;
				padding-bottom: 150px;
				height: 100%;
				}
				
				.carousel-content .item .box article {
					margin-bottom: 0 !important;
					}
					
				.carousel-content .item .pack.box .content-nav {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					margin: 0 !important;
					}
					
				.carousel-content .item .pack.box .content-nav ul {
					margin: 0 !important;
					}
			
	/* COMMON RELATED CONTENT */
	
	.related-products {}
	
		.related-products .related-title {
			margin: 7px 0 17px;
			font: bold 1.57142857em/27px Arial, Helvetica, Garuda, sans-serif;
			letter-spacing: -1px;
			}
			
		.related-products h1 {
			font: normal 2em/32px Georgia, "Times New Roman", Times, serif;
			letter-spacing: -1px;
			margin: 7px 0 8px;
			}
			
			.related-products h1 a {
				color: #000;
				text-decoration: none;
				}
				
			.related-products h1 a:hover {
				border-bottom: 1px dotted #333;
				color: #000;
				}
	
	/* SECTION SEARCH */
	
	.search {
		margin-bottom: 40px;
		}
		
		.search .section-title {
			margin: 0;
			}
		
		.search > section {
			margin-bottom: 40px;
			}
		
		.search > section:last-child {
			margin-bottom: 0;
			}
				
		/*.search .section-title span {
			line-height: 1.40em;
			}*/
				
		.search .piece,
		.search .pack,
		.search .subscription {
			margin-bottom: 40px;
			}
			
			.search .piece h3,
			.search .pack h3,
			.search .subscription h3 {
				font: normal 22px/26px Georgia,"Times New Roman",Times,serif;
				letter-spacing: 0;
				margin: 0 0 7px 0;
				}
			
			.search .piece h3 a,
			.search .pack h3 a,
			.search .subscription h3 a {
				color: #000;
				text-decoration: none;
				}
		
			.search .piece .article,
			.search .pack .article,
			.search .subscription .article {
				margin-left: 130px;
				}
	.search .not-found {
		text-align: center;
		padding: 30px;
		background: #f1f1f1;
		border: 1px solid #ccc;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}
		
	/* SECTION CATALOGUE */
	
	.catalogue {}		
	
		/* CATALOGUE ARTICLE */
		
		.catalogue .article {
			margin: 0 0 20px 0;
			}
						
			/* CATALOGUE ARTICLE HEADING */
			
			.catalogue h1 {
				//font: normal 2em/32px Georgia, "Times New Roman", Times, serif;
				font: normal 1.5em/24px Georgia, "Times New Roman", Times, serif;
				letter-spacing: -1px;
				margin: 7px 0 8px;
				}
		
			.catalogue .featured h1 {
				font: normal 2.71428571em/40px Georgia, "Times New Roman", Times, serif;
				letter-spacing: -1px;
				margin: 0 0 7px 0;
				}
				
				.catalogue h1 a {
					color: #000;
					text-decoration: none;
					}
					
				.catalogue h1 a:hover {
					border-bottom: 1px dotted #333;
					color: #000;
					}
					
	/* SECTION PACKS */
	
	.packs {}
	
		.pack.box {
			border-top-color: #0598d4;
			border-bottom: 0;
			}
	
			.pack.box .box-title a {
				color: #0598d4;
				}
				
			.pack.box .content-nav {}
			
				.pack.box .content-nav ul {
					margin: 0 -10px -10px;
					padding: 0;
					background: #f1f1f1;
					border-bottom: 1px solid #ccc;
					}
					
					.pack.box .content-nav ul li {}
					
					.pack.box .featured .content-nav ul li {
						float: left;
						width: 50%;
						border-right: 1px solid #ccc; 
						}
						
					.pack.box .featured .content-nav ul li:nth-child(even) {
						border-right: 0;
						}
					
						.pack.box .content-nav ul li > span {
							position: relative;
							display: block;
							padding: 10px 10px 10px 38px;
							line-height: 14px;
							border-top: 1px solid #ccc;
							}
							
							.pack.box .content-nav ul li > span {
								font-size: 0.78571429em;
								text-decoration: none;
								color: #757575;
								background: #f1f1f1;
								}
							
								.pack.box .content-nav ul li > span .fa {
									position: absolute;
									left: 10px;
									top: 10px;
									font-size: 1.57142857em;
									color: #0598d4;
									}
									
								.touch .pack.box .content-nav ul li > span .fa {
									top: 8px;
									}
					
	/* SECTION NEWS SERVICE */
	
	.news-service {}
	
		.news-service .box {
			border-top-color: #1172c2;
			}
			
			.news-service .box .box-title {
				background: url(../image/icon-arrow-down-blue.png) no-repeat 0px 10px;
				}
				
			@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
			only screen and (-o-min-device-pixel-ratio: 3/2),
			only screen and (min--moz-device-pixel-ratio: 1.5),
			only screen and (min-device-pixel-ratio: 1.5) {
				
			.news-service .box .box-title {
				background-image: url(../image/icon-arrow-down-blue@2x.png);
				background-size: 12px 11px;
				}
									
			}
	
				.news-service .box .box-title a {
					color: #1172c2;
					}
				
	/* SECTION COLUMNISTS */
	
	.columnists {}
	
		.columnists .box {
			border-top-color: #e0387a;
			}
			
			.columnists .box .box-title {
				background: url(../image/icon-arrow-down-pink.png) no-repeat 0px 10px;
				}
				
			@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
			only screen and (-o-min-device-pixel-ratio: 3/2),
			only screen and (min--moz-device-pixel-ratio: 1.5),
			only screen and (min-device-pixel-ratio: 1.5) {
				
			.columnists .box .box-title {
				background-image: url(../image/icon-arrow-down-pink@2x.png);
				background-size: 12px 11px;
				}
									
			}
	
			.columnists .box .box-title a {
				color: #e0387a;
				}
				
			.columnists .box h1 {
				font: normal 22px/27px Georgia, "Times New Roman", Times, serif !important;
				font-style: italic !important;
				letter-spacing: -1px;
				margin: 0 0 8px;
				}
				
			.columnists .box .featured h1 {
				font: normal 2.71428571em/40px Georgia, "Times New Roman", Times, serif !important;
				font-style: italic !important;
				}
				
	/* SECTION SUSCRIPTIONS */
	
	.suscriptions {}
	
		.suscriptions .box {
			border-top-color: #73c000;
			}
			
			.suscriptions .box .box-title {
				background: url(../image/icon-arrow-down-green.png) no-repeat 0px 10px;
				}
				
			@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
			only screen and (-o-min-device-pixel-ratio: 3/2),
			only screen and (min--moz-device-pixel-ratio: 1.5),
			only screen and (min-device-pixel-ratio: 1.5) {
				
			.suscriptions .box .box-title {
				background-image: url(../image/icon-arrow-down-green@2x.png);
				background-size: 12px 11px;
				}
									
			}
	
			.suscriptions .box .box-title a {
				color: #73c000;
				}
				
			.suscriptions .box .box-title a {
				display: inline-block;
				}
				
	/* SECTION PRODUCT */
	
	.related-products {
		position: relative;
		}
		
	.box.pack article {
		margin: 0;
		}
		
	.catalogue .box.pack .featured h1 {
		font: bold 2.71428571em/40px Arial, Helvetica, Garuda, sans-serif;		
		}
		
	/* SECTION CART */
	
	.cart {
		margin: 0 0 20px 0;
		}
	
		/* CART STEPS */
		
		.cart-steps {
			margin: 0 0 20px 0;
			padding: 0;
			list-style: none;
			}
			
			.cart-steps li {
				display: table;
				position: relative;
				float: left;
				width: 25%;
				margin: 0 0 0 -16px;
				padding: 0 0 0 16px;
				font: bold 0.78571429em/13px Tahoma, Arial, Helvetica, Garuda, sans-serif;
				text-transform: uppercase;
				color: #aaa;
				background: #ccc;
				-o-box-sizing: content-box;
				-ms-box-sizing: content-box;
				-moz-box-sizing: content-box;
				-webkit-box-sizing: content-box;
				box-sizing: content-box;
				}
				
			.cart-steps li.active {
				background: #0097c8;
				}
				
			.cart-steps li:first-child {
				padding: 0;
				margin: 0;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
				
				.cart-steps li > span {
					position: relative;
					display: table-cell;
					vertical-align: middle;
					padding: 10px 26px 10px 24px;
					}
					
				.cart-steps li:first-child > span {
					padding-left: 34px;
					}
					
				.cart-steps li > span:before {
					content: '';
					position: absolute;
					top: 0;
					left: -16px;
					width: 16px;
					height: 100%;
					background: url(../image/bg-cart-step.png) center center no-repeat;
					}
					
				.cart-steps li.active + li > span:before {
					background: url(../image/bg-cart-step-active.png) center center no-repeat;
					}
					
				@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
				only screen and (-o-min-device-pixel-ratio: 3/2),
				only screen and (min--moz-device-pixel-ratio: 1.5),
				only screen and (min-device-pixel-ratio: 1.5) {
					
				.cart-steps li > span:before {
					background: url(../image/bg-cart-step@2x.png) center center no-repeat;
					background-size: 16px 100px;
					}
					
				.cart-steps li.active + li > span:before {
					background: url(../image/bg-cart-step-active@2x.png) center center no-repeat;
					background-size: 16px 100px;
					}
										
				}
					
				.cart-steps li:first-child > span:before {
					display: none;
					}
				
				.cart-steps li.active > span {
					color: #fff;
					background: #0097c8;
					}
					
					.cart-steps li > span .number {
						position: absolute;
						left: 0;
						top: 50%;
						display: inline-block;
						width: 16px;
						height: 16px;
						margin-top: -8px;
						text-align: center;
						line-height: 16px;
						background: #eee;
						-o-border-radius: 50%;
						-ms-border-radius: 50%;
						-moz-border-radius: 50%;
						-webkit-border-radius: 50%;
						border-radius: 50%;
						}
						
					.cart-steps li:first-child > span .number {
						left: 10px;
						}
						
					.cart-steps li.active > span .number {
						color: #0097c8;
						background: #fff;
						}
	
		/* CART TABLE */
		
		.cart-table {
			width: 100%;
			border-collapse: collapse;
			font-size: 0.84615385em;
			}
			
			.cart-table tr:nth-child(even) td {
				background: #eee;
				}
			
			.cart-table th,
			.cart-table td {
				padding: 7px 10px;
				border: 1px solid #ccc;
				}
				
			.cart-table th {
				text-transform: uppercase;
				background: #eee;
				}
				
			.cart-table .type {
				width: 1px;
				text-align: center;
				}
				
			.cart-table .product {
				text-align: left;
				min-width: 100px;
				}
				
				.cart-table .date {
					color: #757575;
					text-transform: uppercase;
					white-space: pre;
					}
				
			.cart-table td.price {
				width: 1px;
				font: bold 1.16666667em/18px Arial, Helvetica, Garuda, sans-serif;
				text-align: right;
				}
				
			.cart-table th.price {
				text-align: right;
				}
				
			.cart-table .btns {
				width: 1px;
				padding: 7px;
				text-align: center;
				}
				
				.cart-table .btns .btn {
					white-space: pre;
					}
					
		/* CART TOTAL */
		
		.cart-total {
			width: 100%;
			border-collapse: collapse;
			font-size: 0.84615385em;
			border: 1px solid #ccc;
			border-top: 0;
			}
			
			.cart-total th,
			.cart-total td {
				padding: 7px 10px;
				background: #fafafa;
				text-align: right;
				}
				
			.cart-total th {
				text-transform: uppercase;
				background: #eee;
				}
				
			.cart-total td.price {
				width: 1px;
				font: bold 1.16666667em/18px Arial, Helvetica, Garuda, sans-serif;
				text-align: right;
				padding-left: 0;
				}
				
			.cart-total th.price {
				text-align: right;
				}
				
	/* SIMPLE TABLE */
		
	.simple-table {
		width: 100%;
		border-collapse: collapse;
		font-size: 0.84615385em;
		}
		
		.simple-table tr:nth-child(even) td {
			background: #eee;
			}
		
		.simple-table th,
		.simple-table td {
			padding: 7px 10px;
			border: 1px solid #ccc;
			}
			
		.simple-table td:last-child {
			border-left: 0;
			}
			
		.simple-table td:first-child {
			width: 1px;
			white-space: pre;
			}
				
	/* SIDEBAR */
	
	.sidebar {}
	
		.sidebar > * {
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ccc; 
			}
			
		.sidebar > .box {
			padding-bottom: 10px;
			}
	
		/* SIDEBAR SUSCRIPTIONS LIST */
		
		.suscriptions-list {}
		
			.suscriptions-list .title {
				margin: -5px 0 14px 0;
				font: bold 1em/18px Arial, Helvetica, Garuda, sans-serif;
				color: #73c000;
				text-transform: uppercase;
				}
		
			.suscriptions-list ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				.suscriptions-list ul li {
					margin: 0 0 5px 0;
					}
					
				.suscriptions-list ul li:last-child {
					margin: 0;
					}
					
			.suscriptions-list .btns {}
			
				.suscriptions-list .btns a {
					display: block;
					margin: 10px 0 0;
					font: normal 0.78571429em/18px Arial, Helvetica, Garuda, sans-serif;
					text-transform: uppercase;
					color: #73c000;
					}
					
				.suscriptions-list .btns a:hover {
					color: #757575;
					}
					
		/* SIDEBAR CONTACT BUTTON */
		
		.btn-contact {
			position: relative;
			display: block;
			}
					
		/* SIDEBAR MOST VIEWED */
		
		.most-viewed {}
		
			.most-viewed {
				border-top-color: #906d6b;
				}
				
				.most-viewed .box-title {
					background: url(../image/icon-arrow-down-brown.png) no-repeat 0px 10px;
					}
					
				@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
				only screen and (-o-min-device-pixel-ratio: 3/2),
				only screen and (min--moz-device-pixel-ratio: 1.5),
				only screen and (min-device-pixel-ratio: 1.5) {
					
				.most-viewed .box-title {
					background-image: url(../image/icon-arrow-down-brown@2x.png);
					background-size: 12px 11px;
					}
										
				}
		
				.most-viewed .box-title a {
					color: #906d6b;
					}
					
				.most-viewed ol {
					margin: 0 0 0 0;
					padding: 0 0 0 20px;
					font: normal 0.78571429em/14px Arial, Helvetica, Garuda, sans-serif;
					color: #757575;
					list-style-position: outside;	
					}
					
					.most-viewed ol li {
						position: relative;
						}
						
						.most-viewed ol li a {
							display: block;
							padding: 7px 0;
							text-decoration: none;
							font-weight: bold;
							color: #000;
							}
							
							.most-viewed ol li a:before {
								content: '';
								position: absolute;
								top: 0;
								left: -20px;
								width: 100%;
								height: 1px;
								padding: 0 0 0 20px;
								background: #ccc;
								-o-box-sizing: content-box;
								-ms-box-sizing: content-box;
								-moz-box-sizing: content-box;
								-webkit-box-sizing: content-box;
								box-sizing: content-box;
								}
							
						.most-viewed ol li:last-child a {
							padding-bottom: 0;
							}
							
						.most-viewed ol li a:hover {
							color: #757575;
							}
							
/* FOOTER */

#footer {
	margin: 0 0 0 0;
	}
	
	/* FOOTER BOX */

	.footer-box {
		border: 1px solid #ccc;
		}
		
		.footer-box .faq,
		.footer-box .newsletter {
			position: relative;
			float: left;
			width: 50%;
			padding: 20px 20px 20px 80px;
			}
			
			.footer-box .faq h1,
			.footer-box .newsletter h1 {
				display: inline-block;
				margin: 0;
				font: bold 1em/33px Arial, Helvetica, Garuda, sans-serif;
				text-transform: uppercase;
				}
				
		.footer-box .faq {
			background: url(../image/icon-faq.png) no-repeat 20px center #f1f1f1;
			}
			
		@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min--moz-device-pixel-ratio: 1.5),
		only screen and (min-device-pixel-ratio: 1.5) {
			
		.footer-box .faq {
			background-image: url(../image/icon-faq@2x.png);
			background-size: 48px 42px;
			}
								
		}
				
			.footer-box .faq .btn {
				float: right;
				}
				
		.footer-box .newsletter {
			border-left: 1px solid #ccc;
			background: url(../image/icon-newsletter.png) no-repeat 20px center #f1f1f1;
			}
			
		@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min--moz-device-pixel-ratio: 1.5),
		only screen and (min-device-pixel-ratio: 1.5) {
			
		.footer-box .newsletter {
			background-image: url(../image/icon-newsletter@2x.png);
			background-size: 48px 42px;
			}
								
		}
			
			.footer-box .newsletter fieldset {
				position: relative;
				display: inline-block;
				float: right;
				width: 60%;
				margin-bottom: 0;
				}
				
				.footer-box .newsletter fieldset .btn {
					position: absolute;
					top: 0;
					right: 0;
					-o-border-radius: 0 3px 3px 0;
					-ms-border-radius: 0 3px 3px 0;
					-moz-border-radius: 0 3px 3px 0;
					-webkit-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
					}
					
		.footer-box .prisa-companies {
			clear: both;
			position: relative;
			padding: 5px 0 10px 190px;
			min-height: 100px;
			border-top: 1px solid #ccc;
			background: url(../image/bg-shadow-arrow.png) 125px center no-repeat;
			}
			
		@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min--moz-device-pixel-ratio: 1.5),
		only screen and (min-device-pixel-ratio: 1.5) {
			
		.footer-box .prisa-companies {
			background-image: url(../image/bg-shadow-arrow@2x.png);
			background-size: 54px 326px;
			}
								
		}
		
			.footer-box .prisa-companies .logo-prisa {
				position: absolute;
				left: 20px;
				top: 50%;
				width: 120px;
				height: 48px;
				margin-top: -24px;
				}	
				
				.footer-box .prisa-companies .logo-prisa a {
					display: block;
					width: 120px;
					height: 48px;
					text-indent: -99999px;
					background: url(../image/logo-prisa.png) center center no-repeat;
					}
					
				@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
				only screen and (-o-min-device-pixel-ratio: 3/2),
				only screen and (min--moz-device-pixel-ratio: 1.5),
				only screen and (min-device-pixel-ratio: 1.5) {
					
				.footer-box .prisa-companies .logo-prisa a {
					background-image: url(../image/logo-prisa@2x.png);
					background-size: 120px 48px;
					}
										
				}
				
			.footer-box .prisa-companies .prisa-companies-logos {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				.footer-box .prisa-companies .prisa-companies-logos li {
					float: left;
					margin: 5px 10px 0 0;
					}
					
					.footer-box .prisa-companies .prisa-companies-logos li a {
						display: inline-block;
						position: relative; 
						}
						
						.footer-box .prisa-companies .prisa-companies-logos li a .bw {
							display: inline-block;
							}
						
						.footer-box .prisa-companies .prisa-companies-logos li a .color {
							position: absolute;
							left: 0;
							top: 0;
							display: inline-block;
							opacity: 0;
							
							-o-transition: all .3s ease-in-out;
							-ms-transition: all .3s ease-in-out;
							-moz-transition: all .3s ease-in-out;
							-webkit-transition: all .3s ease-in-out;
							transition: all .3s ease-in-out;
							}
							
						.lt-ie9 .footer-box .prisa-companies .prisa-companies-logos li a .color {
							display: none;
							}
							
						.footer-box .prisa-companies .prisa-companies-logos li a:hover .color {
							opacity: 1;
							}
							
						.lt-ie9 .footer-box .prisa-companies .prisa-companies-logos li a:hover .color {
							display: inline-block;
							}
							
						.lt-ie9 .footer-box .prisa-companies .prisa-companies-logos li a:hover .bw {
							visibility: hidden;
							}
				
	/* FOOTER BOTTOM */

	.footer-bottom {
		padding: 17px 0;
		font-size: 0.78571429em;
		color: #757575;
		}
		
		.footer-bottom a {
			color: #757575;
			}
			
		.footer-bottom a:hover {
			color: #000;
			}
		
		.footer-bottom .safe-pay {
			float: left;
			}
		
		.footer-bottom .legal {
			float: right;
			}

/* HELPERS */

.block 					{ display: block !important; width: 100% !important; }
.inline-block 			{ display: inline-block !important; }

.no-border				{ border: 0 !important; }
.no-border-right		{ border-right: 0 !important; }
.no-border-left		{ border-left: 0 !important; }
.no-border-top			{ border-top: 0 !important; }
.no-border-bottom		{ border-bottom: 0 !important; }

.no-margin				{ margin:0 !important; }
.no-margin-top 		{ margin-top:0 !important; }
.no-margin-bottom 	{ margin-bottom:0 !important; }
.no-margin-left 		{ margin-left:0 !important; }
.no-margin-right		{ margin-right:0 !important; }

.margin-bottom-5 		{ margin-bottom:5px !important; }
.margin-bottom-10 	{ margin-bottom:10px !important; }
.margin-bottom-15 	{ margin-bottom:15px !important; }
.margin-bottom-20 	{ margin-bottom:20px !important; }
.margin-bottom-25 	{ margin-bottom:25px !important; }
.margin-bottom-30 	{ margin-bottom:30px !important; }
.margin-bottom-40 	{ margin-bottom:40px !important; }

.margin-top-5 			{ margin-top:5px !important; }
.margin-top-10 		{ margin-top:10px !important; }
.margin-top-15 		{ margin-top:15px !important; }
.margin-top-20 		{ margin-top:20px !important; }
.margin-top-25 		{ margin-top:25px !important; }
.margin-top-30 		{ margin-top:30px !important; }
.margin-top-40 		{ margin-top:40px !important; }

.margin-right-5 		{ margin-right:5px !important; }
.margin-right-10 		{ margin-right:10px !important; }
.margin-right-15 		{ margin-right:15px !important; }
.margin-right-20 		{ margin-right:20px !important; }
.margin-right-25		{ margin-right:25px !important; }
.margin-right-30		{ margin-right:30px !important; }
.margin-right-40		{ margin-right:40px !important; }

.margin-left-5 		{ margin-left:5px !important; }
.margin-left-10 		{ margin-left:10px !important; }
.margin-left-15 		{ margin-left:15px !important; }
.margin-left-20 		{ margin-left:20px !important; }
.margin-left-25 		{ margin-left:25px !important; }
.margin-left-30 		{ margin-left:30px !important; }
.margin-left-40 		{ margin-left:40px !important; }

.no-padding			{ padding:0 !important; }
.no-padding-top 		{ padding-top:0 !important; }
.no-padding-bottom 	{ padding-bottom:0 !important; }
.no-padding-left 		{ padding-left:0 !important; }
.no-padding-right		{ padding-right:0 !important; }

.padding-bottom-5 	{ padding-bottom:5px !important; }
.padding-bottom-10 	{ padding-bottom:10px !important; }
.padding-bottom-15 	{ padding-bottom:15px !important; }
.padding-bottom-20 	{ padding-bottom:20px !important; }
.padding-bottom-25 	{ padding-bottom:25px !important; }
.padding-bottom-30 	{ padding-bottom:30px !important; }

.padding-top-5 		{ padding-top:5px !important; }
.padding-top-10 		{ padding-top:10px !important; }
.padding-top-15 		{ padding-top:15px !important; }
.padding-top-20 		{ padding-top:20px !important; }
.padding-top-25 		{ padding-top:25px !important; }
.padding-top-30 		{ padding-top:30px !important; }

.padding-right-5 		{ padding-right:5px !important; }
.padding-right-10 	{ padding-right:10px !important; }
.padding-right-15 	{ padding-right:15px !important; }
.padding-right-20 	{ padding-right:20px !important; }
.padding-right-25		{ padding-right:25px !important; }
.padding-right-30		{ padding-right:30px !important; }

.padding-left-5 		{ padding-left:5px !important; }
.padding-left-10 		{ padding-left:10px !important; }
.padding-left-15 		{ padding-left:15px !important; }
.padding-left-20		{ padding-left:20px !important; }
.padding-left-25 		{ padding-left:25px !important; }
.padding-left-30 		{ padding-left:30px !important; }

.float-left 			{ float:left !important; }
.float-right 			{ float:right !important; }
.float-none 			{ float:none !important; }

.clear-both 			{ clear:both !important; }
.clear-left 			{ clear:left !important; }
.clear-right 			{ clear:right !important; }

.align-left 			{ text-align:left !important; }
.align-center 			{ text-align:center !important; }
.align-right 			{ text-align:right !important; }

.relative				{ position: relative !important; }
.absolute				{ position: absolute !important; }

.full-height			{ height: 100% !important; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.row:after {
    clear: both;
}

.clearfix,
.row {
    *zoom: 1;
}

/* PRINT */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}