/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Footer text **/
.footer-text {
	font-size: 18px !important;
}

/** General >> Footer button Link  Hover **/
a:hover .footer-button {
	width: 80% !important;
}

/** General >> Magnifying Glass **/
.portfolio-single .icon-search {
	display: none !important;
}

/** General >> Icon search **/
.icon-search {
	display: none !important;
}

/** General >> Date **/
.date_label {
	color: rgb(83, 83, 83) !important;
	font-size: 14px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/** General >> Project Descriptions **/
.page-id-86 .desc-wrappper {
	padding-top: 0 !important;
	padding-left: 10px !important;
	display: block !important;
}

/** General >> Delight **/
.delight {
	padding-top: 110px !important;
}

/** General >> Relationships **/
.relationships {
	padding-top: 110px !important;
}

/** General >> Button love **/
.button-love {
	display: none !important;
}

/** General >> Share **/
.share_wrapper {
	display: none !important;
}

/** General >> The paragraph:(1) **/
.the_content_wrap {
	width: 100% !important;
}

/** General >> Project Titles **/
.page-id-86 .entry-title {
	font-size: 40px !important;
}

/** General >> Subheader **/
.single-post #Subheader {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

/** General >> The paragraph **/
.portfolio-single .the_content_wrapper p {
	width: 100% !important;
}

/** General >> Desc heading 6 **/
.desc h6 {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	padding-top: 20px !important;
}

/** General >> .single-post .product-information-container **/
.single-post .product-information-container {
	width: 100% !important;
}

/** General >> h2 **/
h2 {
	color: rgb(34, 34, 35) !important;
}

/** General >> #accordions-972 **/
#accordions-972 {
	margin-top: 20px !important;
}

/** General >> .accordions **/
.accordions {
	margin-top: 20px !important;
}


/*= General _2 ================ */

/** General _2 >> Wpcf7 submit **/
.wpcf7-submit {
	font-size: 16px !important;
}

/** General _2 >> Author date **/
.single-portfolio .author-date {
	display: none !important;
}

/** General _2 >> Post meta **/
.single-portfolio .post-meta {
	display: none !important;
}

/** General _2 >> Image _3 **/
.single-portfolio .image {
	display: none !important;
}

/** General _2 >> Project description **/
.single-portfolio .project-description {
	display: none !important;
}

/** General _2 >> Section **/
.single-portfolio .section_wrapper {
	max-width: 100% !important;
}

/** General _2 >> Desc wrappper **/
.desc-wrappper {
	font-size: 18px !important;
	line-height: 25px !important;
	font-weight: 400 !important;
}

/** General _2 >> Entry title link _2 **/
.entry-title .link {
	font-size: 30px !important;
}

/** General _2 >> .single-portfolio .the_content_wrapper a **/
.single-portfolio .the_content_wrapper a {
	width: 350px !important;
}

/** General _2 >> Desc icon clock **/
.desc .icon-clock {
	display: none !important;
}

/** General _2 >> Desc date **/
.desc .date {
	display: none !important;
}

/** General _2 >> Fixed nav prev heading 6 **/
.fixed-nav-prev h6 {
	color: rgb(255, 255, 255) !important;
	padding-top: 0 !important;
	margin-top: 20px !important;
}

/** General _2 >> Fixed nav prev desc **/
.fixed-nav-prev .desc {
	background-color: rgb(255, 89, 0) !important;
}

/** General _2 >> Desc **/
.single-portfolio .desc {
	background-color: rgb(255, 89, 0) !important;
}

/** General _2 >> Team Page Summary Text **/
.page-id-222 .desc {
	color: rgb(117, 119, 121) !important;
	font-size: 15px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

/** General _2 >> Team Page Headings **/
.page-id-222 .desc_wrapper h4 {
	letter-spacing: -1px !important;
}

/** General _2 >> Single Posts Content Wrapper **/
.single-post .the_content_wrapper {
	width: 100% !important;
}

/** General _2 >> Post wrapper content **/
.single-post .post-wrapper-content {
	text-align: right !important;
}

/** General _2 >> Single Post Text **/
.single-post .the_content_wrapper p {
	text-align: left !important;
	width: 100% !important;
}

/** General _2 >> Post container **/
.post-container {
	padding: 20px !important;
}

/** General _2 >> Paddedblockrecipe **/
.paddedblockrecipe {
	width: 500px !important;
}

/** General _2 >> Paddedblockrecipe paragraph **/
.paddedblockrecipe p {
	width: 500px !important;
}

/** General _2 >> Contact Form Wrapper **/
.page-id-14 .column:nth-of-type(9) .clearfix {
	margin-top: -40px !important;
}

/** General _2 >> Big **/
.page-id-14 .big {
	margin-top: 10px !important;
}

/** General _2 >> *Back Icon **/
.post-nav.minimal .home {
	text-align: center !important;
}

/** General _2 >> .single-post .paddedblockrecipe p **/
.single-post .paddedblockrecipe p {
	width: 100% !important;
}


/*= General _2 _2 ============= */

/** General _2 _2 >> *Project content wrapper **/
.single-portfolio #Content {
	width: 100% !important;
	max-width: 100% !important;
	padding-right: 0 !important;
	padding-bottom: 40px !important;
	padding-left: 0 !important;
}

