/* Minification failed. Returning unminified contents.
(1570,110): run-time error CSS1031: Expected selector, found '/'
(1570,110): run-time error CSS1025: Expected comma or open brace, found '/'
 */
@import url('font-awesome.css');
@import url('socialize-bookmarks.css');
/*------------------------------------------------------

CSS overview: 

	1. RESET
	2. SCROLL TO TOP
	2. MAIN CONTENT
	3. PRIMARY MENU 
	4. SECTION TITLE
	5. FOOTER
	6. TWITTER
	7. PHOTOSTREAM
	8. COLUMNS
	9. TEAM
	10. GRID VIEW
	11. BUTTONS
	12. HIGHLIGHTS
	13. DROPCAPS
	14. DIFFERENT UL STYLES
	15. TOGGLE
	16. ACCORDION
	17. PORTFOLIO
	18. PORTFOLIO THUMBNAIL HOVER
	19. SHAPED STYLE ITEM
	20. HEXAGON STYLE
	21. CIRCLE STYLE
	22. TRIANGLE STYLE
	23. PORTFOLIO FILTERABLE NAVIGATION
	24. ITEM NAVIGATION
	25. CONTACT MODAL WINDOW
	26. CONTACT
	27. QUIDDITA - VALIDATION
	
---------------------------------------------------------*/

/*--------------------------------------------------
					  RESET
---------------------------------------------------*/
pre,code{
	font-family:"Times New Roman", Times, serif;
	white-space:pre;
	padding:20px;
	letter-spacing: 0.1em;
}
pre{
	padding:5px;
}
code{
	border-radius: 3px 3px 3px 3px;
	background:#fff;
	font-size: 0.85em;
	color: #666666;
	padding: 3px;
	padding-left: 10px;
	background-color: #f5f5f5;
}
.clear:after {
	clear: both;
	content: "";
	display: block;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse:separate; 
	border-spacing:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;
}
html, body {
	height: 100%;
	width: 100%;
}
*::-moz-selection{ color: #f5f5f5; background: #444; }
*::selection { color: #f5f5f5; background: #444; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;       
}
body {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #676767;
	background: #fff;
}
body {
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-weight: 300;
	margin-bottom: 14px;
}
h1{
	font-size:42px;
	line-height: 44px;
}
h2{
	font-size: 32px;
	line-height: 34px;
}
h3{
	font-size:24px;
	line-height: 29px;
}
h4{
	font-size:20px;
	line-height: 25px;	
}
h5{
	font-size:16px;
	line-height: 21px;
}
h6{
	font-size:14px;
	line-height: 17px;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
	font-size:26px;
	line-height: 30px;
	font-weight: 300;
	letter-spacing: -0.5px;
}
ul, ol	{
	display: block;
	padding: 0px;
	margin: 0 0 14px 17px;
}
blockquote {
	float: left;
	width: 60%;
	margin: 10px 20px 10px 0;
}
blockquote:before {
	content: "'";
	float: left;
	font-size: 45px;
	font-weight: bold;
	line-height: 40px;
}
blockquote.dark {
	background: #444;
	color: #f5f5f5;
}
blockquote.light {
	background: #f5f5f5;
	color: #aaa;
}
blockquote.color {
	color: #fff;
}
blockquote.dark, blockquote.light, blockquote.color {
	padding: 20px;
}
blockquote p {
	font: 16px/21px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	padding-left: 25px;
	text-align: left;
}
blockquote small {
	font-weight: bold;
	padding-top: 10px;
	text-transform: uppercase;
}
p {
	margin-bottom: 14px;
}
p:last-child {
	margin-bottom: 0;
}
em, dfn, cite {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
small { 
	font-size:11px;
}
input, textarea, select {
	outline: medium none;
	font-family:  Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #bbb;
	border: 1px solid #ddd;
	border-radius: 3px 3px 3px 3px;
	-webkit-transition: all 0.2s ease-out 0s;   
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s; 
	background-color: #fff;
	padding: 6px;
}
select {
	padding: 5px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	color: #676767;
	box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	color: #fff;
	text-decoration:none !important;	
	border: none;
	box-shadow:0 0 0;
}
input.submit:hover {}
a { 
	-moz-transition:all 0.14s ease 0s; 
	-webkit-transition:all 0.14s ease 0s;   
	-o-transition:all 0.14s ease 0s; 
	outline:none;
}
a:hover {
	color: #aaa;
}
.title, .title a { 
	text-decoration: none;
}
.title a:hover {
}
img {
	max-width:100%;
}
.radius-200 {
	border-radius: 200px 200px 200px 200px;
}
.border {
	border: 2px solid #444;
	border-radius: 20px 20px 20px 20px;
	padding: 5px;
}
.alignleft {
	float:left;
	margin: 0 20px 0 0;
}
.alignright {
	float:right;
	margin: 0 0 0 20px;
}
.aligncenter {
	display: block;
	margin: 10px auto;
	float:none;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.divider {
	float: left;
	width: 100%;
	height: 70px;
}
.divider-border {
	border-top: 2px solid #eee;
	float: left;
	width: 100%;
	margin: 40px 0;
}
#footer .divider-border {
	border-top-color: #ddd;
}
/*--------------------------------------------------
			SCROLL TO TOP
---------------------------------------------------*/
#back-top {
	display: none;
}
#back-top {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 40px;
	height: 40px;
	background: url(Images/sprite.png) no-repeat scroll 0 -89px transparent;
	text-indent: -9999px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
}
#back-top:hover {
	background-position: 0 -129px;
}
/*--------------------------------------------------
			MAIN CONTENT
---------------------------------------------------*/
#wrapper {
	position: relative;
	z-index: 2;
	padding-bottom: 50px;
	background-color: #FFF;
	box-shadow: 
	0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */
	0 3px 0 -1px rgba(255, 255, 255, 1), /* The second layer */
	0 3px 1px 0 rgba(0, 0, 0, 0.15), /* The second layer shadow */
	0 6px 0 -2px rgba(255, 255, 255, 1), /* The third layer */
	0 6px 2px -1px rgba(0, 0, 0, 0.15); /* The third layer shadow */
}
#header-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	z-index:9999;
	background-color: #F47321;
	padding: 40px 0;
	transition-duration: 0.35s; 
}
#header-wrapper.sticky {
	position: fixed;
	left:0;
	right:0;
	top: 0;
	padding: 20px 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}	
#header-wrapper.alternate {
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}
#header-wrapper.sticky.alternate {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}
.header {
	padding: 0;
	margin: 0 auto;
	width: 1130px;
}
#logo, #logo a {
	float: left;
	line-height: 10px;
}
.content {
	margin: 0 auto;
	padding: 0;
}

.section {
	width: 1130px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}
.section .holder {
	width: 1130px;
	margin: 0 auto;
	z-index: 999;
	position: relative;
}
.section.alternate {
	width: 100%;
}
.section.alternate {
	background: #f5f5f5;
	box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
}
.section.alternate.dark {
	background: #444;
	color: #ccc;
	box-shadow: 0 0 3px rgba(0,0,0,0.6) inset;
}
.section.alternate.color {
	color: #FFF;
}
.section:last-child {
	padding-bottom: 0;
}
.section.alternate:last-child, .section.alternate.dark:last-child, .section.alternate.color:last-child, .section.parallax-background:last-child {
	margin-bottom: -80px;
}
.parallax-background {
	position: relative;
}
.parallax-background {
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	box-shadow: 0 0 3px rgba(0,0,0,0.09) inset;
}
.parallax-background .holder {
	padding: 0;
}
.parallax-background.color .item-mask {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.parallax-background.dark .item-mask {	
	background: rgba(92, 92, 92, 0.70);
	box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
}
.parallax-background.light .item-mask {
	background: rgba(255, 255, 255, 0.50);
	box-shadow: 0 0 3px rgba(0,0,0,0.07) inset;
}
.parallax-background .item-mask {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
}
#index {
	background-image: url(Images/paralax-background.jpg);
	color: #fff;
	padding: 100px 0;
}	
#about {
	background-image: url(http://placehold.it/1130x840);
	color: #fff;
	padding: 100px 0;
}
#about2 {
	background-image: url(http://placehold.it/1130x840);
	padding: 200px 0;
	color: #fff;
}	
#blog {
	background-image: url(http://placehold.it/1130x840);
	color: #fff;
	padding: 250px 0;
}
#portfolio {
	background-image: url(http://placehold.it/1130x840);
	color: #fff;
	padding: 250px 0;
}	
#portfolio2 {
	background-image: url(http://placehold.it/1130x840);
	color: #fff;
	padding: 250px 0;
}		
#clients-testimonials {
	background-image: url(http://placehold.it/1130x840);
	color: #fff;
	padding: 70px 0;
}			
#contact{
	background-image: url(http://placehold.it/1130x840);
	color: #000;
	padding: 200px 0;
}	
/*--------------------------------------------------
			PRIMARY MENU 
---------------------------------------------------*/
#primary-menu-above {
	float:right;
}
#primary-menu-above a { 
	margin-left: 3px;
}
#primary-menu-above a.separate {
	margin-left: 15px;
}
#primary-menu-above input { 
	padding: 3px 6px !important;
}
#primary-menu-above input.medium { 
	width: 110px;
}
#primary-menu {
	float: right;
	padding: 0px;
}
#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #eee;
	cursor: pointer;
	width: 100%;
	padding: 7px;
	margin: 0 0 0 0;
	box-shadow: 0 0 0 rgba();
	color: #676767;
}
.menu {
	margin: 15px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
.menu li:hover { 
	visibility: inherit; 
}
.menu li {
	position: relative;
	display: inline;
	float: left;
}
.menu li:after {
	content: "\2022";
	color: #999;
}
.menu li:last-child:after {
	content: "";
}
.menu li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size:14px;
	line-height: 20px;
	font-weight: 600;
	color: #888;
	margin: 0 0 8px 0;
	padding: 0 12px;
	display: block;
	float: left;
}
.menu li:last-child a {
	padding-right: 0;
}
.menu li a:hover, .menu li.sfHover a {
}
.menu li a.current {
	color: #222;
}
.menu li ul {
	position: absolute;
	top: -9999em;
	width: 200px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.97);
	border-radius: 1px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	z-index: 9999;
}
.menu li li { 
	width: 100%; 
}
.menu li li:after {
	content: "";
}
.menu li:hover ul {
	left: 15px;
	top: 100%;
}
.menu li:hover li ul { 
	top: -9999em; 
}
.menu li li:hover ul {
	left: 201px;
	top: 0;
	visibility: visible; 
	z-index: 9999;
}
.menu li ul {
	margin: 0;
}
.menu li ul li {
	margin: 0;
	background: none;
	padding: 0 25px;
}
.menu li ul li:last-child {
	border-bottom: none;
}
.menu li ul li a, .menu il ul li:last-child a, .menu il ul li:first-child a, .menu li ul li:first-child ul li a {
	font-size: 11px;
	padding: 12px 0;
	word-spacing: 2px;
	border-bottom: 1px solid #f2f2f2;
}
.menu li ul li:first-child a, .menu li ul li:last-child ul li:first-child a, .menu li ul li:first-child ul li:first-child a {
	padding: 22px 0 12px 0;
}
.menu li ul li:last-child a, .menu li ul li:last-child ul li:last-child a, .menu li ul li:first-child ul li:last-child a {
	padding: 12px 0 22px 0;
	border-bottom: none;
}
.menu li ul li:last-child ul li a {
	border-bottom: 1px solid #f2f2f2;
	padding: 12px 0;
}
.menu li:hover ul li a,  .menu li li:hover ul li a { 
	color: #888;    
	border-top: none;
	margin: 0;
	width: 100%;
}
.menu li:hover ul li a:hover, .menu li li:hover ul li a:hover, .menu li ul li.sfHover a { 
}
/*--------------------------------------------------
		  MOBILE MENU
---------------------------------------------------*/
#three-lines-menu {
	display: none;
	float: right;
}
#three-lines-menu a {
	background: #333;
	color: #fff;
	font-size:20px;
	line-height: 35px;
	text-transform: uppercase;
	border-radius: 2px 2px 2px 2px;
	padding: 3px 7px !important;
}
#three-lines-menu a:hover {
	color: #fff;
}
#mobile-menu {
	display: none;
	background: #f5f5f5;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
