/* CSS Document */
@font-face {
  font-family: 'steelfish rg';
  src: url('fonts/steelfish rg.ttf');
}
@font-face {
	font-family: 'adelleregularwebfont';
	src: url('fonts/adelleregularwebfont.eot');
	src: local('fonts/adelleregularwebfont'), url('fonts/adelleregularwebfont.woff') format('woff'), url('fonts/adelleregularwebfont.ttf') format('truetype');
}

/* Mozilla based browsers */
::-moz-selection {
	background-color: #153b6e;
	color: #fff;
}

/* Works in IE9+, Opera, Google Chrome and Safari */
::selection {
	background-color: #153b6e;
	color: #fff;
}
body {
	margin:0px;
	font-family:Helvetica;
	font-size:13px;
	line-height:20px;
}
p {
	margin:0px;
	font-size:13px;
	line-height:20px;
}
.main-slider {
    width: 1100px\9; margin:0 auto;
}
.clr{ clear:both;}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin:0px;
	padding:0px;
}
ul, ol { list-style:none;}
a { text-decoration:none;}
img { border:none;}
body {
    background-image: url("images/footer-bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #666;
    font-family: BebasNeue;
    letter-spacing: 1px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 10px 0;
}
/*.container {
	margin: 0 auto;
    max-width: 1100px;
    width: 100%;
}*/
.container {
	margin: 0 auto;
    width: 1100px;
}
.no-bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.header {
    /*float: left;
    height: 103px;
    position: relative;*/
    width: 100%;
}
.logo {
    float: left;
    margin-top: 12px;
    width: auto;
}
.logo img {
	z-index: 1;
	position: relative;
}
.menu {
    float: right;
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    margin-left: 30px;
    position: relative;
    width: auto;
}
.borders hr {    
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1 medium medium;
    color: #000;
    line-height: 100%;
    margin: 1px 0 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.borders hr.one {    
    border-color: #0f3353 -moz-use-text-color -moz-use-text-color;
    color: #0f3353;
}
.borders hr.two {    
    border-color: #768491 -moz-use-text-color -moz-use-text-color;
    color: #768491;
}
.borders hr.three {    
    border-color: #c4d5e5 -moz-use-text-color -moz-use-text-color;
    color: #c4d5e5;
}



.home-slider {
    /*background-image: url("images/way_2.png");
    background-position: center top;
    background-repeat: no-repeat;*/
    float: left;
    margin-top: -1px;
    width: 100%;
}
.inner-slider {
    /*background-image: url("images/way_2.png");
    background-position: center top;
    background-repeat: no-repeat;*/
    float: left;
    margin-top: -1px;
    width: 100%;
    height: 380px;
 }
 .inner-slider .center-text {
    margin: 0 auto;
    text-align: center;
    width: 72%;
}
.inner-slider .center-text .inner-text {
    color: #fff;
    margin: 31% 0;
}
.inner-slider h1 {
    font-family: steelfish rg;
    font-size: 56px;
    line-height: 65px;
	margin-bottom:5px;
}
.inner-slider .inner-text > p {
    font-family: adelleregularwebfont;
    font-size: 12px;
    line-height: 16px;
}
.home-slider .center-text {
    margin: 0 auto;
    text-align: center;
    width: 72%;
}
.home-slider .center-text .inner-text {
    color: #fff;
    margin: 31% 0;
}
.home-slider h1 {
    font-family: steelfish rg;
    font-size: 56px;
    line-height: 65px;
	margin-bottom:5px;
}
.home-slider .inner-text > p {
    font-family: adelleregularwebfont;
    font-size: 12px;
    line-height: 16px;
}
/*.home-slider .center-text .inner-text span {
    margin-left: 148px;
}*/


/*expertise*/
.our-expertise {
    clear: both;
    float: left;
    width: 100%;
	
	background: #1857a6; /* Old browsers */
background: -moz-linear-gradient(left, #1857a6 0%, #1857a6 50%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1857a6), color-stop(50%,#1857a6), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #1857a6 0%,#1857a6 50%,#ffffff 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #1857a6 0%,#1857a6 50%,#ffffff 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #1857a6 0%,#1857a6 50%,#ffffff 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #1857a6 0%,#1857a6 50%,#ffffff 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1857a6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.leftside {
    float: left;
    width: 215px;
	color:#fff;
	position:relative;
	padding-right:18px;
}
.leftside.blue .inner-text {
    background-color: #1857a6;
    float: left;
    padding: 12px 0px 0 12px;
}
.leftside.blue:after {
    background-image: url("images/blue-bg-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    content: " ";
    height: 11px;
    margin-top: -18px;
    padding: 9px 0px;
    position: absolute;
    top: 50%;
    width: 17px;
}
.leftside.blue a { color:#fff;}
.leftside .inner-text h1 {
    font-family: "steelfish rg";
    font-size: 34px;
    font-weight: bold;
    line-height: 46px;
}
.leftside .inner-text p {
    font-family: "adelleregularwebfont";
    font-size: 11px;
    line-height: 13px;
    margin: 27px 11px 40px 0;
}
.leftside.blue .know-more {
    background-color: #0f3353;
    background-image: url("images/readmore-bg.png");
    background-position:right center;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: "steelfish rg";
    font-size: 22px;
    line-height: 55px;
    /*padding: 18px 70px 16px 20px;*/
	padding-right: 97px;
padding-left: 36px; padding-top:-2px;
}
.leftside.blue .know-more:hover {
	background:#325676;
	background-image: url("images/readmore-bg.png");
    background-position: 150px center;
    background-repeat: no-repeat;
}
.leftside.black .know-more {
    background-color: #3b4249;
    background-image: url("images/readmore-bg.png");
    background-position:right center;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: "steelfish rg";
    font-size: 22px;
    line-height: 55px;
    /*padding: 18px 70px 16px 20px;*/
	padding-right:97px; padding-left:36px; padding-top:-2px;
}
.leftside.black .know-more:hover {
	background:#646b72;
	background-image: url("images/readmore-bg.png");
    background-position: 150px center;
    background-repeat: no-repeat;
}
.rightexpertise {
    background-color: #fff;
    float: right;
    margin-left: -19px;
    padding: 37px 0;
    width: 886px;
}
.expertise {
    float: left;
    text-align: center;
    width: 173px;
}
.expertise .inner-text {
    margin: 0 8px;
}
.expertise >.inner-text{background: none repeat scroll 0 0 #ecf3ff !important;
    border-radius: 10px;
    padding-bottom: 15px;
    padding-top: 15px;}
.expertise > a > .inner-text{background: none repeat scroll 0 0 #ecf3ff !important;
    border-radius: 10px;
    padding-bottom: 15px;
    padding-top: 15px;}

.exp-img {
    border: 1px solid #0f3353;
    border-radius: 10px;
    height: 50px;
    margin: 0 auto;
    padding: 18px 0;
    width: 110px;
}
.expertise:hover .exp-img {
	box-shadow: 0 0 12px #ccc inset;
}
.expertise h2 {
    font-family: steelfish rg;
    font-size: 18px;
    margin-top: 25px;
	color:#1857a6;
}
.expertise p {
    color: #494949;
    font-family: adelleregularwebfont;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 25px;
    margin-top: 25px;
}


/*aboutus*/
.aboutus { 
	clear:both;
	
	background: #252525; /* Old browsers */
background: -moz-linear-gradient(left, #252525 0%, #252525 50%, #989797 50%, #989797 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#252525), color-stop(50%,#252525), color-stop(50%,#989797), color-stop(100%,#989797)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #252525 0%,#252525 50%,#989797 50%,#989797 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #252525 0%,#252525 50%,#989797 50%,#989797 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #252525 0%,#252525 50%,#989797 50%,#989797 100%); /* IE10+ */
background: linear-gradient(to right, #252525 0%,#252525 50%,#989797 50%,#989797 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#989797',GradientType=1 ); /* IE6-9 */
}
iframe {
  width: 100%;
}
.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 51%;
}
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}
.rightaboutus {
    float: left;
    margin-left: -18px;
    width: 885px;
}

.leftside.black .inner-text {
	background-color:#252525;
    float: left;
    padding: 12px 0 0 12px;
}
.leftside.black:after {
    background-image: url("images/black-bg-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    content: " ";
    height: 11px;
    margin-top: -18px;
    padding: 8px 1px;
    position: absolute;
    top: 50%;
    width: 17px;
}

.rightaboutus {
	background-color:#989797;
	color:#fff;
}
.rightaboutus .inner-text {
    margin: 40px 25px;
	font-family: "adelleregularwebfont";
}
.rightaboutus .inner-text p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 23px;
}



.readmore {
	background: #1856a5; /* Old browsers */
background: -moz-linear-gradient(top, #1856a5 0%, #0f3454 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1856a5), color-stop(100%,#0f3454)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1856a5 0%,#0f3454 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1856a5 0%,#0f3454 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1856a5 0%,#0f3454 100%); /* IE10+ */
background: linear-gradient(to bottom, #1856a5 0%,#0f3454 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1856a5', endColorstr='#0f3454',GradientType=0 ); /* IE6-9 */

	border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-family: "adelleregularwebfont";
    font-size: 11px;
    padding: 7px 20px;
}
.readmore:hover {
	background: #0f3454; /* Old browsers */
background: -moz-linear-gradient(top, #0f3454 0%, #1856a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f3454), color-stop(100%,#1856a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0f3454 0%,#1856a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0f3454 0%,#1856a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0f3454 0%,#1856a5 100%); /* IE10+ */
background: linear-gradient(to bottom, #0f3454 0%,#1856a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f3454', endColorstr='#1856a5',GradientType=0 ); /* IE6-9 */
}
/*ourwork*/
.ourwork {
    background-color: #ebebeb;
    float: left;
    padding-bottom: 35px;
    width: 100%;
}
.ourwork .heading {
    background-color: #ccc;
	text-align:center;
	color:#fff;
	font-family:"steelfish rg";
}
.ourwork .heading h1 {
    display: inline-block;
    font-size: 42px;
    line-height: 42px;
}
.view-all-link {
    padding: 16px 0;
    text-align: right;
	font-family:"adelleregularwebfont";
}
.view-all-link > a {
    color: #0f3353;
    font-size: 14px;
}
.col5 {
    float: left;
    margin-bottom: 16px;
    margin-right: 16px;
    position: relative;
    width: 207px;
}
.last { margin-right:0;}


.project-link {
    background-color: #267ac3;
    border-radius: 10px;
    font-family: "adelleregularwebfont";
    font-size: 18px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    text-align: center;
    top: -38%;
    visibility: hidden;
    width: 88px;
    z-index: 2;
	transition-duration:0.5s;
	opacity:0;
}
.col5:hover .project-link {
	top:30%;
	visibility:visible;
	transition-duration:0.5s;
	opacity:1;
}
.project-link a {
	color:#fff;
	padding: 18px 0;
	display:block;
}
.project-img { overflow:hidden;}
.project-img > img {
    width: 100%;
}
.project-img img {
	width:100%;
	display:flex;
	
	-webkit-transition:all 0.5s linear; 
	-moz-transition:all 0.5s linear; 
	-o-transition:all 0.5s linear; 
	-ms-transition:all 0.5s linear; 
	transition:all 0.5s linear;
}
.col5:hover .project-img img{ 
	-moz-transform:scale(1.2); 
	-o-transform:scale(1.2); 
	-ms-transform:scale(1.2); 
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}



.work-text {
    background-color: #4a657a;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.9;
    position: absolute;
    text-align: center;
	font-family: "adelleregularwebfont";
	z-index:1;
	opacity:0;
	display:none;
	width:100%;
}
.slides > li > a:hover .work-text {
	opacity:0.8;
	display:block;
}
.work-text > p {
    display: inline-block;
    font-size: 15px;
    margin: 55px 10px 12px;
}



/*contactus*/
.leftside.white .inner-text {
	background-color:#fff;
    float: left;
    padding: 12px 0 0 12px;
	color:#0f3353;
}
.leftside.white:after {
    background-image: url("images/white-bg-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    content: " ";
    height: 11px;
    margin-top: -18px;
    padding: 8px 1px;
    position: absolute;
    top: 50%;
    width: 17px;
}
.leftside.white .know-more {
    background-color: #bdbfc0;
    background-image: url("images/readmore-bg.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #0f3353;
    display: inline-block;
    float: right;
    font-family: "steelfish rg";
    font-size: 22px;
    line-height: 55px;
   padding-right:65px; padding-left:55px; padding-top:-2px;
}
.leftside.white .know-more:hover {
	background:#d9dbdc;
	background-image: url("images/readmore-bg.png");
    background-position: 150px center;
    background-repeat: no-repeat;
}
.contactus .inner-text p span {
    line-height: 21px;
    margin-bottom: 10px;
}
.contactus .inner-text p span.left {
    float: left;
    width: 65px;
}
.contactus .inner-text p span.right {
    float: left;
    width: 125px;
}

/*inner-page*/
.inner-page {
    clear: both;
    padding: 30px 0 40px;
	font-family: adelleregularwebfont;
	font-size: 18px;
}
.left-sidebar {
    float: left;
    width: 22%;
}
.left-sidebar .inner-content {
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(left, #f0f0f0 0%, #ffffff 20%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(20%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f0f0f0 0%,#ffffff 20%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f0f0f0 0%,#ffffff 20%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f0f0f0 0%,#ffffff 20%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #f0f0f0 0%,#ffffff 20%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.right-content {
    float: left;
    width: 78%;
}
.inner-page h1 { line-height:40px; margin-bottom:15px; color:#0f3353;}
.inner-page h2 { line-height:30px; margin-bottom:15px;}
.inner-page h1, .left-sidebar h2 {
    font-family: steelfish rg;
	letter-spacing:2px;
}
.right-content .inner-content > p {
    margin-bottom: 18px;
}
.left-sidebar .inner-content {
    margin-left: 20px;
}
.left-sidebar h2 {
    background: none repeat scroll 0 0 #0f3353;
    color: #fff;
    padding: 10px 8px;
}
.col5:hover .work-text {
    display: block;
    opacity: 0.8;
}
.sidebar-menu li {
    padding-left: 14px;
}
.sidebar-menu {
    font-size: 14px;
}
.sidebar-menu li {
    border-bottom: 1px dotted #ccc;
    line-height: 36px;
}
.sidebar-menu li a {
	color:#0f3353;
}



/*footer*/
.footer {
    background-color: #1857a6;
    clear: both;
    color: #fff;
    float: left;
    padding: 14px 0 10px;
    width: 100%;
	font-family:"adelleregularwebfont";
}
.copyright {
    float: left;
    font-size: 11px;
    margin-top: 18px;
    width: 400px;
}
.card-icons {
    float: left;
    width: 500px;
}
.card-icons > img {
    margin-right: 6px;
}
.madeby {
    float: right;
    margin-top: 0px;
    width: 60px;
}
.madeby > img {
    display: flex;
}



/**************************************************menu***************************************************/
#menu-toggle {
    color: #fff;
    display: none;
    float: right;
}
#main-menu {
    float: right;
    /*margin-right: 10px;*/
}
#main-menu > li {
	display: inline-block;
	padding: 0;
	float:left;
}
#main-menu > li > a {
    color: #0f3353;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-left: 8px;
    padding: 43px 8px 6px;
    text-decoration: none;
}
#main-menu > li:hover > a, 
#main-menu > li.current-menu-item > a {
    background-image: url("images/hover1.png");
    background-position: center top;
    background-repeat: no-repeat;
    box-shadow: 0 7px 0 #0f3353 inset;
}
#main-menu li {
	position: relative;
}

#main-menu  ul{ display:none; background:#0F3353; color:#fff; position:absolute; z-index:99;
 width:170px; padding: 5px 0;border-top: 4px double #ccc;}
#main-menu ul li{ font-size:16px; color: #0f3353; padding:5px 18px; text-transform:capitalize}
#main-menu ul li a{color: #fff;}
#main-menu ul li:hover{ color:#C60D40; background: url("images/hover1.png") no-repeat 0 0/100%}
#main-menu ul li:hover a{ color:#ccc}
#main-menu li:hover ul{ display:block}
ul.sub-menu {
	display: none;
	left: 0px;
	top: 92px;
	padding-top: 10px;
	position: absolute;
	width: 150px;
	z-index: 9999;
}
ul.sub-menu ul.sub-menu { 
	margin-top: -1px;
	padding-top: 0;
	left: 149px;
	top: 0px;
}
ul.sub-menu > li > a {
	background-color: #333;
	border: 1px solid #444;
	border-top: none;
	color: #bbb;
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 10px 12px;
}
ul.sub-menu > li > a:hover {
	background-color: #2a2a2a; 
	color: #fff;
}
ul.sub-menu > li:first-child {
	border-top: 3px solid #287ad3;
}
ul.sub-menu ul.sub-menu > li:first-child {
	border-top: 1px solid #444;
}
ul.sub-menu > li:last-child > a {
	border-radius: 0 0 2px 2px;
}
ul.sub-menu > li > a.parent:after {
	font-family: 'FontAwesome';
	content: "\f105";
	float:right;
	font-size:16px;
	color:#A0CE4E;
}

#main-menu li:hover > ul.sub-menu {
	display: block;
}

.rightexpertise {
    width: 886px\9 !important;
}
.rightaboutus > iframe > html > body > #mapDiv > .gm-style{margin-left:10px !important; width:97% !important; height: 100%; overflow: hidden; position: absolute; top: 0;z-index: 0;} 
/*priyanka*/

@media all and (max-width: 767px) {
	.menu {
		background: none repeat scroll 0 0 #0f3353;
	}
	
	.menu {
		width: 170px;
	}
	.menu {
		z-index: 1000;
	}

	#navigation {
		margin-top: 41px;
		position: static;
		width: 100%;
	}

	#menu-toggle {
		background-image: url("images/toggle.png");
		background-position: right center;
		background-repeat: no-repeat;
		display: block;
		font-family: helvetica;
		font-size: 18px;
		padding-bottom: 10px;
		padding-right: 47px;
		padding-top: 10px;
	}

	#main-menu {
		display: none;
		float: none;
		margin-right:0px;
	}

	#main-menu li {
		display: block;
		margin: 0;
		padding: 0;
		float:none;
	}

	#main-menu > li {
		margin-top: -1px;
	}

	#main-menu > li:first-child {
		margin-top: 0;
	}

	#main-menu > li > a {
		background-color: #333;
		border: 1px solid #444;
		color: #bbb;
		display: block;
		font-size: 14px;
		padding: 12px !important;
		padding: 0;
		line-height:normal;
	}

	#main-menu li > a:hover {
		background-color: #444; 
	}

	#main-menu > li.parent {
		background: none !important;
		padding: 0;
	}

	#main-menu > li:hover > a,
	#main-menu > li.current-menu-item > a {
		border: 1px solid #444 !important;
		color: #fff !important;
		background:none;
	}

	ul.sub-menu {
		display: block;
		margin-top: -1px;
		margin-left: 0px;
		position: static;
		padding: 0;
		width: inherit;
	}

	ul.sub-menu > li:first-child {
		border-top: 1px solid #444 !important;
	}

	ul.sub-menu > li > a.parent {
		background: #333 !important;
	}
}
/**************************************************menu***************************************************/
/**************************************************/
/*************CompanyNAME MEDIAqueries****************/
/**************************************************/
/*
@media only screen and (min-width: 1161px) and (max-width: 1260px) {
	.container, .fix_column {
		width:98%;
	}
}

@media only screen and (min-width: 1061px) and (max-width: 1160px) {
	.container, .fix_column {
		width:98%;
	}
}
*/
@media only screen and (min-width: 3301px) and (max-width: 4300px) {
	.main-slider {
		width:1100px;
		margin: 0 auto;
	}
	.home-slider .center-text .inner-text {
    color: #fff;
    margin: 26% 0;
}
}
@media only screen and (min-width: 2301px) and (max-width: 3300px) {
	.main-slider {
		width:1100px;
		margin: 0 auto;
	}
	.home-slider .center-text .inner-text {
    margin: 26% 0;
}
}
@media only screen and (min-width: 1301px) and (max-width: 2300px) {
	.main-slider {
		width:1100px;
		margin: 0 auto;
	}
.home-slider .center-text .inner-text {
    margin: 23% 0;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.home-slider .center-text .inner-text {
    margin: 29% 0;
}
}
@media only screen and (min-width: 1161px) and (max-width: 1200px) {
	.container, .fix_column {
		width:99%;
	}
	
	
	
	
	.leftside {
    width: 22%;
}
.rightexpertise {
    width: 78%;
}
.expertise {
    width: 20%;
}
.rightaboutus {
    width: 78%;
}
.col5 {
    width: 18.6%;
}
.home-slider .center-text .inner-text {
    margin: 27% 0;
}
.copyright, .card-icons, .madeby { width:auto;}
.card-icons { margin:0 20px;}
}
@media only screen and (min-width: 1061px) and (max-width: 1160px) {
	.container, .fix_column {
		width:99%;
	}
	.leftside {
    width: 22%;
}
.rightexpertise {
    width: 78%;
}
.expertise {
    width: 20%;
}
.rightaboutus {
    width: 78%;
}
.col5 {
    width: 18.6%;
}
.home-slider .center-text .inner-text {
    margin: 25% 0;
}
.copyright, .card-icons, .madeby { width:auto;}
.card-icons { margin:0 20px;}
}
@media only screen and (min-width: 960px) and (max-width: 1060px) {
	.container, .fix_column {
		width:98%;
	}

.home-slider .center-text .inner-text {
    margin: 25% 0;
}

/*.home-slider .center-text .inner-text {
    margin: 180px 0;
}*/
.leftside {
    width: 22%;
}
.rightexpertise {
    width: 78%;
}
.expertise {
    width: 20%;
}
.rightaboutus {
    width: 78%;
}
.col5 {
    width: 18.6%;
}

.copyright, .card-icons, .madeby { width:auto;}
.card-icons { margin:0 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width:98%;
	}
	#main-menu > li > a {
    margin-left: 0;
}
.menu {
    margin-left: 0px;
}





/*.home-slider .center-text .inner-text {
    margin: 180px 0;
}*/
.leftside {
    display: table;
    padding-right: 0;
    width: 100%;
}
.leftside.blue:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
.leftside.blue .inner-text {
    padding: 12px 0 0;
}
.expertise {
    float: left;
    text-align: center;
    width: 20%;
}
.rightexpertise {
    margin-left: 0;
    width: 100%;
}
.leftside.black .inner-text {
    padding: 12px 0 0;
}
.leftside.black:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.leftside.white:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.rightaboutus {
    margin-left: 0;
    width: 100%;
}
.col5 {
    width: 31%;
}
.copyright {
    width: auto;
}
.card-icons {
    width: auto;
	margin:0 30px;
}
.madeby {
    width: auto;
}
.our-expertise {
		background: #1857a6; /* Old browsers */
background: -moz-linear-gradient(top, #1857a6 0%, #1857a6 50%, #ffffff 52%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1857a6), color-stop(52%,#1857a6), color-stop(22%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1857a6 0%,#1857a6 50%,#ffffff 52%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1857a6 0%,#1857a6 50%,#ffffff 52%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1857a6 0%,#1857a6 50%,#ffffff 52%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #1857a6 0%,#1857a6 50%,#ffffff 52%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1857a6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.aboutus {
	background: #252525; /* Old browsers */
background: -moz-linear-gradient(top, #252525 0%, #252525 53%, #989797 56%, #989797 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(53%,#252525), color-stop(56%,#989797), color-stop(100%,#989797)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* IE10+ */
background: linear-gradient(to bottom, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#989797',GradientType=0 ); /* IE6-9 */
	}
	.leftside.white .inner-text {
    width: 100%;
}
.leftside.white .inner-text {
    padding: 12px 0 0;
}
.card-icons { margin:0 20px;}
.leftside .inner-text h1,
	.leftside .inner-text p {
	text-align:center;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width:98%;
	}
	.header { height:auto;}
	.logo {
    float: left;
    text-align: center;
    width: 100%;
}
	.logo img {
		width:auto;
	}
	.menu {
		margin-left: 0;
		padding: 2px 0 4px;
		width: 100%;
	}
	.menu #menu-toggle {
		margin-right:10px;
	}
	
	
	
	
	/*.home-slider .center-text .inner-text {
    margin: 150px 0;
}*/
	
	.home-slider .center-text {
    width: 100%;
}
.home-slider h1 {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 18px;
}
.home-slider .inner-text > p {
    font-size: 15px;
    line-height: 19px;
}
	.our-expertise {
		background: #1857a6; /* Old browsers */
background: -moz-linear-gradient(top, #1857a6 0%, #1857a6 20%, #ffffff 22%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1857a6), color-stop(20%,#1857a6), color-stop(22%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1857a6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.leftside {
		color: #fff;
		float: left;
		padding-bottom: 18px;
		position: relative;
		width: 100%;
		padding-right:0;
	}
	.leftside.blue:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.rightexpertise {
		margin: 0 auto;
		width: 100%;
	}
	.expertise {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.rightaboutus {
    float: left;
    margin: 0 auto;
    width: auto;
}
.leftside.black .inner-text {
    padding: 12px 0 0;
}
.leftside.black:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.aboutus {
	background: #252525; /* Old browsers */
background: -moz-linear-gradient(top, #252525 0%, #252525 53%, #989797 56%, #989797 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(53%,#252525), color-stop(56%,#989797), color-stop(100%,#989797)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* IE10+ */
background: linear-gradient(to bottom, #252525 0%,#252525 53%,#989797 56%,#989797 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#989797',GradientType=0 ); /* IE6-9 */
	}
	.rightaboutus .inner-text {
    margin: 40px 12px;
}
.rightaboutus {
    float: left;
    margin: 0 auto;
    width: 100%;
}
	
	
	.col5 {
    margin-right: 0;
    width: 100%;
}
.work-text {
    height: 46%;
}

.col5:hover .project-link {
	top:45%;
}

.leftside.white:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	
	

.card-icons {
    display: inline-block;
    float: left;
    margin: 15px 0;
    text-align: center;
    width: auto;
}
.madeby {
    width: auto;
}
.left-sidebar, .right-content {
    margin-bottom: 20px;
    width: 100%;
}
.left-sidebar .inner-content,
.right-content .inner-content {
    margin:0 10px;
}
.leftside .inner-text h1,
.leftside .inner-text p {
	text-align:center;
}

}

@media only screen and (max-width: 480px) {
	.container {
		width:92%;
	}
	.header { height:auto;}
	.logo {
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
	.menu {
		margin-left: 0;
		padding: 10px 0;
		width: 100%;
	}
	.menu #menu-toggle {
		margin-right:10px;
	}
	
	/*.home-slider .center-text .inner-text {
    margin: 94px 0;
}*/
	
	.home-slider .center-text {
    width: 100%;
}
.home-slider h1 {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 18px;
}
.home-slider .inner-text > p {
    font-size: 15px;
    line-height: 19px;
}
	.our-expertise {
		background: #1857a6; /* Old browsers */
background: -moz-linear-gradient(top, #1857a6 0%, #1857a6 20%, #ffffff 22%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1857a6), color-stop(20%,#1857a6), color-stop(22%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1857a6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.leftside {
		color: #fff;
		float: left;
		padding-bottom: 18px;
		position: relative;
		width: 100%;
		padding-right:0;
	}
	.leftside.blue:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.rightexpertise {
		margin: 0 auto;
		width: 100%;
	}
	.expertise {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.rightaboutus {
    float: left;
    margin: 0 auto;
    width: auto;
}
.leftside.black .inner-text {
    padding: 12px 0 0;
}
.leftside.black:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.aboutus {
	background: #252525; /* Old browsers */
background: -moz-linear-gradient(top, #252525 0%, #252525 38%, #252525 38%, #989797 40%, #989797 40%, #989797 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(38%,#252525), color-stop(38%,#252525), color-stop(40%,#989797), color-stop(40%,#989797), color-stop(100%,#989797)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #252525 0%,#252525 38%,#252525 38%,#989797 40%,#989797 40%,#989797 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #252525 0%,#252525 38%,#252525 38%,#989797 40%,#989797 40%,#989797 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #252525 0%,#252525 38%,#252525 38%,#989797 40%,#989797 40%,#989797 100%); /* IE10+ */
background: linear-gradient(to bottom, #252525 0%,#252525 38%,#252525 38%,#989797 40%,#989797 40%,#989797 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#989797',GradientType=0 ); /* IE6-9 */
	}
	.rightaboutus .inner-text {
    margin: 40px 12px;
}
	
	
	.col5 {
    margin-right: 0;
    width: 100%;
}
.work-text {
    height: 46%;
}

.col5:hover .project-link {
	top:45%;
}

.leftside.white:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	
	
	
	.copyright {
    font-size: 15px;
    margin-bottom: 26px;
    text-align: center;
    width: 100%;
}
.card-icons {
    margin: 0 0 15px;
    width: 100%;
}
.madeby {
    width: auto;
}
.left-sidebar, .right-content {
    margin-bottom: 20px;
    width: 100%;
}
.left-sidebar .inner-content {
    margin-left: 0;
}
	.leftside .inner-text h1,
	.leftside .inner-text p {
	text-align:center;
}
}
@media only screen and (max-width: 320px) {
	.container {
		width:94%;
	}
	
	/*.home-slider .center-text .inner-text {
    margin: 94px 0;
}*/
	
	.home-slider .center-text {
    width: 100%;
}
.home-slider h1 {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 18px;
}
.home-slider .inner-text > p {
    font-size: 15px;
    line-height: 19px;
}
	.our-expertise {
		background: #1857a6; /* Old browsers */
background: -moz-linear-gradient(top, #1857a6 0%, #1857a6 20%, #ffffff 22%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1857a6), color-stop(20%,#1857a6), color-stop(22%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #1857a6 0%,#1857a6 20%,#ffffff 22%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1857a6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.leftside {
		color: #fff;
		float: left;
		padding-bottom: 18px;
		position: relative;
		width: 100%;
		padding-right:0;
	}
	.leftside.blue:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.rightexpertise {
		margin: 0 auto;
		width: 100%;
	}
	.expertise {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.rightaboutus {
    float: left;
    margin: 0 auto;
    width: auto;
}
.leftside.black .inner-text {
    padding: 12px 0 0;
}
.leftside.black:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	.aboutus {
	background: #252525; /* Old browsers */
background: -moz-linear-gradient(top, #252525 0%, #252525 32%, #989797 34%, #989797 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(32%,#252525), color-stop(34%,#989797), color-stop(100%,#989797)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #252525 0%,#252525 32%,#989797 34%,#989797 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #252525 0%,#252525 32%,#989797 34%,#989797 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #252525 0%,#252525 32%,#989797 34%,#989797 100%); /* IE10+ */
background: linear-gradient(to bottom, #252525 0%,#252525 32%,#989797 34%,#989797 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#989797',GradientType=0 ); /* IE6-9 */
	}
	.rightaboutus .inner-text {
    margin: 40px 12px;
}
	
	
	.col5 {
    margin-right: 0;
    width: 100%;
}


.col5:hover .project-link {
	top:40%;
}

.leftside.white:after {
		bottom: 0;
		left: 50%;
		margin-top: -6px;
		padding: 8px 0;
		top: 100%;
		transform: rotate(90deg);
		
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	
	
	
	.copyright {
    font-size: 15px;
    margin-bottom: 26px;
    text-align: center;
    width: 100%;
}
.card-icons {
    margin: 0 0 15px;
    width: 100%;
}
.madeby {
    width: auto;
}
.left-sidebar, .right-content {
    margin-bottom: 20px;
    width: 100%;
}
.left-sidebar .inner-content {
    margin-left: 0;
}
	.leftside .inner-text h1,
	.leftside .inner-text p {
	text-align:center;
}

}
.clearfix:before, .clearfix:after {
	content: "\0020"; 
	display: block; 
	clear: both;
}

ul.slides1 li {float:left;width:230px; position:relative;}
.text-block{text-align:center;position:absolute;width:90%; z-index:99; color:#fff;font-size:14px; background:rgba(11, 86, 166, 0.8);padding:10px; bottom:10px;}