html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.itemBlock
p{text-indent:0}
html,body{
	font:normal 100% 'Open Sans', sans-serif, verdana, tahoma;
	font-size:36px;
	font-weight: 600;
	line-height:45px;
	height:100%;
	letter-spacing:3px;
	background-color: #ffcc33;
	color: #fff;
	}

html {
	height: 1200px;
	overflow: hidden;
}
a {
	color: #fff;
}
#wrap{
	height:100%;
	min-height:500px;
	width:100%;
	position:relative
}

.bg_layer{
	height:100%;
	min-height:500px;
	width:100%;
	position:absolute;
	z-index:1;
	min-height:480px
	}
.logo_layer{
	height:100%;
	width:100%;
	position:absolute;
	z-index:5
}

.link_layer{
	height:100%;
	width:100%;
	position:absolute;
	z-index:3
	}

.arch_col, .arch_col{
	background-color:#ffcc33;
	min-height:880px;
	transition-duration:0.1s;
	transition-property:all;
	transition-timing-function:linear;
	margin-left: -4px;
}

.design_col, .design_col
a{
	background-color:#31b44a;
	min-height:880px;
	transition-duration:0.1s;
	transition-property:all;
	transition-timing-function:linear;
	border-left: 3px solid #fff;
}
	b


.arch_col,.arch_link{
	float:left;
	height:100%;
	z-index: 50;
	width:50%}

.design_col,.design_link{
	float:right;height:100%;
	z-index: 50;
	width:50%}

.logo_layer{
	background:url("../img/start-logo2.png") no-repeat scroll 0 204px transparent;
	height:540px;
	left:50%;
	margin-left:-235px;
	padding-top:204px;
	position:absolute;
	top:0;
	width:621px;
	z-index:2}

.bg_layer a{
	padding-top:130px;
	display:block;
	height:100%}
.arch_link a, .design_link a{
	color:#fff;
	display:block;
	height:100%}
.arch_link a{
	padding:70px 80px 0 0}
.design_link a{
	padding:70px 0 0 80px}
.arch_link_content{
	
	float:right;text-align:right;
	width:400px;
	padding-right:10px}
.design_link_content{
	
	padding-left:10px;
	text-align:left;
	width:458px}

a{
	color:#fff;
	text-decoration:none;
	outline:none !important}

.flaticon-left209 {
    left: 10%;
    position: absolute;
    top: 250px;
    opacity: 0.5;
    cursor: pointer;
    z-index: 40;
}

.flaticon-right230 {
    right: 10%;
    position: absolute;
    top: 250px;
    opacity: 0.5;
    cursor: pointer;
    z-index: 40;
}

.arch_link:hover .flaticon-left209 {
	opacity: 1
}

.design_link:hover .flaticon-right230  {
	opacity: 1
}