/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
body, input, select, textarea {
	font-size: 13pt;
	line-height: 1.75em;
	letter-spacing: 0.025em;
}
body {
	min-width: 800px;
	overflow-y:scroll;
}
hr {
	margin: 2em 0 2em 0;
}
section, article {
}
.button {
	padding: 0 2.25em 0 2.25em;
	font-size: 0.9em;
	min-width: 12em;
	height: 4em;
	line-height: 4em;
}
.actions {
	margin: 3em 0 0 0;
}	
form .actions {
	margin-top: 1em;
}	
.actions li {
	display: inline-block;
	margin: 0 0.75em 0 0.75em;
}
.actions li:first-child {
	margin-left: 0;
}
.actions li:last-child {
	margin-right: 0;
}		
.actions-centered {
	text-align: center;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.wrapper {
	height:100%;
	width:100%;
	padding-right:5%;
	padding-left:140px;
	overflow:auto!important;
}
.wrapper2 {
	height:100%;
	padding-right:3%;
	overflow:auto!important;
}
.container {
	height:100%;
	width:100%;		
}
#header-wrapper {
	position:fixed;
	padding: 0;
	width:125px;
	z-index:777777;
	background-color:transparent;
}
#guts_slider {
	float:left;
	background-color:#fff;
    width: 100%;
	padding: 0px 0px 0px 0px;
	height: 100%;
    position: fixed;
}
.main_slider {
	height:100%;	
}
#guts_home {
	float:left;
	background-color:#ffffff;
    width: 55%;
    height: 100%;
	margin-left:-55%;
	padding: 110px 10px 15px 0px;
    position: fixed;
}
#guts_about {
	float:left;
	background-color:#ffffff;
    width: 55%;
    height: 100%;
	margin-left:-55%;
	padding: 110px 10px 15px 0px;
    position: fixed;
}
#guts_work_filter {
	float:left;
	display:none;
	background-color:#ffffff;
    width: 23%;
    height: 100%;
	margin-left:-30%;
	padding: 100px 10px 15px 140px;
    position: fixed;
    z-index: 1;
}
#guts_work {
	float:left;
	background-color:#ccc;
    width: 77%;
    height: 100%;
	margin-left:-77%;
	padding: 0px 0px 0px 0px;
    position: fixed;
    z-index:999;
}
#guts_work_project {
	float:left;
	background-color:#ffffff;
    width: 100%;
    height: 100%;
	display:none;
	left: 0px!important;
	padding: 130px 10px 15px 0px;
    position: fixed;
}
#guts_contact {
	float:left;
	background-color:#ffffff;
    width: 40%;
    height: 100%;
	margin-left:-40%;
	padding: 110px 10px 15px 0px;
    position: fixed;
}
#guts_resume {
	float:left;
	background-color:#ffffff;
    width: 55%;
    height: 100%;
	margin-left:-55%;
	padding: 110px 10px 15px 0px;
	position: fixed;
}
#guts_mobil_holder {
	display:none;
}
.close {
	position: absolute;
    width: 12px;
    height: 12px;
    padding: 7px;
    z-index: 2;
    right: 25px;
    top: 18px;
    cursor: pointer;
}
.close img {
	width:12px;
	height:12px;	
}
.close2 {
	position: absolute;
    width: 12px;
    height: 12px;
    padding: 7px;
    z-index: 2;
    right: 40px;
    top: 0px;
    cursor: pointer;
}
.close2 img {
	width:12px;
	height:12px;
}
.return {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 20px;
    padding: 0px 0px 0px 110px;
    z-index: 2;
    top: -105px;
    cursor: pointer;
}
.return span img {
	width:25px;
	height:18px;	
}
.return_arrow {
	background-image: url("../img/core/arrow-back.svg");
    width: 17px;
    height: 17px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: -50px;
}
.ps_prev {
	float: left;
    position: fixed;
    left: 130px;
	top:105px;
}
.ps_prev_arrow {
	background-image: url("../img/core/arrow-left.svg")!important;
    width: 45px!important;
    height: 30px!important;
    margin-right: 10px!important;
    background-size: 10px 85px!important;
    display: inline-block;
    vertical-align: middle!important;
    background-repeat: no-repeat;
}
.ps_next {
	float: right;
    position: fixed;
    right: 40px;
	top:105px;
}
.ps_next_arrow {
    background-image: url("../img/core/arrow-right.svg")!important;
    width: 15px!important;
    height: 10px!important;
    background-size: 10px 120px!important;
    margin-left: 10px!important;
    display: inline-block;
    vertical-align: middle!important;
    background-repeat: no-repeat;
    background-position: center center!important;
    background-size: cover;
}
.text_fade {
	position: absolute;
	width: 94%;
	height: 101px;
	background-image: url("../img/core/textfade_bg.png");
	z-index: 999999;
	top: 23px;
}
.slide_title {
    position: absolute;
    bottom: 20%;
    margin-left: 30px;
    z-index:1;
 }

 .ani_font7 h1 {
 	background-image: url("../portfolio/slideshow/gif/intro.gif");
	background-size: contain;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 140px;
	line-height: 1;
	margin: 10px 0;
	font-weight:400;
	font-family:helvetica;
}
 .ani_font6 h1 {
	background-image: url(../portfolio/slideshow/gif/volvo.gif);
	background-size: cover;
	color: rgba(221, 225, 223, 0.25);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 0.9;
	margin: 10px 0;
	font-weight:100;
	font-family:helvetica;
}
 .ani_font5 h1 {
	background-image: url(../portfolio/slideshow/gif/practice.gif);
	background-size: cover;
	color: rgba(224, 118, 46, 0.5);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 0.9;
	margin: 10px 0;
	font-weight:100;
	font-family:helvetica;
}
 .ani_font4 h1 {
	background-image: url(../portfolio/slideshow/gif/collection.gif);
	background-size: cover;
	color: rgba(17, 140, 238, 0.5);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 0.9;
	margin: 10px 0;
	font-weight:100;
	font-family:helvetica;
}
 .ani_font3 h1 {
	background-image: url(../portfolio/slideshow/gif/imdb.gif);
	background-size: cover;
	color: rgba(245, 197, 24, 0.45);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 0.9;
	margin: 10px 0;
	font-weight:100;
	font-family:helvetica;
}
 .ani_font2 h1 {
	background-image: url(../portfolio/slideshow/gif/inthebeg.gif);
	background-size: contain;
	color: rgba(0, 0, 0, 0);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 0.9;
	margin: 10px 0;
	font-weight:100;
	font-family:helvetica;
}
 .ani_font1 h1 {
	background-image: url(../portfolio/slideshow/gif/landrover.gif);
	background-size: cover;
	color: rgba(3, 105, 61, 0.45);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 0.9;
	margin: 10px 0;
	font-weight:100;
	font-family:helvetica;
}
 .slide_title h2 {
 	color:#636262;
 	font-size: 18px; 
 	z-index:1;
 }
  .slide_title h3 {
 	color:#01cac3;
 	font-size: 24px; 
 	margin-top:-15px;
 }
  .slide_title span {
 	width:100px;
 	height:2px;
 	border-top:solid 1px #b1b1b1; 
 }

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header {
	position: fixed;
	width:140px;
	margin:0px 0px 0px 0px;
}
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/
#logo {
	position: absolute;
	height: 5em;
	top: 30px;
	left: -10px;
	width: 130px;
	padding-left:27px;

}
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
.push_menu {
	position: absolute;
    width: 40px;
    height: 40px;
	top:90px;
	left:27px;
}
.add_back {
	background-color:#fff;
	height:100%;
}
.con,
 .special-con {
   cursor: pointer;
   display: inline-block;
 }
 .bar {
   display: block;
   height: 1px;
   width: 40px;
   background: #969595;
   margin: 5px auto;
   opacity:0.6;
 }
 .con {
   width: auto;
   margin: 0 auto;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
 }
 .col {
   display: inline-block;
   width: 24%;
   text-align: center;
   height: auto;
   position: relative;
 }
 .middle {
   margin: 0 auto;
 }
 .bar {
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
 }
 .con:hover .arrow-top {
   -webkit-transform: translateX(-3px);
   -moz-transform: translateX(-3px);
   -ms-transform: translateX(-3px);
   -o-transform: translateX(-3px);
   transform: translateX(-3px);
   width: 40px;
 }
 .con:hover .arrow-middle {
   -webkit-transform: translateX(8px);
   -moz-transform: translateX(8px);
   -ms-transform: translateX(8px);
   -o-transform: translateX(8px);
   transform: translateX(8px);
 }
 .con:hover .arrow-bottom {
   -webkit-transform: translateX(-3px);
   -moz-transform: translateX(-3px);
   -ms-transform: translateX(-3px);
   -o-transform: translateX(-3px);
   transform: translateX(-3px);
   width: 40px;
 }
