@font-face {
  font-family: 'BookmanOldStyle';
  src: url('../fonts/BookmanOldStyle.eot');
  src: url('../fonts/BookmanOldStyle.eot?#iefix') format('embedded-opentype'),
       url('../fonts/BookmanOldStyle.woff2') format('woff2'),
       url('../fonts/BookmanOldStyle.woff') format('woff'),
       url('../fonts/BookmanOldStyle.ttf') format('truetype'),
       url('../fonts/BookmanOldStyle.svg#BookmanOldStyle') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BookmanOldStyle-Italic';
  src: url('../fonts/BookmanOldStyle-Italic.eot');
  src: url('../fonts/BookmanOldStyle-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/BookmanOldStyle-Italic.woff2') format('woff2'),
       url('../fonts/BookmanOldStyle-Italic.woff') format('woff'),
       url('../fonts/BookmanOldStyle-Italic.ttf') format('truetype'),
       url('../fonts/BookmanOldStyle-Italic.svg#BookmanOldStyle-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'hurme_geometric_sans_4SBd';
    src: url('../fonts/hurmegeometricsans4_semibold-webfont.eot');
    src: url('../fonts/hurmegeometricsans4_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hurmegeometricsans4_semibold-webfont.woff2') format('woff2'),
         url('../fonts/hurmegeometricsans4_semibold-webfont.woff') format('woff'),
         url('../fonts/hurmegeometricsans4_semibold-webfont.ttf') format('truetype'),
         url('../fonts/hurmegeometricsans4_semibold-webfont.svg#hurme_geometric_sans_4SBd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/proximanova-extrabold-webfont.eot');
    src: url('../fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-extrabold-webfont.woff') format('woff'),
         url('../fonts/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hurme_geometric_sans_4black';
    src: url('../fonts/hurmegeometricsans4_black-webfont.eot');
    src: url('../fonts/hurmegeometricsans4_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hurmegeometricsans4_black-webfont.woff2') format('woff2'),
         url('../fonts/hurmegeometricsans4_black-webfont.woff') format('woff'),
         url('../fonts/hurmegeometricsans4_black-webfont.ttf') format('truetype'),
         url('../fonts/hurmegeometricsans4_black-webfont.svg#hurme_geometric_sans_4black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_ultraregular';
    src: url('../fonts/gothamultra-webfont.eot');
    src: url('../fonts/gothamultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamultra-webfont.woff2') format('woff2'),
         url('../fonts/gothamultra-webfont.woff') format('woff'),
         url('../fonts/gothamultra-webfont.ttf') format('truetype'),
         url('../fonts/gothamultra-webfont.svg#gotham_ultraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'univers_lt_std57_condensed';
    src: url('../fonts/universltstdcn-new-webfont.eot');
    src: url('../fonts/universltstdcn-new-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltstdcn-new-webfont.woff2') format('woff2'),
         url('../fonts/universltstdcn-new-webfont.woff') format('woff'),
         url('../fonts/universltstdcn-new-webfont.ttf') format('truetype'),
         url('../fonts/universltstdcn-new-webfont.svg#univers_lt_std57_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.copyright {
	position: absolute;
	display: block;
	bottom: 30px;
	left: 64px;
	text-align: center;
	font-family: "univers_lt_std57_condensed";
	color: #fff;
	z-index: 10;
	font-size: 10px;
}
.copyright a {
	text-decoration: none;
	color: #fff;
}
body {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	background-color: #fff;
}
#logo {
	width: 201px;
	height: 159px;
	display: block;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 99;
	left: 64px;
	top: 42px;
	background-size: cover;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s;
	cursor: pointer;
}
.logo_white {
	background-image: url("../images/logo_white.png");
}
.logo_black {
	background-image: url("../images/logo_black.png");
}
.slide {
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: block;
	margin-top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: -102%;
	left: 0;
}
.slide[data-slide='slide_active'] {
	top: 0;
}
#slide_1 {
	background-image: url("../images/img.jpg");
}
#slide_2 {
	background-size: inherit;
	/*background-size: 45%;*/
	background-image: url("../images/logo_made_in_garage.jpg");
}
#slide_3 {
	top: 122%;
}
.last_project_slide {
	border-bottom: 10px solid #000;
}
/*NAVBAR*/
.nav_bar {
	width: 75px;
	top: 42px;
	right: 0;
	position: absolute;
	z-index: 99;
	height: 90%;
}

.nav_bar_black .nav_icon {
	background-image: url("../images/nav_icons_black.png");
	background-color: #000;
	border: 2px solid #000;
}
.nav_bar_black .nav_icon:hover {
	border: 2px solid #FFFF00;
}
.nav_icon {
	width: 71px;
	height: 71px;
	float: right;
	display: block;
	border: 2px solid #fff;
	background-color: #fff;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-image: url("../images/nav_icons_white.png");
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s;
	cursor: pointer;
}
.nav_icon:hover {
	border: 2px solid #000;
}
.menu_icon {
	background-position: -1px -3px;
}
.search_icon {
	background-position: -1px -88px;
}
.user_icon {
	background-position: -1px -172px;
}
.close_icon {
	background-image: url("../images/nav_icons_white.png");
	background-position: -1px -254px;
	background-color: #000;
}
.close_icon:hover {
	border: 2px solid #FFFF00;
	background-image: url("../images/nav_icons_black.png");
	background-position: -1px -254px;
}
.nav_bar_black .go_top {
  margin-bottom: 0;
  margin-right: -100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/arrow_top_white.png") !important;
  cursor: pointer;
}
.go_top {
  margin-bottom: 0;
  margin-right: -100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/arrow_top_black.png");
  cursor: pointer;
}
.overlay {
	width: 100%;
	height: 101%;
	position: fixed;
	z-index: 97;
	top: 0;
	left: 0;
	display: none;
	background-color: rgba(0,0,0,.8);
}
.navigation_slide {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0px;
}
.index {
	margin-right: -100px;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s;
}
.nav_bar a.dot {
	width: 6px;
	height: 6px;
	display: block;
	border: 1px solid white;
	margin: 0 auto;
	border-radius: 30px;
	margin-bottom: 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
.nav_bar a.dot:hover {
	background-color: rgba(255,255,255,.6);
}
.nav_bar a.dot.active {
	background-color: #fff;
}
.nav_bar a.dot:last-child {
	margin-bottom: 65px;
}
.nav_bar_black a.dot {
	width: 6px;
	height: 6px;
	display: block;
	border: 1px solid black;
	margin: 0 auto;
	border-radius: 30px;
	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
.nav_bar_black a.dot:hover {
	background-color: rgba(0,0,0,.6);
}
.nav_bar_black a.dot.active {
	background-color: #000;
}
/*MENUS*/
.menus_container {
	width: 95%;
	max-width: 1210px;
	margin: 0 auto;
	display: none;
	position: relative;
	z-index: 98;
	top: 50%;
	margin-top: -200px;
}
.menus_container .menu_title {
	font-family: "gotham_ultraregular";
	font-size: 42px;
	display: block;
	color:#fff;
	text-transform: uppercase;
	width: 300px;
	margin-bottom: 42px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s;
}
.menus_container .menu_title:hover {
	color:#FFFF00;
}
.section_container {
	/*position: absolute;
	right: 0;
	bottom: 0;*/
	position: fixed;
	right: 18%;
	bottom: 28%;
}
.section_container a {
	font-family: "BookmanOldStyle-Italic";
	font-size: 19px;
	color:#fff;
	display: block;
	margin-bottom: 19px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s;
}
.section_container a:hover {
	color:#FFFF00;
}
#my_garage {
	font-size: 14px;
	border: 1px solid white;
	padding: 6px 15px;
	letter-spacing: 5px;
	margin-left: -8px;
}
.social_links_container .follow_us {
	font-family: "BookmanOldStyle-Italic";
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	padding: 6px 15px;
	display: block;
	-webkit-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	-moz-transition: color 0.3s;
}
.separator_arrow {
	margin-right: 10px;
}
.social_box {
	position: absolute;
	right: -100px;
	bottom: -170px;
	width: 196px;
}
.social_icons {
	width: 20px;
	height: 20px;
	display: inline-block !important;
	margin:0 16px;
	background-repeat: no-repeat;
	background-image: url("../images/social_icons.png");
}
.social_icons:hover ~ .follow_us {
	color:#FFFF00;
}
.fb {
	background-position: left top;
	margin-left: 25px;
}
.fb:hover {
	background-position: left -20px !important;
}
.instagram {
	background-position: -20px top;
}
.instagram:hover {
	background-position: -20px -20px !important;
}
.google_plus {
	background-position: -40px top;
}
.google_plus:hover {
	background-position: -40px -20px !important;
}
/*TAGS*/
.tags_container {
	width: 95%;
	/*max-width: 1210px;*/
	max-width: 1410px;
	margin: 0 auto;
	display: none;
	position: relative;
	z-index: 98;
	top: 42px;
	right: 110px;
	float: right;
}
.all_tags {
	display: block;
	width: 100%;
	overflow: auto;
	max-height: 700px;
}
.tag {
	font-family: "BookmanOldStyle-Italic";
	font-size: 15px;
	color:#fff;
	padding: 8px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.5);
	float: right;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
.tag-hidden {
	width: 0 !important;
	padding: 0 !important;
	border: none !important;
	margin: 0 !important;
	overflow: hidden !important;
	color: transparent !important;
}
/*.tag:hover {
	background-color: rgba(255,255,255,.2);
}*/
.tag_active {
	background-color: #fff;
	color:#000;
}
.filter_container {
	float: right;
	width: 100%;
}
.filter_container .container {
	float: right;
}
.filter_container .container span {
	display: inline-block;
}
.tag_filter {
	font-family: "gotham_ultraregular";
	font-size: 50px;
	color:#fff;
	text-decoration: none;
	cursor: pointer;
	margin-right: 20px;
	text-transform: uppercase;
	display: inline-block;
}
.tag_search {
	font-family: "gotham_ultraregular";
	font-size: 50px;
	color:#FFFF00;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	margin-right: 11px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
.tag_search:hover {
	color: #DFDF00;
}
.crossed_line {
	color: #FFFF00;
    text-decoration: line-through;
}
.services_text .crossed_line {
	/*background-color: #fff000;
	text-decoration: none;*/
	text-decoration: none;
	background-image: url("../images/crossed.jpg");
	background-size: 100% 40%;
	background-position: center 9px;
	background-repeat: repeat-x;
	display: inline;
	padding: 0;
}
.services_text .crossed_line span {
	/*color:#fff000;
	color: rgba(255, 240, 0, 0);*/
	color: rgba(0, 0, 0, 1);
	z-index: -1;
	position: relative;
}
/*MI GARAGE*/
.my_garage_container {
	width: 95%;
	max-width: 1210px;
	margin: 0 auto;
	display: none;
	position: relative;
	z-index: 98;
	top: 50%;
	margin-top: -570px;
}
.my_garage_container h1 {
	font-family: "gotham_ultraregular";
	font-size: 250px;
	line-height: 230px;
	margin-bottom: 0;
	font-weight: normal;
	color:#000;
	z-index: -1;
	position: relative;
}
.my_garage_container h2 {
	font-family: "BookmanOldStyle-Italic";
	font-size: 26px;
	text-transform: uppercase;
	display: block;
	font-weight: normal;
	letter-spacing: 3px;
	margin-top: 50px;
}
.mi_garage_overlay {
	background-color: #fff;
}
.mi_garage_arrow_right {
	width: 94px;
	height: 94px;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/arrow_right.png");
	display: block;
	float: left;
	margin-top: 14px;
}
#username {
	border: none;
	font-family: "gotham_ultraregular";
	font-size: 40px;
	text-decoration: underline;
	padding: 5px 10px;
	background-color: #fff;
	outline: none;
	display: block;
	margin-left: 180px;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#password {
	border: none;
	font-family: "gotham_ultraregular";
	font-size: 40px;
	text-decoration: underline;
	padding: 5px 10px;
	background-color: #fff;
	outline: none;
	display: block;
	margin-left: 180px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#submit {
	font-family: "BookmanOldStyle-Italic";
	font-size: 15px;
	padding: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 5px;
	background-color: #fff;
	border:1px solid #000;
	cursor: pointer;
	margin-left: 190px;
 	margin-top: 80px;
 	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
#submit:hover {
	color:#fff;
	background-color: #000;
}
.form_container {
	margin-left: 170px;
  	margin-top: 60px;
}
/*LAST PROJECT*/
.slide .container {
	width: 80%;
	height: 80%;
	margin: 0 auto;
	position: relative;
	margin-top: 6%;
}
.slide .title_box {
	min-height: 120px;
	max-width: 360px;
	top: 50%;
	margin-top: -95px;
	position: absolute;
	background-color: #fff;
	display: block;
	margin-left: 65px;
	padding: 0 56px 55px 0;
}
.slide .container .img {
	width: 1280px;
	height: 100%;
	float: right;
}
.slide .container img {
	height: 100%;
	display: block;
}
.slide.yellow_box .container img {
	display: none;
}
.slide .subtitle {
	font-family: "droid_sansregular";
	color: #000;
	font-size: 18px;
	display: block;
	text-decoration: underline;
	position: absolute;
	margin-top: -25px;
}
.slide .title {
	font-family: "hurme_geometric_sans_4black";
	font-size: 47px;
	line-height: 47px;
	color:#000;
	display: block;
	text-decoration: underline;
	position: relative;
	display: inline-block;
	margin-top: 20px;
}
.slide .title:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../images/arror_right_black.png");
	background-repeat: no-repeat;
	background-position: center right;
	display: inline-block;
	bottom: -90px;
	margin-left: -2px;
}
.slide .bottom_box {
	position: absolute;
	bottom: 0;
	left: 0;
}
.share_box {
	margin-bottom: 50px;
	margin-left: 100px;
	margin-left: 150px;
}
.share_icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url("../images/social_icons.png");
	background-repeat: no-repeat;
	margin-bottom: -7px;
	margin-left: 35px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
.share_box .fb {
	background-position: left -40px;
	margin-left: 65px;
}
.share_box .instagram {
	background-position: -20px -40px;
}
.share_box .google_plus {
	background-position: -40px -40px;
}
.share_box .mail {
	width: 31px;
	height: 20px;
	display: inline-block;
	background-image: url("../images/email_icon.png");
	background-repeat: no-repeat;
	width: 1.615vw !important;
	width: 31px !important;
	background-size: 100% !important;
	background-position: left bottom;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s;
}
.share_box .mail:hover {
	background-position: left top;
}
/*HOVER*/
/*LAST WORK*/
.last_project_slide .share_box .fb:hover {
	background-position: left -20px;
	margin-left: 65px;
}
.last_project_slide .share_box .instagram:hover {
	background-position: -20px -20px;
}
.last_project_slide .share_box .google_plus:hover {
	background-position: -40px -20px;
}
.tag_box {
	margin-bottom: 20px;
	margin-left: 100px;
	margin-left: 150px;
}
.slide .share_text {
	width: 43px;
	text-align: center;
	display: inline-block;
	font-family: "BookmanOldStyle-Italic";
	font-size: 12px;
	color:#000;
	border:1px solid #000;
	padding: 5px 10px;
}
.slide .tag_text {
	width: 43px;
	text-align: center;
	display: inline-block;
	font-family: "BookmanOldStyle-Italic";
	font-size: 12px;
	color:#000;
	border:1px solid #000;
	padding: 5px 10px;
}
.slide .tag_name {
	font-family: "BookmanOldStyle-Italic";
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	color:#000;
}
.slide .tag_name:hover {
	color:#fff000;
}
.slide .tag_separator {
	font-family: "BookmanOldStyle-Italic";
	font-size: 14px;
}
.slide .all_tags_box {
	display: inline-block;
	margin-left: 65px;
}
/*SERVICES*/
.services_title {
	font-family: "hurme_geometric_sans_4black";
	font-size: 28px;
	text-transform: uppercase;
	color: #000;
	padding: 21px 65px;
	letter-spacing: 5px;
	margin-top: 230px;
	margin-left: 120px;
	margin-left: 200px;
	border-left: 1px solid #231F20;
}
p.services_text {
	width: 670px;
	font-family: "BookmanOldStyle-Italic";
	font-size: 22px;
	color: #000;
	display: block;
	margin: 20px auto;
	word-wrap: break-word;
	text-align: justify;
	letter-spacing: 1px;
	line-height: 45px;
	max-height: 480px;
	position: relative;
	left: 20px;
}
.key_word:hover {
	color:#000;
	/*color:#ffee00;*/
	text-decoration: none;
	background-image: url("../images/crossed.jpg");
	background-size: 100% 40%;
	background-position: center 9px;
	background-repeat: repeat-x;
}
.key_word:hover span {
	z-index: -1;
	position: relative;
}
.service_email {
	font-family: "BookmanOldStyle-Italic";
	font-size: 23px;
	color: #000;
	text-decoration: none;
	letter-spacing: 3px;
	width: 400px;
	display: block;
	text-align: center;
	margin: 40px auto;
}
.service_email:hover {
	text-decoration: underline;
}
.share_services {
	margin-left: 121px;
	margin-left: 160px;
	margin-bottom: -60px;
	margin-top: 70px;
}

/*MADE IN GARAGE - YOU ARE HERE*/
.yellow_box {
	background-color: #FFFF00;
}
.slide .container .center_giant_title {
	width: 100%;
	height: 100%;
	position: absolute;
	font-family: "proxima_novaextrabold";
	font-size: 280px;
	line-height: 230px;
	color:#000;
	text-align: center;
	margin-top: 80px;
}
.yellow_box .center_box {
	width: 460px;
	height: 460px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -230px;
	margin-top: -230px;
	font-family: "hurme_geometric_sans_4black";
	font-size: 26px;
	background-color: #FFFF00;
}
.yellow_box .center_box span {
	text-transform: uppercase;
	padding: 30px;
	width: 148px;
	display: block;
	top: 50%;
	position: relative;
	margin-top: -84px;
	left: 50%;
	margin-left: -104px;
 }
 .yellow_box img {
 	display: none;
 	position: absolute;
 	width: 100%;
 	height: 100%;
 }
/*.yellow_box .invisible_img {
  display: none !important;
  position: absolute;
}
.yellow_box .visible_img {
	display: block !important;
	width: 100%;
}*/
/*OUR WORK*/
.share_work {
	margin-bottom: -30px;
	width: 215px;
	width: 255px;
	left: 50%;
	position: relative;
	margin-left: -104px;
	margin-left: -132px;
}
.share_work .fb {
  background-position: left -40px;
  margin-left: 37px;
}
.left_content {
	width: 49.9%;
	height: 100%;
	margin: 0;
	float: left;
	position: relative;
}
.right_content {
	width: 49.9%;
	height: 94%;
	margin: 0;
	float: right;
	border-left: 1px solid #231F20;
	position: relative;
}
.left_content .subtitle_section {
	float: left;
	left: 0;
	margin-left: -260px;
	z-index: 6;
}
.right_content .subtitle_section {
	float: right;
	right: 0;
	margin-right: -180px;
	z-index: 6;
}
.our_work .crossed_line {
	color: #000;
	position: absolute;
	top: 50%;
	/* left: 50%; */
	margin-left: 2.5%;
	margin-top: -25px;
	left: 0;
	text-decoration: none !important;
	background-image: none;
	padding: 0;
	width: 95%;
}
.our_work .crossed_line_2 {
	width: 90%;
	height: 4px;
	background-color: #000000;
	position: absolute;
	z-index: 7;
	top: 50%;
	margin-top: -2px;
	margin-left: -5px;
	/* z-index: 999999; */
	display: inline-block;
}
.my_garage_container .crossed_line_2 {
	width: 90%;
	height: 4px;
	background-color: #fff000;
	position: absolute;
	z-index: 7;
	top: 50%;
	margin-top: -2px;
	margin-left: 5%;
}
.crossed_line {
	text-decoration: none;
	background-image: url("../images/crossed.jpg");
	background-size: 100% 10%;
	background-repeat: repeat-x;
	background-position: center 65%;
	display: inline-block;
	margin-top: 0;
	padding: 0 2%;
}
.my_garage_container .crossed_line:first-child {
	background-size: 100% 6%;
	background-position: center 78%;
}
.filter_container .crossed_line {
	  padding: 0 5px;
	background-position: center 55%;
	margin-right: 20px;
	cursor: pointer;
}
.filter_container .crossed_line span { 
	padding: 0;
}
.crossed_line .tag_filter {
	position: relative;
	z-index: -1;
	margin-right: 0;
	padding: 0 5px;
}
.subtitle_section {
	font-family: "hurme_geometric_sans_4SBd";
	font-size: 28px;
	font-size: 25px;
	color:#000 !important;
	text-decoration: none;
	position: absolute;
	top: 50%;
	letter-spacing: 5px;
	text-transform: uppercase;
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.title_section {
	font-family: "hurme_geometric_sans_4black";
    font-size: 28px;
    color: #000;
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 6;
    background-color: #FFFFFF;
}
.title_section a {
	color: #000;
	text-decoration: none;
}
.left_content img, .right_content img {
	position: absolute;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s;
}
.hidden_img {
	top: -120% !important;
}
.left_content img.pos_1 {
	height: 464px;
	right: 10px;
	top: -180px;
	z-index: 5;
}
.left_content img.pos_2 {
	height: 346px;
	top: 160px;
	right: 205px;
	z-index: 4;
}
.left_content img.pos_3 {
	height: 354px;
	top: 356px;
	right: 40px;
	z-index: 3;
}
.right_content img.pos_4 {
	height: 661px;
	left: 10px;
	top: 10px;
	z-index: 3;
}
.right_content img.pos_5 {
	height: 260px;
	top: 360px;
	left: 355px;
	z-index: 4;
}
.left_content img.pos_5 {
	top: 0;
}
/*CONTACT*/
.contact {
	background-color: #000;
}
.contact h1 {
	font-family: "hurme_geometric_sans_4black";
	color:#fff;
	font-size: 28px;
	text-transform: uppercase;
	padding-left: 20px;
	letter-spacing: 5px;
	margin-bottom: 205px;
}
.contact .left_content {
	width: 60%;
	height: 90%;
	display: block;
	float: left;
	margin-top: 42px;
}
.contact .right_content {
	width: 40%;
	height: 90%;
	display: block;
	float: right;
	border: none;
	position: relative;
	margin-top: 42px;
}
.contact .bottom_content {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: -90px;
}
.right_content a, .right_content span {
	display: block;
	color: #fff;
	text-decoration: none;
}
.personal_info, .contact_info {
	font-family: "BookmanOldStyle-Italic";
	color: #fff;
	width: 100%;
	float: left;
	padding-left: 20px;
	margin-bottom: 110px;
	border-left: 1px solid #fff;
}
.contact .contact_info {
	font-size: 15px;
}
.contact .name {
	font-family: "BookmanOldStyle";	
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.contact .post {
	letter-spacing: 5px;
	font-size: 15px;
	margin-bottom: 40px;
}
.contact .mail {
	letter-spacing: 5px;
}
.contact .mail:hover {
	text-decoration: underline;
}
.contact .tel {
	font-size: 18px;
	letter-spacing: 3px;
	margin-bottom: 5px;
}
.contact .location {
	letter-spacing: 3px;
	font-size: 15px;
	line-height: 30px;
	margin-top: 35px;
	margin-bottom: 30px;
}
.contact .madeingarage_copy {
	font-family: "BookmanOldStyle";
	font-size: 19px;
}
.left_content .social_block {
	width: 220px;
	height: 265px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -110px;
	margin-bottom: 20px;
}
.left_content .social_link {
	width: 196px;
	height: 31px;
	font-family: "BookmanOldStyle-Italic";
	font-size: 15px;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid #fff;
	display: block;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	margin-bottom: 20px;
	line-height: 33px;
}
/*CONTACT FORM*/
.contact_form {
	background-color: #000;
}
.form_container_contact {
	width: 65%;
	max-width: 1245px;
	margin: 0 auto;
	height: 530px;
	position: relative;
	top: 50%;
	margin-top: -205px;
}
.input_form, .textarea_form {
	width: 100%;
	max-width: 100%;
	height: 30px;
	outline: none;
	border: none;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-family: "BookmanOldStyle-Italic";
	font-size: 15px;
	color: #fff;
	background-color: #000;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.input_form {
	margin-bottom: 70px;
}
.textarea_form {
	margin-top: 100px;
	max-height: 190px;
	min-height: 151px;
	background-image: url("../images/renglones.png");
	background-position: left 33px;
	border: none;
	line-height: 38px;
}
.submit {
	color: #fff;
	border: 1px solid #fff !important;
	background-color: #000 !important;
	margin: 0 auto !important;
	width: 85px;
	text-align: center;
	display: block;
	margin-top: 50px !important;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s;
}
.submit:hover {
	color:#000 !important;
	background-color: #fff !important;
}
.share_contact {
	width: 215px;
	left: 50%;
	position: relative;
	margin-left: -135px;
	top: 58px;
}
.share_contact .share_icon {
	background-image: url("../images/social_icons.png");
}
.share_contact .fb {
	background-position: left top;
	margin-left: 65px;
}
.share_contact .instagram {
	background-position: -20px top;
}
.share_contact .google_plus {
	background-position: -40px top;
}
/*PLACEHOLDER COLOR*/
::-webkit-input-placeholder {
   color: #000;
   text-decoration: underline;
}
::-webkit-textarea-placeholder {
   color: #000;
   text-decoration: underline;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;  
   text-decoration: underline;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
   text-decoration: underline;
}
:-ms-input-placeholder {  
   color: #000;  
   text-decoration: underline;
}
:-ms-textarea-placeholder {  
   color: #000;  
   text-decoration: underline;
}
/*HIDDEN MENU - PHOTOGRAPHERS/DIRECTORS*/
.hidden_menu {
	display: none;
	margin-top: -42%;
}
.hidden_menu a {
    font-family: "gotham_ultraregular";
    font-size: 55px;
    font-size: 2.85vw;
    color: #fff;
    text-decoration: none;
    display: block;
    outline: none;
    text-transform: uppercase;
}
.nav_hidden {
	position: fixed;
    bottom: 10%;
}
.nav_hidden a {
    font-family: "BookmanOldStyle-Italic";
    font-size: 31px;
    font-size: 1.6vw;
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: 15px;
    -webkit-transform: translateZ(0px);
}
.hidden_menu a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s;
}
.hidden_menu a:hover {
	color: #FFFF00;
}
/*FORM PLACEHOLDER*/
/*PLACEHOLDER COLOR*/
.input_form::-webkit-input-placeholder, .textarea_form::-webkit-input-placeholder {
   color: #fff;
   text-decoration: none;
}
.input_form::-webkit-textarea-placeholder, .textarea_form::-webkit-textarea-placeholder  {
   color: #fff;
   text-decoration: none;
}
.input_form:-moz-placeholder, .textarea_form:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
   text-decoration: none;
}
.input_form::-moz-placeholder, .textarea_form::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
   text-decoration: none;
}
.input_form:-ms-input-placeholder, .textarea_form:-ms-input-placeholder {  
   color: #fff;  
   text-decoration: none;
}
.input_form:-ms-textarea-placeholder, .textarea_form:-ms-textarea-placeholder {  
   color: #fff;  
   text-decoration: none;
}
/*RESOLUTIONS*/

