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

CSS overview: 

	1. RESET
	2. MAIN CONTENT
	3. PRIMARY MENU 
	4. SECTION TITLE
	5. FOOTER


	8. COLUMNS
	9. TEAM
	10. GRID VIEW
	11. BUTTONS
	12. HIGHLIGHTS
	13. DROPCAPS
	14. DIFFERENT UL STYLES
	15. TOGGLE
	16. ACCORDION
	17. GALLERY
	18. GALLERY THUMBNAIL HOVER
	19. SHAPED STYLE ITEM
	20. GALLERY FILTERABLE NAVIGATION
	21. ARCHIVES
	22. ITEM NAVIGATION
	23. CONTACT MODAL WINDOW
	24. CONTACT
	
---------------------------------------------------------*/

/*--------------------------------------------------
				      RESET
---------------------------------------------------*/
pre,code{
	font-family: Helvetica-Neue, "Helvetica", Arial, Verdana, sans-serif;
	white-space:pre;
	padding:20px;
	letter-spacing: 0.1em;
}
pre{
	padding:5px;
}
code{
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	font-size:11px;
	color: #666666;
	padding: 3px;
	padding-left: 10px;
	background-color: #f8f8f8;
}
.clear:after {
    clear: both;
    content: "";
    display: block;
}
table {
	width: 100%;
}
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%;
	margin:0px;
}
::-moz-selection{ 
	color: white;
	text-shadow: none; 
}:hover {
	-webkit-transition: background .2s ease-out, color .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out;
	-ms-transition: background .2s ease-out, color .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out;
	transition: background .2s ease-out, color .2s ease-out;
}
::selection { 
	color: white;
	text-shadow: none; 
}
body {
	font-family: Helvetica-Neue, "Helvetica", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #676767;
	background: repeat 0 0 #f8f8f8;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 15px;
	font-weight: normal;
}
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:22px;
	line-height: 20px;
	font-weight: 300;
}
ul, ol, dl, p, table, form, pre, hr {
margin: 0 0 1.618em 0;
}
ul, ol	{
	display: block;
	padding: 0px;
	margin: 0 0 14px 17px;
}
blockquote {
	float: left;
	width: 60%;
	margin: 10px 15px 10px 0;
	color: #aaa;
	background: url(../images/sprite.png) no-repeat scroll 0 -330px transparent;
}
blockquote.right {
	float: right;
	margin: 10px 0 15px  15px;
}
blockquote p {
    font: 16px/17px Helvetica-Neue, "Helvetica", Arial, Verdana, sans-serif;
	font-weight: normal;
	font-style: italic;
	padding-left: 40px;
}
p {
	margin-bottom: 14px;
	letter-spacing: -0.05em;
}
p:last-child {
	margin-bottom: 0;
}
em {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
.more-link {
	font-size: 20px;
	letter-spacing: -0.07em;
	color: #444;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(../images/eye.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
}
input, textarea, select, #recaptcha_response_field {
	outline: medium none;
	font-family: Helvetica-Neue, "Helvetica", Arial, Verdana, sans-serif;
	font-size:12px;
	color: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-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: 8px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	color: #676767;
	box-shadow:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	line-height: 14px;
    color: #fff;
	text-decoration:none !important;	
	padding: 7px;
	border: none;
	-moz-border-radius: 0.202em;
	-webkit-border-radius: 0.202em;
	border-radius: 0.202em;
	box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	-webkit-box-shadow:0 0 0;
}
input.submit:hover {
	background-color: #444;
}
a { 
	color: #1E2224;
	-webkit-transition: background .2s ease-out, color .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out;
	-ms-transition: background .2s ease-out, color .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out;
	transition: background .2s ease-out, color .2s ease-out;
}
a:hover {
	color: #444;
}
.title, .title a { 
	text-decoration: none;
}
.title a:hover {
}
img, iframe {
	max-width:100%;
}
.alignleft {
	float:left;
	margin: 10px 20px 10px 0;
}
.alignright {
	float:right;
	margin: 10px 0 10px 20px;
}
.aligncenter {
	display: block;
	margin: 10px auto 10px auto;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.divider {
	float: left;
	width: 100%;
	height: 70px;
}
.divider-border {
	border-top: 2px dashed #eee;
	float: left;
	width: 100%;
	margin: 40px 0;
}
/*--------------------------------------------------
			MAIN CONTENT
---------------------------------------------------*/
#wrapper {
	width: 100%;
}
.content-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 30px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}	
#header-wrapper {
	background-color: #FFF;
}	
.header {
	width: 960px;
	padding: 0;
	margin: 0px;
	position:relative;
	background-color: #FFF !important; 
}
.control-size {
	width: 960px;
	padding: 0;
	margin: 0px;
	position:relative;
}
.rewidth-subtitle {
	width: 920px;
	margin-left: 20px;
}
#contact-fullwidth.header {
	border-bottom: none;
	margin: 0 auto;
}
#logo {
	margin-top: 26px;
}
#logo, #logo a {
	float: left;
}	
.header-contacts.one-half {
	line-height: 38px;
}

.header-contacts.one-half span {
	margin-left:0px;
}

.header-social-icons-container {
	z-index: 999;
}

.header-social-icons-container ul {
	list-style: none;
	text-align: center;
}

.header-social-icons-container li a {
	display: block;
	float: right;
	height: 38px;
	width: 38px;
	background-color: transparent;
}

.close {
	  background: url(../images/close.png) center center no-repeat;
	  border: 2px solid #ffffff;
	  -webkit-border-radius: 37px;
	  -moz-border-radius: 37px;
	  border-radius: 37px;
	  -webkit-background-clip: padding-box;
	  -moz-background-clip: padding;
	  background-clip: padding-box;
	  -webkit-box-shadow: 0 0 0 0px #e1e1e1;
	  -moz-box-shadow: 0 0 0 0px #e1e1e1;
	  box-shadow: 0 0 0 0px #e1e1e1;
	  height: 37px;
	  width: 37px;
	  right: 0px;
	  top: -7px;
	  position: absolute;
	  -webkit-transform-origin: 50% 50%;
	  -moz-transform-origin: 50% 50%;
	  -ms-transform-origin: 50% 50%;
	  -o-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;	
	  -webkit-transition: -webkit-transform 0.3s, border 0.3s, margin 0.3s, -webkit-box-shadow 0.2s, opacity 0.3s, top 0.3s;
	  -moz-transition: -moz-transform 0.3s, border 0.3s, margin 0.3s, -moz-box-shadow 0.2s, opacity 0.3s, top 0.3s;
	  -ms-transition: -ms-transform 0.3s, border 0.3s, margin 0.3s, box-shadow 0.2s, opacity 0.3s, top 0.3s;
	  -o-transition: -o-transform 0.3s, border 0.3s, margin 0.3s, box-shadow 0.2s, opacity 0.3s, top 0.3s;
	  transition: transform 0.3s, border 0.3s, margin 0.3s, box-shadow 0.2s, opacity 0.3s, top 0.3s;
}