#M_Nav, #M_Nav1, #M_Nav2, #M_Nav3, #M_Nav4 {
	 cursor:pointer;
}
#nav_main {
	position: absolute;
	display: none;
	top:6em;
	left:-130px;
	width: 130px;
	padding-left:27px;
	text-align: left;
}
#nav_main > ul > li > ul {
	display: none;
}
#nav_main > ul {
	display: inline-block;
	border-radius: 0.35em;
	padding: 0 0 0 0;
}
#nav_main > ul > li {
	display: inline-block;
	text-align: left;
	padding: 0 20px 0 0px;
	min-width:90px;
}		
#nav_main > ul > li > a,
#nav_main > ul > li > span {
	display: block;
	color: #A8A5A5;
	text-decoration: none;
	font-size: 12px;
	font-weight:300;
	outline: 0;
	border-bottom:solid 1px transparent;
	/*
	background-position: top 50px center;
	*/				
}
#nav_main > ul > li:hover > a {
	color: #06c9d6;
	opacity: 1;
	border-bottom:solid 1px #06c9d6;
	transition: border-color .5s ease-in-out;
	/*
	background-image: url(../img/core/style_line.png);
	background-repeat:no-repeat;
	background-position: top 50px center;
	*/		
}
#nav_main > ul > li > a:focus {
    color: #06c9d6;
    opacity: 1;
    border-bottom: 1px solid #06c9d6;
}
a.active_main {
	color: #06c9d6!important;
	opacity: 1;
	border-bottom:solid 1px #06c9d6!important;
}
.panel {
	display:none;	
}
.menu-link {
	display:none;
}
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/
#main {
	margin: 1em 0 1em 0;
	position:absolute;		
}
#main span {
	padding:0em 4em 0em 4em;
}		
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
#content {
	
}
#content_about {
	text-align:center;
	padding:10px 20px 10px 20px;
	height:680px;
	background-color:#ffffff;
}
#content_work {
	text-align:center;
	padding:10px 20px 10px 20px;
	height:2300px;
	background-color:#ffffff;
}
#content_contact {
	text-align:center;
	padding:10px 20px 10px 20px;
	height:1000px;
	background-color:#ffffff;
}
/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/
#sidebar {
	
}
.left-sidebar #sidebar {
	padding-right: 3em;
}
.right-sidebar #sidebar {
	padding-left: 3em;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	
}
#footer header.style1 {
	padding-bottom: 0;
}
#footer hr {
	margin: 6em 0 6em 0;
}
#footer .footer-one {
	padding-right: 1.5em;
}		
#footer .footer-two {
	padding-left: 1.5em;
}
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
#copyright {
	margin: 0em 0 0 0;
}
#copyright span {
	padding: 1.5em 4em 1.5em 0em;
	font-size: 0.8em;
}	
/*********************************************************************************/
/* Grid Div`s                                                                  */
/*********************************************************************************/
/*
.col_10 {float:left;width:10%;height:500px;overflow:hidden;}
.col_20 {float:left;width:20%;height:500px;overflow:hidden;}
.col_30 {float:left;width:30%;height:500px;overflow:hidden;}
.col_40 {float:left;width:40%;height:500px;overflow:hidden;}
.col_50 {float:left;width:50%;height:500px;overflow:hidden;}
.col_60 {float:left;width:60%;height:500px;overflow:hidden;}
.col_70 {float:left;width:70%;height:500px;overflow:hidden;}
.col_80 {float:left;-width:80%;height:500px;overflow:hidden;}
.col_90 {float:left;width:90%;height:500px;overflow:hidden;}
.col_100 {float:left;width:100%;height:500px;overflow:hidden;}
*/
/*********************************************************************************/
/* CUSTOMS                                                                       */
/*********************************************************************************/				
ul.gallery_titles {
	color:#ffffff;
	font-size:15px;
}
.gallery_titles li {
	float:left;
	width:100%;
} 
.gallery_titles a {
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
} 
#Gallery_Content {
	float:left;
	
}
.gallery li {
	float:left;
	margin-right:5px;
}
#Main_Content {
	overflow:hidden;
	float:left;
	width:100%;
	height:100%;
}
#boxscroll4 {
	height: 600px;
	margin-top: 0px;
	padding: 10px;
	overflow: auto;
}
/*Grid thumbnail height*/
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 290px;
    max-height: 260px;
    width: 50%;
    text-align: center;
    cursor: pointer;
}
/* Back Strecth */

.BS { height: 1000px; }
      .BS div {
        position: absolute;
        bottom: 0;
		top:600px;
        width: 100%;
}
/* Portfolio layout */
.section-container {

}
.title-page {

}
.title-description {

}
.description-header {

}