/*
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}

body {
	overflow-x: hidden;
}
/*end reset*/
/*----start-iporting-fonts---*/
/*----ptsans_bold_macroman----*/
@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/ptsans_bold_macroman/PTS75F-webfont.eot');
    src: url('../fonts/ptsans_bold_macroman/PTS75F-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_bold_macroman/PTS75F-webfont.woff') format('woff'),
         url('../fonts/ptsans_bold_macroman/PTS75F-webfont.ttf') format('truetype'),
         url('../404.html#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----//ptsans_bold_macroman----*/
/*---ptsans_regular_macroman---*/
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/ptsans_regular_macroman/PTS55F-webfont.eot');
    src: url('../fonts/ptsans_regular_macroman/PTS55F-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_regular_macroman/PTS55F-webfont.woff') format('woff'),
         url('../fonts/ptsans_regular_macroman/PTS55F-webfont.ttf') format('truetype'),
         url('../404.html#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---//ptsans_regular_macroman---*/
/*----//End-iporting-fonts---*/
body{
	background:#FFFFFF;
	 font-family: 'pt_sansregular';
}
/*---start-wrap---*/
.wrap{
	width:70%;
	margin:0 auto;
}






/*-------------------------------------------------menu start here------------------------------*/




.top-header {
	padding: 4em 0 8em;
}
.header_top
{
	width:100%;
	padding:6px;
	background: #EF3E31;
	box-shadow: 0px 2px 3px #444;
	position: fixed;
	top:0px;
	z-index: 999999;
	font-family: "pt_sansregular";
	font-size:0.95em;
	
}
.header_top a
{
	color: #FFF;
	font-family: 'pt_sansbold'; 
	
}

.header_top span
{
	float: right;
	color: #FFF;
	font-family: 'pt_sansbold'; 
	padding-right: 20px;
}


#top_menu{ padding: 0px; top: 0px; background:rgba(0, 0, 0, 0.7); position: absolute; width: 100%; color: #FFF; margin: 0px auto; padding-top: 30px; padding-left:50px; height: 100px; }

#top_menu ul li:hover { opacity: 1; }
#top_menu ul {  list-style: none; list-style-position: outside; margin: 0px auto; }
#top_menu ul li { text-align: center; float: left;  transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; opacity: 0.5;  }

.text_top { position: absolute; top: 5px; width: 100%; text-align: center; color: #fff; opacity: 1; font-size: 1.2em; }

#top_menu ul.main_menu {  width: 75%; overflow: hidden; }
#top_menu ul.main_menu li { width: 15%; padding-left: 0%; cursor: pointer;}
#top_menu .main_menu li p { padding-top: 8px; display: inline-block; text-align: center; color: #FFFFFF; }
#top_menu .main_menu li p > i { width: 50px; height: 50px; display: inline-block; vertical-align: middle; transition: none; margin: 0 auto; padding-bottom: 8px; }
#top_menu .main_menu li a { padding-top: 8px; display: inline-block; text-align: center; color: #FFFFFF; }
#top_menu .main_menu li a > i { width: 50px; height: 50px; display: inline-block; vertical-align: middle; transition: none; margin: 0 auto; padding-bottom: 8px; }
#top_menu #home a>i { background: url(../images/home.png) no-repeat 0px 0px; }
#top_menu #contact_us a>i { background: url(../images/contact.png) no-repeat 0px 0px; }
#top_menu #products p>i  { background: url(../images/products.png) no-repeat 0px 0px; }

#top_menu #services p>i  { background: url(../images/services.png) no-repeat 0px 0px; }
#top_menu #network p>i  { background: url(../images/network.png) no-repeat 0px 0px; }
#top_menu #about_us a>i  { background: url(../images/about.png) no-repeat 0px 0px; }

#top_menu ul.services_menu { width: 60%; overflow: hidden; font-size: 0.95em; height: 0%;}
#top_menu ul.services_menu li {  width: 10%;  opacity: 0.5; }
#top_menu ul.services_menu li:hover { opacity: 1; }
#top_menu .services_menu li a { padding-top: 8px; display: inline-block; text-align: center; color: #FFFFFF; }
#top_menu .services_menu li a > i { width: 45px; height: 40px; display: inline-block; background: url(../images/services2.png) no-repeat 0px 0px; vertical-align: middle; transition: none; margin: 0 auto; padding-bottom: 8px; }


#top_menu ul.network_menu { width: 60%; overflow: hidden; font-size: 0.95em; height: 0%;}
#top_menu ul.network_menu li {  width: 10%;  opacity: 0.5; }
#top_menu ul.network_menu li:hover { opacity: 1; }
#top_menu .network_menu li a { padding-top: 8px; display: inline-block; text-align: center; color: #FFFFFF; }
#top_menu .network_menu li a > i { width: 35px; height: 35px; display: inline-block; background: url(../images/network2.png) no-repeat 0px 0px; vertical-align: middle; transition: none; margin: 0 auto; padding-bottom: 8px; }

#top_menu ul.product_menu { width: 60%; overflow: hidden; font-size: 0.95em; height: 0%; margin: 0 auto;}
#top_menu ul.product_menu li {  width: 10%;  opacity: 0.5; }
#top_menu ul.product_menu li:hover { opacity: 1; }
#top_menu .product_menu li a { padding-top: 8px; display: inline-block; text-align: center; color: #FFFFFF; }
#top_menu .product_menu li a > i { width: 45px; height: 40px; display: inline-block; background: url(../images/products2.png) no-repeat; vertical-align: middle; transition: none; margin: 0 auto; padding-bottom: 8px; }



#back_arrow { top: 130px; position: absolute; left: 105%; opacity: 0.7; background: rgba(0,0,0,0.7); z-index: 9999; }
#back_arrow:hover { opacity: 1; }
#menu_all{ padding: 0px; bottom: 0px; position: absolute; width: 100%; color: #FFF; border-bottom: 2px #fff solid; }
#menu_all ul { list-style: none; list-style-position: outside; }

#menu_all .menu_opt {
	text-align: center;
	float: left;
	width: 11.1%;
	box-shadow: inset 0px 1px 2px #fff;
	height: 100px;
	background:rgba(244, 135, 101, 0.66);
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}

#menu_all li a {
				padding-top: 8px;
				display: inline-block;
				text-align: center;
				color: #FFFFFF;
			}

#menu_all li a > i {
				width: 45px;
				height: 40px;
				display: inline-block;
				background: url(../images/services_large.png) no-repeat;
				vertical-align: middle;
				transition: none;
				margin: 0 auto;
				padding-bottom: 8px;
}


#menu_all .menu_opt:hover {
	background:rgba(114, 189, 163, 0.72);
}

#menu_all #webapp a>i { background-position: 0px 0px; }
#menu_all #webdesign a>i { background-position: -970px 0px; }
#menu_all #ecom a>i  { background-position: -585px 0px; }
#menu_all #seo a>i  { background-position: -835px 0px; }
#menu_all #geteway a>i  { background-position: -585px 0px; }
#menu_all #logodesign a>i  { background-position:  -300px 0px; }
#menu_all #webhosting a>i  { background-position:-1110px 0px; }
#menu_all #domains a>i  { background-position: -440px 0px; }
#menu_all #redesign a>i  { background-position: -690px 0px; }
#menu_all #maintain a>i  {  background-position: -145px 0px; }


/*----------------------------------- accordion ---------------------------------------*/

#celebs { display: none;}

