@-webkit-viewport{width:900px;}
@-moz-viewport{width:900px;}
@-ms-viewport{width:900px;}
@-o-viewport{width:900px;}
@viewport{width:900px;}


::selection {color:currentColor;background:transparent}
* {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

html {
	font-size: 16px;	
}

body {
	color:#FFF;	
	font-family: 'Roboto', sans-serif;
}

body.start {
	background-color: #2396c5;
	color: #FFF;
}

body.contact {
	/*background-color: #394165;
	color:#FFF;*/
	background-color: #d7d7d7;
	color:#262626;
}
body.projects {
	background-color: #c4c4c4;
	color:#FFF;
}

button:focus {
	outline: none;
}

nav.navbar.navbar-default {
	background: transparent;
	border: none;
	padding: 10px 40px;
	
	z-index: 2;
}

.project nav.navbar.navbar-default {
	position: fixed;
	width: 100%;
}

.navbar-default .navbar-nav > li > a {
	color: #FFF;
	opacity: 0.7;
	text-transform: uppercase;
	font-weight: 700;
	
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;	
}
.navbar-default .navbar-nav > li.active {
	background: transparent;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:active,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active{
	color: #FFF;
	opacity: 1;
	outline: none;
	background-color: transparent;
}


.navbar-default .navbar-nav > li > a::after {
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	content: " ";
	width: 0;
	height: 2px;	
	left: 50%;
	background: #fff;
}

.navbar-default .navbar-nav > li.active > a::after,
.navbar-default .navbar-nav > li > a:focus::after,
.navbar-default .navbar-nav > li > a:hover::after {
	content: " ";
	display: block;
	width: 100%;
	height: 2px;
	position: relative;	
	top: 3px;
	left: 0;

	background: #fff;
	
}


nav.navbar .navbar-brand {
	outline: none;
}
nav.navbar a.navbar-brand.u-logo {
	position: relative;
	display:block;
}
nav.navbar .navbar-brand > img{ 
	position: absolute;
	display: block;
	top: 26px;
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;    
    transition: opacity 400ms ease-in-out;		
}
nav.navbar .navbar-brand >.dark,
body.white nav.navbar .navbar-brand >.light {
	opacity: 0;
}

nav.navbar .navbar-brand >.light,
body.white nav.navbar .navbar-brand >.dark {
	opacity: 1;
}


nav.navbar button.navbar-toggle {
	border-color: #fff;
}

nav.navbar button.navbar-toggle:hover,
nav.navbar button.navbar-toggle:active,
nav.navbar button.navbar-toggle:focus {
	background: rgba(255,255,255,0.2);
}

nav.navbar button.navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
	 margin-top: 20px;
}

.about-descriptor-wrapper,
.contact-content-wrapper,
.promo-slider-wrapper {
	/*text-align: center;*/
	
    display: block;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	 z-index: 1;
}

.projects-content,
.about-descriptor,
.contact-content,
.promo-slider {
	/*display: inline-block;
	vertical-align: middle;*/
	
    height: 30%;
    left: 50%;
    margin: -12% 0 0 -25%;
    position: absolute;
    top: 50%;
    width: 50%;
}
.contact-content {
	top: 40%;
}
.about-descriptor {
	top: 60%;
	font-size: 36px;
}

.light-yellow {
	color: #fcffb3;
}

.projects-content .container {
	width: 800px;
}

.projects-content .project-link{
	outline: none;
	position: relative;
	display: block;
}

.projects-content .project-link:before{
	content: " ";
	background: #176bb4 none repeat scroll 0 0;
	opacity: 0;
	display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;	
	z-index: 2;
	
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;    
    transition: opacity 400ms ease-in-out;	
}
.projects-content .project-link:hover:before{	            
	opacity: 0.4;
}

.case-appstarrf h1{
	font-size: 72px;
	font-weight: 700;
}
.case-appstarrf h1 > .blue{color: #46a7c8;}
.case-appstarrf h1 > .red{color: #ed4e3b;}
.case-appstarrf .descriptor {
	font-size: 36px;
	font-weight: 100;
}
.case-appstarrf .about-descriptor {
	top: 58%;
}
.case-bekon .about-descriptor {
	top: 48%;
}

.case-veterinar h1{
	font-size: 45px;
	text-transform: uppercase;
	font-weight: 400;
}
.case-veterinar .descriptor {
	font-size: 24px;
	font-style: italic;
	line-height: 1.2em;
}
.case-veterinar .about-descriptor {


    top: 50%;

}

.case-veterinar .about-descriptor > .green-wrapper {
	background: transparent none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
	height: auto;

    padding: 45px;
    width: auto;
	
	position: relative;
	z-index: 2;
}

.case-veterinar .about-descriptor > .green-wrapper::after {
    background: #18ad90 none repeat scroll 0 0;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	
	box-shadow: -70px 70px 70px rgba(0,0,0,0.47);
	
	z-index: -1;
}
/*
.case-veterinar .about-descriptor > .green-wrapper::before {
    background: rgba(0,0,0,0.47) none repeat scroll 0 0;
	
	box-shadow: 0 0 20px rgba(0,0,0,0.47);
    border-radius: 50%;
    content: " ";
    display: block;
    height: 100%;
    left: -70px;
    position: absolute;
    top: 70px;
    width: 100%;
	
	z-index: -2;
}
*/

@keyframes movePlus {
    from {
       background-position: 0% 0%
    }
    to { 
        /*background-position: 187% 0% */
        background-position: 0% 200% 
    }
}


body.start .plus-pattern-wrapper {
	-moz-perspective: 800px;
	perspective: 800px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
}
body.start .plus-pattern {
	background: url(../images/plus-pattern.png);
	width: 200%;
	height: 250%;
	position: absolute;
	top: -100%;
	left: -50%;
	display: block;
	opacity: 0.5;
	
	/*-moz-perspective: 800px;
	perspective: 800px;*/
	transform: rotateX(50deg) ;/*rotateY(10deg);*/
	
	transform-style: perspective-3d;
	
	animation: movePlus 100s linear infinite;
	

}

body.start .plus-pattern-horizon {		
	background: -moz-linear-gradient(top, rgba(35,150,197,1) 0%, rgba(35,150,197,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(35,150,197,1) 0%,rgba(35,150,197,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(35,150,197,1) 0%,rgba(35,150,197,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#2396c5', endColorstr='#002396c5',GradientType=0 ); /* IE6-9 */

	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

}

.carousel-indicators {
 position:absolute;
 right:10px;
 top:20px;
 height: 20px;
}

.carousel-inner > .item > .slide {
	/*background: rgba(255, 0, 0, 0.3) none repeat scroll 0 0;*/
    color: #fff;
    width: 100%;
	margin-top: 45px;
	padding-top: 45px;
	
	font-family: Etelka;

}

.carousel-inner > .item > .slide h2{
    font-size: 60px;
    line-height: 1em;
    margin-top: 0;
}

.carousel-inner > .item > .slide p{
	font-weight: 100;
	font-size: 18px;
}

nav .btn,
.carousel-inner > .item > .slide .btn {
    border: 2px solid #fff;
    border-radius: 45px;
    color: #fff;
    font-weight: 100;
    height: 40px;
    padding: 25px 20px;
	outline: none;
	margin-top: 30px;
	 line-height: 2px;
	 
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;    
    transition: all 400ms ease-in-out;
}

.carousel-inner > .item > .slide .btn:hover, 
.carousel-inner > .item > .slide .btn:active, 
.carousel-inner > .item > .slide .btn:focus {
	background: rgba(255,255,255,0.2);
	color: #fff;
	outline: none;
} 

nav.navbar button.btn {
    background: transparent none repeat scroll 0 0;
    font-weight: 300;
    margin-left: 15px;
    margin-top: -2px;
    opacity: 0.7;
    outline: medium none;
    text-transform: uppercase;
	font-weight: 700;
}

nav.navbar button.btn:hover, 
nav.navbar button.btn:active, 
nav.navbar button.btn:focus{
	background: rgba(255,255,255,0.2);
	color: #fff;
	outline: none;	
	opacity: 1;
}

.navbar-right.scrolledwindow{
	margin-right: -32px;
}

@-webkit-keyframes blink {
        0%   { opacity :0.8; }
        50%  { opacity :1;}
        100% { opacity :0.8; }
}
@-moz-keyframes blink {
        0%   { opacity:0.8; }
        50%  { opacity :1;}
        100% { opacity :0.8; }
}
@-ms-keyframes blink {
        0%   { opacity :0.8; }
        50%  { opacity :1;}
        100% { opacity :0.8; }
}
nav.navbar button.btn{
     -webkit-animation: blink 5s infinite;
     -moz-animation:    blink 5s infinite;
     -ms-animation:     blink 5s infinite;
}




/**** White ***/
.white nav.navbar button.navbar-toggle {
	border-color: #394165;
}
.white nav.navbar button.navbar-toggle .icon-bar,
.white .navbar-default .navbar-nav > li > a::after,
.white .navbar-default .navbar-nav > li.active > a::after,
.white .navbar-default .navbar-nav > li > a:focus::after,
.white .navbar-default .navbar-nav > li > a:hover::after {
	background: #394165;
}
.white .navbar-default .navbar-nav > li.active > a,
.white .navbar-default .navbar-nav > li.active > a:hover,
.white .navbar-default .navbar-nav > li.active > a:focus,
.white .navbar-default .navbar-nav > li.active > a:active,
.white .navbar-default .navbar-nav > li > a:hover,
.white .navbar-default .navbar-nav > li > a:focus,
.white .navbar-default .navbar-nav > li > a:active,
.white .navbar-default .navbar-nav > li > a { 
	color: #394165;
}

.white nav.navbar button.btn {
    border: 2px solid #394165;
    color: #394165;
}

.white nav.navbar button.btn:hover, 
.white nav.navbar button.btn:active, 
.white nav.navbar button.btn:focus{
	/*background: rgba(57,65,101,0.2);*/
	background: rgba(29,94,156,0.2);
	color: #394165;
}



/**** Contact ****/

.contact-content .phonenum {
	font-size: 48px;
	color: #fff;
	display: inline-block;
	position: relative;
}

.contact-content .phone {	
	color: #262626;
	font-weight: 700;
}

.contact-content h1 {
	color: #262626;
    font-size: 48px;   
    text-align: center;
    text-transform: uppercase;
}

.contact-content .phonenum:active,
.contact-content .phonenum:focus,
.contact-content .phonenum:hover {
	text-decoration: none;
}
.contact-content .phonenum::after {
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	content: " ";
	width: 0;
	height: 3px;	
	left: 50%;
	background: #fff;
}

.contact-content .phonenum:active::after,
.contact-content .phonenum:focus::after,
.contact-content .phonenum:hover::after {
	content: " ";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;	
	bottom: 3px;
	left: 0;
	
	opacity: 0.3;

	background: #fff;	
}


.contact-content .email {
	color: #10a8ab;
	font-size: 24px;
}

.contact-content .partner-card-download{
	color: #fff;
	border-bottom: dashed 1px rgba(255, 255, 255, 0.7);
	opacity: 0.7;
	
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;	
}

.contact-content .partner-card-download:hover,
.contact-content .partner-card-download:focus,
.contact-content .partner-card-download:active {
	text-decoration: none;
	opacity: 1;
	border-bottom: dashed 1px rgba(255, 255, 255, 1);

}

.contact-content .whitboard {overflow: hidden;}
.map-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
/**** Map in circle *** /
.map-wrapper.visible {
	display: block;
	line-height: 500px;
	text-align: center;
	width: 100%;
}
.map-wrapper.visible .map-circle{
	border-radius: 50%;
	overflow: hidden;
	width: 400px;
	height: 400px;
	display: inline-block;
	vertical-align: middle;
}

#appstarMap {
    height: 500px;
    left: -298px;
    position: relative;
    top: -31px;
    width: 1000px;
}
/****/

.map-wrapper.visible {
	display: block;
	line-height: 500px;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.map-wrapper .map-circle{
	top: -500px;
	border-radius: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	
}
.visible .map-circle{ 
	top: 0;
}


.map-circle{ 
	-webkit-transition: top 1400ms ease-in-out 0.5s;
    -moz-transition: top 1400ms ease-in-out 0.5s;
    -o-transition: top 1400ms ease-in-out 0.5s;
    transition: top 1400ms ease-in-out 0.5s;	
}

#appstarMap {
    height: 500px;
    left: 0;
    position: relative;
    top: 0;
    width: 1000px;
}

.map-wrapper > .close {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #000;
    display: block;
    font-size: 2.5em;
    height: 50px;
    line-height: 1em;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    visibility: visible;
    width: 50px;
    z-index: 3;
}

.map-wrapper > .close:hover,
.map-wrapper > .close:active,
.map-wrapper > .close:focus {
	color: #fff;
	background: #2da3cf;
}



/*** Project ***/

.project-splash-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*display: block;*/
	/*overflow: hidden;*/	
	z-index: 1;
}
.project-splash-logo-wrapper {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;	
}

.project-splash-wrapper > header {
	overflow: hidden;
	display: block;
	position: fixed;
	
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
	background-position: 50% center;
	
}

.project-splash-logo-wrapper > .project-splash-logo {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    padding: 30px;
    position: relative;
    width: auto;
}

.project-splash {
	display: block;
	position: absolute;
	top: 200px;
	width: 100%;
	text-align: center;		
}
.project-splash > p.descriptor {
	font-size: 34px;
	color: #2e2e2e;
}
.bgk .project-splash > p.descriptor {
	color: #fff;
	text-shadow: 2px 0 1px rgba(0, 0, 0, 0.3);
}
.gemba .project-splash > p.descriptor {
	color: #fff;
	text-shadow: 2px 0 1px rgba(0, 0, 0, 0.3);
}

.project-splash > h1 {
	color: #095093;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
}
.bgk .project-splash > h1 {
	color: #fff;
	text-shadow: 4px 0 3px rgba(0, 0, 0, 0.3);
}
.gemba .project-splash > h1 {
	color: #fff;
	text-shadow: 4px 0 3px rgba(0, 0, 0, 0.3);
}

.project-object-wrapper {
	display: block;
    position: absolute;
    text-align: center;
    top: 255px;
    width: 100%;
}

.project-object {
	
}

.veterinar .project-object-wrapper{
	top: 0;
	left: 0;
	height: 100%;
}
.veterinar .project-object-wrapper .project-object{
	background: url(../images/projects/veterinar-feathers.png) no-repeat center center transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}


.project-splash-wrapper > header {
	width: 100%;
	height: 100%;
}
.project-splash-wrapper.volkswagen > header{
	background-image: url(../images/projects/voltswagen-bg.jpg);
}
.project-splash-wrapper.bekon > header{
	background-image: linear-gradient(45deg, rgba(1, 45, 0, 0.5) 0%, rgba(1, 45, 0, 0.5) 100%), url(../images/splash/projectsplash-bekon.jpg);
}
.project-splash-wrapper.bgk > header{
	/*background-image: url(../images/splash/projectsplash-bgk.jpg);*/
	background-image: linear-gradient(45deg, rgba(58, 102, 57, 0.5) 0%, rgba(58, 102, 57, 0.5) 100%), url(../images/splash/projectsplash-bgk.jpg);
}
.project-splash-wrapper.gemba > header{
	background-image: url(../images/splash/projectsplash-gemba.jpg);
}
.project-splash-wrapper.veterinar > header{
	background-image: url(../images/splash/projectsplash-veterinar.jpg);
}
.project-splash-wrapper.appstarrf > header{
	background-image: linear-gradient(45deg, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0.8) 100%), url(../images/splash/projectsplash-appstarrf.jpg);
}

.project-splash-wrapper.dihouse > header{
	background-image: url(../images/splash/projectsplash-dihouse.jpg);
}


.project-splash-wrapper.appstar > header{	
/*	background-image: -moz-linear-gradient(45deg, rgba(45,157,199,0.9) 0%, rgba(136,73,179,0.9) 100%), url(../images/about/appstar-team.jpg) ; /* FF3.6-15 */
/*	background-image: -webkit-linear-gradient(45deg, rgba(45,157,199,0.9) 0%,rgba(136,73,179,0.9) 100%), url(../images/about/appstar-team.jpg); /* Chrome10-25,Safari5.1-6 */
/*	background-image: linear-gradient(45deg, rgba(45,157,199,0.9) 0%,rgba(136,73,179,0.9) 100%), url(../images/about/appstar-team.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62d9dc7', endColorstr='#e68849b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009eca+0,9b47b7+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(45deg, rgba(0,158,202,0.9) 0%, rgba(155,71,183,0.9) 100%)/*, url(../images/about/appstar-team.jpg)*/; /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(0,158,202,0.9) 0%,rgba(155,71,183,0.9) 100%)/*, url(../images/about/appstar-team.jpg)*/; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(0,158,202,0.9) 0%,rgba(155,71,183,0.9) 100%)/*, url(../images/about/appstar-team.jpg)*/; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6009eca', endColorstr='#e69b47b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	width: 100%;
	height: 100%;
}


#snowflakes {
	display: block;
}


/**** Project content *****/
.about-content-wrapper,
.project-content-wrapper {
	background: #fff;
	width: 100%;
	min-height: 100%;
	height: auto;
	display: block;
	
	position: relative;
    top: 100%;
	
	
}

.about-content-wrapper {
	background: #d7d7d7;
}

.about-content,
.project-content {
	color: #000;
	padding-top: 100px;
	font-size: 18px;
	padding-bottom: 50px;
}

.about-content .container,
.project-step .container,
.project-content .container {
	width: 800px;
}

.about-content  h1,
.project-content h1 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 80px;
}

.about-content h1 {
	text-align: center;
	text-transform: uppercase;
}

.project-content .project-descriptor {font-size: 18px;}
.project-content .project-descriptor > .project-type {color:#a7a7a7; margin-bottom: 30px;}
.project-content .project-descriptor > .project-type > .value {color:#000000;display: block;}
.project-content .project-descriptor > .project-year {color:#a7a7a7; margin-bottom: 30px;}
.project-content .project-descriptor > .project-year > .value {color:#000000;display: block;}


.project-step { 
	color: #000;
	padding-top: 90px;
	font-size: 18px;
}

.dihouse .project-step { 
	overflow: hidden;
}

.project-step h2{ 
	font-size: 36px;
	margin-bottom: 25px;
}
.project-step.light-blue {
	background: #176bb4;
	color: #fff;	
}
.project-step.dark-blue {
	background: #184376;
	color: #fff;	
}
.project-step.cyan-green {
	background: #18ad90;
	color: #fff;	
}
.project-step.gray {
	background: #c4c4c4;
	color: #000000;	
}
.project-step.light-gray {
	background: #e5e4e5;
	color: #000000;	
}
.project-step.grayish-yellow {
	background: #edebe2;
	color: #233549;	
}

.project-step.veterinar-inner {
	background: url(../images/projects/veterinar-inner-pages.jpg) no-repeat top center /cover #18ad90;
	min-height: 1129px;
}
.project-step.bekon-pattern {
	background: rgba(0, 0, 0, 0) url("../images/projects/bekon-pattern.jpg") repeat fixed 0 0;	
}


.text-dark-blue > h2,
.text-dark-blue > p,
.project-step.text-dark-blue{
	color: #233549;
}


.project-step.no-padding {
	padding: 0;
}
.project-step.no-padding-top {
	padding-top: 0;
}
.project-step.bottom-padding {
	padding-bottom: 100px;
}
.project-step .bigimage-wrapper {
    display: block;
    overflow: visible;
    width: 100%;
	margin-top: 95px;
}

.project-step .bigimage-wrapper.simple-shadow > img {
	box-shadow: 3px 11px 22px rgba(0, 0, 0, 0.3);
}


.project-step.appstarrf-link-block {
	background: url(../images/projects/appstar-sitelink.jpg) no-repeat center center /cover;
	color: #fff;
	padding-top: 140px;
}
.project-step.appstarrf-link-block .btn.appstarrf-big-btn{
	background: #ed4e3b;
	color: #fff;
	
	border-radius: 5px;
	padding: 25px 80px;
	font-size: 30px;
	
	margin: 76px 0;
	
	outline: none;
	box-shadow: none;
	
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;	
}

.project-step.appstarrf-link-block .btn.appstarrf-big-btn:focus,
.project-step.appstarrf-link-block .btn.appstarrf-big-btn:active,
.project-step.appstarrf-link-block .btn.appstarrf-big-btn:hover{
	background: #ff614b;
}

.no-padding .bigimage-wrapper ,
.no-padding-top .bigimage-wrapper {
	margin-top: 0;
}

.margin-top {
	margin-top: 90px;
}
.benefits {
	margin-top: 90px;
	margin-bottom: 90px;
}
.benefits .benefit-item {
	min-height: 430px;
}

.benefits .benefit-item > .icon-wrapper {
	width: 300px;
	line-height: 200px;
	text-align: center;
	display: block;
}

.benefits .benefit-item > h3 {
	padding-left: 80px;
	position: relative;
	margin-bottom: 25px;
}
.benefits .benefit-item {
	counter-increment: step-counter;
}
.benefits .benefit-item > h3::before {
	content: counter(step-counter);
	margin-right: 25px;
	font-size: 30px;
	background-color: #176bb4;
	color: #FFF;
	font-weight: bold;
	padding: 3px 8px;
	border-radius: 50%;

	line-height: 68px;

	text-align: center;

	width: 68px;
	height: 68px;
	display: block;
	
	position: absolute;
	top: -8px;
	left: 0;
}
.bgk .benefits .benefit-item > h3::before {
	background-color: #7bb82b;
	line-height: 63px;
}

.benefits .benefit-item > .icon-wrapper > img {
	display: inline-block;
    float: inherit;
    vertical-align: middle;
	
	max-width: 400px;
}

.project-step .bigimage-wrapper.wv-screen1 > img{
	margin-left: -24px;	
}

.project-step .bigimage-wrapper.zindex1 {
	z-index: 1;
	position: relative;
}
.project-step .bigimage-wrapper.blue-glow {
	box-shadow: 0 0 69px rgba(0,132,255, 0.27);
}

.down-whell-wrapper {
	text-align: center;
	bottom: 1rem;
	bottom: 96px;
	
	z-index: 3;
	position: absolute;
	width: 100%;
}
.down-whell-wrapper .down-wheel-descriptor {
	color: #ffffff;
	display: inline-block;	
}
/*.bgk .down-whell-wrapper .down-wheel-descriptor,
.appstar .down-whell-wrapper .down-wheel-descriptor {*/
.volkswagen .down-whell-wrapper .down-wheel-descriptor {
	color: #176bb4;
}
.veterinar .down-whell-wrapper .down-wheel-descriptor {
	color: #233549;
}
/**** Scroll Down Wheell ****/

@-webkit-keyframes scroll-down-wheel {
	0% {
		-webkit-transform: scaleY(0.4) translateY(0);
						transform: scaleY(0.4) translateY(0);
	}
	20% {
		-webkit-transform: scaleY(1) translateY(0);
						transform: scaleY(1) translateY(0);
	}
	60% {
		-webkit-transform: scaleY(0.4) translateY(0.6rem);
						transform: scaleY(0.4) translateY(0.6rem);
	}
	100% {
		-webkit-transform: scaleY(0.4) translateY(0);
						transform: scaleY(0.4) translateY(0);
	}
}

@keyframes scroll-down-wheel {
	0% {
		-webkit-transform: scaleY(0.4) translateY(0);
						transform: scaleY(0.4) translateY(0);
	}
	20% {
		-webkit-transform: scaleY(1) translateY(0);
						transform: scaleY(1) translateY(0);
	}
	60% {
		-webkit-transform: scaleY(0.4) translateY(0.6rem);
						transform: scaleY(0.4) translateY(0.6rem);
	}
	100% {
		-webkit-transform: scaleY(0.4) translateY(0);
						transform: scaleY(0.4) translateY(0);
	}
}

.scroll-down-wheel {
	z-index: 3;
	position: absolute;
	left: 50%;
	bottom: 1rem;
	bottom: 50px;
	width: 1.5rem;
	height: 2.4rem;
	border-radius: 0.75rem;
	border: 2px solid #FFFFFF;
	cursor: pointer;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.volkswagen .scroll-down-wheel {
	border: 2px solid #176bb4;
}
.veterinar .scroll-down-wheel {
	border: 2px solid #233549;
}

.scroll-down-wheel:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0.4rem;
	margin-left: -0.1rem;
	width: 0.2rem;
	height: 0.45rem;
	background: #FFFFFF;
	border-radius: 2px;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: scroll-down-wheel 1.25s infinite linear;
	animation: scroll-down-wheel 1.25s infinite linear;
}
.volkswagen .scroll-down-wheel:after {
	background: #176bb4;
}
.veterinar .scroll-down-wheel:after {
	background: #233549;
}

.fs-pages.active .scroll-down-wheel {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s 2.1s;
	transition: all 0.5s 2.1s;
}

.scroll-down-wheel.just-added {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	/*cursor: auto;*/
}

.scroll-down-wheel.hidden {
	z-index: -10;
	opacity: 0 !important;
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
}

.gemba .scroll-down-wheel,
.bgk .scroll-down-wheel,
.appstar .scroll-down-wheel {
	border: 2px solid #ffffff;
}

.gemba .scroll-down-wheel:after,
.bgk .scroll-down-wheel:after,
.appstar .scroll-down-wheel:after {
		background: #ffffff;
}

.dihouse .down-wheel-descriptor {
	color: #ef4492;
}
.dihouse .scroll-down-wheel {
	border: 2px solid #ef4492;
}

.dihouse .scroll-down-wheel:after {
		background: #ef4492;
}



/**** About *****/
.about-content-wrapper {
	height: auto;
	min-height: 100%;
}
.whitboard {
	background: #FFF;
	padding: 75px;
}

.whitboard .service-descriptor h2{
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 25px;
	color: #262626;
}
.whitboard .service-descriptor p{
	color: #262626;
	font-size: 16px;
	font-weight: 300;
	margin-top: 0;
}

.whitboard .service-row {
	margin-bottom: 100px;
}

.about-header h2{
	margin-top: 100px;
	font-size: 48px;
	text-transform: uppercase;
	color: #262626;
	text-align: center;
	margin-bottom: 30px;
}

.whitboard .team-slogan {
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	color: #262626;
	margin-bottom: 70px;
}

.team-member { text-align: center; margin-bottom: 70px;display: inline-block;}
.team-member img{display: inline-block; border-radius: 50%;}
.team-member h4{text-transform: uppercase; font-size: 18px; color: #262626;text-align:center;}
.team-member h4 > span{ display: block; text-transform: none;font-size: 16px;color: #262626;}


.client-item {
	margin-top: 40px;
}

.whitboard p {
	margin-top: 20px;
}
.whitboard .phone {
	font-size: 24px; 
	font-weight: 500;
	text-decoration: none;
	outline: none;
}
.whitboard .phone:hover,
.whitboard .phone:active,
.whitboard .phone:focus{
	color: #2396c5;
}


.whitboard .email-btn {
    border: 2px solid #d7d7d7;
    border-radius: 20px;
    color: #2396c5;
    font-size: 18px;
    padding: 5px 20px;
	text-decoration: none;
}

.whitboard .email-btn:hover,
.whitboard .email-btn:active,
.whitboard .email-btn:focus {
    border: 2px solid #2396c5;
    border-radius: 20px;
    color: #2396c5;
    font-size: 18px;
    padding: 5px 20px;
}

/**** Contact ****/

button.map-toggle {
	display: inline-block;
	width: 100px;
	height: 100px;
	background-position: 0 0;
	background-image: url(../images/map-icon.png);
	background-color: transparent;
	border: none;
}
button.map-toggle:hover,
button.map-toggle:active,
button.map-toggle:focus {
	background-position: 0 -100px;
}

/**** Projects splash ****/
#projects-content-wrapper {
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#projects-content-wrapper .zoomed-image {
	height: 100%;
	background: url("../images/splash/projectsplash-bgk.jpg") 50% 50% no-repeat;
	background-color: #3a6639;
	background-size: cover;
	-webkit-animation: anim 175s infinite;
	animation: anim 175s infinite;

	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#projects-content-wrapper .section-mask {
	background-color: rgba(58,102,57,.7);
	
	background-image: -moz-linear-gradient(45deg, rgba(205,129,40,1) 0%, rgba(128,23,123,1) 50%, rgba(18,106,151,1) 100%) ; /* FF3.6-15 */
	background-image: -webkit-linear-gradient(45deg, rgba(205,129,40,1) 0%,rgba(128,23,123,1) 50%,rgba(18,106,151,1) 100%) ; /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(45deg, rgba(205,129,40,1) 0%,rgba(128,23,123,1) 50%,rgba(18,106,151,1) 100%) ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	width: 100%;
	height: 100%;

	position: absolute;
	z-index: 2;
}

#projects-content-wrapper .zoomed-image {
	opacity: 0;
	
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;		
}
#projects-content-wrapper .section-mask {	
	/*-webkit-transition: background-color 400ms ease-in-out;
    -moz-transition: background-color 400ms ease-in-out;
    -o-transition: background-color 400ms ease-in-out;
    transition: background-color 400ms ease-in-out;	*/
	
/*	-webkit-transition: background 400ms ease-in-out;
    -moz-transition: background 400ms ease-in-out;
    -o-transition: background 400ms ease-in-out;
    transition: background 400ms ease-in-out;	
*/
	-webkit-transition: background 400ms ease-in-out;
    -moz-transition: background 400ms ease-in-out;
    -o-transition: background 400ms ease-in-out;
    transition: background 400ms ease-in-out;	
	
background: transparent; /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(205,129,40,0) 0%, rgba(128,23,123,0) 50%, rgba(18,106,151,0) 100%) transparent; /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(205,129,40,0) 0%,rgba(128,23,123,0) 50%,rgba(18,106,151,0) 100%) transparent; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(205,129,40,0) 0%,rgba(128,23,123,0) 50%,rgba(18,106,151,0) 100%) transparent; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

}


#projects-content-wrapper .section-mask::before{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;		
}

