/*

Theme Name: Andon 

Theme URI: http://andon-wordpress.studio-themes.com/

Author: Studio Themes

Author URI: http://themeforest.net/user/ef1eden/portfolio

Description: Andon- Responsive Parallax Onepage Wordpress Template

Version: 1.2

License: GNU General Public License

License URI: license.txt

Tags: one-column, full-width-template, left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style

Text Domain: andon



*/









/* ============== 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, 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,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}



html, body {

	height: 100%;

}



body {

	line-height: 23px;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	color: #787878;

}



ol, ul {

	list-style: none;

}#error {	min-height: 400px;}#error > div {	margin-top: 150px;		text-align: center;}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



a:active, a:focus {

	outline: none; 

}



.comment-form-comment label {

	display: none;

}



.comment-form-comment textarea {

	width: 100%;

}



*:focus {

	outline: none;

}

/* ============== / RESET ============== */



/* ============== STANDARD SETTINGS ============== */

* {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



.gap-1 {

	padding: 0 0;

}



.gap-2 {

	padding: 85px 0 0;

}



.tb {

   display: table;

   width: 100%;

   height: 100%;

   position: relative;

}



.tb-cell {

   display: table-cell;

   text-align: center;

   vertical-align: middle;

}



h1 {

	font-size: 36px;

	line-height: 62px;

}



h2 {

	font-size: 28px;

	line-height: 52px;

}



h3 {

	font-size: 24px;

	line-height: 32px;

}



h4 {

	font-size: 22px;

	line-height: 28px;

}



h5 {

	font-size: 20px;

	line-height: 28px;

	

}



h6 {

	font-size: 18px;

	line-height: 24px;

}



h1, h2, h3, h4, h5, h6 {

	margin: 0 0 20px 0;

	font-weight: 300;

	color: #404040;

	font-weight: 600;

}



a {

	text-decoration: none;

	color: #404040;

}



p {

	margin: 0 0 20px 0;

}





.bg-1 {

	background-color: #f0f0f0;

}



#bg-fade {

	z-index: 9993;

	width: 100%;

	height: 100%;

	top: 0;

	display: none;

	position: fixed;

	background: #fff;

	overflow: auto;

}



#window {

	z-index: 9997;

	display: none;

	width: 100%;

}



.video-bg {

		position: absolute;

		bottom: 0px;

		right: 0px;

		min-width: 100%;

		min-height: 100%;

		width: auto;

		height: auto;

		z-index: 1;

		overflow: hidden;

	}





.general-color, #desktop-menu > ul > li:hover > a, #desktop-menu > ul > .current_menu_item > a, #desktop-menu > ul > .current-menu-item > a, .contentbox-1 div, .contentbox-2 div, .button-1:hover, .featured .button-1, .icon-1:hover, #tweets-container li a, #portfolio-categories .active a, #portfolio-categories ul li a:hover, .post > header > h5:hover, .info-post-header a:hover, .comment-body a:hover, .logged-in-as a:hover, #cancel-comment-reply-link:hover, .post header a:hover, .widget ul li a:hover {

	color: #ffc807 !important;

}



.general-bg, .contentbox-1:hover div, .contentbox-2:hover div, .button-2:hover, #post-nav li a:hover, .widget_tag_cloud a:hover, .slideshow-post .rslides_nav:hover, .slideshow-portfolio .rslides_nav:hover, #blog-navi a:hover, #comment-form input[type="submit"]:hover, #commentform input[type="submit"]:hover, .quote:hover, .social-like:hover, .post #tags a:hover, .page-numbers span {

	background-color: #ffc807 !important;

}



.general-border, #desktop-menu > ul > li a:hover, #desktop-menu > ul > .current_menu_item > a, #desktop-menu > ul > .current-menu-item > a, .contentbox-1 div, .contentbox-2 div, .featured, .featured ul li, .pricing-table .button-1:hover, .featured .button-1, #portfolio-categories .active a, #portfolio-categories ul li a:hover, .ajax-contact-form input[type="text"]:focus, .ajax-contact-form textarea:focus, .error-input, .text-edit blockquote, #comment-form textarea:focus, #comment-form input[type="text"]:focus, .sticky {

	border-color: #ffc807 !important;

}



.active-tab {

	border-top: 2px solid #ffc807 !important;

}



*::-moz-selection {

	color: #fff;

	background-color: #ffc807 !important;

}



::selection {

	color: #fff;

	background-color: #ffc807 !important;

}



.button-1 {

	padding: 12px 30px;

	display: inline-block;

	border: 1px solid #fff;

	color: #fff;

	font-size: 12px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	transition: color 0.2s, background-color 0.2s;

	-moz-transition: color 0.2s, background-color 0.2s;

	-webkit-transition: color 0.2s, background-color 0.2s;

	-ms-transition: color 0.2s, background-color 0.2s;

}



