/*

	Theme Name: Officer
	Theme URI: http://themeforest.net/user/themerain
	Description: <strong>Designed & Handcrafted by ThemeRain</strong> - Update notifications available on <a href='http://www.facebook.com/themerain'>Facebook</a>.
	Author: ThemeRain
	Author URI: http://themeforest.net/user/themerain
	Version: 1.0
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	Designed & Handcrafted by ThemeRain
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/

/*-----------------------------------------------------------------------------------*/
/*	1.	General
/*-----------------------------------------------------------------------------------*/

.mobile-page
{
	display:none !important;
}

@font-face {
	font-family: 'SegoeUI';
	src: url('includes/fonts/segoe-ui.eot');
	src: url('includes/fonts/segoe-ui.woff') format('woff'),
		 url('includes/fonts/segoe-ui.ttf') format('truetype'),
		 url('includes/fonts/segoe-ui.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUILight';
	src: url('includes/fonts/segoe-ui-light.eot');
	src: url('includes/fonts/segoe-ui-light.woff') format('woff'),
		 url('includes/fonts/segoe-ui-light.ttf') format('truetype'),
		 url('includes/fonts/segoe-ui-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUISemiBold';
	src: url('includes/fonts/ufonts.com_segoe_ui_semibold.eot');
		 url('includes/fonts/ufonts.com_segoe_ui_semibold.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}

body {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: #F1F1F1;
	color: #333;
	//font-family: 'SegoeUILight', sans-serif;
	font-family: 'SegoeUI', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

a {
	color: #009de0;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
}

a img {
	display: block;
	border: none;
}

p {
	margin: 0 0 20px 0;
}

p:last-child {
	margin-bottom: 0;
}

b,
strong {
	font-family: 'SegoeUI', sans-serif;
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	padding: 0;
	color: #000;
	font-weight: normal;	
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 21px;
	line-height: 26px;
}

h3 {
	font-size: 18px;
	line-height: 24px;
}

h4 {
	font-size: 16px;
	line-height: 22px;
}

h5 {
	font-size: 14px;
	line-height: 20px;
}

h6 {
	font-size: 12px;
	line-height: 14px;
}

p:last-child {
	margin-bottom: 0;
}

blockquote {
	overflow: hidden;
	margin: 30px 0;
	padding: 30px 60px;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	text-align: center;
	text-transform: uppercase;
	font-family: 'SegoeUI', sans-serif;
	font-style: normal;
	font-weight: normal;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	outline: none;
	width: 670px;
	margin: 0 0 10px 0;
	padding: 9px;
	border: 1px solid #E9E9E9;
	background: #FFF;
	color: #808080;
	font-size: 13px;
	font-family: 'SegoeUILight', sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: #D9D9D9;
	box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.02);
}

textarea {
	margin-bottom: 0;
}

form {
	margin-bottom: -20px;
}

input[type="submit"] {
	outline: none;
	cursor: pointer;
	margin: 0;
	padding: 11px 20px;
	border: none;
	background: #000;
	color: #FFF;
	font-size: 11px;
	font-family: 'SegoeUILight', sans-serif;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

input[type="submit"]:hover {
	opacity: 0.8;
}

ul,
ol {
	padding: 0 0 0 20px;
	margin: 0;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}

.alignnone {
    margin: 0 30px 30px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}

.alignright {
    float:right;
    margin: 0 0 30px 30px;
}

.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}

a img.alignright {
    float: right;
    margin: 0 0 30px 30px;
}

a img.alignnone {
    margin: 0 30px 30px 0;
}

a img.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 8px 3px 5px 3px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 20px;
    margin: 0;
    padding: 3px 5px 3px 5px;
    text-transform: uppercase;
    font-family: 'SegoeUI', sans-serif;
}

.sticky {  }

.gallery-caption {  }

.bypostauthor {  }

/*-----------------------------------------------------------------------------------*/
/*	2.	Header
/*-----------------------------------------------------------------------------------*/

#header {
	background: #FFF;
	color: #000;
}

#header a {
	//color: #808080;
	color: #000;
}

#header a:hover {
	text-decoration: none;
}

#logo {
	float: left;
	color: #FFF;
}

#logo .text-logo {
	display: block;
	padding: 25px 40px;
	background-color: #000;
	color: #FFF;
}

#header-menu {
	float: right;
	margin-top: 25px;
	font-size: 13px;
	color: #000000;
	text-transform: uppercase;
}

#header-menu a:hover {
	color: #009de0;
}

#header-menu .current_page_item > a {
	color: #009de0;
}


#header-menu ul {
	margin: 0;
	padding: 0;
}

#header-menu li {
	position: relative;
	list-style: none;
	display: inline-block;
	margin-left: 30px;
}

#header-menu ul.sub-menu {
	position: absolute;
	text-align: left;
	display: none;
	top: 45px;
	left: -20px;
	background: #FFF;
	z-index: 999;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

#header-menu ul ul .sub-menu {
	top: 0;
}

