/*
	Theme Name: Modern Portfolio Pro Theme
	Theme URI: http://my.studiopress.com/themes/modern-portfolio/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 2.1

	Tags: black, white, one-column, two-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Entries
		- After Entry
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
        - File Icons
	- Media Queries
		- max-width: 1267px
		- max-width: 1000px
		- max-width: 600px
		- max-width: 480px

*/
/*Google Font
font-family: 'Droid Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
   normalize.css v2.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}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}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}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}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}


/*Fonts*/
@font-face {
	font-family: 'TQ';
	src:url('fonts/TQ.eot?bsgd03');
	src:url('fonts/TQ.eot?#iefixbsgd03') format('embedded-opentype'),
		url('fonts/TQ.ttf?bsgd03') format('truetype'),
		url('fonts/TQ.woff?bsgd03') format('woff'),
		url('fonts/TQ.svg?bsgd03#TQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'TQ';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file-empty:before {
	content: "\e600";
}
.icon-files-empty:before {
	content: "\e601";
}
.icon-file-text2:before {
	content: "\e602";
}
.icon-file-picture:before {
	content: "\e603";
}
.icon-file-music:before {
	content: "\e604";
}
.icon-file-play:before {
	content: "\e605";
}
.icon-file-video:before {
	content: "\e606";
}
.icon-file-zip:before {
	content: "\e607";
}
.icon-file-pdf:before {
	content: "\e608";
}
.icon-file-word:before {
	content: "\e609";
}
.icon-file-excel:before {
	content: "\e60a";
}
.icon-TQ-iconfont-01:before {
	content: "\e60b";
}
.icon-TQ-iconfont-02:before {
	content: "\e60c";
}
.icon-TQ-iconfont-03:before {
	content: "\e60d";
}
.icon-TQ-iconfont-04:before {
	content: "\e60e";
}
.icon-TQ-iconfont-05:before {
	content: "\e60f";
}
.icon-TQ-iconfont-06:before {
	content: "\e610";
}
.icon-TQ-iconfont-07:before {
	content: "\e611";
}
.icon-TQ-iconfont-08:before {
	content: "\e612";
}
.icon-TQ-iconfont-09:before {
	content: "\e613";
}
.icon-TQ-iconfont-10:before {
	content: "\e614";
}
.icon-TQ-iconfont-11:before {
	content: "\e615";
}
.icon-TQ-iconfont-12:before {
	content: "\e616";
}
.icon-TQ-iconfont-13:before {
	content: "\e617";
}
.icon-TQ-iconfont-14:before {
	content: "\e618";
}
.icon-TQ-iconfont-15:before {
	content: "\e619";
}
.icon-TQ-iconfont-16:before {
	content: "\e61a";
}
.icon-TQ-iconfont-17:before {
	content: "\e61b";
}
.icon-TQ-iconfont-18:before {
	content: "\e61c";
}
.icon-TQ-iconfont-19:before {
	content: "\e61d";
}
.icon-TQ-iconfont-20:before {
	content: "\e61e";
}
.icon-TQ-iconfont-21:before {
	content: "\e61f";
}
.icon-TQ-iconfont-22:before {
	content: "\e620";
}

.icon-TQ-iconfont-23:before {
	content: "\e621";
}
.icon-TQ-iconfont-24:before {
	content: "\e622";
}
.icon-TQ-iconfont-25:before {
	content: "\e623";
}
.icon-TQ-iconfont-26:before {
	content: "\e624";
}
.icon-TQ-iconfont-27:before {
	content: "\e625";
}
.icon-TQ-iconfont-28:before {
	content: "\e626";
}
.icon-TQ-iconfont-29:before {
	content: "\e627";
}
.icon-TQ-iconfont-30:before {
	content: "\e628";
}
.icon-TQ-iconfont-31:before {
	content: "\e629";
}
.icon-TQ-iconfont-32:before {
	content: "\e62a";
}
.icon-TQ-iconfont-33:before {
	content: "\e62b";
}
.icon-TQ-iconfont-34:before {
	content: "\e62c";
}
.icon-TQ-iconfont-35:before {
	content: "\e62d";
}
.icon-TQ-iconfont-36:before {
	content: "\e62e";
}
.icon-TQ-iconfont-37:before {
	content: "\e62f";
}
.icon-TQ-iconfont-38:before {
	content: "\e630";
}
.icon-TQ-iconfont-39:before {
	content: "\e631";
}
.icon-TQ-iconfont-40:before {
	content: "\e632";
}
.icon-TQ-iconfont-41:before {
	content: "\e633";
}
.icon-TQ-iconfont-42:before {
	content: "\0041";
}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #fff;
	color: #58585a;
	font-family: 'Droid Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #222;
	color: #fff;
}

::selection {
	background-color: #222;
	color: #fff;
}

a {
	color: #58585a;
  outline: none !important;
}

a:hover {
	color: #222;
}
a:hover{
  -moz-transition:    opacity .1s ease-in-out;
-ms-transition:     opacity .1s ease-in-out;
-o-transition:      opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
transition:         opacity .1s ease-in-out;
}
p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #999;
}
q{
  font-family: 'Oswald', sans-serif;
  font-size: 37px;
  color: #742971;
  line-height: 110%;
}
q:before {
  content: "\e60d";
  font-family: 'TQ';
  color: #742971;
  margin-right: 10px;
  font-size:42px;
  display: block;
  float: left;
  height: 70px;
  padding-left: 50px;
}

blockquote {
	margin: 0;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

cite {
	font-style: normal;
}
hr{
 display: block;
  border: 0;
  margin: 1em 0;
  background-image: url(images/TQ-Divider-04.png);/*change arrow*/
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(images/TQ-Divider-04.svg), none; /*change arrow*/
  background-position: 100%;
  padding: 10px 0;
  height:20px;
  position:relative;
}

/*Dropdown gete dmg.js on file*/
.inputDropdown_select li{
padding:5px 0 !important;
}
.inputDropdown_select .sel {
  border: none !important;
  line-height: 1.75;
  padding: 10px;
  padding: 0.625rem;
  border: none;
  border-radius: 0;
  color: #742971;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 16px 15px;
  padding: 1rem 0.9375rem;
  width: 100%;
  -webkit-appearance: none;
  display:inline-block;
  outline: none;
  background-image: url(images/icons_arrowdown.png);/*change arrow*/
  background-repeat: no-repeat;
  background-size: 55px auto;
  background-image: url(images/icons_arrowdown.svg), none; /*change arrow*/
  background-position: 100%;
  background-color: #fff;
  text-decoration:none;
}
.inputDropdown_select .item{
	background-color: #fff;
  border: none;
  border-radius: 0;
  color: #742971;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 13px 15px;
  padding: 0.8125rem 0.9375rem;
  width:100%;
  -webkit-appearance: none;
  display:block;
  text-decoration:none;
}
.inputDropdown_select .item:hover{
  background:#995296;
  color:#fff;
}
.navigation{
  display:none;
}
.entry-content ul.inputDropdown_select, .entry-content ul.inputDropdown_select ul{
  margin:0
}
.entry-content ul.inputDropdown_select li{
  list-style:none;
}
.entry-content ul.inputDropdown_select li:before{
 content:"";
}
.entry-content ul.inputDropdown_select li .sel{
  border:2px solid #dcc9db !important;
}
.inputDropdown_select li.sub{
  margin-bottom:20px;
}
.inputDropdown_select ul li {
  background: #fff;
  border: 1px solid #f1f1f1;
  margin: 0;
  padding:0 !important;
  border-top: none;
 }

.inputDropdown_select {
    border: none;
    border-radius: 0px;
}


/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
  color:#58585a;
}


h1 {
	font-size: 36px;
	line-height: 1.2em !important;
}

h2 {
	font-size: 30px;
	margin: 0px 0px 6px 0px !important;
}

h3 {
	font-size: 24px;
    font-weight:300;
    margin: 0px 0px 6px 0px !important;
}

h4 {
	font-size: 24px;
  font-weight:300;
}

h5 {
	font-size: 18px;
  font-weight:300;
}

h6 {
	font-size: 16px;
  font-weight:300;
}


/*Content Styles*/
.content p{
  font-family: 'Droid Sans', sans-serif;
  color:#58585a;
}
.content p a{
  color:#742971;
  text-decoration:underline;
}
.content p a:hover{
  color:#58585a;
}
.content h2{
  font-size:37px;
  font-weight:300;
}
.content h3{
  font-size:14px;
  font-weight:400;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0.175em;
  line-height: 1.625;
}
.content blockquote p{
  font-family: 'Oswald', sans-serif;
  color:#742971;
  font-size:20px;
}
/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto; /* IE8 */
}