.post header h5 a {

	transition: color 0.2s;

	-moz-transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-ms-transition: color 0.2s;

	color: inherit;

}



.button-1:hover {

	background-color: #fff;

}



#post-nav li {

	display: inline-block;

}



#blog {

	margin-bottom: 60px;

}



#post-nav li a {

	display: block;

}



.button-2, #comment-form input[type="submit"], #post-nav li a, #commentform input[type="submit"], .page-numbers span {

	padding: 12px 30px;

	display: inline-block;

	background-color: #404040;

	color: #fff;

	font-size: 12px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	transition: background-color 0.2s;

	-moz-transition: background-color 0.2s;

	-webkit-transition: background-color 0.2s;

	-ms-transition: background-color 0.2s;

	border: none;

	cursor: pointer;

}



#post-nav li a, .page-numbers span {

	padding: 8px 15px !important;

	font-size: 15px !important;

}



.button-2.read-more {

	padding: 6px 10px !important;

	margin-top: 10px;

}



.slideshow-post .rslides_nav, #blog-navi a, .slideshow-portfolio .rslides_nav {

	background-color: #404040;

	color: #fff;

	text-align: center;

	width: 35px;

	height: 35px;

	line-height: 35px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	transition: background-color 0.2s, opacity 0.2s;

	-moz-transition: background-color 0.2s, opacity 0.2s;

	-webkit-transition: background-color 0.2s, opacity 0.2s;

	-ms-transition: background-color 0.2s, opacity 0.2s;

	display: block;

	position: absolute;

	top: 45%;

	z-index: 3;

	font-size: 16px;

}



.logged-in-as a, #cancel-comment-reply-link {

	transition: color 0.2s;

	-moz-transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-ms-transition: color 0.2s;

}



.slideshow-post .rslides_nav, .slideshow-portfolio .rslides_nav {

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

}



.slideshow-post:hover .rslides_nav, .slideshow-portfolio:hover .rslides_nav {

	opacity: 1;

	-moz-opacity: 1;

	-khtml-opacity: 1;

}



#blog-navi a {

	position: static;

	display: inline-block;

}



.slideshow-post .prev, .slideshow-portfolio .prev {

	left: 20px;

}



.slideshow-post .next, .slideshow-portfolio .next {

	right: 20px;

}



.icon-1 {

	width: 30px;

	height: 30px;

	display: inline-block;

	line-height: 30px;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	color: #fff;

	font-size: 13px;

	transition: color 0.2s, background 0.2s;

	-webkit-transition: color 0.2s, background 0.2s;

	-moz-transition: color 0.2s, background 0.2s;

	-ms-transition: color 0.2s, background 0.2s;

	cursor: pointer;

	margin: 5px;

	text-align: center;

	background-color: #444;

}



.icon-1:hover {

	background-color: #fff;

}



.icon-2 {

	width: 45px;

	height: 45px;

	display: inline-block;

	line-height: 45px;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	color: #fff;

	font-size: 13px;

	transition: color 0.2s, background 0.2s;

	-webkit-transition: color 0.2s, background 0.2s;

	-moz-transition: color 0.2s, background 0.2s;

	-ms-transition: color 0.2s, background 0.2s;

	cursor: pointer;

	margin: 5px;

	text-align: center;

}



.icon-2:hover {

	background-color: #fff;

	color: #404040;

}



header.row {

	padding: 0 10px;

}





/* ============== / STANDARD SETTINGS ============== */



/* ======== EDITOR STYLES ======== */

.text-edit img, .comment-body img {

	max-width: 100%;

	height: auto;

}



.text-edit {

	line-height: 22px;

}



.comment-body .reply {

	position: absolute;

	top: 30px;

	right: 30px;

}



.text-edit blockquote, .comment-body blockquote {

	padding-left: 35px;

	border-left: 3px solid;

	margin: 35px 0;

	font-style: italic;

}



.text-edit ul, .comment-body ul {

	margin: 30px 30px;

}



.text-edit ul li, .comment-body ul li {

	margin-bottom: 10px;

	padding-left: 20px;

	list-style-type: disc;

}



.text-edit ol, .comment-body ol {

	margin: 10px 20px;

	list-style: decimal;

}



.text-edit dl, .comment-body dl {

	margin: 10px 0;

}



.text-edit dl dd, .comment-body dl dd {

	margin-left: 20px;

	font-style: italic;

}



.text-edit strong, .comment-body strong {

	font-weight: 600;

}



.text-edit pre, .comment-body pre {

	word-wrap: break-word;

	padding: 15px;

	overflow: auto;

	background-color: #eee;

}