/*1280*/
@media screen and (max-width: 1280px) {
	.menus_container .menu_title {
		font-size: 35px;
		margin-bottom: 35px;
	}
	.menus_container {
		width: 65%;
		max-width: 1210px;
		margin: 0 auto;
		display: none;
		position: relative;
		z-index: 98;
		top: 50%;
		margin-top: -150px;
	}
	#logo {
		width: 150px;
		height: 119px;
		left: 54px;
		top: 32px;
	}
	.nav_bar {
		top:32px;
	}
	.section_container a {
		font-size: 17px;
	}
	.social_box {
		bottom: -150px;
	}
	.nav_icon {
		width: 52px;
		height: 52px;
		margin-bottom: 7px;
		background-size: 120%;
	}
	.search_icon {
	  background-position: -6px -78px;
	}
	.user_icon {
	  background-position: -5px -148px;
	}
	.menu_icon {
	  background-position: -5px -6px;
	}
	.close_icon {
		background-position: -5px -217px;
	}
	.close_icon:hover {
		background-position: -5px -216px;
	}
	.nav_bar .go_top {
		background-size: 60%;
	}
	.nav_bar a.dot {
		width: 5px;
		height: 5px;
		margin-bottom: 15px;
	}
	.nav_bar a.dot:last-child {
		margin-bottom: 45px;
	}
	/*TAGS*/
	.tags_container {
		width: 75%;
		right: 70px;
		top: 32px;
	}
	.tag {
		font-size: 12px;
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.tag_filter {
		font-size: 36px;
	}
	.tag_search {
		font-size: 36px;
	}
	.all_tags {
		max-height: 550px;
	}
	/*MI GARAGE*/
	#submit {
		margin-top: 40px;
	}
	.form_container {
	  margin-left: 140px;
	  margin-top: 40px;
	}
	.my_garage_container h1 {
		font-size: 200px;
		line-height: 180px;
	}
	.my_garage_container h2 {
		font-size: 19px;
	}
	.my_garage_container {
	  	width: 80%;
	  	max-width: 1024px;
	    margin-top: -450px;
	}
	/*LAST PROJECT*/
	.slide .container .img {
		max-width: 1280px;
		width: 90%;
		float: right;
	}
	.slide .title_box {
		min-height: 90px;
		margin-left: -65px;
		max-width: 270px;
		padding-bottom: 70px;
  	}
  	.slide .subtitle {
		font-size: 16px;
	}
	.slide .title {
		font-size: 36px;
		line-height: 36px;
	}
	.slide .bottom_box {
		margin-left: -155px;
	}
	/*SERVICES*/
	.share_services {
		margin-left: 40px;
		margin-bottom: -60px;
		margin-top: 50px;
	}
	p.services_text {
		font-size: 16px;
		width: 520px;
		line-height: 37px;
		margin: 20px auto;
	}
	.services_title {
		font-size: 22px;
		margin-top: 170px;
		margin-left: 100px;
	}
	.services_text .crossed_line {
		background-size: 100% 30%;
		background-position: center 8px;
	}
	.key_word:hover {
		background-size: 100% 30%;
		background-position: center 8px;
	}
	.service_email {
		font-size: 21px;
		font-size: 17px;
	}
	/*MADE IN GARAGE*/
	.slide .container .center_giant_title{
		font-size: 198px;
		line-height: 150px;
	}
	.yellow_box .center_box {
		width: 340px;
		height: 340px;
		margin-left: -170px;
		margin-top: -170px;
	}
	.share_icon {
		margin-left: 25px;
	}	
	/*OUR WORK*/
	.left_content img.pos_1 {
		height: 350px;
		top: -140px;
	}
	.left_content img.pos_2 {
		height: 240px;
		top: 120px;
		right: 160px;
	}
	.left_content img.pos_3 {
		height: 265px;
		top: 265px;
		right: 40px;
	}
	.right_content img.pos_4 {
		height: 490px;
		left: 10px;
		top: 10px;
	}
	.right_content img.pos_5 {
		height: 170px;
		top: 270px;
		left: 250px;
	}
	.left_content .subtitle_section {
		margin-left: -165px;
	}
	.right_content .subtitle_section {
		margin-right: -110px;
	}
	.subtitle_section {
		font-size: 19px;
		letter-spacing: 3px;
	}
	/*CONTACT*/
	.contact .left_content {
		width: 55%;
	}
	.contact .right_content {
  		width: 45%;
  	}
	.left_content .social_link {
		width: 176px;
		height: 11px;
		font-size: 12px;
		line-height: 14px;
	}
	.left_content .social_block {
		margin-bottom: -15px;
	}
	.personal_info, .contact_info {
		margin-bottom: 125px;
	}
	.contact h1 { 
		font-size: 26px;
		letter-spacing: 4px;
		margin-bottom: 115px;
	}
	.contact .name { 
		font-size: 12px;
		margin-bottom: 1px;
		letter-spacing: 2px;
	}
	.contact .post {
		font-size: 12px;
		margin-bottom: 1px;
		letter-spacing: 2px;
	}
	.contact .mail {
		font-size: 12px;
		margin-bottom: 1px;
		letter-spacing: 2px;
	}
	.contact .tel {
		font-size: 16px;
	}
	.contact .location {
		font-size: 13px;
	}
	.contact .madeingarage_copy {
		font-size: 14px;
	}
	/*CONTACT FORM*/
	.textarea_form {
  		margin-top: 20px;
  	}
  	.form_container_contact {
 		width: 60%;
 	}
	.input_form {
		margin-bottom: 50px;
	}
	.share_contact {
		margin-left: -125px;
	}
	.form_container_contact {
		margin-top: -195px;
	}
}
/*FIREFOX FIXS*/
@-moz-document url-prefix() {
	.my_garage_container {
		margin-top: -110px;	
	}
	.menus_container {
		margin: 220px auto 0px;
	}
}