/*------------------------------------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;
	overflow: hidden;
	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;
	overflow: hidden;
	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:260px;
	bottom:0;
	left:40px;
	right:0;
	margin:auto;
}

.saMap{
	position:absolute;
	width:auto;
}

#missionServMap{
	height: 380px;
    top: 0px;
    bottom: 290px;
    left: 570px;
    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;
	overflow: hidden;
	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;
	overflow: hidden;
	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;
	overflow: hidden;
	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: hidden;
}


/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/



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


@media (min-width:0px) and (max-width:1080px){

#workSection {
    min-height: 1200px;
}

#hpWorkLink{
	width: 410px;
    height: 195px;
	left: auto;
	right:50px;
	bottom: 10px;
}

.vertStack {
    display: inline-block;
}

}


@media (min-width:0px) and (max-width:1050px){


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

.hpSlideIMG{
	min-width: 1100px;
	left:-50px;
}

#hpSlideIMG03{
	left:-30px;
}

#hpSlideIMG04{
	left:-80px;
}

#featWorkCon {
    bottom: 218px;
}

.sliderTitleText{
	font-size: 104px;
    line-height: 74px;
    margin: 42px 0px 0px -12px;
}

.longTitle{
	font-size: 90px;
    line-height: 63px;
    margin: 52px 0px 0px -12px;
}

.veryLongTitle{
	font-size: 82px;
    line-height: 58px;
    margin: 57px 0px 0px -12px;
}


#hpAboutLink {
    width: 205px;
    height: 134px;
    bottom:25px;
    right:10px;
}

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

#missionSection {
    min-height: 880px;
}

#aboutGolfIMG {
    width: 420px;
    top: 480px;
}

#missionServMap {
    height: 380px;
   top: 200px;
    bottom: 0px;
    left: 500px;
    right: 0px;
    margin: auto;
}

#hpAboutLink {
    left: 48px;
    right: auto;
}

#hpAboutLinkText, #hpAboutLinkText2{
	font-size: 58px;
    line-height: 58px;	
}

#hpAboutDesText {
    top: 5px;
    left: 94px;
}

#hpAboutArrow, #hpAboutArrow2{
	right:15px;
	bottom: 28px;
}


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

#hpServSection {
    min-height: 1260px;
}

.servDes {
    left: 5px;
    top: 94px;
}

#servBlockCon {
    width: 590px;
    height: 800px;
    top: 230px;
}

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

.indWorkTitleLong {
    font-size: 33px;
    height: 30px;
}

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

#workSection {
    min-height: 1150px;
}

#workBlockCon {
    width: 665px;
    height: 668px;
}

.workBlock {
    width: 320px;
    height: 210px;
}



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

#contactIMG {
    width: 480px;
    top: 20px;
    left: 50px;
}

#hpContLink {
    top: 370px;
    left: 156px;
}




}


@media (min-width:0px) and (max-width:768px){

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

.longTitle{
	font-size: 72px;
    line-height: 50px;
    margin: 64px 0px 0px -12px;
}

.veryLongTitle{
	font-size: 61px;
    line-height: 43px;
    margin: 71px 0px 0px -12px;
}

.hpSlideIMG{
	min-width: 900px;
	height:100%;
	left:auto;
	bottom:0;
}

#hpSlideIMG01{
	left:-130px;
}

#hpSlideIMG02{
	left:-120px;
}

#hpSlideIMG03{
	left: -130px;
}

#hpSlideIMG04{
	left: -62px;
}

#hpSlideIMG05{
	left:-120px;
}

#hpSlideIMG06{
	left:-70px;
}

#scrollInd {
    bottom: 250px;
    left:20px;
    right:auto;
}

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

#missionSection{
	min-height: 800px;
}

.sectionTitleCon {
    left: 20px;
}

.sectionTitle, .blockLinkText {
    font-size: 68px;
    line-height: 68px;
}



#aboutGolfIMG {
    width: 420px;
    top: auto;
    bottom: 40px;
    left: 30px;
    right:auto;
}

#missionServMap {
    height: 320px;
    top: 340px;
    bottom: 0px;
    left: 320px;
    right: 0px;
    margin: auto;
}


#hpAboutLink {
    width: 215px;
    height: 134px;
    left: 17px;
    right: auto;
}

#hpAboutDesText {
    top: 5px;
    left: 104px;
}



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


#servBlockCon {
    width: 590px;
    height: 800px;
    top: 230px;
    left:20px;
}

.servBlock {
    width: 260px;
    height: 220px;
}


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

#workSection {
    min-height: 1100px;
}

#hpWorkDes{
	left: 7px;
    top: 80px;
}

#workBlockCon{
	width: 545px;
    height: 548px;
	top:240px;
	left:20px;
}

.workBlock {
    width: 260px;
    height: 170px;
}

.indWorkTitle {
    font-size: 31px;
    height: 28px;
}

.indWorkTitleLong {
    font-size: 26px;
    height: 23px;
}



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


#hpContLink {
	width: 460px;
    height: 140px;
    top: 400px;
    left: 44px;
    right: auto;
}

#hpContArrow {
    top: 9px;
}


}

@media (min-width:0px) and (max-width:880px){

/*---------------------FOOTERCON-------------------*/

