/*------------------------------------GENERAL-----------------------------------------*/
/*------------------------------------GENERAL-----------------------------------------*/

body{
	margin:0;
	padding:0;
	overflow-x: hidden;
}	

div, img, p, h1, h2, h3, h4, a{
	margin:0;
	padding:0;
	border:0;
}

a{
	text-decoration:none;
}

li{
	list-style:none;
}

.fullSection{
	position: relative;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.0);
}



/*------------------------------------fonts-----------------------------------------*/
/*
@font-face{
    font-family:"";
    font-style:normal;
	font-weight:normal;
    src: url(http://www.subdomain.limbosociety.com/fonts/fontName.otf) format('opentype');
}*/

.largeCopy{
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	line-height:28px;
	letter-spacing:0px;
	color:#001F60;
	text-align: justify;
}

.bodyCopy{
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	font-size:14px;
	line-height:18px;
	letter-spacing:0px;
	color:#001F60;
	text-align: justify;
}

.smallCopy{
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	font-size:12px;
	line-height:20px;
	letter-spacing:0px;
	color:#001F60;
	text-align: justify;
}

/*------------------------------------ANIMATIONS-----------------------------------------*/

@keyframes bounce1 {	
		0%{transform:translateY(0);}
		50%{transform:translateY(5px);}
		100%{transform:translateY(0px);}	
}

@keyframes bounce2 {	
		0%{transform:translateY(0) rotate(90deg);}
		50%{transform:translateY(5px) rotate(90deg);}
		100%{transform:translateY(0px) rotate(90deg);}	
}

@keyframes loadText {	
		0%{opacity:1; transform: rotate(-90deg);}
		50%{opacity:0; transform: rotate(-90deg);}
		100%{opacity:1; transform: rotate(-90deg);}	
}


/*------------------------------------INITIALSTATES-----------------------------------------*/

.i1{
	opacity: 0;
}

.m1, .s1, .w1, .c1, .p1, .a1, .t1{
	opacity: 0;
	transform: translateX(-40px);
}

.m2{
	opacity: 0;
	transform: translateX(40px);
}

.s2, .w2, .p2, .t2, .f1, .c1{
	opacity: 0;
	transform: translateY(40px);
}

/*------------------------------------HOME-----------------------------------------*/
/*------------------------------------HOME-----------------------------------------*/



/*------------------------------------LOAD-----------------------------------------*/

#loadWindow{
	position: fixed;
	width:100vw;
	height:100vh;
	/*background-color:#37BB00;*/
	background-color:#b3e5ff;
	overflow: hidden;
	z-index: 1001;
	display: none;
}

#entryConBottom{
	position: absolute;
	width:90%;
	height:150px;
	bottom:20px;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#centerCon{
	position:absolute;
	width: 130px;
    height: 100px;
    top: 0;
    bottom: 60px;
	left:20px;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#centerLogo{
	position:relative;
	width:50%;
	height:auto;
	left:26px;
	margin:auto;
}

#centerText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 10px;
	letter-spacing:6px;
	line-height: 15px;
	text-align: center;
	color:#001F60;
}

#upperRightText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 8px;
	letter-spacing:4px;
	line-height: 15px;
	text-align: center;
	position:absolute;
	top: 115px;
    right: -92px;
	color:#001F60;
	transform: rotate(90deg);
}

#bgLoadBarCon{
	position: absolute;
	width:100%;
	height:10px;
	left:0;
	background-color:rgba(0,0,0,0.0);
	overflow:hidden;
}

#bgLoadBar{
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	background-color:#001f60;
	transform-origin: top left;
}

#loadingText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 18px;
	letter-spacing:9px;
	position: relative;
	width:200px;
	height:32px;
	top:-90px;
	left:-87px;
	color:#001F60;
	animation: loadText 3000ms linear infinite;
}

#loadingIndex{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 120px;
    line-height: 110px;
	letter-spacing:0px;
	color:#001F60;
	position: relative;
	margin:0px 0px 0px -12px;
}

/*------------------------------------ENTRY-----------------------------------------*/

#entrySection{
	position: relative;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.0);
}

/*------------------SLIDER----------------------*/


#hpSliderCon{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	overflow:hidden;
}

