* 			{ padding:0; margin:0; }
html, body 	{ padding:0; margin:0; overflow:hidden; }
body		{ font-family:verdana; font-size:14px; overflow:hidden; }
a			{ text-decoration:none; color:#5a6869; font-weight:bold; }
a:hover		{ color:#ff0def; }
h2, h3		{ font-size:42px; font-weight:bold; color:white; }
h3			{ color:#55686f; }
h4			{ font-size:18px; }						
p			{ margin-bottom:10px; color:#555; }	
input[type=button]	{ cursor:pointer; }
fieldset 	{ padding: 10px; }

#Wrapper	{ width:100%; height:100%; max-height:100%; overflow-x:hidden;}
#TopBar		{ width:100%; height:100px; background:white; position:fixed; z-index:999; }
#Toprow		{ width:100%; height:26px; background:#6fccdb; text-align:left; padding:6px 0; font-size:15px; font-weight:bold; color:white; }
.SocialImg  { width:24px; vertical-align:middle; margin:0 3px; }
.SocialImgbottom { width:44px; vertical-align:middle; margin:0 3px; }
#MiddleBar	{ width:80%; height:auto; margin:0 auto; }
#LogoDiv	{ width:17%; display:inline-block; vertical-align:top; padding-top:10px;  }
#LogoDiv img { width:27%; }
#MenuDiv	{ width:83%; height:auto; display:inline-block; vertical-align:top; text-align:right;}
#MenuDiv ul { margin:0; padding:0; list-style:none; display:inline-block; vertical-align:top; }
#MenuDiv ul li { width:auto; height:30px; color:white; display:inline-block; }
#MenuDiv ul .sap { width:4px; text-align:center; color:black; }
#MenuDiv ul li a { padding:20px 0.8vw; line-height:60px;  }
#MenuDiv ul li a:hover {  line-height:60px; }
.menuBtn	{ width:100px; height:30px; font-size:10px; font-weight:bold; background:url(../images/btn.png) no-repeat; border:none; }

.mainBtn, .clickBtn1, .clickBtn2	{ width:150px; background:#0065ff; border-radius:4px; color:#eee; font-size:15px; font-weight:bold; border:none; padding:10px 18px; }
.clickBtn1		{ background:white; color:#777;  }
.clickBtn2		{ background:#2fa3ba; }

.subMainBtn		{ width:100%; border:none; color:white;  background:#6fccdb; border-bottom:solid 1px #AAA; padding:10px 20px; }
.subMainBtn:hover { width:104%; margin-left:-2%; background:#99EEff; color:black;}
#QouteDiv	{ width:auto; display:none; max-width:20%; float:right; height:auto; padding:1%; background:white; }
.menuTB		{ width:100%; padding:3%; background:rgba(240,240,240,0.3); color:black; border:solid 1px rgba(80,110,140,1); border-radius:4px; margin-bottom:1.5%; }

#subMenuDiv	{ width:200px; display:none; background:#FFF; position:absolute; padding:10px; }

#AnimText	{ width:60%; margin:50px 20px 0 0; color: white; text-shadow: 0 0 10px black;  font-size:30px; float:right;  }

#GetStartLeftDiv	{ width:55%; display:inline-block; font-size:14px; padding-top:14px; }
#GetStartRightDiv	{ width:40%; margin-left:5%; display:inline-block; padding-top:14px; }
#GetStarttextbox { width:69%; background:transparent; border-radius:4px 4px 4px 4px; border:solid 1px #626c6e; color:#eee; padding:14px; }
#GetStartBtn	{ width:30%; background:#89c241; border-radius:4px; color:#eee; font-weight:bold; border:none; padding:14px; margin-left:1%; }

.line			{ width:100%; height:3px; background:url(../images/Strip.png) center no-repeat; }
#top			{ color:#0669ff; text-align:center; display:none; position:absolute; background:url(../images/back-top.png) center no-repeat; background-size:100%; z-index:888; bottom:10px; right:30px; cursor:pointer; width:60px; height:60px; }
/*
.clickBtn1		{ width:160px; height:53px; border:none; background:url(../images/clickBtn1.png) center no-repeat; cursor:pointer; }
.clickBtn2		{ width:160px; height:53px; border:none; background:url(../images/clickBtn2.png) center no-repeat; cursor:pointer; }
*/
.TwoCol			{ width:48.0%; height:auto; margin-top:10px; padding:1%; display:inline-block; vertical-align:top; text-align:left; }
.blogTitle		{ width:100%; height:auto; font-size:28px; color:black; margin-bottom:10px; }
.blogTag		{ width:100%; height:auto; font-size:14px; font-weight:bold; color:#0065ff; margin-bottom:10px; }
.blogsubTitle	{ width:100%; height:auto; font-size:18px; color:black; margin-bottom:10px; }	
.blogAuthor		{ color:#0066FF; font-size:13px; display:inline-block;}
.blogDate		{ color:black; font-size:13px; display:inline-block;}
.blogComPost	{ width:100%; height:auto; font-size:13px; color:black; margin:10px 0;  }
.BlogContentDiv { border:solid 1px #777; padding:3%; }
.blogMain		{ margin-bottom:25px; }

#ourLead		{ width:540px; height:100px; margin:40px auto; border-radius: 12px 0 12px 0; background:rgba(0,0,0,0.5); padding:10px; text-align:center; color:white; font-weight:bold; font-size:24px; }
#ourLeadDiv		{ width:100%; height:100px; line-height:45px; text-align:center; cursor:pointer; }

.ThreeColPrice	{ width:30%; height:420px; margin-top:10px; display:inline-block; vertical-align:top; background-color:white; border:solid 1px #666; box-shadow:3px 3px 10px #999; text-align:center; margin:0 1%; }
.priceBtn		{ background:#3e68b2; padding:10px 30px; border:none; color:#eee;  cursor:pointer;}
.priceBtn:hover { background:#4477CC;  }
.PriceHeader	{ width:100%; height:120px; padding-top:20px; border-bottom:solid 2px #888; }
.PriceTop		{ width:100%; height:auto; font-size:18px; color:black; }
.PricePKR		{ width:1px; height:5px; font-size:11px; position:relative; left:30%; color:black;  }
#PriceMain1, #PriceMain2, #PriceMain3		{ width:100%; height:75px; font-size:30px; color:#0064ff; font-weight:bold; }
#PriceMain2		{ color:#f0911d; }
#PriceMain3		{ color:#21a085; }
.PriceBody		{ padding:0 20px;}
.PriceBody p	{ margin-top:10px; font-weight:bold;}	
#PriceReadBtn1, #PriceReadBtn2, #PriceReadBtn3	{ background:#0064ff; font-size:16px; font-weight:bold; padding:10px 30px; border:none; color:#eee;  cursor:pointer; }
#PriceReadBtn2	{ background:#f0911d; }
#PriceReadBtn3	{ background:#21a085; }
.PriceFoot		{ width:100%; height:1px; position:relative; top:86%; z-index:888; }

.planShashka1	{ width:33%; height:60px; float:left; }
.planShashka2	{ width:26px; position:relative; bottom:0; }
#PricenPlan		{ width:100%; height:auto; margin:20px 0; text-align:center; font-size:40px; font-weight:bold; color:#0064ff; }

.width40Per	{ width:40%; }
#digitalText 	{ width:40%; }
#digitalImg 	{ width:92%; margin-left:-100px; }
.width100Per{ width:100%; }
.width50Per	{ width:50%; }
.white		{ color:white; }
#contactTextDiv { text-align:center; position:relative; top:-100px; cursor:pointer; }
#contactText	{ width:100%; position:absolute; top:110px; font-size:26px; font-weight:bold; color:#0065ff; }
#SocialBottomDiv{ text-align:center; color:white; font-weight:bold; font-size:24px; }
#oneText		{ height:1px; color:white; font-size:30px; position:relative; top:-100px; left:25%; }
#SixImg			{ width:80%; margin:20px auto; display:block; }

#ServiceLeftDiv	{ width:49.7%; height:auto; border-right:solid 2px #666; border-top:solid 4px #666; display:inline-block; vertical-align:top;}
#ServiceRightDiv{ width:49.7%; height:auto; border-left:solid 2px #666; border-top:solid 4px #666; display:inline-block; vertical-align:top;}
.EmptyBigDiv	{ width:67%; height:auto; padding:5px 0; padding-left:3%; display:inline-block; vertical-align:top; }
.EmptySmallDiv	{ width:30%; height:auto; padding:5px 0; display:inline-block; vertical-align:top; }
.smalldiv		{ text-align:right; }
.EmptyDiv		{ width:100%; height:180px; }
.LineDiv		{ width:4vw; height:4px; background:#666; display:inline-block; vertical-align:middle; }
.ServiceImg		{ width:5.1vw; height:5.1vw; display:inline-block; vertical-align:middle;  }
.ServiceHeading	{ font-size:18px; font-weight:bold; }
.ServiceText	{ font-size:18px; }
#ServiceRoundDiv{ width:100%; height:10px; margin-top:10px; }
#ServiceRound	{ width:20px; height:20px; background:#666; border-radius:10px; margin:0 auto; }
#ServiceFoot	{ width:15%; height:30px; background:#666; margin:-20px auto; }
.footerAnc		{ color:white; font-weight:normal; font-size:14px; }
.footerAnc:hover{ color:goldenrod; }

.ThreeCol		{ width:30%; height:240px; margin-top:10px;  cursor:pointer; display:inline-block; vertical-align:top; text-align:center; margin:0 1%; }
.innerThreeCol	{ width:84%; height:auto; padding:8%; font-size:14px; color:black;}

.FourCol		{ width:22.5%; height:auto; margin-top:10px; display:inline-block; vertical-align:top; text-align:left; margin:0 1%; color:white; }
.FourCol h4		{ font-size:16px; margin-top:20px;}
.FourCol ul		{ list-style:none; margin-top:20px; }
.FourCol ul li	{ line-height:50px; border-bottom:solid 1px #3c8cff; }

.FourColPrice	{ width:24%; height:auto; padding:0.5%; display:inline-block; vertical-align:top; text-align:center; color:black; }
#FourPriceBtn1, #FourPriceBtn2, #FourPriceBtn3	{ width:100%; height:8.5vw; line-height:8vw; color:white; font-size:2.1vw; font-weight:bold; background:#0064ff; text-align:center; }
#FourPriceBtn2	{ background:#f0911d; }
#FourPriceBtn3	{ background:#21a085; }
.GetBtn			{ position:relative; top:-2.5vw; border:none; border-radius:4px; padding:4px 10px; background:#f46020; color:white; }
.PricePanRow, .PricePanRowTop	{ width:100%; height:34px; line-height:34px; border-bottom:solid 1px #cbcbcb; }
.PricePanRowTop	{ border-top: solid 1px #cbcbcb; font-size:14px; line-height:34px; color:black; }
.FeatureName	{ font-size:0.9vw; color:black; padding-left:20px; text-align:left;}
.paddingZero	{ padding-top:0; padding-bottom:0;}
.AccordianPan 	{ width:98%; height:30px; cursor:pointer; line-height:30px; margin-bottom:3px; padding:1% 0 1% 2%; background:#2fa3ba; color:white; font-size:18px; font-weight:bold; }
.OuterAccord	{ width:100%; height:auto; border:solid 1px #eee; background:url(../images/slidepan.png) repeat-y; background-size:100%; }
#InnerAccord1, #InnerAccord2, #InnerAccord3, #InnerAccord4, #InnerAccord5 { display:none; }
#InnerAccord1	{ display:block; }
.closeAccord	{ float:right; }
#box-cont		{ width:100%; height:auto; display:none;  }
#box			{ height:1px; position:absolute; cursor:pointer; display:none; z-index:111; margin-top:-50px; }
#box-area		{ width:140px; height:120px; background:url(../images/BOX-01.png) no-repeat; background-size:100%; text-align:center;font-size:18px; font-weight:bold; color:green; padding-top:25px; }
#box-ul			{ padding-left:10px; list-style:none; background:#EEF; border:solid 1px #DDE;  }
#selectedPriceDiv	{ color:goldenrod; display:inline; }
.AlaCheck		{ width:20px; height:20px; }
.AlaMainCheckDiv{ width:25.5%; text-align:center; float:right; }
.AlaMainCheck	{ width:25px; height:25px; } 

.FiveCol		{ width:20%; height:180px; display:inline-block; vertical-align:top;  text-align:center; cursor:pointer; }
.FiveCol:hover	{ width:20%; background:#1f77ff; }
.innerFivCol	{ width:84%; height:auto; padding:8%; font-size:11px; color:white;}
.headFivCol		{ width:100%; height:20px; font-weight:bold; padding:4px 0; }
.textFivCol		{ font-size:11px; }

.ThreeColl		{ width:32%; min-height:180px; display:inline-block; vertical-align:top;  text-align:left;  margin:0 0.3%;  }
.ThreeColl h4	{ font-size:16px; margin-top:20px; color:white;}
.ThreeColl ul	{ list-style:none; margin-top:20px; color:white;  }
.ThreeColl ul li	{ line-height:20px; border-bottom:solid 1px #3c8cff; color:white; font-size:13px; }


.Container		{ width:100%; height:auto; padding:20px 0; }
.AreaContainer	{ width:80%; margin:0 auto;}
#One			{ min-height:280px; height:auto; background-color:#EEE; margin-top:100px; }
#Two			{ min-height:70px; background-color:#FFF; color:#626c6e; }
#Three			{ height:180px; background-color:#0065ff; padding:0; }
#Four			{ height:520px; background-color:#6fccdb; }
#Five			{ height:70px; background-color:#adadad; }
#Six			{ min-height:800px; background-color:#eff1f0; }
#Seven			{ min-height:160px; background:#2fa3ba; padding:40px 0 0 0;}
#Eight			{ min-height:420px; background-color:#EEE; }
#Nine			{ height:700px; background-color:#FFF; }
#Ten			{ height:140px; background-color:#E6E6E6; padding:0;}
#Eleven			{ height:50px; background-color:#16191E; }
#Twelve			{ min-height:70px; background-color:#0065ff; }
#Thirteen		{ min-height:200px; background:#EEE url(../images/grabg.png) bottom repeat-x; }
#Fourteen		{ height:700px; background-color:#4f9cd0; }
#Ninteen		{ height:70px; padding:30px 0 0 0; background:url(../images/Banner.png) no-repeat; background-size: 100%; }
#Twenty			{ height:200px; background:#16191E url(../images/.jpg) no-repeat; }

#Two p			{ font-size:16; }

#footer			{ width:100%; background-color:#16191E; padding:10px; color:#EEE; text-align:center; }
#footer div 	{ width:1%; color:red; display:inline-block; }
#textBox1, #textBox2, #textBox3, #textBox4	{ width:48.5%; padding:3%; background:rgba(255,255,255,0.9); color:black; border:solid 1px #777; border-radius:4px; margin:1% 0.5% 0.5% 1%; }
#textBox2		{ margin:1% 1% 0.5% 0.5%; }
#textBox3		{ margin:0.5% 0.5% 0.5% 1%; }
#textBox4		{ margin:0.5% 1% 0.5% 0.5%; }

#NinteenBtn		{ padding:10 20px; border:none; border-radius:4px; float:left; background:#FFF; }

.contactForm	{ color:#AAA; font-weight: bold; font-size: 12px }

#MenuBtn, #MenuBtn1	{ display: none; width:80px; height:80px; float: right; }

#call { display:inline-block; }
#finText { width:35%; height:60px; position:relative; top:100px; left:60%; }
#careText { width:39%; height:60px; position:relative; top:100px; left:60%; }
#MaintenanceTextLeft { width:40%; float:left; padding-top:200px }
#MaintenanceTextRight { width:55%; float:right; margin-top:50px; }


@media screen and (max-width: 3965px) {
	body        { font-size:16px; }
}/************Screen****************/


@media screen and (max-width: 1965px) {
	body        { font-size:15px; }
}/************Screen****************/

@media screen and (max-width: 985px) {
	body        { font-size:12px; }
	#MenuDiv 		{ display: none; }
	#MiddleBar	{ height:100px; }
	#MenuBtn	{ display: block; }
	#LogoDiv 	{ width:20%; }
	#LogoDiv img{ width:100%; }
	#TopBar		{ height:120px; }
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#finText { width:100%; left:0; top:350px; }
	p			{ font-size:14px; }
	#Five { display:none; }

}/************Screen****************/

@media screen and (max-width: 915px) {
	body        { font-size:10px; }
	#MenuDiv 	{ display: none; }
	#MiddleBar	{ height:100px; }
	#MenuBtn	{ display: block; }
	#LogoDiv 	{ width:40%; }
	#LogoDiv img{ width:100%; }
	#TopBar		{ height:120px; }
	#Three,#Five,#call,#Nine		{ display:none; }
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#finText { width:100%; left:0; top:350px; }
	p			{ font-size:14px; }
	#Thirteen	{ height:500px; }

}/************Screen****************/

@media screen and (max-width: 835px) {
	body        { font-size:10px; }
	#MenuDiv 	{ display: none; }
	#MiddleBar	{ height:100px; }
	#MenuBtn	{ display: block; }
	#LogoDiv 	{ width:40%; }
	#LogoDiv img{ width:100%; }
	#TopBar		{ height:120px; }
	#Three,#Five,#call,#Nine		{ display:none; }
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#finText, #careText { width:100%; left:0; top:350px; }
	p			{ font-size:14px; }
	h2,h3		{ font-size:34px }
	#Thirteen	{ height:500px; background:#EEE; }
	#MaintenanceTextLeft, #MaintenanceTextRight { width:100%; padding-top:0; }
	.ThreeColPrice, .FiveColl { width:100%; }
	.FiveColl ul { display:none; }
}

@media screen and (max-width: 700px) {
	body        { font-size:10px;  }
	#mainText	{ width:60%; }
	#MenuDiv 	{ display: none; }
	#MiddleBar	{ height:100px; }
	#MenuBtn	{ display: block; }
	#LogoDiv 	{ width:50%; }
	#LogoDiv img{ width:100%; }
	#TopBar		{ height:120px; }
	#Three,#Five,#call,#Nine		{ display:none; }
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#finText, #careText { width:100%; left:0; top:300px; }
	p			{ font-size:14px; }
	h2,h3		{ font-size:30px }
	#Thirteen	{ height:500px;  background:#EEE; }
	#MaintenanceTextLeft, #MaintenanceTextRight { width:100%; padding-top:0; }
	.ThreeColPrice, .FiveColl { width:100%; }
	.FiveColl ul { display:none; }
	#AnimText, #digitalText{ width:94%; }
	#Seven 			{ background:#2fa3ba url(../images/Digital-Marketing-bgg.png) top center no-repeat; background-size:40%; }
	#digitalImg 	{ display:none; }
	#Seven h2		{ margin-top:400px; }
}/************Screen****************/

@media screen and (max-width: 600px) {
	body        { font-size:10px;}
	#MenuDiv 	{ display: none; }
	#MiddleBar	{ height:100px; }
	#MenuBtn	{ display: block; }
	#LogoDiv 	{ width:60%; }
	#LogoDiv img{ width:100%; }
	#TopBar		{ height:120px; }
	#Three,#Five,#call,#Nine		{ display:none; }
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#finText, #careText { width:100%; left:0; top:300px; }
	p			{ font-size:14px; }
	h2,h3		{ font-size:30px }
	#Thirteen	{ height:500px;  background:#EEE; }
	#MaintenanceTextLeft, #MaintenanceTextRight { width:100%; padding-top:0; }
	.ThreeColPrice, .FiveColl { width:100%; }
	.FiveColl ul { display:none; }
	#AnimText, #digitalText{ width:90%; }
	#Seven 			{ background:#2fa3ba url(../images/Digital-Marketing-bgg.png) top center no-repeat; background-size:40%; }
	#digitalImg 	{ display:none; }
	#Seven h2		{ margin-top:350px; }
}/************Screen****************/

@media screen and (max-width: 500px) {
	body        { font-size:16px; color:black; }
	#MenuDiv 	{ display: none; }
	#MenuBtn	{ display: block; }
	#LogoDiv 	{ width:70%; }
	#LogoDiv img{ width:100%; }
	#TopBar		{ height:120px; }
	#Three,#Five,#call,#Nine		{ display:none; }
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#finText, #careText { width:100%; left:0; top:250px; }
	p			{ font-size:14px; }
	h2,h3		{ font-size:30px }
	#Thirteen	{ height:500px;  background:#EEE; }
	#MaintenanceTextLeft, #MaintenanceTextRight { width:100%; padding-top:0; }
	.ThreeColPrice, .FiveColl { width:100%; }
	.FiveColl ul { display:none; }
	#AnimText, #digitalText{ width:90%; }
	#Seven 			{ background:#2fa3ba url(../images/Digital-Marketing-bgg.png) top center no-repeat; background-size:40%; }
	#digitalImg 	{ display:none; }
	#Seven h2		{ margin-top:350px; }
}/************Screen****************/

@media screen and (max-width: 350px) {
	h1			{ font-size:24px; }
	body        { font-size:16px; color:black; }
	#MenuDiv 	{ display: none; }
	#MenuBtn	{ display: block; }
	#LogoDiv img{ width:100%; }
	#Three,#Five,#call,#Nine{ display:none; }
	#LogoDiv	{ width:65%; }
	#TopBar		{ height:120px; }			
	#GetStartLeftDiv, #GetStartRightDiv { width:100%; margin:0; font-size:16px; }
	#GetStartTextbox { width:100%; }
	#GetStartBtn	{ width:98%; }
	#finText, #careText { width:100%; left:0; top:200px; }
	p			{ font-size:14px; }
	h2,h3		{ font-size:30px }
	#Thirteen	{ height:500px;  background:#EEE; }
	#MaintenanceTextLeft, #MaintenanceTextRight { width:100%; padding-top:0; }
	.ThreeColPrice, .FiveColl { width:100%; }
	.FiveColl ul { display:none; }
	.paddingZero	{ font-size:15px; }
	#AnimText, #digitalText{ width:90%; }
	#Seven 			{ background:#2fa3ba url(../images/Digital-Marketing-bgg.png) top center no-repeat; background-size:40%; }
	#digitalImg 	{ display:none; }
	#Seven h2		{ margin-top:300px; }
}/************Screen****************/