em {

	font-style: italic;

}



.text-edit q, .comment-body q {

	font-style: italic;

	padding-left: 20px;

}



.text-edit ol li ol, .comment-body  ol li ol {

	list-style: upper-alpha;

}



.wp-caption-text {

	font-size: 11px;

	width: 100%;

}



img.alignright {

	float: right;

	margin: 0 0 5px 5px;

}



img.alignleft {

	float: left;

	margin: 0 5px 5px 0;

}



img.aligncenter {

	display: block;

	margin: 10px auto;

}



.alignright {

	float:right;

}



.alignleft {

	float:left;

}



.aligncenter {

	text-align: center;

}



.push-left {

	float: left;

}



.push-right {

	float: right;

}



sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

 

sup {

	top: -0.5em;

}

 

sub {

	bottom: -0.25em;

}



code {

	font-family: courier;

	white-space: nowrap;

	background-color: #F7F7F9;

	color: #DD1144;

	padding: 2px 4px;

	border: 1px solid #E1E1E8;

}



address {

	font-style: italic;

}



.text-edit ol li ol li ol, .comment-body ol li ol li ol {

	list-style: lower-alpha;

}



.wp-caption {

	max-width: 100% !important;

	text-align: center;

}



.text-edit table, .comment-body table {

	margin: 1em;

	border-collapse: collapse;

}



.text-edit td, .text-edit th, .comment-body td, .comment-body th {

	padding: .3em;

	border: 1px #ccc solid;

}



.clearfix, .clear {

	clear: both;

}



.clear {

	margin-bottom: 40px;

}





.rslides li:first-child {

	position: relative;

	display: block;

}



.rslides, .rslides_tabs {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 100%;

	padding: 0 !important;

	margin: 0 !important;

}



.rslides li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

	margin: 0 !important;

	padding: 0 !important;

	list-style-type: none !important;

}



.rslides_tabs li {

	display: inline-block;

}



.rslides_tabs {

	text-align: center;

}



.parallax {

	background-size: cover !important;

}



header .row h1, header.row h2, header .row h3, header .row h4, header .row h5, header .row h6  {

	letter-spacing: 4px;

}



/* ======== / EDITOR STYLES ======== */



/* ======== HOME ======== */

#home {

	width: 100%;

	height: 100%;

	color: #fff;

	position: relative;

}



#home .tb {

	position: relative;

	z-index: 3;

}



#home h1, #home h6 {

	color: #fff;

}



#home h1 {

	letter-spacing: 4px;

}



#home h6 {

	letter-spacing: 2px;

}



#home h1 {

	font-size: 72px;

	margin-bottom: 50px;

}



#home h6 {

	font-size: 14px;

	margin-bottom: 50px;

	font-weight: normal;

}



.slider-current {

	opacity: 1 !important;

	-moz-opacity: 1 !important;

	-khtml-opacity: 1 !important;

}



.bg-slider {

	width: 100% !important;

	height: 100% !important;

	background-size: cover !important;

	position: absolute !important;

	z-index: 2 !important;

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	transition: opacity 500ms;

	-ms-transition: opacity 500ms;

	-webkit-transition: opacity 500ms;

	-moz-transition: opacity 500ms;

	background-attachment: fixed;

}







/* ======== / HOME ======== */



/* ======== MAIN MENU ======== */

#main-menu {

	background-color: #fff;

	border-bottom: 2px solid #f3f3f3;

	height: 83px;

	width: 100%;

	z-index: 9991;

	position: absolute;

	opacity: 1;

	-moz-opacity: 1;

	-khtml-opacity: 1;

	display: block !important;

}



#space {

	height: 83px;

	display: none;

}



.fix-chrome {



}



#mobile-menu {

	position: absolute;

	top: 83px;

	background-color: #404040;

	width: 100%;

}



#mobile-menu ul li a {

	display: block;

	padding: 10px 0;

	border-bottom: 1px solid #555;

	color: inherit;

}



#mobile-menu ul li a:hover {

	color: #fff;

}



#mobile-menu-container {

	display: none;

}



#mobile-menu-button {

	width: 80px;

	height: 83px;

	position: absolute;

	right: 0;

	line-height: 83px;

	font-size: 40px;

	text-align: center;

	cursor: pointer;

	z-index: 5;

}



#logo-container {

	margin: 0 !important;

	position: relative;

	height: 83px;

}



#logo-container .tb-cell {

	text-align: left !important;

}



#logo-container h2 {

	margin-bottom: 0 !important;

	font-weight: 400;

	font-size: 24px !important;

	letter-spacing: 2px;

	display: inline-block !important;

}



