@charset "utf-8"; * { 	margin: 0; 	padding: 0 } html { 	scroll-behavior: smooth } body { 	background: #fff; 	font-family: Roboto, sans-serif; 	font-style: normal; 	-webkit-font-smoothing: antialiased; 	-webkit-text-size-adjust: 100%; 	margin: 0; 	padding: 0 } a, h1, h2, h3, h4, h5, h6, li, p, span { 	font-family: Poppins, sans-serif } h2, h3{font-family: 'Monda', sans-serif !important;}  body a { 	-webkit-transition: .5s all; 	-moz-transition: .5s all; 	-o-transition: .5s all; 	transition: .5s all; 	text-decoration: none } body a:hover { 	text-decoration: none } * { 	-webkit-border-radius: 0; 	-moz-border-radius: 0; 	border-radius: 0 } .cl { 	clear: both } #myVideo { 	left: 0; 	height: 100%; 	background-size: 100% 100%; 	background-color: #000; 	background-position: center center; 	background-size: contain; 	object-fit: cover; 	z-index: 3; 	width: 100% } a.wrapperr-add-on-mobile-no-screen {     display: none; } #myVideo video::-webkit-media-controls { display:none!important } .clienthappy .item { 	border: 1px solid#000; 	border-radius: 10px; 	height: 110px } .clienthappy .item h3, .clienthappy .item h4 { 	color: #000 } .header-area { 	width: 100%; 	position: absolute; 	top: 0; 	left: 0; 	z-index: 20; 	transition: all .2s linear; 	padding: 30px 0 } header .navbar { 	padding: 0 } header .navbar .navbar-brand { 	margin-right: 15px; 	padding: 0 } .header-area .menu_left { 	display: flex; 	align-items: center } .header-area .menu_left .logo { 	display: inline-block; 	margin-right: 15px } .header-area .menu_right { 	display: flex; 	justify-content: flex-end; 	padding: 15px 10px } .h_contact_info { 	margin-right: 18px; 	position: relative; 	top: 2px; 	color: #fff; 	font-size: .9em; 	font-weight: 600 } .burger_menu { 	font-size: 13px; 	font-weight: 500; 	letter-spacing: 1.3px; 	color: #fff; 	overflow: hidden; 	display: flex; 	align-items: center; 	cursor: pointer; 	position: relative; 	z-index: 9999 } .burger_menu .text { 	text-transform: uppercase; 	position: relative; 	transition: all .6s linear, color .1s; 	height: 16px; 	overflow: hidden; 	display: inline-block; 	line-height: 16px; 	padding-right: 15px } .burger_menu .text:before { 	content: attr(data-text); 	position: absolute; 	top: 1.5px; 	transform: translateY(-100%); 	left: 0; 	text-transform: uppercase; 	transition: all .4s linear } .burger_menu .text:after { 	content: attr(data-text); 	position: relative; 	top: 1.5px; 	left: 0; 	text-transform: uppercase; 	transition: all .4s linear } .burger_menu .dot_icon { 	display: flex; 	flex-wrap: wrap; 	width: 24px; 	height: 24px; 	margin: -2px } .burger_menu .dot_icon .dot { 	width: 4px; 	height: 4px; 	background: #fff; 	margin: 2px; 	transition: all .4s linear } .burger_menu.burger_menu_two .text { 	color: #101010 } .burger_menu.burger_menu_two .dot_icon .dot { 	background: #101010 } .burger_menu img { 	margin-left: 15px } .burger_menu:hover .text:before { 	transform: translateY(0) } .burger_menu:hover .text:after { 	top: 20px } .burger_menu:hover .dot_icon .dot:nth-child(odd) { 	transform: translate(8px, 8px) } .burger_menu:hover .dot_icon .dot:nth-child(5) { 	opacity: 0 } .h_contact_info { 	margin-right: 60px } .h_contact_info a { 	font-size: .9em; 	line-height: 13px; 	display: inline-block; 	letter-spacing: 1.3px; 	font-weight: 300; 	color: #fff; 	position: relative; 	margin-left: 10px } .h_contact_info a+a:before { 	content: "/"; 	position: relative; 	color: rgba(255,255,255,.4); 	margin-right: 15px } .m_p { 	padding: 50px 25px } .logo_two img+img { 	display: none } .fp-controlArrow.fp-prev { 	right: 90px; 	width: 50px; 	height: 50px; 	border: 0; 	background: url(../img/perv-page.png) no-repeat; 	left: auto; 	bottom: 0; 	top: auto } .fp-controlArrow.fp-next { 	right: 30px; 	width: 50px; 	height: 50px; 	border: 0; 	background: url(../img/next-page.png) no-repeat; 	left: auto; 	bottom: 0; 	top: auto } .fp-tableCell { 	position: relative } .slidersection { 	position: absolute; 	left: 0; 	right: 0; 	top: 110px; 	bottom: 0; 	width: 100%; 	float: left; 	align-items: center; 	vertical-align: middle; 	display: flex } .slidersection h1 { 	color: #fff; 	text-align: center; 	font-size: 60px; 	font-weight: 100; 	margin: 0 0 30px 0; 	line-height: 75px; 	text-shadow: 1px 1px 5px #000 } .slidersection p { 	font-size: 16px; 	color: #fff } .slidersection .readmore { 	font-size: 15px } .slidersection .readmore { 	font-size: 15px; 	border: 1px solid #fff; 	color: #fff; 	padding: 12px 50px; 	font-weight: 200 } .mouse-scroll { 	display: block; 	width: 32px; 	height: 48px; 	border: 2px solid #fff; 	border-radius: 50px; 	position: relative; 	cursor: pointer; 	margin: 0 auto; 	transform: translate(0, 0); 	overflow: hidden; 	font-size: 10000px; 	bottom: 80px; 	z-index: 99999; 	margin: 0 auto; 	left: 0; 	right: 0 } .mouse-scroll:after { 	content: ''; 	width: 4px; 	height: 8px; 	position: absolute; 	left: 50%; 	top: 7px; 	border-radius: 4px; 	background-color: #fff; 	margin-left: -2px; 	opacity: 1; 	transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); 	-webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); 	animation: 1.5s cubic-bezier(.68, -.55, .265, 1.55) 0s normal none infinite running scrollAnimation; 	-webkit-animation: 1.5s cubic-bezier(.68, -.55, .265, 1.55) 0s normal none infinite scrollAnimation } .aboutus { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, rgba(43,43,43,.8) 0, #232323 100%) } .aboutus h2 { 	font-size: 70px; 	font-weight: 600; 	color: #fff } .aboutus p { 	font-size: 15px; 	color: #fff } .servicebox { 	margin: 0; 	font-size: 25px; 	color: #fff; 	text-align: center; 	border: 1px solid #fff; 	border-radius: 0 0; 	padding: 15px 25px; 	margin: 30px 0; 	border-radius: 5px } .servicebox img { 	max-width: 100%; 	width: 130px; 	transition: transform .2s } .servicebox h3 { 	margin: 5px 0 0 0; 	font-size: 20px; 	font-weight: 300; 	height: 50px; 	padding: 10px 0px; } .servicebox:hover img { 	transform: scale(1.3) } .textbox { 	width: 100%; 	float: left } .p_absoulte { 	position: absolute } .t_two { 	right: 360px; 	bottom: auto; 	top: 240px } .innrerdsd{padding: 100px 0px !important;} .t_shap { 	right: 0; 	top: 0 } .b_shap { 	bottom: 0; 	left: 0 } .dot_one { 	left: 0; 	top: 260px } .dot_two { 	right: 0; 	bottom: 260px } .textservice { 	font-size: 300px; 	font-weight: 700; 	font-family: Poppins, sans-serif; 	color: rgba(255,255,255,.1); 	position: absolute; 	top: 40%; 	left: 40%; 	transform: translate(-50%, -50%); 	z-index: 999 } canvas#bg, canvas#bg1 { 	position: absolute; 	height: 100%!important } ul#menu { 	position: fixed; 	z-index: 999999; 	top: 50%; 	right: 40px; 	transform: translateY(-50%); 	margin: 0; 	cursor: pointer } ul#menu li { 	list-style: none; 	border: 1px solid transparent; 	width: 20px; 	height: 20px; 	border-radius: 100px; 	text-align: center; 	margin: 10px 0 } ul#menu li.active { 	list-style: none; 	border: 1px solid #fff; 	width: 20px; 	height: 20px; 	border-radius: 100px; 	text-align: center; 	margin: 3px 0 } ul#menu li a { 	width: 5px; 	width: 10px; 	height: 10px; 	background: rgb(255 255 255); 	margin: 4px auto; 	border-radius: 100px; 	display: block; 	text-transform: none } ul#menu li.active a { 	background: #fff; 	text-transform: none } .marcon { 	background: -webkit-radial-gradient(71% 50%, circle closest-side, rgb(255 137 49 / 45%) 50%, #ff8431 100%) } .marcon h2 { 	font-size: 70px; 	font-weight: 100; 	color: #fff; 	margin: 0; 	line-height: 90px } .marcon h3 { 	font-size: 60px; 	font-weight: 900; 	color: #fff; 	margin: 0 0 20px 0; 	line-height: 70px } .marcon p { 	color: #fff } .flex-row-reverse { 	-ms-flex-direction: row-reverse!important; 	flex-direction: row-reverse!important } .marcon .textbox { 	position: absolute; 	width: 1000px; 	transform: translateY(15%) } .sliderimg { 	background: left top no-repeat; 	padding: 30px; 	width: 100% } .marcon_bottom { 	bottom: 0; 	right: 0 } .marcon_dot { 	top: 0; 	left: 0 } .parallax-spots div { 	position: absolute; 	border-radius: 100%; 	transition: all 1s linear } .large-spot-1 { 	top: 60px; 	left: 130px } .large-spot-2 { 	bottom: 150px; 	left: 30px } .large-spot-3 { 	top: 170px; 	right: 60px } .large-spot-4 { 	bottom: 50px; 	left: 700px } .large-spot-5 { 	top: 560px; 	right: 110px } .small-spots { 	width: 30px; 	height: 30px } .small-spot-1 { 	left: 190px; 	top: 180px } .small-spot-2 { 	font-size: 300px; 	font-weight: 700; 	line-height: 550px; 	color: rgba(255,255,255,.05); 	top: 50%; 	left: 50%; 	transform: translate(-50%, -50%); 	position: absolute; 	text-transform: uppercase; 	width: 100%; 	text-align: center; 	width: 100%; 	height: auto } .small-spot-3 { 	top: 140px; 	left: 640px } .small-spot-4 { 	bottom: 200px; 	left: 200px } .small-spot-5 { 	top: 350px; 	right: 50px } .parallax-spots { 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	z-index: 9; 	height: 100% } .digital-marketing { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #af4d3a 0, #b33820 100%); 	padding: 0 0; 	box-sizing: content-box } .digital-marketing:before { 	content: ""; 	background: url(../img/bubble-left.png) no-repeat; 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100% } .digital-marketing-img { 	width: 100%; 	padding: 60px } .digital-marketing-img img { 	max-width: 100%; 	width: 100% } .digital-marketing-text { 	height: 100% } .digital-marketing-text h2 { 	font-size: 60px; 	font-weight: 600; 	color: #fff } .digital-marketing-text p { 	color: #fff; 	font-size: 18px; 	font-weight: 200 } .digital-marketing-text a { 	display: inline; 	border: 1px solid #fff; 	font-size: 15px; 	font-weight: 200; 	padding: 12px 50px; 	color: #fff; 	width: auto; 	margin-top: 15px; 	float: left } .advertisement-marking { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #d85b65 0, #a2192e 100%); 	padding: 0 0; 	box-sizing: content-box } .advertisement-marking:before { 	content: ""; 	background: url(../img/bubble-right.png) no-repeat; 	position: absolute; 	top: 0; 	right: 0; 	left: 0; 	width: 100%; 	height: 100% } .public-relations:before { 	content: ""; 	background: url(../img/bubble-left.png) no-repeat; 	position: absolute; 	top: 0; 	right: 0; 	left: 0; 	width: 100%; 	height: 100% } .advertisementimg { 	width: 100%; 	padding: 60px } .advertisementimg img { 	max-width: 100%; 	width: 100% } .advertisementext { 	height: 100%; 	padding: 60px 0 } .advertisementext h2 { 	font-size: 60px; 	font-weight: 600; 	color: #fff } .advertisementext p { 	color: #fff; 	font-size: 18px; 	font-weight: 200 } .advertisementext a { 	display: inline; 	border: 1px solid #fff; 	font-size: 15px; 	font-weight: 200; 	padding: 12px 50px; 	color: #fff; 	width: auto; 	margin-top: 15px; 	float: left } .public-relations { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #e9544b 0, #c03238 100%); 	padding: 0 0; 	box-sizing: content-box; 	background: #56b6b2; 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #e9544b 0, #c03238 100%); 	padding: 0 0; 	box-sizing: content-box } .digital-marketing:before { 	content: ""; 	background: url(../img/bubble-right.png) no-repeat; 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100% } .logoandclient { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #8d6138 0, #82451a 100%); 	padding: 0 0; 	box-sizing: content-box } .logoandclient h2 { 	font-size: 40px; 	font-weight: 600; 	color: #fff; 	text-align: center } .logoandclient.clients { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #8d7038 0, #82701a 100%); 	padding: 0 0; 	box-sizing: content-box } .logoandclient .font-13 { 	font-size: 13px; 	color: #fff; 	padding-top: 10px } .logoandclient .card.card-shadow { 	outline: 0!important } .d-flex.align-items-center.ml-3 { 	text-align: center } .slick-list div:focus { 	outline: 0!important; 	border: 0; 	outline: -webkit-focus-ring-color auto 0 } .customer-thumb { 	width: 100% } .customer-thumb img { 	width: auto; 	margin: 0 auto; 	float: none!important } .logoandclient .card::after { 	position: absolute; 	bottom: -15px; 	left: 35px; 	content: ''; 	border-left: 15px solid transparent; 	border-right: 15px solid transparent; 	border-top: 15px solid #f9f9f7 } .logoandclient .card.card-shadow p { 	text-align: center } .logoandclient .item { 	padding: 8px 15px 0 15px } .owl-carousel.owl-theme.testi9.owl-loaded.owl-drag { 	margin-top: 0 } .videoshowbox iframe { 	position: relative; 	top: 8px } .logoandclient .owl-theme .owl-dots .owl-dot.active span, .testimonial9 .owl-theme .owl-dots .owl-dot:hover span { 	background: #188ef4 } .logoandclient .owl-dots { 	position: absolute; 	left: 0; 	bottom: -3%; 	width: 100%; 	text-align: center } .logoandclient .owl-dots .owl-dot { 	height: 6px; 	width: 25px; 	display: inline-table; 	margin: 0 3px; 	border: 1px solid #000 } .logoandclient .devider { 	height: 2px; 	width: 40px } .logoandclient .bg-info { 	background-color: #188ef4!important } .logoandclient .customer-thumb img { 	width: 60px!important; 	border-radius: 50px } h6.font-weight-bold { 	margin: 0; 	padding: 10px 0 0 10px; 	font-size: 16px; 	color: #fff } .events { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #8d4638 0, #822b1a 100%); 	padding: 0 0; 	box-sizing: content-box } .events:before { 	content: ""; 	background: url(../img/bubble-left.png) no-repeat; 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100% } .clients-text img { 	width: 100%; 	border: 1px solid #fff; 	padding: 1% } .clients-captions { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, #a94442 0, #a94442 100%); 	padding: 0 0; 	box-sizing: content-box } footer { 	padding: 0px; 	float: left; 	width: 100%; 	position: relative; 	z-index: 9; 	background:-webkit-radial-gradient(50% 50%, circle closest-side, rgb(43 43 43 / 80%) 0, #232323 100%); } .footer-top { 	padding: 100px 50px 10px; 	color: #fff; 	 } .footer-top h4 { 	color: #fff; 	font-weight: 600; 	font-size: 20px } .footer-links { 	padding: 0 } .branch-office { 	color: #fff } .footer-links li { 	line-height: 32px; 	font-size: 12px; 	padding-left: 2px; 	list-style: none } .footer-top a, .footer-top p { 	color: #fff; 	font-size: 13px } .footer-top a:hover { 	color: #bbb } .bottom-footer { 	background: #01082d; 	padding: 10px 0 } .footer-contact, .footer-social { 	margin: 0; 	padding: 0 } .footer-contact li { 	display: inline-block; 	color: #fff; 	padding: 0 5px; 	border-right: 1px solid #fff; 	font-size: 12px; 	line-height: 10px } .footer-contact li a { 	color: #fff } .footer-social li { 	list-style: none; 	display: inline-block } .footer-social li a { 	color: #fff; 	padding: 0 5px } .tagstxthd span { 	text-decoration: none; 	color: #fff; 	font-size: 12px; 	padding: 0 6px; 	margin: 2px; 	line-height: 22px; 	border: #fff solid 1px; 	display: inline-block } .usefulllink { 	padding: 0px 64px 30px 64px } .usefulllink a { 	background: #3b3b3b; 	color: #fff; 	padding: 3px 8px; 	margin: 4px; 	text-decoration: none; 	font-size: 12px; 	border: 1px solid #505050; 	display: inline-block; 	font-weight: 300 } .bottom-footer { 	background: #000; 	padding: 12px 0 } .footer-captions { 	background: #272727 } .ssdn:hover { 	transform: scale(1.2) } .usefulllink a:hover { 	color: #fff } .ssdn { 	box-shadow: 0 10px 10px rgba(0,0,0,.15) } .cursor, .cursor2, .cursor3 { 	position: fixed; 	border-radius: 50%; 	transform: translateX(-50%) translateY(-50%); 	pointer-events: none; 	left: -100px; 	top: 50%; 	mix-blend-mode: difference; 	-webkit-transition: all .3s linear; 	transition: all .3s linear } .cursor { 	background-color: #fff; 	height: 0; 	width: 0; 	z-index: 99999 } .cursor2, .cursor3 { 	height: 36px; 	width: 36px; 	z-index: 99998; 	-webkit-transition: all .3s ease-out; 	transition: all .3s ease-out } .cursor2.hover, .cursor3.hover { 	-webkit-transform: scale(2) translateX(-25%) translateY(-25%); 	transform: scale(2) translateX(-25%) translateY(-25%); 	border: none } .cursor2 { 	border: 2px solid #fff; 	box-shadow: 0 0 22px rgba(255,255,255,.6) } .cursor2.hover { 	background: #fff; 	box-shadow: 0 0 12px rgba(255,255,255,.2) }   @media screen and (max-width:1200px) { .cursor, .cursor2, .cursor3 { 	display: none } } .section { 	position: relative; 	width: 100%; 	display: block } .over-hide { 	overflow: hidden } .full-height { 	height: 100vh } .nav-but-wrap { 	position: relative; 	display: inline-block; 	float: right; 	padding-left: 15px; 	padding-top: 15px; 	margin-top: 26px; 	transition: all .3s ease-out } .nav { 	position: fixed; 	z-index: 98 } .navtblsd-trimble-text{z-index: 9 !important;} .nav:after, .nav:before { 	content: ""; 	position: fixed; 	width: 100vw; 	height: 100vh; 	background: rgba(20,21,26,.6); 	border-bottom-left-radius: 200%; 	z-index: -1; 	-webkit-transition: -webkit-transform cubic-bezier(.77, 0, .175, 1) .6s, border-radius linear .8s; 	transition: -webkit-transform cubic-bezier(.77, 0, .175, 1) .6s, border-radius linear .8s; 	transition: transform cubic-bezier(.77, 0, .175, 1) .6s, border-radius linear .8s; 	transition: transform cubic-bezier(.77, 0, .175, 1) .6s, -webkit-transform cubic-bezier(.77, 0, .175, 1) .6s, border-radius linear .8s; 	-webkit-transform: translateX(100%) translateY(-100%); 	transform: translateX(100%) translateY(-100%) } .nav:after { 	background: #09090c; 	-webkit-transition-delay: 0s; 	transition-delay: 0s } .nav:before { 	-webkit-transition-delay: .2s; 	transition-delay: .2s } .nav__content { 	position: fixed; 	visibility: hidden; 	top: 50%; 	margin-top: 20px; 	-webkit-transform: translate(0, -50%); 	transform: translate(0, -50%); 	width: 100%; 	text-align: left } .nav__list { 	position: relative; 	padding: 0; 	margin: 0; 	z-index: 2; 	width: 48%; 	display: inline-table } body .nav__content1 { 	width: 48%; 	display: inline-table; 	-webkit-transition-delay: 0s; 	transition-delay: 0s; 	display: none } .nav-active .nav__content1 { 	width: 51%; 	display: inline-table; 	-webkit-transition-delay: .9s; 	transition-delay: .9s; 	transition-timing-function: ease-in .5s; 	position: relative; 	right: -23px; 	padding: 20px 80px 20px 20px; 	background: rgb(43 43 43 / 25%) } .nav-active .nav__content1 h3 { 	font-size: 40px; 	margin: 0!important; 	color: #fff; 	font-weight: 700 } .nav-active .nav__content1 p { 	font-size: 16px; 	margin: 0!important; 	color: #fff; 	font-weight: 500; 	padding: 10px 0 5px 0 } .nav__content1 p { 	-webkit-transition-delay: .2s; 	transition-delay: 0s } .nav__list-item { 	position: relative; 	display: block; 	-webkit-transition-delay: .8s; 	transition-delay: .8s; 	opacity: 0; 	text-align: left; 	color: #fff; 	overflow: hidden; 	font-family: Montserrat, sans-serif; 	font-size: 50px; 	font-weight: 900; 	line-height: 80px; 	-webkit-transform: translate(100px, 0); 	transform: translate(100px, 0); 	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease; 	transition: opacity .2s ease, -webkit-transform .3s ease; 	transition: opacity .2s ease, transform .3s ease; 	transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; 	margin-top: 0; 	margin-bottom: 0; 	padding-left: 70px } .nav__list-item a { 	position: relative; 	text-decoration: none; 	color: rgba(255,255,255,.6); 	overflow: hidden; 	cursor: pointer; 	padding-left: 5px; 	padding-right: 5px; 	font-weight: 900; 	z-index: 2; 	text-transform: uppercase; 	-webkit-transition: all .2s linear; 	transition: all .2s linear } .nav__list-item a:focus { 	color: #fff } .nav__list-item a:after { 	position: absolute; 	content: ""; 	top: 50%; 	margin-top: -2px; 	left: 50%; 	width: 0; 	height: 0; 	opacity: 0; 	background-color: #ed3237; 	z-index: 1; 	-webkit-transition: all .2s linear; 	transition: all .2s linear; 	display: none } .nav__list-item a:hover:after { 	height: 4px; 	opacity: 1; 	left: 0; 	width: 100% } .nav__list-item a:hover { 	color: #fff } .nav__list-item.active-nav a { 	color: #fff } .nav__list-item.active-nav a:after { 	height: 4px; 	opacity: 1; 	left: 0; 	width: 100% } body.nav-active .nav__content { 	visibility: visible } body.nav-active .menu-icon__line { 	background-color: #fff; 	-webkit-transform: translate(0, 0) rotate(-45deg); 	transform: translate(0, 0) rotate(-45deg) } body.nav-active .menu-icon__line-left { 	width: 15px; 	-webkit-transform: translate(2px, 4px) rotate(45deg); 	transform: translate(2px, 4px) rotate(45deg) } body.nav-active .menu-icon__line-right { 	width: 15px; 	float: right; 	-webkit-transform: translate(-3px, -3.5px) rotate(45deg); 	transform: translate(-3px, -3.5px) rotate(45deg) } body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right { 	width: 15px } body.nav-active .nav { 	visibility: visible; 	top: 0 } body.nav-active .nav:after, body.nav-active .nav:before { 	-webkit-transform: translateX(0) translateY(0); 	transform: translateX(0) translateY(0); 	border-radius: 0 } body.nav-active .nav:after { 	-webkit-transition-delay: .1s; 	transition-delay: .1s } body.nav-active .nav:before { 	-webkit-transition-delay: 0s; 	transition-delay: 0s } body.nav-active .nav__list-item { 	opacity: 1; 	-webkit-transform: translateX(0); 	transform: translateX(0); 	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; 	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; 	transition: opacity .3s ease, transform .3s ease, color .3s ease; 	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease } body.nav-active .nav__list-item:nth-child(0) { 	-webkit-transition-delay: .7s; 	transition-delay: .7s } body.nav-active .nav__list-item:nth-child(1) { 	-webkit-transition-delay: .8s; 	transition-delay: .8s } body.nav-active .nav__list-item:nth-child(2) { 	-webkit-transition-delay: .9s; 	transition-delay: .9s } body.nav-active .nav__list-item:nth-child(3) { 	-webkit-transition-delay: 1s; 	transition-delay: 1s } body.nav-active .nav__list-item:nth-child(4) { 	-webkit-transition-delay: 1.1s; 	transition-delay: 1.1s } body.nav-active .nav__list-item:nth-child(5) { 	-webkit-transition-delay: 1.2s; 	transition-delay: 1.2s } body.nav-active .nav__list-item:nth-child(6) { 	-webkit-transition-delay: 1.3s; 	transition-delay: 1.3s } body.nav-active .nav__list-item:nth-child(7) { 	-webkit-transition-delay: 1.4s; 	transition-delay: 1.4s } body.nav-active .nav__list-item:nth-child(8) { 	-webkit-transition-delay: 1.5s; 	transition-delay: 1.5s } body.nav-active .nav__list-item:nth-child(9) { 	-webkit-transition-delay: 1.6s; 	transition-delay: 1.6s } body.nav-active .nav__list-item:nth-child(10) { 	-webkit-transition-delay: 1.7s; 	transition-delay: 1.7s } .nav-active .burger_menu.burger_menu_two .dot_icon .dot { 	background: #101010 } .nav-active .burger_menu img { 	margin-left: 15px } .nav-active .burger_menu .text:before { 	transform: translateY(0) } .nav-active .burger_menu .text:after { 	top: 20px } .nav-active .burger_menu .dot_icon .dot:nth-child(odd) { 	transform: translate(8px, 8px) } .nav-active .burger_menu .dot_icon .dot:nth-child(5) { 	opacity: 0 } .nav-active .burger_menu .dot_icon { 	transform: rotate(45deg) } .aboutuspage { 	background-color: #1f2029 } .aboutuspage h1 { 	font-size: 100px; 	font-weight: 900 } .shadow-title { 	position: fixed; 	top: 16%; 	margin-top: 0; 	left: 20px; 	width: 100%; 	height: 300%; 	text-align: left; 	font-family: Muli, sans-serif; 	-webkit-writing-mode: vertical-lr; 	writing-mode: vertical-lr; 	font-size: 12vw; 	line-height: 1; 	color: rgba(200,200,200,.1); 	background: linear-gradient(90deg, rgba(200,200,200,0), rgba(200,200,200,.35)); 	-webkit-background-clip: text; 	-webkit-text-fill-color: transparent; 	font-weight: 900; 	z-index: 0 } .section-parallax { 	position: fixed; 	top: 0; 	left: 0; 	width: 100%; 	height: 100%; 	background-position: center; 	background-size: cover; 	z-index: 0 } .redtext { 	color: red!important } .aboutuspagetext { 	background: #fff } .wrapper-faq{display: none} .aboutuspagetext h2 { 	font-size: 40px; 	color: #000; 	font-weight: 700 } .aboutuspagetext p { 	font-size: 16px;     	color: #636363;     	font-weight: 300; } .otherpage.fp-viewing-secondPage .header-area { 	background: #1f2029 } .otherpage.fp-viewing-secondPage ul#menu li a { 	background: rgb(237 50 55) } .otherpage.fp-viewing-secondPage ul#menu li.active { 	border: 1px solid #000 } .missionvission { 	background: -webkit-radial-gradient(50% 50%, circle closest-side, rgba(15,171,112,.8) 0, #13ab6f 100%) } .imgabouts { 	width: 100%; 	float: left } .mission { 	transform: translateY(100%); 	position: absolute; 	top: 50%; 	width: 600px; 	z-index: 999 } .missionvission h2 { 	font-size: 70px; 	font-weight: 700; 	color: #fff } .missionvission h5 { 	color: #fff; 	font-size: 20px; 	font-weight: 300 } .vision { 	right: 0; 	z-index: 999 } .visionbg { 	/*background: -webkit-radial-gradient(50% 50%, circle closest-side, rgba(255,137,49,.7) 0, #ff8431 100%)*/ 	background:#f3f3f3; } .mddesk h1 { 	margin: 10px 0 20px 0; 	font-size: 60px } .md-desk-s img { 	position: relative; 	z-index: 99999999 } .md-desk-s { 	position: absolute; 	right: 200px; 	bottom: 0 } .contant-wrap .fa:hover { 	opacity: .7 } .contant-wrap .fa-facebook { 	background: #3b5998; 	color: #fff } .contant-wrap .fa-twitter { 	background: #55acee; 	color: #fff } .contant-wrap .fa { 	padding: 8px;     font-size: 15px;     width: 30px;     text-align: center;     text-decoration: none;     border-radius: 3px;     margin-right: 5px; } .aboutuspage h1 { 	font-size: 70px; 	font-weight: 900; 	letter-spacing: 1px; 	margin-bottom: 15px } .advpage { 	padding: 80px 0 60px 0 } .intro ul { 	margin-left: 15px } .intro ul li { 	margin: 15px 0; 	font-size: 16px } .intro p { 	font-size: 16px; 	color: #636363; 	font-weight: 300 } .intro li { 	font-size: 16px; 	color: #636363; 	font-weight: 300 } .servicespage .aboutuspage { 	height: 50vh } .servicespage .footer-canvasings { 	position: relative; 	display: inline-table; 	background: -webkit-radial-gradient(50% 50%, circle closest-side, rgb(43 43 43 / 80%) 0, #232323 100%) } .servicespage #fullpage { 	overflow: hidden } .intro h3 { 	margin: 20px 0 8px 0; 	font-size: 25px; 	font-weight: 600; 	margin-bottom: 20px; } .pointdiv { 	margin-top: 30px } .pointdiv ul li { 	margin: 5px 0; 	font-size: 16px } .pointdiv strong { 	color: #333 } .otherpage ul#menu { 	display: none } .question-section li { 	margin: 8px 0!important; 	font-size: 14px!important } .question-section h4 { 	font-size: 17px; 	margin: 20px 0 0 0!important; 	background: #000; 	padding: 9px 10px; 	color: #fff; 	border-radius: 3px } .showcase .box { 	font-family: Raleway, sans-serif; 	overflow: hidden; 	position: relative; 	transition: all .4s ease-in-out; 	margin-bottom: 30px } .showcase .box:hover { 	box-shadow: 0 0 0 5px rgba(0,0,0,.1) } .showcase .box:before { 	content: ''; 	height: 20px; 	width: 20px; 	border-radius: 50%; 	border: 3px solid #fff; 	opacity: .9; 	position: absolute; 	right: 5px; 	top: 5px; 	z-index: 1; 	transition: all .4s ease-in-out; 	animation: animate 5s infinite linear } .showcase .box:hover:before { 	height: 280px; 	width: 280px; 	top: -55px; 	right: -37px } .showcase .box img { 	width: 100%; 	height: auto; 	transition: all .4s ease-in-out } .showcase .box:hover img { 	filter: grayscale(100%) } .showcase .box .box-content { 	color: #fff; 	text-align: center; 	width: 200px; 	opacity: 0; 	filter: blur(10px); 	position: absolute; 	top: 50px; 	right: 15px; 	z-index: 2; 	transition: all .4s ease-in-out } .showcase .box:hover .box-content { 	filter: blur(0); 	opacity: 1; 	top: 80px } .showcase .box .title { 	font-size: 20px; 	font-weight: 700; 	letter-spacing: .5px; 	text-transform: uppercase; 	text-shadow: 0 0 5px rgba(0,0,0,.8); 	margin: 0 0 2px } .showcase .box .post { 	font-size: 15px; 	font-weight: 300; 	letter-spacing: .5px; 	text-transform: lowercase; 	text-shadow: 0 0 5px rgba(0,0,0,.8); 	display: block } .showcase .box .icon { 	padding: 0; 	margin: 0; 	list-style: none; 	position: absolute; 	bottom: 5px; 	left: 13px } .showcase .box .icon li { 	color: #fff; 	font-size: 20px; 	text-align: center; 	line-height: 45px; 	height: 45px; 	width: 150px; 	margin: 7px 0; 	/* border-radius: 50% 50% 50% 0; */	transition: all .3s; 	animation: animate 5s infinite linear } .showcase .box .icon li:hover { 	box-shadow: 0 0 0 2px #fff inset } .showcase .box a { 	display: block } @keyframes animate { 0% { background-color:#00b894 } 20% { background-color:#00cec9 } 40% { background-color:#0984e3 } 60% { background-color:#6c5ce7 } 80% { background-color:#e84393 } 100% { background-color:#00b894 } } .casestudies .box { 	background-color: rgb(0 0 0 / 20%); 	font-family: MuseoModerno, cursive; 	overflow: hidden; 	position: relative; } .box-content1 h3 {     font-size: 15px;     margin: 5px 0px; 	color: #000; } .box-content1 .post{color: #000;} .casestudies .box:after, .casestudies .box:before { 	content: ''; 	background: linear-gradient(to right, #a9a9a9, #1b1b1b); 	width: 400px; 	height: 54px; 	opacity: 0; 	transform: rotate(45deg) translate3d(100%, 0, 0); 	position: absolute; 	bottom: 65px; 	left: -85px; 	z-index: 1; 	transition: .3s ease 0s } .casestudies .box:after { 	height: 150px; 	transform: rotate(45deg) translate3d(-100%, 0, 0); 	bottom: -100px; 	left: -111px } .casestudies .box:after, .casestudies .box:before { 	opacity: 1; 	transform: rotate(45deg) translate3d(0, 0, 0) } .casestudies .box img { 	width: 100%; 	height: auto; 	transform-origin: left top; 	transition: all .3s ease 0s } .casestudies .box:hover img { 	opacity: 1; 	transform: scale(1.1) } .casestudies .box .box-content { 	color: #fff;     opacity: 0;     filter: blur(10px);     position: absolute;     top: 5px;     left: 10px;     z-index: 2;     transition: all .45s ease;     padding: 0px; } .box-content1 {     float: left;     width: 100%;     position: relative;     z-index: 9;     padding: 5px;     min-height: 95px;     margin-bottom: 30px; 	    border: 1px solid #dbdbdb; 	border-top: 0px; } .casestudies .box .box-content { 	opacity: 1; 	filter: blur(0) } .casestudies .box .title {     font-size: 14px;     font-weight: 500;     letter-spacing: .5px;     margin: 0;     color: #fff!important;     padding: 6px 0px;     border-radius: 2px;     margin-bottom: 1px; } .casestudies .box .post { 	font-size: 11px; 	font-weight: 500; 	letter-spacing: .5px; 	text-transform: capitalize;color: #fff; } .casestudies .box .icon { 	padding: 0; 	margin: 0; 	list-style: none; 	opacity: 0; 	transform: translateX(15px) rotate(-90deg); 	transform-origin: top right; 	position: absolute; 	top: 10px; 	right: 10px; 	z-index: 2; 	transition: all .3s ease 0s } .casestudies .box:hover .icon { 	opacity: 1; 	transform: translateX(0) rotate(0) } .casestudies .box .icon li { 	margin: 0 0 5px; 	transition: .4s ease .3s } .casestudies .box .icon li a { 	color: #fff; 	background-color: rgba(255,255,255,.2); 	font-size: 14px; 	text-align: center; 	text-shadow: 0 0 3px rgba(0,0,0,.5); 	line-height: 26px; 	height: 30px; 	width: 30px; 	border: 2px solid #fff; 	display: block; 	transition: .3s ease-in-out } .casestudies .box .icon li a { 	color: #580000; 	background-color: #fff; 	text-shadow: none; 	box-shadow: 0 0 5px #580000 } .casestudies .box .icon i { 	width: auto!important; 	padding: 5px; 	font-size: 16px } .logo-case img {     width: auto!important;     padding: 2px;     border-radius: 2px;     opacity: 1!important;     height: 45px!important;     border: 2px solid #9b9b9b; } .thmbimg img { 	width: auto; 	height: auto; 	max-width: 100%; 	max-height: 100%; 	margin: 0 auto } .thmbimg a { 	height: 125px; 	width: 100%; 	float: left; 	line-height: 100px; 	position: relative; 	text-align: center } .thmbimg img { 	width: auto; 	height: auto; 	max-width: 100%; 	max-height: 100%; 	margin: 0 auto; 	position: absolute; 	left: 0; 	right: 0; 	top: 50%; 	transform: translateY(-50%); 	padding: 10px } .thmbimg:hover img { 	filter: grayscale(0) } .thmbimg .vdohd { 	font-size: 13px; 	padding: 0 10px; 	white-space: initial; 	height: 48px; 	overflow: hidden; 	text-align: center } .thmbimg { 	padding: 0 0 30px 0; 	background: #eee; 	width: 23%; 	float: left; 	height: 150px; 	overflow: hidden; 	margin: 1% 1%; 	position: relative; } .thmbimg h4 { 	background: #cecece; 	float: left; 	width: 100%; 	padding: 8px; 	position: absolute; 	bottom: -25px; 	margin: 0px; 	text-align: center; 	font-size: 15px; 	color: #3d3d3d; 	font-weight: 300; } .thmbimg:hover h4 { 	background: #fb0d4d; 	color: #fff; } .fltrmnbx { 	width: 100%; 	background: rgba(256,256,256,.8); 	margin: 20px 0 30px 0; 	padding: 10px 0; 	border-bottom: #e6e6e6 solid 1px; 	border-top: #e6e6e6 solid 1px } .d-none { 	display: none } .our-services { 	margin-top: 75px; 	padding-bottom: 30px; 	padding: 0 15px; 	min-height: 198px; 	text-align: center; 	border-radius: 10px; 	background-color: #fff; 	box-shadow: 0 0 25px 0 rgba(20,27,202,.17) } .our-services h4 { 	color: #000 } .our-services .icon { 	margin-bottom: -21px; 	transform: translateY(-50%); 	text-align: center } .our-services:hover h4, .our-services:hover p { 	color: #fff; 	transition-duration: 0s!important; 	transition-delay: 0s!important } .speedup:hover { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #fb0054 0, #f55b2a 100%); 	transition-duration: 0s; 	transition-delay: 0s } .settings:hover { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #34b5bf 0, #210c59 100%) } .privacy:hover { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #3615e7 0, #44a2f6 100%) } .backups:hover { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #fc6a0e 0, #fdb642 100%) } .ssl:hover { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #8d40fb 0, #5a57fb 100%) } .database:hover { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #27b88d 0, #22dd73 100%) } .question-section:nth-child(1) h4 { 	background-image: linear-gradient(-45deg, #27b88d 0, #22dd73 100%) } .question-section:nth-child(2) h4 { 	background-image: linear-gradient(-45deg, #8d40fb 0, #5a57fb 100%) } .question-section:nth-child(3) h4 { 	background-image: linear-gradient(-45deg, #fc6a0e 0, #fdb642 100%) } .question-section:nth-child(4) h4 { 	background-image: linear-gradient(-45deg, #3615e7 0, #44a2f6 100%) } .question-section:nth-child(5) h4 { 	background-image: linear-gradient(-45deg, #34b5bf 0, #210c59 100%) } .question-section:nth-child(6) h4 { 	background-image: linear-gradient(-45deg, #fb0054 0, #f55b2a 100%) } .question-section:nth-child(7) h4 { 	background-image: linear-gradient(-45deg, #27b88d 0, #22dd73 100%) } .question-section:nth-child(8) h4 { 	background-image: linear-gradient(-45deg, #8d40fb 0, #5a57fb 100%) } .question-section:nth-child(1) h4 { 	background-image: linear-gradient(-45deg, #fc6a0e 0, #fdb642 100%) } .question-section:nth-child(10) h4 { 	background-image: linear-gradient(-45deg, #3615e7 0, #44a2f6 100%) } .question-section:nth-child(11) h4 { 	background-image: linear-gradient(-45deg, #34b5bf 0, #210c59 100%) } .question-section:nth-child(12) h4 { 	background-image: linear-gradient(-45deg, #fb0054 0, #f55b2a 100%) } .demaite-captions-heading h2 { 	font-size: 25px; 	color: #1f2029 } .demaite-captions-images:hover { 	transform: translateY(-5px) } .demaite-captions-lead-genrations-heading h4 { 	text-align: center; 	font-size: 16px; 	font-weight: 700; 	color: #1f2029; 	margin: 0 } .demaite-captions-images { 	border: 1px solid #ccc; 	text-align: center; 	transition: .3s; 	padding: 0 10px 20px 10px; 	-moz-box-shadow: 0 0 10px #ccc; 	-webkit-box-shadow: 0 0 10px #ccc; 	-o-box-shadow: 0 0 10px #ccc; 	box-shadow: 0 0 10px #ccc } .pt-30 { 	padding-top: 30px } .pl-0 { 	padding-left: 0 } .demaite-captions-ul-content ul { 	list-style: circle } #sidebar { 	min-width: 100%; 	max-width: 100%; 	background: #012f48; 	-moz-box-shadow: 0 0 10px #ccc; 	-webkit-box-shadow: 0 0 10px #ccc; 	-o-box-shadow: 0 0 10px #ccc; 	box-shadow: 1px 1px 8px #000; 	color: #fff; 	-webkit-transition: all .3s; 	-o-transition: all .3s; 	transition: all .3s; 	position: relative; 	z-index: 0; 	background: #012f48; background: -webkit-radial-gradient(51% 50%,circle closest-side,rgb(254 97 44 / 80%) 0,#f8961e 100%); } .p-4 { 	padding: 1.5rem!important } #sidebar ul li.active>a { 	background: 0 0; 	color: #fff!important } #sidebar ul li a:hover { 	color: #fff } #sidebar ul li a { 	padding: 10px 0; 	display: block; 	font-size: 15px; 	color: #fff; 	border-bottom: 1px solid rgba(255,255,255,.1) } #sidebar ul li { 	font-size: 14px } .p-4 img { 	text-align: center; 	display: block; 	margin: 0 auto } .demaite-captions-heading a { 	font-weight: 700; 	color: #776e6e } .accordion-option { 	width: 100%; 	float: left; 	clear: both; 	margin: 15px 0 } .accordion-option .title { 	font-size: 20px; 	font-weight: 700; 	float: left; 	padding: 0; 	margin: 0 } .accordion-option .toggle-accordion { 	float: right; 	font-size: 16px; 	color: #6a6c6f } .accordion-option .toggle-accordion:before { 	content: "Expand All" } .accordion-option .toggle-accordion.active:before { 	content: "Collapse All" } .panel-body h4 { 	margin: 5px 0 15px 0; 	font-size: 16px; 	color: #3f51b5 } .panel-body ul { 	width: 100%; 	float: left; 	margin-bottom: 20px } .panel-body ul ol { 	margin-bottom: 9px; 	position: relative; 	padding-left: 18px } .panel-body ul ol strong { 	margin-bottom: 9px } .panel-body ul ol:nth-child(1) { 	padding: 0 } .panel-body ul ol:nth-child(1)::before { 	color: transparent } .panel-group { 	margin-bottom: 20px; 	padding: 10px 0 50px 0; 	width: 100%; 	float: left } .panel-default>.panel-heading a[aria-expanded=false]:after { 	content: "\002b"; 	-webkit-transform: rotate(90deg); 	transform: rotate(90deg) } .panel-default>.panel-heading a[aria-expanded=true]:after { 	content: "\2212"; 	-webkit-transform: rotate(180deg); 	transform: rotate(180deg) } .panel-default>.panel-heading a:after { 	content: ""; 	position: relative; 	top: 1px; 	display: inline-block; 	font-style: normal; 	font-weight: 400; 	line-height: 1; 	-webkit-font-smoothing: antialiased; 	-moz-osx-font-smoothing: grayscale; 	float: right; 	transition: transform .25s linear; 	-webkit-transition: -webkit-transform .25s linear } .officeaddress { 	padding: 30px 15px; 	margin-top: 50px; 	position: relative; 	border-radius: 4px } .officeaddress h3 { 	color: #fff; 	position: absolute; 	top: -20px; 	left: 0; 	right: 0; 	text-align: center; 	margin: 0 auto } .officeaddress h3 span { 	padding: 10px 15px; 	display: inline-grid; 	border-radius: 5px 5px 0 0 } .officeaddress p { 	color: #fff; 	font-size: 15px } .officeaddress p strong { 	font-weight: 500 } .officeaddress.one { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #fc6a0e 0, #fdb642 100%) } .officeaddress.two { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #8d40fb 0, #5a57fb 100%) } .officeaddress.three { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #fb0054 0, #f55b2a 100%) } .officeaddress h3 span.one { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #fc6a0e 0, #fdb642 100%) } .officeaddress h3 span.two { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #8d40fb 0, #5a57fb 100%) } .officeaddress h3 span.three { 	box-shadow: 0 0 25px 0 rgba(20,27,201,.05); 	cursor: pointer; 	background-image: linear-gradient(-45deg, #fb0054 0, #f55b2a 100%) } .contactform { 	width: 100%; 	margin-top: 60px } .reqbuttton { 	position: fixed; 	top: 35%; 	right: 0; 	z-index: 999 } .reqbuttton.homepage.homepopo { 	right: auto; 	left: 0 } .reqbuttton img { 	width: 45px } modal-dialog-slideout { 	min-height: 100%; 	margin: 0 0 0 auto; 	background: #fff } /*.modal.fade .modal-dialog.modal-dialog-slideout { 	-webkit-transform: translate(100%, 0) scale(1); 	transform: translate(100%, 0) scale(1) }*/ .modal.fade.show .modal-dialog.modal-dialog-slideout { 	-webkit-transform: translate(0, 0); 	transform: translate(0, 0); 	display: flex; 	align-items: stretch; 	-webkit-box-align: stretch; 	height: 100% } .modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body { 	overflow-y: auto; 	overflow-x: hidden } .modal-dialog-slideout .modal-content { 	border: 0 } .modal-dialog-slideout .modal-footer, .modal-dialog-slideout .modal-header { 	height: 69px; 	display: block } .modal-dialog-slideout .modal-header h5 { 	float: left } .modalrightside .modal-content { 	margin: 0 auto; 	width: 100% } div#exampleModal1 { 	z-index: 999999; 	padding: 0!important } .hminfbx { 	width: 100%; 	padding: 2px 5px!important; 	line-height: 16px!important; 	font-size: 12px!important; 	color: #999!important; 	box-sizing: border-box } .modal.fade .modal-dialog.modal-dialog-slideout { 	right: 0px; 	position: absolute; 	top:50px; } .modal.fade .modal-dialog.modal-dialog-slideout { 	right: 0px; 	position: absolute; 	height: 100vh; 	margin: 0; 	top:50px; } .modalrightside .modal-content { 	margin-top: 100px; 	border-radius: 0 }  .stack-menu { 	background-color: #fff; 	-webkit-border-radius: 5px; 	border-radius: 5px; 	-webkit-box-shadow: 0 6px 32px 0 rgba(0,0,0,.1); 	box-shadow: 0 6px 32px 0 rgba(0,0,0,.1); 	overflow: hidden } .stack-menu--active { 	display: block } .stack-menu__list { 	margin: 0; 	padding: 0 0 0 45px; 	list-style-type: none; 	display: none } .stack-menu__list--active { 	display: inline-table } .stack-menu__item--hidden { 	display: none } .stack-menu__link { 	padding: 4px 20px; 	display: block; 	text-decoration: none; 	position: relative; 	color: #fff; 	-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, background-image .25s ease-in-out; 	-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, background-image .25s ease-in-out; 	transition: color .25s ease-in-out, background-color .25s ease-in-out, background-image .25s ease-in-out; 	font-size: 60px; 	font-weight: 700 } .stack-menu__link--back, .stack-menu__link--parent { 	-webkit-background-size: 45px 45px; 	background-size: 45px 45px; 	background-repeat: no-repeat } .stack-menu__link--parent { 	background-position: center right 20px; 	background-image: url(../img/next-page.png) } .stack-menu__link--back { 	background-position: center left 20px; 	background-image: url(../img/perv-page.png); 	top: 0; 	left: 0; 	width: 80px; 	position: absolute!important } .consider { 	padding-top: 20px } .about-caption-parts-off { 	margin: 100px auto } .about-caption-parts-off h5 { 	font-size: 16px; 	line-height: 30px } .about-caption-parts-off .text-center p { 	font-size: 16px!important; 	color: #636363!important; 	font-weight: 300!important; 	text-align: center!important; 	line-height: 26px!important } .stack-menu__link--hidden { 	display: none } .stack-menu__link:hover { 	color: #fff } .stack-menu__link--parent:hover { 	background-image: url(../img/next-page.png) } .stack-menu__link--back:hover { 	background-image: url(../img/perv-page.png) } .stack-menu__list li ul li a { 	font-size: 24px; 	font-weight: 200; 	line-height: 40px } .stack-menu__list li ul li a:hover { 	color: red } body.nav-active .nav__list-item ul li { 	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; 	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; 	transition: opacity .3s ease, transform .3s ease, color .3s ease; 	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease } body.nav-active .nav__list-item ul li a:nth-child(1) { 	transition-duration: 1s; 	transition-delay: .1s } body.nav-active .nav__list-item ul li:nth-child(2) { 	-webkit-transition-delay: .8s; 	transition-delay: .8s } body.nav-active .nav__list-item ul li:nth-child(3) { 	-webkit-transition-delay: .11s; 	transition-delay: .11s } body.nav-active .nav__list-item ul li:nth-child(4) { 	-webkit-transition-delay: .14s; 	transition-delay: .14s } body.nav-active .nav__list-item ul li:nth-child(5) { 	-webkit-transition-delay: .17s; 	transition-delay: .17s } body.nav-active .nav__list-item ul li:nth-child(6) { 	-webkit-transition-delay: .2s; 	transition-delay: .2s } body.nav-active .nav__list-item ul li:nth-child(7) { 	-webkit-transition-delay: .23s; 	transition-delay: .23s } .creative-agency-flags-digitals-captions { 	margin-bottom: 30px } .homeindex reqbuttton.homepage { 	display: none } .homeindex reqbuttton.homepage.homepopo { 	display: block } usefulllink { 	background: #133252; 	padding: 30px 0 } .history-tl-container { 	font-family: Roboto, sans-serif; 	width: 100%; 	margin: auto; 	display: block; 	position: relative } .history-tl-container .timeline { 	position: relative; 	max-width: 1200px; 	margin: 0 auto } .history-tl-container .timeline::after { 	content: ''; 	position: absolute; 	width: 6px; 	background-color: #000; 	top: 0; 	bottom: 0; 	left: 50%; 	margin-left: -3px } .history-tl-container .box-1 { 	padding: 0 40px 50px 40px; 	position: relative; 	background-color: inherit; 	width: 50% } .history-tl-container .box-1::after { 	content: ''; 	position: absolute; 	width: 25px; 	height: 25px; 	right: -13px; 	background-color: red; 	border: 4px solid #fff; 	top: 0; 	border-radius: 50%; 	z-index: 1 } .history-tl-container .left { 	left: 0 } .history-tl-container .right { 	left: 50% } .history-tl-container .left::before { 	content: " "; 	height: 0; 	position: absolute; 	top: 6px; 	width: 0; 	z-index: 1; 	right: 30px; 	border: medium solid #fff; 	border-width: 10px 0 10px 10px; 	border-color: transparent transparent transparent #fff } .history-tl-container .right::before { 	content: " "; 	height: 0; 	position: absolute; 	top: 6px; 	width: 0; 	z-index: 1; 	left: 30px; 	border: medium solid #fff; 	border-width: 10px 10px 10px 0; 	border-color: transparent #4a9adf transparent transparent; 	display: none } .history-tl-container .right::after { 	left: -13px } .history-tl-container .content { 	padding: 20px 30px; 	background-color: #f7f7f7; 	position: relative; 	border-radius: 6px; 	background-image: linear-gradient(to bottom right, #989898, #000) } .history-tl-container .content span { 	position: absolute; 	bottom: 2px; 	right: 7px; 	font-size: 12px; 	color: #fff } .box-1 .content h2, .history-tl-container .box-1 .content p { 	color: #fff } .history-tl-container .box-1 .content a { 	color: #fff; 	text-decoration: none; 	font-size: 15px; 	word-break: break-all } #navbarSupportedContent ul.navbar-nav.ml-auto li.nav-item { 	display: flex; 	margin-right: 25px; 	font-size: .9em!important } .clienthappy h3 { 	font-size: 30px; 	font-weight: 500; 	text-align: center; 	width: 100%; 	line-height: 30px; 	margin: 15px 0 10px 0 } .clienthappy h4 { 	font-size: 20px; 	font-weight: 400; 	color: #fff; 	text-align: center } .counter-value { 	display: inline-table } article.column.counter-column { 	padding: 0 5px!important } .mouse-scroll { 	display: none } .servicebox a { 	color: #fff; 	text-decoration: none; 	outline: 0 } #exampleModal1 .modal-content { 	background-color: #fff } img.t_shap.p_absoulte { 	display: none } #fullpage { 	overflow: hidden } header.header-area.sticky { 	position: fixed; 	padding: 10px 0; 	background: rgb(0 0 0 / 88%); } .md-desk-page, .md-desk-page .fp-tableCell { 	height: 60vh!important } .padding60 { 	padding: 60px 15px } .logodesign { 	float: left; 	width: 100% } .pieces-slider15 .slick-slide img { 	width: 20%; 	float: left; 	padding: 5px } ul.navlist>li { 	display: inline-table } .navlist>li { 	display: inline-table!important; 	width: 16%; 	margin: 0 20px }  @media (min-width:320px) and (max-width:767px) { .casestudies .box{    float: left;} body.nav-active .nav__content { 	visibility: visible; 	overflow: scroll } .wrapper-flags-pr-video-heading-1 {padding: 10px 0px 5px !important;} header.header-area {padding: 10px 0px !important;} .wrapper-pr-realtions-ships-on {     padding: 10px 10px; } .mainheade-p-style-bg-trans p {     font-size: 10px; } .mainheade-p-style-bg-trans h1 {     background: linear-gradient(  45deg  , #00000057, transparent);     color: #fff !important;     padding: 15px 30px 0px;     margin-bottom: 0px;     margin-top: 20% !important;     font-size: 1em; } .col-sm-8.col-xs-offset-2 { 	margin: 0 } .logoandclient .content { 	display: block!important } .pieces-slider15 .slick-slide img { 	width: 50%; 	float: left; 	padding: 5px } .innerdesbor{border: 1px solid #eee;text-align: center;padding:10px;} .innerdesbor img{width: 100%;} .navtblsd li{width: 100% !important;} .vision h2 { 	font-size: 30px!important } .vision h5 { 	font-size: 15px!important } .small-spots.small-spot-2 { 	display: none } .col-7.col-sm-7.col-xs-offset-1 { 	margin: 0 } .digital-marketing-text p { 	font-size: 14px } ul.navlist li ul li a { 	font-size: 13px!important; 	background: rgb(255, 255, 255, .9); 	padding: 4px 10px!important; 	margin: 0 4px!important } ul.navlist li { 	padding: 7px 0 0 0!important; 	display: block!important; 	width: 100%; 	margin: 0 0 } ul.navlist>li { 	padding: 13px 0 0 0!important; 	width: 100%; 	margin: 0 0 } .nav__content { 	overflow: auto } .reqbuttton.homepage.homepopo { 	right: 0; 	left: auto } .servicebox { 	height: 126px } .header-area .menu_left { 	display: block } .stack-menu__link, .stack-menu__list li ul li a { 	font-size: 13px; 	font-weight: 600!important; 	line-height: normal } ul.navlist { 	padding: 0 15px 0 15px!important; 	overflow: auto; 	height: 86vh; 	margin-top: 14vh } ul.navlist li a { 	font-size: 15px } .nav__list-item { 	padding-left: 10px } .nav__list { 	width: 100% } .nav-active .nav__content1 h3 { 	font-size: 20px } .nav-active .nav__content1 p { 	font-size: 13px } .stack-menu__list { 	padding: 0 50px 0 30px } .header-area .col-2 { 	float: left } .header-area .col-10 { 	float: right } .aboutuspage h1 { 	font-size: 29px; 	font-weight: 600; 	letter-spacing: 1px; 	margin-bottom: 0 } .h_contact_info { 	display: none } .nav__content { 	margin-top: 0 } .nav-active .nav__content1 { 	width: 100%; 	display: none } .stack-menu__link--back { 	background-position: center left 0 } .servicespage .aboutuspage { 	height: 50vh } .servicespage .comcls{ background-size: cover !important; height: 50vh !important; } .mission, .vision { 	width: 100%; 	top: 0!important; 	position: initial!important; 	transform: translateZ(0); 	text-align: center } .missionvission .imgabouts { 	display: none } .footer-top .col-sm-12 { 	position: initial } .header-area .menu_left { 	display: block } a.logo.hover-target img { 	width: 140px } .h_contact_info { 	padding-top: 10px } .creative-agency-flags-digitals-captions { 	margin-bottom: 10px; 	text-align: center; 	border: 1px solid #eee; 	padding: 40px } .creative-agency-flags-socially-distance img { 	width: 290px } .aboutuspagetext h2 { 	font-size: 29px; 	color: #000; 	font-weight: 900; 	margin: 0 } .h_contact_info a { 	margin-left: 5px } .modal.fade .modal-dialog.modal-dialog-slideout { 	right: 0px; 	position: absolute; 	margin: 0; 	width: 95% } .modalrightside .modal-content { 	right:10px; 	border-radius: 0; 	padding: 6px 8px 0 0 } .modal-header { 	padding: 15px; 	border-bottom: 1px solid #e5e5e5; 	width: 90% } .aboutuspage h1 { 	font-size: 30px; 	margin-bottom: 0!important } .slidersection p { 	font-size: 14px } .missionvission h2 { 	font-size: 50px } .reqbuttton img { 	width: 35px } .aboutuspagetext p { 	font-size: 15px; 	color: #000; 	font-weight: 200; 	text-align: justify; 	line-height: 26px } .hminfbx { 	width: 96%!important } input[type=text] { 	height: 30px; 	width: 96%!important } .slidersection h1 { 	font-size: 20px; 	font-weight: 400; 	line-height: normal } .advpage { 	padding: 30px 0 40px 0 } .demaite-captions-images { 	margin-bottom: 10px!important; 	width: 80%; 	text-align: center; 	display: block; 	margin: 0 auto } .pr-logo.pt-30.pl-0 { 	overflow: auto } .pl-0 { 	padding-left: 20px } .pl-0 table tbody tr td img { 	margin-right: 10px; 	margin-bottom: 18px; 	border: none!important } .pl-0 table { 	border: none!important } .footer-contact li { 	font-size: 11px; 	padding: 7px 7px } .footer-top { 	padding: 0!important } .usefulllink { 	padding: 30px 12px!important } .servicemobilevide1 .col-4.col-sm-4 { 	display: none } .servicemobilevide1 .servicebox img { 	width: 100px } .servicemobilevide1 .col-sm-6 { 	width: 49%; 	flex: 0 0 49%; 	max-width: 49%; 	float: left } .servicemobilevide1 .servicebox { 	padding: 10px; 	margin: 0 0 15px 0 } .servicemobilevide1 .servicebox h3 { 	height: auto; 	font-size: 14px } .servicemobilevide1.marcon h2 { 	font-size: 40px; 	font-weight: 100; 	color: #fff; 	margin: 0; 	line-height: 90px; 	width: 100%; 	text-align: center } .servicemobilevide1.marcon .textbox { 	position: inherit; 	width: 100%; 	top: 0; 	transform: translateY(0) } .marcon h3 { 	font-size: 30px; 	font-weight: 900; 	color: #fff; 	margin: 0 0 20px 0; 	line-height: normal; 	text-align: center } .servicemobilevide1.marcon p { 	color: #fff; 	text-align: center; 	font-size: 13px } .servicemobilevide1 .sliderimg { 	display: none } .clienthappy { 	display: none } .servicemobilevide1 .advertisementext h2 { 	font-size: 30px; 	font-weight: 600; 	color: #fff; 	text-align: center } .servicemobilevide1 .advertisementimg { 	display: none } .servicemobilevide1 .advertisementext p { 	text-align: center; 	font-size: 14px } .servicemobilevide1 .advertisementext a { 	display: block; 	border: 1px solid #fff; 	font-size: 15px; 	font-weight: 200; 	padding: 12px 50px; 	color: #fff; 	width: 200px; 	margin-top: 15px; 	margin: 0 auto; 	float: none!important } .digital-marketing-img.public-relations-img { 	display: none } .digital-marketing-text h2 { 	text-align: center; 	font-size: 30px; 	width: 100% } .digital-marketing-text p { 	text-align: center } .digital-marketing-text a { 	display: block; 	float: none; 	width: 200px; 	margin: 0 auto } .digital-marketing-img { 	display: none } .servicemobilevide1 .content { 	display: none } ul#menu { 	display: none } .marcon { 	background: -webkit-radial-gradient(71% 50%, circle closest-side, rgb(255 137 49 / 94%) 50%, #ff8431 100%) } .history-tl-container .box-1 { 	width: 100% } .history-tl-container .box-1::after, .history-tl-container .left::before, .history-tl-container .timeline::after { 	display: none } .history-tl-container .right { 	left: 0 } .history-tl-container .box-1 { 	padding: 0 10px 10px 10px } .thmbimg { 	width: 100%; 	height: auto; 	margin: 1% 0 } .certification h2 { font-size:25px !important;} .thumb { width: 27% !important; margin: 7px !important;} } .vision h5 { 	font-size: 18px; 	text-align: left!important; 	line-height: 34px } .vision h2 { 	font-size: 50px; 	color: #000; 	text-align: left; 	color: #fff } .vision h5 { 	font-size: 20px; 	text-align: left!important; 	color: #fff } ul.navlist li a { 	color: #fff; 	font-size: 20px; 	font-weight: 300; 	text-transform: uppercase } .nav__content { 	overflow: hidden } body.nav-active .nav__content { 	transition-duration: 1s; 	transition-delay: .56s; 	opacity: 1 } body .nav__content { 	transition-duration: .5s; 	transition-delay: .2s; 	opacity: 0 } ul.navlist li ul li { 	display: block; 	list-style: none } ul.navlist li { 	padding: 5px 0 0 0; 	list-style: none } ul.navlist li ul li a { 	font-size: 14px; 	background: rgb(255 255 255 / 9%); 	padding: 10px 18px; 	margin: 6px 2px; 	display: block; 	border-radius: 3px } ul.navlist li ul li a:hover { 	background: rgb(255, 255, 255, .27) } ul.navlist { 	transition-duration: 1s; 	transition-delay: .5s } ul.navlist { 	padding: 0 52px }  @media (min-width:768px) and (max-width:1024px) { .slidersection h1 { 	line-height: 50px } .innerdesbor h2 {font-size: 22px !important;} .wrapper-pr-realtions-ships-on {     padding: 10px 10px; } .aboutuspagetext p { 	font-size: 18px; 	color: #000; 	font-weight: 200; 	text-align: justify; 	line-height: 30px } .intro p { 	line-height: 30px; 	font-size: 16px } .p-4 { 	padding: 10px } .p-4 img { 	width: 100px } #sidebar ul li a { 	padding: 7px 0; 	display: block; 	font-size: 10px; 	color: #fff; 	border-bottom: 1px solid rgba(255,255,255,.1) } .aboutuspage h1 { 	font-size: 40px } .h_contact_info a+a:before { 	margin-right: 4px } .h_contact_info a { 	margin-left: 0 } .intro p { 	text-align: justify; 	line-height: 30px } .advpage { 	padding: 30px 0 40px 0 } .demaite-captions-lead-genrations-heading h4 { 	font-size: 9px } .demaite-captions-images img { 	width: 120px } .pr-logo.pt-30.pl-0 table tbody tr td { 	float: left; 	margin-right: 1px; 	margin-bottom: 1px } .pr-logo.pt-30.pl-0 table tbody tr td img { 	width: 119px } .pr-logo.pt-30.pl-0 table { 	border: none!important } .footer-top h4 { 	font-size: 16px } .usefulllink { 	padding: 0 0 } } .pieces-slider15.slider15 img { 	-webkit-filter: grayscale(100%); 	filter: grayscale(100%); 	padding: 0 5px; 	outline: 0 } .pieces-slider15.slider15 img:hover { 	-webkit-filter: grayscale(0); 	filter: grayscale(0); 	padding: 0 5px; 	outline: 0 } .myvideo .col-sm-3 { 	margin-bottom: 15px } .modal { 	background-color: rgba(0,0,0,.4) } .modal-header { 	border-bottom: 1px solid #505050; 	padding: 12px 16px 6px 16px; 	margin: 0 } .close { 	font-size: 32px; 	opacity: 1; 	color: #ccc; 	text-shadow: none; 	outline: 0 } .img-responsive { 	width: 100% } button.btn-play {     position: absolute;     top: 0;     bottom: 0;     padding: 0;     margin: 0;     margin-left: 0px;     border: 0;     border-radius: 0;     outline: 0!important;     width: 100%;     background-color: transparent;     color: rgba(245,245,245,.8);     margin: 0;     color: inherit;     background-color: inherit;     font-size: 40px;     right: 0px; } .footer-top a { 	text-transform: uppercase; } .certification{padding:0px 0; clear:both} .certification h5{font-size: 70px;font-weight: 600;color: #000; text-align:center; margin-bottom:25px} .thumb {    border: 0px solid #e1dfdf;     padding: 5px;     width: 19%;     box-shadow: 2px 2px 10px #9b9797;     margin-right: 8px;} .lightbox {position: fixed;z-index: 999;height: 0;width: 0;text-align: center;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity: 0;} .lightbox img {max-width: 90%;max-height: 80%;margin-top: 2%;opacity: 0;} .lightbox:target {outline: none;width: 100%;height: 100%;opacity: 1 !important;} .lightbox:target img {border: solid 17px white;opacity: 1;webkit-transition: opacity 0.6s;transition: opacity 0.6s;} .light-btn {color: #fafafa;background-color: #333;border: solid 3px white;padding: 5px 15px;border-radius: 1px;text-decoration: none;cursor: pointer;vertical-align: middle;position: absolute;top: 45%;z-index: 99;} .light-btn:hover {background-color: #111;} .btn-prev {left: 7%;} .btn-next {right: 7%;} .btn-close {position: absolute;right: 2%;top: 2%;color: #fafafa;background-color: red;border: solid 5px white;padding: 10px 15px;border-radius: 1px;text-decoration: none;} .btn-close:hover {background-color: #740404;} #pageloadtime img {width: 100%;} #pageloadtime .modal-body{padding:0px;} .certification h2 { 	font-size: 40px; 	font-weight: 600; 	color: #000; 	margin-bottom: 20px; 	text-align: center; 	float: left; 	width: 100%; } .certification p{ 	    color: #000;     font-size: 18px;     font-weight: 200; 	text-align:center; 	margin-bottom:40px; 	} 	 	 	 	 	 	 	.visionbg .serviceBox{     padding: 35px 20px 35px 160px;     position: relative; 	min-height: 240px; } .visionbg .serviceBox:before{     content: "";     width: 100%;     height: 100%;     box-shadow: 0 0 8px 0 rgba(119, 94, 28, 0.3);     position: absolute;     top: 0;     left: 0;     opacity: 0;     transform: scale3d(1.08, 1.08, 1.08);     transition: all 0.33s ease 0s; 	background: #fff; } .visionbg .serviceBox:hover:before{     opacity: 1;     transform: scale3d(1, 1, 1); } .visionbg .serviceBox .service-icon{     width: 115px;     height: 100px;     line-height: 60px;     font-size: 30px;     color: #ff5157;     text-align: center;     background:#ed3237;     position: absolute;     top: 55px;     left: 20px;     transition: all 0.3s ease 0s; } .visionbg .serviceBox:hover .service-icon{ transform: translateY(20px); } .visionbg .serviceBox .service-icon:before, .visionbg .serviceBox .service-icon:after{     content: "";     height: 2px;     background: #ed3237;     position: absolute;     top: -20px;     left: 40px;     right: 40px;     transition: all 0.3s ease 0s; } .visionbg .serviceBox .service-icon:after{     top: auto;     bottom: -20px;     left: 40px;     right: 40px; } .visionbg .serviceBox:hover .service-icon:before{     top: -25px;     transform: rotate(90deg); } .visionbg .serviceBox:hover .service-icon:after{     transform: rotate(-90deg);     bottom: -25px; } .visionbg .serviceBox .title{     display: block;     font-size: 25px;     font-weight: 700;     color: #474747;     text-transform: uppercase;     margin: 0 0 12px 0;     position: relative; } .visionbg .serviceBox .description{    margin: 0;	 font-size: 16px;     color: #636363;     font-weight: 300; 	position:relative; z-index:9; } .visionbg .serviceBox .service-icon img {     width: 100px;     margin: 0 auto;     padding-top: 0px; } .container.myvideo .video span.glyphicon.glyphicon-play {     color: #fff;     opacity: 0.7; } .container.myvideo .video p {     background: #cecece;     margin: 0px;     padding: 8px;     text-align: center;     font-size: 15px;     color: #3d3d3d;     font-weight: 300; } .container.myvideo .video:hover p{     background: #fb0d4d;     color: #fff; }   @media only screen and (max-width:990px){     .visionbg .serviceBox{ margin-bottom: 30px; } } @media only screen and (max-width:767px){     .visionbg .serviceBox:before{ transform: scale3d(1, 1, 1); }     .visionbg .serviceBox .service-icon{ top: 30px; }     .footer-contact li,.aboutuspagetext h2{margin-bottom: 10px;} } @media only screen and (max-width:480px){     .wrapper-flags-pr-video-heading-1 h1 {margin-top: 0px;font-size: 22px !important;} .visionbg .serviceBox .service-icon{ top: 40px; }  }   .advertisement-bkcolor {     background: #fa951f; } .advertisement-bkcolor h1, .pr-agencybk-color h1, .eventsbkcolor h1{     text-shadow: 0 0 black; } .pr-agencybk-color{background: #f88449;} .eventsbkcolor{background: #ff4d51!important;}  a.pkdnambiar {     display: block;     width: 100%;     margin-top: 10px;     color: #000;     font-size: 14px; } a.pkdnambiar:hover{color: #ed3237;}  .proud-case{font-size:22px !important;}  .knowmore{background:#fb0d4d;padding:10px 50px;color:#fff !important; border:1px solid#fb0d4d;margin-right: 3px;border-radius: 50px;transition: 0.5s all; margin-top:25px} .knowmore:hover{background:#f7532c;border: 1px solid #fff !important;color:#f7532c;transition: 0.5s all !important;}        /*Faq Css*/ .accordian-title {     font-size: 18px;     font-weight: bold;     padding: 10px 0px 0px;     border-bottom: 1px solid black;     display: flex;     justify-content: space-between;     transition: all 0.1s linear;     max-width: 90%;     padding-left: 0px; } .accordian-title span {   transform-origin: center center;   transition: all 0.1s linear;   height: 24px; } .accordian-title.active span {   transform: rotate(45deg);   transform-origin: center center;   transition: all 0.1s linear; } .accordian-title.active span svg {   stroke: #ff0000; } .accordian-content {     display: none;     padding: 20px;     background: none;     max-width: 90%;     border-bottom: 1px solid #ff0000;     padding-left: 0px; }  .accordian-content a {     color: red !important;     text-transform: capitalize;     font-weight: 500;     font-size: 16px; }  .wrapper-faq {     padding-bottom: 50px; }  .main-accordian-tabs h3 {     font-size: 2.5em;     color: #222;     padding-bottom: 30px;     padding-top: 10px; } .main-accordian-tabs strong {     color: #d231d2;     font-size: 18px; }  .main-accordian-tabs {     padding-top: 100px;     padding-bottom: 100px; } .accordian-title h4 {     font-size: 22px;     color: #242424;     text-shadow: 1px 1px 2px #000; }   .accordian-content p {     font-size: 15px;     line-height: 26px;     padding: 0px;     color: #636363; }   .pipelines-custome strong {     font-size: 20px;     font-weight: 900;     color: #242424;     text-transform: capitalize;     background: #bfbfbfbf;     padding: 10px;     box-shadow: 2px 2px 25px #bfbfbf; } .pipelines-custome {     padding-left: 35px;     margin-bottom: 80px; }  .accordian-body-parts ul li {     padding-left: 0px;     padding-bottom: 10px; } .accordian-body-parts ul {     padding-left: 35px;     margin-top: 30px; }  ul.ul-set {     list-style: none; } ul.ul-set li {     margin-bottom: 0px;     margin-top: 10px; } .wrapper-faq h2 {     font-size: 35px;     color: red;     padding-bottom: 30px; } ul.ul-set li {     padding-bottom: 0px; } ul.ul-set{padding-left: 0px;}  /*Dicrector Css*/ .wrapper-img-pl-mam img {     width: 100%; } .wrapper-director-pl {     padding-top: 100px;     padding-bottom: 100px;     background-image: url(../director-img/bg-type.jpg);     width: 100%; } .wrapper-img-pl-mam-text h2 {     font-size: 35px;     font-weight: bold;     text-transform: capitalize;     color: #1f2029;     text-align: left;     text-shadow: 1px 1px 2px #000;     position: relative;     margin-bottom: 20px; } .wrapper-img-pl-mam-text p {     font-size: 18px;     color: #000;     text-align: justify; } .wrapper-img-pl-mam {     border: 1px solid #eee;     padding: 10px;     box-shadow: 2px 2px 20px #cfcdcd; } .wrapper-img-pl-mam-text {     padding-top: 30px; } .wrapper-img-pl-mam-text h2:after {     width: 6%;     background: #fb1139;     position: absolute;     content: "";     z-index: 99999;     left: 2px;     top: 50px;     height: 2px; }  .wrapper-img-pl-mam-text h2::before {     width: 2%;     background: #232323;     position: absolute;     content: "";     z-index: 99999;     left: 38px;     top: 50px;     height: 2px; } .header-area,.header-areaaaa {     background: linear-gradient(to bottom, rgb(0 0 0 / 42%) 0%, rgb(0 0 0 / 16%) 50%, rgba(0,0,0,0) 100%); } .navtblsd{position: relative;} @media (min-width:1170px) and (max-width:1450px){ .header-area {     padding: 4px 0; } .header-area .col-sm-2, .header-area .col-sm-10{padding: 0px} .h_contact_info{margin-right: 10px;color: #ed3237!important;} .h_contact_info a {     font-size: .9em;}     .h_contact_info a+a:before{margin-right: 5px;}     .h_contact_info a{margin-left: 5px;} 	} .tagstxthd,.pipelines-custome{display: none} @media (min-width:1170px) and (max-width:1440px){ .nav__content {position: fixed;visibility: hidden;top: 60% !important;margin-top: 0px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 100%;text-align: left;} ul.navlist li ul li a {font-size: 12px !important;background: rgb(255 255 255 / 9%);padding: 6px 8px !important;margin: 6px 2px;display: block;border-radius: 3px;}  .header-area {     padding: 4px 0; } .h_contact_info{margin-right: 10px;}   }  .heads-lines-h-twos h2 {     font-size: 1.5em ; } .heads-lines-h-twos h4{ font-size: 1.5em ;} .comcls{background-size:cover !important;height: 100vh !important; } .bg_col_pr{background: url(../img/bg/banner1.jpg);} .bg_col_digi{background: url(../img/bg/flagsdigital.jpg);} .bg_col_event{background: url(../img/bg/eventmanagement.jpg);} .bg_col_advertising{background: url(../img/bg/ad-vertising.jpg);} .bg_col_busuness{background: url(../img/bg/business.jpg);} .bg_col_branding{background: url(../img/bg/brand.jpg);} .bg_col_creative{background: url(../img/bg/creative.jpg);} .bg_col_careers{background: url(../img/bg/careers.jpg);}  .bg_col_careers .crea h1{margin-top: 17%;;text-align: left;color: red; ;} .wrapper-faq{border-top: 1px solid #eee;padding-top: 20px;} .wrapper-faq h2 {     font-size: 33px;     color: #000;     padding-left: 18px;     padding-top: 20px;     font-weight: 600;     padding-bottom: 10px; } .accordian-title h4 {     font-size: 17px;     color: #242424;      text-shadow: 1px 1px 0px #fff;  } .mainheade h1{font-size:4em;text-align: center;margin-top:23%;color: #fff;opacity: .8;font-weight: 100;margin-bottom: 0px !important;} .crea h1{margin-top:13%} .flagsdigi{background: #242d3c;color: #fff} .flagsdigi p,.innrerdsd p, .flagsdigi li{color: #9a9a9a;} .flagsdigi ul{padding: 0px 15px;} .imgshow {     width: 100%;     float: left;     padding: 0; } .imgshow img {     width: 100%;     float: left; } .textshow {     width: 100%;     float: left;     padding: 50px 70px 50px 70px !important; } .innerdesbor{border: 1px solid #eee;text-align: center;padding:30px;} .innerdesbor h2{font-size: 30px;}  .innerdesbor img{width: 100%;} .innerdesbor2 img{width: 100%;} .innerdesbor3 img{width: 85%;} .innerdesbor5{text-align: center;padding:10px;} .innerdesbor5 img{width: 100%;}   .textshow h2 {     font-size: 35px;     margin-bottom: 0px;     font-family: 'Monda', sans-serif;     font-weight: 500;     text-transform: uppercase;     letter-spacing: 2px;     font-variant: all-small-caps;     position: relative;     margin-bottom: 15px;     padding-bottom: 15px; } .text-heads {     font-size: 30px;     font-family: 'Monda', sans-serif;     font-weight: 600;     margin-bottom: 18px; } .textshow p {     font-family: 'Roboto', sans-serif;     font-size: 15px; } .footer-contact li:last-child{border-right: 0px solid #fff;} .readmore {     display: block;     float: left;     margin-top: 25px;     color: #000;     text-decoration: none;     border: 1px solid #000;     padding: 3px 10px;     font-family: 'Monda', sans-serif;     font-size: 14px;     border-radius: 4px; } .textshow h2:before {     content: "";     background: #000;     height: 2px;     width: 149px;     position: absolute;     bottom: 0px;     left: 0px; } .perception .container-fluid{padding: 0px;}  .darkhedera {     /* background: linear-gradient(to bottom, rgb(0 0 0 / 59%) 0%, rgb(0 0 0 / 62%) 50%, rgba(0,0,0,0) 100%); */ } /*.darkfont,.darkfont a{ color: black;  font-weight: 600;} .darkfont a+a:before { }*/ .our-services .servicebox {margin: 0;font-size: 25px;color: #000;text-align: center;border-radius: 0 0;padding: 15px 25px;margin: 10px 0;	border-radius: 5px;background: #f8961e} .servicebox.servicebox1 {background: #f8961e} .servicebox.servicebox2 {background: #ff7633} .servicebox.servicebox3 {background: #ff6a4d} .servicebox.servicebox4 {background: #f9844a} .servicebox.servicebox5 {background: #ff4d51} .servicebox.servicebox6 {background: #dc3545} .our-services .servicebox a {color: #000;text-decoration: none;outline: 0} .our-services .servicebox img {max-width: 100%;	width: 130px;transition: transform .2s} .our-services .servicebox h3 {margin: 5px 0 0 0;font-size: 16px;font-weight: 500;height: 25px}  @media (min-width: 992px) and (max-width: 1024px) { 	.h_contact_info,.hidcls{display: none;}  } @media (min-width: 768px) and (max-width: 992px) { 	.h_contact_info,.hidcls{display: none;} 	.footer-top {     padding:20px 0px 0px 0px!important; } .header-area{padding:10px 0px} .servicespage .comcls {     background-size: cover !important;     height: 40vh !important;     width: 100% !important;     background-repeat: no-repeat; } .fulw{width: 100%;max-width: 100%;    flex: 0 0 100%;} .textshow {     width: 100%;     float: left;     padding: 20px 40px 39px 40px !important; } .extrenel-top-1 h1 {     margin-top:9% !important; } .servicespage .comcls{    background-position: 0px 0px !important;} .mainheade h1{font-size: 2.5em;margin-bottom: 0px !important;}  } @media (min-width: 320px) and (max-width: 767px) { .innerdesbor img {     width: 100%; } .wrapper-flags-pr-video-heading-1 h1 {margin-top: 0px;font-size: 22px !important;} .wrapper-services-responsive-parts-1 {height: inherit !important; margin-bottom: 0px;} .wrapper-flags-pr-responsive-issue-resolve-1 .textshow {padding: 30px !important;} .wrapper-footer-type-padding-1 {padding: 30px 0px !important;} .wrapper-flags-pr-responsive-issue-resolve-1 .textshow h2 {line-height: 20px !important;} .wrappper-sections-padding-innner-skle-1 {padding: 15px !important;} .wrapper-flags-pr-video-heading-1 p {font-size: 10px !important;} .wrapper-flags-pr-video-heading-1 span {display: none !important;}