/* Theme Name: Wise APE *
* Developed On: 23Oct, 2020*
* Version: 1.0, 2020*
*/
@font-face {
  font-family: 'avdmi';
  src: url('fonts/AvenirNextLTPro-Demi.ttf');
}
@font-face {
  font-family: 'avdmit';
  src: url('fonts/AvenirNextLTPro-Regular.ttf');
}

@font-face {
	font-family: 'Avenir';
	font-weight: 300;
	src: url('fonts/Avenir-Light-07.ttf'); 
}

@font-face {
	font-family: 'Avenir';
	font-weight: 300;
	font-style: italic;
	src: url('fonts/Avenir-LightOblique-08.ttf');
}

@font-face {
	font-family: 'Avenir';
	font-weight: 400;
	src: url('fonts/AvenirMedium.eot');
	/* IE9 Compat Modes */
	src: url('fonts/AvenirMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/AvenirMedium.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/AvenirMedium.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Avenir-Medium-09.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/AvenirMedium.svg#svgAvenirMedium') format('svg');
	/* Legacy iOS */
}
a{
    text-decoration:none!important;
}

@font-face {
	font-family: 'Avenir';
	font-weight: 400;
	font-style: italic;
	src: url('fonts/Avenir-MediumOblique-10.ttf');
}

@font-face {
	font-family: 'Avenir';
	font-weight: 700;
	src: url('fonts/Avenir-Black-03.eot');
	/* IE9 Compat Modes */
	src: url('fonts/AvenirBlack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/AvenirBlack.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/AvenirBlack.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/Avenir-Black-03.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/AvenirBlack.svg#svgAvenirBlack') format('svg');
	/* Legacy iOS */
}

@font-face {
	font-family: 'Avenir';
	font-weight: 700;
	font-style: italic;
	src: url('fonts/Avenir-BlackOblique-04.ttf');
}

@font-face {
	font-family: 'Avenir';
	font-weight: 800;
	src: url('fonts/Avenir-Heavy-05.ttf');
}

@font-face {
	font-family: 'Avenir';
	font-weight: 800;
	font-style: italic;
	src: url('fonts/Avenir-HeavyOblique-06.ttf');
}

body,
* {
	/*font-family: 'Avenir', sans-serif;*/
	font-family: avdmit;
	font-size: 14px;
}
body {
	color: #3a3a3a;
	overflow: hidden;
	/*font-size:14px;
	font-weight:80;*/
}
.h{
    /*font-size:18px!important;
	font-weight:350!important;*/
}

#fi1:hover {
        transition: .5s;
    content: url('images/instagram_icon_hover.png');
    
}
#fi2:hover {
        transition: .5s;
    content: url('images/facebook_icon_hover.png');
    
}#fi3:hover {
        transition: .5s;
    content: url('images/linkedin_icon_hover.png');
    
}#fi4:hover {
        transition: .5s;
    content: url('images/youtube_icon_hover.png');
    
}#fi5:hover {
        transition: .5s;
    content: url('images/twitter_icon_hover.png');
    
}
#header .navbar-brand {
    opacity: 0;
}
#header.darkHeader .navbar-brand {
    opacity: 1;
    padding-top: 0rem;
}
#header.darkHeader .navbar.fixed-top.fixed {
    background-color: #f814cb;
}
#headersection {
	background-color: #f814cb;
	background-size: cover;
	background-position: top;
	height: 100vh;
}
.bannerImg {
	position: relative;
	margin-left: 0;
	padding: 0;
}


.border-0a{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}
.bannerImg img {
	object-fit: contain;
	object-position: left top;
}
.banner-img-tag {
	height: 100vh;
}
#headersection .col-md-6.clearHeader {
	display: flex;
	align-items: center;
	height: 100vh;
}
.header-round {
	position: absolute;
	right: 75px;
	margin-top: -60px;
	width: 100%;
	font-weight: 600;
}
.header-round-text {
	font-size: 17px;
	font-weight: 700;
}
.modalbackgorund {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('images/textimages.jpg');
	padding: 20px;
}
.modalbackgorund .modal-header,
.modalbackgorund .modal-body,
.modalbackgorund .modal-footer {
	background-color: #fff;
}
.modal {
	background-color: rgba(0, 0, 0, 0.8);
}
/*a{
    transform: scale(1.0);
}*/
.image{
    /*-webkit-transition: all 0.4s;
    transition: all 0.4s;*/
    /*transition: transform 0.5s;*/
    
    transform: scale(1.00);
}
.col-md-6a{
        overflow: hidden;
}
.imgh:{
    transition: 0.5s!important;
}
.imgh:hover {
  /*opacity: 0.3!important;*/
  /*transition: 0.5s;*/
  transition: 0.5s;
      transform: scale(1.05);
    /*transition: all 0.35s ease-Out;*/
}
.mainmenu {
	float: right;
	padding-left: 0px;
}
#yrs-1:hover {
        transition: .5s;
    content: url('images/yrs/Yrs-hover-1.jpg');
    
    }
    #yrs-2:hover {
        transition: .5s;
    content: url('images/yrs/Yrs-hover-5.jpg');
    
    }
    #yrs-3:hover {
        transition: .5s;
    content: url('images/yrs/Yrs-hover-6.jpg');
    
    }
    #yrs-4:hover {
        transition: .5s;
    content: url('images/yrs/Yrs-hover-6.jpg');
    
    }

.mainmenu li {
	display: inline-block;
	color: #f0ff42;
	font-size: 30px;
}

.imageslinks li {
	padding: 0px 20px;
}

.mainmenu li a {
	color: #f0ff42;
	padding: 0px;
	padding: 0px 10px;
	display: inline-block;
	padding-bottom: 5px;
	font-size: 16px;
}

.mainmenu li.active a span {
	border-bottom: 3px solid #7bfc7a;
	display: block;
	height: 30px;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
	padding-left: 8px;
	padding-right: 14px;
}

.homepage .navbar-nav .nav-link,
.worklist-page .navbar-nav .nav-link,
.career-page .navbar-nav .nav-link,
.team-page .navbar-nav .nav-link,
.contact-page .navbar-nav .nav-link {
	color: #f0ff42;
}

.homepage .navbar-nav .nav-link:focus,
.homepage .navbar-nav .nav-link:hover,
.worklist-page .navbar-nav .nav-link:focus,
.worklist-page .navbar-nav .nav-link:hover,
.career-page .navbar-nav .nav-link:focus,
.career-page .navbar-nav .nav-link:hover,
.team-page .navbar-nav .nav-link:focus,
.team-page .navbar-nav .nav-link:hover,
.contact-page .navbar-nav .nav-link:focus,
.contact-page .navbar-nav .nav-link:hover {
	color: #fff;
}

.aboutus-page .navbar-nav .nav-link,
.drumbeat-page .navbar-nav .nav-link {
	color: #f814cb;
}

.navbar-light .navbar-nav .nav-link.active span {
	color: #f0ff42;
	border-bottom: 3px solid #f0ff42;
	display: block;
	height: 30px;
}

.floatingNav.aboutus-page .navbar-nav .nav-link {
	color: #f0f647;
}

.drumbeat-page.floatingNav .navbar-nav .nav-link {
	color: #f0f647;
}