#logo-container h3 {

	font-size: 24px !important;

	color: #343434;

}



#desktop-menu > ul {

	text-align: right;

	position: relative;

}



#desktop-menu > ul > li {

	display: inline-block;

	margin-right: 25px;

	position: relative;

}



#desktop-menu ul > li .sub-menu {

	position: absolute;

	text-align: left;

	background-color: #404040;

	display: none;

}



#desktop-menu .sub-menu a {

	color: inherit;

}



#desktop-menu .sub-menu a:hover {

	color: #fff;

}



#desktop-menu .sub-menu .current-menu-item {

	color: #fff;

}



#desktop-menu .sub-menu li {

	position: relative;

}



.sub-menu .sub-menu {

	left: 155px;

	top: 0;

}



#desktop-menu > ul > li .sub-menu > li > a {

	display: block;

	padding: 10px 15px;

	max-width: 155px;

	min-width: 155px;

	transition: color 0.2s, background 0.2s;

	-webkit-transition: color 0.2s, background 0.2s;

	-moz-transition: color 0.2s, background 0.2s;

	-ms-transition: color 0.2s, background 0.2s;

}	



#desktop-menu ul > li:hover > .sub-menu {

	display: block;

}



#desktop-menu > ul > li > a {

	display: block;

	height: 83px;

	line-height: 84px;

	text-align: center;

	padding: 0 10px;

	color: #404040;

	transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-moz-transition: color 0.2s;

	font-size: 11px;

}



#desktop-menu > ul > li:last-child {

	padding: 0 0 0 10px;

	margin-right: 0;

}



#desktop-menu > ul > li:last-child:after {

	content: "";

}



#desktop-menu > ul > li > a:hover, #desktop-menu > ul > .current_menu_item > a,  #desktop-menu > ul > .current-menu-item > a {

	border-bottom: 2px solid;

}



#desktop-menu > ul > li:after {

	content: "|";

	position: absolute;

	top: 20px;

	font-size: 24px;

	right: -15px;

	color: #404040;

	font-family: sans-serif;

}

/* ======== / MAIN MENU ======== */



/* ======== SHORTCODES ======== */

.pricing-table, .pricing-table .button-1 {

	border: 1px solid #dddddd;	

}



.contact-info {

	text-align: center;

}



.tabs {

	font-size: 13px;

}



.tabs > ul {

	position: relative;

	top: 1px;

	list-style: none;

	margin: 0 !important;

	padding: 0 !inportant;

}



.tabs > ul li {

	float: left;

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;

}



.tabs > ul li i {

	font-size: 16px;

}



.tabs > ul li a {

	padding: 0 20px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	display: block;

	color: inherit !important;

}



.tabs > ul li i {

	margin: 0 5px;



}



.active-tab {

	background-color: #fff !important;

	border-left: 1px solid #eeeeee !important;

	border-right: 1px solid #eeeeee !important;

	border-bottom: none;

	border-radius: 3px 3px 0 0;

	-moz-border-radius: 3px 3px 0 0;

	-webkit-border-radius: 3px 3px 0 0;

	font-weight: 600;

	border-left-color: #eee !important;

	border-right-color: #eee !important;

}



