@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
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, center, dl, dt, dd, ol, ul, 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;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { overflow-y: scroll; height:100% }
body { 
  background: #767676; 
  font-family: 'Roboto', sans-serif;
  color: #313131;
  height:100%
}

::selection { background: #a4ecab; }
::-moz-selection { background: #a4ecab; }
::-webkit-selection { background: #a4ecab; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc !important;
}

hr { border: 0; margin:25px 0; background:#e8e8e8; height:1px; width:100%; display:block; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
i,em { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; height:auto; }

/** typography **/
h1, h2, h3, h4, h5 {margin:0; padding:0;}
h2 {font-size:48px; font-weight:900; text-transform:uppercase; text-align:center; padding:60px 0}
h2 span {font-weight:300;color:#4072b0}
h2.light, h2.light span {color:#fff;}
h2.no-transform {text-transform:none}
h3 {font-size:24px; font-weight:300; color:#3f71b0}
h4 {font-size:24px; font-weight:900;}

p {
  display: block;
  margin-bottom: 22px;
}

a { color: #3f71b0; text-decoration: none;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
a:hover { text-decoration: underline; }
b{font-weight:900}
.center { display: block; text-align: center; }
.left { display: block; text-align: left; }
.right { display: block; text-align: right; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clear{clear:both; height:1px;}
canvas {
  display: block;
  vertical-align: bottom;
}
.hide {display:none;}
#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #3f71b0;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  top:0;
  z-index:-1;
}
.half-column {width:50%; float:left; display:block;}
.third-column {width:33%; float:left; display:block;}
.fourth-column {width:25%; float:left; display:block;}
.white-txt {color:#fff;}
.general-list ul li {margin:10px 0;}
.site-header {
    position: absolute;
	top:0;
	left:0;
	right:0;
    display: block;
	padding:20px 20px 10px;
	border-bottom:#5a86b4 1px solid;
	margin:0 20px;
	z-index:5;
}
.site-header:after, .site-header:before {
    display: table;
    content: " ";	
	clear:both;
}
.logo {float:left;}
.main-nav {display:block; text-align:right; float:right; padding:20px 0}
.main-nav li {display:block; float:left; font-size:16px;}
.main-nav li a{display:block; color:#fff; padding:10px 25px; border:transparent 3px solid; border-radius:50px;}
.main-nav li a:hover {text-decoration:none; background:#3f71b0; border:#4f81c0 3px solid;}
.main-nav li.contact a {border:#4f81c0 3px solid;}

.banner-block {padding-top:10%;}
.bnnr-big-txt {font-size:150px;font-weight:800}
.hire-txt {color:#fff;}
.net-txt {color:#34c8ff}
.programmr-txt {font-size:50px; text-transform:uppercase;color:#fff;font-weight:800}
.dotnet-logo-tag {margin-left:-120px; padding:30px 0 0}
.pricemodel-block { background:#fff; border-bottom:#e8e8e8 16px solid;}

.diagram {max-width:1200px; margin:0 auto; /*height:610px;*/ position:relative}
.fixed-cost,.time-mate,.full-hiring {max-width:33%;}
.fixed-cost {position:absolute; top:0; left:0}
.time-mate {position:absolute; top:0; right:0}
.full-hiring {position:absolute; top:160px; left:0}
.pricemodel-block { background:#fff;}
.laptop-img {text-align:center;}

.methodology-block {background:url(../images/page-curve.png)no-repeat bottom left;}
.dotted-curve {background:url(../images/dotted-line.png)center repeat-x; height:414px; width:100%; position:absolute; top:150px}
.methodology-block .methodologies {max-width:1600px; margin:0 auto;}
.methodology-block .methodologies .columns {width:20%; display:block; float:left; color:#fff;text-align:center;}
.methodology-block .methodologies .columns p { line-height:20px}
.methodology-icons {font-size:24px; font-weight:900; width:146px; height:146px; border-radius:50%; text-align:center; display:block; margin:0 auto 10px auto;background:#264970}
.position-up {margin-top:10%}
.position-dwn {}

.methodology-icons span {width:65px; height:65px; display:block; background:url(../images/icons_set01.png)no-repeat; background-position:0 0; margin:0px 35px 5px}
.methodology-icons.agile-icon span  {background-position:0px 10px;}
.methodology-icons.scrum-icon span  {background-position:-180px 10px;}
.methodology-icons.spiral-icon span  {background-position:-360px 10px;}
.methodology-icons.prototyping-icon span  {background-position:-540px 10px;}
.methodology-icons.waterfall-icon span  {background-position:-720px 10px;}

.why-block { background:url(../images/why-hire-bg.png)no-repeat bottom; background-size:cover}

.why-block-next {background:url(../images/page-curve.png)no-repeat bottom left;}
.services-block,.clients-block { background:#fff;}
.contact-block {background:url(../images/page-curve-left.png)no-repeat top left;}

.figur-panel {width:30%; float:left}
.figur-panel-desc {width:55%;float:left}
.bullet {margin:20px 0}
.bullet li { margin-bottom:10px; position:relative; padding-left: 30px;}
.bullet li:before{
	content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3f71b0;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;		
}

.center-container {max-width:1050px; margin:0 auto;}

.diagram span.icon{background:url(../images/icons_set02.png)no-repeat; display:block; width:76px; height:76px; float:left}
.fixed-cost span.icon {background-position:0 0}
.time-mate span.icon {background-position:-110px -1px}
.full-hiring span.icon {background-position:-205px 0}

.services-icons li {position:relative; padding-left:54px; margin-bottom:25px;}
.services-icons li:before {width:44px; height:44px; display:block; content:''; position:absolute; top:0; left:0; background-image:url(../images/icons_set03.png); background-repeat:no-repeat}

.services-icons li.enterprise-icon:before { background-position:0 0}
.services-icons li.web-icon:before { background-position:0 -70px}
.services-icons li.thirsdparty-icon:before { background-position:0 -149px}
.services-icons li.customization-icon:before { background-position:-75px 0px}
.services-icons li.migration-icon:before { background-position:-75px -70px}
.services-icons li.payment-icon:before { background-position:-75px -149px}
.services-icons li.management-icon:before { background-position:-158px 0px}
.services-icons li.shopping-icon:before { background-position:-158px -70px}
.services-icons li.maintenance-icon:before { background-position:-158px -149px}

.enquiry-block {background:#3f71b0; color:#fff; font-size:22px; padding:40px; text-align:center}
.txt-button {border:#72a4e3 3px solid; border-radius:50px; color:#fff; font-size:16px; text-transform:uppercase; padding:10px 20px; margin-left:20px;}
.txt-button:hover { text-decoration:none;border:#fff 3px solid;}

.client-list { background:#f5f5f5; text-align:center; padding-bottom:20px; display:block;}
.client-list li { display:inline-block;}
.client-list li img{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.client-list li:hover img {opacity:0.6}
.testimonial-list {margin:0 auto; max-width:90%;}
.testimonial-list li {width:26%; display:block; margin:0 3%; float:left; background:#3f71b0; border:#3f71b0 3px solid; border-radius:10px;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.testimonial-list li p {padding:20px; color:#fff;}
.testimonial-list li:hover {border:#34c8ff 3px solid; padding-bottom:20px; cursor:pointer}


.city-container { max-width: 1260px; margin:0 auto;}
.city-slider-wrap { overflow: hidden;}
.city-slide {float: left;position: relative;margin-left: 0;padding-right: 8px;}
.error {text-align:center; color:#ff0}
.success {text-align:center; color:#fff;max-width: 920px;display: block;background: #47cd5e; margin: 0 auto;padding: 20px;border-radius: 5px;}



.banner-block {z-index:1;height: 100%;}.pricemodel-block {z-index:2; }.methodology-block{z-index:3; padding-bottom:100px;}.why-block {z-index:4;padding-bottom:80px;}.why-block-next {z-index:4;color:#fff;padding-bottom:100px;}.services-block {z-index:5}.clients-block {z-index:6;padding-bottom:80px;}.testimonials-block{z-index:7;}.contact-block {z-index:8; padding-top:50px;}
.pricemodel-block, .methodology-block, .why-block, .why-block-next,.services-block, .clients-block, .testimonials-block,.contact-block, .banner-block {
    width: 100%;
    /*height: 100%;*/
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
	position:relative;  
	/*overflow-x:hidden;*/
	overflow:hidden;
}
.contact-details {max-width:980px;margin:0 auto;}
.contact-details img  {max-width:160px;}
.contact-details  ul, .contact-details img { 
	float: left;
    display: inline-block;
    font-size: 42px;
    font-weight: bold;
    color: #fff;
	padding-left:20px;
	margin-bottom:60px;
}
.contact-details  ul{margin-top:0px;}
.contact-details  ul li{margin-top:10px;}

.contact-details  ul a {color:#fff;}	









footer { background:#000; color:#8d8d8d; padding:40px 0; text-align:center;}
.go-to-top {font-size:0; background:url(../images/go-to-top.png)no-repeat 0 0; width:54px; height:54px; display:block; position:fixed; bottom:20px; right:20px; z-index:10}
.sticky-header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background: #3f71b0;
    left: 0;
    margin: 0;	
	opacity:0.9;
}
.sticky-header img {width:110px;}
.sticky-header .main-nav { padding: 0px}
.sticky-header .main-nav li a {padding: 5px 15px;}
.menu-toggle-area {
    display: none;
    padding: 0 1rem;
	float:left;
}
.mobile-menu-toggle .icon-menu {
    display: block;
    width: 22px;
    height: 22px;
    fill: white;
}


@media (max-width: 1440px) {
	.main-nav{
		
	}
	.main-nav li a { padding: 10px 15px;}
	.bnnr-big-txt {padding-top: 120px;font-size: 150px;}
}
@media (max-width: 1280px) {
	.main-nav{
			width:100%
	}
	.main-nav li a {
		padding: 10px 15px;
	}
	.dotnet-logo-tag {display:none;}
	.bnnr-big-txt {padding-top: 250px;font-size: 150px;}
}
@media (max-width: 1085px) {
	.bnnr-big-txt {padding-top: 150px;font-size: 140px;}
	.menu-toggle-area {
		display: block;
		margin-right: 10px;
	}
	.mobile-menu-toggle  {
	position:relative;width:44px; height:44px; border:0; background:transparent; color:#fff;z-index:2
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}
	.mobile-menu-toggle:before {
	content: "\f039";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 38px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
	width:44px;
	height:44px;
	cursor:pointer;
	z-index:1;
	}
	.mobile-menu-toggle.open:before {
	content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 38px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
	width:44px;
	height:44px;
	cursor:pointer;
	z-index:1;
	}
	.main-nav {border:#5e98e2 3px solid; background:#4f81c0; border-radius:10px; display:none; position:absolute; top:70px; left:10px; z-index:10; width:97%;}
	.main-nav li {float:none; text-align:left;}
	.main-nav li a, .main-nav li a:hover, .main-nav li.contact a, .main-nav li.contact a:hover {border-radius:0px; border:0px;}
	.main-nav li a {border-bottom:#5e98e2 1px solid; text-transform:uppercase;}
	.sticky-header .main-nav li a {padding: 10px 15px;}
	.center-container {padding:0 2%;}
	.contact-details  ul {font-size:28px;}
}
@media (max-width: 960px) {
	.laptop-img { display:none}
	.bnnr-big-txt {padding-top: 100px;font-size: 120px;}
	.fixed-cost, .time-mate, .full-hiring { position:relative; left:inherit; right:inherit; top:inherit; max-width: 80%; margin:40px auto; display:block;}
	.methodology-block .methodologies .columns {width:50%;}
	.why-block-next  .third-column {width:90%; padding:5%; padding-bottom:0}
	.blank-block {display:none;}
	.enquiry-block .txt-button {clear:both; display:block;}
	.testimonial-list li {width:75%; margin:0 auto 20px auto; float:inherit;}
	.contact-details  ul {font-size:22px;}
}
@media (max-width: 640px) {
	.services-block .third-column {width:80%; padding:0 10%}
	.services-block .fourth-column {width:45%; padding:0 2%;}
	.contact-details  ul {font-size:18px;}
}