/* 
	Theme Name: The Mighty Wonton custom Prebuilt.
	Theme URI: http://themightywonton.com/
	Version: 1.0
	Author: Miss Lee Wong
*/

/************************************************
*	NORMALIZE									*
************************************************/
/*
	Refer to css/normalize
*/
/************************************************
*	1140PX	 					     		    * 
************************************************/
/*
	Refer to css/1140
*/
/************************************************
*	COLOUR PALETTE / FONT 						*
************************************************/
/* 
	LIGHT GREY - #e6e7e8  (for Residential)
	LIGHT GREY 2 – #a7a6ab 
	MID GREY 3 – #a7a6ab
	DARK GREY 4 – #706f73
	DARK GREY 5 – #626164

	font-family:'HelveticaNeueETW01-45Lt';*
	font-family:'HelveticaNeueETW01-46Lt';
	font-family:'HelveticaNeueETW01-55Rg'; 
	font-family:'HelveticaNeueETW01-56It';
	font-family:'HelveticaNeueETW01-65Md'; *
	font-family:'HelveticaNeueETW01-66Md';
	font-family:'HelveticaNeueETW01-75Bd';
	font-family:'HelveticaNeueETW01-76Bd';
*/
/************************************************
*	OVERALL										*
************************************************/

html {
	height: 100%;
	font-size: 100%; /* to make sure IE behaves */
}

body {
	background: #706f73;
	font-family: 'HelveticaNeueETW01-45Lt', Helvetica, Arial, sans-serif;
	font-size: 1em; /* 1em = 16px */
	line-height: 1.375em;
	color: #FFF;
	height: 100%;
	margin: 0;
    padding: 0;
    letter-spacing: -0.01em;
}

.wrapper {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto; /* to center */
	min-height: 100%;
}

hr {
	border: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #fff;
	opacity: 0.7;
	margin: 0 0 1em 0;
}

li.widget { /* remove dots for Wonton widgets */
	list-style: none;
}

strong {
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-weight: normal !important;
}

:focus { /* for Chrome and Safari */
	outline-style: none;
}

.container12 {
/*	-webkit-transform: translateZ(0);  font flicker issue */
	-webkit-backface-visibility:hidden;  /*font flicker issue */
}

input, textarea { /*  remove the round edges on forms on Safari */
    -webkit-appearance: none;
	border-radius: 0;
}

/************************************************
*	CLEARFIX									*
************************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/************************************************
*	HYPERLINKS									*
************************************************/

a, a:visited {
	color: #FFF;
}

a:hover {
	color: #999;
}

a img, a:hover img {
	border: 0;
}

/************************************************
*	TOP		` 									*
************************************************/

.topcontainer {
	width: 100%;
	background: #706f73 url(images/bg_top.gif) top center no-repeat; 
	padding-bottom: 20px;
	position: relative;
	top: 0;
}

.top {
/*	background: url(images/bg_top_1120.gif) no-repeat right;*/
	margin: 0 0 20px 0;
	min-height: 63px;
	height: auto;
/*	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content:center;  */
	width: 100%;
	max-width: 1120px;
	margin: 0 auto; /* to center */
}

.logo {
	width: auto;
	float: left;
	margin: 13px 0 0 0;
	padding: 10px 0 10px 10px;
/*	-webkit-flex: 1 auto;
	flex: 1 auto;
	*/
}

.logocommercial {
	background: url(images/bg_top_right.gif) top right no-repeat;
	width: 55%;
	float: right;
	margin: 0 0 0 0;
	padding: 20px 10px 20px 0;
/*	-webkit-flex: 0 1 350px;
	flex: 0 1 350px; */
	text-align: right;
}

.logomobile {
	display: none;
}

.discipline {
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-size: 1.125em;
	color: #e6e7e8;
	display: inline-block;
	margin-left: 10px;
	
}

/************************************************
*	NAVIGATION					     		    * 
************************************************/

.nav {
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	margin-bottom: 20px;
}

.nav .link_text {
  font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif !important; 
}
/************************************************
*	LAYOUT	 					     		    * 
************************************************/

.content {
}

p {
 	padding-bottom: 10px;	
}

.team {
	width: 50%;
	float: right;
}

/* pricing */
.pricing, .small {
	font-size: 0.75em;
	line-height: 1.55em;
	}
	