.close:hover {
	  border: 2px solid rgba(175, 175, 175, 0);
	  -webkit-box-shadow: 0 0 0 4px #e1e1e1;
	  -moz-box-shadow: 0 0 0 4px #e1e1e1;
	  box-shadow: 0 0 0 4px #e1e1e1;
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
}
/*--------------------------------------------------
			  CONTACT US 
---------------------------------------------------*/
.contact-us-wrapper {
	height: 100%;
	color: #888;
	font-size: 10px;
	border-bottom: 1px solid #F0F0F0;
}
/*--------------------------------------------------
			PRIMARY MENU 
---------------------------------------------------*/
#primary-menu {
	float: right;
	margin: 0;
	padding: 0;
}
#primary-menu select {
	display:none;
	border: none !important;
	border-radius: 0px;
    cursor: pointer;
    width: 100%;
	padding: 7px;
	margin: 38px 0;
	box-shadow:0 0 0 rgba();
	-moz-box-shadow:0 0 0 rgba();
	-webkit-box-shadow:0 0 0 rgba();
	color: #676767;
	background: #f2f2f2 url(../images/menu-mobile.png) no-repeat;
	background-position: center right;
	-webkit-appearance: none;
}
#primary-menu select:hover {
}
#primary-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
#primary-menu ul li:hover { 
	visibility: inherit; 
}
#primary-menu ul li {
	position: relative;
	display: inline;
	float: left;
}
#primary-menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #777;
	padding: 36px 20px;
	display: block;
	float: left;
	outline: none;
	font-weight: normal;
}
#primary-menu ul li a:hover, #primary-menu ul li.sfHover a {
	background-color: #35373A;
	color: #fff;
}
#primary-menu .current {
	color: #fff !important;
	font-weight: bold;
}
#primary-menu .current:hover {
	color: #FFF !important;
}
#primary-menu ul li a.logo {
	display: none;
	margin: 0;
}
#primary-menu ul ul {
	position: absolute;
	top: -9999em;
	width: 180px;
    background: #35373A; 
	z-index: 9999;
}
.current-submenu {
	background-color: transparent;
}
#primary-menu ul ul li { 
	width: 100%; 
	font-size: 9px;
	font-weight: normal;
}
#primary-menu ul li:hover ul {
	left: 0;
	top: 89px;
}
#primary-menu ul li:hover li ul { 
	top: -9999em; 
}
#primary-menu ul li li:hover ul {
	left: 180px;
	top: 0;
}
#primary-menu ul ul {
	padding: 0;
	margin: 0;
}
#primary-menu ul ul li {
	margin: 0;
	background: none;
	border-bottom: 1px solid #555;
}
#primary-menu ul ul li:last-child {
	border-bottom: none;
}
#primary-menu ul ul li a {
	font-size: 11px;
	padding: 12px 15px;
}
#primary-menu ul li:hover ul li a { 
    color: #999;    
}
#primary-menu ul li:hover ul li a:hover { 
    color: #fff; 
}
.fixed { position: fixed; top: 0px; z-index:999; height: 59px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
#header-wrapper .fixed { }
.fixed .header { border-bottom: none; margin-left:-30px;  width: 1020px; }
.fixed #logo { display:none; }
.fixed .logo2 { position:absolute; left: 30px; top:12px; }
.fixed #primary-menu ul { padding: 0; }
.fixed #primary-menu ul li ul { padding: 0; }
.fixed #primary-menu ul li { background: url(../images/menu-line.png) repeat-y right transparent; }
.fixed #primary-menu ul li:last-child {  background: none; }
.fixed #primary-menu ul li a { color: #D4D4D4; padding: 21px 23px; }
.fixed #primary-menu ul li a:hover, .fixed #primary-menu ul li.sfHover a {	background-color: #444;	color: #fff; }
.fixed #primary-menu .current { color: #fff; }
.fixed #primary-menu ul li:hover ul { top: 59px; }
.fixed #primary-menu ul ul li { background: none; }
.fixed #primary-menu ul li:hover ul li a { padding: 12px 15px; background: #444; color:#999; }
.fixed #primary-menu ul li:hover ul li a:hover { color:#fff; }
.fixed #primary-menu ul li ul li ul {
margin-top: -59px;
}

#back-top {
	position: fixed;
	bottom: 3px;
	right: 10px;
	z-index: 99;
}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: #AEB2B9 url(../images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 0.202em;
	-moz-border-radius: 0.202em;
	border-radius: 0.202em;
	-webkit-transition: background .2s ease-out, color .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out;
	-ms-transition: background .2s ease-out, color .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out;
	transition: background .2s ease-out, color .2s ease-out;
}
#back-top a:hover span {
	background-color: #1E1E1E;
}