#celebs {
	width: 90%;
	margin: 0px auto;
	text-align: center;
}


#accordion {
	width: 95%;
}
#accordion li {
	cursor: pointer;
	border: 1px #FFFFFF solid;
	margin-bottom: 2px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 1px 0px;
}

#accordion li a {
	color: #C5C6F9;
	font-size: 16px;
}


#accordion li ul {
	padding: 0;
	margin: 10px 0 0 0;
	border-top: 2px #FFFFFF solid;
}
#accordion li ul li {
	font-size: 20px;
	color: #FFFFFF;
	line-height: 30px;
}

#accordion li.active li {
	text-indent: 0;
}
#accordion li li {
	font-weight: normal;
	background: none;
	border: 0;
}
#accordion li ul li p a {
	padding: 0px 5px;
	margin-left: 10px;
	font-size: 15px;
}

#accordion li ul li p a:hover {
	color: #fff;
	background:rgba(244, 135, 101, 0.72);
}





.logo{
	float:right;
	margin-top: 100px;
}
.logo a{
	color: #FFFFFF;
	font-size: 2em;
	font-family: 'pt_sansbold';
	text-shadow: 0px 1px 5px #635E5E;
	-webkit-text-shadow: 0px 1px 5px #635E5E;
	-moz-text-shadow: 0px 1px 5px #635E5E;
	-o-text-shadow: 0px 1px 5px #635E5E;
}
.logo a span{
	height:3px;
	width:20%;
	background:#E8432E;
	display:block;
}
.top-nav{
	float:right;
}
.right_bt span{
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/image-sprite.png) no-repeat -3px -124px;
}
.top-bannar{
	background: url(../images/header4.jpg) no-repeat 0px 0px;
	position: relative;
	top: 25px;
	border-bottom: 5px solid #E8432E;
	background-size: 100% 100%;
}