#blog img,
#portfolio img {
	margin-bottom: 16px;
	opacity: 0.8;
}

#blog img:hover,
#portfolio img:hover {
	opacity: 1;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 150px;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: none;
	height: auto;
	margin: 0;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 2px solid #dcc9db;
	border-radius: 3px;
	box-shadow: 0;
	color: #742971;
	font-size: 18px;
	font-weight: 400;
	padding: 16px;
	width: 100%;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
	width: auto;
}

input:focus,
textarea:focus {
	border: 1px solid #aaa;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

.button,
.widget .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #eab720;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 12px;
	padding: 15px 24px;
	width: auto;
	text-align: center;
	text-decoration: none;
  border-radius:5px;
  margin-top:10px;
  letter-spacing:0.2em;
  border-radius:3px;

  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
}

.button:hover,
.widget .button:hover,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	color: #fff;
	background-color: #f2cf69;
}

.entry-content .button:hover {
	color: #fff;
}

.button,
.widget .button {
	border-radius: 3px;
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

#services a.button {
	float: right;
	line-height: 1;
	margin-top: -40px;
	padding: 20px 24px;
}

.mpp-landing a.button {
	margin-top: 16px;
}

/* CHECKBOX */
.fscf-div-field  span input[type=checkbox] {
    display: none;
}
.fscf-div-field  span input[type=checkbox]:checked + label:before {
    content: "\f147";
    font-size: 13px;
    color: #742971;
    text-align: center;
    line-height:22px;
    font: normal 20px/1 'dashicons';
}
.fscf-div-field  span label{
      display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    font-size: 13px;
}
.fscf-div-field  span label:before {
    content: "";
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    border: 2px solid #f1f1f1;
    vertical-align: middle;
}


/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 0px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: 700;
	text-transform: uppercase;
}

td {
	border-top: 0px solid #ddd;
	padding: 6px 0;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 1140px;
}


.site-inner {
	clear: both;
	margin: 0 auto;
	max-width: 1140px;
}
.single-renovation_portfolio .site-inner,
.page-template-page-renovation_portfolio .site-inner,
.tax-renovation-portfolio_category .site-inner,
.post-type-archive .site-inner,
.tax-renovation-portfolio_tags .site-inner,
.single-renovation-portfolio .site-inner{
  max-width:100%;
  clear:both;
  padding-top:0;
  /* margin-top:-1px; */
}

.mpp-home .site-inner {
	padding: 0;
	max-width: 100%;

}

.mpp-landing .site-inner {
	border: 1px solid #222;
	max-width: 700px;
	margin: 32px auto;
	padding: 48px 60px 0;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: right;
	width: 64.912280701754%; /* 740px / 1140px */
}

.content-sidebar .content {
	float: left;
}

.full-width-content .content {
	width: 100%;
}

.content{
  margin-top:30px;
}
.home .content{
  margin-top:-1px;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 29.824561403509%; /* 340px / 1140px */
  margin-top:90px;
}

.sidebar-content .sidebar-primary {
	float: left;
}

.sidebar-primary .video a{
  transition: all 0.1s linear 0s;
}
.sidebar-primary .video a:hover{
  opacity:0.9;
}


/* Column Classes
   Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.search-form {
	overflow: hidden;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

a.alignnone img {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignright {
    max-width: 100%;
}

a.alignleft img,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright img,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.entry-content .wp-caption-text {
	font-size: 12px;
	font-weight: 400;
	margin-top: 10px;
	text-align: left;
  text-transform:uppercase;
  color:#727273;
  font-family: 'Montserrat', sans-serif;
}

.gallery-caption,
.entry-content .gallery-caption {
	margin: 0 0 10px;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	overflow: hidden;
	padding: 8px 0 24px;
  font-size:9px;
  text-transform:uppercase;
  color:#58585a;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.20em;
  font-weight:400;
}
.breadcrumb a{
  font-size:9px;
  text-transform:uppercase;
  color:#58585a;
  font-family: 'Montserrat', sans-serif;
}
.search .entry {
    margin-bottom: 0;
}
/* Titles
--------------------------------------------- */

.entry-title {
	font-size: 53px;
	line-height: 140%;
  color:#58585a;
  font-weight:400;
  letter-spacing:0.025em;
}

.entry-title a,
.sidebar .widget-title a {
	color: #58585a;
	text-decoration: none;
}

.entry-title a:hover {
	color: #742971;
}

.widget-title {
	font-size: 24px;
	margin-bottom: 16px;
}

.archive-title {
	    font-size: 37px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 16px;
    color: #742971;
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget li {
	list-style-type: none;
}

.widget ol {
	margin-left: 24px;
}

.widget li li {
	border: none;
	margin: 0 0 0 18px;
	padding: 0;
}


/* Featured Content
--------------------------------------------- */

.featured-content .entry {
	font-size: 16px;
	margin-bottom: 0;
}

.featured-content .entry-title {
	border: none;
	font-size: 18px;
	line-height: 1.2;
  padding: 15px 20px 25px 20px;
  background: #fff;
  min-height: 100px;
  max-height: 100px;
  overflow:hidden;
}
.sidebar .featured-content .entry-title {
	margin-bottom: 0;
}

.featured-content .entry-title a {
	text-decoration: none;
}

#post{
  background: url(images/background-pattern-repeat.jpg);
  padding:60px 0;
}
#post .entry-content{
  background:#fff;
  padding:0 30px;
}
#post .featured-content .entry-title{
  margin-bottom:0;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Jetpack
--------------------------------------------- */

img#wpstats {
	display: none;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header{
  position:relative;
}

.nav-header:after{
  content: "";
  background: #803c7d;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  display: block;
}
.site-header .wrap {
	overflow: hidden;
  background:#fff;
}

.mpp-home .site-header .wrap {
	border: none;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 0px 10px 10px 10px;
  margin-left: -3px;
}
.title-area p.site-title {
  margin:0;
}

.header-image .title-area {
  padding-top: 10px;
	background-color: #ffffff!important;
}


/*SVG FALLBACK
.site-title a {
	background: url(images/logo.jpg) no-repeat;
	display: block;
	height: 70px;
	text-indent: -9999em;
	width: 207px;
}

.site-title a,
.site-title a:hover {
	color: #222;
	text-decoration: none;
}*/


.site-description {
	color: #999;
	font-size: 16px;
	font-weight: 300;
	height: 0;
	line-height: 1;
	margin-bottom: 0;
	text-indent: -9999px;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
}

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

/* Logo, hide text */
.title-area h1{
  margin:0;
}
.header-image .site-title a {
	float: left;
	width: 100%;
}
.site-title a{
  text-indent:-9999px;
  text-decoration:none;
}
.site-title a:before{
  text-indent:0;
  font-family: 'TQ';
  content: "\e60b" !important;
  color: #660460;
  display: block;
  font-size: 230px;
  line-height: 0;
  margin: 0;
  padding: 25px 0;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 75%;
}

.site-header .widget {
	margin-bottom: 0;
}

.site-header .search-form {
	float: right;
	margin-top: 24px;
}



/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #222;
	line-height: 1.5;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	text-align: left;
  padding: 28px 8px;
  float:left;
}
.genesis-nav-menu .menu-item.yellow-menu{
  background:rgba(234,183,32,1);

}
.genesis-nav-menu .menu-item.yellow-menu a{
  color:#fff;
}
.genesis-nav-menu .menu-item.yellow-menu:hover{
  background:rgba(234,183,32,0.7);
}
.genesis-nav-menu .menu-item.chinese-character{
  background:#803c7d;
  padding-top: 22px;
  padding-right: 15px;
  padding-bottom: 23px;
  padding-left: 15px;
}


.genesis-nav-menu .menu-item.chinese-character a{
  border:2px solid #fff;
  color:#fff;
  padding:5px 4px;
  text-align:center;
}
.genesis-nav-menu .menu-item.login-icon{
  background:#803c7d;
  margin-top:-1px;
  padding-bottom:29px;
}
.genesis-nav-menu .menu-item.login-icon a{
  color:#fff;
  text-align:center;
}
.genesis-nav-menu .menu-item.login-icon a:hover{
  color:#681265;
}
.genesis-nav-menu .menu-item.chinese-character a:hover{
  border:2px solid #681265;
  color:#681265;
}
.genesis-nav-menu .menu-item.login-icon span{
  display:none;
}
.genesis-nav-menu .menu-item.login-icon a:before{
  content: "\e619";
  font-family: 'TQ';
  font-size: 30px;
  line-height: 0;
  vertical-align: middle;
}
.number-area {
  font-size:13px;
  letter-spacing:0.175rem;
  color:#fff;
  font-weight:400;
  font-family: 'Oswald', sans-serif;
  background:#803c7d;
  padding: 26px 0px 1px 0px;
}