#projects-content-wrapper .zoomed-image.default{
	background-image: url("../images/splash/appstar-galaxy.jpg");
}
#projects-content-wrapper .section-mask{
	/*background: rgba(0,0,0,.3);*/
	background-color: rgba(25,0,100,.4);
	background-blend-mode: multiply;	
}

#projects-content-wrapper .zoomed-image.vw{
	background-image: url("../images/splash/projectsplash-vw.jpg");
}
#projects-content-wrapper.vw .section-mask{
	background-color: rgba(42,71,122,.8);
}

#projects-content-wrapper .zoomed-image.bekon{
	background-image: url("../images/splash/projectsplash-bekon.jpg");
}
#projects-content-wrapper.bekon .section-mask{
	background-color: rgba(0,0,0,.8);
}

#projects-content-wrapper .zoomed-image.appstarrf{
	background-image: url("../images/splash/projectsplash-appstarrf.jpg");
}
#projects-content-wrapper.appstarrf .section-mask{
	background-color: rgba(89,89,89,.8);
}

#projects-content-wrapper .zoomed-image.bgk{
	background-image: url("../images/splash/projectsplash-bgk.jpg");
}
#projects-content-wrapper.bgk .section-mask{
	background-color: rgba(58,102,57,.8);
}

#projects-content-wrapper .zoomed-image.gemba{
	background-image: url("../images/splash/projectsplash-gemba.jpg");
}
#projects-content-wrapper.gemba .section-mask{
	background-color: rgba(0,70,80,.8);
}