.drumbeat-page .navbar-nav .nav-link.active span {
	color: #f814cb;
	border-bottom: 3px solid #f814cb;
}

.floatingNav.aboutus-page .navbar-nav .nav-link.active span {
	color: #f0f647;
	border-bottom: 3px solid #f0f647;
}

.floatingNav.drumbeat-page.navbar-light .navbar-nav .nav-link.active span {
	color: #f0f647;
	border-bottom: 3px solid #f0f647;
}

.navbar-light .navbar-nav .nav-link {
	position: relative;
}
button:focus {
	outline: 0 none;
	outline: 0px auto -webkit-focus-ring-color;
}
#navbarCollapse {
	margin-top: 1%;
	margin-right: -1%;
}
.middle-text {
	text-align: left;
	color: #fff;
	align-items: center;
	font-family: avdmi;
}

.middle-text .title {
	font-size: 35px;
	font-weight: 350;
	font-family: avdmi;
}

.middle-text .sub-title {
	font-size: 24px;
	max-width: 73%;
	font-weight:80;
	font-family: avdmit;
}
/*.bluetext {
  font-weight: 600;
  color: #396ee1;
  font-size: 25px;
}*/

.navbar-light .navbar-nav .nav-link.active span {
  color: #f814cb;
  border-bottom: 3px solid #f814cb;
}

.about-title p {
  font-size: 24px;
  letter-spacing: 1px;
  color: #000;
}
.about_title_main {
	color: #f814cb;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 48px;
}
.maxwidth {
    max-width: 100%;
}
.button-link .btn {
	background-color: #7bfc7a;
	color: #000;
	border: none;
	padding: 12px 45px;
	border-radius: 19px;
	font-weight: bold;
	margin: 15px 0px;
}

#articlesSection {
	padding: 6vw;
	background-color: #2cfe76;
	position: relative;
	overflow: hidden;
	padding-bottom: 0;
} 
#articlesSection.homepage_section {
    padding: 2.8vw;
}
#articlesSection .background_section {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#articlesSection .background_section .drum_rows {
	color: #f0ff42;
	display: block;
	animation-name: translate-logo-thumb;
	animation-duration: 18s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: relative;
	width: 200%;
	white-space: nowrap;
}
#articlesSection .background_section .drum_rows span {
	display: inline-block;
	font-size: 160px;
	font-weight: 700;
	line-height: 1;
	width: 31%;
}
#articlesSection .background_section .drum_rows:nth-child(2n) {
	animation-duration: 20s;
	animation-name: translate-logo-right;
	
}
#articlesSection .background_section .drum_rows:nth-child(3n) {
	animation-duration: 28s;
	margin-left: -50%;	
}
#articlesSection .background_section .drum_rows:nth-child(4n) {
	animation-duration: 36s;
	margin-right: -30%;
	
}
#articlesSection .background_section .drum_rows:nth-child(5n) {
	animation-duration: 43s;
	margin-left: -40%;	
	
}
#articlesSection .background_section .drum_rows:nth-child(2n) {
	animation-duration: 59s;
	margin-right: -60%;
}
/*============================================================================================*/
/* 2. HEADER AND NAVIGATION */
/*============================================================================================*/
/*-------- 2.1 Header --------*/
#header .navbar.fixed-top.sky {
    background-color: #00b9c7;
	transition: all 0.3s ease;
	padding-top: 1.5em;
	z-index: 999;
}
#header .navbar.fixed-top.fixed {
    padding-top: 0;
	padding-bottom: 0;
	background: transparent;
}
#header .navbar.fixed-top.fixed.sky {
    padding-top: 0;
    padding-bottom: 0;
    background:#00b9c7;
}
#header .navbar.fixed-top .navbar-header {
   position: relative;
   z-index: 999;
}
#header .navbar.fixed-top .navbar-brand img {
	transition: all 0.5s ease;
	max-height: 60px;
}
#header .navbar.fixed-top.fixed .navbar-brand img {
	max-height: 80px;
}
#header .navbar-brand span {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
}
#header li.nav-item {
    font-size: 15px;
	padding: 8px;
}
#header .btn {
	min-height: 10px;
}
#header .navbar-toggler {
    transition: all 0.4s ease;
}
#header .navbar-toggler[aria-expanded="true"] {
    transform: rotate(45deg);
}
#header .headersrchicon {
	/* position: absolute; */
	display: block;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 100%;
	border-radius: 0px 5px 5px 0px;
	background: url("../images/searchicon.png") no-repeat center center /contain;
	background-size: 15px;
	border: none;
	color: #f0ff42;
	display: none;
}
#header .product_link form {
	position:relative;
	top:0px;
	display:inline-block; 
}

.slider-info{
	padding-right: 6rem!important;
	    padding-left: 6rem!important;
}

.bluetext1{
	padding-top: 85px; 
	padding-bottom:20px;
	line-height: 40px; 
	font-size:38px;
	font-weight: 600;
	color: #3e3f41;
    text-align: center;
}
@media (min-width: 1500px) {
	.navbar.fixed-top .navbar-brand img {
		max-height: 130px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 90%;
		max-width: 1400px;
	}
}

/*-------- 2.2 Navigation Menu --------*/
.navbar-toggler-icon {
	display: inline-block;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
	width: 35px;
	height: 2px;
	background-color: #f0ff42;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	list-style: none;
}
.navbar-toggler-icon::before, 
.navbar-toggler-icon::after {
	content: '';
	width: 80%;
	height: 100%;
	position: absolute;
	background-color: #f0ff42;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-webkit-transition: top .3s, background-color 0s, -webkit-transform .3s;
	transition: top .3s, background-color 0s, -webkit-transform .3s;
	transition: transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s, -webkit-transform .3s;
}
.navbar-toggler-icon::before {
	top: -5px;
}
.navbar-toggler-icon::after {
	top: 5px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background-color: rgba(255, 255, 255, 0);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: rgba(255, 255, 255, 1);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	background-color: rgba(255, 255, 255, 1);
}

#header .navbar-nav .nav-item a {
    color: #fff;
	text-transform:lowercase;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}
#header .navbar-nav .nav-item a span{
	font-size:24px;
}
#header .navbar-nav .nav-item a:not(.btn):focus,
#header .navbar-nav .nav-item a:not(.btn):hover {
	border-bottom: 3px solid #f0ff42;
}
#collapsibleNavbar {
	position: fixed;
	left: 0;
	right: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(248,32,206,.8);
	z-index: 998;
	transition: all 0.3s ease;
	display: flex;
	place-content: center;
}
#collapsibleNavbar.show {
	top:0;
}
.navbar-toggler img {
	/*width: 20px !important;
	height: 20px !important;*/
}
.articles {
	background-color: #fff;
	padding: 50px;
	position: relative;
	z-index: 2;
}

.article .image {
	padding-bottom: 20px;
	position: relative;
}

.article .title {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding: 15px 0px;
}

.article .description {
	padding-right: 30px;
}

