html, body {
	width:100%;
	height:100%;	
}
body {	
	font-family: Arial;
	margin:0;
	padding:0;
	color:#89868d;
	font-size:12px;
	width:100%;
	line-height:21px;
	background:#000;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover; 
	min-height:900px;
	overflow-x:hidden;
	overflow-y:auto;
}

#preloader{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/preloader.gif) center center no-repeat #000;
	z-index:99999;
}

img {border:0;
}
form {
	padding:0;
	margin:0;
}
a {
	outline:none;
	color:#000;
	font-size:12px;
	text-decoration:none;
}
a:hover { 
	text-decoration:none;
}
h3{
	font-weight:300;
	font-family:'Oswald';
	font-size:18px;
	line-height:1.2em;
	color:#000;
	padding-bottom:18px;
	text-transform:uppercase;
}
h5 {
	line-height:16px;
	color:#ff420a;
	font-size:16px;
	font-family:'Oswald';
	font-weight:300;
	padding-bottom:12px;
	text-transform:uppercase;
}
p {
	padding:0 0 21px 0;
	margin:0;
}
ul {
	padding:0;
	margin:0;
}
li {
	padding:0;
	margin:0;
	list-style:none;
}
.page-title{
	font-family:'Oswald';
	font-weight:300;
	color:#ff420a;
	line-height:1em;
	font-size:88px;
	border-bottom:#eee 1px solid;
	padding-bottom:12px;
	text-transform:uppercase;
}
.page-descr{
	font-weight:normal;
	font-family:'Oswald';
	font-weight:300;
	font-size:18px;
	line-height:1.2em;
	color:#000;
	padding-top:24px;
	text-transform:uppercase;
}
.clear {
	font-size:0;
	height:0;
	clear:both;
}
.fleft { float:left;
}
.fright { float:right;
}
.aligncenter{
	text-align:center;
}
#wrapper {
	width:100%;
	position:relative;
	text-align:left;
	height:100%;
	
}
.left_panel {
	/*top:162px; */
	top:375px;
	bottom:340px;
	position:absolute;
	right:0px;
	z-index:999;
	width:353px;	
}

.socials div, .socials ul{
	display:inline-block;
}
.socials div{
	margin-right:23px;
	margin-top:-5px;
}
.socials ul{
	overflow:hidden;
}
.socials li {
	display:inline-block;
	margin:0 10px;
}
.socials a {
	display:block;
	width:16px;
	height:14px;
	text-indent:-9999px;
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.socials a.twitter {background:url(../images/twitter.png) 0 0 no-repeat}
.socials a.facebook {background:url(../images/facebook.png) 0 0 no-repeat}
.socials a.youtube {background:url(../images/youtube.png) 0 0 no-repeat}
.socials a.vimeo {background:url(../images/vimeo.png) 0 0 no-repeat}
.socials a.dribbble {background:url(../images/dribbble.png) 0 0 no-repeat}

.socials a:hover {
	transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	-o-transform:rotate(30deg);
}

#logo {
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	width:353px;
	height:100px;
	background:url(../images/logo.jpg) 0 0 repeat;
}

.btn-off {
	background-image:url(../images/btn_on_off.png);
	background-position:0 bottom;
	background-repeat:no-repeat;
	width:37px;
	height:29px;
	display: block;
	text-indent:-9999px;
	position:absolute;
	right:0;
	/*bottom:250px;*/
	bottom:310px;
	z-index:99999;
}
.btn-off.active { 
	background-position:0 0;
}
.copyright {
	color:#909090;
}

