/* 

	Theme Name: Rhino
	Theme URI: http://www.notaspoon.com  
	Description: This is multipurpose theme with powerfull customization features.  
	Version: 1.0
	Author: Nikola Susa
	Author URI: http://themeforest.net/user/NikolaSusa/portfolio
	License: GPL
	License URI: http://www.gnu.org/licenses/gpl.html
	Tags: white, dark
	
*/

/*---------------------------------------------- 
Fonts
------------------------------------------------*/

@font-face {
font-family: 'DIN Bold';
font-weight: normal;
src: url('fonts/DINComp-CondBold_new.eot') format('embedded-opentype');
src: local('?'), url('../fonts/DINCompPro-CondBold_new.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face{
font-family: 'DIN Bold IE';
font-weight: normal;
src: url('fonts/DINComp-CondBold_new.eot');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------------------- 
0. Reset
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
ol, ul  { list-style: none; }

:focus  { outline: 0; }

.clearfix:after { content: ""; display: block; clear: both; font-size: 0;  height: 0; }
.clearfix { display: block; height: 1%; clear:both; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }

/*---------------------------------------------- 
Basics
------------------------------------------------*/
html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll; /* Force a scrollbar in non-IE */
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	}

body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size:12px; color:#424242; text-align: left; line-height:22px;
	background-color:#e8e7e3;
	}
	
::selection { background:#f15a23; color:#fff; }
::-moz-selection { background:#f15a23; color:#fff; }
::-webkit-selection { background:#f15a23; color:#fff; }	

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

/* Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	color: #424242;
	line-height:105%;
	font-weight: bold;
	}
	
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 {
	color: #fff;
	}

.wrapperoverlay h1, .wrapperoverlay h2, .wrapperoverlay h3, .wrapperoverlay h4, .wrapperoverlay h5, .wrapperoverlay h6 {
	color: #ffffff;
	opacity: 0.9;
	filter: alpha(opacity=90);
	}
	
.sectiontitle {
	margin: 15px 0px 25px 0px;
	padding-bottom:5px;
	line-height:17px;
	font-weight:500;
	position:relative;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	border-left: 5px solid #F67C05;
	padding: 0px 0px 0px 10px;
	}
	
.dark  .sectiontitle {
	color:#fff;
	}	
	
.sectiontitle.submain {
	border-color:transparent;
	border-width:0px;
	padding-bottom:0px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}		
	
.sectiontitle h6 {
	color: #424242;
	text-transform: none;
	text-align: left;
	font-size:14px;
	line-height:17px;
	font-weight:700;
	padding-right:10px;
	line-height:20px;
	}
	
.dark .sectiontitle h6 {
	color: #ededec;
	}

section {
	position:relative;
	}
	
section.container {
	padding:30px 0px 30px 0px;
	position:relative;
	}

section.slider-container {
	padding:0px;
	position:relative;
	}

	
#main.container {
	padding:0px;
	position:relative;
	}	
	
.page-description {
	margin-bottom: 30px;
	padding: 30px;
	border:1px solid #eee;
	color:#555;
	background-image:url(images/pattern-1.png);
	}
	
#notfound {
	margin:50px 0px;
	text-align:center;
	}
	
#notfound strong {
	font-size:200px;
	line-height:200px;
	}	
	
#notfound span {
	font-size:20px;
	position:relative;
	display:block;
	line-height:30px;
	}

#notfound span a {
	font-weight:700;
	}	

h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 16px;}
h4 { font-size: 14px; }
h5 { font-size: 13px;}
h6 { font-size: 11px; }


div h1, div h2, div h3, div h4, div h5, div h6 {
	margin-top: 30px;
	}
	
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
	margin-top: 0px;
	}


/* Forms
---------------------------------------- */
input[type=text], input[type=password], textarea, #contact-form select {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 1.3em;
	border: 1px solid #C3CBD3;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	margin: 3px 0 0 0;
	color: #8E959C;
	}

input[type=password] { width: 240px; max-width: 95%; }		/* padding issue (240 + 2*5 = 250) */
input[type=text] { width: 95%; padding-left:10px; }		/* padding issue (240 + 2*5 = 250) */
#contact-form select { width: 100%; }		/* padding issue (240 + 2*5 = 250) */
textarea { height: 180px; width: 95%; padding: 10px 10px 5px 10px; }		/* padding issue (395 + 2*5 = 405) */
input[type=checkbox] { margin-right:10px; }		/* padding issue (395 + 2*5 = 405) */

input[type=submit] {
	color: #fff;
	padding: 6px 14px;
	margin: 2px 0 0 0;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	border: 1px solid transparent;
	background-color:#f15a23;
	transition: all .4s;
	-moz-transition: all .4s; /* Firefox 4 */
	-webkit-transition: all .4s; /* Safari and Chrome */
	-o-transition: all .4s; /* Opera */
	
	}
input[type=submit]:hover { 
	background-color:#181818;
	transition: all .8s;
	-moz-transition: all .8s; /* Firefox 4 */
	-webkit-transition: all .8s; /* Safari and Chrome */
	-o-transition: all .8s; /* Opera */
	}
	
label {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	display: block;
	line-height: 16px;
	font-size: 10px;
	text-indent: -9999px; 
	color: red;
	position:absolute;
	text-transform:capitalize;
	top: 8px;
	left: 10px;
	}

form {
	margin-top: 15px;
	}
	
form div {
	margin-top: 15px;
	position: relative;
	}
	
div form:first-child, form div:first-child 	 {
	margin-top: 0px;
	}
	

/* Chech formular */
form .checkfalse {
	width: 11px;
	height: 11px;
	background: url(images/req.png) no-repeat center center;
	text-indent: -9999px;
	position: absolute;
	top: 16px;
	left: -11px;
	}

#form-note {
	display: none;
	overflow: hidden;
	position:relative;
	top:-12px;
	left:15px;
	}
	
#form-note .error_icon {
	color: #ec4444;
	font-weight:700;
	line-height: 20px;
	display: inline-block;
	padding-right:5px;
	float: left;
	}	
#form-note .confirm_message {
	color: #42d87e;
	line-height: 20px;
	display: inline-block;
	float: left;
	}
	
#form-note .error_message {
	color: #df2929;
	line-height: 20px;
	display: inline-block;
	float: left;
	}
	
/* Links
---------------------------------------- */
a {
	text-decoration: none;
	color: #595959;
	cursor: pointer;
	}

a:hover {
	color: #f15a23;
	}


/* Embedded content
---------------------------------------- */

img  {
	display:block;
	height:auto;
	width:auto;
	}
	
.column img {
	height:auto;
	max-width:100%;
	}

p img { margin-top: 15px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 15px 35px 0; float: left; }
img.alignright { margin: 3px 0px 15px 15px; float: right; }
img.aligncenter { margin-bottom: 15px; }

.embeddedvideo {
	position: relative;
	padding-bottom: 56.4%;
	height: 0;
	overflow: hidden;
	}
	
.embeddedvideo iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	
div .media:first-child {
	margin-top: 0px;
	}

/* Lists
---------------------------------------- */
article ul {
	margin-top: 15px;
	padding-left: 0px;
	}

article ul li {
	padding-left: 20px;
	background: transparent url(images/arrowtoright.png) 0 8px no-repeat;
	line-height: 22px;
	}
	
article ol {
	margin-top: 15px;
	margin-left: 45px;
	list-style: decimal;
	}
	
article ol li {
	line-height: 22px;
	}
	
	


/* Others
---------------------------------------- */
strong, b, dt {
	font-weight: bold;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	color:#414042;
}

i, dfn {
	font-style: italic;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	
strong i, b i, dt i {
	font-style: italic;
	font-weight: bold;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}

sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

/* paragraph rules */
p { 
	margin-top: 15px; 
	line-height:24px;
	}
	
div p:first-child { 
	margin-top: 0px; 
	}	
	
article > p:last-child {
	padding-bottom: 0px;
	}

blockquote {
	margin-top: 15px; 
	padding: 15px;
	font-size:30px;
	line-height:32px;
	font-weight: 700;
	font-family: 'DIN Bold', 'DIN Bold IE', helvetica, arial;
	color: #333;
	text-transform: uppercase;
	text-align:center;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}
	
.quote-author {
	height: 30px;
	background: url(images/darkquote.png) left no-repeat;
	padding-left: 40px;
	font-size: 11px;
	line-height:30px;
	font-weight: 700;
	color: #333;
	left:40%;
	font-family: 'DIN Bold', 'DIN Bold IE', helvetica, arial;
	position:relative;
	display:inline-block;
	text-transform: uppercase;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}
	
.dark blockquote {
	color: #fff;
	}
	
.dark .quote-author {
	background: url(images/quote.png) left no-repeat;
	color: #ebebeb;
	}	

blockquote p {
	}

div blockquote:first-child { 
	margin-top: 0px; 
	}
	
address {
	border: 1px solid #e5e5e5;
	padding: 15px;
	margin-top: 20px;
	}
	
div address:first-child { 
	margin-top: 0px; 
	}	
	
pre {
	border: 1px solid #e5e5e5;
	padding: 15px;
	margin-top: 20px;
	}
	
div pre:first-child { 
	margin-top: 0px; 
	}	



/* WORDPRESS DEFAULT */

/*sticky*/
.sticky{
}

/*gallery captio*/
.gallery-caption{}

/*by post author*/
.bypostauthor{}

/*aligns*/
.aligncenter{
	display:block;
	margin:0 auto;
}
.alignright{
	float:right;
	margin:0 0 10px 20px;
}
.alignleft{
	float:left; 
	margin:0 20px 10px 0;
}

/*floats*/
.floatleft{ float:left}
.floatright{ float:right}

/*text style*/
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}