/*--------------------------------------------------
		  SECTION TITLE
---------------------------------------------------*/
.section-title, .page-title {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 15px 0;
}
.section-title .title, .section-title .title a  {
	display: inline;
}
h1, .section-title h1.title {
	color: #676767;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 1.1;
	display: block;
	margin: 0;
	text-transform: none;
}
.title-header {
	color: #FFF;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 1.1;
	display: block;
	margin: 0;
	text-transform: none;
}
.section-title h1.title span {
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 15px;
	text-transform: none;
	color: dimGray;
	font-size: 22px;
}
.section-title p {
	color: dimGray;
	font-weight: 100;
	font-size: 16px;
	line-height: 27px;
	margin-top: 10px;
	letter-spacing: -0.06em;
	text-transform:	uppercase;
}
.section-title .section-nav {
}
.section-title .section-nav  ul {
	padding: 20px;
	margin: 0 auto;
}
.custom-breadcrumbs {
	margin-top: 5px;
	float: right;
	color: #FFF;
}
.custom-breadcrumbs a {
	color: #FFF;
}
/*--------------------------------------------------
						 FOOTER
---------------------------------------------------*/
#footer {
	color: #999;
	font-size: 11px;
	float: left;
	margin-top: 50px;
}
#footer a {
	color: #ccc;
	font-weight: bold;
}
#footer a:hover {
}
#footer h3 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	display: block;
}
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
	margin-bottom:15px;
}
#footer ul li .date {
	font: normal 11px/20px Helvetica-Neue, "Helvetica", Arial, Verdana, sans-serif;
    display: block;
}
#footer-content, .footer-bottom-inner {
	width: 960px;
	margin: 0 0 0 -30px;
	padding: 0 30px;
	background-color: #1E1E1E;
}
#footer-bottom, #footer-top {
	padding: 35px 0;
	overflow: hidden;
	position: relative;
}
#footer-bottom {
	background-color: #222 !important;
	font-size: 11px;
	padding: 25px 35px 22px 25px;
	margin: 0 -30px;
	float: left;
	width: 100% !important;
}
#footer-bottom p {
	margin-bottom: 0;
}
#footer-bottom a {
	color: white;
}
.footer-bottom-inner {
	margin: 0 auto;
}
#menu-footer {
	list-style: none;
	text-align: center;
	float: right;
	margin: 0px;
}
#menu-footer li {
	position: relative;
	margin-right: 5px;
	display: inline;
	float: left;
}
#menu-footer li:last-child {
	margin-right: 0px;
}
#menu-footer li a {
	display: block;
}
/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; margin-right:4%; }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48%; }
.two-third { width: 65.33%; }
.one-third  { width: 30.66%; }
.one-fourth { width: 22%; }
.last { margin-right: 0 !important; }
/*--------------------------------------------------
			TEAM
---------------------------------------------------*/
.team {
	background-color: #f8f8f8;
	position: relative;
}
.team-member-info {
	padding: 15px;
	overflow: hidden;
}
.team-member-info ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.team-member-info li {
	display: inline;
}
.team-member-info h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.team-member-info h3 {
	font-size:11px;
	text-transform: uppercase;
	line-height: 17px;
}
.team-member-info p {
	margin-top: 13px;
}
.team-member-info img {
}
.team-member-info h2, .team-member-info h3, .team-member-info p {
	margin-bottom: 0;
}
.team-member-info .social-personal {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 4px double #e9e9e9;
}	
.team-member-info .social-personal li {
	display: inline;
	float: left;
}	
.team-member-info .social-personal li a {
	padding: 9px;
	font-size: 11px;
	color: #fff;
	background-color: #444;
	margin-right: 6px;
	-moz-border-radius: 0.202em;
	-webkit-border-radius: 0.202em;
	border-radius: 0.202em;
}
.team-member-info .social-personal li a:hover {
	color:#fff;
}
.team-member-info .social-personal li span {
	font-size: 10px;
}

/*--------------------------------------------------
			CENTERED TITLE
---------------------------------------------------*/

.centered-title {
	overflow: hidden;
	padding: 15px 0;
}
.centered-title .title, .centered-title .title a  {
	display: inline;
}
.centered-title h1.title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin: 0;
}
.centered-title p {
	color: dimGray;
	font-weight: 100;
	font-size: 16px;
	line-height: 27px;
	margin-top: 10px;
	letter-spacing: -0.06em;
	text-transform:	uppercase;
}

/*--------------------------------------------------
			PRICING
---------------------------------------------------*/
.pricing {
	background-color: #1E1E1E;
	height: 100%;
}
.pricing-info ul {
	margin: 0px;
}
.pricing-info ul li {
	list-style:	none;
	text-align: center;
}
.pricing-info ul li h2 {
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 38px 0 14px;
	margin: 0;
}
.pricing-info ul li h2::after {
	content: ' ';
	display: block;
	max-width: 222px;
	margin: 20px auto 0;
	height: 2px;
	background: white;
}
.pricing-value-container {
	margin: 50px 0 20px 0;
}
.pricing-value {
	letter-spacing: -4px;
	font-size: 116px;
	font-weight: 300;
	color: #FFF;
}
.pricing-local-currency {
	font-size: 24px;
	position: relative;
	top: -60px;
	left: -7px;
	color: #FFF;
}
.pricing-text {
	color: #696969;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 30px !important;
}

.pricing-advantages-container {
	background-color: #f8f8f8;
	margin-top: 40px !important;
}

.pricing-advantages-container li {
	font-size: 15px;
	line-height: 50px;
	color: #696969;
	background: #f7f7f7;
	border-bottom: solid 1px #e9e9e9;
	cursor: help;
}

/*------------------------------------------------*/
/*-------------------[SOCIAL ICONS]------------------*/
/*------------------------------------------------*/
.social-bookmarks {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.section-title .social-bookmarks {
	float: right;
}
.social-bookmarks li, .widget .social-bookmarks li, #footer .social-bookmarks li {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 0px;
	display: inline;
	width: auto;
}
#footer .social-bookmarks li {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 0px;
	background-color: #333;
}	
#footer.social-bookmarks li a {
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
}	
.social-bookmarks li a {
	-moz-transition: all 0.3s ease 0s;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}
