/* #Import Section
================================================== */
@import url("font-awesome.css");
@import url("prettyPhoto.css");
@import url("camera.css");


/* #Site Styles
================================================== */
hml, body {
    margin: 0;
	padding: 0;
}

hml, body {
    height: 100%;
}

body {
    color: #666666;
    font-family: Open Sans,Arial,sans-serif !important;
    font-size: 12px;
    line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Open Sans,Arial,sans-serif !important;
    color: #191a1e;
    font-weight: 700;
    line-height: 1;
}

.headline {
    margin-bottom: 25px;
}

ul {
    padding: 0;
	list-style: none;
}

a {
    color: #464646;
    text-decoration: none;
}

a:hover {
    color: #ff0000;
    text-decoration: none;
}

img {
   max-width: 100% !important;
   height: auto !important;
}

.thumbnail {
    margin-bottom: 20px;
	overflow: hidden;
}

.separator {
    margin-bottom: 50px;
	clear: both;
}

i {
    margin-right: 6px;
}

.top {
    width: 100%;
    background: #f7f8fa;
    border-bottom: 1px solid #E3E3E3;
}

ul.top-contact {
    list-style: none;
	margin: 0;
	padding: 0;
}

ul.top-contact li {
    float: left;
	position: relative;
    height: 33px;
    line-height: 33px;
}

ul.top-contact li i {
    float: left;
    color: #B5B8BD;
    display: block;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 33px;
}

ul.top-contact li a {
    color: #464646;
}

ul.top-contact li a:hover {
    color: #ff0000;
	text-decoration: none;
}


ul.top-social {
    list-style: none;
	margin: 0;
	padding: 0;
}

ul.top-social li {
    float: left;
	position: relative;
}

ul.top-social li a {
    float: left;
    color: #B5B8BD;
    display: block;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 33px;
}

ul.top-social li a.icon-twitter:before {
  content: "\f099";
  font-family: 'FontAwesome';
}

ul.top-social li a.icon-twitter:hover {
   background: #46c0fb;
   color: #fff;
}

/* Header */
.header {
    width: 100%;
    position: relative;
    z-index: 999;
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
}

.sticky-navigation.stuck
{
    position: fixed;
    top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	background:rgba(255, 255, 255, 0.9);
	z-index: 9999;
}

.header .navbar {
    border-radius: 0;
	margin: 0;
}

.header .navbar-default {
  background: none;
  border: 0;    
}

.navbar > .container .navbar-brand {
    margin: 0;
}

.navbar-default .navbar-brand {
    color: #191a1e;
}

.navbar-brand {
    float: left;
    font-size: 24px;
    line-height: 20px;
    padding: 0px;
}

.navbar-brand img {
    margin: 23px 0 23px 10px;
    position: relative;
    z-index: 2;
}

.navbar-default .navbar-nav > li > a {
    color: #0F0F0F;
    display: block;
    font-family: Helvetica,Helvetica Neue,Arial,Open Sans,sans-serif;
    font-weight: bold;
    line-height: 77px;
    padding: 0 24px;
    text-decoration: none;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #ff0000;
  background: none;
}

.navbar-default .navbar-nav > .active > a {
  color: #ff0000;
  background: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ff0000;
  background: none;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

/* Page Title */
.page-title {
    background-image: url(../images/page-title-bg.jpg);
    background-color: #F0F0F0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 154px;
	margin-bottom: 50px;
}

.page-title h2 {
    float: left;
    background-color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
    margin: 54px 0 0;
    padding: 11px 15px 13px;
}

/* Content */
.content {
    width: 100%;
	position: relative;
}

/* Footer */
.footer {
	background-color: #333399;
	color: #999999;
	border-top: 10px solid #F0F0F0;
	margin-top: 50px;
}

.footer-top {
	padding: 40px 0 20px;
}

.footer h3 {
    color: #FFFFFF;
    font-size: 14px;
	text-transform: uppercase;
    margin-bottom: 20px;
} 

.footer a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.footer a:hover {
    color: #000066;
}

ul.footer-contact {
    list-style: none;
	margin: 0;
	padding: 0;
}

ul.recent-posts li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 9px;
	margin-bottom: 9px;
}

.post-date {
    display: block;
}

ul.twitter li {
    padding: 0 0 18px;
    position: relative;
}


ul.twitter li:before {
    float: left;
    content: "\f099";
    font: 16px 'FontAwesome';
}

ul.twitter span {
    display: block;
    margin-left: 25px;
}

ul.footer-social {
    list-style: none;
	margin-top: 25px;
}

ul.footer-social li {
    float: left;
}

ul.footer-social li a {
    display: block;
    font-size: 15px;
	background-color: #F6F6F6;
    color: #646464;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
}

ul.footer-social li a.icon-twitter:before {
  content: "\f099";
  font-family: 'FontAwesome';
}

ul.footer-social li a.icon-twitter:hover {
   background: #46c0fb;
   color: #fff;
}

ul.footer-social li a.icon-dribbble:before {
  content: "\f17d";
  font-family: 'FontAwesome';
}

ul.footer-social li a.icon-dribbble:hover {
  background: #ea4c89;
  color: #fff;
}

ul.footer-social li a.icon-facebook:before {
  content: "\f09a";
  font-family: 'FontAwesome';
}

ul.footer-social li a.icon-facebook:hover {
  background: #4863ae;
  color: #fff;
}

ul.footer-social li a.icon-google-plus:before {
  content: "\f0d5";
  font-family: 'FontAwesome';
}

ul.footer-social li a.icon-google-plus:hover {
  background: #dd4b39;
  color: #fff;
}

