:root {
	touch-action:pan-x pan-y;
	height:100%
}
* {
	padding:0;
	margin:0
}
body {
	overflow-X:hidden;
	overflow-Y:hidden;
	background:#141414;
	padding-right: 0px !important;
}

body.afterloadingbody {
	overflow-Y:auto
}
.loader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background:#000;
	background-size:100%;
	z-index:999
}
.loader img {
	position:absolute;
	width:120px;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%)
}
.bg-black {
	background-color:#161616
}
.bg-yellow {
	background-color:rgba(233,186,30,1)
}
.bg-white {
	background-color:#fff
}
.clr-yellow {
	color:rgba(233,186,30,1)
}
.clr-white {
	color:#fff
}
.clr-black {
	color:#161616
}
a {
	text-decoration:none
}
a:hover,a:focus,a:active {
	text-decoration:none;
	opacity:1;
	transition:0.5s
}

h1, h2, h3, h4, h5 , h6 {
	font-family: 'Metropolis' !important;
}

p {
	margin:0;
	padding:0;
	font-family: 'Metropolis' !important;
}
body {
	display:flex;
	flex-direction:column;
	font-size:21px;
	font-family:'Metropolis';
	font-weight:400;
	margin:0 auto;
	max-width:100%;
	min-height:100vh!important;
	padding:0;
	position:initial!important;
	cursor:url(../images/logo-bee.png),auto; 
	overflow-X:hidden
}
img {
	max-width:100%
}
.main-banner {
	background-image:url(../images/banner/1.jpg);
	height:600px
}
.main-banner .container {
	z-index:3;
	position:relative;
	height:100%
}
.banner-content {
	position:absolute;
	top:50%;
	left:35%;
	transform:translateY(-50%) translateX(-35%) scale(.91);
	;
	z-index:99
}
.banner-content .bannerinnerblock {
	position:relative;
	right:0;
	margin-left:50px;
	padding-left:0
}
.logo-img canvas {
	margin:15px 0 0 250px
}
.banner-content .banner-content-small {
	color:#fff;
	text-transform:uppercase;
	font-size:.7em;
	letter-spacing:.10em;
	display:block
}
.banner-content .banner-content-main {
	color:#fff;
	font-size:3.42em;
	line-height:1;
	font-weight:800;
	display:block
}
.period,.periodbe {
	color:rgba(233,186,30,1)
}
.logo a:hover {
	opacity:1
}
.lineAnimated {
	position:absolute;
	top:22%;
	left:6%;
	right:0;
	z-index:-1
}
.afterloading .lineAnimated path {
	stroke-dasharray:1100;
	stroke-dashoffset:1100;
	animation:dash 5s ease-in-out forwards;
	-moz-animation:dash 5s ease-in-out forwards;
	-o-animation:dash 5s ease-in-out forwards;
	-webkit-animation:dash 5s ease-in-out forwards
}
@keyframes dash {
	to {
	stroke-dashoffset:0
}
}
@-webkit-keyframes dash {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated .cls-1 {
	fill:none;
	stroke:#fcca18
}
.lineAnimated svg {
	width:70%
}
.logo {
	float:left;
	width:190px
}
.wavetextaction {
	color:#fff;
	float:right;
	font-size:18px;
	position:relative;
	margin-top:10px;
	margin-right:2%
}
.wavetextaction a {
	color:#fff;
	font-size:14px
}
.wavetextaction a:hover {
	color:#fff
}
.wavetextaction a span,.wavetextaction a:hover span {
	position:relative;
	animation:wavetextaction 2s ease forwards;
	-webkit-animation:wavetextaction 2s ease forwards
}
.wavetextaction a span:nth-child(1),.wavetextaction a:hover span:nth-child(1) {
	animation-delay:.1s
}
.wavetextaction a span:nth-child(2) {
	animation-delay:.2s
}
.wavetextaction a span:nth-child(3) {
	animation-delay:.3s
}
.wavetextaction a span:nth-child(4) {
	animation-delay:.4s
}
.wavetextaction a span:nth-child(5) {
	animation-delay:.5s
}
.wavetextaction a span:nth-child(6) {
	animation-delay:.6s
}
.wavetextaction a span:nth-child(7) {
	animation-delay:.7s
}
.wavetextaction a span:nth-child(8) {
	animation-delay:.8s
}
.wavetextaction a span:nth-child(9) {
	animation-delay:.9s
}
.wavetextaction a span:nth-child(10) {
	animation-delay:1s
}
.wavetextaction a span:nth-child(11) {
	animation-delay:1.1s
}
.wavetextaction a span:nth-child(12) {
	animation-delay:1.2s
}
.wavetextaction a span:nth-child(13) {
	animation-delay:1.3s
}
.wavetextaction a span:nth-child(14) {
	animation-delay:1.4s
}
@keyframes wavetextaction {
	0% {
	top:0
}
50% {
	top:-7px
}
75% {
	top:5px
}
100% {
	top:0
}
}
@-webkit-keyframes wavetextaction {
	0% {
	top:0
}
50% {
	top:-7px
}
75% {
	top:5px
}
100% {
	top:0
}
}
.logo-img {
	position:absolute;
	left:65.9%;
	top:-21%
}
.banner-btn a {
	color:#fff;
	text-transform:uppercase;
	font-size:17px;
	letter-spacing:.10em
}
.banner-btn a.homepage {
	display:inline-block
}
.banner-btn {
	z-index:10000;
	display:inline-block;
	margin-top:70px;
	max-width:219px;
	position:relative
}
.banner-btn:after {
	position:absolute;
	content:'';
	height:1px;
	background:#fff;
	width:20px;
	right:-10px;
	top:23px;
	transition:width 1s,opacity 1s
}
.banner-btn:hover:after {
	width:20px;
	opacity:0;
	transition:width .5s,opacity .5s;
	-webkit-transition:width .5s,opacity .5s
}
.banner-btn:hover a {
	color:rgb(255,255,255);
	opacity:1
}
.rect-shape {
	stroke-dasharray:492 9;
	stroke-dashoffset:-738;
	stroke-width:2px;
	stroke:rgb(252,252,252);
	fill:none
}
@keyframes btnborder {
	0% {
	stroke-dasharray:510;
	stroke-dashoffset:510
}
100% {
	stroke-dasharray:515;
	stroke-dashoffset:0
}
}
.banner-btn:hover .rect-shape {
	stroke-width:3px;
	stroke:rgba(233,186,30,1);
	fill:none;
	animation:btnborder 2s ease forwards;
	-webkit-animation:btnborder 2s ease forwards
}
.btn-start {
	position:absolute;
	top:11px;
	left:14px;
	z-index:2
}
.banner-btn:hover .btn-start {
	color:rgba(233,186,30,1)
}
.mouse-animation {
	position:fixed;
	top:580px;
	left:50%;
	transform:translateX(-50%);
	width:21px;
	cursor:pointer;
	z-index:99
}
.scroll-circle {
	animation-name:scroll;
	animation-duration:1.5s;
	animation-timing-function:cubic-bezier(.65,-.55,.25,1.50);
	animation-iteration-count:infinite;
	transform-origin:50% 20.5px;
	will-change:transform,opacity;
	opacity:1;
	fill:#fcc404
}
.mouse-animation.mouse-animation-hide {
	display:none
}
.mouse-animation.mouse-animation-block {
	display:block
}
@keyframes scroll {
	0%,20% {
	transform:translateY(0) scaleY(1)
}
100% {
	transform:translateY(36px) scaleY(2);
	opacity:0
}
}
@-webkit-keyframes scroll {
	0%,20% {
	transform:translateY(0) scaleY(1)
}
100% {
	transform:translateY(36px) scaleY(2);
	opacity:0
}
}
.main-menu [type="checkbox"]:checked,.main-menu [type="checkbox"]:not(:checked) {
	position:absolute;
	left:-9999px
}
.main-menu .menu-icon:checked+label,.main-menu .menu-icon:not(:checked)+label {
	position:absolute;
	top:63px;
	right:75px;
	display:block;
	width:30px;
	height:30px;
	padding:0;
	margin:0;
	cursor:pointer;
	z-index:102
}
.main-menu .menu-icon:not(:checked)+label {
	z-index:0;
	transition:all 0.5s ease
}
.main-menu .menu-icon:not(:checked)+label span b {
	animation:coloranim 1s ease forwards;
	-webkit-animation:coloranim 1s ease forwards
}
@keyframes coloranim {
	0% {
	color:transparent
}
100% {
	color:rgba(255,255,255,1)
}
}
@-webkit-keyframes coloranim {
	0% {
	color:transparent
}
100% {
	color:rgba(255,255,255,1)
}
}
.main-menu .menu-icon:checked+label:before {
	position:absolute;
	content:'';
	display:block;
	width:30px;
	height:20px;
	z-index:20;
	top:0;
	left:0;
	border-top:2px solid #ececee;
	border-bottom:2px solid #ececee;
	transition:border-width 100ms 1500ms ease,top 100ms 1600ms cubic-bezier(.23,1,.32,1),height 100ms 1600ms cubic-bezier(.23,1,.32,1),background-color 200ms ease,transform 200ms cubic-bezier(.23,1,.32,1)
}
.main-menu .menu-icon:checked+label:after {
	position:absolute;
	content:'';
	display:block;
	width:22px;
	height:2px;
	z-index:20;
	top:10px;
	right:4px;
	background-color:#000;
	margin-top:-1px;
	transition:width 100ms 1750ms ease,right 100ms 1750ms ease,margin-top 100ms ease,transform 200ms cubic-bezier(.23,1,.32,1)
}
.main-menu .menu-icon:checked+label span.word.m,.main-menu .menu-icon:checked+label span.word.e,.main-menu .menu-icon:checked+label span.word.n,.main-menu .menu-icon:checked+label span.word.u {
	display:none;
	transition:0.5s
}
.main-menu span.word {
	position:absolute;
	color:rgba(255,255,255,1);
	font-size:18px;
	height:20px;
	width:20px
}
.main-menu span.word.m {
	display:inline-table;
	top:-20px;
	left:-6px;
	border:1px solid transparent;
	line-height:14px;
	padding:1px 0 3px 0;
	text-align:center
}
.main-menu span.word.e {
	display:inline-table;
	top:-20px;
	right:-6px;
	border:1px solid transparent;
	line-height:14px;
	padding:1px 0 3px 0;
	text-align:center
}
.main-menu span.word.n {
	display:inline-table;
	top:6px;
	left:-6px;
	border:1px solid transparent;
	line-height:14px;
	padding:1px 0 3px 0;
	text-align:center
}
.main-menu span.word.u {
	text-align:center;
	border:1px solid transparent;
	line-height:14px;
	padding:1px 0 3px 0;
	display:inline-table;
	top:6px;
	right:-8px
}
.main-menu span.word.m:hover,.main-menu span.word.e:hover,.main-menu span.word.n:hover,.main-menu span.word.u:hover {
	display:inline-table;
	border:1px solid #fcc504;
	line-height:14px;
	padding:1px 0 3px 0;
	transition:0.5s ease
}
.main-menu .menu-icon:checked+label:before {
	top:10px;
	transform:rotate(45deg);
	height:2px;
	background-color:#000;
	border-width:0;
	transition:border-width 100ms 340ms ease,top 100ms 300ms cubic-bezier(.23,1,.32,1),height 100ms 300ms cubic-bezier(.23,1,.32,1),background-color 200ms 500ms ease,transform 200ms 1700ms cubic-bezier(.23,1,.32,1)
}
.main-menu .menu-icon:checked+label:after {
	width:30px;
	margin-top:0;
	right:0;
	transform:rotate(-45deg);
	transition:width 100ms ease,right 100ms ease,margin-top 100ms 500ms ease,transform 200ms 1700ms cubic-bezier(.23,1,.32,1);
	transition-delay:1s
}
.main-menu .nav {
	position:fixed;
	display:block;
	padding:0;
	margin:0;
	z-index:101;
	overflow:hidden
}
.main-menu .menu-icon:checked~.nav {
	width:100%;
	height:100%
}
.main-menu .nav ul.menu-items {
	position:relative;
	top:50%;
	left:0;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	z-index:6;
	text-align:center;
	transform:translateY(-50%);
	list-style:none
}
.main-menu .nav ul.menu-items li {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin:10px 0;
	text-align:right;
	list-style:none;
	pointer-events:none;
	opacity:0;
	visibility:hidden;
	transform:translateY(30px);
	transition:all 250ms linear;
	right:57px
}
.main-menu .nav ul.menu-items li:nth-child(1) {
	transition-delay:200ms
}
.main-menu .nav ul.menu-items li:nth-child(2) {
	transition-delay:150ms
}
.main-menu .nav ul.menu-items li:nth-child(3) {
	transition-delay:100ms
}
.main-menu .nav ul.menu-items li:nth-child(4) {
	transition-delay:50ms
}
.main-menu .nav ul.menu-items li:nth-child(5) {
	transition-delay:10ms
}
.main-menu .nav ul.menu-items li a {
	font-size:32.8px;
	text-transform:uppercase;
	line-height:1.2;
	font-weight:800;
	display:inline-block;
	position:relative;
	color:#000;
	transition:all 250ms linear
}
.main-menu .nav ul.menu-items li a:hover {
	text-decoration:none;
	color:rgb(52 52 52);
}
.main-menu .nav ul.menu-items li a:after {
	display:block;
	position:absolute;
	top:50%;
	content:'';
	height:8px;
	margin-top:-3px;
	width:0;
	left:0;
	background-color:#5A4504;
	opacity:.8;
	transition:width 250ms linear
}
.main-menu .nav ul li a:hover:after {
	width:100%
}
.main-menu .menu-icon:checked~.nav ul li {
	pointer-events:auto;
	visibility:visible;
	opacity:1;
	transform:translateY(0);
	transition:transform 250ms ease
}
.main-menu .menu-icon:not(:checked)~.nav ul li {
	pointer-events:auto;
	visibility:visible;
	opacity:1;
	transform:translateY(0);
	transition:opacity 350ms ease,transform 250ms ease
}
.about {
	position:relative;
	background-color:#141414;
	display:block;
	width:100%;
	padding-top:50px;
	position:relative
}
.about-wrapper-inner {
	padding:50px 0;
	display:inline-block;
	position:relative
}
.about-content .about-heading {
	color:#fff;
	font-weight:bolder;
	font-size:2.42em
}
.about-content .about-copy {
	color:#fff;
	font-size:.8em;
	max-width:85%;
	line-height:1.5;
	display:inline-block
}
.about-content {
	margin-left:0%;
	margin-top:10%
}
.about-content a.about-link {
	display:inline-block;
	color:#fff;
	position:relative;
	font-size:.8em;
	line-height:1.2;
	letter-spacing:.10em;
	text-transform:uppercase;
	margin-top:15px
}
.about-content a.about-link:after {
	content:'';
	height:1px;
	width:20px;
	background-color:rgba(233,186,30,1);
	position:absolute;
	top:9px;
	right:-30px;
	transition:width 1s,opacity 1s
}
.about-content a.about-link:hover:after {
	width:25px;
	opacity:0;
	transition:width 0.5s,opacity 1s
}
.about-content a.about-link:hover {
	color:rgba(233,186,30,1);
	opacity:1
}
.our-journey {
	display:inline-block;
	background-image:url(../images/journey/bg.jpg);
	padding:50px 0;
	height:500px;
	position:relative;
	width:100%
}
.our-journey .journey-small-content {
	color:#fff;
	text-transform:uppercase;
	font-size:.7em;
	letter-spacing:.10em;
	display:block
}
.our-journey-inner {
	display:block
}
.our-journey-content .journey-heading {
	color:#fff;
	font-weight:900;
	font-size:3.42em;
	line-height:1
}
.journey-gallery {
	display:flex;
	justify-content:space-between
}
.jounery-content-block {
	display:flex;
	height:100%
}
.our-journey-content {
	height:178px;
	margin:auto
}
.journey-video {
	position:relative;
	overflow:hidden;
	margin-right:15px
}
.journey-video a img,.journey-image a img {
	cursor:pointer;
}
.journey-video .btn.focus,.journey-video .btn:focus,.journey-image .btn.focus,.journey-image .btn:focus {
	box-shadow:none
}
.journey-video a#vid,.journey-image a#gall {
	color:#fff;
	font-weight:500;
	font-size:15px;
	position:absolute;
	bottom:34px;
	right:41px;
	cursor:pointer;
	opacity:1;
	outline:none;
	box-shadow:none;
	letter-spacing:.5px
}
.journey-image a#gall {
	color:#000
}
#projectFacts {
	padding:100px 0;
	position:relative;
	display:block;
	background:#fff
}
.fullWidth {
	width:100%!important;
	display:table;
	float:none;
	padding:0;
	min-height:1px;
	height:100%;
	position:relative
}
.headerLine {
	width:160px;
	height:2px;
	display:inline-block;
	background:#101F2E
}
.projectFactsWrap {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap
}
#projectFacts .fullWidth {
	padding:0
}
.projectFactsWrap .item {
	width:25%;
	height:100%;
	text-align:center;
	position:relative
}
.owl-carousel .owl-nav .owl-prev i:hover {
	animation:arrowanimationleft .5s ease forwards;
	color:rgba(233,186,30,1)
}
.owl-carousel .owl-nav button.owl-next i:hover {
	animation:arrowanimationleft .5s ease forwards;
	color:rgba(233,186,30,1)
}
@keyframes arrowanimationleft {
	0%,100% {
	transform:translate(0)
}
37% {
	transform:translate(7px)
}
}
.projectFactsWrap .item p.line {
	transform:rotate(180deg);
	margin-top:40px;
	position:relative
}
.projectFactsWrap .item p.line i {
	position:absolute;
	display:none;
	width:2px;
	animation:line-anim 3.5s ease forwards;
	-webkit-animation:line-anim 3.5s ease forwards;
	background-color:rgba(233,186,30,1)
}
.projectFactsWrap .item p.line i.block-line {
	display:inline-block
}
@keyframes line-anim {
	0% {
	height:0
}
100% {
	height:30px
}
}
.projectFactsWrap .item p.number {
	font-size:2.42em;
	padding:0;
	font-weight:700;
	color:#000;
	line-height:1.17;
	margin:0
}
.projectFactsWrap .item p {
	font-size:1em;
	color:#000
}
.projectFactsWrap .item span {
	width:60px;
	background:rgba(255,255,255,.8);
	height:2px;
	display:block;
	margin:0 auto
}
.projectFactsWrap .item i {
	vertical-align:middle;
	font-size:50px;
	color:rgba(255,255,255,.8)
}
.projectFactsWrap .item:hover span {
	background:#fff
}
.skill-wrapper {
	display:inline-block;
	background-image:url(../images/skill/bg.png);
	padding:0;
	width:100%
}
.skill-wrapper-inner {
	display:inline-block;
	background-image:url(../images/skill/inner-bg.jpg);
	padding:50px 50px 50px 100px;
	width:100%;
	background-size:100%
}
.skill-wrapper-inner .skill-heading {
	font-size:1.14em;
	color:rgba(233,186,30,1);
	font-weight:700;
	letter-spacing:.025em
}
.feedback-slider-item {
	position:relative;
	color:#fff;
}
.feedback-slider-item ul {
	padding-left:20px!important;
	margin-top: 15px!important;
}
.profile-name {
	font-size:2.42em;
	font-weight:700;
	color:rgba(255,255,255,1);
	line-height:1.17
}
.feedback-slider-item p {
	line-height:1.7;
	color:rgba(255,255,255,1);
	font-weight:400;
	width:100%
}
.skill-vector {
	text-align:center;
	display:inline-block;
	margin-top:20%
}
.skill-vector img {
	max-width:300px;
	margin:0 auto
}
.skill-content i {
	color:#fff
}
.skill-content i.fal.fa-long-arrow-right {
	margin-left:10px
}
.skill-content .owl-nav {
	margin-top:25px;
	text-align:center
}
.portfolio {
	background-image:url(../images/team/bg.jpg);
	padding:60px 0;
	position:relative
}
.grid-container {
	padding:10px;
}
.grid-item {
	background-color:rgba(255,255,255,.8);
	text-align:center;
	font-size:30px
}
.grid-item a {
	display:block
}
.grid-container img {
	border:1px solid #d5d5d5
}
.item2 {
	grid-column:2;
	grid-row:1 / span 2
}
.item6 {
	grid-column:3;
	grid-row:2 / span 2
}
.item4 {
	grid-column:4;
	grid-row:1
}
.grid-item {
	transition:all .5s ease-out;
	overflow:hidden;
}
.grid-item a img {
	transition:all .5s ease-out
}
.grid-container.gallery .grid-item:hover a img {
	transform:scale(1.4);
	transition:all .2s ease-in;
	z-index:4;
	filter:none
}
.grid-item:hover a {
	opacity:1
}
.portfolio-btn a#careerlink {
	display:inline-block
}
.portfolio-btn a {
	color:#000;
	text-transform:uppercase;
	font-size:17px;
	letter-spacing:.10em
}
.portfolio-btn {
	position:relative;
	width:220px;
	margin:30px auto
}
.portfolio-btn:after {
	position:absolute;
	content:'';
	height:1px;
	background:#000;
	width:20px;
	right:-30px;
	top:23px;
	transition:width 1s,opacity 1s
}
.portfolio-btn:hover:after {
	width:20px;
	opacity:0;
	transition:width .5s,opacity .5s
}
.portfolio-btn:hover a {
	color:rgba(233,186,30,1);
	opacity:1
}
.portfolio-btn svg .rect-shape {
	stroke-dasharray:492 9;
	stroke-dashoffset:-759;
	stroke-width:2px;
	stroke:rgba(233,186,30,1);
	fill:#fff
}
.portfolio-btn:hover .rect-shape {
	stroke-width:3px;
	stroke:#000;
	fill:none;
	animation:btnborderport 2s ease forwards;
	-webkit-animation:btnborderport 2s ease forwards
}
@keyframes btnborderport {
	0% {
	stroke-dasharray:554;
	stroke-dashoffset:554
}
100% {
	stroke-dasharray:554;
	stroke-dashoffset:0
}
}
.portfolio-btn .btn-start {
    position: absolute;
    top: 12px;
    left: 10px !important;
    z-index: 2;
}
.portfolio-btn:hover .btn-start {
	color:#000
}
.reviews {
	background-image:url(../images/team/bg.jpg);
	padding:60px 0;
	position:relative
}
.team-heading-wrapper {
	text-align:center
}
.team-heading-wrapper .team-heading-copy {
	color:rgba(0,0,0,1);
	font-weight:900;
	font-size:2.42em;
	line-height:1.17
}
.reviews .slick-slider {
	z-index:9
}
.reviews .sin-testiImage img {
	-webkit-transform:scale(.7,.7);
	transform:scale(.7,.7);
	-webkit-transition:all 2s ease;
	transition:all 2s ease;
	border-radius:50%;
	cursor:pointer;
	display:block;
	margin:15px auto
}
.reviews .sin-testiImage.slick-current img {
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	-webkit-transition:all 2s ease;
	transition:all 2s ease;
	border:2px solid rgba(233,186,30,1)
}

