/* CSS for Smartphone, ex: iPhone, Android, Blackberry

=====================================================================*/



@media screen and (max-width: 650px) {

	img {

		max-width: 100%;

	}

	html {

		-webkit-text-size-adjust: none;

	}

	body {

		min-width:auto;

		background: none;

	}

	#main-header, #content, #widget-footer, #main-footer {

		width:95%;

		padding:0;

		margin:0 auto;

	}

	#main-header {

		width:96%;

		padding:0 2%;

		height: auto;

		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2c2c), to(#444));

	    background-image: -webkit-linear-gradient(top, #2c2c2c, #444); 

	    background-image:    -moz-linear-gradient(top, #2c2c2c, #444);

	    background-image:     -ms-linear-gradient(top, #2c2c2c, #444);

	    background-image:      -o-linear-gradient(top, #2c2c2c, #444);

	    margin-bottom:30px;

	}

	#logo {

		width:210px;

		height:88px;

		float:none;

		display: block;

		margin:0 auto;

	}

	#logo img {

		width:210px;

		height:88px;
margin:0 auto;

	z-index:100;
	position:static;
left:0;

	}

	#contact-header {

		float:none;

		margin:10px 0 0 0;

		height: auto;

	}

	#contact-header #email, #contact-header #phone {

		float:none;

		text-align: left;

		margin:0 0 20px 0;

		padding:0;

		text-align: center;

		background: none;

	}

	#contact-header #email {

		float:left;

		text-align:left;

	}

	#contact-header #phone {

		float:right;

		text-align: right;

	}

	#contact-header h3 {

		font-size:10px;

	}

	#contact-header h3 strong {

		font-size:12px;

	}

	#nav {

		width:100%;

		height:auto;

		float:none;

		background: none;

		border-top:1px dotted #6b6b6b;

		border-bottom:1px dotted #6b6b6b;

		padding:5px 0;

	}

	#nav-main {

		height:35px;

	}

	#nav-main li {

		height:35px;

		background: none;

	}

	#nav-main li a {

		font-size:12px;

		height:25px;

		padding:10px 15px 0 15px;

		float:left;

		margin:0 0 0 -2px;

	}

	#nav ul ul {

		top:35px;

		left:-1px;

	}

	#nav ul li ul li {

		width:185px;

	}

	#nav ul ul ul {

		width:193px;

		left:185px;

	}

	#nav #nav-main li:hover ul li a, #nav #nav-main li:hover ul li a:link, #nav #nav-main li:hover ul li a:visited {

		width:159px;

		padding:8px 13px 8px 13px;

		margin:0;

		font-size:11px;

	}

	.wp-caption,

	.wp-caption-text {

		max-width: 97.5%;

		height: auto;

		width: auto9; /* ie8 */

	}

	#social-container {

		height:52px;

		float:none;

		margin:5px 0 10px 0;

		clear:both;

	}

	#link-social {

		display: none;

	}

	#nav-social {

		height:52px;

		float:none;

		background: none;

		list-style: none;

		margin:0 auto;

		padding: none;

		display: block;

	}

	#nav-social li {

		margin:11px 10px 0 0;

		background: none;

	}

	#slideshow-container {

		width:100%;

		height:auto;

		margin:0 auto 30px auto;

		background: none;

		padding:0;

	}

	#slideshow {

		width:100%;

		height:auto;

		border:none;

		margin:0 auto;

	}

	#slideshow div {

		width:600px;

		height:300px;

		margin:0 auto;

	}

	.panel-slide {

		width:auto;

		padding:8px 15px 0 15px;

		bottom:auto;

		top:0;

		font-size:11px;

		height:22px;

		display:none;

	}

	#slideshow-container .slides h1 {

		height:auto;

		font-size:14px;

		padding:4px 8px 2px 8px;

		top:0;

	}

	#slideshow-container .slides p {

		display: none;

	}

	.button-slide, .button-slide:link, .button-slide:visited {

		background:#ffa81f;

		font-size:11px;

		padding:5px 3px;

		width:150px;

		height:auto;

		left:0;

		top:23px;

	}

	.button-slide:hover {

		background:#464646;

	

	}

	#slideshow-container .flex-control-nav li {

		width:20px;

		height:20px;

	}

	#slideshow-container .flex-control-nav li a {

		width:20px;

		height:23px;

		padding-top:5px;

		font-size:11px;

	}

	#slideshow-container .flex-control-nav {

		bottom:0;

	}

	#box-container, #portfolio-homepage, #content-homepage {

		padding:0 0 35px 0;

		background: none;

		border-bottom:1px dotted #4e4e4e;

		margin:0 0 30px 0;

	}

	#box-container {

		padding:0;

	}

	#portfolio-homepage {

		padding:0 0 20px 0

	}

	#box-container article {

		width:100%;

		height: auto;

		float:none;

		display:block;

		text-align: center;

		position: relative;

		margin:0 30px 30px 0;

		padding:0 0 30px 0;

		background: #f5f5f5;

	}

	#box-container article div {

		position: absolute;

		width:100%;

		height: 100%;

		z-index:10;

		background: url(images/panel-slide.png);

		display:none;

		top:0;

		left:0;

	}

	.button-more, .button-more:link, .button-more:visited {

		margin:80px auto 0 auto;

	}

	#list-portfolio-homepage li, #list-portfolio-homepage.list-portfolio li  {

		width:30%;

		height:auto;

		margin:0 3% 3% 0

	}

	.more-portfolio, .more-portfolio:link, .more-portfolio:visited, #portfolio-homepage .title-homepage {

		float:none;

	}

	#list-portfolio-homepage li img {

		width:auto;

		height:auto;

	}

	.title-homepage {

		font-size:18px;

	}

	#portfolio-homepage .title-homepage {

		margin-bottom:10px;

	}

	#list-portfolio-homepage {

		margin-top:15px;

	}

	.portfolio-panel {

		width:100%;

		height: 100%;

		background: url(images/panel-slide.png);

		padding: 0;

	}

	.portfolio-panel p {

		font-size:9px;

		padding-top:20px;

	}

	.portfolio-panel h4 {

		display: none;

	}

	.portfolio-panel h5 a {

		font-size:9px;

		display: block;

	}

	.portfolio-panel h5 {

		text-align: center;

	}

	.portfolio-panel h5 a.first {

		border:none;

		margin:0;

		padding:0;

	}

	#content-homepage #main-content, #content-inner #main-content, #content-homepage #sidebar, #content-inner #sidebar, #content-inner #main-content.alignright, #content-inner #sidebar.alignleft {

		width:100%;

		float:none;

		margin:0 0 30px 0;

	}

	.image-news {

		background: none;

		border:none;

		padding: 0;

		margin:0;

		width:27%;

		height:auto;

	}

	.image-news-detail {

		padding:0;

		float:none;

		margin:20px 0 0 0;

	}

	.news-content {

		width:70%;

	}

	.news header ul.news-info {

		margin:5px 0 0 0;

	}

	.news {

		background: none;

		border-bottom:1px dotted #4e4e4e;

	}

	.news.last {

		border:none;

	}

	.news header h4 {

		font-size:18px;

		margin:0;

	}

	.button-next a, .button-prev a {

		width:135px;

		height:30px;

		font-size:11px;

		line-height:30px;

	}

	.list-service-sidebar li {

		width:100%;

		float:none;

		border-bottom:1px dotted #4e4e4e;

		padding:10px 0;

		background: none;

	}

	.list-service-sidebar li.odd {

		margin-right: 0;

	}

	.random-portfolio {

		padding:0;

		background:none;

		box-shadow:none;

		text-align:center;

	}

	#content-homepage {

		padding:0;

	}

	#service-homepage article, #service-homepage article.bottom {

		width:100%;

		height:auto;

		float:none;

		background: none;

		border-bottom:1px dotted #4e4e4e;

		position: relative;

		margin:0 0 30px 0;

		padding:0 0 15px 0;

	}

	#service-homepage .more-link {

		position: relative;

		left:auto;

		bottom:auto;

	}

	#widget-footer-container {

		min-width:0;

		width:100%;

	}

	#widget-footer {

		width:95%;

		padding:0;

	}

	#widget-footer .title-footer {

		font-size:18px;

	}

	#flickr-container {

		width:100%;

		float:none;

	}

	#flickr-container article {

		width:100%;

		float:none;

	}

	#flickr-footer {

		padding:40px 0 0 0;

		float:none;

		width:100%;

		clear:both;

	}

	#flickr-footer a {

		float:left;

		width:100px;

		height:100px;

		background: none;

		padding:0;

		margin:0 13px 13px 0;

	}

	#about-footer {

		width:100%;

		float:none;

		clear:both;

		padding:20px 0 0 0;

	}

	#about-footer h4 {

		font-size:16px;

	}

	#main-footer {

		width:95%;

		padding:0;

	}

	#main-footer nav {

		float:none;

		clear:both;

		padding:0 0 20px 0;

	}

	#nav-footer li {

		margin:0 10px 0 0;

	}

	#main-footer blockquote {

		clear:both;

		width:100%;

	}

	#intro-container {

		min-width:0;

		padding:30px 0 35px 0;

		margin:-30px 0 30px 0;

	}

	#intro {

		width:auto;

		padding:0 15px;

		margin:0 auto;

	}

	.title-intro {

		width:100%;

		margin:0 0 20px 0;

		text-align: center;

		font-size:24px;

		border-bottom:1px solid #8e8e8e;

		padding:0 0 15px 0;

		background:none;

	}

	#intro p {

		font-size:18px;

		line-height:24px;

	}

	#sub-nav-container {

		width:auto;

		height:auto;

		border:none;

		margin:0 0 30px 0;

		background:none;

	}

	#button-home {

		height:24px;

		float:none;

		display:block;

		background: url(images/button-home.png) repeat-x;

		margin:0 0 20px 0;

		text-align:center;

		border-right:1px solid #fff;

		padding:7px 10px 0 10px;

		font-size:12px;

	}

	#sub-nav {

		float:none;

		height:31px;

	}

	#nav-sub li {

		height:31px;

		margin:0 10px 5px 0;

	}

	#nav-sub li a {

		height:20px;

		float:left;

		font-size:11px;

		text-shadow:none;

		padding:5px 0 0 0;

		border-top:2px solid #fff;

		border-bottom:2px solid #fff;

		font-weight:normal;

	}

	#nav-sub li:hover a, #nav-sub li.current-menu-item a {

		background:none;

		color:#606060;

		border-top:2px solid #1d6bad;

		border-bottom:2px solid #1d6bad;

	}

	#content-inner {

		margin:0;

	}

	.static-page h1 {

		font-size:22px;

	}

	.static-page h2 {

		font-size:18px;

	}

	.static-page h3 {

		font-size:16px;

	}

	.static-page h4 {

		font-size:14px;

	}

	.static-page h5, .static-page h6 {

		font-size:12px;

	}

	.static-page blockquote {

		padding:25px 20px;

		font-size:14px;

	}

	.static-page blockquote p {

		font-size:14px;

	}

	.static-page blockquote h3 {

		font-size:13px;

	}

	.static-page .alignright {

		width:50%;

	}

	.static-page .alignleft {

		width:50%;

	}

	#social-link {

		height: auto;

		border-top:1px dotted #4e4e4e;

		background: none;

	}

	.separator {

		background:none;

		border-bottom:1px dotted #4e4e4e;

		margin-top:1.6em;

		margin-bottom:1.6em;

		line-height:1.6em;

		position:relative;

	}

	.separator a {

		font-size:10px;

		padding:0;

		margin:0;

	}

	.avatar-comment {

		padding:2px;

		left:-10px;

		top:20px;

	}

	#list-comments li {

		padding:30px 10px 5px 10px;

		margin:0 0 20px 0;

	}

	.comment-reply-link {

		top:5px;

		right:10px;

	}

	#list-comments li .avatar {

		padding: 0;

		border: none;

		box-shadow: none;

		width:24px;

		height:24px;

		left: 0;

		top: 0;

	}

	#form-comment .input, #form-comment .input.textarea, #form-contact .input, #form-contact .input.textarea, .wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-text {

		width:90%;

	}

	#form-comment label.error{

		display:block;

		width: 90%;

	}

	.widget-container {

		margin:0 0 30px 0;

		padding:12px 10px 25px 10px;

	}

	.widget-title {

		font-size:20px;

		margin:0 0 20px 0;

	}

	.widget-container .button-more, .widget-container .button-more:link, .widget-container .button-more:visited {

		margin:0 auto;

	}

	.widget-container .alignright {

		margin-right:15px;

		width:25%;

		height:auto;

	}

	.widget-container .alignleft {

		margin-right:15px;

		width:20%;

		height:auto;

	}

	.team-sidebar-content {

		width:65%;

		float:left;

	}

	.widget-container .menu.news-sidebar li h4 {

		font-size:12px;

		margin:0 0 1px 0;

	}

	.widget-container .menu.news-sidebar li h5 {

		font-size:10px;

		margin:0;

	}

	.widget-container .menu.news-sidebar li .date-news {

		font-size:10px;

	}

	.news-sidebar li img {

		width:auto;

		height:auto;

	}

	.team-sidebar-content h4 {

		font-size:14px;

		margin:2px 0;

	}

	.team-sidebar-content h5 {

		font-size:12px;

	}

	#faq-container {

		width:100%;

		float:none;

		margin:0 0 30px 0;

	}

	#widget-footer #faq-container .title-footer, #slideshow-footer .title-footer {

		padding-left:0;

		font-size:18px;

	}

	#widget-footer #faq-container header h4 {

		font-size:16px;

		text-shadow:0 1px #fff;

		background: none;

		padding:0 0 20px 0;

		border-bottom:1px solid #bababa;

	}

	#widget-footer #faq-container header {

		background: none;

	}

	#slideshow-footer {

		width:100%;

		height:auto;

		float:none;

		background: none;

		padding:0;

		margin:0;

	}

	#slideshow-footer .title-footer {

		background:none;

		border-bottom:1px solid #bababa;

	}

	#slideshow-footer .flexslider {

		width:100%;

		height:auto;

	}

	#title-content-intro {

		font-size:16px;

		background: url(images/sep-intro.png) repeat-x 0 100%;

		padding:0 0 10px 0;

		margin:0 0 20px 0;

	}

	#intro .more-portfolio {

		display: none;

	}

	#list-portfolio-intro li {

		width:30%;

		border:none;

		margin:0 3% 3% 0;

		padding:0;

	}

	#list-portfolio-intro li h4 {

		padding:0 5px;

	}

	#list-portfolio-intro li h4 a {

		font-size:11px;

	}

	#list-portfolio-intro li img {

		width:auto;

		height:auto;

	}

	.static-page.news h2 {

		font-size:18px;

	}

	#title-container {

		width:100%;

		min-height: 65px;

		margin:-40px 0 30px 0;

		border-top:1px solid #fff;

		min-width:0;

	}

	#title-container h1 {

		font-size:22px;

		font-weight: normal;

		width:auto;

		padding:10px 15px 23px 15px;

		margin:0 auto;

	}

	#list-news-intro li {

		width:45%;

		margin:0 5% 20px 0;

	}

	#list-news-intro li header h3 {

		font-size:15px;

	}

	#list-news-intro li header time {

		font-size:10px;

	}

	.list-team li, .list-contact li {

		width:45%;

		height:auto;

		margin:10px 4% 10px 0;

		text-align: center;

	}

	.list-team li img {

		width:auto;

		height:auto;

	}

	.list-contact li {

		margin:0 4% 20px 0;

		padding:10px 0 0 0;

	}

	.list-contact li h2, .list-contact li p {

		padding-left:10px;

		padding-right:10px;

	}

	.list-team li.last, .list-contact li.last {

		margin-right: 4%;

	}

	.list-team li hgroup {

		position: relative;

		width:auto;

		height: auto;

		left:auto;

		top:auto;

		background: none;

		-webkit-transition: none;

		-moz-transition: none;

		-o-transition: none;

		transition:none;

		opacity:1;

	}

	.list-team li:hover hgroup {

		background: none;

		width:auto;

		height: auto;

		left:auto;

		top:auto;

	}

	.list-team li hgroup h2 {

		background: none;

		padding:7px 13px;

		margin:10px 0 1px 0;

		float:none;

	}

	.list-team li hgroup h3 {

		clear: both;

		float:none;

		padding:0 0 15px 0;

	}

	.team-panel {

		border:none;

		box-shadow: none;

		border-radius:5px;

		position: relative;

		z-index:40;

		left:auto;

		top:auto;

		background: none;

		padding:5px 5% 0 5%;

		opacity: 1;

		-webkit-transition: none;

		-moz-transition: none;

		-o-transition: none;

		transition:none;

		width:90%;

		clear:both;

	}

	.list-team li:hover .team-panel {

		opacity: 1;

		top:auto;

	}

	.list-team .team-sidebar-social {

		margin:15px 0 0 5%;

	}

	.arrow-popup {

		display: none;

	}

	.widget-container .list-portfolio-sidebar li.last {

		margin-right:20px;

	}

	#full-width #quick-contact {

		width:auto;

		padding:15px;

		margin:0 0 30px 0;

	}

	#full-width #quick-contact hgroup {

		width:auto;

		float:none;

	}

	#full-width #quick-contact hgroup h3 {

		font-size:20px;

		color:#5b5b5b;

		font-family: 'Enriqueta', serif;

		background: none;

		padding:0 0 15px 0;

		margin:0 0 7px 0;

		line-height: 20px;

		border-bottom:1px dotted #4e4e4e;

	}

	#full-width #quick-contact hgroup h4 {

		margin:0 0 15px 0;

	}

	#full-width #quick-contact hgroup h4 a:hover {

		color: #1d6bad;

	}

	.button-contact, .button-contact:link, .button-contact:visited {

		float:none;

		display:block;

		margin:0 auto;

	}

	#list-portfolio-category {

		padding:0;

	}

	#list-portfolio-category li {

		margin:0 0 30px 0;

		width:auto;

		height:auto;

		padding:15px;

		position: relative;

		float:none;

		text-align:center;

	}

	#list-portfolio-category li img {

		float:none;

	}

	#list-portfolio-category li div {

		height: auto;

		float:none;

		margin:3px 0 0 0;

		text-align: center;

	}

	#list-portfolio-category li div img {

		margin:0;

		float:none;

	}

	#list-portfolio-category li div img.last {

		margin:0;

	}

	.portfolio-big {

		width:auto;

		height:auto;

	}

	#list-portfolio-category li h2 {

		position: relative;

		z-index:10;

		width:auto;

		text-align: center;

		top:auto;

		left:auto;

		opacity: 1;

		-webkit-transition: none;

		-moz-transition: none;

		-o-transition: none;

		transition: none;

		font-size:14px;

	}

	#list-portfolio-category li h2 a {

		padding:10px 10px 8px 10px;

	}

	#list-portfolio-category li:hover h2 {

		top:auto;

	}

	#title-portfolio-intro {

		margin:0 0 20px 0;

		font-size:24px;

	}

	#intro .slider-container {

		width:100%;

		height:auto;

		padding:0;

	}

	#intro .flexslider {

		box-shadow:none;

	}

	#intro .flexslider .flex-control-nav {

		display: none;

	}

	#intro .flexslider .flex-direction-nav {

		display: none;

	}

	.portfolio-logo {

		width:100%;

		margin:0 0 30px 0;

		text-align: center;

	}

	.portfolio-logo img {

		margin:0 0 20px 0;

	}

	.random-portfolio img {

		width:auto;

		height:auto;

	}

	#button-website {

		margin:0 0 30px 0;

	}

	.img-testimonial {

		float:left;

		padding:0;

		width:11%;

		height:auto;

	}

	.widget-container ul.list-portfolio-sidebar li.last {

		margin-right:20px;

	}

	.static-page .testimonial-content blockquote {

		float:right;

		width:75%;

		margin:0;

	}

	.testimonial-content {

		margin-bottom:30px;

	}

	#main-content .half, #content.full .half, #main-content .third, #content.full .third {

		width:100%;

		margin:0;

	}

	#main-content blockquote.alignleft, #content.full blockquote.alignleft {

		float:none;

		width:auto;

		margin:0 0 15px 0;

	}

	#main-content blockquote.alignright, #content.full blockquote.alignright {

		float:none;

		width:auto;

		margin:0 0 15px 0;

	}

	

	

	.widget-container .text-widget .imgframe {

		padding:0;

	}

	.widget-container .text-widget iframe {

		width:90%;

		height:200px;

		padding:0;

		margin:0 0 15px 0;

	}

	#sidebar .flexslider {

		width:100%;

		height:auto;

	}

	#sidebar .slides-image {

		padding:0;

	}

	#sidebar .flexslider .flex-control-nav {

		clear:none;

		float: none;

		position:relative;

		right:auto;

		text-align:center;

		height: 38px;

	}

	#sidebar .flexslider .flex-control-nav li {

		display:block;

		float:left;

		position:relative;

		left:auto;

		margin-top:0;

	}

	#sidebar .flexslider .flex-control-nav li a {

		width:14px;

		height:14px;

		display: block;

		background: url(images/nav-slider-widget.png) no-repeat;

		text-indent: -9999px;

	}

	#sidebar .flexslider {

		background: none;

	}

	#widget-footer-1, #widget-footer-2, #widget-footer-3 {

		width:100%;

		float:none;

		display:block;

		margin:0;

	}

	#widget-footer .widget-title {

		font-size:18px;

	}

	#widget-footer .widget-container .text-widget h4 {

		font-size:16px;

	}

	/* prettyPhoto styling for small screens */

	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }

	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }

	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }

	.pp_content { width: 100%!important; height: auto!important; }

	.pp_fade { width: 100%!important; height: 100%!important; }

	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }

	#pp_full_res img { width: 100%!important; height: auto!important; }

	.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }

	a.pp_close { right: 10px!important; top: 10px!important; }

}