/* Global */

@font-face {
  font-family: 'Garage_bd';
  font-style: normal;
  font-weight: bold;
  src: url('garage/GarageGothic-Bold.otf');
}

body {
	font-family: 'AlteHaas_bd','Arial', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #7e7e7e;
	background-color:#ffffff;
	overflow-x:hidden;

}

.Titols{
	font-family: 'Garage_bd','Arial', sans-serif;
}


img {
	max-width: 100%;
}
a:link {
	color: #b92706;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}


.overflow_hidden {overflow:hidden;}

/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:20%;
	height:100%;
	z-index:9999;
}

#logo{
	margin-top: 20%;
}
.logo {
	margin-bottom:10px;
	margin-left:-3px;
	padding:10px;
	padding-left: 35px;
	margin-top:20px;
	height:170px;
}

.logo_big{
	display:none;
}
#logo img.logo_small {display:none;}


.navigation{
	list-style: none;
	margin: 0;
}
ul.navigation {
	margin:0;
	padding-left:2px;
	padding-bottom:10px;
}
.navigation li{

	width:158px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 35px;
	padding-right: 35px;
	text-transform:none;
	font-weight:800;
	font-size:18px;
	color:#000;
	letter-spacing: -1px;

}

.nav_primer{
	list-style: none;
	margin: 0;
	padding-top: 100px;
}
ul.nav_primer {
	margin:0;
	padding-left:2px;
	padding-bottom:10px;
}
.nav_primer li{

	width:15px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	text-transform:none;
	font-weight:800;
	font-size:18px;
	color:#000;
	letter-spacing: -1px;

}
.nav_primer_hover li{

	width:150px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 35px;
	padding-right: 35px;
	text-transform:none;
	font-weight:800;
	font-size:18px;
	color:#000;
	letter-spacing: -1px;

}

.nav_primer li:hover,
.nav_primer .active {
	cursor:pointer;
	/*background:url(../images/menu_bg_h.png) no-repeat 0 0;
	color: #fff;
	text-shadow:1px 2px 0 rgba(0,0,0,0.28);*/
}


.li0{
	display:none;
}
.li1{
	background-color:#BDA602;
}
.li2{
	background-color:#FFE31C;
}
.li3{
	background-color:#BDA602
}
.li4{
	background-color:#FFE31C;
}
.li5{
	background-color:#BDA602;
}
.li6{
	background-color:#FFE31C;
}
.li7{
	background-color:#BDA602;
}
.li8{
	background-color:#FFE31C;
}
.li9{
	background-color:#FFE31C;
}
.li10{
	background-color:#FFE31C;
}
.li11{
	background-color:#BDA602;
}
.li12{
	background-color:#BDA602;
}

.navigation li:hover,
.navigation .active {
	cursor:pointer;
	/*background:url(../images/menu_bg_h.png) no-repeat 0 0;
	color: #fff;
	text-shadow:1px 2px 0 rgba(0,0,0,0.28);*/
}




/* General Slides */

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0;
	max-width:100%;
	overflow:hidden;
}
h1 {
	margin:0 0 27px 0;
	text-transform:none;
	text-align:center;
	font-size: 72px;
	line-height: 86px;
	color:#343434;
	font-weight: 400;
}

h2 {
	margin:0 0 33px 0;
	text-transform:none;
	text-align:center;
	font-family:Arial;
	font-size: 14px;
	line-height: 20px;
	color:#3e3e3e;
	font-weight: 400;
}
img.icon_img {margin-bottom:19px;
}
h4 {
	margin:0 0 26px 0;
	text-transform:none;
	font-family:Lobster;
	font-weight:400;
	font-size:22px;
	line-height:22px;
	color:#454545;
}


/* ____________________________________ Slide 1 ____________________________________ */
.effects {
	position:relative;
}
.effect_2 {
	/*background:url(../images/effect_2.png) repeat left top;*/
	position:relative;
	z-index:999 !important;
}