.reviews .reviews-slider {
	position:relative
}
.reviews .reviews-text-slider {
	margin:auto;
	padding:0;
	position:relative;
	text-align:center;
	z-index:9
}
.reviews .sin-testiText {
	outline:none;
	text-align:center
}
.reviews .sin-testiText p {
	margin:0 auto;
	color:rgba(0,0,0,1);
	font-size:.8em;
	line-height:24px;
	max-width:450px;
	background-color:rgba(255,255,255,1);
	padding:50px 20px
}
.reviews .sin-testiText p::before {
	content:url(../images/bee-team.svg);
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:12px;
	transform:translateX(-50%)
}
.scrollup {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 5px;
    right: 10px;
    text-align: center;
    padding: 10px;
    z-index: 100;
    display: none;
}
.outerforceo {
	background:#fff
}
.section-ceo-about-profile {
	display:block;
	width:100%;
	padding:100px 0;
	background:#fff;
	background-position:right
}
.ceoimagenew {
	display:block;
	width:100%;
	background:url(../images/ceo/bg.png) no-repeat;
	background-position:bottom center
}
.ceoimagenew img {
	max-width:700px;
	width:100%;
	margin:0 auto;
	display:block;
	position:relative;
	top:-2px
}
.title-ceo-secton {
	display:block;
	font-weight:800;
	text-transform:capitalize;
	position:relative;
	margin:0 0 20px 0;
	z-index:9999
}
.signature_img {
	display:block;
	width:120px;
	margin:30px 0 0 0
}
.right-ceo-img {
	width:100%;
	display:block
}
.ceosection {
	margin-top:126px
}
.signature {
	font-size:72px;
	font-family:'Domestic Script' !important;
}
.testimonial-section {
	width:100%;
	display:block;
	background:url(../images/testimonial/backimage.jpg);
	padding:100px 0;
	position:relative
}
.title-inner-section-heading {
	display:block;
	text-align:center;
	margin:0 0 40px 0;
	font-weight:800;
	position:relative;
	z-index:999
}
.testi_inner_section_slider {
	width:100%;
	display:block;
	padding:20px 60px 100px;
	text-align:center;
	position:relative
}
.inner_testi_content2 {
	background:#f9f9f9;
	padding:60px 40px 90px;
	position:relative
}
.profile_testi_set1 {
	position:absolute;
	bottom:-70px;
	left:50%;
	transform:translateX(-50%)
}
.profile-client-img {
	width:100px;
	margin:0 auto
}
.slider {
	width:100%;
	display:block
}
.slick-slide {
	margin:0
}
.slick-prev:before,.slick-next:before {
	color:#000
}
.slick-slide {
	transition:all ease-in-out .3s;
	opacity:.2
}
.slick-active {
	opacity:.5
}
.slick-current {
	opacity:1
}
.beesolver-culture-content .culture-heading {
	color:#fff;
	font-weight:900;
	font-size:3.42em;
	line-height:1
}
.video-overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgb(232 183 32 / 90%)
}
.culture-heading .animated-title {
	top:75%
}
.beesolver-culture-section {
	padding:160px 0 106px 0;
	position:relative
}
.culture-content-block {
	margin-top:132px
}
.m-top-25 {
	margin-top:25px
}
.m-top-25 p {
	color:#fff;
	font-size:17px;
	margin-top:15px;
	font-weight:400
}
.bee-back-text {
	font-size:20px;
	text-shadow:2px 0 0 rgba(233,186,30,1),-2px 0 0 rgba(233,186,30,1),0 2px 0 rgba(233,186,30,1),0 -2px 0 rgba(233,186,30,1),1px 1px rgba(233,186,30,1),-1px -1px 0 rgba(233,186,30,1),1px -1px 0 rgba(233,186,30,1),-1px 1px 0 rgba(233,186,30,1)
}
.lets-build-section {
	width:100%;
	display:block;
	padding:0
}
.container.content-align {
	position:absolute
}
.build-text-back {
	background:none;
	width:100%;
	background-size:initial;
	padding:5px 0;
	text-align:center
}
.build-something-title {
	display:block;
	text-align:left;
	margin:0 0 30px 0;
	font-weight:800;
	position:relative;
	z-index:999;
	color:#000
}
.lets-build-section a {
	color:#000;
	text-decoration:none;
	font-weight:500
}
.gmap_canvas {
	overflow:hidden;
	background:none!important;
	height:500px;
	width:100%
}
#gmap_canvas {
	width:100%;
	height:500px
}
.mapouter {
	position:relative;
	text-align:right;
	height:500px;
	width:100%
}
.details-section {
	width:35%;
	padding:111px 77px 50px
}
.map-section {
	width:65%
}
.details-section p,.details-section h4 {
	margin-bottom:30px;
	word-break:break-word
}
.followus ul {
	list-style:none
}
.followus ul li {
	display:inline-block;
	margin-right:15px
}
.copy-right {
	text-align:center;
	padding:10px 0;
	font-size:15px
}
.contactus {
	position:relative
}
.contactus i {
	margin-right:25px
}
.contactus i.fa-map-marker-alt {
	position:absolute;
	left:17px
}
.copyright {
	font-size:12px;
	margin-top:87px
}
.address-block h4 {
	font-weight:800;
	margin-bottom:15px
}
.main-banner .container~div {
	background:transparent!important
}
.main-banner .container~canvas {
	opacity:.2;
	z-index:2!important
}
/*.beeline-animation {
	display:none
}
*/.inline-photo.is-visible .about-img {
	animation:easingcontent 1.5s ease-in;
	opacity:1
}
@keyframes easingcontent {
	0% {
	transform:scale(0);
	opacity:.5
}
100% {
	transform:scale(1);
	opacity:1
}
}
.is-visible .main-photo {
	transform:none
}
.main-photo,.heading {
	transition:transform 4s .25s cubic-bezier(0,1,.3,1),filter 10s 2s ease-out;
	will-change:transform
}
.animated-heading div {
	display:none
}
.is-visible .animated-heading div {
	display:inline-block;
	overflow:hidden;
	white-space:nowrap
}
.animated-heading div:first-of-type {
	animation:showup 2s ease-in-out forwards
}
.animated-heading div:last-of-type {
	width:0;
	animation:reveal 5s ease-in-out forwards;
	text-align:left
}
.animated-heading.teamsay div:last-of-type {
	width:0;
	animation:revealteam 5s ease-in-out forwards;
	text-align:left
}
.animated-heading.testi div:last-of-type {
	width:0;
	animation:revealtesti 5s ease-in-out forwards;
	text-align:left
}
.animated-heading div:last-of-type span {
	margin-left:-300px;
	animation:slidein 5s ease-in-out forwards
}
@keyframes showup {
	0% {
	opacity:0
}
50% {
	opacity:.5
}
100% {
	opacity:1
}
}
@keyframes slidein {
	0% {
	margin-left:-800px
}
20% {
	margin-left:-800px
}
35% {
	margin-left:0
}
100% {
	margin-left:0
}
}
@keyframes reveal {
	0% {
	opacity:0;
	width:0
}
20% {
	opacity:1;
	width:0
}
30% {
	width:300px
}
80% {
	opacity:1
}
100% {
	opacity:1;
	width:300px
}
}
@keyframes revealteam {
	0% {
	opacity:0;
	width:0
}
20% {
	opacity:1;
	width:0
}
30% {
	width:400px
}
80% {
	opacity:1
}
100% {
	opacity:1;
	width:400px
}
}
@keyframes revealtesti {
	0% {
	opacity:0;
	width:0
}
20% {
	opacity:1;
	width:0
}
30% {
	width:330px
}
80% {
	opacity:1
}
100% {
	opacity:1;
	width:330px
}
}
@keyframes showTopText {
	0% {
	transform:translate3d(0,100%,0)
}
40%,60% {
	transform:translate3d(0,50%,0)
}
100% {
	transform:translate3d(0,0,0)
}
}
@keyframes showBottomText {
	0% {
	transform:translate3d(0,-100%,0)
}
100% {
	transform:translate3d(0,0,0)
}
}
.animated-title {
	display:none
}
.is-visible .animated-title {
	color:#fff;
	height:50vmin;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:550px;
	display:block
}
.animated-title>div {
	height:50%;
	overflow:hidden;
	position:absolute;
	width:100%
}
.animated-title>div.text-top div {
	animation:showTopText 2s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
	bottom:0;
	transform:translate(0,100%)
}
.animated-title>div.text-top div span:first-child {
	color:#fff
}
.animated-title>div.text-bottom {
	bottom:0
}
.animated-title>div.text-bottom div {
	animation:showBottomText 0.5s;
	animation-delay:1.75s;
	animation-fill-mode:forwards;
	top:0;
	transform:translate(0,-100%)
}
.is-visible .our-journey-content .animated-title {
	font-weight:900;
	font-size:3.42em;
	line-height:1;
	width:320px
}
.our-journey-content .animated-title>div.text-top div {
	animation:showTopTextjou .5s;
	animation-delay:.5s;
	animation-fill-mode:forwards;
	bottom:0;
	transform:translate(0,100%)
}
@keyframes showTopTextjou {
	0% {
	transform:translate3d(0,100%,0)
}
100% {
	transform:translate3d(0,0,0)
}
}
.is-visible .our-journey-content .animated-title>div.text-bottom div {
	animation:showBottomText .5s;
	animation-delay:1s;
	animation-fill-mode:forwards;
	top:0;
	transform:translate(0,-100%);
	display: flex;
}
.is-visible .our-journey-content {
	height:178px;
	margin:auto;
	width:100%;
	margin-left:20px
}
@keyframes popIn {
	0% {
	opacity:0;
	bottom:0
}
50% {
	opacity:1;
	bottom:20px
}
80% {
	opacity:1;
	bottom:-10px
}
100% {
	bottom:0;
	opacity:1
}
}
.afterloading .period,.periodbe {
	animation:popIn 1s ease-in-out forwards;
	animation-delay:1.5s;
	position:relative;
	opacity:0
}
.bold-textbox {
	width:400px;
	height:280px;
	position:relative;
	display:flex;
	justify-content:center;
	flex-direction:column
}
.bold-textbox div {
	width:100%;
	position:relative;
	display:flex;
	align-items:center;
	height:80px;
	margin-bottom:5px
}
.bold-textbox .block {
	z-index:3
}
.afterloading .title_one .block {
	width:0%;
	height:inherit;
	background:rgba(233,186,30,1);
	position:absolute;
	animation:mainBlock 1.2s ease-in forwards;
	display:flex
}
.afterloading .title_two .block {
	width:0%;
	height:inherit;
	background:rgba(233,186,30,1);
	position:absolute;
	animation:mainBlock 1.2s ease-in forwards;
	display:flex;
	animation-delay:.2s
}
.afterloading .title_three .block {
	width:0%;
	height:inherit;
	background:rgba(233,186,30,1);
	position:absolute;
	animation:mainBlock 1.2s ease-in forwards;
	display:flex;
	animation-delay:.4s
}
.afterloading .bold-textbox h1 {
	color:#fff;
	font-size:72px;
	font-weight:900;
	-webkit-animation:mainFadeIn 1.2s ease-in forwards;
	-o-animation:mainFadeIn 1.2s ease-in forwards;
	animation:mainFadeIn 1.2s ease-in forwards;
	animation-delay:.8s;
	opacity:0;
	align-items:baseline;
	position:relative;
	margin-bottom:0;
	z-index:1;
	line-height:70px
}
.afterloading .bold-textbox .period,.bold-textbox .periodbe {
	animation:popIn 1s ease-in-out forwards;
	animation-delay:1.5s;
	position:relative;
	opacity:0
}
@keyframes mainBlock {
	0% {
	width:0%;
	left:0
}
50% {
	width:100%;
	left:0
}
100% {
	width:0;
	left:100%
}
}
@keyframes mainFadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.is-visible .about-wrapper-inner,.is-visible .skill-wrapper-inner {
	bottom:-100px;
	position:relative;
	animation:smoothblock 2s ease forwards;
	display:block
}
@keyframes smoothblock {
	0% {
	bottom:-100px
}
100% {
	bottom:0
}
}
.projectFactsWrap .item {
	opacity:0
}
.is-visible .projectFactsWrap .item:nth-child(1) {
	animation:fadeinDown 1s ease forwards;
	opacity:0
}
.is-visible .projectFactsWrap .item:nth-child(2) {
	animation:fadeinDown 1s ease forwards;
	opacity:0;
	animation-delay:.2s
}
.is-visible .projectFactsWrap .item:nth-child(3) {
	animation:fadeinDown 1s ease forwards;
	opacity:0;
	animation-delay:.4s
}
.is-visible .projectFactsWrap .item:nth-child(4) {
	animation:fadeinDown 1s ease forwards;
	opacity:0;
	animation-delay:.6s
}
@keyframes fadeinDown {
	0% {
	opacity:0;
	transform:translate3d(0,-100%,0)
}
100% {
	opacity:1;
	transform:none
}
}
.is-visible .grid-container {
	background:transparent;
	animation:backfroundgrid 2s ease forwards
}
@keyframes backfroundgrid {
	0% {
	background:transparent
}
100% {
	background:#fff
}
}
/*.is-visible .grid-item.item1 {
	animation:fadeinUp 2s ease forwards;
	opacity:0
}
.is-visible .grid-item.item2 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:.2s
}
.is-visible .grid-item.item3 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:.4s
}
.is-visible .grid-item.item4 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:.6s
}
.is-visible .grid-item.item5 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:.8s
}
.is-visible .grid-item.item6 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:1s
}
.is-visible .grid-item.item7 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:1.2s
}
.is-visible .grid-item.item8 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:1.4s
}
.is-visible .grid-item.item9 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:1.6s
}
.is-visible .grid-item.item10 {
	animation:fadeinUp 2s ease forwards;
	opacity:0;
	animation-delay:1.8s
}*/
@keyframes fadeinUp {
	0% {
	transform:translate3d(0,100px,0);
	opacity:0
}
100% {
	transform:translateZ(0);
	opacity:1
}
}
p.signature {
	color:#fff;
	font-size:72px;
	background:linear-gradient(to left,#292929 10%,#f8e801 50%,#242424 60%);
	background-size:200% auto;
	color:#fff;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 2s alternate-reverse infinite;
	display:inline-block;
	padding-bottom:26px;
	animation-delay:1s
}
@keyframes textclip {
	to {
	background-position:200% center
}
}
.banner-content-small {
	letter-spacing:-9px;
	opacity:0;
	animation:letteranimation 2s ease-in-out forwards
}
.is-visible .journey-small-content {
	letter-spacing:-9px;
	opacity:0;
	animation:letteranimation 2s ease-in-out forwards
}
@keyframes letteranimation {
	0% {
	letter-spacing:-9px;
	opacity:0
}
100% {
	opacity:1;
	letter-spacing:3px
}
}
.journey-video img,.journey-image img {
	transition:transform 1s ease
}
.journey-video a#vid:hover,.journey-image a#gall:hover {
	opacity:.8
}
.journey-video a#vid:hover~img,.journey-image a#gall:hover~img {
	transition:transform 1s ease
}
.scrollup.animatebee {
	animation:flyfee 2s ease-in-out forwards;
	bottom:10px
}
.scrollup:hover {
	opacity:1
}
.scrollup.animatebee .jetBubble {
	display:none
}
@keyframes flyfee {
	0% {
	bottom:4%
}
5% {
	bottom:0%
}
10% {
	bottom:4%
}
90% {
	bottom:100%
}
100% {
	opacity:0
}
}
body .modal-dialog {
	max-width:757px
}
body .modal-content {
	background-color:transparent;
	border:none;
}
body .modal-header .close {
	z-index:99;
	color:#fff;
	opacity:1
}
.is-visible .text-animation span {
	width:100%;
	float:left;
	color:#000;
	-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);
	clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);
	transform:translateY(-50px);
	opacity:0;
	animation-name:titleAnimation;
	animation-timing-function:ease;
	animation-duration:2s;
	text-shadow:1px 1px #fff;
	font-size:20px
}
.text-animation h2 span {
	animation-delay:0.6s;
	-webkit-animation-fill-mode:forwards
}
.text-animation h2 span:nth-child(1) {
	animation-delay:0.7s
}
.text-animation.container {
	width:400px;
	height:220px;
	position:relative
}
@keyframes titleAnimation {
	0% {
	transform:translateY(-50px);
	opacity:0;
	-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 80%);
	clip-path:polygon(100% 0,100% 100%,0 100%,0 80%)
}
100% {
	transform:translateY(0);
	opacity:1;
	-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 15%);
	clip-path:polygon(100% 0,100% 100%,0 100%,0 15%)
}
}
.is-visible .work-with-us {
	letter-spacing:-9px;
	opacity:0;
	animation:letteranimationwork 2s ease-in-out forwards;
	animation-delay:1s
}
@keyframes letteranimationwork {
	0% {
	letter-spacing:-9px;
	opacity:0
}
100% {
	opacity:1;
	letter-spacing:2px
}
}
.beeline-animation {
	position:absolute;
	left:0;
	top:0%;
	bottom:0;
	right:0;
	z-index:99;
	width:100%
}
.beeline-animation .logo-img {
	top:0%;
	left:0
}
.is-visible.section-ceo-about-profile .ceosection {
	position:relative;
	animation:ceoanimate 2s ease-in-out forwards;
	margin-top:200px
}
@keyframes ceoanimate {
	0% {
	top:50px;
	opacity:0
}
100% {
	top:0;
	opacity:1
}
}
.main-menu .menu-icon:not(:checked)+label.menustyle {
	display:grid;
	height:40px;
	width:40px;
	top:38px;
	position:fixed;
	background:rgba(0,0,0,.6)
}
.menustyle {
	animation:menuicon 1s ease
}
@keyframes menuicon {
	0% {
	transform:scale(0)
}
100% {
	transform:scale(1)
}
}
.main-menu label.menustyle span {
	color:#fff;
	height:20px;
	width:20px;
	position:relative;
	transition:all .5s ease;
	border:1px solid transparent
}
.main-menu label.menustyle span:hover {
	border:1px solid rgba(233,186,30,1)
}
.main-menu .menu-icon:checked+label span {
	display:none
}
.main-menu label.menustyle span:hover b {
	font-size:12px
}
.main-menu label.menustyle span b {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-weight:300;
	font-size:13px
}
.main-menu label.menustyle span:nth-child(1) {
	grid-column:1;
	grid-row:1
}
.main-menu label.menustyle span:nth-child(2) {
	grid-column:2;
	grid-row:1
}
.main-menu label.menustyle span:nth-child(3) {
	grid-column:1;
	grid-row:2
}
.main-menu label.menustyle span:nth-child(4) {
	grid-column:2;
	grid-row:2
}
.pageswap {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	width:100%
}
.nav .pageswap span {
	background:rgba(233,186,30,1);
	width:20%;
	height:100%;
	display:inline-block;
	position:absolute
}
.main-menu [type="checkbox"]:checked~.nav .pageswap span:nth-child(5) {
	animation:pageswap1 1.5s ease forwards;
	left:0%
}
.main-menu [type="checkbox"]:checked~.nav .pageswap span:nth-child(4) {
	animation:pageswap2 1.7s ease forwards;
	left:20%
}
.main-menu [type="checkbox"]:checked~.nav .pageswap span:nth-child(3) {
	animation:pageswap3 1.9s ease forwards;
	left:40%
}
.main-menu [type="checkbox"]:checked~.nav .pageswap span:nth-child(2) {
	animation:pageswap4 2.1s ease forwards;
	left:60%
}
.main-menu [type="checkbox"]:checked~.nav .pageswap span:nth-child(1) {
	animation:pageswap5 2.3s ease forwards;
	left:80%
}
@keyframes pageswap5 {
	0% {
	bottom:100%
}
40% {
	bottom:100%
}
100% {
	bottom:0%
}
}
@keyframes pageswap4 {
	0% {
	bottom:100%
}
30% {
	bottom:100%
}
100% {
	bottom:0%
}
}
@keyframes pageswap3 {
	0% {
	bottom:100%
}
20% {
	bottom:100%
}
100% {
	bottom:0%
}
}
@keyframes pageswap2 {
	0% {
	bottom:100%
}
10% {
	bottom:100%
}
100% {
	bottom:0%
}
}
@keyframes pageswap1 {
	0% {
	bottom:100%
}
100% {
	bottom:0%
}
}
.main-menu [type="checkbox"]:not(:checked)~.nav .pageswap span:nth-child(1) {
	animation:pageswapup1 2.3s ease alternate;
	left:0%
}
.main-menu [type="checkbox"]:not(:checked)~.nav .pageswap span:nth-child(2) {
	animation:pageswapup2 2.1s ease forwards;
	left:20%
}
.main-menu [type="checkbox"]:not(:checked)~.nav .pageswap span:nth-child(3) {
	animation:pageswapup3 1.9s ease forwards;
	left:40%
}
.main-menu [type="checkbox"]:not(:checked)~.nav .pageswap span:nth-child(4) {
	animation:pageswapup4 1.7s ease forwards;
	left:60%
}
.main-menu [type="checkbox"]:not(:checked)~.nav .pageswap span:nth-child(5) {
	animation:pageswapup5 1.5s ease forwards;
	left:80%
}
@keyframes pageswapup1 {
	0% {
	bottom:0%
}
40% {
	bottom:0%
}
100% {
	bottom:100%
}
}
@keyframes pageswapup2 {
	0% {
	bottom:0%
}
30% {
	bottom:0%
}
100% {
	bottom:100%
}
}
@keyframes pageswapup3 {
	0% {
	bottom:0%
}
20% {
	bottom:0%
}
100% {
	bottom:100%
}
}
@keyframes pageswapup4 {
	0% {
	bottom:0%
}
10% {
	bottom:0%
}
100% {
	bottom:100%
}
}
@keyframes pageswapup5 {
	0% {
	bottom:0%
}
100% {
	bottom:100%
}
}
svg.scrolldown {
	position:absolute;
	bottom:-10px;
	right:-100px
}
#myVideo {
	width:100%
}
.lets-build-section {
	position:relative
}
.videobackground {
	position:relative;
	height:590px;
	overflow:hidden
}
.build-content {
	position:absolute;
	top:0
}
.content-align {
	position:absolute;
	top:138px;
	left:50%;
	transform:translateX(-50%)
}
.is-visible .culture-heading .animated-title {
	top:70%
}
.is-visible .culture-heading .period,.is-visible .culture-heading .periodbe {
	animation-delay:1.8s
}
.culture-heading .animated-title>div.text-top div {
	animation:showTopText 1.5s ease forwards
}
.main-menu .menu-icon:not(:checked)~.nav {
	width:100%;
	height:100%
}
.main-menu [type="checkbox"]:not(:checked)~.nav.default {
	display:none
}
.main-menu [type="checkbox"]:not(:checked)~.nav {
	-moz-animation:cssAnimation 0s ease-in 2.3s forwards;
	-webkit-animation:cssAnimation 0s ease-in 2.3s forwards;
	-o-animation:cssAnimation 0s ease-in 2.3s forwards;
	animation:cssAnimation 0s ease-in 2.3s forwards;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
@keyframes cssAnimation {
	to {
	width:0;
	height:0;
	visibility:hidden
}
}
@-webkit-keyframes cssAnimation {
	to {
	width:0;
	height:0;
	visibility:hidden
}
}
svg.scrolldown {
	position:absolute;
	bottom:-10px;
	right:-100px
}
.logo-menu {
	display:none
}
.gallery-page .main-menu .logo {
	display:block
}
.main-menu [type="checkbox"]:checked~nav .logo-menu {
	display:block;
	position:absolute;
	left:34px;
	top:47px
}
.social-icons i {
	color:#fff
}
.reviews .slick-initialized .slick-slide {
	height:240px
}
.testimonial-section .slick-dots {
	text-align:center;
	display:block
}
.testimonial-section .slick-dots li {
	display:inline-block;
	padding:0 5px
}
.testimonial-section .slick-dots li button {
	border:1px solid #bdbdbd;
	height:10px;
	border-radius:100%;
	width:10px;
	background:#bdbdbd
}
.testimonial-section .slick-active {
	opacity:1
}
.testimonial-section .slick-dots .slick-active button {
	border:1px solid #000;
	background:#000
}
.testimonial-section .slick-dots button {
	font-size:0
}
.followus-menu {
	position:absolute;
	left:0;
	bottom:127px;
	left:36px;
	z-index:10
}
.main-menu .nav .followus-menu li {
	width:auto;
	display:inline-block
}
.main-menu .nav .followus-menu li a {
	font-size:24px;
	color:#000
}
.main-menu .nav .followus-menu li {
	margin-right:15px
}
.main-menu .nav .followus-menu li .fa-facebook-f {
	font-size:22px;
	position:relative;
	top:-3px
}
.followus .fa-facebook-f {
	font-size:18px;
	position:relative;
	top:-3px;
}
.main-menu [type="checkbox"]:not(:checked)~.nav {
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	padding:0;
	margin:0;
	z-index:9;
	overflow:hidden
}
.contactus a {
	color:#fff
}
.is-visible .lineAnimated-aboutus path {
	stroke-dashoffset:1066.932861328125px;
	stroke-dasharray:1066.932861328125px;
	animation:dash 5s ease-in-out forwards
}
@keyframes dashaboutus {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated-aboutus {
	width:50%;
	position:absolute;
	bottom:120px
}
.lineAnimated-aboutus .cls-2 {
	fill:none;
	stroke:rgba(233,186,30,1);
	stroke-width:1px
}
.is-visible .lineAnimated-culturesection path {
	stroke-dasharray:1991.5421142578125px;
	stroke-dashoffset:1991.5421142578125px;
	animation:dashculture 5s ease-in-out forwards
}
@keyframes dashculture {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated-culturesection {
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.lineAnimated-culturesection .cls-3 {
	fill:none;
	stroke:rgba(233,186,30,1);
	stroke-width:1px
}
.is-visible .lineAnimated-ceo path {
	stroke-dashoffset:779.1292724609375px;
	stroke-dasharray:779.1292724609375px;
	animation:dashceo 5s ease-in-out forwards;
	animation-delay:1s
}
@keyframes dashceo {
	to {
	stroke-dashoffset:1558.258544921875px
}
}
.lineAnimated-ceo {
	width:1170px;
	position:absolute;
	bottom:-155px;
	left:-23px;
	z-index:1
}
.outerforceo .lineAnimated-ceo {
	width:550px;
	position:absolute;
	bottom:-155px;
	z-index:1;
	left: 0px!important;
}
.outerforceo .lineAnimated-ceo svg {
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg)
}
.lineAnimated-ceo .cls-ceo {
	fill:none;
	stroke:rgba(233,186,30,1);
	stroke-width:1px
}
.is-visible .lineAnimated-employee path {
	stroke-dashoffset:1083.0926513671875px;
	stroke-dasharray:1083.0926513671875px;
	animation:dashemployee 5s ease-in-out forwards;
	-webkit-animation:dashemployee 5s ease-in-out forwards
}
@keyframes dashemployee {
	to {
	stroke-dashoffset:0
}
}
@-webkit-keyframes dashemployee {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated-employee {
	width:100%;
	position:absolute;
	bottom:40px;
	left:0
}
.lineAnimated-employee .emp {
	fill:none;
	stroke:rgba(233,186,30,1);
	stroke-width:1px
}
.is-visible .lineAnimated-journey path {
	stroke-dashoffset:778.29736328125px;
	stroke-dasharray:778.29736328125px;
	animation:dashjourney 5s ease-in-out forwards
}
@keyframes dashjourney {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated-journey {
	position:absolute;
	right:0
}
.lineAnimated-journey .port {
	fill:none;
	stroke:rgba(233,186,30,1)
}
.is-visible .lineAnimated_portfolio_one path {
	stroke-dashoffset:814.182373046875px;
	stroke-dasharray:814.182373046875px;
	animation:dashportone 5s ease-in-out forwards;
	animation-delay:2s
}
@keyframes dashportone {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated_portfolio_one {
	position:absolute;
	left:0;
	bottom:25px
}
.lineAnimated_portfolio_one .dashportone {
	fill:none;
	stroke:rgba(233,186,30,1)
}
.is-visible .lineAnimated_portfolio_two path {
	stroke-dashoffset:718.2706298828125px;
	stroke-dasharray:718.2706298828125px;
	animation:dashporttwo 5s ease-in-out forwards
}
@keyframes dashporttwo {
	to {
	stroke-dashoffset:0
}
}
.lineAnimated_portfolio_two {
	position:absolute;
	right:0;
	top:100px
}
.lineAnimated_portfolio_two .dashporttwo {
	fill:none;
	stroke:rgba(233,186,30,1)
}
.about-us-title,.portfolio-title,.teams-title,.testimonial-title {
	position:absolute;
	top:0;
	width:100%;
	text-align:center
}
.portfolio-title svg,.teams-title svg,.testimonial-title svg {
	margin-top:60px
}
.text-port {
	text-transform:capitalize;
	font-weight:700;
	fill:transparent;
	font-weight:900;
	font-size:150px;
	stroke:url(#grad-new)
}
.text-build {
	text-transform:capitalize;
	font-weight:700;
	fill:transparent;
	font-weight:900;
	font-size:150px;
	stroke:url(#gradbuild)
}
.container,.container-fluid {
	z-index:4;
	position:relative
}
.ceo-title {
	position:absolute;
	top:-100px;
	width:100%;
	left:0
}
.build-title {
	position:absolute;
	top:-68px;
	left:11px;
	width:100%
}
.lines-outer {
	display:none
}
.afterloading .lines-outer {
	display:block
}
.afterloading .lines-outer {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2
}
.afterloading .lines-outer .line1 {
	height:2px;
	background:#fff;
	position:absolute;
	top:63%;
	left:0;
	-webkit-animation:line1 2s 1 forwards;
	animation:line1 2s 1 forwards;
	background:url(../images/brush-img.png) repeat;
	background-size:30px;
}
@keyframes line1 {
	0% {
	width:0;
	opacity:0
}
100% {
	width:74%;
	opacity:1
}
}
@-webkit-keyframes line1 {
	0% {
	width:0;
	opacity:0
}
100% {
	width:74%;
	opacity:1
}
}
.afterloading .lines-outer .line3 {
	height:70%;
	width:2px;
	background:#fff;
	position:absolute;
	top:10%;
	right:26%;
	-webkit-animation:line3 2s 1 forwards;
	animation:line3 2s 1 forwards;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	opacity:0;
	background:url(../images/brush-img-vertical.png) repeat;
	background-size:40%
}
@keyframes line3 {
	0% {
	height:0;
	opacity:0
}
100% {
	height:100%;
	opacity:1
}
}
@-webkit-keyframes line3 {
	0% {
	height:0;
	opacity:0
}
100% {
	height:100%;
	opacity:1
}
}
.afterloading .lines-outer .line4 {
	height:2px;
	background:#fff;
	position:absolute;
	top:34%;
	left:40%;
	-webkit-animation:line4 2s 1 forwards;
	animation:line4 2s 1 forwards;
	animation-delay:2s;
	-webkit-animation-delay:2s;
	opacity:0;
	background:url(../images/brush-img.png) repeat;
	background-size:30px
}
@keyframes line4 {
	0% {
	width:0;
	opacity:0
}
100% {
	width:60%;
	opacity:1
}
}
@-webkit-keyframes line4 {
	0% {
	width:0;
	opacity:0
}
100% {
	width:60%;
	opacity:1
}
}
.afterloading .lines-outer .line5 {
	height:70%;
	width:2px;
	background:#fff;
	position:absolute;
	top:10%;
	right:10%;
	-webkit-animation:line5 2s 1 forwards;
	animation:line5 2s 1 forwards;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	opacity:0;
	background:url(../images/brush-img-vertical.png) repeat;
	background-size:50%
}
@keyframes line5 {
	0% {
	height:0;
	opacity:0
}
100% {
	height:100%;
	opacity:1
}
}
@-webkit-keyframes line5 {
	0% {
	height:0;
	opacity:0
}
100% {
	height:100%;
	opacity:1
}
}
.contactus .address {
	padding-left:45px
}
.about,.our-journey {
	top:-10px
}
body {
	scrollbar-width:thin
}
.sin-testiText.slick-slide {
	transition:none!important
}
body::-webkit-scrollbar-track {
	border-radius:0;
	cursor:pointer
}
body::-webkit-scrollbar {
	width:5px;
	background-color:#141414;
	position:relative
}
body::-webkit-scrollbar-thumb {
	position:absolute;
	border-radius:6px;
	width:7px;
	height:70px;
	background:linear-gradient(transparent,rgba(233,186,30,1))
}
body::-webkit-scrollbar-thumb:hover {
	transition:all .5s ease;
	background:linear-gradient(transparent,rgb(122,122,122))
}
.getintouch-outer {
	display:none
}
@keyframes popupanimation {
	0% {
	transform:translateX(-50%) translateY(-50%) scale(0)
}
30% {
	transform:translateX(-50%) translateY(-50%) scale(1)
}
60% {
	transform:translateX(-50%) translateY(-50%) scale(.8)
}
100% {
	transform:translateX(-50%) translateY(-50%) scale(1)
}
}
.getintouch-inner {
	padding:25px;
	background:#000;
	border-radius:16px
}
.getintouch-outer .rect-shape {
	stroke-dasharray:492 9;
	stroke-dashoffset:-659;
	stroke-width:2px;
	stroke:rgb(252,252,252);
	fill:none
}
#carrer-form,#work-with-form {
	background:rgba(0,0,0,.4);
	color:#fff;
	padding:30px;
	overflow: hidden !important;
}
#carrer-form .modal-dialog,#work-with-form .modal-dialog {
	margin:0 auto
}
.getintouch-outer .btn-start {
	position:absolute;
	top:11px;
	left:40px;
	z-index:2
}
.getintouch-outer label {
	font-size:16px;
	margin-bottom:0
}
.getintouch-outer .form-control {
	background:transparent;
	border:none;
	border-bottom:1px solid #fff;
	outline:none;
	border-radius:0;
	color:#fff
}
.getintouch-outer .form-control:focus {
	box-shadow:none;
	border-bottom:1px solid rgba(233,186,30,1)
}
.getintouch-outer textarea {
	resize:none
}
.getintouch-outer h1 {
	font-weight:900;
	line-height:40px;
	margin-bottom:20px
}
.getintouch-content h3 {
	font-weight:900;
	margin-bottom:20px;
	font-size:2.2rem
}
.getintouch-outer p {
	font-size:16px;
	margin-bottom:10px
}
.getintouch-inner.aftersubmit {
	padding:50px;
	height:auto;
	transition:all 1s ease
}
.getintouch-inner.aftersubmit .thankyou-content {
	padding-top:0;
	text-align:center
}
.career-form img {
	width:85%
}
.workwith-us img {
	width:85%
}
.getintouch-outer .close-icon {
	position:absolute;
	right:-25px;
	top:-30px
}
.getintouch-outer .close-icon a {
	display:block
}
.gallery-page .main-menu,.carrer-page .main-menu {
	background:rgb(0,0,0,80%);
	padding-bottom:20px
}
.thankyou-content {
	padding-top:86px;
	text-align:center
}
.thankyou-content img {
	display:block;
	margin:0 auto 25px
}
.thankyou-content h3 {
	font-weight:900;
	line-height:40px;
	margin-bottom:20px;
	color:#fff;
	font-size:40px;
	text-align:center
}
.thankyou-content p {
	font-size:19px;
	margin-bottom:10px;
	color:#fff;
	text-align:center
}
.mouseanim {
	position:relative
}
.open {
	display:block
}
.feedback-slider-item .slidertext,.feedback-slider-item .slidertext p {
	max-width:600px
}
.main-menu .menu-icon:checked~.nav ul li {
	animation:animatemenuitems 1s ease forwards;
	overflow:hidden;
	opacity:0
}
@keyframes animatemenuitems {
	0% {
	bottom:-5px;
	opacity:0
}
100% {
	bottom:0;
	opacity:1
}
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(1) {
	animation-delay:1s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(2) {
	animation-delay:1.2s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(3) {
	animation-delay:1.4s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(4) {
	animation-delay:1.6s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(5) {
	animation-delay:1.8s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(6) {
	animation-delay:2s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(7) {
	animation-delay:2.2s
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(8) {
	animation-delay:2.5s
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li {
	animation:animatemenuitemsclose .5s ease forwards;
	overflow:hidden
}
@keyframes animatemenuitemsclose {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li:nth-child(6) {
	animation-delay:0s
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li:nth-child(5) {
	animation-delay:.1s
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li:nth-child(4) {
	animation-delay:.2s
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li:nth-child(3) {
	animation-delay:.3s
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li:nth-child(2) {
	animation-delay:.4s
}
.main-menu [type="checkbox"]:not(:checked)~.nav ul li:nth-child(1) {
	animation-delay:.5s
}
.main-menu .menu-icon:checked~.nav .followus-menu {
	animation:animatefollowus 1s ease forwards
}
@keyframes animatefollowus {
	0% {
	left:-300px
}
100% {
	left:20px
}
}
.main-menu [type="checkbox"]:not(:checked)~.nav .followus-menu {
	animation:animatefollowusclose 1s ease forwards
}
@keyframes animatefollowusclose {
	0% {
	left:20px
}
100% {
	left:-300px
}
}
.main-menu.gallerymenu {
	position:relative;
	z-index:99;
	background:rgb(64 64 64);
	box-shadow:1px 1px 3px #b5b5b5
}
.main-menu.gallerymenu .logo a img {
	top:-9px
}
.main-menu.gallerymenu .menu-icon:not(:checked)+label.menustyle {
	top:7px;
	right:15px
}
.grid-container.gallery a {
	position:relative
}
.grid-container.gallery .overlaysection {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	color:#fff
}
.grid-container.gallery .overlaysection p {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    line-height: 27px;
    width: 100%;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px #919191;
}
.grid-container.gallery a:hover img {
	opacity:.4
}
.grid-container.gallery a:hover .overlaysection {
	color:#000;
	transition:all 1s ease
}
.gallerbanner {
	background-image:url(../images/gallery/bg-gallery.jpg);
	background-size:cover;
	min-height:400px;
	position:relative
}
.gallerytext {
	max-width:1140px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:170px
}
.gallerytext h1 {
	color:#fff;
	font-size:40px;
	font-weight:900
}
.demo-gallery.gallerynone {
	display:none
}
.demo-gallery.galleryblock {
	display:block
}
.bee-back {
	cursor:default
}
.demo-gallery .back {
	font-size:18px;
	text-transform:capitalize;
	font-weight:600;
	cursor:pointer
}
.demo-gallery .back:hover {
	opacity:.8
}
#lightgallery li a img {
	width:100%;
	margin:0 auto;
	display:block
}
.clients-logo {
	background:#fff;
	padding:1px 0
}
.clients-logo .logoimages {
	display:flex;
	margin:50px auto;
	text-align:center;
	justify-content:center;
	list-style:none
}
.clients-logo .logoimages li {
	margin:0 20px
}
.gallery-page .container,.gallery-page .container-fluid,.gallery-page .skill-content {
	transform:scale(1)
}
.container.content-align {
	transform:translateX(-50%) scale(.91)
}
.main-banner header.container-fluid {
	transform:scale(1);
	z-index:100
}
.testimonial-section .slick-slide img {
	display:block;
	border-radius:100%;
	height:90px;
	width:90px;
	margin:0 auto 14px
}
.carrer-page {
	background:#fff
}
.carrer-page h2 {
	margin-bottom:15px;
	font-weight:700;
	font-size:28px;
	margin-top:40px
}
.carrer-page p {
	margin-bottom:15px;
	font-size:17px
}
.perks-benefits ul.perk-list-items {
	list-style:none;
	margin-top:20px;
	display:flex;
	flex-wrap:wrap
}
.perks-benefits ul.perk-list-items li {
	flex-grow:1;
	width:100%;
	position:relative;
	padding:10px 0;
	padding-left:40px
}
.perks-benefits ul.perk-list-items a {
	padding-left:40px;
	display:flex;
	align-items:center;
	color:#000;
	font-size:21px;
	font-weight:700
}
.perks-benefits ul.perk-list-items i {
	position:absolute;
	left:0;
	color:#fcc504
}
.beesolver-team img {
	margin-bottom:25px
}
.position-details .job-role {
	font-weight:700;
	padding:10px 20px;
	border-left:8px solid #fcc504;
	margin-bottom:15px;
	margin-top:50px;
	font-size:33px
}
.position-details p.job-location,.position-details p.job-experience,.position-details p.job-description-heading {
	font-size:20px
}
.position-qualification h3 {
	font-size:33px;
	font-weight:700
}
.position-details p label {
	margin-right:15px;
	font-weight:700
}
.job-description {
	margin-left:25px
}
.beesolvervalues ul {
	list-style:none;
	text-align:center;
	font-size:18px;
	font-weight:500;
	line-height:2.23
}
.beesolvervalues-outer {
	background:transparent;
	background-size:cover;
	height:auto;
	align-items:center;
	display:flex;
	justify-content:center;
	margin-top:15px
}
.beesolvervalues {
	background:#cbcbcb;
	padding:40px 20px;
	width:100%
}
.beesolvertext {
	display:block;
	padding-left:0
}
.gallerytext.carrertext {
	padding-top:170px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:auto
}
.bee-image {
	display:inline-block;
	position:absolute;
	padding-top:67px;
	left:50%;
	transform:translateX(-50%)
}
.carrer-banner-description {
	color:#fff;
	text-align:center;
	padding-top:300px
}
.gallerbanner.carrerbanner {
	background-image:url(../images/bg-careers.jpg);
	background-size:cover;
	min-height:100vh;
	position:relative
}
.portfolio-btn.open-rolesbtn svg .rect-shape {
	fill:transparent
}
.portfolio-btn.open-rolesbtn .btn-start {
	color:#fff;
	width:100%
}
.portfolio-btn.open-rolesbtn {
	width:240px;
	display: inline-block;
}
.portfolio-btn.open-rolesbtn:after {
	background:#fff
}
.portfolio-btn.open-rolesbtn .btn-start {
	left:0
}
.portfolio-btn.open-rolesbtn svg .rect-shape {
	stroke-dasharray:482 9;
	stroke-dashoffset:-780;
	stroke-width:2px;
	stroke:rgba(233,186,30,1)
}
.portfolio-btn.open-rolesbtn:hover .rect-shape {
	stroke:#fcc504;
	animation:careerpageanimation 2s ease forwards;
	-webkit-animation:careerpageanimation 2s ease forwards
}
@keyframes careerpageanimation {
	0% {
	stroke-dasharray:613;
	stroke-dashoffset:613
}
100% {
	stroke-dasharray:613;
	stroke-dashoffset:0
}
}
.carrer-page .main-menu .logo {
	display:block
}
.banner-centerblock {
	position:absolute;
	padding-top:0;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%)
}
.applybutton a.about-link {
	display:inline-block;
	color:#000;
	position:relative;
	font-size:.8em;
	line-height:1.2;
	letter-spacing:.10em;
	text-transform:uppercase;
	margin-top:15px;
	margin-bottom:40px;
	font-weight:700
}
.applybutton a.about-link:hover {
	color:rgb(65,65,65);
	opacity:1
}
.applybutton a.about-link:after {
	content:'';
	height:2px;
	width:20px;
	background-color:rgba(233,186,30,1);
	position:absolute;
	top:9px;
	right:-30px;
	transition:width 1s,opacity 1s
}
.applybutton a.about-link:hover:after {
	width:25px;
	opacity:0;
	transition:width 0.5s,opacity 1s;
	background-color:rgb(39,39,39)
}
.getintouch-outer .btn-start-new {
    position: absolute;
    top: 3px;
    left: 19px;
    z-index: 2;
    background: transparent;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    font-size: 17px;
}
.formerror {
	display:block;
	background:rgb(252 197 4);
	border:1px solid rgb(199 155 2);
	padding:10px;
	margin-bottom:15px;
	border-radius:7px;
	width:90%
}
.formerror h5 {
	font-size:15px;
	margin:0;
	color:#000;
	letter-spacing:.1px
}
.form-group #myfile {
	display:none
}
.fa-paperclip {
	color:rgb(252 197 4)
}
.att-resume {
	cursor:pointer
}
.modal-dialog .modal-header {
	border-bottom:0
}
.modal.fade.show {
	background:rgba(0,0,0,1)
}
.modal .modal-dialog .modal-header {
	position:absolute;
	width:100%
}
#myModal.modal.fade .modal-dialog {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	width:100%;
	max-width:1025px;
	max-width:1025px;
	padding:2%;
	margin:0
}
.page-id-17 {
	background: #141414!important;
}
.error-message {
	font-size: 13px !important;
	color: rgba(233, 186, 30, 1);
	position: absolute;
}
.address i {
	margin-top: 0.25rem;
}
.our-journey-content span {
	margin-bottom: 5px;
}
/* posh page  */
        .lg-toolbar.lg-group span,
        .lg-toolbar.lg-group a,
        .lg-thumb-outer.lg-grab {
	display: none;
}
.lg-toolbar.lg-group span.lg-close.lg-icon {
	display: block;
}
.lg-sub-html,
        .lg-toolbar {
	background-color: transparent;
}
div#lg-counter span {
	display: inline-block;
}
ul#lightgallery li {
	margin-bottom: 2.7%;
}
@media (max-width:768px) {
	.mobile-style h3 {
	font-size: 20px;
	padding: 11px;
}
}
.wp-singular {
	background:#fff;
}
.wp-singular main#content {
	padding: 100px 0 70px;
}
.main-menu {
	background: rgb(0, 0, 0, 80%);
	padding-bottom: 20px;
}
.home .main-menu {
	background:transparent;
}
.dark-custom {
	background: url(images/posh/bg-posh.jpg);
	width: 100%;
	background-position: center;
	background-size: contain;
	margin: 0 auto;
	padding: 50px 20px 20px 20px;
}
.mail {
	color: rgba(233, 186, 30, 1);
	font-weight: 700;
	text-decoration: underline;
}
.mail:hover {
	color: rgba(233, 186, 30, 1);
	text-decoration: underline;
}
/*.main-menu .nav ul.menu-items li a::before {
	background: #fff;
	transform-origin: 0 50%;
}
.main-menu .nav ul.menu-items li a:hover::before {
	transform-origin: 100% 50%;
}
.main-menu .nav ul.menu-items li a:hover::before {
	transform: scale3d(1, 1, 1);
}
.main-menu .nav ul.menu-items li a::before {
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: 0.5s transform ease;
	transform: scale3d(0, 1, 1);
	transform-origin: 0 50%;
}
*/
/************* HomePage update by BS dev 16-04-2025 *******************/
.main-content-wrapper {
	margin: 3rem 0px;
}
.bs-heading-2 {
	color: #fff;
	font-weight: bolder;
	font-size: 2.42em;
}
.bs-primary-color {
	color: #e9ba1e;
}
.common-content-format {
	margin: 8rem 0px !important;
}
.common-content-format h2 {
	font-size: 30px !important;
}
.common-content-format li {
	list-style-position: inside;
	font-size: 18px;
}
.bold-textbox h1 {
	font-weight:900;
}
/******* Home case study / Our services****************/
/* #case-studies .nav-link {
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 0.5rem;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 500;
	transition: all 0.3s;
}
#case-studies .nav-link.active,
  #case-studies .nav-link:hover {
	background-color: #e9ba1e;
	color: #000;
}
#case-studies small {
	display: block;
	font-size: 0.8rem;
	color: #fff !important;
}
#case-studies:hover small {
	color: #000;
}
#case-studies .active small {
	color: #000;
}
*/
#case-studies {
	padding: 60px 15px;
	background: linear-gradient(to right, #0f2027, #182a30, #14252d);
}
#case-studies .tab-btns {
	display: flex;
	flex-direction: column;
}
#case-studies .tab-btns .nav-link {
	background-color: rgba(255,255,255,0.05);
	border: none;
	margin: 4px 0;
	color: #fff;
	text-align: left;
}
#case-studies .tab-btns .nav-link.active {
	background-color: #fff;
	color: #000;
	font-weight: bold;
}
#case-studies .tab-content .tab-pane {
	display: none;
}
#case-studies .tab-content .tab-pane.active.show {
	display: block;
}
#case-studies .case-box {
	background: #fff;
	color: #000;
	border-radius: 16px;
	padding: 30px;
	margin-top: 20px;
}
#case-studies .case-box img {
	max-width: 100%;
}
#case-studies .btn-download {
	background: #85eb85;
	border: none;
	color: #000;
	padding: 8px 16px;
	border-radius: 5px;
	margin-top: 20px;
}
/********* End case Study design *******/
/*** Fixed POSH Icon ****/
#iso-image {
	margin-top: 45px;
	display: block;
}
#fixed-image {
	position: fixed;
	left: 0;
	top: 87%;
	transform: translateY(-50%);
	z-index: 998;
	display: flex;
	flex-direction: column;
	/* top: calc(90% - 75px);
	*/
}
#fixed-image img {
	width: 150px;
	height: auto;
	cursor: pointer;
	-ms-interpolation-mode: bicubic;
	image-rendering: -webkit-optimize-contrast;
}
/* Fallback for older versions of Edge and IE */
@supports not (transform: translateY(-50%)) {
	#fixed-image {
	/* top: calc(90% - 75px);
	*/
    transform: none;
}
}
ul, ol {
	margin: 0 0 15px 0px!important;
	padding-left: unset!important;
}
@media only screen and (max-width : 991px) {
	.custom-reverse {
	flex-direction: column-reverse;
}
.software-logo a {
	padding: 30px!important;
}
.banner-content {
	top: 60%!important;
}
.logo-img canvas {
	margin: 40px 0 0 0px!important;
}
}
.custom-reverse .col-sm-12:nth-child(2) img {
	margin-bottom: 30px !important;
}
.back-btn {
	color: #fff!important;
	display: inline-block;
	background: #1a1a1a;
	padding: 10px 26px;
	border-radius: 30px;
	font-weight: 600;
}
.back-btn a {
	color: #fff!important;
	padding: 0px;
	border-radius: 30px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
}
.common-banner {
	min-height: 200px!important;
}
.common-title {
	padding-top: 100px!important;
}
.container-footer .col-lg-7 {
	background: #161616;
}
.portfolio .custom-service p {
	font-size:16px;
}
.portfolio .custom-service {
	background: #fff;
}
.portfolio .btn-start {
	font-weight: 500;
	text-transform: capitalize;
	z-index: 10000;
}
.portfolio .portfolio-btn.open-rolesbtn:after {
	background: #000;
}
.portfolio .custom-service h4 {
	font-size: 22px;
	font-weight: 600;
}
.portfolio .service-icon i {
	font-size: 50px;
	margin: 10px 0px 25px 0px;
	color: rgba(233, 186, 30, 1);
}
.portfolio .custom-service {
	box-shadow: 0 0 25px rgba(0, 0, 0, .1);
	position:relative;
	margin: 15px 0px;
}
#portfolio_Section .services-content {
	max-width: 360px;
	margin: 0 auto;
}
.service-icon {
	z-index: 100000;
	position: relative;
}
.portfolio .custom-service .services-content::before {
	width: 100%;
	height: 0px;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background:rgba(233, 186, 30, 1);
	transition: 0.5s;
}
.portfolio .custom-service:hover .services-content::before {
	background:#000!important;
	height: 100%;
	opacity: 0.9;
}
.portfolio .custom-service:hover .services-content h4, 
.portfolio .custom-service:hover .services-content p {
	color: #fff !important;
	z-index: 1000;
	position: relative;
}
.portfolio .custom-service:hover .portfolio-btn.open-rolesbtn .btn-start {
	color: #fff !important;
}
.portfolio .custom-service:hover .portfolio-btn.open-rolesbtn:after {
	background: #fff!important;
}
@media only screen and (min-width : 991px) {
	.mh-57 {
	min-height: 57px;
}
}
/*
@media only screen and (min-width : 767px) {
	.main-menu .nav {
	width: 50% !important;
	right: 0px !important;
}
}
*/
.software-logo {
	margin: 0px !important;
	padding: 0px !important;
	box-shadow:5px 5px 10px 0px #ccc;
	display: flex;
	align-items: center;
}
.software-logo a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px;
}
.software-logo:hover {
	box-shadow: 5px 5px 10px 0px #888;
}
.software-logo .inner-img {
	transition: 0.3s;
}
.software-logo:hover img {
	transform: scale(1.1);
}
.fw-bold {
	font-weight:600;
}
/*  Question Page's */
.bg-dark {
	background-color: #000!important;
}
.message-box {
	background: #E9BA1E;
	border-radius: 20px;
}
.fs-16 {
	font-size: 16px;
}
.message-box h3 {
	color: #000;
	font-style: italic;
}
.polygon-icon img {
	position: absolute;
}
.quiz-col label.btn {
	border: 1px solid #fff;
	width: 100%;
	border-radius: 10px;
	color: #fff;
}
.quiz-col input[type=checkbox],
      .quiz-col input[type=radio] {
	opacity: 0;
}
.quiz-col .col-lg-3 {
	min-height: 140px;
	display: flex;
}
.quiz-col span.number-opt {
	position: absolute;
	top: -8px;
	right: 14px;
	background: #000;
	width: 35px;
	height: 35px;
	font-size: 24px;
	font-style: italic;
	color: #cfcbcb6e;
	font-weight: 600;
}
.quiz-col h4 {
	font-weight: 600;
}
.quiz-col label.btn.active {
	border: 1px solid #E9BA1E;
	box-shadow: unset;
}
.quiz-col label.btn.active:after {
	position: absolute;
	content: "";
	background: url(https://www.beesolvertechnology.com/images/icons/polygon-icon.svg);
	width: 49px;
	height: 43px;
	top: -50px;
	background-size: 70%;
	background-repeat: no-repeat;
}
.explore-btn button {
	background: #fff;
	color: #272727;
	margin-top: 30px;
	font-size: 16px;
	border-radius: 6px;
	text-transform: uppercase;
	padding: 15px 35px;
	border: unset;
	font-weight: 500;
}
.explore-btn button:focus, .explore-btn button:active {
	box-shadow: unset !important;
	background-color: #0062cc !important;
	border-color: unset !important;
	background: #fff !important;
	color: #000 !important;
}
.explore-btn button:hover {
	background: #fff;
	color: #272727;
}
.next-icon {
	padding-left: 10px;
	margin-top: -5px;
}
@media (max-width: 991px) {
	.quiz-col label.btn.active:after {
	display:none;
}
}
@media (min-width: 992px) {
	.quiz-col .col-lg-3 {
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}
}
/*  Question Page's End */
	  .message-box h3 {
	font-size: 24px;
}
.quiz-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}
.quiz-logo {
	width:220px;
}
.clients-logo .slick-track {
	justify-content: center;
	align-items: center;
	display: flex;
}
/* .clients-logo .logoimages li {
	width: 150px !important;
}
*/
.clients-logo .sin-testiImage {
	-webkit-transform:scale(.9,.9);
	transform:scale(.9,.9);
	-webkit-transition:all 2s ease;
	transition:all 2s ease;
	cursor:pointer;
	display:block;
	margin:5px auto
}
.clients-logo .sin-testiImage.slick-current img {
	-webkit-transform:scale(1,7);
	transform:scale(1,7);
	-webkit-transition:all 2s ease;
	transition:all 2s ease;
	border:2px solid rgba(233,186,30,1)
}
.work-with-us .rect-shape {
	stroke: #000!important;
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(9) {
	animation-delay: 3s;
}
.main-menu .menu-icon:checked~.nav ul li:nth-child(10) {
	animation-delay: 3.5s;
}
/*  Training page */
.bg-secondary-grey {
	background-color: #181818;
}
.global-padding-large {
	padding: 5rem 0px !important;
}
.custom-light-border {
	border: 1px solid #2B2B2B;
}
.global-section-gap {
	margin: 5rem 0px !important;
}
.training-hero-banner {
	background: url(../images/training/hero-bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.industrial-title {
	position: relative;
	max-width: 455px;
}
.industrial-title:before {
	background: url(../images/training/industrail-bottom-line.svg);
	position: absolute;
	content: "";
	width: 212px;
	height: 17px;
	bottom: -10px;
	right: 10px;
}
.industrial-title:after {
	background: url(../images/training/star-icon.svg);
	position: absolute;
	content: "";
	width: 28px;
	height: 28px;
	top: 5px;
	right: -8px;
}
.training-hero-banner ul li {
	color: #E6E6E6;
	font-size: 20px;
	list-style: none;
}
.training-hero-banner .form-container {
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.training-hero-banner .form-control:focus,  .training-hero-banner .form-select:focus {
	box-shadow: unset!important;
	border: unset;
	border-bottom: 1px solid #888;
	height: calc(1em + .75rem + 2px);
}
.training-hero-banner .form-container .submit-btn {
	background-color: #FFC107;
	border: none;
	color: #333;
	border-radius: 20px;
	padding: 10px 20px;
	min-width: 170px;
	font-weight: 500;
}
.training-hero-banner .form-container .submit-btn:hover {
	background-color: #e6b800;
}
.training-hero-banner .form-container label {
	margin-bottom: 0px;
	font-size: 14px;
	color: #222;
	font-weight: 500;
}
.training-hero-banner .form-container h4 {
	background: #EBEBEB;
	padding: 1.1rem 1.5rem;
	border-radius: 10px 10px 0px 0px;
}
.training-hero-banner .form-container .form-control, .training-hero-banner .form-container .form-select {
	border: unset;
	padding: .275rem 0rem!important;
	font-size: 16px!important;
	border-radius: unset !important;
	color: #AEAEAE;
	border-bottom: 1px solid #888;
	width: 100%;
	height: calc(1em + .75rem + 2px);
}
.quote-text {
	padding-top: 10px;
}
.quote-text p {
	padding: 30px 0px;
	padding-left: 4.5rem;
	position: relative;
}
.quote-text:before, .quote-text:after {
	content: "";
	border: 1px solid #8E8E8E;
	width: 60%;
	position: absolute;
	left: 0px;
}
.quote-text p:before {
	background: url(../images/training/quote-icon.svg);
	position: absolute;
	content: "";
	width: 52px;
	height: 42px;
	left: 0px;
}
.custom-file-button {
	position:relative;
	margin-top: 30px;
}
.custom-file-button label {
	position: absolute;
	background: #E0E0E0;
	top: 0px;
	min-height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	border-radius: 10px 0px 0px 10px;
	border: 1px solid #B1B1B1;
	padding-left: 15px;
	padding-top: 5px;
}
.custom-file-button label:before {
	background: url(../images/training/upload-icon.svg);
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	left: 7px;
}
.custom-file-button input[type="file"]::-webkit-file-upload-button {
	display: none;
}
.custom-file-button input[type="file"]::file-selector-button {
	display: none;
}
body .training-hero-banner .custom-file-button input[type="file"] {
	padding-left: 155px !important;
	border: 1px solid #B1B1B1;
	border-radius: 10px !important;
	min-height: 48px;
	padding-top: 12px !important;
}
/******************** Open Position section**************/
.multi-position-box {
	padding: 40px 20px !important;
	color: #fff;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: start;
	font-size: 18px;
	transition: .5s;
}
.multi-position-box:hover {
	border: 1px solid #ffc728;
}
.multi-position-box li {
	list-style-position: inside;
	padding-bottom: 12px;
}
/********** Industry Experience ***********************/
#training-exp-industry {
	background-color: #FFC728;
	color: #000;
	padding: 40px 0px !important;
}
#training-exp-industry .custom-border-bottom {
	border-bottom: 1px solid #FFDC78;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#footer-social-icons a {
	padding: 0px 8px;
	color: #FFC728 !important;
}
@media (max-width:767px) {
	#training-exp-industry .custom-border-bottom {
	border: none !important;
	margin: 0 !important;
}
.common-content-format {
	margin: 2rem 0px !important;
}
.mob-y-box-gap {
	margin: 35px 0px;
}
.custom-positions-width {
	margin: 0px;
}
.bs-heading-2 {
	font-size: 2.1rem;
}
}
/* about Section */
.about-title span:before {
	background: url(../images/training/about-bottom-line.svg);
	position: absolute;
	content: "";
	width: 251px;
	height: 10px;
	bottom: -10px;
}
.about-title span {
	position:relative;
}
.about-section ul {
	padding-left: 15px !important;
	margin-top: 22px !important;
}
.about-section li {
	color: #fff;
	font-size: 16px;
}
.stats-card {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.stats-card h3 {
	font-size: 42px;
	color: #fff;
	font-weight: 700;
	margin:0px;
}
.stats-card p {
	color: #B5B5B5;
	font-size: 20px;
	font-weight: 500;
}
.border-bottom {
	border-bottom: 1px solid;
}
.border-left {
	border-left: 1px solid;
}
.fs-20 {
	font-size: 20px;
}
/* Placement Process */
.placement-title span {
	position:relative;
}
.placement-title span:before {
	background: url(../images/training/placement-bottom-line.svg);
	position: absolute;
	content: "";
	width: 199px;
	height: 10px;
	bottom: -10px;
}
.number-row h3 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	font-weight: 700;
}
.number-row {
	position:relative;
}
.number-row:before {
	background: url(../images/training/placement-bottom-dots.svg);
	position: relative;
	content: "";
	top: 20px;
	height: 2px;
	bottom: -10px;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 68%;
}
.banner-btn.upworkbtn {
	max-width: 240px;
	margin-left: 30px;
}
.banner-btn.upworkbtn .rect-shape {
	stroke-dasharray: 461 9;
}
.banner-btn.upworkbtn:hover .rect-shape {
	animation: btnborder-upwork 2.5s ease forwards;
	-webkit-animation: btnborder-upwork 2.5s ease forwards;
}
@keyframes btnborder-upwork {
	0% {
	stroke-dasharray:729;
	stroke-dashoffset:729;
}
100% {
	stroke-dasharray:729;
	stroke-dashoffset:0;
}
}
.banner-btn.upworkbtn.workwithus .rect-shape {
	stroke: #000;
}
.portfolio-btn.open-rolesbtn .btn-start {
	left: 0;
	font-weight: 500;
	font-size: 17px;
	color: #000 !important;
}
.banner-btn.upworkbtn.workwithus:hover .btn-start {
	color: #000;
}
@media screen and (max-width: 1199px) {
/*	.portfolio-btn.open-rolesbtn .btn-start {
	top:0px;
}*/
}
@media (max-width:892px) {
	.banner-btn.upworkbtn {
	margin-left: 0px;
}
}
@media screen and (max-width: 468px) {
	.lets-build-section {
	height: 430px !important;
}
}

/* Jagdeep Singh */

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: transparent;
}
.single-portfolio .back-btn {
    margin-bottom: 15px;
}
p {
    margin-bottom: 10px;
}
.home.sticky-header .logo {
    display: none;
}
.forminator-label, .forminator-button, .forminator-radio-label {
    font-family: 'Metropolis' !important;
}
.poc-form .forminator-field input, .poc-form .forminator-field textarea, .industrial-training-form .forminator-field input {
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    line-height: 20px !important;
}
.POC-hero-section textarea {
    height: 60px;
}
.forminator-button-submit, .forminator-button-next, .forminator-button-back {
    background-color: #FFC107;
    color: #000;
    border: 2px solid #FFC107 !important;
}
.forminator-button-submit:hover, .forminator-button-submit:focus, .forminator-button-next:hover, .forminator-button-back:hover, .forminator-button-next:focus, .forminator-button-back:focus {
    background-color: #fff;
    border: 2px solid #FFC107 !important;
    color: #000;
    box-shadow: none !important;
}
.industrial-training-form .select2-selection {
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    background-color: #fff !important;
	border: none !important;
}
.forminator-custom-form-4664 .select2-results, .forminator-select-dropdown.forminator-custom-form-4664 {
    background-color: #fff !important;
    border: none !important;
}
.industrial-training-form .forminator-button-upload {
    background: #E0E0E0;
    border-radius: 10px 0px 0px 10px !important;
    border: 1px solid #B1B1B1;
    color: #000;
}
.industrial-training-form .forminator-file-upload {
    border: 1px solid #B1B1B1;
    border-radius: 10px !important;
}
.custom-pages {
    margin-top: 50px;
    margin-bottom: 50px;
}
.forminator-field--phone {
    line-height: 26px !important;
}
.forminator-field input, .forminator-field textarea, .forminator-field .select2-selection {
    outline: none;
}
/* Vinay Thakur */
.port-btn.portfolio-btn.open-rolesbtn svg .rect-shape {
	stroke-dashoffset: -759;
}