.logo-footer{float: left; padding-right: 8px; width:100%; margin: 10px 0; }
.social-icons-container { height:100%; max-width:100%; margin-top: 10px; }
.social-icons-container li a {display:block; float:left; height:40px; width:40px; margin-right:3px; margin-top:3px; background-color: transparent; }
.social-aim, .social-bookmarks li.aim a {
	background: url(../images/socialize-icons/aim.png) no-repeat 0 0;
}
.social-aim:hover, .social-bookmarks li.aim a:hover {
	background: #e95a00 url(../images/socialize-icons/aim.png) 0 40px;
}
.social-apple, .social-bookmarks li.apple a {
	background: url(../images/socialize-icons/apple.png) no-repeat 0 0;
}
.social-apple:hover, .social-bookmarks li.apple a:hover {
	background: #606060 url(../images/socialize-icons/apple.png) 0 40px;
}
.social-behance, .social-bookmarks li.behance a {
	background: url(../images/socialize-icons/behance.png) no-repeat 0 0;
}
.social-behance:hover, .social-bookmarks li.behance a:hover {
	background: #18a3fe url(../images/socialize-icons/behance.png) 0 40px;
}
.social-blogger, .social-bookmarks li.blogger a {
	background: url(../images/socialize-icons/blogger.png) no-repeat 0 0;
}
.social-blogger:hover, .social-bookmarks li.blogger a:hover {
	background: #fb913f url(../images/socialize-icons/blogger.png) 0 40px;
}
.social-cargo, .social-bookmarks li.cargo a {
	background: url(../images/socialize-icons/cargo.png) no-repeat 0 0;
}
.social-cargo:hover, .social-bookmarks li.cargo a:hover {
	background: #00c462 url(../images/socialize-icons/cargo.png) 0 40px;
}
.social-delicious, .social-bookmarks li.delicious a  {
	background: url(../images/socialize-icons/delicious.png) no-repeat 0 0;
}
.social-delicious:hover, .social-bookmarks li.delicious a:hover {
	background: #3274d1 url(../images/socialize-icons/delicious.png) 0 40px;
}
.social-deviantart, .social-bookmarks li.deviantart a {
	background: url(../images/socialize-icons/deviantart.png) no-repeat 0 0;
}
.social-deviantart:hover, .social-bookmarks li.deviantart a:hover {
	background: #d0de21 url(../images/socialize-icons/deviantart.png) 0 40px;
}
.social-digg, .social-bookmarks li.digg a {
	background: url(../images/socialize-icons/digg.png) no-repeat 0 0;
}
.social-digg:hover, .social-bookmarks li.digg a:hover {
	background: #2882c6 url(../images/socialize-icons/digg.png) 0 40px;
}
.social-dopplr, .social-bookmarks li.dopplr a {
	background: url(../images/socialize-icons/dopplr.png) no-repeat 0 0;
}
.social-dopplr:hover, .social-bookmarks li.dopplr a:hover {
	background: #99cc66 url(../images/socialize-icons/dopplr.png) 0 40px;
}
.social-dribbble, .social-bookmarks li.dribbble a {
	background: url(../images/socialize-icons/dribbble.png) no-repeat 0 0;
}
.social-dribbble:hover, .social-bookmarks li.dribbble a:hover {
	background: #ef5b92 url(../images/socialize-icons/dribbble.png) 0 40px;
}
.social-ember, .social-bookmarks li.ember a {
	background: url(../images/socialize-icons/ember.png) no-repeat 0 0;
}
.social-ember:hover, .social-bookmarks li.ember a:hover {
	background: #fb9d00 url(../images/socialize-icons/ember.png) 0 40px;
}
.social-evernote, .social-bookmarks li.evernote a {
	background: url(../images/socialize-icons/evernote.png) no-repeat 0 0;
}
.social-evernote:hover, .social-bookmarks li.evernote a:hover {
	background: #77ba2f url(../images/socialize-icons/evernote.png) 0 40px;
}
.social-facebook, .social-bookmarks li.facebook a {
	background: url(../images/socialize-icons/facebook.png) no-repeat 0 0;
}
.social-facebook:hover, .social-bookmarks li.facebook a:hover {
	background: #3b5998 url(../images/socialize-icons/facebook.png) 0px 40px;
}
.social-flickr, .social-bookmarks li.flickr a {
	background: url(../images/socialize-icons/flickr.png) no-repeat 0 0;
}
.social-flickr:hover, .social-bookmarks li.flickr a:hover {
	background: #f1628b url(../images/socialize-icons/flickr.png) 0 40px;
}
.social-forrst, .social-bookmarks li.forrst a {
	background: url(../images/socialize-icons/forrst.png) no-repeat 0 0;
}
.social-forrst:hover , .social-bookmarks li.forrst a:hover{
	background: #5b9a68 url(../images/socialize-icons/forrst.png) 0 40px;
}
.social-github, .social-bookmarks li.github a {
	background: url(../images/socialize-icons/github.png) no-repeat 0 0;
}
.social-github:hover, .social-bookmarks li.github a:hover {
	background: #7292a2 url(../images/socialize-icons/github.png) 0 40px;
}
.social-google, .social-bookmarks li.google a {
	background: url(../images/socialize-icons/google.png) no-repeat 0 0;
}
.social-google:hover, .social-bookmarks li.google a:hover{
	background: #dd4b39 url(../images/socialize-icons/google.png) 0 40px;
}
.social-googleplus, .social-bookmarks li.googleplus a {
	background: url(../images/socialize-icons/googleplus.png) no-repeat 0 0;
}
.social-googleplus:hover, .social-bookmarks li.googleplus a:hover {
	background: #d94a39 url(../images/socialize-icons/googleplus.png) 0 40px;
}
.social-gowalla, .social-bookmarks li.gowalla a {
	background: url(../images/socialize-icons/gowalla.png) no-repeat 0 0;
}
.social-gowalla:hover, .social-bookmarks li.gowalla a:hover {
	background: #ff920d url(../images/socialize-icons/gowalla.png) 0 40px;
}
.social-grooveshark, .social-bookmarks li.grooveshark a {
	background: url(../images/socialize-icons/grooveshark.png) no-repeat 0 0;
}
.social-grooveshark:hover, .social-bookmarks li.grooveshark a:hover {
	background: #f88e00 url(../images/socialize-icons/grooveshark.png) 0 40px;
}
.social-html5, .social-bookmarks li.html5 a {
	background: url(../images/socialize-icons/html5.png) no-repeat 0 0;
}
.social-html5:hover, .social-bookmarks li.html5 a:hover {
	background: #f3642c url(../images/socialize-icons/html5.png) 0 40px;
}
.social-icloud, .social-bookmarks li.icloud a {
	background: url(../images/socialize-icons/icloud.png) no-repeat 0 0;
}
.social-icloud:hover, .social-bookmarks li.icloud a:hover {
	background: #fb913f url(../images/socialize-icons/icloud.png) 0 40px;
}
.social-instagram, .social-bookmarks li.instagram a {
	background: url(../images/socialize-icons/instagram.png) no-repeat 0 0;
}
.social-instagram:hover, .social-bookmarks li.instagram a:hover {
	background: #c08d64 url(../images/socialize-icons/instagram.png) 0 40px;
}
.social-lastfm, .social-bookmarks li.lastfm a {
	background: url(../images/socialize-icons/lastfm.png) no-repeat 0 0;
}
.social-lastfm:hover, .social-bookmarks li.lastfm a:hover {
	background: #d21309 url(../images/socialize-icons/lastfm.png) 0 40px;
}
.social-linkedin, .social-bookmarks li.linkedin a {
	background: url(../images/socialize-icons/linkedin.png) no-repeat 0 0;
}
.social-linkedin:hover, .social-bookmarks li.linkedin a:hover {
	background: #71b2d0 url(../images/socialize-icons/linkedin.png) 0 40px;
}
.social-metacafe, .social-bookmarks li.metacafe a {
	background: url(../images/socialize-icons/metacafe.png) no-repeat 0 0;
}
.social-metacafe:hover, .social-bookmarks li.metacafe a:hover {
	background: #ef4035 url(../images/socialize-icons/metacafe.png) 0 40px;
}
.social-mixx, .social-bookmarks li.mixx a {
	background: url(../images/socialize-icons/mixx.png) no-repeat 0 0;
}
.social-mixx:hover, .social-bookmarks li.mixx a:hover {
	background: #d80330 url(../images/socialize-icons/mixx.png) 0 40px;
}
.social-myspace, .social-bookmarks li.myspace a {
	background: url(../images/socialize-icons/myspace.png) no-repeat 0 0;
}
.social-myspace:hover, .social-bookmarks li.myspace a:hover {
	background: #003398 url(../images/socialize-icons/myspace.png) 0 40px;
}
.social-netvibes, .social-bookmarks li.netvibes a {
	background: url(../images/socialize-icons/netvibes.png) no-repeat 0 0;
}
.social-netvibes:hover, .social-bookmarks li.netvibes a:hover {
	background: #629e61 url(../images/socialize-icons/netvibes.png) 0 40px;
}
.social-newsvine, .social-bookmarks li.newsvine a {
	background: url(../images/socialize-icons/newsvine.png) no-repeat 0 0;
}
.social-newsvine:hover, .social-bookmarks li.newsvine a:hover {
	background: #5b965a url(../images/socialize-icons/newsvine.png) 0 40px;
}
.social-orkut, .social-bookmarks li.orkut a {
	background: url(../images/socialize-icons/orkut.png) no-repeat 0 0;
}
.social-orkut:hover, .social-bookmarks li.orkut a:hover {
	background: #ed2590 url(../images/socialize-icons/orkut.png) 0 40px;
}
.social-paypal, .social-bookmarks li.paypal a {
	background: url(../images/socialize-icons/paypal.png) no-repeat 0 0;
}
.social-paypal:hover, .social-bookmarks li.paypal a:hover {
	background: #32689a url(../images/socialize-icons/paypal.png) 0 40px;
}
.social-picasa, .social-bookmarks li.picasa a {
	background: url(../images/socialize-icons/picasa.png) no-repeat 0 0;
}
.social-picasa:hover, .social-bookmarks li.picasa a:hover {
	background: #444 url(../images/socialize-icons/picasa.png) 0 40px;
}
.social-pinterest, .social-bookmarks li.pinterest a {
	background: url(../images/socialize-icons/pinterest.png) no-repeat 0 0;
}
.social-pinterest:hover, .social-bookmarks li.pinterest a:hover {
	background: #cb2027 url(../images/socialize-icons/pinterest.png) 0 40px;
}
.social-plurk, .social-bookmarks li.plurk a {
	background: url(../images/socialize-icons/plurk.png) no-repeat 0 0;
}
.social-plurk:hover, .social-bookmarks li.plurk a:hover {
	background: #f35b36 url(../images/socialize-icons/plurk.png) 0 40px;
}
.social-posterous, .social-bookmarks li.posterous a {
	background: url(../images/socialize-icons/posterous.png) no-repeat 0 0;
}
.social-posterous:hover, .social-bookmarks li.posterous a:hover {
	background: #f9d560 url(../images/socialize-icons/posterous.png) 0 40px;
}
.social-reddit, .social-bookmarks li.reddit a {
	background: url(../images/socialize-icons/reddit.png) no-repeat 0 0;
}
.social-reddit:hover, .social-bookmarks li.reddit a:hover {
	background: #bfd0e2 url(../images/socialize-icons/reddit.png) 0 40px;
}
.social-rss, .social-bookmarks li.rss a {
	background: url(../images/socialize-icons/rss.png) no-repeat 0 0;
}
.social-rss:hover, .social-bookmarks li.rss a:hover {
	background: #fe9900 url(../images/socialize-icons/rss.png) 0 40px;
}
.social-skype, .social-bookmarks li.skype a {
	background: url(../images/socialize-icons/skype.png) no-repeat 0 0;
}
.social-skype:hover, .social-bookmarks li.skype a:hover {
	background: #18b7f1 url(../images/socialize-icons/skype.png) 0 40px;
}
.social-stumbleupon, .social-bookmarks li.stumbleupon a {
	background: url(../images/socialize-icons/stumbleupon.png) no-repeat 0 0;
}
.social-stumbleupon:hover, .social-bookmarks li.stumbleupon a:hover {
	background: #eb4924 url(../images/socialize-icons/stumbleupon.png) 0 40px;
}
.social-technorati, .social-bookmarks li.technorati a {
	background: url(../images/socialize-icons/technorati.png) no-repeat 0 0;
}
.social-technorati:hover, .social-bookmarks li.technorati a:hover {
	background: #7ac84f url(../images/socialize-icons/technorati.png) 0 40px;
}
.social-tumblr, .social-bookmarks li.tumblr a {
	background: url(../images/socialize-icons/tumblr.png) no-repeat 0 0;
}
.social-tumblr:hover, .social-bookmarks li.tumblr a:hover {
	background: #3a5976 url(../images/socialize-icons/tumblr.png) 0 40px;
}
.social-twitter, .social-bookmarks li.twitter a {
	background: url(../images/socialize-icons/twitter.png) no-repeat 0 0;
}
.social-twitter:hover, .social-bookmarks li.twitter a:hover {
	background: #48c4d2 url(../images/socialize-icons/twitter.png) 0 40px;
}
.social-vimeo, .social-bookmarks li.vimeo a {
	background: url(../images/socialize-icons/vimeo.png) no-repeat 0 0;
}
.social-vimeo:hover, .social-bookmarks li.vimeo a:hover {
	background: #62a0ad url(../images/socialize-icons/vimeo.png) 0 40px;
}
.social-wordpress, .social-bookmarks li.wordpress a {
	background: url(../images/socialize-icons/wordpress.png) no-repeat 0 0;
}
.social-wordpress:hover, .social-bookmarks li.wordpress a:hover {
	background: #464646 url(../images/socialize-icons/wordpress.png) 0 40px;
}
.social-yahoo, .social-bookmarks li.yahoo a {
	background: url(../images/socialize-icons/yahoo.png) no-repeat 0 0;
}
.social-yahoo:hover, .social-bookmarks li.yahoo a:hover {
	background: #ab64bc url(../images/socialize-icons/yahoo.png) 0 40px;
}
.social-yelp, .social-bookmarks li.yelp a {
	background: url(../images/socialize-icons/yelp.png) no-repeat 0 0;
}
.social-yelp:hover, .social-bookmarks li.yelp a:hover {
	background: #c41200 url(../images/socialize-icons/yelp.png) 0 40px;
}
.social-youtube, .social-bookmarks li.youtube a {
	background: url(../images/socialize-icons/youtube.png) no-repeat 0 0;
}
.social-youtube:hover, .social-bookmarks li.youtube a:hover {
	background: #f45750 url(../images/socialize-icons/youtube.png) 0 40px;
}
.social-zerply, .social-bookmarks li.zerply a {
	background: url(../images/socialize-icons/zerply.png) no-repeat 0 0;
}
.social-zerply:hover, .social-bookmarks li.zerply a:hover {
	background: #8db259 url(../images/socialize-icons/zerply.png) 0 40px;
}
.social-zootool, .social-bookmarks li.zootool a {
	background: url(../images/socialize-icons/zootool.png) no-repeat 0 0;
}
.social-zootool:hover, .social-bookmarks li.zootool a:hover {
	background: #262626 url(../images/socialize-icons/zootool.png) 0 40px;
}

