{font-family: 'Coda', sans-serif;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}
h1, h2, h3, h4, h5, h6,{
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
.clear{clear:both;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{transition:all 0.5s; color:#000000; text-decoration:none;}
a:hover{transition:all 0.5s; color:#d51f30; text-decoration:none;}
p{font-size:13px; line-height:20px; text-align:justify; padding:0 0 15px 0;}

img{border:0; padding:0; margin:0; transition:0.4s;}
img:hover{transition:0.4s;}
#header{
	width:auto;
	min-height:200px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-bottom:2px solid #1d1d1d;
	background:url(../images/header-bg.jpg) center top no-repeat;
}
#header-center{
	width:990px;
	height:160px;
	padding:0 0 0 0;
	margin:0 auto;
}
.logo{
	width:auto;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:15px 0 0 0;
}
.follow-bg{
	width:160px;
	height:40px;
	background:url(../images/follow-bg.png) left top no-repeat;
	padding:0 0 0 0;
	margin:32px 0 30px 0;
	float:right;
	text-align:center;
	line-height:52px;
}
.follow-bg img{ opacity:1; transition:0.5s;}
.follow-bg img:hover{ opacity:0.6; transform:scale(0.8); transition:0.5s;}
.top-number{
	width:685px;
	float:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#404040;
}
.top-number span{ color:#d22030; padding:0 20px 0 0; margin:0 0 0 0;}

#header-menu{
	width:auto;
	height:50px;
	background-color:#FFFFFF;
	box-shadow:-1px -1px 6px #afafaf;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#header-menu-wrapper{
	width:1100px;
	height:auto;
	padding:0;
	margin:0 auto;
}
#banner-area{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 35px 0;
}

#content-wrapper{
	width:990px;
	height:auto;
	padding:0 0 0 0;
	margin:0 auto;
}
.s-box{
	width:236px;
	height:268px;
	padding:16px 0 0 0;
	margin:0 15px 0 0;
	background:url(../images/s-box-bg.jpg) center top no-repeat;
	text-align:center;
	float:left;

}
.s-box-right{margin:0 0 0 0 !important; float:right;}
.s-box span{font-family: 'Coda', sans-serif; font-size:19px; font-weight:bold; color:#404040; line-height:27px; font-weight:bold;}
.s-box p{ padding:3px 0 20px 0; color:#929292; text-align:center;}
.s-box img{ margin-bottom:18px;}
.s-box:hover img{ transform:rotate(-360deg); transition:all 1.5s ease 0s; margin-bottom:18px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}

.readmore-bt1{
	background:url(../images/read-more-bt.png) 0 0 no-repeat;
	width:112px;
	height:31px;
	display:block;
	padding:0 0 0 0;
	margin:0 auto;
}
.readmore-bt1:hover{background:url(../images/read-more-bt.png) -112px 0 no-repeat;}

.left-welcome{
	width:620px;
	height:auto;
	padding:17px;
	margin:25px 0 30px 0;
	float:left;
	border:1px solid #d0d0d0;
	background-color:#ebebeb;
	border-radius:9px;
}
h1{color:#404040; font-weight:bold; font-size:23px; padding:0 0 8px 0; margin:0 0 0 0; font-family: 'Coda', sans-serif; letter-spacing:-0.6px; font-weight:bold;}
h2{color:#cd2131; font-weight:bold; font-size:17px; padding:0 0 8px 0; margin:0 0 0 0; font-family: 'Slabo 13px', serif; letter-spacing:-0.6px; font-weight:bold;}

.red-heading1{color:#d51f30; font-weight:bold; font-size:21px; padding:0 0 8px 0; margin:0 0 0 0; font-family: 'Coda', sans-serif; letter-spacing:-0.6px;}
.white-heading1{color:#fff; font-weight:bold; font-size:21px; padding:0 0 10px 0; margin:0 0 10px 0; font-family: 'Coda', sans-serif; letter-spacing:-0.6px; border-bottom:1px dashed #ee5b68;}
.points{
	width:auto;
	height:auto;
	padding:0 0 0 14px;
	margin:2px 0 0 0;
	background-color:#FFFFFF;
	box-shadow:1px 1px 2px #cbcbcb;
	line-height:28px;
}
.points img{ padding:0 10px 0 0;}

.red-enquiry{
	width:268px;
	height:auto;
	padding:20px;
	margin:25px 0 0 0;
	float:right;
	background-color:#d51f30;
	border-radius:9px;
}

.en-input1{
	width:262px;
	height:30px;
	padding:0 0 0 5px;
	margin:0 0 6px 0;
	background-color:#FFF;
	border:0;
	color:#707070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.en-textarea1{
	width:262px;
	height:175px;
	padding:5px 0 0 5px;
	margin:0 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFF;
	border:0;
	color:#707070;
}

.packages-area{
	width:990px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}
.packages-area img{ margin:0 15px 0 0; float:left; transition:0.4s;}
.packages-area img:hover{ transform:scale(1.15); transition:0.5s; z-index:200;}
.last-packages{ margin:0 0 0 0 !important; float:right;}

.pro-head-line{
	width:990px;
	padding:0 0 0 0;
	margin:15px 0 0 0;
	background:url(../images/head-line.jpg) 0 20px repeat-x;
	text-align:center;
	line-height:40px;
	float:left;
}
.pro-head-line span{ padding:0 17px 0 17px; background-color:#FFF; font-size:28px; font-weight:bold; color:#404040; font-family: 'Coda', sans-serif; letter-spacing:-0.6px;}

#project-bg{
	width:auto;
	height:220px;
	padding:0;
	margin:15px 0 0 0;
	border-top:1px solid #000;
	background:url(../images/project-bg.jpg) center top repeat-x;
}
#project-bg-wrapper{
	width:990px;
	height:auto;
	padding:16px 0 0 0;
	margin:0 auto;
}

.h-pro-box{
	width:223px;
	height:172px;
	padding:3px 3px 17px 3px;
	margin:0 0px 0 16px;
	float:left;
	text-align:center;
	background:url(../images/pro-box-shadow.png) center bottom no-repeat;
	transition:0.5s; 
}
.h-pro-box:hover{ transform:scale(1.05); transition:0.5s; margin-top:5px; background: url(../images/pro-box-shadow-hover.png) center bottom no-repeat;}


#footer{
	width:auto;
	min-height:300px;
	background:url(../images/footer-bg.jpg) repeat;
	padding:0;
	margin:0;
}
#footer-center{
	width:990px;
	height:auto;
	padding:20px 0 35px 0;
	margin:0 auto;
}
.footer01{
	width:191px;
	height:auto;
	padding:0 0 0 0;
	margin:0 25px 0 0;
	float:left;
	color:#a6a6a6;
}
.footer02{
	width:252px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	color:#a6a6a6;
	text-align:left;
}
.footer03{
	width:280px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
	color:#a6a6a6;
}
.f-heading{
	font-size:19px;
	color:#FFFFFF;
	font-family: 'Coda', sans-serif;
	letter-spacing:-0.4px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #626262;
	
}
.footer-links{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#b7b7b7;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	display:block;
	text-decoration:none;
}
.footer-links li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#b7b7b7;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	display:block;
	text-decoration:none;
	background:url(../images/dot-icon.png) left no-repeat;
}
.footer-links li:hover{background:url(../images/m-hover-bg.jpg) left top repeat-x;}
.footer-links li a{
	width:auto;
	height:auto;
	padding:0 0 0 16px;
	margin:0 0 0 0;
	color:#a6a6a6;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	display:block;
	text-decoration:none;
	border-bottom:1px dashed #555555;
}
.footer-links li a:hover{
	width:auto;
	height:auto;
	padding:0 0 0 20px;
	margin:0 0 0 0;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	display:block;
	text-decoration:none;
	background:url(../images/dot-icon.png) left no-repeat;
}

.footer-bottom{
	width:950px;
	height:37px;
	background-color:#202020;
	padding:0;
	margin:35px 0 0 0;
	float:left;
	color:#b7b7b7;
}
.top-bt{
	float:right;
	margin:-12px -44px 0 0;
	vertical-align:middle;
}
#{transition:0.5s !important;}


/*======= inner page css ==============*/

.list2{margin:0px 0px 20px;padding:0px;}
.list2 li{margin:0px 0px 12px 15px;padding:0px;list-style:url(../images/red-arrow.png);}

.list3{margin:0px 0px 20px;padding:0px;}
.list3 li{margin:10px 0px 0px 15px;padding:0px;list-style:url(../images/f_arrow.png);}
.ps-grid-col{margin:0px;padding:0px;}
.ps-grid-col li{float:left;border:#dadada 2px solid;margin:0px 5px 20px 0px;}

#banner-area-inner{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	border-bottom:2px solid #2a2a2a;
}
#banner-area-wrapper{
	width:990px;
	height:auto;
	padding:0 0 0 0;
	margin:0 auto;
}
#banner-area-wrapper img{ width:100%; height:auto;}
.inner-leftside{
	width:636px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 25px 0;
	float:left;
}
.inner-rightside{
	width:316px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 25px 0;
	float:right;
}
.left-img{
	float:left;
	padding:0 0 0 0;
	margin:0 20px 15px 0;
}
.right-img{
	float:right;
	padding:0 0 0 0;
	margin:0 0 15px 20px;
}
.packages-img{
	float:left;
	margin:15px 10px 0 40px;
	width:250px;
	height:auto;
	transition:0.4s;
}
.packages-img:hover{ transform:scale(1.2); transition:0.5s; z-index:100;}

.latest-pro-area{
	width:296px;
	height:auto;
	padding:9px;
	border:1px solid #b7b7b7;
	border-radius:6px;
	text-align:left;
}
.latest-pro-area img{width:100%; height:auto;}

.form-input1{
	width:630px;
	height:35px;
	border:1px solid #cbcbcb;
	border-radius:5px;
	padding:0 0 0 7px;
	margin:0 0 15px 0;
}
.form-textarea1{
	width:630px;
	height:180px;
	border:1px solid #cbcbcb;
	border-radius:5px;
	padding:7px 0 0 7px;
	margin:0 0 15px 0;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-drop1{
	width:200px;
	height:35px;
	border:1px solid #cbcbcb;
	border-radius:5px;
	padding:0 0 0 7px;
	margin:0 12px 15px 0;
	float:left;
}
.form-text1{
	padding:0 0 0 0;
	margin:0 0 3px 0;
	color:#2c2b2b;
	font-size:14px;
}
.submit-bt{
	background:url(../images/submitbtn.png) center top no-repeat;
	padding:0;
	margin:0;
	width:133px;
	height:39px;
	border:0;
}
.blue-color{ color:#184fcb !important;}
.bottom-shadow1{
	width:100%;
	height:16px;
	background:url(../images/shadow-mini.png) left top/100% 100% no-repeat;
	padding:0;
	margin:0 0 10px 0;
	float:left;
}
.c-red-heading{
	width:auto;
	height:auto;
	padding:7px 0 7px 10px;
	margin:3px 0 13px 0;
	background-color:#d7d7d7;
	color:#474747;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.c-grey-heading{
	width:auto;
	height:auto;
	padding:7px 12px 7px 12px;
	margin:0 0 3px 0;
	background-color:#e8e8e8;
	color:#000;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}
.c-grey-heading span{
	color:#7c7c7c;
	float:left;
}
.bottom-space{margin-bottom:0;}

.port-menu{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 22px 0;
	display:inline-block;
	text-decoration:none;
	font-size:15px;
	font-family:Roboto, Tahoma, Geneva, sans-serif;
	color:#383838;
	line-height:26px;
}
.port-menu li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 5px 5px 0;
	display:inline-block;
	text-decoration:none;
	font-size:15px;
	font-family:Roboto, Tahoma, Geneva, sans-serif;
	color:#383838;
	float:left;
	line-height:26px;
	background:url(../images/port-menu-bg.jpg) center top repeat-x;
	border-radius:4px;
	
}
.port-menu li a{
	width:auto;
	height:auto;
	padding:0 12px 0 12px;
	margin:0 0 0 0;
	display:inline-block;
	text-decoration:none;
	font-size:15px;
	font-family:Roboto, Tahoma, Geneva, sans-serif;
	color:#383838;
	line-height:26px;
	border:1px solid #bababa;
	border-radius:4px;
}
.port-menu li a:hover{
	width:auto;
	height:auto;
	padding:0 12px 0 12px;
	margin:0 0 0 0;
	display:inline-block;
	text-decoration:none;
	font-size:15px;
	font-family:Roboto, Tahoma, Geneva, sans-serif;
	color:#000;
	line-height:26px;
	background:url(../images/port-menu-bg-hover.jpg) center top repeat-x;
	border:1px solid #ae9609;
}
.port-menu .active{
	color:#000;
	line-height:26px;
	background:url(../images/port-menu-bg-hover.jpg) center top repeat-x;
}

.seo-port-box{ height:auto !important; padding:0 0 0 0;}
.port-box{
	width:450px;
	height:266px;
	background-color:#fff;
	padding:10px;
	border:1px solid #d4d4d4;
	border-radius:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	box-shadow:2px 2px 6px #a4a4a4;
	margin:0 20px 23px 0;
	transition:0.4s;
}
.port-box:hover{ box-shadow:2px 2px 13px #666666; transition:0.4s;}
.proh-line{
	background:url(../images/pro-h-line.jpg) 0 12px repeat-x;
	text-align:center;
	line-height:20px;
	padding:0 0 0 0;
	width:auto;
}
.proh-line span{
	color:#585858;
	font-size:17px;
	font-family: 'Coda', sans-serif;
	letter-spacing:-0.4px;
	padding:0 15px 0 15px;
	background-color:#FFFFFF;
	font-weight:bold;
}
.td-space-left{padding:0 0 0 15px;}
.red-link{
	font-family: 'Coda', sans-serif;
	letter-spacing:-0.4px;
	font-size:17px;
	font-weight:bold;
	color:#d51f30;
	 transition:0.4s;
}
.red-link:hover{ color:#000000; transition:0.4s; font-size:19px;}



.h-package-area{width:990px;height:auto;padding:0 0 0 0;margin:30px 0 0 0;float:left;}
.package-h{width:990px;height:40px;background:url(../images/lobby-h.jpg) center top repeat-x;padding:0 0 0 0;
	margin:0 0 0 0;line-height:40px;font-size:22px;color:#FFF;text-align:center;font-family:Tahoma, Geneva, sans-serif;}
.full-area{width:990px;height:auto;padding:0 0 0 0;margin:0 0 0 0;font-size:20px;}
.package-text{width:990px;height:600px;padding:0 0 0 0;margin:0 0 0 0;overflow:scroll;}
.package-text td{padding:12px 0px;}

.enq-btn2{margin:0px 0px 10px;padding:7px 25px;background:none;font-size:14px;color:#000 !important;padding:5px 10px;border:#ffffff 1px solid;border-radius:5px;}
.enq-btn2:hover{background:#a11717;color:#fff !important;}
.tabledec{margin:0px;padding:0px;}
.tabledec td{padding:5px 5px;border:#fff 2px solid;vertical-align:middle;}

.enquiry-bt{
	float:right;
	padding:0 0 0 0;
	margin:32px 0 0 0;
	opacity:1;
}
.enquiry-bt:hover{opacity:0.8; transition:0.4s;}

.about-links{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	line-height:35px;
	display:block;
	color:#000000;
	font-size:15px;
}
.about-links li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 3px 0;
	line-height:35px;
	display:block;
	color:#000000;
	font-size:15px;
	
}
.about-links li a{
	width:auto;
	height:auto;
	padding:0 0 0 30px;
	margin:0 0 0 0;
	line-height:35px;
	display:block;
	color:#000000;
	font-size:14px; transition:none;
	background:#f2f2f2 url(../images/arrow.png) 10px 15px no-repeat;
}
.about-links li a:hover{color:#fff; transition:none; background:#d61f30 url(../images/arrow-hover.png) 10px 15px no-repeat;}
.about-links .active{color:#fff; transition:none; background:#d61f30 url(../images/arrow-hover.png) 10px 15px no-repeat;}


.blue-box1{
	width:990px;
	min-height:500px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#1c61ae;
}
.red-box1{
	width:990px;
	min-height:500px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#aa1f1f;
}
.green-box1{
	width:990px;
	min-height:500px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#1faa46;
}
.grey-box1{
	width:990px;
	min-height:500px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#3a3a3a;
}
.pink-box1{
	width:990px;
	min-height:500px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#aa1f57;
}
.firoza-box1{
	width:990px;
	min-height:500px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#1f9faa;
}
.digital-box-bottom{
	width:990px;
	height:137px;
	padding:0 0 0 0;
	margin:0 0 60px 0;
	background:url(../images/blue-bottom-bg1.png) left top no-repeat;
}
.red-box-bottom{
	width:990px;
	height:137px;
	padding:0 0 0 0;
	margin:0 0 60px 0;
	background:url(../images/red-bottom-bg1.png) left top no-repeat;
}
.green-box-bottom{
	width:990px;
	height:137px;
	padding:0 0 0 0;
	margin:0 0 60px 0;
	background:url(../images/green-bottom-bg1.png) left top no-repeat;
}
.grey-box-bottom{
	width:990px;
	height:137px;
	padding:0 0 0 0;
	margin:0 0 60px 0;
	background:url(../images/grey-bottom-bg1.png) left top no-repeat;
}
.pink-box-bottom{
	width:990px;
	height:137px;
	padding:0 0 0 0;
	margin:0 0 60px 0;
	background:url(../images/pink-bottom-bg1.png) left top no-repeat;
}
.firoza-box-bottom{
	width:990px;
	height:137px;
	padding:0 0 0 0;
	margin:0 0 60px 0;
	background:url(../images/firoza-bottom-bg1.png) left top no-repeat;
}
.digital-img{
	float:right;
	width:470px;
	height:auto;
}
.digital-img img{margin:0 0 0 -60px;}

.mass-img{
	float:left;
	width:470px;
	height:auto;
}
.mass-img img{margin:0 0 0 0;}


.visibility-img{
	float:left;
	width:470px;
	height:auto;
}
.visibility-img img{margin:0 0 0 0;}

.digital-left{
	width:480px;
	height:auto;
	padding:0 0 0 0;
	margin:30px 0 0 34px;
	float:left;
	text-align:left;
}
.digital-left p{ color:#FFFFFF; padding-right:45px;}

.mass-right{
	width:480px;
	height:auto;
	padding:0 0 0 0;
	margin:30px 20px 0 0;
	float:right;
	text-align:left;
}
.mass-right p{ color:#FFFFFF; padding-right:45px;}


.visibility-right {
    float: right;
    height: auto;
    margin: 30px 20px 0 0;
    padding: 0;
    text-align: left;
    width: 460px;
}
.visibility-right p{ color:#FFFFFF; padding-right:45px;}

.packages-p-right {
    float: right;
    height: auto;
    margin: 95px 20px 0 0;
    padding: 0;
    text-align: left;
    width: 460px;
}
.packages-p-right p{ color:#FFFFFF; padding-right:45px;}

.packages-p-left {
    float: left;
    height: auto;
    margin: 95px 0 0 35px;
    padding: 0;
    text-align: left;
    width: 460px;
}
.packages-p-left p{ color:#FFFFFF; padding-right:45px;}


.white-heading01{
	font-size:50px;
	line-height:50px;
	color:#FFF;
	font-family: 'Play', sans-serif;
	padding:0 0 0 0;
	margin:7px 0 19px 0;
	font-weight:bold;
	text-transform:uppercase;
}
.play-white1{
	font-size:28px;
	line-height:50px;
	color:#FFF;
	font-family: 'Play', sans-serif;
	padding:0 0 0 0;
	margin:0 0 19px 0;
	font-weight:bold;
}
.play-white2{
	font-size:24px;
	line-height:50px;
	color:#FFF;
	font-family: 'Play', sans-serif;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
.play-white3{
	font-size:20px;
	line-height:50px;
	color:#FFF;
	font-family: 'Play', sans-serif;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
.play-black1{
	font-size:42px;
	line-height:50px;
	color:#000;
	font-family: 'Play', sans-serif;
	padding:0 0 0 0;
	margin:0 0 19px 0;
	font-weight:bold;
	text-transform:uppercase;
}
.play-black2{
	font-size:19px;
	line-height:26px;
	color:#000;
	font-family: 'Play', sans-serif;
	padding:0 0 0 0;
	margin:0 0 19px 0;
	font-weight:bold;
	text-transform:uppercase;
}
.play-black1 img{ float:left; margin:0 15px 0 0;}
.arrow-bt{
	width:151px;
	height:45px;
	padding:0 0 0 0;
	margin:9px 0 10px 0;
	float:left;
	background:url(../images/view-arrow.png) left top no-repeat;
	transition:0.4s;
	clear:both;
}


.mark-img{
	float:left;
	padding:0 0 0 0;
	margin:0 7px 13px 0;
	transition:0.5s;
}
.mark-img:hover{
	transform:scale(0.9);
	transition:0.5s;
	box-shadow:0 0 15px #000;

}
.visibility-threebox{
	width:958px;
	height:auto;
	padding:0 0 0 0;
	margin:10px 0 0 32px;
	float:left;
}
.visibility-threebox01{
	width:265px;
	height:auto;
	padding:0;
	margin:0 30px 0 0;
	float:left;
}
.visibility-threebox02{
	width:333px;
	height:auto;
	padding:0;
	margin:0 30px 0 0;
	float:left;
}
.visibility-three-heading{
	width:auto;
	line-height:37px;
	padding:0 0 0 16px;
	margin:0 0 14px 0;
	font-size:22px;
	font-weight:bold;
	color:#000000;
	font-family:Play;
	background-color:#FFFFFF;
	text-transform:uppercase;
}
.round-number{
	width:34px;
	height:34px;
	background-color:#7b0f0f;
	color:#d2adad;
	border-radius:50%;
	padding:0;
	margin:0 13px 0 0;
	font-family:Play;
	font-size:22px;
	text-align:center;
	line-height:34px;
}
.points-v{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:15px;
	font-family:Play;
	font-weight:normal;
}
.points-v li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:15px;
	font-family:Play;
	font-weight:normal;
	line-height:25px;
	background:url(../images/dot-points.png) 0 9px no-repeat;
	text-align:left;
}
.points-v li a{
	width:auto;
	height:auto;
	padding:0 0 0 18px;
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:15px;
	font-family:Play;
	font-weight:normal;
}
.points-v li a:hover{color:#000; padding:0 0 0 25px;}


.points-h{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	color:#FFFFFF;
	font-size:15px;
	font-family:Play;
	font-weight:normal;
}
.points-h li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:15px;
	font-family:Play;
	font-weight:normal;
	line-height:25px;
	background:url(../images/dot-points2.png) 0 9px no-repeat;
	text-align:left;
}
.points-h li a{
	width:auto;
	height:auto;
	padding:0 0 0 18px;
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:15px;
	font-family:Play;
	font-weight:normal;
}
.points-h li a:hover{color:#f0db4a; padding:0 0 0 25px;}

.yellow-color{color:#f0db4a; border-bottom:1px dashed #666666;}



.digital-menuarea{
	width:990px;
	height:auto;
	padding:0 0;
	margin:20px 0 15px 0;
}
.digitalmenu{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline-block;
	line-height:30px;
	color:#000;
	font-family:Play;
	font-size:14px;
}
.digitalmenu li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 5px -1px;
	display:inline-block;
	line-height:30px;
	box-shadow:1px 1px 2px #666666;
	color:#000;
	font-family:Play;
	font-size:14px;
	border:1px solid #CCC;
	float:left;
	background-color:#ececec;
}
.digitalmenu li a{
	width:auto;
	height:auto;
	padding:0 9px;
	margin:0 0 0 0;
	display:inline-block;
	line-height:30px;
	color:#000;
	font-family:Play;
	font-size:14px;
}
.digitalmenu li a:hover{color:#fff; background-color:#000;}
.digitalmenu .blue-active{color:#fff; background-color:#1c61ae;}
.digitalmenu .red-active{color:#fff; background-color:#d61f30;}
.digitalmenu .green-active{color:#fff; background-color:#1faa46;}
.digitalmenu .grey-active{color:#fff; background-color:#3a3a3a;}
.digitalmenu .pink-active{color:#fff; background-color:#aa1f57;}
.digitalmenu .firoza-active{color:#fff; background-color:#1f9faa;}

.social-green{
	width:960px;
	height:auto;
	padding:15px 0 15px 30px;
	margin:0 0 0 0;
	background-color:#0b7a2a;
	float:left;
	font-size:15px;
	font-family:Play;
	color:#FFFFFF;
}
.pink-benefits{
	width:921px;
	height:auto;
	padding:25px 0 25px 0;
	margin:0 0 0 35px;
	border-top:1px solid #000;
	float:left;
	font-size:15px;
	font-family:Play;
	color:#FFFFFF;
}
.green-h-bg{
	width:358px;
	height:45px;
	padding:0 0 0 0;
	margin:20px 0 0 0;
	background:url(../images/green-h-bg.png) left top no-repeat;
	color:#000;
	font-size:30px;
	color:#000;
	text-align:center;
	float:left;
	clear:both;
	font-family:Play;
	font-weight:bold;
	text-transform:uppercase;
	line-height:45px;
}
.methodo-text{
	width:auto;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	line-height:24px;
}
.methodo-arrow{
	float:left;
	margin:0 5px 0 5px;
}

.website-packages-bg{
	width:990px;
	height:446px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/website-pack-bg.png) left top no-repeat;
}

.ecommerce-packages-bg{
	width:990px;
	height:530px;
	padding:0 0 0 0;
	margin:-37px 0 0 0;
	background:url(../images/ecommerce-packages-bg.png) left top no-repeat;
}

.seo-packages-bg{
	width:990px;
	height:530px;
	padding:0 0 0 0;
	margin:-29px 0 0 0;
	background:url(../images/seo-packages-bg.png) left top no-repeat;
}

.smo-packages-bg{
	width:990px;
	height:530px;
	padding:0 0 0 0;
	margin:-29px 0 0 0;
	background:url(../images/smo-packages-bg.png) left top no-repeat;
}
.google-adword-bg{
	width:990px;
	height:530px;
	padding:0 0 0 0;
	margin:-29px 0 40px 0;
	background:url(../images/google-adword-bg.png) left top no-repeat;
}
.top-bt1{
	float:left;
	width:60px;
	height:32px;
	padding:0 0 0 0;
	margin:20px 0 0 0;
	background:url(../images/top-bt2.png) left top no-repeat;
	transition:0.3s;
}
.top-bt1:hover{background:url(../images/top-bt2.png) left bottom no-repeat;	transition:0.3s;}

.top-bt2{
	float:right;
	width:60px;
	height:32px;
	padding:0 0 0 0;
	margin:20px 0 0 0;
	background:url(../images/top-bt2.png) left top no-repeat;
	transition:0.3s;
}
.top-bt2:hover{background:url(../images/top-bt2.png) left bottom no-repeat;	transition:0.3s;}
	



@media only screen and (min-width:720px) and (max-width:989px) {
#header-center {
    height: 150px;
    margin: 0 auto;
    padding: 0;
    width: 700px;
}
.top-number {width: 436px; line-height:27px; padding:0; margin:0;}	
.follow-bg {margin: 32px 0 9px;}

#header-menu-wrapper {width:700px; text-align:center;}
#content-wrapper {width:700px;}

.s-box {margin: 0 0 19px 73px;}
.s-box-right {
    float: left;
	margin: 0 0 19px 73px !important;
}
.left-welcome {width: 664px;}
.red-enquiry {width: 660px; margin-top:0;}
.en-input1 {width: 654px; float:left;}
.en-textarea1 {width: 654px; float:left;}
.packages-area {width:700px;}

.packages-area img {
    float: left;
    margin: 0 15px 0 0;
	width:223px;
	height:auto;
}
.pro-head-line {width:700px;}
#project-bg-wrapper {width: 700px;}

#project-bg {
    background:#efefef url(../images/tablet-probg.jpg) repeat-x scroll center top;
    border-top: 1px solid #000;
    height:auto;
	padding:0 0 20px 0;
}

.h-pro-box {
	margin: 0 0 10px 81px;
    transition:none;
    width: 223px;
}
.h-pro-box:hover{ transform:scale(1); margin:0 0 10px 81px; transition:none;}

#footer-center { padding: 20px 0 0; width: 700px;}

.footer01 {width: 197px;}

.footer03 {
    color: #a6a6a6;
    margin: 20px 0 0;
    width: 280px;
}
#footer {padding: 0 0 30px; width: auto;}
.footer-bottom { width: 659px;}

/*============ inner page css ============*/
#banner-area-wrapper {width: 700px;}
.inner-leftside {width:700px;}
.inner-rightside {width:700px;}
h1{text-align:center;}
.latest-pro-area { left:0; right:0; margin:0 auto;}
.latest-pro-area{width:680px;}
.owl-carousel {
    display: none;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 296px !important;
}
.port-box{width:300px;}
.packages-img {width: 223px;}


.h-package-area{width:700px;height:auto;padding:0 0 0 0;margin:30px 0 0 0;float:left;}
.package-h{width:700px;height:40px;background:url(../images/lobby-h.jpg) center top repeat-x;padding:0 0 0 0;
	margin:0 0 0 0;line-height:40px;font-size:22px;color:#FFF;text-align:center;font-family:Tahoma, Geneva, sans-serif;}
.full-area{width:700px;height:auto;padding:0 0 0 0;margin:0 0 0 0;font-size:20px;}
.full-area span{color:#ffc822 !important;}
.table-head{font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#fff;width:100%;}
.package-text{width:700px;height:500px;padding:0 0 0 0;margin:0 0 0 0;overflow:scroll;}

.enq-btn2{margin:0px 0px 10px;padding:7px 25px;background:none;font-size:14px;color:#000 !important;padding:5px 10px;border:#ffffff 1px solid;border-radius:5px;}
.enq-btn2:hover{background:#a11717;color:#fff !important;}

.digital-menuarea {width: 700px;}
.blue-box1 {width: 700px;}
.digital-img img {margin: 0 0 0 -150px;}
.digital-left {margin: -20px 0 0 34px; width: 672px;}	
.digital-box-bottom {width: 700px;}
.red-box1 {width: 700px;}	
.visibility-right {width: 650px;}	
.visibility-threebox {width: 640px;}
.visibility-threebox01 {width: 638px; margin-bottom:15px;}
.visibility-threebox02 {width: 638px; margin-bottom:35px;}
.red-box-bottom {width: 700px;}
.visibility-img img {margin: 0 0 0 100px;}
.green-box1 {width: 700px;}
.social-green {width: 670px;}
.methodo-text {margin: 7px 0 15px 0;}
.methodo-arrow {margin: 7px 5px;}
.green-box-bottom {width: 700px;}
.grey-box1 {width: 700px;}
.grey-box-bottom {width: 700px;}
.pink-box1 {width: 700px;}
.pink-benefits {margin: 30px 0 0 35px;  width: 634px;}
.pink-box-bottom {width: 700px;}
.methodo-arrow {margin: 7px 8px;}
.firoza-box1 {width: 700px;}
.mass-img {text-align: center; width: 700px;}
.mass-right {width: 655px;}
.firoza-box-bottom {width: 700px;}







}