/* social sharing */
.socialshare {
	width: 2.77em;
	float: right;
	margin-right: -3.77em;
	margin-top: -10px;
	margin-bottom: -100px;
}	

.pinbutton .share-label {
  color:  white;
  font-size: 13px;
  margin-top: -32px;
  position: absolute;
  opacity: 0;
  font-weight:  bold;
}

/* pdf button */
.pdfbutton {
	width: 3.4em;
	height: 3.4em;
	background-color: #a7a6ab;
	float: right;
	margin-right: -4.6em;
}

.pdfbutton a {
	width: 3.4em;
	height: 3.4em;
	display:block;
	background: url(images/icon_pdf.png) center center no-repeat;
}

/* Facebook share button */
.fbsharebutton {
	width: 2.77em;
	height: 2.77em;
	background-color: #a7a6ab;
	margin-bottom: 1em;
}

.fbsharebutton a {
	width: 2.77em;
	height: 2.77em;
	display: block;
	background: url(images/icon_facebook.png) center center no-repeat;
	background-size: 2.77em;
}

/* Twitter share button */
.tweetbutton {
	width: 2.77em;
	height: 2.77em;
	background-color: #a7a6ab;
	margin-bottom: 1em;
}

.tweetbutton a {
	width: 2.77em;
	height: 2.77em;
	display:block;
	background: url(images/icon_twitter.png) center center no-repeat;
	background-size: 2.77em;
}

/* Pin button */
.pinbutton {
	width: 2.77em;
	height: 2.77em;
	background: #a7a6ab url(images/icon_pinterest.png) center center no-repeat;	
	background-size: 2.77em;
	float: right;
	margin-right: -3.77em;
	margin-top: 0;
}

.pinbutton a {
	width: 2.77em !important;
	height: 2.77em !important;
	display:block;
	opacity: 0 !important;
}

.pinbutton span { /* hide Pin It button */
	opacity: 0;
}

.pdfbutton a:hover, .fbsharebutton a:hover, .tweetbutton a:hover, .pinbutton:hover {
	background-color: #626164;
}


/* other houses */
.otherhouses img {
	width: 100%;
}

.otherhouses li:nth-child(3n+0) {
	margin-right: 0;
}

.otherhouses li:first-child, .otherhouses li:nth-child(3n+4) {
	margin-left: 0;
}

/* news */

ul.newspanel li {
	background-color: #c9cacc;
	list-style: none;
	color: #717073;
	font-size: 0.66em;
	line-height: 1.55em;
	
}

ul.newspanel.flex-items .column3{
	margin-bottom: 2em !important;
}

/*ul.newspanel li:nth-child(4n+0) {
	margin-right: 0;
}	

ul.newspanel li:first-child, ul.newspanel li:nth-child(4n+5) {
	margin-left: 0;
}*/

.newspanel img {
	width: 100%;
	}
	
.date {
	font-size: 12px;
	font-weight: bold;
}

.newspanel .date {
	width: 90%;
	margin: 5%;
	display: block;	
	}
	
.newspanel p {
	width: 90%;
	margin: 5%;}
	
.newspanel h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	min-height: 6em;
	text-decoration: underline;
}

.newspanel h2 a {
	color: #717073;
	background: none;
	font-weight: normal;
}

.newspanel h2 a:hover {
	color: #FFF;
	background: none;
}

.newspanel a {
	color: #717073;
	font-weight: bold;
	display: block;
	background: url(images/icon_plus_grey_light.png) right no-repeat;
	background-size: 15px;
	width: 90%;
	margin: 5%;
}

.newspanel a:hover {
	color: #FFF;
	background: url(images/icon_plus.png) right no-repeat;
	background-size: 15px;
}

.thumb {
	width: 100%;
	/*height: 155px;*/
	margin: 1em 0;
}
.thumb a, .thumb a:hover {
	background: none;
}

.bignews a {
	color: #717073;
}

.bignews a:hover {
	color: #626164;
}

/* project */

.projectname {	
	background: #a7a6ab;
	display: block;
	font-family: 'HelveticaNeueETW01-55Rg', Helvetica, Arial, sans-serif; 
	font-size: 1em;
	line-height: 2.5em;
}

.projectname a {
	background: url(images/icon_plus.png) right no-repeat;
	background-size: 15px;
	text-decoration: none;
	display: block;	
	color: #FFF;
	margin: 0 0.5em 1em 0.5em;
}