.drumbeattitle {
	font-size: 50px;
	padding: 0px 42px;
	font-weight: 700;
	margin: 0;
    font-family: 'avdmi';
}
.drumbeattitle2 {
	text-align: center;
	font-size: 44px;
	color: #3e3f41;
	/*padding: 0px 42px;*/
	font-weight: 700;
	margin: 0;
    font-family: 'avdmi';
}
.drumbeat_title .text-dark {
	font-size: 18px;
	color: #000;
}
.hangtext {
	font-weight: 700;
	font-size: 50px;
	color: #040404;
}

.addtext {
	color: #040404;
	font-size: 20px;
	font-weight: 700;
}

.author,
.datetime {
	padding-top: 20px;
}

.cricle {
	width: 60px;
	height: 60px;
	background-color: #e72eca;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 58px;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: 30px;
}

.cricle img {
	width: 12px;
}

.viewallarticals {
	overflow: hidden;
	padding: 50px 0px 0px 30px;
}

.viewallarticals .btn {
	background-color: #e72eca;
	border: 1px solid #e72eca;
	border-radius: 15px;
	box-shadow: 1px 0px 2px 5px #e72eca14;
}

#shrewdnessSection {
	background-color: #000;
	padding: 70px 0;
}
.SHREWDNESS-title {
	font-size: 50px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
}

.border-right {
	border-right: 1px solid #fff;
}

.shrewdness-desc {
	color: #fff;
	text-align: left;
	padding-right: 200px;
	padding-left: 15px;
	font-size: 18px;
}

.maxwidth {
	max-width: 100%;
	max-height: 100%;
}

#shrewdnessSection .col-md-3 {
	padding: 0px;
}

.staffservice {
	padding: 50px 0px 0px 0px;
	margin-bottom: -225px;
}

.staff-image img {
	height: 380px;
	width: 100%;
}

#contactUs {
	padding: 50px;
	margin-top: 250px;
}

.contactform {
	padding: 50px;
	-webkit-box-shadow: 0px 0px 38px 4px rgba(233, 234, 242, 1);
	-moz-box-shadow: 0px 0px 38px 4px rgba(233, 234, 242, 1);
	box-shadow: 0px 0px 38px 4px rgba(233, 234, 242, 1);
	border-radius: 15px;
}

.contactforminput {
	border: none;
	border-bottom: 1px solid #e5d3c6;
	border-radius: 0;
}

.contactsubmitbtn {
	background-color: #e72eca;
	border: 1px solid #e72eca;
	border-radius: 15px;
	box-shadow: 1px 0px 2px 5px #e72eca14;
	padding: 8px 40px;
}

.viewallwork-btn {
	position: absolute;
	bottom: 2%;
	right: 10%;
	font-size: 22px;
	text-decoration: underline;
	color: #2cfe77;
	font-weight: 600;
	z-index: 1;
}

.next-click-btn {
	position: absolute;
	bottom: 20px;
	right: 6%;
	font-size: 18px;
	text-decoration: none !important;
	color: #f814cb !important;
	font-weight: 400;
	font-style: italic;
	z-index: 2;
}
footer {
	background-color: #000;
	padding: 30px;
	color: #fff;
	margin-top: 0px;
}

.social-media ul {
	padding: 0px;
	list-style-type: none;
	margin-bottom: 1.3rem;
}

.social-media ul li {
	display: inline-block;
	padding-right: 15px;
}

.social-media ul li a {
	color: #e72eca;
}

.social-media ul li a img {
	width: 15px;
	height: 15px;
	object-fit: contain;
	object-position: center;
}
.bordertop {
	border-top: 1px solid #ccc;
}

.shortmenu ul {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	list-style-type: none;
}

.shortmenu ul li {
	display: inline-block;
}

.shortmenu ul li:first-child a {
	padding-left: 0px;
}

.shortmenu ul li a {
	color: #fff;
	padding: 0px 20px;
	border-right: 1px solid #fff;
	/* text-transform: capitalize; */
}

.copyright-text {
	margin-top: 15px;
	/* text-transform: capitalize; */
}

.carousel-control-next,
.carousel-control-prev {
	top: inherit;
	display: inherit;
	background-color: #e72eca;
	padding: 15px;
	width: inherit;
	opacity: 1;
}

.carousel-control-prev {
	left: inherit;
	right: 0;
	bottom: 55px;
}

.carousel-control-next {
	right: -50px;
	z-index: 999;
}

.slider-info .slider-desc {
	font-size: 18px;
	line-height: 1.5;
	font-family: avdmit;
	font-weight: 80;
}

.slider-info .slider-title {
	font-size: 30px;
	color: #000;
font-family: avdmi;
	font-weight: 350;
	line-height: 1.5;
	margin-top: 2.4rem;
}
.slider-info .tag-line {
	font-weight: 80;
	color: #e72eca;
	font-size: 13px;
	text-align: left;
	letter-spacing: 2px;
}
.slider-info > *,
.slider-info p {
	font-size: 16px;
	text-align: left;
	color:#000;
}

input:focus,
.form-control:focus {
	border-bottom: 1px solid #e5d3c6;
	box-shadow: none;
	outline: none;
}

.gotoactions {
	position: fixed;
	right: 15px;
	top: 87%;
	z-index: 111111;
}

.gotoactions .inner-page {
	list-style-type: none;
}

.gotoactions .inner-page li a {
	padding: 3px;
	background-color: #007bff;
	border-radius: 100%;
	margin-bottom: 9px !important;
	margin: 5px;
	width: 5px;
	height: 5px;
	line-height: 8px;
	text-align: center;
	display: block;
	font-size: 0px;
	color: #fff;
	opacity: 0.4;
}

.gotoactions .inner-page li a.active {
	font-size: 8px;
	width: 15px;
	height: 15px;
	line-height:10px;
	opacity: 1;
	margin-left:0;
}

html {
	scroll-behavior: smooth;
}

.staff:hover .h_background,
.staff:hover .arrow-update {
	display: block;
}

.h_background {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #e72eca;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	display: none;
}

