article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline;
}
* {
	margin:0px;
	padding:0px;
}
@font-face {
    font-family: 'NoticiaTextRegular';
    src: url('../fonts/noticiatext-regular-webfont.eot');
    src: url('../fonts/noticiatext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/noticiatext-regular-webfont.woff') format('woff'),
         url('../fonts/noticiatext-regular-webfont.ttf') format('truetype'),
         url('../fonts/noticiatext-regular-webfont.svg#NoticiaTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular.woff') format('woff'),
         url('../fonts/robotocondensed-regular.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	color: #555;
	font-size:14px;
	font-family: 'roboto_condensedregular';
	line-height:20px;
}
img {
	border:0px;
}
a {
	text-decoration:none;
	color:#444;
}
a:hover {
	text-decoration:none;
	color:#FFBF00;
}
/********************************************/
.main {
	margin:0 auto;
	max-width:1150px;
}
.inner-nav {
    margin: 0;
    padding: 10px 10px 0;
	border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.inner-nav ul {
    list-style: none outside none;
    margin: 0;
}
.inner-nav li {
    color: #4c4c4c;
    float: left;
    font-size: 12px;
    font-weight: 600 !important;
    margin: 0 0 6px;
}
.inner-nav li a {
    color: #065c99;
    font-size: 12px;
    font-weight: 600 !important;
    margin-right: 6px;
}
.inner-nav li a:hover {
	color:#4c4c4c;
}
.logo {
	float:left;
    margin: 17px 0 4px 0px;
}
.logo_right {
	float:right;
	margin:5px 0px 0 0;
}
.chat{
	float:right;
	background:url(../images/chat.png) no-repeat 12px center;
	padding:0px 10px 0px 40px;
	font-size:14px;
	margin: 5px 0;
	border-right: 1px solid #333;
}
.icon {
	float:right;
	padding:0px 10px 0px 5px;
}
.icon img{
	margin: 5px;
	float:right;
}
.phone {
	float:left;
	padding:70px 10px 0px 10px;
	font-size:24px;

}
.email {
	float:left;
/*	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	background-position:left;
*/	padding:35px 0 15px 10px;
	font-size:18px;
}
.header-right {
	float:left;
	width:66%;
	background-color:#900;
	height:100px;
}
header {
float: left;
    width: 100%;
    border-bottom: 1px solid #D8D6D6;
    box-shadow: 0px 5px 7px rgba(78, 78, 78, 0.51);
	-moz-box-shadow: 0px 5px 7px rgba(78, 78, 78, 0.51);
	-ms-box-shadow: 0px 5px 7px rgba(78, 78, 78, 0.51);
	-webkit-box-shadow: 0px 5px 7px rgba(78, 78, 78, 0.51);
    z-index: 99999;
    position: relative;
}
.clear{ clear:both;}

/*=============================SLIDER=============================*/
.main-banner{width:100%; float:left; position:relative; background:#004caa url(../images/banner-main1.jpg) no-repeat top center; height:588px; }
.read-more-btn
{
	width:201px;
	height:78px;
	float:left;
	    margin: 430px 0px 0px 430px;
	background:url(../images/read-more.png) no-repeat;
}
.shadow
{
	width:100%;
	height:317px;
	position:absolute;
	background:url(../images/shadow1.png) no-repeat top center;
	bottom:40px;
	z-index:-1;
}
/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#bannernav-outer { position:relative; top:310px; margin:0 auto; width:960px; }
#bannernav { padding-left:864px; }

.bann{
	background:url(../images/inner-page.jpg) no-repeat center #010103;
	width:100%;
	float:left;
	height:120px;
	overflow:hidden;
}
.services_bg{
	background:url(../images/bg_services.jpg) no-repeat center;
	width:100%;
	float:left;
	height:250px;
}
.bann-text{
	padding:60px 0;
	max-width:1150px;
	float:left;
	color:#fff;
}
.bann-text h2{
	font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 50px; line-height: 65px; color: #FFF; text-transform: uppercase; font-weight: bold; text-shadow: 0px 0px 2px #000; letter-spacing: -2px;
}
.bann-text h3{
	color:#76A83A;
	font-size:28px;
	text-shadow: 0px 0px 2px #000;
}
.innner-img{
	width:280px;
	float:left;
	padding:20px 0 0 20px;
}
/*=============================END=============================*/
nav{
	width:100%;
	float:left;
	border-top:10px solid #000;

}
.menu{
    position: relative;
        margin: 00px 0 10px 0;
    float: right;
}
.menu ul{
	padding:0;
	margin:0;
	    border: none;
}
.menu ul li{
	margin:0;
	list-style:none;
	float:left;
	color:#FFFFFF;
	font-size:20px;
}
.menu ul li:first-of-type{border-left:none;}
.menu ul li:last-of-type{border-right:none;}
.menu ul li a{
	color:#242424;
	font-size:16px;
	display:inline-block;
	padding:8px 20px;
	line-height:30px;
}
/*.menu ul li span{
	background:url(../images/icon-nav-arrow-up.png) no-repeat;
	width:9px;
	height:7px;
	position:absolute;
	top:18px;
	left:235px;
	z-index:999;
}
.menu ul li  span:hover{
	background:url(../images/icon-nav-arrow-down.png) no-repeat;
	width:9px;
	height:7px;
	position:absolute;
	top:20px;
	left:235px;
	z-index:999;
}*/

.menu ul li.last{
	border-right:0px;
}
.menu ul li a:hover{
	color:#fff;
	background:#222222;
}
.menu ul li:hover ul{
	display:block;
}
.menu ul li ul{
	position:absolute;
	display:none;
	z-index:9999;
}
.menu ul li ul li{
	border-right:none;
	border-left	:none;
	border-bottom:1px dotted #e4e4e4;
	float:none;
	background:#222;
	font-size:12px;
	position:relative;
}
.menu ul li ul li a{
	color:#FFFFFF;
	font-size:13px;
	text-transform:capitalize;
	line-height:36px;
	font-weight:normal;
	padding:2px 35px;
}
.menu ul li ul li a:hover{
	color:#fff;
	background:#222222;
}

.menu li li span{ background:url(../images/nav_arw.png) no-repeat left; width:4px; height:7px;  top:18px; right:50px; font-size:14px;}

.menu ul ul ul{ position:absolute; left:100%; top:0px; width:230px; display:none !important;}
.menu ul ul ul.width_ecmrc{width:270px;}
.menu li li:hover > ul{ display:block !important;}
.menu li li li a{ padding:2px 15px !important;}
.blink_me {
	color:#044575 !important;
	font-weight:bold !important;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.6; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.6; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/*******************************Section***************/
section {
	float:left;
	width:100%;
}
.section-main {
	margin:0 auto;
	max-width:1150px;
	background-color:#FFFFFF;
}
.content {
	float:left;
	width:695px;
/*	background:#FFFFFF;
	border:1px solid #D8D8D8;
*/	padding: 0;
	margin: 15px 0;
	
}
.content-text {
	padding:20px;
	text-align:justify;
	width:75%;
	float:left;
}
.content-text-width {
	width:250px;
}
.content-text p {
	line-height:26px;
	font-size:14px;
	padding: 10px 0;
	
}
.content-text p img{
	float:right;
	margin: 0 0 0 10px;
}
.h1-1 {
	font-size:26px;
	color:#171948;
	margin: 0 0 5px 0;
	padding:0 10px 5px 0px;
	font-family:Helvetica;
	font-weight:normal;
	display:inline-block;
}
.h1-1 small{ display:block; font-size:13px; font-style:italic; line-height:24px;}
.h1-1 .abt_hdng_line{ display:block; height:4px; background:#76A83A; width:85%; margin:12px 0px 0px 0px;}
.blue {
	color:#0083c7;
}
footer {
	float:left;
	width:100%;
	background:url(../images/type.png);
	
}
.footer-main {
	margin:0 auto;
	max-width:1150px;
}
.footer-box1 {
	float:left;
	width:458px;
	height:140px;
	margin:25px 0 0 0;
}
.footer-box1 ul {
	float:left;
	margin:0px;
	padding:0px;
	width:130px;
}
.footer-box1 ul li {
	margin:0px;
	padding:0pz;
	list-style:none;
	line-height:25px;
	font-size:14px;
	border-bottom:solid 1px #8ac1dd;
	margin:0 0 0 40px;
}
.footer-box1 ul li a {
	color:#fff;
}
.footer-box1 ul li a:hover {
	color:#333333;
}
.footer-box2 {
	float:left;
	width:140px;
	border-right:1px #CCCCCC dashed;
	height:140px;
	border-left:1px #CCCCCC dashed;
	margin:25px 0 0 0;
	padding:0 80px 0 80px;
}
.footer-box2 h5 {
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
}
.footer-box2 ul {
	margin:17px 0 0 0;
	padding:0px;
}
.footer-box2 ul li {
	list-style:none;
	padding:0px 0 13px 40px;
}
.footer-box2 ul li a {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.footer-box2 ul li a:hover {
	color:#333333;
}
.fb {
	background-image:url(../images/fb.png);
	background-repeat:no-repeat
}
.tw {
	background-image:url(../images/tw.png);
	background-repeat:no-repeat
}
.in {
	background-image:url(../images/in.png);
	background-repeat:no-repeat
}
.footer-box3 {
}
.tweet-post {
	float:left;
	margin:10px 0 0 0;
	padding:10px 10px 10px 20px;
	border-bottom:solid 1px #a5cfe4;
	border-top:solid 1px #a5cfe4;
	background-position:left;
	vertical-align:bottom;
	font-size:12px;
	color:#FFFFFF;
}
.tweet-post h6 {
	font-size:12px;
	padding:3px 0 0 0;
	margin:0px;
}
.copy-right {
	float:left;
	width:1116px;
	font-size:12px;
	padding:10px 0 10px 0;
	color:#FFFFFF;
	
}
/***************** inner-content-text ***************************/
.content-text .bullet{}
.bullet ul{
	padding:0 0 0 20px; 
	margin:0px;
}
.bullet ul li{
	list-style:url(../images/star.gif) !important;
	text-decoration:none;
	padding:0;
	margin:5px 0 !important;
	line-height:24px;
	font-size:14px;
	color:#194979;
}
.content-text .img{
	text-align:center;	
}
.content-text ul{
	padding:0 0 0 15px ; 
	margin:0px;
}
.content-text ul li{
	list-style:url(../images/snavArrowOff.png);
	text-decoration:none;
	padding:0;
	margin:0;
}
.content-text ul li a{
	color:#333;
	line-height:30px;
	font-size:16px;
}
.content-text ul li a:hover{
	color:#666666;
}


.inner_hdng_wrapper{ margin:0px 0px 10px 0px;}
.inner_hdng_wrapper .inner_hdng{ height:1px; position:relative;background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2RmZGVkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(223,222,218,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(223,222,218,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(223,222,218,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(223,222,218,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(223,222,218,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(223,222,218,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */}
/*.inner_hdng_wrapper .inner_hdng span{ background: url(../images/inner_hdng.png) no-repeat center #FFF; height:4px; height:18px; width:20px; position:absolute; right:0px; left:0px; margin:auto; top:-7px; padding:0px 10px;}
*/.content-text h2{font-size:26px; color:#262626; margin: 0px; padding: 10px 0; text-align:center; font-weight:normal; line-height:22px;
}
.content-text h2 span{font-size:16px; color:#444;text-align:center; font-weight:normal; line-height:35px; display:block;}


.read{
	padding:5px 10px;
	background:#262626;
	color:#fff;
	text-decoration:none;
	float:right;
	font-size:13px;
	margin: 5px 0;
}
.read:hover{
	background:#0083c7;
	color:#fff;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}
.read-blue{
	padding:5px 10px;
	background:#0083c7;
	color:#fff;
	float:left;
	text-decoration:none;
	font-size:13px;
	margin: 10px 95px;
}
.read-blue:hover{
	background:#75a738;
	color:#fff;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}

.container-box{
	max-width:1150px;
	margin: 0px auto;
}
.container-box .container{ 
	float:left;	
	width:978px;
	background:#fff;
	padding:15px;
	margin:20px 0;
	border:1px solid #b8b8b8;
	border-left:4px solid #1D86DC;
	box-shadow:0px 5px 12px rgba(50, 50, 50, 0.15); 
	-moz-box-shadow:0px 5px 12px rgba(50, 50, 50, 0.15); 
	-webkit-box-shadow:0px 5px 12px rgba(50, 50, 50, 0.15); 
	-ms-box-shadow:0px 5px 12px rgba(50, 50, 50, 0.15); 
	-o-box-shadow:0px 5px 12px rgba(50, 50, 50, 0.15); 
}
.container-box .container h4{
	text-align:center;
	font-size: 30px;
	font-weight:normal;
	line-height:40px;
}.container-box .container h4 a{ font-weight:bold;}

.container-box .container .box{
	width:285px;
	float:left;
	padding:10px 20px;
	background:url(../images/logos_divider.png) center right no-repeat;
	text-align:center;
}
.container-box .container .box h3{
	color:#0083c7;
	text-align:center;
	font-size:20px;
	line-height:40px;
}
.container-box .container .box .tech{
	background:#0083c7;
	margin: 0px auto;
	width:144px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	height:144px;
	display:block;
}
/*.container-box .container .box .tech:hover{
	background:#297a19;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
*/
.container-box .container .box .tech img{
	margin:40px 0 0 0;
}
.read-ctr{
	padding:5px 10px;
	background:#75a738;
	color:#fff;
	float:left;
	text-decoration:none;
	font-size:13px;
	margin: 10px 95px;
}
.read-ctr:hover{
	background:#0083c7;
	color:#FFFFFF;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}
.content-blog {
    background: #eee;
    border: 1px solid #D8D8D8;
    float: left;
    margin: 15px 0 0px 10px;
    padding: 0 0 10px 0;
    width: 290px;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 2px #000;
}
.content-blog p{
	font-size:16px;
	font-family:Calibri;
}
.cint{
	padding:5px;
	float:left;
	width:970px;
}
.slidshow{
	padding:10px 0 0 0 ; 
	float:left;
	display:block;
	height:100px;
} 
#slideshow { 
     position: relative; 
 }

#slideshow > div { 
    position: absolute; 
 }
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 50px;
}
#back-top a {
	width: 76px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	margin-left: 10px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}









.region-content{ width:960px; margin:0px auto 0 auto;}
.region-content p{ margin:10px 0px; font-size:14px;}
.region-content{color:#333;font-size:16px;font-family:Calibri,Arial,sans-serif;line-height:21px;}
#block-views-features-block{}
#block-views-features-block .views-slideshow-pager-field-item{float:left;padding:0 20px 20px; width:200px; background:url(../images/tab.gif) no-repeat center bottom;text-align:center;}
#block-views-features-block .views-slideshow-controls-top .active{background:url(../images/tab_active.png) no-repeat center bottom;}
#block-views-features-block .active .views-field-field-icon,#block-views-features-block .active .views-content-field-icon,#block-views-features-block .views-field-field-grayscale-icon,#block-views-features-block .views-content-field-grayscale-icon,#block-views-features-block .views-field-title,#block-views-features-block .views-content-title{display:inline;}
#block-views-features-block .views-field-field-icon,#block-views-features-block .active .views-field-field-grayscale-icon{display:none;}
#block-views-features-block .views-field-title{position:relative;top:-10px;color:#000;font-size:21px; font-weight:bold;}
#block-views-features-block .views-field-field-note{padding:9px 0 5px;font-size:16px;font-family:Calibri,Arial,sans-serif;line-height:normal;}
#block-views-features-block .more{padding:0 30px 0 0;text-align:right;}
#block-views-features-block .more a{color:#444;text-decoration:underline;font-size:18px;font-family:SegoePrint,Comic,fantasy;}
#block-views-features-block .views-slideshow-cycle-main-frame-row{font-size:16px;font-family:Calibri,Arial,sans-serif;line-height:normal;}
#block-views-features-block .views-slideshow-controls-top{position:relative;z-index:2;}
#block-views-features-block .views_slideshow_cycle_main{position:relative;z-index:1;top:-11px;}
#views_slideshow_cycle_teaser_section_features-block{ height:345px !important; display:block}

.clear{ clear:both;}

.tab_content{ margin:40px 0px 0px 0px; width:960px;}
.tab_content a{color:#0083c7; text-decoration:none;}
.tab_content a:hover{text-decoration:underline;}

.tab_content .img2{ width:400px !important; float:left;}
.tab_content .img{ width:350px; float:left; text-align:center; margin:0px 20px 0px 0px;}
.tab_content .img1{ margin:-30px 10px 0px 0px;}

.tab_content .txt2{ width:500px !important; line-height:22px; float:right !important;}
.tab_content .txt{ width:300px; line-height:22px; float:left; margin:0px;}
.tab_content .txt a.read_more{ color:#0083c7; text-decoration:none;}

.tab_content .txt .hdng{ font-size:22px; font-weight:700;}


.tab_content .right_nav{ width:250px; float:right;  margin:20px 0px 0px 0px;}
.tab_content .right_nav ul{ margin:0px; padding:0px;}
.tab_content .right_nav ul li{line-height:25px; list-style:square; font-size:18px;}


.heading{ font-size:36px; color:#444; text-align:center; font-weight:bold; margin:0px 0px 40px 0px;  padding:20px 0px; border-bottom:1px solid #fd5000;}
.heading span{ color:#444;}

.fleft{float: left;
    font-size: 24px;
    color: #2C2C2C;
    text-shadow: 0px 3px 5px rgba(100, 100, 100, 0.36);
    font-weight: 600;}
	
 .fright{ float:right;}

.main_hdng{ color:#76A83A; font-size:21px; font-weight:bold; padding:5px; display:inline-block; border-bottom:1px solid #999; margin:0px 0px 10px 0px ; padding:0px 0px 5px 0px ;}

.drupal_ul{ margin:0px; padding:0px; list-style:none;}
.drupal_ul li{}

.quote{ background: url(../images/quote_img.png) 5% 50% #0083c7 no-repeat; color:#FFF; padding:10px 30px ; width:150px; display:block; text-align:right; text-transform:uppercase; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -o-transition:all ease .5s; box-sizing:content-box;}
.quote:hover{ color:#FFF !important; background: url(../images/quote_img.png) 8% 50% #092e47 no-repeat;}

.main_page_hdng{ text-align:center; font-size:22px; padding:40px 0px; margin:auto; max-width:1150px; font-weight:lighter;  line-height:48px;/*color:#123b16;*/ color:#FFF;      height: 680px;
    overflow: hidden;}
.main_page_hdng-cl{font-size:14px;  padding:10px 0px; margin:auto; max-width:1150px; /*color:#123b16;*/ color:#FFF;}
.main_page_hdng-cl ul{ padding:0; margin:0;}
.main_page_hdng-cl ul li{ padding:0 10px; margin:0; list-style:none; display:inline-block;}
.main_page_hdng-cl ul li span{ display:block;}
.main_page_hdng-cl ul li a{font-size:18px; color:#fff; text-decoration:none; font-weight:700; position:relative; top:-15px;}
.main_page_hdng-cl ul li a:hover{ color:#ccc;}
.main_page_hdng span{ display:block; color:#1b1b1b;}

.main_page_hdng_wrapper{ /*background:#f2f4f6;*/ background:#f67d42 url(../images/provogue-internet-activation1.jpg) top center scroll;  /*background-color: #03002b;
background-image: url(http://www.transparenttextures.com/patterns/mirrored-squares.png);*/
   background-position: -24px -133px; margin:0px 0px 0px 0px; background-attachment:fixed;}
.main_page_black{ background:url(../images/gray-bg.jpg); padding:10px 0; width:100%; float:left;}
.main_page_wrapper{ /*background:#f2f4f6;*/ background:#0083c7; margin:0px;}
.main_page-cl{font-size:14px;  padding:10px 0px; margin:auto; max-width:1150px; /*color:#123b16;*/ color:#FFF;}
.main_page-cl ul{ padding:0; margin:0;}
.main_page-cl ul li{ padding:0 20px; margin:0; list-style:none; display:inline-block;}
.main_page-cl ul li span{ display:block;}
.main_page-cl ul li a{font-size:16px; color:#fff; text-decoration:none; font-weight:700;}
.main_page-cl ul li a:hover{ color:#75a738;}
.main_page-cl ul li .phone-icon{ background:url(../images/image-sprite-icons.png) no-repeat 0px 0px; width:49px; height:36px; float:left; }
.main_page-cl ul li .phone-icon{ background:url(../images/image-sprite-icons.png) no-repeat 0px 0px; width:49px; height:36px; float:left; }

.main_page-cl ul li .chat-icon{ background:url(../images/image-sprite-icons.png) no-repeat 0px -45px; width:49px; height:36px; float:left; padding: 0 5px 0 0;}
.main_page-cl ul li .mail-icon{ background:url(../images/image-sprite-icons.png) no-repeat 0px -90px; width:49px; height:36px; float:left; padding: 0 5px 0 0; }

.main_page-cl ul li .icon-txt{ float:left; font-size:24px; margin:5px 0 0 0; }
.main_page-cl ul li .icon-txt a { text-decoration:none; color:#fff;font-size:24px;}
.main_page-cl ul li .icon-txt a:hover{color:#e4e4e4;}

.box_hdng{font-size:24px; color:#171948; font-weight: bold; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:1px dotted #555;}

.expertise_box{ position:relative; padding:0px 90px !important; display:block; color:#FFF;}
.expertise_box .box1{ width:190px; float:left; background:#fff; padding:30px 50px; margin:20px 0px 10px 0px; border:10px solid #0078ae; border-radius:50%;}
.box1 ul li{ color:#555 !important; list-style:disc !important;}
.expertise_box .box2{ float:right; width:190px;  background:#0083c7; padding:20px 50px;  margin:20px 0px 0px 0px; border:10px solid #356595;}

.box_clr{ /*background:radial-gradient(#FFF -50%, #96c75c 90%); background:-webkit-radial-gradient(#FFF -50%, #96c75c 90%); background:-moz-radial-gradient(#FFF -50%, #96c75c 90%); background:-o-radial-gradient(#FFF -50%, #96c75c 90%); background:-ms-radial-gradient(#FFF -50%, #96c75c 90%);*/ background:#F3F4F5; }

.red{ color:#CC3341;}

.container h4 a{color:#CC3341;}

.wrapper{ max-width:1150px; margin:0 auto;}
.latest_work { padding:20px 0px; float:left;}
.latest_work .main-box .hdng{ font-size:24px; /*border-bottom:1px dotted #444; padding:10px;*/ color:#fd5000;}
.latest_work .main-box{float:left; padding:5px 15px; margin:0px; width:350px; text-align:center; border-right:1px solid #ccc; }
.latest_work .main-box img{ display:block; border-radius:10px;}
.latest_work .main-box p{ font-size:14px; padding:10px 5px; line-height:26px;}
.latest_work .main-box p span{ display:block;}
.latest_work .main-box p a{ font-weight:bold; display:block;}
.latest_work .main-box:last-child{ border-right:0px;}

.portfolio_btn{ font-size:30px; text-align:center; display:block; border:1px solid #ec9616; padding:20px; width:280px; margin:30px auto 0 auto; color:#ec9616; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}

.portfolio_btn:hover{background:#ec9616; color:#FFF;}

.footer{ padding:40px 0px 10px 0px ; color:#FFF; max-width:1150px; margin:0 auto;}
.footer a{color:#237BF1;}
.footer .ftr_box{     float: left;
    margin: 0px 26px 30px 0px;
    width: 30%;
    padding-right: 10px;}
.footer .ftr_box:last-of-type{ float:left; margin:0px 0px 0px 0px;}
.footer .ftr_box .ftr_hdng{     color: #1976EB;
    font-size: 24px;
    display: inline-block; }
.footer .ftr_box .ftr_hdng span{ display:block; width:100%; background:#CCC; height:1px; margin:8px 0px;}
.footer .ftr_box ul{ margin:0px; padding:0px 0px 0px 5px; list-style:none; border:none;}
.footer .ftr_box ul li{}
.footer .ftr_box ul li a{ color:#aaa;  display:block; line-height:22px; font-size:14px;}

.ftr_mid{ padding:15px 0px; font-size:18px; text-align:center; border:1px solid #fff; border-width:1px 0px 1px 0px; margin:20px 0px 0px 0px;}

.copyright{ text-align:center; padding:10px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
    border-top: 1px solid #3C3C3C;}


.pdf_btn{font-size:20px; text-align:center; display:block; border:1px solid #CCC; padding:10px 20px; width:160px; margin:10px auto; color:#FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}

.pdf_cntnt{font-size:16px; line-height:24px; color:#aaa;}
.pdf_cntnt p {    margin: 0px 0px 11px 0px;
    font-size: 14px;
}
.pdf_cntnt span
{
	font-size:17px;
	color:#FFF;
}
/********** team ************/
.image-fl{
	float:left;
	width:300px;
	margin:25px 10px;
	text-align:center;
}
.image-fl img{
	box-sizing:border-box;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	box-shadow: 0 0 0 8px #F3F4F5, 0 0 5px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 8px #F3F4F5, 0 0 5px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 0 8px #F3F4F5, 0 0 5px 8px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 0 8px #F3F4F5, 0 0 5px 8px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 0 8px #F3F4F5, 0 0 5px 8px rgba(0, 0, 0, 0.2);
}
.image-fl span{
	display:block;
	padding:15px 0;
	font-size:24px;
	color:#171948;
}
.image-fl span em{
	font-size:16px;
	color:#000;
}
.image-fr{
	float:left;
	width:180px;
	margin:25px 30px;
	text-align:center;
}
.image-fr img{
	box-sizing:border-box;
	border-radius:50%;
	box-shadow: 0 0 0 4px #F3F4F5, 0 0 5px 5px rgba(0, 0, 0, 0.2);
}
.image-fr span{
	display:block;
	padding:15px 0;
	font-size:20px;
	color:#171948;
}
.image-fr span em{
	font-size:14px;
	color:#000;
}


.col{padding: 0px; margin: 15px 0px;}

.contact_hdng_wrapper{ margin:0px 0px 10px 0px;}
.contact_hdng_wrapper .contact_hdng{ background:#e4e4e4; height:6px; position:relative;}
.contact_hdng_wrapper .contact_hdng span{ background: url(../images/email.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.map{ background: url(../images/map.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.office{ background: url(../images/office.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.technology{ background: url(../images/technology_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.expertise{ background: url(../images/expertise_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.corporate{ background: url(../images/corporate_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.quality_policy{ background: url(../images/quality_policy.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.team{ background: url(../images/team_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.why_choose_us{ background: url(../images/why_choose_us.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.custom_logo_design{ background: url(../images/custom_logo_design.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.corporate_branding{ background: url(../images/corporate_branding.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.responsive_design_icn{ background: url(../images/responsive_design_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.flash_website_icn{ background: url(../images/flash_website_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.drupal_commerce_icn{ background: url(../images/drupal_commerce_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.joomla_icn{ background: url(../images/joomla_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.php_icn{ background: url(../images/php_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.mobile_website_icn{ background: url(../images/mobile_website_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.wordpress_icn{ background: url(../images/wordpress_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.cms_icn{ background: url(../images/cms_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.payperclick_icn{ background: url(../images/payperclick_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.search_engine_icn{ background: url(../images/search_engine_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.social_media_icn{ background: url(../images/social_media_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.content_writing_icn{ background: url(../images/content_writing_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.mobile_apps_icn{ background: url(../images/mobile_apps_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.domain_hosting_icn{ background: url(../images/domain_hosting_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.xcart_icn{ background: url(../images/xcart_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.os_commerce_icn{ background: url(../images/os_commerce_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.magento_ecommerce_icn{ background: url(../images/magento_ecommerce_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.online_product_icn{ background: url(../images/online_product_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.customized_shopping_icn{ background: url(../images/customized_shopping_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.customer_relationship_icn{ background: url(../images/customer_relationship_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.payment_gateway_icn{ background: url(../images/payment_gateway_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.live_chat_icn{ background: url(../images/live_chat_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.it_solutions_icn{ background: url(../images/it_solutions_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper .contact_hdng span.portfolio_icn{ background: url(../images/portfolio_icn.png) no-repeat center #FFF; height:30px; width:30px; position:absolute; right:0px; left:0px; margin:auto; top:-12px; padding:0px 10px;}
.contact_hdng_wrapper h3{font-size:36px; color:#0f4e6b; margin: 20px 0px 10px 0px; padding: 0px 0 10px 0; text-align:center; font-weight:normal; line-height:35px; font-weight:bold;}
.contact_hdng_wrapper h3.contact_hdng2{font-size:32px; color:#333; margin:0px 0px 10px 0px; padding: 10px 0 5px 0; text-align:center; font-weight:normal;}
.contact_hdng_wrapper .contact_hdng2{ font-size:30px; color:#333; margin: 15px 0px 10px 0px; padding: 10px 0 10px 0; text-align:center; font-weight:normal; line-height:40px;}
.contact_hdng_wrapper .contact_hdng2 span{ height:6px; background:#e4e4e4; display:block; width:200px; margin:10px auto;}


.form{ padding:0px 20px;}
.form ul{ margin:0px; padding:0px; list-style:none;}
.form ul li{ display:block; margin:20px 0px;}
.form ul li div.form_left{ float:left; width:450px;}
.form ul li div.form_right{ float:right; width:450px;}
.form ul li label{ display:block; text-transform:uppercase; font-size:16px; margin:0px 0px 5px 0px; color:#242424;}
.form ul li input{ border:1px solid #0083c7; width:100%; padding:10px;}
.form ul li input[type=checkbox]{ border:none; width:auto; padding:0px; position:relative; top:2px;}
.form ul li select{ border:1px solid #0083c7; width:105%; padding:10px;}
.form ul li textarea{ border:1px solid #0083c7; width:100%; padding:10px; height:200px;}
.form ul li input.btn{font-size:20px; text-align:center; display:inline-block; border:1px solid #242424; padding:10px 25px ; background:#242424; color:#FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; height:auto; font-weight:bold; transition:ease all .5s; -webkit-transition:ease all .5s; -moz-transition:ease all .5s; -o-transition:ease all .5s; -ms-transition:ease all .5s; width:auto; margin:0px 0px 20px 0px;}
.form ul li input.btn:hover{	border:1px solid #0083c7; background:#0083c7;}

.contact_form{ float:left; width:600px;}
.address{ float:right; width:250px; background:#FFF; padding:20px; border:1px solid #CCC; margin:20px 0px 0px 0px; line-height:22px;  box-shadow:4px 4px 4px 4px #CCC; -webkit-box-shadow:4px 4px 4px 4px #CCC; -moz-box-shadow:4px 4px 4px 4px #CCC; -ms-box-shadow:4px 4px 4px 4px #CCC; -o-box-shadow:4px 4px 4px 4px #CCC;}
.address p{ margin:15px 0px;}
.address strong{ font-size:18px; margin:5px 0px; display:block;}

.php_page{ line-height:26px; font-size:17px; margin:25px 0px; padding:0px 120px;}
.php_page .hdng{ font-size:22px; color:#0083c7; font-weight:bold; margin:5px 0px;}
.php_page .php_page_left{ float:left; width:310px;}
.php_page .php_page_right{ float:right; width:320px;}

.content_management{background:#f6f6f6; border-bottom:4px solid #999; padding:10px; display:block; margin:10px 0px; font-size:17px; line-height:26px;}
.content_management h3{ font-size:22px; margin:4px 0px; color:#242424;}
.cntnt_management_hdng{font-size: 30px; line-height: 36px; text-align: center; margin:15px 0px 0px 0px ; padding: 10px; color: #EEE; background: none repeat scroll 0% 0% #0083c7; position:relative;}
.left_align{ text-align:left;}
.cntnt_management_hdng div.img{ position:absolute; right:0px; bottom:0px;}
.cntnt_management_hdng span{ color:#FFF; font-weight:bold; font-size:34px;}
.cntnt_management_hdng span a{ color:#FFF;}

.content_management_hdng1{ font-size:22px; color:#171948; line-height:24px;}
.content_management_hdng1 span{ display:block; font-size:20px; font-style:italic; color:#76A83A; font-weight:bold}

.circle_style{ position:relative;}
.circle_style .bnr_hdng{ color:#fff; font-size:50px; float:left; line-height:120px; }
.circle_style ul{ margin:0px; padding:0px; list-style:none;}
.circle_style ul li{ border:2px solid #FFF; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; display:inline-block; padding:5px; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s;}
.circle_style ul li:hover{ border:2px solid #fd5000; cursor:pointer;}
.circle_style ul li.active{ border:2px solid #fd5000; cursor:pointer;}
.circle_style ul li:nth-of-type(1){ position:absolute; top:0px; left:70px;}
.circle_style ul li:nth-of-type(2){ position:absolute; top:100px; left:190px;}
.circle_style ul li:nth-of-type(3){ position:absolute; top:-30px; left:300px;}
.circle_style ul li:nth-of-type(4){ position:absolute; top:60px; left:420px;}
.circle_style ul li:nth-of-type(5){ position:absolute; top:-10px; left:550px;}
.circle_style ul li:nth-of-type(6){ position:absolute; top:120px; left:640px;}
.circle_style ul li:nth-of-type(7){ position:absolute; top:10px; left:750px;}
.circle_style ul li div{}
.circle_style ul li div a{text-decoration:none; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; width:120px; height:120px; border:15px solid #f2f2f6; display:table-cell; vertical-align:middle; text-align:center;  color:#FFF; font-size:20px; padding:5px; font-weight:bold; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; box-sizing:content-box;}
.circle_style ul li div a:hover{border-color:#fd5000; color:#FFF;}
.circle_style ul li div a.active{border-color:#fd5000; color:#FFF;}

.for_portfolio{}
.for_portfolio ul li:nth-of-type(1){ position:absolute; top:50px; left:150px;}
.for_portfolio ul li:nth-of-type(2){ position:absolute; top:-10px; left:350px;}
.for_portfolio ul li:nth-of-type(3){ position:absolute; top:30px; left:550px;}
.for_portfolio ul li div a{text-decoration:none; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; width:170px; height:170px; border:25px solid #f2f2f6; display:table-cell; vertical-align:middle; text-align:center;  color:#FFF; font-size:24px; padding:5px; font-weight:bold; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; box-sizing:content-box;}


.services_box{ }
.services_box ul{ margin:0px; padding:0px;}
.services_box ul li{list-style:none; border-top:5px solid #139ad3; padding:15px 20px 50px 20px;position:relative; text-align:center; font-size:17px; line-height:26px; margin:20px 0px 50px 0px; background:url(../images/li_texture.png) repeat top left; }
.services_box ul li:nth-of-type(2){border-top:5px solid #1faf59;}
.services_box ul li:nth-of-type(3){border-top:5px solid #de4d25;}
.services_box ul li:nth-of-type(4){border-top:5px solid #d7df21;}
.services_box ul li:nth-of-type(5){border-top:5px solid #a0a0a0;}
.services_box ul li:nth-of-type(6){border-top:5px solid #23749b;}
.services_box ul li:nth-of-type(7){border-top:5px solid #e7b1b7;}
.services_box ul li h1{ color:#0F70B8;}
.services_box ul li h1 span{ background:#0F70B8; height:4px; width:20%; display:block; margin:10px auto;}
.services_box ul li h1 span:child-type(2){ background:#1faf59;}
.services_box ul li div.icn{ background:url(../images/web_development.png) no-repeat; width:140px; height:140px; position:absolute; left:0px; right:0px; margin:auto; top:-70px;}
.services_box ul li a.read_more{ position:absolute; bottom:-20px; right:0px; left:0px; margin:auto; background:#0f70b8; display:inline-block; padding:10px 20px; font-size:20px; color:#FFF; width:120px; font-weight:bold;}


.main_member{padding:0px 160px;}

.no_margin{ margin:10px 10px 0px 0px;}

.italic_style{ font-size:30px; font-style:italic; line-height:40px; text-align:center; }
.italic_style span{}

.line_style{ margin-top:30px;}
.line_style ul{ margin:0px; padding:0px; }
.line_style ul li { width:400px; float:left;list-style:none; padding:20px 35px ; font-size:17px; line-height:24px; border-right:1px dashed #CCC; border-bottom:1px dashed #CCC;}
.line_style ul li .hdng{ font-size:30px; color:#0083c7; font-weight:bold; line-height:30px;}

.box_style{ margin:30px 0px 0px 0px; font-size:17px; line-height:30px;}
.box_style .hdng{ font-size:34px; line-height:40px; margin:0px 0px 10px 0px;}
.box_style1{ float:left; width:450px;}
.box_style2{ float:right; width:450px;}

.ul_style{ margin:0px 0px 0px 30px;}
.ul_style ul{ margin:0; padding:0;}
.ul_style ul li{ list-style:square; padding:20px 20px 20px 0px; width:290px; float:left; font-size:22px;}

.magento_img{position:relative; right:-8px; float:right; z-index:100; top:25px;}

.flash_img_margin{margin:20px 0px;}

.quality_hdng_wrapper{ margin:0px 0px 10px 0px;}
.quality_hdng_wrapper h2{ font-size:30px; margin:0px;}
.quality_hdng_wrapper .inner_hdng{ background:#e4e4e4; height:4px; position:relative;}
.quality_hdng_wrapper .inner_hdng span{ background: url(../images/inner_hdng.png) no-repeat center #FFF; height:18px; width:20px; position:absolute; right:0px; left:0px; margin:auto; top:-7px; padding:0px 10px;}

.portfolio{ margin:40px 0px 0px 0px; padding:0px 50px;}
.portfolio .portfolio_img{ float:left; width:300px; padding:6px; border:2px solid #CCC; box-shadow:4px 4px 10px 0px #999;}
.portfolio .portfolio_img img{ display:block;}
.portfolio .portfolio_cntnt{ float:right; width:480px;}
.portfolio .portfolio_cntnt p{ font-size:20px; line-height:30px;}
.portfolio .portfolio_cntnt .hdng{ font-size:32px; border-bottom:1px dashed #CCC; margin:0px 0px 5px 0px; padding:0px 0px 15px 0px;}
.visit_website_btn {font-size: 20px; text-align: center; display: inline-block; border: 1px solid #76A83A; padding: 10px 25px; background: none repeat scroll 0% 0% #76A83A; color: #FFF; border-radius: 5px; height: auto; font-weight: bold; transition: all 0.5s ease 0s; width: auto; margin: 20px 0px 0px 0px;}
.visit_website_btn:hover{ background:#FFF;}

.blue-box{
	background:url(../images/bkg.png);
    border: 1px solid #1face5;
    border-radius: 5px;
    text-align: center;
	padding:30px;
	width:300px;
	margin: 0 auto;
}
.blue-box  h6 {
    color: White;
    font-size: 30px;
    font-weight: bold;
}
.blue-box  h6 a{
    color: White;
	text-decoration:none;
}
.blue-box  h6 a:hover{
    color: #efefef;
	text-decoration:none;
}
.blue-box1{
	background:url(../images/bkg.png);
    border: 1px solid #1face5;
    border-radius: 5px;
    text-align: center;
	padding:10px;
	margin: 30px auto;
	display:table;
}
.blue-box1  h5 {
    color: White;
    font-size: 18px;
    font-weight: bold;
}
.blue-box1 h5 a{
    color: White;
	text-decoration:none;
}
.blue-box1 h5 a:hover{
    color: #efefef;
	text-decoration:none;
}
aside{
	background:#f5f5f5;
	width:100%;
	float:left;
}
.center-text{
	text-align:center;
	padding:40px 0 20px 0;
	max-width:1150px;
}
.center-text h2{
    font-size: 50px;
    margin-bottom: 25px;
    color: #0E5CBE;
}
.h2-green
{
/*	color: #00AF90 !important;*/
}
.center-text p{
    line-height: 29px;
    font-size: 21px;
    padding: 10px 0 0 0;
    font-weight: normal;
}
.center-text p warp
{
	font-size:34px;
	color:#004caa;
}
.design-box{
	width:260px;
	margin: 0 0 10px 20px;
	float:left;
}
.design-box h3{
	border-top: 1px solid #fd5000;
    font-size: 21px;
    padding-top: 15px;
	color:#0083c7;
}
.design-box img {
    margin-bottom: 15px;
    width: 100%;
}
.design-box h4 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
}
.design-box  p {
    font-size: 14px;
    line-height: 23px;
}
.design-box .button-findout {
    background-color: #0083c7;
    border-radius: 12px;
    float: right;
    margin-top: 10px;
    padding: 3px 9px 3px 13px;
    width: 80px;
}
.design-box .button-findout a{
	color:#fff !important;
	font-size:12px;
}
.design-box .button-findout a:hover{
	color:#000 !important;
	font-size:12px;
}
.tp-call{
	    padding: 0px 0px 20px;
	color:#fff;
}
.tp-call .span{
}
.tp-call img{
	margin: 0 5px 0 10px;
	float:left;
	padding:0;
}
.testimonial{
	width:31%;
	float:left;
	position:relative;
	    margin: 38px 20px 10px;
	padding-bottom:10px;
	border-bottom:2px solid  #dadada;
}
.testimonial .testi-box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9C9C9C;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 35px;
    padding: 15px;
    position: relative;
}
.testimonial .testi-box:after {
    background: url("../images/quote-pointer.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    bottom: -28px;
    content: "";
    display: block;
    height: 28px;
    left: 40px;
    position: absolute;
    width: 28px;
    z-index: 99;
}
.name
{
	margin:10px 10px;
	display:inline-block;
	width:70%;
}
.testimonial .name p{
	color: #0083c7;
	font-size:16px;
	font-weight:700;
}
.testimonial .name p span{
	color:#666;
	font-size:13px;
	display:block;
	font-weight:normal;
}
.testimonial .profile
{
	width:80px;
	height:80px;
	border:2px solid #B4B4B4;
	float:left;
	overflow:hidden;
	border-radius:80%;
}
.testimonial h5
{
	font-size:20px;
	margin-bottom:10px;
	padding:10px 20px;
	background:#030031;
	color:#fff;
}
.profile img
{
	    width: 108px !important;
}
.SNav {
    float: right;
    margin-bottom: 20px;
	margin-top: 30px;
    margin-left: 14px;
    width: 20%;
}
.SNav ul {
    border-bottom: 5px solid #ededed;
	border-top: 5px solid #ededed;
}
.SNav ul li {
    border-bottom: 1px dotted #cacaca;
    padding: 5px 0 5px 3px;
	list-style:none;
}
.SNav ul li.last {
    border-width: 5px;
}
.SNav ul li a {
    background: url("../images/snavArrowOff.gif") no-repeat scroll 2px 5px rgba(0, 0, 0, 0);
    color: #666;
    display: block;
    font-size: 14px;
    padding-left: 14px;
    text-decoration: none;
}
.SNav ul li a:hover, .SNav li.active > a {
    background: url("../images/snavArrowOn.gif") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    color: #003d79;
    padding-left: 14px;
}
.SNav ul li ul {
    border: medium none !important;
    padding-top: 5px;
}
.SNav ul li ul li {
    border-bottom: medium none;
}
.SNav ul li ul li.last {
    border-bottom: medium none;
}
.SNav ul li ul li a {
    font-size: 120%;
    margin-left: 10px;
}
.SNav ul li ul li ul li {
    border-bottom: medium none;
}
.SNav ul li ul li ul li.last {
    border-bottom: medium none;
}
.SNav ul li ul li ul li a {
    margin-left: 20px;
}
.rounded-box {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 50%;
    box-shadow: 0 2px 9px #242424;
    float: right;
    padding: 50px 25px 45px;
	text-align:center;
	margin: 20px 0;
}
.rounded-box h3 {
    color: #0078ae;
    font: bold 20px/1.1 Arial,Helvetica,sans-serif;
    margin: 0 0 3px;
}
.rounded-box p {
    margin: 0 0 12px;
}
.rounded-box .view-more {
    color: #009ddc;
    font-weight:bold;
}
.rounded-box .view-more:hover {
	color:#242424;
}
.portfolio-inner-img{
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0;
}


/*--------------------design---------------------*/
.selection1
{
	padding:40px 0px;
	background:#F7F6F6 url(../images/CalltoActionBackground.png) scroll;
	background-attachment:fixed;
}
.main h2
{
	font-size:50px;
	text-align:center;
	margin-bottom:40px;
	color:#1464C7;
	    line-height: 53px;
		font-weight:normal;
}
.main h2 warp
{
	font-weight:600;
}
.main h2 span
{
	font-size:25px;
	margin-top:35px;
	display:block;
	line-height:30px;
	font-weight:normal;
	color:#575757;
}
.wordpress
{
width: 185px;
    height:185px;
    border-radius: 80%;
    -moz-border-radius: 80%;
    -ms-border-radius: 80%;
    -webkit-border-radius: 80%;
    display: block;
    border: 1px solid #ff2a34;
	
}
.megento
{
	 border: 1px solid #e76d00;
}
.megento img
{
	width:160px;
	margin:13px !important;
}
.joomla
{
	 border: 1px solid #e6a822;
}
.joomla img
{
width:160px;
	margin:13px !important;
}
.responsive
{
	 border: 1px solid #0080c3;
}
.responsive img
{
	width:160px;
	margin:13px !important;
}
.wordpress img
{
  
	width:160px;
	margin:13px;

}
.platform
{
	width:100%;
	height:auto;
	float:left;
}
.platform-design
{
    width: 190px;
    height: auto;
    margin: 10px 48px 0px;
    float: left;

}
.design-heading
{
  
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #ff2a34;
    position: relative;
    text-transform: uppercase;
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;

}
.design-heading  i
{
    position: absolute;
    left: 45%;
    top: -19px;
    color: #ff2a34;
    font-size: 29px;
}
.megnto-color
{
	background:#e66b00;
}
.megnto-color i
{
	color:#e66b00;
}
.jommla-color
{
	background:#e6a822;
}
.jommla-color i
{
	color:#E6A822;
}
.responsive-color
{
	background:#0080c3;
	
}
.responsive-color i
{
	color:#0080C3;
	
}

/*----------------our-Project------------------*/
.our-project
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(../images/use_your_illusion.png);
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.our-prot
{
	background:none;
	padding:20px 0px;
}
.our-project ul
{
	width:auto;
	height:auto;
}
.our-project ul li
{
    float: left;
    list-style: none;
        width: 335.7px;
    height: 220px;
    /* border: 1px solid #959595; */
    background-color: #efefef;
	position:relative;
	
	overflow:hidden;
	
}

.our-project ul li img
{
	width:100%;
	height:100%;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	
}
.our-project ul li img:hover
{
	transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-webkit-transform:scale(1.6);
}
.our-project ul li:hover .span-title
{
	width:100%;
	height:auto;
	text-align:center;
	position:absolute;
	top:20px;
	font-size:26px;
	color:#fff;
	display:block;
	visibility:visible;
	line-height:30px;
	
	
}
.span-title 
{
	visibility:hidden;
	display:none;
}
.our-project ul li:hover .des
{
	width:95%;
	height:auto;
	text-align:center;
	position:absolute;
	top:75px;
	font-size:12px;
	color:#D7D7D7;
	display:block;
	visibility:visible;
	line-height:19px !important;
	
	
}
.des
{
	visibility:hidden;
	display:none;
}
.our-project ul li:hover .link-icon
{	    width: 30px;
    height: auto;
    text-align: center;
    position: absolute;
    transform: translateX(0);
    -moz-transform:translateY(0);
    -ms-transform: translateY(00);
    -webkit-transform: translateY(00);
    font-size: 20px;
    color: #fff;
    display: block;
    visibility: visible;
    padding: 11px 8px;
    border: 1px solid #fff;
    top: 88px;
    left: 41%;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	
}
.link-icon
{
	visibility:hidden;
	display:none;
	transform:translateY(-100);
	-moz-transform:translateY(-100);
	-ms-transform:translateY(-100);
	-webkit-transform:translateY(-100);
	cursor:pointer;
}
.button-work
{
	margin:0 auto;
	padding:10px 20px;

	width:auto;
	text-align:center;
	color:#fff;
	cursor:pointer;
}
/*----------------Our-Plan------------------*/
.main_page_hdng h4
{
	font-size:50px;
	color:#FFC13C;
	margin-bottom:20px;
}
.main_page_hdng p
{
	line-height:30px;
	font-size:20px;
}
.plan-content
{
	width:600px;
	height:auto;
	float:left;
}
.plan-img
{
	width:400px;
	height:auto;
	float:right;
	margin:40px 0px;
}
.plan-img img
{
	width:100%;
	height:auto;
}
.process
{
	width:100%;
	height:auto;
	float:left;
	 margin-top: 20px;
}
.process ul
{
	width:auto;
	height:auto;
	border:none;
}
.process ul li
{
	float:left;
	list-style:none;
	width:200px;
	margin:10px 15px 10px;
	height:auto;
	
}
.process ul li p
{
/*	text-align:justify;*/
}
.process ul li img
{
	width:160px;
	height:100%;
	transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	
}
.process ul li span
{
    font-size: 25px;
    font-weight: 700;
    color: #FFC13C;
    text-shadow: 0px 2px 1px rgba(13, 12, 12, 0.7);
	-moz-text-shadow: 0px 2px 1px rgba(13, 12, 12, 0.7);
	-ms-text-shadow:  0px 2px 1px rgba(13, 12, 12, 0.7);
	-webkit-text-shadow: 0px 2px 1px rgba(13, 12, 12, 0.7);
}
.process ul li img:hover 
{
	transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
}
/*-----------------whychoose----------------*/
.why-chosse
{
	background:url(../images/swirl.png);
	background-attachment:fixed;
	padding:20px 0px 50px;
}
.bg-none
{
	background:none;
}
.why-col
{
	width:65%;
	height:auto;
	float:left;

}
/*-----------------services--------------------*/
.heading-highlite
{
	width:100%;
	height:50px;
	background:#000 url(../images/background.jpg) no-repeat right;
	    background-position: 0px -103px;
	padding:30px 0px;
}

.services
{
	background:url(../images/grey.png);
	
}
.title-head
{
	width:100%;
	height:auto;
}

.title-head h2
{
    font-size: 40px;
    color: #fff;
    line-height: 40px;
}
.col-3
{
	width:31%;
	height:auto;
	border:1px solid #9D9D9D;
	float:left;
	margin:10px 0px;
	margin-right:20px;
	
	overflow:hidden;
	padding-bottom:10px;
	min-height:370px;

	
}
.bg
{
	background:#fff;
}
.col-3 .head-title
{
	font-size:24px;
	color:#000;
	margin:10px;
	padding-left:5px;
}
.col-3 p
{
	padding:5px 10px;
}
.col-3 img
{
		transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.col-3 img:hover
{
	transform:scale(1.1) rotate(-20px);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);

}
.read-more
{
	float:right;
	margin-right:15px;
	font-size:16px;
	color:#000;
	text-decoration:underline;
}
.left-content
{
	width:65%;
	height:auto;
	float:left;
}
.left-content h2
{
	font-size:30px;
	color:#414141;
	text-align:left;
	margin:10px 0px 0px;
	line-height: 42px;
}
.left-content p
{
	font-size:16px;
	color:#363636;
	line-height:24px;
	margin:10px 0px 20px;
}
.left-content span
{
	font-weight:600;
	font-size:18px;
	line-height:30px;
	display:block;
	margin:0px 0px 15px;
}
.right-design-img
{
	width:35%;
	height:auto;
	float:right;
}
.right-design-img img
{
	margin-top:50px;
	width:100%;
	height:auto;

}
.right
{
	float:right;
}
.left
{
	float:left;
}
.full-content
{
	
	width:auto;
	height:auto;
	display:block;
	padding:10px;
}
.full-content h3
{
	font-size:24px;

}
.list-style
{
	width:100%;
	height:auto;
	margin-left:10px;
}
.list-style ul
{
	width:auto;
	height:auto;
	border:none;
}
.list-style ul li
{
	
	font-size:16px;
	margin:10px 0px;
	display:block;
}
.list-style ul li i
{
	font-size:22px;
	color:#006;
	margin:0px 10px 0px 0px;
}
.bg-graphic
{
	background:url(../images/icons-red.jpg);
	padding:20px 0px;
}

.text-color h2
{
	margin-bottom:0px;
	
}
.col-content
{
	padding:5px 0px;
	height:auto;
	min-height:auto;
	width:48%;
	border:none;

}
.col-content h4
{
	padding:15px 0px;
	margin:0px;
	font-size:28px;
	text-align:center;
	color:#4C4C4C;
line-height: 40px;
}
.col-content p
{
	padding:0px 10px;
	text-align:justify;
}
.coll-ful
{
	padding:5px 0px;
	height:auto;
	min-height:auto;
	width:98%;
	border:none;

	
}
/*-----------development---------------*/
.development
{
	background:url(../images/devlop-bg.jpg);
	padding:30px 0px;
	background-position:0px 150px;
}
.process-devlop
{
	width:100%;
	height:auto;
	float:left;
	
}
.process-devlop ul
{
	width:auto;
	height:auto;
	border:none;
}
.process-devlop ul li
{
	list-style:none;
	float:left;
	width:24%;
    height: 435px;
	text-align:center;	
	margin:0px;
	position:relative;
}
.process-devlop ul li p
{
	text-align:center;
}
	
.process-devlop ul li:first-child
{
	background-color: #a1c6d4;
background-image: url(../images/asfalt-dark.png);
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.process-devlop ul li:nth-child(2)
{
	background-color: #dcf5e0;
background-image: url(../images/asfalt-dark.png);
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.process-devlop ul li:nth-child(3)
{
	background-color: #fadad7;
background-image: url(../images/asfalt-dark.png);
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.process-devlop ul li:last-child
{
	background-color: #e4d7f2;
background-image: url(../images/asfalt-dark.png);
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.process-devlop ul li span
{
    font-size: 28px;
    color: #155A75;
    margin-top: 40px;
	text-shadow:none;
	display:block;
}
.radius
{
	width:110px;
	height:110px;
		border-radius:80%;
	-moz-border-radius:80%;
	-ms-border-radius:80%;
	-webkit-border-radius:80%;
	background: #155A75;
	margin:30px auto;
	text-align:center;
	line-height:80px;
	
	
}
.radius i
{
    background: #5CB4D6;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 80%;
    -moz-border-radius: 80%;
    -ms-border-radius: 80%;
    -webkit-border-radius: 80%;
    line-height: 40px;
	
}
.radius p
{
	text-align:center !important;
	color:#fff;
	margin-top:-15px;
}

.radius-2
{
	width:110px;
	height:110px;
		border-radius:80%;
	-moz-border-radius:80%;
	-ms-border-radius:80%;
	-webkit-border-radius:80%;
	background: #709275;
	margin:30px auto;
	text-align:center;
	line-height:80px;
	
	
}
.radius-2 i
{
    background: #95C19C;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 80%;
    -moz-border-radius: 80%;
    -ms-border-radius: 80%;
    -webkit-border-radius: 80%;
    line-height: 40px;
	
}
.radius-2 p
{
	text-align:center !important;
	color:#fff;
	margin-top:-15px;
}

.radius-3
{
	width:110px;
	height:110px;
		border-radius:80%;
	-moz-border-radius:80%;
	-ms-border-radius:80%;
	-webkit-border-radius:80%;
	background: #A47773;
	margin:30px auto;
	text-align:center;
	line-height:80px;
	
	
}
.radius-3 i
{
    background: #E4BDBA;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 80%;
    -moz-border-radius: 80%;
    -ms-border-radius: 80%;
    -webkit-border-radius: 80%;
    line-height: 40px;
	
}
.radius-3 p
{
	text-align:center !important;
	color:#fff;
	margin-top:-15px;
}


.radius-4
{
	width:110px;
	height:110px;
		border-radius:80%;
	-moz-border-radius:80%;
	-ms-border-radius:80%;
	-webkit-border-radius:80%;
	background: #7F6C94;
	margin:30px auto;
	text-align:center;
	line-height:80px;
	
	
}
.radius-4 i
{
    background: #BEB0CD;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 80%;
    -moz-border-radius: 80%;
    -ms-border-radius: 80%;
    -webkit-border-radius: 80%;
    line-height: 40px;
	
}
.radius-4 p
{
	text-align:center !important;
	color:#fff;
	margin-top:-15px;
}
.cont-centr
{
	width:100%;
	height:auto;
	display:block;
}
.cont-centr p
{
color: #0F4960;
    margin: 5px 0px;
}
/*------------ecommerce-devlop------------*/
.eco-bg
{
	background:url(../images/eco-bg.jpg) top center;
	background-position:0px -70px;
}
/*------------internet-markting---------------*/
.inetr-bg
{
	background:url(../images/inter-bg.jpg) top center;
	background-position:0px -300px;

}
.cols-2
{
	width:30%;
	height:auto;
	float:left;
	margin:0px 10px;

}
/*------------mobile-app-----------------*/
.mobile-app
{
	background:url(../images/android-bg.jpg);
	background-position:-400px -100px;
}
/*---------about us--------------------*/
.heightlite-h4
{
	font-size:25px !important;
	color:#575757;
	line-height:40px;
	margin:10px 0px;
	font-weight:600;

}
.text-manage p
{
	font-size:16px;
	margin:10px 0px;
	word-spacing:3px;
	
}

/*-------------contact us-----------------*/

.contact-us
{
	width:100%;
	height:auto;
	float:left;
	
}
fieldset
{
	border:none;
}
label
{
	font-size:15px;
	color:#3E3E3E;
	font-weight:600;
	word-break:1px;
	margin-bottom:5px;
	display:block;
}
.input
{
	border:1px solid #CFCFCF;
	outline:none;
	padding:0px 10px;
	color:#3F3F3F;
	font-weight:600;
	word-spacing:3px;
	height:40px;
	width:100%;
}
.full-input
{
	width:90%;
	height:auto;
	display:block;
	margin:10px 20px;
	
}
.half-input
{
	width:42%;
	height:auto;
	margin-right:15px;
	display:inline-block;
	margin:10px 20px;

}
.textarea
{
	width:100%;
	height:100px;
}
.submit-btn
{
	background:#334960;
	border:none;
	color:#fff;
	font-size:16px;
	border-radius:2px !important;
	-moz-border-radius:2px !important;
	-ms-border-radius:2px !important;
	-webkit-border-radius:2px !important;
	padding:15px 40px !important;
	
	
}
.reset
{
	background:#ea4b36;
		border:none;
	color:#fff;
	font-size:16px;
	border-radius:2px !important;
	-moz-border-radius:2px !important;
	-ms-border-radius:2px !important;
	-webkit-border-radius:2px !important;
	padding:15px 40px !important;
	margin-left:30px;
	
}
.get-in{
	width:100%;
	height:auto;
	display:block;
	margin:10px 0px;
}
.contact-heading{
	font-size:30px;
	color:#464646;
	display:block;

}
.get-in span .email-icon
{
	width:50px;
	height:50px;
	line-height:45px;
	text-align:center;
	border:2px solid #585858;
	display:inline-block;
	margin-right:10px;
	border-radius:80%;
}
.get-in span
{
	font-size:30px;
	margin-top:20px;
	display:block;
}
.email-icon i
{
	font-size:22px;
}

.contact-bg
{
	background:url(../images/contact-bg.jpg);
}



/*--------------------testimonial------------------*/
#portfolio
{
	width:auto;
	height:auto;
	margin:0 auto;
	
}
#portfolio li
{
	position:absolute;
	list-style:none;
}
/*----------------------protfolio-new-one--------------*/
.my-protfolio
{
	width:100%;
	height:auto;
	float:left;
	
}
.my-protfolio ul 
{
	width:auto;
	height:auto;
	border:none;
}

.my-protfolio ul li
{
    list-style: none;
    float: left;
    margin: 15px 17px;
    width: 250px;
    height: 250px;
	overflow:hidden;
    position: relative;
    border: 1px solid #D4D4D4;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.my-protfolio ul li img
{
	width:100%;
	height:100%;
	position:relative;
}
.my-protfolio ul li:hover .black-hover
{
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.6);
	position:absolute;
	display:block;
	visibility:visible;
	z-index:9999;
	transform:translateY(00px);
	transform:translateY(00px);
	transform:translateY(00px);
	transform:translateY(00px);
	transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-webkit-transition-duration:0.8s;
	
}
.black-hover
{
	visibility:hidden;
	display:none;
	transform:translateY(-250px);
	transform:translateY(-250px);
	transform:translateY(-250px);
	transform:translateY(-250px);
	
}

/*-------------------------responsive------------------------*/
@media  (max-width:1024px) {
.main {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}
.logo {
    float: left;
    margin: 17px 0 4px 10px;
}
.logo_right {
    float: right;
    margin: 5px 10px 0 0;
}
.heading-highlite {
    width: 96%;
    padding: 30px 20px;
}
.heading-highlite
{
	    background-position: -55px -103px;
}
.left-content {
    width:55%;
    height: auto;
    float: left;
    margin: 10px;
}
.right-design-img {
    width: 40%;
}
.platform-design
{
	    margin: 10px 30px 0px;
}
.process ul li {
    float: left;
    list-style: none;
    width: 190px;
    margin: 10px 4px 10px;
    height: auto;
}
.main_page_hdng {

     height: 708px;	
}
.my-protfolio ul li {
    list-style: none;
    float: left;
    margin: 15px 10px;
    width: 22.8%;
}
.section-main
{
    width: 98%;
}
.why-col {
    width: 62%;
}
.pull-right {
    float: right;
    height: 350px;
}
.name {
    margin: 10px 10px;
    display: inline-block;
    width: 64%;
}
.footer
{
	width:98%
}
.footer .ftr_box {
    float: left;
    margin: 0px 15px 30px 17px;
    width: 29%;
    padding-right: 10px;
}
.main_page_hdng_wrapper
{
	background-position: -359px -133px;
}
.main_page_hdng_wrapper
{
banner-main1024.jpg
}
.our-project ul li {
    float: left;
    list-style: none;
    width: 251px;
    height: 200px;
}
.main-banner
{
	    background: #004caa url(../images/banner-main1024.jpg) no-repeat top center;
		    height: 468px;
}
.read-more-btn {

    margin:306px 0px 0px 316px;
}
.platform {
    width: 98%;
    height: auto;
    float: none;
    margin: 0 auto;
}
.col-3 {
    width: 32%;
    height: auto;
    border: 1px solid #9D9D9D;
    float: left;
    margin: 10px 0px;
    margin-right: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    min-height: 370px;
}
.get-in span {
    font-size: 25px;
}
.get-in span .email-icon {
    width: 35px;
	height:35px;
}
.email-icon i {
    font-size: 17px;
}
}
@media (max-width: 850px) {
	.logo_right {
    float: right;
    margin: 5px 10px 0 0;
    width: 53%;
}
.logo {
    float: none;
    margin: 15px auto;
    width: 43%;
}
.logo_right {
    float: none;
    margin: 5px auto;
    width: 100%;
}
.fleft {
    float: none;
    font-size: 43px;
}
.fright {
    float: none;
    margin: 0 auto;
       width: 43%;
}
.menu
{
	    width: 100%;
}
}
@media (max-width: 768px) {
.logo {
    float: none;
    margin: 15px auto;
    width: 43%;
}
.logo_right {
    float: none;
    margin: 5px auto;
    width: 100%;
}
.fleft {
    float: none;
    font-size: 43px;
}
.fright {
    float: none;
    margin: 0 auto;
       width: 43%;
}
.menu {
    position: relative;
    margin: 0 auto;
    float: none;
    width: 98%;
}
.heading-highlite {
    background-position: -105px -103px;
	width:93%;
}
.col-content
{
	    width: 49%;
		margin-right:4px;
}
.main-banner
{
	    background: #004caa url(../images/banner-main768.jpg) no-repeat top center;
    height: 325px;
}
.read-more-btn {
    margin: 230px 0px 0px 228px;
	    background: url(../images/read-more1.png) no-repeat;
		width:100px;
		height:40px;
}
.platform-design {
    margin: 50px 29px 0px;
    width: 41%;
}
.wordpress
{
	    margin: 0 auto;
}
.design-heading i {
    position: absolute;
    left: 50%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 42%;
    margin: 10px 25px 10px;
    height: auto;
}
.main_page_hdng {
    height: auto;
    width: 98%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 27%;
    margin: 10px 14px 10px;
    height: auto;
}
.process ul li:nth-child(4)
{
	width:46%;
}
.process ul li:last-child
{
	width:45%;
}
.our-project ul li {
    float: left;
    list-style: none;
    width: 50%;
}
.why-col {
    width: 100%;
}
.pull-right {
    float: right;
    width: 100%;
    margin: 20px auto 0px;
    height: 267px;
}
.footer .ftr_box {
    float: left;
    margin: 0px 15px 30px 17px;
    width: 26%;
}
.footer .ftr_box .ftr_hdng {
    color: #1976EB;
    font-size: 20px;
}
.platform {
    width: 98%;
    height: auto;
    float: none;
    margin: 0 auto;
}
.col-3 {
width: 48%;
    height: auto;
    border: 1px solid #9D9D9D;
    float: left;
    margin: 10px 0px;
    margin-right: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    min-height: 450px;
    max-height: 418px;
}
.col-3 img
{
	width:100%;
	height:auto;
}
.platform>.clear
{
	display:none;
}
.get-in span {
    font-size: 16px;
}
.get-in span .email-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.email-icon i {
    font-size: 15px;
}
.half-input
{
    width: 86%;
    height: auto;
     margin-right: 15px; 
    display: inline-block;
    margin: 10px 5px;
}
}


@media (max-width:640px) {
.logo {
    float: none;
    margin: 15px auto;
    width: 43%;
}
.logo_right {
    float: none;
    margin: 5px auto;
    width: 100%;
}
.fleft {
    float: none;
    font-size: 43px;
}
.fright {
    float: none;
    margin: 0 auto;
       width: 43%;
}
.menu {
    position: relative;
    margin: 0 auto;
    float: none;
    width: 98%;
}
.main-banner
{
	    background: #004caa url(../images/banner-main640.jpg) no-repeat top center;
    height:290px;
}
.read-more-btn {
    margin:190px 0px 0px 138px;
	    background: url(../images/read-more1.png) no-repeat;
		width:100px;
		height:39px;
}
.shadow
{
	display:none;
}
.platform-design {
    margin: 50px 23px 0px;
    width: 41%;
}
.wordpress
{
	    margin: 0 auto;
}
.design-heading i {
    position: absolute;
    left: 50%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 42%;
    margin: 10px 25px 10px;
    height: auto;
}
.main_page_hdng {
    height: auto;
    width: 98%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 43%;
    margin: 10px 14px 10px;
    height: auto;
}
.process ul li:last-child
{
	width:98%;
}
.our-project ul li {
    float: left;
    list-style: none;
    width: 50%;
}
.why-col {
    width: 100%;
}
.pull-right {
    float: right;
    width: 100%;
    margin: 20px auto 0px;
    height: 267px;
}
.footer .ftr_box {
    margin: 0px 15px 30px 10px;
    width: 42%;
}
.footer .ftr_box .ftr_hdng {
    color: #1976EB;
    font-size: 20px;
}
.left-content
{
	width:95%;
}
.heading-highlite {
    background-position: -334px -103px;
    width: 92%;
}
.right-design-img {
      width: 98%;
}
.col-content {
    width: 100%;
    margin-right: 0px;
}
.col-3 {
    width: 47%;
    height: auto;
    border: 1px solid #9D9D9D;
    float: left;
    margin: 10px 0px;
    margin-right: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    min-height: 450px;
    max-height: 418px;
}
.col-3 img
{
	width:100%;
	height:auto;
}
.platform>.clear
{
	display:none;
}
}


@media (max-width:480px) {
.logo {
    float: none;
    margin: 15px auto;
    width: 72%;
}
.logo_right {
    float: none;
    margin: 5px auto;
    width: 100%;
}
.fleft {
    float: none;
    font-size: 43px;
}
.fright {
    float: none;
    margin: 0 auto;
       width: 73%;
}
.menu {
    position: relative;
    margin: 0 auto;
    float: none;
    width: 98%;
}
.main-banner
{
	    background: #004caa url(../images/banner-main480.jpg) no-repeat top center;
    height: 200px;
}
.read-more-btn {
    margin: 124px 0px 0px 76px;
    background: url(../images/read-more1.png) no-repeat;
    width: 100px;
		height:39px;
}
.platform-design {
    margin: 28px 24px;
    width: 87%;
}
.wordpress
{
	    margin: 0 auto;
}
.design-heading i {
    position: absolute;
    left: 50%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 98%;
    margin: 10px 14px 10px;
    height: auto;
}
.process ul li:nth-child(4) {
    width: 98%;
}
.main_page_hdng h4 {
    font-size: 50px;
    color: #FFC13C;
    margin-bottom: 20px;
    line-height: 54px;
}
.main_page_hdng {
    height: auto;
    width: 98%;
}

.process ul li:last-child
{
    width: 92%;
}
.our-project ul li {
    float: left;
    list-style: none;
    width: 100%;

}
.why-col {
    width: 100%;
}
.pull-right {
    float: right;
    width: 100%;
    margin: 20px auto 0px;
    height: 310px;
}
.col h2 {
    font-size: 25px !important;
    color: #0E5CBE !important;
    margin: 20px 10px 20px !important;
    display: block;
	    line-height: 34px;
}
.footer .ftr_box {
    margin: 0px 15px 30px 10px;
    width: 92%;
	    text-align: center;
}
.footer .ftr_box .ftr_hdng {
    color: #1976EB;
    font-size: 20px;
}
.heading-highlite {
    background-position: -334px -103px;
    width: 88%;
}
.col-3 {
    width: 93%;
    height: auto;
    border: 1px solid #9D9D9D;
    float: none;
    margin: 10px auto;
    /* margin-right: 20px; */
    overflow: hidden;
    padding-bottom: 10px;
    min-height: 370px;
}
.col-3 img
{
	width:100%;
}
.full-input
{
	    margin: 10px 6px;

}
}

@media (max-width:320px) {
.logo {
    float: none;
    margin: 15px auto;
       width: 88%;
}
.logo_right {
    float: none;
    margin: 5px auto;
    width: 100%;
}
.fleft {
    float: none;
    font-size: 43px;
}
.fright {
    float: none;
    margin: 0 auto;
       width: 88%;
}
.menu {
    position: relative;
    margin: 0 auto;
    float: none;
    width: 98%;
}
.main-banner
{
	    background: #004caa url(../images/banner-main320.jpg) no-repeat top center;
    height: 170px;
}
.read-more-btn {
    margin:100px 0px 0px 77px;
	background: url(../images/read-more2.png) no-repeat;
	width:70px;
	height:27px;
}
.main h2 {
    font-size: 48px;
}
.platform-design {
    margin: 28px 24px;
    width: 87%;
}
.wordpress
{
	    margin: 0 auto;
}
.center-text h2 {
    font-size: 45px;
}
h3
{line-height: 22px;
}
.design-heading i {
    position: absolute;
    left: 50%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 91%;
    margin: 10px 14px 10px;
    height: auto;
}
.process ul li:nth-child(4) {
    width: 98%;
}
.main_page_hdng h4 {
    font-size: 50px;
    color: #FFC13C;
    margin-bottom: 20px;
    line-height: 54px;
}
.main_page_hdng {
    height: auto;
    width: 98%;
}

.process ul li:last-child
{
    width: 92%;
}
.our-project ul li {
    float: left;
    list-style: none;
    width: 100%;

}
.why-col {
    width: 100%;
}
.pull-right {
    float: right;
    width: 100%;
    margin: 20px auto 0px;
    height: 370px;
}
.col h2 {
    font-size: 25px !important;
    color: #0E5CBE !important;
    margin: 20px 10px 20px !important;
    display: block;
	    line-height: 34px;
}
.footer .ftr_box {
    margin: 0px 15px 30px 10px;
    width: 92%;
	    text-align: center;
}
.footer .ftr_box .ftr_hdng {
    color: #1976EB;
    font-size: 20px;
}
.title-head h2 {
    font-size: 35px;
}
.heading-highlite {
    background-position: -334px -103px;
    width: 86%;
}
.left-content h2 {
    font-size: 35px;
}
.col-3 {
    width: 93%;
    height: auto;
    border: 1px solid #9D9D9D;
    float: none;
    margin: 10px auto;
    /* margin-right: 20px; */
    overflow: hidden;
    padding-bottom: 10px;
    min-height: 370px;
}
.col-3 img
{
	width:100%;
}
.reset
{
	margin-left: 14px;
}
.full-input
{
	    margin: 10px 6px;

}
}


@media (max-width:240px) {
.logo {
    float: none;
    margin: 15px auto;
       width: 88%;
}
.logo img
{
	width:100%;
}
.logo_right {
    float: none;
    margin: 5px auto;
    width: 100%;
}
.fleft {
    float: none;
    font-size: 35px;
}
.fright {
    float: none;
    margin: 0 auto;
       width: 88%;
}
.menu {
    position: relative;
    margin: 0 auto;
    float: none;
    width: 98%;
}
.main-banner
{
	    background: #004caa url(../images/banner-main320.jpg) no-repeat top center;
    height: 170px;
}
.read-more-btn {
    margin:100px 0px 0px 77px;
	background: url(../images/read-more2.png) no-repeat;
	width:70px;
	height:27px;
}
.main h2 {
    font-size: 40px;

}
.platform-desgin {
    margin: 28px 24px;
    width: 80%;
}
.wordpress
{
	    margin: 0 auto;
}
.center-text h2 {
    font-size: 31px;
}
h3
{line-height: 22px;
}
.desgin-heading i {
    position: absolute;
    left: 50%;
}
.process ul li {
    float: left;
    list-style: none;
    width: 91%;
    margin: 10px 14px 10px;
    height: auto;
}
.process ul li:nth-child(4) {
    width: 98%;
}
.main_page_hdng h4 {
    font-size: 50px;
    color: #FFC13C;
    margin-bottom: 20px;
    line-height: 54px;
}
.main_page_hdng {
    height: auto;
    width: 98%;
}

.process ul li:last-child
{
    width: 92%;
}
.our-project ul li {
    float: left;
    list-style: none;
    width: 100%;

}
.why-col {
    width: 100%;
}
.name {
    margin: 10px 10px;
    display: inline-block;
    width: 52%;
}
.pull-right {
    float: right;
    width: 100%;
    margin: 20px auto 0px;
    height: 450px;
}
.col h2 {
    font-size: 25px !important;
    color: #0E5CBE !important;
    margin: 20px 10px 20px !important;
    display: block;
	    line-height: 34px;
}
.footer .ftr_box {
    margin: 0px 15px 30px 10px;
    width: 92%;
	    text-align: center;
}
.footer .ftr_box .ftr_hdng {
    color: #1976EB;
    font-size: 20px;
}
.heading-highlite {
    background-position: -334px -103px;
    width: 82%;
}
.title-head h2 {
    font-size: 23px;
}
.col-3 {
    width: 93%;
    height: auto;
    border: 1px solid #9D9D9D;
    float: none;
    margin: 10px auto;
    /* margin-right: 20px; */
    overflow: hidden;
    padding-bottom: 10px;
    min-height: 370px;
}
.col-3 img
{
	width:100%;
}
}