#menu {
	position:absolute;
	right:0px;
	/*bottom:0px;*/
	z-index:9999;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			542px; /* left offset of submenus need to match (see below) */ 
}
.sf-menu ul li {
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-538px;
	top:			0px; /* match top ul list item height */
	z-index:		99999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu{
}
.sf-menu li {
	padding:0;
}
.sf-menu>li{
	margin-top:4px;
	text-align:right;
}
.sf-menu>li:first-child{
	margin-top:0;
}
/*.sf-menu li a {
	font-size:20px;
	line-height:1.2em;
	display:inline-block;
	padding:5px 25px 5px 40px;
	color:#ff420a;	
	text-transform:uppercase;
	font-family:'Oswald';
	font-weight:300;
	background:#000; 
}*/
.sf-menu li a {
	font-size:20px;
	line-height:1.2em;
	display:inline-block;
	padding:5px 140px 5px 147px;
	color:#ff420a;	
	text-transform:uppercase;
	font-family:'Oswald';
	font-weight:300;
	background:#000; 
}

.sf-menu>li.current>a, .sf-menu>li:hover>a, .sf-menu li li:hover a, .sf-menu li li.current a {
	background:#383838;
}
ul.sf-menu li li.current a, ul.sf-menu li li a:hover{
}
/* LEVEL TWO */
ul.sf-menu ul{
	overflow:hidden;
	display:block;
	background:url(../images/menu-bg.png) 0 0 repeat;
}
ul.sf-menu li li{
	display:inline-block;
	padding:0;
	margin:0;
}
ul.sf-menu li li a{
	margin:0;
}

#footer{
	background:url(../images/footer-bg.png) 0 0 repeat;
	position:absolute;
	left:0;
	right:0;
	padding:25px 100px 15px 73px;
	bottom:0;
}
.fleft{
	float:left;
}

.fright{
	float:right;
}
.clear {
	clear: both;
}
.right_panel{
	position:absolute;
	left:0;
	width:799px;
	top:50px;
	bottom:80px;
	background:#fff;
	padding:53px 30px 50px 30px;
}
.blog .right_panel{
	width:989px;
}
.close_bt{
	display:block;
	position:absolute;
	width:41px;
	height:41px;
	background:url(../images/close_bt.png) 0 0 no-repeat;
	top:85px;
	right:29px;
}

.page-content{
	position:relative;
	padding-top:18px;
}

.portfolio-list{
	overflow:hidden;
}
.portfolio-list >div{
	float:left;
	margin:28px 15px;
}
.portfolio-list>div>a{
	font-family:'Oswald';
	text-transform:uppercase;
	color:#bebec0;
	text-decoration:none;
	font-size:14px;
	line-height:1.2em;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	text-align:center;
	display:block;
}

.portfolio-list div img, .portfolio-list div canvas{
	width:218px;
	height:218px;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	overflow:hidden;
	margin-bottom:18px;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.portfolio-list div a:hover{
	color:#ff420a;
}
.portfolio-list div a:hover img, .portfolio-list div a:hover canvas{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
}

#filter { margin:0; list-style:none; padding:0; margin-top:20px;}
#filter li { display:inline-block; font-family:'Oswald'; font-size:20px; line-height:22px; color:#a9a9a9}
#filter li a {font-family:'Oswald'; font-size:20px; line-height:22px; color:#a9a9a9; text-decoration:none}
#filter li a:hover, #filter li.selected a, #filter li a.selected { color:#ff420a; text-decoration:none}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.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;
}

/**** disabling Isotope CSS3 transitions ****/

.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;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/*===============================*/
#supersized-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	text-indent:-999em;
}
#supersized {
	display:block;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;
}
#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
}
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
}	/*Quality*/
#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#111;
}
#supersized a {
	width:100%;
	height:100%;
	display:block;
}
#supersized li a { cursor:default;
}
#supersized li.prevslide { z-index:-20;
}
#supersized li.activeslide { z-index:-10;
}
#supersized li.image-loading {
	width:100%;
	height:100%;
}
#supersized li.image-loading img{ visibility:hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline;
}
/* // supersized */

.gallery_container {
	width:100%;
	height:100%;
	position:absolute;
	z-index:500;
}
/*---testimonial slider---*/
.slider1_list { overflow:hidden;}
	.slider1_list li { float:left;}
	.testimonial .inner{
		background:#e8e8e8;
		padding:16px 25px 30px 25px;
		position:relative;
		color:#959496;
		text-shadow:1px 1px #fff;
	}
	.testimonial .inner img{
		float:left;
		margin:2px 16px 0 0;
		border:#cbc8c8 2px solid;
		position:relative;
	}
	.testimonial .corner{
		width:21px;
		height:10px;
		position:absolute;
		background:url(../images/corner.gif) 0 0 no-repeat;
		left:25px;
		bottom:-10px;
		display:block;
	}
	.testimonial-autor{
		color:#ff420a;
		display:block;
		padding-top:10px;
	}
	