.arrow-update .fa {
	text-align: center;
	line-height: 40px;
	color: #fff;
	background-color: #7bfc7a;
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.arrow-update {
	position: absolute;
	top: 45%;
	left: 45%;
	text-align: center;
	color: #fff;
	display: none;
}

.staff-image {
	position: relative;
}

.image-top-size {
	margin: 20px 0;
	position: relative;
}

.slider-info.paddingless {
	padding-top: 10px;
}

.all-works {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.all-works .borderline {
	border-bottom: 2px solid #2ffe78;
	margin-top: -30px;
}

.all-works span {
	background: #fff;
	padding-right: 30px;
}

.all-works-grid .tag-line {
	font-size: 14px;
	color: #e72eca;
}

.all-works-grid .image {
	margin: 20px 20px 20px 0px;
}

.all-works-grid .slider-title {
	font-size: 20px;
	color: #000;
	margin-bottom: 50px;
	
}

/*.about_heading.bluetext {
	font-size: 44px;
	color: #2660dd;
	text-align: center;
	padding: 50px 0px;
}*/
.about-text {
	text-align: center;
	padding: 0 0 20px 0;
	font-size: 18px;
}
.strategys p {
	font-size: 18px;
	display: flex;
}
.strategys {
	padding: 50px 60px 30px;
	-webkit-box-shadow: 10px 10px 30px 1px #e9eaf2;
	-moz-box-shadow: 10px 10px 30px 1px #e9eaf2;
	box-shadow: 10px 10px 30px 1px #e9eaf2;
	border-radius: 30px;
	margin-bottom: 40px;
}
header {
	padding: 20px 0px;
	background-color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

header .mainmenu {
	margin: 0px;
	padding: 10px 0px;
}

.careers {
	background-image: url('images/careerbanner.jpg');
	/*background-image: url('images/careers.jpg');*/
	min-height: 430px;
	position: relative;
	background-size: cover;
}

.career-background {
	position: absolute;
	background-color: #000;
	opacity: 0.5!important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.uring{
    border-color: #999 !important;
    /*z-index: 999999!important;*/
    /*position: relative;*/
        font-size: 50px!important;
    /*padding: 0px 42px;*/
    font-weight: 700!important;
    margin: 0;
}
.join-us-text {
	color: #fff;
	z-index: 99;
	margin-top: 220px!important;
}

.fm:hover {
    color:#f0ff42;
}

.join-us-text .join {
	font-size: 40px;
}

.join-us-text .join-desc {
	font-size: 16px;
}

.carrer-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sharei {
    width: 50px;
    background: #f814cb;
    color: #fff;
    text-align: center;
    padding: 20px 0px;
    border-radius: 20px;
    position: absolute;
    top: 35%;
    right: 4.5%;
    z-index: 66;
    font-size: 22px;
    font-weight: 900;
}

.carrer-list li {
	/*box-shadow: 1px 1px 4px 3px #eee;*/
	box-shadow:0px 2px 30px -9px #7d7b7b78, 12px 0px 10px -20px #7d7b7b78, 0 15px 15px -20px #7d7b7b78;
	/*box-shadow: 0px 2px 30px -20px #111, 12px 0px 10px -20px #111, 0 15px 15px -20px #111;*/
	border-radius: 0.25rem;
}

.carrer-list li .career-i-title {
	font-size: 24px;
	font-weight: bold;
}

.btn-see-how :hover {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
}

.btn-see-how a {
	box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
}

.carrer-list li .career-i-desc {
	font-size: 14px;
}

#logo-img {
	display: none;
}
.dignone{
        display:none;
    }
.digblock{
    display:block;
}
.deskblock{display:block;}
.desknone{display:none;}


.middle-text img{
	 max-width: 58%;
    margin-left: 20px;
}
@media (max-width: 600px) {
	#navBar {
		background: #f814cb;
	}
}

@media (max-width: 768px) {
	.middle-text img{
	 max-width: 80%;
    margin-left: 20px;
}
.sharei {
    width: 38px;
    top: 38%;
    right: 1.5%;
}
	.jobenq{
		padding-left: 0!important;
	}

	.bluetext1{
		    font-size: 20px!important;
    padding: 50px 5px 11px!important;
    text-align: left!important;
    line-height: 30px!important;
	}
    .dignone{
        display:block;
    }
    .digblock{
    display:none;
}.shortmenu ul li {
	display: list-item;
}
.deskblock{display:none;}
.desknone{display:block;}
	#logo-img {
		display: block !important;
	}
	
	.m-hide-svg {
		display: block;

	}
	
	#circle svg {
		z-index: 1;
	}
	.slider-info .tag-line {
		font-size: 12px;
	}
	.viewallwork-btn {
    	position: absolute;
    	bottom: -303px;
    	right: 0%;
    	font-size: 16px;
    	text-decoration: underline;
    	color: #000!important;
    	font-weight: 600;
    	z-index: 1;
    	left: 27%!important;
    	text-align: center;
    	top: 21px; 
    }
    .px-5{
    	padding-left: 0!important;
    	padding-right: 0!important;
    	padding-top: 1rem!important;
    }

	.drumbeattitle {
		padding: 0px 0px;
	}
	
	.middle-text .title {
		font-size: 20px;
	}
	.middle-text .sub-title {
		font-size: 14px;
		max-width: 100%;
		font-weight:80;
	}
	.slider-info {
		padding: 35px 15px 15px;
		margin-bottom: 45px;
		
	 padding-right: 3rem!important;
    padding-left: 3rem!important;
	
	}
	#button-2{
		position: relative;
		top: 10px;
	}
	.slider-info.paddingless {
		padding-left: 0rem!important;
    	margin-bottom: 0px;
    }
    .all-works.set-clients h3 {
    	margin-bottom: 0px!important;
    }
	.shrewdness-desc {
		padding-right: 0px;
	}
	.border-right {
		border-right: none !important;
	}
	#articlesSection {
		margin-top: 30px;
	}
	.contactsubmitbtn {
		margin-top: 15px;
	}
	.middle-text {
		/*padding-top: 10%;*/
		padding-bottom: 25%;
	}
	.carousel-control-next {
		left: 0px;
		z-index: 999;
		right: inherit;
		width: 50px;
	}
	.carousel-control-prev {
		bottom: 0px;
		z-index: 999;
		width: 50px;
	}
	#carouselExampleControls .carousel-control-prev {
		left: 0 !important;
		right: inherit !important;
	}
	#carouselExampleControls .carousel-control-next {
		right: 0 !important;
		left: inherit !important;
	}
	#headersection .section-title {
    	left: 0rem !important;
    }
    #headersection .col-md-6.clearHeader {
    	
    }
    #headersection .col-md-6.clearHeader {
        display: flex;
        /* align-items: end; */
        align-items: flex-end;
        height: 110vh;
    }
    .bannerImg.about-banner .banner-img-tag {
    	margin-left: 7px!important;
    	height: 65vh;
    }
    .about-title p {
    	font-size: 18px;
    }
    .about_title_main{
        font-size: 24px;
    }
    .about_heading.bluetext {
        font-size: 26px;
        padding: 50px 0px 10px;
        text-align: left;
    }
    .about-text {
    	text-align: left!important;
    	padding: 0 0 20px 0;
    	font-size: 16px;
    }
    #headersection {
    	height: auto !important;
    }
    .circleCount {
    	right: 19.3% !important;
    	margin-top: -17px !important;
    }
    #circle svg {
    	position: absolute;
    	left: 27% !important;
    	margin-top: -47px!important;
    	width: 100%;
    	height: 124px!important;
    }
    .slider-info .slider-title{
        margin-top: 1.1rem !important;
    }
    #carouselExampleControls .carousel-control-prev {
    	width: 50px !important;
    	height: 50px !important;
    	position: absolute;
    	bottom: 0;
    	top: 290px;
    }
    .carousel-control-prev-icon {
    	padding-top: 1rem!important;
    }
    #carouselExampleControls .carousel-control-next{
        width: 50px !important;
    	height: 50px !important;
    	position: absolute;
    	bottom: 0;
    	top: 290px;
    }
    .carousel-control-next-icon {
    	padding-top: 1rem !important;
    }
    .next-click-btn { 
    	display: none;
    }
    .slider-info .slider-desc {
    	font-size: 14px!important;
    	line-height: 1.4!important;
    	margin-top: 1rem;
    }
    .articles {
    	padding: 30px 10px;
    	text-align: center;
    }
    .drumbeattitle {
        font-size: 36px;
        /*margin-bottom: 2rem;*/
    }
    #articlesSection.homepage_section {
    	padding:10px 7.2vw;
    }
    #articlesSection .background_section .drum_rows span {
    	font-size: 60px;
    	width: 55%;
    }
    .communication-text {
    	display: none;
    }
    .circles svg {
    	/*width: 40%!important;*/
    	height: 15%!important;
    	 margin-left: 7.9rem!important;
    }
    .contentoverlay .circles.g-circles svg{
    	    margin-left: 7.9rem;
    }

    .circles.m-hide-svg.wow.zoomIn.animated{
        position: absolute;
        left: -69px!important;
        top: 10px!important;
        /*height: 1030px!important;*/
    }
    .single_text h2 {
    	font-size: 1.6rem!important;
    	font-weight: 600!important;
    }
    .single_text .description {
    	font-size: 16px;
    	text-align: left;
    	line-height: 1.3;
    }
    #button-2{
        margin:auto;
    }
    #shrewdnessSection {
    	/*padding: 30px;*/
    	padding: 0px 0px;
    }
    .theshrewdness{
    	padding-left: 25px;
    	padding-right: 25px;
    }
    .letshang{
    	padding-top: 30px;
    }
    .SHREWDNESS-title br {
    	display: none;
    }
    .SHREWDNESS-title {
    	font-size: 30px;
    	text-align: left;
    	line-height: 60px;
    }
    .shrewdness-desc {
    	padding-left: 0px;
    }
    .staffservice {
    	padding: 2rem 0 !important;
    }
    #contactUs {
    	padding: 20px;
    	margin-top: 215px;
    }
    .hangtext {
    	font-size: 34px;
    }
    .body_font {
        font-size: 16px;
    }
    .text-address {
    	font-size: 16px;
    }
    .max-a {
    	color: #e33ec5;
    }
    .contactform {
        padding: 50px 20px 10px!important;
        box-shadow: 0px 0px 80px 0px rgba(204,204,204,1)!important;
    }
    .position-relative {
    	padding: 0!important;
    }
    .text-address {
    	color: #595959;
    	font-size: 16px;
    }
    .custom-control-label, .body_font {
    	font-size: 16px!important;
    }
    .max .contentoverlay .circles.g-circles {
    	left: 83%!important;
    	top: 17%!important;
    	position: absolute;
    	transform: translate(-75%, -34%);
    	width: 450px!important;
    }
    .slick-dots li.slick-active button::before {
    	opacity: 1;
    	color: #e23cc4;
    }
}