.tab-content {

	padding: 15px 20px;

	border: 1px solid #eee;

	clear: both;

	background-color: #fff;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



.ajax-contact-form input[type="text"], .ajax-contact-form textarea {

	width: 100%;

	display: block;

	margin-bottom: 14px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border: 1px solid #ddd;

	height: 50px;

	padding: 10px;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

}



.ajax-contact-form textarea {

	margin-bottom: 24px;

	height: 170px;

	max-width: 100%;

}



.contact-info div {

	width: 68px;

	height: 68px;

	line-height: 68px;

	border: 1px solid;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	font-size: 24px;

	margin: 0 auto 30px;

}



.contact-info p {

	margin-bottom: 0;

}



.pricing-table {

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

}



.pricing-table .button-1 {

	color: inherit;

	transition: color 0.2s, border-color 0.2s;

	-moz-transition: color 0.2s, border-color 0.2s;

	-webkit-transition: color 0.2s, border-color 0.2s;

	-ms-transition: color 0.2s, border-color 0.2s;

}



.pricing-table ul {

	margin: 0 !important;	

}



.pricing-table h5 {

	margin-bottom: 0;

}



.times {

	font-size: 10px;

	margin-bottom: 10px;

}



.price {

	font-size: 26px;

	margin: 10px 0;

}



.pricing-table ul li {

	list-style-type: none !important;

	margin: 0 !important;

	padding: 15px 10px !important;

	text-align: center;

	border-bottom: 1px solid #dddddd;

}



.pricing-table ul li:first-child {

	border-width: 2px;

	font-size: 20px;

}



.pricing-table ul li:last-child {

	border-bottom: none;

	padding: 25px 10px !important;

}



.contentbox-1 {

	padding-left: 95px;

	position: relative;

	margin-bottom: 60px;

}



.contentbox-1:hover div {

	color: #fff !important;

}



.contentbox-1 div {

	position: absolute;

	width: 64px;

	height: 64px;

	border: 1px solid;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	left: 0;

	line-height: 64px;

	text-align: center;

	font-size: 20px;

	transition: color 0.2s, background 0.2s;

	-webkit-transition: color 0.2s, background 0.2s;

	-moz-transition: color 0.2s, background 0.2s;

	-ms-transition: color 0.2s, background 0.2s;

}



.contentbox-2 div {

	margin: 0 auto 30px;

	width: 64px;

	height: 64px;

	border: 1px solid;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	line-height: 64px;

	text-align: center;

	font-size: 24px;

	transition: color 0.2s, background 0.2s;

	-webkit-transition: color 0.2s, background 0.2s;

	-moz-transition: color 0.2s, background 0.2s;

	-ms-transition: color 0.2s, background 0.2s;

}



.contentbox-2:hover div {

	color: #fff !important;

}



.contentbox-2 {

	text-align: center;

}



.white {

	color: #fff !important;

}



.white h6, .white h5, .white h4, .white h3, .white h2, .white h1 {

	color: inherit !important;

}



.countdown i {

	font-size: 30px;

}



.count {

	display: block;

	font-size: 60px;

	margin: 40px 0;

}



.countdown {

	text-align: center;

	padding: 25px;

	background: url(assets/images/opacity.png);

}



.client {

	text-align: center;

	padding: 75px 25px;

	background: url(assets/images/opacity.png);

}



.team-member {

	text-align: center;

	overflow: hidden;

}



.team-social {

	position: relative;

	display: inline-block;

	overflow: hidden;

}



.team-social img {

	max-width: 300px;

}



.team-network {

	position: absolute;

	top: 35%;

	padding: 0 8px;

	text-align: center;

	width: 100%;

	opacity: 0;

	-khtml-opacity: 0;

	-moz-opacity: 0;

	z-index: 5;

}



.team-member h1, .team-member h2, .team-member h3, .team-member h4, .team-member h5, .team-member h6 {

	margin: 30px 0;

}



.team-member .info-team {

	display: inline-block;

	padding: 2px 20px;

	background-color: #444444;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	color: #fff;

	transition: color 0.2s, background 0.2s;

	-webkit-transition: color 0.2s, background 0.2s;

	-moz-transition: color 0.2s, background 0.2s;

	-ms-transition: color 0.2s, background 0.2s;

}



.team-member .info-team:hover {

	color: #444444;

	background-color: transparent;

}



#twitter-plugin {

	color: #fff;

	text-align: center;

}



#twitter-plugin a {

	color: inherit;

}



#twitter-plugin ul {

	margin: 0 0 30px 0 !important;

	padding: 0 !important;

}



#twitter-plugin ul li {

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;

}



.text-tweet {

	margin-bottom: 25px;

}



.date-tweet {

	font-size: 12px;

	font-weight: 600;

}



.sticky {

	padding: 30px;

	border: 1px solid;

}



.gallery-caption {

	margin: 0 0 8px;

	font-style: italic;

	font-family: arial;

}



.bypostauthor {

	width: 100%;

}





#twitter-icon {

	width: 60px;

	height: 60px;

	text-align: center;

	line-height: 60px;

	border: 1px solid;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	font-size: 25px;

	margin: 0 auto 45px;

}



#twitter-plugin .rslides_nav {

	display: block;

	width: 30px;

	height: 30px;

	line-height: 26px;

	border: 1px solid;

	text-align: center;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	font-size: 16px;

	display: inline-block;

	cursor: pointer;

	margin: 0 5px;

	

}



#portfolio-categories {

	text-align: center;

	margin: 60px 10px 60px 10px;

}



#portfolio-categories ul {

	margin: 0 !important;

}



#window header.row {

	padding: 50px 0 40px;

}



#portfolio-categories ul li {

	display: inline-block;

	list-style: none;

	padding: 0 !important;

	margin: 0 10px 20px 0 !important;

	text-align: center;

}



#portfolio-categories ul li a {

	padding: 10px !important;

	border-bottom: 2px solid transparent;

	transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-moz-transition: color 0.2s;

}



.isotope-item {

	width: 24.96%;

	background-color: #404040;

	position: relative;

	overflow: hidden;

	float: left;

	z-index: 2;

}



.isotope-item a {

	display: block;

	overflow: hidden;

}



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