.hpSlideIMGWrapper{
	position:absolute;
	width:101%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.hpSlide{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity: 0;
}

.hpSlideIMG{
	position:absolute;
	width:101%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transform: scale(1.1,1.1);
}


#hpSlide01{
	/*background-image: url(../../images/home/hpSlider/hpSlideIMG01.jpg);
	background-size: cover;*/
	z-index: 6;
}

#hpSlide02{
	/*background-image: url(../../images/home/hpSlider/hpSlideIMG02.jpg);
	background-size: cover;*/
	z-index: 5;
}



.lineTitleCon{
	position:absolute;
	width: 400px;
    height: 18px;
    left:0;
    margin:auto;
    z-index: 100;
}

#featWorkCon{
    bottom: 258px;
	background-color:rgba(0,0,0,0.0);
}

.titleLine{
	position:absolute;
	width:240px;
	height:1px;
	top:0;
	bottom:0;
	margin:auto;
}

#featWorkLine{
	background-color:#ffffff;
}

.lineTitleText{
	position:absolute;
	font-family: adobe-caslon-pro, serif;
	font-style: italic;
	font-size:14px;
	letter-spacing: 2px;
	left:245px;
}


#featWorkText{
	color:#ffffff;
}

.sliderTitleCon{
	position:absolute;
	width:100%;
	height:112px;
	bottom:130px;
	background-color:rgba(0,0,0,0.0);
	overflow: hidden;
}

.sliderTitleText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 168px;
    line-height: 122px;
	letter-spacing:0px;
	color:#001F60;
	margin:0px 0px 0px -12px;
	transition: 200ms;
}

.longTitle{
	font-size: 138px;
	line-height: 100px;
    margin: 18px 0px 0px -12px;
}

.veryLongTitle{
	font-size: 112px;
	line-height: 96px;
    margin: 28px 0px 0px -12px;
}

.hpSlideDescript{
	position:absolute;
	width:420px;
	height:130px;
	left:0;
	bottom:0;
	background-color:#37BB00;
}

.entryDescript{
	padding:20px 20px 20px 20px;
}

#sliderControlCon{
	position:absolute;
	width:150px;
	height:130px;
	left:420px;
	bottom:0;
	background-color:#265CC8;
	z-index: 100;
}

#sliderControlCon:hover{
	cursor: pointer;
}

#controlText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 36px;
    line-height: 42px;
	letter-spacing:0px;
	color:#001F60;
	margin:35px 0px 0px 49px;
	transition: 200ms;
}

.slideControlArrow{
	position:absolute;
	width:auto;
	height:30%;
	top:0;
	bottom:20px;
	margin:auto;
}

#slideControlArrow-left{
	left:15px;
	transform: rotate(180deg);
	transition: 300ms;
}

#slideControlArrow-right{
	right:15px;
	transition: 300ms;
}

#slideControlArrow-left:hover{
	transform: rotate(180deg) translateX(5px);
}

#slideControlArrow-right:hover{
	right:15px;
	transform: translateX(5px);
}

#seeProjCon{
	position:absolute;
	width:100%;
	height:25px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#001F60;
}

#seeProjText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:10px;
	line-height:12px;
	letter-spacing:2px;
	color:#ffffff;
	margin:7px 0px 0px 36px;
	transition: 300ms;
}

#seeProjArrow{
	position:absolute;
	height:50%;
	top:0;
	bottom:0;
	right:17px;
	margin:auto;
	transition: 300ms 50ms;
}

#seeProjCon:hover #seeProjText{
	transform: translateX(5px);
}

#seeProjCon:hover #seeProjArrow{
	transform: translateX(5px);
}

#scrollInd{
	position:absolute;
	width: 60px;
    height: 50px;
    bottom: 20px;
    right: 20px;
	margin:auto;
	z-index: 100;
	background-color:rgba(0,0,0,0.0);
	animation:bounce1 2300ms infinite;
}

.scrollText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:14px;
	line-height:12px;
	letter-spacing:2px;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	transition: 200ms;	
}

.blueScroll{
	color:#001F60;
}

.scrollArrow{
	position:absolute;
	width:33%;
	top: 10px;
    left: 20px;
	animation:bounce2 2300ms infinite;
}

#hpAboutText{
	width:450px;
}

/*------------------------------------MISSION-----------------------------------------*/