.contentoverlay {
	position: relative;
	width: 100%;
	max-width: auto;
	margin: auto;
	overflow: hidden;
}

.contentoverlay .content-overlay {
	background: rgba(243, 224, 62, 0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.contentoverlay:hover .content-overlay {
	opacity: 1;
}

.content-image {
	width: 100%;
}

.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.contentoverlay:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}
.home_p .contentoverlay:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}
.contentoverlay .content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	width: 45px;
	height: 45px;
	background: #e72eca;
	margin: 0 auto;
	border-radius: 50px;
	line-height: 40px;
}


/*.contentoverlay .content-details p {
color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}*/

.fadeIn-bottom {
	top: 80%;
}

.fadeIn-top {
	top: 20%;
}

.fadeIn-left {
	left: 20%;
}

.fadeIn-right {
	left: 80%;
}

.custom-btn {
	width: 130px;
	height: 40px;
	color: #000;
	border-radius: 15px;
	padding: 10px 25px;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}

.btn-3 {
	background: rgb(123, 252, 122);
	background: linear-gradient(0deg, rgba(123, 252, 122, 1) 0%, rgba(123, 252, 122, 1) 100%);
	width: 130px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	border: none;
	border-radius: 15px;
}

.btn-3 span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.button {
	display: flex;
	justify-content: flex-end;
	height: 46px;
	width: 190px;
	border: 2px solid #e23cc4;
	margin: 20px 20px 20px 20px;
	color: #fff;
	background: #e23cc4;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1.5px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 20px;
}

#button-2 b {
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: avdmi !important;
	font-weight:800;
}

#button-2 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin-left: auto;
box-shadow: 0px 0px 4px 3px rgb(255, 255, 255);
}

#button-2 b {
	position: relative;
	transition: all 0.35s ease-Out;
	line-height:25px;
}

#slide {
	width: 100%;
	height: 100%;
	left: -200px;
	background: #f0ff42;
	position: absolute;
	transition: all 0.35s ease-Out;
	bottom: 0;
}

#button-2:hover #slide {
	left: 0;
}

#button-2:hover a {
	color: #e23cc4;
}

.sub-button1 {
	justify-content: flex-end;
	height: 40px;
	width: 150px;
	border: 2px solid #7bfc7a;
	margin: 20px 20px 20px 20px;
	color: #000;
	font-weight: bold;
	background: #7bfc7a;
	text-transform: capitalize;
	text-decoration: none;
	letter-spacing: 1.5px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 15px;
}

#button-7 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

#button-7 a {
	position: relative;
	left: 0;
	transition: all 0.35s ease-Out;
	color: #fff;
	text-decoration: none;
}

#dub-arrow {
	width: 100%;
	height: 100%;
	background: #0062cc;
	left: -200px;
	position: absolute;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.35s ease-Out;
	bottom: 0;
	border-color: #0062cc;
}

#button-7 img {
	width: 20px;
	height: auto;
}

#button-7:hover #dub-arrow {
	left: 0;
}

#button-7:hover a {
	left: 150px;
}

#container {
	margin: 0%;
	position: relative;
}

#container1 {
	margin: 0%;
	position: relative;
	background-color: #0062cc;
}

#container2 {
	margin: 0%;
	position: relative;
}

#circle {
	width: 100%;
	overflow: hidden;
}

#circle text {
	font-family: 'Helvetica Neue', Arial;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.circleCount {
	position: absolute;
	right: 14.3%;
	z-index: 2;
	font-size: 45px;
	margin-top: -33px;
	color: #7bfc7a;
}

.circles svg {
	width: 15%;
	height: 15%;
	text-transform: uppercase;
}

.circles {
	position: absolute;
	z-index: 1;
	left: 77%;
	width: 100%;
	top: 348px;
}

.circles text {
	font-family: 'Helvetica Neue', Arial;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

#carouselExampleControls .carousel-control-next {
	right: 39.5%;
	z-index: 999;
}

#carouselExampleControls .carousel-control-prev {
	left: inherit;
	right: 42.5%;
}

.main-navbarmenu {
	margin: auto;
	display: flex;
}

#circle svg {
	position: absolute;
	left: 35%;
	margin-top: -83px;
	width: 100%;
	height: 160px;
}
#circle svg,
.circles svg {
	-webkit-animation-name: rotate;
	-moz-animation-name: rotate;
	-ms-animation-name: rotate;
	-o-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(360deg);
	}
	to {
		-moz-transform: rotate(0);
	}
}

@-ms-keyframes rotate {
	from {
		-ms-transform: rotate(360deg);
	}
	to {
		-ms-transform: rotate(0);
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(360deg);
	}
	to {
		-o-transform: rotate(0);
	}
}

@keyframes rotate {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0);
	}
}

.staffservice .circles {
	position: absolute;
	font-weight: 600;
	margin-left: auto;
	margin-bottom: 16px;
	width: 100%;
}