/*captions*/
.wp-caption{ max-width: 100% !important; }
.wp-caption{
	text-align:center; 
	margin:10px; 
	position:relative;
}
.wp-caption img{
	margin:0; 
	padding:0; 
	border:0 none;
	max-width: 100%;
}
.wp-caption p.wp-caption-text{
	font-size:13px; 
	line-height:22px; 
	padding:5px 10px; 
	margin:0;
	position:absolute;
	color:#fff;
	background-color:#313131;
	bottom:20px;
	left:20px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
}
/*smiley reset*/
.wp-smiley{
	margin:0 !important;
	max-height:1em;
}

/*blockquote*/
blockquote.left{
	margin-right:20px;
	text-align:right;
	margin-left:0;
	width:33%;
	float:left;
}
blockquote.right{
	margin-left:20px;
	text-align:left;
	margin-right:0;
	width:33%;
	float:right;
}

/*img attachment*/
#img-attch-page{
	text-align: center;
	overflow: hidden;
}
#img-attch-page img{
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	border: 5px solid #d4d4d4; /*for IE*/
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-color: rgba(0,0,0, 0.08);
	-webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
}
#img-attch-page a:hover img{
	border-color: #fc7251;
}

#img-attach-page-content{
	text-align: center;
	margin-top: 25px;
}

/*gallery*/
.gallery {
	width: 100%;
	padding-bottom: 60px !important;
}

.gallery-item { float: left;  }

.gallery-icon { text-align: center; display: inline-block; }

.gallery-item .gallery-caption { 
    margin-bottom: 0 !important;
    padding-right: 12%; 
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

/*---------------------------------------------- 
2. Commen Classes & Id's
------------------------------------------------*/
#page {
	position: relative;
	}

#footer-widget{
	background-color:#fff;
	}

#footer-bottom{
	background-color:#fff;
	}

	
#main-maintenance{
	
	}
	
#maincontent {
	width: 100%;
	}
	
.wrapper {
	width: 960px;
	padding: 20px 0px 30px 0px;
	margin: 0 auto;
	position: relative;
	}
	
.header_topcontent{
	overflow:auto;
	}


.header_topcontent.wrapper{
	padding:0px;
}

.header_topcontent p{
	padding:2px 20px;
}
	
.wrapperoverlay {
	margin: 0 auto;
	width: 940px;
	max-width: 100%;
	padding: 20px 60px;
	color: #ededed;
	z-index: 1000;
	}

.left_float { 
	float: left; 
	}
	
.right_float { 
	float: right; 
	}
	
.center_float {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.center_float img {
	margin-left:auto;
	margin-right:auto;
	}	

.seperator { 
	border-bottom:2px solid #353535;
	padding-top: 20px;
	margin-bottom:10px;	
	}
	
.seperator-section { 
	border-bottom:2px solid #353535;
	padding-top: 20px; 
	margin-bottom:10px;
	}
	
.thick.seperator-section { 
	border-bottom:3px solid #353535;
	}

.dark .seperator { 
	border-bottom:2px solid #fff;
	padding-top: 20px;
	margin-bottom:10px;	
	}
	
.dark .seperator-section { 
	border-bottom:2px solid #fff;
	padding-top: 20px; 
	margin-bottom:10px;
	}

.dark .thick.seperator-section { 
	border-bottom:4px solid #fff;
	}

/*---------------------------------------------- 
3. Header
------------------------------------------------*/
#header {
	padding:0px;
	position:relative;
	top:0px;
	width:100%;
	left:0px;
	z-index:999;
	}
	
.header_inner {
	z-index:10;	
	background-color:#fff;
	margin:0px auto;
	position:relative;
	width:100%;
	}

.header_top {
	width:960px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	position:relative;
	}
	
.header_logo {
	padding:30px 0px 20px 0px;
	height:100%;
	}
	
#logo img {
	max-height:100px;
	margin-bottom:10px;
	margin-top:5px;
	}

/* Navigation
------------------------------------------------*/
.header_content #navigation {
	padding:0px;
	margin-top:7px;
	clear:both;
	}
	
.header_content #navigation ul{
	margin:0px auto;
	position:relative;
	clear:both;
	z-index:99;
	padding-right:30px;
	border-bottom:1px solid #eee;
	}

.dark .header_content #navigation ul{
	border-bottom:1px solid #444444;
	}


.header_content #navigation ul li{
	display:inline;
	margin:0px;
	padding:0px;
	position:relative;
	}


.header_content #navigation ul li a{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-transform:uppercase;
	padding:10px 0px 0px 0px;
	margin:20px 40px 0px 0px;
	display:inline-block;
	font-weight:bold;
	position:relative;
	top:1px;
	border-bottom:1px solid transparent;
	height: 30px;
	line-height: 30px;
	}
	
.header_content #navigation ul li a.active{
	border-bottom:1px solid #f67c05;
	}	
	

.dark .header_content #navigation ul li a{
	color:#ededec;
	}

	
.header_content #navigation ul li a:hover,.header_content #navigation ul li.current-menu-ancestor a, .header_content #navigation ul li.current_page_parent a, .header_content #navigation ul li a.active {
	color:#f67c05;
	text-decoration: none;
	transition: color .2s, background-color .2s;
	-moz-transition: color .2s, background-color .2s; /* Firefox 4 */
	-webkit-transition: color .2s, background-color .2s; /* Safari and Chrome */
	-o-transition: color .2s, background-color .2s; /* Opera */
	
	}
	
.dark .header_content #navigation ul li a:hover, .dark .header_content #navigation ul li.current_page_parent a, .dark .header_content #navigation ul li a.active {
	color:#f67c05;
	}


.header_content #navigation .menu-dropdown { display: none; }


.header_content #navigation ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.header_content #navigation ul ul {
	position: absolute;
	top: -9999em;
	width: 200px; /* left offset of submenus need to match (see below) */
}

.header_content #navigation ul ul li { width: 100%; }

.header_content #navigation ul li .sep {
	position: absolute;
	top: 21px;
	right: -3px;
	color: #aeaeae;
	font-size: 12px;
}

.header_content #navigation ul li:last-child .sep,
.header_content #navigation ul li.last .sep,
.header_content #navigation ul ul .sep { display: none; }

/*  Make sub menus appear -------------------------------------------------*/

.header_content #navigation ul li:hover ul,
.header_content #navigation ul li.sfHover ul {
	left: 5px;
	top: 150%; /* match top ul list item height */
	z-index: 99;
}

/* Hide all subs subs (4 levels deep) -------------------------------------*/

.header_content #navigation ul li:hover li ul,
.header_content #navigation ul li.sfHover li ul,
.header_content #navigation ul li li:hover li ul,
.header_content #navigation ul li li.sfHover li ul,
.header_content #navigation ul li li li:hover li ul,
.header_content #navigation ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) ---------------------------------*/

.header_content #navigation ul li li:hover ul,
.header_content #navigation ul li li.sfHover ul,
.header_content #navigation ul li li li:hover ul,
.header_content #navigation ul li li li.sfHover ul,
.header_content #navigation ul li li li li:hover ul,
.header_content #navigation ul li li li li.sfHover ul {
	left: 200px; /* match .nav ul width */
	top: -1px;
}
	
/* 2nd level skin --------------------------------------------------------*/

.header_content #navigation ul ul {
	background: #292929 !important;
	height:auto;
	padding:0px 5px 0px 5px;
	}

.header_content #navigation ul ul li {
	line-height: 15px;
	padding:0px 10px;
	float: none;
	background: none !important;
}

.header_content #navigation ul ul li a {
    color: #fff!important;
	line-height: 10px!important;
	font-size:10px!important;
	height:0px;
	padding: 0 10px;
	font-weight:700 !important;
	margin:0px !important;
	border-radius:0px !important;
}
.header_content #navigation ul li.sfHover ul li:last-child a { 
	border-bottom-width:0px;
}

.header_content #navigation ul li.sfHover ul a { 
	font-size: 12px;
	color: #fff; 
	background: none !important;
	display:block;
}

.header_content #navigation ul li.sfHover ul a:hover { color: #787a7b; }

/* 3rd level skin --------------------------------------------------------*/

.header_content #navigation ul ul ul {
	padding-top: 3px;
}

.header_content #navigation ul li.sfHover ul ul li:last-child a { 
	border-bottom-width:0px;
}

/* select --------------------------------------------------------*/

.header_content #navigation select {
	display: none;
	border: 1px solid #d6d6d6;
	background: #f7f7f7 url() right top no-repeat;
	height: 35px;
	width: 100%;
	padding:2px 15px;
	margin:27px 0px 10px 0px;
	color: #999999;
	}
	
div .header_content #navigation select option {
	cursor: pointer;
	padding: 5px 7px;
	}	

	
/*sticky navigation*/	

.sticky-bar {
	z-index:99;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	}

#nav_scroll{
	position:fixed;
	width:100%;
	top:-100%;
	padding:5px 0px;
	}

#nav_scroll nav ul{
	list-style:none;
	padding:0px;
	margin:0px;
	position:relative;
	}

#nav_scroll nav ul li{
	margin:0px;
	padding:0px;
	float:left;
	}

#nav_scroll nav ul li a{
	color:#fff !important;
	font-family:Arial;
	padding:10px 2px 2px 2px;
	margin:0px 10px 8px 10px;
	font-size:11px;
	line-height:14px;
	text-transform:capitalize;
	text-decoration:none;
	display:block;
	font-weight:700;
	position:relative;
	transition: all .2s;
	-moz-transition: all .2s; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari and Chrome */
	-o-transition: all .2s; /* Opera */
	}

#nav_scroll nav ul li a:hover{
	color:#676767;
	transition: all .2s;
	-moz-transition: all .2s; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari and Chrome */
	-o-transition: all .2s; /* Opera */
	}
	