#header-menu ul ul ul {
	top: 0 !important;
	
	border-left:2px solid #e1e1e1;
}
#header-menu ul ul {
}

#header-menu ul li ul, #header-menu ul li ul li
{
	width:280px !important;
}

#header-menu ul li ul li a {
	display: block;
	padding: 9px 20px !important;
	margin: 0 !important;
	text-shadow: none;
	
	color:#000 !important;
	
	background: #f2f2f2 !important;
	
	border-bottom:1px solid #f7f7f7;
}
#header-menu ul li ul li a:hover {
	
	background: #313131 !important;
	color:#fff !important;
}

#header-menu ul li ul li ul li a {
	background: #f7f7f7 !important;
	
	border-bottom:1px solid #fcfcfc;
}


#header-menu ul li ul li {
	
}

#header-menu ul li ul li:last-child {
	border-bottom: 0;
}

#header-menu ul li ul li a:hover {
	color: #808080;
	background: #F9F9F9;
}

#header-menu ul li ul li {
	display: block;
	padding: 0;
	margin: 0;
}

.header-right {
	float: right;
	margin-top: 27px;
	margin-left: 30px;
}

.header-right .social {
	margin: 0 0 0 30px;
}

.header-right .social:first-child {
	margin-left: 0;
}

#responsive-header {
	display: none;
	color: #B0B0B0;
	padding: 30px 0;
	text-align: center;
	background: #000;
}

#responsive-header .social {
	margin: 0 10px;
}

#responsive-menu {
	margin-bottom: 30px;
	border-top: 1px solid #333;
	text-align: left;
}

#responsive-menu a {
	color: #B0B0B0;
	border-bottom: 1px solid #333;
}

#responsive-menu a:hover {
	color: #FFF;
	text-decoration: none;
}

#responsive-menu ul {
	margin: 0;
	padding: 0;
}

#responsive-menu ul ul {
	display: none;
}

#responsive-menu ul ul a {
	margin-left: 20px;
}

#responsive-menu li {
	list-style: none;
}

#responsive-menu li a {
	display: block;
	padding: 8px 0;
}

#responsive-icons {
	display: none;
	float: right;
}

#responsive-icons a {
	display: inline-block;
	padding: 25px;
	width: 25px;
	text-align: center;
	background: #F9F9F9;
}

#responsive-icons a:hover {
	color: #333;
}

#responsive-icons i {
	font-size: 15px;
	line-height: 20px;
}




/*
PATRICK PUT THIS IN
-------------------
*/

#header-menu
{
	float: right;
	
	font-family: 'SegoeUISemiBold', sans-serif;
	
	margin-top: 0px;
	font-size: 1.1em;
	color: #000000;
	text-transform: uppercase;
}

#header-menu a:hover {
	color: #000000;
	//text-shadow:1px 1px 3px #e2e2e2;
}

#header-menu .current_page_item > a {
	color: #000000;
}

#header-menu ul li
{
	margin:0 !important;
	padding:0px !important;
}

#header-menu ul li a
{
	display: block;
	padding: 25px 15px 25px 15px !important;
	margin:0px !important;
	
}

#header-menu ul li.menu_red a
{
	display: block;
	
	background:#c70000;
	
	color:#fff;
	
}


.frontpage-special
{
	margin:0px;
	padding:0px;
}
.frontpage-special h3
{
	display:none !important;
}
.frontpage-grey
{
	padding: 20px;
	background:#f1f1f1;
}

.frontpage-paragraph
{
	margin:-5px auto 17px auto;
}


.gallery
{
	/* This style would override the default #gallery-1 styling */
	
	margin: auto !important;	
	width:100%;
	
}

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




/*-----------------------------------------------------------------------------------*/
/*	3.	Content
/*-----------------------------------------------------------------------------------*/

.inner {
	position: relative;
	width: 1140px;
	margin: 0 auto;
}

#content-header {
	position: relative;
	background: #FFD80C;
	color: #000;
	margin-bottom: 30px;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.7);
	
	color:#fff !important;
}

#content-header .inner {
	padding-top: 60px;
	padding-bottom: 170px;
}

#content-header h1 {
	margin-bottom: 0;
	font-size: 48px;
	line-height: 48px;
	margin-left: -3px;
	
	color:#fff !important;
	
	text-shadow: 2px 2px 4px #000;
}

#content-header a {
	color: #000;
}

.content-header-left {
	float: left;
	color:#fff !important;
}

.content-header-left a {
	color:#fff !important;
}

.content-header-right {
	float: right;
	text-align: right;
	color:#fff !important;
}

.filter-list {
	//display: none;
}


/*
PATRICK PUT THIS IN
-------------------
*/

span.filter-list a
{
	color:#fff !important;
}

#filter-button
{
	color:#fff !important;
}

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

.filter-title {
	font-size: 48px;
	line-height: 48px;
}

.content-header-navi-title {
	position: relative;
	height: 20px;
}

