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:normal 13px 'oxygenregular' Arial, Helvetica, sans-serif;}

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

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

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

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

@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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


/*--GENERAL STYLES--*/
h1{font: normal 28px 'gothic'; color: #023021; letter-spacing: 0.0em; line-height: 2em; word-spacing: 0.16em;}
h2{font: normal 30px 'bavroregular'; color: #000; letter-spacing: 0.04em; line-height: 2em; word-spacing: 0.16em; margin: 20px 0 0;}
h3{font: normal 24px 'gothic'; color: #023021; letter-spacing: 0.0em; line-height: 2em;}
h4{font: normal 28px 'gothic'; color: #000; letter-spacing: 0.0em; line-height: 2em;}

p{font: normal 14px 'oxygenregular'; color: #000; letter-spacing: 0.1em; line-height: 2em; margin: 12px 0 10px;}

ul{width: 100%; float: left;}
ul li{list-style-image: url(../images/arrow.png); list-style-position: outside; padding: 0 0 0 16px; float: left; margin:0 0 18px 20px; font: normal 14px 'oxygenregular'; color: #000; letter-spacing: 0.1em; line-height: 2em;}
ul li a{font: normal 14px 'oxygenbold'; color: #777676; letter-spacing: 0.1em; line-height: 2em; text-decoration: none;}
ul li a:hover{font: normal 14px 'oxygenbold'; color: #777676; letter-spacing: 0.1em; line-height: 2em; text-decoration: none; border-bottom: 1px dashed #777676;}
/*--GENERAL STYLES--*/

/*--COMMON STYLES--*/
.float-lt{float: left!important;}
.float-rt{float: right!important;}
.float-no{float: none!important;}
.no-margin{margin: 0!important;}
.txt-center{text-align: center!important;}
.clear{clear: both;}
.line-ht{line-height: 0.4em;}

.heading{font: normal 73px 'oswaldbold'; color: #ececec; letter-spacing: 0.2em;}
.heading-margin{margin: -78px 0 0 0px; text-indent: 3.5em;}

.more{font: normal 26px 'gabrielleregular'; color: #7d7b77; letter-spacing: 0.04em; text-align: left;}
.more a{font: normal 26px 'gabrielleregular'; color: #7d7b77; letter-spacing: 0.04em; text-align: left; text-decoration: none;}
.more a:hover{font: normal 26px 'gabrielleregular'; color: #7d7b77; letter-spacing: 0.04em; text-align: left; text-decoration: none;}

.content-area{width: 1000px;  margin: 0 auto;}

.breadcrumb{font: normal 20px 'alegreya_sansregular'; color: #cc8d0f; letter-spacing: 0.02em; margin: 50px 0 50px 0;}
.breadcrumb a{font: normal 20px 'alegreya_sansregular'; color: #777676; letter-spacing: 0.02em; text-decoration: none;}
.breadcrumb a:hover{font: normal 20px 'alegreya_sansregular'; color: #000; letter-spacing: 0.02em; text-decoration: none;}
.breadcrumb img{margin: 0 7px;}

/*--LINK STYLE--*/
.the-arrow {width: 64px; transition: all 0.2s;}
.the-arrow.-left {position: absolute; top: 60%; left: 0;}
.the-arrow.-left > .shaft {width: 0; background-color: #cc8d0f;}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {width: 0; background-color: #cc8d0f;}
.the-arrow.-left > .shaft:before {transform: rotate(0);}
.the-arrow.-left > .shaft:after {transform: rotate(0);}
.the-arrow.-right {top: 3px;}
.the-arrow.-right > .shaft {width: 64px; transition-delay: 0.2s;}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {width: 8px; transition-delay: 0.3s; transition: all 0.5s;}
.the-arrow.-right > .shaft:before {transform: rotate(40deg);}
.the-arrow.-right > .shaft:after {transform: rotate(-40deg);}
.the-arrow > .shaft {background-color: #cc8d0f; display: block; height: 1px; position: relative; transition: all 0.2s; transition-delay: 0; will-change: transform;}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {background-color: #cc8d0f; content: ""; display: block; height: 1px; position: absolute; top: 0; right: 0; transition: all 0.2s; transition-delay: 0;}
.the-arrow > .shaft:before {transform-origin: top right;}
.the-arrow > .shaft:after {transform-origin: bottom right;}
.animated-arrow {display: inline-block; color: #7d7b77; font-size: 1.25em; font-style: italic; text-decoration: none; position: relative; transition: all 0.2s;}
.animated-arrow:hover {color: #cc8d0f;}
.animated-arrow:hover > .the-arrow.-left > .shaft {width: 64px; transition-delay: 0.1s; background-color: #7d7b77;}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {width: 8px; transition-delay: 0.1s; background-color: #7d7b77;}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {transform: rotate(40deg);}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {transform: rotate(-40deg);}
.animated-arrow:hover > .main {transform: translateX(80px);}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {width: 0; transform: translateX(200%); transition-delay: 0;}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {width: 0; transition-delay: 0; transition: all 0.1s;}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {transform: rotate(0);}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {transform: rotate(0);}
.animated-arrow > .main {display: flex; align-items: center; transition: all 0.2s;}
.animated-arrow > .main > .text {margin: 0 16px 0 0; line-height: 1;}
.animated-arrow > .main > .the-arrow {position: relative;}
/*--LINK STYLE--*/

/*--BUTTON STYLE--*/
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cl-effect-10  {position: relative; z-index: 1;}
.cl-effect-10 a {position: relative; display: inline-block; overflow: hidden; margin: -10px 0 0 0; outline: none; -webkit-box-shadow: -5px 5px 6px 0px #908e8e; box-shadow: -5px 5px 6px 0px #908e8e;}

.cl-effect-10 a span {display: block; padding: 10px 20px; background: #0f7c67;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.cl-effect-10 a::before {position: absolute; top: 0; left: 0; z-index: -1; padding: 7px 15px; width: 100%; height: 100%; background: #f5f5f5; font: normal 12px 'capriolaregular'; color: #848180; letter-spacing: 0.07em; box-shadow: none; content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
/*--BUTTON STYLE--*/

/*--COMMON STYLES--*/

/*--HEADER STARTS--*/
header{width: 100%; float: left; padding: 20px 0;}
header .logo{width: 90%; float:none; margin: 0 auto 20px; padding: 0 0 5px; border-bottom: 2px solid #ddd; text-align: center;}
header .logo img{width: 300px;}

header nav{width: 100%; float: left; text-align: center; /*margin: 50px auto;*/}
header nav a{font: normal 18px 'alegreya_sansregular'; color: #8f8f8f; letter-spacing: 0.04em; margin: 0 25px; text-decoration: none;}
header nav a:hover{font: normal 18px 'alegreya_sansregular'; color: #8f8f8f; letter-spacing: 0.04em; margin: 0 25px; text-decoration: none;}

/*--MENU STARTS--*/
/*nav ul {width: 100%; float: none; padding: 0; margin: 0 auto; list-style: none; position: relative;}	
nav ul li {display:inline-block;}
nav a {display:block; padding:0 10px;	font: normal 18px 'alegreya_sansregular'; color: #8f8f8f; letter-spacing: 0.04em; line-height: 60px; text-decoration:none;}

nav a:hover {font: normal 18px 'alegreya_sansregular'; color: #8f8f8f; letter-spacing: 0.04em;}*/

/* Hide Dropdowns by Default */
/*nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
/*}*/
	
/* Display Dropdowns on Hover */
/*nav ul li:hover > ul {
	display:inherit;
}*/
	
/* Fisrt Tier Dropdown */
/*nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}*/

/* Second, Third and more Tiers	*/
/*nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}*/

	
/* Change this in order to change the Dropdown symbol */
/*li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }*/
/*--MENU ENDS--*/

/*--HEADER ENDS--*/

/*--BANNER STARTS--*/
#banner{width: 100%; height: calc(100vh - 179px); overflow: hidden; position: relative; background-image: url(../images/banner.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}
#abt-banner{width: 100%; height: calc(100vh - 179px); overflow: hidden; position: relative; background-image: url(../images/abt-banner.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}
#csr-banner{width: 100%; height: calc(100vh - 179px); overflow: hidden; position: relative; background-image: url(../images/csr-banner.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}
#news-banner{width: 100%; height: calc(100vh - 179px); overflow: hidden; position: relative; background-image: url(../images/news-banner.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}
#contact-banner{width: 100%; height: calc(100vh - 179px); overflow: hidden; position: relative; background-image: url(../images/news-banner1.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}
/*--BANNER ENDS--*/

/*--GROUP1 STARTS--*/
#gp1{width:100%; float: left; background:url(../images/nature.jpg) bottom right no-repeat; background-size: 650px; margin: 60px 0 40px; padding: 0 0 35px;}
#gp1 p{width: 40%; float: left; margin: 40px 0 10px; font: normal 15px 'oxygenregular'; letter-spacing: 0.1em; line-height: 2.5em;}
#gp1 .more{margin: 20px 0 0; float: left;}
/*--GROUP1 ENDS--*/

/*--GROUP2 STARTS--*/
#gp2{width: 100%; float: left; margin: 10px 0;}
#gp2 .more{width: auto; float: right; margin: -48px 0 0 0;}
#gp2 #work{width: 84%; margin: 40px auto; float: none;}
#gp2 #work .text{width: 80%; margin: 10px 0 10px 20px;}
#gp2 #work .focus{width: 400px; float: left; margin: 0 40px 0 0;}
#gp2 #work .initiative{width: 400px; float: left;}
/*--GROUP2 ENDS--*/

/*--GROUP3 STARTS--*/
#gp3{width: 100%; float: left; margin: 60px 0;}
#gp3 p{width: 25%; margin:70px 100px 50px 0; float: left; text-align: center; font: normal 16px 'oxygenregular'; line-height: 2.4em;}
#gp3 .more{width: auto; float: right; margin:-65px 100px 0 0;}
#gp3 .wrapper{width:100%; padding-top: 20px; text-align:center;}
#gp3 .carousel{width:90%; margin:0px auto;}
#gp3 .slick-slide{margin:15px;}
#gp3 .slick-slide img{width:100%; border: 2px solid #fff;}
#gp3 .wrapper .slick-dots li button:before {font-size:20px; color:white;}
/*--GROUP3 ENDS--*/

/*--GROUP4 STARTS--*/
#gp4{width: 100%; height: 420px; float: left; margin: 60px 0; background-image: url(../images/explore-bg.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; padding: 40px 0;}
#gp4 .text{width: 30%; float: left; margin: 30px 0;}
#gp4 h4{font: normal 30px 'gothic'; letter-spacing: 0.04em; line-height: 1.5em; color: #000;}
#gp4 p{font: normal 16px 'oxygenregular'; color: #fff; letter-spacing: 0.1em; line-height: 1.8em;}
/*--GROUP4 ENDS--*/

/*--GROUP5 STARTS--*/
#gp5{width: 100%; float: left; margin: 10px 0 60px;}
#gp5 .txt{width: 45%; float: left; margin: 30px 0;}
#gp5 .img{width: 50%; float: right;}
#gp5 .img .img1{width: 225px; margin: -90px 0 0 130px; -webkit-box-shadow: 5px 9px 7px 5px #aaa; box-shadow: 5px 9px 7px 5px #aaa;}
#gp5 .img .img2{width: 225px; margin: 40px 0 0; text-align: right; float: right; -webkit-box-shadow: 5px 9px 7px 5px #aaa; box-shadow: 5px 9px 7px 5px #aaa;}
#gp5 .img .img3{width: 225px; margin: 120px 0 0 15px; -webkit-box-shadow: -5px 9px 7px 5px #aaa; box-shadow: -5px 9px 7px 5px #aaa;}
#gp5 #marqueecontainer{
position: relative;
width: 320px; /*marquee width */
height: 300px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}
#gp5 .more{float: right; margin: 40px 0 0;}
/*--GROUP5 ENDS--*/

/*--FOOTER STARTS--*/
footer{width: 100%; float: left; background: #fdf7ec; padding: 30px 0 10px;}
footer .heading{font: normal 52px 'oswaldbold'; color: #eae7df; letter-spacing: 0.3em; text-align: center;}
footer .heading-margin{margin: -45px 0 0 -6px; text-indent: 0em; text-align: center;}
footer h2{font: normal 30px 'bavroregular'; letter-spacing: 0.04em; line-height: 2em; word-spacing: 0;}
footer .box{width: 30%; float: left; margin: 30px 0 0;}
footer .mid-box{width: auto; float: left; margin:30px 85px 0;}
footer .last-box{width: auto; float: right; margin:30px 0 0;}
footer h3{font: normal 24px 'gothic'; color: #000; letter-spacing:0.04em; line-height: 0.4em;}
footer p{font: normal 13px 'oxygenregular'; color: #000; letter-spacing: 0.1em; line-height: 2em; margin: 12px 0 10px;}
footer p a{font: normal 13px 'oxygenregular'; color: #000; letter-spacing: 0.1em; line-height: 2em; margin: 12px 0 10px; text-decoration: none;}
footer p a:hover{font: normal 13px 'oxygenregular'; color: #000; letter-spacing: 0.1em; line-height: 2em; margin: 12px 0 10px; text-decoration: none; border-bottom: 1px dotted #494949;}

footer .copy{width: 50%; float: left; text-align: left; font: normal 11px 'oxygenregular'; color: #2D2D2D; letter-spacing: 0.1em; line-height: 2em; margin: 20px 0 0;}
footer .design{width: 50%; float: right; text-align: right; font: normal 11px 'oxygenregular'; color: #2D2D2D; letter-spacing: 0.1em; line-height: 2em; margin: 20px 0 0;}
footer .design a{font: normal 11px 'oxygenregular'; color: #2D2D2D; letter-spacing: 0.1em; line-height: 2em; text-decoration: none;}
footer .design a:hover{font: normal 12px 'oxygenregular'; color: #000; letter-spacing: 0.1em; line-height: 2em; text-decoration: none;}
/*--FOOTER ENDS--*/

/*--INNERPAGE STARTS--*/
#innerpg{width: 100%; float: left; margin: 60px 0;}
#innerpg .hd-margin{margin: 35px 0 0;}
#innerpg .ul-margin{margin: 15px 0 0;}
#innerpg .csr-h3{font: normal 22px 'gothic'; line-height: 2em; margin: 15px 0 0; float: left; letter-spacing: 0.04em;}
#innerpg .csr-p{text-indent: 2em; clear: both;}
#innerpg .events{float: left; clear: both; margin: 20px 0 10px;}
#innerpg .events-h3{font: normal 22px 'gothic'; line-height: 1.6em; margin: 15px 0 0; float: left; letter-spacing: 0.04em;}
#innerpg .events img{margin:0 32px 20px 0; float:left;}
#innerpg .heading-margin1{text-indent: 6.5em; margin: -78px 0 0 0px;}

/*--CONTACT PAGE STARTS--*/
.ib-container{
	position: relative;
	width: 100%;
	margin: 30px auto;
	display: block;
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container article{
	display: block;
	width: 206px;
	height: 340px;
	background: #fff;
	cursor: pointer;
	float: left;
	border: 8px solid #fff;
	text-align: left;
	text-transform: none;
	margin: 22px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
}

.ib-container article header{padding: 10px 0;}

.ib-container h3{
	font: normal 24px 'gothic';
	color: #023021;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
}
.ib-container article header span{
	font: normal 13px 'oxygenregular';
	letter-spacing: 0.1em;
	padding: 10px 0;
	display: block;
	color: #cc8d0f;
	text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
	opacity: 1;
}
.ib-container article header span a{
	font: normal 13px 'oxygenregular';
	letter-spacing: 0.1em;
	color: #000;
	text-decoration: none;
	word-break: break-word;
}
.ib-container article header span a:hover{
	font: normal 13px 'oxygenregular';
	letter-spacing: 0.1em;
	color: #000;
	text-decoration: none;
}
.ib-container article p{
	font: normal 12px 'oxygenregular';
	line-height: 2em;
	color: #333;
	color: rgba(51, 51, 51, 1);
	text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
	opacity: 0.8;
	word-break: break-word;
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
.ib-container article.blur h3 a{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}
.ib-container article.blur header span{
	text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
	color: rgba(255, 210, 82, 0);
	opacity: 0.5;
}
.ib-container article.blur  p{
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 11px 15px 10px rgba(0,0,0,0.4);
	z-index: 100;	
	opacity: 1;
}
.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p{
	opacity: 1;
}

/*--CONTACT PAGE ENDS--*/

/*--INNERPAGE ENDS--*/

/*--RESPONSIVE STARTS--*/
@media screen
	and (min-width:240px)
	and (max-width:320px){
		header nav{display: none;}
		.content-area{width: 100%; padding: 0 5%;}
		.heading{font: normal 60px 'oswaldbold';}
		.heading-margin{margin: -52px 0 0 0px !important; text-indent: 0;}
		h1{font: normal 20px 'gothic'; letter-spacing: 0.04em; word-spacing: 0; text-align: center; line-height: 1.4em;}
		h2{line-height: 1.2em; text-align: center;}
		header .logo{margin: 0 5%;}
		header .logo img{width: 100%; max-width: 300px;}
		#banner{height: calc(100vh - 180px); background-position: 50% 0;}
		#gp1{background-size: 350px; background-position: 90% 95%; padding: 0 0 165px;}
		#gp1 p{width: 100%; margin: 20px 0 10px; font: normal 13px 'oxygenregular'; letter-spacing: 0.1em; line-height: 2em;}
		#gp1 .more{margin: 10px 0 40px; float: left;}
		.more a{font: normal 22px 'gabrielleregular'; letter-spacing: 0.04em;}
		.more a:hover{font: normal 22px 'gabrielleregular'; letter-spacing: 0.04em;}
		#gp2 .heading{font: normal 60px 'oswaldbold'; letter-spacing: 0.16em;}
		#gp2 .more{margin: 25px 0; float: left;}
		.animated-arrow > .main > .text{line-height: 1.4em;}
		#gp2 #work{width: 100%; margin: 0; float: left;}
		#gp2 #work .focus{width: 100%; margin: 0 0 20px;}
		#gp2 #work .text{width: 100%; margin: 10px 0;}
		#gp2 #work .focus img{width: 100%; max-width: 400px;}
		#gp2 #work .initiative{width: 100%;}
		#gp2 #work .initiative .gp2-img-res{display: block; width: 100%; max-width: 400px;}
		#gp2 #work .initiative .gp2-img-desk{display: none;}
		#gp3 .heading{font: normal 60px 'oswaldbold'; letter-spacing: 0.16em;}
		#gp3 p{font: normal 14px 'oxygenregular'; line-height: 2em; width: 100%; margin: 20px 0;}
		#gp3 .wrapper{width: 90%; padding: 0 5%; float: left;}
		#gp3 .carousel{display: none;}
		#gp3 .more{float: left; margin: 0;}
		#gp4{background-position: 45% 0; margin: 0; height: 360px;}
		#gp4 .text{width: 100%; margin: 0;}
		#gp4 h4{font: normal 25px 'gothic'; line-height: 1.5em;}
		#gp4 p{font: normal 15px 'oxygenregular'; line-height: 1.8em;}
		#gp5{margin: 50px 0;}
		#gp5 .txt{width: 100%; margin: 30px 0 0;}
		#gp5 #marqueecontainer{width: 100%; height: 250px;}
		#gp5 .img{display: none;}
		#gp5 .more{margin: 30px 0 0;}
		footer{padding: 30px 0;}
		footer .heading{font: normal 50px 'oswaldbold'; letter-spacing: 0.1em;}
		footer h2{font: normal 27px 'bavroregular'; line-height: 2em;}
		footer .heading-margin{margin: -40px 0 0 -6px;}
		footer .box{width: 100%;}
		footer .mid-box{width: 100%; margin: 30px 0px 0;}
		footer .mid-box p{line-height: 1.6em; word-wrap: break-word;}
		footer .last-box{width: 100%;}
		footer .copy{width: 100%;}
		footer .design{width: 100%; text-align: left;}
		#abt-banner{height: calc(100vh - 180px); background-position: 40% 0%;}
		#csr-banner{height: calc(100vh - 180px); background-position: 12% 0%;}
		#contact-banner{height: calc(100vh - 180px); background-position: 18% 0%;}
		#innerpg h2{margin: 20px 0 10px;}
		#innerpg .heading{letter-spacing: 0.17em;}
		.breadcrumb{line-height: 1.6em; margin: 50px 0 30px 0;}
		#innerpg .events img{width: 100%; max-width: 300px;}
		#innerpg .heading-margin1{text-indent: 0; margin: -35px 0 0 0;}
		#innerpg .hd-res{font: normal 46px 'oswaldbold';}
		/*.ib-container article{width: 92%; height: auto; margin: 22px 9px;}
		.ib-container article.blur{box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
			-webkit-transform:none;
			-moz-transform:none;
			-o-transform:none;
			-ms-transform:none;
			transform:none;
			opacity: 0.7;
		}
		.ib-container article.blur h3 a{
			text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
			color: rgba(0, 0, 0, 0);
			opacity: 0.5;
		}
		.ib-container article.blur header span{
			text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
			color: rgba(255, 210, 82, 0);
			opacity: 0.5;
		}
		.ib-container article.blur  p{
			text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
			color: rgba(51, 51, 51, 0);
			opacity: 0.5;
		}

		.ib-container article.active{
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
			box-shadow: 
				0px 0px 0px 10px rgba(255,255,255,1), 
				1px 11px 15px 10px rgba(0,0,0,0.4);
			z-index: 100;	
			opacity: 1;
		}*/
}

@media screen
	and (min-width:320px)
	and (max-width:480px){
		header nav{display: none;}
		.content-area{width: 100%; padding: 0 5%;}
		.heading{font: normal 60px 'oswaldbold';}
		.heading-margin{margin: -52px 0 0 0px !important; text-indent: 0;}
		h1{font: normal 20px 'gothic'; letter-spacing: 0.04em; word-spacing: 0; text-align: center; line-height: 1.4em;}
		h2{line-height: 1.2em; text-align: center;}
		header .logo{margin: 0 5%;}
		header .logo img{width: 100%; max-width: 300px;}
		#banner{height: calc(100vh - 180px); background-position: 50% 0;}
		#gp1{background-size: 350px; background-position: 90% 95%; padding: 0 0 165px;}
		#gp1 p{width: 100%; margin: 20px 0 10px; font: normal 13px 'oxygenregular'; letter-spacing: 0.1em; line-height: 2em;}
		#gp1 .more{margin: 10px 0 40px; float: left;}
		.more a{font: normal 22px 'gabrielleregular'; letter-spacing: 0.04em;}
		.more a:hover{font: normal 22px 'gabrielleregular'; letter-spacing: 0.04em;}
		#gp2 .heading{font: normal 60px 'oswaldbold'; letter-spacing: 0.16em;}
		#gp2 .more{margin: 25px 0; float: left;}
		.animated-arrow > .main > .text{line-height: 1.4em;}
		#gp2 #work{width: 100%; margin: 0; float: left;}
		#gp2 #work .focus{width: 100%; margin: 0 0 20px;}
		#gp2 #work .text{width: 100%; margin: 10px 0;}
		#gp2 #work .focus img{width: 100%; max-width: 400px;}
		#gp2 #work .initiative{width: 100%;}
		#gp2 #work .initiative .gp2-img-res{display: block; width: 100%; max-width: 400px;}
		#gp2 #work .initiative .gp2-img-desk{display: none;}
		#gp3 .heading{font: normal 60px 'oswaldbold'; letter-spacing: 0.16em;}
		#gp3 p{font: normal 14px 'oxygenregular'; line-height: 2em; width: 100%; margin: 20px 0;}
		#gp3 .wrapper{width: 90%; padding: 0 5%; float: left;}
		#gp3 .carousel{display: none;}
		#gp3 .more{float: left; margin: 0;}
		#gp4{background-position: 45% 0; margin: 0; height: 360px;}
		#gp4 .text{width: 90%; margin: 22px 0;}
		#gp4 p{font: normal 15px 'oxygenregular'; line-height: 2em;}
		#gp5{margin: 60px 0;}
		#gp5 .txt{width: 100%; margin: 30px 0 0;}
		#gp5 #marqueecontainer{width: 100%; height: 250px;}
		#gp5 .img{display: none;}
		#gp5 .more{margin: 30px 0 0;}
		footer{padding: 30px 0;}
		footer .heading{font: normal 50px 'oswaldbold'; letter-spacing: 0.1em;}
		footer h2{font: normal 27px 'bavroregular'; line-height: 2em;}
		footer .heading-margin{margin: -40px 0 0 -6px;}
		footer .box{width: 100%;}
		footer .mid-box{width: 100%; margin: 30px 0px 0;}
		footer .mid-box p{line-height: 1.6em; word-wrap: break-word;}
		footer .last-box{width: 100%;}
		footer .copy{width: 100%;}
		footer .design{width: 100%; text-align: left;}
		#abt-banner{height: calc(100vh - 180px); background-position: 20% 0%;}
		#innerpg{margin: 60px 0 40px;}
		#innerpg h2{margin: 20px 0 10px;}
		#csr-banner{height: calc(100vh - 180px); background-position: 12% 0%;}
		#innerpg .heading{letter-spacing: 0.17em;}
		.breadcrumb{line-height: 1.6em; margin: 50px 0 30px 0;}
		#innerpg .events img{width: 100%; max-width: 300px;}
		#innerpg .heading-margin1{text-indent: 0; margin: -35px 0 0 0;}
		#innerpg .hd-res{font: normal 46px 'oswaldbold';}
}

@media screen
	and (min-width:480px)
	and (max-width:767px){
		header nav{display: none;}
		.content-area{width: 100%; padding: 0 5%;}
		.heading{font: normal 60px 'oswaldbold';}
		.heading-margin{margin: -52px 0 0 0px !important; text-indent: 0;}
		h1{font: normal 20px 'gothic'; letter-spacing: 0.04em; word-spacing: 0; text-align: center; line-height: 1.4em;}
		h2{line-height: 1.2em; text-align: center;}
		header .logo{margin: 0 5%;}
		header .logo img{width: 100%; max-width: 300px;}
		#banner{height: calc(100vh - 180px); background-position: 50% 0;}
		#gp1{background-size: 500px; background-position: 20% 100%; margin: 60px 0; padding: 0 0 240px;}
		#gp1 p{width: 100%;}
		#gp2 .heading-margin{margin: -58px 0 0 0px;}
		#gp2 .more{float: left; margin: 30px 0 20px;}
		#gp2 #work{width: 100%; margin: 0; float: left;}
		#gp2 #work .focus, #gp2 #work .initiative{width: 100%; margin: 0;}
		#gp2 #work .text{width: 40%; float: left; margin: 10px 0 10px 0px;}
		#gp2 #work .text p{font: normal 13px 'oxygenregular'; letter-spacing: 0.1em; line-height: 2.2em;}
		#gp2 #work .focus img{width: 50%; float: right; margin: 20px 0 25px 0;}
		#gp2 #work .initiative img{width: 50%; float: left; margin:20px 0 0px 0;}
		#gp2 #work .initiative .text{float: right; margin: 20px 0 10px 0px;}
		#gp2 .gp2-img-res{display: none;}
		#gp3 .heading{font: normal 60px 'oswaldbold'; letter-spacing: 0.16em;}
		#gp3 p{font: normal 14px 'oxygenregular'; line-height: 2em; width: 100%; margin: 20px 0;}
		#gp3 .wrapper{width: 90%; padding: 0 5%; float: left;}
		#gp3 .carousel{display: none;}
		#gp3 .more{float: left; margin: 0;}
		#gp4{background-position: 70% 0px; margin: 0; height: 360px;}
		#gp4 .text{width: 60%; margin: 22px 0;}
		#gp4 p{font: normal 15px 'oxygenregular'; line-height: 2em;}
		#gp5{margin: 60px 0;}
		#gp5 .txt{width: 100%; margin: 30px 0 0;}
		#gp5 #marqueecontainer{width: 100%; height: 250px;}
		#gp5 .img{display: none;}
		#gp5 .more{margin: 30px 0 0;}
		footer{padding: 30px 0;}
		footer .heading{font: normal 50px 'oswaldbold'; letter-spacing: 0.1em;}
		footer h2{font: normal 27px 'bavroregular'; line-height: 2em;}
		footer .heading-margin{margin: -40px 0 0 -6px;}
		footer .box{width: 100%;}
		footer .mid-box{width: 100%; margin: 30px 0px 0;}
		footer .mid-box p{line-height: 1.6em; word-wrap: break-word;}
		footer .last-box{width: 100%;}
		footer .copy{width: 100%;}
		footer .design{width: 100%; text-align: left;}
		.breadcrumb{line-height: 1.6em; margin: 40px 0 40px 0;}
		#innerpg .events img{width: 100%; max-width: 300px;}
		#innerpg .heading-margin1{text-indent: 0; margin: -58px 0 0 0;}
}

@media screen
	and (min-width:767px)
	and (max-width:1000px){
		#banner{background-position: 50% 0%;}
		.content-area{width: 100%; padding: 0 3%;}
		#gp1{margin: 60px 0;}
		#gp1{background-size: 480px;}
		#gp1 p{width: 60%;}
		#gp2 .more{margin: 30px 0; float: left;}
		#gp2 #work{width: 100%; margin: 0; float: left;}
		#gp2 #work .focus, #gp2 #work .initiative{width: 40%; margin: 0 5%; float: left;}
		#gp2 #work .text{width: 100%; float: left; margin: 10px 0 10px 0px;}
		#gp2 #work .text p{line-height: 2.3em;}
		#gp2 #work .focus img{width: 100%; max-width: 400px; float: left; margin: 20px 0 25px 0;}
		#gp2 #work .initiative img{width: 100%; max-width: 400px; float: left; margin:20px 0 0px 0;}
		#gp2 #work .initiative .text{width: 100%; float: right; margin: 20px 0 10px 0px;}
		#gp2 .gp2-img-res{display: none;}
		#gp3 .more{margin: -198px 25px 0 0;}
		#gp3 p{width: 100%; margin: 30px 0px 20px 0; font: normal 15px 'oxygenregular'; line-height: 2.4em;}
		#gp3 .carousel{float: left;}
		#gp4{height: 370px; background-position: 75% 0%;}
		#gp4 .text{width: 40%;}
		#gp5 .img .img1{margin: 18px 0 0 130px;}
		#gp5 .img .img3{margin: 145px 0 0 -130px;}
		#gp5 #marqueecontainer{height: 250px;}
		footer .mid-box{width: 55%; margin: 30px 0px 0; padding: 0 10%; word-wrap: break-word;}
		.ib-container article{margin: 30px 40px;}
}

@media screen
	and (min-width:1000px){
		.gp2-img-res{display: none;}
		.gp2-img-desk{display: block;}
}
/*--RESPONSIVE ENDS--*/