/** General _2 _2 >> *Project Page Content Wrap **/
.page-id-86 #Content {
	padding-bottom: 40px !important;
}

/** General _2 _2 >> Sub menu link **/
.sub-menu a {
	font-size: 14px !important;
}

/** General _2 _2 >> .mt-449 .half p **/
.mt-449 .half p {
	width: 100% !important;
	padding-right: 40px !important;
	margin-right: 40px !important;
}

/** General _2 _2 >> .mt-449 .half **/
.mt-449 .half {
	width: 40% !important;
	padding: 20px !important;
}

/** General _2 _2 >> .mt-463 [type="text"] **/
.mt-463 [type="text"] {
	color: rgb(115, 126, 134) !important;
}

/** General _2 _2 >> .mt-463 .wpcf7-form input **/
.mt-463 .wpcf7-form input {
	color: rgb(115, 126, 134) !important;
}

/** General _2 _2 >> .single-post .paddedblockrecipe strong **/
.single-post .paddedblockrecipe strong {
	width: 100% !important;
}

/** General _2 _2 >> .single img **/
.single img {
	width: 100% !important;
	height: auto !important;
}

/** General _2 _2 >> .single-post .ab-item img **/
.single-post .ab-item img {
	max-width: 15px !important;
}

/** General _2 _2 >> .single-portfolio .the_content_wrapper p **/
.single-portfolio .the_content_wrapper p {
	width: 80% !important;
	padding-right: 10% !important;
	padding-left: 10% !important;
}

/** General _2 _2 >> .avatar **/
.avatar {
	max-width: 20px !important;
}

/** General _2 _2 >> .portfolio-item **/
.portfolio-item {
	max-height: 260px !important;
	overflow: hidden !important;
}


/*= General _3 ================ */

/** General _3 >> *Contact Page Content Wrap **/
.page-id-14 .mcb-section {
	background-color: rgb(241, 241, 241) !important;
	background-image: none !important;
	padding-top: 60px !important;
}

/** General _3 >> Clearfix heading 4 **/
.clearfix h4 {
	color: rgb(251, 90, 0) !important;
	margin-bottom: 5px !important;
}

/** General _3 >> Copyright **/
.copyright {
	font-size: 12px !important;
}

/** General _3 >> Footer button **/
.footer-button {
	border-width: medium !important;
	border-style: none !important;
}

/** General _3 >> Mt 14 image **/
.mt-14 .image_frame {
	width: 70% !important;
}

