article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none; color: #E60059;}
img {border: none; vertical-align: middle; max-width: 100%; width: 100%;}

@font-face {
	font-family: 'Georgia Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Georgia Regular'), 
		url('../fonts/georgia.woff') format('woff');
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder {font-size: 18px;}
::-moz-placeholder {font-size: 18px;}
:-ms-input-placeholder {font-size: 18px;}
:-moz-placeholder {font-size: 18px;}
a {transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;}
/****************
 * Common Css
 ****************/
 .container {
    max-width: 988px;
    margin: 0 auto;
 }
 .clearfix:after,
 .clearfix:before {
    display: table;
    content: "";
 }
 .clearfix:after {
    clear: both;
 }
body {
	position: relative;
}
.main {
	overflow: hidden;
	position: relative;
}
/* logo section start */
.logo {
	max-width: 90%;
	margin: 0 auto;
	padding-top: 20px;
}
.logo a {
	font-family: 'Georgia Regular';
	font-size: 18px;
	line-height: 21px;
	color: #4A4A4A;
}
.for-site-name span {
	color: #9B9B9B;
}
/* logo section end */

/* banner section start */
.section-1 {
	/*background: url(../images/section1.png);
	background-repeat: no-repeat;
	background-position: top right;*/
}
.banner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 300px 0 200px 0;
}
.banner h1 {
	font-family: 'Georgia Regular';
	font-size: 48px;
	line-height: 57px;
	color: #4A4A4A;
	max-width: 400px;
	position: relative;
	z-index: 1;
	padding-bottom: 30px;
}
.banner h1:after {
	position: absolute;
	left: -25px;
	top: 11px;
	content: "";
	background-color: #94E3EF;
	width: 343px;
	height: 122px;
	z-index: -1;
}
.section-1 .bann-img{
	right: -12%;
}

.banner .page-btn,
.page-btn {
	font-family: 'Georgia Regular';
	font-size: 48px;
	line-height: 55px;
	color: #4A4A4A;
	display: inline-block;
	vertical-align: middle;
	border: solid 2px #979797;
	padding: 28px 30px;
	width: auto;
	height: auto;
}
.banner .page-btn hr,
.page-btn hr {
	display: inline-block;
	margin: 0 0 0 102px;
	vertical-align: middle;
	width: 113px;
	border-top: 2px solid #979797;
}
/* banner section end */

/* about section start */