#projects-content-wrapper .zoomed-image.dihouse{
	background-image: url("../images/splash/projectsplash-dihouse.jpg");
}
#projects-content-wrapper.dihouse .section-mask{
	/*background: rgba(0,70,80,.8);*/
	/*opacity: 0.8; */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd8128+0,80177b+50,126a97+100 */
	background-color: transparent; /* Old browsers */
}
#projects-content-wrapper.dihouse .section-mask::before{
	background-color: transparent; /* Old browsers */
	background-image: -moz-linear-gradient(45deg, rgba(205,129,40,0.8) 0%, rgba(128,23,123,0.8) 50%, rgba(18,106,151,0.8) 100%) ; /* FF3.6-15 */
	background-image: -webkit-linear-gradient(45deg, rgba(205,129,40,0.8) 0%,rgba(128,23,123,0.8) 50%,rgba(18,106,151,0.8) 100%) ; /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(45deg, rgba(205,129,40,0.8) 0%,rgba(128,23,123,0.8) 50%,rgba(18,106,151,0.8) 100%) ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd8128', endColorstr='#126a97',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */		
	
	opacity: 1;
	
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;	
}


#projects-content-wrapper .zoomed-image.veterinar{
	background-image: url("../images/splash/projectsplash-veterinar.jpg");
}
#projects-content-wrapper.veterinar .section-mask{
	background-color: rgba(0,70,80,.8);
}


