/*
	col = 8.33% // 12 cols
*/

@font-face {
  font-family: 'crimsontext_regular';
  src: url('../fonts/crimsontext_regular/crimsontext_regular.eot');
  src: url('../fonts/crimsontext_regular/crimsontext_regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/crimsontext_regular/crimsontext_regular.woff2') format('woff2'),
       url('../fonts/crimsontext_regular/crimsontext_regular.woff') format('woff'),
       url('../fonts/crimsontext_regular/crimsontext_regular.ttf') format('truetype'),
       url('../fonts/crimsontext_regular/crimsontext_regular.svg#crimsontext_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat_bold';
  src: url('../fonts/montserrat_bold/montserrat_bold.eot');
  src: url('../fonts/montserrat_bold/montserrat_bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat_bold/montserrat_bold.woff2') format('woff2'),
       url('../fonts/montserrat_bold/montserrat_bold.woff') format('woff'),
       url('../fonts/montserrat_bold/montserrat_bold.ttf') format('truetype'),
       url('../fonts/montserrat_bold/montserrat_bold.svg#montserrat_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'neutratext_demi';
  src: url('../fonts/neutratext_demi/neutratext_demi.eot');
  src: url('../fonts/neutratext_demi/neutratext_demi.eot?#iefix') format('embedded-opentype'),
       url('../fonts/neutratext_demi/neutratext_demi.woff') format('woff'),
       url('../fonts/neutratext_demi/neutratext_demi.ttf') format('truetype'),
       url('../fonts/neutratext_demi/neutratext_demi.svg#neutratext_demi') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,
html {
	margin:0px;
	overflow-x:hidden;
}
h3 {
	font-family: 'montserrat_bold';
	font-size:16px;
}
i,b {
	display:inline !important;
}
a {
	color:#F26C61;
}
.greyBlock {
	background-color:#f4f4f4;
	width:58.33%;
	height:200px;
}
.textBlock {
	position:relative;
	background-color:#FFFFFF;
}
.textContainer {
	position:relative;
	padding-top:8.33%;
	padding-bottom:8.33%;
	padding-left:16.66%;
	padding-right:16.66%;
	font-family:'crimsontext_regular';
	font-size:14px;
	overflow:hidden;
}
.textContainer .title {
	font-size:16px;
}
.description i {
	font-weight:bold;
}
#navigation {
	display:none;
}
#container,
header {
	opacity:0;
}
#btnMenu {
	display:none;
}
#mainLoading {
	position:fixed;
	z-index:12000;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	display:none;
}
#mainLoading .anim {
	position:absolute;
	width:100px;
	height:100px;
}
header {
	position:absolute;
	width:100%;
	height:54px;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	z-index:1000;
}
header .logo {
	position:relative;
	display:inline-block;
	width:34px;
	height:34px;
	margin-top:10px;
	left:8.33%;
}
header .logo svg {
	width:100%;
	height:100%;
}
header .logo svg * {
	fill:#F26C61;
}
header .section {
	position:absolute;
	display:inline-block;
	width:auto;
	height:54px;
	line-height:54px;
	top:0px;
	right:8.33%;
	font-family:'crimsontext_regular';
	font-size:16px;
}
section {
	position:relative;
	display:block;
}
section .layer {
	position:relative;
	display:block;
}
section .layer * {
	position:relative;
	display:block;
}
#home {
	width:100%;
	height:100%;
}
#home .layer {
	position:absolute;
}
#home .layer1 {
	width:100%;
	height:100%;
}
#home .layer2 {
	width:100%;
	height:100%;
}
#home .layer2 .container {
	text-align:center;
}
#home .layer2 .leaves {
	display:inline-block;
}
#home .layer2 .leaves svg *,
#home .layer2 .arrowDown svg * {
	fill:#F26C61;
}
#home .layer2 .title {
	font-family:'neutratext_demi';
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	margin-top:20%;
	white-space:nowrap;
}
#home .layer2 .text {
	font-family:'crimsontext_regular';
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
	margin-top:20%;
	white-space:nowrap;
	opacity:0.5;
}
#home .layer2 .arrowDown {
	bottom:10%;
}
#about .layer1 img {
	width:100%;
	height:auto;
}
#about #usTitle {
	position:absolute;
	display:inline-block;
	width:41.65%;
	text-align:center;
}
#about #usTitle .textContainer {
	padding:8.33% 8.33% 8.33px 8.33%;
}
#about #us2 .skills {
	font-size:16px;
	font-style: italic;
}
#about .socialToolbar img {
	width:auto;
	height:auto;
}
#about .socialToolbar ul {
	padding:30px 0px 30px 0px;
}
#about .socialToolbar li {
	display:inline-block;
	width:50%;
}
#about #clients {
	top:-160px;
	left:8.33%;
	width:92.77%;
}
#about #clients .textContainer {
	padding:8.33% 8.33% 0px 8.33%;
}
#about #clients ul {
	padding:30px 0px 0px 0px;
	margin-bottom:0px;
}
#about #clients li {
	display:inline-block;
	width:50%;
	margin-bottom:40px;
}
#about #clients img {
	width:80%;
	height:auto;
}
#contact .layer1 img {
	width:100%;
	height:auto;
}
#contact #usTitle {
	position:absolute;
	display:inline-block;
	width:50%;
	text-align:center;
	right:0px;
}
#contact #usTitle .textContainer {
	padding:8.33% 8.33% 8.33px 8.33%;
}
#contact .socialToolbar img {
	width:auto;
	height:auto;
}
#contact .socialToolbar ul {
	padding:30px 0px 00px 0px;
}
#contact .socialToolbar li {
	display:inline-block;
	width:50%;
}
#contact #map {
	width:100%;
	height:480px;
}
#contact #represent {
	line-height:22px;
}
#contact #represent p {
	margin-bottom:26px;
}
#contact #represent i {
	font-weight:normal;
}
#contact #represent i {
	font-weight:normal;
}
#footerLogo {
	text-align:center;
}
#footerLogo svg{
	display:inline-block;
	width:40px;
	height:40px;
	fill:#F26C61;
	margin-bottom:50px;
}
#btnCredits {
	text-align:center;
	margin-bottom:20px;
	font-family:'crimsontext_semibold';
	font-size:13px;
	line-height:18px;
	white-space:nowrap;
	vertical-align:middle;
}
#btnCredits svg{
	display:inline-block;
	width:18px;
	height:18px;
	margin-top:-2px;
	vertical-align:middle;
}