.isotope-item {

z-index: 2;

}



.isotope-hidden.isotope-item {

pointer-events: none;

z-index: 1;

}



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



.isotope,

.isotope .isotope-item {

-webkit-transition-duration: 0.8s;

 -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

	  transition-duration: 0.8s;

}



.isotope {

-webkit-transition-property: height, width;

 -moz-transition-property: height, width;

  -ms-transition-property: height, width;

   -o-transition-property: height, width;

	  transition-property: height, width;

}



.isotope .isotope-item {

-webkit-transition-property: -webkit-transform, opacity;

 -moz-transition-property:    -moz-transform, opacity;

  -ms-transition-property:     -ms-transform, opacity;

   -o-transition-property:      -o-transform, 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;

}





.portfolio-meta, .portfolio-editor-content {

	padding: 85px 0;

}



.portfolio-meta ul li {

	border-bottom: 1px solid #ddd;

	padding-bottom: 10px;

	margin-bottom: 10px;

	list-style-type: none !important;

	padding-left: 0 !important;

}



.portfolio-meta ul {

	margin: 0 0 30px 0 !important;

}







.info-work {

	position: absolute;

	top: 0;

	z-index: 1;

	color: #fff;

	left: 0;

	width: 100%;

	height: 100%;

}



.info-work .tb-cell {

	height: 100%;

}



.text-work {

	top: -100%;

	position: relative;

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

}



.portfolio-close {

	width: 50px;

	height: 50px;

	color: #404040;

	margin: auto;

	text-align: center;

	line-height: 50px;

	cursor: pointer;

	position: relative;

	top: -50px;

	font-size: 15px;

	z-index: 5;

	display: block;

}



.info-work p {

	margin-bottom: 0;

	font-style: italic;

}



.info-work h5 {

	color: inherit;

}



.icon-work {

	color: #404040;

	font-size: 16px;

	width: 55px;

	height: 55px;

	line-height: 55px;

	text-align: center;

	background-color: #fff;

	margin: 0 auto 20px;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	transition: opacity 0.2s ease-in 0.2s;

	-moz-transition: opacity 0.2s ease-in 0.2s;

	-ms-transition: opacity 0.2s ease-in 0.2s;

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

}



.isotope-item:hover > a .icon-work {

	opacity: 1;

	-moz-opacity: 1;

	-khtml-opacity: 1;

}



.isotope-item > a img {

	-moz-transition: opacity 0.2s;

	-ms-transition: opacity 0.2s;

	-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

	position: relative;

	z-index: 2;

}



#portfolio-container {

	overflow: hidden;

}



#fail-message, #success-message {

	display: none;

	margin: 15px 0;

}



.isotope-item:hover > a img {

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

}



#portfolio-categories .active a {

	border-bottom: 2px solid;

}



.slogan {

	text-align: center;

}



.slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5, .slogan h6 {

	letter-spacing: 3px;

	margin-bottom: 0;

}



.text p {

    text-align:center;

    margin: 0 0 0 0;

}

.divider-1 {

	height: 2px;

	width: 55px;

	background-color: #404040;

	margin: auto;

}



.divider-2, .divider-3 {

	height: 1px;

	width: 100%;

	background-color: #ddd;

	margin: 90px 0;

}



.divider-4 {

	height: 1px;

	width: 55px;

	background-color: #ddd;

	margin: 30px auto 40px;

}



.divider-3 {

	margin: 60px 0 !important;

}



.toggle {

	font-size: 13px;

	margin-bottom: 10px;

}



.toggle-title {

	background-color: #fff;

	height: 54px;

	border: 1px solid #ddd;

	font-size: 13px;

	position: relative;

	cursor: pointer;

	overflow: hidden;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	font-weight: normal;

	font-style: normal;

}



.toggle-title-text {

	height: 54px;

	padding: 15px 60px 10px 20px;

	overflow: hidden;

}



.toggle-title-text i {

	font-size: 16px;

	vertical-align: middle;

	margin-right: 10px;

}



.toggle-title-text h6 {

	font-size: 13px;

}







.alert {

	padding: 9px 28px 8px 20px;

	border: 1px solid;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	position: relative;

	margin-bottom: 7px;

	font-size: 13px;

}



.close-alert {

	position: absolute;

	right: 15px;

	top: 12px;

	cursor: pointer;

	font-size: 12px;

}



.alert-1 {

	color: #c4a21b;

	border-color: #f5dc7d;

	background-color: #fcf7d9;

}



.alert-2 {

	color: #8fa442;

	border-color: #c2d288;

	background-color: #e3ebc6;

}



.alert-4 {

	color: #528da9;

	border-color: #9ac9df;

	background-color: #d8ecf5;

}