.content-header-navi-title-prev {
	position: absolute;
	width: 555px;
	top: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.content-header-navi-title-next {
	position: absolute;
	width: 555px;
	top: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.content-header-navi-title a {
	color: #000;
}

.content-header-navi {
	font-size: 60px;
	height: 48px;
	margin-top: -5px;
}

.content-header-navi a {
	color: #000;
}

.content-header-navi a:hover {
	text-decoration: none;
}

#primary {
	float: left;
	width: 750px;
	margin-top: -140px;
}

.post-wrapper,
.single-portfolio-wrapper {
	margin-bottom: 30px;
	padding: 30px;
	background: #FFF;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

.single-portfolio #primary,
.page-template-template-portfolio-php #primary,
.page-template-template-full-width-php #primary {
	width: 100%;
}

.page-template-template-revolution-php #primary {
	width: 100%;
	margin-top: 30px;
}

.error404 #content-header {
	text-align: center;
	background: url(images/404.png) no-repeat center top fixed #FFD80C;
}

.archive #content-header {
	
}

.error404 #primary {
	float: none;
	width: 708px;
	margin-right: auto;
	margin-left: auto;
}

.error404 #primary input[type="text"] {
	width: 628px;
}

/*-----------------------------------------------------------------------------------*/
/*  4.  Post & Post Formats
/*-----------------------------------------------------------------------------------*/

.post-header {
	position: relative;
	margin-bottom: 30px;
}

.post-title {
	width: 90%;
	margin-bottom: 0;
	font-size: 28px;
}

.post-title a {
	color: #000;
}

.post-date {
	color: #808080;
	margin-top: 3px;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
}

.post-meta {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #E9E9E9;
}

.post-meta a:hover {
	text-decoration: none;
}

.post-comments {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 55px;
	background: url(images/icon-comments.png) center center no-repeat;
}

