/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
	font-family: 'Raleway', sans-serif;
	overflow-x:hidden;
}
p {
	font-size:20px
}
p.small {
	font-size:16px
}
a, a.active, a:active, a:focus, a:hover {
	color:#aaa;
	outline:0
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans";
	text-transform: none;
	font-weight: none;
}
hr.star-light, hr.star-primary {
	padding:0;
	border:none;
	border-top:solid 5px;
	text-align:center;
	max-width:250px;
	margin:25px auto 30px
}
hr.star-light:after, hr.star-primary:after {
	content:"\f005";
	font-family:FontAwesome;
	display:inline-block;
	position:relative;
	top:-.8em;
	font-size:2em;
	padding:0 .25em
}
.navbar-custom, header .intro-text .name {
	font-family: "Open Sans";
	text-transform:uppercase
}
hr.star-light {
	border-color:#fff
}
hr.star-light:after {
	background-color:#18BC9C;
	color:#fff
}
hr.star-primary {
	border-color:#2C3E50
}
hr.star-primary:after {
	background-color:#fff;
	color:#2C3E50
}
.navbar-custom .navbar-brand, .navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-nav li a, header {
	font-family: 'Raleway', sans-serif;
	color:#999;
}
.img-centered {
	margin:0 auto
}
header {
	text-align:center;
	background:#fff;
}
header .container {
	padding-top:105px;
	/*padding-bottom:50px*/
}
header img {
	display:block;
	/*margin:0 auto 20px*/
}
header .intro-text .name {
	display:block;
	font-weight:700;
	font-size:2em
}
header .intro-text .skills {
	font-size:1.25em;
	font-weight:300
}
@media (min-width:768px) {
header .container {
/*padding-top:200px;
padding-bottom:100px*/
}
header .intro-text .name {
font-size:4.75em
}
header .intro-text .skills {
font-size:1.75em
}
}
.navbar-custom {
	/*background:#2C3E50;*/
	/*font-weight:700;*/
	border:none
}
.navbar-custom a:focus {
	outline:0
}
.navbar-custom .navbar-nav {
	letter-spacing:1px
}
.navbar-custom .navbar-nav li a:hover {
	color:#008CC5;
	outline:0
}
.navbar-custom .navbar-nav li a:active, .navbar-custom .navbar-nav li a:focus {
	color:#fff
}
.navbar-custom .navbar-nav li.active a, .navbar-custom .navbar-nav li.active a:active, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:hover {
	color:#fff;
	background:#18BC9C
}
.navbar-custom .navbar-toggle {
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	border-color:#fff
}
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
	background-color:#567F61;
	color:#fff;
	border-color:#567F61;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}

@media (min-width:768px) {
.navbar-custom {
padding:10px 0 0 0;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s
}
.navbar-custom .navbar-brand {
font-size:2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.navbar-custom.affix {
/*padding:10px 0*/
}
.navbar-custom.affix .navbar-brand {
font-size:1.5em
}
}
section {
	/*padding:61px 0*/
}
section h2 {
	margin:0;
	font-size: 38px;
	color: #008CC5;
	padding-bottom: 20px;
	font-weight: normal;
}
section.success {
	background:#18BC9C;
	color:#fff
}
@media (max-width:767px) {
section {
/*padding:75px 0*/
}
section.first {
padding-top:75px
}
}

/**************** header ****************/
.logo {
	width: 200px;
	height: auto;
}

.btn-quote {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
    color: #fff;
    background-color: #FF9900;
    border: #FF9900 1px solid;
    padding: 15px 30px;
}

.btn-quote:hover {
    color: #fff;
    background-color: #000;
    border: #000 1px solid;
}

.rightAlignTop {
	font-family: 'Raleway', sans-serif;
	text-align: right;
	font-size: 18px;
	color: #666;
	border-bottom: #ccc 1px solid;
	width: 73%;
	float: right;
	padding-bottom: 10px;
}

.icons {
	vertical-align: middle;
	margin: 0 20px;
}

.fa-facebook:before {
    font-size: 30px;
    color: #008CC5;
}

.fa-twitter:before {
    font-size: 30px;
    color: #008CC5;
}

.fa-linkedin:before {
    font-size: 30px;
    color: #008CC5;
}

.navbar-header {
	padding-bottom: 36px;
}

.navbar-toggle {
    padding: 10px 13px;
}

@media(min-width:320px) and (max-width:768px) {
.logo {
	width: 200px;
	height: auto;
	padding-bottom: 50px;
}

.rightAlignTop {
	display: none;
}
}

/**************** About Us ****************/
#about {
	padding: 49px 0 75px 0;
}

#about h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	color: #008CC5;
	margin-bottom: 30px;
}

#about p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.btn-primary {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
    color: #999;
    background-color: transparent;
    border: #999 1px solid;
    padding: 15px 30px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #FF9900;
    border: #FF9900 1px solid;
}

@media(min-width:320px) and (max-width:768px) {
#about h1 {
	font-size: 30px;
}
}

/**************** Web Design ****************/
#webDesign {
	background-color: #008CC6;
	background-image: url(../img/bg-web-design.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.webDesignTxt {
	padding: 68px 30px;	
}

.webDesignTxt h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #fff;
	line-height: 40px;
}

.webDesignTxt p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}

.btn-success {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
    color: #fff;
    background-color: transparent;
    border: #fff 1px solid;
    padding: 15px 30px;
}