.alert-3 {

	color: #b3696c;

	border-color: #f7c7c9;

	background-color: #f9e5e6;

}



.toggle-arrow {

	width: 45px;

	height: 54px;

	line-height: 54px;

	text-align: center;

	font-size: 13px;

	position: absolute;

	right: 0;

	top: 0;

	color: #404040;

}



.toggle-content {

	padding: 15px 20px;

	border-top: none;

	display: none;

	line-height: 22px;

}



#reply-title {

	font-size: 20px;

}

/* ======== / SHORTCODES ======== */



/* ======== BLOG & PAGE ======== */

#head-page {

	padding: 90px 0 90px;

	text-align: center;

	letter-spacing: 4px;

	text-transform: uppercase;

}



#page-content {

	padding-bottom: 85px;

}



.post > header > h5:hover {

	transition: color 0.2s;

	-moz-transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-ms-transition: color 0.2s;

}



.post #tags {

	margin-top: 30px;

}



.post > header .media {

	margin-bottom: 35px;

}



.post > header > h5 {

	margin-bottom: 35px;

}



.slideshow-post, .slideshow-portfolio {

	position: relative;

}



.post header {

	margin-bottom: 30px;

}



.info-post-header {

	font-size: 12px;

}



.info-post-header a {

	transition: color 0.2s;

	-moz-transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-ms-transition: color 0.2s;

}



#list-comments .comment-body {

	padding: 30px 30px 10px 110px;

	border: 1px solid #ddd;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	position: relative;

	margin-bottom: 20px;

	min-height: 107px;

}



.comment-body a {

	transition: color 0.2s;

	-moz-transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-ms-transition: color 0.2s;

}



.commentmetadata {

	margin-bottom: 10px;

}



#comment-form input[type="text"], #commentform input[type="text"] {

	width: 100%;

}



.field {

	width: 32.6%;

	float: left;

}



.margin-field {

	margin: 0 1% !important;

	position: relative;

}





#comment-form textarea, #commentform textarea {

	width: 100%;

	display: block;

	height: 175px;

	max-width: 100% !important;

	margin-top: 15px;

}



#comment-form textarea, #comment-form input[type="text"], #commentform textarea, #commentform input[type="text"] {

	display: block;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border: 1px solid #ddd;

	padding: 10px;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

}



#comment-form input[type="text"], #commentform input[type="text"] {

	height: 50px;

}





#list-comments .children {

	border-left: 1px solid #ddd;

	padding-left: 50px;

}



#list-comments .avatar {

	position: absolute;

	left: 20px;

}



.info-post-header i {

	margin: 0 8px;

}



#blog-navi {

	margin-top: -50px;

}



.quote {

	background-color: #404040;

	padding: 45px;

	transition: background-color 0.2s;

	-moz-transition: background-color 0.2s;

	-webkit-transition: background-color 0.2s;

	-ms-transition: background-color 0.2s;

	display: block;

}



.quote:hover .q-author {

	color: #fff;

}



.q-author {

	transition: color 0.2s;

	-moz-transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-ms-transition: color 0.2s;

}



.quote h4 {

	color: #fff;

}



#author-post {

	border: 1px solid #ddd;

	padding: 20px 20px 10px 20px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	min-height: 85px;

}





#author-post .avatar {

	margin: 0 30px 10px 0;

	float: left;

}



#author-post h5 {

	margin-bottom: 15px;

}



#social-post {

	margin-top: 50px;

	border: 1px solid #ddd;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

}



#social-post .social-field:first-child {

	width: 58% !important;

	text-align: left;

	padding: 15px 22px;

	left: 0;

}



.social-field {

	padding: 15px 0;

	float: left;

	width: 7%;

	text-align: center;

	position: relative;

	display: block;

	transition: color 0.2s, background-color 0.2s;

	-moz-transition: color 0.2s, background-color 0.2s;

	-webkit-transition: color 0.2s, background-color 0.2s;

	-ms-transition: color 0.2s, background-color 0.2s;

}



a.social-field:hover {

	color: #fff;

}



.social-fb:hover {

	background-color: #3C5B9B;

}



.social-twitter:hover {

	background-color: #2DAAE1;

}



.social-dribbble:hover {

	background-color: #F874A4;

}



.social-linkedin:hover {

	background-color: #0173B2;

}



.social-google:hover {

	background-color: #F63E28;

	border-radius: 0 2px 2px 0;

	-moz-border-radius: 0 2px 2px 0;

	-webkit-border-radius: 0 2px 2px 0;

}



.google-map {

	position: relative;

}



.google-map iframe {

	width: 100%;

	height: 500px;

}



.google-map > div {

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 5;

}