/** General _3 >> Sub orange **/
.sub-orange {
	/* MT [ google_font: 1 | variant: 400normal ] */
	font-family: 'Muli' !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

/** General _3 >> Mt 330 sbi **/
.mt-330 .sbi_header_link {
	display: none !important;
}

/** General _3 >> Mt 330 the **/
.mt-330 .the_content {
	padding-bottom: 40px !important;
}

/** General _3 >> Mt 71 why **/
.mt-71 .why {
	border: 1px solid #fff !important;
}

/** General _3 >> Mt 71 listen **/
.mt-71 .listen {
	border: 1px solid #fff !important;
}

/** General _3 >> Mt 71 understand **/
.mt-71 .understand {
	border: 1px solid #fff !important;
}

/** General _3 >> Mt 71 care **/
.mt-71 .care {
	border: 1px solid #fff !important;
}

/** General _3 >> Mt 71 delight **/
.mt-71 .delight {
	border: 1px solid #fff !important;
}

/** General _3 >> Mt 71 relationships **/
.mt-71 .relationships {
	border: 1px solid #fff !important;
}

/** General _3 >> Slider Button **/
.rev-btn {
	border: 1px solid #ffffff !important;
}

/** General _3 >> Contact Heading **/
.mt-14 .clearfix h1 {
	color: rgb(115, 126, 134) !important;
}

/** General _3 >> h3 **/
h3 {
	color: rgb(115, 126, 134) !important;
}

/** General _3 >> FadeIn heading 3 **/
.mt-14 .fadeIn h3 {
	color: rgb(115, 126, 134) !important;
}

/** General _3 >> Mt 14 button **/
.mt-14 .button_label {
	color: rgb(115, 126, 134) !important;
}

/** General _3 >> .footer-heading h1 **/
.footer-heading h1 {
	color: #ffffff !important;
}

/** General _3 >> .mt-14 .footer-heading h1 **/
.mt-14 .footer-heading h1 {
	color: rgb(255, 255, 255) !important;
}

/** General _3 >> .paddedblockrecipe li **/
.paddedblockrecipe li {
	list-style: square !important;
	margin-bottom: 20px !important;
	margin-left: 18px !important;
}

/** General _3 >> .subtitle span **/
.subtitle span {
	color: rgb(173, 173, 173) !important;
	font-size: 12px !important;
	line-height: 0px !important;
}

/** General _3 >> .subtitle **/
.subtitle {
	color: rgb(126, 126, 126) !important;
}

/** General _3 >> .desc **/
.desc {
	color: rgb(121, 121, 121) !important;
	font-size: 14px !important;
}

/** General _3 >> #menu-item-982 span **/
#menu-item-982 span {
	height: 30px !important;
	padding-bottom: 10px !important;
	margin-top: 10px !important;
}

/** General _3 >> .size-large **/
.size-large {
	margin-bottom: 40px !important;
}

/** General _3 >> .button_label **/
.button_label {
	color: rgb(255, 251, 248) !important;
	background-color: rgb(255, 105, 0) !important;
}


/*= People Page =============== */

/** People Page >> Mail Links **/
a.icon_bar span.t {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(251, 90, 0) !important;
}

/** People Page >> Mail Icons **/
a:hover.icon_bar {
	color: #ffffff !important;
	background-color: rgb(251, 63, 0) !important;
}


/*= General _4 ================ */