#projects-content-wrapper .zoomed-image.showed{
	opacity: 1;
}

.projects-content {
	top: 50%;
}
.projects-content ul.nav li {
	display: inline-block;
    margin-bottom: 15px;
    margin-right: 30%;
}
.projects-content ul.nav li > a{
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
	
	opacity: .3;
	padding: 5px 0;
	display: inline-block;
	
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;			
}

.projects-content ul.nav li.active > a,
.projects-content ul.nav li > a:active,
.projects-content ul.nav li > a:focus,
.projects-content ul.nav li > a:hover{
	background: none;
	outline: none;
	opacity: 1;
}

.projects-content ul.nav li > a::after {
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	content: " ";
	width: 0;
	height: 3px;	
	left: 50%;
	background: #fff;
	position: absolute;	
	bottom: 3px;
	opacity: .3;
}

.projects-content ul.nav li > a:active::after,
.projects-content ul.nav li > a:focus::after,
.projects-content ul.nav li > a:hover::after {
	content: " ";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;	
	bottom: 3px;
	left: 0;
	opacity: .7;
	background: #fff;
}
.projects-content ul.nav li > .somewords{
	display: inline-block;
	margin-left: 20px;
	font-size: 16px;
	line-height: 1em;
	font-weight: 100;
	opacity: 0.8;
}

