/*
Theme Name: Duva
Theme URI: 
Description: Duva Wordpress Theme
Author: Splendor Design Group
Author URI: http://splendordesign.com
Version: 1.0
*/

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com
   ========================================================================== */

html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* ===== Primary Styles =====================================================
   Author: Splendor Design - http://splendordesign.com
   ========================================================================== */
body {
	font: 18px "proxima-nova",sans-serif;
	color: #807d74;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	font-weight: normal;
}
nav ul {
	margin: 0;
	padding: 0;
}

#mobile-nav, #mobile-nav-opener {
	display: none;
}

a {
	-webkit-transition: all .2s ease-in-out;	
	-moz-transition: all .2s ease-in-out;	
	-o-transition: all .2s ease-in-out;	
	-ms-transition: all .2s ease-in-out;	
	transition: all .2s ease-in-out;
}

.t {
	display: table;
	width: 100%;
	height: 100%;
}
.tt {
	display: table-cell;
	vertical-align: middle;
}

.btn, #nav-below a {
	border: solid 1px #7d7b76;
	height: 46px;
	text-align: center;
	padding: 0 20px;
	min-width: 180px;
	font: bold 12px/46px "proxima-nova",sans-serif !important;
	text-transform: uppercase;
	text-decoration: none;
	color: #7d7b76;  
	letter-spacing: 0.1em;
	display: inline-block;
	*display: inline;
	zoom: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn:hover,  #nav-below a:hover {
	color: #000;
	border-color: #000;
}
#slider .btn {
	color: #fff;
	border-color: #fff;
}
#slider .btn:hover {
	color: #eee;
	border-color: #eee;
}

.wrapper {
	width: 1154px;
	margin: 0 auto;
}

#header-sticky-wrapper {
	height: 170px !important;
}
#header-sticky-wrapper.is-sticky, #header-sticky-wrapper.is-sticky #header {
	height: 72px !important;
}
#header {
	background: #fff;
	position: relative;
	z-index: 999;
	height: 170px;
	border-bottom: solid 1px #aeadad;
}

#header nav ul li {
	display: block;
	float: left;
	position: relative;
}
#header nav ul li a {
	display: block;
	float: left;
	line-height: 170px;
	font-size: 14px;
	color: #7d7b76;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
}


#header nav ul li a:hover, #header nav ul li a.active, #header nav ul li a.hover {
	color: #000;
}
#header-sticky-wrapper.is-sticky #header nav ul li a {
	line-height: 72px;
}
#header nav ul ul {
	background: #ddd6cc;
	position: absolute;
	top: 170px;
	left: -20px;
	width: 210px;
	display: none;
}
#header nav ul ul li,
#header nav ul ul li a {
	display: block !important;
	float: none !important;
	height: auto !important;
	line-height: normal !important;
	margin: 0px !important;
}
#header nav ul ul li a {
	padding: 10px 20px;
	color: #7b7976 !important;
}
#header nav ul ul li a:hover {
	background: #85827e;
	color: #fff !important;
}
#header-sticky-wrapper.is-sticky #header nav ul ul {
	top: 72px;
}
#header nav.left {
	position: absolute;
	left: 0;
	top: 0;
}
#header nav.right {
	position: absolute;
	top: 0;
	right: 0;
}
#header nav.left li {
	margin-right: 80px;
}
#header nav.right li {
	margin-left: 80px;
}

#header .wrapper {
	padding-top: 22px;
	position: relative;
}
#header-sticky-wrapper.is-sticky #header .wrapper {
	padding-top: 16px;
}

#logo {
	background:  url(img/logo.png) no-repeat;
	width: 171px;
	height: 118px;
	display: block;
	margin: 0 auto;
	text-indent: -9999999px;
	font-size: 0em;	
	-webkit-transition: all .0s ease-in-out;	
	-moz-transition: all .0s ease-in-out;	
	-o-transition: all .0s ease-in-out;	
	-ms-transition: all .0s ease-in-out;	
	transition: all .0s ease-in-out;
}
#header-sticky-wrapper.is-sticky #logo {
	background:  url(img/logo-small.png);
	width: 38px;
	height: 38px;
	background-size: 38px 38px;
}