.patrocinadors{
	display:table !important;
	text-align:left !important;
	margin:0 auto !important;
	border-bottom: 1px solid #BBB;

}

.patrocinadors a img{
	float:left;
}


.containerpatr{
	width:1020px !important;
}

.container_video{
    width:auto!important;
}

.width100{
    width:100%;
}

.center{
    text-align: center;
}

#separador{
	background:url(../images/separador.png) repeat left top ;
	min-height:240px;
}

#separadorMain{
	//background:url(../images/separador.png) repeat left top ;
	min-height:40px;
}

.padding_slide1 {padding:0px 0 0px 0;
}

#slide1{
	text-align:center;
	background:url(../images/fons-home.png) ;
	background-position:0 0 !important;
	background-size: contain;
	width:100%;
	background-color:#ffffff;
}
.filtr_bg {
	padding:0px 6px 15px 17px;
	width:100%;
	min-height: 480px;/*680px;*/
	margin-top:40px;
}

.TitDeProp{
	color:#fcdc6d;
	font-size: 90px;
	letter-spacing: -5px;
}

.col_prim{
	color:#FFF;
}


#slide1 h2 {
	text-transform:none;
	font-family:Lobster;
	font-size: 53px;
	color: #343434;
	line-height: 81px;
	padding:0;
	margin:0;
	font-weight: 400;
}
.bord_in_white {
	height:1px;
	background:#FFF;
	margin:15px 25px 0 15px;
}
#slide1 p {
	text-transform:uppercase;
	font-size: 14px;
	color: #343434;
	line-height: 20px;
	padding:19px 0 0 0;
	font-weight: 600;
}
#slide1 a.button {
    background-image: url(../images/arrow_down.png);
    display: block;
    height: 117px;
	margin:0 auto;
    width: 117px;
	font-weight:400;
	font-size:23px;
	line-height:110px;
	color:#fff;
	text-shadow:1px 2px 0 rgba(0,0,0,0.28);
}
a.button:hover {cursor:pointer;text-decoration:none;
}

.logo_inici{
	width: 80%;
}
.none{
	display:none;
}

/* ____________________________________ Slide 2 ____________________________________ */

#slide2{
	background-color:#ffffff;
	padding:90px 0 79px 0;
}
#slide2 .grid_8 img {
	margin-bottom:15px;
}
#slide2 p{
	color:#808080;
	font-weight: bold;

}

.perSlide2{
	background-color: #FFFFFF !important;
}

.perSlide4{
	background-color: #FFFFFF !important;
}

.perSlide5{
	background-color: #FFFFFF !important;
}

.perSlide6{
	background-color: #FFFFFF !important;
}

.perSlide7{
	background-color: #FFFFFF !important;
}

.perSlide8{
	background-color: #FFFFFF !important;
}
.perSlide10{
	background-color: #FFFFFF !important;
}

.perSlide11{
	background-color: #FFFFFF !important;
}

.perSlide12{
	background-color: #FFFFFF !important;
}
.perSlide13{
	background-color: #FFFFFF !important;
}
/* ____________________________________ Slide_separa ____________________________________ */


.padding_slide_separa {
	padding:66px 0 83px 0;
}


/* ____________________________________ Slide 3 ____________________________________ */

#slide3{
	/*background-image:url(../images/slide3_bg.jpg);*/
	background-image:url(../images/separador.png) ;
	background-size: contain;
	width:100%;
	background-position:0 0 !important;
	text-align:center;

}
.padding_slide3 {
	padding:140px 0 83px 0;
}
#slide3 p {
	padding:0;
	margin:0;
	text-transform:none;
	font-family:Lobster;
	font-size: 56px;
	line-height: 52px;
	color:#fff;
	font-weight: 400;
}



/* ____________________________________ Slide 4 ____________________________________ */

#slide4{
	background-color:#c99d6b;
	padding:90px 0 0 0;
}