a[href^="tel"]{
    color:#fff;
    text-decoration:none;
}

.genesis-nav-menu a {
  font-family: 'Oswald', sans-serif;
	border: none;
	color: #58585a;
  text-transform:uppercase;
	display: block;
  font-size:13px;
	line-height: 1;
	position: relative;
	text-decoration: none;
  font-weight:400;
  border: 1px solid transparent;
  letter-spacing:0.175em;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #742971;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition:    opacity .1s ease-in-out;
	-ms-transition:     opacity .1s ease-in-out;
	-o-transition:      opacity .1s ease-in-out;
	transition:         opacity .1s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border-bottom: 1px solid #742971;
	border-top: none;
	font-size: 13px;
	padding:20px 20px;
	position: relative;
	width: 217px;
  color:#222;
}
.genesis-nav-menu .sub-menu a span{
	line-height:140%;
}
.genesis-nav-menu .sub-menu li{
  padding:28px 0;
}
.genesis-nav-menu .sub-menu a:hover {
	color: #803c7d;
	border-bottom: 1px solid #803c7d;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	display: inline-block;
	float: right;
	line-height: 1;
	list-style-type: none;
	padding: 24px 0;
}

.genesis-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .right > a:hover {
	background: none;
	color: #58585a;
}

.genesis-nav-menu > .rss > a {
	margin-left: 20px;
}

.genesis-nav-menu > .search {
	padding: 6px 0 0;
}

.genesis-nav-menu li.highlight-menu-item a {
	background-color: #222;
	color: #fff;
	margin-left: 20px;
}

.genesis-nav-menu li.highlight-menu-item a:hover {
	background-color: #58585a;
	color: #fff;
}

.number-area{float:right;}
.site-header .widget_nav_menu{float:right;}

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}


/* Primary Navigation
--------------------------------------------- */

.nav-primary .wrap {
	border-bottom: 1px solid #222;
}

.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	background-color: #222;
	color: #fff;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	margin-bottom: 20px;
}

.nav-secondary .genesis-nav-menu a {
	padding: 6px 20px;
}

/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
}
.responsive-menu-icon::before {
    content: "MENU";
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display:inline;
    font-family: 'Oswald', sans-serif;
    color: #58585a;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
}

.responsive-menu-icon::after {
	content: "\f333";
	display: block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
	text-align: center;
  vertical-align:middle;
    display:inline;
}

.site-header .responsive-menu-icon::before {
	padding: 0;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */
.featuredpage h2.entry-title,
.featuredpost h2.entry-title,
.featuredpage h3.entry-title,
.featuredpost h3.entry-title{
  text-align:center;
}
.featuredpage h2.entry-title a,
.featuredpost h2.entry-title a,
.featuredpage h3.entry-title a,
.featuredpost h3.entry-title a{
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #660460;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0.20em;
  transition: all 0.1s linear 0s;
}
.featuredpage h2.entry-title a:after,
.featuredpost h2.entry-title a:after,
.featuredpage h3.entry-title a:after,
.featuredpost h3.entry-title a:after{
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 15px;
  width: 30%;
  margin: 0 auto;
}
.featuredpage img, .featuredpost img {
  width: 100%;
}
.featuredpage h2.entry-title a:hover,
.featuredpost h2.entry-title a:hover,
.featuredpage h3.entry-title a:hover,
.featuredpost h3.entry-title a:hover{
  color:#995296;
}

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 40px;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 24px;
}

.entry-content ul {
	margin-left: 25px;
}
.entry-content ol{
  margin-left:50px;
	counter-reset: i 0;
}

.entry-content ol > li,
.widget ol > li {
	list-style-type: none;
  font-size: 18px;
}
.entry-content ol > li:before{
	content: counter(i);
	counter-increment: i;
	padding-right: 0.5em;
	color: #762c73;
}