#slider {
	position: relative;
}

#slider .cycle-slideshow, #slider .slide {
	width: 100%;
	height: auto;
}
#slider .cycle-slideshow img {
	display: none;
}
#slider .slide {
	background-repeat: no-repeat;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#slider #down {
	position: absolute;
	left: 50%;
	margin-left: -33px;
	bottom: 22px;
	background:  url(img/ico-down.png) no-repeat;
	width: 66px;
	height: 66px;
	z-index: 222;
	cursor: pointer;
	outline: 0 none;
}
#slider .slide .text {
	position: absolute;
	bottom: 142px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 36px;
	color: #fff;
	font-family: "adobe-garamond-pro",serif;
}
#slider .slide .text h1 {
	font-family: "proxima-nova",sans-serif;
	font-size: 60px;
	font-weight: 500;
	line-height: 1em;
}
#slider .slide .text p {
	margin-bottom: 50px;
}
#slider .cycle-prev, #slider .cycle-next {
	background:  url(img/prev.png);
	width: 98px;
	height: 189px;
	display: block;
	position: absolute;
	bottom: 142px;
	left: 50%;
	margin-left: -700px;
	z-index: 222;
	cursor: pointer;
}
#slider .cycle-next {
	background-image:  url(img/next.png);
	margin-left: 0;
	margin-right: -700px;
	left: auto;
	right: 50%;
}

#banner {
	position: relative;
	text-align: center;
	color: #fff;
}
#banner img {
	display: block;
	width: 100%;
	height: auto;
}
#banner .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#banner h1 {
	font-size: 60px;
	font-weight: 500;
	line-height: 1em;
	text-transform: lowercase;
}
#banner p {
	font-size: 36px;
	line-height: 1em;
	font-family: "adobe-garamond-pro",serif;
}

.main-text {
	position: relative;
}
.main-text .image {
	width: 53%;
	height: 540px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
} 
.main-text .image img {
	width: 100%;
	height: auto;
	display: none;
}
.main-text .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.main-text article {
	width: 40%;
	padding-top: 90px;
}
.main-text article h2 {
	font-size: 36px;
	font-family: "adobe-garamond-pro",serif;
	margin-bottom: 0.5em;
}
.main-text article p {
	font-size: 22px;
	line-height: 1.4em;
	margin-bottom: 2.6em;
}
.main-text.aleft .image {
	float: left;
}
.main-text.aleft article {
	float: right;
}
.main-text.aright .image {
	float: right;
}

#main-process {
	background: #f4f4f4;
	padding: 60px 0;
	text-align: center;
}
#main-process h2, #main h2, #main-testimonials h2 {
	font-size: 35px;
	font-family: "adobe-garamond-pro",serif;
	color: #7d7b76;
	margin-bottom: 50px;
	text-align: center;
	text-transform: uppercase;
}

.small-logo {
	background:  url(img/line.png) repeat-x center center;
	margin-bottom: 50px;
	display: block;
}
.small-logo em {
	display: block;
	background:  url(img/logo-small.png) no-repeat center center;
	width: 75px;
	height: 75px;
	margin: 0 auto;
}

#main-process .small-logo em {
	background-color: #f4f4f4;
	padding: 0 15px;
}
#main-process article {
	width: 20%;
	text-align: center;
	margin-bottom: 50px;
	display: block;
	float: left;
	font-size: 20px;
	color: #7d7b76;
	margin-bottom: 50px;
	min-height: 200px;
	min-height: 135px;
}
#main-process article a {
	color: #7d7b76;
	text-decoration: none;
}
#main-process article a:hover {
	color: #000;
}
#main-process article img {
	display: block;
	margin: 0 auto 18px auto;
}