.port-btn.portfolio-btn.open-rolesbtn:after {
	right: -10px !important;
	height: 1px !important;
}
#menu-main-menu li:hover {
    cursor: pointer;
}	
.Service-slider-item ul {
    padding-left: 20px !important;
    margin-top: 15px !important;
}
.Service-slider-item p {
    max-width: 600px;
}
#services_section .owl-nav .owl-prev span, #services_section .owl-nav .owl-next span {
    display: none;
}
#services_section .owl-nav .owl-prev, #services_section .owl-nav .owl-next {
    margin-right: 5px;
    margin-left: 5px;
}
#services_section .owl-nav .owl-prev::before, #services_section .owl-nav .owl-next::before {
    font-family: "Font Awesome 5 Pro";
	color: #fff;
}
#services_section .owl-nav .owl-prev::before {
    content: "\f177";
}
#services_section .owl-nav .owl-next::before{
content: "\f178";
}
#services_section .owl-nav .owl-next:hover::before, #services_section .owl-nav .owl-prev:hover::before {
    color: rgba(233,186,30,1);
	
}
/*#services_section .owl-nav .owl-next:hover, #services_section .owl-nav .owl-prev:hover {
    animation: arrowanimationleft .5s ease forwards !important;
    color: rgba(233,186,30,1);
	
}



@keyframes arrowanimationleft {
    0%,100% {
        transform: translateX(0);
    }

    37% {
        transform: translateX(-7px);
    }
}*/
.slick-dots li button:before {
    color: transparent !important;
}
.custom-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0);
    z-index: 9999;
}

