--------------------------------------------------------------------------------------------------------*/

body { font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#999; background:#1b1c1e; letter-spacing:-1px; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p {
	line-height: 36px;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
}
.col2-3 p, .col1-1 p { padding:20px 40px 0px 40px; }
.col1-3 p { padding:14px 20px 0px 20px; }
p.comments { padding:14px 40px 0px 40px; }
.title p {font-size:18px; color:#a3a3a3; padding:0px 20px 0px 20px; font-weight:400; }
.infos p {font-size:18px; padding:0px 20px 0px 20px; font-weight:400; }
p.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; padding:21px 20px 20px 20px; clear:both }
p.blockquote span {font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; text-transform:uppercase; letter-spacing:1px; }
.col2-3 p.blockquote { padding:20px 40px 20px 60px; }
.col1-1 p.blockquote { padding:20px 80px 0px 80px; }
.no-heading {padding-top:20px !important; }
p span {color:#fc6f1a; }
a { color:#c7c7c7; text-decoration:none; }
a:hover {
	text-decoration: none;
	color: #0000FF;
}
#logo-container {height:126px; width:100%; background-color:rgba(255, 255, 255, 0.98) !important; background-color:#fff; text-align:center;}
h1#logo {
	display: block;
	padding-top: 39px;
	margin-bottom: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}
h1#logo a { display:inline-block; color:#242527; font-size:60px; font-weight:700; text-transform:uppercase; text-decoration:none; letter-spacing:-0.02em }
h1#logo a span {font-family:Arial, Helvetica, sans-serif; }
.slogan {
	color: #666666;
	font-size: 16px;
	padding: 0;
	margin-top: -14px;
	font-weight: bold;
	letter-spacing: 0;
}


.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#options { width:100%; height:103px;  z-index:300; text-align:center; margin-top:0px; background-color:rgba(255, 255, 255, 0.98) !important; background-color:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);}
#options ul { margin: 0; list-style: none; display:inline-block; padding-top:37px; }
#options li { float: left;  }
#options li a {
	color: #a5a5a5;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px;
	padding-top: 1px;
	padding-right: 17px;
	padding-bottom: 1px;
	padding-left: 17px;
}
#options li a:hover, #options li a.selected {
	color: #242527;
	font-size: 16px;
	font-weight: bold;
}
#options.fixed { position: fixed; top: 0px; }


.preloader { background:url(../images/ajax-loader.gif) center center no-repeat #ffffff; }

@media only screen and (min-width: 1600px) {
.container { padding:0px; width:1600px; position:relative; margin:0 auto; }
}

@media only screen and (min-width: 1280px) {
.container { padding:0px; width:1280px; position:relative; margin:0 auto; }
}
@media only screen and (min-width: 960px) {

}
@media only screen and (max-width: 959px) {

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { padding:0px; width:640px; position:relative; }
.col1-1 {width:620px; }
.blog-icon.comment {width:540px; }
}
@media only screen and (max-width: 767px) {

}
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media only screen and (max-width: 767px) {
#wrapper {
	margin-bottom: 170px;
	height: 120px;
}
.container {
	padding: 0px;
	width: 300px;
	position: relative;
	margin: 0px;
}
.col1-1 {width:300px; }
.col1-3 {
	width: 300px;
	height: 275px;
	padding-bottom: 20px;
}
.col1-3.no-padding, .col1-3.portfolio, .col1-3.about {padding-bottom:0px; }
.col1-3.portfolio, .col1-3.about {height:300px; }
.col2-3 { width:300px; height:auto; }
.element {margin:10px 0px !important; }
.blog-icon.comment {width:220px; }
.load-more {height:66px !important; width:220px;}

h1#logo a {
	display: inline-block;
	color: #242527;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -0.02em;
	font-family: Verdana, Geneva, sans-serif;
}
h3 {line-height:36px; font-size:25px; font-weight:300; padding:14px 20px 20px 20px !important; letter-spacing:-1px}
h2 { font-size:28px; font-weight:700; color:#c7c7c7; padding:21px 20px 0px 20px !important; }
.clients h2 {padding-bottom:23px !important; }

p { line-height:28px; font-size:18px; font-weight:400; letter-spacing:-1px; padding-left:20px !important; padding-right:20px !important; }

.logo { width:300px; height:89px; text-align:center; border:0px; border-top:1px solid #1b1c1e; padding-top:23px; float:left; }
.logo.last { border:0px; border-top:1px solid #1b1c1e; border-bottom:1px solid #1b1c1e; }
.logo.final { border:0px; border-top:1px solid #1b1c1e; }

#map {width:300px; height:300px; margin:0; border:0}

.break { height:20px; position:relative; }
.reply-comment {padding:21px 0 0; }
.blog-icon.comment {padding:19px 20px; width:260px; }
.blog-icon.comment .icons { display:none; }
.blog-icon .responsive {display:block; float:none; }
.blog-icon.responsive {height:auto !important; }
.images img {max-height:300px; }

#nav-bg {background:#fbfbfb; padding-top:10px; padding-bottom:10px; }
#nav-button {
	display: block;
	padding: 7px 10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	width: 26px;
	margin: 0 auto;
	cursor: pointer;
	background-color: #666666;
}
.nav-bar {background-color:#f5f5f5; border-radius:1px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); display:block; width:18px; height:2px; margin:2px auto; }
#logo-container {
	height: auto;
}
h1#logo {
	padding-top: 10px;
}

#options { height:auto; margin-top:0px; padding-bottom:10px; }
#options ul {
	padding-top: 0px;
	margin-top: 0px;
}
#options li { float: none; height:auto; display:none }
#options li a {
	color: #a5a5a5;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px;
	padding-top: 1px;
	padding-right: 17px;
	padding-bottom: 1px;
	padding-left: 17px;
}
#options.fixed { position: relative; top: 0px; }
}