.projectname a:hover {
	background: url(images/icon_plus_grey.png) right no-repeat;
	background-size: 15px;
	color: #626164;
}

caption-text {
	font-size: 12px;
}

.wp-caption {
	width: 100% !important;
	}

/* TYPOGRAPHY */

h1, h2 { /* headers */
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-size: 1.33em;
	line-height: 1.25em;
	padding-bottom: 0.4em;
	font-weight: normal;
	letter-spacing: -0.02em;
}

h1 {
	text-decoration: underline;
}

h1.medium , h2.medium  { /* headers */
	font-size: 1.11em;
}

h3 { /* subhead + caption */
	background: #a7a6ab;
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	/*font-size: 1.125em; */
	font-size: 1em;
	padding: 10px;
	font-weight: normal;

}

h4 { /*medium with underline */
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-size: 1.11em;
	line-height: 1.25em;
	padding-bottom: 0.4em;
	font-weight: normal;
	text-decoration: underline;
}

h5 {
	font-size: 0.75em;
	line-height: 1.55em;
	font-weight: normal;
}

h6 {
}

/************************************************
*	GENERIC STYLES 								*
************************************************/
.minheight9em {
	min-height: 9em
	}

.hide {
	display: none;
	}

.bggrey {
	background-color: #a7a6ab;
}

.bggreydark {
	background-color: #a7a6ab;
}

.bggreylight {
	background-color: #c9cacc;
}

.margintop20 {
	margin-top: 20px;
}

.marginbot20 {
	margin-bottom: 20px;
}

.margintop30 {
	margin-top: 30px;
}

.paddingtop10 {
	padding-top: 10px;
}

.paddingtop20 {
	padding-top: 20px;
}

.paddingtop30 {
	padding-top: 30px;
}

.paddingbot10 {
	padding-bottom: 10px;
}

.paddingbot20 {
	padding-bottom: 20px;
}


/*.paddingleftright10 {
	padding-left: 10px;
	padding-right: 10px;
}

.marginrightminus30 {
	margin-right: -30px;
}*/

.textalightright {
	text-align: right;
}

.darkgrey4 {
	color: #706f73;
}

.underline {
	text-decoration: underline;
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.fontlight {
	font-family: 'HelveticaNeueETW01-45Lt', Helvetica, Arial, sans-serif;
}

/************************************************
*	FOOTER								 		* 
************************************************/

.footer { 
 	background: #626164;
	min-height: 220px;
	width: 100%;
	clear: both;
	font-size: 0.75em;
	line-height: 1.55em;
	color: #e6e7e8;
	padding-top: 20px;
}

.widgettitle, .textwidget h2  {
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-size: 1em;
	line-height: 1.5em;
	color: #FFF;
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: none;
}

.footer ul li {
	display: inline;	
	margin: 0;
	clear: none;
	float: left;
}

.footer li {
	list-style: none;
	clear: none;
	float: left;
	width: 100%;
	display: block;
}

.footer li a {
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 	
	text-decoration: none;	
}

.footer li a:hover {
	color: #e6e7e8;
}

ul.sub-menu li a {
	font-family: 'HelveticaNeueETW01-55Rg', Helvetica, Arial, sans-serif; 	
	color: #e6e7e8;
}

ul.sub-menu li a:hover {
	color: #FFF;
}

.footer input {
	background: #FFF;
	border: 0;
	height: 1.5em;
	color: #626164;
}

/* mailchimp sign up */

input#mc-embedded-subscribe {
	background: #FFF url(images/icon_plus_grey.png) center center no-repeat;
	background-size: 15px;
	width: 2em;
	height: 25px;
	position: absolute;
    right: 0px;
   /* float: left;*/
}


input#mc-embedded-subscribe:hover {
	background: #FFF url(images/icon_plus_grey_light.png)  center center no-repeat;
	background-size: 15px;
}
	
input#mce-EMAIL.email {
	width: 100% !important;
	/*float: left;*/
	height: 1.6em;
	color: #626164 !important;
	padding-left: 5px;
	padding-right: 25px;
	padding-bottom: 0;
	line-height: 35px;
	height: 35px;
	box-sizing: border-box;
}
.footer h2{
	clear: both;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #626164 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #626164 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #626164 !important;
}
/************************************************
*	PLUGINS 							 		* 
************************************************/

/* MEGA MAIN MENU */

