body.gl-web{ font-family: 'GothamBook'; font-size:18px;}
.gl-web p{line-height:30px; color:#262626;}
.gl-web h1, .gl-web h2, .gl-web h3, .gl-web h4{ font-family: 'GothamBlack';}
.gl-web h1.alpha{line-height:96px;}


	/* banner start */
.gl-web section.glw-banner{width:100%; background:url(../portfolio/globalhands-web/images/banner_01.png) no-repeat; background-position:center; background-size:cover;padding:92px 0;}
.gl-web section.glw-banner .logo, .gl-web section.glw-banner .text-section{float:left; width:100%;}
.gl-web section.glw-banner .logo{display:block;}
.gl-web section.glw-banner .text-section{margin-top:280px; position:relative;}
.gl-web section.glw-banner .text-section:before{content:""; position:absolute; top:23px; bottom:23px; border-right:1px solid #ff7900; left:-34px;}
.gl-web section.glw-banner .text-section h3{font-size:49px; color:#ff7900; letter-spacing:3px; margin-top:0;}
.gl-web section.glw-banner .text-section h3 span{ color:#43b700;}
.gl-web section.glw-banner .text-section p{margin-top:15px; margin-bottom:0; color:#4d4d4d; font-size:30px; width:35%; line-height:50px;}
	/* banner end */

	
	/* sec-a satrt */
.gl-web section.sec-a{ padding-top:110px;}
.gl-web section.sec-a .top{float:left; width:100%; display:table; position:relative;}
.gl-web section.sec-a .top:before{content:""; position:absolute; height:100%; right:0; border-right:3px solid #43b700; right:20px; transform: rotate(13deg); -webkit-transform: rotate(13deg); -mz-transform: rotate(13deg); -ms-transform: rotate(13deg);}
.gl-web section.sec-a .top .heading-sec{ position:relative; display:table-cell;  width:162px; vertical-align:top;}
.gl-web section.sec-a .top .heading-sec:before{content:""; position:absolute; background-color:#ff9a3f; top:-25px; bottom:-43px; left:57px; right: -195px; z-index: -9;}
.gl-web section.sec-a .top .heading-sec h4{margin-top:0; font-size:30px; margin-bottom:43px;position:relative; margin-left:75px;}
.gl-web section.sec-a .top .heading-sec h4:before{content:""; background-color:#000; width:90px; height:3px; ; margin-top:16px; margin-right:10px;  position:absolute; left:-100px;}
.gl-web section.sec-a .top .heading-sec h1{margin-top:0; font-size:146px; margin-bottom:0;}
.gl-web section.sec-a .top .artical{display:table-cell;}
.gl-web section.sec-a .top .artical p{font-size:18px; font-family: 'GothamBook'; color:#262626; width:73%; margin-bottom:0; margin-top:56px;}
.gl-web section.sec-a .bottom{float:left; width:100%; padding-top:60px;}
.gl-web section.sec-a .bottom img{display:inline-block;}
	/* sec-a end */

	
	/* sec-b satrt */
.gl-web section.sec-b .bottom{ padding-top:0; position:relative; margin-top:200px;}
.gl-web section.sec-b .bottom:before{content:""; position:absolute; top:-100px; bottom:-100px; left:-15px; right:-15px; background:url(../portfolio/globalhands-web/images/layout-bg.png) no-repeat; background-position:center; background-size:cover; z-index:-9;}
.gl-web section.sec-b .bottom img{display:inline-block; box-shadow:0px 0px 20px 10px rgba(29, 14, 14, 0.17); -webkit-box-shadow:0px 0px 20px 10px rgba(29, 14, 14, 0.17);-moz-box-shadow:0px 0px 20px 10px rgba(29, 14, 14, 0.17);-ms-box-shadow:0px 0px 20px 10px rgba(29, 14, 14, 0.17);}	
	/* sec-b end */
	
	
	/* sec-c satrt */
.gl-web section.sec-c { padding-top:180px;}
.gl-web section.sec-c .bottom{padding-top:87px;}
	/* sec-c end */
	
	
	/* footer start */
.gl-web footer.glw-footer{padding:65px 0; position:relative;}
.gl-web footer.glw-footer:before{content:""; position:absolute; background-color:#43b700; bottom:0; left:0; right:0; top:35%; z-index:-9;}
	/* footer start */
	
	
	
	
	/************ media quaries ************/
@media(min-width:1300px){
.gl-web section.sec-a .top .heading-sec{left:-55px;}
}
	
@media(max-width:1200px){
.gl-web section.glw-banner .text-section{margin-left:50px; width:auto;}
}
@media(max-width:840px){


.gl-web section.sec-a .top:before{right:40px;}
}
@media(max-width:767px){
.gl-web section.glw-banner{height:450px; padding:0;}
.gl-web section.glw-banner .logo{text-align:center; width:100%;}
.gl-web section.glw-banner .logo img{display:inline-block; max-width:100%;}
.gl-web section.glw-banner .text-section{margin-top:370px;}
.gl-web section.glw-banner .text-section p{width:100%; line-height:40px;}
.gl-web section.pdn{padding-top:360px;}
.gl-web section.sec-a .top{display:inherit;}
.gl-web section.sec-a .top .heading-sec, .gl-web section.sec-a .top .artical{display:inherit;}
.gl-web section.sec-a .top:before{height:45%;}
.gl-web section.sec-b .top:before{height:40%;}
.gl-web section.sec-c .top:before{height:35%;}
}
@media(max-width:759px){
.gl-web section.pdn{padding-top:380px;}	
}
@media(max-width:480px){
.gl-web section.glw-banner .text-section h3{font-size:34px;}
.gl-web section.glw-banner .text-section p{font-size:24px;line-height:30px;}
.gl-web section.sec-a .top .artical p{width:100%; }
.gl-web section.pdn{padding-top:300px;}
.gl-web section.sec-a .top .artical p{margin-top:90px;}
.gl-web section.sec-b{padding-top:90px;}
.gl-web section.sec-b .bottom{margin-top:125px;}
.gl-web section.sec-c .bottom{padding-top:40px;}
.gl-web section.sec-a .top .heading-sec{width:75px;}
.gl-web footer.glw-footer{padding:40px 0;}
}