@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body { font-family: 'gothambook'; font-size: 15px; overflow-x:hidden; color:#000;}
/* MAIN LAYOUT
========================================================================*/
.wrapper {}
/* HEADER
========================================================================*/
header { position:fixed; top:0; left:0; width:100%; z-index:999;}
header .logo{ float:left;}
header .logo a{ padding:10px 0 5px 0; display:inline-block;}
header .rightMenu{ float:right;}
header .rightMenu ul{ margin-top:30px;}
header .rightMenu ul li{ float:left;}
header .rightMenu ul li a{ padding:2px 20px; color:#000000; display:inline-block; position:relative;}
header .rightMenu ul li a:after{ position:absolute; right:-1px; width:1px; height:60%; top:20%; content:""; background:#000000;}
header .rightMenu ul li:last-child a:after{ display:none;}
header .rightMenu ul li a:hover{}

.menuBtn{ font-size:14px; text-transform:uppercase; color:#000000; text-align:center; cursor:pointer;}
.menuBtn .open{ display:block;}
.menuBtn.active .open{display:none;}
.menuBtn .close{display:none;}
.menuBtn.active .close{display:block;}

/* NAV
========================================================================*/
.navigation{ position:fixed; width:25%; background:#f5bc99; padding:0 0 0 70px; z-index:998; left:-31%; top:0; height:100%;transition:0.5s;}
.navigation.open{ left:0; transition:0.5s;}
nav { display: table; height: 100%; position: relative; vertical-align: middle;}
nav > ul { vertical-align: middle; display: table-cell;}
nav > ul > li { }
nav > ul > li > a { font-size:24px; line-height:28px; text-transform:uppercase; color:#ffe3d2; transition:0.5s; display:block; padding:6px 0;}
nav > ul > li:last-child {}
nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li:hover > a, nav > ul > li > a.active { transition:0.5s; color:#000000;}

nav > ul > li > ul{}
nav > ul > li > ul > li{}
nav > ul > li > ul > li > a{ font-size:18px; line-height:22px; text-transform:uppercase; color:#ffe3d2; transition:0.5s; display:block; padding:5px 0;}
nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a{ color:#000000; transition:0.5s;}

.menuoverflow{ background:#ffffff; position:fixed; width:100%; height:100%; left:0; top:0; z-index:996; opacity:0; display:none;}
.menuoverflow.opacityOff{opacity:0.74; display:block;}

/* Welcome
===========================================================================*/
.welcompagedata{ position:fixed; padding:0; margin:0; width:100%; height:100%;display:table; height:100%; vertical-align:middle; text-align:center;}
.welcompagedatabox{ display:table-cell; height:100%; vertical-align:middle;}
.welcompagedata .welcomeLogo{}
.welcompagedata .welcomeLogo img{}
.welcompagedata .welcomeTagline{ font-size:18px; letter-spacing:2px; margin-top:50px;font-family: 'gothambook'; }
/* Home Page
===========================================================================*/
.homebannerSection{position: relative;  height: 100%;}
.homebannerSection .homebannerImg{ float:left;}
.homebannerSection .homebannerImg img{}
.homebannerSection .homebannerTag { display:table; height:100%; }
.homebannerSection .homebannerTag .homebannerTagText{ display:table-cell; vertical-align:middle; text-transform:uppercase; color:#000000; font-size:24px; line-height:60px;  letter-spacing:2px; height:100%; padding-left:100px;}
.homebannerSection .homebannerTag .homebannerTagText span.highlight{ font-size:60px; color:#f5bc99; margin-left:10px;}

.homeAboutwrap{ position:relative;}
.homeAboutwrap:after{ position:absolute; left:30px; bottom:-220px; background:url("../images/grapics1.png") no-repeat; width:312px; height:375px; content:"";}
.homeAbout{ width:50%; margin:0 auto;  font-size:18px;position: relative;}
.homeAbout .readMore{position: absolute; right: -150px; top: 42px;}
.homeAbout .readMore a{ display:block;}

.homespacesWrap{ width:80%; margin:0 auto; position:relative;}
.homespacesWrap:after{ position:absolute; right: -100px; bottom: -90px; background:url("../images/grapics2.png") no-repeat; width:289px; height:213px; content:""; }
.homespacesWrap .homespacesSection {position:relative; width:48%; margin:0 1%; float:left; z-index:9;}
.homespacesWrap .homespacesSection  .bgimg{ position:relative;}
.homespacesWrap .homespacesSection  .bgimg img{}
.homespacesWrap .homespacesSection  a{ font-size:40px; color:#000000; line-height:40px; position:absolute; left:0; right:0; margin:auto; top:50%; margin-top:-20px; text-transform:uppercase; text-align:center;}
.homespacesWrap .homespacesSection  a img{ margin-left:20px;}

.contactSectionWrap{ position:relative; height:100%; }
.contactSectionWrap:after{ position:absolute; left:0; bottom:0; content:""; background:url("../images/grapics3.png") no-repeat; width:340px; height:280px;}
.contactSectionWrap .contactSectioninner{ position:absolute; right:0; bottom:0;}
.contactSectionWrap .contactAddsec{ width:80%;margin:30px auto;}
.contactSectionWrap .contactAddsec .contactAddbox{ width:31%; float:left; margin-right:2%; }
.contactSectionWrap .contactAddsec .contactAddbox h4{ margin-bottom:10px; text-transform:uppercase; color:#000000; font-size:14px; font-family: 'gothammedium';}
.contactSectionWrap .contactAddsec .contactAddbox ul{}
.contactSectionWrap .contactAddsec .contactAddbox ul li{}
.contactSectionWrap .contactAddsec .contactAddbox ul li a{ color:#000000;}
.contactSectionWrap .contactmapsec{}

/* About Us
=======================================================================*/
.aboutsectionOnewrap{ position:relative;}
.aboutsectionOnewrap:after{position: absolute; left: 20px; bottom: -180px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.aboutsectionOnewrap .aboutsectionOneinner{ width:60%; margin:0 auto;}
.aboutsectionOnewrap .aboutsectionOneinner h2{}

.intesimplWrap{ width:80%; margin:0 auto; position:relative;}
.intesimplWrap:after{position: absolute; left: -110px; bottom: -100px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.intesimplWrap .intesimplSection{position:relative;width:48%; margin:0 1%; float:left; z-index:9; padding:90px 80px; text-align:center;}
.intesimplWrap .intesimplSection h2{}
.intesimplWrap .intesimplSection.integritySection{ background:#f5bc99 url("../images/about-grapipcs1.png") no-repeat center/cover;}
.intesimplWrap .intesimplSection.integritySection h2{}
.intesimplWrap .intesimplSection.simplicitySection{ background:#000000 url("../images/about-grapipcs2.png") no-repeat center/cover;color:#ffffff;}
.intesimplWrap .intesimplSection.simplicitySection h2{ color:#ffffff;}

.directorWrap{ width:68%; margin:0 auto; position:relative;}
.directorWrap:after{position: absolute; left: -190px; bottom: -50px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.directorWrap .directorPic{ width:40%; float:left; position:relative; z-index:9;}
.directorWrap .directorPic img{ width:100%;}
.directorWrap .directorInfo{ width:60%; float:left; padding:30px 50px; position:relative; z-index:9;}
.directorWrap .directorInfo .name{ font-size:24px; line-height:28px; margin-bottom:5px; text-transform:uppercase;}
.directorWrap .directorInfo .designation{ font-size:18px; line-height:20px; margin-bottom:10px; text-transform:uppercase;}

.awardWrap{ width:68%; margin:0 auto;}
.awardWrap:after{position: absolute; left: 20px; bottom: 20px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.awardWrap ul{ position:relative; z-index:9;}
.awardWrap ul li{ background:url("../images/award-icon.png") no-repeat left top; padding-left:30px; text-transform:uppercase; line-height:32px; width:48%; float:left; margin:0 1% 15px 1%;}

/* careers
========================================================================*/
.careersSection:after{position: absolute; left: 20px; bottom: 20px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.careerswrap{}
.careerswrap .careersinner{ width:60%; margin:0 auto; font-size:18px;}
.careerswrap .careersinner a{ color:#000000; position:relative; font-family: 'gothammedium';}
.careerswrap .careersinner a:after{ position:absolute; left:0; bottom:-5px; width:100%; height:2px;  }

.contactFormWrap{ position:relative;}
.contactFormWrap:after{position: absolute; left: 0; bottom: -120px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.contactFormWrap .contactForminner{ width:60%; margin:0 auto; font-size:24px; line-height:48px;}
.contactFormWrap .contactForminner .inputBox{ display:inline; position:relative;}
.contactFormWrap .contactForminner .inputBox input{ border:none; border-bottom:1px solid #f5bc99;}
.contactFormWrap .contactForminner .inputBox select{ border:none; border-bottom:1px solid #f5bc99; width:350px;}
.contactFormWrap .contactForminner .inputBox input.name{ width:350px;}
.contactFormWrap .contactForminner .inputBox input.email{width:200px;}
.contactFormWrap .contactForminner .inputBox input.contact{width:200px;}
.contactFormWrap .contactForminner .inputSubmit{ margin-top:50px;}
.contactFormWrap .contactForminner .inputSubmit input{ background:url("../images/inputsubmit.png") no-repeat right top; padding:0 35px 0 0; border:none; font-size:30px; font-family: 'gothammedium'; text-transform:uppercase; color:#000000; line-height:30px; }

/* Project Listing
=======================================================================*/
.innerBanner{ margin-top:130px;}
.innerBanner .innerBannerwrap{ width:75%; margin:0 auto; position:relative;}
.innerBanner .innerBannerwrap img.bannerBg{ width:100%;}
.innerBanner .innerBannerwrap .bannertag{ position:absolute; width:50%; left:5%; bottom:30px;}
.innerBanner .innerBannerwrap .bannertag h2{ color:#f5bc99; font-size:40px; line-height:44px; margin-bottom:30px;}
.innerBanner .innerBannerwrap .bannertag .filter{width:50%; float: left;}
.innerBanner .innerBannerwrap .bannertag .filter select{ padding:10px 0 20px 0; border:none; border-bottom:1px solid #000000; width:90%; /*background:url("../images/black-arrow.png")no-repeat right top 18px;*/}
 
.projectWrap{ margin:70px 0;}
.projectWrap .projectList{ width:75%; margin:0 auto; display: grid; grid-template-columns: 43% 43%; grid-row-gap: 30px; grid-column-gap:14%;}
.projectWrap .projectList .projectBox{  }
.projectWrap .projectList .projectBox:nth-child(2n){ margin-top:50px;}
.projectWrap .projectList .projectBox a{}
.projectWrap .projectList .projectBox .projectThum{}
.projectWrap .projectList .projectBox .projectThum img{ width:100%;filter: grayscale(100%); transition:0.8s;}
.projectWrap .projectList .projectBox a:hover .projectThum img{ width:100%;filter: grayscale(0); transition:0.8s;}
.projectWrap .projectList .projectBox .projectInfo{ padding:15px 60px 0 15px; text-transform:uppercase;color:#000000; position:relative; background:url("../images/inputsubmit.png") no-repeat right 80px top 100px; transition:0.5s;}
.projectWrap .projectList .projectBox a:hover  .projectInfo{background:url("../images/inputsubmit.png") no-repeat right 30px top 30px; transition:0.5s;}
.projectWrap .projectList .projectBox .projectInfo .projectname{ color:#000000; font-size:24px; line-height:28px; margin-bottom:5px;}
.projectWrap .projectList .projectBox .projectInfo .location{ font-size:14px; line-height:18px;}
.projectWrap .projectList .projectBox .projectInfo .config{ font-size:14px; line-height:18px;}

/* Project Details
========================================================================*/
.pdetailoneWrap{ position:relative;}
.pdetailoneWrap:after{position: absolute; left: 20px; bottom: -70px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.pdetailoneWrap .pdetailoneInner{ width:76%; margin:0 auto; position:relative; z-index:9;}
.pdetailoneWrap .pdetailoneInner .pdetailoneLeft{ width:40%; float:left;}
.pdetailoneWrap .pdetailoneInner .pdetailoneLeft img{ width:100%;}
.pdetailoneWrap .pdetailoneInner .pdetailoneRight{ width:55%; float:left; margin-left:5%; padding-top:80px;}
.pdetailoneWrap .pdetailoneInner .pdetailoneRight .pdetailoneName{ font-size:30px; line-height:34px; text-transform:uppercase; margin-bottom:10px;}
.pdetailoneWrap .pdetailoneInner .pdetailoneRight .pdetailoneinfo{font-size:18px; line-height:22px; text-transform:uppercase; margin-bottom:20px;}
.projectgallerycont{ position:relative;}
.projectgallerycont:after{position: absolute; left: 20px; bottom: -70px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.projectgalleryWrap{ width:84%; float:right; position:relative; z-index:9;}
.projectgalleryWrap .projectgallery{ padding-right:30px;}
.projectgalleryWrap .projectgallery img{}
.projectgalleryWrap .slick-arrow{ width:49px; height:40px; position:absolute; top:50%; margin-top:-20px; border:none; overflow:hidden; text-indent:-1000px;}
.projectgalleryWrap .slick-prev.slick-arrow{ background:url("../images/prev-arrow.png") no-repeat; left:-45px;}
.projectgalleryWrap .slick-next.slick-arrow{ background:url("../images/next-arrow.png") no-repeat; right:5%;}
.projectgalleryWrap .slick-prev.slick-arrow.slick-disabled,.projectgalleryWrap .slick-next.slick-arrow.slick-disabled{ display:none !important;}
.projectgalleryWrap .slick-slide{ opacity:0.2;}
.projectgalleryWrap .slick-slide.slick-active{ opacity:1;}

.projectLocationwrap{}
.projectLocationwrap:after{position: absolute; left: 20px; bottom: -70px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.projectLocationwrap .projectmap{ position:absolute; left:0; top:0;}
.projectLocationwrap .projectmap img{}
.projectLocationwrap .projectlocation{ width:45%; float:right; margin-right:15%;}
.amenitiesspecification{ position:relative;}
.amenitiesspecification:after{position: absolute; left: 20px; bottom: -70px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.amenitiesspeWrap{width:84%; float:right; position:relative; z-index:9;}
.amenitiesspeWrap .amenitiesspe{}
.amenitiesspeWrap .amenitiesspeBox{ margin-right:30px; background:#f8f8f8; padding:40px;}
.amenitiesspeWrap .amenitiesspeBox ul{}
.amenitiesspeWrap .amenitiesspeBox ul li{ width:48%; margin:0 1% 20px 1%; float:left;}
.amenitiesspeWrap .slick-arrow{ width:49px; height:40px; position:absolute; top:50%; margin-top:-20px; border:none; overflow:hidden; text-indent:-1000px;}
.amenitiesspeWrap .slick-prev.slick-arrow{ background:url("../images/prev-arrow.png") no-repeat; left:-45px;}
.amenitiesspeWrap .slick-next.slick-arrow{ background:url("../images/next-arrow.png") no-repeat; right:5%;}
.amenitiesspeWrap .slick-prev.slick-arrow.slick-disabled,.projectgalleryWrap .slick-next.slick-arrow.slick-disabled{ display:none !important;}
.amenitiesspeWrap .slick-slide{ opacity:0.2;}
.amenitiesspeWrap .slick-slide.slick-active{ opacity:1;}

.projectformWrap{ position:relative;}
.projectformWrap:after{position: absolute; left: 20px; bottom: -70px; background: url(../images/grapics2.png) no-repeat; width: 289px; height: 213px; content: "";}
.projectformWrap .projectformInner{ width:70%; margin:0 auto; position:relative; z-index:9;}
.projectformWrap .projectformInner .projectinput{ position:relative; width:48%; margin:0 1% 30px 1%; float:left;}
.projectformWrap .projectformInner .projectinput.fullwidth{ width:98%; float:none;}
.projectformWrap .projectformInner .projectinput input{ width:100%; padding:10px 15px; border:none; border-bottom:1px solid #000000; font-family: 'gothambook';}
.projectformWrap .projectformInner .projectinput select{width:100%; padding:10px 15px; border:none; border-bottom:1px solid #000000; font-family: 'gothambook';}
.projectformWrap .projectformInner .projectinput textarea{width:100%; padding:10px 15px; border:none; border-bottom:1px solid #000000; font-family: 'gothambook';}
.projectformWrap .projectformInner .projectSubmit{ width:98%; margin:40px 1% 0 1%; }
.projectformWrap .projectformInner .projectSubmit input{ background:url("../images/inputsubmit.png") no-repeat right top; padding:0 35px 0 0; border:none; font-size:30px; font-family: 'gothammedium'; text-transform:uppercase; color:#000000; line-height:30px; }
/* FOOTER
========================================================================*/
footer {  }
.footerWrap { }
.copyRight { }
.designBy { }
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { }
h2 { font-size:30px; text-transform:uppercase; color:#000000; font-family: 'gothambook'; margin-bottom:20px;}
h3 { }
h4 { }
h5 { }
h6 { }
p { margin-top: 10px; }
p:first-child { margin: 0; }

/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

/* FORM
========================================================================*/
label { }
input, textarea, select { font-size: 14px; background: none; border: 1px solid #dadada; padding: 12px; margin: 0; }
input:focus, textarea:focus { border-color: #c1c1c1; background: none; }

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

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

}

/* New css add */

#section4 .grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

#section4 .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 320px;
	max-width: 480px;
	max-height: 378px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

#section4 .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	/*opacity: 0.8;*/
}

#section4 .grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#section4 .grid figure figcaption::before,
#section4 .grid figure figcaption::after {
	pointer-events: none;
}

#section4 .grid figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*#section4 .grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}*/

#section4 .grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

#section4 .grid figure h2 span {
	position: absolute;
	top: 5px;
	left: auto;
	right: auto;
}

#section4 .grid figure h2,
#section4 .grid figure p {
	margin: 0;
}

#section4 .grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

#section4 figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

#section4 figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 40px;
	color: #000;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

#section4 figure.effect-sadie figcaption::before,
#section4 figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

#section4 figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
/*#section4 figure.effect-sadie img{
  transition: all 0.15s ease-in-out;
}
#section4 figure.effect-sadie img{
    height:378px;
}
#section4 figure.effect-sadie:hover img{
  opacity: 1;
  transform: translateY(-40px);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
height: 425px;

transition: all 0.15s ease-in-out;
}
#section4 figcaption img{
     width: 40px!important;
    height: 37px !important;
}
#section4 figcaption:hover img {
    width: 40px!important;
    height: 37px !important;
    margin-top: 43px;
}*/
#section4 figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

#section4 figure.effect-sadie:hover figcaption::before ,
#section4 figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#section4 figure.effect-sadie:hover > img{
	height:400px;
}
#section4 figure.effect-sadie:hover a{
	top:103px !important;
	color:#000!important;
	
}
#section4 figure.effect-sadie:hover h2{
	color:#000!important;
	
}
#section4 figure.effect-sadie:hover figcaption::before{
background:none !important;
}

#section4 figure.effect-sadie p, #section4 figure.effect-sadie:hover p{
	font-size: 13px!important;
    top: 55px;
	color:#000 !important;
	line-height:18px;
	text-transform:capitalize;
}
#section4 .grid figure.effect-sadie > img{
	margin-top:40px;
	margin-bottom:20px;
	transition:0.5s;
}
#section4 figure.effect-sadie:hover >img{
	margin-top:0px !important;
	margin-bottom:0px !important;
}


@media screen and (max-width: 50em) {
	
	#section4 .grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

img.arrowss{
    display:inline-block !important;
    width: 30px;
}

.slidemargin {
    /*width: 450px !important;*/
    
}

.slidemargin1 {
    width: 450px !important;
}

.font18{
    font-size:14px;
}
.font20{
    font-size:20px !important;
}
a.apply-here{
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding-top: 20px !important;
    display: inline-block;
}
a.apply-here:hover{
    color:#000 !important;
}
.pt-20{
    padding-top:20px;
}
.mb-0{
    margin-bottom: 0px !important;
}
.contactSectionWrap {
    margin-top: 200px;
}