.btn-success:hover {
    color: #fff;
    background-color: #FF9900;
    border: #FF9900 1px solid;
}

@media(min-width:320px) and (max-width:768px) {
#webDesign {
	text-align: center;
}

.webDesignTxt {
	padding: 70px 0;	
}
}

/**************** Web Development ****************/
#webDevelopment {
	background-color: #FF9900;
	background-image: url(../img/bg-web-development.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.webDevelopmentTxt {
	padding: 68px 30px;	
}

.webDevelopmentTxt h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #fff;
	line-height: 40px;
}

.webDevelopmentTxt p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}

@media(min-width:320px) and (max-width:768px) {
#webDevelopment {
	text-align: center;
}

.webDevelopmentTxt {
	padding: 70px 0;	
}
}

/**************** SEO ****************/
#seo {
	background-color: #567F61;
	background-image: url(../img/bg-seo.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.seoTxt {
	padding: 68px 30px;	
}

.seoTxt h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #fff;
	line-height: 40px;
}

.seoTxt p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}

@media(min-width:320px) and (max-width:768px) {
#seo {
	text-align: center;
}

.seoTxt {
	padding: 70px 0;	
}
}

/**************** Mobile App ****************/
#mobileApp {
	background-color: #525254;
	background-image: url(../img/bg-mobile-app.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.mobileAppTxt {
	padding: 68px 30px;	
}

.mobileAppTxt h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #fff;
	line-height: 40px;
}

.mobileAppTxt p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}

@media(min-width:320px) and (max-width:768px) {
#mobileApp {
	text-align: center;
}

.mobileAppTxt {
	padding: 70px 0;	
}
}

/**************** Portfolio ****************/
#portfolio {
	background-color: #fff;
	padding: 66px 0 45px 0;
}

#portfolio h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #008CC5;
	line-height: 40px;
}

.butWidth2 {
	padding: 6px 23px;;
	color: #fff;
}

.butWidth2 a {
	color: #fff;
}

.butWidth2 a:hover {
	color: #fff;
}

@media(min-width:320px) and (max-width:768px) {
#portfolio h2 {
	font-size: 30px;
}
}

/**************** Buttons ****************/
#buttons {
	background-color: #ddd;
	padding: 69px 0 75px 0;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}

#buttons h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #008CC5;
	padding: 0px;
}

#buttons h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	color: #666;
	padding: 0 0 30px 0;
}

.btn-green {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
    color: #fff;
    background-color: #567F61;
    border: #567F61 1px solid;
    padding: 15px 30px;
    width: 100%;
}

.btn-green:hover {
    color: #fff;
    background-color: #000;
    border: #000 1px solid;
}

.btn-orange {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
    color: #fff;
    background-color: #FF9900;
    border: #FF9900 1px solid;
    padding: 15px 30px;
    width: 100%;
}

.btn-orange:hover {
    color: #fff;
    background-color: #000;
    border: #000 1px solid;
}

.btn-blue {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
    color: #fff;
    background-color: #008CC5;
    border: #008CC5 1px solid;
    padding: 15px 30px;
    width: 100%;
}

.btn-blue:hover {
    color: #fff;
    background-color: #000;
    border: #000 1px solid;
}

@media(min-width:320px) and (max-width:768px) {
#buttons h2 {
	font-size: 30px;
}

#buttons .col-sm-4 {
	margin-bottom: 10px;
}
}

/**************** Contact Us ****************/
#contact {
	background-color: #525254;
	background-image: url(../img/bg-contact.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 69px 0 70px 0;
	font-size: 16px;
	color: #ccc;
	text-align: center;
}

#contact h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #fff;
}

#contact p {
	font-size: 16px;
}

#contact p a {
	color: #ccc;
	text-decoration: none;
}

#contact p a:hover {
	color: #ccc;
	text-decoration: underline;
}

#contact ul {
	color: #fff;
}

#contact ul li {
	color: #fff;
}

@media(min-width:320px) and (max-width:768px) {
#contact {
	text-align: center;
}

#contact h2 {
	font-size: 28px;
}

#contact ul {
    text-align: center;
    list-style: none;
}
}

/**************** Copyright ****************/
#copyright {
	background-color: #525254;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	text-align: center;
}

#copyright p {
	font-size: 15px;
	color: #aaa;
	margin: 20px 0;
}

.borderTop {
	border-top: #5E5E60 1px solid;
}

@media(min-width:320px) and (max-width:768px) {
#copyright p {
	text-align: center;
	margin-bottom: 20px;
}
}

/**************** misc ****************/
.padding {
	padding: 0px;
}

.marginBot {
	margin-bottom: 30px;
}

.right {
	text-align: right;
}

.paddingLeft {
	padding-left: 0px;
}

.borderGrey {
	border: #ccc 1px solid;
}

.btn2 {
	padding: 8px 20px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: transparent;
	color: #fff;
}

.btn2 a {
	color: #fff;
}

.btn2 a:hover {
	color: #fff;
}

/**************** Inner Page ****************/
#innerPage {
	padding: 50px 0;
}

#innerPage p {
	font-size: 15px;
	color: #666;
	line-height: 25px;
}

#innerPage h3 {
	color: #008CC5;
}

.orangeColor {
	color: #FF9900;
}
	
.list {
	padding: 0 0 0 20px;
}
	
.list li {
	list-style:none;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 5px 0 5px 25px;
}

@media(min-width:320px) and (max-width:768px) {
#innerPage h2 {
	font-size: 28px;
}
}