ul.footer-social li a.icon-rss:before {
  content: "\f09e";
  font-family: 'FontAwesome';
}

ul.footer-social li a.icon-rss:hover {
  background: #ff7f25;
  color: #fff;
}

ul.footer-social li a.icon-linkedin:before {
  content: "\f0e1";
  font-family: 'FontAwesome';
}

ul.footer-social li a.icon-linkedin:hover {
  background: #0083a8;
  color: #fff;
}


.footer-bottom {
    background-color: #ffffff;
    color: #666666;
	padding: 10px 0;
}

/* Button Up */
.btntoTop {
	width: 44px;
	height: 44px;
	position: fixed;
	bottom: 10px;
	right: 30px;

	background-color: #ff0000;
	border-radius: 50%;

	text-align: center;
	line-height: 40px;

	cursor: pointer;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.btntoTop:before {
	content: "\f106";

	display: inline-block;
	vertical-align: middle;

	font: 20px 'FontAwesome';
	color: #fff;
}

.btntoTop.active {
	opacity: 1;
}
.btntoTop.active:hover{
	opacity: 0.8;
	background-color: #666666;
}

/* #Page Styles
================================================== */
/* Home */
.slider {
    width: 100%;
	position: relative;
    margin-bottom: 60px;
}

.services {
    margin-bottom: 20px;
	overflow: hidden;
}

.services i {
    display: block;
	font-size: 40px;
	color: #ff0000;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #f7f8fa;
	border-radius: 50%;
	margin: 0 auto 20px;
}

    .item{
        margin: 3px;
    }
    .item img{
        display: block;
        width: 100%;
        height: auto;
    }

.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 0px;width: 100px; border-radius: 50%;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#000000; font-weight:400;}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px 0;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 0;right: 0;width: 30px;border-left:1px solid #ddd;height: 30px;cursor: pointer;background: #F24F18 url(../images/carousel-next.png) no-repeat 0 0 ;}
.bx-wrapper .bx-prev {position: absolute;top: 0px;right: 32px;border-right:1px solid #ddd;width: 30px;height: 30px;cursor: pointer;background: #F24F18 url(../images/carousel-prev.png) no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 0;margin-top: 0;margin-right: 0px;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 1; border-radius: 50%;}

ul.clients {
    list-style: none;
	margin: 0;
	padding: 0;
}

ul.clients li {
    float: left;
	margin: 0 40px;
}

/* About Us */
h3.pb_title {
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin: 3px 0;
    padding: 0;
}

.member {
    margin-bottom: 20px;
	overflow: hidden;
}

.member-name {
    font-size: 14px;
    letter-spacing: -0.3px;
    margin: 10px 0 4px;
}

.member-job {
    color: #6A6A6A;
	margin-bottom: 5px;
}

ul.member-social {
    list-style: none;
}

ul.member-social li {
    float: left;
	position: relative;
}

ul.member-social i {
    color: #B5B8BD;
    display: block;
    float: left;
    font-size: 16px;
    margin: 15px 15px 0 0;
    text-align: center;
    text-decoration: none;
}



/* Services */
ul.list-grey {
    list-style: none;
	margin-bottom: 20px;
	padding: 0;
}

ul.list-grey li {
	margin-bottom: 20px;
}

ul.list-grey li i {
    float: left;
    font-size: 26px;
	color: #ff0000; 
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #fff;
	background: #f7f8fa;
	border-radius: 50%;
}

ul.list-grey .desc {
   margin: 0 0 0 74px;
}

ul.list-ok {
    list-style: none;
}

ul.list-ok li {
    margin-bottom: 8px;
}

ul.list-ok li:before{
    content: "\f00c";
	font: 14px 'FontAwesome';
	margin-right: 8px;
	color: #ff0000;
}

/* Portfolio */
.project-title h3 {
    font-size: 14px;
    margin: 13px 0 5px;
    padding: 0 50px 0 0;
}

.project-category {
    color: #747474;
}

.post_title {
    margin: 13px 0 0;
    padding: 0 50px 0 0;
}

.post_title a {
    font-size: 14px;
    color: #191A1E;
	font-weight: 600;
}

.post_title a:hover {
    color: #ff0000;
}

/* Contact */
.contact-info {
    line-height: 20px;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.contact-info li {
    margin-bottom: 2px;
}
.contact-info li span {
    display: block;
    overflow: hidden;
}
.contact-info li i {
    color: #444444;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    width: 16px;
}

/* #Elements
================================================== */
.btn {
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 9px 16px;
    text-align: center;
    text-transform: uppercase;	
    vertical-align: middle;
    white-space: nowrap;
   
}

.btn:hover,
.btn:focus {
  background-color: #303436;
  color: #FFFFFF;   
  text-decoration: none;
}

.btn-orange {
  color: #fff;
  background-color: #ff0000;
  border-color: #e5e6e8;
}

.panel {
    border: 0;
	border-radius: 4px 4px 0 0;
	box-shadow: none;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border: 0;
}

.panel-default > .panel-heading {
    background-color: #fafafa;
    border: 1px solid #eeeeee;
    color: #404040;
}

.panel a {
    display: block;
	font-size: 13px;
}

.panel a:hover {
    text-decoration: none;
}

/* #Media Queries
================================================== */
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

.navbar-default .navbar-nav > li > a {
    color: #0F0F0F;
    display: block;
    font-family: Helvetica,Helvetica Neue,Arial,Open Sans,sans-serif;
    font-weight: bold;
    line-height: 40px;
    padding: 0 15px;
}

ul.top-social {
    float: left !important;
}

}