#content {
	padding: 40px 0 10px 0;
}

#nav-below {
	padding-top: 40px;
}
#nav-below .nav-previous {
	float: left;
} 
#nav-below .nav-next {
	float: right;
}
#content .tab-menu ul {
	margin-bottom: 40px;
	text-align: center;
	border-bottom: solid 1px #ccc;
	font-size: 0em;
}
#content .tab-menu li, #content .tab-menu li a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 18px;
}
#content .tab-menu li a {
	text-decoration: none;
	color: #7d7b76;
	padding: 0 25px 22px 25px;
}
#content .tab-menu li a:hover {
	color: #000;
} 
#content .tab-menu li a.active, #content .tab-menu li.current_page_item a, #content .tab-menu li.current-cat a {
	border-bottom: solid 7px #d6d5d4;
	padding-bottom: 15px;
	color: #000;
}
#content .tab-menu p {
	margin-top: -30px;
	text-align: center;
	margin-bottom: 50px;
	color: #7d7b76;
	font-size: 22px;
	line-height: 1.4em;
}

#content p.center, #content p.center1 {
	text-align: center;
	margin-bottom: 50px;
	color: #7d7b76;
	font-size: 22px;
	line-height: 1.4em;
}
#content h1.center {
	text-align: center;
	color: #7d7b76;
	margin-bottom: 25px;

}
#content a {
	color: #7d7b76;
}
#content .gallery article {
	margin-bottom: 45px;
	float: right;
	width: 48%;
}
#content .gallery article.first {
	clear: both;
	float: left;
}
#content .gallery article img {
	display: block;
	width: 100%;
	height: auto;
}
#content .gallery article, #content .gallery article aside {
	overflow: hidden;
	*overflow: visible;
	zoom: 1;
}
#content .gallery article h2 {
	color: #807d74;
	font-size: 36px;
	font-family: "adobe-garamond-pro",serif;	
}
#content .gallery article p {
	font-size: 18px;
	color: #807d74;
	line-height: 1.4em;
}
#content .gallery article .btn {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	min-width: 140px;
}
#content .gallery article aside {
	margin-bottom: 20px;
}

#content .article {
	margin-bottom: 110px;
}
#content .article, #content .article aside {
	overflow: hidden;
	*overflow: visible;
	zoom: 1;
}
#content .article aside {
	padding-top: 110px;
}
#content .article img {
	float: right;
	margin-left: 110px;
}

#content .article.alt img {
	float: left;
	margin-left: 0;
	margin-right: 110px;
}

#content .article h2 {
	font-size: 36px;
	font-family: "adobe-garamond-pro",serif;	
	margin-bottom: 0.5em;
}
#content .article p {
	font-size: 22px;
	line-height: 1.4em;
}

#content blockquote {
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 50px 0;
}
#content blockquote.first {
	padding-top: 0;
	border: 0;
}
#content blockquote p {
	line-height: 1.4em;
	margin-bottom: 1.4em;
	font-size: 22px;
}
#content blockquote cite {
	display: block;
	text-align: right;
	font-style: normal;
	font-size: 22px;
	font-family: "adobe-garamond-pro",serif;	
}

#content .posts {
	width: 1400px;
	margin-left: -123px;
}

#content .post {
	width: 33.33333333%;
	float: left;
	position: relative;
	text-align: center;
}
#content .post img {
	display: block;
	width: 100%;
	height: auto;
}
#content .post .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#content .post:hover .mask {
	background:  url(img/t.png);
}
#content .post:hover .tt {
	vertical-align: top;
}
#content .post a {
	color: #fff;
	text-decoration: none;
}
#content .post a em {
	display: block;
	background:  url(img/logo-blog.png) no-repeat;
	width: 138px;
	height: 117px;
	margin: 0 auto 15px auto;
}
#content .post strong {
	font-size: 28px;
	font-weight: 600;
	display: none;
	margin: 0;
}