#nav_scroll .social_media{
	margin-left:60px;
	}	
	
#nav_scroll select {
	display: none;
	border: 1px solid #d6d6d6;
	background: #f7f7f7 url() right top no-repeat;
	height: 35px;
	width: 100%;
	padding:2px 15px;
	margin:27px 0px 10px 0px;
	color: #999999;
	}
	
.dark #nav_scroll ul li a:hover, .dark #nav_scroll ul li.current_page_parent a, .dark #nav_scroll ul li a.active {
	color:#f67c05;
	}	
	
div #nav_scroll select option {
	cursor: pointer;
	padding: 5px 7px;
	}		

/*---------------------------------------------- 
Slider
------------------------------------------------*/
#slider {
	overflow: hidden;
	position: relative;
	}

.slidermain {
	width: 960px;
	margin: 0px auto;
	height: auto;
	position: relative;
	z-index: 2;
	overflow:visible;
	}
	
.slidermain img {
	width:100%;
	}
	
.flex-caption {
	line-height:22px;
	}

.flex-caption p{
	padding:0px 0px 10px 0px;
	color:#eee;
	}

.flex-caption h3{
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
	font-weight:700;
	text-transform:capitalize;
	}	

.flex-caption .button {
	margin:0px;
	border-radius:0px;
	box-shadow:none ;
	}	
	
.rev_slider {
	overflow:hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	}	
	
#portfolio #slider {
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	}
	
#blog #slider {
	position: relative;
	z-index: 2;
	overflow: hidden;
	}
	
	
.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: url(images/prev.png) no-Repeat center center;
	background-color:rgba(0,0,0,0.4);
	width: 46px;
	height: 46px;
	margin-left:20px;
	margin-top: -23px;
	}
	
.tp-rightarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: url(images/next.png) no-Repeat center center;
	background-color:rgba(0,0,0,0.4);
	width: 46px;
	height: 46px;
	margin-right:20px;
	margin-top: -23px;
	}
	
/*---------------------------------------------- 
ToTop
------------------------------------------------*/

.totop {
	position:fixed;
	bottom: 0px;
	right: 45px;
	z-index: 10;
	width: 65px;
	height: 45px;
	display: none;
	background: #000000 url(images/top.png) no-repeat center center;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	text-indent: -9999px;
	border-radius:2px 2px 0px 0px;
	}
	
.totop:hover {
	background-color: #f15a23;
	opacity: 1.0;
	filter: alpha(opacity = 100);
	}
	
	
/*---------------------------------------------- 
Footer
------------------------------------------------*/
	
footer  .footer_inner {
	margin:0px auto;
	padding-bottom:10px;
	}

#footer_widget  {
	background-color:#fff;
	}
	
#footer_bottom  {
	background-color:#212121;
	}

footer #footer_bottom .wrapper  {
	padding:20px 0px;
	}


	
/*---------------------------------------------- 
PageTitle
------------------------------------------------*/
/*Title*/

.wrapper .title{
	display:block;
	width:980px;
	margin:50px 0px 20px 0px;
	position:relative;
}

.wrapper .title h1{
	font-size:60px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family: 'Russo One', sans-serif;
}

.wrapper .title h1 > img{
	position:relative;
	top:5px;
}

.wrapper .title h1 span{
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	position:relative;
	top:-5px;
	padding:0px 0px 0px 10px;
	letter-spacing:0px;
}

.title h1 span:before{
	content:'//';
	}
	

.wrapper .title .description{
	width:300px;
}

.content {
	margin:50px 0px 0px 0px;
}

/*Title icons*/


.wrapper .title.featured-icon:before{
	content:' ';
	background-repeat:no-repeat;
	background-position:center center;
	width:150px;
	height:150px;
	right:0px;
	top:-20px;
	position:absolute;
	}

.wrapper .subtitle{
	margin:10px 0px 30px 0px;
	}

.wrapper .subtitle h3{
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	border-left:5px solid #f67c05;
	padding:0px 0px 0px 10px;
	}
	
/*---------------------------------------------- 
Portfolio
------------------------------------------------*/
.portfolio-entries {
	width: 110%;
	padding-left:1px;
	}

	
.portfolio-entry {
	float:left;
	margin: 0px 25px 25px 0px;
	background-color:#fff;
	}	

.dark .portfolio-entry {
	background-color:#222;
	}	

	
.single-portolio .portfolio-entry {
	width:250px;
	float:left;
	margin:0px;
	padding:25px;
	background-color:#fff;
	box-shadow: 0px 1px #dddddc;
	}

.portfolio-entry:last-child{
	margin-right:0px;
	}

.portfolio-entries .imgoverlay {
	overflow:hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	}	
	
.portfolio-entries .imgoverlay a{
	overflow:hidden;
	}	
	
.portfolio-entries .imgoverlay img{
	min-width:100%;
	display:block;
	}

.single-portfolio .portfolio-info {
	width:100%;
	margin:0px;
	background-color:#fff;
	font-size: 12px;
	line-height: 22px;
	box-shadow: 0px 1px #dddddc;
	}
	
.single-portfolio .portfolio-thumb {
	margin:0px;
	background-color:#fff;
	font-size: 12px;
	padding:25px;
	line-height: 22px;
	box-shadow: 0px 1px #dddddc;
	}
	
.single-portfolio .portfolio-thumb h5 {
	margin:20px 0px 10px 0px;
	font-size:13px;
	}
	
.dark .single-portfolio .portfolio-thumb {
	background-color:#222;
	box-shadow: 0px 1px #1a1a1a;
	}
	
.columns4 .portfolio-entry { width: 225px; }
.columns3 .portfolio-entry { width: 306px; }
.columns2 .portfolio-entry { width: 470px; }


	
.portfolio-meta {
	padding:15px 10px 20px 0px;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
	}
	
.dark .portfolio-meta {
	border-bottom-color:#181818;
	}
	
.portfolio-meta h5{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	line-height:16px;
	color:#424242;
	}
	
.dark .portfolio-meta h5{
	color:#ebebeb;
	}
	
.portfolio-meta h5 a{
	color:#424242;
	}
	
.dark .portfolio-meta h5 a{
	color:#ebebeb;
	}
	
.portfolio-cat{
	color:#888;
	}
	
.dark .portfolio-cat{
	color:#555;
	}

.portfolio-content {
	width:775px;
	padding:20px;
	}
	
.portfolio-pagination {
	position:absolute;
	width:100%;
	}	
	
.portfolio-pagination a {
	width: 35px;
	height: 55px;
	display: block;
	position:absolute;
	top: 20px;
	cursor: pointer;
	text-indent: -9999px;
	z-index:99;
	}
		

.portfolio-pagination .nav-prev:hover {
	background: #f15a23 url(images/prev.png) no-repeat center center; 
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	}

.portfolio-pagination .nav-next:hover {
	background: #f15a23 url(images/next.png) no-repeat center center;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */	
	}
	
#portfolio.wrapper {
	padding:20px 0px 10px 0px;
	}
	
.slidercontent img {
	width:100%;
	}
	
/* 	Filter
------------------------------------------------*/
.filter {
	overflow: hidden;
	margin: 0;
	text-align: left;
	}
	
ul.filter {
	padding:0px;
	margin:20px 0px 40px 0px;
	}	
	
.filter li {
	display: inline-block;
	padding: 0px;
	margin:0px;
	line-height: 20px;
	background-image:url('');
	/* For IE 7 */
	zoom: 1;
	*display: inline;
	}
	
.filter li:first-child {
	background: none;
	}

.filter li a {
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	text-transform:uppercase;
	line-height: 13px;
	color:#555;
	padding:5px 20px 7px 20px;
	margin:0px 0px 0px 5px;
	border-top:3px solid transparent;
	transition: all .4s;
	-moz-transition: all .4s; /* Firefox 4 */
	-webkit-transition: all .4s; /* Safari and Chrome */
	-o-transition: all .4s; /* Opera */
	}
.dark .filter li a {
	color:#ebebeb;
	}
	
.filter li a:hover {
	color: #fff;
	background-color:#363333;
	text-decoration: none;
	transition: all .8s;
	-moz-transition: all .8s; /* Firefox 4 */
	-webkit-transition: all .8s; /* Safari and Chrome */
	-o-transition: all .8s; /* Opera */
	}
	
.filter li a.filter-active {
	background-color:#f67c05;
	color: #fff;
	}
	
.filter li a:first-child {
	margin-left:0px;
	}	

/*---------------------------------------------- 
11.	Gallery
------------------------------------------------*/

.gallery-entries {
	width: 110%;
	padding-left:1px;
	}
	
.gallery-entry {
	float:left;
	margin: 0px 6px 6px 0px;
	background-color:#fff;
	}	
	
.dark .gallery-entry {
	background-color:#222;
	}	
	
.gallery-entry img {
	width:100%;
	height:auto;
	}	
	
.gallery-entry img:hover {
	opacity:0.6;
	}	

.columns3 .gallery-entry { width: 316px; }

.gallery-entry a figcaption {
    position: absolute;
    width: 100%;
    text-align:center;
	top:38%;
	opacity:0;
	font-family: 'BebasNeueRegular', sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-size:25px;
	font-weight:400;
	z-index:999;
	transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
	}
	
.gallery-entry a figcaption  p{
	padding:10px;
	display:inline-block;
	border:1px solid #fff;
	}
	
.gallery-entry a:hover figcaption {
	opacity:1;
	transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
	}


/*---------------------------------------------- 
11.	Entries (Blog)
------------------------------------------------*/

.post-headline  h4{
	border-bottom:1px solid #e8e8e8;
	padding:0px 0px 10px 0px;
	margin:0px 0px 5px 0px;
	}

#blog .entry {
	padding-top: 63px;  /* 40 + 3px of the img */
	margin-bottom: 60px;
	}
	
