.media-body h4, .section-title h2, h4 {
	font-weight:700
}
#tf-contact, #tf-portfolio, .content {
	text-align:center
}
body, html {
	font-family:Raleway, sans-serif;
	text-rendering:optimizeLegibility!important;
	-webkit-font-smoothing:antialiased!important;
	font-size: 14px;
}
@media (min-width:1200px) {
.container {
width:1100px
}
}
h1 {
	text-transform:none
}
h2 {
	line-height:20px;
	margin:0
}
h4 {
	margin-bottom:20px;
	font-size:16px;
	color:#2f937b
}
p {
	font-size:14px
}
a {
	color:#fff;
	transition:all .8
}
a:focus, a:hover {
	color:#eb3c00;
	text-decoration:none
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
#tf-home {
	background:url(../img/mcafee-activate.jpg) center no-repeat fixed;
	background-size:cover;
	color:#cfcfcf
}
#tf-home .overlay {
	background:-moz-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .8)), color-stop(17%, rgba(0, 0, 0, .73)), color-stop(35%, rgba(0, 0, 0, .66)), color-stop(62%, rgba(0, 0, 0, .55)), color-stop(100%, rgba(0, 0, 0, .4)));
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
	background:-o-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
	background:-ms-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
	background:linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
filter:progid:DXImageTransform.MS.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 );
	height:auto;
	background-attachment:fixed
}
.content {
	padding:15% 0 18%
}
#tf-menu {
	margin-bottom:0;
	background:#fff;
	border:0;
	color:#fff!important;
	padding:.5% 0;
transition:all .5s
}
#sticky {
	padding:.5ex;
	background-color:#eb3c00;
	color:#fff;
	font-size:2em;
	border-radius:.5ex
}
#tf-menu.stick {
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
	background:#eb3c00;
	padding:.5% 0
}
#tf-menu.navbar-default .navbar-nav>li>a {
	text-transform:uppercase;
	font-size:12px;
	
	letter-spacing:1px;
text-transform: capitalize;
font-size: 12px;

letter-spacing: 1px;
color: #000;
font-family: Segoe UI Light,Segoe UI,Tahoma,Arial,Verdana,sans-serif;
text-decoration: none;
padding: 15px;
line-height: 20px;
}
#tf-menu.navbar-default .navbar-nav>li>a:focus, #tf-menu.navbar-default .navbar-nav>li>a:hover {
	color:#fffff;
	background-color:transparent
}
.logo {
	font-family:Verdana, Geneva, sans-serif
}
#tf-service {
	padding:7% 0
}
.media-left.media-middle i {
	padding:20px 30px 20px 0;
	font-size:30px;
	color:#2f937b
}
.media-body h4 {
	margin-bottom:20px;
	font-size:16px;
	color:rgba(235, 60, 0, 66)
}
#tf-portfolio {
	background:#f1f1f1;
	padding:5% 0 8%
}
.section-title hr {
	border-color:#2f937b;
	width:60px
}
a.btn.btn-primary.my-btn, a.btn.btn-primary.my-btn2, button.btn.btn-primary.my-btn, ul.cat.list-inline li a {
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:1px
}
a.btn, button.btn {
	margin:15px 5px;
transition:all .5s
}
a.btn.btn-primary.my-btn, button.btn.btn-primary.my-btn {
	background:#007cc3;
	border-color:transparent;
	border-radius:0;
	border-width:2px;
	padding:30px 70px;
	border-radius: 10px;
	font-size:24px
}
a.btn.btn-primary.my-btn:hover, button.btn.btn-primary.my-btn:hover {
	background:#FFF;
	color:#eb3c00;
	border-color:transparent
}
a.btn.btn-primary.my-btn.dark:hover, button.btn.btn-primary.my-btn.dark:hover {
	background:#222;
	color:#fff;
	border-color:transparent
}
a.btn.btn-primary.my-btn2 {
	background:rgba(47, 147, 123, 0);
	border-color:#FFF;
	border-radius:0;
	border-width:2px;
	padding:10px 30px;
	font-size:12px;
	color:#FFF
}
a.btn.btn-primary.my-btn2:hover {
	background:#eb3c00;
	color:#fff;
	border-color:transparent
}
ul.cat.list-inline li a {
	border:1px solid #eb3c00;
	padding:5px 15px;
	font-size:11px;
	color:#eb3c00;
transition:all .5s
}
ul.cat.list-inline li a:hover {
	background:#eb3c00;
	color:#fff
}
.space {
	padding:20px
}
.toppadding {
	padding-top:30px
}
.nopadding {
	padding:0
}
#tf-about {
	background:url(img/07.html) center no-repeat;
	background-size:cover;
	color:#222
}
#tf-about .overlay {
	height:auto;
	background-attachment:fixed;
	padding:10% 0
}
#tf-why-me {
	background:url(img/10.html) center no-repeat;
	background-size:cover;
	color:#222
}
#tf-why-me .overlay {
	height:auto;
	background-attachment:fixed;
	padding:5% 0
}
ul.why-me li {
	margin:10px 0
}
#tf-contact {
	background:url(img/08.html) center no-repeat;
	background-size:cover;
	padding:5% 0
}
form#contact {
	padding:5%;
	background:#f1f1f1;
	outline:rgba(34, 34, 34, .08) solid 6px
}
#tf-contact input.form-control {
	height:40px
}
#tf-contact .form-control {
	display:block;
	width:100%;
	margin-bottom:20px;
	padding:16px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#FFF;
	background-image:none;
	border:1px solid #FFF;
	border-radius:0;
	border-top:2px solid transparent;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none;
	-o-transition:none;
transition:all .8s
}
#tf-contact .form-control:focus, #tf-contact .form-control:hover {
	border-top:2px solid #fff
}
nav#tf-footer {
	background:#333;
	padding:3% 0 2%;
	color:#f1f1f1
}