.post-comments-counter {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.post-comments-counter a {
	color: #FFF;
}

.post-meta-tags {
	float: left;
	margin-top: 1px;
}

.post-meta-tags a {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 9px 2px 25px;
	border-radius: 0 3px 3px 0;
	color: #FFF;
	background: url(images/icon-tag.png) left center no-repeat #B0B0B0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.post-meta-tags a:hover {
	opacity: 0.8;
}

.post-meta-share {
	position: relative;
	float: right;
}

.share-inner {
	position: absolute;
	bottom: 0;
	display: none;
	left: -210px;
	border-top: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-radius: 3px;
	background: #FFF;
	font-size: 11px;
	text-transform: uppercase;
}

.share-inner a {
	float: left;
	display: inline-block;
	padding: 2px 9px;
	border-bottom: 1px solid #E9E9E9;
	color: #808080;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}

.share-inner a:hover {
	background: #F9F9F9;
}

.share-center {
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
}

.share-button a {
	display: inline-block;
	padding: 2px 9px;
	border: 1px solid #E9E9E9;
	border-radius: 3px;
	color: #808080;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}

.share-button a:hover {
	background: #F9F9F9;
}

.single-post-meta a {
	color: #000;
}

/* Gallery Post Format -----------------------------*/

.flexslider {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.flexslider ul {
	margin: 0;
	padding: 0;
}

.flexslider li {
	list-style: none;
}

.flexslider li img {
	display: block;
}

.flexslider .slides > li {
	display: none;
}

.flex-control-nav {
	position: absolute;
	z-index: 999;
	bottom: 10px;
	right: 10px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.flex-control-nav li {
	display: inline-block;
	margin: 0 3px;
	zoom: 1;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 20px;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	width: 7px;
	height: 7px;
	border-radius: 20px;
	text-indent: -9999px;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.flex-control-paging li a:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

.flex-control-paging li a.flex-active {
	cursor: default;
	background-color: rgba(255, 255, 255, 0.5);
}

/* Video Post Format -------------------------------*/

.video-thumb {
	margin-bottom: 30px;
}

/* Pagination --------------------------------------*/

#pagination {
	text-align: center;
	margin-bottom: 30px;
	font-size: 12px;
}

#pagination a {
	display: inline-block;
	padding: 8px 12px;
}

#pagination a:hover {
	text-decoration: none;
}

#pagination a:hover {
	background: #FFF;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

#pagination .current {
	display: inline-block;
	padding: 8px 12px;
	background: #FFF;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

#pagination .next.page-numbers,
#pagination .prev.page-numbers {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  5.  Page Templates
/*-----------------------------------------------------------------------------------*/

/* Portfolio ---------------------------------------*/

#portfolio .post-wrapper {
	width: 1110px;
	padding: 30px 0 0 30px;
}



   
   
   
   
   
.overlay {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

.overlay-image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(images/icon-overlay.png) center center no-repeat;
}

a:hover .overlay .overlay-image {
	-webkit-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

@-webkit-keyframes overlay {
	0% 		{ -webkit-transform: rotate(-175deg) scale(0.2) }
	100% 	{ -webkit-transform: rotate(0deg) scale(1) }
}

@-moz-keyframes overlay {
	0% 		{ -moz-transform: rotate(-175deg) scale(0.2) }
	100%	{ -moz-transform: rotate(0deg) scale(1) }
}

@-ms-keyframes overlay {
	0% 		{ -ms-transform: rotate(-175deg) scale(0.2) }
	100%	{ -ms-transform: rotate(0deg) scale(1) }
}

@-o-keyframes overlay {
	0%		{ -o-transform: rotate(-175deg) scale(0.2) }
	100%	{ -o-transform: rotate(0deg) scale(1) }
}

@keyframes overlay {
	0% 		{ transform: rotate(-175deg) scale(0.2) }
	100%	{ transform: rotate(0deg) scale(1) }
}






.container-patrick2
{
    position: relative;
    
}
.container-patrick2-caption-background
{
	position:absolute;
	bottom:0px;

	width:100%;
	height:45px;

	background:#000;

	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	-o-opacity:0.5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter:alpha(opacity=50);
}
.container-patrick2-caption
{
	position:absolute;

	width:100%;
	bottom:15px;

	text-align:center;

	color:#fff;
	text-shadow: 1px 1px 3px #000;

	font-size:1.3em;
	font-weight:bold;
}

.overlay-patrick2
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    
    vertical-align: middle;
    
    background: transparent url(images/portfolio-overlay-play-button-1.png) center center no-repeat;
    
    opacity:0.75;
    -webkit-opacity:0.75;
    -moz-opacity:0.75;
    -ms-opacity:0.75;
    -o-opacity:0.75;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter:alpha(opacity=75);

    
}




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

.overlay-image-play-button {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(images/portfolio-overlay-play-button-1.png) center center no-repeat;
}

a:hover .overlay-image-play-button .overlay-image-overlay-image-play-button {
	-webkit-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: overlay 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

@-webkit-keyframes overlay-image-play-button {
	0% 		{ -webkit-transform: rotate(-175deg) scale(0.2) }
	100% 	{ -webkit-transform: rotate(0deg) scale(1) }
}

@-moz-keyframes overlay-image-play-button {
	0% 		{ -moz-transform: rotate(-175deg) scale(0.2) }
	100%	{ -moz-transform: rotate(0deg) scale(1) }
}

@-ms-keyframes overlay-image-play-button {
	0% 		{ -ms-transform: rotate(-175deg) scale(0.2) }
	100%	{ -ms-transform: rotate(0deg) scale(1) }
}

@-o-keyframes overlay-image-play-button {
	0%		{ -o-transform: rotate(-175deg) scale(0.2) }
	100%	{ -o-transform: rotate(0deg) scale(1) }
}

@keyframes overlay-image-play-button {
	0% 		{ transform: rotate(-175deg) scale(0.2) }
	100%	{ transform: rotate(0deg) scale(1) }
}

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



.single-portfolio-content {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #E9E9E9;
}

.single-portfolio-section {
	margin-bottom: 30px;
}

.single-portfolio-section-media {
	float: left;
	width: 720px;
}

.single-portfolio-section-media.full-layout {
	width: 100%;
}

.single-portfolio-section-media img {
	display: block;
}

.single-portfolio-section-media .flexslider,
.single-portfolio-section-media .video-thumb {
	margin-bottom: 0;
}

.single-portfolio-section-content {
	position: relative;
	float: right;
	width: 270px;
	padding: 25px 30px;
	background: #F1F1F1;
}

.single-portfolio-content h2 {
	margin: -30px auto 30px auto;
}

.portfolio-arrow-wrapper {
	overflow: hidden;
	position: absolute;
	top: 29px;
	left: -10px;
	width: 10px;
	height: 12px;
}

.portfolio-arrow {
	position: absolute;
	top: 0;
	left: 6px;
	width: 10px;
	height: 10px;
	border: 1px solid #F1F1F1;
	background: #F1F1F1;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Isotope -----------------------------------------*/

.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:      -o-transform, 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;
}

/*-----------------------------------------------------------------------------------*/
/*	6.	Comments
/*-----------------------------------------------------------------------------------*/

#comments-wrapper {
	margin-bottom: 30px;
	padding: 30px 30px 50px 30px;
	background: #FFF;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

#respond textarea {
	margin-bottom: 15px;
}

.comments-title {
	margin-bottom: 30px;
	font-size: 18px;
	text-transform: uppercase;
}

#reply-title {
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
}

#reply-title h3 {
	margin-bottom: 0;
	float: left;
	margin-right: 10px;
	font-size: 18px;
	text-transform: uppercase;
}

#cancel-comment-reply-link {
	font-size: 11px;
	line-height: 14px;
	color: #808080;
}

.logged-in-as {
	margin-top: -30px;
	margin-bottom: 30px;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	color: #808080;
}

.logged-in-as a {
	color: #000;
}

.children {
	margin: 0;
}

.comment {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E9E9E9;
}

.comment-header {
	margin-bottom: 20px;
}

.avatar-e {
	display: block;
	float: left;
	margin-right: 10px;
}

