/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 body, .navbar-default .nav li a { font-family: 'Open Sans', sans-serif; font-weight: 300; }

section h3.section-subheading {
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
	line-height: 26px;
	color: #777777;	
	margin-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
}
 
.btn-xl { background-color: #7f7f88; border-color: #7f7f88 }

header .intro-text .intro-small {
    margin-top: 40px;
		margin-bottom: 80px;        
    font-size: 16px;    
    line-height: 22px;
}

header .intro-text { padding-top: 260px; }

header .intro-text .intro-small .see-what {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
}

#clients ul { list-style-type: none; margin-bottom: 0; padding: 0 0 0 0; }
#clients ul li { text-align: center; }

section#about p { color: #000000; }

#portfolio-see-more {}

section#services h3 {
	/*
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
	line-height: 26px;
	color: #999999;	
	margin-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
	*/
}

section#services p {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 14px;
	color: #777777;
}

section#contact { 
    background-attachment: scroll;
    background-image: url(../img/header-bg.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#kudos-left, #kudos-right { display: inline; width: 10%; font-size: 18px; margin-top: 84px; }
#kudos-left i, #kudos-right i { cursor: pointer; }
#kudos-left { float: left; text-align: left; }
#kudos-right { float: right; text-align: right; }
#kudos-area { position: relative; width: 80%; height: 380px; overflow: hidden; display: inline; float: left; }
#kudos-expandable { position: relative; }
.kudos-item { position: absolute; top: 0; width: 100%; }
.kudos-item h3, .kudos-item h4, .kudos-item p { text-align: left; }
.kudos-item h3 { font-size: 18px; margin: 0 0 0 0; }
.kudos-item h4 { font-size: 14px; margin: 3px 0 5px 0;}
.kudos-item p { font-size: 12px; line-height: 18px;}
#kudos-cur { display: none; /*color: #FFF; margin 0; padding: 0; width: 100%; height: 1px; overflow: none;*/ }

.img-circle { margin: 0 auto; }
.lg-break { display: block; }
#about p { font-weight: normal; }
#about p.quote { font-size: 13px; margin-top: 30px; }

section#contact h3 { color: #FFFFFF; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-size: 16px; }
section#contact #contact-info-left { padding-top: 20px; color: #FFFFFF; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; }
section#contact #contact-info-right { padding-top: 20px; color: #FFFFFF; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; }

section#contact .form-group input.form-control, section#contact .form-group textarea.form-control { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #bbbbbb; }
#page-top section#contact input.form-control, #page-top section#contact textarea.form-control { background-color: #FFF; }
#page-top section#contact .form-group.error input.form-control, #page-top section#contact .form-group.error textarea.form-control { background-color: #FDD; }

.navbar-default .navbar-nav > .active > a { background-color: #7f7f88; }
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #7f7f88; color: #EEE; }
.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl { background: #222222; border-color: #222222; }
.navbar-default .nav li a:hover, .navbar-default .nav li a:focus { color: #CCC; }
.navbar-default .navbar-toggle { background-color: #7f7f88; border-color: #7f7f88; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #7f7f88; border-color: #7f7f88; }

.portfolio-modal .modal-content p.item-intro { font-family: 'Open Sans', sans-serif; }
.portfolio-item { margin-bottom: 30px; }

footer span.copyright { font-family: 'Open Sans', sans-serif; line-height: 22px; }

#portfolio-see-more { margin: 40px 0 20px; font-size: 18px; }

@media(min-width:768px) {
	.rwd-break { display: none; }	
	#about p.quote { font-size: 14px; }
	section#services p { font-size: 16px; line-height: 20px; }
	#kudos-left, #kudos-right { display: inline; width: 5%; font-size: 32px; margin-top: 60px; }
	#kudos-area { width: 90%; height: 220px; }	
	.kudos-item h3 { font-size: 24px; margin-bottom: 0; }
	.kudos-item h4 { font-size: 16px; margin: 3px 0 5px 0;}
	.kudos-item p { font-size: 14px; line-height: 26px;}
}

@media(min-width:768px) {

header .intro-text .intro-small {
    margin-top: 40px;
		margin-bottom: 80px;        
    font-size: 20px;    
    line-height: 26px;
}

.rwd-break { display: block; }

}