@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:16px;}





/*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;}