/* _________________ PORTFOLIO ________________ */
.gallery-list li.grid_3 {
	width:234px !important;
	height:234px;
}

#slide4 ul{
	margin-top:22px;
	margin-bottom:-9px;
	padding:0;
	list-style-type:none;
}

#slide4 a.hover_img {
	display:block;
	overflow:hidden;
	position:relative;
	height:234px;
	width:235px;
	text-align:center;

}
#slide4 a.hover_img:hover {text-decoration:none;
}
#slide4 a.hover_img img {
	border-radius:50%;
	-webkit-border-radius:50%;
}

#slide4 .keywords1{

	color:#fbd65f;
	font-size:35px;
	font-weight:bold;
	line-height:35px;

}

/* ________________ //PORTFOLIO _______________ */

/* ____________________________________ Slide 5 ____________________________________ */

#slide5{
	background-color:#ffffff;
	padding:90px 0 79px 0;
}
#slide5 .grid_8 img {
	margin-bottom:15px;
}
#slide5 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}

/* ________________ //Slide 5 _______________ */

/* ____________________________________ Slide 6 ____________________________________ */

#slide6{
	background-color:#FFFFFF;
	padding:90px 0 79px 0;
}
#slide6 .grid_8 img {
	margin-bottom:15px;
}
#slide6 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}

/* ________________ //Slide 6 _______________ */

/* ____________________________________ Slide 7 ____________________________________ */

#slide7{
	background-color:#ffffff;
	padding:90px 0 79px 0;
}
#slide7 .grid_8 img {
	margin-bottom:15px;
}
#slide7 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}

/* ________________ //Slide 7 _______________ */

/* ____________________________________ Slide 8 ____________________________________ */

#slide8{
	background-color:#FFFFFF;
	padding:90px 0 79px 0;
}
#slide8 .grid_8 img {
	margin-bottom:15px;
}
#slide8 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}



/* ________________ //Slide 8 _______________ */

/* ____________________________________ Slide 9 ____________________________________ */

#slide9{
	background-color:#FFFFFF;
	padding:90px 0 79px 0;
}
#slide9 .grid_8 img {
	margin-bottom:15px;
}
#slide9 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}

/* ________________ //Slide 9 _______________ */


/* ____________________________________ Slide 10 ____________________________________ */

#slide10{
	background-color:#ffffff;
	padding:90px 0 79px 0;
}
#slide10 .grid_8 img {
	margin-bottom:15px;
}
#slide10 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}



/* ________________ //Slide 10 _______________ */

/* ____________________________________ Slide 11 ____________________________________ */

#slide11{
	background-color:#ffffff;
	padding:90px 0 79px 0;
}
#slide11 .grid_8 img {
	margin-bottom:15px;
}
#slide11 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}


/* ________________ //Slide 11 _______________ */

/* ____________________________________ Slide 12 ____________________________________ */

#slide12{
	background-color:#FFFFFF;
	padding:90px 0 79px 0;
}
#slide12 .grid_8 img {
	margin-bottom:15px;
}
#slide12 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}


/* ________________ //Slide 13 _______________ */
/* ____________________________________ Slide 13 ____________________________________ */

#slide13{
	background-color:#FFFFFF;
	padding:90px 0 79px 0;
}
#slide13 .grid_8 img {
	margin-bottom:15px;
}
#slide13 p{
	color:#FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;

}

#slide13 .grid_12{
    text-align: center;
}

.flex{
    display: flex!important;
}

/* ________________ //Slide 13 _______________ */

/* ______________ CONTACT_FORM ______________ */
.contact_form input[type="text"],
.contact_form textarea {
	width:27%;
	margin:0 0 19px 20px;
	padding:11px 10px 9px 19px;
	background: #fff;
	font-family:Arial;
	font-weight:400;
	border:1px solid #d9d9d9;
	color:#8b8a8a;
}
.contact_form input[type="text"]:first-child {margin-left:0 !important;}
.contact_form textarea {
	resize: none;
	margin-left:0;
	width:96%;
	height: auto;
    min-height: 95px;
}