/*
#mega_main_menu > .menu_holder > .menu_inner > ul > li[class*="columns"] {
    width: 16.67%;
}
*/

/* css equidistant li */
ul#mega_main_menu_ul.mega_main_menu_ul {
	text-align: justify !important;
  	box-sizing:border-box !important;
  	-moz-box-sizing:border-box !important; /* Firefox */
  	-webkit-box-sizing:border-box !important; /* Safari */
	}
	
ul#mega_main_menu_ul.mega_main_menu_ul li {
  /*	min-width:  16.67%;
	width: auto !important; */
  	display: inline-block !important;
  	text-align: left !important;
  	box-sizing:border-box !important;
  	-moz-box-sizing:border-box !important; /* Firefox */
  	-webkit-box-sizing:border-box !important; /* Safari */
}

ul#mega_main_menu_ul.mega_main_menu_ul:after {
	content: '';
  	width: 100%;
  	display: inline-block;
}

/* shadow for full width menu */
div.mmm_fullwidth_container {
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);

}

/* for the submenu background to be translucent */
.menu_inner > ul > li > .mega_dropdown, #mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details {
	background-color:rgba(98,97,100,0.75) !important;
}

/* for the menu background to be translucent */
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li:hover > .item_link, #mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li > .item_link:hover, 
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li > .item_link:focus, #mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link, #mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link {
	background-color:rgba(98,97,100,0.75) !important;
}

/* submenu down arrow */
#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link:after {
	visibility:hidden;
}

/* leading for submenu */
#mega_main_menu * {
    line-height: 100%;
}

/* submenu remove divider */
ul.mega_dropdown li a {
	border-bottom: 0 !important;
}

/* submenu width */
ul.mega_dropdown {
	width: 300px !important;
	background-color: #FC9;
}

#mega_main_menu_ul li a {
	padding-left: 10px !important;	
}

/* remove shadow */
#mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown li > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown .mega_dropdown > li.post_item .post_details, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown .mega_dropdown > li .post_details {
-webkit-box-shadow: none; 
-moz-box-shadow: none; 
-ms-box-shadow: none; 
-o-box-shadow: none; 
box-shadow: none; 
}

/* main menu active */
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link *, .current-menu-item > .item_link * {
	text-decoration: underline;
}
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link,
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link {
/*	background-color: rgba(98,97,100,0.75)!important; */
	background-color: inherit !important;
}

#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link:hover {
	background-color: rgba(98,97,100,0.75)!important;
	}

#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li:hover > .item_link, #mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li > .item_link:hover {
/*	background-color: rgba(0, 0, 0, 0.3)!important; */
}

/* sub menu – remove weird grey */
#mega_main_menu.main-menu ul li.default_dropdown .mega_dropdown > li > .item_link {
	background-color: rgba(98,97,100,0)!important;
}

/* sub menu active */
#mega_main_menu.main-menu ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link {
	text-decoration: underline;
}

/* push submenu down */
ul.mega_dropdown li:first-child {
	padding-top: 20px !important;
}

/* sub menu hover */
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li .mega_dropdown .item_link:hover {
/*	background-color: inherit; */
	background-color: rgba(98,97,100,0.9)!important;
	color: #FFF;
}

/* our house padding issue */
#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link {
	padding: 0px 10px !important;	
}


/* SHORTCODES */

.su-spoiler {
	background: #a7a6ab;
	margin-bottom: 1em !important;
	padding: 0.3em 0;
}

.su-spoiler-title {
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-weight: normal !important;
	font-size: 1em !important;	
}

.su-spoiler-style-default > .su-spoiler-content,
.su-spoiler-style-default > .su-spoiler-title {
	padding-left: 10px !important; 
}

.su-spoiler-icon {
	float: right;
	position: relative !important;
	top: 0 !important;
 	padding-right: 0.5em !important;
}

.su-accordion {
	margin-bottom: 0 !important;
}

.su-row .su-column, .su-column {
margin: 0 1% 0 0 !important;
}

.su-column-size-1-2 {
width: 49% !important;
}

.su-column-size-1-3 {
width: 40% !important;

}

.su-column-size-1-4 {
width: 24% !important;
}

/* ROYALSLIDER */

/* background color */
.royalSlider,
.rsOverflow,
.rsSlide,
.rsVideoFrameHolder,
.rsThumbs {
    background: #706f73 !important;
}

