* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	list-style: none;
	word-wrap: break-word
}
body, html {
	color: #222;
	line-height: 1.3;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	overflow-x: hidden
}
.main-content {
	background: #fff;
	position: relative;
	margin-top: 100vh;
	z-index: 3
}
p {
	font-size: 16px;
	font-weight: 400;
	color: #444;
	line-height: 28px;
	letter-spacing: .5px;
	margin: 0
}
img {
	width: 100%;
	height: auto
}
a, a:hover, span {
	display: inline-block;
	text-decoration: none;
	color: inherit
}
.section-padding {
	padding: 100px 0
}
.section-padding-b50 {
	padding: 100px 0 50px 0;
}

.nmb-font {
	font-weight: 700
}
.sub-title {
	color: #212529;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-left: 70px;
	position: relative
}
.sub-title:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #f26b35;
	position: absolute;
	left: 0;
	bottom: 45%
}
.extra-title {
	font-weight: 800;
	font-size: 35px;
	line-height: 1.2
}
.extra-text {
	font-size: 20px;
	color: #1e1e1e
}
.kmore {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 30px;
	padding-left: 70px;
	position: relative
}
.kmore:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #777;
	position: absolute;
	left: 0;
	bottom: 45%
}
.section-head {
	margin-bottom: 80px
}
.section-head h6 {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #212529;
	margin-bottom: 10px
}
.section-head h3 {
	font-weight: 700;
	line-height: 1.5
}
.bg-gray {
	background: #fafafa
}
.bg-pattern {
	position: relative;
	background-size: 20%!important;
	z-index: 2
}
.bg-pattern:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
	opacity: .8;
	z-index: -1
}
.o-hidden {
	overflow: hidden
}
.position-re {
	position: relative
}
.full-width {
	width: 100%!important
}
.bg-img {
	background-size: cover;
	background-repeat: no-repeat
}
.no-cover {
	background-repeat: repeat;
	background-size: auto
}
.bg-fixed {
	background-attachment: fixed
}
.on-top {
	position: relative;
	z-index: 7
}
.valign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.page-loader {
	background: url(../img/kashmik-loader.gif) center center no-repeat #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999999;
	background-size: 10%
}
.loading-text {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 10px;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.loading-text.isdone {
	top: 40%;
	opacity: 0;
	-webkit-transition: all .8s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .8s cubic-bezier(.19, 1, .22, 1);
	transition: all .8s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.btn-curve {
	background: 0 0;
	padding: 14px 35px;
	border: 1px solid #1e1e1e;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer
}
.btn-curve:hover:after {
	bottom: -10px;
	border-radius: 0
}
.btn-curve:hover span {
	color: #fff
}
.btn-curve:after {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: 100%;
	background: #f26b35;
	border-radius: 0 0 100% 100%;
	-webkit-transition: all .6s cubic-bezier(1, 0, .55, 1);
	-o-transition: all .6s cubic-bezier(1, 0, .55, 1);
	transition: all .6s cubic-bezier(1, 0, .55, 1)
}
.btn-curve span {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.btn-curve.btn-lit {
	border-color: #fff;
	color: #fff
}
.btn-curve.btn-lit:hover span {
	color: #1e1e1e
}
.btn-curve.btn-lit:after {
	background: #fff
}
.btn-curve.btn-blc {
	background: #1e1e1e
}
.btn-curve.btn-blc:after {
	background: #fff
}
.btn-curve.btn-blc span {
	color: #fff
}
.btn-curve.btn-blc:hover span {
	color: #1e1e1e
}
.btn-curve.btn-lg {
	padding: 14px 40px
}
.btn-curve.btn-lg span {
	font-size: 14px
}
.btn-curve.btn-wit {
	background: #fff;
	border-color: #fff
}
.btn-curve.btn-wit:after {
	background: #090909
}
.btn-curve.btn-wit span {
	color: #1e1e1e
}
.btn-curve.btn-wit:hover span {
	color: #fff
}
.btn-curve.btn-radius {
	border-radius: 30px
}
.cursor {
	width: 15px;
	height: 15px;
	background-color: #ccc;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	left: -5px;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	Pointer-events: none;
	z-index: 9999999999;
	opacity: .8
}
.cursor2 {
	display: none
}
.progress-wrap {
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 44px;
	width: 44px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 0 2px rgba(130,130,130,.2);
	box-shadow: inset 0 0 0 2px rgba(130,130,130,.2);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.progress-wrap::after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: '\f077';
	text-align: center;
	line-height: 44px;
	font-size: 13px;
	font-weight: 900;
	color: #6c6d6d;
	left: 0;
	top: 0;
	height: 44px;
	width: 44px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.progress-wrap svg path {
	fill: none
}
.progress-wrap svg.progress-circle path {
	stroke: #6c6d6d;
	stroke-width: 4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.progress-wrap {
	-webkit-box-shadow: inset 0 0 0 2px rgba(130,130,130,.2);
	box-shadow: inset 0 0 0 2px rgba(130,130,130,.2)
}
.progress-wrap::after {
	color: #6c6d6d
}
.progress-wrap svg.progress-circle path {
	stroke: #6c6d6d
}
.splitting.animated .char {
	-webkit-animation: fadeInUp .4s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .4s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(30ms * var(--char-index));
animation-delay:calc(30ms * var(--char-index))
}
.splitting .whitespace {
	width: 10px
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.splitting.txt.animated .char {
	-webkit-animation: fadeIn .3s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeIn .3s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(10ms * var(--char-index));
animation-delay:calc(10ms * var(--char-index))
}
.splitting.txt .whitespace {
	width: 5px
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.imgio {
	position: relative
}
.imgio .cimgio {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	right: 0;
	background: #fff;
	visibility: visible!important;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.imgio .animated {
	height: 0
}
.cimgio[data-delay="100"] {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}
.cimgio[data-delay="200"] {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.cimgio[data-delay="300"] {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.cimgio[data-delay="400"] {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.cimgio[data-delay="500"] {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.cimgio[data-delay="600"] {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.cimgio[data-delay="700"] {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.cimgio[data-delay="800"] {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.cimgio[data-delay="900"] {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.cimgio[data-delay="1s"] {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.topnav {
	position: fixed;
	top: 0!important;
	left: 0;
	width: 100%;
	z-index: 999999;
	padding: 0;
	color: #fff;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s
}
.topnav .container, .topnav .container-fluid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.topnav .container-fluid {
	padding: 0 50px;
	padding-left: 0
}
.topnav.nav-scroll .container-fluid {
	padding-left: 50px
}
.topnav .menu-icon {
	margin-left: auto;
	top: 50px;
	position: relative;
	cursor: pointer;
	left: -30px
}
.topnav .menu-icon:hover .text .char {
	-webkit-animation: fadeInUp .3s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .3s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(30ms * var(--char-index));
animation-delay:calc(30ms * var(--char-index))
}
.topnav .menu-icon .text {
	font-size: 13px;
	font-weight: 500;
	padding-left: 15px;
	display: table-cell;
	vertical-align: middle;
	position: relative
}
.topnav .menu-icon .text:after {
	content: 'close';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-left: 15px;
	opacity: 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.topnav .menu-icon .text .word {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.topnav .menu-icon .text.open .word {
	opacity: 0;
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.topnav .menu-icon .text.open:after {
	opacity: 1;
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.topnav .menu-icon .icon {
	display: table-cell
}
.topnav .menu-icon .icon i {
	display: block;
	width: 20px;
	height: 2px;
	background: #fff;
	margin: 4px 0
}
.topnav.dark .menu-icon {
	color: #000
}
.topnav.dark .menu-icon .icon i {
	background: #000
}
.topnav.dark.navlit .menu-icon {
	color: #fff
}
.topnav.dark.navlit .menu-icon .icon i {
	background: #fff
}
.nav-scroll {
	background: #222
}
.hamenu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100vh;
	background: #222;
	padding: 150px 30px 30px;
	overflow: hidden;
	z-index: 9999;
	-webkit-transition: all .5s cubic-bezier(1, 0, .55, 1);
	-o-transition: all .5s cubic-bezier(1, 0, .55, 1);
	transition: all .5s cubic-bezier(1, 0, .55, 1)
}
.hamenu.open .menu-links .main-menu>li .link {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.hamenu.open .cont-info:after {
	height: 100vh;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.hamenu.open .cont-info .item {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.hamenu .menu-links {
	color: #fff;
	margin-top: 30px
}
.hamenu .menu-links .o-hidden {
	display: inline-block
}
.hamenu .menu-links .main-menu {
	position: relative;
	z-index: 2
}
.hamenu .menu-links .main-menu.gosub>li {
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: .2s!important;
	-o-transition-delay: .2s!important;
	transition-delay: .2s!important
}
.hamenu .menu-links .main-menu.gosub>li .link {
	-webkit-transform: translateY(45px)!important;
	-ms-transform: translateY(45px)!important;
	transform: translateY(45px)!important;
	opacity: 0!important;
	visibility: hidden!important;
	-webkit-transition-delay: .2s!important;
	-o-transition-delay: .2s!important;
	transition-delay: .2s!important
}
.hamenu .menu-links .main-menu.gosub .sub-menu.sub-open {
	z-index: 3!important;
	opacity: 1!important;
	visibility: visible!important
}
.hamenu .menu-links .main-menu>li {
	font-size: 28px;
	font-weight: 500;
	padding: 5px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.hamenu .menu-links .main-menu>li span.nm {
	opacity: .8;
	font-size: 11px;
	margin-right: 10px
}
.hamenu .menu-links .main-menu>li .link {
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	cursor: pointer
}
.hamenu .menu-links .main-menu>li .link i {
	font-size: 15px;
	margin-left: 5px
}
.hamenu .menu-links .main-menu .sub-menu {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.hamenu .menu-links .main-menu .sub-menu.sub-open {
	z-index: 3
}
.hamenu .menu-links .main-menu .sub-menu.sub-open li .sub-link {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.hamenu .menu-links .main-menu .sub-menu li {
	color: #eee;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 8px 10px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}
.hamenu .menu-links .main-menu .sub-menu li:hover {
	color: #fff
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link {
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link.back {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link.back i {
	margin-left: 10px
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link em {
	font-size: 13px;
	font-weight: 300;
	margin-left: 10px
}
.hamenu .cont-info {
	color: #fff;
	margin-top: 50px;
	position: relative;
	box-shadow: unset
}
.hamenu .cont-info:after {
	content: '';
	width: 1px;
	height: 0;
	background: rgba(255,255,255,.1);
	position: absolute;
	left: -40px;
	top: -200px;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s
}
.hamenu .cont-info .item {
	margin-bottom: 30px;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	opacity: 0;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s
}
.hamenu .cont-info .item:last-of-type {
	margin-bottom: 0
}
.hamenu .cont-info .item h6 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px
}
.slider.fixed-slider {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}
.slider .parallax-slider {
	position: relative
}
.slider .parallax-slider .swiper-slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 100vh;
	padding-bottom: 50px
}
.slider .parallax-slider .swiper-slide .bg-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover
}
.slider .parallax-slider .swiper-slide-active .caption h1 {
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}
.slider .parallax-slider .swiper-slide-active .caption h1 .char {
	-webkit-animation: fadeInUp .5s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .5s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(60ms * var(--char-index));
animation-delay:calc(60ms * var(--char-index))
}
.slider .parallax-slider .swiper-slide-active .caption .dis, .slider .parallax-slider .swiper-slide-active .caption h1 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.slider .parallax-slider .swiper-slide-active .caption .dis {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.slider .parallax-slider .swiper-slide-active .caption.clasc .btn-curve, .slider .parallax-slider .swiper-slide-active .caption.clasc p {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.slider .parallax-slider .caption h1 {
	font-size: 80px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s, visibility .5s;
	-o-transition: opacity .5s, visibility .5s;
	transition: opacity .5s, visibility .5s;
	text-align: center;
	text-transform: uppercase
}
.slider .parallax-slider .caption h1 .stroke {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.slider .parallax-slider .caption h1 .stroke span {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.slider .parallax-slider .caption .dis {
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 4px;
	text-transform: uppercase;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	position: relative;
	padding-left: 80px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.slider .parallax-slider .caption .dis:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	top: 50%
}
.slider .parallax-slider .caption .dis:hover .char {
	-webkit-animation: fadeIn .4s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeIn .4s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(30ms * var(--char-index));
animation-delay:calc(30ms * var(--char-index))
}
.slider .parallax-slider .caption.clasc h1 {
	font-size: 55px;
	font-weight: 600
}
.slider .parallax-slider .caption.clasc p {
	color: #eee;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.slider .parallax-slider .caption.clasc .btn-curve {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.slider .parallax-slider .social {
	position: absolute;
	left: 50px;
	bottom: 20px;
	z-index: 6
}
.slider .parallax-slider .social.active a {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible
}
.slider .parallax-slider .social .icon {
	color: #fff;
	margin-right: 10px;
	cursor: pointer
}
.slider .parallax-slider .social a {
	color: #fff;
	font-size: 11px;
	margin-right: 7px;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.center-slider {
	text-align: center
}
.center-slider .parallax-slider .caption h1 {
	font-size: 85px;
	font-weight: 800;
	letter-spacing: 4px
}
.slide-full .swiper-slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 100vh;
	padding-bottom: 50px
}
.slide-full .swiper-slide .bg-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover
}
.slide-full .capt {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3
}
.slide-full .capt h1 {
	font-size: 5vw;
	font-weight: 600;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s, visibility .5s;
	-o-transition: opacity .5s, visibility .5s;
	transition: opacity .5s, visibility .5s
}
.slide-full .capt h1 .stroke {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.slide-full .capt h1 .stroke span {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.slide-full .capt .dis {
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 4px;
	text-transform: uppercase;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	position: relative;
	padding-left: 80px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px)
}
.slide-full .capt .dis:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	top: 50%
}
.slide-full .capt .dis:hover .char {
	-webkit-animation: fadeIn .4s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeIn .4s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(30ms * var(--char-index));
animation-delay:calc(30ms * var(--char-index))
}
.slide-full .social {
	position: absolute;
	left: 50px;
	bottom: 20px;
	z-index: 6
}
.slide-full .social.active a {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible
}
.slide-full .social .icon {
	color: #fff;
	margin-right: 10px;
	cursor: pointer
}
.slide-full .social a {
	color: #fff;
	font-size: 11px;
	margin-right: 7px;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.slide-full .swiper-slide-active .capt h1 {
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}
.slide-full .swiper-slide-active .capt h1 .char {
	-webkit-animation: fadeInUp .5s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .5s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(60ms * var(--char-index));
animation-delay:calc(60ms * var(--char-index))
}
.slide-full .swiper-slide-active .capt .dis, .slide-full .swiper-slide-active .capt h1 {
	opacity: 1!important;
	visibility: visible!important;
	-webkit-transform: translateY(0)!important;
	-ms-transform: translateY(0)!important;
	transform: translateY(0)!important
}
.slide-full .swiper-slide-active .capt .dis {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.page-header {
	background: #090909;
	color: #fff
}
.page-header .cont {
	padding: 220px 0 120px
}
.page-header .cont h4 {
	line-height: 1.6
}
.page-header .cont h4 .stroke {
	font-weight: 900;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(255,255,255,.7);
	color: transparent
}
.page-header .img-wrapper {
	position: relative;
	min-height: 60vh
}
.page-header .img-wrapper .title {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-50%);
	z-index: 3
}
.page-header .img-wrapper .title h3 {
	font-size: 100px;
	font-weight: 900;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.page-header .img-wrapper .map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.page-header.proj-det .img-wrapper {
	min-height: 80vh
}
.page-header.blg .cont {
	padding: 220px 0
}
.page-header.blg .cont h2 {
	line-height: 1.6;
	margin-bottom: 10px
}
.page-header.blg .cont .info a {
	margin: 0 10px;
	font-size: 13px;
	color: #aaa
}
.slide-controls .swiper-pagination-fraction {
	position: absolute;
	right: 50px;
	left: auto;
	bottom: 20px;
	top: auto;
	width: auto;
	color: #fff
}
.slide-controls .swiper-pagination-fraction .swiper-pagination-current {
	font-size: 20px;
	position: relative
}
.slide-controls .swiper-pagination-fraction .swiper-pagination-current:after {
	content: '/';
	position: relative;
	margin: 0 10px;
	font-size: 12px
}
.slide-controls .swiper-button-next, .slide-controls .swiper-button-prev {
	position: absolute;
	width: 48px;
	height: 48px;
	bottom: auto;
	top: 50%;
	left: auto;
	right: 50px;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all .7s cubic-bezier(1, 0, .25, 1);
	-o-transition: all .7s cubic-bezier(1, 0, .25, 1);
	transition: all .7s cubic-bezier(1, 0, .25, 1)
}
.slide-controls .swiper-button-next:after, .slide-controls .swiper-button-prev:after {
	display: none
}
.slide-controls .swiper-button-next:hover, .slide-controls .swiper-button-prev:hover {
	background: rgba(255,255,255,.1)
}
.slide-controls .swiper-button-next i, .slide-controls .swiper-button-prev i {
	position: absolute;
	top: 16px;
	left: 22px;
	-webkit-transition: all .7s cubic-bezier(1, 0, .25, 1);
	-o-transition: all .7s cubic-bezier(1, 0, .25, 1);
	transition: all .7s cubic-bezier(1, 0, .25, 1)
}
.slide-controls .swiper-button-next i:after, .slide-controls .swiper-button-prev i:after {
	content: '';
	width: 45px;
	height: 1px;
	position: absolute;
	background: rgba(255,255,255,.5);
	-webkit-transition: all .7s cubic-bezier(1, 0, .25, 1);
	-o-transition: all .7s cubic-bezier(1, 0, .25, 1);
	transition: all .7s cubic-bezier(1, 0, .25, 1)
}
.slide-controls .swiper-button-next:hover {
	right: 45px
}
.slide-controls .swiper-button-next:hover i {
	left: 30px
}
.slide-controls .swiper-button-next:hover i:after {
	width: 20px
}
.slide-controls .swiper-button-next i:after {
	top: 6px;
	right: 5px
}
.slide-controls .swiper-button-prev {
	right: auto;
	left: 50px
}
.slide-controls .swiper-button-prev:hover {
	left: 45px
}
.slide-controls .swiper-button-prev:hover i {
	left: 10px
}
.slide-controls .swiper-button-prev:hover i:after {
	width: 20px
}
.slide-controls .swiper-button-prev i {
	left: 18px
}
.slide-controls .swiper-button-prev i:after {
	top: 6px;
	left: 5px
}
.about .items {
	padding: 60px 40px;
	-webkit-transition: border .3s;
	-o-transition: border .3s;
	transition: border .3s
}
.about .items .icon {
	font-size: 70px;
	margin-bottom: 30px
}
.about .items .icon svg {
	width: 1em;
	height: 1em
}
.about .items h5 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px
}
.about .items .more-stroke {
	margin-top: 30px
}
.about .items .more-stroke span {
	width: 0;
	height: 2px;
	background: #1a1d1c;
	position: relative
}
.about .items .more-stroke span:after, .about .items .more-stroke span:before {
	content: '';
	width: 0;
	height: 2px;
	background: #1a1d1c;
	position: absolute;
	right: -1px
}
.about .items .more-stroke span:after {
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	top: -4px
}
.about .items .more-stroke span:before {
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
	top: 4px
}
.about .items.active {
	background: #f9f9f9;
	-webkit-transition: border .4s, background .2s;
	-o-transition: border .4s, background .2s;
	transition: border .4s, background .2s
}
.about .items.active .more-stroke span {
	width: 30px;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s
}
.about .items.active .more-stroke span:after, .about .items.active .more-stroke span:before {
	width: 12px;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.about .items:hover .more-stroke span {
	width: 30px
}
.about .items:hover .more-stroke span:after, .about .items:hover .more-stroke span:before {
	width: 12px
}
.about.blc {
	background-color: #080808;
	color: #fff
}
.about.blc:before {
	background-image: url(../index.html);
	background-repeat: repeat;
	background-size: 40%;
	opacity: .015
}
.about.blc .extra-text {
	color: #ddd
}
.about.blc .sub-title {
	color: #ccc
}
.about.blc .sub-title:after {
	background: #eee
}
.about.blc .section-head h6 {
	color: #ccc
}
.about.blc .items {
	border: 1px solid transparent
}
.about.blc .items .icon {
	font-size: 60px;
	color: #eee
}
.about.blc .items.active {
	background: #0e0e0e;
	border-color: rgba(255,255,255,.5)
}
.about.blc .items .more-stroke span, .about.blc .items .more-stroke span:after, .about.blc .items .more-stroke span:before {
	background: #fff
}
.intro-section .item h6 {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 10px
}
.work-carousel.gray .swiper-slide:hover .img {
	-webkit-box-shadow: 0 40px 30px -40px rgba(0,0,0,.3);
	box-shadow: 0 40px 30px -40px rgba(0,0,0,.3)
}
.work-carousel.gray .swiper-slide:hover .img .bg-img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
.work-carousel.gray .swiper-slide:hover .img:after {
	opacity: 1!important
}
.work-carousel.gray .swiper-slide:hover .content .cont h4, .work-carousel.gray .swiper-slide:hover .content .cont h6 {
	opacity: 1!important;
	visibility: visible!important;
	-webkit-transform: translateY(0)!important;
	-ms-transform: translateY(0)!important;
	transform: translateY(0)!important
}
.work-carousel.gray .swiper-slide-active .img {
	-webkit-box-shadow: none;
	box-shadow: none
}
.work-carousel.gray .swiper-slide-active .img:after {
	opacity: 0!important
}
.work-carousel.gray .swiper-slide-active .content .cont h6 {
	-webkit-transform: translateY(-20px)!important;
	-ms-transform: translateY(-20px)!important;
	transform: translateY(-20px)!important
}
.work-carousel.gray .swiper-slide-active .content .cont h4 {
	-webkit-transform: translateY(20px)!important;
	-ms-transform: translateY(20px)!important;
	transform: translateY(20px)!important
}
.work-carousel.gray .swiper-slide-active .content .cont h4, .work-carousel.gray .swiper-slide-active .content .cont h6 {
	opacity: 0!important;
	visibility: hidden!important
}
.work-carousel.gray .content .img {
	width: 100%;
	height: 500px
}
.work-carousel.gray .content .img .bg-img {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.work-carousel.gray .content .cont h6 {
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
.work-carousel.gray .content .cont h4 {
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
.work-carousel .swiper-slide {
	padding: 0 10px 50px
}
.work-carousel .swiper-slide .img {
	border-radius: 3px;
	overflow: hidden;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.work-carousel .swiper-slide-active .img {
	-webkit-box-shadow: 0 40px 30px -40px rgba(0,0,0,.3);
	box-shadow: 0 40px 30px -40px rgba(0,0,0,.3)
}
.work-carousel .swiper-slide-active .img:after {
	opacity: 1!important
}
.work-carousel .swiper-slide-active .cont h4, .work-carousel .swiper-slide-active .cont h6 {
	opacity: 1!important;
	visibility: visible!important;
	-webkit-transform: translateY(0)!important;
	-ms-transform: translateY(0)!important;
	transform: translateY(0)!important
}
.work-carousel .swiper-pagination-progressbar {
	position: absolute;
	bottom: 0;
	top: auto;
	right: auto;
	left: calc(50% - 120px);
	width: 240px;
	height: 2px;
	border-radius: 10px;
	background: #eee
}
.work-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	border-radius: 10px;
	background: #1e1e1e
}
.work-carousel .swiper-button-next, .work-carousel .swiper-button-prev {
	color: #000;
	width: 60px;
	height: 60px;
	border-radius: 0;
	border: 0;
	background: #fff;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.work-carousel .swiper-button-next:after, .work-carousel .swiper-button-prev:after {
	display: none
}
.work-carousel:hover .swiper-button-next, .work-carousel:hover .swiper-button-prev {
	opacity: 1
}
.work-carousel .content {
	position: relative
}
.work-carousel .content .img {
	position: relative;
	line-height: 0
}
.work-carousel .content .img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.7)), to(transparent));
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7), transparent);
	background: -o-linear-gradient(bottom, rgba(0,0,0,.7), transparent);
	background: linear-gradient(to top, rgba(0,0,0,.7), transparent);
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.work-carousel .content .cont {
	position: absolute;
	bottom: 40px;
	left: 40px;
	color: #fff
}
.work-carousel .content .cont h6 {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.work-carousel .content .cont h4 {
	font-weight: 700;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.work-carousel.mcolumn .swiper-slide {
	padding: 0
}
.work-carousel.mcolumn .swiper-slide .img {
	border-radius: 0
}
.work-carousel.mcolumn .swiper-slide-active .img {
	-webkit-box-shadow: none;
	box-shadow: none
}
.work-carousel.mcolumn .swiper-slide-active .img:after {
	opacity: 1!important
}
.portfolio .filtering {
	text-align: center;
	margin-bottom: 20px
}
.portfolio .filtering span {
	font-weight: 500;
	margin: 0 20px;
	cursor: pointer;
	position: relative
}
.portfolio .filtering span.active {
	color: #24d5b4
}
.portfolio .filtering span:after {
	content: '';
	width: 7px;
	height: 7px;
	background: #eee;
	border-radius: 50%;
	position: absolute;
	right: -24px;
	top: 40%
}
.portfolio .filtering span:last-of-type:after {
	display: none
}
.portfolio .gallery .items {
	margin-top: 40px;
	padding: 0 20px
}
.portfolio .gallery .items .item-img {
	border-radius: 5px;
	overflow: hidden;
	position: relative
}
.portfolio .gallery .items .item-img>a {
	display: block
}
.portfolio .gallery .items .item-img:hover img {
	-webkit-filter: blur(2px);
	filter: blur(2px)
}
.portfolio .gallery .items .item-img:hover .item-img-overlay {
	opacity: 1;
	visibility: visible
}
.portfolio .gallery .items .item-img:hover .overlay-info {
	opacity: 1
}
.portfolio .gallery .items .item-img:hover .overlay-info .char {
	-webkit-animation: fadeInUp .3s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .3s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(20ms * var(--char-index));
animation-delay:calc(20ms * var(--char-index))
}
.portfolio .gallery .items .item-img img {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.portfolio .gallery .items .item-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(38,38,40,.5);
	text-align: center;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	visibility: hidden
}
.portfolio .gallery .items .overlay-info {
	opacity: 0
}
.portfolio .gallery .items .overlay-info h5 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-transform: lowercase
}
.portfolio.gutter .filtering {
	margin-bottom: 0
}
.portfolio.gutter .gallery .items {
	margin-top: 80px;
	padding: 0 40px
}
.portfolio.gutter .gallery .items .item-img {
	border-radius: 0
}
.portfolio.gutter .gallery .items .overlay-info h5 {
	font-size: 28px
}
.slider-portfolio .swiper-slide {
	min-height: 100vh
}
.slider-portfolio .swiper-slide .bg-img {
	height: 75vh;
	margin-top: 20vh;
	background-size: cover;
	background-position: center center
}
.slider-portfolio .swiper-slide .caption {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3
}
.slider-portfolio .swiper-slide .caption h1 {
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s, visibility .5s;
	-o-transition: opacity .5s, visibility .5s;
	transition: opacity .5s, visibility .5s
}
.slider-portfolio .swiper-slide .caption h1 .stroke {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.slider-portfolio .swiper-slide .caption .dis {
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 4px;
	text-transform: uppercase;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	position: relative;
	padding-left: 80px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px)
}
.slider-portfolio .swiper-slide .caption .dis:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	top: 50%
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption h1 {
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption h1 .char {
	-webkit-animation: fadeInUp .5s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .5s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(60ms * var(--char-index));
animation-delay:calc(60ms * var(--char-index))
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption .dis, .slider-portfolio .swiper-slide.swiper-slide-active .caption h1 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption .dis {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.process .section-head {
	margin-bottom: 20px
}
.process .bg-box {
	position: relative
}
.process .background {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 80px;
	background-size: cover;
	background-position: center center!important
}
.process .background .vid {
	position: absolute;
	left: 25%;
	top: calc(50% - 50px);
	text-align: center;
	z-index: 8
}
.process .background .vid .vid-butn {
	width: 100%
}
.process .background .vid .vid-butn:hover .icon {
	color: #fff
}
.process .background .vid .vid-butn:hover .icon:before {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.process .background .vid .vid-butn .icon {
	color: #212529;
	width: 100px;
	height: 100px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 50%;
	line-height: 100px;
	text-align: center;
	font-size: 17px;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.process .background .vid .vid-butn .icon:after {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 5px;
	left: 5px;
	border: 1px solid #eee;
	border-radius: 50%;
	z-index: -1
}
.process .background .vid .vid-butn .icon:before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 5px;
	left: 5px;
	background: #fff;
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
	-o-transition: all .5s cubic-bezier(1, 0, 0, 1);
	transition: all .5s cubic-bezier(1, 0, 0, 1)
}
.process .content {
	padding: 80px 40px;
	background: #222;
	color: #fff
}
.process .content h4 {
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 50px;
	font-size: 30px
}
.process .content ul {
	margin: 0
}
.process .content ul li {
	margin-bottom: 30px
}
.process .content ul li span {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent;
	font-size: 60px;
	display: table-cell;
	width: 100px;
	line-height: 1
}
.process .content ul li .cont {
	display: table-cell;
	vertical-align: middle
}
.process .content ul li .cont h5 {
	font-size: 17px;
	margin-bottom: 10px
}
.process .content ul li .cont p {
	font-size: 14px;
	font-weight: 300;
	color: #eee;
	opacity: .7
}
.process .content ul li:last-of-type {
	margin-bottom: 0
}
.video-wrapper {
	min-height: 500px
}
.video-wrapper .vid {
	position: relative;
	z-index: 8
}
.video-wrapper .vid .vid-butn:hover .icon {
	color: #fff
}
.video-wrapper .vid .vid-butn:hover .icon:before {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.video-wrapper .vid .vid-butn .icon {
	color: #212529;
	width: 100px;
	height: 100px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 50%;
	line-height: 100px;
	text-align: center;
	font-size: 17px;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.video-wrapper .vid .vid-butn .icon:after {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 5px;
	left: 5px;
	border: 1px solid #eee;
	border-radius: 50%;
	z-index: -1
}
.video-wrapper .vid .vid-butn .icon:before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 5px;
	left: 5px;
	background: #fff;
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
	-o-transition: all .5s cubic-bezier(1, 0, 0, 1);
	transition: all .5s cubic-bezier(1, 0, 0, 1)
}
.testimonials {
	position: relative;
	z-index: 3
}
.testimonials:after {
	content: '';
	width: 58.333333%;
	position: absolute;
	top: -80px;
	bottom: 0;
	left: 0;
	background: #f9f9f9;
	z-index: -1
}
.testimonials.no-bg {
	padding-top: 0;
	z-index: -1
}
.testimonials.no-bg:after {
	display: none
}
.testimonials.no-bg .text-bg {
	position: relative;
	left: -10%;
	top: -40px;
	margin-bottom: 60px;
	font-size: 11vw;
	font-weight: 900;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #555;
	color: transparent;
	line-height: 1;
	opacity: .2;
	z-index: -1
}
.testimonials .title h5 {
	color: #000;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg)
}
.testimonials .quote-text {
	position: relative
}
.testimonials .quote-text .quote-icon {
	position: absolute;
	right: 100px;
	bottom: -30px;
	width: 70px
}
.testimonials p {
	font-size: 22px;
	font-weight: 300;
	line-height: 2;
	color: #18171b
}
.testimonials .info {
	text-align: center
}
.testimonials .author {
	width: 90px;
	height: 90px;
	margin: auto;
	overflow: hidden
}
.testimonials h6 {
	font-weight: 700;
	letter-spacing: 2px;
	padding-top: 15px
}
.testimonials h6 span {
	display: block;
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: #212529;
	margin-top: 10px
}
.testimonials .navs span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.1);
	color: #212529;
	font-size: 18px;
	position: absolute;
	top: 50%;
	cursor: pointer
}
.testimonials .navs span:hover {
	background: #212529;
	color: #fff
}
.testimonials .navs .next {
	right: 30px
}
.testimonials .navs .prev {
	left: 30px
}
.agency .content h4 {
	font-weight: 700;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 20px
}
.agency .content ul {
	margin: 0
}
.agency .content ul li {
	margin-top: 25px;
	padding-left: 25px;
	position: relative
}
.agency .content ul li:after {
	content: '';
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px
}
.agency .img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}
.agency .img .imgone {
	width: 55%;
	position: relative;
	bottom: -80px;
	margin-bottom: 80px;
	border-radius: 4px;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	overflow: hidden
}
.agency .img .imgtwo {
	width: 55%;
	position: absolute;
	right: 0;
	border-radius: 4px;
	border: 5px solid #fff;
	-webkit-box-shadow: -15px 10px 30px rgba(0,0,0,.05);
	box-shadow: -15px 10px 30px rgba(0,0,0,.05);
	overflow: hidden;
	z-index: 2
}
.agency .img .icon {
	width: 100px;
	height: 100px;
	line-height: 135px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	bottom: 20%;
	left: 40%;
	z-index: 3
}
.agency .img .icon:after {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	background: rgba(255,255,255,.2);
	border-radius: 50%;
	z-index: -1
}
.agency .img .icon svg {
	fill: #f26b35;
	width: 90px
}
.agency .img .exp {
	position: absolute;
	right: 0;
	bottom: 0
}
.agency .img .exp h6 {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	position: relative
}
.agency .img .exp h6:after {
	content: '';
	width: 30px;
	height: 1px;
	background: #f26b35;
	position: absolute;
	left: -40px;
	top: 45%
}
.agency .img .exp h2 {
	font-size: 70px;
	font-weight: 700
}
.agency .imgsec {
	padding-right: 30px
}
.agency .imgsec .imgone {
	position: relative;
	top: -20px
}
.agency .imgsec .imgtwo {
	position: relative;
	bottom: -20px
}
.agency .imgsec .exp {
	padding-left: 40px
}
.agency .imgsec .exp h6 {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	position: relative
}
.agency .imgsec .exp h6:after {
	content: '';
	width: 30px;
	height: 1px;
	background: #24d5b4;
	position: absolute;
	left: -40px;
	top: 45%
}
.agency .imgsec .exp h2 {
	font-size: 70px;
	font-weight: 700
}
.about-us .img {
	height: 400px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}
.min-area .img {
	padding: 80px 0 100px 80px;
	position: relative;
	z-index: 3
}
.min-area .img:after {
	content: '';
	position: absolute;
	top: 0;
	right: 120px;
	bottom: 0;
	left: -300px;
	background: #f3f3f3;
	z-index: -1
}
.min-area .content {
	padding-left: 40px
}
.min-area .content h4 {
	font-weight: 700;
	font-size: 40px;
	line-height: 1.5;
	margin-bottom: 20px
}
.min-area .content ul {
	margin: 0
}
.min-area .content ul li {
	margin-top: 25px;
	padding-left: 25px;
	position: relative
}
.min-area .content ul li:after {
	content: '';
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px
}
.min-area .content ul.feat li {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #eee
}
.min-area .content ul.feat li:last-of-type {
	padding: 0;
	border: 0
}
.min-area .content ul.feat li:after {
	display: none
}
.min-area .content ul.feat li h6 {
	margin-bottom: 5px
}
.min-area .content ul.feat li h6 span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin-right: 10px
}
.min-area .content ul.feat li p {
	padding-left: 45px
}
.clients .brands {
	padding: 120px 50px;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,.08)
}
.clients .brands:last-of-type {
	border-right: 0
}
.clients .brands:hover .img {
	opacity: 1;
	filter: grayscale(1)
}
.clients .brands:hover .link {
	opacity: 1!important;
	-webkit-transition: all 0;
	-o-transition: all 0;
	transition: all 0
}
.clients .brands:hover .char {
	-webkit-animation: fadeInUp .3s cubic-bezier(.3, 0, .7, 1) both;
	animation: fadeInUp .3s cubic-bezier(.3, 0, .7, 1) both;
-webkit-animation-delay:calc(20ms * var(--char-index));
animation-delay:calc(20ms * var(--char-index))
}
.clients .brands .item {
	position: relative;
	text-align: center
}
.clients .brands .item .link {
	font-size: 16px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.clients .brands .img {
	max-width: 85px;
	margin: auto;
	position: relative;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.clients .brands .img-cont {
	width: 50%;
	margin: auto;
	position: relative;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.clients .bord {
	border-bottom: 1px solid rgba(0,0,0,.08)
}
.team .item .img {
	position: relative;
	overflow: hidden
}
.team .item .img .info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	background: #fff;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.team .item .img .info h6 {
	font-size: 16px;
	margin-bottom: 2px
}
.team .item .img .info .social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 5px
}
.team .item .img .info .social a {
	width: 100%;
	padding: 5px;
	border-right: 1px solid #eee
}
.team .item .img .info .social a:last-of-type {
	border: 0
}
.team .item .img:hover .info {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.team .item .img.filter img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.team .item .img img {
	-webkit-transition: -webkit-filter .5s!important;
	transition: -webkit-filter .5s!important;
	-o-transition: filter .5s!important;
	transition: filter .5s!important;
	transition: filter .5s, -webkit-filter .5s!important
}
.blog .stories {
	position: relative;
	padding: 20px
}
.blog .controls {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	line-height: 100px;
	text-align: center;
	background: #fff;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(34% - 50px);
	z-index: 3
}
.blog .controls:after {
	content: '';
	position: absolute;
	right: -10px;
	top: -10px;
	bottom: -10px;
	left: -10px;
	background: rgba(220,220,220,.2);
	border-radius: 50%;
	z-index: -1
}
.blog .controls .swiper-button-next.next-ctrl, .blog .controls .swiper-button-prev.prev-ctrl {
	position: absolute;
	left: calc(50% - 15px);
	right: auto;
	color: #ccc;
	z-index: 4;
	cursor: pointer;
	font-size: 28px;
	width: 30px;
	height: 30px
}
.blog .controls .swiper-button-next.next-ctrl:after, .blog .controls .swiper-button-prev.prev-ctrl:after {
	display: none
}
.blog .controls .swiper-button-next.next-ctrl {
	top: 22px;
	bottom: auto
}
.blog .controls .swiper-button-prev.prev-ctrl {
	bottom: 0;
	top: auto
}
.blog .controls .swiper-pagination-fraction {
	position: static
}
.blog .controls .swiper-pagination-fraction span {
	margin: 0 7px;
	font-weight: 600;
	color: #24d5b4
}
.blog .controls .swiper-pagination-fraction .swiper-pagination-current {
	position: relative
}
.blog .controls .swiper-pagination-fraction .swiper-pagination-current:after {
	content: "/";
	position: absolute;
	right: -11px;
	top: 0;
	font-size: 10px;
	color: #ccc
}
.blog .item .img {
	border-radius: 3px;
	overflow: hidden
}
.blog .item .content {
	padding: 30px 65px;
	text-align: center
}
.blog .item .content .tags {
	color: #212529;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	margin-bottom: 20px
}
.blog .item .content .tags a {
	margin: 0 7px
}
.blog .item .content .info {
	margin-bottom: 10px
}
.blog .item .content .info a {
	margin: 0 10px;
	font-weight: 400;
	color: #777
}
.blog .item .content .title {
	margin-bottom: 10px
}
.blog .item .content .title h4 {
	font-weight: 700;
	line-height: 1.5
}
.blog .item .content .more a {
	color: #212529;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.blog-grid {
	position: relative
}
.blog-grid .bg-pattern {
	position: absolute;
	width: 100%;
	height: 50% !important;
	left: 0;
	top: 0;
	z-index: -1
}
.blog-grid .item .post-img .img {
	overflow: hidden
}
.blog-grid .item .post-img:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.blog-grid .item .post-img img {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.blog-grid .item .cont {
	text-align: center;
	position: relative;
	padding: 40px 30px;
	background: #fafafa;
	min-height:300px
}
.blog-grid .item .info {
	margin-bottom: 15px
}
.blog-grid .item .info a {
	color: #666;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 10px
}
.blog-grid .item .info a:last-of-type {
	margin-right: 0
}
.blog-grid .item .info a i {
	margin-right: 2px
}
.blog-grid .item .info .tag {
	color: #24d5b4;
	font-weight: 600;
	float: right
}
.blog-grid .item h5 {
	    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 15px;
	
}

.blog-grid .item .more {
	color: #666;
	border-bottom: 1px solid #bababa;
	font-style: normal;
}
.blog-pg .posts .item .content {
	padding-top: 25px
}
.blog-pg .posts .item .content .tags {
	margin-bottom: 10px
}
.blog-pg .posts .item .content .tags a {
	font-size: 12px;
	font-weight: 500;
	color: #888;
	padding-right: 20px;
	position: relative
}
.blog-pg .posts .item .content .tags a:after {
	content: '';
	width: 8px;
	height: 2px;
	background: #ccc;
	position: absolute;
	right: 4px;
	top: 50%
}
.blog-pg .posts .item .content .tags a:last-of-type {
	padding-right: 0
}
.blog-pg .posts .item .content .tags a:last-of-type:after {
	display: none
}
.blog-pg .posts .item .content h4 {
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 5px
}
.blog-pg .posts .item .content .more {
	margin-top: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 60px;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.blog-pg .posts .item .content .more:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #090909;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.blog-pg .posts .item .content .more:hover {
	padding-left: 40px
}
.blog-pg .posts .item .content .more:hover:after {
	width: 30px
}
.blog-pg .posts .item .content .date {
	width: 100%;
	text-align: right
}
.blog-pg .posts .item .content .date a {
	padding: 15px 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center
}
.blog-pg .posts .item .content .date .num {
	display: block;
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 5px
}
.blog-pg .posts .pagination {
	margin: 80px auto 0;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	text-align: center
}
.blog-pg .posts .pagination span {
	text-align: center;
	margin: 0 2px
}
.blog-pg .posts .pagination span a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #f5f5f5;
	font-size: 18px
}
.blog-pg .posts .pagination span.active a {
	background: #090909;
	color: #fff
}
.blog-pg.single {
	position: relative;
	margin-top: -100px
}
.blog-pg.single .post .img {
	min-height: 80vh
}
.blog-pg.single .post .content p {
	color: #555;
	font-size: 16px;
	font-family: inherit;
	margin: 30px 0
}
.blog-pg.single .post .content ul li {
	margin: 10px 0
}
.blog-pg.single .post .content ul li span {
	margin-right: 10px;
	font-weight: 500;
	font-size: 13px
}
.blog-pg.single .post .content .quotes {
	background: #fafafa;
	padding: 30px;
	margin: 30px 0
}
.blog-pg.single .post .content .quotes p {
	color: #111;
	font-size: 18px;
	font-style: italic
}
.blog-pg.single .post .content .spacial p {
	color: #111;
	font-size: 18px;
	font-weight: 500
}
.blog-pg.single .post .content .share-info {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.blog-pg.single .post .content .share-info .social a {
	font-size: 13px;
	margin-right: 20px
}
.blog-pg.single .post .content .share-info .tags {
	margin-left: auto
}
.blog-pg.single .post .content .share-info .tags a {
	font-size: 12px;
	margin: 0 10px
}
.blog-pg.single .post .author {
	padding: 30px;
	margin-top: 40px;
	background: #fafafa
}
.blog-pg.single .post .author .author-img {
	display: table-cell;
	vertical-align: middle;
	width: 140px
}
.blog-pg.single .post .author .info {
	display: table-cell;
	padding-left: 40px
}
.blog-pg.single .post .author .info h6 {
	margin-bottom: 10px;
	font-size: 15px
}
.blog-pg.single .post .author .info h6 span {
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 10px
}
.blog-pg.single .post .author .info p {
	padding: 0;
	margin: 0
}
.blog-pg.single .post .author .info .social {
	margin-top: 15px;
	font-size: 13px
}
.blog-pg.single .post .author .info .social a {
	margin-right: 15px
}
.blog-pg.single .pagination {
	margin-top: 80px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.blog-pg.single .pagination span {
	width: 100%;
	padding: 20px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px
}
.blog-pg.single .pagination .icon {
	border: 0;
	width: 70px
}
.blog-pg.single .comments-area {
	margin-top: 80px
}
.blog-pg.single .comments-area .item {
	padding: 30px 0;
	margin: 30px 0;
	border-bottom: 1px solid #eee
}
.blog-pg.single .comments-area .item.relped {
	margin-left: 100px
}
.blog-pg.single .comments-area .item .comment-img {
	display: table-cell;
	width: 80px
}
.blog-pg.single .comments-area .item .info {
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
	position: relative
}
.blog-pg.single .comments-area .item .info h6 {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500
}
.blog-pg.single .comments-area .item .info h6 span {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	margin-left: 10px
}
.blog-pg.single .comments-area .item .info p {
	line-height: 1.5;
	margin-top: 10px
}
.blog-pg.single .comments-area .item .info .replay {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px
}
.blog-pg.single .comments-area .item .info .replay i {
	margin-left: 5px
}
.blog-pg.single .comment-form {
	margin-top: 80px
}
.blog-pg.single .comment-form form {
	margin-top: 50px
}
.blog-pg.single .comment-form form input, .blog-pg.single .comment-form form textarea {
	width: 100%;
	padding: 17px;
	background: #fafafa;
	border: 0
}
.blog-pg.single .comment-form form textarea {
	height: 140px
}
.blog-pg.single .comment-form form button {
	cursor: pointer
}
.contact .form input, .contact .form textarea {
	width: 100%;
	padding: 15px;
	background: 0 0;
	border: 1px solid #ddd
}
.contact .form textarea {
	height: 160px
}
.contact .cont-info .extra-title {
	font-size: 20px;
	margin-bottom: 0;
	text-align: center;
	padding: 8px;
	color: #fff;
	position: relative;
	background: #222;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase
}
.contact .cont-info h5 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 400
}
.contact .cont-info h5:last-of-type {
	color: #222;
	font-weight: 800
}
.contact .cont-info h6 {
	line-height: 1.6;
	font-size: 16;
	font-weight: 400
}
.call-action {
	background-color: #020202;
	color: #fff
}
.call-action.gray {
	background: #f8f8f8
}
.call-action.gray .content h6 {
	color: #777;
	font-size: 14px;
	font-weight: 500
}
.call-action.gray .content h6 span {
	color: #777
}
.call-action.gray .content h2 {
	font-size: 5vw;
	font-weight: 700;
	margin-bottom: 20px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333
}
.call-action.gray .content h2 b span {
	color: #333;
	-webkit-text-stroke-width: 0
}
.call-action.gray .tlink {
	border-bottom: 1px solid #333
}
.call-action:before {
	background-image: url(../index.html);
	background-repeat: repeat;
	opacity: .04
}
.call-action.nogif {
	position: relative;
	padding: 80px 0;
	background: #0a0a0a;
	z-index: 2;
	overflow: hidden
}
.call-action.nogif:before {
	display: none
}
.call-action.nogif:after {
	content: '';
	height: 0;
	width: 100%;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	-webkit-transition: height .6s cubic-bezier(.25, .8, .25, 1) 0s;
	-o-transition: height .6s cubic-bezier(.25, .8, .25, 1) 0s;
	transition: height .6s cubic-bezier(.25, .8, .25, 1) 0s;
	background: #0c0c0c;
	z-index: -1
}
.call-action.nogif:hover:after {
	height: 100%;
	top: 0;
	bottom: auto
}
.call-action .content h6 {
	color: #24d5b4;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 10px
}
.call-action .content h6 span {
	color: #24d5b4
}
.call-action .content h2 {
	font-size: 6vw;
	font-weight: 800;
	margin-bottom: 20px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: transparent
}
.call-action .content h2 span {
	color: transparent
}
.call-action .content h2 .word {
	margin-right: 15px
}
.call-action .content h2 b span {
	color: #fff;
	-webkit-text-stroke-width: 0
}
.call-action .content p {
	font-size: 17px;
	font-weight: 300
}
.call-action .tlink {
	margin-left: auto;
	border-bottom: 1px solid #eee
}
.call-action.next {
	position: relative;
	z-index: 2;
	overflow: hidden
}
.call-action.next:after {
	display: none
}
.call-action.next:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: #0a0a0a;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.call-action.next .content h2 {
	font-size: 5vw;
	font-weight: 700
}
.call-action.next .content h2 b {
	font-weight: 700
}
.call-action.next .nxt-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
	background-size: cover;
	background-position: center;
	z-index: -1;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear
}
.call-action.next:hover:before {
	opacity: .9
}
.call-action.next:hover .nxt-img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 10s linear;
	-o-transition: all 10s linear;
	transition: all 10s linear
}
.footer-sm {
	background: #060606;
	padding: 40px 0
}
.footer-sm.light {
	background: #fff
}
.footer-sm .right p {
	margin-left: auto;
	text-align: right
}
body.dark {
	color: #fff;
	background: #090909
}
body.dark .main-content {
	background: #090909
}
body.dark p {
	color: #b7b7b7
}
body.dark .pace {
	background: #080808
}
body.dark .pace .pace-progress {
	background: #ccc
}
body.dark #preloader:after, body.dark #preloader:before {
	background: #111
}
body.dark .extra-text {
	color: #ddd
}
body.dark .sub-title {
	color: #ccc
}
body.dark .sub-title:after {
	background: #eee
}
body.dark .section-head h6 {
	color: #ccc
}
body.dark .bg-gray {
	background: #1e1e1e
}
body.dark .bg-pattern:after {
	background: #000;
	opacity: .96
}
body.dark .cursor {
	background: #eee
}
body.dark .cursor2 {
	background: rgba(255,255,255,.1)
}
body.dark .imgio .cimgio {
	background: #0e0e0e
}
body.dark .about .items.active {
	background: #0e0e0e
}
body.dark .about .items .more-stroke span, body.dark .about .items .more-stroke span:after, body.dark .about .items .more-stroke span:before {
	background: #fff
}
body.dark .work-carousel .swiper-pagination-progressbar {
	background: #1e1e1e
}
body.dark .work-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #555
}
body.dark .portfolio .filtering span:after {
	background: #484848
}
body.dark .testimonials:after {
	background: #0e0e0e
}
body.dark .testimonials p {
	color: #eee
}
body.dark .testimonials h6 span {
	color: #999
}
body.dark .testimonials .navs span {
	border-color: rgba(255,255,255,.2);
	color: #ccc
}
body.dark .testimonials .quote-text .quote-icon img {
	-webkit-filter: invert(20%);
	filter: invert(20%)
}
body.dark .agency .img .imgone, body.dark .agency .img .imgtwo {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #0e0e0e
}
body.dark .agency .img .icon {
	background: #111
}
body.dark .blog-grid .item .cont, body.dark .min-area .img:after {
	background: #101010
}
body.dark .min-area .content ul.feat li, body.dark .min-area .content ul.feat li h6 span {
	border-color: #1b1a1a
}
body.dark .team .item .img .info {
	background: #090909
}
body.dark .team .item .img .info .social a {
	border-color: #0e0e0e
}
body.dark .blog .item .content .more a, body.dark .blog .item .content .tags {
	color: #fff
}
body.dark .blog .item .content .info a {
	color: #999
}
body.dark .blog .controls {
	background: #000
}
body.dark .blog-pg .posts .item .content .tags a {
	color: #ccc
}
body.dark .blog-pg .posts .item .content .tags a:after {
	background: #ccc
}
body.dark .blog-pg .posts .item .content .more:after {
	background: #fff
}
body.dark .blog-pg .posts .item .content .date a {
	border-color: #656363
}
body.dark .blog-pg .posts .pagination span a {
	background: #111
}
body.dark .blog-pg .posts .pagination span.active a {
	background: #fff;
	color: #000
}
body.dark .blog-pg.single .post .content .spacial p {
	color: #eee
}
body.dark .blog-pg.single .post .content p {
	color: #999
}
body.dark .blog-pg.single .comment-form form input, body.dark .blog-pg.single .comment-form form textarea, body.dark .blog-pg.single .post .author, body.dark .blog-pg.single .post .content .quotes {
	background: #121212;
	color: #fff
}
body.dark .blog-pg.single .comments-area .item, body.dark .blog-pg.single .pagination, body.dark .blog-pg.single .pagination span {
	border-color: #5d5d5d
}
body.dark .clients .bord, body.dark .clients .brands {
	border-color: rgba(200,200,200,.08)
}
body.dark .contact .cont-info h5:last-of-type {
	color: #fff
}
body.dark .contact .cont-info h5, body.dark .contact .cont-info h6 {
	color: #eee
}
body.dark .contact .form input, body.dark .contact .form textarea {
	color: #fff
}
@media screen and (min-width:1200px) {
.container {
	max-width: 1170px
}
}
@media screen and (max-width:991px) {
.md-mb10 {
	margin-bottom: 10px
}
.md-mb20 {
	margin-bottom: 20px
}
.md-mb30 {
	margin-bottom: 30px
}
.md-mb40 {
	margin-bottom: 40px
}
.md-mb50 {
	margin-bottom: 50px
}
.md-mb60 {
	margin-bottom: 60px
}
.md-mb70 {
	margin-bottom: 70px
}
.md-mb80 {
	margin-bottom: 80px
}
.md-pb10 {
	padding-bottom: 10px
}
.md-pb20 {
	padding-bottom: 20px
}
.md-pb30 {
	padding-bottom: 30px
}
.md-pb40 {
	padding-bottom: 40px
}
.md-pb50 {
	padding-bottom: 50px
}
.md-pb60 {
	padding-bottom: 60px
}
.md-pb70 {
	padding-bottom: 70px
}
.md-pb80 {
	padding-bottom: 80px
}
.slide-full .swiper-slide .bg-img, .slider .parallax-slider .swiper-slide .bg-img, .slider-portfolio .swiper-slide .bg-img {
	background-position: center center
}
.slide-full .capt, .slider .parallax-slider .caption, .slider-portfolio .swiper-slide .caption {
	text-align: center
}
.slide-full .capt h1, .slider .parallax-slider .caption h1, .slider-portfolio .swiper-slide .caption h1 {
	font-size: 50px
}
.slider-portfolio .swiper-slide .bg-img {
	height: 50vh;
	margin-top: 30vh
}
.slide-controls .swiper-button-next, .slide-controls .swiper-pagination-fraction {
	right: 25px
}
.slide-controls .swiper-button-prev, .slide-full .social, .slider .parallax-slider .social {
	left: 25px
}
.slide-controls.swiper-button-next:hover {
	right: 15px
}
.slide-controls .swiper-button-prev:hover {
	left: 15px
}
.intro-section .htit {
	margin-bottom: 30px
}
.agency .imgsec {
	margin-bottom: 100px
}
.agency .content h4 br {
	display: none
}
.min-area .content {
	padding: 120px 0
}
.process .section-head {
	margin-bottom: 80px
}
.process .background {
	position: relative;
	top: 0;
	bottom: 0;
	height: 350px
}
.process .background .vid {
	left: calc(50% - 50px);
	top: calc(50% - 50px)
}
.testimonials:after {
	top: 0;
	bottom: 0;
	width: 100%
}
.testimonials .slider-for {
	margin-bottom: 30px
}
.testimonials .title h5 {
	display: none
}
.agency .img {
	margin-top: 80px
}
.blog .item .content {
	padding: 30px 0 70px
}
.blog .controls {
	width: 80px;
	height: 80px;
	line-height: 80px;
	top: calc(100% - 40px);
	left: calc(50% - 40px)
}
.call-action .content h2 .word {
	margin-right: 3px
}
.clients .brands {
	padding: 50px 10px
}
.team {
	padding-top: 0
}
.page-header .img-wrapper .title h3 {
	font-size: 70px
}
.contact .form {
	margin-bottom: 50px
}
.portfolio.gutter .gallery .items {
	margin-top: 60px;
	padding: 0 30px
}
.page-header.proj-det .img-wrapper {
	min-height: 60vh
}
}
@media screen and (max-width:767px) {
.sm-mb10 {
	margin-bottom: 10px
}
.sm-mb20 {
	margin-bottom: 20px
}
.sm-mb30 {
	margin-bottom: 30px
}
.sm-mb40 {
	margin-bottom: 40px
}
.sm-mb50 {
	margin-bottom: 50px
}
.sm-mb60 {
	margin-bottom: 60px
}
.sm-mb70 {
	margin-bottom: 70px
}
.sm-mb80 {
	margin-bottom: 80px
}
.sm-pb10 {
	padding-bottom: 10px
}
.sm-pb20 {
	padding-bottom: 20px
}
.sm-pb30 {
	padding-bottom: 30px
}
.sm-pb40 {
	padding-bottom: 40px
}
.sm-pb50 {
	padding-bottom: 50px
}
.sm-pb60 {
	padding-bottom: 60px
}
.sm-pb70 {
	padding-bottom: 70px
}
.sm-pb80 {
	padding-bottom: 80px
}
h1 {
	font-size: 35px
}
h2 {
	font-size: 28px
}
h3 {
	font-size: 24px
}
h4 {
	font-size: 20px
}
h5 {
	font-size: 18px
}
h6 {
	font-size: 16px
}
.hamenu .menu-links .main-menu>li {
	font-size: 24px
}
.hamenu .menu-links .main-menu .sub-menu li {
	font-size: 18px
}
.topnav .container-fluid {
	padding: 0 30px
}
.min-area .content, .section-padding {
	padding: 100px 0
}
.section-head h6 {
	letter-spacing: 2px;
	font-size: 12px
}
.topnav .logo {
	width: 60px
}
.section-head {
	margin-bottom: 60px!important
}
.slide-full .capt h1, .slider .parallax-slider .caption h1, .slider-portfolio .swiper-slide .caption h1 {
	font-size: 40px
}
.slider .parallax-slider .caption p {
	padding: 0 30px
}
.agency .content h4, .extra-title, .min-area .content h4 {
	font-size: 30px
}
.agency .imgsec .imgtwo {
	display: none
}
.agency .imgsec .imgone:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3)
}
.agency .imgsec .exp {
	right: 30px;
	position: absolute;
	bottom: 30px;
	color: #fff;
	padding: 0;
	z-index: 2
}
.agency .imgsec .exp h6 {
	color: #eee
}
.footer-sm, .footer-sm .right p {
	text-align: center
}
.progress-wrap {
	right: 20px;
	bottom: 20px;
	width: 30px;
	height: 30px
}
.progress-wrap::after {
	width: 30px;
	height: 30px;
	line-height: 30px
}
.clients .bord {
	border: 0
}
.call-action .content h2, .call-action.next .content h2 {
	font-size: 50px
}
.blog-pg .posts .item .content {
	position: relative
}
.blog-pg .posts .item .content .col-10, .blog-pg .posts .item .content .col-2 {
	width: 100%;
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.blog-pg .posts .item .content .col-2 {
	position: absolute;
	right: 0;
	top: -90px;
	z-index: 3
}
.blog-pg .posts .item .content .date a {
	padding: 10px;
	background: #fff;
	margin: 0
}
.blog-pg .posts .item .content .date .num {
	font-size: 25px;
	margin: 0
}
.blog-pg.single .comments-area .item.relped {
	margin-left: 0
}
.blog-pg.single .post .img {
	min-height: 50vh
}
.blog-pg.single .comments-area .item .info h6 span {
	display: block;
	margin: 10px 0 0 0
}
}
@media screen and (max-width:480px) {
.hamenu .cont-info {
	display: none
}
.hamenu .menu-links .main-menu>li {
	font-size: 20px;
	padding: 7px
}
.hamenu .menu-links .main-menu .sub-menu li {
	font-size: 16px
}
.topnav .container-fluid {
	padding: 0 15px
}
.slide-full .capt .dis, .slider .parallax-slider .caption .dis, .slider-portfolio .swiper-slide .caption .dis {
	padding-left: 0;
	letter-spacing: 2px;
	margin-top: 20px
}
.slide-full .capt .dis:after, .slider .parallax-slider .caption .dis:after, .slider-portfolio .swiper-slide .caption .dis:after {
	display: none
}
.slide-controls .swiper-button-next {
	right: 5px
}
.slide-controls .swiper-button-next i {
	left: 30px
}
.slide-controls .swiper-button-next i:after {
	width: 20px
}
.slide-controls .swiper-button-prev {
	left: 5px
}
.slide-controls .swiper-button-prev i {
	left: 10px
}
.slide-controls .swiper-button-prev i:after {
	width: 20px
}
.slide-controls .swiper-button-next, .slide-controls .swiper-button-prev {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}
.slide-controls .swiper-button-next:hover {
	right: 0!important
}
.slide-controls .swiper-button-prev:hover {
	left: 0!important
}
.slide-full .capt h1, .slider .parallax-slider .caption h1, .slider-portfolio .swiper-slide .caption h1 {
	font-size: 28px
}
.slider .parallax-slider .caption p {
	display: none
}
.work-carousel .swiper-button-next, .work-carousel .swiper-button-prev {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 16px
}
.work-carousel .swiper-button-next {
	right: 15px
}
.work-carousel .swiper-button-prev {
	left: 15px
}
.work-carousel .content .cont h6 {
	letter-spacing: 2px
}
.work-carousel .content .cont h4 {
	font-size: 20px
}
.work-carousel .content .cont {
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 20px
}
.process .content ul li span {
	font-size: 40px;
	width: 60px
}
.process .content {
	padding: 80px 25px
}
.testimonials p {
	font-size: 16px
}
.testimonials .quote-text .quote-icon {
	right: 30px;
	width: 40px
}
.agency .img .icon {
	width: 70px;
	height: 70px;
	line-height: 90px
}
.agency .img .icon svg {
	width: 60px
}
.agency .img .exp h2 {
	font-size: 55px
}
.agency .content h4, .extra-title, .min-area .content h4 {
	font-size: 22px
}
.page-header .img-wrapper .title h3 {
	font-size: 40px
}
.call-action .content h2, .call-action.next .content h2 {
	font-size: 38px
}
.blog-pg.single .post .content .share-info {
	display: block
}
.blog-pg.single .post .content .share-info .social, .blog-pg.single .post .content .share-info .tags {
	display: block;
	width: 100%;
	text-align: center
}
.blog-pg.single .post .content .share-info .tags {
	margin-top: 20px
}
.blog-pg.single .post .author {
	padding: 30px 15px
}
.blog-pg.single .post .author .author-img {
	display: block;
	width: 120px;
	margin: 0 auto 30px
}
.blog-pg.single .post .author .info {
	display: block;
	padding: 0;
	text-align: center
}
.blog-pg.single .comments-area .item .comment-img {
	display: block;
	margin: 0 auto 30px;
	width: 60px
}
.blog-pg.single .comments-area .item .info {
	display: block;
	padding: 0;
	text-align: center
}
.blog-pg.single .comments-area .item.relped {
	margin-left: 0
}
.blog-pg.single .comments-area .item .info h6 {
	font-size: 14px;
	letter-spacing: 1px
}
.blog-pg.single .comments-area .item .info .replay {
	top: -25px
}
.portfolio.gutter .gallery .items {
	margin-top: 30px;
	padding: 0 15px
}
.portfolio .filtering span {
	margin: 0 6px;
	font-size: 13px;
	line-height: 1.6
}
.portfolio .filtering span:after {
	display: none
}
}
.qua_scroll_down {
	position: absolute;
	bottom: 80px;
	z-index: 9999;
	margin: 0 auto;
	display: block;
	text-align: center;
	left: 0;
	right: 0
}
.qua_scroll_down span {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb05 1.5s infinite;
	animation: sdb05 1.5s infinite;
	box-sizing: border-box;
	right: 0;
	margin: 0 auto;
	text-align: center
}
@-webkit-keyframes sdb05 {
0% {
-webkit-transform:rotate(-45deg) translate(0, 0);
opacity:0
}
50% {
opacity:1
}
100% {
-webkit-transform:rotate(-45deg) translate(-20px, 20px);
opacity:0
}
}
@keyframes sdb05 {
0% {
transform:rotate(-45deg) translate(0, 0);
opacity:0
}
50% {
opacity:1
}
100% {
transform:rotate(-45deg) translate(-20px, 20px);
opacity:0
}
}
.nav-scroll .desktop-logo {
	display: none
}
.nav-scroll .desktop-logo-fixed {
	display: block;
	width: 70px;
	padding: 11px 0
}
.desktop-logo-fixed {
	display: none
}
.nav-scroll.topnav .menu-icon {
	top: 28px
}
#about p {
	text-align: justify
}
.main-title {
	margin-bottom: 30px;
	text-align: center
}
.making-icon {
	width: 60px;
	top: -18px;
	position: relative
}
.about .items .icon img {
	width: 70px
}
.hamenu.open p {
	color: #ccc
}
.hamenu.open p a {
	color: #ccc
}
.footer_wrapper {
	width: 100%;
	background-color: #222;
	float: left;
	position: relative;
	padding-bottom: 0
}
.footer_ul_wrapper {
	margin-top: 30px
}
.footer_ul_wrapper ul li {
	width: auto;
	margin-bottom: 10px;
	list-style: none
}
.footer_ul_wrapper ul li i {
	margin-right: 10px;
	color: #ccc
}
.footer_ul_wrapper ul li a {
	color: #ccc
}
.footer_ul_wrapper ul li a:hover {
	color: #f26b35
}
.footer_widget_add {
	text-align: left;
	position: relative
}
.address_main {
	text-align: left;
	float: left;
	position: relative
}
.box_1_wrapper {
	float: left;
	width: 30%
}
.footer_main_wrapper {
	float: left;
	width: 100%;
	padding-bottom: 16px;
	margin-left: 15px
}
.booking_box_div {
	width: 70%;
	float: left
}
.address_main:after {
	content: "";
	position: absolute;
	top: -100px;
	right: 15px;
	background-color: #434141;
	width: 1px;
	height: 632px
}
.footer_widget_add p {
	font-size: 15px;
	color: #ccc;
	padding-top: 35px;
	margin-bottom: 20px;
	line-height: 24px;
	margin-right: 50px
}
.footer_widget_add a {
	font-size: 12px;
	color: #ccc;
	margin-top: 0
}
.footer_box_add {
	float: left;
	margin-top: 35px;
	width: 100%;
	margin-bottom: 45px
}
.footer_box_add ul {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 14px
}
.footer_box_add ul li {
	width: auto;
	margin-bottom: 5px;
	list-style: none;
	color: #ccc
}
.footer_box_add ul li i {
	margin-right: 10px;
	line-height: 33px;
	border: 2px solid #373636;
	width: 34px;
	height: 34px;
	text-align: center;
	color: #ccc
}
.footer_box_add ul li a {
	color: #ccc
}
.footer_box_add ul li a:hover {
	color: #f26b35;
	transition: .4s
}
.footer_heading h2 {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase
}
.footer_heading img {
	width: auto
}
.med_bottompadder10 {
	padding-bottom: 10px
}
.pad-right {
	padding-right: 41px
}
.bottom_footer_copy_wrapper {
	color: #ccc
}
.footer_botm_wrapper:after {
	content: "";
	position: absolute;
	top: 315px;
	right: 0;
	left: 14px;
	background-color: #434141;
	width: 1195px;
	height: 1px;
	margin-left: -15px
}
.bottom_footer_copy_wrapper {
	display: inline
}
.footer_btm_icon {
	float: right;
	margin-top: -9px
}
.bottom_footer_copy_wrapper {
	display: inline;
	font-size: 13px;
	letter-spacing: .5px
}
.footer_btm_icon ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: right;
	font-size: 16px;
	margin-bottom: 8px
}
.footer_btm_icon ul li {
	float: right;
	width: auto;
	color: #fff;
	list-style: none;
	margin-left: 10px
}
.footer_btm_icon ul li i {
	line-height: 33px;
	color: #ccc;
	background-color: transparent;
	border: 1px solid #373636;
	width: 34px;
	height: 34px;
	text-align: center
}
.footer_btm_icon ul li a {
	color: #ccc
}
.footer_btm_icon ul li a i:hover {
	background-color: #f26b35;
	color: #fff;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}
.footer_botm_wrapper {
	clear: both
}
.footer_box_add ul li i.fa-phone {
	transform: rotate(90deg)
}
.footer_box_add ul li i.fa-map-marker-alt {
	top: 5px;
	position: relative
}
.mb-10 {
	margin-bottom: 10px
}
.about-description p {
	text-align: justify
}
.vision-mission-details h6 {
	font-size: 20px
}
.management-discription {
	margin: 0 auto 50px
}
.modal-header {
	display: block;
	background: #222;
	padding: 10px
}
.modal-title {
	margin-bottom: 0;
	line-height: 30px;
	font-size: 25px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	display: block;
	width: 100%
}
.modal-body {
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
	padding: 20px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center
}
.modal-header .designation {
	text-align: center;
	display: block;
	color: #ccc
}
.close {
	float: right;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	color: #fff!important;
	text-shadow: 0 1px 0 #fff;
	opacity: 1
}
.modal.show .modal-dialog {
	-webkit-transform: translate(0, 0)!important;
	transform: translate(0, 0)!important
}
.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal-content {
	background: rgba(0,0,0,0)
}
.modal-dialog {
	max-width: 700px
}
.management-discription h6 {
	text-align: center;
	line-height: 35px;
	max-width: 700px;
	margin: 0 auto 30px;
	font-size: 30px;
	font-weight: 500
}
.milestones-discription {
	margin: 0 auto
}
.milestones-discription h6 {
	text-align: center;
	line-height: 35px;
	max-width: 700px;
	margin: 0 auto 30px;
	font-size: 30px;
	font-weight: 500
}
.operations-details {
	margin: 0 auto 30px
}
.operations-details h6 {
	text-align: center;
	line-height: 35px;
	max-width: 700px;
	margin: 0 auto 30px;
	font-size: 30px;
	font-weight: 500
}
.operations-details .htit h4 {
	font-weight: 600;
	font-size: 28px;
	line-height: 1.5rem;
	margin-bottom: 20px
}
.fromulation-section .item h6 {
	letter-spacing: .5px;
	font-size: 17px;
	text-align: center;
	line-height: 25px
}
.fromulation-section .item p {
	text-align: center
}
.fromulation-section .item {
	background: #f9f9f9;
	padding: 50px 30px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
	min-height: 330px
}
.formulation-dev-line {
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	display: table;
	margin: 10px auto;
	border: 1px solid #2222223b;
	padding: 5px 20px;
	background: #f9f9f9
}
.products-detail {
	width: 100%;
	background: #fff;
	border-radius: 6px;
	line-height: 21px
}
.products-detail th {
	background: #333;
	color: #fff;
	font-weight: 500
}
.products-detail td, .products-detail th {
	padding: 10px;
	border: 1px solid #ddd;
	text-align: left;
	display: table-cell
}
.products-detail td:first-child, .products-detail th:first-child {
	padding-left: .8em
}
.products-detail td {
	word-wrap: break-word;
	line-height: 18px;
	font-size: 15px
}
.products-detail-th-list {
	display: none
}
.products-detail-secind-table th {
	width: 12em;
	font-weight: 400!important
}
.products-details-left-side {
	left: 12%;
	position: relative
}
.flanges-table-details th {
	width: 20%
}
ul.list-style-type.list-style-type-product-application {
	width: fit-content;
	float: left;
	margin-right: 50px;
	display: table
}
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
.products-detail-th-list {
	display: block
}
.products-detail, .products-detail tbody, .products-detail td, .products-detail th, .products-detail thead, .products-detail tr {
	display: block
}
.products-detail thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px
}
.products-detail tr {
	border: 1px solid #ccc
}
.products-detail td {
	border: none;
	position: relative
}
.products-detail td:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap
}
}
@media screen and (max-width:767px) {
.products-detail-secind-table {
	width: 100%!important
}
ul.list-style-type.list-style-type-product-application {
	width: fit-content;
	float: none;
	margin-right: 0;
	display: table
}
}
@media (min-width:768px) and (max-width:1023px) {
.products-detail-secind-table {
	width: 100%!important
}
}
.tables-name {
	font-size: 16px;
	letter-spacing: .5px
}
.bg-dark-td {
	background: #333
}
.table-point td {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .5px
}
.width-10 {
	width: 10%
}
.width-13 {
	width: 13%
}
.width-20 {
	width: 20%
}
.bg-light-td {
	background: #f3f3f3
}
.right-bg-box:after {
	left: 120px!important;
	right: -300px!important
}
body .quality-check li {
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	padding-bottom: 0!important
}
.quality-description {
	margin: 0 auto 30px;
	text-align: center
}
.quality-description h6 {
	text-align: center;
	line-height: 35px;
	max-width: 700px;
	margin: 0 auto 30px;
	font-size: 30px;
	font-weight: 500
}
.quality-check li {
	display: block;
	background: 0 0;
	padding-left: 35px;
	background: url(../img/list-type.png) 0 0 no-repeat
}
.quality-check-line {
	font-weight: 550;
	font-size: 20px;
	margin: 10px 0 30px
}
.min-area .img .simpleParallax {
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px
}
.logo-bg-icon {
	position: absolute;
	width: 100px;
	margin: 0 auto;
	display: block;
	left: 0;
	right: 0;
	opacity: .2;
	bottom: 7px
}
.orange-font {
	color: #f26b35
}
.extra-title span.orange-font {
	display: initial
}
.htit h4 {
	font-weight: 600;
	font-size: 28px;
	line-height: 1.5rem;
	margin-bottom: 20px
}
.whatsapp-icon {
	width: 40px;
	position: absolute;
	z-index: 9999999;
	right: 10px;
	top: 40px
}
.page-header .img-wrapper .title h6 {
	display: table;
	margin: 0 auto;
	background: #f26b35;
	padding: 5px 20px;
	font-weight: 500;
	font-size: 20px
}
.coming-soon-prd-list {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
	font-size: 23px
}
.download-prd-btn {
	margin-left: auto
}
.download-prd-btn .btn-curve {
	margin-left: auto;
	margin-bottom: 30px
}
.download-prd-btn .btn-curve span i {
	padding-right: 10px
}
.download-product-popup {
	max-width: 400px
}
.download-product-popup input, .download-product-popup textarea {
	width: 100%;
	padding-left: 15px
}
.download-product-popup .btn-curve {
	margin-bottom: 0;
	margin-top: 10px
}
textarea {
	resize: none
}
input, textarea {
	width: 100%;
	padding: 10px;
	background: 0 0;
	border: 1px solid #ddd
}
#form_process {
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinnerRotate;
	-moz-animation-duration: 1.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinnerRotate;
	-ms-animation-duration: 1.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	visibility: hidden;
	color: #000
}
#error_data {
	color: red;
	font-size: 14px;
	margin: 0 0 10px;
	line-height: normal
}
.alert.alert-danger p {
	color: #fff;
	background: red;
	border-radius: 24px;
	padding: 10px
}
.alert.alert-danger {
	color: #454545;
	background-color: #ffb4b4;
	padding: 10px 15px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 28px
}
.alert.alert-success {
	color: #508e14;
	background: #f0f0f0;
	padding: 10px 15px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 28px
}
@-webkit-keyframes spinnerRotate {
from {
-webkit-transform:rotate(0)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes spinnerRotate {
from {
-moz-transform:rotate(0)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-ms-keyframes spinnerRotate {
from {
-ms-transform:rotate(0)
}
to {
	-ms-transform: rotate(360deg)
}
}
.contact-form-section {
	margin: 0 auto 0
}
.contact-container-fluid .cont-info {
	box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
	background: #fff;
	min-height: 490px
}
.contact-container-fluid .cont-info .form {
	padding: 25px
}
section.contact .footer_box_add {
	float: none
}
section.contact .footer_box_add li {
	color: #222
}
section.contact .footer_box_add ul li a {
	color: #222
}
section.contact .footer_box_add ul li i {
	color: #222;
	border: 1px solid #3736362e
}
section.contact .footer_box_add {
	margin-bottom: 0;
	padding: 25px;
	margin-top: 0
}
.contact-container-fluid {
	padding: 0 150px
}
.hamenu .cont-info {
	background: 0 0
}
.map_img {
	height: 250px;
	width: 100%;
	object-fit: cover
}
.contact .form select {
	width: 100%;
	padding: 15px;
	background: 0 0;
	border: 1px solid #ddd
}
.file-wrapper {
	overflow: hidden;
	background: #fff;
	padding: 0;
	position: relative;
	margin-bottom: 12px;
	border: 1px solid #ddd;
	cursor: pointer;
	font-family: Quicksand, sans-serif;
	width: 100%
}
.file-wrapper input {
	left: 0;
	opacity: .01;
	cursor: pointer;
	position: absolute!important;
	-moz-opacity: .01
}
.file-wrapper .file-button {
	color: #fff;
	float: left;
	cursor: pointer;
	margin-left: 0;
	padding: 15px;
	background: #242424!important;
	display: inline-block
}
.file-holder {
	top: 15px;
	padding-left: 15px;
	position: relative;
	left: auto
}
.file-button i {
	margin-right: 8px
}
.datepicker {
	background: #f2f2f2
}
.grecaptcha-badge {
	right: -286px!important
}

.blog-grid .owl-nav {
	right: 0;
    left: 0;
    margin: auto;
    display: table;
	    top: 20px;
    position: relative;
}
.blog-grid .owl-prev {
	left: 0;
	position: relative
}
.blog-grid .owl-next span, .blog-grid .owl-prev span {
    font-size: 30px;
    left: -10px;
    position: relative;
    background: #f58634!important;
    width: 40px;
    height: 40px;
    line-height: 38px!important;
    color: #fff;
}
.blog-grid .owl-next {
	right: -10px;
	position: relative;
	font-size: 30px
}
button:focus{
outline:0	
}
li.icon-list-item.inline-item a {
    
    padding: 5px;
   
    font-size: 12px;
    color: #fff;
    border: 1px solid #dee2e647;
}
li.icon-list-item.inline-item{
    display: inline-block
        ;
    margin: 10px
}
.hight_text h1
{
    font-size: 20px;
    /* margin-top: 60px; */
    color: #ffffff;
    border-bottom: 2px solid #34a43c;
    /* display: inline-block; */
    padding: 11px;
    background: #ea5d21;
    border-radius: 30px;
}
.hight_text_btn h1
{
    font-size: 20px;
    /* margin-top: 60px; */
    color: #ffffff;
    border-bottom: 2px solid #34a43c;
    /* display: inline-block; */
    padding: 11px;
    background: #ea5d21;
	border-radius: 30px;
}

.hight_text_regulatory h1
{
    font-size: 20px;
    color: #ffffff;
    border-bottom: 2px solid #34a43c;
    background: #ea5d21;
	padding: 10px 36px;
}

.section-padding-footer{
    padding: 50px 0
}
.footer-h2
{
    font-size: 20px;
    color: #fff;
    /* font-weight: 700; */
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer_wrapper .container{
max-width:80%	
}
.bog-page-img{
	padding: 0px 100px;
}
.blog-lastline-font{
opacity:0.5	
}

#cb_popup_wrap {
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999999999;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
}
#cb_popup_center {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cb_popup_close{
	
}
.cb_popup_animation {
	animation-duration: 1s;
	animation-name: swing;
	transform-origin: center top 0;
}
#cb_popup_content {
	min-width: 10%;
	max-width: 60%;
	min-height: 10%;
	overflow: hidden;
	position: relative;
	background: rgba(255, 255, 255, 1) url("../index.html") no-repeat scroll center center;
}
#cb_popup_close {
	top: 11px;
    right: 13px;
    opacity: 1;
    z-index: 99999;
    cursor: pointer;
    position: fixed;
    width: auto;
    filter: invert(1);
}
#cb_popup_content img:nth-child(2) {
	width: 100%;
}
.certi-logo{
    top: 20px;
    position: relative;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: auto;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card h4{
	text-align: center;
    line-height: 25px;
    max-width: 700px;
    font-size: 20px;
    font-weight: 500;
	padding: 15px 0px;
}

.gallery {
    padding: 30px;
    height: auto;
}
.gallery-inner {
    padding: 5px;
	margin: 10px;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgb(140, 140, 140);
}
.sub-text {
    text-align: center;
    margin: 0 auto 30px;
    font-size: 20px;
    font-weight: 500;
}

.case-filtering-section {
    padding-bottom: 118px
}

.case-filtering-section .grid-item-width {
    width: 33%
}

.case-filtering-section .grid-item-big {
    width: 50%
}

.case-filtering-section .grid-sizer {
    width: 25%
}

.case-filtering-section .grid-item {
    padding: 15px
}

.case-filtering-section .grid-item,
.case-filtering-section .grid-sizer {
    float: left;
    overflow: hidden;
    position: relative;
    display: inline-block
}

.case-filtering-section .case-img-text .case-img {
    position: relative;
	border: 2px solid #D3D3D3;
    padding: 15px;

}

.case-filtering-section .case-img-text .case-img img {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.case-filtering-section .case-img-text .case-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #516870
}

.case-filtering-section .case-img-text .case-popup {
    right: 50px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    opacity: 0;
    line-height: 60px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    visibility: hidden;
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.case-filtering-section .case-img-text .case-popup a {
    width: 100%;
    display: block
}

.case-filtering-section .case-img-text:hover .case-img:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .8
}

.case-filtering-section .case-img-text:hover .case-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.case-filtering-section .case-img-text:hover .case-popup {
    opacity: 1;
    right: 30px;
    visibility: visible
}
.grid-item h3{
	color: #000;
    font-size: 25px;
	padding: 10px 5px;
    text-align: center;
}
@media screen and (max-width:420px){
 .case-quota-section {
        padding: 60px 0 0
    }
    .case-filtering-section .grid-sizer {
        width: 100%
    }
    .case-filtering-section .grid-item-big,
    .case-filtering-section .grid-item-width {
        width: 100%
    }
	.grid-item h3{
		font-size: 18px;
	}
}