body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}
 .textgrayB_small
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-size:13px;
	font-weight:bold;
	color:#d00206;
	text-decoration:none;
	text-transform:uppercase;
 }
  .textgrayB_small:hover
 {

	color:#000;
	
 }
  .textgrayone
 {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-size:13px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	
 }
  .textgrayone:hover
 {

	color:#F00;
	font-weight:bold;
	
 }
.textb
 {
	font-size:12px;
	color:#000;
	line-height:27px;
	text-decoration:none;
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
 }
 .textW
 {
	font-size:12px;
	color:#C33;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
 }

 .textRED_heading
 {
	font-size:22px;
	color:#ff1515;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	float:left;
	text-transform:uppercase;
 }	
.read
 {
	font-size:15px;
	color:#09F;	
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
 } 
 .read_text
 {
	font-size:11px;
	color:#F00;	
	text-decoration:none;

	font-weight:bold;
	
 }
 .textblight{ color:#CCC;}
 .textbread1
 {
	font-size:14px;
	color:#000;	
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
 	float:left;	
 } 
  .text_more
 {
 	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
 }
  .text_more:hover
 {
	color:#ff1515;
 }

/*-----------header---------------*/
.header_wrapper {
	height:499px;
	width:100%;
	background-color:#242424;
	background-attachment:scroll;
	background-image:url(../Images/Head_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
  }
.header{
	height:93px;
	width:954px;
}
.logo{
	width:352px;
	height:93px;
	float:left;
	background:url(../Images/logo.png) no-repeat;
	}
.top_skype{
	height:43px;
	width:602px;
	float:right;
	line-height:43px;
}

/*---------------------------------manu---------------------------------------------*/
.top_manu_container{
	height:50px;
	width:602px;
	float:right;
	
	}
/*-------------------------------------------*/	
.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.menu {	
	height:50px;
	width: 602px;
}

.menu li {
	position: relative;
	list-style: none;
	float: right;
	display: block;
	height:50px;
}

/* Links */

.menu li a {
	display: block;
	padding: 0 8px;
	line-height:50px;	
	text-decoration: none;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size: 13px;
	color:#FFF;
	text-transform:uppercase;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
.menu li:hover > a { color: #F00; }

/* Sub Menu */
.menu ul {
	position: absolute;
	top: 50px;
	left:-86px;
	opacity: 0;
	background: #333;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
.menu li:hover > ul { opacity: 1; }
.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
.menu li:hover > ul li {
	height: 30px;
	overflow: visible;
	padding: 0;
}
.menu ul li a {
	width: 160px;
	padding: 0 6px 0 4px;
	margin: 0;
	text-align:right;
	line-height:30px;
	border: none;
	border-bottom: 1px solid #666;
}
.menu ul li:last-child a { border: none; }
.menu .active{ color:#f00}
  .text_menu
 {
 	font-size:13px;
	text-decoration:none;
	color:#666;
	line-height:68px;
	font-family:Tahoma, Geneva, sans-serif;
 }
/*---------------------------------manu---------------------------------------------*/


/*-------------------header end----------------------*/

/*-------------------banner start----------------------*/
.banner_wrapper{
		width:954px;
		height:403px;
		}
				
.red_bg {
	height:3px;
	width:100%;
    background:#ff0000;
  }	
.banner_service{
	width: 159px;
	height: 368px;
	float:left;
	margin-top:35px;
	 -webkit-transition:margin 0.5s ease-out 0s;
	 -moz-transition:margin 0.5s ease-out 0s;
	 -ms-transition:margin 0.5s ease-out 0s;
	 -o-transition:margin 0.5s ease-out 0s;
    transition: margin 0.5s ease-out 0s;
	}
.banner_service:hover{
	width: 159px;
	height: 368px;
	float:left;
	margin-top:15px;
}	
.banner_service1{
	width: 159px;
	height: 305px;
	float:left;
	margin-top:99px;
	 -webkit-transition:margin 0.5s ease-out 0s;
	 -moz-transition:margin 0.5s ease-out 0s;
	 -ms-transition:margin 0.5s ease-out 0s;
	 -o-transition:margin 0.5s ease-out 0s;
    transition: margin 0.5s ease-out 0s;
	}
.banner_service1:hover{
	width: 159px;
	height: 305px;
	float:left;
	margin-top:84px;
}
.banner_service2{
	width: 159px;
	height: 336px;
	float:left;
	margin-top:70px;
	 -webkit-transition:margin 0.5s ease-out 0s;
	 -moz-transition:margin 0.5s ease-out 0s;
	 -ms-transition:margin 0.5s ease-out 0s;
	 -o-transition:margin 0.5s ease-out 0s;
    transition: margin 0.5s ease-out 0s;
	}
.banner_service2:hover{
	width: 159px;
	height: 336px;
	float:left;
	margin-top:54px;
}
/*-------------------banner end----------------------*/
/*-------------------contain start----------------------*/
.contain{
	width:954px;
	height:100%
	}
.contain_welcome_tital{
	width:535px;
	height:50px;
	line-height:50px;
	float:left;
	text-align:left;
	padding-left:20px;}
.contain_video_title{
	width:379px;
	height:50px;
	line-height:50px;
	float:left;
	text-align:left;
	padding-left:20px;
}
.contain_welcome_text{
	width:515px;
	height:180px;
	float:left;
	padding:10px 20px 0 20px;	
}
.contain_video{
	width:359px;
	height:180px;
	float:left;
	padding:10px 20px 0 20px;	
}
/*-----------------Contain end----------------------*/
 .About_us{
	width:954px;
	
	padding:5px 10px 5px 10px;
	}
	
.About_grid2{
	
	width:934px;
	float:left;
	padding:10px 10px 10px 10px;
}
.abut_img{
	height:393px;
	width:400px;
	float:left;
	margin-right:20px;
	background:url(../Images/about1.png) no-repeat; padding-bottom:20px;
}
/*-------------------footer start----------------------*/
.text_subhead_menu{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.footer_wrapper{
	width:100%;
	
	
	background:#242424; float:left;	
}
.footer{
	width:954px;
	
}
.footer_mnu_grid{
	width:235px;
	height:231px;
	
	float:left;
	text-align:left;
	background:url(../Images/footer.png)right center no-repeat;
}
.footer_mnu_grid ul{
	width:200px;
	
	float:left;
	text-align:left;
	line-height:22px;
	display:block;
	list-style:none;
	margin:0;
	padding:15px 0 0 35px;

}
.footer_mnu_grid ul li a{
	display:inline-block;
	list-style:none;
	background:url(../Images/footer_bullet.png) left center no-repeat;
	padding-left:15px;
	clear:right;
}
.footer_social_grid{
	width:249px;
	height:150px;
	float:left;
	text-align:left;
	background:url(../Images/Shado.png) no-repeat center;
	text-align:center;
	padding-top:40px;
}
.fb{
	margin-left:50px;
	width:34px;
	height:50px;
	float:left;
	text-align:left;
	background: url(../Images/facebook.png) no-repeat center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition:all .4s ease-in-out;
	cursor:pointer;
}
.fb:hover{
	background:url(../Images/facebook_hover.png) no-repeat center;
	
}
.twt{
	width:34px;
	height:50px;
	float:left;
	text-align:left;
	background: url(../Images/twiter.png) no-repeat center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition:all .4s ease-in-out;
	cursor:pointer;
}
.twt:hover{
	background: url(../Images/twiter_hover.png) no-repeat center;
}
.in{
	width:34px;
	height:50px;
	float:left;
	text-align:left;
	background: url(../Images/in.png) no-repeat center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition:all .4s ease-in-out;
	cursor:pointer;
}
.in:hover{
	background: url(../Images/in_hover.png) no-repeat center;
}
.gplus{
	width:34px;
	height:50px;
	float:left;
	text-align:left;
	background:url(../Images/googal_Plus.png) no-repeat center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition:all .4s ease-in-out;
	cursor:pointer;
}
.gplus:hover{
	background:url(../Images/googal_Plus_hover.png) no-repeat center;
}
.Footer_SubLink
{
	 font-size:11px;
	 color:#999;
	 font-weight:bold;
	text-decoration:none;
}
A.Footer_SubLink
{
    FONT-SIZE: 11px;
    COLOR: #999;
	font-weight:bold;
	text-decoration:none;
}
A.Footer_SubLink:link
{
    FONT-SIZE: 11px;
    COLOR: #999;
	font-weight:bold;
	text-decoration:none;
}

A.Footer_SubLink:hover
{
    FONT-SIZE: 11px;
    COLOR:#999;
	font-weight:bold;
	text-decoration:underline;
}
.footer_xtreem_wrapper{
	width:100%;
	height:35px;
	background:url(../Images/Xtreem_footer_BG.jpg) repeat-x bottom;
}
.footer_xtreem{
	width:954px;
	height:35px;
}
.footer_xtreem_bottom_rights{
	height:35px;
	width:467px;
	font-family:tahoma;
 	font-size:11px;
	color:#999;
	text-decoration:none;
	line-height:35px;
	text-align:left;
	float:left;
}
.footer_xtreem_bottom_power{
	height:35px;
	width:300px;
	font-family:tahoma;
 	font-size:11px;
	color:#999;
	text-decoration:none;
	line-height:35px;
	text-align:right;
	float:right;
}
.footer_xtreem_bottom_power_img{
	height:27px;
	width:72px;
	padding:8px 0 0 0;
	float:right;
}
.footer_text{
	font-family:tahoma;
 	font-size:11px;
	color:#CCC;
	text-decoration:none;
	}
	<!-------------Services-->
	
	
	
	 .service{
	width:954px;
	height:auto;
	padding:5px 10px 10px 10px;
	}
	
.Aservice_grid{
	height:5499px;
	width:934px;	
	padding:10px 10px 10px 10px;
}
.Aaudit_service_grid{
	
	width:934px;	
	padding:10px 10px 10px 10px;
}
.seo_service_grid{

	width:934px;	
	padding:10px 10px 10px 10px;
}
 .service_grid{
	width:954px;
	height:auto;
	padding:5px 10px 5px 10px;
	}
	 .Containt_marketing_grid{
	width:954px;
	height:auto;
	padding:5px 10px 5px 11px;
	
	}
	 .Containt_marketing_grid1{
	width:914px;
	height:auto;
	padding:5px 10px 5px 11px;
	
	}
	 .career_grid1{
	width:914px;
	height:auto;
	padding:5px 10px 5px 11px;
	
	}
	 .seo_grid1{
	width:900px;
	height:auto;
	padding:5px 10px 5px 31px;
	
	}
	 .Infographic_grid{
	width:954px;
	
	padding:5px 10px 5px 10px;
	}
	 .SMO_grid{
	width:954px;
	height:auto;
	padding:5px 10px 5px 10px;
	}
		 .Link_grid{
	width:954px;
	height:auto;
	padding:5px 10px 5px 10px;
	}
	 .Video_grid{
	width:954px;
	height:auto;
	padding:5px 10px 5px 10px;
	}
	.SMO_grid ul{
	
	width:964px;	
	margin:0;
	display:block;		
	list-style:none;
}
.SMO_grid ul li{

	width:964px;
	list-style:none;		
	padding-left:30px;
	list-style:none;
	background:url(../Images/red.png) no-repeat  left ;
}
.service_img{
	height:355px;
	width:350px;
	float:right;
	margin-left:30px;
	background:url(../Images/img1.png) no-repeat ;
}
.service_img1{
	height:300px;
	width:300px;
	float:right;
	margin-left:30px;
	background:url(../Images/img01.png) no-repeat ;
}
.service_img01{
	height:300px;
	width:300px;
	float:right;
	margin-left:30px;
	background:url(../Images/img06.png) no-repeat ;
}
.service_img2{
	height:300px;
	width:300px;
	float:right;
	margin-left:30px;
	padding-bottom:30px;
	background:url(../Images/img04.png) no-repeat ;
}
.service_img3{
	height:300px;
	width:300px;
	float:right;
	margin-left:30px;
	padding-bottom:30px;
	background:url(../Images/img03.png) no-repeat ;
}	
.service_img4{
	height:250px;
	width:422px;
	float:right;
	margin-left:30px;
	padding-bottom:10px;
	background:url(../Images/web-development.png) no-repeat ;
}	
.service_img5{
	height:300px;
	width:300px;
	float:right;
	margin-left:30px;
	padding-bottom:30px;
	background:url(../Images/img07.png) no-repeat ;
}

.service_grid ul{
	
	width:964px;	
	margin:0;
	display:block;		
	list-style:none;
}
.service_grid ul li{

	width:964px;
	list-style:none;		
	padding-left:30px;
	list-style:none;
	background:url(../Images/red.png) no-repeat  left ;
}


	
/*-------------------Contact Contain start----------------------*/
 .contact{
	width:954px;
	height:auto;
	padding:5px 10px 5px 10px;
	}
	
.contact_grid{
	
	width:934px;	
	padding:10px 10px 10px 10px;
}
.contact_icons_address{
	width:90px;
	height:50px;
	float:left;
	padding:30px 0px 60px 100px;
	
}
.contact_icons{
	width:90px;
	height:70px;
	float:left;
	padding:0px 0px 30px 100px;
	
}
.skyup_icons{
	width:90px;
	height:50px;
	float:left;
	padding:0px 0px 30px 100px;
	
}
.location_icons{
	width:90px;
	height:70px;
	float:left;
	padding:0px 0px 30px 70px;
	
}
.contact_grid1{
	width:324px;
	height:185px;
	float:left;
	text-align:left;
	padding:0px 20px 0px 20px;		
}
.contact_grid2{
	width:324px;
	height:130px;
	float:left;
	text-align:left;
	padding:0px 20px 0px 20px;		
}
.syeup_grid2{
	width:324px;
	height:70px;
	float:left;
	text-align:left;
	padding:0px 20px 0px 20px;		
}
.contavt3_grid2{
	width:324px;
	height:100px;
	float:left;
	text-align:left;
	padding:0px 20px 0px 20px;		
}
.location_grid2{
	width:324px;
	height:90px;
	float:left;
	text-align:left;
	padding:0px 20px 0px 44px;		
}
.contact_img{
	width:360px;
	height:360px;
	float:right;
	padding:55px 0px 0px 0px;
}

.location{
	float:left;
	padding-left:100px;
	background:url(../Images/location1.png) no-repeat;
	width:100px;
	height:80px;
	margin-left:90px;
	}

.mailtxt
 {
 	font-size:12px;
	color:#000;
	line-height:22px;
	text-decoration:none;
}
 .mailtxt:hover
 {
 	font-size:12px;
	color:#F00;
	line-height:22px;
	text-decoration:none;
}
/*-------------------Contact Contain end----------------------*/
 .Enquiry{
	width:100%;
	height:auto;
	padding:5px 10px 5px 10px;
	}
	
.Enquiry_grid{
	height:auto;
	width:65%;
	float:left;
	padding-left:2px;
}
.Enquiry_img{
	height:350px;
	width:30%;
	float:right;



	background:url(../Images/enquiry.png)center no-repeat;
}
.img-cla{ padding-top:5px;
float:right;
padding-left:60px;}
.testi-name{ float:left; text-align:left; color:#ff0000;  font-family:Arial, Helvetica, sans-serif; padding:10px 20px 0 0px;	font-weight:bold; letter-spacing:0.5px; border-bottom:2px dotted #939191; width:100%; padding-bottom:5px; width:95%; margin-left:23px;}
.img1_img{
	width:250px;
	height:150px;
	float:right;
	margin:10px;
}
.bg{
	background:url(../Images/sub_title_ico.png) no-repeat;
	height: 35px;
	width:800px;
	padding-left:40px;
	line-height:35px}
	.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(235, 235, 235, 0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
}
.back-to-top:hover {
	background-color: rgba(135, 135, 135, 0.50);}
	
	
#wrapper{
  margin:0 auto;
  padding:15px 15% 8em;
  text-align:left
}
#content {
 
}
.demo {
  margin: 0 0;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.collapse p {padding:0 10px 1em}

.switch {position:absolute; top:1.5em; right: 1.5em; padding:3px}

.post .switch {position:static; text-align:right}

.post .main{margin-bottom:.3em; padding-bottom:0}

.other li, .summary {margin-bottom:.3em; padding:1em; border:1px solid #e8e7e8; background-color:#f8f7f8}

.other ul {list-style-type:none; text-align:center}

/* --- Headings  --- */
h1 {
  margin-bottom:1em; 
  font-family:georgia,'times new roman',times,serif; 
  font-size:2.5em; 
  font-weight:normal; 
  color:#c30
}
h2 {margin-bottom:1em; padding:3px; background-color:#eee}
h2, h3{font-size:1em}

.expand{padding-bottom:.75em;    color: #D00206 !;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;}

/* --- Links  --- */
a:link, a:visited {
  border:1px dotted #ccc;
  border-width:0;
  text-decoration:none;
 
}
a:hover, a:active, a:focus {

}
a:active, a:focus {
  color:red;
}
.expand a {
  display:block;
  padding:3px 10px
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(../Images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;  color: #D00206 ;
}
.expand a:hover, .expand a:active, .expand a:focus {
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(../Images/arrow-up.gif) no-repeat 98% 50%
}
.testimonial-logo-contain{ float:left; width:100%; padding-left:20px;}
.test-main{ float:left; width:58%; text-align:left;}
.client-logo-section{ float:left; width:40%; text-align: left}
.client-logo-img{ float:left; width:100%; margin-bottom:60px\9;}
.client-logo-img{ float:left; width:100%;}
.client-logo-img ul{ list-style:none;}	
.client-logo-img li{ float:left; display:inline-block; padding:3px 12px;}	
.client-logo-img li img{ border:2px solid #d0d0d0}
.client_name{ text-align:center; font-size:13px; font-family:Tahoma, Geneva, sans-serif}

/*--------------services page------------------*/
.ser_contain_img{
	width:318px;
	height:328px;
	float:left;
	
}

/*--------------services page------------------*/