.custom-video-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 57%;
    width: 100%;
    background: #000;
    padding: 0;
}

.custom-video-modal-content #close {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #fff;
    font-size: 45px;
    cursor: pointer;
    z-index: 10000;
    font-weight: 500;
}

#journey-video {
    width: 100%;
    display: block;
}



/* Start Blog Page */

.page-template-blog-template .logo.gallery, .single-post .logo.gallery{
    margin-bottom: 32px;
}
#blog_page .gallerbanner {
    height: 200px;
    min-height: 200px;
}
#blog_page .gallerytext {
    padding-top: 90px;
    text-align: center;
}
.gallery-page .main-menu, .carrer-page .main-menu {
    background: rgb(0,0,0,80%);
    padding-bottom: 20px !important;
}
div#blog {
    padding-top: 3%;
}
body #primary {
    -ms-flex: 0 0 75.666667%;
    flex: 0 0 75%;
    max-width: 75.666667%;
}
.site-main {
    padding-right: 30px;
}
.blog-loop .hentry {
    width: 50%;
}
.single-post .hentry, .blog-loop .hentry {
    margin-bottom: 30px!important;
    padding-bottom: 30px!important;
}
.single-post .hentry, .blog-loop .hentry {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
.post-inner {
    padding-top: 15px;
}
.single-post .post-thumbnail, .blog-loop .post-thumbnail {
    display: block;
    margin-bottom: 35px;
}
.post-thumbnail {
    margin-bottom: 15px!important;
}
#blog .entry-header {
    padding: 0px;
    margin: 0px !important;
}
.single-post .posted-on, .blog-loop .posted-on {
    display: table;
}
.single-post .posted-on a, .blog-loop .posted-on a {
    color: #f0437e;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}
span.posted-on {
    color: #888 !important;
    font-size: 12px !important;
    letter-spacing: 0px !important;
}
.single-post .entry-title, .blog-loop .entry-title {
    margin: 20px 0 25px;
    font-size: 36px;
}
h2.entry-title, .widget-area .widget h4, .entry-title {
    font-family: "Bitter", serif;
    font-weight: 500;
    color: #222 !important;
	font-size: 24px !important;
	padding: 0px !important;
    margin: 5px 0px !important;
    font-size: 30px!important;
}
.entry-title a {
    color: #191919;
    font-size: 24px;
}
.single-post .entry-meta, .blog-loop .entry-meta {
    color: #bfbfbf;
}
.single-post .entry-meta span, .blog-loop .entry-meta span {
    margin-right: 15px;
}
.single-post .entry-meta .cat-links a, .post-cat {
    color: #222 !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 15px;
    line-height: 1;
    display: inline-block;
    background-color: #eff1f4;
    font-family: 'Metropolis';
}
.single-post .entry-meta .byline, .blog-loop .entry-meta .byline {
    font-size: 14px;
}
.single-post .entry-meta .byline a, .blog-loop .entry-meta .byline a {
    color: #595959;
    font-family: 'Metropolis';
}
.single-post .entry-meta span, .blog-loop .entry-meta span {
    margin-right: 15px;
}
.single-post .entry-meta span:last-of-type, .blog-loop .entry-meta span:last-of-type {
    margin-right: 0;
}
.single-post .entry-meta .comments-number, .blog-loop .entry-meta .comments-number {
    font-size: 12px;
    text-transform: uppercase;
}
span.comments-number {
    display: none;
}
.single-post .entry-content, .blog-loop .entry-content {
    color: #595959;
}
.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}
#blog p {
    margin-bottom: 15px;
}
.blog-loop .entry-meta .author a {
    color: #222;
    font-weight: 600;
    font-size: 14px;
}
.entry-content p, .single-post .entry-content ul li, .single-post .entry-content ol li {
    font-family: Montserrat;
    font-size: 14px !important;
    color: #212529;
}
.single-post .entry-content ul, .single-post .entry-content ol {
    margin-left: 15px !important;
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.comment-navigation a, .posts-navigation a, .post-navigation a {
    color: #8c8d90;
}
#secondary {
    background: #eff1f4!important;
    border: unset;
    padding-top: 10px;
    -ms-flex: 0 0 25.333333%;
    flex: 0 0 25%;
    max-width: 25.333333%;
    height: fit-content;
}
.widget-area-item {
    margin: 0 0 30px;
    color: #707070;
}
.widget-area-item .wp-block-heading {
    font-size: 20px !important;
    position: relative;
    margin-bottom: 30px;
    font-family: "Bitter", serif;
    font-weight: 500;
    color: #222 !important;
}
.widget-area-item .wp-block-heading:after {
    position: absolute;
    width: 40px;
    border-bottom: 3px solid #e9ba1e;
    content: "";
    left: 0px;
    bottom: -10px;
}
#secondary li {
    overflow: hidden;
    padding-bottom: 5px!important;
    margin-bottom: 10px;
	font-family: 'Montserrat';
    font-size: 14px;
}
#secondary a {
    color: #595959;
}
.entry-title a:hover, #secondary li a:hover, .single-post .entry-meta .cat-links a:hover, .post-cat:hover, .single-post .entry-meta .byline a:hover, .blog-loop .entry-meta .byline a:hover, .comment-navigation a:hover, .posts-navigation a:hover {
	color: #e9ba1e!important;
}
.archive {
    background-color: transparent;
}
.archive .page-title {
    font-family: 'Work Sans', sans-serif !important;
    margin-bottom: .5rem;
    line-height: 1.2;
}
#mailpoet_form_1 form.mailpoet_form {
    padding: 0 !important;
}
.mailpoet_form .mailpoet_text {
    color: #666;
    border: 1px solid #ebebeb;
    border-radius: 0;
    padding: 10px !important;
}
.mailpoet_form .mailpoet_text::placeholder {
    font-family: Work sans-serif;
    padding: 0px !important;
}
.mailpoet_form .mailpoet_submit {
    background-color: #e9ba1e;
    color: #fff !important;
    border-radius: 0px !important;
    padding: 10px !important;
    font-family: Work sans-serif;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    font-size: 13px;
}
.mailpoet_form .mailpoet_submit:hover {
    background-color: #fff !important;
    color: #000;
    border-color: #000 !important;
    color: #000 !important;
}
.comment-respond {
    padding-top: 25px;
    margin-bottom: 50px;
}
#comments h2 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.75rem;
}
.comment-respond #submit {
    background-color: #e9ba1e;
    color: #fff !important;
    border-radius: 0px !important;
    padding: 14px 30px !important;
    font-family: Work sans-serif;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    font-size: 13px;
    border: 2px solid #e9ba1e;
}
.comment-respond #submit:hover {
    background-color: #fff;
    color: #000 !important;
}
a.comment-reply-link {
    border: 1px solid rgba(30, 30, 39, 0.2);
    border-radius: 25px;
    padding: 10px 30px;
    line-height: 1;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}