@-webkit-keyframes anim {
	 0% { -webkit-transform: scale(1.0);}
	 50% { -webkit-transform: scale(1.3); }
	 100% { -webkit-transform: scale(1.0); }
}

@keyframes anim {
	 0% { transform: scale(1.0); }
	 50% { transform: scale(1.3); }
	 100% { transform: scale(1.0); }
}

/*** Modal prepare ***/
.plus-pattern-wrapper,
section {
	-webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
	
    min-height: 100%;
    position: absolute;    
    width: 100%;	
}
.ordershow {
	overflow: hidden;
}

.ordershow > .plus-pattern-wrapper,
.ordershow > section{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}


.orderform-wrapper {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;	
}

.orderform-wrapper .formhidder {
	height: 100%;
}

.ordershow .orderform-wrapper { overflow-y: auto;}
.order-form-body {
	background: #fff;
	display: block;
	min-height: 100%;
	height: auto;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
	position: relative;
	right: -100%;
	padding: 30px 50px;
	
	-webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}
.ordershow .orderform-wrapper {
	z-index: 1;
}
.ordershow .order-form-body { 
	right: 0;
}

.order-form-body  > .close{
    background: transparent; /*rgba(255, 0, 0, 0.3) none repeat scroll 0 0;*/
    color: #000;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 49px;
    top: 28px;
    width: 30px;
	}