/*--------------------------------------------------
		   SERVICES GRAPH
---------------------------------------------------*/
.skills-graph {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.skills-graph li, .skills-graph li span {
}
.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;
	font-size: 25px;
}
.skills-graph li span {
	height: 40px;
	
}

/*--------------------------------------------------
		    GRID VIEW
---------------------------------------------------*/
.grid {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.grid li {
    float: left;
}
.grid.row3 li {
    width: 319px;
}
.grid.row4 li {
    width: 239px;
}
.grid.row5 li {
    width: 191px;
}
.grid.row6 li {
    width: 159px;
}
.grid li.last {
	border-right: none;
}
.grid li.last-row {
	border-bottom: none;
}
.grid img {
	display: block;
	margin: 0 auto;
}
.services div {
	padding: 15px 10px;
	text-align: center;
}
.services div a {
	color: #676767;
}
.services div:hover, .services div:hover a {
	color: #FFFFFF;
}
.services div:hover a {
	background-color:#444; 
}
.services img, .services h2 {
	display: block;
	margin-bottom: 20px;
}
.services h2 {
	font-size:15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.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.5;
	filter:alpha(opacity=50);
}
.clients img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------------------------------
		    BUTTONS
---------------------------------------------------*/
.button {
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.button.right {
	float:right;
}
.button, .button:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-transform:uppercase;
}
.button:hover {
	background-color: #444;
}
.btn-small {
	padding:0 6px;	
	font-size: 11px;
	line-height: 16px;
}
.btn-medium {
	font-size:11px;
	padding: 7px 14px !important;
}
.btn-large {
	padding: 11px 19px 11px 19px !important;
	font-size: 17px;
}
.rounded {
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.grey { background-color:#444; }
.yellow { background-color:#FEEB43; color: #707070; }
.orange { background-color:#f96e5b; }
.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; }
/*--------------------------------------------------
			HIGHLIGHTS
---------------------------------------------------*/
.highlight1 {
	color: #FFFFFF;
	padding: 0 2px;
}
.highlight2 {
	background-color: #444;
	color: #FFFFFF;
	padding: 0 2px;
}
.highlight3 {
	border-bottom: 1px dotted;
}
/*--------------------------------------------------
			DROPCAPS
---------------------------------------------------*/
.dropcap1 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #444;
	margin: 0 8px 0 0;
	font-weight: bold;
}
.dropcap2 {
    background-color: #444;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 32px;
    margin: 6px 8px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 44px;
}
.dropcap3 {
    background-color: #444;
    border-radius: 55px 55px 55px 55px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 44px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 44px;
}
/*--------------------------------------------------
			DIFFERENT UL STYLES
---------------------------------------------------*/
.check-list ul, .arrow-list ul, .star-list ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.check-list ul li, .arrow-list ul li, .star-list ul li {
	margin-bottom: 5px;
	padding-left: 20px;
}
.arrow-list ul li {
	background: url(../images/bullet-ul.png) no-repeat scroll -82px 5px transparent;
}
.check-list ul li {
	background: url(../images/bullet-ul.png) no-repeat scroll -42px -45px transparent;
}
.star-list ul li {
	background: url(../images/bullet-ul.png) no-repeat scroll 0px -82px transparent;
}
.colored-counter-list ul {
	counter-reset:li;
	margin-left:0; 
	padding-left:0; 
}
.colored-counter-list ul > li {
	position:relative; 
	list-style:none;
	padding-left: 35px;
	margin-bottom: 13px;
}
.colored-counter-list ul > li:before {
	content:counter(li); 
	counter-increment:li; 
	position:absolute;
	top:0;
	left:0;
	width:25px;
	margin-right:8px;
	padding: 3px 0;
	text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #444;
	color: #fff;
}
/*--------------------------------------------------
			TOGGLE
---------------------------------------------------*/
.toggle-wrap {
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
.trigger {
}
.trigger a {
	display: block;
	padding: 10px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #676767;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s;	
	background: url(../images/bullet-toggle.png) no-repeat right 15px #f8f8f8;
}
.trigger.active a { 
	background: url(../images/bullet-toggle.png) no-repeat right -20px #f8f8f8;
}
.toggle-container {
	overflow: hidden;
	float: left;
	padding: 15px;
}
/*--------------------------------------------------
	     ACCORDION
---------------------------------------------------*/
.trigger-button {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	margin-bottom: 6px;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);	
	background: url(../images/bullet-toggle.png) no-repeat right 15px #f8f8f8;
	cursor:pointer;
}
.trigger-button span {
	padding-left: 15px;
}
.trigger-button.active { 
	background: url(../images/bullet-toggle.png) no-repeat right -20px #f8f8f8;
}
.accordion {
	float: left;
	padding: 8px 15px 22px 15px;
}
/*--------------------------------------------------
				GALLERY
---------------------------------------------------*/
.gallery-grid ul li a.hide {
	display: none;
}
.gallery-grid {
	width: 965px;
	margin: 0 0 0 -5px;
	padding: 0;
	float: left;
}
.gallery-grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.gallery-grid ul li {
	float: left;
	margin: 0 0 5px 5px;
	padding: 0;
	position: relative;
	background-color: #f8f8f8;
}
.isotope-item {
    z-index: 1;
}
.isotope-hidden {
    z-index: 0;
}
.gallery-grid ul li.col2 {
	width: 477px;
}
.gallery-grid ul li.col3 {
	width: 316px;
}
.gallery-grid ul li.col4 {
	width: 236px;
}
.gallery-grid ul li img {
	float: left;
}	
.item-info {
	padding: 15px;
	float: left;
	display: none;
}
.item-info h3, .item-info-overlay h3 {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 17px;
	margin-bottom: 0;
	
}
.item-info h3.title a {
	color: #676767;
}
.item-info-overlay h3.title a {
	color: #fff;
	font-size: 17px;
}
.item-info-overlay h3.title a:hover {
	color: #444;
}
.item-info h4, .item-info-overlay h4 {
	font-size:11px;
	line-height: 14px;
	color: #444;
	text-transform: uppercase;
	margin-bottom: 0;
	text-align: center;
}
/*--------------------------------------------------
		    GALLERY THUMBNAIL HOVER
---------------------------------------------------*/
.item-info-overlay {
	color: #fff;
	font-size:11px;
}
.item-info-overlay {
	position:absolute;
	width:100%;
	height:80px;
	left: 0;
	top: 0;
	display: none;
    z-index: 120;
}
.item-info-overlay div {
	padding: 0 5% 5% 5%;
}
.item-info-overlay h3 {
	padding: 32px 0 0 10px;
	font-size: 17px;
}	
.item-info-overlay p {
	margin-top: 10px;
	padding-top: 10px;
}	
.item-info-overlay a.preview, .item-info-overlay a.view {
	position: absolute;
	bottom: 0px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
	text-indent: -9999px;
	height: 37px;
	width: 37px;
	top: 23px;
    z-index: 110;
}
.item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 11px -18px;
	right: 10px;
}
.item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 11px -18px #333;
}
.item-info-overlay a.preview {
	background: url(../images/sprite.png) no-repeat scroll 12px -83px;
	right: 48px;
}
.item-info-overlay a.preview:hover {
	background: url(../images/sprite.png) no-repeat scroll 12px -83px #333;
}

.item-info-overlay a.view:hover, .item-info-overlay a.preview:hover {
	border-radius: 20px;
	-webkit-transition-duration: 2s; 
	-moz-transition-duration: 2s; 
	-o-transition-duration: 2s; 
}
/*--------------------------------------------------
		   SHAPED STYLE ITEM
---------------------------------------------------*/
.gallery-grid ul.shaped li {
	margin: 0 0 15px 5px;
	background-color: transparent;
}
.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;
}
.shaped .item-info-overlay a.preview, .shaped .item-info-overlay a.view {
	bottom: 30px;
	height: 30px;
	width:30px;
}
.shaped .item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 7px 10px #333;
	right: 88px;
}
.shaped .item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 7px -21px #333;
}
.shaped .item-info-overlay a.preview {
	background: url(../images/sprite.png) no-repeat scroll 9px -53px #333;
	right: 119px;
}
.shaped .item-info-overlay a.preview:hover {
	background: url(../images/sprite.png) no-repeat scroll 9px -86px #333;
}
/*--------------------------------------------------
		    GALLERY FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable {
	width: 100%; 
	float: left;
	padding-bottom: 25px;
}
.filterable  ul {
	margin: 0 auto;
	padding-left: 5px;
}
.filterable li {
	background: none;
	display: inline;
	float: left;
}
.filterable li:last-child {
    background: none;
}
.filterable li:last-child a {
	margin: 0 0 0 7px;
}
.filterable li a {
	font-size: 1em;
	color: #444;
	line-height: 16px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin:0 5px;
	padding:3px 0px;
}
.filterable li a:hover {
	color: #444;
}
.filterable li.current a {
	color:#444;
	border-top: 1px solid #444;
	padding-top: 2px;
}
.filterable li span {
	font-size: 1em;
	color: #ccc;
}
/*--------------------------------------------------
		    ARCHIVES
---------------------------------------------------*/
.archive-title {
	color: #676767;
	font-weight: bold !important;
	letter-spacing: -0.07em;
	line-height: 60px !important;
	text-transform: uppercase;
}