.contact_btn {
	display: inline-block;
	border:1px solid #343434;
	text-transform:none;
	margin:0 6px 10px 0;
	padding:3px 20px 5px;
	font-size: 20px;
	line-height: 20px;
	text-shadow:1px 2px 0 rgba(0,0,0,0.33);
	color: #fff;
	font-family: 'Lobster';
	font-weight:400;
	text-align: center;
	vertical-align: middle;
	background:url(../images/contact_btn.jpg) repeat-x left top;
}
.send_btn {
	background:url(../images/contact_btn_h.jpg) repeat-x left top;
	border:1px solid #a51e00;
}
.contact_btn:hover,
.send_btn:hover {
	margin:2px 6px 8px 0;
	padding:3px 20px 3px;
}
#note .notification_ok {
	margin-top:20px;
	padding:7px 10px;
	text-align:center;
	text-transform:none;
	background:#3e3e3e;
	font-family:Lobster;
	font-weight:400;
	font-size:16px;
	color:#fff;
}
#note .notification_error {
	font-family:Lobster;
	font-weight:400;
	font-size:16px;
	color:#f00;
}
/* _____________ //CONTACT_FORM _____________ */

/* ____________ CONTACT_DETAILS _____________ */
.contact_det_block {margin-top:-5px;
}

ul.foot_block_intouch {
	margin:0;
	padding:2px 0 0 0;
}

.foot_block_intouch li {padding-bottom:8px !important;}
.foot_block_intouch li p, .foot_block_intouch a {
	color:#8f8f8f;
	line-height:21px;
	font-size:14px;
	padding:0 0 0 34px;
	margin:0;
}
.foot_block_intouch li a:hover {color:#b92706;text-decoration:none;}

.foot_block_intouch li.touch_phone p {
	background:url(../images/contact_icon.png) no-repeat 0 0;
}
.foot_block_intouch li.touch_clock p {
	background:url(../images/contact_icon.png) no-repeat 0 -98px;
}
.foot_block_intouch li.touch_mail a {
	background:url(../images/contact_icon.png) no-repeat 0 -190px;
}
.foot_block_intouch li.touch_site a {
	background:url(../images/contact_icon.png) no-repeat 0 -294px;
	display:block;
	height:20px;
}

.foot_block_intouch li.touch_mail a:hover {
}
.foot_block_intouch li.touch_site a:hover {
}

.foot_block_intouch li.touch_adress p {
	background:url(../images/contact_icon.png) no-repeat 0 -425px;
}

/* ___________ //CONTACT_DETAILS ____________ */
#map_block {
	margin:66px 0 0 0;
}

/* ___________________________________ //Slide 10 ___________________________________ */


/* ____________________________________ FOOTER ____________________________________ */
#footer {
	background:#d7d9da;
	padding:23px 0 50px;
}
.copyright {
	float:left;
	text-transform:none;
	font-family:"AlteHaas";
	font-weight:400;
	color:#979797;
	font-size:10px;
}
.copyright a {
	color:#fff;
}
.copyright a:hover {text-decoration:none;color:#b92706;
}

/* _____________ BACK_TOP ___________ */
#back_top {
	float:right;
}
#back_top a.button {
	display:block;
	text-transform:none;
	padding-right:28px;
	background:url(../images/back_top_bg.png) no-repeat top right;
	font-family:"AlteHaas";
	font-weight:400;
	height:22px;
	color:#979797;
}
#back_top a.button:hover {text-decoration:none;}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */



.lletra{
	font-size:22px;
	line-height: 32px;
}


.Tastasons{
	position:fixed;
	top: 35%;
	right:2%;
	width: 13%;
	z-index:3000;
}

.Tastasons img{
	width:100%;
}

