/*

* Skeleton V1.2

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 6/20/2012

*/



/* Table of Content

==================================================

	#Basic Styles

	#Page Styles

	#Media Queries

	#Font-Face */

	



/* #Basic Styles

================================================== */



@font-face {

  font-family: 'fontello';

  src: url('../fonts/fontello.eot?95244417');

  src: url('../fonts/fontello.eot?95244417#iefix') format('embedded-opentype'),

       url('../fonst/fontello.woff?95244417') format('woff'),

       url('../fonts/fontello.ttf?95244417') format('truetype'),

       url('../fonts/fontello.svg?95244417#fontello') format('svg');

  font-weight: normal;

  font-style: normal;

}











ol, ul {

		list-style: none; margin:0px; padding:0px; }

		

ul, ol { margin-bottom: 0px; }

	ul { list-style: none outside; }

	ol { list-style: decimal; }

	ol, ul.square, ul.circle, ul.disc { margin-left: 0px; }

	ul.square { list-style: square outside; }

	ul.circle { list-style: circle outside; }

	ul.disc { list-style: disc outside; }

	ul ul, ul ol,

	ol ol, ol ul { margin: 0px 0 0px 0px; font-size: 90%;  }

	ul ul li, ul ol li,

	ol ol li, ol ul li { margin-bottom: 0px; }

	li { line-height: 18px; margin-bottom: 0px; }

	ul.large li { line-height: 21px; }

	li p { line-height: 21px; }



/* buttons */



.colio-navigation { display:none;}



.nav-links {

	margin-bottom: 2px;

}

.nav-links:before {

	content: '';

	display: block;

	width: 10px;

	height: 0;

	border-top: 1px solid #ccc;

	margin-bottom: 10px;

}

.nav-links a {

	font-weight: bold;

	text-decoration: none;

	color: #555;

}

.nav-links a:hover {

	color: #ff5452;

}

/* portfolio filters */



.portfolio .filters {

	float: left;

	margin: 20px 0px 20px 0;

}

.portfolio .filters a {

	display: inline-block;

	margin-left: 0px;

	padding: 5px 10px;

	color: #096599;

	text-decoration: none;

	outline:0;

	

	font-family: 'Roboto Condensed', sans-serif;

	text-transform: uppercase;

	font-size: 13px;

}

.portfolio .filters a:hover {

	color: #fff;

	background: #096599;

	padding: 5px 10px;

}

.portfolio .filters a.filter-active {

	color: #fff;

	background: #096599;

	padding: 5px 10px;

}

/* portfolio list */



.portfolio .list {

	clear: both;

}

.portfolio .list li {

	float: left;

	margin: 0px 0px 0px 0px;

	width: 25%;

	padding: 0px;

}

.portfolio .list .thumb {

	position: relative;

	width: 100%;

	margin-bottom: 0px;

	overflow: hidden;

}

.portfolio .list .thumb img {

	height: auto;

	vertical-align: top;

	width: 100%;

}

.portfolio .list .view {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background: hsla(0, 0%, 0%, 0.8) none repeat scroll 0 0;

	text-align: center;

	line-height: 0;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: opacity 0.3s, visibility 0s linear .3s;

	-moz-transition: opacity 0.3s, visibility 0s linear .3s;

	-o-transition: opacity 0.3s, visibility 0s linear .3s;

	transition: opacity 0.3s, visibility 0s linear .3s;

	-webkit-transform: translate3d(0, 0, 0);

}

.portfolio .list .thumb:hover .view {

	visibility: visible;

	opacity: 1;

	-webkit-transition-delay: 0s;

	-moz-transition-delay: 0s;

	-o-transition-delay: 0s;

	transition-delay: 0s;

}

.portfolio .list .view .button {

	position: relative;

	top: 50%;

	margin-top: -17px;

}

.portfolio .list h4 {

	text-align: center;

}

.portfolio .list h4 a {

	text-decoration: none;

}

.portfolio .colio-active-item h4 a {

	background: #ccc;

	padding: 2px 10px;

}

.portfolio .list p {

	text-align: center;

	font-size: 12px;

	line-height: 1.3em;

}

/* footer */



footer {

	margin-bottom: 21px;

}

footer .copyright {

	font-family: Arial, sans-serif;

	font-size: 12px;

	line-height: 1em;

	color: #999;

}

/* scroll up */



