* {

	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	list-style: none;
	word-wrap: break-word

}
.menu-item a.button {
    background-color: #ea5e20 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
    max-width: 282px;
    width: 100%;
    transition-duration: 0.3s;
}

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: 75vh;

	z-index: 3

}

p {

	font-size: 18px;

	font-weight: 400;

	color: #444;

	line-height: 28px;

	letter-spacing: .5px;



}

img {

	max-width: 100%;

	height: auto

}

a, a:hover, span {

	display: inline-block;

	text-decoration: none;

	color: inherit;

}
/*
.menu-item a{
    color:#272727 !important;
}
.menu-item a:hover{
    color:#EA5E20!important;
}*/
.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: 40px;

	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

}

.topnav .logo img{max-width: 200px;}

.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: 75vh;

	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: 55px; 

	font-weight: 700;

		color:#fff

}

.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(../img/giphynoise.png);

	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: 20px;
	margin-bottom: 0px

}

.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: 18px;

	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: 50px 10px;

	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;
	border-radius: 5px 5px 0px 0px;

}

.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: left;

	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(../img/giphy.gif);

	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

}

.principle-content p{padding-bottom: 20px;}


.page-title{ color:#ea5d21; padding-bottom: 25px; }
.manufacturing-services{background:#f3f3f3;  }
.manuf-services-list{padding-top: 60px;}
.manuf-services-list ul{width: 100%; display: flex; align-items: center; justify-content: center;  }
.manuf-services-list li{text-align: center; padding: 0px 10px; width: 33.333%;} 
.nanuf-services-value{	font-size: 25px; padding-top: 20px; font-size: 22px;  }
.manuf-services-list li span{max-width: 70px;}
.section-title{text-align: center; color:#ea5d21;  padding: 0px 10px;  font-size: 40px;}
.section-discription{text-align: center; color:#333;  padding: 0px 10px; font-size: 20px;  font-weight: normal;    padding-top: 5px; line-height: 30px;} 
.manufacturing-inner-item{background: #fff; border-radius: 10px; padding: 20px 20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);} 
.why-chooseus{background:#ea5d21; position: relative;} 
.why-chooseus:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: url(../img/bg-1.png);
    background-position: center center;
    background-repeat: repeat;
    background-size: 60% auto;
    background-attachment: fixed;
}
.why-chooseus .container{position: relative; z-index: 1;}
.why-chooseus .section-title{color: #fff;}
.why-chooseus .section-discription{color: #fff;}
.why-chooseus-services{padding-top: 40px;}
.why-chooseus-services ul{width: 100%; display: flex; align-items: center; justify-content: center;  }
.why-chooseus-services li{
    display: flex;
    background: rgba(255, 255, 255, 0.7);
    gap: 0;
    margin: 8px;
    padding: 25px;
    width: 33.333%;
    border-radius: 10px;
    align-items: center;
    transition-duration: 0.3s;
}
.why-chooseus-services li:hover{
	 transition-duration: 0.3s;
	 background: rgba(255, 255, 255, 1);
}
.why-chooseus-services li span{width: 80px;}
.why-chooseus-value{
	font-size: 27px;
    color: #303030;
    padding-left: 15px;
    font-weight: bold;
    text-transform: uppercase; 
}
.why-chooseus-services li span img{filter: brightness(0);  opacity: 0.8;}
.partners-section{background: #fff;}
.partners-logo{width: 100%; padding-top: 45px;  }
.partners-logo ul{display: flex; justify-content: center;  }
.partners-logo ul li{padding: 0px 20px;}

.testimonials-principle{background: url(../img/testimonils-bg.jpg) no-repeat center; background-attachment: fixed; position: relative; padding-bottom: 80px;}
.testimonials-principle:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	opacity: 0.9;
	background: rgb(57,165,170);
	background: linear-gradient(117deg, rgba(57,165,170,1) 0%, rgba(23,95,130,1) 100%);
}
.testimonials-principle .container{position: relative; z-index: 2;}
.testimonials-principle .section-title{color: #fff; padding-bottom: 25px;} 
.testimonial-wrapper {
    align-items: center;
    max-width: 900px;
    margin: auto;
    text-align: center;
    color: #fff;
}
.testimonial-pic {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 5px #f26b35 solid;
    overflow: hidden;
    margin: auto;
    margin-bottom: 0px;
}

.owner-name {
    color: #fff;
    font-size: 25px;
    padding-top: 15px;
}
.post {
    color: #fff;
    font-size: 18px;
    padding-bottom: 25px;
}
.testimonial-wrapper p{color: #fff; font-size: 20px; font-weight: 300;} 
.principle-contact-info h2{color: #ea5d21; padding-bottom: 25px;}
.getin-touch{text-align: center; padding-top: 25px;  }
.getin-touch .button{
	background: #fff;
    padding: 14px 25px;
    font-size: 20px;
    color: #333;
    transition-duration: 0.2s;
}
.getin-touch .button:hover{background: #000; color: #fff;transition-duration: 0.2s;}

.page-header .img-wrapper .title h3.inner-page-title{font-size: 70px; color: #fff;} 

/******************franchise-business-banner********************/

.franchise-business-banner{
min-height: 500px;
background: rgb(70,168,189);
background: linear-gradient(263deg, rgba(70,168,189,1) 0%, rgba(23,130,113,1) 100%);
padding: 120px 0px;

}
.manufacturing-banner{
	background: rgb(70,168,189);
background: linear-gradient(263deg, rgba(70,168,189,1) 0%, rgba(23,130,113,1) 100%);
}

.franchise-business-banner h1{padding: 20px 0px 0px 0px; margin-bottom: 15px;}
.franchise-video{border-radius: 10px; max-width: 100%;}
.getin-touch-button{text-align: center;    background: #ea5e20; padding: 15px 30px; border-radius: 50px; font-size: 18px; margin-top: 10px;transition-duration: 0.3s;}
.getin-touch-button:hover{background: #d7541a; transition-duration: 0.3s;  } 

.franchise-services{width: 80%; padding-top: 40px; margin: auto;  }
.franchise-services ul{list-style: none;  }
.franchise-services li{width: 45%; display: inline-block; vertical-align: top; padding-left: 66px; position: relative; margin-top: 35px; padding-right: 35px; margin-left: 4%;    }
.services-icon{position: absolute; left: 0; padding-top: 0px; width: 50px;}
.services-icon img{max-width: 100%;}
.franchise-services-value{font-size: 22px; padding-bottom: 2px;}
.franchise-services li p{line-height: 22px;}

/******************Loan licensing**********************************/
.whyus-services{padding-top: 60px;}
.whyus-services ul{display: flex;}
.whyus-services ul li{ 	width: 25%;text-align: center;  background: #fff; border-radius: 15px;    margin: 1%;    padding: 26px;  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.whyus-services-value{padding-top: 15px; font-size: 20px;}
.whyus-services .whyus-icon{width: 75px;  }
.contact .form input, .contact .form textarea{background: #fff;}


.getintouch-button{text-align: center;    background: #ea5e20; padding: 15px 30px; border-radius: 50px; font-size: 18px; margin-top: 18px;transition-duration: 0.3s;}
.getintouch-button:hover{background: #d7541a; transition-duration: 0.3s;  } 
.graybg{background: #f7f7f7;}
.section-padding h2{padding-bottom: 15px; color: #ea5d21;}
.section-padding h3{padding-bottom: 10px;}
.section-padding h4{padding-bottom: 10px;}
.section-padding h5{padding-bottom: 10px;}
.kashmik-product-list .section-title{padding-bottom:30px;}
.sub-heading-center{text-align: center; color:#444; font-size: 20px; font-weight: 600;font-family: 'Roboto Condensed', sans-serif;  line-height: 28px;    letter-spacing: .5px;}
.sub-heading{font-size: 20px; font-weight: 600;font-family: 'Roboto Condensed', sans-serif; color:#444;    line-height: 28px;   letter-spacing: .5px;}
.color-white{color: #fff;}
/*[data-overlay-dark]:before{background: linear-gradient(263deg, rgba(39,178,184,1) 0%, rgba(16,75,94,1) 100%);}*/
.page-header {
    background: none !important;
}
[data-overlay-dark]:before {
    background: none !important;
}
.countries-name { padding: 15px 0px 0px 0px; font-size: 18px;}
.graybg{background: #f3f3f3;}
.testimonials {    background: #f9f9f9;}
.what-we-do .extra-title{text-align: center; padding-bottom: 45px;  }
.what-we-do .items .item{
	    border: 1px #ddd solid;
    padding: 25px;
    border-radius: 10px;
    background: #fbfbfb; 
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    height: 100%;
}
.what-we-do .items .item .icon{padding-bottom: 15px;}
.what-we-do .items .item P{padding-bottom: 15PX;}
.read-more-button{padding: 10px 20px; background: #ea5d21; color: #fff; border-radius: 5px; transition-duration: 0.3s; font-size: 15px;}
.read-more-button:hover{background: #cd4f19; color: #fff; transition-duration: 0.3s;}
.mt20{margin-top: 20px;}
.align-center{text-align: center;}
.contact .cont-info .extra-title{text-align: left; padding-left: 20px;}
.mb50{margin-bottom: 50px;}
/*.contact-info {
    background: #f1f1f1;
    padding: 50px;
    border-radius: 5px;
    
}*/ 
.contactinfo-title {
    font-weight: bold;
}
.contactinfo-item {
    padding-bottom: 15px;
}
.contact-label {
    font-size: 18px;
    font-weight: 600;
}
.contact-value {
    font-size: 16px;
}
.fromulation-section p{padding-bottom: 10px;}
.blog-grid .section-padding h4{padding-bottom: 30px;}
.gray-bg{background: #f5f5f5;}
.gallery-imge-frame{ margin-bottom: 20px; overflow: hidden; }
.gallery-imge-frame img{transform: scale(1); transition-duration: 0.4s;}
.gallery-imge-frame img:hover{ transform: scale(1.1); transition-duration: 0.4s;}
.section-title{font-size: 40px; text-align: center; color: #ea5d21;}
.sitemarp-list{font-size: 18px;	}
.sitemarp-list li{font-size: 18px; padding-bottom: 5px; list-style: disc;}
.sitemarp-list li ul{    padding-left: 18px;  padding-top: 5px;   padding-bottom: 14px;}
.sitemarp-list li ul li{list-style: circle;  }

/******************Thank you********************/
.thankyou-banner{
	min-height: 300px;
	/*background: rgb(70,168,189);*/
	/*background: linear-gradient(263deg, rgba(70,168,189,1) 0%, rgba(23,130,113,1) 100%);*/
	padding: 0px 0px;

}
table.career-table{width: 100%; max-width: 100%;}


/*************************Responsive************************/
/********************************************************/

#navi{
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.8407738095238095) 0%, rgba(98,98,98,0) 100%);
}
#navi.nav-scroll{
	background: #fff;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    width:100%;
}

.menu-item .button:hover {
    color: #ea5d21 ! IMPORTANT;
    background: #fff !important;
    border: 1px solid #ea5d21;
}
.navbar .nav-links {
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
}
.navbar .nav-links li{
	position: relative;
}
.navbar .nav-links li:marker{
	display: none!important;
}
.navbar .nav-links li a {
   text-decoration: none;
    font-size: 1.1rem !important;
    padding: 14px 12px 8px 12px;
    transition-duration: 0.3s;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Roboto", serif;
}
div#navi {
    background: #fff;
    padding-bottom: 15px;
     padding-top: 15px;
}
.navbar .nav-links li a:hover, .navbar .nav-links li a.active{
	background:#fff ;
	color: #ea5d21;
	transition-duration: 0.3s;
}

.navbar .menu-icon {
    display: none;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

.topsub-menu{
	display: none;
	position: absolute;
	background: #2f2f2f;
    text-transform: inherit;
    padding:0;
    width: 180px;
}
.dropdown-menu-wrap{position: relative;}
.dropdown-menu-wrap:hover .topsub-menu{
	display: block;
} 
.dropdown-menu-wrap:hover > a{background: #ea5d21;color: #fff;	transition-duration: 0.3s;}
.dropdown-menu-wrap .topsub-menu li{padding:0px;}
.dropdown-menu-wrap .topsub-menu li a{text-transform: inherit; font-size: 16px; padding:8px 15px; border-radius: 0; width: 100%;}
.topnav.nav-scroll .desktop-logo{ display: none; }
.topnav.nav-scroll .mobile-logo{ display:block!important; padding: 10px 0px;}
.topnav .logo .mobile-logo{padding-left: 15px;}
.terms-conditions ul li{font-size: 1rem; color: #444; line-height: 24px;}
.terms-conditions p{line-height: 24px;}
.terms-conditions h2{font-size: 28px; color: #000; margin-top: 25px;}
.terms-conditions h3{font-size: 22px; color: #000;}
.copyright a {
    color: #fff;
}
.terms-conditions a{color: #ea5d21;}
.terms-conditions a:hover{color: #ea5d21; text-decoration: underline;}
@media screen and (max-width: 768px) {
    .topnav .container{
        padding:0 !Important;
    }
/*body{	padding-top:75px;}	*/
.navbar .nav-links {display: none; width: 100%; text-align: center; flex-direction: column; background-color: #333; position: absolute; top: 74px; left: 0; padding: 0; }
.navbar .nav-links li { width: 100%; padding: 10px 0;   }
.navbar .menu-icon {display: block; }
.navbar .nav-links.active { display: flex;    }
.navbar .nav-links{display: none;  }
.navbar .nav-links.active{ display: block!important;  }
.navbar .nav-links li{text-align: left; border-bottom: 1px #414141 solid; padding: 0;}	
.navbar .nav-links li a{color: #ababab;}
.navbar .nav-links li a:hover, .navbar .nav-links li a.active{background-color: transparent;}
.topnav .container-fluid{padding-left: 0px; padding-right: 0px;}
.navbar .menu-icon {color:#000!important; position: absolute; right:20px!important; left:inherit!important; } 
.slider .parallax-slider .swiper-slide{min-height: 50vh;}
.topsub-menu{position: relative; display: block; width: 100%;}
.dropdown-menu-wrap .topsub-menu li{padding-left: 20px;}
#navi{background: #fff;  }

.topnav.nav-scroll .desktop-logo, .topnav .desktop-logo{ display: none; }
.topnav.nav-scroll .mobile-logo, .topnav .mobile-logo{ display:block!important; padding: 10px 0px;}
.topnav .navbar .logo {width: 100px; max-width: 100px; left: 15px;position: relative; }
.topnav .navbar .logo img {max-width: 100px; }
.topnav .logo .mobile-logo{padding-left: 0;}

}




/****************************Menu css End******************/

@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: 30px

}

.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

}
.inner-page-title{font-size: 40px; padding-top: 0px;}


}

@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: 120px;

	padding: 11px 0

}

.desktop-logo-fixed {

	display: none

}


/*
#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: 515px;

}

.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;
	padding-bottom: 20px;

}

.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

}

#prdlist .modal-header {

	display: block;

	/*background: #ea5d21;*/

	padding: 10px

}

#prdlist .modal-title {

	margin-bottom: 0;

	line-height: 30px;

	font-size: 20px;

	color: #000;

	text-align: center;

	font-weight: 600;

	display: block;

	width: 100%

}

#prdlist .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

}

#prdlist .modal-header .designation {

	text-align: center;

	display: block;

	color: #ccc

}

/*#prdlist .close {*/

/*	float: right;*/

/*	font-size: 30px;*/

/*	font-weight: 500;*/

/*	line-height: 1;*/

/*	color: #fff!important;*/

/*	text-shadow: 0 1px 0 #fff;*/

/*	opacity: 1*/

/*}*/

/*#prdlist .modal.show .modal-dialog {*/

/*	-webkit-transform: translate(0, 0)!important;*/

/*	transform: translate(0, 0)!important*/

/*}*/

/*#prdlist .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%)*/

/*}*/

/*#prdlist .modal-content {*/
/*	background: rgba(0,0,0,0);*/
/*	border:0;*/


/*}*/

/*#prdlist .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 (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: 35px;

	font-weight: 600;
	color: #ea5d21;

}

.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: 70px;

	position: fixed; 

	z-index: 9999999;

	right: 20px;

	bottom: 100px

}

.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

}

.side-company-profile {

	position: fixed;

	top: 50%;

	right: 0;

	z-index: 10;

	-moz-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

	transform: translateY(-50%);
	display: none;

}



.blog-grid .owl-nav {

	right: 0;

    left: 0;

    margin: auto;

    display: table;

	    top: 20px;

    position: relative;
    border-radius: 3px;

}

.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("cb_popup_loading.gif") 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: 0px;

	margin: 0px;

    width: 100%;

    height: auto;



}

.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;

}
.composer .tta-container{box-shadow: none!important;}
.custom-table{width: 100%;border: 1px #ddd solid; background: #fff; }
.custom-table .bg-dark-td td{background: #333;}
.custom-table tr td, .custom-table tr th{padding:8px; border: 1px #ddd solid;}
.custom-table tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}
.composer .tta.general .tta-panel-title>a{font-size: 18px;}
.why-us-loan-licensing .franchise-services ul li{text-align: center; margin-left: 0;}
.logo-section img{max-width: 60%;}
.logo-section .col-sm-3{text-align: center;}
.logo-section div{text-align: center;  }
.min-area .content ul.feat li p{line-height: 23px;}

.check-list{margin-top: 15px;} 
.check-list li, .check-list li:last-child{
	border-bottom: 0; margin: 0px; padding: 0; font-family: 'Roboto Condensed', sans-serif;font-size: 18px; color: #444; padding-bottom: 10px;
	background: url(../img/checklist-icon.svg) no-repeat top left; 
	background-size: 20px;
    padding-left: 24px;
} 
.min-area .content ul.check-list{margin-top: 15px;} 
.min-area .content ul.check-list li, .min-area .content ul.check-list li:last-child{
	border-bottom: 0; margin: 0px; padding: 0; font-family: 'Roboto Condensed', sans-serif;font-size: 16px; color: #444; padding-bottom: 5px;
	background: url(../img/checklist-icon.svg) no-repeat top left; 
	background-size: 20px;
    padding-left: 24px;
} 


body .min-area .vision-mission-details .feat li p{padding-left: 0;}
.min-area .vision-mission-details ul.feat li{ padding-bottom: 10px;}
.graybg{background: #e5ecf1;}
.manufacturing-capacities{align-items: center;}
.pharma-video{padding-top: 25px;}
.graybg{background: #ededed;  }
.zigzag-section .row{align-items: center; }  
.zigzag-section .row p{font-size: 18px; line-height: 30px;}
.manufacturing-banner h1{padding-top: 20px;}
.manufacturing-banner .img-wrapper{min-height:inherit!important; padding: 150px 0px 80px 0px;}

/**********************Model CSS*******************/
/*.modal-content {*/
/*	position: relative;*/
/*	border-radius: 3px;*/
/*	box-shadow: 0 15px 50px rgba(0,0,0,.25);*/
/*}*/

/*.modal-header,*/
/*.modal-body,*/
/*.modal-footer {*/
/*	padding: 15px 25px;*/
/*}*/

/* Modal Header */

/*.modal-header {*/
/*	border-bottom: 1px solid rgba(0,0,0,.1);*/
/*	border-radius: 0;*/
/*}*/

/*.modal-title {*/
/*	font-size: 1.75em;*/
/*	font-weight: 600;*/
/*}*/

/* Modal Body */

/*.modal-body {*/
/*	line-height: 1.65;*/
/*}*/

/*.modal-body p {*/
/*	font-size: 14px;*/
/*	margin-top: 0;*/
/*}*/

/*.modal-body p:last-child {*/
/*	margin-bottom: 0;*/
/*}*/

/* Modal Footer */

/*.modal-footer {*/
/*	background: rgba(0,0,0,.03);*/
/*	text-align: right;*/
/*}*/

/* Modal Buttons */

/*.close-icon {*/
/*	webkit-appearance: none;*/
/*	appearance: none;*/
/*	position: absolute;*/
/*	top: -15px;*/
/*	right: -15px;*/
/*	width: 35px;*/
/*	height: 35px;*/
/*	color: #fff;*/
/*	font-size: 14px;*/
/*	background: #222;*/
/*	border: none;*/
/*	outline: none;*/
/*	border-radius: 50%;*/
/*	cursor: pointer;*/
/*	vertical-align: middle;*/
/*}*/

/*.modal-footer button {*/
/*	webkit-appearance: none;*/
/*	appearance: none;*/
/*	padding: 0 25px;*/
/*	height: 40px;*/
/*	font-size: 14px;*/
/*	font-weight: bold;*/
/*	border: none;*/
/*	outline: none;*/
/*	border-radius: 2px;*/
/*	cursor: pointer;*/
/*	transition: all .3s ease-in-out;*/
/*}*/

/*.modal-footer .close-button {*/
/*	color: #fff;*/
/*	background: #e83030;*/
/*	transition: all .3s ease-in-out;*/
/*}*/

/*.modal-footer .close-button:hover*/
/*.modal-footer .close-button:focus {*/
/*	background: #e62121;*/
/*}*/

/*.modal-overlay {*/
/*	position: fixed;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background: rgba(0,0,0,.75);*/
/*	z-index: 10;*/
/*}*/

/*.modal {*/
/*	display: none;*/
/*	position: fixed;*/
/*	top: 0;*/
/*	left: 50%;*/
/*	padding: 25px;*/
	/*max-width: 767px;*/
/*	width: 100%;*/
/*	box-sizing: border-box;*/
/*	z-index: 999999;*/
/*	visibility: visible;*/
/*	-webkit-transform: translateX(-50%);*/
/*	-moz-transform: translateX(-50%);*/
/*	-ms-transform: translateX(-50%);*/
/*	-o--transform: translateX(-50%);*/
/*	transform: translateX(-50%);*/
/*	background: rgba(0, 0, 0, 0.5);*/
/*}*/

/*.modal-content {*/
/*	background: #fff;*/
/*}*/

/*.modal-title {*/
/*	margin: 0;*/
/*}*/

/*********************once-popup******************/
#once-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.80);
    text-align: center;
    z-index: 10000;
    padding-top: 80px;
}
#once-popup .inner {
    background: #ffffff;
    padding: 0px;
    width: 600px;
    max-width: 90%;
    margin: 50px auto;
    }
#once-popup #popup-close {
    float: right;
    font-size: 30px;
    line-height: 10px;
    padding: 5px;
    cursor: pointer;
    top: 20px;
    position: relative;
    right: 16px;
    }

#once-popup .modal-title{
	    margin: 0;
    color: #000;
    text-align: left;
    border-bottom: 1px #ddd solid;
    padding: 18px 20px;
}

@media screen and (max-width:767px) {
#once-popup{display: none!important;}
}

/****************End Modal CSS*******************/


.banner-text-black {
    color: #000 !important;
}


/**************************************************/
/*******************Reponsive**********************/
/*************************************************/


@media screen and (max-width:1530px) {
.franchise-business-banner{padding: 160px 0px 100px 0px}


}

@media screen and (max-width:991px) {
.franchise-business-banner .row{    flex-direction: column-reverse;}	
.franchise-business-banner .row .col-sm-6{width: 95%; max-width: 95%; flex: inherit; padding-bottom: 35px; margin: auto;}
.franchise-business-banner h1{ font-size: 38px;}
.franchise-business-banner { padding: 220px 0px 50px 0px;  }
.whyus-services ul{display: block;} 
.whyus-services ul li {
    width: 47%;
    text-align: center;
    background: #fff;
    border-radius: 15px;
    margin: 1%;
    padding: 26px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    vertical-align: top;
    min-height: 198px;
}
.what-we-do .row .items{margin-bottom: 15px;}
.manufacturing-banner .row{flex-direction: column-reverse;}
.manufacturing-banner .row .col-sm-6{width: 100%; max-width: 100%;}
.manufacturing-banner h1{padding-top: 20px; font-size: 38px;}
.topnav .container-fluid{padding: 0 15px 0 0px;}
.navbar .nav-links li a{padding:10px 5px 8px 5px; font-size: 16px;}
.topnav .logo img{max-width: 150px;}
}	


@media screen and (max-width:900px) {
.inner-page-title{font-size: 45px; padding-top: 90px;} 
.page-header .img-wrapper .title h3.inner-page-title { font-size: 35px; font-weight: normal; color: #fff; padding-top: 40px; }

}

@media screen and (max-width:768px) {
	.container { max-width: 100%;   }
	.why-chooseus-services ul{	display: grid;	gap: 10px;    grid-template-columns: auto auto;	}
	.why-chooseus-services li{width: 100%;}    
	.franchise-business-banner{padding:120px 0px 20px 0px;}
	.franchise-services{width: 100%;  }
}  

@media screen and (min-width:768px) {
.mobile-footer{display: none;  }  
}

@media screen and (max-width:767px) {
.products-detail-secind-table {width: 100%!important}
.section-padding{padding-top: 50px; padding-bottom: 50px;}
.manuf-services-list ul {
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    display: grid;
    grid-template-columns: auto auto;
}
.manuf-services-list li {
    text-align: center;
    padding: 0px 5px;
    width: 100%;
    margin-bottom: 15px; 
}
.manufacturing-inner-item{padding: 10px;}
.section-discription{font-size: 17px;}
.manuf-services-list {
    padding-top: 30px;
}

ul.list-style-type.list-style-type-product-application {
	width: fit-content;
	float: none;
	margin-right: 0;
	display: table
}
.section-title{font-size: 30px;}
.principle-contact-info h2{font-size: 30px; padding-bottom: 15px; }
.principle-contact-info p{padding-bottom: 25px;}
.section-padding, .min-area .content { padding: 30px 0;    }
.getin-touch-button{font-size:20px; padding: 8px 20px;}
.franchise-services li{width: 100%;}
.franchise-services{padding-top: 10px;}
.inner-page-title{font-size: 30px;}
.page-header .title h1{font-size: 30px;}
.section-padding h2{font-size: 30px;}
.topnav .logo img{max-width: 130px;}
.section-padding h4{font-size: 22px;}
.section-padding h5{font-size: 20px;}
.kashmik-product-list .container{padding-left: 0px; padding-right: 0px;}
.kashmik-product-list .container .col-lg-12.col-md-12{padding-left: 0px; padding-right: 0px;}
.kashmik-product-list.composer .tta-container{background: #fff; padding: 0px;}
.kashmik-product-list.composer .tta.general .tta-panel.active .tta-panel-body{padding: 10px;}
.kashmik-product-list.composer .tta.tta-accordion .tta-controls-icon-position-right.tta-panel-title>a{padding-left: 10px;  }
.why-us-loan-licensing .franchise-services ul li{padding-left: 35px;}
.contact-container-fluid .cont-info .form{padding: 0;}
.contact-info{padding: 30px;}
.pharma-video iframe{width: 100%; height: 220px;  }  
.manufacturing-banner .img-wrapper{padding-top: 125px; padding-bottom: 60px;}
.topnav .container-fluid{padding: 0;}
.navbar .nav-links li a{padding: 12px 25px;
        display: block;
        color: #fff;
        font-weight: normal;}
.navbar .nav-links.active{height: calc(100vh - 76px);; overflow-y: auto; background: #000; }
.topsub-menu{background: #121212;}

.mobile-footer{
	background: #ffffff;
    padding: 11px 10px;
    position: fixed;
    bottom: 0px;
    justify-content: space-between;
    border-top: 1px #ddd solid;
    width: 100%;
    text-align: center;
    display: flex;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 99;
    gap: 10px;


}
.mobile-footer a, .mobile-footer a:hover{
	background:#ea5e20;
	padding: 10px 15px;
	border-radius: 3px;
	color: #fff;
	width: 50%;
	font-size: 18px;
}
.mobile-footer-button{padding-bottom: 50px;}

}




@media screen and (max-width:550px){
.why-chooseus-services ul{  grid-template-columns: auto;justify-content: inherit;}
.why-chooseus-services li{text-align: center; margin: 0;  }
.why-chooseus-services { padding-top: 40px; padding: 25px 20px 0px 20px;}
.nanuf-services-value{font-size: 16px; padding-bottom:10px;}
.partners-logo ul{grid-template-columns: auto auto; display: grid;}
.partners-logo ul li { padding: 10px 20px; text-align: center; align-items: center; justify-content: center;display: flex;}
.footer_wrapper .container {  max-width: 95%;}
.why-chooseus-services li span { width: 55px;}
.why-chooseus-value{text-align: left; font-size: 20px;}
.manuf-services-list li span {    max-width: 50px;}
.principle-contact-info h2, .section-title{font-size: 25px;}
.testimonial-wrapper p{font-size: 16px; line-height: 25px;}
.owner-name{font-size: 20px;}
.post{font-size: 15px;}
.franchise-business-banner h1{font-size: 28px; padding-top: 0;}
.franchise-video{height: 220px;}
.whyus-services ul li{margin-bottom: 15px; width: 100%; min-height: inherit;}
.page-header .title h1{font-size: 28px;}
.franchise-services li { width: 100%; margin-left: 0px;}
.custom-table tr td{font-size: 13px;}
.custom-table tr td:nth-child(1){width: 95px;}
.custom-table tr td:nth-child(3){width: 70px;}
.composer .tta.general .tta-panel-title>a{font-size: 16px;}
.process .content ul li .cont p{line-height: 22px;}
.testimonials p{text-align: center; line-height: 25px;}
.manufacturing-banner h1{font-size: 28px;}

}

@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;	}

}

a.kmore.wow.words.chars.splitting.animated {
    display: none;
}
.hight_text h2 {
    font-size: 20px;
    /* margin-top: 60px; */
    color: #ffffff;
    border-bottom: 2px solid #34a43c;
    /* display: inline-block; */
    padding: 11px;
    background: #ea5d21;
    border-radius: 30px;
}

.product-heading {
    margin-left: 30px !important;
    color: #ea5d21;
}

@media (max-width:550px) {
    .product-heading {
        margin-left: 0px !important; 
        text-align: center !important;
        margin-bottom: 30px !important;
    }
}

.col-lg-12.col-md-12:has(#accordionExample) {
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(234, 94, 32, 0.3);
    padding: 15px;
}

.footer-contact-us {
    display: flex;
    color: #fff;
    text-decoration: none;
}
.footer-contact-us:hover {
    display: flex;
    color: #fff;
    text-decoration: none;
}