.entry-content ul > li {
	list-style-type: none;
  padding: 5px 15px;
}
.entry-content ul > li:before {
	content: "\e61c";
  font-family: 'TQ';
  color: #762c73;
  font-size: 50px;
  line-height: 0;
  /* vertical-align: middle; */
  display: block;
  height: 0;
  left: -50px;
  position: relative;
  top: 15px;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content .search-form {
	width: 50%;
}

.entry-meta {
	clear: both;
	color: #888;
	font-size: 16px;
}

.entry-meta a {
	color: #222;
}

.entry-meta a:hover {
	color: #58585a;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.ssba.ssba-wrap{
  border:none;
  padding:10px 0;
}
.ssba img{
  padding:0 !important;
}
.ssba img:hover{
  opacity:0.5;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	background: url(images/background-pattern-repeat.jpg);
	color: #742971;
	margin-bottom: 40px;
	padding: 7% 8% 8% 8%;
}

.after-entry .widgettitle {
	color: #742971;
	font-size: 37px;
}

.after-entry .entry-title a,
.after-entry .widget .entry-meta a:hover {
	color: #742971;
}

.after-entry .textwidget a {
	background: #742971;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 10px 40px;
  margin-top:15px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.20em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display:inline-block;
}

.after-entry .entry-title a:hover {

}

.after-entry p:last-child {
	margin: 0;
}

.after-entry li {
	list-style-type: none;
}

.after-entry li a {
	color: #999;
}

/* Pagination
--------------------------------------------- */

.archive-pagination,
.entry-pagination {
	clear: both;
	padding: 20px 0;
  background:#fff;
  text-align:center;
}

.archive-pagination li {
	display: inline-block;
}

.archive-pagination li a {
	color: #58585a;
  letter-spacing:0.025em;
  font-size:24px;
  font-family: 'Oswald', sans-serif;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 4px;
	padding: 8px 4px;
	text-decoration: none;
}
.archive-pagination li.pagination-next a, .archive-pagination li.pagination-previous a {
  border-bottom:1px solid #58585a;
  padding:0;
}
.archive-pagination li.pagination-next a:hover, .archive-pagination li.pagination-previous a:hover {
	color: #742971;
  border-bottom:1px solid #742971;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	color: #742971;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 40px;
}

.comment-content {
	clear: both;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
	margin-top: 24px;
	padding: 32px;
}

.comment-list li li {
	margin-right: -32px;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

.comment-header {
	font-size: 16px;
	line-height: 1.4;
}

.comment-header .comment-meta {
	margin-bottom: 12px;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 24px;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar p:last-child,
.sidebar ul {
	margin-bottom: 0;
}
.sidebar ul {
	padding:10px 0;
}

.sidebar li {
	list-style-type: none;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	background-color: #fff;
	margin-bottom: 32px;
	overflow: hidden;
}

.sidebar .widget::after {
	display: block;
}

.sidebar .enews {
	background-color: #222;
	margin-bottom: 8px;
	padding: 32px;
}

.sidebar .widget.enews-widget::after {
	border-bottom: none;
	padding-bottom: 0;
}

/*Sidebar Nav*/
.sidebar .widget-title{
  margin-bottom:4px;
  letter-spacing:0.175em;
}
.sidebar .widget.widget_nav_menu{
  background:#f1f1f1;
  color:#58585a;
  font-family: 'Oswald', sans-serif;
}
.sidebar .widget_nav_menu h4.widgettitle{
  color:#58585a;
  font-size:14px;
  background:#dadada;
  font-weight:400;
  padding:24px 30px 18px;
  text-transform:uppercase;
  line-height: 1.625;
}
.sidebar .widget_nav_menu .menu li{
  padding:0 30px 3px;
}
.sidebar .widget_nav_menu .menu li a{
  font-weight:300px;
  color:#58585a;
  font-size:14px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.175em;

}
.sidebar .widget_nav_menu .menu li a:hover{
  color:#742971;
  text-decoration:underline;
}

/*Sidebar Text Widget*/
.sidebar .featured-content h2.entry-title, .sidebar .featured-content h3.entry-title, .sidebar .widget_text h4.widget-title{
  border:1px solid #f1f1f1 !important;
}
.sidebar .newsletter.widget_text h4.widget-title, .sidebar .video.widget_text h4.widget-title{
  border:none !important;
}
.sidebar .featured-content h2, .sidebar .featured-content h3{
  text-align:center;
}
.sidebar .featured-content a, .sidebar .featured-content img{
  display: block;
  line-height: 0;
}

.sidebar a.alignnone{
  position:relative;
}
.sidebar a.alignnone:before{
  content:"";
  background:rgba(104,18,101,.6);
  position:absolute;
  width:100%;
  height:100%;
  transition: all 0.1s linear 0s;
}
.sidebar a.alignnone:hover:before{
  content:"";
  background:none;
  position:absolute;
  width:100%;
  height:100%;
}
.sidebar .featured-content a.alignnone img{
  margin-bottom:0;
}
.sidebar .featured-content h2 a, .sidebar .featured-content h3 a{
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  color:#660460;
  text-align:center;
  text-transform:uppercase;
  padding:20px 10px 20px;
  line-height:1.3;
  letter-spacing: 0.20em;
}
.sidebar .featured-content h2 a:after, .sidebar .featured-content h3 a:after{
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 15px;
  width: 30%;
  margin:0 auto;
}

/*Text Widget*/
.sidebar .widget_text{
  border:1px solid #f1f1f1;
}
.sidebar .widget_text .widget-title{
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  color:#660460;
  text-align:center;
  text-transform:uppercase;
  padding:20px 0 20px;
  letter-spacing: 0.20em;
}
.sidebar .widget_text .widget-title:after{
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 15px;
  width: 30%;
  margin:0 auto;
}

/*Newsletter*/
.sidebar .newsletter.widget_text{
  border:1px solid #f1f1f1;
}
.sidebar .newsletter .textwidget{
  padding:0 20px;
}
.sidebar .newsletter .widget-title{
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  color:#660460;
  text-align:center;
  text-transform:uppercase;
  padding:20px 0 10px;
}
.sidebar .newsletter .widget-title:after{
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 15px;
  width: 30%;
  margin:0 auto;
}
.sidebar .newsletter .textwidget{
  font-size:37px;
  color:#742971;
  font-family: 'Oswald', sans-serif;
  line-height:124%;
  letter-spacing:0.025em
}
/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #eeeeee;
	color: #58585a;
	clear: both;
}
.footer-widgets .footer-logo{
  text-align:center;
}
.footer-widgets .footer-logo .icon-TQ-iconfont-04:before{
  text-indent: 0;
  color: #660460;
  display: block;
  font-size: 180px;
  line-height: 0;
  margin: 50px 0;
  padding: 25px 0;
}
.footer-widgets  .address{
  color:#742971;
  font-size:13px;
  font-family: 'Oswald', sans-serif;
  font-weight:400;
  letter-spacing:0.175em;
  line-height:170%;
  text-transform:uppercase;
  word-wrap:normal;
}
.footer-widgets  .address a{
  color:#742971;
  font-size:13px;
  font-family: 'Oswald', sans-serif;
  font-weight:400;
  letter-spacing:0.175em;
  line-height:195%;
  text-transform:uppercase
}
.footer-widgets  .houzz a{
  color: #61af1e;
  border: 2px solid #61af1e;
  text-transform: capitalize;
  padding: 2px 15px;
  text-align: center;
  border-radius: 5px;
  display: block;
  width: 80%;
  margin: 0 auto;
  line-height:25px;
}
.footer-widgets  .houzz a:hover{
  color:#3b7b00;
  border:2px solid #3b7b00;
}
.footer-widgets  .houzz a img{
  width:65px;
  margin-left:10px;
  vertical-align:top;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	float: left;
  margin-right: 5.263157894737%;
  width: 29.824561403509%;
  padding: 63px 0 40px;
}
.footer-widgets-3{
  margin-right: 0;
  border-left: 2px solid #dadada;
}

.footer-widgets-1{
  border-right: 2px solid #dadada;
  padding: 60px 0;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}


.footer-widgets-3 {
	float: right;
}
.footer-widgets-3 .simple-social-icons {
  padding:0 15%;
}

.footer-widgets a,
.footer-widgets .entry-meta a {
	color: #58585a;
  font-size:14px;
  font-family: 'Oswald', sans-serif;
  font-weight:400;
  text-decoration:none;
  line-height:120%;
  letter-spacing:0.175em;
  text-transform:uppercase;
}

.footer-widgets a:hover {
	color: #dcc9dc;
}


.footer-widgets .widget-title {
	color: #742971;
	font-size: 20px;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 0;
}

.footer-widgets .search-form input:focus {
	border: 1px solid #ddd;
}

a.social-buttons {
	background-color: #888;
	color: #742971;
	float: left;
	font-size: 14px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	padding: 4px 8px;
	text-decoration: none;
}

a.social-buttons:hover {
	background-color: #fff;
	color: #dcc9dc;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	border-top: 1px solid #222;
	padding: 48px 0;
	text-align: center;
}

.site-footer p {
	margin-bottom: 0;
}

.site-footer a {
	color: #222;
}

.site-footer a:hover {
	color: #58585a;
}
.footer_copy{
  background:#dadada;
  padding:15px 0;
}
.footer_copy .copyright{
  font-weight:400;
  text-align:center;
  font-size:11px;
  text-transform:uppercase;
  color:#58585a;
  letter-spacing:0.175em;
  font-family: 'Oswald', sans-serif;
}


/*Testimonial*/
.testimonials{
  background: url(images/background-pattern-repeat.jpg);
}
.testimonials .wrap{
  padding:90px 60px 80px 80px;
}
.testimonials .wrap p{
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  color: #742971;
  line-height: 110%;
  padding: 20px 50px;
}
.testimonials .wrap p:before {
    content: "\e60d";
    font-family: 'TQ';
    color: #742971;
    margin-right: 10px;
    font-size: 56px;
    display: block;
    position: relative;
    left: -70px;
    top: 0;
    height: 0;
}
.testimonials .wrap p::after {
    content: close-quote;
}
.testimonials .client_name {
  display:block;
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  color: #742971;
  line-height: 110%;
  padding: 0 50px;
}


/*Before After*/
.ba-outside .slide-pre, .ba-outside .slide-nex{
  width:35px !important;
  height:35px !important;
  border:2px solid #660460 !important;
  opacity:1 !important;
}
.ba-outside .slide-pre{
  background: url('images/arrow-v.png') no-repeat !important;
  background-position:-2px -2px !important;
}
.ba-outside .slide-nex{
  background: url('images/arrow-v.png') no-repeat !important;
  background-position:-28px -2px !important;
}
.baslider-main, .ba-outside{
  margin:0 auto !important;
  float:none !important;
}

/*.bx-controls{display:none !important;}*/

/*
File Icons CSS
---------------------------------------------------------------------------------------------------- */

/* PDF document links */
a[href$='.pdf']:before {
	content: "\e608";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'TQ';
font-style: normal!important;
vertical-align:top;
}
a[href$='.pdf'].no-show-pdf:before {
	content: "";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'TQ';
font-style: normal!important;
vertical-align:top;
}

/* Excel Documents links */
a[href$='.xls']:before, a[href$='.csv']:before, a[href$='.xlw']:before, a[href$='.xlt']:before {
	content: "\e60a";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'TQ';
font-style: normal!important;
vertical-align:top;
}

/* Word Document Links */
a[href$='.doc']:before, a[href$='.docx']:before,  a[href$='.wps']:before {
	content: "\e609";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'TQ';
font-style: normal!important;
vertical-align:top;
}

/*Text Document Links */
a[href$='.rtf']:before, a[href$='.txt']:before {
	content: "\e602";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'TQ';
font-style: normal!important;
vertical-align:top;
}

/* PowerPoint Document Links */
a[href$='.ppt']:before {
	content: "\e60c";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'TQ';
font-style: normal!important;
vertical-align:top;
}

/* Zip Document Links */
a[href$='.zip']:before {
content: "\e607";
display:inline-block;
padding-right:10px;
font-size: 18px;
font-family: 'icomoon';
font-style: normal!important;
vertical-align:top;
}


/*DMG - Home Banner*/
#banner{
  position:relative;
}
#banner .textwidget{
max-height:100% !important;
}
#banner img {
  width: 100%;
  display:block;
}
.banner-text{
  position:absolute;
  bottom:0;
  left:0;
  z-index:1;
  width:100%;
  padding:30px 0;
  background:rgba(104,18,101,.6);
}
.banner-text .content{
  width:56%;
  float:left;
  line-height:124%;
  color:#fff;
  font-size:37px;
  letter-spacing: 0.025em;
  font-family: 'Oswald', sans-serif;
font-weight:400;
}
.banner-text .url{
  float:right;
  margin-top: 25px;
  margin-right:15px;
}
.banner-text a{
  display: inline-block;
  background: #fff;
  color: #742971;
  font-size: 12px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  text-align: center;
  padding: 13px 40px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.1s linear 0s;
}
.banner-text a:hover{
  background:#681265;
  color:#fff;
}
.banner-text .content{
  margin-top:0;
}
#video{
  padding:40px 0;
}
#video h2, #video h1{
  font-family: 'Oswald', sans-serif;
  line-height:116%;
  letter-spacing:0.025em;
  font-size:48px;
  font-weight:200;
  color:#58585a;
}
#video .checklist a{
  background:#742971;
  color:#fff;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  text-align:center;
  padding: 15px 40px;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing: 0.20em;
  display:inline-block;
  margin-top:10px;
	line-height: 150%;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.1s linear 0s;
}
#video .checklist a:hover{
  background:#995296;
}
#video .video{
  text-align:center;
}
#video .video a{
  transition: all 0.1s linear 0s;
}
#video .video a:hover{
  opacity:0.9;
}
#video .video .widget-title{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight:400;
  color: #58585a;
  text-transform: uppercase;
  padding: 20px 20px 20px;
  line-height: 1.3;
  letter-spacing: 0.20em;
  text-align:center;
}
#video .video .widget-title:after{
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 15px;
  width: 30%;
  margin: 0 auto;
}
#video .video{
  padding:0 0 0 50px;
}
#video .checklist{
  padding:0;
}
/*featured*/
.mpp-home .featuredpage,
.mpp-home .featuredpost{
  margin-right: 5.263157894737%;
}
.mpp-home #post .featuredpost{
  margin-right:0;
}
.mpp-home .featuredpage.widget-wrap,
.mpp-home .featuredpost.widget-wrap{
  margin-right: 0;
}
.mpp-home .featuredpage:nth-of-type(3n+3),
.mpp-home .featuredpost:nth-of-type(3n+3) {
  margin-right: 0;
}
/*featured-module*/
#featured-module{
  text-align:center;
  padding-top:60px;
}
#featured-module .textwidget{
  color:#58585a;
  font-family: 'Droid Sans', sans-serif;
  font-size:15px;
  padding:0 15%;
}
#featured-module .widget-title.widgettitle{
  color:#58585a;
  font-size:37px;
}