#scrollUp {

	position: fixed;

	bottom: 5px;

	right: 10px;

	width: 42px;

	height: 42px;

	background: #eee url(../images/scrollup.png) no-repeat center;

	font: 0/0 a;

	text-shadow: none;

	color: transparent;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

#scrollUp:hover {

	background-color: #e5e5e5;

}

 



.industry-btn { width:200px; margin-top:18px; text-transform:uppercase; background:#f1f1f1; float:left; text-align:left; border:none; padding:7px 7px; color:hsl(0, 0%, 60%); 	font-family: 'Roboto Condensed', sans-serif; font-size:13px; }

.btn-group > .btn, .btn-group-vertical > .btn { text-align:left; }

.industry-toggle { float:right;}



.btn-group.open .dropdown-toggle { background:#e1e1e1; 	font-family: 'Roboto Condensed', sans-serif; font-size:13px; text-transform:uppercase;}

.indstry-float-div { float:right; padding-right:30px;}



.topmenu-bullet { background:url(../images/company-bullet.png) no-repeat left 28px;  float:left;}

.topmenu-bullet-services { background:url(../images/services-bullet.png) no-repeat left 28px;  float:left;}

.topmenu-bullet-product { background:url(../images/product-bullet.png) no-repeat left 28px;  float:left;}

.topmenu-bullet-industry { background:url(../images/industry-bullet.png) no-repeat left 28px;  float:left;}



.footer-bg{ background:#f2f2f2; width:100%; min-height:60px; margin-top:0px;}

.footer-copyright { float:left; padding:20px 0 0 60px; font-family: 'Roboto Condensed', sans-serif; font-size:12px; color:#9c9c9c; text-transform:uppercase;}

.indstry-float-div2 { float:left;}



.billonior-bg{ background:#221a27;}

.details-logo{ text-align:center; top:-25px; position:relative;}

.details-logo img{ width:100%;}

.details-browser img {  width:100%; }

.portfolio-details-img { padding:0 0 0 0;}

.portfolio-details-img img{ width:100%; padding:0 0 60px 0;}

.portfolio-details{ padding:0 0 0 0;}

.portfolio-details2{ padding:0 0 0 0;}

.portfolio-details2 img{ width:100%; padding:0 0 0 0;}

.nopadding{ padding:0px !important;}

.portfolio-details3 img{ width:100%; padding:0 0 0px 0;}



.portfolio-details4 img{ width:100%; padding:0 0 0px 0;}



.getaquote-btn {

    background:#096;

    border: 0 none;

    cursor: pointer;

    float: left;

    height: 33px;

    margin: 19px 15px 0 10px;

    padding: 5px 10px;

    

	color:#fff;

	font-family: 'Roboto Condensed', sans-serif; font-size:15px;

	text-transform:uppercase;

}



.getaquote-form label {

    color: hsl(0, 0%, 100%);

    display: block;

  font-family: 'Roboto Condensed', sans-serif;

    font-size: 13px;

    margin-bottom: 8px;

	text-transform:uppercase;

}

.form-group > span {

    color: hsl(0, 100%, 50%) !important;

    display: block;

    margin-bottom: 5px;

    transition: all 0.25s ease-in-out 0s;

}



.form-control, .form-control::before, .form-control::after {

    border: 0 none;

    box-sizing: border-box;

   font-family: 'Roboto Condensed', sans-serif;

    font-size: 12px;

}



.menu-white li a { color:#000 !important;}

.white { background:#fff !important;}



.astarta-bg{ background:#521611;}

.t-padding50{ padding-top:80px;}
.t-padding30{ padding-top:30px;}
.inntranet-bg{ background:#634e74;}

.mercury-bg{ background:url(../images/mercury/mercury-bg.jpg) repeat center top;}

.planet-bg{ background:#575757;}







.demo-icon {

    display: inline-block;

    font-family: "fontello";

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 1em;

    margin-left: 0.2em;

    margin-right: 0.2em;

    text-align: center;

    text-decoration: inherit;

    text-transform: none;

    width: 1em;

	color:#0089dd;

}



.service-icon {

    display: inline-block;

    font-family: "fontello";

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 1em;

    margin-left: 0.2em;

    margin-right: 0.2em;

    text-align: center;

    text-decoration: inherit;

    text-transform: none;

    width: 1em;

	color:#eb0084;

}



.prduct-icon {

    display: inline-block;

    font-family: "fontello";

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 1em;

    margin-left: 0.2em;

    margin-right: 0.2em;

    text-align: center;

    text-decoration: inherit;

    text-transform: none;

    width: 1em;

	color:#f57d18;

}





.industry-icon {

    display: inline-block;

    font-family: "fontello";

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 1em;

    margin-left: 0.2em;

    margin-right: 0.2em;

    text-align: center;

    text-decoration: inherit;

    text-transform: none;

    width: 1em;

	color:#30a124;

}



.client-icon {

    display: inline-block;

    font-family: "fontello";

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 1em;

    margin-left: 0.2em;

    margin-right: 0.2em;

    text-align: center;

    text-decoration: inherit;

    text-transform: none;

    width: 1em;

	color:#bb00dd;

}



.contact-icon {

    display: inline-block;

    font-family: "fontello";

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: 1em;

    margin-left: 0.2em;

    margin-right: 0.2em;

    text-align: center;

    text-decoration: inherit;

    text-transform: none;

    width: 1em;

	color:#0bcae6;

}



.preview-glyph .icon {

    cursor: default;

    display: inline-block;

    margin-right: 0.5em;

    min-width: 1em;

    text-align: center;

}

.font-fontello {

    font-family: "fontello";

}





.btn-cover {

   /* display: none;*/

    height: 119px;

    position: fixed;

    right: 45px;

    top: 50%;

    width: 57px;

    z-index: 700;

	margin-top:-9.5px;

}

.btn-cover-last {

    bottom: 0;

    height: 77px;

    top: auto;

}

.btn-cover .side-nav {

    float: left;

    height: 119px;

    margin: 0;

    padding-top: 0;

    width: 39px;

	margin:-25px 0 0 61px;

}

.btn-cover .side-nav a {

    background: #424242;

    display: block;

    float: left;

    height: 39px;

    width: 39px;

	outline:0;

	text-align:center;

	color:#FFF;	

}

.btn-cover .side-nav a:hover {

    background: #ed1c24;

}

.btn-cover .side-nav > .prev > a {

    margin-bottom: 5px;

}

.btn-cover .side-nav a i{ font-size:20px; margin-top:8px;}

.verti-btn i{ position:absolute; left:12px; top:16px;}



.details-title{color:#FFF; margin-bottom:30px; font-size:30px;}

.verti-btn{

 float: left;

    margin-left: 61px;   

    transform: rotate(-90deg);

    transform-origin: left top 0;

	background:#424242;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:13px;

	width:133px;

	

}

.verti-btn a{color:#FFF; display:block;  padding: 10px 10px 10px 30px;}

.verti-btn a:hover, .verti-btn a:focus{ background:#ed1c24; color:#FFF; text-decoration:none;}







/* Nav

*****************************************************************/



nav#primary {

	z-index: 900;

	position: fixed;

	top: 71%;

	right: 11px;

	margin-top: -40px;

}

nav#primary li {

	position: relative;

	height: 20px;

}

nav#primary a {

	display: block;

	width: 20px;

	height: 20px;

	text-indent: -9999px;

	background: transparent url('../images/nav-dot.png') 4px 4px no-repeat; 

	outline:0;

}

nav#primary a:hover, nav#primary a.active {

	background: transparent url('../images/nav-dot.png') 4px -16px no-repeat;

}

nav#primary h1 {

	position: absolute;

	right: 22px;

	top: -7px;

	display: none;

	padding: 4px 20px 4px 7px;;

	color: #fff;

	white-space: nowrap;

	background: transparent url('../images/nav-arrow.png') 100% 50% no-repeat;

	}

.side_link{

    background: #424242 none repeat scroll 0 0;

    left: 61px;

    padding: 10px 10.5px;

    position: absolute;

    top: -187px;

}

.side_link:hover{ background:#ed1c24;}

.side_link i{ font-size:19px; color:#FFF;}

.first-padd-top{padding-top:72px;}
.last-padd-bottom{padding-bottom:30px;}
#header-wrap.header-wrap-projects{ background:url(../images/inner_main_Bg.jpg) 0 0 no-repeat;}
#loader {
	text-align: center;
	display: none;
}
.view-more-btn {
    background: #fff;
    color: #333;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 30px;
    padding: 15px;
    text-transform: uppercase;
}
#loader{
    clear: both;
    float: none;
    padding: 50px 0;
}