.avatar-e img {
	display: block;
	border: 1px solid #E9E9E9;
	border-radius: 30px;
	padding: 2px;
}

.comment-author {
	padding-top: 3px;
	font-family: 'SegoeUI', sans-serif;
}

.comment-date {
	color: #808080;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
}

.comment-date a {
	color: #808080;
}

.comment-reply {
	margin-top: 20px;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-comment,
p.form-submit {
	margin-bottom: 0;
}

.comment-form-author label,
.comment-form-author span,
.comment-form-email label,
.comment-form-email span,
.comment-form-url label,
.comment-form-comment label,
.comment-notes,
.form-allowed-tags {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
	padding: 30px 0;
	background: #000;
	color: #B0B0B0;
	font-size: 13px;
}

#footer a {
	color: #B0B0B0;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

.footer-left {
	position: relative;
	float: left;
	width: 50%;
}

.footer-right {
	float: right;
	width: 50%;
	text-align: right;
}

.footer-right .social {
	margin: 0 0 0 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Sidebars & Widgets
/*-----------------------------------------------------------------------------------*/

#sidebar {
	float: right;
	width: 360px;
}

.widget {
	margin-bottom: 30px;
	padding: 30px;
	background: #FFF;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

.widget ul {
	margin: 0;
	padding: 0;
}

.widget li {
	list-style: none;
	margin-bottom: 20px;
}

.widget li:last-child {
	margin-bottom: 0;
}

.widget-title {
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}

.widget_recent_entries .post-date {
	margin-top: 0;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
}

.widget input[type="text"] {
	width: 280px;
}

#searchform {
	position: relative;
	margin: 0;
}

#searchform input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar thead {
	background: #F1F1F1;
}

#wp-calendar tbody {
	text-align: center;
	background: #F9F9F9;
}

.widget.widget_tag_cloud {
	padding-bottom: 20px;
}

