/* ==== Google font ==== */


/* === prettify === */
@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === */
@import url('font-awesome.css');
/* === custom icon === */
@import url('custom-fonts.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');

/* general */

body {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#656565;
}

a:active {
	outline:0;
}

.clear {
	clear:both;
}

h1,h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight:700;
	line-height:1.1em;
	color:#333;
	margin-bottom: 20px;
}

/* layout */



#wrapper{
	width:100%;
	margin:0;	
	padding:0;
}


.row,.row-fluid {
	margin-bottom:30px;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:30px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}




/* navbar */
.navbar-default {
    background-color: #FFF;
	border: none;
	margin-top:40px;
	margin-bottom:40px;
	
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
	font:Arial, Helvetica, sans-serif;
	font-size:36px;
}

.navbar-default .navbar-brand2 {
    color: #d02200;
	
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}

.navbar-nav {
	float:right;    
    margin-top:20px;
}



/* link */
.navbar-default .navbar-nav > li > a {
	
    color: #817c7c;
	font-size:14px;
	font-weight:bold;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #d02200;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #d02200;
    background:none;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
	
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #d02200;
	
	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #d02200;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
	
	
}


.flex-caption {
    bottom: 35px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    margin: 0;
    padding: 25px 25px 25px 30px;
    position: absolute;
    right: 0;
    width: 295px;
}

.flex-caption h3, .flex-caption h4 {
	color:#fff;
}

.btn-theme {
  border:1px solid #d02200;
  background: #d02200;
  color:#FFF;
}


/* welcome text */
.callaction {
	padding-top:40px;
	padding-bottom:20px;
	
}

.welcome_text{
	color:#484848;
	font-weight:normal;
	text-align:center;
}

.welcome_red{
	color:#d02200;
	font-weight:normal;
	text-align:center;
}

/* --- box --- */

.box {
	width: 100%;
	
}

.box:hover {

	border-left:#d02200 1px solid;
	
	border-right:#d02200 1px solid;
	border-top:#d02200 1px solid;
	width: 100%;
	
	
	
	
}

.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}



.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}
.box-bottom {
	padding: 20px 0;
	text-align: center;
	background-color:#d02200;
}
.box-bottom a {
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}


@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
		
    }
	


	
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
	
	
.box {
    border-bottom: 1px solid #e9e9e9;
    margin-top:20px;
}	
	










@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}


	.search{
		float:left;
	}

	.flexslider .flex-caption {
		display:none;
	}


	.cta-text {
		margin:0 auto;
		text-align:center;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}


.navbar-nav {
	float:left;    
    margin-top:20px;
}

}