.order-form-body  > .close > .popup-close-cross{
		width:30px;
		height:30px;
		font-size:0;
		cursor:pointer;
		position:absolute;
		top:30px;
		right:30px;
		margin:0;
		z-index:10;
}
.order-form-body  > .close > .popup-close-cross::after,
.order-form-body  > .close > .popup-close-cross:before{
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 30px;
    left: 45px;
    position: absolute;
    top: -30px;
    transition: all 0.5s ease 0s;
    width: 2px;
	}
.order-form-body  > .close > .popup-close-cross::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.order-form-body  > .close:hover > .popup-close-cross::after{-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.order-form-body > .close > .popup-close-cross::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.order-form-body  > .close:hover > .popup-close-cross::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.order-form-body > form {
	/*font-size: 20px;*/
}

/*** form ***/
.order-form-body fieldset {
	font-size: 18px;
	font-weight: 500;
	color: #262626;
	text-transform: uppercase;
}
.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}
.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #337ab7;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type="file"] {
  line-height: 1;
}
.form-group input[type="file"] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #337ab7;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #999;
}
.radio .helper::before, .radio .helper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #337ab7;
  border-color: #337ab7;
}
.radio label:hover .helper {
  color: #337ab7;
}
.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #337ab7;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #337ab7;
  display: block;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 0.25rem;
  content: '';
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #d9534f;
}
.has-error .bar::before {
  background: #d9534f;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #4f93ce;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
 /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
  border-radius: 2rem;
}
.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
.button::before {
  content: '';
  position: absolute;
  background: #071017;
  border: 50vh solid #1d4567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
		  

}
.button:hover {
  color: #337ab7;
  /*box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);*/
}
.button:active::before, .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  

}
.button:focus {
  outline: none;
}

