/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea { color: #4a4f54; }
body { font-size: 1em; line-height: 1.4; overflow-x: hidden; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; }
a{ text-decoration: none; }
a{
	color: #A33300;
}
a:hover{
	color: #993300;
}

body {
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: Helvetica, "Helvetica Neue", Arial;
	font-size: 14px;
	line-height: 20px;
}



h2, h3, h4, h5, h6{
	color: #930;
	line-height: 140%;
}


h7{
	color: #999;
	font-size: 11px;
	line-height: 140%;
}
h2{ font-size: 1.2em;	 }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #d3e1e6; padding: 0;	clear: both; margin-top: 1em; margin-right: 0; margin-bottom: 2em; margin-left: 0;  }
.wrapper { width: 90%; margin: 0 5%; }

/* ==========================================================================
   LOGO
   ========================================================================== */
.header-container .logo{
	position: absolute;
	width: 210px; /* Adjust Width for Logo if needed */
	height: 50px; /* Adjust Height for Logo if needed */
	top: 40px;
	margin: 0;
}
.header-container .logo img{
	width: 100%;
}




/* ==========================================================================
   MAIN THEME STYLES
   ========================================================================== */ 

.header-container{ }
.header-container .wrapper{ position: relative; z-index: 5; }
.header-container .wrapper nav { position: absolute; top: 50px; right: 0; }
.header-container .wrapper  nav ul {
	margin: 0;
	clear: right;
	float: right;
	background-color: rgba(0, 0, 0, .6);
	-webkit-border-radius: 8px 0px 8px 8px;
	border-radius: 8px 0px 8px 8px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 20px;
}
.header-container .wrapper  nav ul li { display: block; margin: 0;}
.header-container .wrapper  nav a {
	color: #fff; /* Change Nav Color*/
	display: inline;
	padding: 10px 0 5px;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
.header-container .wrapper  nav li a:hover .header-container .wrapper  nav li a.active{ border-bottom: 0px solid #fff; }
.header-container .wrapper  nav li.last{ margin-right: 0; }
.header-container .wrapper  nav a:hover {
    color: #ccc; /* Change Nav Hover Color*/
}

.header-container .wrapper  nav .toggleMenu{
	margin-right: 0;
	width: 28px;
	height: 21px;
	float: right;
	-webkit-border-radius: 8px;
	border-radius: 6px;
	padding: 10px 12px;
	background-color: rgba(0, 0, 0, .6);
}
.header-container .wrapper  nav .toggleMenu img{
	width: 100%;
	padding-bottom: 6px;
}

/*
@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-device-pixel-ratio: 1.5),
	(min-resolution: 1.5dppx) {
.header-container .wrapper  nav .toggleMenu{
	background: url(../img/icon_menu@2x.png) no-repeat 12px 10px;
	background-color: rgba(0, 0, 0, .6);
}
}
*/


.header-container .wrapper  nav .toggleMenu.active{ -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }
.main article section .icon{ float: right; margin-left: 25px; margin-bottom: 20px; margin-top: 5px; }
.main { padding: 10px 0 10px; }



/* ==========================================================================
   Quote
   ========================================================================== */ 
.flexslider2{
	color: #41454b; /* Change Quote Color*/
	padding-top: 1.5em; padding-bottom: 2em; font: 28px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: 300; clear: both;
}
.flexslider2 span{
	color: #0ca2d9; /* Change Quote By Color*/
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: block; margin-top: 20px;
}





/* ==========================================================================
   CTA Button
   ========================================================================== */ 
.btn{
	background: #df5b1c; /* Change Button Background Color*/
	color: #fff;  /* Change Button Text Color*/
	margin-top: 10px;
	display: inline-table;
	font-size: 20px;
	font-weight: 700;
	border-radius: 3px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	padding-top: 15px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 60px;
}
.btn:hover{
	background: #fff; /* Change Button Background Hover Color*/
	color: #232323; /* Change Button Text Hover Color*/ 
}



#slides .slides-container li .container {
	width: 700px;
	position: relative;
	height: 330px;
	color: #fff;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#slides .slides-container li .container .column, #slides .slides-container li .container .columnRight {
	width: 100%;
	position: absolute;
	text-align: center;
	background-color: #333;
	background-image: none;
	height: 40%;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 20px; /*(controla l'alçada desde fi de text de la caixa)*/
	padding-left: 5%;
}
.slides-pagination { position: absolute; z-index: 3; bottom: 0px; text-align: center; width: 100%; height: 40px; }
.slides-pagination a {
  border: none;
  border-radius: 15px;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 2px;
  background-color: rgba(255, 255, 255, .4);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.slides-pagination a.active,.slides-pagination a:hover { background-color: rgba(255, 255, 255, 1); }

.main article section { border-bottom: 1px solid #d3e1e6; padding: 25px 0; }
.column p, .columnRight p, .column h1, .columnRight h1{
	display: none;
	color: #FC0;
}
.column p, .columnRight p, .column hh, .columnRight hh{
	display: none;
	color: #FFF;
}





/* ==========================================================================
    LOGO
   ========================================================================== */ 
.footer-container h1{
	position: relative;
	width: 125px; /* Adjust Width for Logo if needed */
	height: 30px; /* Adjust Height for Logo if needed */
	margin: 0 auto 40px;
}
.footer-container h1 img{
	width: 100%;
}


.footer-container{ background: #f2f4f7; padding-top: 3em; padding-bottom: 3em; }
.footer-container ul{ padding: 0; margin: 0; text-align: center; }
.footer-container li{ display: inline-block; text-align: center; list-style-type: none; margin: 0 15px; }
.footer-container li:first-child{ margin-left: 0; }
.footer-container li:lst-child{ margin-right: 0; }
.footer-container li a{
	color: #930; /* Change colour of footer links */
	font-weight: 700;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.footer-container li a:hover{
	color: #119ada; /* Change colour of footer links on hover */
}




/* ==========================================================================
   Internal Page Adjustments
   ========================================================================== */
   
.header-container.internal { height: 150px; background-color: #2d3b42;  background-size: 100%;  
	background-image: url(../img/4.jpg); /* Change Your Header Image */
}
.main-container.internal img{ width: 100%; border: none; float: none; padding-bottom: 3em; padding-top: 2em; max-width: 350px; }
.internal .main{ padding-top: 30px;}
.main-container.internal section{ float: none; width: 100%;padding-top: 1em; padding-bottom: 1em; border: none; }
.main-container.internal aside{ float: none; width: 100%; border-top: 2px solid #d8dddf; padding-top: 1em; padding-bottom: 2em; margin-top: 40px; text-align: center; }
em{ color: #a7afb6; font-style: italic; font-weight: 300; }
.internal ol li{ margin-left: 0px; padding-top: 1em;	 }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 480px) {
	.column p, .columnRight p, .column h1, .columnRight h1, .slides-pagination { display: none;	 }
	#slides .slides-container li .container .column, #slides .slides-container li .container .columnRight{ background: none!important; }
	#slides .slides-container li .container .column, #slides .slides-container li .container .columnRight { padding: 10px 5% 15px; }
	.header-container .logo{ top: 15px; width: 35%; }
	.header-container .internal { height: 70px; }
	.header-container .wrapper nav{ top: 20px; }
	
	
.btn{
	background: #df5b1c; /* Change Button Background Color*/
	color: #fff;  /* Change Button Text Color*/
	margin-top: 10px;
	display: inline-table;
	font-size: 18px;
	font-weight: 500;
	
	border-radius: 3px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	
	padding-right: 60px;
	padding-bottom: 15px;
	opacity:0.9;
	

}	
	
	
.btn{ margin-top: 120px; }
.btn{ margin-left: -440px; }

 }
 
@media only screen and (max-width: 768px) { 
	.header-container .wrapper  nav ul{ width: 100%;} 
	#slides .slides-container li .container .column, #slides .slides-container li .container .columnRight{ bottom: 0px; } 
	hr{display: none;}	
}

@media only screen and (min-width: 770px) {
.header-container .logo{ margin: 0; top: 40px; left: 0px; }
.header-container .wrapper nav {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 476px;
}
.header-container .wrapper nav ul { background: none; border: none; }
.header-container .wrapper nav ul li{ display: inline-block; margin: 0 70px 10px 0; padding: 0;  }


#slides .slides-container li .container { width: 100%; margin: 0 auto 30px auto; position: relative; top: 60%; /* Aquest % posiciona la caixa de text verticalment respecte del marge sup */ color: #fff; opacity:0.8; }
#slides .slides-container li .container .column, #slides .slides-container li .container .columnRight{ width: 940px; position: relative; text-align: left; }
#slides .slides-container li .container .column { left: 0px; }
#slides .slides-container li .container .columnRight{ right: 0px; }

#slides .slides-container li .container h1{ line-height: 110%; font-size: 26px; margin-bottom: 1.2em; }
.column p, .columnRight p, .column h1, .columnRight h1{ display: block;	 }
.btn{ margin-top: 70px; }
.btn{ margin-left: -50px; }

.slides-pagination { position: absolute; z-index: 3; bottom: 25px; text-align: center; width: 100%; background: none; display: block; }

.main article section { float: left; width: 28%; margin-right: 8%; margin-bottom:2em; border-bottom: none; padding: 0; }
.main article section.last{ margin-right: 0;}
.main { padding: 60px 0 30px; }
.main-container.internal aside{ float: right; width: 35%; }
.main-container.internal section{ float: left; width: 50%; }
.main article section .icon{ margin-top: 15px; }
.footer-container h1{ float: left; }
.footer-container ul{ float: right; }
   
}

@media only screen and (min-width: 1140px) {
.wrapper { width: 1026px; /* 1140px - 10% for margins */ margin: 0 auto; }
#slides .slides-container li .container { width: 1026px; }
}





/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
   * { background: transparent !important;
       color: #000 !important; /* Black prints faster: h5bp.com/s */;
       box-shadow: none !important;
       text-shadow: none !important; }
   a,
   a:visited { text-decoration: none }
   a[href]:after { content: " (" attr(href) ")" }
   abbr[title]:after { content: " (" attr(title) ")" }
   /*
        * Don't show links for images, or javascript/internal links
        */
   .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; /* h5bp.com/t */ }
   tr,
   img { page-break-inside: avoid }
   img { max-width: 100% !important }
}