#content .post small {
	font-size: 28px;
	display: none;
	padding: 0 20px;
	margin-bottom: 2em;
}
#content .post .btn {
	font-style: normal;
	border-color: #7d7b76;
	color: #fff;
	display: none;
}

#content .post:hover strong {
	display: block;
}
#content .post:hover small {
	display: block;
}
#content .post:hover .btn {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#content .post-detail, #content .property {
	position: relative;
	padding-top: 20px;
}
#content .post-detail .back,  #content .property .back {
	background:  url(img/back.png) no-repeat;
	width: 46px;
	height: 30px;
	position: absolute;
	top: -25px;
	right: 0;
}
#content .post-detail h1,  #content .property h1 {
	font-size: 60px;
	font-family: "adobe-garamond-pro",serif;	
	line-height: 1em;
	text-align: center;
	margin-bottom: 1em;
}
#content .post-detail h2 {
	font-size: 22px;
	margin-bottom: 1em;
	line-height: 1.4em;
}
#content .post-detail p {
	line-height: 1.4em;
	margin-bottom: 1.4em;
}
#content .post-detail .prev, #content .post-detail .next,
#content .property .prev,  #content .property .next {
	position: absolute;
	top: 20px;
	left: 0;	
}
#content .post-detail .next,  #content .property .next {
	left: auto;
	right: 0;
}

#content .property .cycle-slideshow {
	width: 100%;
	margin-bottom: 35px;
	position: relative;
}
#content .property .cycle-slideshow .slide {
	width: 100%;
}
#content .property .cycle-slideshow img {
	width: 100%;
	height: auto;
	display: block;
}
#content .property .cycle-slideshow .cycle-prev, #content .property .cycle-slideshow .cycle-next {
	background:  url(img/prev.png);
	width: 98px;
	height: 189px;
	display: block;
	position: absolute;
	left: 20px;
	z-index: 222;
	cursor: pointer;
	top: 50%;
	margin-top: -95px;
}
#content .property .cycle-slideshow .cycle-next {
	background-image:  url(img/next.png);
	left: auto;
	right: 20px;
}

#content .property h2 {
	font-family: "adobe-garamond-pro",serif;	
	font-size: 36px;
	margin-bottom: 0.5em;
	line-height: 60px;
}
#content .property h2 a {
	float: right;
	font: 18px "proxima-nova",sans-serif;
	color: #7d7b76;
	text-decoration: none;
	background:  url(img/ico-location.png) no-repeat;
	padding-left: 55px;
	line-height: 60px;
}
#content .property h6 strong {
	font-weight: 600;
}
#content .property h6 {
	font-size: 22px;
	margin-bottom: 30px;
	line-height: 1.4em;
	max-width: 70%;
}
#content .property ul {
	margin: 0 0 1.5em 0;
	padding-left: 20px;
	font-size: 18px;
}
#content .property p {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
}

#main {
	padding: 70px 0 40px 0;
}
#main aside {
	width: 39%;
	float: left;
	padding-top: 50px;
}
#main aside h3 {
	font-size: 28px;
	color: #7d7b76;
	margin-bottom: 30px;
}
#main aside p {
	font-size: 22px;
	line-height: 1.4em;
	margin-bottom: 50px;
}

#main-slider {
	float: right;
	width: 39%;
	position: relative;
}
#main-slider .cycle-slideshow, #main-slider .cycle-slideshow .slide {
	width: 100%;
}
#main-slider .cycle-slideshow img {
	display: block;
	width: 100%;
	height: auto;
}

#main-slider .cycle-prev, #main-slider .cycle-next {
	position: absolute;
	left: -110px;
	top: 50%;
	margin-top: -33px;
	background:  url(img/g-prev.png) no-repeat;
	width: 66px;
	height: 67px;
	cursor: pointer;
}
#main-slider .cycle-next {
	background:  url(img/g-next.png) no-repeat;
	left: auto;
	right: -110px;
}