ul.services li {
	padding:0 0 23px 54px;
}

.list1 { background:url(../images/list1.png) no-repeat left top;
}
.list2 { background:url(../images/list2.png) no-repeat left top;
}
.list3 { background:url(../images/list3.png) no-repeat left top;
}
.list4 { background:url(../images/list4.png) no-repeat left top;
}

#blog_page {
}
.main { width:666px;
}

.post {
	padding:11px 0 29px 0;
	margin:0 0 19px 0;
	border-bottom:1px #eee solid;
	position:relative;
}
.post_title {
	color:#ff420a;
	font-size:29px;
	line-height:25px;
	padding:0 20px 13px 63px;
	border-bottom:1px #eee solid;
	font-family:'Oswald';
font-weight:300;
}
.post_title a{
	color:#ff420a;
	font-size:29px;
}
.posted {
	color:#89868d;
	font-size:12px;
	line-height:14px;
	padding:6px 20px 6px 66px;
	border-bottom:1px #eee solid;
	font-family:'Oswald';
font-weight:300;
	text-transform:uppercase;
	margin-bottom:20px;
}
.posted a {
	color:#000;
	font-size:12px;
	font-family:'Oswald';
font-weight:300;
	text-transform:uppercase;
}
.posted a:hover {text-decoration:underline;
}

.post_date {
	width:46px;
	height:56px;
	background:#383838;
	position:absolute;
	left:0;
	top:11px;
	text-align:center;
	font-size:17px;
	text-transform:uppercase;
	line-height:14px;
	font-family:'Oswald';
	color:#FFF;
}
.post_date span {
	font-size:28px;
	line-height:31px;
	display:block;
	padding-top:2px;
	font-weight:bold;
}