/* fullscreen button */
.rsFullscreenBtn {
	width: 2.77em !important;
	height: 2.77em !important;
	background-color: #a7a6ab !important;	
	bottom: -2.77em !important;
	top: auto !important;
}

/* fullscreen icon */
.rsFullscreenIcn {
	width: 2.77em !important;
	height: 2.77em !important;
	background: url(images/icon_fullscreen.png) center center no-repeat !important;
	margin: 0 !important;
	background-size: 2.77em !important;
}

/* fullscreen icon close */
.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-position: 0 !important;
	background-image: url(images/icon_close.png) !important;
	background-color: #a7a6ab !important;
}

/* caption */
.rsGCaption {
	background: #a7a6ab !important;
	border-radius: 0 !important;
	height: 2.5em !important;
	width: 80.5% !important;
	position: relative !important;
	float: left !important;
	bottom: 0 !important;
	left: 0 !important; 
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif; 
	font-size: 1em !important;
	line-height: 2.5em !important;
	padding-left: 10px !important;
}

.rsGCaption a {
	text-decoration: none !important;
}

.rsGCaption a:hover {
	color: #FFF;
	text-decoration: underline !important;
}


/* arrows */
.rsArrow, .rsMinW.rsFullscreen .rsArrow {
	background-color: #a7a6ab !important;
	width: 2.77em !important;
	height: 2.77em !important;
	z-index: 92 !important;
}



/* arrow icon */
.rsArrowIcn {
	background-image: none !important;
}

/* arrow right */
.rsArrowRight {
	right: 3.77em !important;
	bottom: -2.77em !important;
	background: #a7a6ab url(images/icon_arrow.png) center center no-repeat !important;
	background-size: 44px 44px !important;
}

/* arrow left */
.rsArrowLeft {
	right: 7.54em !important;
	bottom: -2.77em !important;
	background: #a7a6ab url(images/icon_arrow.png) center center no-repeat !important;
	background-size: 44px 44px !important;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-backface-visibility: hidden;
}

/* hovers */
.rsArrowRight:hover, .rsArrowLeft:hover, .rsFullscreenBtn:hover, .rsFullscreenIcn:hover {
	background-color: #626164 !important;
}

/* bullets */
.rsBullets {
	background-color: #a7a6ab !important;
	height: 2.77em !important;
	right: 11.31em !important;
	bottom: -2.77em !important;
	padding-top: 0 !important;
	z-index: 91 !important;
}

.rsBullet {
	padding: 18px 20px 6px 0 !important;
}

.rsBullet {
	width: auto !important;
}

.rsBullet:hover {
	color: #626164;
	cursor: pointer;
}

div.rsNavItem.rsBullet.rsNavSelected {
	text-decoration: underline;
}


/* fullscreen layout */
.rsFullscreen .rsBullets {
	display: none !important;
}

.rsFullscreen .rsArrowRight {
	right: 0 !important;
	bottom: 45% !important;
}

.rsFullscreen .rsArrowLeft {
	bottom: 45% !important;
	left: 0 !important;
}

.rsFullscreen .rsGCaption {
 	width: 100% !important;
	position: absolute !important;
}

.rsFullscreen .rsFullscreenBtn {
	top: 0 !important;
	bottom: auto !important;
}


/* plans */
/*.container12 .rsGCaption, */
.pricing .rsGCaption {
	font-size: 12px !important;
	padding-left: 0 !important; 
	}

/*.container12 .rsFullscreenBtn,
.container12 .rsArrowRight,
.container12 .rsArrowLeft, */
.pricing .rsFullscreenBtn,
.pricing .rsArrowRight,
.pricing .rsArrowLeft {
	background-color: #adafb2 !important;	
}

/*.container12 .rsFullscreenBtn:hover,
.container12 .rsArrowRight:hover,
.container12 .rsArrowLeft:hover, */
.pricing .rsFullscreenBtn:hover,
.pricing .rsArrowRight:hover,
.pricing .rsArrowLeft:hover {
	background-color: #626164 !important;	
}
/*
.container12 .royalSlider,
.pricing .royalSlider {
margin-bottom: 2.77em !important;
}*/

.pricing .rsArrowLeft,
.pricing .rsArrowRight,
.pricing .rsFullscreenBtn {
	font-size: 1.33em !important;
}

.pricing .su-spoiler-title {
	font-size: 1.33em !important;
	text-decoration: underline !important;
}