#main-testimonials {
	background: #f4f4f4;
	padding-top: 60px;
}
#main-testimonials .carousel img {
	display: block;
	width: 100%;
	height: auto;
}
#main-testimonials .cycle-prev, #main-testimonials .cycle-next {
	background:  url(img/p-prev.png) no-repeat;
	width: 66px;
	height: 67px;
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -33px;
	z-index: 200;
	cursor: pointer;
}
#main-testimonials .cycle-next {
	background:  url(img/p-next.png) no-repeat;
	left: auto;
	right: 3%;
}
#main-testimonials .slide {
	position: relative !important;
	
	-webkit-transition: all .2s ease-in-out;	
	-moz-transition: all .2s ease-in-out;	
	-o-transition: all .2s ease-in-out;	
	-ms-transition: all .2s ease-in-out;	
	transition: all .2s ease-in-out;
}
#main-testimonials .slide blockquote {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	background:  url(img/t.png);
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	white-space: normal;
	overflow: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#main-testimonials .slide blockquote cite {
	font-size: 22px;
	font-style: normal;
	display: block;
	margin-bottom: 6px;
	background:  url(img/ico-testimonials.png) no-repeat center top;
	padding-top: 90px;
}
#main-testimonials .slide blockquote p {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 30px;
}
#main-testimonials .slide blockquote a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 12px;
	font-weight: 600;
}

#main-news {
	padding-top: 70px;
}
#main-news p {
	margin-bottom: 50px;
	font-size: 22px;
	text-align: center;
}
#main-news #scroll {
	font-size: 0em;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
#main-news .play{
    animation: anim 20s infinite linear;
}
#main-news .pause{
    animation-play-state: paused;
}
@keyframes anim { 
    0%   {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

#main-news #scroll .scroll-mask {
	width: 100%;
}
#main-news #scroll div {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#main-news article {
	position: relative;
}
#main-news article span.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#main-news article em {
	display: block;
	background:  url(img/logo-blog.png) no-repeat;
	width: 138px;
	height: 117px;
	margin: 0 auto 15px auto;
}
#main-news article .mask {
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}
#main-news article strong {
	font-weight: normal;
	opacity: 0;
}
#main-news article small {
	display: block;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	opacity: 0;
}
#main-news article:hover .mask {
	background:  url(img/t.png);
}
#main-news article:hover small, #main-news article:hover strong {
	opacity: 1;
}
#main-news article img {
	display: block;
	width: 100%;
	height: auto;
}

#bottom {
	text-align: center;
	padding: 75px 0 45px 0;
}
#bottom .small-logo {
	margin-bottom: 35px;
}
#bottom .small-logo em {
	padding: 0 15px;
	background-color: #fff;
}
#bottom p {
	text-transform: uppercase;
	font-size: 16px;
}

#footer {
	background: #f4f4f4;
	padding: 30px 0 40px 0;
	text-align: center;
}

#footer nav {
	padding-bottom: 18px;
}
#footer nav ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 0 12px;
	font-size: 14px;
	color: #7d7b76;
}
#footer nav ul li a {
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
}
#footer nav ul li a:hover {
	color: #000;
}

#footer .copy {
	font-size: 10px;
}
#footer .copy ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0em;
}
#footer .copy ul li, #footer .copy ul {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#footer .copy ul li {
	font-size: 10px;
}
#footer .copy ul li:before {
	content: '/';
}
#footer .copy ul li:first-child:before {
	display: none;
}
#footer .copy ul li a {
	color: inherit;
	text-decoration: none;
	padding: 0 5px;
}
#footer .copy ul li a:hover {
	color: #000;
}

.process-icon {float:left; margin:10px 25px 25px 25px }