/*AWARD*/
#award{
  padding:60px 0 30px;
}
#award h2{
  font-size:37px;
  color:#742971;
  font-family: 'Oswald', sans-serif;
  letter-spacing:0.025em;
  line-height:124%;
  margin-bottom:40px;
}
#award h3{
  font-size:37px;
  color:#742971;
  font-weight:300;
  font-family: 'Oswald', sans-serif;
  letter-spacing:0.025em;
  line-height:124%;
  text-transform:none;
}
#award h3:after{
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 15px;
  width: 20%;
  margin: 0 auto;
}
#award h3 span{
  font-size:53px;
  color:#742971;
  font-weight:400;
  font-family: 'Oswald', sans-serif;
}
#award .col-dmg-4{
  width: 33.333%;
}
#award p{
  text-align:center;
  font-size:15px;
  line-height:120%;
  margin-bottom:40px;
}
#award .award-image{
  text-align:center;
}

#award section:nth-of-type(3n+3) {
margin-right: 0;
}
#award .award-left{
  padding-left:35px;
}
#award .award-right{
  padding-right:50px;
  padding-top:9px;
}


/*Logos*/
#logos .featuredpost img{
  width:auto;
}
#logos .wrap{
  padding:0 50px;
  text-align:center;
}
#logos .wrap a img:hover{
  opacity:0.5;
}
#logos .widget_text img{
  width:98px;
}

/*BOX*/
#box{
  background:url(https://www.tqconstruction.ca/wp-content/uploads/great-room-renovation-construction-home-build.jpg);
  background-size:cover;
  margin:30px 0 0;
  position:relative;
}
#box .text-box{
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding:80px 100px 70px 100px;
  color:#fff;
}
#box .text-box h2{
  color:#fff;
  font-size:37px;
  letter-spacing:0.025em;
  line-height:124%
}
#box .text-box h4{
  color:#fff;
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
}
#box .text-box h3{
  color:#fff;
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  text-align:left;
  font-family: 'Oswald', sans-serif;
  letter-spacing:0.175em;
}
#box a {
  background: #eab720;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 13px 40px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.20em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top:20px;
  display:block;
  width:320px;
  transition: all 0.1s linear 0s;
}
#box a:hover {
  background: #f2cf69;
}
#box .wrap:before{
  content:"";
  background:rgba(104,18,101,0.6);
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:100%;
  display:block;
}

/*main Footer*/
#global-footer{
  background:#742971;
  color:#fff;
  padding:47px 0;
  text-align:center;
}
#global-footer{
  color:#fff;
  font-size:37px;
  font-family: 'Oswald', sans-serif;
  letter-spacing:0.025em;
  line-height:124%;
}

#global-footer a{
  background: #fff;
  color: #742971;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 22px 40px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.20em;
  line-height:0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top:-10px;
  margin-left:20px;
  vertical-align:middle;
  display:inline-block;
  transition: all 0.1s linear 0s;
}
#global-footer a:hover{
  background: #681265;
color: #fff;
}

/*Home Blog*/
.mpp-home #post .featuredpost .entry:nth-of-type(3n+1) {
  clear: left;
}
.mpp-home #post .featuredpost .entry{
  float: left;
  margin-right: 5.263157894737%;
  width: 29.824561403509%;
}
.mpp-home #post .featuredpost .entry:nth-of-type(3n+3) {
  margin-right: 0;
}
.mpp-home #post .featuredpost .entry-content p{
  text-align:center;
  font-size:15px;
  color:#58585a;
}

