*{
  margin: 0px;
  padding: 0px;
}

::selection {
  background: #000000;
}

::-moz-selection {
  background: #000000;
}

::-webkit-selection {
  background: #000000;
}

@font-face {
    font-family: 'eg';
    src: url('../enigmatic.eot');
    src: url('../enigmatic.eot?#iefix')
             format('embedded-opentype'),
         url('../enigmatic.woff') format('woff'),
         url('../enigmatic.TTF') format('truetype');

}

@font-face {
    font-family: 'bnr';
    src: url('../fonts/FuturaPTBook.otf');
}

@font-face {
    font-family: 'futuraDemi';
    src: url('../fonts/FuturaPTDemi.otf');
}

@font-face {
    font-family: 'futuraMed';
    src: url('../fonts/FuturaPTMedium.otf');
}

body {
	font-family: bnr;
    width: 100%;
    height: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
}

.wrapper_landing {
	width: 100%;
	height: 100%;


	  background: url(../images/stars.jpg);




	/*position: absolute;
	width: 100%;
	height: 100%;

    background-image: radial-gradient(center center, ellipse cover, #353535, #000000);
    background-image: -o-radial-gradient(center center, ellipse cover, #353535, #000000);
    background-image: -ms-radial-gradient(center center, ellipse cover, #353535, #000000);
    background-image: -moz-radial-gradient(center center, ellipse cover, #353535, #000000);
    background-image: -webkit-radial-gradient(center center, ellipse cover, #353535, #000000);*/
}

#logo_text_buttons {
    left: 0;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 100%;
	z-index: 1;
}

#logo {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    text-align: center;
    width: auto;
}

#logo_text{
	font-family: bnr;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  text-transform: uppercase;
}

#slogan_text {
    color: white;
    font-size: 40px;
    padding: 10px;
	font-family: bnr;
}
#slogan_text h1{
  font-size: 40px;
  font-family: 'futuraDemi';
}
/*#slogan_text h1 span{
  font-family: 'futuraMed';
}*/


.content {
/* 	background-color: yellow; */
	height: 100%;
	width: 100%;
	position:absolute;
	top:400%
}

#content_left {
	width: 100%;
	height: 100%;
	background-color: white;
	float: left;
}

#content_left p, #content_right p {
    color: #a0a0a0;
    font-family: Open Sans Condensed;
    font-size: 21px;
    text-align: center;
}

#content_right {
	width: 50%;
	height: 100%;
	background-color: white;
	float: left;
}

.content_title {
    color: #353535;
    font-size: 46px;
/*     margin-top: 10%; */
	margin-top: 9%;
    text-align: center;
}

h1 {
	font-size: 72px;
	padding-top: 20px;
	color: #353535;
	text-align: center;
}

.content .button_holder, .content_services .button_holder, .content_design .button_holder, .content_whyus .button_holder, .content_360 .button_holder {
	height: auto;
}

.content .button_holder > section, .content_services .button_holder > section, .content_design .button_holder > section, .content_whyus .button_holder > section, .content_360 .button_holder > section    {
	margin: 0 auto;
	text-align: center;
	color: #353535;
}

.content .btn-1, .content_services .btn-1, .content_design .btn-1, .content_whyus .btn-1, .content_360 .btn-1 {
	border: 3px solid #353535;
	color: #353535;
	font-size: 16px;
}

.content .btn-1e:after, .content_services .btn-1e:after, .content_design .btn-1e:after, .content_whyus .btn-1e:after, .content_360 .btn-1e:after {
	background: #353535;
}

.content .btn-1e:hover,
.content .btn-1e:active,

.content_services .btn-1e:hover,
.content_services .btn-1e:active,

.content_whyus .btn-1e:hover,
.content_whyus .btn-1e:active,

.content_360 .btn-1e:hover,
.content_360 .btn-1e:active,


.content_design .btn-1e:hover,
.content_design .btn-1e:active{
	color: #FFFFFF;
}





.content_whyus {
	background-color: white;
	height: 100%;
	width: 100%;
	position:absolute;
	top:100%;
}

.content_360 {
	background-color: white;
	height: 100%;
	width: 100%;
	position:absolute;
	top:200%;
}





.content_design {
	background-color: white;
	height: 100%;
	width: 100%;
	position:absolute;
	top:300%;
}

.tilt {
    background: white none repeat scroll 0 0;
    display: block;
    float: left;
    height: 200%;
    transform: rotate(-35deg);
    transform-origin: 20% 50% 0;
    width: 60%;
}

#content_design_left {
	width: 100%;
	height: 100%;
/* 	background-color: #353535; */
	float: left;
}

#content_design_left p, #content_design_right p {
    color: #a0a0a0;
    font-family: Open Sans Condensed;
    font-size: 21px;
    text-align: center;
}

#content_design_right {
	width: 50%;
	height: 100%;
/* 	background-color: #353535; */
	float: left;
}

.content_design_title {
    color: #353535;
    font-size: 46px;
    margin-top: 10%;
    text-align: center;
}





.content_services {
/* 	background-color: yellow; */
	height: 100%;
	width: 100%;
	position:absolute;
	top:300%
}

#content_services_left {
	width: 100%;
/* 	height: 100%; */
	background-color: white;
	float: left;
}

#content_services_left p, #content_services_down p {
    color: #a0a0a0;
    font-family: Open Sans Condensed;
    font-size: 21px;
    text-align: center;
}

#content_services_down {
 	width: 1000px;
	/*height: 100%; */
/* 	background-color: red; */
	margin: auto;
}

.services {
    float: left;
    margin-top: 7%;
    text-align: center;
    width: 33%;
	    font-family: Open Sans Condensed;
		   color: #a0a0a0;
		   font-size: 21px;
}

.content_services_title {
    color: #353535;
    font-size: 46px;
/*     margin-top: 10%; */
	margin-top: 8%;
    text-align: center;
}

h1 {
	font-size: 72px;
	padding-top: 20px;
	color: #353535;
	text-align: center;
	background-color: white;
}

.content_services .button_holder {
	height: auto;
}


.arrow {
	text-align: center;
}


/*buttons*/

.button_holder {
	height: 100%;
	position: relative;
}

.button_holder > section {
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.button_holder > section p {
	position: relative;
	margin: 0;
	z-index: 1;
}

.button_holder > section p.text {
	font-size: 1.4em;
}

.no-touch .note-touch {
	display: none;
}

/* General button style (reset) */
.btn {
	border: none;
	font-family: bnr;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 15px 26px;
	display: inline-block;
	margin: 15px 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn::before, .icon-heart::after, .icon-star::after, .icon-plus::after, .icon-file::before {
	font-family: bnr;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-transform: none;
}


.btn-1 {
	color: #fff;
}

/* Button 1e */
.btn-1e {
	overflow: hidden;
}

.btn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e:hover,
.btn-1e:active {
	color: #000000;
}

.btn-1e:hover:after {
	height: 260%;
	opacity: 1;
}

.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}

/*buttons*/

.navigation {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
}

#footer {
    bottom: -300%;
    position: absolute;
    right: 2px;
}
.services_wrapper div{
  display: inline-block;
  width: 200px;
  margin: 50px;
  margin-left: 25px;
  margin-right: 25px;
  vertical-align: top;
}
.services_wrapper div h2{
  /*margin-bottom: 20px;*/
}
.logo_img{
  width: 10%;
}
@media screen and (max-width: 480px) {
  .logo_img{
    width: 40%;
  }
}