/* GRAVITY FORMS */

.gform_wrapper { /* there is an empty <p> above the wrapper */
	margin: 0 !important;
}

.gfield_label {
	display: none !important;
}

.gform_wrapper .gfield_radio li {
	margin: 0 !important;
}

.gform_wrapper .top_label input.medium {
	padding-right: 0 !important;
	width: 100% !important;
	padding: 5px 5px !important;
}

input, textarea, select {
	color: #706f73;
	font-family: 'HelveticaNeueETW01-65Md', Helvetica, Arial, sans-serif !important; 
	font-size: 1em !important;
	line-height: 1.25em;
	font-weight: normal !important;
	border: none !important;
	margin-bottom: 10px;
	padding: 5px 5px !important;
}

.gform_wrapper textarea.medium {
	width: 100% !important;
	}

select.medium {
	/*color: #a7a6ab;*/
	width: 100% !important;}

.gform_wrapper div.validation_error {
	color: #FFF !important;
	font-size: 1em !important;
	font-weight: normal !important;
}

.gform_wrapper li.gfield.gfield_error {
	border: none !important;
	background-color: transparent !important;
	}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	padding: 0 !important;
	margin: 0 !important;
	}

.gform_wrapper .validation_message {
	color: #FFF !important;
	margin: 0 !important;
	font-weight: normal !important;
	}
	
.gform_wrapper .top_label .gfield_error .ginput_container {
	max-width: 100% !important;
	}
	
.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message {
	padding: 0 0 10px 0!important;
	}
	
.gform_wrapper .top_label .gfield_error {
	width: 100% !important;
	}
	

.gform_wrapper input[type=text] {
	/*padding: 5px 0 !important;*/
}

.gform_button {
	color: #FFF;
	background-color: transparent !important;
	text-decoration: underline !important;
	}
	
.gform_button:hover {
	color: #706f73;}
	
.gform_footer {
	padding: 0 !important;
	margin: 0 !important;
	}



h3.gform_title {
	width: 100% !important;
	font-weight: normal !important;
	font-size: 1.11em !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: underline !important
	}
	
input[type="submit"] {
	padding-left: 0 !important;
}

/* checkbox + radio button — refer http://www.hongkiat.com/blog/css3-checkbox-radio */

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}

input[type=radio] {
    display: none;
}

label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
   /* position: absolute;*/
    left: -24px;
    bottom: 1px;
    background-color: #FFF;
}

.radio label:before {
    border-radius: 8px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #a7a6ab;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

input[type=checkbox] {
    display: none !important;
}

.checkbox label:before {
    border-radius: 3px;
}

input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 15px;
    color: #a7a6ab;
    text-align: center;
    line-height: 15px;
}

select{
	-webkit-appearance: initial !important;
   -moz-appearance:    initial !important;
   appearance:        initial !important;
   border-radius: 0 !important;

   background: url(images/icon_arrow_down.jpg) 98% / 1.5% no-repeat #fff;
}


/* dropdown list */

select {
      border: 0 !important; /*Removes border*/
/*   -webkit-appearance: none !important;  /*Removes default chrome and safari style*/
 /*    -moz-appearance: none !important;  /*Removes default style Firefox*/
/*      background: #FFF url(images/icon_plus_grey2.png) center right no-repeat; */
  }



 .flex-items{
 	display: -webkit-flex; /* Safari */
 	 display: flex;
  	-webkit-flex-wrap: wrap; /* Safari */
 	 flex-wrap:         wrap;
 	 -webkit-justify-content: space-between; /* Safari */
  	justify-content:         space-between;
  	width: 100%;

 }


 .flex-items .column4,
 .flex-items .column3{
 	margin: 0 !important;
 }

 @media only screen and (max-width: 1119px) and (min-width: 930px){
	.flex-items .column4 {
	    width: 49%;
	}
}


.contact-social {
	
}


.contact-social .icon-wrap{
	width: 2.4em !important;
	height: 2.4em !important;
	background-color: #626164;
	margin: 10px 2px;
	display: inline-block;
}

.contact-social .icon-wrap:hover{
	opacity: 0.7;
}

.mailchimp-wrap{
	position: fixed;
	bottom: 50px;
	left: 50px;
	width: 500px;
	height: 280px;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none;
}

.mailchimp-wrap .flex-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	display: -webkit-flex; 
  display: flex;
  -webkit-justify-content: center; 
  justify-content:         center;
  -webkit-flex-direction: column; 
  flex-direction:         column;

}