/*Featured Box*/
.featured-box{
  padding:75px 0;
  background:url(images/background-pattern-repeat.jpg);
}
.featured-box article a.alignnone{
  max-height:200px;
  overflow:hidden;
}
.pull-right{
  float:right;
}
.pull-left{
  float:left;
}
/*Buttons*/
.btn-dmg-normal{
  color: #742971;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 10px 40px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 0.175em;
  font-weight:400;
  display: block;
  transition: all 0.1s linear 0s;
}
.btn-dmg-normal:hover{
  color: #995296;
}
.btn-dmg-colored{
  background: #742971;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 10px 40px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.20em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-dmg-white{
  display: inline-block;
  background: #fff;
  color: #742971;
  font-size: 12px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 40px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  margin-top: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/*Single Portfolio*/
.portfolio-img{
  max-height:380px;
  overflow:hidden;
}
.portfolio-img img{
  width:100%;
  display:block;
}
.metabox{
  background:#803c7d;
  color:#fff;
  padding: 8px 0px 9px 0px !important;
}
.metabox a{
  color:#fff;
  font-family: 'Oswald', sans-serif;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing: 0.20em;
  text-decoration:none;
}
.metabox .tags a{
  border: 2px solid #fff;
  color:rgba(234,183,32,1);
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.175em;
  border: 2px solid rgba(234,183,32,1);
  padding: 7px 11px 7px 11px;
  margin-right: 15px;
  display: inline-block;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.1s linear 0s;
}
.metabox .tags a:hover{
   color:#995296;
  border: 2px solid #995296;
}
.metabox .category a{
  border: 2px solid #fff;
  color:#fff;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.175em;
  border: 2px solid #dcc9db;
  padding: 7px 11px 7px 3px;
  margin-right: 15px;
  margin-bottom: 10px;
  display: none;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.1s linear 0s;
}
.metabox .category a:hover{
  color:#995296;
  border: 2px solid #995296;
}
.portfolio-container  .wrap{
  padding-left:50px;
}
.portfolio-container .address{
  padding-left:60px;
  padding-top:60px;
  font-size:15px;
}
.portfolio-container .address strong{
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:0.175em;
}
.portfolio-container .entry-content{
  padding-right:60px;
}
#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}

#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}
.additional-container .wrap{
  padding:0 100px;
}
.additional-container h2{
  color:#742971;
  font-weight:300;
  font-size:37px;
  margin-bottom:40px;
  letter-spacing:0.025em;
  line-height:124%;
}
.additional-container h3{
  font-size:14px;
  font-weight:400;
  letter-spacing:0.175em;
}
.gallery-container{
  background: url(images/background-pattern-repeat.jpg);
  text-align:center;
}
.gallery-container .wrap{
  text-align:center;
}
.gallery-container h3{
  color:#58585a;
  font-size:37px;
  font-weight:300;
}
.houzz-container{
  background: url(images/TQ-blueprint-blkcrop-webres.png);
  color:#fff;
  position:relative;
  text-align:center;
}
.houzz-container a{
  color:#fff;
}
.houzz-container #hzroot8971101{
  margin:0 auto !important;
}
.houzz-container:before{
  content:"";
  background:rgba(116,41,113,0.9);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.houzz-container .wrap{
  position:relative;
}
.gallery-icon a{
  height: 120px;
  width: 100%;
  display: block;
}
.gallery .gallery-item{
  margin-bottom:10px;
  float:none !important;
  display:inline-block;
}
.gallery .gallery-item img{
  display: inline-block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.gallery{
  text-align:center;
}

.key-container .wrap{
  padding:0 50px;
}
.key-container h3{
  font-size:14px;
  font-weight:400;
  letter-spacing:0.175em;
}
.key-container ul{
  padding-left: 80px;
  padding-top: 30px;
}
.key-container ul > li {
  list-style-type: none;
  padding: 5px 15px;
}
.key-container ul > li:before {
  content: "\e617";
  font-family: 'TQ';
  color: #762c73;
  font-size: 50px;
  line-height: 0;
  vertical-align: middle;
  left: -50px;
  display: block;
  height: 0;
  left: -50px;
  position: relative;
  top: 15px;
}


.portfolio-container,
.gallery-container,
.additional-container,
.houzz-container,
.key-container{
  padding:60px 0;
}

.gallery-container  h2{
  font-weight:300;
  font-size:37px;
}

/*Team Page*/
.mmt_row.row-fluid .col-mmt-4{
  padding-left:0 !important;
  padding-right:30px !important;
}

/*Renovation Archive*/
#renovation{
  padding: 40px 0 0;
  background: url(images/background-pattern-repeat.jpg);
}
.metabox-archive{
  margin:20px 0 5px;
}
.metabox-archive .wrap{
  padding:0 5px;
}
.metabox-archive .category a{
  color:#742971;
  font-size:13px;
  font-weight:400;
  text-transform:uppercase;
  font-family: 'Oswald', sans-serif;
  letter-spacing:0.175em;
  border:2px solid #dcc9db;
  padding:7px 11px 7px 3px;
  margin-right:10px;
  margin-bottom:10px;
  display:inline-block;
  text-decoration:none;
  border-radius:2px;
  transition: all 0.1s linear 0s;
  position: relative;
}
.metabox-archive .category a:hover{
  color:#995296;
  border:2px solid #995296;
}
.metabox-archive .tags{
  margin-bottom:10px;
  display:none;
}
.metabox-archive .tags a{
  color:#742971;
  font-size:13px;
  font-weight:400;
  text-transform:uppercase;
  font-family: 'Oswald', sans-serif;
  letter-spacing:0.175em;
  padding:5px 0;
  margin-top:10px;
  margin-right:15px;
  text-decoration:underline;
transition: all 0.1s linear 0s;
}
.metabox-archive .tags a:hover{
  color:#995296;
}
.renovation_entries {
margin-right: 5.263157894737%;
margin-bottom: 40px;
}
.renovation_entries a, .renovation_entries a img{
  display:block;
  text-decoration:none;
}
.renovation_entries:nth-of-type(3n+3) {
margin-right: 0;
}
.renovation_entries h2{
  text-align:center;
  font-size:12px;
  margin-bottom:0;
  padding:8px 0 6px;
  height:100px;
}
.renovation-img{
  max-height:185px;
 }
.renovation-img a{
  height:185px;
  overflow:hidden;
}
.renovation-img a img{
  width:100%;
  height:100%;
  object-fit: cover;
  -o-object-fit:cover;
}
.renovation_entries .entry-header{
  background:#fff;
}
.renovation_entries h2.entry-title a {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #660460;
  text-align: center;
  text-transform: uppercase;
  padding: 20px 10px 20px;
  line-height: 1.3;
  letter-spacing: 0.20em;
  transition: all 0.1s linear 0s;
}
.renovation_entries h2.entry-title a:hover{
  color: #eab720;
}
.renovation_entries h2.entry-title a:after {
  border-bottom: 2px solid #d2ab10;
  content: "";
  display: block;
  padding-bottom: 12px;
  width: 30%;
  margin: 0 auto;
}

.categories-list{
  background: rgba(255,255,255,0.5);
  padding: 15px 0 15px 24px;
  height: 67px;
}
.categories-list a{
  color: #742971;
  text-transform: uppercase;
  font-size: 13px;
  font-weight:400;
  font-family: 'Oswald', sans-serif;
  text-decoration:none;
  transition: all 0.1s linear 0s;
  display:none;
}
.categories-list:hover{
  background: rgba(116,41,113,0.6);
}
.categories-list:hover a{
  color:#fff;
}
.categories-link{
  background:url(images/arrow-bg.png) no-repeat;
  height:67px;
  width:67px;
  transition: all 0.1s linear 0s;
}
.categories-link:hover{
  opacity:0.6;
}
.categories-link span{
  text-decoration:none;
  color:#fff;
  font-size:68px;
}
/*FORM*/
.fscf-div-form{
  margin:20px 0 50px;
}
form label{
  letter-spacing: 0.20em;
  font-size:12px;
  text-transform:uppercase;
  color:#727273;
  font-family: 'Montserrat', sans-serif;
}
form ::-webkit-input-placeholder {
   color: #742971;
}

form :-moz-placeholder { /* Firefox 18- */
   color: #742971;
}

form ::-moz-placeholder {  /* Firefox 19+ */
   color: #742971;
}

form :-ms-input-placeholder {
   color: #742971;
}
form .fscf-div-error, form .fscf-required-text, form .fscf-required-indicator{
  color:#e6608f;
  letter-spacing: 0.20em;
  font-size:12px;
  text-transform:uppercase;
  font-family: 'Montserrat', sans-serif;
}
form textarea,
form input[type="text"],
form input[type="button"],
form input[type="submit"],
input[type="search"] {
     -webkit-appearance: none;
}
form .fscf-div-clear{
  margin-bottom:10px;
}



/*Hover*/
.featuredpage a.alignnone, .featuredpost a.alignnone, .renovation-img a{
  position:relative;
  display:block;
  line-height:0;
}
.featuredpage a.alignnone img, .featuredpost a.alignnone img, .renovation-img a img{
  margin-bottom:0;
  min-height: 200px;
    object-fit: cover;
}
.featuredpage a.alignnone:before, .featuredpost a.alignnone:before, .renovation-img a:before{
  content: "";
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.featuredpage a.alignnone:hover:before, .featuredpost a.alignnone:hover:before, .renovation-img a:hover:before {
  content: "";
  background: rgba(104,18,101,.6);
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.1s linear 0s;
}

.featuredin a{
  color: #803c7d;
}


/*WP Gallery*/
.jp-carousel-image-meta, .jp-carousel-titleanddesc-title, .gallery figcaption{
  display:none;
}
.jp-carousel-titleanddesc{
  border:none !important;
  margin-bottom:0 !important;
}
.jp-carousel-overlay{
  height:auto !important
}
/*.jp-carousel-left-column-wrapper{
  display:none;
}*/


/*Category Icon*/

.metabox-archive .fa.full-renovations:before,
.metabox-archive .fa.condos:before,
.metabox-archive .fa.heritage-homes:before,
.metabox-archive .fa.age-in-place:before,
.metabox-archive .fa.any-room:before,
.metabox-archive .fa.kitchens:before,
.metabox-archive .fa.bathrooms:before,
.metabox-archive .fa.additions:before,
.metabox-archive .fa.whole-house:before,
.metabox-archive .fa.exterior-outdoor:before,
.metabox-archive .fa.custom-homes:before,
.metabox-archive .fa.vancouver-specials-homes:before
{
  font-family: 'TQ';
  color:#742971;
  font-size:30px;
  font-style:normal;
  vertical-align: middle;
  line-height: 0;
  margin-right:3px;
  display:inline-block;
  margin-top:-4px;
}

/*Category Icon*/

.metabox .fa.full-renovations:before,
.metabox .fa.condos:before,
.metabox .fa.vancouver-specials-homes:before,
.metabox .fa.heritage-homes:before,
.metabox .fa.age-in-place:before,
.metabox .fa.any-room:before,
.metabox .fa.kitchens:before,
.metabox .fa.bathrooms:before,
.metabox .fa.additions:before,
.metabox .fa.whole-house:before,
.metabox .fa.exterior-outdoor:before,
.metabox .fa.custom-homes:before,
.fa.all:before{
  font-family: 'TQ';
  color:#fff;
  font-size:30px;
  font-style:normal;
  vertical-align: middle;
  line-height: 0;
  margin-right:3px;
  display:inline-block;
  margin-top:-4px;
}


.metabox .category a:hover .fa.vancouver-specials-homes:before,
.metabox .category a:hover .fa.full-renovations:before,
.metabox .category a:hover .fa.condos:before,
.metabox .category a:hover .fa.heritage-homes:before,
.metabox .category a:hover .fa.age-in-place:before,
.metabox .category a:hover .fa.any-room:before,
.metabox .category a:hover .fa.kitchens:before,
.metabox .category a:hover .fa.bathrooms:before,
.metabox .category a:hover .fa.additions:before,
.metabox .category a:hover .fa.whole-house:before,
.metabox .category a:hover .fa.exterior-outdoor:before,
.metabox .category a:hover .fa.custom-homes:before{
  color:#995296;
}
.fa.all:before{
  content: "\f180";
  font-family: 'dashicons';
  color:#742971;
  line-height:0;
  font-size:24px;
  margin-top:-2px;
}


.fa.vancouver-specials-homes:before{
  content: "\e627";
}
.fa.kitchens:before{
  content: "\e622";
}
.fa.bathrooms:before{
  content: "\e623";
}
.fa.additions:before{
  content: "\e624";
}
.fa.whole-house:before{
  content: "\e625";
}
.fa.exterior-outdoor:before{
  content: "\e626" !important;
}
.fa.custom-homes:before{
  content: "\e627";
}
.fa.any-room:before{
  content: "\e627";
}
.fa.age-in-place:before{
  content: "\e627";
}
.fa.heritage-homes:before{
  content: "\e627";
}
.fa.condos:before{
  content: "\e627";
}
.fa.full-renovations:before{
  content: "\e625";
}


.single-renovation_portfolio .ssba{
  display:none;
}

/*Columns*/
@media (min-width: 600px) {
  .col-dmg-12,.col-dmg-11,.col-dmg-10,.col-dmg-9,.col-dmg-8,.col-dmg-7,.col-dmg-6,.col-dmg-5,.col-dmg-4,.col-dmg-3,.col-dmg-2,.col-dmg-1{
    position: relative;
    min-height: 1px;
    float:left;
  }
  .col-dmg-12 {
      width: 100%;
  }
  .col-dmg-11 {
    width: 91.66666667%;
  }
  .col-dmg-10 {
    width: 83.33333333%;
  }
  .col-dmg-9 {
    width: 75%;
  }
  .col-dmg-8 {
    width: 66.66666667%;
  }
  .col-dmg-7 {
    width: 58.33333333%;
  }
  .col-dmg-6 {
    width: 50%;
  }
  .col-dmg-5 {
    width: 41.66666667%;
  }
  .col-dmg-4 {
    width: 29.824561403509%;
  }
  .col-dmg-3 {
    width: 25%;
  }
  .col-dmg-2 {
    width: 16.66666667%;
  }
  .col-dmg-1 {
    width: 8.33333333%;
  }
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1920px) {
  #banner .textwidget, .portfolio-img{
    max-height:1800px !important;
  }
  #banner img, .portfolio-img img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1267px) {

	.site-inner,
	.wrap {
		max-width: 90%;
	}
  .site-header .wrap{
    max-width:100%;
  }
  .title-area{
    margin-left:3.8%;
  }

}


@media only screen and (max-width: 1160px) {
.genesis-nav-menu .menu-item.chinese-character a{
  display: block;
  width: 45px;
  margin: 0 auto;
  padding: 5px;
}


  #box .wrap:before{
    width:80%;
  }
	.header-image .site-header .site-title a {
		background-position: top !important;
	}

	.entry-comments,
	.entry-footer .entry-meta,
	.site-header,
	.site-header .widget-area {
		padding: 0;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .search-form,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto ;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 12px;
	}

	#services .alignright,
	#services .alignleft {
		float: none;
		width: 100%;
	}

	#services a.button {
		float: left;
		margin: 20px 0 0;
	}

	.site-footer{
		padding: 24px 0;
	}

  .content-sidebar .content{
    padding-left:0;
  }

  #box .col-dmg-6 {
    width: 80%;
  }

  .footer-widgets-2 .col-dmg-4{
    width:40.824561%;
  }
  .footer-widgets-2 .col-dmg-8{
    width:54.666667%
  }

}