.project-step .tablet-view {
	display: block;
    margin-top: 95px;
    overflow: visible;
	padding: 0;
}

.dihouse-photo-block-wrapper {
	position: relative;
	display: block;
	height: 500px;
}

.dihouse-photo-block {
	position: absolute;
	display: block;
	width: 100%;
	height: 700px;
	top: -200px;
}

.dihouse-photo-block > .noise {
	background: rgba(0, 0, 0, 0) url("../images/noise.gif") repeat fixed 0 0;
    height: 100%;
    width: 100%;
	opacity: 0.5;
}

.dihouse-photo-block.photo1 {
	background: rgba(0, 0, 0, 0) url("../images/projects/dihouse-photo1.jpg") no-repeat scroll center center /cover;
}

.dihouse-photo-block.photo2 {
	background: rgba(0, 0, 0, 0) url("../images/projects/dihouse-photo2.jpg") no-repeat scroll center center /cover;
}

.dihouse-photo-block.photo3 {
	background: rgba(0, 0, 0, 0) url("../images/projects/dihouse-photo3.jpg") no-repeat scroll center center /cover;
}

.dihouse-photo-block > .dihouse-photo-inner-text {
    display: block;
    height: 100%;
    left: 0;
    margin-top: 300px;
    position: absolute;
    top: 0;
    width: 100%;
}