.mailchimp-wrap .close{
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

}

.mailchimp-wrap .close img{
	width: 15px;
}
.mailchimp-wrap .text1{
	font-size: 1.4em;
}

.mailchimp-wrap .text2{
	font-size: 1em;
}
.mailchimp-wrap  form{
	margin-top: 10px;
}
.mailchimp-wrap input#mce-EMAIL.email{
	width: 80% !important;
	color: #fff !important;
    background-color: #a7a6ab;
    text-align: center;
    border: 1px solid #fff !important;
}

.mailchimp-wrap input#mc-embedded-subscribe {
    background: none;
    width: auto;
    height: auto;
    position: relative;
    right: inherit;
    float: none;
    color: #fff;
    border-bottom: 1px solid #fff !important;
    padding: 0 !important;
    margin-top: 8px;
}

.mailchimp-wrap input#mc-embedded-subscribe:hover {
   color: #626164;
    border-bottom: 1px solid #626164 !important;
}


.whiteplace::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #FFF !important;
}
.whiteplace:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
    opacity: 1;
}
.whiteplace::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important;
    opacity: 1;
}
.whiteplace:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
}

.whiteplace:focus::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, 0.6) !important;
}
.whiteplace:focus:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 0.6) !important;
}
.whiteplace:focus::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 0.6) !important;
}
.whiteplace:focus:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.6) !important;
}

/************************************************
*	MEDIA QUERIES						 		* 
************************************************/
/* large screens */
@media only screen  and (min-width : 1824px) {
}

/* smaller than 1366  */
@media screen and (max-width: 1366px) {
}

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

	.rsBullets{
		right: 5em !important;
	}
	.rsMinW .rsFullscreenBtn{
		display: none !important;
	}
	.rsMinW .rsArrowRight{
		right: 0 !important;
	}
	.rsMinW .rsArrowLeft{
		right: 2.7em !important;
	}
	.rsMinW .rsGCaption{
		width: 72% !important;
	}
}


@media screen and (max-width: 1119px) {
	.rsMinW .rsBullets{
		display: none;
	}
	.rsMinW .rsGCaption{
		width: 89% !important;
	}

}


/* smaller than 1024  */
@media screen and (max-width: 1024px) {
	
body {
	font-size: 1em;
}

/*.pinbutton {
	display: none;
}*/

.rsCaption {
	font-size: 12px;
	}

}

/*  additional one for 1140 css */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.footer .container12 .column2 {
	width: 31.8%;
	}
.royalSlider {
	height: 478px !important;
}
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  input#mce-EMAIL.email {
    width: 75px !important;
  }
}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  input#mce-EMAIL.email {
    width: 130px !important;
  }
}

@media screen and (max-width: 929px) {
	h1, h2, h4 {
		margin: 0 10px;
	}
	.column6 p {
		margin: 0 10px;
	}

	
	.rsMinW .rsGCaption{
		width: 84% !important;
		font-size: 0.9em !important;
		height: 2.8em !important;
		line-height:  2.8em !important;
	}
}