@media only screen and (max-width: 1139px) {
  .footer-widgets-3 .simple-social-icons {
    padding:0 8%;
  }
}
@media only screen and (max-width: 1023px) {
.genesis-nav-menu .menu-item.menu-item-has-children a span{
  margin-left:60px;
}

  #hzroot8971101{
    width:100% !important;
  }
  #scrollingPane{
    width:100% !important;
  }
  .galleryImageContainer{
    width:100% !important;
  }
  .galleryStrip img[Attributes Style] {
    width: 100% !important;
}

.portfolio-container .entry-content{
  padding-right:0;
}
  .sidebar .widget_nav_menu .menu li {
    padding: 0 0 3px;
  }
	.content,
	.sidebar-primary{
		width: 100%;
	}
  .sidebar-primary{
    width:340px;
    float:none;
    margin:0 auto;
  }
  .entry {
    border-radius: 3px;
    margin-bottom: 0;
  }
  .alignright {
    float: none;
    text-align: left;
  }
  a.alignright img, img.alignright, .wp-caption.alignright {
    margin: 0 0 24px 0;
  }

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3{
    width:100%;
  }
	.footer-widgets-1,.footer-widgets-3{
		margin: 0;
    border:none;
	}
  .footer-widgets-2 .col-dmg-4, .footer-widgets-2 .col-dmg-8{
    width:100%;
    margin-bottom:30px;
  }
  .footer-widgets-2 .widget.col-dmg-4, .footer-widgets-2 .widget.col-dmg-8{
    text-align:center;
  }
  .site-inner,
	.wrap {
		max-width: 90%;
	}
.site-header:after{
  background: none;
}

@media only screen and (max-width: 1133px) {
	.number-area{
		width:25%;
	}
	.site-header .widget-area {
    float: none;
    width: 100%;
}
	.site-header .widget_nav_menu{
		float: none;
    text-align: right;
	}
	.responsive-menu-icon{
    margin-top: 10px;
	}
   .genesis-nav-menu .menu-item{
    padding:0;
    float:none;
   }
	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}
	.genesis-nav-menu.responsive-menu .menu-item{
    text-align:center;
	}
  .current-menu-ancestor a span{
    margin-left:65px;
  }
	nav{
    padding: 10px 0;
  }
  .genesis-nav-menu .sub-menu li {
     padding: 0;
  }
	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}

	.genesis-nav-menu.responsive-menu li a{
		background: none;
		border: none;
		display: block;
		line-height: 1;
		padding: 16px 20px;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 15px 20px 16px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}

	.genesis-nav-menu.responsive-menu li.highlight-menu-item a {
		margin-left: 0;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.05);
		border: none;
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .1s ease-in-out;
		-ms-transition:     opacity .1s ease-in-out;
		-o-transition:      opacity .1s ease-in-out;
		-webkit-transition: opacity .1s ease-in-out;
		transition:         opacity .1s ease-in-out;
		width: 100%;
		z-index: 99;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}

	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		padding: 14px 20px;
		position: relative;
		text-transform: none;
		width: 100%;
	}