.tagcloud a {
	display: inline-block;
	margin: 0 5px 10px 0;
	padding: 2px 9px 2px 25px;
	border-radius: 0 3px 3px 0;
	color: #FFF;
	background: url(images/icon-tag.png) left center no-repeat #B0B0B0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.tagcloud a:hover {
	opacity: 0.8;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Buttons ---------------------------*/

.button {
	cursor: pointer;
	display: inline-block;
	padding: 9px 18px;
	background: #000;
	color: #FFF;
	font-family: 'SegoeUI', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.button:hover {
	opacity: 0.8;
	text-decoration: none;
}

.button i {
	margin-right: 5px;
}

.button.large {
	font-size: 14px;
	padding: 15px 30px;
}

.button.small {
	padding: 4px 10px;
	font-size: 10px;
}

.button.rounded {
	border-radius: 15px;
}

/* Social Icons ----------------------*/

.social {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(images/social-icons.png) no-repeat;
}

.social.twitter 			{background-position: 0 0;}
.social.twitter:hover 		{background-position: 0 -16px;}
.social.facebook 			{background-position: 0 -32px;}
.social.facebook:hover 		{background-position: 0 -48px;}
.social.dribbble 			{background-position: 0 -64px;}
.social.dribbble:hover 		{background-position: 0 -80px;}
.social.flickr 				{background-position: 0 -96px;}
.social.flickr:hover 		{background-position: 0 -112px;}
.social.skype 				{background-position: 0 -128px;}
.social.skype:hover 		{background-position: 0 -144px;}
.social.blogger 			{background-position: 0 -160px;}
.social.blogger:hover 		{background-position: 0 -176px;}
.social.vimeo 				{background-position: 0 -192px;}
.social.vimeo:hover 		{background-position: 0 -208px;}
.social.googleplus 			{background-position: 0 -224px;}
.social.googleplus:hover 	{background-position: 0 -240px;}
.social.forrst 				{background-position: 0 -256px;}
.social.forrst:hover 		{background-position: 0 -272px;}
.social.digg 				{background-position: 0 -288px;}
.social.digg:hover 			{background-position: 0 -304px;}
.social.stumbleupon 		{background-position: 0 -320px;}
.social.stumbleupon:hover 	{background-position: 0 -336px;}
.social.deviantart 			{background-position: 0 -352px;}
.social.deviantart:hover 	{background-position: 0 -368px;}
.social.tumblr 				{background-position: 0 -384px;}
.social.tumblr:hover 		{background-position: 0 -400px;}
.social.linkedin 			{background-position: 0 -416px;}
.social.linkedin:hover 		{background-position: 0 -432px;}
.social.myspace 			{background-position: 0 -448px;}
.social.myspace:hover 		{background-position: 0 -464px;}
.social.pinterest			{background-position: 0 -480px;}
.social.pinterest:hover 	{background-position: 0 -496px;}
.social.youtube				{background-position: 0 -512px;}
.social.youtube:hover 		{background-position: 0 -528px;}
.social.rss					{background-position: 0 -544px;}
.social.rss:hover 			{background-position: 0 -560px;}

/* Team ------------------------------*/

.team-content {
	background: #F1F1F1;
	padding: 30px;
}

.team-image img {
	display: block;
}

.team-name {
	font-size: 24px;	
}

.team-position {
	font-size: 11px;
	text-transform: uppercase;
	color: #808080;
}

.team-text {
	margin-top: 10px;
}

.team-social .social {
	margin: 20px 20px 0 0;
}

/* Progress Bars ---------------------*/

.progress-bar {
	margin-bottom: 11px;
}

.progress-bar:last-child {
	margin-bottom: 0;
}

.progress-bar-title {
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 22px;
	text-transform: uppercase;
}

.progress-bar-line {
	position: relative;
	overflow: hidden;
	height: 5px;
	background: #F1F1F1;
}

.progress-bar-line-inner {
	height: 5px;
	background: #000;
}

/* Services --------------------------*/

.service-icon {
	float: left;
	height: 58px;
	width: 58px;
	border-radius: 29px;
	background: #FFD80C;
	color: #000;
	font-size: 32px;
	line-height: 56px;
	text-align: center;
}

.service-content {
	padding-left: 78px;
}

.service-title {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 28px;
	color: #000;
}

.service-more {
	margin-top: 20px;
}

/* Testimonial -----------------------*/

.testimonial-content {
	padding: 15px 20px;
	border: 1px solid #E9E9E9;
	background: #FCFCFC;
}

.testimonial-meta {
	position: relative;
	margin: 15px 0 0 20px;
}

.testimonial-author-position {
	color: #808080;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
}

.testimonial-arrow-wrapper {
	overflow: hidden;
	position: absolute;
	top: -17px;
	left: 11px;
	width: 12px;
	height: 10px;
}

.testimonial-arrow {
	position: absolute;
	top: -6px;
	left: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #E9E9E9;
	background: #FCFCFC;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.testimonial-image {
	float: left;
	width: 34px;
	height: 34px;
	margin-right: 10px;
	border-radius: 17px;
}

.testimonial-image img {
	display: block;
	border-radius: 17px;
}

/* Pricing Table ---------------------*/

.pricing-table {
	border: 1px solid #E9E9E9;
}

.pricing-table-title {
	padding: 10px;
	border-bottom: 1px solid #E9E9E9;
	font-family: 'SegoeUI', sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.pricing-table-price-header {
	padding: 20px;
	border-bottom: 1px solid #E9E9E9;
	text-align: center;
	background: #F9F9F9;
}

.pricing-table-currency {
	font-size: 24px;
	vertical-align: 22px;
}

.pricing-table-price {
	font-family: 'SegoeUI', sans-serif;
	font-size: 56px;
	line-height: 42px;
}

.pricing-table-content {
	text-align: center;
}

.pricing-table-content ul {
	margin: 0;
	padding: 0;
}

.pricing-table-content li {
	list-style: none;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #E9E9E9;
}

.pricing-table-content li:nth-child(even) {
	background: #FCFCFC;
}

.pricing-table-footer {
	padding: 15px;
	text-align: center;
}

.pricing-table.best-price {
	margin-top: -20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}

.best-price .pricing-table-title {
	padding: 20px 15px;
}

.best-price .pricing-table-footer {
	padding-bottom: 35px;
}

.pricing-table.best-price {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* Recent Works ----------------------*/

.recent-works {
	width: 720px;
}

.full-width .recent-works {
	width: 1110px;
}

/* Promo -----------------------------*/

.promo {
	padding: 30px;
	border: 1px solid #E9E9E9;
	background: #FCFCFC;
}

.promo-text {
	float: left;
	width: 80%;
}

.promo-full .promo-text {
	width: 100%;
}

.promo-heading {
	font-size: 21px;
	line-height: 28px;
}

.promo .button {
	float: right;
	margin-top: 5px;
}

/* Dropcaps --------------------------*/

.dropcap-square {
	float: left;
	width: 50px;
	height: 37px;
	margin: 5px 10px 0 0;
	padding: 13px 0 0 0;
	background: #FFD80C;
	color: #000;
	font-family: 'SegoeUI', sans-serif;
	font-size: 42px;
	text-align: center;
}

.dropcap-circle {
	float: left;
	width: 50px;
	height: 37px;
	margin: 5px 10px 0 0;
	padding: 13px 0 0 0;
	border-radius: 25px;
	background: #FFD80C;
	color: #000;
	font-family: 'SegoeUI', sans-serif;
	font-size: 32px;
	text-align: center;
}

/* Highlight -------------------------*/

.highlight {
	padding: 0 3px;
}

/* Divider ---------------------------*/

.divider {
	width: 100%;
	height: 30px;
}

/* Tabs ------------------------------*/

.tabs {
	overflow: hidden;
	width: 100%;
}

.tabs-header {
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
}

.tab-title {
	float: left;
	text-transform: uppercase;
	height: 41px;
	font-size: 12px;
	border-top: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	background: #F9F9F9;
	font-family: 'SegoeUI', sans-serif;
}

.tab-title a {
	height: 41px;
	line-height: 40px;
	display: block;
	padding: 0 20px;
	color: #000;
}

.tab-title a:hover {
	color: #009DE0;
	text-decoration: none;
}

.tab-title a.selected {
	background: #FFF;
	color: #009DE0;
	padding-bottom: 1px;
}

.tab-content {
	display: none;
	padding: 20px;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
}

/* Toggle ----------------------------*/

.toggle {
	margin-bottom: 2px;
}

.toggle-title {
	border: 1px solid #E9E9E9;
	font-size: 12px;
	font-family: 'SegoeUI', sans-serif;
	text-transform: uppercase;
}

.toggle-title:hover {
	background: #F9F9F9;
}

.toggle-title.clicked {
	background: #F9F9F9;
}

.toggle-title a {
	display: block;
	margin-left: 20px;
	padding: 11px 20px;
	background: url(images/icon-plus.png) no-repeat left center;
	color: #000;
}

.toggle-title.clicked a {
	background: url(images/icon-minus.png) no-repeat left center;
}

.toggle-title a:hover {
	text-decoration: none;
}

.toggle-content {
	display: none;
}

.toggle-content-inner {
	padding: 20px;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
}

/* Accordion -------------------------*/

.accordion-item {
	margin-bottom: 2px;
}

.accordion-title {
	border: 1px solid #E9E9E9;
	font-size: 12px;
	font-family: 'SegoeUI', sans-serif;
	text-transform: uppercase;
}

.accordion-title:hover {
	background: #F9F9F9;
}

.accordion-title.active {
	background: #F9F9F9;
}

.accordion-title a {
	display: block;
	margin-left: 20px;
	padding: 11px 20px;
	background: url(images/icon-plus.png) no-repeat left center;
	color: #000;
}

.accordion-title a:hover {
	text-decoration: none;
}

.accordion-title.active a {
	background: url(images/icon-minus.png) no-repeat left center;
}

.accordion-content-inner {
	padding: 20px;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
}

/* Columns ---------------------------*/

.one-fourth {
	width: 150px;
}

.one-third {
	width: 210px;
}

.one-half {
	width: 330px;
}

.two-third {
	width: 450px;
}

.three-fourth {
	width: 510px;
}

.one-fourth,
.one-third,
.one-half,
.two-third,
.three-fourth {
	position: relative;
	float: left;
	margin: 0 30px 30px 0;
}

.full-width .one-fourth {
	width: 247px;
}

.full-width .one-third {
	width: 340px;
}

.full-width .one-half {
	width: 525px;
}

.full-width .two-third {
	width: 710px;
}

.full-width .three-fourth {
	width: 802.5px;
}

.last-column {
	margin-right: 0 !important;
}

/*-----------------------------------------------------------------------------------*/
/*	10.	Responsive
/*-----------------------------------------------------------------------------------*/

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

	.mobile-page
	{
		display:none !important;
	}
	
	.inner {
		width: 940px;
	}
	
	#primary {
		width: 620px;
	}
	
	#sidebar {
		width: 300px;
	}
	
	#sidebar .widget input[type="text"] {
		width: 220px;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 540px;
	}
	
	.one-fourth {
		width: 117.5px;
	}
	
	.one-third {
		width: 166.5px;
	}
	
	.one-half {
		width: 265px;
	}
	
	.two-third {
		width: 363px;
	}

	.three-fourth {
		width: 412.5px;
	}
	
	.full-width .one-fourth {
		width: 197.5px;
	}
	
	.full-width .one-third {
		width: 273px;
	}
	
	.full-width .one-half {
		width: 425px;
	}
	
	.full-width .two-third {
		width: 576px;
	}

	.full-width .three-fourth {
		width: 652.5px;
	}
	
	#portfolio .post-wrapper,
	.full-width .recent-works {
		width: 910px;
	}
	
	.recent-works {
		width: 590px;
	}
	
	.single-portfolio-section-media {
		width: 576px;
	}
	
	.single-portfolio-section-content {
		width: 213px;
	}
}

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

	.mobile-page
	{
		display:none !important;
	}
	
	.inner {
		width: 708px;
	}
	
	#primary {
		width: 708px;
	}
	
	#sidebar {
		float: left;
		width: 708px;
	}
	
	#sidebar .widget {
		float: left;
		width: 279px;
		margin-right: 30px;
	}
	
	#sidebar .widget:nth-child(even) {
		margin-right: 0;
	}
	
	#sidebar .widget input[type="text"] {
		width: 259px;
	}
	
	.content-header-left {
		width: 90%;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 628px;
	}
	
	.full-width .one-fourth,
	.one-fourth {
		width: 139.5px;
	}
	
	.full-width .one-third,
	.one-third {
		width: 196px;
	}
	
	.full-width .one-half,
	.one-half {
		width: 309px;
	}
	
	.full-width .two-third,
	.two-third {
		width: 422px;
	}

	.full-width .three-fourth,
	.three-fourth {
		width: 478.5px;
	}
	
	#portfolio .post-wrapper,
	.recent-works {
		width: 678px;
	}
	
	.recent-works {		
		width: 678px !important;
	}
	
	
	#header-menu {
		display: none;
	}
	
	.header-right {
		display: none;
	}
		
	#responsive-icons {
		display: block;
	}
	
	.single-portfolio-section-media {
		width: 100%;
		float: none;
	}
	
	.single-portfolio-section-content {
		float: none;
		width: 588px;
		margin-top: 30px;
	}
	
	.portfolio-arrow-wrapper {
		top: -8px;
		left: 26px;
		width: 22px;
		height: 14px;
	}

	.portfolio-arrow {
		top: 3px;
		left: 6px;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.promo {
		text-align: center;
	}
	
	.promo-text {
		float: none;
		width: 100%;
	}
	
	.promo .button {
		float: none;
		margin-top: 20px;
	}
	
	.header-menu-link
		{
			color:#000 !important;
			padding:0 !important;
			margin:0 !important;
			background-color:transparent !important;
	
			font-size:14px !important;
	
			width:100% !important;
		}
		#header-menu-link-div
		{
			padding:15px 0 0 0 !important;	
	}
}

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

	#header
	{
		//display:none !important;
	}

	.mobile-page
	{
		display:block !important;
	}
	
	.inner {
		width: 440px;
	}
	
	#primary {
		width: 440px;
	}
	
	#sidebar {
		width: 440px;
	}
	
	#sidebar .widget {
		width: 380px;
		margin-right: 0;
	}
	
	#sidebar .widget input[type="text"] {
		width: 360px;
	}
	
	.content-header-right {
		display: none;
	}
	
	.content-header-left {
		width: 100%;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 360px;
	}
	
	.full-width .one-fourth,
	.one-fourth,
	.full-width .one-third,
	.one-third,
	.full-width .one-half,
	.one-half,
	.full-width .two-third,
	.two-third,
	.full-width .three-fourth,
	.three-fourth {
		width: 380px;
		float: none;
		margin-right: 0;
	}
	
	#portfolio .post-wrapper {
		width: 410px;
	}
	
	.recent-works {
		width: 380px;
	}
	
	.footer-left,
	.footer-right {
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.footer-left {
		margin-bottom: 10px;
	}
	
	.error404 #primary {
		width: 440px;
	}
	
	.error404 #primary input[type="text"] {
		width: 360px;
	}
	
	.single-portfolio-section-content {
		width: 320px;
	}
}

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

	.mobile-page
	{
		display:block !important;
	}
	.inner {
		width: 280px;
	}
	
	#primary {
		width: 280px;
	}
	
	#sidebar {
		width: 280px;
	}
	
	#sidebar .widget {
		width: 220px;
	}
	
	#sidebar .widget input[type="text"] {
		width: 200px;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 200px;
	}
	
	.post-title {
		width: 85%;
	}
	
	.post-meta-tags {
		width: 50%;
	}
	
	.post-meta-tags a {
		margin-bottom: 5px;
	}
	
	#portfolio .post-wrapper {
		width: 250px;
	}
	
	.recent-works {
		width: 220px;
	}
	
	.full-width .one-fourth,
	.one-fourth,
	.full-width .one-third,
	.one-third,
	.full-width .one-half,
	.one-half,
	.full-width .two-third,
	.two-third,
	.full-width .three-fourth,
	.three-fourth {
		width: 220px;
	}
	
	.error404 #primary {
		width: 280px;
	}
	
	.error404 #primary input[type="text"] {
		width: 200px;
	}
	
	.single-portfolio-section-content {
		width: 160px;
	}
	
	#viber-logo
	{
		display: none;
	}
	
	#logo
	{
		width:80px;
		
		margin-top:10px;
		
		background-color:#000 !important;
		
		border:6px solid #000;
	}
}

#first-row
{
	clear:both !important;
	
	text-align:center !important;
	
	font-weight:600 !important;
}

.left-col
{
	float:left !important;
	width: 50%;
	
	background:#aeaeae;
	
	padding:5px;
	
	text-align:right !important;
}
.right-col
{
	float:right !important;
	width: 50%;
	
	background:#cccccc;
	
	padding:5px;
	
	text-align:left !important;
}

#first-row-left-col
{
	background:#f2e556;
	color:#161616;
	width: auto%;
}
#first-row-right-col
{
	background:#a1df5e;
	color:#161616;
}

#second-row-left-col
{
	background:#1e9fb2;
	color:#fff;
}
#second-row-right-col
{
	background:#d92424;
	color:#fff;
}

.header-menu2
{
	margin:0 !important;
	padding:0 !important;
}
.header-menu2 li a
{
	list-style:none;
	border-bottom:1px solid #444444;

	display: block;
	padding: 10px !important;
	margin:0px !important;
	
	color:#fff;
}

.header-menu2 li a:before {
  display: inline-block;
  width: 9px;
  height: 9px;
  content: "";
  background: #333333 url("images/icon-minus.png");
  
  margin-right:15px;
  margin-left:15px;
}