.staffservice .circles .badge-header {
	font-size: 35px;
}

#articlesSection .circles .badge-header {
	font-size: 30px;
}

#articlesSection .circles {
	top: 0;
}

#articlesSection .circles svg {
	margin-top: -35px;
}

.circles.g-circles svg {
	width: 60%;
}

.circles.g-circles {
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-75%, -34%);
}
.contentoverlay .circles.g-circles {
	left: 96%;
	top: 50%;
	position: absolute;
	transform: translate(-75%, -35%);
	width: 462px;
}
.contentoverlay .circles.g-circles svg {
	width: 100%;
}
.garlandText {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}

.garlandText-inner {
    padding-right:60px;
    padding-left:60px;
	height: 184px;
	overflow: auto;
	width: 300px;
	/*text-shadow: 1px 1px 2px #000;*/
}

.garlandText-inner::-webkit-scrollbar {
	width: 4px;
}
/*
.garlandText-inner::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.garlandText-inner::-webkit-scrollbar-thumb {
	background: #f814cb;
}*/

.garlandText p {
	color: #fff;
	font-size: 10px;
}

.garlandText .garlandname span.bg {
	background: #f814cb;
	transform: rotate(0);
	display: inline-block;
	padding: 0px 1px 2px;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
}

.garlandText .garlandname span.t-rotate {
	transform: rotate(-8deg);
	display: inherit;
}

.listview-sect {
	position: relative;
	margin-top: -80px;
	margin-bottom: 70px;
}

.listview{
	padding-left: 3rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
}
.m-hide-svg{
	position: absolute;
	left: -25px;
	top:-30px;
	width: 100%;
	font-weight: 600;
}
.join-des{
	margin-top: 1.5rem;
}
@media (min-width: 768px) {


    #header .navbar.fixed-top {
        padding-left: 6rem;
        padding-right: 6rem;
    }
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		max-width: 100% !important;
		padding: 0 60px;
	}
	.navbar-expand-lg>.container1,
	.navbar-expand-lg>.container-fluid {
		max-width: 100% !important;
		padding: 0 60px;
	}
		
	.navbar-expand-lg>.container2,
	.navbar-expand-lg>.container-fluid {
		max-width: 100% !important;
		padding: 0 60px;
	}
	.navbar-light .navbar-nav .nav-link:after {
		content: '';
		position: absolute;
		right: 0px;
		top: 50%;
		vertical-align: middle;
		transform: translateY(-50%);
		width: 6px;
		height: 6px;
		content: "";
		background: #f0ff42;
		border-radius: 50%;
	}
	.aboutus-page .navbar-nav .nav-link:after,
	.drumbeat-page .navbar-nav .nav-link:after {
		background: #f814cb;
	}
	.navbar-light .navbar-nav .nav-link.afterremovedot:after {
		display: none;
	}
	
}
@media only screen and (min-width: 1200px) {
	.garlandText p {
		font-size: 11px;
	}
}
@media only screen and (min-width: 1400px) {
	#articlesSection .circles .badge-header {
		font-size: 30px;
	}
	#articlesSection .circles {
		top: -30px;
	}
	#articlesSection .circles svg {
		margin-top: -30px;
	}
	.garlandText p {
		font-size: 14px;
	}
	.garlandText p {
		font-size: 11px;
	}.digitalsupporter {
		width: 250px;
    padding-left: 55px;
	}
	.articles {
		padding: 90px 90px 90px;
	}
}
@media only screen and (min-width: 1600px) {
	#articlesSection .circles {
		top: -30px;
	}
	#articlesSection .circles svg {
		margin-top: -10px;
	}
	#articlesSection .circles .badge-header {
		font-size: 30px;
	}
}
#container {
	position: fixed;
	top: -18px;
	left: 0;
	width: 100%;
	z-index: 1;
}
#container1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
#container2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
#navBar.floatingNav {
	position: fixed;
	width: 100vw;
	height: 50px;
	transition: 0.2s;
	display: flex;
}
.floatingNav {
	width: calc(100vh - 100px);
	border-radius: 2px;
	box-shadow: 0px 1px 10px #999;
	background-color: #f814cb;
}
.mainmenu {
	float: right;
	padding-left: 0px;
	margin: auto;
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav {
		float: left;
	}
}
/*4 oct 2020 start code css*/
.textscrolls {
	padding-top: 15%;
}
.clearHeader img {
	transition: 0.5s;
}
.clearHeader .ones {
	display: block;
}
.clearHeader .twos {
	display: none;
	max-width: 80%;
}
.clearHeader.darkHeader .ones {
	display: none;
}
.clearHeader.darkHeader .twos {
	display: block;
}
/*// again start for set */
#mainmenu {
	float: right;
	padding-left: 0px;
}
img {
	vertical-align: middle;
	border-style: none;
}
#mainmenu {
	float: right;
	padding-left: 0px;
}
#mainmenu li a {
	color: #f0ff42;
	padding: 0px;
	padding: 0px 10px;
	display: inline-block;
	padding-bottom: 5px;
	font-size: 16px;
}
#contactUs1 {
	padding: 30px;
	/*margin-top: 20px;*/
}
/*4 oct 2020 end code css*/
@media (max-width: 768px) {
	.box-circle img{
		max-width: 123%;
		height: auto;
	}
	.col-md-9{
		padding-right: 0px;
		max-width: 65%;
	}
.m-hide-svg{
	left: -140px;
}
.m-hide-svg svg{
	width: 33%!important;
}
.join-des{
	margin-top: 0;
}
	.col-md-3{
		padding-right: 0px;
		padding-left: 0px;
	}
	.listview{
		padding-left: 1rem;
		padding-right: 0.5rem;
		padding-top: 0.5rem;
	}
	.career-i-desc{
		display: none;
	}
	.team_wrap{
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px!important;
	}
	.garlandText-inner{
		width: 257px;
	}
	.garlandText{
		left:56%;
	}
	.shrewdness-desc {
		padding-right: 0px;
	}
	.border-right {
		border-right: none !important;
	}
	.contactsubmitbtn {
		margin-top: 15px;
	}
	/*.middle-text {*/
	/*	padding-top: 5%;*/
	/*	padding-bottom: 10%;*/
	/*}*/
	.carousel-control-next {
		left: 0px;
		z-index: 999;
		right: inherit;
	}
	.carousel-control-prev {
		bottom: 0px;
		z-index: 999;
	}
	#carouselExampleControls img {
    	height: 315px!important;
    	object-fit: cover;
    }
}
#hamburger>* {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: calc(12px / 2);
	border: 1px solid #f814cb;
	background: #f814cb;
}
.floatingNav.aboutus-page #hamburger>* {
	border: 1px solid #f0ff42;
	background: #f0ff42
}
#hamburger .topleft {
	left: calc(50% - 8px);
	top: calc(50% - 8px);
	transform: translate(-50%, -50%) rotate(45deg);
}
#hamburger .topright {
	left: calc(50% + 8px);
	top: calc(50% - 8px);
	transform: translate(-50%, -50%) rotate(45deg);
}
#hamburger .bottomright {
	left: calc(50% + 8px);
	top: calc(50% + 8px);
	transform: translate(-50%, -50%) rotate(-45deg);
}
#hamburger .bottomleft {
	left: calc(50% - 8px);
	top: calc(50% + 8px);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.cursor {
	cursor: pointer;
}
.greenbox, .bluebox {
	width: 100px;
	height: 100px;
	position: absolute;
	top: -1px;
	border-radius: 50px;
	z-index: 1;
	opacity: 0.6;
	-webkit-animation: rotation 1s infinite linear;
	-moz-animation: rotation 1s infinite linear;
	-o-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
	display: none;
}
.greenbox.active,
.box-circle:hover .bluebox {
	opacity: 0.6;
}
.bluebox {
	right: 0;
}
.box-circle:hover .greenbox, .box-circle:hover .bluebox {
	display: block;
}
.bluebox:before {
	background: #0b3692;
	top: -1px;
	right: 10px;
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 100%;
}
.greenbox:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #7bfc7a;
	top: -1px;
	left: -10px;
}
/*created date 07-oct-2020*/
/*9 oct 2020 start code css*/
.online_swiping .slider-info {
	padding-top: 50px;
	
}
.online_swiping .slider-info p {
	font-size: 16px;
}
#exampleSlider {
	position: relative;
	display: flex;
	align-items: center;
}
.greenbox::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #7bfc7a;
	top: -1px;
	left: -10px;
}
@media (max-width: 767px) {
	#exampleSlider {
		border-color: transparent;
	}
}
#exampleSlider .carousel-inner {
	margin: 15px 5%;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