.post img {
	width:368px;
	height:223px;
	float:left;
	margin-right:19px;
}
.read {
	color:#000;
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.read:hover {
	color:#ff420a;
}

.post .gsWrapper, ul.popular_posts li .gsWrapper {float:left;
}


.sidebar {
	width:267px;
	padding-top:7px;
}

.widget { padding-bottom:7px;
}

.sidebar h4 {
	line-height:20px;
	color:#ff420a;
	font-size:15px;
	font-family:'Oswald';
font-weight:300;
	padding-bottom:4px;
	border-bottom:1px #eee solid;
	margin-bottom:11px;
	text-transform:uppercase;
}
ul.popular_posts li {
	padding-bottom:20px;
}
ul.popular_posts li img {
	float:left;
	margin-right:15px;
}
ul.popular_posts li p { padding:7px 0 7px 0;
}

.tags { padding-bottom:9px;
}
.tags a {
	display:block;
	float:left;
	margin:0 11px 9px 0;
	padding:0 8px 0 22px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#FFF;
	font-family:'Oswald';
	background-image:url(../images/tags.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#ff420a;
}


.flickrs { padding-right:50px;
}
.FlickrImages li {
	float: left;
	margin:0 11px 10px 0;
}
.FlickrImages li a {
	display:block;
	width:55px;
	height:55px;
	overflow:hidden;
	float:left;
}
.FlickrImages li a img {
	width:55px;
	height:55px;
	border:0;
}

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #4fb2d2; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #4fb2d2; }
.tipsy-arrow-s { border-top-color: #4fb2d2; }
.tipsy-arrow-e { border-left-color: #4fb2d2; }
.tipsy-arrow-w { border-right-color: #4fb2d2; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }



.contact_form .form{
	float:left;
	width:419px;
}
.contact_form .map{
	float:left;
	width:317px;
	margin-left:26px;
}
label {
	width:63px;
	padding:0;
	float:left;
	line-height:42px;
	color:#3d3d3d;
	font-family:'Oswald';
font-weight:300;
	font-size:12px;
}
.textfield {
	font-family:Arial;
	font-size:12px;
	color:#89868d;
	background:#fff;
	width:334px;
	height:20px;
	padding:5px 10px;
	border:1px #e8e8e8 solid;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	float:left;
	margin:0 0 14px 0;
}
.textarea {
	font-family:Arial;
	font-size:12px;
	color:#89868d;
	background:#fff;
	width:334px;
	height:190px;
	padding:5px 10px;
	border:1px #e8e8e8 solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	resize:none;
	float:left;
	margin:0 0 25px 0;
}
.send_mess {
	width:65px;
	height:29px;
	background: url(../images/send.png) no-repeat left top;
	border:0;
	cursor:pointer;
	float:left;
	display:block;
	margin-left:63px;
}
.address{
	color:#89868d;
	font-size:13px;
	line-height:normal;
	padding-top:27px;
}
.address span{
	color:#3f3f3f;
	display:inline-block;
	margin-right:10px;
}
.company_name{
	font-family:'Oswald';
	text-transform:uppercase;
	color:#3f3f3f;
}
#comments {
	padding:0 0 10px 0;
	border-bottom:1px #eee solid;
	margin-bottom:18px;	
}
#comments ol {
	padding:0;
	margin:0;
	list-style:none;
}
#comments li {
	padding:10px 0;
	list-style:none;
	color:#9d9c9c;
}
#comments .avatar {
	float:left;
	border:0;
	margin:2px 11px 0 0;
}
.comment_right {display:table;	
}
.comment_info {
	padding-bottom:9px;
	line-height:14px;
	font-size:11px;
	color:#89868d;	
	font-family: 'Oswald';
}
.comment_info a {
	font-size:11px;
	color:#89868d;
	font-family: 'Oswald';
}
.comment_info a:hover {text-decoration:underline;
}
#comments ol li ul li {
	margin:20px 0 15px 67px;
	border-top:1px #eee solid;
	padding:20px 0 0 0;
}
.user {
	font-size:12px !important;
	color:#000 !important;
	text-transform:uppercase;
	margin-right:13px;
}
.leave_comment { padding-top:12px;
}

.leave_comment p {
	padding-bottom:11px;
	color:#3d3d3d;
	font-family: 'Oswald';
	font-size:12px;
}
.col220 {
	width:200px;
	float:left;
	padding-right:20px;
}
.inp {
	font-family:Arial;
	font-size:12px;
	color:#89868d;
	background:#fff;
	width:178px;
	height:14px;
	padding:8px 10px;
	border:1px #e8e8e8 solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0 0 14px 0;
}
.mess {
	font-family:Arial;
	font-size:12px;
	color:#89868d;
	background:#fff;
	width:618px;
	height:117px;
	padding:10px;
	border:1px #e8e8e8 solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	resize:none;
	margin:0 0 32px 0;
}
.send_comment {
	width:102px;
	height:29px;
	background: url(../images/send_comment.png) no-repeat left top;
	border:0;
	cursor:pointer;
	display:block;
}
/*-----indents------*/
.top5{
	padding-top:5px;
}
.top30{
	padding-top:30px;
}
/* Paging */
.paging a, .paging span {
 display:block;
 float:left;
 margin:0 2px 2px 0;
 padding:4px 0;
 width:24px;
 text-align:center;
 color:#fff;
 background:#848382;
 font-size:13px;
 line-height:16px;
}
.paging span {
 color:#000;
 background:#ff420a;
}  
.paging a.prev, .paging a.next {
 display:block;
 float:left;
 padding:0;
 width:24px;
 height:24px;
 text-indent:-9999px;
 background-image:url(../images/prev.png);
 background-repeat:no-repeat;
 background-position:0 0;
 background-color:transparent;
}
.paging a.next {background-image:url(../images/next.png);
}
.paging a.prev:hover, .paging a.next:hover {background-position:0 -24px;
}