@media only screen and (max-width: 1424px) {
	
	#slider {
		overflow: hidden;
	}
	
	#slider .cycle-prev, #slider .cycle-next {
		width: 49px;
		height: 95px;
		background-size: 49px 95px;
		left: 3%;
		margin: 0;
		bottom: 220px;
	}
	#slider .cycle-next {
		right: 3%;
		margin: 0;
		left: auto;
	}
	
	#content .property .cycle-slideshow .cycle-prev, #content .property .cycle-slideshow .cycle-next {
		width: 49px;
		height: 95px;
		background-size: 49px 95px;
		margin-top: -48px;
	}
	
	#main-testimonials .slide blockquote p {
		font-size: 20px;
	}
	#main-testimonials .slide blockquote cite {
		font-size: 18px;
	}
	
	#main {
		overflow: hidden;
	}
	#main aside {
		padding-top: 30px;
	}
	#main-slider {
		margin-right: 90px;
	}
	#main-slider .cycle-prev, #main-slider .cycle-next {
		left: -90px;
	}
	#main-slider .cycle-next {
		left: auto;
		right: -90px;
	}
	
	#content .posts {
		width: 100%;
		margin: 0;
	}
	#content .post small,
	#content .post strong {
		font-size: 22px;
	}
}
@media only screen and (max-width: 1199px) {
	.wrapper {
		width: 960px;
	}	
	
	#header nav.left li {
		margin-right: 44px;
	}
	#header nav.right li {
		margin-left: 44px;
	}
	
	#content .gallery article .btn {
		min-width: 1px;
	}
	
	#content .article {
		margin-bottom: 40px;
	}
	#content .article img {
		width: 400px;
		height: auto;
	}
	#content .article aside {
		padding-top: 40px;
	}
	
	#content blockquote p {
		font-size: 20px;
	}
	
	#content .post strong, #content .post small {
		font-size: 18px;
	}
	#content .post a em {
		width: 94px;
		height: 80px;
		background-size: 94px 80px;
	}
	
	#content .post-detail,  #content .property {
		padding-top: 56px;
	}
	#content .post-detail .prev,  #content .property .prev {
		top: -20px;
	}
	#content .post-detail .next,  #content .property .next {
		top: -20px;
	}
	#content .post-detail .back,  #content .property .back {
		right: 50%;
		margin-right: -23px;
		top: -12px;
	}
	
	img.alignleft, img.alignright, img.aligncenter {
		max-width: 400px;
		height: auto;
	}
}
@media only screen and (max-width: 1023px) {
	
	#mobile-nav-opener {
		background:  url(img/mobile-menu.png) no-repeat;
		width: 26px;
		height: 18px;
		background-size: 26px 18px;
		position: absolute;
		top: 20px;
		right: 0;
		cursor: pointer;
		display: block;
	}
	
	#mobile-nav {
		display: block;
		width: 100%;
	}
	#mobile-nav ul {
		display: none;
		border-top: solid 1px #7d7b76;
	}
	#mobile-nav ul li {
		border-bottom: solid 1px #7d7b76;
		position: relative;
		display: block;
	}
	#mobile-nav ul li a {
		padding: 0 5%;
		font-size: 14px;
		text-transform: uppercase;
		color: #7d7b76;
		height: 36px;
		line-height: 36px;
		text-decoration: none;
	}
	
	#mobile-nav ul ul li {
		border: 0;
	}
	#mobile-nav ul ul {
		padding: 10px 0;
		display: none;
		border-bottom: 0;
		border-top: solid 1px #7d7b76;
	}
	#mobile-nav ul ul li a {
		height: auto;
		line-height: normal;
		padding: 3px 5% 3px 8%;
		display: block;
		text-transform: none;
		font-size: 14px;
		font-weight: normal;
	}
	
	#mobile-nav ul li em {
		position: absolute;
		top: 0;
		right: 0;
		line-height: 36px;
		height: 36px;
		width: 36px;
		text-align: center;
		color: #7d7b76;
		font-style: normal;
		border-left: solid 1px #7d7b76;
		cursor: pointer;
		font-size: 24px;
		z-index: 200;
	}
	#mobile-nav ul li em:before {
		content: '+';
	}
	#mobile-nav ul li em.active:before {
		content: '-';
	}

	
	#header nav {
		display: none;
	}
	.wrapper {
		width: 90%;
	}
	
	#banner h1 {
		font-size: 30px;
	}
	#banner p {
		font-size: 20px;
	}
	
	#main-process h2, #main h2, #main-testimonials h2 {
		font-size: 30px;
	}
	
	#content .gallery article h2 {
		font-size: 30px;
		margin-bottom: 0.5em;
	}
	#content .gallery article p {
		font-size: 16px;
	}
	#content .gallery article .btn{
		clear: both;
		float: none;
		margin-left: 0;
	}
	
	#content .tab-menu li a {
		padding: 0 17px;
	}
	#content .tab-menu p, #content p.center, #content p.center1 {
		font-size: 18px;
	}
	
	#content .article aside {
		padding-top: 0;
	}
	#content .article img {
		margin-left: 40px;
		width: 300px;
	}
	#content .article.alt img {
		margin-right: 40px;
	}
	
	#content blockquote p {
		font-size: 18px;
	}
	
	#content .post {
		width: 50%;
	}
	#content .property h6 {
		max-width: 100%;
	}
	
	img.alignleft, img.alignright, img.aligncenter {
		max-width: 300px;
		height: auto;
	}
	
	.main-text article {
		padding-top: 60px;
	}
	.main-text article h2 {
		font-size: 30px;
	}
	.main-text article p {
		font-size: 20px;
	}
	#main-process article {
		font-size: 16px;
	}
	
	#main-news .small {
		width: 48%;
	}
	#main-news .normal {
		width: 52%;
	}
	
	#main aside p {
		font-size: 18px;
	}
	
	#main aside {
		padding-top: 0;
	}
	#main-slider {
		margin-right: 40px;
	}
	#main-slider .cycle-prev, #main-slider .cycle-next {
		width: 33px;
		height: 33px;
		background-size: 33px;
		left: -40px;
		margin-top: -16px;
	}
	#main-slider .cycle-next {
		left: auto;
		right: -40px;
	}
	
	#footer nav ul li {
		padding: 0 10px;
	}
}
@media only screen and (max-width: 767px) { 
	.btn,  #nav-below a {
		height: 30px;
		line-height: 30px !important;
		min-width: 140px;
	}
	#slider #down {
		width: 34px;
		height: 34px;
		margin-left: -17px;
		background-size: 34px 34px;
	}
	
	#slider .cycle-prev, #slider .cycle-next {
		width: 30px;
		height: 58px;
		background-size: 30px 58px;
		bottom: 50%;
		margin-top: -29px;
	}
	
	#content .property .cycle-slideshow .cycle-prev, #content .property .cycle-slideshow .cycle-next {
		width: 30px;
		height: 58px;
		background-size: 30px 58px;
		margin-top: -29px;
	}
	
	#slider .slide .text h1 {
		font-size: 30px;
	}
	#slider .slide .text p {
		font-size: 14px;
	}
	#slider .slide .text {
		bottom: 70px;
	}

	
	#logo {
		width: 150px;
		height: 104px;
		background-size: 150px 104px;
	}
	
	.main-text .image {
		float: none !important;
		width: 100%;
		height: 250px;
	}
	.main-text .mask {
		position: static;
	}
	.main-text article {
		float: none !important;
		width: 100% !important;
		padding: 30px 0;
	}
	
	.small-logo em {
		background-size: 33px 33px;
		width: 33px;
		height: 33px;
	}
		
	#banner {
		overflow: hidden;
	}
	#banner img {
		min-width: 800px;
	}
	#banner h1 {
		font-size: 26px;
	}
	#banner p {
		font-size: 14px;
	}
	#content .tab-menu ul {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	#content .tab-menu li {
		display: block;
	}
	#content .tab-menu li a {
		display: block;
		padding: 3px 0 !important;
	}
	#content .tab-menu li a.active , #content .tab-menu li.current-cat a{
		border-bottom: 0;
		padding-bottom: 0;
	}
	#content .tab-menu p {
		margin-top: 0;
		font-size: 14px;
	}
	#content p.center, #content p.center1 {
		font-size: 14px;
	}
	#content .tab-menu p br, #content p.center br {
		display: none;
	}
	
	
	#content .article img {
		float: none !important;
		margin: 0 0 20px 0;
		width: 100%;
	}
	#content .article h2 {
		font-size: 30px;
	}
	#content .article p {
		font-size: 16px;
	}
	
	#content .gallery article {
		float: none !important;
		clear: both !important;
		width: 100%;
	}
	
	#content blockquote p {
		font-size: 16px;
	}
	#content blockquote cite {
		font-size: 18px;
	}
	#content blockquote.first {
		padding-top: 30px;
	}
	
	#content .post {
		width: 100%;
		float: none;
	}
	
	#content .post-detail,  #content .property {
		padding-top: 10px;
	}
	#content .post-detail h1,  #content .property h1 {
		font-size: 40px;
	}
	#content .post-detail .prev, #content .post-detail .next ,  #content .property .prev,  #content .property .next{
		display: block;
		position: static;
		margin-bottom: 10px;
	}
	#content .post-detail .back,  #content .property .back {
		display: none;
	}
	
	img.alignleft, img.alignright, img.aligncenter {
		max-width: 100%;
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
	
	#content .property h2 a {
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	#content .property h6 {
		font-size: 16px;
	}
	#content .property p, #content .property ul {
		font-size: 14px;
	}
	
	
	#main-process article {
		width: 50%;
	}
	
	#main-process h2, #main h2, #main-testimonials h2  {
		font-size: 24px;
		margin-bottom: 30px;
	}
	#main aside h3 {
		font-size: 20px;
	}
	#main aside p {
		font-size: 14px;
		margin-bottom: 2em;
	}
	
	#main aside {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	
	#main-slider {
		width: 70%;
		margin: 0 auto;
		float: none;
	}
	
	#main-testimonials .cycle-prev, #main-testimonials .cycle-next {
		width: 33px;
		height: 33px;
		background-size: 33px 33px;
	}
	#main-testimonials .slide blockquote p {
		font-size: 14px;
	}
	
	#main-testimonials .slide blockquote cite {
		background-size: 33px 33px;
		padding-top: 44px;
		font-size: 16px;	
	}
	
	#main-news p {
		font-size: 18px;
	}
	
	#main-news .small {
		width: 92.3%;
	}
	#main-news .normal {
		width: 100%;
	}
	
	#main-news article em {
		display: none;
	}
	#main-news article strong {
		font-size: 16px;
	}
	
	#bottom p {
		font-size: 16px;
	}
	
	
	#main-process, #main  {
		padding: 40px 0;
	}
	#main-testimonials, #main-news {
		padding-top: 40px;
	}
	#main-news p {
		margin-bottom: 30px;
	}
	
	#bottom {
		padding: 40px 0;
	}
	
	#footer nav {
		display: none;
	}
	
	.process-icon {float:none; margin:10px 25px 25px 25px }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.left {
	float: left;
}
.right {
	float: right;
}
img.alignleft { display: inline;	float: left;	margin-right: 50px; }
img.alignright { display: inline;	float: right;	margin-left: 50px; }
img.aligncenter { clear: both;	display: block;	margin-left: auto;	margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 50px; }

.current_page_item a {
	color:#000000 !important;
}