#blog .entry:first-child {
	background: none; 
	padding-top: 0;  
	margin-top: 0;
	}
	
.single-post .entry-content {
	width: 100%;
	float:left;
	margin:0px 0px 30px 0px;
	}
	
.entry-thumb {
	width:250px;
	float:left;
	margin:0px;
	padding:25px;
	background-color:#fff;
	box-shadow: 0px 1px #dddddc;
	}
	
.single-post .entry-thumb {
	width:650px;
	float:left;
	margin:0px;
	padding:25px;
	background-color:#fff;
	font-size: 12px;
	line-height: 22px;
	box-shadow: 0px 1px #dddddc;
	}
	
.entry-thumb  img {
	width:100%;
	height:auto;
	}
	
.entry-info{
	background-color:#1a1a1a;
	border-top:1px solid #454545;
	float:left;
	width:140px;
	color:#fff;
	font-size:12px;
	padding:20px 15px 10px 15px;
	position:relative;
	left:-15px;
	top:5px;
	margin:0px;
}

.social-share {
	margin-top:10px;
	}

.entry-info-mobile{
	display:none;
}

.entry-info-mobile a{
	font-weight:bold;
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
	display:block;
}

.single-post  .entry-info{
	width:230px;
	font-size: 20px;
	padding: 20px 15px;
}

.entry-info a{
	color:#fff;
}

.entry-info:before{
content:' ';
background-image:url(images/blog-arrow.png);
position:absolute;
top:-1px;
left:-23px;
width:23px;
height:19px;
}

.entry-info span{
display:block;
color:#6b6b6b;
font-size:12px;
font-style:italic;
font-family:'Arial';
margin-top:10px;
}

#blog .entry-meta {
	width: 100%;
	padding:5px 0px 7px 0px;
	margin-bottom:20px;
	border-bottom:1px solid #e6e6e6;
	}
	
#blog .entry-info .quote-sub, #blog .entry-info .link-sub {
	margin-top: 5px;
	display:block;
	}
	
#blog .entry-info p {
	margin: 10px 0px;
	}	

#blog div.jp-audio {
	max-width:100%;
	width: 100% !important;
	}	
	
.blog-pagination {
	clear:both;
	border-top: 1px solid #444;
	margin-top:10px;
	padding-top:10px;
	}	
	
.blog-pagination a {
	width: 35px;
	height: 35px;
	display: block;
	top: 20px;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 5000;
	z-index:99;
	}
	
.blog-pagination .nav-next {
	background: url(images/next-dark.png) no-repeat center center;
	float:right;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	}
	
.blog-pagination .nav-prev {
	background: url(images/prev-dark.png) no-repeat center center;
	float:left;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	}	

.blog-pagination .nav-prev:hover {
	background: #f15a23 url(images/prev.png) no-repeat center center; 
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
	}

.blog-pagination .nav-next:hover {
	background: #f15a23 url(images/next.png) no-repeat center center;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */	
	}
	
/*---------------------------------------------- 
13. Pagination
------------------------------------------------*/

.pagination {
	margin-top:40px;
	padding:10px 0px;
	position:relative;
	font-size:12px;
	line-height:16px;
	text-align:center;
	border: 1px solid #ddd;
	background: #F9F9F9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F3F3F3));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(white), to(#F3F3F3));
	background: -moz-linear-gradient(center top, white, #F3F3F3);
	background: linear-gradient(white, #F3F3F3);
	}

.pagination span, .pagination a {
	display:block;
	display:inline;
	padding:10px 12px 10px 12px;
	text-decoration:none;
	margin-left:-1px;
	width:auto;
	color:#414042;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	}

.pagination a:hover{
	border-color: #e6e6e6;
	color:#242424;
	}

.pagination .current{
	background: #fff;
	border-color: #e6e6e6;
	color:#242424;
	margin:0px;
	box-shadow:inset 0px 2px #f15a23;
	}



/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments  {
	padding:25px;
	margin-top:25px;
	background-color:#fff;
	box-shadow: 0px 1px #dddddc;
	width:95%;
	position:relative;
	}
	
.single-post #comments  {
	width:650px;
	}
	
.dark #comments  {
	background-color:#222;
	box-shadow: 0px 1px #1a1a1a;
	}
	
#comments ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#comments .post-headline {
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom:10px;
	}	

#comments .post-headline h4 {
	padding-bottom:10px;
	margin-bottom:0px;
	font-weight:400;
	}	
	
#comments .comment-list  {
	padding-bottom: 0px;
	width: 100%;
	}
	
#comments .comment {
	overflow: hidden;
	background: none;
	padding: 0;
	border-top: 1px solid #e6e6e6;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 5px;
	}
	
#comments .comment-body {
	margin: 10px 0 10px 15px;
	width: 570px;
	}
	
#comments .comment-body p {
	font-size: 13px;
	line-height: 22px;
	}
	
#comments .comment-list .comment:first-child {
	padding-top: 0px;
	margin-top: 0px;
	border-top: none;
	}	

#comments .comment .children { 
	margin-left: 70px; 
	margin-bottom: 0; 
	padding-bottom: 0;
	}
	
#comments .comment .children .comment { 
	border-top: 1px solid #e6e6e6;
	padding-top: 10px;
	margin-top: 15px;
	}
	
#comments .user {
	background: #fff;
	float: left;
	margin: 0 0 5px 0;
	position: relative;
	width: 54px;
	z-index: 1;
	}
	
#comments .comment_content {
	margin-left: 70px;
	color:#747474;
	font-size:11px;
	}
	
#comments .comment_date {
	font-size: 12px;
	line-height: 16px;
	text-transform: capitalize;
	margin-top: 5px;
	color:#b5b5b5;
	position:relative;
	top:-1px;
	}

#comments .comment_date:before {
	font-size: 16px;
	content:'\02022';
	margin: 0px 5px;
	position:relative;
	top:2px;
	}	
	
#comments h5 {
	float:left;
	color:#424242;
	font-size:14px;
	font-weight:400;
	line-height:16px;
	text-transform: capitalize;
	}	
	
/* 	Leave Comments
------------------------------------------------*/
#leavecomment {
	padding:25px;
	margin-top:30px;
	background-color:#fff;
	box-shadow: 0px 1px #dddddc;
	width:95%;
	position:relative;
	}
	
.single-post #leavecomment  {
	width:650px;
	}
	
.dark #leavecomment  {
	background-color:#222;
	box-shadow: 0px 1px #1a1a1a;
	}
	
	
#leavecomment .leavecomment-form {
	width: 100%;
	}
	
#leavecomment .post-headline {
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom:10px;
	}	

#leavecomment .post-headline h4 {
	padding-bottom:10px;
	margin-bottom:0px;
	font-weight:400;
	}		

#respond .cancel-comment-reply {
	margin-left: 15px;
	margin-bottom: 15px;
	}
	
.comment-reply-link {
	color:#a5a5a5;
	padding:2px 10px;
	font-size:11px;
	position:relative;
	top:-1px;
	}	
	
#comments #respond {
	float: none;
	margin: 15px 0 15px 0px;
	width: 100%;
	background-color:#fafafa;
	}
	
#comments #respond h4 {
	padding-bottom:10px;
	margin-bottom:0px;
	font-weight:400;
	}		
	
#comments #respond form {
	padding: 15px;
	}
	
/*---------------------------------------------- 
14. Columns Grid
------------------------------------------------*/

.entries {
	width:110%;
	}
	
.client-entries {
	width:110%;
	}

.column { 
	float: left; 
	padding-bottom: 0px;
	margin-right: 20px;
	}

.one_full { width: 100%; float: none; margin-right: 0; clear:both; }
.one_half  { width: 470px; }
.one_third { width: 306px; }
.two_third { width: 630px; }
.one_fourth { width: 225px; }
.two_fourth { width: 460px; }
.three_fourth { width: 700px; }
.last {	margin-right: 0px; }


	

/*---------------------------------------------- 
Styling
------------------------------------------------*/	

.light{
	background-color:#f4f4f4;
	color:#747474;
	}

.dark{
	background-color:#2a2a2a;
	color:#f1f1f1;
	}

.light p{
	color:#747474;
	}

.dark p{
	color:#dddddd;
	}


.light .title h1{
	color:#424242;
	text-shadow:0px 1px #fff;
	}

.dark .title h1{
	color:#ededec;
	text-shadow:0px 1px #010101;
	}

.light .title h1 span{
	color:#555;
	text-shadow:0px 1px #fff;
	}

.dark .title h1 span{
	color:#eee;
	text-shadow:0px 1px #010101;
	}

#header .dark {
	background-color:#212121;
	}

/*	Team-member
------------------------------------------------*/
.team-member {
	text-align: center;
	}
	
.team-member img {
	width:100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}	
	
.team-member .team-meta {
	margin-top: 20px;
	padding-bottom: 0px;
	}
	
.team-member .team-meta h5  strong{
	text-transform:capitalize;
	color:#444;
	font-size:16px;
	float:left;
	}
	
.dark .team-member .team-meta h5  strong{
	color:#ebebeb;
	}
	
.team-meta {
	position:relative;
	}
	
.team-title {
	color:#adb3b9;
	font-size:14px;
	top:-5px;
	float:left;
	position:relative;
	margin-left:20px;
	}

.team-title:after {
	content:' ';
	width:10px;
	height:1px;
	position:absolute;
	top:50%;
	left:-15px;
	background-color:#adb3b9;
	}	

.team-member .team-description {
	margin-top: 10px;
	color:#8e959c;
	font-size:12px;
	line-height:20px;
	text-align:left;
	}

.team-social {
	position:absolute;
	width:80px;
	right:-8px;
	top:-10px;
	}	
	