@media (max-width: 767px) {
	#carousel .MS-content {
		margin: 0;
	}
	.slider-info .slider-title {
		font-size: 22px;
	}
	.slider-info .slider-desc {
		font-size: 18px;
		line-height: 1.4;
	}

}
#carouselExampleSlidesOnly .carousel-inner .carousel-item {
	
	height: 100%;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	border-right: none;
	width: 100%;
	padding: 0 20px;
}

.slidephone{
	display: none;
}
.ourclint img{
	padding: 15px;
	filter: grayscale(1);
}
@media (max-width: 1200px) {
	#exampleSlider .MS-content .item {
		width: 25%;
	}
}
@media (max-width: 992px) {
	#exampleSlider .MS-content .item {
		width: 33.3333%;
	}
}
@media (max-width: 767px) {
	#exampleSlider .MS-content .item {
		width: 50%;
	}
	.maxslide{
		display: none;
	}
	.slidephone{
		display: block;
	}
	
	#container {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
}
#exampleSlider .MS-content .item p {
	font-size: 30px;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	margin: 0;
	padding: 10px 0;
}
#exampleSlider .MS-controls button {
	position: absolute;
	border: none;
	background: transparent;
	font-size: 30px;
	outline: 0;
	top: 35px;
}
@media (max-width: 767px) {
	#exampleSlider .MS-controls button {
		display: none;
	}
}
#exampleSlider .MS-controls button:hover {
	cursor: pointer;
}
#exampleSlider .MS-controls .MS-left {
	left: 10px;
}
@media (max-width: 992px) {
	#exampleSlider .MS-controls .MS-left {
		left: -2px;
	}
}
#exampleSlider .MS-controls .MS-right {
	right: 10px;
}
@media (max-width: 992px) {
	#exampleSlider .MS-controls .MS-right {
		right: -2px;
	}
}
.online_swiping .image-top-size {
	margin: 0;
	position: relative;
}
.online_swiping .image-top-size img {
	height: 400px;
	object-fit: cover;
	cursor: pointer;
}
.online_swiping .image-top-size .video_icons {
	max-width: 100px;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 46%;
	cursor: pointer;
}
.worktitle-portfolio .col-12 {
	margin-bottom: 30px;
}
.slider_manages {
	padding-bottom: 50px;
}
.slider_manages #carouselExampleControls .carousel-control-prev {
	left: inherit;
	right: 50.5%;
	bottom: 0;
}
.slider_manages #carouselExampleControls .carousel-control-next {
	right: 44.5%;
}
.slider_manages #carouselExampleControls .next-click-btn {
	left: 15%;
}
img {
	max-width: 100%;
}
.about_two .row .col-md-3 {
	text-align: center;
}
/*9 oct 2020 end code css*/
.imgs2 {
	max-width: 50px;
	position: absolute;
	top: -7px;
	left: 24px;
	cursor: pointer;
}
.form-control.file_uploads {
	width: 65px;
	opacity: 0;
	cursor: pointer;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(359deg);
	}
}
@-o-keyframes rotation {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(359deg);
	}
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}
.work-i-headtitle .title {
	color: #f814cb;
}
.black {
	color: #000;
	font-weight: 600;
}
.width300 {
	width: 300px;
	height: 200px;
}
/*date of created of css 11-oct-2020*/
div.set-works h3 {
	/*font-weight: 500;*/
}
img.video-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.all-works.set-clients h3 {
	font-weight: 600;
	margin-bottom: 80px;
	/*border: solid 1px #bbb;*/
}
div.all-works.set-works h3 {
	font-weight: 600;
}
.all-works.set-works .borderline {
	margin-top: 0;
}
.all-works.set-works .borderline {
	margin-top: 0;
}
#contactUs1 h2 {
	text-transform: uppercase;
}
.text-address {
	color: #595959;
	font-size: 18px;
}
.text-address span {
	color: #e33ec5;
	font-size: 16px;
	margin-right: 7px;
}
.text-address a {
	font-size: 18px;
}
/*==================================================*/
/*==============PRATIKSHA ANIMATION ================*/
/*==================================================*/

@-webkit-keyframes bounceradio { 
	0%, 20%, 50% {-webkit-transform: scaleY(1);} 
	40% {-webkit-transform: scaleY(.8);} 
	60% {-webkit-transform: scaleY(.9);} 
	80% {-webkit-transform: scaleY(.8);} 
	100% {-webkit-transform: scaleY(1);} 
} 
 
 @keyframes bounceradio { 
	0%, 20%, 50% {transform: scaleY(1);} 
	40% {transform: scaleY(.8);} 
	60% {transform: scaleY(.9);} 
	80% {transform: scaleY(.8);} 
	100% {transform: scaleY(1);} 
}


@-webkit-keyframes translate-logo-thumb {
	0% {
		left:0;
	}
	100% {
		left: -100%;
	}
}


/*!sc*/

@keyframes translate-logo-thumb {
	0% {
		left:0;
	}
	100% {
		left: -100%;
	}
}

@-webkit-keyframes translate-logo-right {
	0% {
		right:0;
		left: auto;
	}
	100% {
		right: -100%;
		left: auto;
	}
}


/*!sc*/

@keyframes translate-logo-right {
	0% {
		right:0;
		left: auto;
	}
	100% {
		right: -100%;
		left: auto;
	}
}


/*!sc*/