.tooltip-1 {

	display: block;

	padding: 5px;

	font-size: 12px;

	color: #fff;

	background-color: #404040;

	position: absolute;

	top: -40px;

	left: -10px;

	z-index: 10;

	display: none;

	margin: auto;

	min-width: 80px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

}



.tooltip-1 .fa-caret-down {

	color: #404040;

	position: absolute;

	font-size: 30px;

	bottom: -15px;

	left: 40%;

}



.social-field:hover .tooltip-1 {

	display: block;

}

/* ======== / BLOG ======== */



/* ======== WIDGETS ======== */

.widget {

	margin-bottom: 50px;

}



.widget_text a {

	text-decoration: underline;

}



.widget > header {

	background: url(assets/images/line.png);

	background-repeat: repeat-x;

	background-position: 0 15px;

}



.widget a {

	transition: color 0.2s;

	-webkit-transition: color 0.2s;

	-moz-transition: color 0.2s;

}



.widget > header > h6 {

	background-color: #fff;

	display: inline-block;

	padding-right: 20px;

}



.widget ul {

	border: 1px solid #ddd;

}



.widget ul li {

	padding: 15px 20px;

	border-bottom: 1px solid #ddd;

}



.widget ul li:before {

	content: "\f105";

	font-size: 14px;

	font-family: FontAwesome;

	margin-right: 15px;

}



.widget_recent_entries ul li span {

	font-size: 10px;

	margin-left: 10px;

}



.widget ul li:last-child {

	border-bottom: none;

}



.search-widget {

	width: 100%;

	height: 45px;

	background-color: #fff;

	border: 1px solid #ddd;

	position: relative;

	padding: 0 55px 0 18px;

}



.widget_tag_cloud a, .post #tags a {

	padding: 6px 10px;

	color: #fff !important;

	margin: 0 0 3px 0;

	font-size: 11px !important;

	background-color: #404040;

	display: inline-block;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	transition: background-color 0.2s;

	-moz-transition: background-color 0.2s;

	-webkit-transition: background-color 0.2s;

	-ms-transition: background-color 0.2s;

}



.widget_tag_cloud a:hover {

	color: #fff !important;

}



#wp-calendar {

	width: 100%;

}



#wp-calendar a {

	color: #848484;

}



#wp-calendar caption {

	text-align: right;

	color: #333;

	font-size: 12px;

	margin-top: 10px;

	margin-bottom: 15px;

}



#wp-calendar thead {

	font-size: 10px;

}



#wp-calendar thead th {

	padding-bottom: 10px;

}



#wp-calendar tbody {

	color: #aaa;

}



#wp-calendar tbody td {

	background: #f5f5f5;

	border: 1px solid #fff;

	text-align: center;

	padding:8px;

}



#wp-calendar tbody td:hover {

	background: #fff;

}



#wp-calendar tbody .pad {

	background: none;

}



#wp-calendar tfoot #next {

	font-size: 10px;

	text-transform: uppercase;

	text-align: right;

}



#wp-calendar tfoot #prev {

	font-size: 10px;

	text-transform: uppercase;

	padding-top: 10px;

}



.widget_tag_cloud a:hover {

	color: #fff !important;

}



.search-widget input[type="submit"] {

	position: absolute;

	right: 10px;

	top: 6px;

	background-color: transparent;

	z-index: 2;

	border: none;

	width: 30px;

	height: 30px;

	cursor: pointer;

}



.search-widget input[type="text"] {

	width: 100%;

	margin-top: 12px;

	font-size: 13px;

	font-family: 'Open Sans', sans-serif;

	color: #b0b0b0;

	border: none;

}



.search-button {

	position: absolute;

	right: 20px;

	top: 14px;

	font-size: 13px;

	z-index: 1;

	color: #444444;

}

/* ======== / WIDGETS ======== */



/* ======== FOOTER ======== */

#foot-page {

	background-color: #404040;

	color: #fff;

	text-align: center;

	padding: 85px 0 70px;

}



#copyright {

	margin: 30px 0;



}



#backtop {

	width: 45px;

	height: 45px;

	line-height: 42px;

	border: 1px solid #fff;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	margin: auto;

	font-size: 18px;

	cursor: pointer;

}



#foot-icons a {

	margin: 0 6px;

	font-size: 14px;

}



#foot-icons a i, #backtop {

	transition: color 0.2s, background-color 0.2s;

	-moz-transition: color 0.2s, background-color 0.2s;

	-webkit-transition: color 0.2s, background-color 0.2s;

	-ms-transition: color 0.2s, background-color 0.2s;

}



#backtop:hover {

	background-color: #fff;

	color: #404040;

}

/* ======== / FOOTER ======== */