@font-face {font-family: 'GothamRnd'; src: url('./fonts/GothamRnd-Medium.eot'); src: local('☺'), url('./fonts/GothamRnd-Medium.woff') format('woff'), url('./fonts/GothamRnd-Medium.ttf') format('truetype'), url('./fonts/GothamRnd-Medium.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'GothamRnd'; src: url('./fonts/GothamRnd-MedItal.eot'); src: local('☺'), url('./fonts/GothamRnd-MedItal.woff') format('woff'), url('./fonts/GothamRnd-MedItal.ttf') format('truetype'), url('./fonts/GothamRnd-MedItal.svg') format('svg'); font-weight: normal; font-style: italic; }
@font-face {font-family: 'GothamRnd'; src: url('./fonts/GothamRnd-Bold.eot'); src: local('☺'), url('./fonts/GothamRnd-Bold.woff') format('woff'), url('./fonts/GothamRnd-Bold.ttf') format('truetype'), url('./fonts/GothamRnd-Bold.svg') format('svg'); font-weight: bold; font-style: normal; }
@font-face {font-family: 'GothamRnd'; src: url('./fonts/GothamRnd-BoldItal.eot'); src: local('☺'), url('./fonts/GothamRnd-BoldItal.woff') format('woff'), url('./fonts/GothamRnd-BoldItal.ttf') format('truetype'), url('./fonts/GothamRnd-BoldItal.svg') format('svg'); font-weight: bold; font-style: italic; }
@font-face {font-family: 'GothamRnd'; src: url('./fonts/GothamRnd-Light.eot'); src: local('☺'), url('./fonts/GothamRnd-Light.woff') format('woff'), url('./fonts/GothamRnd-Light.ttf') format('truetype'), url('./fonts/GothamRnd-Light.svg') format('svg'); font-weight: light; font-style: normal; }
@font-face {font-family: 'GothamRnd'; src: url('./fonts/GothamRnd-LightItal.eot'); src: local('☺'), url('./fonts/GothamRnd-LightItal.woff') format('woff'), url('./fonts/GothamRnd-LightItal.ttf') format('truetype'), url('./fonts/GothamRnd-LightItal.svg') format('svg'); font-weight: light; font-style: italic; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 16px; color:#000; vertical-align: baseline; font-family:'GothamRnd', 'Verdana', Sans-Serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }

html{ overflow-y: scroll; }
body{padding-top:140px;}
body.category{padding-top:200px;}
body.project{padding-top:160px;}

a{text-decoration: none}
.visible-xxs{display:none;}
img{max-width:100%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:10px;padding-right:10px;}

/** Header **/

	#brandspotting-logo{margin:22px 0 15px 0; z-index:101; position:absolute;}

	#language-selector{margin:35px 0 0 0;}
		#language-selector a{font-size:16px; color:#000; text-decoration: none;}
		#language-selector a:hover{color:#27AF00;}

	/** Navigation **/

		nav.navigation{width:100%; text-align: center; margin-top:25px;}
			.nav>li{width:auto; display:inline-block;}
			.nav>li>a{padding:4px 8px 0 8px; text-transform: uppercase; font-size: 18px; color:#000;}
			.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus{color:#000; background:url('./images/menuitem-bg.gif') bottom left no-repeat;}

		nav.navigation .sub-menu-container{margin-top:20px; display:block; height:auto;}
			nav.navigation .sub-menu-container.visible-xxs{display:none;}
			nav.navigation .sub-menu-container .xs-spacer{display:none;}
		nav.navigation .sub-menu{display:none; padding-bottom:35px; }
		nav.navigation .sub-menu.active{display:block;}
			nav.navigation .sub-menu.active{display:block;}

		nav.navigation .sub-menu li{display:inline-block; margin:0 6px;}
			nav.navigation .sub-menu li a{font-size:18px; font-style:italic; text-decoration:none; color:#000;}
				nav.navigation .sub-menu li.active a, nav.navigation .sub-menu li a:hover{color:#27AF00; text-decoration: none;}

		.navbar{min-height:0px; margin:0px;}
		.navbar-toggle{border:1px solid #999; margin:20px 0 0 0px; cursor:pointer; display:none;}
			.navbar-toggle .icon-bar{background:#999;}

		.navbar-toggle:hover, .navbar-toggle:focus{border:1px solid #27AF00; background:#27AF00;}
			.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar{background:#FFF;}

	/** On Scroll down Menu reduces **/
		header{background:#FFF;}

		.navbar-fixed-top, nav.navigation,#brandspotting-logo, #brandspotting-logo img, .top-nav-collapse #language-selector, .top-nav-collapse nav.navigation .sub-menu-container,.top-nav-collapse nav.navigation .sub-menu-container li a,.top-nav-collapse nav.navigation .sub-menu-container .xs-spacer { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
		/*.top-nav-collapse{border-bottom:1px solid #EEE!important;}*/
		.top-nav-collapse nav.navigation{margin-top:-27px;}
		.top-nav-collapse #brandspotting-logo{margin:5px 0 0px 0;}
			.top-nav-collapse #brandspotting-logo img{width:150px;}
		.top-nav-collapse #language-selector{margin-top:15px;}
		.top-nav-collapse .nav>li>a{padding-top:0px; font-size:16px;}
		.top-nav-collapse nav.navigation .sub-menu-container{margin-top:10px;}
			.top-nav-collapse nav.navigation .sub-menu{padding-bottom:15px;}
			.top-nav-collapse nav.navigation .sub-menu-container li a{font-size:14px;}
			.top-nav-collapse nav.navigation .sub-menu-container .xs-spacer{height:0px;}

/** Footer **/

	footer{display:block; position:relative; margin-bottom:50px; margin-top:30px;}
		#brandspotting-footer-contact{position:absolute; bottom:0px; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
			#brandspotting-footer-contact a{display:block; font-size:19px; text-decoration: none;}
				#brandspotting-footer-contact a:hover{color:#27AF00;}

		#brandspotting-social-links{margin-top:32px;}
			#brandspotting-social-links ul li{display:inline-block; margin-left:12px;}
				#brandspotting-social-links ul li .fa{font-size:21px;}
				#brandspotting-social-links ul li .fa-instagram:hover{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
				#brandspotting-social-links ul li .fa-pinterest:hover{color:#dc2231;}
				#brandspotting-social-links ul li .fa-linkedin:hover{color:#008bbf;}
				#brandspotting-social-links ul li .fa-twitter:hover{color:#0db2f1;}
				#brandspotting-social-links ul li .x{
					display:block;
					width:17px; height:17px;
					-webkit-mask-image: url('../images/icon-x.svg');
				    mask-image: url('../images/icon-x.svg');

					-webkit-mask-size: cover;
					mask-size: cover;

					background-color:black;
				}
				#brandspotting-social-links ul li .x:hover{background-color:#0db2f1;}

/** Slider **/

	.carousel{margin-top:0px; margin-bottom:30px;}
		.carousel-indicators{height:0px; bottom:-10px; cursor:default;}
			.carousel-indicators li{background:#C1C1C1; border:0px!important; width:5px; height:5px; border-radius:5px; cursor:default;}
			.carousel-indicators .active{background:#27AF00;  width:5px; height:5px; margin:1px;}

	.carousel-control{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; -khtml-opacity:0; opacity:0;}
		.carousel-control .right-arrow, .carousel-control .left-arrow{position: absolute; top: 50%; z-index: 5; display: inline-block; color:#FFF; font-size:50px; margin-top:-30px;}

		.carousel-control.video{bottom:45px!important;}
		.carousel-control.video .right-arrow, .carousel-control.video .left-arrow{margin-top:-7px;}

	/* Caption */

		.carousel-caption{padding-bottom:0px;}
			.carousel-caption.right{right: 5%; left: auto;}

			.carousel-caption h4{color:#FFF; font-size:18px; line-height:21px; font-weight:bold; text-shadow:none;}
				.carousel-caption h4.black{color:#000;}

/** 404 Error **/
	.error404{margin-bottom:50px;}

/** Highlights **/

	h3{font-size: 20px;}
		h3.section-title{color:#27AF00; text-transform:uppercase; margin-top:20px; margin-bottom:36px; padding-bottom:6px; background:url('./images/section-title-bg.gif') bottom left no-repeat; }
		.category h3.section-title{margin-top:0px; margin-bottom:20px;}
		.category p.category-description{ margin-bottom:40px;}
			.category p.category-description.first{margin-bottom:20px;}

	.text-description{font-size:17px; line-height:20px; text-align: left; margin-bottom:16px;	}
		.text-description a{font-size:17px; line-height:20px; color:#27AF00; text-decoration:none;}
			.text-description a:hover{text-decoration:underline;}

		.beelder .text-description{font-size:16px; line-height:19px;}

	/** Caption **/
		.highlight{overflow:hidden;}
		.highlight .caption {position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background:#FFF; padding:10px; }
			.highlight .caption .parent{display: table; width: 100%; height: 100%;}
				.highlight .caption .child{display: table-cell; vertical-align: middle;}
					.highlight .caption .child img{width:auto; max-width:90%;}

			.highlight .caption.transp {background:rgba(255, 255, 255, 0.8);}

				.highlight .caption h2{font-size:31px; color:#27AF00; margin-bottom:15px; padding:0 20px;}
					.highlight.products .caption h2{font-size:23px; line-height:28px; color:#000;}
				.highlight .caption h4{font-size:20px; text-transform:uppercase; margin-bottom:2px; padding:0 20px;}
				.highlight .caption h5{font-size:25px; font-style:italic; font-family:"Times New Roman", Times, serif; padding:0 20px;}

		/** Caption Animation **/
			.highlight .caption {opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
 			.highlight a:hover .caption {opacity:1;}

		/** Visible regular Caption **/
				.highlight.visible .caption {opacity: 1; background:url('./images/project-default-base.jpg') no-repeat top left; -webkit-background-size: cover!important; -moz-background-size: cover!important; background-size: cover!important; -o-background-size: cover!important;}
					.highlight.visible a:hover .caption{background:url('./images/project-default-hover.jpg') no-repeat top left; -webkit-background-size: cover!important; -moz-background-size: cover!important; background-size: cover!important; -o-background-size: cover!important;}
					.highlight.visible .caption .child{vertical-align: bottom; text-align: left;}

				.highlight.visible-hover .caption {opacity: 1;}
				.highlight.visible-hover a:hover .caption h2{color:#27AF00;}

	 	/** Embeded video **/
		 	.video-container {position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; max-width: 100%; height: auto; }
				.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
				.video-container .video-link{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:5;}

 		.beelder-link{color:#00b4f9!important;}

/** Project **/

	.project-grid img{width:100%; height:auto;}
	.project-grid .row{margin-bottom:13px;}
		.project-grid .vertical-spacer{margin-top:19px;}

		.project-description{margin-top:6px; margin-bottom:50px;}
				.project-description.gallery{margin-top:30px;}
			.project .project-title, .project-title.project-description{margin-top:32px; margin-bottom:0px;}


			.project-description h1{font-size:20px; text-transform:uppercase; font-weight:300; color:#27AF00; padding-bottom:4px; background:url('./images/section-title-bg.gif') bottom left no-repeat; margin-bottom:23px;}
			.project-description h2{text-transform: uppercase; margin-bottom:2px;}
			.project-description h3{font-size:21px; font-weight:normal; font-style: italic; font-family: "Times New Roman", Times, serif; margin-bottom:20px;}
				.project-description.project-title{margin-bottom:2px;}
				.project-description.project-title h3{margin-bottom:12px;}
			.project-description p{font-size:16px; line-height:20px; font-style:normal; margin-bottom:16px; }

			.project-description ul{margin:0px; padding:0px; list-style:none;}
				.project-description ul li{margin-bottom:15px;}

					.project-description ul ul{margin-left:35px; padding-top:15px; list-style:disc;}

			.project-title.project-description p{margin-bottom:26px }
			.project-title p.extract{ margin-bottom:25px;}

			.project-description p.year{font-size:18px; margin-bottom:25px;}

			.project-description p a.back{font-size:15px; line-height:20px; background:url('./images/back-link-bg.png') no-repeat top left; padding-left:12px;}
				.project-description p a.back:hover{text-decoration: none; color:#27AF00;}

		/** Custom Styles **/
			.project-grid .bottom-container{position:relative;}
				.project-grid .bottom-container .bottom-image{    position: absolute; right: 0px; top: 100%; }
					.project-grid .bottom-container .bottom-image .child{position: relative; }
						.project-grid .bottom-container .bottom-image img{    position: absolute; bottom: 6px; right: 0px;}

			.project-grid .vertical-4-in-1{margin-top:14px;}
			.project-grid .vertical-3-in-1{margin-top:14px;}
			.project-grid .vertical-2-in-1{margin-top:14px;}
			.project-grid .vertical-2-in-1-h{margin-top:32px;}

/** Sobre nosotros **/
	.main-image img{max-width:100%;}

	.team p{margin-bottom:10px; font-size:14px; line-height:18px; font-style:normal;}
		.team p em{font-size:14px; line-height:18px;}

		.team p.intro{font-size:16px; line-height:20px; font-style:normal;}
			.team p.intro em{font-size:16px; line-height:20px;}

		.team p span{color:#27AF00;}

	.team h1{font-size:20px; text-transform:uppercase; font-weight:300; padding-bottom:4px; background:url('./images/section-title-bg.gif') bottom left no-repeat; margin-bottom:10px;}
	.team h2{color:#27AF00; font-size:21px; font-weight:normal; font-style: italic; font-family: "Times New Roman", Times, serif; margin-bottom:10px; height:46px;}
	.team h3{margin-top:35px;}

	.team .team-asset{margin-top:30px;}
	.team .team-asset div{margin-bottom:30px; position:relative;}
	.team .team-asset .bb{position:absolute; width:95%; bottom:0px; border-bottom: 1px solid #000; height:1px; margin-bottom: 0px;}

	.team .team-asset .team-frederic, .team .team-asset .team-jonas, .team .team-asset .team-sonia{height:450px;}
	.team .team-asset .team-oliver, .team .team-asset .team-carolina{height:430px;}
	/*.team .team-asset .team-jonas, .team .team-asset .team-marta{height:370px;}*/


/** Contacto **/
	.contact .main-image{margin-bottom:20px;}
	.contact h1{font-size:24px; line-height:30px; color:#27AF00; background:none; margin-bottom:30px;}
	.contact h2{font-style: normal; font-size:20px; font-family:'GothamRnd', 'Verdana', Sans-Serif; text-transform: uppercase; background:url('./images/contact-location-bg.gif') no-repeat bottom left; margin-bottom:17px; padding-bottom:10px;}
	.contact h3{font-style: normal; font-size:20px; font-family:'GothamRnd', 'Verdana', Sans-Serif;}
	.contact h3 a{font-size:20px; font-style:italic; font-weight:normal; font-family:"Times New Roman", Times, serif;}
		.contact h3 a:hover{color:#27AF00; text-decoration: none;}

/** Clientes **/
	.clientes .highlight .caption {opacity:1!important; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
		/*.clientes .highlight .caption:hover{opacity:0.9!important; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }*/
			.clientes .highlight .caption h2{margin-bottom:0px;}
				.clientes .highlight .caption.transp:hover {background:rgba(255, 255, 255, 0.95);}



/** Media queries **/

	@media (max-width:1200px) {
		.project-grid .vertical-spacer{margin-top:17px;}
		/*.project-grid .bottom-image{padding-top:207px;}*/

		/** Custom Styles **/
			.project-grid .vertical-4-in-1{margin-top:12px;}
			.project-grid .vertical-2-in-1{margin-top:12px;}
			.project-grid .vertical-2-in-1-h{margin-top:27px;}


		/* Adjust height variation */
			.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 9px; padding-right: 9px; }

			.beelder .description-container{padding-top:10px;}

		/* Sobre nosotros */
			.team .team-asset .team-frederic, .team .team-asset .team-jonas, .team .team-asset .team-sonia{height:510px;}
			.team .team-asset .team-oliver, .team .team-asset .team-carolina{height:480px;}

	}

	@media (max-width:991px) {
		nav.navigation .sub-menu li a{font-size: 16px;}
		nav.navigation .sub-menu li{margin:0 4px;}

		.top-nav-collapse nav.navigation{margin-top:-20px;}
		.top-nav-collapse .nav>li>a{padding:4px 4px 0 4px;}

		.project-grid .vertical-spacer{margin-top:14px;}
		#brandspotting-footer-contact{top:10px;}

		.text-description, .text-description a{font-size:16px; line-height:18px;}
			.text-description{margin-bottom:16px;}

		.highlight .caption h2{font-size:22px;}
		.highlight .caption h4{font-size:14px;}
		.highlight .caption h5{font-size:18px;}
		.highlight.visible-hover .caption h2{font-size:20px; padding:0 10px;}

		/* Adjust height variation */
			.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 6px; padding-right: 6px; }
			.project-grid .row{margin-bottom:5px;}

		/** Custom Styles **/
			.project-grid .vertical-4-in-1{margin-top:6px;}
			.project-grid .vertical-2-in-1{margin-top:6px;}
			.project-grid .vertical-2-in-1-h{margin-top:17px;}

		/* Sobre nosotros */
			.team .team-asset .team-frederic, .team .team-asset .team-jonas{height:460px;}
			.team .team-asset .team-sonia, .team .team-asset .team-oliver{height:365px;}
			.team .team-asset .team-carolina{height:395px;}
			/*.team .team-asset .team-jonas, .team .team-asset .team-marta{height:370px;}*/

			.team .team-asset .team-jonas h2, .team .team-asset .team-sonia h2, .team .team-asset .team-oliver h2, .team .team-asset .team-carolina h2{height:25px;}

	}


	@media (max-width:767px) {
		nav.navigation .sub-menu{padding-bottom:20px; }
		.project nav.navigation .sub-menu{padding-bottom:12px; }
		nav.navigation .sub-menu li{margin:0 6px;}
		nav.navigation .sub-menu-container .xs-spacer{display:block; width:100%; height:4px;}

		.top-nav-collapse nav.navigation{margin-top:-15px;}
		.top-nav-collapse .nav>li>a{font-size:15px;}

		.project-grid .vertical-spacer{margin-top:12px;}

		.highlight .caption h2{font-size:20px;}
		.highlight .caption h4{font-size:13px;}
		.highlight .caption h5{font-size:17px;}

		.highlight.visible.products .caption h2{font-size:18px; line-height:24px; padding:0 10px; margin-bottom:-5px;}

		/* Adjust height variation */
			.project-grid .row{margin-bottom:4px;}
			.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	    		padding-left: 5px;
	    		padding-right: 5px;
			}

		/** Custom Styles **/
			.project-grid .vertical-4-in-1{margin-top:4px;}
			.project-grid .vertical-2-in-1{margin-top:5px;}
			.project-grid .vertical-2-in-1-h{margin-top:16px;}

			.row{margin-left:-5px; margin-right:-5px;}

		/* Sobre nosotros*/
			.team .team-asset{margin-left:0px; margin-right:0px; padding-left: 0px!important; padding-right:0px!important;}
			.team .team-asset div{width:auto; display:block; border-bottom:1px solid #000; padding-bottom:10px;  padding-left: 0px; padding-right:0px;}
			.team .team-asset div .bb{display:none;}
			.team h2{height:auto;}

			.team .team-asset .team-frederic, .team .team-asset .team-almudena, .team .team-asset .team-monica, .team .team-asset .team-sonia, .team .team-asset .team-oliver, .team .team-asset .team-carolina, .team .team-asset .team-jonas,.team .team-asset .team-marta{height:auto;}
	}


	@media (max-width:700px) {
		/** Custom Styles **/
			.project-grid .vertical-4-in-1{margin-top:0px;}
			.project-grid .vertical-2-in-1{margin-top:4px;}
			.project-grid .vertical-2-in-1-h{margin-top:16px;}
	}

	@media (min-width:601px) {
		nav.navigation .nav{display:block!important;}
		nav.navigation .nav.languages{display:none!important;}


	}
	@media (max-width:600px) {
		body, body.category, body.project{padding-top:82px;}
		.project-title.project-description{margin-top:0px;}

		.hidden-xxs{display:none;}
		.visible-xxs{display:block;}

		/** General **/

			.hidden-mobile{display:none;}
			.shown-mobile{display:inline-block;}

		/** Header **/

			#brandspotting-logo{margin:22px 0 0px 0;}
				#brandspotting-logo img{/*width:47px; height:32px*/height:32px; width:auto;}

			#language-selector{margin:27px 0 8px 0;}
				#language-selector a{font-size:11px;}


			.top-nav-collapse #brandspotting-logo{margin:7px 0 0 0;}
			.top-nav-collapse .navbar-toggle{margin:4px 0 2px 0;}

			/** Navigation **/

			.navbar-toggle{display:block;}

			.nav>li{width:100%;}
				.nav>li>a, .top-nav-collapse .nav>li>a{font-size: 16px; border-top: 1px solid #999; padding:6px 5px 2px 5px;}
					.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus{background:none; color:#27AF00;}

				.nav.languages{margin-top:20px; border-bottom:1px dotted #CCC!important;}
					.nav.languages>li a{text-transform:none;  border-top:1px dotted #CCC!important;}

				nav.navigation{margin-bottom:10px;}
					nav.navigation .nav{display:none; margin-top:15px; border-bottom: 1px solid #999}
						nav.navigation .sub-menu-container, .top-nav-collapse nav.navigation .sub-menu-container{margin-top: 0px; height:auto!important;}
							nav.navigation .sub-menu,.top-nav-collapse nav.navigation .sub-menu{padding-bottom:0px;}
								nav.navigation .sub-menu li{width:100%; display:block; margin:0px; line-height:18px;  padding:4px 0; border-top:1px dotted #CCC;}
									nav.navigation .sub-menu li a,.top-nav-collapse nav.navigation .sub-menu-container li a{font-size: 13px; line-height:17px;}


			nav.navigation .sub-menu-container.hidden-xxs{display:none!important;}
			nav.navigation .sub-menu-container.visible-xxs{display:block;}

		/** Footer **/

			#brandspotting-footer-logo{margin-top:0px;}
				#brandspotting-footer-logo a img{width:60px;}

			#brandspotting-footer-contact{top:3px;}
				#brandspotting-footer-contact a{font-size:13px;}

			#brandspotting-social-links{margin-top:10px;}
				#brandspotting-social-links ul li{margin-left:6px;}
					#brandspotting-social-links li a img{width:18px;}

		/** Slider **/

			.carousel{margin-top:10px;}
			.carousel-indicators{bottom:25px;}

		/** Highlights **/

			h3.section-title{margin-bottom:16px;}
			.text-description, .text-description a{font-size:14px; line-height:16px;}
			.text-description{margin-bottom:14px;}

			.highlight .caption h2{font-size:22px;}
			.highlight .caption h4{font-size:14px;}
			.highlight .caption h5{font-size:18px;}

			.highlight.products.visible .caption h2{font-size:20px; line-height:26px; margin-bottom:15px;}

			.highlight.visible .caption {background:url('./images/project-default-base-xs.jpg') no-repeat top left;}
					.highlight.visible a:hover .caption{background:url('./images/project-default-hover-xs.jpg') no-repeat top left;}

				.highlight.visible .caption .child{vertical-align: bottom; text-align: left;}

			.highlight.visible-hover .caption h2{font-size:23px; padding:0 20px;}


		/** Project **/

			.row{margin-left:-15px; margin-right:-15px;}

			.col-xs{width:100%;}
			.project-grid .vertical-spacer{margin-top:0px;}
			.project-grid .xs-spacer{margin-top:13px;}

			/** Custom Styles **/
				.project-grid .bottom-container .bottom-image{position:static;}
					.project-grid .bottom-container .bottom-image img{position:static;}

				.project-grid .vertical-4-in-1{margin-top:14px;}
				.project-grid .vertical-2-in-1{margin-top:14px;}
				.project-grid .vertical-2-in-1-h{margin-top:12px;}

			/* Adjust height variation */
				.project-grid .row{margin-bottom:13px;}
				.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 15px; padding-right: 15px; }

		/* Sobre nosotros*/

			.team p{font-size:14px;}


		/* Contacto */
			.location{width:100%; display:block; margin-bottom:40px;}
			.contact h1{font-size:18px;}
			.contact h3{font-size:20px;}

	}
	@media (max-width:400px) {
		#brandspotting-footer-contact{top:50px;  left:15px; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }}
		.highlight.visible-hover .caption h2{font-size:20px; padding:0 15px;}
	}

	@media (max-width:319px) {
		.highlight .caption h2{font-size:20px;}
		.highlight .caption h4{font-size:13px;}
		.highlight .caption h5{font-size:17px;}

		footer{ margin-bottom:60px;}


	}