/*	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);*/
}
#mobile-menu ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
#mobile-menu ul li {
	border-top: 1px dotted #ccc;
}
#mobile-menu ul li:first-child {
	border-top: none;
}
#mobile-menu ul li a {
	color: #888;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	position: relative;
	padding: 15px 0 !important;
}
#mobile-menu ul li a.active {
}
#mobile-menu ul li a:hover {
}
#mobile-menu ul li ul {
	padding: 0 0 0 30px;	
	border-top: 1px dotted #ccc;     
}
#mobile-menu ul li ul li:first-child {
	border-top: none;
}
#mobile-menu ul li li a {
}

.menu-mobile {display:none !important;}
.sf-menu {display:block !important;}
#mobile-menu .sf-menu {display:none !important;}
@media only screen and (min-width : 1px) and (max-width : 959px) {
.menu-mobile {display:block !important;}
.sf-menu {display:none !important;}
#three-lines-menu {
	display: block!important; 
}	
li a .sf-sub-indicator { 
	right: 0 !important;
	position: absolute;
	left: auto!important;
	top: 0 !important; 
	height: 50px;
	width: 50px;
	text-align: right;
}
li a .sf-sub-indicator:after, li.open li a .sf-sub-indicator:after, li.open li.open li a .sf-sub-indicator:after { 
	content: "+";
	font-size: 16px;
	line-height: 45px;
	margin: 0 5px 0 0;
}	
li.open a .sf-sub-indicator:after, li.open li.open a .sf-sub-indicator:after, li.open li.open li.open a .sf-sub-indicator:after { 
	content: "-";
	font-size: 23px;
	margin: 0 7px 0 0;
	line-height: 40px;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	height: 0px;
	position: absolute;
	visibility: hidden!important;
	overflow: hidden;
}
.sf-menu li ul.mobile-open {
	height: auto!important;
	display: block!important;
	position: relative;
	visibility: visible!important;
}
}
/*--------------------------------------------------
		  PAGE HEADER
---------------------------------------------------*/
.page-header {
	overflow: hidden;
	margin: 0 auto; 
	padding: 30px 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	width: 1130px;
}
.page-header .title, .page-header .title a  {
	margin-bottom: 0;
}
.page-header .subtitle {
	font: 400 13px/23px 'Open Sans',Helvetica,Arial,sans-serif;
	margin-bottom: 0;
}
.page-header.fullwidth {
	background: #f5f5f5;
	width: 100%;
	border-bottom: none;
	border-top: none;
	box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
}
.page-header .holder {
	width: 1130px;
	margin: 0 auto;
	/*z-index: 999;*/
	position: relative;
}
.page-header.fullwidth .filterable {
	padding-top: 7px;
	padding-bottom: 0;
}
/*--------------------------------------------------
				FOOTER
---------------------------------------------------*/
#footer {
	width: 100%;
	z-index: 1;
	background: #f5f5f5;
	color: #999;
	float: left;
}
#footer.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
}
#footer .section:last-child {
	padding-bottom: 50px; 
}
#footer .section.alternate {
	background-color: #eee;
	box-shadow: 0 0 3px rgba(0,0,0,0) inset;
	color: #676767;
}
#footer h3 {
	text-transform: uppercase;
	font-size:11px;
	line-height: 17px;
	font-weight: 500;
	display: block;
}
#footer ul li {
	margin-bottom:15px;
}
#footer ul li span.date {
	text-transform: uppercase;
	font-size:10px;
	display: block;
}
#footer a {
	color: #333;
}
#footer a:hover {
}
#footer .button a {
	font: 11px/17px Helvetica, Arial, sans-serif;
	color: #fff;
}
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
}
#footer .social-bookmarks, #footer .social-bookmarks li {
	float: none;
}
#footer .social-bookmarks li a {
	float: none;
	display: inline-block;
	margin: 0 0 0 15px;
}
#footer .social-bookmarks li:first-child a {
	margin: 0;
}
#footer p.copyright {
}
/*--------------------------------------------------
				TWITTER
---------------------------------------------------*/
.twitter-feed {
	overflow: hidden;
	min-height: 100px;
}
.bra_tweets, #footer .bra_tweets {
	overflow: hidden;
	max-height: 570px;
}
#footer .bra_tweets {
	min-height: 70px;
}
.bra_tweets ul, #footer .bra_tweets ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.bra_tweets li, #footer .bra_tweets li {
	margin-bottom: 30px;
	word-wrap: break-word;
	display: block;
	max-height: 570px;
}
.bra_tweets li:last-child, #footer .bra_tweets li:last-child {
	margin-bottom: 10px;
}
.tweet_even:last-child, .tweet_odd:last-child {
}
.bra_tweets ul span, #footer .bra_tweets ul span {
}
.bra_tweets .tweet_text, #footer .bra_tweets .tweet_text{
	list-style-type: none;
	display: block;
}
.bra_tweets .tweet_text a, #footer .bra_tweets .tweet_text a {
	display: inline;
}
.bra_tweets .tweet_text a:hover, #footer .bra_tweets .tweet_text a:hover {
	color: #999;
}
.bra_tweets .twitter_time {
	margin-top: 5px;
}
.bra_tweets a.twitter_time, #footer .bra_tweets a.twitter_time {
	font: normal 11px/20px Helvetica,Arial,sans-serif;
	font-weight: bold;
	padding: 5px 0;
	text-transform: uppercase;
	color: #999;
}
.bra_tweets a:hover , #footer .bra_tweets a:hover, .bra_tweets a.twitter_time:hover, #footer .bra_tweets a.twitter_time:hover {
}
#footer .twitter-feed.extended {
	list-style-type: none;
	padding: 0;
	font-size:16px;
	line-height: 23px;
	font-weight: 400;
	color: #676767;
}
/*--------------------------------------------------
			PHOTOSTREAM
---------------------------------------------------*/
.photostream-wrapper, #footer .photostream-wrapper {
	float: left;
}
.photostream ul, #footer .photostream ul, .widget .photostream ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.photostream ul li, #footer .photostream ul li, .widget .photostream ul li {
	width: auto;
	float: left;
	margin: 0 5px 5px 0;
}
.photostream a, #footer .photostream a, .photostream img, #footer .photostream img {
	height: 70px;
	width: 70px;
	border-radius: 3px 3px 3px 3px;
	opacity:0.9;
	filter:alpha(opacity=90); 
}
.photostream a, #footer .photostream a {
	display: block;
	position: relative;
}
.photostream a .item-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	height: 70px;
	width: 70px;	
	-moz-transition:all 0.14s ease 0s; 
	-webkit-transition:all 0.14s ease 0s;   
	-o-transition:all 0.14s ease 0s; 
	border-radius: 3px 3px 3px 3px;
}
.photostream a .item-mask:hover {
	opacity:0.7;
	filter:alpha(opacity=70); 
}
/*--------------------------------------------------
					  COLUMNS
---------------------------------------------------*/
.one, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth { float:left; position:relative; margin-right:4%; }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48%; }
.one-third  { width: 30.66%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.last { margin-right: 0 !important; }
.one.aligncenter, .one-half.aligncenter, .one-third.aligncenter, .two-third.aligncenter, .one-fourth.aligncenter, .three-fourth.aligncenter, .one-fifth.aligncenter { float:none; }
/*--------------------------------------------------
			TEAM
---------------------------------------------------*/
.team {
	position: relative;
	overflow-y: auto;
	background-color: #f5f5f5;
}
.alternate .team {
	background-color: #fff;
}
.alternate.dark .team {
	background-color: #555;
}
.alternate.color .team {
	background: #555;
	color: #FFF;
}
.team-member-info {
	padding: 30px;
	float: left;
}
.team ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.team li {
	display: inline;
}
.team h2 {
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
}
.team h3 {
	font-size:11px;
	line-height: 17px;
}
.team p {
	margin-top: 13px;
}
.team img {
	width: 100%;
	float: left;
}
.team img.radius-200 {
	border-radius: 200px 200px 200px 200px;
	margin-bottom: 20px;
}
.team h2, .team h3, .team p {
	margin-bottom: 0;
}
.team .social-personal {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 2px solid #eee;
}	
.team .social-personal li {
}
.team .social-personal li:after {
	content: "\2022";
	color: #999;
}	
.team .social-personal li:last-child:after {
	content: "";
}
.team .social-personal li a {
	padding: 0 5px;
	font-size: 11px;
	color: #999;
	text-transform: uppercase;float: none;
}	
.team .social-personal li a:hover {
}	
/*--------------------------------------------------
		   SKILLS GRAPH
---------------------------------------------------*/
.skills-graph {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.skills-graph li span, .skills-graph li div {
	border-radius: 300px 300px 300px 300px;
}
.skills-graph li {
	margin-bottom: 10px;
	font-size: 11px;
	text-transform: uppercase;
}
.skills-graph li p {
	margin-bottom: 0;
}
.skills-graph li strong {
	margin-left: 5px;
	color: #444;
}
.skills-graph li span, .skills-graph li div {
	height: 13px;
	line-height: 18px;
}
.skills-graph li span {
}
.skills-graph li div {
	background-color: #eee;
	background-color: #f5f5f5;
}
/*--------------------------------------------------
		  PIE CHART
---------------------------------------------------*/
.chart-list {    
	margin: 0 auto;
	padding: 0;
}
.chart-list li {
	float: left;
	display: inline;
}	
.chart {
	display: inline-block;
	text-align: center;
	margin-bottom: 35px;
}	
.chart:first-child {
	margin-left: 0;
}	
.chart span {
	font-size: 22px;
}	
.chart .label {
	margin: 15px 0;
	text-transform:uppercase;
	text-align: center;
	font-weight: bold;
}	
.easyPieChart {
	margin: 0 auto;
	position: relative;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
/*--------------------------------------------------
			GRID VIEW
---------------------------------------------------*/
.grid {
	width: 100%;
}
.grid div {
	float: left;
	margin-bottom: 0.5%;
	margin-right: 0.5%; 
}
.grid.row3 div {
	width: 33%;
}
.grid.row3 div:nth-child(3n+3) {
	margin-right: 0;
}
.grid.row4 div {
	width: 24.61%;
}
.grid.row4 div:nth-child(4n+4) {
	margin-right: 0;
}
.grid.row5 div {
	width: 19.60%;
}
.grid.row5 div:nth-child(5n+5) {
	margin-right: 0;
}
.grid.row6 div {
	width: 16.25%;
}
.grid.row6 div:nth-child(6n+6) {
	margin-right: 0;
}
.grid img {
	display: block;
	margin: 0 auto;
}

.clients div {
	background-color: #f5f5f5;	 
}
.clients div:hover {
	background-color: #F9F9F9;
}
.alternate .clients div {
	background-color: #eee;
}
.alternate.dark .clients div {
	background-color: #555;
}
.clients img {
	-moz-transition:all 0.14s ease 0s; 
	-webkit-transition:all 0.14s ease 0s;   
	-o-transition:all 0.14s ease 0s; 
	opacity:0.65;
	filter:alpha(opacity=65);
}
.clients div:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------------------------------
			BUTTONS
---------------------------------------------------*/
.button {
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin-bottom: 5px;
	border-radius: 4px 4px 4px 4px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.button, .button:hover, #footer .button, #footer .button:hover {
	color: #FFFFFF;
	text-transform:uppercase;
}
.button:hover {
	background-color: #444;
}
.button + .button {
	margin-left: 30px;
}
.outline, #footer .outline {
	box-shadow: 0 0 0 2px #444 inset;
	color: #444;
	background-color: transparent;
}
.outline:hover {
	color: #fff;
}	
.outline.black {
	box-shadow: 0 0 0 2px #444 inset;
	color: #444;
}
.outline.black:hover {
	color: #fff;
	background-color: #444;
}
.outline.white {
	box-shadow: 0 0 0 2px #FFFFFF inset;
	color: #444;
}
.outline.white:hover {
	color: #444;
	background-color: #fff;
}
.small {
	padding: 0 12px 0 12px !important;
	font-size: 10px;
}
.medium {
	font-size:11px;
	padding: 4px 14px !important;
}
.large {
	padding: 12px 29px !important;
	font-size: 12px;
}
.rounded {
	border-radius: 30px 30px 30px 30px;
}
.grey { background-color:#444; }
.grey:hover { color: #FFFFFF; }
.yellow { background-color:#FEEB43; color: #707070; }
.white { background-color:#fff; color: #444; }
.orange { background-color:#F47321; }
.white.outline { box-shadow: 0 0 0 2px #FFFFFF inset; color: #fff; background-color:transparent; }
.green { background-color:#78d18b; }
.tealgreen { background-color:#3ea9a1; }
.blue { background-color: #7CC0CB; }
.navyblue { background-color: #657383; }
.purple { background-color:#9a86a2; }
.magenta {background-color:#C25283; }
.pink { background-color:#F9A7B0; }
.red { background-color:#dc4f49; }
.cream { background-color:#C9C299; }
.button-group {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.button-group .button {
	font-size: 18px;
	overflow: hidden;
	padding: 25px 0;
	text-align: center;
	text-transform: uppercase;
	width: 50%;
	margin: 0;
	float: left;
	letter-spacing: -1px;
}
.button-group .or {
	background-color: #fff;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 42px;
	text-align: center;
	margin-left: -23px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	z-index: 99;
	font-weight: bold;
}
.button-group .title {
	display: block;
}
.button-group .subtitle {
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0;
}	
.button-group .button:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 1px solid #fff;
}
.button-group .button:last-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
/*--------------------------------------------------
			HIGHLIGHTS
---------------------------------------------------*/
.highlight1 {
	color: #FFFFFF;
	padding: 0 2px;
}
.highlight2 {
	background-color: #444;
	color: #FFFFFF;
	padding: 0 2px;
}
.highlight3 {
	border-bottom: 1px solid;
}
/*--------------------------------------------------
			DROPCAPS
---------------------------------------------------*/
.dropcap1 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #444;
	margin: 0 8px 0 0;
	font-weight: bold;
}
.dropcap {
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
	margin: 6px 8px 0 0;
}
.dropcap.rectangle {
	border-radius: 2px 2px 2px 2px;
}
.dropcap.round {
	border-radius: 55px 55px 55px 55px;
}
.dropcap.border {
	border: 1px solid #444;
	color: #444;
	padding: 9px 13px;
}
.dropcap.dark {
	background-color: #444;
	color: #FFFFFF;
	padding: 11px 15px;
}
.dropcap.light {
	background-color: #f5f5f5;
	color: #676767;
	padding: 11px 15px;
}
.dropcap.color {
	background-color: #F47321;
	color: #FFFFFF;
	padding: 11px 15px;
}
/*--------------------------------------------------
			DIFFERENT UL STYLES
---------------------------------------------------*/
.icon-star {
	font-size: 10px;
}
.icon-caret-right {
	font-size: 14px;
}
.border-list {
	list-style:none;
	margin:0; 
	padding:0; 
}
.border-list li {
	border-bottom: 2px solid #eee;
	padding: 12px 0;
}
.border-list li:first-child {
	padding-top: 0;
}
.border-list li:last-child {
	border-bottom: none;
}
ul.colored-counter-list {
	counter-reset:li;
	margin-left:0; 
	padding-left:0; 
}
ul.colored-counter-list > li {
	position:relative; 
	list-style:none;
	padding-left: 35px;
	margin-bottom: 13px;
}
ul.colored-counter-list > li:before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:0;
	left:0;
	margin-right:8px;
	padding: 0 7px;
	text-align:center;
	border-radius: 20px 20px 20px 20px;
	background-color: #444;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
/*--------------------------------------------------
			TOGGLE
---------------------------------------------------*/
.toggle-wrap {
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
.trigger {
}
.trigger a {
	display: block;
	padding: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #676767;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s;	
	background: #f5f5f5;
}
.trigger.active a { 
}
.toggle-container {
	overflow: hidden;
	float: left;
	padding: 25px;
}
.trigger a:before {
	content: "+";
	float: right;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}
.trigger.active a:before { 
	content: "-";
	font-size: 22px;
	line-height: 12px;
}
/*--------------------------------------------------
		 ACCORDION
---------------------------------------------------*/
.trigger-button {
	font-weight: bold;
	float: left;
	width: 100%;
	padding: 15px 0;
	margin-bottom: 6px;
	text-decoration: none;
	background: #f5f5f5;
	cursor:pointer;
}
.trigger-button:before {
	content: "+";
	float: right;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin-right: 15px;
}
.trigger-button.active:before {  
	content: "-";
	font-size: 22px;
	line-height: 12px;
}
.trigger-button:first-child{
	margin-top: 0;
}
.trigger-button span {
	padding-left: 15px;
}
.accordion {
	float: left;
	padding: 25px;
	margin-bottom: 6px;
}
/*--------------------------------------------------
					TABS
---------------------------------------------------*/
ul.tabs {
	padding: 0;
	list-style: none;
	width: 100%;
	margin: 0;
	float: left;
}
ul.tabs li {
	overflow: hidden;
	position: relative;
	float: left;
}

ul.tabs li.sourceVerified {
	pointer-events: none;
}

ul.tabs li a {
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #999;
	font-weight: bold;
	display: block;
	padding: 5px 20px;
	margin-right: -1px;
}

ul.tabs li a.disabled-link{
	background: #E8E8E8;
}

.tabs li:last-child a {
	border-right: 2px solid #ddd;
}
.tabs li a:hover, .tabs li.active a {
	color: #676767;
}
.tabs li.active a {
	background: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.tab_container{
	float: left;
	width: 100%;
}
.tab_container {
	margin: 0px;
	padding: 0px;
	float: left;
}
.tab_content {
	padding: 20px;   
	border: 1px solid #ddd;
	margin: -1px 0 0 0;
}

ul.tabs.vertical {
	width: 30%;
	float: left;
}
ul.tabs.vertical li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
ul.tabs.vertical li a {
	width: 100%;
	padding: 10px 15px;
	margin-bottom: -1px;
}
.tabs.vertical li:last-child a {
	border-bottom: 2px solid #ddd;
	border-right: 1px solid #ddd;
}
.tabs.vertical li.active a {
	background: #FFFFFF;
	border-right:1px solid #FFFFFF;
}
.tab_container.vertical{
	float: right;
	width: 70%;
}
.tab_container.vertical .tab_content {
	margin: 0 0 0 -1px;
}
/*--------------------------------------------------
				PORTFOLIO
---------------------------------------------------*/
.portfolio-grid ul li a.hide {
	display: none;
}
.portfolio-grid {
	width: 101%;
	margin: 0 0 0 0%;
	padding: 0;
	float: left;
}
.portfolio-grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.portfolio-grid ul li {
	background: #f8f8f8;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	/*float: left;*/
	margin: 1% 0 1% 9px;
	padding: 0;
}
.portfolio-grid ul li:nth-child(4), .portfolio-grid ul li:nth-child(8), .portfolio-grid ul li:nth-child(12) {
	margin: 1% 0 1% 8px;

}
/*.portfolio-grid .isotope-item { top: 1px !important; } /* Show border for images that are white on top. */*/
.isotope-item {
	z-index: 1;
}
.isotope-hidden {
	z-index: 0;
}
.col2 li {
	width: 48.98%;
}
.col3 li {
	width: 32.25%;
}
.col4 li {
	width: 23.92%;
}
.portfolio-grid ul li img {
	float: left;
	width: 100%;
	height: 202px;
}	
.item-info {
	padding: 20px;
	color: #444;
	float: left;
}
.resources-section .item-info { min-height:124px; }
.item-info h3.title, .item-info-overlay h3.title {
	font-size:17px;
	line-height: 21px;
	margin-bottom: 0;  
}
.item-info h3.title, .item-info h3.title a {
	color: #676767;
}
.item-info h4, .item-info-overlay h4 {
	font-size:10px;
	line-height: 17px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #fff;
}
.item-info-overlay a.overlay-link {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
	left: 0;
	top: 0;
}
/*--------------------------------------------------
			PORTFOLIO THUMBNAIL HOVER
---------------------------------------------------*/
.item-info-overlay {
}
.item-info-overlay {
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	display: none;
	z-index: 120;
	background: rgba(33, 33, 33, 0.99); 
	text-align: center;
}
.item-info-overlay div {
	margin: 0 9%;
}
.item-info-overlay h3.title {
	margin: 9% 9% 0 9%;
}	
.item-info-overlay h3.title, .item-info-overlay h3.title a {
}
.item-info-overlay h3.title a:hover {
	color: #fff;
}
.item-info-overlay p {
	color: #999;
	font-size:11px;
}
.item-info-overlay p:before {
	content: "_";
	width: 100%;
	text-align: center;
	float: left;
	margin-bottom: 18px;
}	
.item-info-overlay .outline {
	box-shadow: 0 0 0 1px #999 inset;
	color: #999;
	line-height: 16px;
}
.item-info-overlay .outline:hover {
	color: #fff;
}
.item-info-overlay .button + .button {
	margin-left: 5px;
}
/*--------------------------------------------------
		   SHAPED STYLE ITEM
---------------------------------------------------*/
.portfolio-grid ul.shaped li {
	background-color: transparent;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.shaped li {
	margin: 0 0 10px 10px;
}
.shaped .item-container {
	display: block;
	position: relative;
}
.shaped .item-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}
.shaped .item-container img {
	z-index:9;
}
.shaped .item-info-overlay {
	text-align: center;
}
/*--------------------------------------------------
		   HEXAGON STYLE
---------------------------------------------------*/
.hexagon.col3 {
	margin: 0 0 0 60px;
}
.hexagon.col3 li {
	width: 300px;
	margin: 0 0 33px 33px;
}
.hexagon.col3 .item-container img {
}
.hexagon.col3 .item-mask {
	background: url(Images/mask-hexagon-col3.png) no-repeat 0 0 transparent;
}
.hexagon.col3 .item-info-overlay {
	background: url(Images/mask-hexagon-col3.png) no-repeat 0 0 rgba(33, 33, 33, 0.99);
}
.hexagon.col3 li, .hexagon.col3 .item-container img, .hexagon.col3 .item-mask {
	height: 338px;
}
.hexagon.col4 .item-mask {
	background: url(Images/mask-hexagon-col4.png) no-repeat 0 0 transparent;
}
.hexagon.col4 .item-info-overlay {
	background: url(Images/mask-hexagon-col4.png) no-repeat 0 0 rgba(33, 33, 33, 0.99);
}
.hexagon.col4 li, .hexagon.col4 .item-container img, .hexagon.col4 .item-mask {
	width: 273px;
	height: 307px;
}
.hexagon .item-mask {
	width: 100%;
	height: 100%;
}
.hexagon.col3 .item-info-overlay div {
	margin: 25% 8% 0 8%;
}
.hexagon.col4 .item-info-overlay div {
	margin: 25% 5% 0 5%;
}
/*--------------------------------------------------
		   CIRCLE STYLE
---------------------------------------------------*/
.circle.col3 li {
	width: 338px;
	height: 338px;
	margin: 0 0 30px 35px;
}
.circle.col3 .item-container img {
	height: 338px;
}
.circle.col4 li {
	width: 273px;
	height: 273px;
}
.circle.col4 .item-container img {	
	height: 273px;
}
.circle .item-info-overlay, .circle li .item-container img {
	border-radius: 300px 300px 300px 300px;
}
.circle .item-info-overlay {
	width: 100%;
	height: 100%;
}
.circle .item-container img {
	height: 100%;
}
.circle .item-info-overlay {
	background:  rgba(33, 33, 33, 0.99);
}
.circle .item-info-overlay div {
	margin: 14% 9% 0 9%;
}
/*--------------------------------------------------
		  FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable {
	width: 100%;
	padding-bottom: 25px;
}
.filterable  ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.filterable li {
	background: none;
	display: inline;
	float: left;
}
.filterable li:last-child a {
	margin: 0 0 0 7px;
}
.filterable li:after {
	content: "\2022";
	color: #999;
}	
.filterable li:last-child:after {
	content: "";
}
.filterable li a {
	font-size: 11px;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin:0 5px;
	padding:0 5px;
}
.filterable li a:hover {
	color: #222;
}
.filterable li.current a {
}
/*--------------------------------------------------
			GALLERY
---------------------------------------------------*/
.gallery {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.gallery li {
	text-align: left;
	position: relative;
}
.gallery div {
	margin: 0;
	position: relative;
}
.gallery div img {
	position: relative;
	width: 100%;
}
.gallery div img:hover {
	position: relative;
}
.gallery .caption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background-color: #292929;
	color: #fff;
}
.gallery .caption h3.title {
	padding: 9% 9% 5px 9%;
	font-size: 19px;
	line-height: 23px;
	margin: 0;
	padding: 0;
}
.gallery .caption h3.title a:hover {
	color: #fff;
}
.gallery .caption h4 {
	font-size:10px;
	letter-spacing: 0;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 0;
	display: inline;
}
.gallery.overlay {
	background-color: rgba(254, 235, 67, 0.85);
}

/* Style 3 */
.style-3 div {
	overflow: hidden;
}
.style-3 div img {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.no-touch .style-3 div:hover img,
.style-3 div.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.style-3 .caption {
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s;
	transition: transform 0.3s, opacity 0.1s 0.3s;
}
.no-touch .style-3 div:hover .caption,
.style-3 div.cs-hover .caption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.1s;
	transition: transform 0.3s, opacity 0.1s;
}
.style-3 .caption a {
	bottom: 20px;
	right: 20px;
}
/*--------------------------------------------------
			PORTFOLIO ITEM NAVIGATION
---------------------------------------------------*/
ul.item-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.item-nav li {
	display: inline-block;
	-webkit-transition:all 0.14s ease 0s; 
	-moz-transition:all 0.14s ease 0s; 
	-o-transition:all 0.14s ease 0s; 
	background: #444;
	border-radius: 2px 2px 2px 2px;
}
ul.item-nav li a {
	background: url(Images/sprite.png) no-repeat scroll 0 0 transparent;
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
}
ul.item-nav li:hover {
}
ul.item-nav li.prev a {
	background-position: 12px 12px;
}
ul.item-nav li.next a {
	background-position: 12px -48px;
}
ul.item-nav li.all a {
	background-position: 12px -18px;
}
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	height: 250px;
}
.google-map-2 {
	height: 350px;
}
.google-map-3 {
	height: 450px;
}
.form, .contact-success {
	overflow: hidden;
}
.contact-success {
	padding: 20px;
	color: #fff;
	width: 75%;
	margin-bottom: 20px;
	border-radius: 2px 2px 2px 2px;
}
.form label {
	font-weight: bold;
}
.form input, .form textarea, .form label, .form select {
	width: 75%;
	display: block;
}
.form textarea {
	width: 100%;
	height: 150px;
}
.form input.submit {
	width: 110px;
}
.form p {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	padding-bottom: 16px;
}
.form em {
	color:#aaaaaa;
	display: inline;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.form .contact-error {
	color: #F47321;
	font-size: 11px;
	font-weight: bold;
	/*position: absolute;*/
	top: 0;
	width: 75%;
	display:block;
	text-align:left;
}
.contact-info {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*--------------------------------------------------
			STYLED ARROWS
---------------------------------------------------*/
.arrow-down-transparent {
	height: 20px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.arrow-down-transparent:after, .arrow-down-transparent:before {
	-moz-box-sizing: border-box;
	border-bottom: 20px solid #fff;
	content: "";
	height: 0;
	position: absolute;
	bottom: 0;
}
.arrow-down-transparent:after {
	border-left: 20px solid transparent;
	right: 0;
	width: 50%;
}
.arrow-down-transparent:before {
	border-right: 20px solid transparent;
	left: 0;
	width: 50%;
}
.arrow-down {
	height: 20px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	width: 100%;
}
.arrow-down:after, .arrow-down:before {
	-moz-box-sizing: border-box;
	border-bottom: 20px solid transparent;
	content: "";
	height: 20px;
	position: absolute;
	top: 0;
}
.arrow-down:after {
	border-left: 20px solid #fff;
	right: 0;
	width: 50%;
}
.arrow-down:before {
	border-right: 20px solid #fff;
	left: 0;
	width: 50%;
}
.arrow-up-transparent {
	height: 20px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	width: 100%;
}
.arrow-up-transparent:after, .arrow-up-transparent:before {
	-moz-box-sizing: border-box;
	border-top: 20px solid #fff;
	content: "";
	height: 0;
	position: absolute;
	bottom: 0;
}
.arrow-up-transparent:after {
	border-left: 20px solid transparent;
	right: 0;
	width: 50%;
}
.arrow-up-transparent:before {
	border-right: 20px solid transparent;
	left: 0;
	width: 50%;
}
.arrow-up {
	height: 20px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.arrow-up:after, .arrow-up:before {
	-moz-box-sizing: border-box;
	border-top: 20px solid transparent;
	content: "";
	height: 20px;
	position: absolute;
	bottom: 0;
}
.arrow-up:after {
	border-left: 20px solid #fff;
	right: 0;
	width: 50%;
}
.arrow-up:before {
	border-right: 20px solid #fff;
	left: 0;
	width: 50%;
}
/*--------------------------------------------------
			SHARE
---------------------------------------------------*/
.share {
}
.share ul {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.share li {
	float: left;
	width: 100px;
	text-align: left;
}
.share li.google, .share li.pinterest {
	width: 90px;
}
/*--------------------------------------------------
			TAGCLOUD
---------------------------------------------------*/
.tagcloud a {
	background-color: #f5f5f5;
	border-radius: 2px 2px 2px 2px;
	display: inline;
	float: left;
	font-size: 10px !important;
	line-height: 16px;
	color: #676767;
	text-transform: uppercase;
	margin: 0 4px 4px 0;
	padding: 4px 12px;
}
.tagcloud a:hover {
	color: #FFFFFF !important;
}


a, #header-wrapper .dropdown-menu a {color: #F47321;}
#header-wrapper a { color:#FFF;}
blockquote.color {background: #F47321;}
.dropcap.color {background-color: #F47321;}
.parallax-background.color .item-mask {background: #F47321;}
.section.alternate.color {background: #F47321;}
.menu li a:hover, .menu li.sfHover a, .menu li:hover ul li a:hover, .menu li li:hover ul li a:hover, .menu li ul li.sfHover a {color: #F47321;}
#three-lines-menu a:hover {background: #F47321;}
#mobile-menu ul li a.active {background: #F47321;}
#mobile-menu ul li a:hover {color: #F47321;}
#footer a:hover {color: #F47321;}
.bra_tweets .tweet_text a, #footer .bra_tweets .tweet_text a {color: #F47321;}
.bra_tweets a:hover , #footer .bra_tweets a:hover, .bra_tweets a.twitter_time:hover, #footer .bra_tweets a.twitter_time:hover {color: #F47321;}
.photostream a .item-mask:hover {background-color: #F47321;}
.team h2 {color: #F47321;}	
.team .social-personal li a:hover {color:#F47321;}
.skills-graph li span {background-color: #F47321;}
.grey:hover { background-color:#F47321; }
.highlight1 {background-color: #F47321;}
.item-info-overlay h3.title, .item-info-overlay h3.title a {color: #F47321;}
.item-info-overlay .outline:hover {box-shadow: 0 0 0 1px #F47321 inset;	background-color: #F47321;}
.filterable li.current a {color:#F47321;}
ul.item-nav li:hover {background: #F47321;}
.contact-success {background-color: #F47321;}
.tagcloud a:hover {background-color: #F47321;}


.widget a:hover {color: #F47321;}
.timeline .post-info a:hover {color: #F47321;}
.timeline .post-info li.comments a {color: #F47321;}
.post-title h2.title, .post-title h2.title a {color: #F47321;}
.comment .author a:hover, .comment .children .author a:hover {color: #F47321;}
.comment .reply:hover {background-color:#F47321;}
.comment .children .comment-meta .reply:hover {background-color: #F47321;}
.archive.fullwidth li:hover .title a {color: #F47321;}
.archive-nav .tagcloud a:hover {background-color: #F47321;}
#archive-nav a.active {color: #F47321;}


.flex-direction-nav a:hover {background-color:#F47321;}


.fwslider nav span:hover {background-color: #F47321;}
.cbp-fwdots span:hover {border: 2px solid #F47321;background-color: #F47321;}
.cbp-fwdots span.cbp-fwcurrent {border: 2px solid #F47321;}


.bx-wrapper .bx-pager.bx-default-pager a:hover {border: 2px solid #F47321;background-color: #F47321;}
.bx-wrapper .bx-pager.bx-default-pager a.active {border: 2px solid #F47321;}
.section.alternate.dark .bx-wrapper .bx-pager.bx-default-pager a:hover {border: 2px solid #F47321;background-color: #F47321;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {background-color:#F47321;}

div.jp-play-bar {background-color: #F47321;}
div.jp-volume-bar-value {background-color: #F47321;}

/*--------------------------------------------------
				QUIDDITA - COMMON
---------------------------------------------------*/
.hidden { display:none !important;}
.fright { float:right;}
/*--------------------------------------------------
				QUIDDITA - VALIDATION
---------------------------------------------------*/
.input-validation-error, .validation-error,
.input-validation-error + .autocomplete-display,  .validation-error + .autocomplete-display{ border: 1px solid red; }
.login-form-error-holder .contact-error{ top: 3px; right:20px; color:red; }
em.required { color: red; }

/*--------------------------------------------------
				QUIDDITA - SPINNERS
---------------------------------------------------*/
.generic-spinner {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	background: #F0EEEE url(Images/bx_loader.gif) no-repeat 50% 50%;
	display: none;
	z-index: 1000;
}
/*--------------------------------------------------
				QUIDDITA - GRID
---------------------------------------------------*/
.grid-container {
	margin: 20px;
	min-width: 640px;
	border-left: 1px solid #D3D3D3;
	/*border-right: 1px solid #D3D3D3;*/
}
.grid-container div.ui-jqgrid-hbox {
	border-left: 1px solid #D3D3D3;
	margin-left: -1px;
}
.grid-container div.ui-jqgrid-bdiv {
	
	/*
	border-left: 1px solid #D3D3D3;	
	border-right: 1px solid #D3D3D3;
	*/
}
.grid-container div.ui-jqgrid-pager {
	border: 1px solid #D3D3D3 !important;
	border-left-width: 0px !important;
}
.grid-container .ui-state-default {
	background: #F5F5F5 !important;
}
/*.grid-container .ui-state-highlight,*/
.grid-container .ui-state-hover  {
	background: #EEE !important;
	color: #F47321 !important;
}
.grid-container .check-box { 
	margin-left: auto;
	margin-right: auto;
}
.grid-container .grid-header,
.grid-container .ui-jqgrid-pager {
	border-left-width: 0px;
	/*border-right-width: 0px;*/
}

.grid-header { 
	width:100%;
	height:30px;
	position:relative;
}
.grid-header .grid-header-control-group {
	position: absolute;
	left: 5px;
	top:5px;
}
.ui-jqgrid select {
	padding: 0px;
}
.ui-jqgrid .ui-pg-input {
	height:20px !important;
	padding:2px !important;
}
/*--------------------------------------------------
				QUIDDITA - WIDGETS
---------------------------------------------------*/
.ui-widget-content.alt {
	background: repeat-x scroll 50% 50% #EEEEEE;
}
.ui-state-highlight.alt {
	background: repeat-x scroll 50% bottom #B9B9B9;
}
/*--------------------------------------------------
				QUIDDITA - OVERRIDES
---------------------------------------------------*/
.form { overflow:visible;}
.section.fullwidth {
	width: 100%;
	padding-top:0px;
}
p.p-contains-autosuggest { 
	overflow:visible !important;
	height:70px;
}
.section.input-form {
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #EEE;
	border-radius: 3px;
	overflow:visible;
}
.section.input-form .input-form-foot {
	text-align: center;
	border-top: 1px solid #EEE;
	padding-top: 10px;
}
input[type=checkbox] { width:14px;}
.form .one-fourth input, .form .one-fourth select { width:100%;}
.form .two-fields input, .form .two-fields select { width:auto; display:inline;}
.form .two-fields.one-half input, .form .two-fields.one-half select { width:119px; display:inline;}
a.disabled { color: #AAA; }
/*--------------------------------------------------
		CATALYST DATABASE - SPECIFIC
---------------------------------------------------*/
.not-donor .hidden-not-donor,
.not-donor.hidden-not-donor { display:none;}
.not-beneficiary-institution .hidden-not-beneficiary-institution,
.not-beneficiary-institution.hidden-not-beneficiary-institution { display:none;}
.not-media .hidden-not-media,
.not-media.hidden-not-media { display:none;}
.country-has-no-municipalities .hidden-country-has-no-municipalities,
.country-has-no-municipalities.hidden-country-has-no-municipalities { display:none;}
.donor-country-has-no-municipalities .hidden-donor-country-has-no-municipalities,
.donor-country-has-no-municipalities.hidden-donor-country-has-no-municipalities { display:none;}
.beneficiary-country-has-no-municipalities .hidden-beneficiary-country-has-no-municipalities,
.beneficiary-country-has-no-municipalities.hidden-beneficiary-country-has-no-municipalities { display:none;}
.donor-country-has-municipalities .hidden-donor-country-has-municipalities,
.donor-country-has-municipalities.hidden-donor-country-has-municipalities { display: none; }
.donor-known.hidden-donor-known, .donor-known .hidden-donor-known { display:none;}
.donor-not-known.hidden-donor-not-known, .donor-not-known .hidden-donor-not-known { display:none;}
.beneficiary-known.hidden-beneficiary-known, .beneficiary-known .hidden-beneficiary-known { display:none;}
.beneficiary-not-known.hidden-beneficiary-not-known, .beneficiary-not-known .hidden-beneficiary-not-known { display:none;}
.category-of-donation-instance-request-no-info.hidden-category-of-donation-instance-request-no-info,
.category-of-donation-instance-request-no-info .hidden-category-of-donation-instance-request-no-info { display:none; }
.purpose-of-donation-request-no-info.hidden-purpose-of-donation-request-no-info,
.purpose-of-donation-request-no-info .hidden-purpose-of-donation-request-no-info { display:none;}
.use-of-donation-request-no-info.hidden-use-of-donation-request-no-info,
.use-of-donation-request-no-info .hidden-use-of-donation-request-no-info { display: none; }
.category-of-final-beneficiaries-request-no-info.hidden-category-of-final-beneficiaries-request-no-info,
.category-of-final-beneficiaries-request-no-info .hidden-category-of-final-beneficiaries-request-no-info { display: none; }
.donor-type-request-no-info.hidden-donor-type-request-no-info,
.donor-type-request-no-info .hidden-donor-type-request-no-info { display:none;}
.beneficiary-type-request-no-info.hidden-beneficiary-type-request-no-info,
.beneficiary-type-request-no-info .hidden-beneficiary-type-request-no-info { display:none;}
.donor-type-request-no-industry .hidden-donor-type-request-no-industry {display:none;}
select option.not-selectable {
	color:#ccd;
}

.form.media-record { padding-top:10px; border-top:1px dashed #DDD;position:relative;overflow:visible;margin-top:20px;}
.form.media-record .remove-media-record { 
	position: absolute; right: 20px; top: -12px; cursor:pointer;
	width:24px;height:24px;
	background-image:url("themes/QuidditaPlugins/img/Close-icon.png");
}

.amount-equals-sign { position: absolute; right: 0px; top: 24px;}
.can-not-change-converted-amounts .unlock-amount-eur, 
.can-not-change-converted-amounts .unlock-amount-usd,
.can-not-change-converted-amounts .unlock-amount2-eur,
.can-not-change-converted-amounts .unlock-amount2-usd { display:none; }
.unlock-amount-eur, .unlock-amount-usd, .unlock-amount2-eur, .unlock-amount2-usd { position:absolute;right:40px;top:27px;cursor:pointer;}
.dialog-holder .form input, .dialog-holder .form textarea, .dialog-holder .form label, .dialog-holder .form select { width:100%; }
.form.media-record .remove-media-record { position: absolute; right: 20px; top: -9px; cursor:pointer;}

/*g[cursor=pointer] {
	display: none;
}*/

div.navigation-report-links {
	float: left;
	padding: 5px;
	width: 450px;
}

div.navigation-report-links ol {
	margin: 0 0 14px 20px;
}

.pie-chart-display-button {
	margin: 30px; 
}
div.filters {
	height: 160px;
}

div.filters-left {
	float: left;
}

div.filter-report-chart {
	margin-left: 400px;
	height: 100%;
}

div.amLegend {
	
}

.mark {
	font-weight: bold;
}

/* Tables */
.catalyst-table-container table { width: 100%; border-collapse: collapse; }
.catalyst-table-container table.loading { 
	min-height:100px;
	background: url("themes/QuidditaPlugins/img/ajax-loader2.gif") no-repeat center center;
}
/* Zebra striping */
.catalyst-table-container tr:nth-of-type(even) { background: #eee;}
.catalyst-table-container td,.catalyst-table-container  th { padding: 2px 6px; text-align: left; color: #F4A321; border-right: 1px solid #FFF; }
.catalyst-table-container th { background: #E9E9E9; color: #F98E5B; font-weight: bold; }
.catalyst-table-container td.align-right { text-align: right;}
.catalyst-table-container .table-paginate { float: right; margin-bottom: 10px; margin-top:3px;}
.catalyst-table-container .table-paginate input {
	border: 1px solid #C0C0C0;
	font-size: 12px;
	margin-left: 5px;
	padding: 5px;
	text-align: center;
	width: 40px;
}
.catalyst-table-container .table-paginate .paginate-button { cursor:pointer;}
.catalyst-table-container table.sorting th.sort {
	background-image: url("themes/QuidditaPlugins/img/table-sort.png");
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-right:25px;
}
.catalyst-table-container .table-paginate .paginate-button-off { color:#AAA;}
.catalyst-table-container table.sorting th.sort-asc { background-image: url("themes/QuidditaPlugins/img/table-sort-asc.png"); }
.catalyst-table-container table.sorting th.sort-desc { background-image: url("themes/QuidditaPlugins/img/table-sort-desc.png"); }
.catalyst-table-container tr { height:40px;}
.report-excel-export { box-shadow:none; }
.report-excel-export.orange.disabled { background-color:inherit;}
.report-excel-export.disabled:hover { color:#AAA;}
.form-report input, .form-report textarea, .form-report label, .form-report select { width: 100%; }
.form-report textarea { height:50px;}
.form-report input[type=checkbox] { width:auto;}
.form-report label { font-weight:normal; }
.form-report label.form-header { font-weight:bold; color:#F47321;}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Force table to not be like tables anymore */
	.catalyst-table-container table, .catalyst-table-container thead, .catalyst-table-container tbody, 
	.catalyst-table-container th, .catalyst-table-container td, .catalyst-table-container tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	.catalyst-table-container thead tr { position: absolute; top: -9999px; left: -9999px; }
	.catalyst-table-container tr { border: 1px solid #ccc; }
	.catalyst-table-container td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
	.catalyst-table-container td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
}

div.amCharts-area path:hover {opacity: 0.5;}
div#lang-list a.lang-lbl:before {margin: 0px 3px;}
.no-chart-data > div { display:none;}
.no-chart-data-message { display:none;}
.no-chart-data > div.no-chart-data-message { display:block;}
.no-chart-data > div.close-graph-dialog { display:block; }
.no-chart-data-message blockquote:before { content:none;}
.no-chart-data-message blockquote p { margin-top:15px;}
.no-chart-data-message blockquote span.dropcap { text-transform: none; }
.report-graph-dialog.ui-widget-content { background: #E9E9E9;}
.report-graph-dialog .ui-dialog-titlebar { display:none !important; }
.report-graph-dialog .close-graph-dialog { position:absolute; bottom: 5px; right:15px; }

/*
div#lang-list a.lang-lbl.uk-flag:before {
	content: url(Images/flags/16x16/UK-flag-icon.png);
}
div#lang-list a.lang-lbl.alb-flag:before {
	content: url(Images/flags/16x16/Albania-flag-icon.png);
}
div#lang-list a.lang-lbl.srb-mne-bih-cro-flag:before {
	content: url(Images/flags/16x16/SRB-MNE-BIH-CRO-flags-icon.png);
}

div#lang-list a.lang-lbl {
	float: left;
	margin: 0px 3px;
}
*/

div#lang-list {
	margin-left: 15px;
	display: inline-block;
}

div#lang-list a.lang-lbl.uk-flag {
	background: url(Images/flags/16x16/UK-flag-icon.png) top center no-repeat;
}
div#lang-list a.lang-lbl.alb-flag {
	background: url(Images/flags/16x16/Albania-flag-icon.png) top center no-repeat;
}
div#lang-list a.lang-lbl.srb-mne-bih-cro-flag {
	background: url(Images/flags/16x16/SRB-MNE-BIH-CRO-flags-icon.png) top center no-repeat;
}

div#lang-list a.lang-lbl {
	margin: 0px 2px;
	font-size: 10pt;
}

.catalyst-report-graph-holder { position:relative;background-color:#E9E9E9;}
.catalyst-report-graph-holder .catalyst-report-graph-export {
	top:12px;
	margin-right:5px;
	position:absolute;
	right:0px;
	bottom:auto;
	left:auto;
	box-shadow:0px 0px 1px 0px rgba(0,0,0,0);
	width:40px;
}
.catalyst-report-graph-holder .catalyst-report-graph-export.export-available a:hover,
.catalyst-report-excel-export.export-available a:hover { background-color: #DDDDDD !important; }
.catalyst-export-button {
	display: block;
	background-color: rgb(239, 239, 239);
	color: rgb(0, 0, 0);
	padding: 6px;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans';
	font-size: 10px;
}
.catalyst-report-excel-export { margin-bottom:2px; margin-right:1px;position:relative;}
/* Buttons with permissions */
span.export-button-denied { 
	background: url("Images/lock.png");
	position:absolute;
	top:-12px;left:-12px;
	width:24px;height:24px;
}

/*News*/
#ulNewsItemTags li span { text-transform:uppercase; font-size:11px;margin:0 5px;}
#ulNewsItemTags li:first-child span { margin-left:0;}

span#spanRememberMe {
	font-size: 8pt;
	display: inline-block;	
}
span#spanRememberMe input {
	margin-top: 5px;	
	margin-bottom: 0px;
}
span#spanRememberMe label {
	color: #888;
}

/* Multiselect dropdown */
.ui-multiselectdd { padding: 1px 1px 2px 5px !important; text-align:left !important; overflow: hidden; background: #FFF !important; font-size: 10pt; min-height: 28px; }
.ui-multiselectdd span.ui-icon { float:right; margin-top: 2px; padding-left: 0px; }
.ui-multiselectdd span { height: 16px; color: #555555; padding-left: 5px; }
.ui-multiselectdd-single .ui-multiselectdd-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselectdd-single .ui-multiselectdd-checkboxes label { padding:5px !important }

.ui-multiselectdd-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselectdd-header ul { font-size:0.8em }
.ui-multiselectdd-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselectdd-header a { text-decoration:none }
.ui-multiselectdd-header a:hover { text-decoration:underline }
.ui-multiselectdd-header span.ui-icon { float:left }
.ui-multiselectdd-header li.ui-multiselectdd-close { float:right; text-align:right; padding-right:0 }

.ui-multiselectdd-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselectdd-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselectdd-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:2px 1px; font-weight: normal }
.ui-multiselectdd-checkboxes label input { position:relative; top:1px }
.ui-multiselectdd-checkboxes label input[type="checkbox"] { margin: 0px 3px; }
.ui-multiselectdd-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselectdd-checkboxes li.ui-multiselectdd-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselectdd-checkboxes li.ui-multiselectdd-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.multiselect-dd-search-holder {width:auto;margin-right:10px;}
.multiselect-dd-search {height:14px;font-size:12px !important;width:100%;padding:0px;}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselectdd-checkboxes label { border:none }

.ui-multiselectdd-hasfilter ul { position:relative; top:2px }
.ui-multiselectdd-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselectdd-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/* Disabled multiselectdd */
.ui-multiselectdd.disabled-style { opacity: 0.9 !important; }
.ui-multiselectdd-disabled label { opacity: 1 !important; }
.ui-multiselectdd-disabled input { opacity: 1 !important; }

.grid-header .ui-button.ui-state-active {
	background-color: #F4730B !important; color: #fff;
}
.grid-header .ui-button.ui-state-active:hover {
	color: #000 !important;
}

[data-selected-language-id="1"] option[data-language-id] {
	display:none;
}
[data-selected-language-id="1"] option[data-language-id="1"],
[data-selected-language-id="2"] option[data-language-id="2"],
[data-selected-language-id="3"] option[data-language-id="3"] {
	display:inline;
}

p.p-contains-autosuggest a.button {display:none;}
p.p-contains-autosuggest .autocomplete-wrapper+a.button, p.p-contains-autosuggest .autocomplete-wrapper+a.button+a.button {display:block;}

/*Donation*/
#divDonationForm .autocomplete-wrapper { width:75% !important; }
@media only screen and (min-width: 1px) and (max-width: 959px) {
	#divDonationForm .tab_content>.one-half { position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
}

.custom-message-display-dialog .ui-dialog-buttonpane button {width:100%;}
.grid {
	margin: 0;
	padding: 15px;
}
.grid li {
	list-style:none;
    float: left;
    margin-bottom: 0.5%;
    margin-right: 0.5%;
}
.grid li img{
	height: 30px;
	max-width: 180px;
}

.grid.row6 div {
    width: auto;
    height: 140px;
}

#divCustomDataSearchFilterForm .autocomplete-holder{
	position: relative;
}

#donationFilters {
	height: 100px;
	padding-left: 10px;
}
/*------------------------------------------------------

CSS overview: 

	1. RESET
	2. WIDGET
	3. POST
	4. POST CONTENT
	6. POST INFO
	7. SHARE
	8. COMMENTS
	9. COMMENT FORM
	10. WP-PAGINATION 
	
---------------------------------------------------------*/
/*--------------------------------------------------
				RESET
---------------------------------------------------*/
#inner-content {
	width: 100%;
	float: left;
}
#sidebar {
	width: 270px;
	float: right;
}
/*--------------------------------------------------
				WIDGET
---------------------------------------------------*/
.widget {
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.widget .title {
	font-size:14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
	color: #676767;
}
.widget ul {
	padding: 0;
	margin: 0;
	list-style-type:none;
}
.widget ul li {
	padding: 0;
	margin: 0 0 5px 0;
	width: 100%;
}
.widget ul li:last-child {
	margin: 0;
}
.widget ul li a {
	color: #676767;
}
.widget a:hover {
}
.widget ul li span.date {
	color: #aaa;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}
.widget img.alignleft {
	margin: 5px 15px 0 0;
}
.widget .bra_recent_entries li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #eee;
}
.widget .bra_recent_entries li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.widget .bra_recent_entries a {
	text-transform: none;
	font-weight: 600;
}
.widget .photostream li:last-child {
	margin: 0 0 5px 5px;
}
/*--------------------------------------------------
			POST 
---------------------------------------------------*/
.post {
	border-bottom: 2px solid #eee;
	margin: 0 0 60px 0;
	padding: 0 0 60px 0;
	overflow: hidden;
}
.post:last-child {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
/*--------------------------------------------------
			POST CONTENT
---------------------------------------------------*/
.blog1 {
	float: none;
	width: 100%;
}
.blog1.content {
	padding: 0;
}	
.blog1 .post {
	width: 100%;
	margin: 0;
	padding: 80px 0;
	border-bottom: none;
}
.blog1 .post:first-child {
	padding-top: 50px;
}
.blog1 .post:nth-child(2n+2) {
	background-color: #f5f5f5;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.blog1 .post-media, .blog1 .post-content {
	margin: 0 auto;
}
.blog1 .post-media {
	width: 1130px;
	margin-bottom: 30px;
}
.blog1 .post-content {
	width: 760px;
}
.blog1 .post-date {
	display: block;
}
.blog1 .post-date, .blog1 .post-title, .blog1 .post-meta {
	text-align: center;
}
.blog1 .wp-pagenavi {
	float: none;
	margin: 0 auto;
	margin-top: 30px;
}
.blog1.two-half .post-holder {
	width: 1130px;
	margin: 0 auto;
}
.blog1.two-half .post-media {
	width: 45%;
	float: right;
    margin-bottom: 0;
	margin-left: 5%;
}
.blog1.two-half .post:nth-child(2n+2) .post-media {
	width: 45%;
	float: left;
	margin-right: 5%;
	margin-left: 0;
}
.blog1.two-half .post-content {
	width: 50%;
	float: left;
	text-align: left;
} 
.blog1.two-half .format-quote .post-content, .blog1.two-half .format-quote .post-media {
	width: 100%;
	float: left;
	text-align: left;
} 
.blog1.two-half .post-date, .blog1.two-half .post-title, .blog1.two-half .post-meta {
	text-align: left;
}
.blog3 .post-media {
	width: 50%;
	float: left;
	margin-right: 5%;
    margin-bottom: 0;
}
.blog3 .post-content {
	width: 45%;
	float: left;
} 
.blog-holder {
	width: 105%;
	margin-left: -3%;
    margin-bottom: 30px;
	float: left;
}
.blog-holder.blog5 .post, .blog-holder.blog6 .post, .blog-holder.blog7 .post {
	float: left;
	margin-left: 3%; 
	margin-bottom: 3%; 
	padding: 0;
	background-color: #f5f5f5;
	border-bottom: none;
}
.blog-holder.blog5 .post, .blog-holder.blog7 .post {
	width: 46%;
}
.blog-holder.blog6 .post {
	width: 29.63%;
}
.blog-holder.blog5 .post-content, .blog-holder.blog6 .post-content, .blog-holder.blog7 .post-content {
	padding: 20px;
	overflow: hidden;
} 
.post-media.featured-image {
	position: relative;
}
.post-media.featured-image .player {
	position: absolute;
	left: 5%;
	bottom: 5%;
	width: 90%;
}
/*--------------------------------------------------
			TIMELINE STYLE BLOG POST
---------------------------------------------------*/
.timeline {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
} 
.timeline:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5px;
	background: #f5f5f5;
	left: 21%;
	margin-left: -5px;
}
.timeline .post {
	margin: 0 0 40px 0;
	padding: 0;
	position: relative;
	border: none;
}
.timeline .post-info {
	display: block;
	width: 21%;
	position: absolute;
	text-align: right;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
.timeline .post-info strong {
	color: #999999;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: none;
}
.timeline .post-info:after {
	border: 5px solid #fff;
	content: "";
	height: 9px;
	width: 9px;
	position: absolute;
	top: 10px;
	right: -7px;
	background-color: #ccc;
	border-radius: 30px 30px 30px 30px;
}
.timeline .post-info, .timeline .post-info li {
	display: block;
}
.timeline .post-info ul {
    margin: 0 30px 0 0;
	padding: 0;
}
.timeline .post-info li {
    margin-right: 0;
    margin-bottom: 5px;
}
.timeline .post-info li:after {
	content: "";
    margin-left: 0;
}
.timeline .post-info li a {
	color: #676767;
}
.timeline .post-info li a:hover {
}
.timeline .post-info li.comments a {
}
.timeline .post-info li.comments a:hover {
	color: #676767;
}
.timeline .post-content {
	margin: 0 0 0 25%;
	background: #f5f5f5;
	padding: 20px;
	position: relative;
	border-radius: 2px;
	width: 75%;
}
.timeline .post-title {
	overflow: hidden;
}
.timeline .post-content:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f5f5f5;
	border-width: 10px;
	top: 10px;
}

.timeline .round .post-date {
	float: right;
	width: 100px;
	margin: 0 25px 0 0;
}
.timeline .round .post-title, .timeline .round .post-meta, .timeline .round .post-entry {
	padding-left: 0;
}

@media only screen and (min-width: 320px) and (max-width: 959px) {
.timeline:before {
	display: none;
}
.timeline .post-info {
	width: 100%;
	position: relative;
	padding: 0;
	text-align: left;
	float:left;
}
.timeline .post-info:after {
	display: none;
}
.timeline .post-info ul {
    margin: 0 0 0 7px;
	padding: 0;
}
.timeline .post-info li {
	display: inline;
	float:left;
}
.timeline .post-info li:after {
	content: "\2022";
	color: #999;
    margin: 0 7px;
}
.timeline .post-info li:first-child:after, .timeline .post-info li:last-child:after {
	content: "";
}
.timeline .post-info li:first-child {
}
.timeline .post-info li {
    margin: 15px 0 0 0;
}
.timeline .post-info li.avatar {
    margin: 0 15px 0 5px;
}
.timeline .post-info li.avatar img {
	width: 30px;
	display: block;
}
.timeline .post-content {
	margin: 0 0 30px 0;
	float:left;
}
.timeline .post-content:after {
	right: auto;
	left: 20px;
	border-right-color: transparent;
	border-bottom-color: #f5f5f5;
	top: -20px;
}
}
/*--------------------------------------------------
			POST META
---------------------------------------------------*/
.post-media, .post-title, .post-meta {
	display: block;
}
.post-title h2.title, .post-title h2.title a {
	font: 300 26px/30px 'Open Sans',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	margin: 0;
}
.post-title h2.title a:hover {
	color: #676767;
}
.post-title blockquote {
	padding: 0;
	margin: 0;
	width: 100%;
	color: #aaa;
}
.post-title blockquote:before {
	content: "";
}
.post-title blockquote p {	
	font: 300 26px/32px 'Open Sans',Helvetica,Arial,sans-serif;
	font-style: normal;
	padding-left: 0;
}
.post-meta {
	margin: 5px 0 20px 0;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	color: #aaa;
	font-weight: 300;
}
.post-meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.post-meta li {
	display: inline;
    margin-right: 5px;
}
.post-meta li:last-child {
    margin-right: 0;
}
.post-meta li:after {
	content: "\2022";
}
.post-meta li:last-child:after {
    content: "";
}
.post-meta span {
    padding-right: 7px;
}
.post-meta a {
	color: #aaa;
	display: inline-block;
}
.post-meta a:hover {
	color: #676767;
}
.post-entry .button {
	margin-top: 14px;
}
/*--------------------------------------------------
			POST MEDIA
---------------------------------------------------*/
.format-video iframe, .format-video object, .format-video embed {
/*	position: absolute;           
    top: 0;                      
    left: 0;                        
    width: 100%;                    
    height: 100%;*/
}
.post-media {
    margin-bottom: 20px;
	position: relative; 
}
.post-media img {
	display: block;
	width: 100%;
}
.responsive-video-div > div { position: relative; }
.responsive-video-div iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.responsive-video-vimeo { max-width: 1130px; }
.responsive-video-vimeo > div { padding-top: 56.26506%; /* 467 � 830 */ }
.responsive-video-youtube { max-width: 1130px; }
.responsive-video-youtube > div { padding-top: 56.271981%; /* 480 � 853 */ }

/*--------------------------------------------------
			POST DATE
---------------------------------------------------*/
.post-date {
	color: #676767;
	text-transform: uppercase;
	font: 700 11px/17px 'Open Sans',Helvetica,Arial,sans-serif;
    margin-bottom: 15px;
}
.post-date ul {
	margin: 0;
	padding: 0;
}
.post-date li {
	display: inline;
    margin-right: 5px;
}
.post-date li:last-child {
    margin-right: 0;
}
.post-date span.day:after {
	content: ",";
}
.post-date li:after {
	content: "/";
    margin-left: 7px;
}
.post-date li:last-child:after {
    content: "";
    margin-left: 0;
}
/*--------------------------------------------------
			POST DATE ROUNDED
---------------------------------------------------*/
.round .post-date {
	float: left;
	width: 100px;
}
.round .post-title, .round .post-meta, .round .post-entry {
	padding-left: 100px;
}
.round .post-date ul {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.round .post-date li:after {
	content: "";
}
.round .post-date li {
	width: 90px;
	height: 90px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 90px 90px 90px 90px;
	font-weight: 600;
    margin: 0;
	display: block;
}
.round .post-date span {
    padding-right: 0;
	display: block;
}
.round .post-date .date {
	color: #aaa;
	padding: 0;
	background-color: #eee;
}
.round .post-date .date span {
	display: block;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1px;
}
.round .post-date .date span.day {
	font-size: 27px;
	line-height: 25px;
}
.round .post-date span.day:after {
	content: "";
}
.round .post-date .date span.month {
	padding-top: 18px;
}
.round .post-date li.comments {
	border: 2px solid #eee;
	margin-top: -10px;
}
.round .post-date li.comments a {
	color: #aaa;
	cursor:pointer;
	font-size: 10px;
    letter-spacing: -0.1em;
}
.round .post-date li.comments a:hover {
	color: #676767;
}
.round .post-date li.comments a span {
    font-size: 22px;
    letter-spacing: 0;
	display: block;
    margin-top: 17px;
}
/*--------------------------------------------------
			WP-PAGINATION 
---------------------------------------------------*/
.wp-pagenavi {
	width: 100%;
}
.wp-pagenavi span.pages {
    margin:  7px 30px 0 0;
    padding: 0;
	background-color: transparent;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    display: inline-block;
	color: #676767;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
    margin: 0 0 0 4px;
    padding: 5px 12px;
    text-transform: uppercase;
	border-radius: 22px 22px 22px 22px;
    border: 1px solid #fff;
	-moz-transition:all 0.14s ease 0s; 
	-webkit-transition:all 0.14s ease 0s;   
	-o-transition:all 0.14s ease 0s; 
}
.wp-pagenavi a:hover {
	color: #fff;
	background-color: #444;
    border: 1px solid #444;
}
.wp-pagenavi span.current {
	color: #444;
    border: 1px solid #444;
}
.wp-pagenavi.aligncenter {
	float: none;
	margin: 0 auto;
	text-align: center;
}
/*--------------------------------------------------
			BLOG SINGLE NO SIDEBAR
---------------------------------------------------*/
.blog-single .post {
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.blog-single .post-media {
	width: 1130px;
	margin: 50px auto 30px auto;
}
.blog-single .post-content {
	width: 760px;
	margin: 0 auto;
	border-bottom: 2px solid #eee;
	padding: 50px 0;
	text-align: justify;
	overflow: hidden;
}
.blog-single .post:last-child .post-content {
	border-bottom: none;
	padding-bottom: 0;
}
.blog-single .post:first-child .post-content {
	padding: 0 0 50px 0;
}
.blog-single .post-date, .blog-single .post-title, .blog-single .post-meta {
	text-align: center;
}
/*--------------------------------------------------
			ARTICLE NAVIGATION
---------------------------------------------------*/
.post-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-nav li {
    width: 50%;
	float: left;
	padding: 0 4%;
}
.post-nav li.prev {
	padding-left: 0;
	text-align: right;
}
.post-nav li.next {
	padding-right: 0;
	text-align: left;
}
.post-nav li:first-child {
    border-right: 2px solid #eee;
}
.post-nav li a {
}
.post-nav li a:hover {
}
.post-nav li small {
	font-weight: bold;
    text-transform: uppercase;
}
.post-nav li small.date {
	color: #aaa;
}
.post-nav li .title{
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
}
/*--------------------------------------------------
			COMMENTS
---------------------------------------------------*/
.comment-list {
	margin: 0;
	padding: 15px 0 0 0;
}
.comment {
	list-style-type: none;
    margin: 15px 0 0 0;
}
.comment:first-child {
    border-top: none;
    margin-top: 0;
}
.comment div {
	margin: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	padding: 25px;
	position: relative;
}
.comment .avatar {
	margin: 0;
	padding: 0;
	width: 44px;
	height: 44px;
    float: left;
	z-index: 1;
}
.avatar h2 {
	margin-bottom: 0px;
}
.comment .avatar img {
    border-radius: 20px 20px 20px 20px;
	width: 44px;
	height: 44px;
}
.comment .comment-meta, .comment .comment-wrap {
    width: 91.5%;
	padding: 0;
    float: right;
}
.comment .comment-meta {
	font-size: 11px;
}
.comment .author, .comment .author a {
	color: #676767;
	margin: 0;
	font-weight: bold;
	font-size:12px;
	text-transform: uppercase;
}
.comment .author a:hover, .comment .children .author a:hover {
}
.comment .date {    
	color: #aaa;
	font-size:10px;
	text-transform: uppercase;
    margin: 0 0 5px 0;
}
.comment .reply {
	padding: 1px 5px;
	border-radius: 3px 3px 3px 3px;
	background-color: #444;
	color: #fff;
}
.comment .reply:hover {
	color: #fff;
}
.comment .comment-wrap {
    margin-top: 15px;
}
.comment .children {
	padding: 0 0 0 35px;
	margin: 15px 0 0 15px;
    border-left: 2px solid #eee;
	background: url(Images/sprite.png) no-repeat 0 -379px transparent;
}
.comment .children div {
	background-color: #444;
	color: #f5f5f5;
}
.comment .children .comment-meta .reply {
	background-color: #fff;
	color: #444;
}
.comment .children .comment-meta .reply:hover {
	color: #fff;
}
.comment .children .author, .comment .children .author a {
	color: #fff;
}
.comment .children .date {    
	color: #999999;
}
.comment .children .comment {
	list-style-type: none;
}
.comment div {
	margin: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	padding: 25px;
}
.comment .children .comment {
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
    position: relative;
}
.comment .children .comment:first-child {
    margin-top: 0;
}
.comment .children .comment-wrap, .comment .children .comment-meta { width: 91%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 90%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 89.5%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 89%; }
.comment .children .children .children .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 88.5%; }
/*--------------------------------------------------
		COMMENT FORM
---------------------------------------------------*/
.comment-form {
	width: 90%;
}
.comment-form p {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	padding-bottom: 20px;
	text-align: left;

}
.comment-form label {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	line-height: 36px;
}
.comment-form .comment-form-comment label {
    display: none;
}
.comment-form input {
	width: 60%;
	float: left;
	margin-right: 15px;
}
.comment-form textarea {
	width: 96%;
	height: 150px;
}
.comment-form input.submit {
	width: 140px;
}
/*--------------------------------------------------
		POST-TIMELINE
---------------------------------------------------*/
.archive {
	list-style-type: circle;
	color: #aaa;
}
.archive li {
	padding: 0 0 10px 3px;
	margin: 0 0 0 10px;
}
.archive a {
	text-transform: capitalize;
	font-size: 14px;
}
.archive a:hover {
	color: #676767;
	text-decoration: underline;
}

/*--------------------------------------------------
		POST-TIMELINE FULLWIDTH
---------------------------------------------------*/
.archive.fullwidth {
    list-style-type: none;
    margin: 0;
    padding: 0;
	border: none;
}
.archive.fullwidth li {
	border-bottom: 1px solid #eee;
	padding: 30px 0;
	margin: 0;
}
.archive.fullwidth li:last-child {
	border: none;
}
.archive.fullwidth div {
	position: relative;
	margin: 0 auto;
	text-transform: capitalize;
	width: 1130px;
	display: block;
}
.archive.fullwidth li:hover {
    background-color: #444;
}
.archive.fullwidth .title {
	margin: 0 0 5px 0;
}
.archive.fullwidth .title a {
	font-size:26px;
	line-height: 30px;
	font-weight: 300;
	letter-spacing: -0.5px;
	word-spacing: 5px;
	color: #676767;
}
.archive.fullwidth li:hover .title a {
}
.archive.fullwidth li:hover .title a:hover {
    color: #fff;
	text-decoration: none;
}
.archive.fullwidth p.meta {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 300;
	color: #aaa;
}
.archive.fullwidth span {
	font-weight: bold;
}
/*--------------------------------------------------
				 ARCHIVE LIST
---------------------------------------------------*/
.archive-nav {
	width:100%;
	overflow: hidden;
	background-color: #333;
	box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
}
.archive-nav div {
	display: none;
	width: 1130px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}
.archive-nav ul {
	width: 25%;
	float:left;
	margin: 0;
	padding: 0;
	list-style-type:none;
}
.archive-nav ul:last-child {
	margin-right: 0;
}
.archive-nav ul li {
	display: block;
	margin: 0 5% 5px 0;
}
.archive-nav strong {
	display: block;
	margin:0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #888;
	color: #fff;
	font-style: italic;
}
.archive-nav a {
	color: #888;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.archive-nav .tagcloud a {
	background-color: #444;
	color: #999;
}
.archive-nav .tagcloud a:hover {
    color: #FFFFFF !important;
}
.archive-nav a:hover {
	color: #fff;
}
.archive-nav ul li a span {
	margin-left: 5px;
	font-style: italic;
	font-weight: normal;
}
#archive-nav a.active {
}

/*---------------960 Screen size---------------*/
@media only screen and (min-width: 959px) and (max-width: 1170px) {
.header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 900px; }
#three-lines-menu {	display: none; }
.alternate, .parallax-background { width: 100%; }
.item-info { padding: 15px; }
.hexagon.col3 { margin: 0 0 0 115px; }
.hexagon.col3 li { margin: 0 0 30px 30px; }
.hexagon.col4 { margin: 0; }
.hexagon.col4 li { margin: 0 0 25px 25px; }
.circle.col3, .circle.col4 { margin: 0; }
.circle.col3 li, .circle.col4 li { width: 290px; height: 290px; margin: 0 0 10px 12px; }
.circle.col3 .item-container img, .circle.col4 .item-container img { height: 290px; }
.circle.col3 li .item-info-overlay p, .circle.col4 li .item-info-overlay p, .col4 li .item-info-overlay p { line-height: 16px; font-size:11px; margin-top: 8px; }
.col4 .item-info-overlay p { line-height: 20px; font-size:12px; }
.circle.col4 li .item-info-overlay p:before, .col4 li .item-info-overlay p:before { display:none; }	
.gallery.col4 figcaption { padding: 10px; }
}

/*---------------iPad landscape---------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.parallax-background {background-attachment: scroll;}
.alternate, .parallax-background { width: 100%; }
}

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 650px; }	
.alternate, .parallax-background { width: 100%; }
#header-wrapper { position: relative; }	
#header-wrapper { padding:30px 0; }
#primary-menu {display:none;}
.three-fourth, .one-fourth { width: 48%; }
.one-fourth:nth-child(2n+2) { margin-right: 0; margin-bottom: 25px; }
.button-group { width: 80%; }
.portfolio-grid {  }
.col2 li, .col3 li, .col4 li { width: 48.88%; }
.shaped li .item-info-overlay p { line-height: 20px; font-size:13px; }
.item-info { padding: 15px; }
.hexagon.col3 { margin: 0; }
.hexagon.col3 li { margin: 0 0 30px 20px; }
.hexagon.col4 { margin: 0 0 0 14px; }
.hexagon.col4 li { margin: 0 0 30px 30px; }
.circle.col3, .circle.col4 { margin: 0; }
.circle.col3 li, .circle.col4 li { width: 300px; height: 300px; margin: 0 0 20px 20px; }
.circle.col3 .item-container img, .circle.col4 .item-container img { height: 300px; }
.circle.col3 li .item-info-overlay p, .circle.col4 li .item-info-overlay p { line-height: 16px; font-size:11px; }
.circle.col3 li .item-info-overlay p:before, .circle.col4 li .item-info-overlay p:before { margin-bottom: 8px; }
.grid.row3 div, .grid.row4 div, .grid.row5 div, .grid.row6 div { width: 33%; }
.grid.row4 div:nth-child(4n+4), .grid.row5 div:nth-child(5n+5), .grid.row6 div:nth-child(6n+6) { margin-right: 0.5%; }
.grid.row4 div:nth-child(3n+3), .grid.row5 div:nth-child(3n+3), .grid.row6 div:nth-child(3n+3) { margin-right: 0; }
.google-map, .google-map-2, .google-map-3 {	height: 400px; }
.form input, .form .contact-error, .contact-success { width: 100%; }
.contact-button { margin-top: 0; }
.parallax-background {background-attachment: scroll;}
}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 420px; }
.alternate, .parallax-background { width: 100%; }
#primary-menu {display:none;}
.page-header div { width: 100%; }
.page-header .alignright { float: left; }
.page-header div:last-child { margin-bottom: 0; }
.one, .one-half, .two-third, .one-third, .one-fourth, .three-fourth, .one-fifth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.button-group { width: 100%; }
.button-group .button {	font-size: 15px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li { margin: 0 0 15px 0; }
.col2 li, .col3 li, .col4 li { width: 100%; }
.item-info { padding: 15px; }
.shaped li .item-info-overlay p { line-height: 20px; font-size:13px; }
.hexagon.col3 { margin: 0 0 0 60px; }
.hexagon.col3 li { margin: 0 0 30px 0; }
.hexagon.col4 { margin: 0 0 0 73px; }
.hexagon.col4 li { margin: 0 0 30px 0; }
.circle.col3 li, .circle.col4 li { width: 320px; height: 320px; margin: 0 0 20px 50px; }
.circle.col3 .item-container img, .circle.col4 .item-container img { height: 320px; }
.circle.col3 li .item-info-overlay p, .circle.col4 li .item-info-overlay p { line-height: 16px; font-size:11px; margin-top: 8px; }
.circle .item-info-overlay div { margin: 22% 9% 0 9%; }
.grid.row3 div, .grid.row4 div, .grid.row5 div, .grid.row6 div { width: 49.5%; }
.grid.row3 div:nth-child(3n+3), .grid.row4 div:nth-child(4n+4), .grid.row5 div:nth-child(5n+5), .grid.row6 div:nth-child(6n+6) { margin-right: 0.5%; }
.grid.row3 div:nth-child(2n+2), .grid.row4 div:nth-child(2n+2), .grid.row5 div:nth-child(2n+2), .grid.row6 div:nth-child(2n+2) { margin-right: 0; }
.google-map, .google-map-2, .google-map-3 {	height: 300px; }
.form input, .form .contact-error, .contact-success { width: 100%; }
.contact-button { margin-top: 0; }
.parallax-background {background-attachment: scroll;}
.parallax-background h2 { font-size: 26px; line-height: 30px; }
.parallax-background h3 { font-size: 18px; line-height: 22px; }
}

/*--------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 300px; }
.alternate, .parallax-background { width: 100%; }
#primary-menu {display:none;}
.page-header div { width: 100%; }
.page-header .alignright { float: left; }
.page-header div:last-child { margin-bottom: 0; }
.one, .one-half, .two-third, .one-third, .one-fourth, .three-fourth, .one-fifth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.button-group { width: 100%; }
.button-group .button {	font-size: 15px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li { margin: 0 0 15px 0; }
.col2 li, .col3 li, .col4 li { width: 100%; }
.item-info { padding: 15px; }
.shaped li .item-info-overlay p { line-height: 20px; font-size:13px; }
.hexagon.col3, .hexagon.col3 li { margin: 0 0 20px 0; }
.hexagon.col4 li { margin: 0 0 20px 14px; }
.circle.col3 li, .circle.col4 li { width: 300px; height: 300px; margin: 0 0 20px 0; }
.circle.col3 .item-container img, .circle.col4 .item-container img { height: 300px; }
.circle .item-info-overlay div { margin: 20% 9% 0 9%; }
.grid.row3 div, .grid.row4 div, .grid.row5 div, .grid.row6 div { width: 100%; margin-bottom: 5px; }
.grid.row3 div:nth-child(3n+3), .grid.row4 div:nth-child(4n+4), .grid.row5 div:nth-child(5n+5), .grid.row6 div:nth-child(6n+6) { margin-right: 0; }
.google-map, .google-map-2, .google-map-3 {	height: 200px; }
.form input, .form .contact-error, .contact-success { width: 100%; }
.contact-button { margin-top: 0; }
.flexslider.fullwidth { height:360px; margin-bottom:-2px; }
.button-group .button {	width: 100%; }
.button-group .button:first-child {	border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-botom-right-radius: 0; border-bottom: 1px solid #fff;	border-right: none; }
.button-group .button:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; }
.parallax-background {background-attachment: scroll;}
.parallax-background h2 { font-size: 26px; line-height: 30px; }
.parallax-background h3 { font-size: 18px; line-height: 22px; }
}


/*---------------Blog Responsive CSS---------------*/

/*---------------960 Screen size---------------*/
@media only screen and (min-width: 959px) and (max-width: 1170px) {
#inner-content { width: 650px; }
#sidebar { width: 200px; }
.blog1 .post { padding: 50px 0; }
.blog1 .post-media { width: 900px; }
.blog1 .post-content { width: 650px; }
.blog1.two-half .post-holder { width: 900px; }
.blog-holder { width: 103%; margin: 0 0 0 -3%; }
.blog-holder.blog5 .post, .blog-holder.blog6 .post { width: 46.89%; margin: 0 0 3% 3%; }
.blog-holder.blog7  { width: 100%; margin: 0; }
.blog-holder.blog7 .post { width: 100%; margin: 0 0 5% 0; }
.blog-single .post-media { width: 900px; }
.blog-single .post-content { width: 650px; }
#comment-form.form input { width: 75%; }
#comment-form, #comment-form.form textarea { width: 100%; } 
.comment .comment-wrap, .comment .comment-meta { width: 85.4%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children  .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; }
.archive-nav div, .archive.fullwidth div { width: 900px; }
}

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#inner-content, #sidebar { width: 650px; }
#inner-content { width: 650px; border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }
.blog1 .post { padding: 50px 0; }
.blog1 .post-media { width: 650px; }
.blog1 .post-content { width: 500px; }
.blog1.two-half .post-holder { width: 650px; }
.blog3 .post-media { margin-bottom: 20px; }
.blog-holder { width: 103%; margin: 0 0 0 -3%; }
.blog-holder.blog5 .post, .blog-holder.blog6 .post { width: 46.89%; margin: 0 0 3% 3%; }
.blog-holder.blog7  { width: 100%; margin: 0; }
.blog-holder.blog7 .post { width: 100%; margin: 0 0 5% 0; }
.timeline .post-content { width: 100%; }
.blog-single .post-media { width: 650px; }
.blog-single .post-content { width: 500px; }
#comment-form.form input { width: 75%; }
#comment-form, #comment-form.form textarea { width: 100%; } 
.comment .comment-wrap, .comment .comment-meta { width: 85.4%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children  .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; }
.archive-nav div, .archive.fullwidth div { width: 650px; }
}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#inner-content, #sidebar { width: 420px; }
#inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }	
.blog1 .post { padding: 50px 0; }
.blog1 .post-media, .blog1 .post-content { width: 420px; }
.blog1.two-half .post-holder, .blog1.two-half .post-media, .blog1.two-half .post-media.right, .blog1.two-half .post-content, .blog1.two-half .post:nth-child(2n+2) .post-media { width: 420px; }
.blog1.two-half .post-media { margin-bottom: 20px; }
.blog3 .post-media, .blog3 .post-content { width: 100%; margin: 0; }
.blog3 .post-media { margin-bottom: 20px; }
.blog-holder { width: 100%; margin: 0; }
.blog-holder.blog5 .post, .blog-holder.blog6 .post, .blog-holder.blog7 .post { width: 100%; margin: 0 0 30px 0; }
.timeline .post-content { width: 100%; }
.blog-single .post-media, .blog-single .post-content { width: 420px; }
#comment-form.form input { width: 75%; }
#comment-form, #comment-form.form textarea { width: 100%; } 
.comment .comment-wrap, .comment .comment-meta { width: 85.4%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children  .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; }
.archive-nav div, .archive.fullwidth div { width: 420px; }
.archive-nav ul { width: 50%; }
}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#inner-content, #sidebar { width: 300px; }
#inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }
.blog1 .post { padding: 50px 0; }
.blog1 .post-media, .blog1 .post-content { width: 300px; }
.blog1.two-half .post-holder, .blog1.two-half .post-media, .blog1.two-half .post-media.right, .blog1.two-half .post-content { width: 300px; }
.blog1.two-half .post-media { margin-bottom: 20px; }
.blog3 .post-media, .blog3 .post-content { width: 100%; margin: 0; }
.blog3 .post-media { margin-bottom: 20px; }
.blog-holder { width: 100%; margin: 0; }
.blog-holder.blog5 .post, .blog-holder.blog6 .post, .blog-holder.blog7 .post { width: 100%; margin: 0 0 30px 0; }
.timeline .post-content { width: 100%; }
.blog-single .post-media, .blog-single .post-content { width: 300px; }
#comment-form.form input { width: 75%; }
#comment-form, #comment-form.form textarea { width: 100%; } 
.comment .comment-wrap, .comment .comment-meta { width: 100%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 100%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 100%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
.archive-nav div, .archive.fullwidth div { width: 300px; }
.archive-nav ul { width: 100%; }
.archive-nav ul li { margin: 0 0 5px 0; }
.post-nav li { width: 100%;	padding: 0 0 15px 0; margin: 0 0 15px 0; }
.post-nav li.prev {	text-align: left; }
.post-nav li:first-child { border-bottom: 2px solid #eee; border-right: none; }
.post-nav li:last-child { padding: 0; margin: 0; }
}