/** General _4 >> .mt-14 .button span **/
.mt-14 .button span {
	color: rgb(255, 255, 255) !important;
	padding-left: 20px !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** General >> Listen **/
	.listen {
	padding-top: 100px !important;
}

	/** General >> Care **/
	.care {
	padding-top: 100px !important;
}

	/** General >> Understand **/
	.understand {
	padding-top: 100px !important;
}

	/** General >> Entry title link **/
	.entry-title a {
	font-size: 22px !important;
	line-height: 22px !important;
	letter-spacing: 0 !important;
}

	/** General >> Project Descriptions **/
	.page-id-86 .desc-wrappper {
	display: none !important;
}

	/** General >> Delight **/
	.delight {
	padding-top: 100px !important;
}

	/** General >> Relationships **/
	.relationships {
	padding-top: 95px !important;
}

	/** General >> The paragraph:(1) **/
	.the_content_wrap {
	width: 850px !important;
}

	/** General _2 >> Single Post Text **/
	.single-post .the_content_wrapper p {
	padding-left: 18% !important;
}

	/** General _2 >> *Back Icon **/
	.post-nav.minimal .home {
	margin-left: -130px !important;
}

	/** General _2 >> The paragraph _2 **/
	.the_content_wrapper p {
	width: 938px !important;
}

	/** General _3 >> Clearfix heading 4 **/
	.clearfix h4 {
	color: rgb(251, 90, 0) !important;
}

	/** General _3 >> Menu toggle **/
	.menu-toggle {
	color: rgb(255, 255, 255) !important;
	font-weight: 500 !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** General >> Listen **/
	.listen {
	padding-top: 80px !important;
}

	/** General >> Care **/
	.care {
	padding-top: 90px !important;
}

	/** General >> Understand **/
	.understand {
	padding-top: 90px !important;
}

	/** General >> Entry title link **/
	.entry-title a {
	font-size: 18px !important;
	line-height: 18px !important;
	letter-spacing: 0 !important;
}

	/** General >> Project Descriptions **/
	.page-id-86 .desc-wrappper {
	display: none !important;
}

	/** General >> Delight **/
	.delight {
	padding-top: 95px !important;
}

	/** General >> Relationships **/
	.relationships {
	padding-top: 95px !important;
}

	/** General >> The paragraph:(1) **/
	.the_content_wrap {
	width: 800px !important;
	margin-left: -40px !important;
}

	/** General _2 >> The link **/
	.the_content_wrapper a {
	margin-left: -40px !important;
}

	/** General _2 >> .single-portfolio .the_content_wrapper a **/
	.single-portfolio .the_content_wrapper a {
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

	/** General _2 >> The paragraph _2 **/
	.the_content_wrapper p {
	width: 700px !important;
}

	/** General _2 _2 >> .mt-14 .responsive-menu-toggle **/
	.mt-14 .responsive-menu-toggle {
	margin-top: -5px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** General >> Understand **/
	.understand {
	padding-top: 120px !important;
}

	/** General >> Logo mobile _3 **/
	.logo-mobile {
	margin-top: -25px !important;
}

	/** General >> Why _5 **/
	.why {
	padding-top: 90px !important;
}

	/** General >> Listen _3 **/
	.listen {
	padding-top: 110px !important;
}

	/** General >> Care _2 **/
	.care {
	padding-top: 110px !important;
}

	/** General >> One icon facebook **/
	.one .icon-facebook {
	margin-left: 90.5% !important;
}

	/** General >> Icon search **/
	.icon-search {
	display: none !important;
}

	/** General >> Delight **/
	.delight {
	padding-top: 120px !important;
}

	/** General >> Relationships **/
	.relationships {
	padding-top: 90px !important;
}

	/** General >> The paragraph:(1) **/
	.the_content_wrap {
	font-size: 18px !important;
	line-height: 25px !important;
	width: 500px !important;
	margin-top: -20px !important;
}

	/** General >> The paragraph **/
	.portfolio-single .the_content_wrapper p {
	width: 250px !important;
}

	/** General _2 >> The link **/
	.the_content_wrapper a {
	font-size: 18px !important;
	line-height: 25px !important;
}

	/** General _2 >> .single-portfolio .the_content_wrapper a **/
	.single-portfolio .the_content_wrapper a {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General _2 >> Paddedblockrecipe **/
	.paddedblockrecipe {
	width: 100% !important;
	padding-bottom: 20px !important;
}

	/** General _2 >> Paddedblockrecipe paragraph **/
	.paddedblockrecipe p {
	font-size: 18px !important;
}

	/** General _2 >> *Back Icon **/
	.post-nav.minimal .home {
	margin-left: -45px !important;
}

	/** General _2 _2 >> *Project content wrapper **/
	.single-portfolio #Content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General _3 >> *Contact Page Content Wrap **/
	.page-id-14 .mcb-section {
	padding-top: 20px !important;
}

	/** General _3 >> Sub orange **/
	.sub-orange {
	padding-bottom: 5px !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** General >> Logo mobile **/
	.logo-mobile {
	margin-top: -30px !important;
}

	/** General >> Why _4 **/
	.why {
	padding-top: 60px !important;
}

	/** General >> Listen _2 **/
	.listen {
	padding-top: 80px !important;
}

	/** General >> Care **/
	.care {
	padding-top: 100px !important;
}

	/** General >> Understand **/
	.understand {
	padding-top: 90px !important;
}

	/** General >> Logo mobile _2 **/
	.logo-mobile {
	margin-left: -30% !important;
}

	/** General >> Footer button Link  Hover **/
	a:hover .footer-button {
	width: 90% !important;
}

	/** General >> One icon facebook **/
	.one .icon-facebook {
	margin-left: 83% !important;
}

	/** General >> Icon search **/
	.icon-search {
	display: none !important;
}

	/** General >> Entry title link **/
	.entry-title a {
	font-size: 30px !important;
	height: 40px !important;
}

	/** General >> Delight **/
	.delight {
	padding-top: 110px !important;
}

	/** General >> The paragraph:(1) **/
	.the_content_wrap {
	font-size: 18px !important;
	line-height: 25px !important;
	width: 320px !important;
}

	/** General _2 >> The link **/
	.the_content_wrapper a {
	font-size: 18px !important;
	line-height: 25px !important;
}

	/** General _2 >> .single-portfolio .the_content_wrapper a **/
	.single-portfolio .the_content_wrapper a {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General _2 >> Paddedblockrecipe **/
	.paddedblockrecipe {
	line-height: 25px !important;
}

	/** General _2 >> The paragraph _2 **/
	.the_content_wrapper p {
	width: 350px !important;
}

	/** General _2 _2 >> *Project content wrapper **/
	.single-portfolio #Content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General _3 >> *Contact Page Content Wrap **/
	.page-id-14 .mcb-section {
	padding-top: 20px !important;
}

	/** General _3 >> Clearfix heading 4 **/
	.clearfix h4 {
	color: rgb(251, 90, 0) !important;
}

	/** General _3 >> Sub orange **/
	.sub-orange {
	padding-bottom: 5px !important;
	padding-left: 60px !important;
}

}


/*( iPhone 5 )*/
@media (max-width:330px) {
	/** General >> Why **/
	.why {
	padding-top: 30px !important;
}

	/** General >> Footer text **/
	.footer-text {
	line-height: 35px !important;
}

	/** General >> Footer one **/
	#Footer .one {
	text-align: center !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

	/** General >> Footer button Link  Hover **/
	a:hover .footer-button {
	width: 85% !important;
}

	/** General >> One icon facebook **/
	.one .icon-facebook {
	margin-left: 90px !important;
}

	/** General >> Magnifying Glass **/
	.portfolio-single .icon-search {
	display: none !important;
}

	/** General >> Category the tussocks icon search **/
	.category-the-tussocks .icon-search {
	display: none !important;
}

	/** General >> Icon search **/
	.icon-search {
	display: none !important;
}

	/** General >> Project Descriptions **/
	.page-id-86 .desc-wrappper {
	display: none !important;
}

	/** General >> Delight **/
	.delight {
	padding-top: 75px !important;
}

	/** General >> Relationships **/
	.relationships {
	padding-top: 55px !important;
}

	/** General >> The paragraph:(1) **/
	.the_content_wrap {
	max-width: 280px !important;
	margin-top: -15px !important;
	margin-left: -5px !important;
}

	/** General >> Project Titles **/
	.page-id-86 .entry-title {
	font-size: 25px !important;
	line-height: 25px !important;
	padding-top: 5px !important;
}

	/** General >> Subheader **/
	.single-post #Subheader {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

	/** General >> The paragraph **/
	.portfolio-single .the_content_wrapper p {
	font-size: 16px !important;
	max-width: 300px !important;
	margin-left: -27px !important;
}

	/** General _2 >> The link **/
	.the_content_wrapper a {
	padding-left: 20px !important;
}

	/** General _2 >> .single-portfolio .the_content_wrapper a **/
	.single-portfolio .the_content_wrapper a {
	padding-top: 30px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General _2 >> *Back Icon **/
	.post-nav.minimal .home {
	margin-left: -10px !important;
}

	/** General _2 >> The paragraph _2 **/
	.the_content_wrapper p {
	width: 200px !important;
}

	/** General _2 _2 >> *Project content wrapper **/
	.single-portfolio #Content {
	padding-top: 10px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General _3 >> *Contact Page Content Wrap **/
	.page-id-14 .mcb-section {
	padding-top: 20px !important;
}

	/** General _3 >> Clearfix heading 4 **/
	.clearfix h4 {
	color: rgb(251, 90, 0) !important;
}

	/** General _3 >> Sub orange **/
	.sub-orange {
	font-family: 'Muli' !important;
	padding-bottom: 5px !important;
	padding-left: 15px !important;
}

	/** General _3 >> Menu toggle **/
	.menu-toggle {
	color: rgb(254, 254, 254) !important;
	font-weight: 500 !important;
}

	/** General _3 >> One icon instagram **/
	.one .icon-instagram {
	padding-left: 5px !important;
}

	/** General _3 >> Side **/
	#Side_slide {
	width: 250px !important;
}

	/** General _3 >> Wpcf7 f58 p14 o1 **/
	#wpcf7-f58-p14-o1 {
	margin-top: 20px !important;
}

}


/*( Standard Desktop )*/
@media (min-width: 1201px) and (max-width: 1920px) {
	/** General >> Footer button Link  Hover **/
	a:hover .footer-button {
	text-decoration: none !important;
}

	/** General >> Project Descriptions **/
	.page-id-86 .desc-wrappper {
	display: block !important;
}

	/** General >> Footer Links **/
	#Footer a {
	text-decoration: none !important;
}

	/** General >> h2 **/
	h2 {
	color: rgb(34, 34, 35) !important;
}

	/** General _3 >> Clearfix heading 4 **/
	.clearfix h4 {
	color: rgb(251, 90, 0) !important;
	margin-top: 30px !important;
}

	/** General _3 >> Sub orange **/
	.sub-orange {
	font-family: 'Muli' !important;
}

	/** General _3 >> .mt-71 .one h2 **/
	.mt-71 .one h2 {
	color: #ffffff !important;
}

	/** General _2 >> The paragraph _2 **/
	.the_content_wrapper p {
	width: 1500px !important;
}

}