#missionSection{
	position: relative;
	width:100vw;
	height:100vh;
	max-height: 700px;
	background-color:#37BB00;
}

#missionLineCon{
	top:100px;
}

#missionLine{
	background-color:#001F60;
}

#missionLineText{
	color:#001F60;
}

.sectionTitleCon{
	position:absolute;
	left:50px;
}

#hpAboutTitleCon{
	top:130px;
}

.sectionTitle, .blockLinkText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:88px;
    line-height:88px;
	letter-spacing:0px;
	margin:0px 0px 0px 0px;
}

.blockLinkText{
	transition: 500ms;
}

#hpAboutTitle{
	width:550px;
}

.blockLinkText{
	position:absolute;
}

.behindEl1{
	opacity: 0;
	transition: 500ms;
}

#hpAboutTitle{
	color:#265CC8;
}

#aboutGolfIMG{
	position:absolute;
	width:500px;
	height:auto;
	top:100px;
	bottom:0;
	left:100px;
	right:0;
	margin:auto;
}

#hpAboutLink{
	position:absolute;
	width:300px;
	height:180px;
	bottom:20px;
	right:20px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#hpAboutLinkText{
	color:#265CC8;
}

#hpAboutLinkText2{
	color:#B3E5FF;
}

.blockLinkDes{
	position:absolute;
	font-family: adobe-caslon-pro, serif;
	font-style: italic;
	font-size:14px;
	line-height: 16px;
	letter-spacing:0px;
	text-align: justify;
}

#hpAboutDesText{
	width:100px;
	top: 30px;
    left: 135px;
	color:#001F60;
}

.blockLinkArrow{
	position:absolute;
	height:50px; 
	right:15px;
	bottom:23px;
	transition: 500ms 100ms;
}


#hpAboutLink:hover #hpAboutLinkText{
	transform: translateX(5px);
}

#hpAboutLink:hover .behindEl1{
	opacity:1;
	transform: translateX(-2px);
}

#hpAboutLink:hover #hpAboutArrow{
	transform: translateX(5px);
}

/*------------------------------------SERVICES-----------------------------------------*/

#hpServSection{
	min-height:920px;
	background-color:#265CC8;
}

#serviceLineCon{
	top:50px;
}

#serviceLine{
	background-color:#B3E5FF;
}

#serviceLineText{
	color:#B3E5FF;
}

#hpServTitleCon{
	top:72px;
}

#hpServTitle, #hpServDes{
	color:#B3E5FF;
}

.servDes{
	position: absolute;
    width: 180px;
    left: 570px;
    top: 24px;
}

#servBlockCon{
	position:absolute;
	width:970px;
	height:570px;
	top:160px;
	left:50px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

.servBlock{
	position:relative;
	width:280px;
	height:240px;
	display: inline-block;
	margin:10px 5px;
	background-color:rgba(0,0,0,0.0);
}

.servIMGCon{
	position:absolute;
	width:100%;
	height:78%;
	overflow: hidden;
}

.servIMG, .workIMG{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transition: 500ms;
}

.indServTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:18px;
    line-height:22px;
	letter-spacing:0px;
	text-align: center;
	position:absolute;
	width:280px;
	bottom:0;
	margin:0px 0px 0px 0px;
	color:#B3E5FF;
	transition: 500ms;
}

#hpServLink{
	position:absolute;
	width:480px;
	height:146px;
	bottom:20px;
	right:20px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#hpServLinkText, #hpServLinkText2{
	font-size: 66px;
	line-height: 66px;
}

#hpServLinkText, #hpServDesText{
	color:#B3E5FF;
}

#hpServLinkText2{
	color:#37BB00;
}

#hpServDesText{
	position:absolute;
	width:130px;
	top: 12px;
    left: 340px;
}

.seeServText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: right;
	position:absolute;
	width:100px;
	top:10px;
	right:20px;
	color:#ffffff;
	opacity: 0;
	transition: 500ms;
}


/*-------------------SERVICEHOVERS--------*/

.servBlock:hover .servIMG{
	transform: scale(1.07,1.07);
}

.servBlock:hover .servIMGBlue{
	opacity:0;
}

.servBlock:hover .seeServText{
	opacity: 1;
	transform: translateX(5px);
}

