a@charset "utf-8";
/* Bootstrap customize and private css  */


/*------------------------------------------------------------------
[Table of contents]

1. Html / Body
2. Footer and Social media icon
3. Address / Google Map / bootstrap modal / IFRAME
4. Template or sticky footer method. And .container .text-muted 
5. Menu & Mobil Menu 
6. Portfolio Content And Single Page

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Html / Body]
*/
html { position: relative; min-height: 100%;}
body { font-family: 'Open Sans Condensed', sans-serif;
    
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}



/*------------------------------------------------------------------
[2. Footer]
*/
.footer {
  position: absolute;
  width:100%;
  bottom: 0;
    padding:0px;
  /* Set the fixed height of the footer here */
  height: 50px;
  
}
.footer-small{ display:block; margin:10px; margin-left:30px; font-size:14px;}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}


.social-icons {
    float:right;
	padding: 0!important;
	margin: 0!important;
	list-style-type: none!important;
}
.social-icons ul {
        padding:0px;
        margin:0px;
    }
.social-icons li{
	float: left!important;
	margin-right: 2px!important;
	margin-bottom: 0px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;

}			
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: left!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color:transparent;
}
.social-icons li.aim a {
	background: url(../images/icons/aim.png) no-repeat 0 0;
}
.social-icons li.aim a:hover {
	background-color: #e95a00;
}
.social-icons li.apple a {
	background: url(../images/icons/apple.png) no-repeat 0 0;
}
.social-icons li.apple a:hover {
	background-color: #606060;
}
.social-icons li.behance a {
	background: url(../images/icons/behance.png) no-repeat 0 0;
}
.social-icons li.behance a:hover {
	background-color: #18a3fe;
}
.social-icons li.blogger a {
	background: url(../images/icons/blogger.png) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
	background-color: #fb913f;
}
.social-icons li.cargo a {
	background: url(../images/icons/cargo.png) no-repeat 0 0;
}
.social-icons li.delicious a {
	background: url(../images/icons/delicious.png) no-repeat 0 0;
}
.social-icons li.facebook a {
	background: url(../images/icons/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
.social-icons li.flickr a {
	background: url(../images/icons/flickr.png) no-repeat 0 0;
}
.social-icons li.flickr a:hover {
	background-color: #f1628b;
}
.social-icons li.google a {
	background: url(../images/icons/google.png) no-repeat 0 0;
}
.social-icons li.google a:hover {
	background-color: #dd4b39;
}
.social-icons li.googleplus a {
	background: url(../images/icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.html5 a {
	background: url(../images/icons/html5.png) no-repeat 0 0;
}
.social-icons li.html5 a:hover {
	background-color: #f3642c;
}
.social-icons li.linkedin a {
	background: url(../images/icons/linkedin.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}
.social-icons li.orkut a {
	background: url(../images/icons/orkut.png) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
	background-color: #ed2590;
}
.social-icons li.paypal a {
	background: url(../images/icons/paypal.png) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
	background-color: #32689a;
}
.social-icons li.picasa a {
	background: url(../images/icons/picasa.png) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
	background-color: #444;
}
.social-icons li.pinterest a {
	background: url(../images/icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.rss a {
	background: url(../images/icons/rss.png) no-repeat 0 0;
}
.social-icons li.rss a:hover {
	background-color: #fe9900;
}
.social-icons li.skype a {
	background: url(../images/icons/skype.png) no-repeat 0 0;
}
.social-icons li.skype a:hover {
	background-color: #18b7f1;
}
.social-icons li.tumblr a {
	background: url(../images/icons/tumblr.png) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
	background-color: #3a5976;
}
.social-icons li.twitter a {
	background: url(../images/icons/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}
.social-icons li.vimeo a {
	background: url(../images/icons/vimeo.png) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
	background-color: #62a0ad;
}
.social-icons li.wordpress a {
	background: url(../images/icons/wordpress.png) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
	background-color: #464646;
}
.social-icons li.yelp a {
	background: url(../images/icons/yelp.png) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
	background-color: #c41200;
}
.social-icons li.youtube a {
	background: url(../images/icons/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}



/*------------------------------------------------------------------
[3. Address / Google Map / bootstrap modal / IFRAME]
*/
iframe {width:100%;}
.modal-header{font-size:16px;}
.modal-content {
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    padding:0px;
}
.modal-body{padding:0px;}

address{font-size:16px; margin-top:20px;}
address a{text-decoration:none; color:#555;}
address a:hover{text-decoration:none; color:#555;}


/*------------------------------------------------------------------
[4. Template or sticky footer method. And .container .text-muted ]
*/

body > .container {padding: 60px 15px 0;}
.container .text-muted {  margin: 20px 0;}

.btn-danger{ background-color:#c9302c; }
.btn-danger:hover{background-color:#c9302c;}
.cbp-l-grid-projects-desc{height: 25px;}
i.glyphicon-map-marker{cursor:pointer;}
a.list-group-item:focus{background: transparent;}
.navbar-default .navbar-nav>li>a {
    color: #444;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
    position: absolute;
    float: none;
    left: 80%;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}


/*------------------------------------------------------------------
[5. Menu & Mobil Menu   ]
*/

.list-group a:hover{background:none;}
.list-group-item { border:0px; font-size:18px;}


/*Mobil Menu*/
.navbar-default { background-color: none; border-color: none;}
.navbar{border:0px;}
.navbar-nav>li>a{padding:0px;}
.nav>li>a{padding:0px}
.navbar-header img{cursor:pointer;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{background:#fff;}

/* Menu*/
.cbp-filter-item{cursor:pointer;}
.hvr-underline-from-center {display:block;}
.hvr-underline-from-center:before{background:#545454; height:2px;}



/*------------------------------------------------------------------
[6. Portfolio Content And Single Page  ]
*/
.portfolio-item { margin-bottom: 25px;}
.cbp-caption-activeWrap{ background:#000;}

/* CLOSE BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-close {
  background-position: -92px -138px;
}

.cbp-popup-singlePage .cbp-popup-close:hover {
  background-position: -92px -138px; }
.cbp-l-project-desc-text span{margin-left:10px;}




/*-------------------------------------------------------------------
 some CSS-code
------------------------------------------------------------------*/
.row{margin:0px; margin-top:10px;}

.progress {background: rgba(255, 255, 255, 1); border-radius: 10px; }
.pror-bor-black {border: 1px solid rgba(0, 0, 0, 1);}
.pror-bor-gey {border: 1px solid #cacaca;}
.pror-bor-red {border: 1px solid #d9534f}
.progress-bar-black {background: rgba(0, 0, 0, 1); }
.progress-bar-gey { background-color: #cacaca;}