/* main menu start */
.bottom-menu {
	position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    background: #fff;
}
.main-menu {
	position: relative;
}
.blur-bg {
	box-shadow: -10px -9px 15px rgba(168, 168, 168, 0.5);
   min-height: 100px;
}
.page-menu {
	position: absolute;
	width: 100%;
	top: 0;
}
.page-menu ul li {
	display: inline-block;
	width: 24%;
	padding: 0 0 0 70px;
	position: relative;
}
/* Overline From Left start */
.page-menu ul li a {
  	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: perspective(1px) translateZ(0);
  	transform: perspective(1px) translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	position: relative;
  	overflow: hidden;
  	font-family: 'montserratbold';
	font-size: 24px;
	line-height: 29px;
	color: #4A4A4A;
	padding: 30px 0 12px 0;
	width: 70%;
}
.page-menu ul li a:before {
  	content: "";
  	position: absolute;
  	z-index: -1;
  	left: 0;
  	right: 100%;
  	top: 0;
  	background: #E60059;
  	height: 5px;
  	-webkit-transition-property: right;
  	transition-property: right;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
.page-menu ul li a:hover:before, 
.page-menu ul li a:focus:before, 
.page-menu ul li a:active:before {
  	right: 0;
}
/* Overline From Center end */
.page-menu ul li a span {
	font-family: 'montserratregular';
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
}
.page-menu ul li:after {
	position: absolute;
	right: 0;
	width: 1px;
	height: 39px;
	background-color: #979797;
	content: "";
	top: 35px;
}
/* main menu end */
.about {
	/*background: url(../images/section2.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;*/
	padding: 70px 0 200px 0;
	position: relative;
}
.about-section h2 {
	font-family: 'Georgia Regular';
	font-size: 100px;
	line-height: 95px;
	color: #4A4A4A;
	max-width: 606px;
	position: relative;
	margin: 100px 0;
}
.about-section h2:after {
	position: absolute;
	left: -25px;
	top: 44px;
	content: "";
	background-color: #94E3EF;
	width: 100%;
	height: 89px;
	z-index: -1;
}
.about-section p {
	font-family: 'Georgia Regular';
	font-size: 24px;
	line-height: 40px;
	max-width: 680px;
}
.about-btn {
	float: right;
	padding-top: 90px;
}
.page-btn {
	font-size: 24px;
	line-height: 27px;
	color: #7C7C7C;
	width: 294px;
	height: 115px;
	display: flex;
	align-items: center;
}
.page-btn span {
	margin-left: -90px;
}
.page-btn hr {
	width: 83px;
	border: 1px solid #979797;
}
/* about section end */

/* work section start */
.work {
	padding-bottom: 250px;
	position: relative;
}
.work-one {
	display: flex;
	align-items: flex-end;
}
.work-img,
.work-title,
.work-options {
	width: 33.33%;
}
.work-title {
	padding-bottom: 120px;
	text-align: center;
}
.work-title h2,
.services h2,
.lets-talk h2 {
	font-family: 'Georgia Regular';
	font-size: 100px;
	line-height: 57px;
	color: #4A4A4A;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.work-title h2:after,
.services h2:after,
.lets-talk h2:after {
	position: absolute;
    left: -15px;
    bottom: -29px;
    content: "";
    background-color: #94E3EF;
    width: 372px;
    height: 53px;
    z-index: -1;
}
.work-options {
	padding-bottom: 40px;
	padding-left: 100px;
}
.work-options ul li,
.service-txt ul li {
	font-family: 'Georgia Regular';
	font-size: 18px;
	line-height: 21px;
	color: #767676;
	padding: 20px 0;
}
.work-txt {
	display: flex;
	align-items: flex-end;
}
.work-txt p {
	font-family: 'Georgia Regular';
	font-size: 36px;
	line-height: 52px;
	color: #4A4A4A;
	width: 60%;
	padding-top: 60px;
}
.work-btn {
	width: 39%;
	float: none;
	padding: 0;
}
.work-btn a {
	margin: 0 0 0 auto;
}
.work-btn a span,
.service-btn a span {
	margin-left: -68px;
}
.work-btn a img,
.service-btn a img {
	width: auto;
	padding-left: 70px;
}
.work-two {
	display: table;
	width: 100%;
}
.work-two .work-img, .work-two .work-title, .work-two .work-options {
	display: table-cell;
}
.work-bg,
.work-bg-2 {
	/*background: url(../images/section-3-1.png);
	background-repeat: no-repeat;
	background-position: center;*/
	padding: 0 !important;
}
.work-bg-2 {
	/*background: url(../images/section-3-2.png);
	background-repeat: no-repeat;
	background-position: center;*/
	padding: 0 !important;
}
.work-bg {
	position: relative;
}
.work-bg .bann-img img {
	width: auto;
}
.top-margin img {
	margin-top: -1px;
}
/* work section end */

/* services section start */
.services {
	padding: 100px 0 70px 0;
	/*background: url(../images/section4.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;*/
	position: relative;
}
.services h2 {
	display: block;
}
.services h2:after {
	width: 455px;
	height: 57px;
}
.service-txt {
	display: flex;
	padding: 100px 0;
}
.service-txt p {
	width: 65%;
	font-size: 36px;
	line-height: 52px;
	font-family: 'Georgia Regular';
	padding-left: 100px;
}
.service-txt ul {
	width: 35%;
	padding-left: 100px;
}
.service-btn {
	padding-left: 38px;
}
/* services section end */

/* lets-talk section start */
.lets-talk {
	padding: 100px 0 0 0;
	/*background: url(../images/let-s-talk-bg.png);*/
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.lets-talk h2 {
	line-height: 114px;
	display: block;
}
.lets-talk h2:after {
	width: 479px;
	height: 74px;
	bottom: -16px;
	left: unset;
	right: -55px;
	margin: 0 auto;
}
.talk-title {
	text-align: right;
	padding: 0 40px 100px 0;
}
.lets-talk form {
	max-width: 546px;
}
.lets-talk form input {
	width: 100%;
	border-bottom: solid 1px #979797;
	font-family: 'Georgia Regular';
	font-size: 18px;
	color: #4A4A4A;
	line-height: 21px;
	padding: 20px 10px;
	margin-bottom: 40px;
	background: transparent;
}
.lets-talk form input:last-child {
	margin-bottom: 0;
}
.lets-talk form input:placeholder {
	font-family: 'Georgia Regular';
	font-size: 18px;
	color: #4A4A4A;
	line-height: 21px;
}
.talk-btn a {
	margin: 0 0 0 auto;
	justify-content: center;
}
.talk-btn a span {
	margin-left: 0;
	padding-right: 40px;
}
.talk-btn a hr {
	margin: 0;
}
/* lets-talk section end */

/* footer section start */
.footer {
	padding: 700px 0 120px;
	/*background: url(../images/footer-bg.png);*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
}
.footer .logo a {
	font-size: 26px;
	line-height: 30px;
}
.footer .logo {
	margin: 0;
	max-width: unset;
	padding: 0;
}
.footer-txt {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}
.copyright {
	text-align: right;
	padding-left: 70px;
}
.copyright p {
	font-family: 'Georgia Regular';
	font-size: 18px;
	line-height: 21px;
	color: #7C7C7C;
	padding-bottom: 30px;
	padding-top: 5px;
}
.copyright .social-media a {
	display: inline-block;
	padding-right: 50px;
}
.copyright .social-media a:last-child {
	padding-right: 0;
}
.copyright .social-media a i {
	font-size: 30px;
	color: #D9D9D9;
}
/* footer section end */

/* sticky social-icon section start */
.social-icon {
	position: fixed;
	right: 0;
	top: 40%;
	width: 140px;
}
.social-icon ul li a i {
	color: #D0D0D0;
	font-size: 32px;
	padding-bottom: 40px;
}
.social-icon ul li a i:hover,
.copyright .social-media a i:hover {
	color: #E60059;
}
.onepage-pagination {
	display: none;
}
/* sticky social-icon section end */





.modal-content .column {
  float: left;
  width: 20%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 470px;
}

/* The Close Button */
.close {
  color: #E60059;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  opacity: 1;
  text-shadow: 0 1px 0 #000;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.modal-content img {
  margin-bottom: -4px;
}
.bann-img{
	position: absolute;
	width: 100%;
	z-index: -1;
}

.section-1,
.work-options,
.about,
.work-options.work-bg,
.services.lets-talk,
.footer {
	position: relative;
}
.work-options .bann-img img{
	width: auto;
}
.services .bann-img {
	top:120%;
}

.lets-talk .bann-img img{
	width: auto;
}
.footer .bann-img {
	top:190%;
}
.work-options.work-bg .bann-img {
	top: 370%;
	text-align: center;
}
.work-options.work-bg-2 .bann-img {
	top: 470%;
	text-align: center;
}
.lets-talk .bann-img {
	top: 360%;
}