#footerContainer{
	height: 1160px;
}

}


@media (min-width:0px) and (max-width:570px) and (orientation:portrait){

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

.hpSlideIMG {
    min-width: 790px;
    left: auto;
    bottom: 180px;
}

#hpSlideIMG01, #hpSlideIMG03{
	left:auto;
	right:0;
}

#scrollInd {
    bottom: 330px;
}

#featWorkCon {
	left: -80px;
    bottom: 305px;
}

.sliderTitleCon {
    height: 122px;
    bottom: 190px;
}


.sliderTitleText{
	font-size: 78px;
    line-height: 63px;
    margin: 66px 0px 0px -5px;
}

.longTitle{
	font-size: 75px;
    line-height: 63px;
    margin: 4px 0px 0px -5px;
}

.veryLongTitle {
    font-size: 68px;
    line-height: 59px;
    margin: 12px 0px 0px -6px;
}


.hpSlideDescript {
    width: 100%;
    bottom:60px;
}

#sliderControlCon {
    width: 100%;
    height: 60px;
    left: auto;
    bottom:0;
}

#seeProjCon {
    position: absolute;
    width: 40%;
    height: 100%;
    bottom: 0;
    left: auto; 
}

#controlText {
	position: absolute;
    width: 60px;
    top: 10px;
    left: 0;
    right: 172px;
    margin: auto;
}

.slideControlArrow {
    height: 44%;
    bottom: 0px;
}

#slideControlArrow-left, #slideControlArrow-left:hover {
	left:0;
	right:265px;
	margin:auto;
}

#slideControlArrow-right, #slideControlArrow-right:hover {
	left:0;
	right:95px;
	margin:auto;
}

#seeProjText {
    margin: 25px 0px 0px 36px;
}

#seeProjArrow {
    height: 28%;
    right: auto;
    left: 116px;
}

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

#missionSection {
    min-height: 1070px;
}

.sectionTitle, .blockLinkText {
    font-size: 48px;
    line-height: 48px;
}

#missionLineCon {
    left: -80px;
}

#hpAboutText, #hpAboutTitle {
    width: 300px;
}

#aboutGolfIMG {
    width: 310px;
    top: auto;
    bottom: 50px;
    left: 20px;
}

#missionServMap {
    height: 320px;
    top: 300px;
    left: 130px;
}



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

#hpServSection {
    min-height: 2440px;
}

.servDes {
    top: 64px;
}

#servBlockCon {
    width:375px;
    height: 1820px;
    top: 195px;
    left:18px;
}

.servBlock {
   width: 365px;
    height: 310px;
}

.indServTitle{
    left: 0;
    right: 0;
    margin: auto;
}

.seeServText{
	color: #001f60;
	opacity: 1;
}

#hpServLinkText, #hpServLinkText2, #hpWorkLinkText, #hpWorkLinkText2 {
    font-size: 48px;
    line-height: 48px;
}