.servBlock:hover .indServTitle{
	color:#37BB00;
	transform: translateY(2px);
}

#hpServLink:hover #hpServLinkText{
	transform: translateX(3px);
}

#hpServLink:hover .behindEl1{
	opacity:1;
	transform: translateX(-2px);
}

#hpServLink:hover #hpServArrow{
	transform: translateX(5px);
}



/*------------------------------------WORK-----------------------------------------*/

#workSection{
	position: relative;
	width:100vw;
	height:100vh;
	min-height: 1000px;
	background-color:#B3E5FF;
}

#workLineCon{
	top:50px;
}

#workLine{
	background-color:#265CC8;
}

#workLineText{
	font-size:13px;
	color:#265CC8;
}

#hpWorkTitleCon{
	top:72px;
}

#hpWorkTitle, #hpWorkDes{
	color:#265CC8;
}

#hpWorkDes{
	position: absolute;
    width: 180px;
    left: 470px;
    top: 10px;
}

#workBlockCon{
	position:absolute;
	width:785px;
	height:792px;
	top:160px;
	left:50px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

.workBlock{
	position:relative;
	width:380px;
	height:240px;
	display: inline-block;
	margin:5px;
	overflow:hidden;
	background-color:rgba(0,0,0,0.0);
}

.indWorkTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:46px;
	position:absolute;
	width:100%;
	height:41px;
	bottom:0;
	margin:auto;
	color:#ffffff;
	opacity: 0;
	transition: 500ms;
}

.indWorkTitleLong{
	font-size: 39px;
    height: 35px;
}

.indWorkSeeMore{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	position:absolute;
	width:160px;
	height:32px;
	text-align: right;
	top:10px;
	right:10px;
	margin:auto;
	color:#ffffff;
	opacity: 0;
	transition: 500ms 100ms;
}

#hpWorkLink{
	position:absolute;
	width: 250px;
    height: 380px;
	bottom: 50px;
    left: 850px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#hpWorkLinkText, #hpWorkDesText{
	color:#265CC8;
}

#hpWorkLinkText, #hpWorkLinkText2{
	font-size:68px;
	line-height:62px;
}

#hpWorkLinkText2{
	color:#001F60;
}

.vertStack{
	display:block;
}

#hpWorkDesText{
	width: 184px;
	bottom:0;
}

#hpWorkArrow{
	bottom:77px;
}

/*-------------------WORKHOVERS--------*/

.workBlock:hover .workIMG{
	transform: scale(1.04,1.04);
}

.workBlock:hover .workIMGBlue{
	opacity:0;
}

.workBlock:hover .indWorkTitle, .workBlock:hover .indWorkSeeMore{
	opacity: 1;
	transform: translateX(5px);
}

#hpWorkLink:hover #hpWorkLinkText{
	transform: translateX(3px);
}

#hpWorkLink:hover .behindEl1{
	opacity:1;
	transform: translateX(-2px);
}

#hpWorkLink:hover #hpWorkArrow{
	transform: translateX(5px);
}

/*------------------------------------CONTACT-----------------------------------------*/

#contactSection{
	position: relative;
	width:100vw;
	height:100vh;
	max-height: 600px;
	background-color:#001F60;
}

#contactIMG{
	position:absolute;
	width:600px;
	height:auto;
	top:100px;
	left:50px;
	margin:auto;

}

#hpContLink{
	position:absolute;
	width: 570px;
    height: 150px;
	top:260px;
	bottom:0px;
    left:375px;
    right:0px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);	
}

#hpContLinkText, #hpContDesText{
	color:#B3E5FF;
}

#hpContLinkText2{
	color:#265CC8;
}

#hpContDesText{
	width: 200px;
	bottom:0;
	right: 86px;
}

#hpContArrow{
	bottom:auto;
	top:17px;
}

/*-------------------CONTACTHOVERS--------*/

#hpContLink:hover #hpContLinkText{
	transform: translateX(3px);
}

#hpContLink:hover .behindEl1{
	opacity:1;
	transform: translateX(-2px);
}

#hpContLink:hover #hpContArrow{
	transform: translateX(5px);
}

/*------------------------------------FOOTER-----------------------------------------*/

#footerContainer{
	position:relative;
	width:100vw;
	height: 400px;
	margin:0 0 0 0;
	overflow-x: hidden;
}