.team-social a { height: 30px; width: 30px; border-radius:50%; margin-right:5px;  display: inline-block; text-indent: -9999px; overflow: hidden;}
.team-social a.twitter { background: #70c8fe url(images/twitter_icon.png); }	
.team-social a.facebook { background: #3559b3 url(images/facebook_icon.png); }	

/*	Buttons
------------------------------------------------*/
a.button {
	display: inline-block;
	color: #fff!important;
	text-decoration: none!important;
	text-align: center;
	font-family: Helvetica, Arial, Sans-serif;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-size: 12px;
	outline: none;
	font-weight: 500;
	line-height: 1em;
	padding: 7px 13px!important;
	cursor: pointer;
	box-shadow:inset 0 -3px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1);
	-o-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1);
	margin: 0 0.1em 1.5em 0;
	vertical-align: middle;
	background: #0c6fb1;
	}
	
a.button:hover {
	color:#fff;
	background-color:#303030;
	}
	
a.button.mono-button {
	box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0 1px 0 rgba(255,255,255,0);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0 1px 0 rgba(255,255,255,0);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0 1px 0 rgba(255,255,255,0);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0 1px 0 rgba(255,255,255,0);
	}
		
a.blue-button {
	border-color:#4493d8 #2977bb #0d5a9d;
	background-color: #2879c0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5da3e0), color-stop(25%, #5da3e0), to(#2879c0));
	background-image: -webkit-linear-gradient(#5da3e0, #5da3e0 25%, #2879c0);
	background-image: -moz-linear-gradient(top, #5da3e0, #5da3e0 25%, #2879c0);
	background-image: -ms-linear-gradient(#5da3e0, #5da3e0 25%, #2879c0);
	background-image: -o-linear-gradient(#5da3e0, #5da3e0 25%, #2879c0);
	background-image: linear-gradient(#5da3e0, #5da3e0 25%, #2879c0);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;	
	}
	
a.blue-button:hover {
	background: #1188d6;
	background: -webkit-gradient(linear, left top, left bottom, from(#1bb6e6), to(#1188d6));
	background: -webkit-linear-gradient(top, #1bb6e6, #1188d6);
	background: -moz-linear-gradient(top, #1bb6e6, #1188d6);
	background: -ms-linear-gradient(top, #1bb6e6, #1188d6);
	background: -o-linear-gradient(top, #1bb6e6, #1188d6);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;	
	}

a.mono-button.blue-button {background: #2879c0; border-color: transparent !important;}
a.mono-button.blue-button:hover {background: #1188d6; border-color: transparent !important;}	
	
a.red-button {
	border-color: #ab4b44!important;
	background: #e3514a;
		background: -webkit-gradient(linear, left top, left bottom, from(#ed8376), to(#e3514a));
		background: -webkit-linear-gradient(top, #ed8376, #e3514a);
		background: -moz-linear-gradient(top, #ed8376, #e3514a);
		background: -ms-linear-gradient(top, #ed8376, #e3514a);
		background: -o-linear-gradient(top, #ed8376, #e3514a);
	}
	
a.red-button:hover {
	background: #ff5e56;
		background: -webkit-gradient(linear, left top, left bottom, from(#ff988c), to(#ff5e56));
		background: -webkit-linear-gradient(top, #ff988c, #ff5e56);
		background: -moz-linear-gradient(top, #ff988c, #ff5e56);
		background: -ms-linear-gradient(top, #ff988c, #ff5e56);
		background: -o-linear-gradient(top, #ff988c, #ff5e56);
	}
	
a.mono-button.red-button {background: #e3514a; border-color: transparent !important;}
a.mono-button.red-button:hover {background: #ff5e56; border-color: transparent !important;}
	
a.green-button {
	background: #63C6AE;
	}
	
a.green-button:hover {
	background: #50BFA4;
	}
	
a.mono-button.green-button {background: #7fc33c; border-color: transparent !important;}
a.mono-button.green-button:hover {background: #8dd242; border-color: transparent !important;}	

a.purple-button {
	border-color: #996192!important;
	background-color: #674397;
	background-image: -moz-linear-gradient(top, #A47CD9, #674397);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A47CD9), to(#674397));
	background-image: -webkit-linear-gradient(top, #A47CD9, #674397);
	background-image: -o-linear-gradient(top, #A47CD9, #674397);
	background-image: linear-gradient(to bottom, #A47CD9, #674397);
	background-repeat: repeat-x;
	}
	
a.purple-button:hover {
	background-color: #5b388b;
	background-image: -moz-linear-gradient(top, #966FCA, #5B388B);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#966FCA), to(#5B388B));
	background-image: -webkit-linear-gradient(top, #966FCA, #5B388B);
	background-image: -o-linear-gradient(top, #966FCA, #5B388B);
	background-image: linear-gradient(to bottom, #966FCA, #5B388B);
	background-repeat: repeat-x;
	}
	
a.mono-button.purple-button {background: #674397; border-color: transparent !important;}
a.mono-button.purple-button:hover {background: #5b388b; border-color: transparent !important;}		

a.light-blue-button {
	border-color: #2681a2!important;
	background: #2caada;
		background: -webkit-gradient(linear, left top, left bottom, from(#46cae8), to(#2caada));
		background: -webkit-linear-gradient(top, #46cae8, #2caada);
		background: -moz-linear-gradient(top, #46cae8, #2caada);
		background: -ms-linear-gradient(top, #46cae8, #2caada);
		background: -o-linear-gradient(top, #46cae8, #2caada);
	}

a.light-blue-button:hover {
	background: #32bcef;
		background: -webkit-gradient(linear, left top, left bottom, from(#50d6f5), to(#32bcef));
		background: -webkit-linear-gradient(top, #50d6f5, #32bcef);
		background: -moz-linear-gradient(top, #50d6f5, #32bcef);
		background: -ms-linear-gradient(top, #50d6f5, #32bcef);
		background: -o-linear-gradient(top, #50d6f5, #32bcef);
	}	

a.mono-button.light-blue-button {background: #2caada; border-color: transparent !important;}
a.mono-button.light-blue-button:hover {background: #32bcef; border-color: transparent !important;}		
	
a.grey-button {
	color: #555!important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-color: #b5b5b5!important;
	background: #e5e5e5;
		background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e5e5e5));
		background: -webkit-linear-gradient(top, #efefef, #e5e5e5);
		background: -moz-linear-gradient(top, #efefef, #e5e5e5);
		background: -ms-linear-gradient(top, #efefef, #e5e5e5);
		background: -o-linear-gradient(top, #efefef, #e5e5e5);
	}
a.grey-button:hover { 
	background: #f6f6f6;
		background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f6f6f6));
		background: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6);
		background: -moz-linear-gradient(top, #fcfcfc, #f6f6f6);
		background: -ms-linear-gradient(top, #fcfcfc, #f6f6f6);
		background: -o-linear-gradient(top, #fcfcfc, #f6f6f6);
	}
	
a.mono-button.grey-button {background: #e5e5e5; border-color: transparent !important;}
a.mono-button.grey-button:hover {background: #f6f6f6; border-color: transparent !important;}			

a.orange-button {
	border-color: #dc9014!important;
	background: #ffb031;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffce4f), to(#ffb031));
		background: -webkit-linear-gradient(top, #ffce4f, #ffb031);
		background: -moz-linear-gradient(top, #ffce4f, #ffb031);
		background: -ms-linear-gradient(top, #ffce4f, #ffb031);
		background: -o-linear-gradient(top, #ffce4f, #ffb031);
	}
a.orange-button:hover {
	background: #ffc531;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffdb4f), to(#ffc531));
		background: -webkit-linear-gradient(top, #ffdb4f, #ffc531);
		background: -moz-linear-gradient(top, #ffdb4f, #ffc531);
		background: -ms-linear-gradient(top, #ffdb4f, #ffc531);
		background: -o-linear-gradient(top, #ffdb4f, #ffc531);
	}
	
a.mono-button.orange-button {background: #ffb031; border-color: transparent !important;}
a.mono-button.orange-button:hover {background: #ffc531; border-color: transparent !important;}			
		
a.black-button {
	border-color: #323232!important;
	background: #444444;
		background: -webkit-gradient(linear, left top, left bottom, from(#6c6c6c), to(#444444));
		background: -webkit-linear-gradient(top, #6c6c6c, #444444);
		background: -moz-linear-gradient(top, #6c6c6c, #444444);
		background: -ms-linear-gradient(top, #6c6c6c, #444444);
		background: -o-linear-gradient(top, #6c6c6c, #444444);
	}
a.black-button:hover {
	background: #575757;
		background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#575757));
		background: -webkit-linear-gradient(top, #8d8d8d, #575757);
		background: -moz-linear-gradient(top, #8d8d8d, #575757);
		background: -ms-linear-gradient(top, #8d8d8d, #575757);
		background: -o-linear-gradient(top, #8d8d8d, #575757);
	}

a.mono-button.black-button {background: #444444; border-color: transparent !important;}
a.mono-button.black-button:hover {background: #575757; border-color: transparent !important;}		

a.medium {
	padding: 11px 16px!important;
	font-size: 13px;
	font-weight:700;
	}

a.large {
	padding: 15px 20px!important;
	font-size: 13px;
	font-weight:700;
	}
		

a.button img {
	display:inline;
	margin:0px auto;
	}
	
a.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}	
	
a.large.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}	
	
a.square {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}	

/*	Skills
------------------------------------------------*/	
.skill {
	margin-top: 5px;
	}
	
div .skill:first-child {
	margin-top: 0px;
	}

.skill .skill_bar {
	background: rgba(0,0,0,0.04);
	height: 40px;
	width: 100%;
	position: relative;
	box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.05);
	border-radius:2px;
	}
	
.dark .skill .skill_bar {
	background: rgba(0,0,0,0.04);
	height: 40px;
	width: 100%;
	position: relative;
	box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.05);
	border-radius:2px;
	}
	
.skill .skill_bar .skill_active {
	background-color: #9ae495;
	background-image:url(images/skill-bg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	height: 100%;
	box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	border-radius:2px;
	}
	
.skill .skill_bar span {
	color: #ffffff;
	position: absolute;
	top: 0px;
	left: 10px;
	font-size:13px;
	line-height: 40px;
	text-shadow:0px 1px rgba(0,0,0,0.3);
	}
	
	
/*	Alert
------------------------------------------------*/
.alert {
	display: block;
	text-decoration: none;
	padding: 15px;
	margin:10px 0px;
	}
	
.alert p {
	padding:0px 40px;
	}	
	
.dark .alert p {
	color: #555;
	}	
		
.blue {
	color: #2d98bd;
	border: 1px solid #83c7df;
	background: #d6eff8 url('images/icon-box-info.png') no-repeat 20px center;
	}
	
.green {
	color: #509640;
	border: 1px solid #99dd8a;
	background: #ecffe7 url('images/icon-box-success.png') no-repeat 20px center;
	}
	
.red {
	color: #ca3436;
	border: 1px solid #ff9e9f;
	background: #ffe4e5 url('images/icon-box-error.png') no-repeat 20px center;
	}

.yellow {
	color: #c4a21b;
	border: 1px solid #f5dc7d;
	background: #fcf7d9 url('images/icon-box-notice.png') no-repeat 20px center;
	}



/*	Toggle
------------------------------------------------*/
	
.toggle { margin: 0 0 10px 0; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; }

.toggle .toggle-title {
	display: block;
	padding: 10px 10px 10px 35px; 
	background: #FBFBFB;
	border: 1px solid #dfdfdf;
	cursor: pointer;
	outline: none;
	position: relative;
	
	}
	
.toggle .toggle-title:hover { border: 1px solid #c5c5c5; }

.toggle-inner {
	padding: 10px;
	background: #fff;
	border: 1px solid #dfdfdf;
	border-top: none;
	}

.toggle span.ui-icon {
    background: #444 url(images/minus.png) no-repeat center center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 45%;
    left: 10px;
    margin: -6px 0 0 0;
	}
	
.dark .toggle .toggle-title {
	background: #393939;
	border-color: #222222;
	}
	
.dark .toggle .toggle-title:hover { border-color:#292929; }

.dark .toggle-inner {
	background: #2f2f2f;
	border-color:#222222;
	}

.dark .toggle span.ui-icon {
    background-color: #444;
	}
	
/*	Tabs
------------------------------------------------*/

.tabs.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
	}

.tabs {
	background: none;
	margin: 0 0 20px 0;
	}

.tabs ul.nav {
	list-style: none!important;
	margin: 0!important;
	padding: 0;
	background: none;
	border: 0;
	float: none;
	}

.tabs ul.nav li {
	float: left;
	position: relative;
	margin: 0 1px -1px 0!important;
	z-index: 10;
	padding-left:0px;
	list-style: none!important;
	background-image:url('');
	}
	

.tabs ul.nav li a {
	border: 1px solid #dfdfdf!important;
	border-bottom: none!important;
	display: block;
	overflow: hidden;
	padding: 7px 30px 2px 30px;
	font-size:12px;
	height: 26px;
	background: #fbfbfb url(images/skill-bg.png);
	margin: 0!important;
	text-decoration: none;
	color: #373737!important;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	
.tabs ul.nav li a:hover {
	background: #fff url(images/skill-bg.png);
	margin: 0!important;
	}

.tabs ul.nav li.ui-tabs-active a {
	height: 27px;
	background: #fff;
	}

.tabs .tab {
	background: #fff;
	padding: 10px 20px;
	border: 1px solid #dfdfdf;
	}
	
	
/*tabs dark styles*/

.dark .tabs ul.nav li a {
	border-color: #222222!important;
	background: #3b3b3b url(images/skill-bg.png);
	color: #999!important;
	}
	
.dark .tabs ul.nav li a:hover {
	background: #434343 url(images/skill-bg.png);
	}

.dark .tabs ul.nav li.ui-tabs-active a {
	background: #2f2f2f;
	}

.dark .tabs .tab {
	background: #2f2f2f;
	border-color: #222222;
	}
		
	
/*	Service
------------------------------------------------*/	

.services {
	background-color:#fff;
	padding:20px;
	text-align:center;
	}
	
.dark .services {
	background-color:#333;
	}
	
.services:hover .service {
	top:-5px;
	-webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
	}	

.service {
	margin:0px auto 10px auto;
	position:relative;
	-webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
	}

/*	Box
------------------------------------------------*/	
.box {
	background-color:#fafafa;
	border:1px solid #e6e6e6;
	padding: 20px;
	border-radius:4px;
	}
	
.dark-box{
	background-color:#2f2f2f;
	border:1px solid #111;
	color:#a7a7a7;
	}
	
.dark .box {
	background-color:#4d4d4d;
	border:1px solid #222222;
	padding: 20px;
	border-radius:4px;
	}
	
.dark .dark-box {
	background-color:#242424;
	border:1px solid #111;
	color:#a7a7a7;
	}	

/*	Superbox
------------------------------------------------*/	
.superbox {
	padding: 25px;
	line-height:24px;
	border-radius:4px;
	}
	
.dark-superbox {
	color:#a7a7a7;
	}
	
.dark .superbox {
	padding: 25px;
	line-height:24px;
	border-radius:4px;
	}
	
.dark .superbox.dark-superbox {
	color:#a7a7a7;
	}

.superbox .boxcontent{
	display:block;
	text-align:center;
	}	
	
.superbox .boxcontent h4{
	font-size:40px;
	color:#444;
	margin-bottom:5px;
	text-align:center;
	}
	
.superbox .boxcontent p{
	font-size:16px;
	line-height:24px;
	text-align:center;
	margin-top:20px;
	font-weight:700;
	color:#444;
	}
	
.dark .superbox .boxcontent p{
	color:#fff;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}
	
.dark .dark-superbox .boxcontent h4{
	color:#fff;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}	
	
.dark .superbox .boxcontent h4{
	color:#fff;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}
	
.dark-superbox .boxcontent h4{
	color:#fff;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}
	
.dark-superbox .boxcontent p{
	color:#fff;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}	
	
.superbox a.button {
	text-align:center;
	margin-top:40px;
	}	
	
.one_third  .superbox .boxcontent{ float:none; width:100%;text-align:center; }	
	
.one_third  .superbox a.button{ float:none; text-align:center; display:block; margin:20px auto 0px auto !important; }

.one_fourth  .superbox .boxcontent{ float:none; width:100%;text-align:center; }	
	
.one_fourth  .superbox a.button{ float:none; text-align:center; display:block; margin:20px auto 0px auto !important; }		
	
/*	Frame 
------------------------------------------------*/	
.img-frame {
	border:1px solid #e6e6e6;
	padding:5px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.dark .img-frame {
	background-color:#222;
	border-color:#333;
	}

.img-frame img {
	width:100%;
	}

.img-frame a {
	position:relative;
	display:block;
	}
	
.img-frame a:hover:after  {
	opacity:1;
	-webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
	}
	

.img-frame a:after {
	content:' ';
	width:30px;
	height:30px;
	position:absolute;
	bottom:10px;
	right:10px;
	background-color:rgba(0,0,0,0.3);
	background-image:url(images/img-zoom.png);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity:0.8;
	-webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
	}	
	
.video-frame {
	border:1px solid #e6e6e6;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.video-frame img {
	width:100%;
	}

.video-frame a {
	position:relative;
	display:block;
	}

.video-frame a:hover:after  {
	opacity:1;
	-webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
	}

.video-frame a:after {
	content:' ';
	width:62px;
	height:62px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-31px;
	margin-left:-31px;
	background-color:rgba(0,0,0,0.3);
	background-image:url(images/video-zoom.png);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity:0.8;
	-webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
	}		
	
/*	List 
------------------------------------------------*/	

	.list{
border-top:3px solid #353535;
padding:20px 0px 0px 0px;
}

.list h3{
font-weight:400;
margin-bottom:20px;
text-transform:uppercase;
font-size:20px;
}

.list li{
background-image:url(images/check.png);
background-repeat:no-repeat;
padding:0px 0px 0px 15px;
font-size:12px;
font-style:italic;
font-family:'Arial';
margin:0px 0px 20px 0px;
}

.list span{
color:#797979;
}

/*	Countdown Maintenance 
------------------------------------------------*/

#main-maintenance {
	text-align:center;
	}

#main-maintenance  h2 {
	color:#333;
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
	<margin-bottom:0px></margin-bottom:0px>;
	}	
	

.dark #main-maintenance  h2 {
	color:#e6e6e6;
	}	
	
#main-maintenance  h4 {
	color:#333;
	font-size:14px;
	margin-bottom:30px;
	}	
	
.dark #main-maintenance  h4 {
	color:#e6e6e6;
	}	

.countitem {
	text-align:center;
	padding:20px 0px;
	margin-top:5px;
	background-color:#fff;
	color:#333;
	}
	
.countitem-number {
	display:block;
	font-size:70px;
	line-height:75px;
	font-weight:700;
	margin:10px 0px 0px 0px;
	}	

.countitem  .label {
	text-transform:lowercase;
	font-size:12px;
	}
	
.count-end-message {
	font-size:40px;
	font-weight:700;
	margin:10px 0px;
	}	
	
	
/*	Count 
------------------------------------------------*/

.count-data p {
	text-align:center;
	text-transform:uppercase;
	font-size:12px !important;
	font-weight:700 !important;
	}

.count {
	margin:0px;
	padding:0px;
	text-align:center;
	}
	
.count-number {
	background-image:url(images/count.png);
	background-repeat:no-repeat;
	background-position:center;
	width:37px;
	height:51px;
	display:inline-block;
	font-family:Arial;
	color:#e8e8e8;
	text-shadow:1px 1px #1b1d1c;
	font-size:36px;
	font-weight:700;
	text-align:center;
	margin-right:10px;
	padding-top:32px;
	position:relative;
	}
	
/*Retina image*/		
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.count-number {
		background-image: url(images/retina/count.png);
		background-size: 37px 51px;
	}
}		

.count-number:after {
	content:' ';
	position:absolute;
	left:0px;
	top:41px;
	height:1px;
	width:37px;
	background-color:#262729;
	}	

/*	Pricing Table
------------------------------------------------*/
.pricing {
	padding-bottom: 10px;
	}
	
.pricing  ul li {
	color:#808080;
	background-color:#fafafa;
	}

.pricing  ul li:nth-child(even){
	background-color:#f6f6f6;
	}

.pricing  ul li img {
	width:16px;
	height:16px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-8px;
	margin-left:-8px;
	}	
	
.price-col {
	margin-right: 1px;
 	float: left;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 1;
	margin-top: 15px;
	box-shadow:0px 0px 0px 1px #d1d8de;
	}
	
.dark .price-col {
	box-shadow:0px 0px 0px 1px transparent;
	}
	
.price-col.featured{
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	z-index: 1;
	margin-top:0px;
	}	
	
.col2 .price-col { width: 479px; }
.col3 .price-col { width: 319px;	}
.col4 .price-col { width: 239px; }

.col3 .price-header h2 { padding: 15px 0px; }
.col2 .price-header h2 { padding: 20px 0px;  font-weight:700 !important;  }

.price-header {
	width:100%;
	overflow:hidden;
	}
	
.price-header h3 {
	padding: 20px 10px 15px 10px;
	margin:0px;
	font-size:20px;
	line-height:20px;
	font-weight:500;
	position:relative;
	}
	
.price-header h2 {
	padding: 10px 0px;
	font-size:20px !important;
	font-weight:500 !important;
	text-shadow:0px 2px rgba(0,0,0,0.15);
	}
	
.featured .price-header h2 {
	padding: 20px 0px 15px 0px;
	font-size:20px !important;
	text-shadow:0px 2px rgba(0,0,0,0.15);
	}

.col4 .featured .price-header h2 { font-weight:700 !important; }	
.col3 .featured .price-header h2 { padding: 25px 0px 20px 0px; font-weight:700 !important; }	
.col2 .featured .price-header h2 { padding: 35px 0px 15px 0px; font-weight:700 !important; }	
	
.price-footer { 
	background-color:#fcfcfc;
	}

.pointprice {
	font-size:24px;
	position:absolute;
	top:15px;
	line-height:20px;
	border-bottom:1px solid #9ae495;
	}	

.pricetime {
	font-weight:normal;
	font-size:11px;
	color:#fff;
	}
	
.pricecurrency {
	display:inline;
	margin-right:2px;
	}
	
.pricing  .green { border-width:0px; }	
	
.gray .price-header h3{	background-color: #909090; color:#fff; }	
.green .price-header h3{	background-color: #4a993e; color:#fff; }	
.black .price-header h3 {	background-color: #3a3a3a; color:#fff; }
.lightgreen .price-header h3 {	background-color: #8ec451; color:#fff;  }
.orange .price-header h3 {	background-color: #f9612a; color:#fff;  }
.white .price-header h3 {	background-color: whiteSmoke; color:#777;  }

.gray .price-header h2 { background-color: #808080; color: #fff; }	
.green .price-header h2 { background-color: #428937; color: #fff; }	
.black .price-header h2 { background-color: #2c2c2c; color: #fff; }
.lightgreen .price-header h2 { background-color: #72b626; color: #fff; }
.orange .price-header h2 { background-color: #dd4913; color: #fff; }
.white .price-header h2 { background-color: #ebebeb; color: #555; text-shadow:0px 0px; }

.gray  strong { color: #808080; }	
.green  strong { color: #428937; }	
.black  strong { color: #2c2c2c; }
.lightgreen  strong { color: #72b626; }
.orange  strong { color: #dd4913; }
.white  strong { color: #dd4913; }

.gray a.signupbutton {	color: #fff; }	
.green a.signupbutton {	color: #fff; }	
.black a.signupbutton {	color: #fff; }
.lightgreen a.signupbutton {	color: #fff; }
.orange a.signupbutton {	color: #fff; }
.white a.signupbutton {	color: #555; text-shadow:0px 0px; }

.gray .price-footer  {	background-color: #808080; }	
.green .price-footer  {	background-color: #4a993e; }	
.black .price-footer  {	background-color: #2c2c2c; }
.lightgreen .price-footer  {	background-color: #72b626; }
.orange .price-footer  {	background-color: #dd4913; }
.white .price-footer  {	background-color: #ebebeb; }

.white .pricetime {  color: #888; }


	
.price-body ul {
	margin: 0 0px;
	padding-left: 0;
	border-bottom: 1px solid #d6d6d6;
	}

.price-body ul li {
	padding: 11px 0 10px 0;
	background: none;
	border-top: 1px solid #d6d6d6;
	}
	
a.signupbutton {
	display: inline-block;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	font-weight:700;
	letter-spacing:1px;
	line-height: 25px;
	height: 25px;
	margin:10px 0px;
	color: #ffffff;
	text-transform:capitalize;
	border: none;
	cursor: pointer;
	text-shadow:0px 2px rgba(0,0,0,0.15);
	}
	
.last-col {
	margin-right:0px !important;
	}

/*	Pricing Table
------------------------------------------------*/
.table {
	box-shadow:0px 0px 0px 1px #d1d8de;
	}
	
.table  ul li {
	position:relative;
	}
	
.table  ul li img {
	width:16px;
	height:16px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-8px;
	margin-left:-8px;
	}
	
.table-col {
 	float: left;
	margin-right:1px;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 1;
	box-shadow:1px 0px #d1d8de;
	}
	
.table-col:last-child {
	box-shadow:0px 0px;
	}	
	
.col2 .table-col { width: 479px; }
.col3 .table-col { width: 319px;	}
.col4 .table-col { width: 239px; }

.table-header {
	width:100%;
	overflow:hidden;
	}
	
.table-header h4 {
	padding: 20px 10px 15px 10px;
	margin:0px;
	font-size:13px;
	line-height:20px;
	font-weight:500;
	position:relative;
	background-color:#ffffff;
	color:#adb3b9;
	}
	
.table-body ul {
	margin: 0 0px;
	padding-left: 0;
	}

.table-body ul li {
	padding: 11px 0 10px 0;
	color:#8e959c;
	background: #fafafb;
	border-top: 1px solid #d1d8de;
	}
	
.dark-table .table-body ul li {
	color:#2f353e;
	background: #f2f2f3;
	}
	
.dark-table .table-header h4 {
	background-color:#f5f5f5;
	color:#2f353e;
	}	
	
.last-col {
	margin-right:0px !important;
	}
	
	
/*---------------------------------------------- 
17. Widgets
------------------------------------------------*/
.widget {
	margin-top: 60px;
	}
	
div .widget:first-child {
	margin-top: 0px;
	}
	
#top .widget h1, #top .widget h2, #top .widget h3, #top .widget h4, #top .widget h5, #top .widget h6,
#bottom .widget h1, #bottom .widget h2, #bottom .widget h3, #bottom .widget h4, #bottom .widget h5, #bottom .widget h6{ 
	display: none; 
	}

#top .widget {
	line-height: 30px;
	min-height: 30px;
}




/*	Menu Widget
------------------------------------------------*/
.widget ul {
	margin-top: 0px;
	}
	
.widget ul li {
	padding: 4px 0 3px 20px;
	background: transparent url(images/arrowtoright.png) 5px 12px no-repeat;
	line-height: 22px;
	}
	

.widget ul li.recentcomments {
	background: transparent url(images/comments-icon.png) 0px 10px no-repeat;
	}
	
/*	Google Map Shortcode
------------------------------------------------*/		
	
.google-map {
	overflow:hidden;
	}	

	/*	Marker Shortcode
------------------------------------------------*/	

	
	
.marker {
	background-color:#7ebd26;
	color:#fff;
	font-weight:700;
	padding:2px 7px;
	margin:0px 5px;
	text-shadow:0px 1px rgba(0,0,0,0.3);
	border-radius:2px;
	}	
	
/*	Testimonial Shortcode
------------------------------------------------*/		
	
.testimonialrotator {
	padding:20px;
	}	
	
.main_testimonial{
	padding:15px 20px 15px 15px;
	border:1px solid #d1d1d1;
	}

.testimonial-image {
	width:75px;
	height:75px;
	border-radius:50%;
	overflow:hidden;
	}	
	
.the-author{
	font-style:italic;
	float:right;
	}	
	
	
/*	Author Widget
------------------------------------------------*/		
	
.author-bio	{
	display:block;
	padding-bottom:20px;
	}
	
.author-avatar {
	float:left;
	margin-right:10px;
	}
	
.author-avatar img{
	width:50px;
	height:50px;
	}

.author-info {
	display:inline;
	}	
	
/*	Tagcloud Widget
------------------------------------------------*/	

.tagcloud  a {
	background: #F2F2F2;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#E9E9E9));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#FBFBFB), to(#E9E9E9));
	background: -moz-linear-gradient(center top, #FBFBFB, #E9E9E9);
	background: linear-gradient(#FBFBFB, #E9E9E9);
	-webkit-box-shadow: inset 0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 white;
	box-shadow: inset 0 1px 0 white;
	border-radius: 3px;
	margin: 0 7px 7px 0;
	border: 1px solid #C7C7C7;
	display:inline-block;
	padding: 3px 9px 4px;
	color: #232323;
	cursor: pointer;
	text-transform: lowercase;
	-moz-user-select: none;
	-webkit-user-select: none;
	font-size:11px !important;
	}

/*	Address Widget
------------------------------------------------*/

.street {
	padding-left:40px !important;
	position:relative;
	font-weight:700;
	}
	
.street:before {
	content:' ';
	background: url(images/home-widget.png) center center no-repeat !important;
	height:30px;
	width:30px;
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 50%;
	}		
	
.phone {
	padding-left:40px !important;
	position:relative;
	margin-top:15px;
	}
	
.phone:before {
	content:' ';
	background: url(images/phone-widget.png) center center no-repeat !important;
	height:30px;
	width:30px;
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 50%;
	}	
	
.email-address {
	padding-left:40px !important;
	position:relative;
	margin-top:15px;
	}
	
.email-address:before {
	content:' ';
	background: url(images/email-widget.png) center center no-repeat !important;
	height:30px;
	width:30px;
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 50%;
	}
	
.skype {
	padding-left:40px !important;
	position:relative;
	margin-top:15px;
	}
	
.skype:before {
	content:' ';
	background: url(images/skype-widget.png) center center no-repeat !important;
	height:30px;
	width:30px;
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 50%;
	}
	
	
/*	Recent Posts Widget
------------------------------------------------*/
.recent-post-widget {
	
	}

.recent-post-widget .widget_thumb{
	width:40px;
	height:40px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-top:5px;
	}
	
.recent-post-widget .widget_thumb img{
	min-height:100%;
	}
	
.recent-post-widget li{
	padding-left:0px !important;
	background-image:url('')!important;
	border-bottom:1px solid #e6e6e6;
	}	
	
.recent-post-widget .small-meta{
	float:left;
	
	}	
	
/*	Recent Works Widget
------------------------------------------------*/
.recent-works-widget {
	position:relative;
	top:3px;
	}

.recent-works-widget .widget_thumb{
	width:70px;
	height:70px;
	overflow:hidden;
	display:inline-block;
	margin-right:3px;
	}
	
.recent-works-widget .widget_thumb img{
	min-height:100%;
	}
	
.recent-works-widget li{
	padding-left:0px !important;
	background-image:url('')!important;
	display:inline;
	}	
	
.recent-works-widget .small-meta{
	float:left;
	}	
	

/*	Search Widget
------------------------------------------------*/
.widget #searchform {
	margin: 0;
	
	}
	
.widget #searchform label {
	display: none;
	}
	
.widget #searchform input[type="text"] {
	padding: 8px 5px 8px 30px;
	width: 55%;
	background: url(images/search.png) no-repeat 5% 54%;
	}
	
.widget #searchform input[type="submit"] {
	display: none;
	}


/*	Social Media Widget
------------------------------------------------*/
.socialmedia {
	text-align: left;
	margin-bottom:0px;
	}
	
header .socialmedia {
	margin-top:33px;
	height:30px;
	} 

.socialmedia a {
	height: 30px;
	width: 30px;
	display: inline-block;
	text-indent: -9999px;
	margin:0px 1px;
	position: relative;
	overflow: hidden;
	background-color:#bfbfbf;
	border-radius:50%;
	/* For IE 7 */
	zoom: 1;
	*text-indent:0; 
	*font-size:0; 
	*line-height:0;
	*display: inline;
		transition: background-color .5s;
	-moz-transition: background-color .5s; /* Firefox 4 */
	-webkit-transition: background-color .5s; /* Safari and Chrome */
	-o-transition: background-color .5s; /* Opera */
	}
	
.socialmedia a span {
	height: 30px;
	width: 60px;
	display: block;
	position: absolute;
	top: 0;
	left: 0
	
	}

.socialmedia a:hover{
	transition: background-color .1s;
	-moz-transition: background-color .1s; /* Firefox 4 */
	-webkit-transition: background-color .1s; /* Safari and Chrome */
	-o-transition: background-color .1s; /* Opera */
	}	
	
a.facebook span { background: transparent url(images/facebook_icon.png); }
a.twitter span { background: transparent url(images/twitter_icon.png); }
a.tumblr span { background: transparent url(images/tumblr_icon.png); }
a.vimeo span { background: transparent url(images/vimeo_icon.png); }
a.dribbble span { background: transparent url(images/dribbble_icon.png); }
a.behance span { background: transparent url(images/behance_icon.png); }
a.flickr span { background: transparent url(images/flickr_icon.png); }
a.forrst span { background: transparent url(images/forrst_icon.png); }
a.deviantart span { background: transparent url(images/deviantart_icon.png); }
a.linkedin span { background: transparent url(images/linkedin_icon.png); }
a.rss span { background: transparent url(images/rss_icon.png); }
a.googleplus span { background: transparent url(images/googleplus_icon.png); }

a.facebook:hover { background-color:#3559b3; }
a.twitter:hover  { background-color:#70c8fe; }
a.tumblr:hover  { background-color:#505e6e; }
a.vimeo:hover { background-color:#39c2f4; }
a.dribbble:hover { background-color:#e4457c; }
a.behance:hover  { background-color:#1769ff; }
a.flickr:hover  { background-color:#1aa0ef; }
a.forrst:hover  { background-color:#99c738; }
a.deviantart:hover  { background-color:#429063; }
a.linkedin:hover { background-color:#d9d9d9; }
a.rss:hover  { background-color:#fa7420; }
a.googleplus:hover  { background-color:#c43627; }


/*	Twitter Widget
------------------------------------------------*/
#twitter-widget .tweet_avatar {
	display: none;
	}	

#twitter-widget .tweet_list li {
	background: url(images/twitter.png) no-repeat center 86%;
	padding-left: 0px;
	margin-top: 10px;
	padding-bottom: 80px;
	text-align:center;
	}
	
#twitter-widget .tweet_list li .tweet_time  {
	display: block;
	}

#twitter-widget .tweet_list li .tweet_join  {
	display: block;
	}

#twitter-widget .tweet_list li .tweet_text  {
	font-size:30px;
	line-height:40px;
	font-weight:500;
	color:#333;
	text-shadow:0px 1px rgba(255,255,255,0.4);
	}

.dark #twitter-widget .tweet_list li .tweet_text  {
	color:#fff;
	text-shadow:0px 1px rgba(0,0,0,0.4);
	}

#twitter-widget .tweet_list a {
	color:#fff;
	}

/* Flickr Widget
------------------------------------------------*/
#flickr-widget {
	}
	
#flickr-widget #flickr-list  {
	width: 110%;
	overflow: hidden;
	}
	
#flickr-widget #flickr-list li {
	width: 70px;
	height:70px;
	margin: 0 7px 0px 0;
	display:inline-block;
	overflow: hidden;
	padding-left:0px !important;
	background-image:url('')!important;
	display:inline-block;
	}
	
	
	
#flickr-list li  img{
	min-height:100%;
	}

/* Dribbble Widget
------------------------------------------------*/
#dribbble-widget {
	}
	
#dribbble-widget #dribbble-list  {
	width: 110%;
	overflow: hidden;
	}
	
#dribbble-widget #dribbble-list li {
	width: 70px;
	height:70px;
	margin: 0 7px 0px 0;
	display:inline-block;
	overflow: hidden;
	padding-left:0px !important;
	background-image:url('')!important;
	display:inline-block;
	}

#dribbble-list li  img{
	height:100%;
	min-width:100%;
	}	
	


/* Calendar Widget
------------------------------------------------*/
#wp-calendar caption { color: #999; }
#wp-calendar tbody { color: #666; }
#wp-calendar tbody td { background: #fff; border: 1px solid #eee;}
#wp-calendar tbody td:hover{ background: #eee; }
#wp-calendar tbody a { color: #ef4034 !important; }


	


/*---------------------------------------------- 
18. Overlay Images
------------------------------------------------*/
.imgoverlay {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	}

.imgoverlay a .overlay {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background-image:url(images/zooms.png);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
.gallery-entry .imgoverlay a .overlay {
	background-image:url('');
	}
	
/*Retina image*/		
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.imgoverlay a .overlay {
		background-image: url(images/retina/zooms.png);
		background-size: 61px 61px;
	}
}		
	
.video-thumb a .overlay {
	background-image:url(images/zoomv.png);
	}
	
/*Retina image*/		
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.video-thumb a .overlay {
		background-image: url(images/retina/zoomv.png);
		background-size: 61px 61px;
	}
}		
	
.audio-thumb a .overlay {
	background-image:url(images/zoomm.png);
	}
	
/*Retina image*/		
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.audio-thumb a .overlay {
		background-image: url(images/retina/zoomm.png);
		background-size: 61px 61px;
	}
}		
	
.columns4 .portfolio-entry .imgoverlay { height:150px; }
.columns3 .portfolio-entry .imgoverlay { height:260px; }
.columns2 .portfolio-entry .imgoverlay { height:320px; }


#thumb-folio{
	width:100%;
	}
	
.item-thumb{
	float: left;
	width: 0px;
	position: relative;
	margin:0px;
	overflow:hidden;
	}
	
.item-thumb .imgoverlay {
	height:250px !important;
	}		

img.wide {
    height: 100% !important;
	width:auto;
	display:block;
	}

img.tall {
	width: 100% !important;
	height:auto;
	display:block;
	}		


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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;
}
	
	
/*---------------------------------------------- 
20. Edit Link
------------------------------------------------*/
a.post-edit-link {
	background: #777;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 10px;
	text-transform:capitalize;
	padding: 0px 15px;
	color: #ffffff;
	display:inline;
	border-radius:0px 3px 3px 0px;
	left:0px;
	top:50%;
	position:absolute;
	z-index:9999999;
	}
    
   
a.post-edit-link:hover {
	background: #999;
	}