#hpServLink {
    width: 330px;
    height: 155px;
    left:25px;
    right:auto;
    bottom: -80px;
}

#hpServDesText {
    top: 105px;
    left: 0px;
}

.blockLinkArrow {
    height:40px;
    right: -10px;
    bottom: 63px;
}


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


#workSection {
    min-height: 2050px;
}

#workLineCon {
    left: -130px;
}

#hpWorkDes {
    left: 7px;
    top: 64px;
}

#workBlockCon {
    width: 375px;
    height: 1260px;
    left:18px;
}

.workBlock {
    width: 365px;
    height: 240px;
}

.indWorkTitle {
    font-size: 33px;
    height: 33px;
    left: 3px;
    bottom: 3px;
}

.indWorkSeeMore, .indWorkTitle{
	opacity: 1;
}

#hpWorkLink {
    width: 290px;
    height: 174px;
    left:25px;
    right:auto;
   bottom: -40px;
}

#hpWorkArrow {
    height: 45px;
    right:0;
    bottom: 80px;
}


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


#contactIMG {
    width: 360px;
    top: 0px;
    left: 0;
    right: 0;
}

#hpContLink {
    width: 320px;
    height: 140px;
    top: 295px;
    left: 0;
    right: 0;
}

#hpContDesText {
    width: 200px;
    top: 60px;
    bottom: auto;
    left: 5px;
    right: auto;
}

#hpContArrow {
    top: 3px;
}



}


@media (min-width:0px) and (max-width:414px) and (orientation:portrait){

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

#entrySection {
    height: 90vh;
}

.hpSlideIMG {
    min-width: 750px;
    height: 90%; 
    bottom: 210px;
}

#hpSlideIMG01 {
    left: -220px;
}

#hpSlideIMG02 {
     bottom: 300px;
}

#hpSlideIMG03 {
    right: -200px;
}

#hpSlideIMG04 {
    left: -170px;
    bottom: 310px;
}

#hpSlideIMG06 {
    left: -188px;
}

.sliderTitleCon {
    height: 122px;
    bottom: 190px;
}

.sliderTitleText{
	font-size: 76px;
    line-height: 63px;
    margin: 4px 0px 0px -5px;
}

.longTitle{
	font-size: 72px;
    line-height: 63px;
    margin: 4px 0px 0px -5px;
}

.veryLongTitle {
    font-size: 68px;
    line-height: 59px;
    margin: 12px 0px 0px -5px;
}

#gtTitle{
	margin: 66px 0px 0px -5px;
}


#mlTitle{
	font-size: 86px;
	margin: 66px 0px 0px -5px;
}

.hpSlideIMG{
	min-width: 720px;
	height:90%;
	left:auto;
	bottom:190px;
}


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

#servBlockCon {
    left:0;
    right:0;
    margin:auto;
}

#hpServLink {
    bottom: -50px;
}


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

#workBlockCon {
    left:0;
    right:0;
    margin:auto;
}



}



@media (max-width: 375px) and (min-width: 0px){


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

#hpServSection {
    min-height: 2290px;
}

#servBlockCon {
    width: 340px;
}

.servBlock {
    width: 330px;
    height: 280px;
}

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

#workSection {
    min-height: 1940px;
}

#workBlockCon {
    width: 340px;
}

.workBlock {
    width: 330px;
    height: 220px;
}

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

#contactIMG {
    width: 320px;
}

#hpContLink {
    top: 244px;
}

}


@media (max-width: 320px) and (min-width: 0px){

#entrySection {
    height: 100vh;
}

.mControl{
	padding: 14px 14px 14px 14px;
    line-height: 16px;
}

.hpSlideIMG {
    min-width: 590px;
     height: auto; 
    bottom: 190px;
}

#hpSlideIMG01 {
    left: -130px;

}

#hpSlideIMG02{
	left: -120px;
    bottom: 200px;
}

#hpSlideIMG03{
	right: -140px;
}

#hpSlideIMG04 {
    left: -120px;
    bottom: 200px;
}

#hpSlideIMG05 {
    left: -150px;
}