.archive-list, .archive-list-ul, .archive-list-ul li ul {
	list-style:none;
}

.archive-list a {
	font-size: 16px;
	line-height: 25px;
	color: #676767;
}

.archive-list a:hover {
	color: #676767 !important;
}

/*--------------------------------------------------
			ITEM NAVIGATION
---------------------------------------------------*/
ul.item-nav {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.item-nav li {
	float: left;
	margin-left: 1px;
	background: #444;
	-webkit-transition:all 0.14s ease 0s; 
	-moz-transition:all 0.14s ease 0s; 
	-o-transition:all 0.14s ease 0s; 
}
ul.item-nav li a {
	background: url(../images/sprite.png) no-repeat scroll 0 0 transparent;
	display: block;
	height: 45px;
	width: 45px;
	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: 17px -212px;
}
ul.item-nav li.next a {
    background-position: 17px -282px;
}
ul.item-nav li.all a {
    background-position: 12px -247px;
}
/*--------------------------------------------------
			CONTACT MODAL WINDOW
---------------------------------------------------*/
#wrapper.fullwidth {
	margin-bottom: 40px;
}
.google-map.fullwidth {
	height: 700px;
	width: 1020px;
	z-index:9;
	top: 0px;
	margin: -4px 0 0 -30px;
}
#contact-mask {
	display: none;
	background: #fff; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; 
	height: 100%;
	opacity: 0.9;
	z-index: 999;
}
#contact-intro {
	width: 960px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	overflow: hidden;
}
#contact-intro h1.title {
	font-size:22px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
}
#contact-intro p {
	font-weight: 300;
	font-size: 22px;
	line-height: 27px;
}
.contact-button {
	margin-top: 45px;
}
.contact-popup {
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	width: 960px;
}
.contact-popup .form {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.contact-popup .close {
	position: absolute;
	top: 40px;
	right: 0px;
}
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	height: 300px;
	width: 100%;
}
.wpcf7 {
	background-color: #f8f8f8;
	overflow: hidden;
	font-weight: bold;
}
.wpcf7-form {
	padding: 5% 5% 0 5%;
}
.form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.form  li {
	position: relative;
}
.form input, .form textarea, #recaptcha_response_field, .form select, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
	width: 96%;
	margin-bottom: 12px;
	position: relative;
	color: #676767;
}
.form select, .wpcf7-form select {
	width: 86.5%;
}
.form textarea .wpcf7-form textarea {
	width: 96%;
	height: 150px;
}
.wpcf7-form-control.wpcf7-submit {
	width: 100%;
	color: #fff;
}
.form input.submit {
	width: 110px;
	color: #fff;
}
.form  li p, .form input.submit {
	margin-bottom: 0;
	color: #fff;
}
.form em {
	color:#aaaaaa;
	display: inline;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.form .contact-error {
    color: #f96e5b;
    font-size: 11px;
	font-weight: bold;
    position: absolute;
    top: 0;
    right: 60px;
}
.contact-info {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.extra-padding{
	padding-top:12px !important;
}

/*------------------------------------------------*/
/*-----------------[Flickr]-----------------*/
/*------------------------------------------------*/
	
	.flickr-badges {width:110%;}
	
	.flickr_badge_image {margin-right:5%; margin-bottom:20px; padding:5px 5px 1px 5px; border:1px solid #333; float:left;   -moz-transition:.8s linear; -webkit-transition:.8s ease-out; transition:.8s linear;}
			
	.flickr_badge_image a:hover {background:none;}
			
	.flickr_badge_image img {width:75px; height:75px; padding:0 0; margin:0 0;}


/*------------------------------------------------*/
/*-----------------[Twitter]-----------------*/
/*------------------------------------------------*/
.tweet:first-child {
	border-top: none;
}
.tweet {
	background: transparent;
	border-top: 1px solid #333;
	padding: 0.8em 0;
}

/*--------------------------------------------------
				     PANEL
---------------------------------------------------*/
#panel {
	position: fixed;
	top: 60px;
	z-index: 999;
}
#panel-admin {
	float: left;
	width: 170px;
	padding: 20px 20px 0;
	background: #333;
	color: #B1B1B1;
}
#panel-admin h1 {
	color: #FFF;
}
.open{
	background: url(../images/style-panel-button.png) no-repeat 0 0 transparent;
	display: block;
	height: 190px;
	width: 33px;
	float: right;
}
#panel-admin select, #panel-admin select:focus {
	width: 100%;
	padding: 3px;
	margin: 10px 0 15px 0;	
	font-size: 12px;
	border: none;
	background-color: #fff;
}