.callout-wrap {float: left;width: 100%;padding-top: 20px;background:url(../404.html) 0 0 repeat-x;margin: 10px 0 30px 0; font-size:10px;}
.callout-wrap span {padding-bottom: 25px;background:url(../404.html) left bottom repeat-x;color: #222;font-size:1.6em;line-height: 28px;display: block;}
.callout2 {color: #222;font-size:1.5em;line-height: 28px;}


.list {margin:0;list-style:none;padding:0 0 20px 0;}
.list li {padding:5px 0 0 15px;background:url(../404.html) 0 11px no-repeat;margin-bottom: 5px; font-size:14px}
.list2 li {background:url(../404.html) 0 11px no-repeat;}
.list3 li {background:url(../404.html) 0 11px no-repeat;}
.list4 li {background:url(../404.html) 0 11px no-repeat;padding-left:20px;}

#sub_nav ul ul a, #sub_nav ul ul a:hover, .list li, #sidebar ul li, #sub_nav ul li.current_page_item ul li a, #sub_nav ul li.current_page_parent ul li.current_page_item a {
    background: url("../images/secondary-teal-grey/bullet1.png") no-repeat scroll 0px 9px transparent !important;
        background-color: transparent;
        background-image: url("../images/secondary-teal-grey/bullet1.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 9px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    color: rgb(90, 124, 135) !important;
}



img.floatLeft {
    float: left;
	margin-right:15px;
	border-style:solid;
	border-color: #3e575e;
	border-width:5px;
}

/*--header-welcome-note--*/

.sliderr
{
	
	position: relative;
	
	width:100%;
	top:17%;
	height:85%;
	
	
	
	
}


.sliderr_left
{
	
	position: relative;
	
	float:left;
	margin:0%;
	width:44%;
	
	height:90%;
	
	
	
	
}

.sliderr_right
{
	float:right;
	position: relative;
	margin-left:0%;
	width:44%;
	
	height:93%;
	
	background: url('../404.html') no-repeat 0px 80px;
	
	
	
}



.sliderr_left_up
{
	position: relative;
	
	float:left;
	margin:2%;
	width:90%;
	top:0%;
	height:38%;
	line-height:100%;
		padding-top:0%;
	font-family:"pt_sansbold";
	
	font-size:3.2em;
	color:#FFFFFF;
	text-shadow: 0px 1px 5px #111;
	-webkit-text-shadow: 0px 1px 5px #111;
	-moz-text-shadow: 0px 1px 5px #111;
	-o-text-shadow: 0px 1px 5px #111;
	
	
	
}


.sliderr_left_down
{
	position: relative;
	
	float:left;
	margin-top:5%;
	width:90%;
	text-align: justify;
	height:25%;
	
	border-radius:10px;
	background:rgba(0, 0, 0, 0.1);
	font-family:"pt_sansbold";
	padding:20px;
	font-size:1.2em;
	color:#FFFFFF;
	text-shadow: 0px 2px 4px #000;
	-webkit-text-shadow: 0px 2px 4px #000;
	-moz-text-shadow: 0px 2px 4px #000;
	-o-text-shadow: 0px 2px 4px #000;
	
	
	
	
	
}


.header_top
{
	width:100%;
	padding:6px;
	background: #EF3E31;
	box-shadow: 0px 2px 3px #444;
	position: fixed;
	top:0px;
	z-index: 999999;
	font-family: "pt_sansregular";
	font-size:0.95em;
	
}
.header_menu
{
	width:100%;
	height:90px;
	box-shadow:0px 5px 5px #555;
	position: absolute;
	margin:auto;
	top:25px;
	z-index: 99999;
	font-family: "pt_sansregular";
	font-size:0.88em;
	
}





.gur
{
	
	
	cursor:pointer;
	margin-right: 30px auto;
	margin-left:30px auto;
	position:relative;
	
	top:60%;
	
	font-size:1.1em;
	
	
	
}



.header_top a
{
	color: #FFF;
	font-family: 'pt_sansbold'; 
	
}

.header_top span
{
	float: right;
	color: #FFF;
	font-family: 'pt_sansbold'; 
	padding-right: 20px;
}




.header-welcome-note a{
	color: #fff;
	font-family: 'pt_sansbold';
	font-size: 1.3em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	
}
.header-welcome-note a:hover{
	color:#E8432E
}
.header-welcome-note a:hover span{
	background: url(../images/image-sprite.png) no-repeat -2px -194px;
}
.header-welcome-note a span{
	width: 50px;
	height: 50px;
	display: inline-block;
	background: url(../images/image-sprite.png) no-repeat -5px -250px;
	vertical-align: middle;
	margin-right: 0.3em;
}
/*--//header-welcome-note--*/

.menu_box_list{
	display: inline-block;
	padding: 13.4em 0;
}
.menu_box_list ul li {
	display:block;
}
.menu_box_list li a{
	color: #FFF;
	font-size: 1.8em;
	display: block;
	padding: 0.3em;
	text-transform: uppercase;
	font-family: 'pt_sansbold';
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	letter-spacing: 0.1em;
}
.menu_box_list li a:hover{
	color:#000000;
}
.menu_box_list li a > i > img{
	vertical-align:middle;
	padding-right:10px;
}
.boxclose span{
	width:51px;
	height:58px;
	display:inline-block;
	background: url(../images/image-sprite.png) no-repeat -455px -11px;
}
.boxclose span:hover{
	background: url(../images/image-sprite.png) no-repeat -403px -9px;
}
/*-----//End-header----*/
/*---start-content---*/
.top-grids {
	padding: 1em 0 1.5em;
}
.top-frist a span{
	width:16px;
	height:14px;
	background: url(../images/image-sprite.png) no-repeat -90px -60px;
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5em;
}
.top-frist a{
	color:#000;
	font-size: 1em;
	font-family: 'pt_sansbold';
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.top-frist a:hover{
	color:#E8432E;
}
.top-grid{
	margin-top:20px;
    background: #fff;
    border-bottom: solid 5px #ccc;
    padding: 0 5px 5px 10px;
	
	
	font-size:1.0em;
	width: 29%;
	margin-right: 2%;
	float: left;
	text-align: justify;
	
}
.top-grid:hover{
	
    background:#EEEEEE;
   }

#our_techinacle{width:94%; float:left; padding-bottom:2%; padding-top:2%; margin-top:4%; margin-bottom:4%; margin-left:2%;}


#shiv
{
	float:left;
	width: 78%;
	margin-bottom:10px;
	margin-left:15px;
	
}

.top-grid1{
	position:relative;
	width: 18%;
	
	float: left;
	margin-top:60px;
	border-right: 1px solid #004;
	height: 100%
	
	
}


.top-grid11{
	position:relative;
	width: 18%;
	background:rgb(253, 208, 124);
	float: left;
	margin-top:60px;
	border-right: 1px solid #004;
	height: 100%
	
	
}


.top-grid1 span{
	
	font-family:"pt_sansbold";
	font-weight:900;
	font-size: 3.5em;
	color: #0B3142;
	line-height: 100%;
	float: right;
	margin-right:10%;
}

.clear1
{
	
	margin:28%;
	float:right;
	margin-right:10%;
	
	border-bottom: 3px solid #ccc;
	width: 30%;
}

.top-grid1 p{
	
	float:right;
	font-family:"pt_sansbold";
	font-weight:900;
	line-height: 100%;
	font-size: 1em;
	color: rgba(232, 67, 46, 1);
	margin-right:10%;
}

.side_menu
{
	width: 80%;
	height:35px;
	background:rgb(254, 239, 211);
	border-radius: 2px;
	color:#0E3D52;
	text-align:center;
	padding-top:8px;
	margin: 2px;
	
	margin-left:20px;
	
}

.side_menu a{
	
	color:#0E3D52;
}

.side_menu:hover
{
	background:#E8432E;
}


#content {
	width:720px;
	float:left;
	margin-left: 20px;
	font-size:14px;
	text-align:justify;
}


.callout-wrap1 {float: left;width: 100%;  font-size:9px;}
.callout-wrap1 span { color: #222;font-size:1.6em;line-height: 28px;display: block; text-align: justify;}


.content_left_sidebar {float: right !important;}
.content_right_sidebar {width: 510px !important;}
.content_full_width {width: 940px !important;padding: 0 20px 0 20px;float:left;margin-left: 0 !important;}
.portfolio_full_width {margin-left: 0 !important;width:980px !important;}

.list {margin:0;list-style:none;padding:0 0 20px 0;}
.list li {padding:5px 0 0 15px;background:url(../404.html) 0 11px no-repeat;margin-bottom: 5px; font-size:14px}
.list2 li {background:url(../404.html) 0 11px no-repeat;}
.list3 li {background:url(../404.html) 0 11px no-repeat;}
.list4 li {background:url(../404.html) 0 11px no-repeat;padding-left:20px;}




.con
{
	margin-bottom:10px;
	width: 100%;
	border-bottom: 10px solid #0E3D52;
}

.top-grids h3{
	font-size: 1.5em;
	color: #000;
	font-family: 'pt_sansbold';
}
.top-grids h3 span{
	height: 3px;
	width: 2.5%;
	background: #E8432E;
	display: block;
}
.top-grid p.welcome-para{
	font-size: 1.2em;
	color: #999;
	width: 86%;
	margin: 1.4em 0 1em;
	line-height: 1.5em;
	font-family: 'Maven Pro', sans-serif;
	
	border-right:2px solid #B9B9B9;
}
.top-grid p{
	color: #999;
	font-size: 0.9em;
	width: 95%;
	line-height: 1.4em;
	
}
.top-grid h4{
	color: #000;
	font-size: 1.3em;
	margin: 0.5em 0 0.7em 0;
	text-align: left;
}
.top-grid h4 span{
	width:24px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
	margin-right: 0.3em;
}
.icon1{
	background: url(../images/image-sprite.png) no-repeat -141px -3px;
}
.icon2{
	background: url(../images/image-sprite.png) no-repeat -80px -4px;
}
.icon3{
	background: url(../images/image-sprite.png) no-repeat -110px -5px;
}
.top-grid:nth-child(5){
	margin-right:0;
}



ul.planstable > li.detailscol {
    width: 150px;
}
ul.planstable > li {
    display: block;
    float: left;
    text-align: center;
    width: 130px;
}


#main h3 {
    font-size: 1.7em;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
    padding-bottom: 10px;
    font-weight: normal;
    margin: 0px;
    color: rgb(34, 34, 34);
}
ul.planstable li.title h3 {
    font-size: 18px;
    background: none repeat scroll 0% 0% rgb(34, 34, 34);
    color: white;
    display: block;
    padding: 10px;
    border: medium none;
}

/*---featured-works---*/
.works{
	background:#E8432E;
	padding:1em 0;
}
.works h2{
	font-size: 2em;
	color: #fff;
	background-color:#0E3D52;
	padding-left: 0.3em;
	border-radius:5px;
	width:15%;
	font-family: 'pt_sansbold';
}
.works h2 span{
	height: 3px;
	width: 2.5%;
	background: #fff;
	display: block;
}

.artical-pic{
	float:right;
	width:60%;
	margin-right: 19%;
	box-shadow: 0px 3px 12px #000;
}




.artical-pic-head-left{
	float: left;
	text-align: left;
}
.artical-pic-head-left a h4{
	color:#fff;
	font-size:1.2em;
}
.artical-pic-head-left span{
	color:#000;
	font-size:0.9em;
}
.artical-pic-head-right{
	float:right;
}

.artical-pic-head-right a label{
	width:20px;
	height:20px;
	display:inline-block;
	background: url(../images/image-sprite.png) no-repeat -209px -9px;
	vertical-align:middle;
	margin-right:0.5em;
}
.artical-pic-head-right a{
	color:#FFF;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.artical-pic-head-right a:hover{
	color:#000;
}
.artical-pic-head {
	padding: 0.5em 0 0;
}
.readmore span{
	width:16px;
	height:14px;
	display:inline-block;
	background: url(../images/image-sprite.png) no-repeat -90px -39px;
	vertical-align:middle;
	margin-right:0.5em;
}
.readmore{
	color: #FFF;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	text-align: left;
	display: block;
	font-size: 0.9em;
}
.readmore:hover{
	color:#000;
}
.artical-info1{
	float:right;
}
.artical-pic1{
	float:left;
}
/*----fea-video----*/
.fea-video{
	text-align: center;
	background-color:#0E3D52;
	padding: 6.7em 0;
	background-size: 100% 100%;
}
.fea-video a{
	width:80px;
	height:80px;
	background: url(../images/image-sprite.png) no-repeat -1px -31px;
	display: inline-block;
	margin-bottom: 1em;
}
.fea-video p{
	color: #FFF;
	font-size: 1.5em;
	width: 34%;
	margin: 0 auto;
	font-family: 'Maven Pro', sans-serif;
	line-height: 1.5em;
	font-weight: 100;
}
/*----//fea-video----*/
/*----blog-info----*/
.blog-info h3{
	font-size: 2em;
	color: #000;
	font-family: 'pt_sansbold';
}
.blog-info h3 span{
	height: 3px;
	width: 2.5%;
	background:#E8432E;
	display: block;
}
.blog-info {
	padding: 0em 0;
}
/*----*/
.item-left{
	width: 24%;
	float: left;
	padding: 0 2% 0 0;
}
.item-left h4{
	color: #000;
	font-size: 1.5em;
	margin: 0.5em 0 0.7em 0;
}
.item-left p{
	color: #B9B9B9;
	font-size: 0.9em;
	width: 95%;
	line-height: 1.5em;
	margin: 2em 0 3em;
}
.item-left a span{
	width:16px;
	height:14px;
	background: url(../images/image-sprite.png) no-repeat -90px -60px;
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5em;
}
.item-left a{
	color:#000;
	font-size: 1em;
	font-family: 'pt_sansbold';
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.item-left a:hover{
	color:#E8432E;
}
.item-center{
	
	margin-top:3%;
	width:100%;
	float:right;
}
.item-right{
	float:right;
	width:18%;
	padding:0 2%;
}
.blog-post-info-left{
	float:left;
	width:15%;
}
.blog-post-info-left span{
	display: block;
	color: #7F7F7F;
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	border-bottom: 1px solid #eee;
	padding: 1em 0;
}
.blog-post-info-left span label{
	display: block;
	font-family: 'pt_sansbold';
	font-size: 2.2em;
	line-height: 0.8em;
	margin-top: 0.1em;
	color: rgba(127, 127, 127, 0.64);
}
.blog-post-info-right{
	float: right;
	width: 82%;
	border-left: 2px solid #F1F1F1;
	padding-left: 2%;
}
.more-info{
	color: #000;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: block;
	margin-top: 2em;
}
.more-info:hover{
	color: #E8432E;
}
.more-info span {
	width: 16px;
	height: 14px;
	background: url(../images/image-sprite.png) no-repeat -90px -60px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.blog-post-info-left a{
	color: #A8A4A4;
	text-align: center;
	display: block;
	padding: 1em 0;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.blog-post-info-left a small{
	width: 18px;
	height: 16px;
	background: url(../images/image-sprite.png) no-repeat -30px -4px;
	display: block;
	margin: 0 auto 0.5em;
}
.blog-post-info-left a:hover{
	color:#000;
}
.blog-post-info-left a:hover  small{
	background: url(../images/image-sprite.png) no-repeat -55px -5px;
}
.blog-post-info-right h4 a{
	color: #000;
	font-size: 1.5em;
	margin: 0.5em 0 0.2em 0;
	display: block;
}
.stats {
	margin-bottom: 0.5em;
}
.blog-post-info-right li{
	float:left;
}
.blog-post-info-right li a{
	color: #B9B9B9;
	font-size: 0.9em;
	padding: 0 0.3em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
} 
.blog-post-info-right li a:hover{
	color:#000;
}
.blog-post-info-right li span{
	color: #B9B9B9;
	margin-right: 0.3em;
}
.post-text{
	color: #A7A7A7;
	font-size: 0.9em;
	line-height: 1.5em;
}
.post-pic{
	float:right;
	border-bottom:0px solid #E8432E;
}
.item-right{
	background: #E8432E;
	padding: 2%;
	margin: 0 0 0 2%;
}
.quot{
	color: #FFF;
	font-size: 1.25em;
}
.item-right ul li{
	
}
.item-right ul li:first-child{
	float:left;
}
.item-right ul li:first-child a{
	color: #FFF;
	display: block;
	padding: 0.5em 0 0 0;
	font-size: 0.9em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.item-right ul li:first-child a:hover{
	color:#000;
}
.item-right ul{
	margin-top: 1.5em;
}
.item-right ul li:nth-child(2){
	float:right;
}
.item-right ul li:nth-child(2) span{
	width:30px;
	height:30px;
	display:block;
	background: url(../images/image-sprite.png) no-repeat 7px 12px;
}
/*---//featured-works---*/
/*--text-slider--*/
.test-monials-grids{
	padding: 1em 0;
	background-color:rgb(239, 62, 49);
	background-size: 100% 100%;
}

.test-monials-grids h3{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 2em;
	color: #fff;
	text-shadow: 2px 2px 1px #ccc;
	-webkit-text-shadow: 2px 2px 1px #ccc;
	-moz-text-shadow: 2px 2px 1px #ccc;
	-o-text-shadow: 2px 2px 1px #ccc;
}

/*----start-get-intouch----*/
.get-intouch h3{
	font-size: 2em;
	color: #000;
	font-family: 'pt_sansbold';
	margin-bottom: 1.2em;
}
.get-intouch h3 span {
	height: 3px;
	width: 2.5%;
	background: #E8432E;
	display: block;
}
.get-intouch {
	margin: 1em 0 0;
	
}
.get-intouch-grids{
	
}
.get-intouch-left-address{
	float:left;
	width:22%;
	padding-right:2%;
}
.get-intouch-left-address h4{
	color: #000;
	font-size: 1.2em;
	margin: 0.5em 0 0.7em 0;
	width: 95%;
}
.get-intouch-left-address p,.get-intouch-left-address p a{
	color: #B9B9B9;
	font-size: 0.9em;
	line-height:1.6em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.get-intouch-left-address p a:hover{
	color:#E8432E;
}
.get-intouch-center-form{
	float: left;
	width: 66%;
	padding: 0 3% 0 1%;
}
.get-intouch-right-social{
	float: right;
	width: 6%;
	text-align: center;
	margin-top: 2em;
}
.get-intouch-center-form h5{
	font-size: 1.5em;
	color: #000;
	font-family: 'pt_sansbold';
	margin: 0.3em 0 1.2em 0;
}
.get-intouch-left-address input[type="text"]{
	width: 48.7%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 1em 0;
	font-size: 1em
}
.get-intouch-left-address input[type="text"]:focus,.get-intouch-center-form textarea:focus{
	color:#E8432E;
}
.get-intouch-left-address input[type="password"]{
	width: 48.7%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 1em 0;
	font-size: 1em
}
.get-intouch-left-address input[type="password"]:focus,.get-intouch-center-form textarea:focus{
	color:#E8432E;
}
.get-intouch-left-address input[type="number"]{
	width: 48.7%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 1em 0;
	font-size: 1em
}
.get-intouch-left-address input[type="number"]:focus,.get-intouch-center-form textarea:focus{
	color:#E8432E;
}

.get-intouch-center-form input[type="number"]{
	width: 48.7%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 1em 0;
	font-size: 1em
}
.get-intouch-center-form input[type="number"]:focus,.get-intouch-center-form textarea:focus{
	color:#E8432E;
}
.get-intouch-center-form input[type="email"]{
	width: 48.7%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 1em 0;
	font-size: 1em
}
.get-intouch-center-form input[type="email"]:focus,.get-intouch-center-form textarea:focus{
	color:#E8432E;
}


.get-intouch-center-form input[type="text"]{
	width: 48.7%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 1em 0;
	font-size: 1em
}
.get-intouch-center-form input[type="text"]:focus,.get-intouch-center-form textarea:focus{
	color:#E8432E;
}
.get-intouch-center-form textarea{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'pt_sansregular';
	padding: 0.5em 0;
	font-size: 1em;
	height: 40px;
	resize: none;
	color: #B9B9B9;
}
.frist{
	margin-right:2%;
}
.get-intouch-center-form input[type="submit"]{
	border: none;
	color: #000;
	font-family: 'pt_sansregular';
	float: right;
	font-size: 1em;
	background: url(../images/msg.png) no-repeat #fff 0% 50%;
	padding: 0em 0.2em 0 1.5em;
	outline:none;
	cursor:pointer;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	margin-top: 1em;
}
.get-intouch-center-form input[type="submit"]:hover{
	color:#E8432E;
}
.get-intouch-right-social ul li{
	display:block;
}
.get-intouch-right-social ul li a{
	width:32px;
	height:32px;
	display:block;
	margin: 0 auto;
	margin-bottom: 0.4em;
}
.be{
	background: url(../images/image-sprite.png) no-repeat -288px 2px;
}
.twitter{
	background: url(../images/image-sprite.png) no-repeat -288px -44px;
}
.dribble{
	background: url(../images/image-sprite.png) no-repeat -288px -87px;
}
.tree{
	background: url(../images/image-sprite.png) no-repeat -288px -133px;
}
.google{
	background: url(../images/image-sprite.png) no-repeat -288px -175px;
}
/*----*/
.map{
	border-bottom: 3px solid #E8432E;
	margin-top: 6em;
}
/*----copy-right----*/
.copy-right-left{
	float:left;
}
.copy-right-left p{
	color:#000;
}
.copy-right-left p span{
	color:#E8432E;
}
.copy-right-right{
	float:right;
}
.copy-right-right p{
	color:#000;
}
.copy-right-right p a{
	color:#E8432E;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.copy-right-right p a:hover{
	color:#000;
}
.copy-right {
	padding: 1em 0;
}
/*----*/
.map{
	padding:1.5em 0 0;
}
/*----//End-get-intouch----*/
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/
/*----ptsans_bold_macroman----*/
@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/ptsans_bold_macroman/PTS75F-webfont.eot');
    src: url('../fonts/ptsans_bold_macroman/PTS75F-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_bold_macroman/PTS75F-webfont.woff') format('woff'),
         url('../fonts/ptsans_bold_macroman/PTS75F-webfont.ttf') format('truetype'),
         url('../404.html#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----//ptsans_bold_macroman----*/
/*---ptsans_regular_macroman---*/
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/ptsans_regular_macroman/PTS55F-webfont.eot');
    src: url('../fonts/ptsans_regular_macroman/PTS55F-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_regular_macroman/PTS55F-webfont.woff') format('woff'),
         url('../fonts/ptsans_regular_macroman/PTS55F-webfont.ttf') format('truetype'),
         url('../404.html#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---//ptsans_regular_macroman---*/
    #owl-demo .item{
       margin: 0.5em;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		padding: 1em;
		
    }
    #owl-demo .item img{
        display: block;
        height: auto;
    }
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
/*-----*/
.item a{
}
.item a span{
	font-weight:600;
}
/*---//--*/
/* Styling Next and Prev buttons */



/* Keyframes */
/* 
 * 	//Core Owl Carousel CSS File
 *	v1.24
 */
/* Demo */
.wmuSlider,
.wmuGallery {
    margin-bottom: 5px;
}

/* mwuSlider */
.wmuSlider {
    position: relative;
	overflow: hidden;
	margin: 1em 0 0.5em;
}
.wmuSlider .wmuSliderWrapper {
    display: none;
}
.wmuSlider .wmuSliderWrapper article {
    position: relative;
	text-align: center;
	padding: 0 0em;
}
.wmuSlider .wmuSliderWrapper article img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* mwuGallery */
.wmuGallery .wmuGalleryImage {
    position: relative;
    text-align: center;
}
.wmuGallery .wmuGalleryImage img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* Default Skin */
.wmuGallery .wmuGalleryImage {
    margin-bottom: 10px;
}
.wmuSliderPrev, .wmuSliderNext {
    position: absolute;
    width: 40px;
    height: 61px;
    text-indent: -9999px;
    background: url(../images/image-sprite.png) no-repeat -411px -10px;
    top: 50%;
    margin-top: -40px;
    z-index: 2;
    cursor:pointer;
}








.wmuSliderPrev {
    background: url(../images/image-sprite.png) no-repeat -453px -10px;
    left: 20px;
}
.wmuSliderNext {
    right: 20px;
}
.wmuSliderPagination {
   z-index: 2;
	position: absolute;
	left: 17%;
	top: 57%;
}
.wmuSliderPagination li {
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
}
.wmuSliderPagination a {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: url(../404.html) no-repeat 0 -80px;
}
.wmuSliderPagination a.wmuActive {
    background-position: -10px -80px;
}
/*--//--*/
/*--colorswitcher--*/
.colorswitcher ul li{
	display:block;
}
.colorswitcher ul li a{
	width:40px;
	height:40px;
	display:block;
}
.red{
	background: url(../images/color-combo.png) no-repeat -3px -1px;
}
.yellow{
	background: url(../images/color-combo.png) no-repeat -57px -1px;
}
.black{
	background: url(../images/color-combo.png) no-repeat -109px -1px;
}
.gray{
	background: url(../images/color-combo.png) no-repeat -171px -1px;
}
.theam-colors{
	float:left;
	width:40%;
}
.theam-bgs{
	float:right;
	width: 50%;
}
.red-bg{
	background:url(../404.html) no-repeat 0px 0px;
}
.yellow-bg{
	background:url(../images/bg-thumb1.jpg) no-repeat 0px 0px;
}
.black-bg{
	background:url(../404.html) no-repeat 0px 0px;
}
.gray-bg{
	background:url(../404.html) no-repeat 0px 0px;
}
/* 
	Required Styles
*/
#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}
/* 
	tooltip
*/
.defaultTheme {
	background:#eee;
	color:#000;
	margin:0;
	padding:6px 12px;	
	-moz-border-radius: 12px 12px 12px 0;
	-webkit-border-radius: 12px 12px 12px 0;
	-khtml-border-radius: 12px 12px 12px 0;
	border-radius: 12px 12px 12px 0;
}
/* 
	//tooltip
*/
#slideout {
	position: fixed;
	top: 32%;
	left: 0;
	padding: 0.5em;
	text-align: center;
	background: #000000;
	outline: none;
}
#slideout_inner {
	position: fixed;
	top: 32%;
	left: -250px;
	background: #000;
	width: 100px;
	padding: 0.5em 0em 0.5em 0.5em;
	text-align: left;
}
#slideout:hover {
	left: 107px;
}
#slideout:hover #slideout_inner {
	left: 0;
}
/*** move top **/
/*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 13px;
	right: 15px;
	overflow: hidden;
	width: 33px;
	height: 18px;
	border: none;
	text-indent: 100%;
	background: url(../images/move-top.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 37px;
	height: 16px;
	height: 48px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline: none;
}



.footer {
	position: relative;
	background: #FCFCFC;
    border-top: 1px solid #CECECE;
    margin:20px auto 0px auto;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.col_1_of_4 {
	display: block;
	float: left;
	margin:0% 0 1% 3.6%;
}
.col_1_of_4:first-child {
	margin-left: 0;
}/* all browsers except IE6 and lower */
.span_1_of_4 {
	width: 20.5%;
	padding:1.5% 1.5% 0 0;
	border-left:1px solid #CECECE;
}
.span_1_of_4  p {
	font-weight: normal;
	color: #8E8D8D;
	font-family: 'pt_sansbold';
	margin-bottom: .5em;
	font-size: 1.2em;
	line-height: 1.2;
	margin-top: 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #CECECE;
	padding-bottom: 0.5em;
	padding-left:20px;
}
.span_1_of_4 ul{
	padding-left:20px;
}
.span_1_of_4  li a {
	font-size: 1em;
	padding: 0.4em 0;
	color:#2A5C86;
	font-family: 'pt_sansregular';
	display: block;
}
.span_1_of_4  li span{
	font-size:1em;
	font-family: 'pt_sansregular';
	color:#2A5C86;
	cursor:pointer;
	margin:10px 0;
	display:block;
}
.span_1_of_4  li a:hover, .span_1_of_4  li span:hover {
	color:rgb(244, 135, 101);
}
/*** Social Icons ***/
.social-icons {
	padding-top: 8%;
}
.social-icons li {
	padding: 0px 5px 0 5px;
	margin: 0;
	display: inline-block;
	cursor: pointer;
	background:#222;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
.social-icons li:hover {
	background:#000;
}
.social-icons li a img{
	vertical-align:middle;
}


/*----start-responsive-design----*/
@media only screen and (max-width:1440px) and (min-width:1366px){
	.wrap {
		width: 98%;
	}
}
@media only screen and (max-width:1366px) and (min-width:1280px){
	.da-slide-current h2, .da-slide h2 {
		font-size: 3em;
		margin: 1.5em 0 1em;
	}
	
	.da-slide-current p, .da-slide p {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	
	.wrap {
		width: 98%;
	}
	.top-header {
		padding: 0.5em 0 1em;
	}
	#welcome
{
	width: 56%;
}
	.menu_box_list {
		padding: 9.2em 0;
	}
	.fea-video p {
		width: 45%;
	}
	.slider .inner p {
		width: 97%;
	}
	
	.top-grids {
		padding: 1em 0 1.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 5em 0;
	}
	.owl-next {
		right: -11%;
	}
	.owl-prev{
		left: -11%;
	}
}
@media only screen and (max-width:1280px) and (min-width:1024px){
	
	.top-header .da-slide {
		transform: scale(0.9);
		-moz-transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	
	.wrap {
		width: 98%;
	}
	.top-header {
		padding: 0.5em 0 1em;
	}
	#welcome
{
	width: 56%;
}
	.menu_box_list {
		padding: 9.2em 0;
	}
	.fea-video p {
		width: 45%;
	}
	.slider .inner p {
		width: 97%;
	}
	.header-welcome-note h2 {
		font-size: 3em;
		width: 33%;
		margin: 1.5em 0 1em;
	}
	.top-grids {
		padding: 1em 0 1.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 5em 0;
	}
	.owl-next {
		right: -11%;
	}
	.owl-prev{
		left: -11%;
	}
	.test-monials-grids {
		padding: 1em 0;
	}
}
@media only screen and (max-width:1024px) and (min-width:768px){
	
	#welcome
{
	width: 56%;
}
	.top-grid1 {
		 display: none
	}
	#shiv {
		width: 100%;
	}
	#wrap .top-grid{
		width: 30%;
	}
	.menu_box_list {
		padding: 7.2em 0;
	}
	
	.main_menu {
		font-size: 0.9em;
	}
	
	.services_menu a, .network_menu a, .product_menu a {
		font-size: 0.9em;
	}
	
	#menu_all a {
		font-size: 0.9em;
	}
	
	a.boxclose {
		right: 3em;
	}
	.fea-video p {
		width: 52%;
	}
	.slider .inner p {
		width: 97%;
	}
	.header-welcome-note h2 {
		font-size: 3em;
		width: 42%;
		margin: 1.5em 0 1em;
	}
	
	.top-grids {
		padding: 1em 0 1.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 4em 0;
	}
	.owl-next {
		right: -11%;
	}
	.owl-prev{
		left: -11%;
	}
	.test-monials-grids {
		padding: 1em 0;
	}
	.top-grid p {
		width: 100%;
	}
	.top-grid p.welcome-para {
		margin: 2em 0 2em;
	}
	.get-intouch-center-form input[type="text"] {
		width: 48.5%;
	}
	
	.wrap {
		width: 98%;
	}
	.top-header {
		padding: 0.5em 0 1em;
	}
	.span_1_of_4  h4 {
		font-size: 1.1em;
	}

	.span_1_of_4  li a {
		font-size: 0.85em;
	}
	.span_1_of_4  li span{
		font-size:0.85em;
	}
	
}
@media only screen and (max-width:768px) and (min-width:640px){
	
	.wrap {
		width: 98%;
	}
	.top-header {
		padding: 0.5em 0 1em;
	}
	.top-grid1 {
		 display: none
	}
	
	#welcome
{
	width: 98%;
}
	
	.menu_box_list {
		padding: 6.6em 0;
	}
	a.boxclose {
		right: 3em;
	}
	.main_menu {
		font-size: 0.7em;
	}
	
	.services_menu a, .network_menu a, .product_menu a {
		font-size: 0.7em;
	}
	#menu_all a {
		font-size: 0.7em;
	}
	.fea-video p {
		width: 69%;
	}
	.slider .inner p {
		width: 97%;
		padding: 0.5em 0em;
	}
	.header-welcome-note h2 {
		font-size: 2.8em;
		width: 54%;
		margin: 1.5em 0 1em;
	}
	.top-grids {
		padding: 1em 0 1.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 4em 0;
	}
	.owl-next {
		right: -11%;
	}
	.owl-prev{
		left: -11%;
	}
	.test-monials-grids {
		padding: 1em 0;
	}
	.top-grid p {
		width: 100%;
	}
	.top-grid p.welcome-para {
		margin: 1em 0 1em;
	}
	.get-intouch-center-form input[type="text"] {
		width: 48.5%;
	}
	/*----*/
	.top-grid {
		width:100%;
		margin-right:0%;
		float: none;
	}
	.artical-info {
		float: none;
		width:100%;
		text-align:left;
		padding: 0 1%;
	}
	.artical-info p {
		margin: 1em 0 1em;
	}
	.artical-pic {
		float: none;
		width:100%;
		padding:1% 0;
	}
	.wmuSlider {
		margin: 1em 0 1em;
	}
	.item-left {
		width:100%;
		float: none;
		padding: 0 0% 0 0;
	}
	.item-left p {
		margin: 1em 0 1em;
	}
	#owl-demo .item {
		margin: 0em;
	}
	.item-center {
		width: 100%;
		float: none;
		margin:2% 0;
	}
	.owl-carousel .owl-item {
		float: left;
		margin-top: 0em;
	}
	.item-right {
		width:100%;
		padding:0em;
	}
	.quot {
		padding: 1em;
	}
	.item-right ul {
		margin-top:0em;
		padding: 0 1em 1em;
	}
	.owl-prev,.owl-next{
		top: 41%;
	}
	.slider-mask-wrap {
		margin: 0 0px;
	}
	.get-intouch {
		margin: 1em 0 0;
		
	}
	.get-intouch-left-address {
		float: none;
		width:100%;
		padding-right: 0%;
		
	}
	.get-intouch h3 {
		margin-bottom: 0.8em;
	}
	#selector {
		margin: 2em 0 0em;
	}
	.get-intouch-center-form {
		float: none;
		width:100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-center-form {
		float: none;
		width: 100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-right-social ul li{
		display:inline-block;
	}
	.get-intouch-right-social {
		float: none;
		width:100%;
		text-align:left;
		margin-top: 1em;
	}
	.map {
		margin-top: 2em;
	}
	
	.col_1_of_4{
		margin:10px 0;
	}
	.span_1_of_4{
		width:100%;
		padding:0%;
	}
	.span_2_of_3,.span_1_of_3 {
		width:94%;
		padding:3%;
	} 
	
	
	
}
@media only screen and (max-width:640px) and (min-width:480px){
	
.da-slider { height: 350px; }
.da-slide-current h2,
.da-slide-current p, .da-slide h2, .da-slide p {
	width: 80%;
	margin: 0px auto;
}
.da-slide-current .da-img, .da-slide .da-img{
	display: none;
}

	
	.wrap {
		width: 98%;
	}
	.top-header {
		padding: 0.5em 0 1em;
	}
	.top-grid1 {
		 display: none
	}
	
	#welcome
{
	width: 98%;
}
	
	.menu_box_list {
		padding: 5.8em 0;
	}
	.main_menu li a { 
		 font-size: 0.6em; 
	}
	
	.services_menu a, .network_menu a, .product_menu a {
		font-size: 0.6em;
	}
	#menu_all a {
		font-size: 0.6em;
	}
	a.boxclose {
		right: 3em;
	}
	.main_menu {
		font-size: 0.6em;
	}
	
	.services_menu a, .network_menu a, .product_menu a {
		font-size: 0.6em;
	}
	#menu_all a {
		font-size: 0.6em;
	}
	.fea-video p {
		width: 82%;
	}
	.slider .inner p {
		width: 97%;
		padding: 0.5em 0em;
	}
	.header-welcome-note h2 {
		font-size: 2em;
		margin: 1.5em 0 1em;
	}
	.header-welcome-note p {
		font-size: 0.9em;
	}
	.top-grids {
		padding: 1em 0 1.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 4em 0;
	}
	.owl-next {
		right: -11%;
	}
	.owl-prev{
		left: -11%;
	}
	.test-monials-grids {
		padding: 1em 0;
	}
	.top-grid p {
		width: 100%;
	}
	.top-grid p.welcome-para {
		margin: 1em 0 1em;
	}
	.get-intouch-center-form input[type="text"] {
		width: 48.5%;
	}
	/*----*/
	.top-grid {
		width:100%;
		margin-right:0%;
		float: none;
	}
	.artical-info {
		float: none;
		width:100%;
		text-align:left;
		padding: 0 2%;
	}
	.artical-info p {
		margin: 1em 0 1em;
	}
	.artical-pic {
		float: none;
		width:100%;
		padding:2% 0;
	}
	.wmuSlider {
		margin: 1em 0 1em;
	}
	.item-left {
		width:100%;
		float: none;
		padding: 0 0% 0 0;
	}
	.item-left p {
		margin: 1em 0 1em;
	}
	#owl-demo .item {
		margin: 0em;
	}
	.item-center {
		width: 100%;
		float: none;
		margin:2% 0;
	}
	.owl-carousel .owl-item {
		float: left;
		margin-top: 0em;
	}
	.item-right {
		width:100%;
		padding:0em;
	}
	.quot {
		padding: 1em;
	}
	.item-right ul {
		margin-top:0em;
		padding: 0 1em 1em;
	}
	.owl-prev,.owl-next{
		top: 41%;
	}
	.slider-mask-wrap {
		margin: 0 0px;
	}
	.get-intouch {
		margin: 1em 0 0;
	}
	.get-intouch-left-address {
		float: none;
		width:100%;
		padding-right: 0%;
	}
	.get-intouch h3 {
		margin-bottom: 0.8em;
	}
	#selector {
		margin: 2em 0 0em;
	}
	.get-intouch-center-form {
		float: none;
		width:100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-center-form {
		float: none;
		width: 100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-right-social ul li{
		display:inline-block;
	}
	.get-intouch-right-social {
		float: none;
		width:100%;
		text-align:left;
		margin-top: 1em;
	}
	.map {
		margin-top: 2em;
	}
	.wmuSliderPrev, .wmuSliderNext {
		margin-top: -1px;
	}
	
	
	.col_1_of_4{
		margin:10px 0;
	}
	.span_1_of_4{
		width:100%;
		padding:0%;
	}
	.span_2_of_3,.span_1_of_3 {
		width:94%;
		padding:3%;
	} 
	
	
}
@media only screen and (max-width:480px) and (min-width:320px){
	.da-slide-current h2,
.da-slide-current p, .da-slide h2, .da-slide p {
	width: 80%;
	margin: 0px auto;
}
.da-slide-current .da-img, .da-slide .da-img{
	display: none;
}

.da-slide-current p, .da-slide p {
	top: 70px;
}
.da-slider { height: 300px;}
.header-welcome-note h2 {
		font-size: 1.2em;
		margin: 1em 0 1em;
	}
	.header-welcome-note p {
		font-size: 0.8em;
	}
	
	.wrap {
		width: 98%;
	}
	.top-grid1 {
		 display: none
	}
	.top-header {
		padding: 2em 0 3em;
	}
	#menu_all li {
		display: none;
	}
	#top_menu {
		display: none;
	}
	
	#celebs {
		display: block;
	}
	
	#welcome
{
	width: 100%;
}
	
	.menu_box_list {
		padding: 5em 0;
	}
	a.boxclose {
		right: 3em;
	}
	.fea-video p {
		width: 90%;
		font-size:1.2em;
	}
	.slider .inner p {
		width: 97%;
		padding: 0.5em 0em;
	}
	
	.top-grids {
		padding: 2em 0 2.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 3em 0;
	}
	.owl-next {
		right: -11%;
	}
	.owl-prev{
		left: -11%;
	}
	.test-monials-grids {
		padding: 1em 0;
	}
	.test-monials-grids h3{
	font-size: 1.5em;
	}
	#da-slider1 {
		height: 280px
	}
	.top-grid p {
		width: 100%;
	}
	.top-grid p.welcome-para {
		margin: 1em 0 1em;
	}
	.get-intouch-center-form input[type="text"] {
		width: 48.4%;
		-webkit-appearance:none;
	}
	/*----*/
	.top-grid {
		width:100%;
		margin-right:0%;
		float: none;
	}
	.artical-info {
		float: none;
		width:100%;
		text-align:left;
		padding: 0 2%;
	}
	.artical-info p {
		margin: 1em 0 1em;
	}
	.artical-pic {
		float: none;
		width:100%;
		padding:2% 0;
	}
	.wmuSlider {
		margin: 1em 0 1em;
	}
	.item-left {
		width:100%;
		float: none;
		padding: 0 0% 0 0;
	}
	.item-left p {
		margin: 1em 0 1em;
	}
	#owl-demo .item {
		margin: 0em;
	}
	.item-center {
		width: 100%;
		float: none;
		margin:2% 0;
	}
	.owl-carousel .owl-item {
		float: left;
		margin-top: 0em;
	}
	.item-right {
		width:100%;
		padding:0em;
	}
	.quot {
		padding: 1em;
	}
	.item-right ul {
		margin-top:0em;
		padding: 0 1em 1em;
	}
	.owl-prev,.owl-next{
		top: 41%;
	}
	.slider-mask-wrap {
		margin: 0 0px;
	}
	.get-intouch {
		margin: 1em 0 0;
	}
	.get-intouch-left-address {
		float: none;
		width:100%;
		padding-right: 0%;
	}
	.get-intouch h3 {
		margin-bottom: 0.2em;
	}
	#selector {
		margin: 2em 0 0em;
	}
	.get-intouch-center-form {
		float: none;
		width:100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-center-form {
		float: none;
		width: 100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-right-social ul li{
		display:inline-block;
	}
	.get-intouch-right-social {
		float: none;
		width:100%;
		text-align:left;
		margin-top: 1em;
	}
	.map {
		margin-top: 2em;
	}
	.wmuSliderPrev, .wmuSliderNext {
		display:none;
	}
	#slideout {
		top: 10%;
	}
	#slideout_inner {
		top: 10%;
	}
	.menu_box_list li a {
		font-size: 1.5em;
	}
	.blog-info {
		padding: 1em 0;
	}
	.get-intouch-center-form h5 {
		margin: 0.3em 0 00em 0;
	}
	.copy-right-left,.copy-right-right{
		float: none;
		text-align:center;
	}
	.copy-right-right {
		margin-top:0.5em;
	}
	.copy-right {
		padding: 1em 0;
	}
	.col_1_of_4{
		margin:10px 0;
	}
	.span_1_of_4{
		width:100%;
		padding:0%;
	}
	.span_2_of_3,.span_1_of_3 {
		width:94%;
		padding:3%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
		.da-slide-current h2,
.da-slide-current p, .da-slide h2, .da-slide p {
	width: 80%;
	margin: 0px auto;
}
.da-slide-current .da-img, .da-slide .da-img{
	display: none;
}

.da-slide-current p, .da-slide p {
	top: 70px;
}
.da-slider { height: 300px;}
.header-welcome-note h2 {
		font-size: 1.2em;
		margin: 1em 0 1em;
	}
	.header-welcome-note p {
		font-size: 0.8em;
	}
	#menu_all {
		display: none;
	}
	.wrap {
		width: 98%;
	}
	#top_menu {
		display: none;
	}
	.header_top {
		font-size: 0.7em;
	}
	.header_top span {
		float: left;
	}
	#celebs {
		display: block;
	}
	#menu_butt{
		 overflow:hidden; 
	}
	#accordion li ul li p a {
	padding: 0px 2px;
	margin-left: 5px;
	font-size: 13px;
	}
	
	.top-header {
		padding: 1em 0 1.8em;
	}
	.top-grid1 {
		 display: none
	}
	#welcome
{
	width: 100%;
}

	
	.menu_box_list {
		padding: 3.6em 0;
	}
	
	.menu_box_list {
		padding: 3.6em 0;
	}
	a.boxclose {
		right: 3em;
	}
	.fea-video p {
		width: 90%;
		font-size: 1em;
	}
	.slider .inner p {
		width: 97%;
		padding: 0.5em 0em;
	}
	
	.top-grids {
		padding: 1em 0 1.5em;
	}
	.works {
		padding: 1em 0;
	}
	.fea-video {
		padding: 2em 0;
	}
	.owl-next {
		right: -1%;
	}
	.owl-prev{
		left: -1%;
	}
	.test-monials-grids {
		padding: 1em 0;
	}
	.test-monials-grids h3{
	font-size: 1.5em;
	}
	#da-slider1 {
		height: 320px
	}
	.top-grid p {
		width: 100%;
	}
	.top-grid p.welcome-para {
		margin: 0.5em 0 0.5em;
		width:100%;
	}
	.get-intouch-center-form input[type="text"] {
		width: 100%;
		-webkit-appearance:none;
	}
	.top-grid h4 {
		margin: 0.5em 0 0.3em 0;
	}
	/*----*/
	.top-grid {
		width:100%;
		margin-right:0%;
		float: none;
	}
	.artical-info {
		float: none;
		width:100%;
		text-align:left;
		padding: 0 2%;
	}
	.artical-info p {
		margin: 1em 0 1em;
	}
	.artical-pic {
		float: none;
		width:100%;
		padding:2% 0;
	}
	.wmuSlider {
		margin: 0.5em 0 0.5em;
	}
	.item-left {
		width:100%;
		float: none;
		padding: 0 0% 0 0;
	}
	.item-left p {
		margin: 1em 0 1em;
	}
	#owl-demo .item {
		margin: 0em;
		
	}
	.item-center {
		width: 100%;
		float: none;
		margin:2% 0;
	}
	.owl-carousel .owl-item {
		float: left;
		margin-top: 0em;
	}
	.item-right {
		width:100%;
		padding:0em;
	}
	.quot {
		padding: 1em;
	}
	.item-right ul {
		margin-top:0em;
		padding: 0 1em 1em;
	}
	.owl-prev,.owl-next{
		top: 29%;
	}
	.slider-mask-wrap {
		margin: 0 0px;
	}
	.get-intouch {
		margin: 1em 0 0;
	}
	.get-intouch-left-address {
		float: none;
		width:100%;
		padding-right: 0%;
	}
	.get-intouch h3 {
		margin-bottom: 0.2em;
		font-size:1.5em;
	}
	#selector {
		margin: 2em 0 0em;
	}
	.get-intouch-center-form {
		float: none;
		width:100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-center-form {
		float: none;
		width: 100%;
		padding: 0 0% 0 0%;
	}
	.get-intouch-right-social ul li{
		display:inline-block;
	}
	.get-intouch-right-social {
		float: none;
		width:100%;
		text-align:left;
		margin-top: 1em;
	}
	.map {
		margin-top: 2em;
	}
	.wmuSliderPrev, .wmuSliderNext {
		display:none;
	}
	#slideout {
		top: 20%;
	}
	#slideout_inner {
		top: 20%;
	}
	.menu_box_list li a {
		font-size: 1.5em;
	}
	.blog-info {
		padding: 1em 0;
	}
	.get-intouch-center-form h5 {
		margin: 0.3em 0 00em 0;
	}
	.copy-right-left,.copy-right-right{
		float: none;
		text-align:center;
	}
	.copy-right-right {
		margin-top:0.5em;
	}
	.copy-right {
		padding: 1em 0;
	}
	.top-grids h3 span {
		width: 6.5%;
	}
	.right_bt span {
		margin-top: 0.5em;
	}
	.works h2 {
		font-size: 1.5em;
	}
	.artical-info h4 {
		color: #FFF;
		font-size: 1em;
		width:100%;
	}
	.artical-pic-head-left {
		float:none;
	}
	.artical-pic-head-right {
		float: none;
		margin-top:0.5em;
		text-align:left;
	}
	.artical-pic p {
		width: 100%;
		margin: 0.5em 0;
	}
	.fea-video a {
		margin-bottom: 0.5em;
	}
	.blog-info h3 {
		font-size: 1.5em;
	}
	.item-left h4 {
		color: #000;
		font-size: 1.2em;
		margin: 0em 0 0.2em 0;
	}
	.owl-controls .owl-buttons div {
		display:none;
	}
	.blog-post-info-left {
		width: 25%;
	}
	.blog-post-info-right {
		width: 71%;
	}
	.blog-post-info-right h4 a {
		font-size: 1.2em;
	}
	.blog-info h3 span {
		width: 5.5%;
	}
		.col_1_of_4{
		margin:10px 0;
	}
	.span_1_of_4{
		width:100%;
		padding:0%;
	}
	.span_2_of_3,.span_1_of_3 {
		width:94%;
		padding:3%;
	}
}