body{
	font: 400 16px/21px 'acumin-pro-condensed', sans-serif;
	color: #000;
}
#wrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
}
/** Header Stylings **/
#header.sticky{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
}
#header .logo{
	display: block;
	width: 228px;
	margin-top: 66px;
}
#header .logo a{
	text-decoration: none;
	display: block;
}
#header .logo img{
	display: block;
	width: 100%;
	height: auto;
}
#header .header-holder{
	border-top: 8px solid #06f;
}
#header .navbar{
	padding: 0;
	background: transparent !important;
}
#header .navbar-nav .nav-link{
	padding-top: 32px;
	font-size: 21px;
	line-height: 1.5;
	padding-left: 22px;
	padding-right: 22px;
	font-weight: 300;
	color: #000;
	position: relative;
	transition: all ease 0.5s;
}
body.experience #header .navbar-nav .nav-link{
	color: #fff;
}
#header .navbar-nav .nav-link:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 0;
	content: '';
	background: #f74b54;
	transition: all ease 0.5s;
}
#header .navbar-nav li{
	position: relative;
}
#header .navbar-nav li.active .nav-link{
	color: #ff1c25;
	font-weight: 600;
}
#header .navbar-nav li .nav-link:hover{
	color: #ff1c25;
}
#header .navbar-nav li.active .nav-link:before{
	height: 8px;
}
#header .navbar-nav li + li:after{
	position: absolute;
	left: 0;
	bottom: 12px;
	width: 2px;
	height: 22px;
	content: '';
	background: #666;
}
.team-area h2,
.text-area h2,
.info .txt h2{
	font-size: 41px;
	line-height: 44px;
	font-weight: normal;
}
/** Visual Stylings **/
.visual{
	padding-top: 253px;
	position: relative;
	overflow: hidden;
	background: url(../images/header-home-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.visual.services{
	background: url(../images/header-service-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.visual.people{
	background: url(../images/header-people-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.visual.no-bg{
	background: transparent;
}
body.experience #wrapper{
	background: url(../images/header-experience-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.visual .text{
	background: rgba(255, 28, 37, 0.82);
	color: #fff;
	padding: 25px;
	max-width: 390px;
	font-weight: 400;
}
.visual .text h1{
	margin: 0 0 15px;
	font-size: 40px;
	line-height: 42px;
}
.visual .text.no-space h1{
	margin: 0;
}
.visual .text p{
	margin: 0;
}
.visual .desc{
	background: #fff;
	padding: 30px 25px;
	font-size: 21px;
	line-height: 24px;
	font-weight: 300;
	position: relative;
	z-index: 1;
}
.visual .desc:after{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	content: '';
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 30%, rgba(253,253,253,1) 50%, rgba(236,236,236,1) 80%, rgba(232,232,232,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 30%,rgba(253,253,253,1) 50%,rgba(236,236,236,1) 80%,rgba(232,232,232,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 30%,rgba(253,253,253,1) 50%,rgba(236,236,236,1) 80%,rgba(232,232,232,1) 100%);	
}
.visual .desc p{
	margin: 0 0 20px;
}
.visual .desc.blue{
	background: #75a6d2;
}
/** info stylings **/
.info .text-bar{
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 17px;
}
.info .text-bar li{
	width: 18.5%;
	padding: 15px;
	color: #fff;
	position: relative;
}
.info .text-bar li:nth-child(1){
	background: #89b85c;
}
.info .text-bar li:nth-child(2){
	background: #ff4951;
}
.info .text-bar li:nth-child(3){
	background: #005fe8;
}
.info .text-bar li:nth-child(4){
	background: #f8bb47;
}
.info .text-bar li:last-child:after{
	position: absolute;
	top: 0;
	left: 100%;
	content: '';
}
.info .text-bar li:last-child:before{
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 88px 88px 0 0;
	border-color: #f8ab47 transparent transparent transparent;
	content: '';
}
.info.add .text-bar li:last-child:before{
	border-width: 55px 55px 0 0;
}
.info .text-bar .title{
	display: block;
	font-size: 21px;
	line-height: 24px;
	font-weight: 600;
}
.info .text-bar p{
	margin: 0;
}
.info .txt{
	margin: 0 0 45px;
	width: 64%;
}
.info.add{
	padding-bottom: 70px;
}
.info.add .txt{
	width: 100%;
}
.info h2{
	margin: 0 0 10px;
}
.info .list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.info .list li{
	position: relative;
	padding-left: 15px;
	margin: 0 0 5px;
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.info .list li:after{
	position: absolute;
	left: 0;
	top: 9px;
	content: '';
	border-radius: 100%;
	background: #000;
	width: 4px;
	height: 4px;
}
/** text-area stylings **/
.text-area{
	background: url(../images/home-services-bg.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}
.text-area h2{
	margin: 0 0 10px;
}
.text-area p{
	margin: 0 0 50px;
}
.text-area [class^="col"]{
	position: inherit;
}
.text-area ul{
	margin: -25px 0;
}
.text-area ul a{
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color: #fff;
	min-height: 86px;
	padding: 12px;
	background: rgba(15, 103, 232, 0.93);
	transition: all ease 0.5s;
	position: relative;
	transition: all ease 0.5s;
}
.text-area ul li:nth-child(2) a{
	background: rgba(0, 95, 232, 0.93);
}
.text-area ul a:after{
	position: absolute;
	right: 5px;
	top: 28px;
	content: '';
	background: url(../images/angle-right-solid.svg) no-repeat;
	width: 14px;
	height: 24px;
	transition: all ease 0.5s;
	opacity: 0;
	visibility: hidden;
}
.text-area ul li:first-child a:before{
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 86px 86px;
	border-color: transparent transparent #005fe8 transparent;
	opacity: 0.93;
	content: '';
}
.text-area ul a:hover:after{
	opacity: 1;
	right: 15px;
	visibility: visible;
}
.text-area ul a:hover{
	padding-top: 28px;
	background: rgba(15, 103, 232, 1);
}
.text-area ul li:nth-child(2) a:hover{
	background: rgba(0, 95, 232, 1);
}
.text-area ul li.pink a{
	background: rgba(255, 73, 81, 0.93);
}
.text-area ul li.pink a:hover{
	background: rgba(255, 73, 81, 1);
}
.text-area ul .title{
	display: block;
	font-size: 21px;
	line-height: 24px;
	font-weight: 400;
}
.text-area .txt{
	max-width: 82%;
}
/** Team Stylings **/
.team-area{
	padding: 65px 0 85px;
}
.team-area.add{
	padding-bottom: 30px;
}
.team-area h2{
	font-weight: 500;
	margin: 0 0 5px;
}
.team-area p{
	margin: 0 0 40px;
}
.team-area .slick-slider .slick-prev{
	display: none !important;
}
.team-area .disabled-slider img,
.team-area .slick-slide img{
	display: block;
	max-width: 100%;
	height: auto;
}
.team-area .disabled-slider .box,
.team-area .slick-slide .box{
	background: #ececec;
	border-bottom: 4px solid transparent;
	transition: all ease 0.5s;
	padding: 12px 0 30px 12px;
}
.team-area .disabled-slider .name,
.team-area .slick-slider .name{
	display: block;
	font-size: 19px;
	line-height: 22px;
	font-weight: 500;
}
.team-area .disabled-slider .designation,
.team-area .slick-slider .designation{
	font-size: 15px;
	line-height: 18px;
}
.team-area .slick-slider .slick-slide:nth-child(odd) .box{
	background: #f2f2f2;
}
.team-area .disabled-slider a,
.team-area .slick-slide a{
	text-decoration: none;
	display: block;
	color: #000;
}
.team-area .disabled-slider a:hover .box,
.team-area .slick-slide a:hover .box{
	border-bottom-color: #f36;
}
.team-area .slick-slider .slick-next{
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 13%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 13%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 13%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100px;
}
.team-area .slick-slider .slick-next:before{
	position: absolute;
	right: 0;
	top: 50%;
	background: #ececec url(../images/angle-right-solid.svg) no-repeat 10px 0;
	width: 35px;
	height: 35px;
	content: '';
	border-radius: 100%;
	margin-top: -24px;
	transition: all ease 0.5s;
}
.team-area .slick-slider .slick-next:hover:before{
	background-color: #f36;
}
.team-area .disabled-slider .slides{
	display: inline-block;
	vertical-align: top;
	width: 16%;
	margin: 0 2% 4%;
}
.team-area .popup:after{
	display: block;
	content: '';
	clear: both;
}
.team-area.add .disabled-slider{
	padding-bottom: 200px;
	margin: 0 -20px;
}
.team-area .disabled-slider .popup{
	position: absolute;
	width: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	background: #2a2a2b;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.5s;
}
.team-area .disabled-slider .slides.active .popup{
	opacity: 1;
	visibility: visible;
	width: 100%;
}
.team-area .popup .btn-close{
	position: absolute;
	right: 20px;
	top: 20px;
	color: #bbb;
	font-size: 14px;
	line-height: 1.5;
}
.team-area .popup .btn-close .ico{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 10px;
	width: 12px;
}
.team-area .popup .holder{
	float: left;
	width: 50%;
}
.team-area .popup .align-left{
	float: left;
	width: 45%;
}
.team-area .popup .align-right{
	float: left;
	width: 55%;
}
.team-area .popup .profile{
	position: relative;
}
.team-area .popup .profile .img-box img{
	display: block;
	width: 100%;
	height: auto;
}
.team-area .popup .social{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
	position: absolute;
	right: 10px;
	bottom: 5px;
}
.team-area .popup .social li{
	display: inline-block;
	vertical-align: top;
}
.team-area .popup .social a{
	text-decoration: none;
	display: inline-block;
	background: rgba(255, 255, 255, 0.21);
	border-radius: 100%;
	width: 29px;
	height: 29px;
	padding: 4px 0 0;
	transition: all ease 0.5s;
}
.team-area .popup .social a:hover{
	background: #ff1c25;
}
.team-area .popup .social img{
	width: 15px;
	height: 20px;
	margin: auto;
}
.team-area .popup .frame{
	padding-left: 38px;
	padding-bottom: 40px;
}
.team-area .popup .frame .title{
	padding: 28px 0 5px;
	display: block;
}
.team-area .popup .frame .list{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #838383;
}
.team-area .popup .list li{
	position: relative;
	padding-left: 12px;
}
.team-area .popup .list li:before{
	position: absolute;
	left: 0;
	top: 7px;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #838383;
}
.team-area .popup .align-right .head{
	background: #005fe8;
	padding: 22px 20px;
	font-size: 19px;
	line-height: 22px;
}
.team-area .popup .head h2{
	font-size: 44px;
	line-height: 46px;
	margin: 0;
}
.team-area .popup .head p{
	margin: 0;
}
.team-area .popup .text{
	color: #bbb;
	font-size: 16px;
	line-height: 20px;
}
.team-area .popup .text strong{
	color: #fff;
}
.team-area .popup .text p{
	margin: 0 0 22px;
}
.team-area .popup .text.add,
.team-area .popup .align-right .text{
	padding-top: 40px;
	padding-left: 40px;
}
.team-area .popup .text.add{
	padding-top: 80px;
	padding-right: 40px;
}
/* Slick Slider Stylings */
.slick-slider{
	position: relative;
	display: block;
	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;
	margin-left: auto;
	margin-right: auto;
}
.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;
}
/** Service Page Stylings **/
.digital-area{
	background: #232323;
	min-height: 585px;
	margin: 0 0 86px;
}
.digital-area .frame{
	position: relative;
	z-index: 5;
}
.digital-area .head{
	padding: 68px 0 0;
	margin: 0 0 10px;
}
.digital-area .head .title{
	display: inline-block;
	vertical-align: middle;
	background: #04aedd;
	padding: 23px 30px;
	color: #fff;
	font-size: 41px;
	line-height: 44px;
	font-weight: 500;
}
.digital-area .box{
	text-align: right;
}
.digital-area .box .sub-title{
	display: inline-block;
	vertical-align: top;
	font-size: 35px;
	line-height: 38px;
	color: #fff;
	max-width: 49%;
	text-align: left;
}
.digital-area .img{
	margin: 0 0 0 -30%;
}
.digital-area .img img{
	display: block;
	width: 100%;
	height: auto;
}
/** Service Area Stylings **/
.service-area{
	margin: 0 0 90px;
}
.service-area .txt{
	max-width: 70%;
	padding: 0 0 50px;
}
.service-area .txt p{
	margin: 0 0 30px;
}
.service-area img{
	display: block;
	width: 100%;
	height: 100%;
}
.service-area .holder{
	height: 100%;
	min-height: 400px;
}
.service-area .green{
	background: #89b85c;
}
.service-area .holder.green h2{
	background: rgba(108, 156, 61, 0.8);
}
.service-area .red{
	background: #ff4951;
}
.service-area .holder.red h2{
	background: rgba(205, 55, 62, 0.8);
}
.service-area .blue{
	background: #005fe8;
}
.service-area .holder.blue h2{
	background: rgba(16, 75, 160, 0.8);
}
.service-area .yellow{
	background: #f8bb47;
}
.service-area .holder.yellow .frame{
	color: #272727;
}
.service-area .holder.yellow h2{
	background: rgba(220, 154, 28, 0.8);
	color: #272727;
}
.service-area .holder h2{
	left: -40px;
	position: absolute;
	top: 30px;
	color: #fff;
	font-size: 41px;
	line-height: 44px;
	padding: 20px 65px;
	margin: 0;
}
.service-area .holder .frame{
	padding: 38px;
	color: #fff;
}
.service-area .frame h3{
	margin: 0 0 5px;
	font-size: 35px;
	line-height: 38px;
	font-weight: 500;
}
.service-area .frame ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.service-area .frame ul li{
	padding-left: 12px;
	margin: 0 0 5px;
	position: relative;
}
.service-area .frame ul li:before{
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	content: '';
	border-radius: 100%;
	background: #fff;
}
.service-area .yellow .frame ul li:before{
	background: #272727;
}
.service-area .green,
.service-area .blue{
	text-align: right;
}
.service-area .holder.green h2,
.service-area .holder.blue h2{
	left: auto;
	right: -40px;
	font-weight: 500;
}
.service-area .holder.green ul li,
.service-area .holder.blue ul li{
	padding-left: 0;
	padding-right: 12px;
}
.service-area .holder.green ul li:before,
.service-area .holder.blue ul li:before{
	left: auto;
	right: 0;
}
.article-holder{
	margin: 0 0 135px;
}
.article-holder .img,
.article-holder .txt{
	padding-top: 55px;
}
.article-holder .img{
	height: 100%;
}
.article-holder .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.article-holder .txt{
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 120px;
}
.article-holder .txt.blue{
	background: #005fe8;
}
.article-holder .txt.red{
	background: #f74b54;
}
.article-holder .txt h2{
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	font-size: 41px;
	line-height: 44px;
	font-weight: 500;
	color: #000;
	width: 66%;
	padding: 19px 5px 23px;
	text-align: center;
}
.article-holder .txt h2:after{
	position: absolute;
	top: 0;
	right: -86px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 86px 86px 0 0;
	border-color: #fff transparent transparent transparent;
	opacity: 0.50;
}
.article-holder .first .txt h2:after{
	right: -25px;
	border-width: 86px 25px 0 0;
	border-color: #fff transparent transparent transparent;
}
.article-holder .align-right .txt h2:after{
	left: -86px;
	right: auto;
	border-width: 0 86px 86px 0;
	border-color: transparent #fff transparent transparent;
}
.article-holder .align-right .txt.last h2:after{
	left: -108px;
	border-width: 0 108px 108px 0;
}
.article-holder .row .row [class^="col"]{
    position: inherit;
}
.article-holder .align-right h2{
	right: auto;
	left: 0;
}
/** Footer Stylings **/
#footer{
	padding: 40px 0;
	background: #2a2a2b;
	border-top: 3px solid #fe4951;
}
#footer .footer-logo{
	max-width: 160px;
	display: block;
}
#footer .footer-logo img{
	display: block;
	width: 100%;
	height: auto;
}
#footer .sub-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#footer .sub-nav li{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#footer .sub-nav li + li:after{
	position: absolute;
	left: 0;
	top: 2px;
	width: 2px;
	height: 20px;
	background: #595959;
	content: '';
}
#footer .sub-nav a{
	text-decoration: none;
	color: #fff;
	font-size: 19px;
	line-height: 22px;
	font-weight: 400;
	padding: 0 40px;
	transition: all ease 0.5s;
}
#footer .sub-nav li.active a,
#footer .sub-nav a:hover{
	color: #ff4951;
}
#footer .sub-nav li.active a{
	font-weight: 600;
}
#footer h3{
	margin: 0 0 5px;
	color: #fff;
	font-size: 19px;
	line-height: 22px;
	text-align: right;
}
#footer .social{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#footer .social li{
	display: inline-block;
	vertical-align: top;
}
#footer .social a{
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	background: #1e1e1e;
	border-radius: 100%;
	padding: 6px;
	transition: all ease 0.5s;
}
#footer .social a:hover{
	background: #fefefe;
}
#footer .social a img{
	display: block;
	width: 15px;
	height: 15px;
}
#footer .copyright{
	margin: 0;
	color: #5a5a5a;
	font-size: 12px;
}
#footer .copyright a{
	text-decoration: none;
	color: #5a5a5a;
	transition: all ease 0.5s;
}
#footer .copyright a:hover{
	color: #ff4951;
}
#footer .copyright strong{
	font-size: 14px;
	display: block;
}
#footer .copyright strong a{
	color: #fff;
	font-weight: 400;
}
#footer .copyright p{
	margin: 0;
}
#footer .copyright .box{
	max-width: 60%;
	margin: 0 auto;
}
#footer .copyright .holder{
	margin: -22px 0 0;
}
#footer .copyright .holder:after{
	display: block;
	content: '';
	clear: both;
}
#footer .copyright .design{
	float: right;
	max-width: 40%;
}
/** Responsive Stylings **/
@media only screen and (max-width: 1199px){
	.info .text-bar li:last-child:before{
		border-width: 111px 85px 0 0;
	}
	.team-area .disabled-slider .name,
	.team-area .slick-slider .name{
		font-size: 14px;
	}
	.digital-area .img{
		margin: 0 0 0 -56%;
	}
	.service-area .holder{
		min-height: 440px;
	}
	#footer .social{
		margin-left: -30px;
	}
	#footer .sub-nav a{
		padding: 0 15px;
	}
	.article-holder .txt h2{
		font-size: 31px;
	}
}
@media only screen and (max-width: 991px){
	#header .logo{
		width: 160px;
	}
	#header .navbar-nav .nav-link{
		padding-left: 10px;
		padding-right: 10px;
	}
	.visual .text h1{
		font-size: 30px;
		line-height: 32px;
	}
	.info .text-bar li:last-child:before{
		border-width: 128px 85px 0 0;
	}
	.digital-area .head .title{
		font-size: 30px;
		line-height: 32px;
		padding: 15px;
	}
	.digital-area .box .sub-title{
		font-size: 25px;
		line-height: 28px;
	}
	.digital-area .img {
		margin: 0 0 0 -112%;
	}
	.service-area .holder h2{
		font-size: 30px;
		line-height: 32px;
		padding: 10px 45px;
	}
	.service-area .frame h3{
		font-size: 25px;
		line-height: 28px;
	}
	.service-area .holder .frame{
		padding: 30px 25px;
	}
	.team-area .popup .head h2{
		font-size: 30px;
		line-height: 32px;
	}
	.team-area.add .disabled-slider {
		padding-bottom: 410px;
	}
	.article-holder .txt h2{
		font-size: 30px;
		line-height: 34px;
	}
	.article-holder .img,
	.article-holder .txt{
		padding-top: 54px;
	}
	.article-holder .txt{
		padding-top: 80px;
	}
	.article-holder{
		padding-top: 20px;
	}
	.article-holder > .container > .row{
		margin-bottom: 20px;
	}
	.article-holder .txt h2:after{
		display: none;
	}
	.article-holder .txt h2{
		width: 55%;
	}
	.article-holder .align-right h2{
		left: 15px;
	}
	.article-holder .txt h2{
		right: 15px;
	}
	#footer .sub-nav a{
		padding: 0 6px;
		font-size: 16px;
	}
	#footer .sub-nav li + li:after{
		left: -2px;
	}
	#footer .social a{
		padding: 4px;
	}
}
@media only screen and (max-width: 767px){
	#header .logo{
		width: 120px;
		margin-top: 0;
		position: absolute;
		left: 15px;
		top: 15px;
	}
	body.experience .navbar-toggler .navbar-toggler-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	body.experience .navbar-light .navbar-toggler{
		border-color: #fff;
	}
	body .navbar-light .navbar-toggler{
		position: absolute;
		right: 0;
		top: 12px;
		border-color: #808080;
	}
	#header .navbar{
		padding-top: 80px;
	}
	#header .navbar-nav{
		text-align: right;
		padding-bottom: 10px;
	}
	#header .navbar-nav .nav-link{
		padding: 5px 0;
	}
	#header .navbar-nav .nav-link:before,
	#header .navbar-nav li + li:after{
		display: none;
	}
	.visual .text,
	.visual .desc{
		padding: 15px;
		max-width: inherit;
	}
	.visual .text h1{
		font-size: 20px;
		line-height: 22px;
	}
	.visual .desc{
		font-size: 16px;
		line-height: 20px;
	}
	.info .text-bar li{
		width: 100%;
	}
	.info .text-bar li:last-child:before{
		display: none;
	}
	.team-area h2,
	.text-area h2,
	.info .txt h2{
		font-size: 28px;
		line-height: 30px;
	}
	.info .txt{
		width: 100%;
	}
	.text-area{
		padding: 20px 0;
	}
	.text-area ul a{
		width: 100%;
	}
	.text-area ul li:first-child a:before{
		display: none;
	}
	.text-area ul{
		margin: 0;
	}
	.text-area ul li{
		margin: 0 0 5px;
	}
	.text-area p {
		margin: 0 0 25px;
	}
	.text-area .txt{
		max-width: 100%;
	}
	.info .list li{
		width: 100%;
	}
	.digital-area{
		margin: 0 0 20px;
	}
	.digital-area .head,
	.digital-area .box{
		text-align: center;
	}
	.digital-area .img {
		margin: 10% -21% 0 -42%;
	}
	.service-area .txt{
		max-width: 100%;
	}
	.service-area .txt{
		padding: 0;
	}
	.service-area img{
		height: auto;
	}
	.service-area .holder h2{
		position: static;
		text-align: center;
	}
	.service-area .green,
	.service-area .blue{
		text-align: left;
	}
	.service-area .holder.green ul li,
	.service-area .holder.blue ul li{
		padding-right: 0;
		padding-left: 12px;
	}
	.service-area .holder.green ul li:before,
	.service-area .holder.blue ul li:before{
		left: 0;
		right: auto;
	}
	.service-area .frame h3{
		font-size: 20px;
	}
	.service-area .holder{
		min-height: inherit;
	}
	.service-area{
		margin: 0 0 30px;
	}
	.team-area .disabled-slider .slides{
		width: 48%;
		margin: 0 1% 2%;
	}
	.team-area .disabled-slider .name,
	.team-area .slick-slider .name{
		min-height: inherit;
	}
	.team-area .popup .holder,
	.team-area .popup .align-left,
	.team-area .popup .align-right{
		float: none;
		width: 100%;
	}
	.team-area .disabled-slider .popup{
		overflow-x: auto;
		top: -51%;
	}
	.team-area .popup .text.add,
	.team-area .popup .align-right .text{
		padding: 20px;
	}
	.team-area .popup .btn-close{
		z-index: 5;
		color: #000;
	}
	.team-area,
	.team-area.add .disabled-slider{
		padding-bottom: 30px;
	}
	.article-holder .txt h2{
		position: static;
		width: 100%;
		background: transparent;
		color: #fff;
		text-align: left;
		padding: 0 0 10px;
	}
	.article-holder .img{
		padding-top: 0;
	}
	.article-holder .txt{
		padding: 20px 15px;
	}
	#footer .footer-logo{
		margin: 0 auto 30px;
	}
	#footer .sub-nav li{
		margin-bottom: 15px;
	}
	#footer h3,
	#footer .social{
		text-align: center;
	}
	#footer .copyright .box{
		max-width: 100%;
	}
	#footer .copyright .holder{
		margin: 0;
	}
	#footer .copyright .design{
		float: none;
		max-width: 100%;
	}
}