#header-banner { width: 1020px; padding: 0; margin: 0 0 0 -30px; }

/*--------------------------------------------------
			WOOCOMMERCE
---------------------------------------------------*/

.quantity input.qty, #content .quantity input.qty, #content .quantity input.qty, form .form-row input.input-text, form .form-row textarea, input#s, table.cart td.actions .coupon .input-text, .woocommerce form .form-row select, #review_form #respond textarea{
	color: #676767 !important;
}

.woocommerce .content-wrapper h1 {
	display: none;
}

.woocommerce #wrapper .woocommerce-tabs input {
	color: #676767;
}
	

@media only screen and (min-width: 768px) and (max-width: 959px) {
.header { width: 714px!important; } 
.control-size { width: 714px !important; }
.rewidth-subtitle {	width: 674px !important; margin-left: 20px; }
.content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px!important; }
.fixed .header { width: 714px!important;  }
.gallery-grid { width: 720px; }
.gallery-grid ul li.col2 { width: 354px; }
.gallery-grid ul li.col3 { width: 234px; }
.gallery-grid ul li.col4 { width: 174px; }
.grid.row3 li {width: 237px;}
.grid.row4 li {width: 177px;}
.grid.row5 li {width: 142px;}
.grid.row6 li {width: 118px;}
.google-map.fullwidth {	width: 714px; height: 500px; }
.flickr_badge_image img { width:62px; height:62px; }
#header-banner { width: 774px; padding: 0; margin: 0 0 0 -30px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.header, .control-size { width: 420px!important; } 
.header-social-icons-container ul li { display: inline-block; text-align: center; }
.header-social-icons-container.one-half.last, .header > .one, .header-contacts.one-half span, .header-social-icons-container ul { margin: 0px; }
.header-contacts.one-half { text-align: center; margin: 0px; }
.rewidth-subtitle {	width: 420px; margin: 0px; }
.close-container { display: none; }
.section-title .two-third { margin-bottom: 4px; text-align: center; }
.content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px!important; }
#header-wrapper.fixed { display: none !important; }
#primary-menu select { display: block; margin: 25px 0; }
#primary-menu ul { display: none; }
.custom-breadcrumbs { display: none; }
.section-title.control-size.one-half { margin: 25px 0 1px; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.gallery-grid { width: 100%; margin: 0; }
.gallery-grid ul li.col2, .gallery-grid ul li.col3, .gallery-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}
.google-map.fullwidth {	width: 420px; height: 300px; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }
.flickr_badge_image img { width:67px; height:67px; }
#header-banner { width: 480px; padding: 0; margin: 0 0 0 -30px; }
#back-top { display: none !important; }
#logo, #logo a { text-align: center; float: none; padding-top: 30px; }
#logo { margin: 0px; }
#footer-bottom { padding: 25px 25px 0px 25px; }
#menu-footer { float: none; }
#menu-footer li { display: inline-block; text-align: center; float: none; }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.header, .control-size { width: 300px!important; } 
.header-social-icons-container ul li { display: inline-block; text-align: center; }
.header-social-icons-container.one-half.last, .header > .one, .header-contacts.one-half span, .header-social-icons-container ul { margin: 0px; }
.header-contacts.one-half { text-align: center; margin: 0px; }
.rewidth-subtitle {	width: 300px; margin: 0px; }
.close-container { display: none; }
.section-title .two-third { margin-bottom: 4px; text-align: center; }
.content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 300px!important; }
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; margin: 25px 0; }
#primary-menu ul { display:none; }
.custom-breadcrumbs { display: none; }
.control-size.one-half { margin: 25px 0 1px !important; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.grid li { border-right: none; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 300px; }
.gallery-grid { width: 100%; margin: 0; }
.gallery-grid ul li.col2, .gallery-grid ul li.col3, .gallery-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.google-map.fullwidth {	width: 420px; 	height: 300px; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }
#footer-bottom { margin: 0 -10px; }
#footer-top { margin: 0 -10px; background-color: #1e1e1e; }
#footer-content {padding:0px; margin:0px;}
.content-wrapper {padding:0px 10px;}
#footer-bottom, #footer-top {  padding: 35px 5px;}
.flickr_badge_image img { width:67px; height:67px; }
#header-banner { width: 321px; padding: 0; margin: 0 0 0 -11px; }
#back-top { display: none !important; }
#logo, #logo a { text-align: center; float: none; padding-top: 30px; }
#logo { margin: 0px; }
#footer-bottom { padding: 25px 25px 0px 25px; }
#menu-footer { float: none; }
#menu-footer li { display: inline-block; text-align: center; float: none; }
}