.comment-metadata time {
    color: #000 !important;
}
.comment-metadata a {
    text-decoration: none !important;
}
@media (max-width: 575px){
.blog-loop .hentry {
    width: 100%;
}
.page-template-blog-template #primary, #secondary, .archive #primary , .single-post #primary {
    max-width: 100% !important;
}
#secondary {
    padding-bottom: 1px;
    margin-bottom: 25px;
}
}
@media (max-width: 1023px){
.page-template-blog-template .site-main {
    padding-right: 0px;
}
.blog-loop .hentry {
    width: 100%;
}
.page-template-blog-template #primary, #secondary, .archive #primary , .single-post #primary {
    max-width: 100% !important;
}
#secondary {
    padding-bottom: 1px;
    margin-bottom: 25px;
}
}
/* End Blog Page */

@media (max-width: 575px){
.custom-video-modal-content {
    max-width: 95%;
}
#particle-canvas {
    height: 600px;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload {
    display: -webkit-box !important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
    margin-bottom: 0px !important;
}.forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload span {
    margin-left: 10px;
}
.about-content .about-copy {
    max-width: 100%;
}
.main-menu .nav ul.menu-items li {
    right: 15px;
}
#fixed-image {
    top: 85%;
}
.portfolio-btn:after {
    right: -10px;
}
.work-with-us .btn-start {
    top: 0;
    left: 0 !important;
}
}
@media (max-width: 1023px){
.forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload {
    display: -webkit-box !important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
    margin-bottom: 0px !important;
}.forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload span {
    margin-left: 10px;
}
}
/* Only for Desktop */


@media (min-width: 1024px) {
.portfolio .col-lg-4:nth-child(6) .custom-service h4 {
    height: 54px;
}	
	
}



/* Start QA Changes CSS */

.single-portfolio p, .single-service {
    font-size: 17px;
}
.software-logo center {
    width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.work-with-us .btn-start {
    top: 0;
    left: 0 !important;
	}
	.lets-build-section .port-btn {
		margin-right: 15px !important;
	}
	.lineAnimated-aboutus {
    width: 44% !important;
    bottom: 0px !important;
}
}
/* End Start QA Changes CSS */