/* smaller than 768 */ 
@media screen and (max-width: 768px) {
	.rsMinW .rsGCaption{
		font-size: 10px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	.mailchimp-wrap {
	    position: fixed;
	    bottom: 0px;
	    left: 0px;
	    width: 100%;
	    height: 245px;
	    box-shadow: 0px -9px 6px -6px rgba(0, 0, 0, 0.2);
	}
}

/* 1px below iPad – may no be necessary */
@media screen and (max-width: 767px) {
	
	.rsCaption {
		font-size: 8px; 
		}
	
.topcontainer {
	background: #706f73 url(images/bg_top_mobile.gif) top center no-repeat !important;	
		height: 110px;
}
	
.top {
	background: none;
	min-height: auto;
}

.mmm_fullwidth_container { /* to make full width menu bar not full width */
	width: 100% !important;
	left: 0 !important;
}
	
.logo img, 
.logocommercial img {
	display: none;
}

.logomobile {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 0 10px 0;
	position: absolute;
	top: 70px;
	left: 10px;
/*	margin-top: 80px;
	margin-left: 10px;*/
}

.logo,
.logocommercial {
	width: auto;
}

.logo {
	margin-left: 10px !important;
}

.nav {
	margin-bottom: 0;
/*	margin-top: 30px; */
}


/*.logo {
	left: 10px;
	top: 10px;
	position: absolute;	
}

.logocommercial {
	right: 10px;
	top: 10px;
	position: absolute;	
	background: none;
}*/

.team {
	width: 100%;
}

.discipline, .logo {
	margin-left: 0;
	padding-left: 0;
}
	
/*h1, h2, h4 {
	margin: 0 10px;
}*/
/*.column6 p {
	margin: 0 10px;
}*/
	
.column12 {
	margin: 0 !important;
}

.su-column-inner {
	width: 98% !important;
}

.footer h2, .newspanel h2, .bignews h2, p.wp-caption-text, .su-column h2  {
	margin: 0;
	}

.rsBullets {
	display: none;
}

.gform_wrapper {
	width: auto ;
margin: 0 10px !important;
}

.thumb {
	height: auto;
}

.royalSlider {
	height: 261px !important;
}
	
}

/* smaller than 568 */
@media screen and (max-width: 568px) {
	


body {
	font-size: 0.75em;
}

.royalSlider {
	height: 300px !important;
}

#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li > .item_link .link_text, #mega_main_menu.main-menu ul li .mega_dropdown > li > .item_link .link_text {
	font-size: 16px;
}

.rsArrowRight {
	/*background-image: url(images/icon_arrow-right_small.png) !important;*/
	background-size: 33px !important;
}

.rsArrowLeft {
	/*background-image: url(images/icon_arrow-left_small.png) !important;*/
	background-size: 33px !important;
}

.rsFullscreenIcn {
	/*background-image: url(images/icon_fullscreen_small.png) !important;*/
}

.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-image: url(images/icon_close_small.png) !important;
}


.rsGCaption a {
	font-size: 10px !important;
}

.rsMinW .rsGCaption {
    font-size: 10px !important;
    height: 29px !important;
    line-height: 29px !important;
}

#map2 {
	height: 215px !important;
}

.menu-footer-process-container,
.menu-footer-about-container,
.menu-footer-profile-container,
.menu-footer-our-houses-container {
	display: none;
}


.mailchimp-wrap {

	    height: 215px;
	}


}


/* smaller than 480 – Smartphones 320px to 568px*/
@media screen and (max-width: 480px) {
	
.socialshare, .pinbutton {
display: none;	
}
.nav {
/*width: 95%; */
margin: 0 10px 10px 10px;
}

/*	
#mega_main_menu > .menu_holder > .menu_inner > ul > li[class*="columns"] {
	width: 100%;
} */

#mega_main_menu.main-menu > .menu_holder > .mmm_fullwidth_contain {
	background: #0F3 !important;
}

/* submenu width */
ul.mega_dropdown {
	width: 100% !important;
}

/* push submenu down */
ul.mega_dropdown li:first-child {
	padding-top: 0 !important;
}

#mega_main_menu.main-menu > .menu_holder > .mmm_fullwidth_container {
/*	background: #CF3 !important; */
}

.mega_main_menu_ul {
	background: #706f73 !important;
}

.mega_main_menu_ul li {
/*	background: blue; */
	margin-top: 10px !important;
}

/* sub menu */
.mega_dropdown li {
		margin-top: 0 !important;
		margin-bottom: 10px !important;
}

/* sub menu hover */
#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li .mega_dropdown .item_link:hover {
	background-color: none !important;
	color: #a7a6ab !important;
}

.symbol_menu, .symbol_cross {
	display: none;
	visibility: hidden;
	position:absolute;
	top: -10px;
}

.mobile_button {
	text-align: right;
	padding-right: 5px !important;
	font-size: 14px !important;
	font-family: FontAwesome !important;
	}

span.mobile_button:before {
	content: "\f0c9";
	font-weight: bold !important;
}

.mobile_menu_active span.mobile_button:before  {
	content: "\f068";
	font-weight: bold !important;
}

div.rsArrow.rsArrowLeft, div.rsArrow.rsArrowRight {
	display: none !important;
}


.rsMinW .rsGCaption {
    font-size: 8px !important;
    width: 94% !important;
}

}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {

}

/* smaller than 360 */
@media screen and (max-width: 360px) {
}

/* smaller than 320 */
@media screen and (max-width: 320px) {
}

/************************************************
*	© WWW.THEMIGHTYWONTON.COM					* 
************************************************/