#hpSlideIMG06 {
    left: -123px;
}

.sliderTitleText {
    font-size: 65px;
    line-height: 65px;
    margin: 3px 0px 0px -5px;
}

.sliderTitleText {
    font-size: 57px;
    line-height: 57px;
    margin: 18px 0px 0px -5px;
}

#gtTitle {
    margin: 75px 0px 0px -5px;
}

#controlText {
    right: 120px;
}

#slideControlArrow-left, #slideControlArrow-left:hover {
    right: 220px;
}

#slideControlArrow-right, #slideControlArrow-right:hover {
    right: 45px;
}

#seeProjText {
    margin: 25px 0px 0px 22px;
}

#seeProjArrow {
    left: 100px;
}

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

.lineTitleCon {
    left: -50px;
}

.sectionTitle, .blockLinkText {
    font-size: 46px;
    line-height: 46px;
}

#hpAboutText {
    width: 280px;
}

#missionServMap {
    top: 340px;
    left: 100px;
}

#aboutGolfIMG {
    width: 280px;
}


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

#hpServSection {
    min-height: 1930px;
}

#servBlockCon {
    width: 285px;
    height: 1520px;
}

.servBlock {
    width: 275px;
    height: 230px;
}

#hpServLink {
    width: 270px;
    height: 135px;
}

#hpServLinkText, #hpServLinkText2, #hpWorkLinkText, #hpWorkLinkText2 {
    font-size: 38px;
    line-height: 38px;
}

#hpServDesText {
    top: 85px;
}

.blockLinkArrow {
    bottom: 58px;
}


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

#workSection {
    min-height: 1620px;
}

#workLineCon {
    left: -93px;
}

#workBlockCon {
    width: 285px;
    height: 1160px;
   top: 210px;
}

.workBlock {
    width: 275px;
    height: 180px;
}

#hpWorkLink {
    width: 230px;
    height: 144px;
}

#hpWorkArrow {
    height: 35px;
    bottom: 70px;
}


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

#contactSection {
    max-height: 460px;
}

#contactIMG {
    width: 280px;
    top:-20PX;
}

#hpContLink {
    width: 285px;
    height: 130px;
    top: 280px;
}


}



/*------------------------------------MOBILELANDSCAPE-----------------------------------------*/

@media only screen and (device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation:landscape), only screen and (device-width : 736px) and (-webkit-device-pixel-ratio : 3) and (orientation:landscape)  { 

.hpSlideIMG {
     height: auto !important; 
}

#hpSlideIMG01, #hpSlideIMG02{
	bottom:180px !important;
}

#hpSlideIMG03{
	bottom:110px !important;
}

#hpSlideIMG05{
	bottom:130px !important;
}

#hpSlideIMG06{
	bottom:140px !important;
}

#hpServLink {
    bottom: -40px;
}

#hpWorkLink {
    bottom: -50px;
}

#contactIMG {
    width: 300px;
}

#hpContLink {
    left: 195px;
}

}


@media only screen and (device-width : 667px) and (-webkit-device-pixel-ratio : 2) and (orientation:landscape) { 

.hpSlideIMG {
     height: auto !important; 
}

#hpSlideIMG01{
	bottom:190px !important;
}

#hpSlideIMG02{
	bottom:190px !important;
}

#hpSlideIMG03{
	bottom:130px !important;
}

#hpSlideIMG05, #hpSlideIMG06{
	bottom:150px !important;
}

#hpWorkLink {
    bottom: -50px;
}

#contactIMG {
    width: 300px;
}

#hpContLink {
    left: 195px;
}

}

@media only screen and (device-width : 568px) and (-webkit-device-pixel-ratio : 2) and (orientation:landscape) { 


.hpSlideIMG {
     height: auto !important;
     bottom: 100px; 
}

#scrollInd {
     bottom: 0; 
    top: -35px;
}

#hpServLink {
    bottom: 0px;
}

#hpWorkLink {
    bottom: -50px;
}

#contactIMG {
    width: 260px;
    top: 0px;
    left: 20px;
}

#hpContLink {
    left: 120px;
}

}




