/*  
Theme Name: Marsuno
Version: 1.0
*/
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }@font-face {
    font-family: 'Gotham';  src: url('fonts/gotham.eot');  src: url('fonts/gotham.eot?#iefix') format('embedded-opentype'),
	 url('fonts/gotham.woff') format('woff'),
	 url('fonts/gotham.ttf') format('truetype'),
	 url('fonts/gotham.svg#gotham') format('svg');  font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'GothamL';
	src: url('fonts/gotham-light.eot');
	src: local('☺'), url('fonts/gotham-light.woff') format('woff'), url('fonts/gotham-light.ttf') format('truetype'), url('fonts/gotham-light.svg#webfontGothamL') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'GothamM';
	src: url('fonts/gotham-med.eot');
	src: local('☺'), url('fonts/gotham-med.woff') format('woff'), url('fonts/gotham-med.ttf') format('truetype'), url('fonts/gotham-med.svg#webfontGothamM') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'GothamB';  src: url('fonts/gotham-bold.eot');  src: url('fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold.woff') format('woff'),
         url('fonts/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham-bold.svg#gothambold') format('svg');  font-weight: normal; font-style: normal;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { min-width:960px;  }
body { margin:0px; padding:0px; background-color:#fff;  font-family: 'GothamL'; font-size:18px; color:#333; -webkit-font-smoothing: antialiased;  }
a { color:#fc361d; text-decoration:none; cursor:pointer; }
a:hover {}
.transition, #content a { -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all;  transition-property: all;  }

body.popup { min-width:550px; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:center 20px; padding:120px 20px 20px 20px; font-size:0.9em }

.cover { background-size:cover }


h1, h2, h3, h4, h5 { font-weight:normal; font-family: 'GothamM'; color:#000;   }
h1 a, h2 a { color:#000; }  
h1, h2  { font-size:44px; text-transform:uppercase; margin-bottom:12px; line-height:1.2em; }
	h2.big { font-size:44px; }
	h2.small { font-size:40px; }
h3 		 { font-size:23px; text-transform:uppercase; margin-bottom:7px; line-height:1.1em; }
	h3.big { font-size:29px}
	h3.bigger { font-size:36px}
h4 		{ font-size:22px; text-transform:uppercase; margin-bottom:7px;  }
h1.regular, h2.regular, h3.regular { font-family:'Gotham' !important}

::selection 		{ background: #fcc7c9; }
::-moz-selection  { background: #fcc7c9; }
/*input 				{ -webkit-appearance: none; }  no rounded corners on ios */

h1.thin, h2.thin, h3.thin, h4.thin, h5.thin { font-family:'Gotham'}
h1.headline, h2.headline, h3.headline { font-size:85px; line-height:0.9em }

h4.bold, h5.bold { font-family:"GothamB" !important }


.hide-desktop { display:none}
.noshow-mobile, .mobile-noshow, .hide-mobile { display:inline-block }

.clr { float:none; clear:both }
small {  }
.underline { border-bottom:1px solid #666 }
.lower { text-transform:none !important}
.upper { text-transform:uppercase}
.cap { text-transform:capitalize}
.bold, strong { font-weight:normal; font-family:'GothamM' !important }
.regular, .button.regular { font-family:'Gotham' }
.center { text-align:center; }	
.nomargin, .no-margin { margin:0px !important; }
.medium { font-size:21px; line-height:1.4em }
.medium2 { font-size:23px; line-height:1.4em }
.big, .button.big { font-size:25px; line-height:1.4em }
	.button.big { line-height:52px; height:52px }
.bigger { font-size:34px; line-height:1.3em }
.small { font-size:14px;}
.light { color:#666 !important}
.red, .msg { color:#ff3300 }
.msg { font-family:'Gotham'}
.light-blue { color:#0099ff}
.black { color:#000 }
.white { color:#fff }
.gray { color:#666 }
.blue { color:#1263d5 }

ul.bullets { list-style:disc; padding:0px 0px 20px 20px }

.inline { display:inline-block}

.smooth-appear { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); position: relative;}
.smooth-appear[data-appear-from=left] { left: -100px; }
.smooth-appear[data-appear-from=right] {  right: -100px;}
.smooth-appear[data-appear-from=top] {  top: -100px;}
.smooth-appear[data-appear-from=bottom] {  bottom: -100px; }
.smooth-appear[data-appear-from=bottom-half] {  bottom: -50px;}
.smooth-appear[data-appear-pos=abs] {  position: absolute;}
#content hr { position:relative; outline:none; border:none; /*margin:35px 0px 35px -45px;*/ margin:40px 0px 10px 0px;  }
	#content hr:after { position:absolute; top:0px; left:50%; width:90px; height:1px; content:''; margin-left:-45px; border-bottom:1px solid #e4e4e4; }
.single #content { margin-bottom:70px;}
body.popup .single #content { margin-bottom:25px;}

.clearfix { position:relative; zoom: 1; /* IE*/} 
.clearfix:after { content: ""; display: block; height:0px; clear: both; visibility: hidden; }


.banner { margin:80px 0px;}
.bg-gray { background-image:url(images/bg-gray.gif); background-color:#f6f6f6; padding:85px 0px; margin-bottom:0px; color:#666 }
.bg-gray-plain { background-color:#fafafa; padding:30px 0px; }
.bg-black { background-color:#000;  }
.bg-blue { background-color:#4785db; color:#fff; padding:70px 0px 50px; }

.hidden { display:none}
#loader { display: block; position: fixed; left:0; top: 0; width:100%;height:100%; background-color: #fff; background: #ffffff url(images/loader.gif) no-repeat 50% 50%; z-index: 99999; }
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
header, footer, .wrap, nav { display:block; position:relative }
.wrap { position:relative; width:1000px; margin:auto;  }
.wrap-small { width:460px; margin:auto }
#content { position:relative; padding:0px 0px 0px 0px; z-index:999;  }
#content.page-wide, .homepage { width:100%; }
/*------------------------------------------------*/
/*--------------[HEADER / NAV]--------------------*/
/*------------------------------------------------*/
header { width:1000px; height:145px; margin:auto; overflow:hidden }
	/*header #logo { position:absolute; top:28px; left:0px; width:120px; height:79px; background-image:url(images/logo.png); background-repeat:no-repeat;   } */
	header #logo { position:absolute; top:12px; left:0px; width:120px; height:79px; background-image:url(images/logo.png); background-repeat:no-repeat;   }
		header #logo a { display:block; width:100%; height:100%; text-indent:-9999px; }
		header .tel { text-transform:uppercase; color:#b1b1b1; font-size:21px; font-family:'GothamM'; text-align:right; margin-top:38px}
			header .tel span { color:#ff3300 }
		
/*.top-nav { position:absolute; right:0px; top:0px; margin-top:14px; width:810px; margin-right:-8px; font-size:14px; text-align:right; text-transform:uppercase; font-family:'GothamM';  }*/
.top-nav { position:relative; /*right:0px; top:0px; width:810px;*/ margin-top:44px;  margin-right:-8px; 
font-size:14px; text-align:center; text-transform:uppercase; font-family:'GothamM';  }
	.top-nav li { display:inline-block; text-align:right;  }
	.top-nav li a { color:#b1b1b1; margin:0px 7px; padding-bottom:6px;}
	.top-nav li:hover a,
	.top-nav li.current-menu-item a,
	.top-nav li.current-post-ancestor a,
	.top-nav li.current-category-ancestor > a { color:#666; border-bottom:3px solid #fc361d }
#mobile_links { display:none  }
.et_mobile_menu { display: none; }
.closed { display:none; }	

/*** FAQ SUBBMENU ***/
.faq-submenu {}
.faq-submenu li { display:inline-block; font-size:21px !important; border-bottom:3px solid  transparent; text-align:center !important;
 width:17%; margin:0px 3% 20px 0px;  }
.faq-submenu li h5 { font-size:22px !important }
.faq-submenu li a { display:inline-block !important; width:100%; color:#b1b1b1;display:block; 
text-align:center; padding-bottom:20px; }
.faq-submenu li.active a, .faq-submenu li:hover a { color:#000}
.faq-submenu li.active, .faq-submenu li:hover { border-bottom:3px solid #fc2307}
.faq-submenu li img { margin-bottom:10px} 

@media only screen and (max-width: 767px) {
	.faq-submenu li { width:32%; margin-right:1%; }
	.faq-submenu li h5 { font-size:14px !important; }
}

	
/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/
#featured-area { width:100%; /*height:890px; */ overflow:hidden;  margin:0px 0px 0px 0px; z-index:999  }
.home #featured-area { margin-bottom:0px; }
	#featured-area .slides li { background-repeat:no-repeat; background-position:center top;  position:relative; width:100%; overflow:hidden;   }
	#featured-area .slides li .text { position:absolute; width:100%; /*height:100%; */ padding-top:45px; line-height:1.3em; }
	#featured-area .wide { margin:0px -14% 0px -14% }
	#featured-area .slides li .text .wrap { padding:100px auto 30px auto; }
	#featured-area .slides h1, #featured-area .slides h2 { font-size:55px; text-transform:uppercase; line-height:1.1em ; margin-bottom:25px;}
	#featured-area .slides h1.big, #featured-area .slides h2.big { font-size:67px; }
	#featured-area .slides h1.medium, #featured-area .slides h2.medium { font-size:39px; }
	#featured-area .slides h1.headline, #featured-area .slides h2.headline { font-size:85px; line-height:0.9em }
	#featured-area .slides h1.bigger, #featured-area .slides h2.bigger { font-size:100px; line-height:0.92em; font-family:'Gotham'; margin:30px 0px 15px 0px;}
	#featured-area .slides .button { text-align:center !important; margin:10px 20px ;}
	#featured-area .image img {  min-width:100%; /*height:auto; */ display:block; min-height:380px; max-width:none !important;   }
#box {
  -webkit-animation: NAME-YOUR-ANIMATION 5s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 5s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 5s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 5s infinite; /* IE 10+ */
}
.scroll {
	position: absolute; 	bottom: 30px; left: 50%; 
	margin-left: -15px; z-index: 9999; 
	background: url(images/scroll.png) no-repeat;
	width: 28px; height: 27px;
	cursor: pointer;
	opacity: 0.3;
	animation:scroll 3s infinite;
	-webkit-animation:scroll 1s infinite;
	-moz-animation:scroll 1s infinite;
	-o-animation:scroll 1s infinite;
	animation-timing-function: ease-out;
}
@-webkit-keyframes scroll {
  0%  {bottom: 30px;}
  50% {bottom: 50px;}
  100% {bottom: 30px;}
}
@-moz-keyframes scroll {
  0%  {bottom: 30px;}
  50% {bottom: 50px;}
  100% {bottom: 30px;}
}
@-o-keyframes scroll {
  0%  {bottom: 30px;}
  50% {bottom: 50px;}
  100% {bottom: 30px;}
}
@keyframes scroll {
  0%  {bottom: 30px;}
  50% {bottom: 50px;}
  100% {bottom: 30px;}
}
/*------------------------------------------------*/
/*--------------[HOMEPAGE]------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------[POSTS / PAGES]---------------------*/
/*------------------------------------------------*/
article { position:relative; line-height:1.5em }
article p { padding-bottom:21px; }
.cat-description { margin-bottom:40px; }
/**** LOOP POST MASONRY ***/
img.lazy { opacity:0}
.loop-posts { margin:0px 0px 0px -30px; width:990px; position:relative; }
.loop-post { position:relative; float:left; margin:0px 0px 30px 30px  }
.loop-post.col-1 { width:300px; }
.loop-post.col-2 { width:630px;  }
	.loop-post .post-thumbnail { position:relative; display:block; margin:0px !important; padding:0px;  }
	.loop-post .overlay { position:absolute; top:0; left:0; width:100%; bottom:0; background-image:url(images/overlay-orange.png); z-index:99; color:#fff; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); line-height:1.4em; font-size:18px; 
	-webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all;  transition-property: all;   }
	.loop-post:hover .overlay { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=1);  }
	.loop-post:hover .overlay:after { position:absolute; width:39px; height:39px; display:block; content:''; background-image:url(images/more.png); background-repeat:no-repeat; bottom:20px; right:20px; }
	.loop-post .overlay .pad { padding:50px 24px 24px 24px }
	.loop-post h2 { font-size:18px; color:#fff !important; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #fff }
#infscr-loading { display:none !important}
/* 3 columns by default */
.grid-sizer { width: 300px; }
@media screen and (min-width: 720px) {
  /* 10 columns for larger screens */
  /*.grid-sizer { width: 33%; } */
}
.pagination { float:none; clear:both; position:relative; text-align:center; padding:70px 0px; margin-bottom:120px; }
.pagination:after { position:absolute; bottom:0px; left:50%; width:90px; height:1px; content:''; margin-left:-45px; border-bottom:1px solid #e4e4e4;}
	.pagination a { display:block; margin:auto; width:90px; height:90px; text-indent:-9999px; background-image:url(images/moreposts.png); background-repeat:no-repeat; color:#fff; }
		.pagination .previous a:hover {  }	/*------------[POSTS]---------------------*/	

.one_half { float:left; /*width:48%; */ width:420px; margin:0px 30px 20px 0px }
.one_third { float:left;  width:31%; margin-right:2%;  }
.one_fourth { float:left; width:24%; margin:0px 1% 20px 0px  }
.one_fifth { float:left; width:19%; margin:0px 1% 20px 0px  }
.two_third { float:left; width:63% }

div.last, li.last { float:right; margin-right:0px !important;}
	/*** general li Loop */
	ul.loop { margin:10px 0px 30px -17px; }
	.loop li { float:left; width:307px; height:307px; margin:0px 0px 17px 17px; }
	.loop { position:relative; padding-bottom:80px; margin-bottom:80px; font-size:17px; line-height:1.5em; color:#666 }
	article.loop:after { position:absolute; display:block; content:''; bottom:0px; width:170px; height:1px; border-bottom:1px solid #e4e4e4; }
	.loop .post-title { margin-bottom:2px !important; }
	.loop .post-thumbnail, .post .post-thumbnail { margin-bottom:30px }
	.post-content { line-height:1.5em; color:#666 }
	#content p { padding-bottom:18px; }
	.content-left { position:relative; float:left; width:610px; margin-bottom:50px;}
.single h1.post-title { border-bottom:1px solid #ececec; padding-bottom:9px; }	#submenu-work { float:none; clear:both; width:100%; font-size:22px; text-align:center; padding:40px 0px 120px; }
	#submenu-work li { display:inline-block; }
		#submenu-work li a { color:#666; padding:0px 22px; }
		#submenu-work li a.on, #submenu-work li a:hover { color:#0099ff; }
/** in homepage **/
#loop-services, #loop-works-feat  { margin:60px -27px 230px -27px;} 
	.loop-service { position:relative; float:left; width:305px; text-align:center; margin:0px 0px 27px 27px; }
		.loop-service span { display:block; }
		.loop-service a h4.title { color:#ccc; font-size:16px; }
		.loop-service a:hover h4.title { color:#333 }
		.loop-service .overlay { position:absolute; top:0px; left:0px; width:100%; height:305px; overflow:hidden; background-image:url(images/overlay-black.png); text-align:left; opacity:0; font-size:15px; color:#fff; line-height:1.5em; font-family:'Gotham';-webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all;  transition-property: all;   }
		.loop-service:hover .overlay { opacity:1; }
		.loop-service .overlay h4 { color:#fff; margin-bottom:20px; }
		.loop-service .overlay .pad { padding:80px 40px }
		.loop-service  .post-thumb { margin-bottom:26px; }
#work {}
	#work .loop-work, .loop-work-feat { float:left; width:307px; height:307px; }
	/*** Featured work loop */
	#loop-works-feat { }
	.loop-work-feat  { position:relative; float:left; width:305px; text-align:center; margin:0px 0px 27px 25px;  }
	.loop-work-feat span { display:block}
	.loop-work-feat > a h4 { color:#fff !important}
	.loop-work-feat .overlay { position:absolute; top:0px; left:0px; width:100%; height:305px; overflow:hidden; background-image:url(images/overlay-orange.png); text-align:center; opacity:0; font-size:15px; color:#fff; line-height:1.5em; font-family:'Gotham';-webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all;  transition-property: all;  }
	.loop-work-feat:hover .overlay { opacity:1; }
	.loop-work-feat .overlay .pad { padding:120px 40px 80px; height:100%;  }
	.loop-work-feat h4 { font-size:22px; margin-bottom:2px}
	.loop-work-feat h5 { font-size:13px; color:#ccc; text-transform:uppercase; }
		.loop-work-feat h5 a { color:#ccc; }
	.isotope-item {  z-index: 2; }
	.isotope-hidden.isotope-item { pointer-events: none;  z-index: 1; }
#team { margin-top:100px;}
	.loop-team { margin-bottom:180px; }	
	.loop-team .thumb { float:left; width:280px; margin:0px 60px 0px 0px}
	.loop-team .team-social { float:left; width:46px; margin:0px 75px 0px 0px;}
	.loop-team .desc { float:left; width:495px; padding-top:10px; line-height:1.4em  }
	.loop-team h4 { color:#0099ff; text-transform:none; font-size:18px; margin-bottom:3px; font-family:'Gotham'}
	.loop-team .team-social li { display:block; width:46px; height:46px; margin-bottom:15px; overflow:hidden; background-repeat:no-repeat; text-align:left; font-size:12px;  }
		.loop-team .team-social a 				{ display:block; width:100%; height:100%; text-indent:-9999px;  }
		.loop-team .team-social li.facebook 	{ background-image:url(images/ico-facebook.gif)}
		.loop-team .team-social li.twitter 		{ background-image:url(images/ico-twitter.gif) }
		.loop-team .team-social li.linkedin 	{ background-image:url(images/ico-linkedin.gif) }
		.loop-team .team-social li.email			{ background-image:url(images/ico-email.gif) }
		
/*------------SINGLE POST -----------*/
.single article, .page article { margin-bottom:35px;  }
/*** SERVICES ***/	
.block { font-family:'GothamM'; color:#555; font-size:18px; line-height:1.5em }	
.block h3 { font-family: 'Baskerville'; text-transform:none;  }
.block.service { padding:80px 0px 0px 0px;  }
.block.service .text { display:inline-block; font-family:'GothamL'; padding-top:90px; }
.block.service.odd .post-thumbnail { float:right; }
.block.service.even .post-thumbnail { float:left; }
.block.service.even .text { float:right; width:40%; }
.block.service .text p { padding-bottom:25px !important; }
.meta-info { color:#999; font-family:'Gotham'; font-size:17px; padding-bottom:13px; margin-bottom:4px; }
	.meta-info a { color:#fc361d; text-decoration:none }
		.meta-info a:hover {  }
.single .meta-info { }
.share { position:absolute; left:-110px; width:70px; float:none; clear:both;  }
	.share li { width:70px; height:70px; margin-bottom:8px; background-repeat:no-repeat;}
	.share li a { display:block; width:100%; height:100%; }
	.share li.facebook { background-image:url(images/ico-facebook-social.gif); }
	.share li.twitter { background-image:url(images/ico-twitter-social.gif); }	
	.share li.linkedin { background-image:url(images/ico-linkedin-social.gif); }
	.share li.email { background-image:url(images/ico-email-social.gif); }
.tags li { display:inline-block; padding:0px 14px 0px 0px; }
#about { margin:65px 0px; color:#333; background-color:#fbfbfb; padding:50px 20px 20px 20px; line-height:1.3em  }
	#about h3 { font-size:23px; color:#333333; }
	#about .avatar { float:left; margin:0px 60px 15px 0px }
	#about .author-more { font-size:16px; color:#999 }

	
table.specs { font-size:17px; line-height:1.2em; margin-bottom:40px; color:#404040; margin-left:-10px; margin-right:-10px;}
	table.specs th { font-family:'GothamM'; padding:17px 10px; color:#0066cc; font-weight:normal; font-size:17px;border:1px solid #ccc }
	table.specs td { padding:17px 10px; border:1px solid #ccc; text-align:center; }
	table.specs td.text-left { text-align:left } 
	
	table.specs .text-small { color:#999999; font-size:0.8em }
	
	@media only screen and (max-width: 767px) {	
		table.specs { width:320px; margin-left:-10px !important;}
		table.specs, table.specs th  { font-size:12px; line-height:1.3em}
		table.specs td { padding:6px 4px; }
	}	
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter { float:none; display:block; margin:0px auto 10px auto; }
.alignleft { float:left; margin:0px 70px 10px 0px; }
.alignright { float:right; margin:0px 0px 10px 70px }
/**** SERVICES PAGE ****/
article.page-services { /*background-color:#ececec; padding:60px 0px 50px; */ }
.page-services h1 { font-size:68px; color:#6b6b6b; text-align:center; line-height:1.1em }
/*** SINGLE WORK ***/
.single-work h3 { margin-bottom:13px;}
.workcat { text-align:center; color:#333; font-size:23px; margin-bottom:10px;}
	.workcat a { color:#333; display:inline-block; margin:0px 20px;  }
	.single-work .bg-gray-plain { background-image:none; background-color:#f8f8f8 }
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/
#disqus_thread { }
	#disqus_thread a { color:#09F  }
h4#comments { font-size:26px; font-family:'GothamM'; text-transform:none; margin-bottom:20px; border-bottom:0px; color:#000}
#comment-wrap { position:relative; margin:35px 25px 40px 25px; font-size:16px; font-family:'Gotham'; line-height:1.4em; }
	#comment-wrap  a { }
#comments, #reply-title { border-bottom: 1px solid #e2e2e2; padding-top: 0; padding-bottom:10px;  }
#comments h4, #respond h3 { font-size:18px; }
.commentlist {  }
	.comment { float:none; clear:both; }
	.comment, .comment p { }
	.comment-body { position: relative; padding:30px 0px 30px 0px; }
	.comment-body.odd {  }
		.avatar  { float:left; margin:0px 15px 15px 0px; }
		.comment-meta { margin:0px 0px 5px 0px; }
			.comment-author { display:inline-block; font-size:16px; font-family:'GothamM'; color:#09F }
				.comment-author a { color:#09F  }
			.comment-date { display:inline-block; font-size:14px; text-transform:none; color:#adb6bb; font-family:'GothamM'}
			
		.comment-content { float:left; /*width:700px; */ width:88%; color:#333  }
		.comment-edit-link { color: #ddd; font-style: italic; font-size:13px; }
		a.comment-reply-link { float: right; font-weight:normal; font-size:13px;  padding:3px 0px; text-decoration: none; color:#555 !important; font-family:'GothamM' }
		.comment-body a.comment-reply-link:hover { text-decoration: none; color: #fff}
		.commentlist .children { padding-left:50px; }
		.reply-container { text-align: right; }
		h3#reply-title { border-bottom:0px !important; display:none }
			.comment #reply-title small { display:none; }
		#commentform { padding: 40px 0px; margin-top:40px;  }
			.comment-notes { display:none; }
			#commentform label { display:inline-block; float:left; width:40%; }
			
				#commentform #author, #commentform #email, #commentform #url { float:left; width:28.4%; margin:0px 3% 10px 0px; } 
				 #commentform #url { float:right; margin-right:0px; width:29%; }
				 #commentform #comment {  }
			#commentform #submit { font-size:17px; text-transform:uppercase; font-family:'GothamM'; text-align:right; padding:0px 40px; margin-top:15px;  }
			
			#commentform  p { margin:5px 0px 5px 0px;}
			
			#commentform input[type=text] { width:50%}
			#commentform textarea { width:97% !important} 	
	#commentform input.error { border:1px solid #C00 }
/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
#sidebar { position:relative; float:right; width:250px;  line-height:1.3em  } 
	#sidebar .widget { float:none; clear:both; margin:0px 0px 60px 0px; }
	#sidebar .widgettitle { font-size:25px; color:#000; font-weight:normal; border-bottom:1px solid #ececec; padding-bottom:12px; margin-bottom:14px; line-height:1.2em;   }
	#sidebar .widget li { padding:3px 1px 4px 1px }
		#sidebar .widget li a { display:inline-block; color:#666; }
		#sidebar .widget li a:hover { color:#444; text-decoration:none; }
#sidebar .widget_search { float:none; clear:both; }
#sidebar input[type=text], #sidebar #s { background-color:#f7f7f7; padding:10px; }		
#sidebar #searchsubmit { float:right; margin:2px 0px; height:38px; line-height:40px; }
#eyegasms { padding-bottom:40px;}
.bg-gray #eyegasms { padding-bottom:0px;}
	#eyegasms ul { position:relative; padding-bottom:80px; margin:0px 0px 80px -17px; font-size:17px; line-height:1.5em; color:#666 }
	#eyegasms ul li { float:left; width:307px; height:307px; overflow:hidden; margin:0px 0px 17px 17px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius: 2px; }
	#eyegasms ul li img { display:block; margin:auto; max-width:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius: 2px; }
	#eyegasms ul li p, blockquote { display:none}
.easy-instagram-thumbnail-wrapper { margin-bottom:30px; }
	.easy-instagram-thumbnail { margin-bottom:13px}	
	.easy-instagram-thumbnail-author { }
	.easy-instagram-thumbnail-caption { font-size:1em !important; font-weight: bold; }
	.easy-instagram-thumbnail-time { font-size:1em !important; font-weight: bold; color: inherit !important;	 }	/*------------------------------------------------*/
/*--------------------[FORMS]---------------------*/
/*------------------------------------------------*/
.p5 { margin-bottom:5px !important}
.p10 { margin-bottom:10px}
.p15 { margin-bottom:15px}
.p20 { margin-bottom:20px} 
.p30 { margin-bottom:30px}
.p40 { margin-bottom:40px}
.p50 { margin-bottom:50px}


.bg-form { padding:23px; background-color:#fafafa; font-size: 0.8em }

input[type=text], input[type=email], input[type=tel], input[type=number], textarea, select { width:370px;  padding:12px 10px 11px 0px; text-indent:10px; border:0px; font-size:14px; font-family:'Gotham'; border:1px solid #e4e4e4; max-width:93%  }
	input[type=text]:focus, input[type=email]:focus, textarea:focus { border:1px solid #ccc}
input[type=submit], .button { display:inline-block;  font-size:17px; font-family:'GothamB'; border:0px; cursor:pointer; background-color:#fc361d; color:#fff; text-transform:uppercase; height:42px; line-height:43px; padding:0px 25px; text-decoration:none; -webkit-font-smoothing: antialiased; }
input[type=text].smaller, input[type=number].smaller  { width:50px; font-size:13px; padding:13px 7px 12px 0px; text-indent:7px; max-width:inherit }
input[type=number] { padding-right:1px !important;}


textarea { height:70px; text-indent:0px; padding-left:10px; }
select { width:430px;  }
select { display: block; outline: none; font-size: 14px; line-height: 17px; padding-right:35px;border:1px solid #e4e4e4; margin: 0; max-width:96%; background-image: url(images/select.png); background-position: center right; background-repeat: no-repeat; background-color: #fcfcfc; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; }
 
.button.black { background-color:#000 }
.button.blue { background-color:#135ed3 }
	.screen-reader-text { display:none; }
	
label.error { display:none !important}
input.error, select.error, textarea.error { border:1px solid #F00 !important}
.wpcf7  { color:#000 }
.wpcf7 label { font-family:'Gotham'; display:inline-block; margin:5px 0px 5px 0px; font-size:18px; color:#000; text-transform:uppercase; }
.wpcf7-list-item { display:block !important; margin:0px 0px 5px 0px !important;  }
.wpcf7-list-item-label { font-size: 0.8em !important }
.wpcf7 textarea { margin:10px 0px;  }
.wpcf7-list-item label { text-transform:none; margin:0px }

div.wpcf7 { margin: 0; padding: 0; }
div.wpcf7-response-output { text-align:center; font-family:'Gotham'; margin: 2em 0px !important; padding: 0.2em 0em !important;  }
div.wpcf7-mail-sent-ok { border:0px !important; }
div.wpcf7-mail-sent-ng { border:0px !important; }
div.wpcf7-spam-blocked { border: 0px !important; }
div.wpcf7-validation-errors { border:0px !important; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
div.wpcf7 .placeheld { color: #888; }.note { color:#949494; font-size:14px; line-height:1.3em; font-family:'GothamL'}
 
div.wpcf7 img.ajax-loader { width:30px; height:30px; background-image:url(images/ajax-loader.gif); background-repeat:no-repeat; margin:5px; }
 
/*** FORM ORDERS ***/ 
.form-orders label { vertical-align:top; padding:8px 15px 2px 0px; width:36%; text-align:right; } 
	.form-orders input, .form-orders select, .form-orders textarea { display:inline-block; max-width:45%; }
	.form-orders select { max-width:47%;}
	.form-orders label.wide { width:100%; text-align:center}
	.form-orders div.wpcf7-response-output { text-align:center; font-family:'GothamM'}
	
	.form-orders .order { border-top:1px solid #ddd; padding-top:20px;}
	.form-orders .order:first-child { border:0px }
	a.add { position:relative; padding-left:45px; font-family:'Gotham' }
	a.add:before { display:block; position:absolute; width:35px; height:35px; line-height:38px; left:0px; top:-10px; font-size:34px; content:'+'; background-color:#ff3300; color:#fff; font-family:'Gotham'; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
	
.button-roll {
    display: inline-block;  overflow: hidden;  vertical-align: middle; 
    -webkit-perspective: 275px;
       -moz-perspective: 275px;
        -ms-perspective: 275px;
            perspective: 275px;
    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
        -ms-perspective-origin: 50% 50%;
            perspective-origin: 50% 50%;
}
.button-roll span {
   		-webkit-transition: -webkit-transform 0.3s ease; 
		-moz-transition: -moz-transform 0.3s ease; 
		transition: transform 0.3s ease; 
		-webkit-transform-origin: 50% 0 0; 
		-moz-transform-origin: 50% 0 0; 
		transform-origin: 50% 0 0; 
		-webkit-transform-style: preserve-3d; 
		-moz-transform-style: preserve-3d; 
		transform-style: preserve-3d; 
		border-radius: 5px; 
		display: inline-block; 
		padding: 0 25px; 
		position: relative;
}
.button-roll:hover span {
    -webkit-transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
        -ms-transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
            transform: translate3d( 0px, 0px, -55px ) rotateX( 90deg );
}
.button-roll span:after {
  		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 50% 0 0; 	
		-moz-transform-origin: 50% 0 0; 
		transform-origin: 50% 0 0; 
		border-radius: 5px; 
		content: attr(data-hover); 
		height: 100%; 
		left: 0; 
		position: absolute; 
		top: 100%; 
		width: 100%;
		text-align: center;
}

.box { padding:18px 18px 22px 18px; font-family:'GothamM'; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); min-height: 210px; margin: 0px 6px 30px 6px}


/*------------[WP CONTACT FORM-7]-----------------*/
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
footer { width:100%; background-color:#000; color:#fff; padding:115px 0px 170px; font-family:'GothamM'; line-height:1.3em; font-size:14px  }
	footer .wrap { /*width:1040px; */ }
	footer h3 { outline-width:0; border:0px; border-bottom:1px solid #333; margin:22px 0px 38px; }
	footer a { color:#fff;  }
	footer .left { float:left; width:280px; }
	footer .center { float:left; width:430px; text-align:left;  }
	footer .right  { float:right; width:240px; padding-left:5px; border-left:1px solid #333; text-align:right; }
	footer .top { padding-top:28px; padding-bottom:22px; height:18px !important;  }
	footer .bottom { padding-top:38px; padding-bottom:32px }
	footer .bottom.center { width:350px; border-left:1px solid #333; padding-left:40px; padding-right:40px; }
	footer hr { outline:none; border:none; border-bottom:1px solid #333; margin:0px -40px 0px -40px }
	footer .tel { font-size:15px;  text-transform:uppercase;  }
	.footer-nav { text-align:center; text-transform:uppercase; font-family:'GothamM'; font-size:12px;  }
		.footer-nav li { display:inline-block;  }
		.footer-nav li a { display:block; color:#fff; text-decoration:none; padding:0px 13px 0px 13px;  }
	footer #likeus { color:#a9d1f8; text-transform:uppercase;  }
		footer #likeus div { display:inline-block; min-width:100px; vertical-align:top; }
	footer #address { text-align:center;  font-size:13px; color:#fff; font-size:12px; }
	footer #copyright { text-align:center;  font-size:13px; color:#999; font-size:12px; }
	footer #news-signup {}
		footer #news-signup li { display:inline-block; margin-left:-4px; }
		footer #news-signup input[type=email]{ background-color:#414141; color:#fff; width:140px; border:0px; padding:11px 15px 10px; font-size:13px; }
		footer input.submit { width:70px; padding:0px; height:36px; line-height:35px; background-color:#333; color:#fff; text-transform:none; font-size:13px; vertical-align:middle  }
	footer #social li { display:inline-block; width:24px; height:24px; margin-left:3px; overflow:hidden; background-repeat:no-repeat; text-align:left; font-size:12px; line-height:23px; }
		footer #social li a 			{ display:block; width:100%; height:100%; text-indent:-9999px;  }
		footer #social li.text		{ width:auto; padding-right:4px; }
		footer #social li.flickr		{ background-image:url(images/ico-flickr-footer.gif)}
		footer #social li.facebook 	{ background-image:url(images/ico-facebook-footer.png)}
		footer #social li.twitter 	{ background-image:url(images/ico-twitter-footer.gif) }
		footer #social li.linkedin 	{ background-image:url(images/ico-linkedin-footer.gif) }
		footer #social li.skype 		{ background-image:url(images/ico-skype-footer.gif) }
		footer #social li.yelp 		{ background-image:url(images/ico-yelp-footer.png) }


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;    -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('js/fancybox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('js/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto; }
.fancybox-lock body {
    overflow: hidden !important; }
.fancybox-lock-test {
    overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('js/fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 	background-image: url('js/fancybox/fancybox_sprite@2x.png'); 	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div { 	background-image: url('js/fancyboxfancybox_loading@2x.gif'); 	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}