/*==================================================*/
/*================PRATIKSHA CHANGES ================*/
/*==================================================*/
.custom-control-label,
.body_font {
	color: #383838;
	font-size: 18px;
	line-height: 24px;
}
#headersection .section-title {
    left: 6.2rem;
    position: fixed;
    top:0px;
    z-index: 99;
    width: 100%;
    height: 100%;
}
#contactUs1 {
	padding: 110px 30px 30px;
	position: relative;
}
#getDirection * {
	color: #e33ec5;
	font-size: 18px;
	line-height: 24px;
}
#directionMap {
	transition: all 0.5s ease-in;
	position: abslute;
	left: 0;
	right: 0;
	bottom: 50px;
	width: 100%;
	height: 0;
	/* overflow: hidden; */
	z-index: 99;
}
#directionMap.active {
	height: 70vh;
}
.contactform {
	padding: 50px 60px 10px;
	-webkit-box-shadow: 10px 10px 30px 1px #e9eaf2;
	-moz-box-shadow: 10px 10px 30px 1px #e9eaf2;
	box-shadow: 10px 10px 30px 1px #e9eaf2;
	border-radius: 30px;
}
.contactforminput {
	font-size: 18px;
	padding: 15px 0;
}
.contactforminput::placeholder {
	color: #333333;
}

.custom-control-label::before {
	transition: all 0.4s ease-in-out;
}

.custom-radio .custom-control-input:active ~ .custom-control-label::before {
	-webkit-animation-duration: 1s;
	animation-duration: 1s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;
	-webkit-animation-name: bounceradio; 
	animation-name: bounceradio;
	height: 0.8rem;
	top: 0.3rem;
}
.team_wrap.hidden {
	display: none;
}
@media(min-width: 1200px) {
	.team_wrap {
		min-width: 20%;
		max-width: 20%;
	}
}
.drumbeat_img {
	height: 260px;
	width: 100%;
	object-fit: cover;
}
.article .description, .article .description p {
	font-size: 18px;
	text-align: left;
}
.article .description p {
	max-height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article .article_author {
	font-size: 18px;
	font-style: italic;
	color: #2660dd;
	margin-bottom: 50px;
}


.article h2 {
	color: #000;
	text-align: left;
	font-size: 34px;
}
.av-ducimus{
	font-size:16px;
}
#demodrumbeat .carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	align-items: center;
	display: flex;
	top: 0;
}
#demodrumbeat .carousel-indicators li {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	background-color: #2660dd;
	border-radius: 50%;
}
#demodrumbeat .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 83px;
}
.image-top-size img {
	height: 424px;
	width: auto;
	object-fit: cover;
}
#exampleSlider .MS-content img {
	filter: grayscale(1);
}
.button.articles-btn{
    box-shadow: 0 5px 9px 0px rgba(255, 126, 230, 0.36) !important;
}
#carouselExampleControls img{
    height:100vh;
    object-fit:cover;
}
.team_wrap.section-3 {

}
.section-3 .contentoverlay .circles.g-circles {
	left: 98%;
	top: 47%;
	position: absolute;
	transform: translate(-75%, -34%);
	width: 482px;
}
.max .contentoverlay .circles.g-circles {
	left: 70%;
	top: 66%;
	position: absolute;
	transform: translate(-76%, -40%);
	width: 602px;
}
.max .content-details .circles svg {
	margin-top: 0rem;
}

.carousel-control-prev-icon{
    padding-top:2rem;
}
.carousel-control-next-icon{
    padding-top:2rem;
} 
.carousel-control-prev {
	left: inherit;
	right: 0;
	bottom: 60px;
}
.carousel-control-prev-icon {
	background-image: url("./images/icon-n.png");
	background-size: contain;
}
.carousel-control-next-icon {
	background-image: url("./images/icon-p.png");
	background-size: contain;
}
#slidersection .title {
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: 500;
}
#slidersection.online_swiping .image-top-size img {
	height: 100%;
}
#slidersection.online_swiping h1.text-dark {
	font-size: 3rem;
	font-weight: 700;
	margin: 1rem 0;
}
#slidersection.online_swiping h2.text-dark {
	font-size: 2.5rem;
	margin: 1rem 0 2rem;
}
#slidersection .section-box h5 {
	font-size: 20px;
	line-height: 1.8;
	margin-top: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #2660dd;
}
#slidersection .section-box p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 1rem;
}
.btn-pink {
	background-color: #f814cb;
	color: #fff;
	border: 1px solid #f814cb;
	padding: 1rem 1.5rem;
}
.btn-pink[data-dismiss="modal"] {
	position: absolute;
	top: 0;
	right: 0;
	z-index:99;
}
.blog-pagination {
	justify-content: center;
	margin: 2rem 0 4rem;
	align-items: center;
}
.blog-pagination .text-pink {
	color: #f814cb;
	font-style: italic;
	font-weight: 500;
	font-size: 18px;
}
.blog-pagination .btn-pink {
	margin: .1rem;
}
.blitz_wrap {
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 1200px) {
	.blitz_wrap > div:first-child,
	.blitz_wrap > div:nth-child(3n-2) {
		width: 393px;
	}
	.blitz_wrap > div:nth-child(3n-1) {
		width: 486px;
	}
	.blitz_wrap > div:nth-child(3n) {
		width: 488px;
	}
}

.communication-text {
	font-size: 18px;
} 
.join h2 {
	/*font-size: 50px;*/
	position: relative;
    z-index: 99;
}.join h3 {
	/*font-size: 50px;*/
	position: relative;
    z-index: 99;
}
.join-desc h5 {
	font-size: 18px; 
}
.dec{
    font-size: 18px!important;
    line-height: 1.5!important;
    font-family: avdmit !important;
    font-weight: 90!important;
}
.decfont{
    font-family: avdmit !important;
}
.join .circles svg {
	width: 18%;
	height: 15%;
	text-transform: uppercase;
}
.single_blog_item{ 
    margin:0 1rem;
}
.single_text h2 {
	color: #000;
	text-align: left;
	font-size: 34px;
}
.single_blog_img {
	margin-bottom: 2rem;
}
.single_text .description {
	font-size: 18px;
}

.slide_img_ {
	position: relative;
}
.head-img {
	position: absolute;
	top: 0;
}
.head-image {
	position: relative;
	z-index: 112;
}
.w-85 {
    width: 85% !important;
}


@media (max-width: 600px) {
	 .col-md-6a{
		width: 100%!important;
	}
	.image-top-size img{
		height: auto;
	}
	#exampleSlider .MS-content .item{
		width: 100%;
		display: block;
		padding: 15px 20px;
	}
	.animated svg{
		position: relative;
		width: 57%!important;
		left: -77px;
	}

	.m-hide-svg1{
		right: 0!important;
	}
	.circles.g-circles svg{
		width: 36%!important;
		left: -32px;
	}
}


  .contentoverlay .circles.g-circles svg { 
    width: 55%;
    margin-top: 2rem;
}

.box-circle img{
	width: 180px;
}
.career-job-2 .career-i-title{
	display: none;
}
.career-job-2 .btn{
	display: none;
}
.career-i-desc1{
	display: none;
}
.alotcanhappen{
	font-size: 16px!important;
}
@media(max-width: 768px){
.career-job-2 .career-i-title{
	display: block;
}
.career-job-2 .btn{
	display: block;
}
.career-i-desc1{
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 23px;
}
.custom-control{
	padding-left: 0px;
}
.d-md-flex{
	padding:0px 0px 10px 0px;

}
.career-background{
	opacity: 0.1!important;
}
.work-i-headtitle h1{
	font-size: 2rem!important;
}
.work-i-headtitle h2{
	font-size: 1.5rem!important;
}

}