.dihouse-photo-block > .dihouse-photo-inner-text .dihouse-big-btn{
	background: #f0632c;
	box-shadow: none;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	padding: 35px 60px;
	outline: none;
	
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;		
}
.dihouse-photo-block > .dihouse-photo-inner-text .dihouse-big-btn:focus,
.dihouse-photo-block > .dihouse-photo-inner-text .dihouse-big-btn:hover,
.dihouse-photo-block > .dihouse-photo-inner-text .dihouse-big-btn:active {
	background: #ff7b42;
}

.dihouse h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
}

.dihouse .project-splash-logo-wrapper {
    bottom: 50%;
    display: inline-block;
    height: 50%;
    left: 50%;
    position: relative;
    width: auto;
}
.dihouse .project-splash-logo-wrapper > .project-splash-logo {
    background: transparent none repeat scroll 0 0;
    bottom: 0;
    padding: 0 0 70px 225px;
    position: absolute;
}

.dihouse .project-splash-logo-wrapper > .project-splash-logo > img{
	max-width: 420px;
}

.dihouse .project-splash-logo-wrapper > .project-splash-logo > .descriptor{
    color: #000;
    font-size: 24px;
    line-height: 1em;
    margin-bottom: 30px;
    text-align: left;
    text-transform: uppercase;
}

@media screen and (max-width: 1370px) {
	.dihouse .project-splash-logo-wrapper {
		display: none;
	}
}
@media screen and (max-height: 700px) {
	.dihouse .project-splash-logo-wrapper > .project-splash-logo > .descriptor{ 
		display: none;
	}
	
	.dihouse-photo-block-wrapper {
        height: 285px;
	}
}

@media screen and (max-height: 450px) {
	.dihouse .project-splash-logo-wrapper > .project-splash-logo > img{ 
		display: none;
	}
}

/*
.dihouse .project-splash {
    bottom: 50%;
    display: inline-block;
    height: 50%;
    left: 50%;
	width: 50%;
	position: absolute;
}
.dihouse .project-splash > .descriptor {
	text-align: left;
	display: inline-block;
	width: auto;
	font-size: 24px;
	line-height: 1em;
	text-transform: uppercase;
}
*/



#appstar-tablet {
    background: rgba(0, 0, 0, 0) url("../images/projects/appstar-tablet.png") no-repeat scroll 0 0;
    padding: 118px 43px 204px 43px;	
}
#appstar-tablet .carousel-inner{
	display: block;
	border-radius: 3px;
}
#appstar-tablet .carousel-inner > .item{
    height: 951px;
    max-height: 951px;
    overflow-y: hidden;
}
#appstar-tablet .carousel-inner > .item > img{
	width: 100%;
}

#appstar-tablet .carousel-control.right {
	background: transparent;
	right: -116px;
}
#appstar-tablet .carousel-control.left {
	background: transparent;
	left: -116px;	
}

.bekon-result {
	background: rgba(0, 0, 0, 0) url("../images/projects/bekon-result.jpg") repeat-x scroll 0 0;
    height: 353px;
    width: 100%;
}


.overflowx {
	overflow-x: hidden;
}
    #bekon-carousel {
        display: inline-block!important;
        width: 770px;
        height: auto;
		
		margin-top: 40px;
    }

    #bekon-carousel .owl-wrapper-outer {
		overflow: visible;
	}
	

	/* #bekon-carousel .item.mask::before{*/
	#bekon-carousel .item {
		
	}
	#bekon-carousel .item > .fleur {
		background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
		content: " ";
		display: block;
		height: 100%;
		position: absolute;
		width: 600px;
		margin: 0 85px 0 85px;
		
	-webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;	
		
		opacity: 0;
	 }	

	 #bekon-carousel .item.mask {
		position: relative;
	 }
	 
	#bekon-carousel .item.mask  > .fleur {
		opacity: 1;
	}
	
	
	.bekon .project-content-wrapper  .project-content{
		background: #fff url("../images/projects/bekon-parallax-bakward.png") no-repeat scroll center 60px;
		min-height: 1010px;
		overflow-x: hidden;
		position: relative;
	}
	
	.bekon-parallax-wrapper {
    bottom: 50px;
    height: 336px;
    margin-left: -617px;
    position: absolute;
	}
	#bekon-parallax-front {
		background: transparent url("../images/projects/bekon-parallax-front.png") no-repeat scroll 0 0;
		display: block;
		height: 334px;
		width: 1884px;
		
		position: absolute;
	}
	
	section > h2 {display: none;}