.genesis-nav-menu .menu-item.login-icon{
  margin-top:0;
  padding-bottom:0;
}
.genesis-nav-menu .menu-item.chinese-character {
    padding: 10px 0;
}
}
@media only screen and (max-width: 875px) {

  #box .wrap:before{
    width:100%;
  }
	.title-area {
		width: 100%;
		float:none;
	}
	.number-area {
    width: 100%;
	}
	.responsive-menu-icon{
		margin:0;
	}
	.site-header .widget-area{
		width: 100%;
	}
  .sidebar-primary{
    margin:60px auto;
  }
	.responsive-menu-icon {
    display: block;
    text-align: center;
	}
  .content-sidebar .content {
    float: none;
  }
  #award .col-dmg-4, .portfolio-container .col-dmg-8{
    width: 100%;
  }
  .renovation-list .col-dmg-4 {
    width: 47.3333%;
  }
  #box .col-dmg-6, .portfolio-container .col-dmg-4 {
    width: 100%;
  }
  .portfolio-container .address{
    padding:0;
  }
  #award h2{
    text-align:center;
  }
  #award .award-left, #award .award-right{
    padding:0;
  }
  #award .award-image{
    margin-bottom:30px;
  }
  .banner-text {
    position: relative;
    background: rgba(104,18,101,1);
    padding: 30px 0;
    text-align:center;
  }
  .banner-text .content{
    font-size: 24px;
    float:none;
    padding-left:0;
    margin-bottom:20px;
    width:100%;
font-weight:400;
  }
  .banner-text a{
    font-size: 12px;
    padding: 13px 40px;
  }
  .banner-text .url{
    float:none;
  }
   .number-area, .widget_nav_menu {
    float: none;

   }
   .number-area{
    padding:12px 13px;
   }

  #video .col-dmg-5, #video .col-dmg-7{
    width:100%;
    text-align:center;
  }
  #video .video {
    padding: 0;
  }


  #box .text-box, #box .text-box h3{
    text-align:center;
  }
  #box .text-box{
    padding:80px 50px 70px 50px;
  }
  #box a{
    margin:20px auto;
  }

  .mpp-home .featuredpost{
    margin-right:0;
  }
	.mpp-home .content .featuredpost {
		text-align: center;
	}

	.mpp-home .content .featuredpage,
	.mpp-home .content .featuredpage:nth-of-type(3n+3),
	.mpp-home .content .featuredpost .entry,
	.mpp-home .content .featuredpost .entry:nth-of-type(3n+3) {
		float: none;
		margin: 0 auto 24px;
		max-width: 340px;
		width: 100%;
	}
	.mpp-home .content .featuredpost,
	.mpp-home .content .featuredpost:nth-of-type(3n+3){
    float: none;
		margin: 0 auto;
		max-width: 340px;
		width: 100%;
  }
  .mpp-home #post .featuredpost .entry{
    float:none;
    width:100%;
  }
  .mpp-home #post .featuredpost .entry:nth-of-type(3n+3){
    margin:0 auto;
  }
  .mpp-home #post .featuredpost {
    margin-right: auto;
  }
  .widget_nav_menu {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    width:100%;
  }
  .footer-widgets .address{
    text-align:center;
    width:100%;
  }
  .footer-widgets-2{
    padding:0;
  }
  #featured-module{
    padding-top:0;
  }
  .testimonials .wrap {
    padding: 40px 0 80px;
  }
  .key-container .wrap, .additional-container .wrap, .portfolio-container .wrap{
    padding:0;
  }
  .key-container .col-dmg-6{
    width:100%;
  }
  .key-container ul{
    padding-left:0;
  }

}
@media only screen and (max-width: 768px) {

  .key-container ul{
    padding-left:25px;
  }
.mmt_row.row-fluid .col-mmt-4{
  padding:0 !important;
}
  .renovation_entries:nth-of-type(3n+3) {
    margin-right: 5.263157894737%;
  }
  .renovation_entries:nth-of-type(2n+2) {
    margin-right: 0;
  }
.gallery-columns-5 .gallery-item {
    width: 50%;
}
#featured-module .textwidget{
  padding:0;
}
  .banner-text .content {
    width: 100%;
    float: none;
    padding-left: 0;
    font-size:26px;
  }
  .banner-text a{
    margin-top: 10px;
  }
  .banner-text .url {
    width: 100%;
    float: none;
  }
  #video h2{
    font-size:36px;
  }
  #global-footer a{
    margin-left:0;
    margin-top:20px;
    display:block;
    width: 320px;
    margin: 20px auto;
  }

  .footer-widgets-1,
  .footer-widgets-2,
  .footer-widgets-3 {
    width:100%;
    border:none;
    float:none;
  }
  .footer-widgets-1{
      padding-top:60px;
      padding-bottom:30px;
  }
  .footer-widgets-2{
    margin-bottom:20px;
  }

  /*Renovation list*/
  #renovation-list .col-dmg-4 {
    width: 47%;
  }
  #renovation-list .renovation_entries:nth-of-type(2n+2){
    margin-right:0;
  }

  /*Testimonial*/
  .testimonials .wrap p, q{
    font-size: 24px;
  }
  .testimonials .wrap p:before{
      font-size: 36px;
  }
  .testimonials .wrap p::after{
      content: close-quote;
  }
  .testimonials .client_name {
    font-size:24px;
  }
  .sidebar .newsletter .textwidget{
    font-size:30px;
  }
  .testimonials .wrap p:before{
    left: -45px;
  }
}
@media only screen and (max-width: 600px) {
  #video .checklist{
    padding:0;
  }
  #logos .wrap{
    padding:0;
  }
  .metabox .category a{
    margin-bottom:10px;
  }

  .portfolio-container .wrap,
  .gallery-container .wrap,
  .additional-container .wrap,
  .houzz-container .wrap,
  .key-container .wrap,
  .portfolio-container .address,
  .portfolio-container .entry-content{
    padding:0;
  }
  .metabox .tags{
    margin-top:10px;
  }
  .metabox .tags a{
    margin-left:0;
    margin-right:20px;
  }
  .tags.pull-right,
  .category.pull-left{
    float:none;
  }

  #box .text-box{
    padding:60px 5%;
    position: relative;
  }
  .renovation_entries.col-dmg-4{
    width:100%;
  }
  #award .col-dmg-4{
    margin-right: 0;
  }
  #award .award-left{
    padding-left:0;
  }
  #award .award-right {
    padding-right:0;
  }

  .portfolio-container, .gallery-container, .additional-container, .houzz-container, .key-container {
    padding: 20px 0;
  }
  .portfolio-container .ssba-wrap{
    display:none;
  }
  .footer-widgets-3 {
    padding: 30px 0;
    margin:0 auto;
  }

  /*Renovation list*/
  #renovation-list .col-dmg-4 {
    width: 100%;
  }
  #renovation-list .renovation_entries{
    margin-right:0;
  }


  /*Testimonial*/
  .testimonials .wrap p, q{
    font-size: 16px;
  }
  .testimonials .wrap p:before {
      font-size: 28px;
  }
  .testimonials .wrap p::after {
      content: close-quote;
  }
  .testimonials .client_name {
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
.title-area {
    margin-left: 0;
}
.gallery-columns-5 .gallery-item {
    width: 100%;
}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.header-image .site-header .site-title a {
		background-size: contain !important;
	}
  #video .video, #video .checklist{
    padding:0;
  }
  #video .video .widget-title{
    padding:20px 0;
    text-align:center;
  }
  #video .checklist a{
    margin-top: 15px;
    display: block;
  }
  /*Buttons*/
  .btn-dmg-normal{
    padding: 10px 0;
  }
  .btn-dmg-colored{
    padding: 10px 0;
  }
  .btn-dmg-white{
    padding: 10px 40px;
  }
  #box a{
    width:100%;
  }
  #global-footer a{
    width:100%;
  }
}

@media only screen and (max-width: 375px) {
  #logos .wrap img{
    width:25%;
  }
  #video{
    padding:0;
  }
    #video .checklist a{
    padding: 8px 10px;
  }
  #box a, #global-footer a{
    padding: 22px 10px;
  }
  #logos .wrap{
    padding:0;
  }
  .footer-widgets-3 .simple-social-icons{
    padding:0;
  }
  .entry-title{
    font-size:36px;
  }
  .entry-content ul > li:before{
    top:12px;
  }
  .entry-content ul li, .entry-content ol li{
    font-size:14px;
  }
  .sidebar .widget_nav_menu .menu li{
    padding: 0 25px 3px;
    text-align: left;
  }
  .sidebar-primary {
    float: none;
    width: 100%;
    margin-top: 0px;
  }
  .entry-content p{
    font-size:14px;
  }
  .footer-widgets .houzz a{
    width:100%;
  }
}

/* added new class for FEATURED IN field - Case studies */
.featuredin a {
  color:#803c7d;
}

.number-area {
	padding-bottom: 1px;
}

	/* fixing little padding between for chineese sign between those 2 screen sizes */
	@media screen and (min-device-width: 1070px) and (max-device-width: 1160px){
.genesis-nav-menu .menu-item.chinese-character {
background: #803c7d;
padding-top: 18px;
padding-right: 15px;
padding-bottom: 17px;
padding-left: 15px;
}}

		@media screen and (min-device-width: 1023px) and (max-device-width: 1160px){
.site-header .widget-area {
    float: right;
    text-align: right;
    width: auto;
}}