/* 
body
*/

body                   {font-size:16px; background-color:#ffffff; color:#000000;}

html, body             {box-sizing:border-box;}
*, *:before, *:after   {box-sizing:inherit;}

/*
common
*/

.fixed           {background-attachment:fixed!important;}
.textLeft        {text-align:left!important;}
.textRight       {text-align:right!important;}
.textCentre,
.textCenter      {text-align:center!important;}
.white           {color:#fff;}
.black           {color:#000;}
.light-grey      {color:#c7c7c7;}
.dark-grey       {color:#2e2e2e;}
.bg-white        {background:#fff!important; color:#000!important;}
.bg-black        {background:#000!important; color:#fff!important;}


.circle          {-webkit-border-radius:1200px; -moz-border-radius:1200px; border-radius:1200px;}
.rounded         {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.border-thin     {border:1px solid #00a9a2;}
.border-thick    {border:4px solid #00a9a2;}
.drop-shadow     {-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);
                  -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);
                  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);}
				  
.center         {text-align:center;}

img             {max-width:100%; height:auto;}


/*
fonts
*/

html, body, input, textarea {
  font-family:Open Sans;
}

h1, h2, h3, h4, h5, h6 {
  font-family:Open Sans;
}

.content h1         {font-size:36px; margin:0 0 20px 0; line-height:1.5;}
.content h2         {font-size:24px; margin:0 0 20px 0; line-height:1.5;}
.content h3,
.content h4,
.content h5,
.content h6,
.content p          {font-size:16px; margin:0 0 20px 0; line-height:1.5;}

@media only screen and ( max-width:850px ) {
	.content h1         {font-size:27px;}
	.content h2         {font-size:20px;}
}

.content a,
#breadcrumbs a      {color:#00a9a2;}

sup, sub            {vertical-align:baseline; position:relative; top:-7px; font-size:10px;}
sub                 {top:3px;}

.content ul,
.content ol         {margin:0 0 20px 30px;}
.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul      {margin:0 0 0 30px;}
.content ol         {list-style-type:decimal;}
.content ul         {list-style-type:disc;}
.content li         {line-height:1.5;}

blockquote          {position:relative; font-style:italic; margin:0 30px 20px 30px;}
blockquote:before,
blockquote:after    {content:'\22'; font-size:40px;}
blockquote:before   {position:relative; top:10px; margin:0 5px 0 0;}
blockquote:after    {position:absolute; margin:0 0 0 5px; }
blockquote p        {display:inline;}
cite                {font-size:16px; margin:-10px 0 20px 40px; display:block;}

::selection         {background:#00a9a2; color:#fff; /* Safari */}
::-moz-selection    {background:#00a9a2; color:#fff; /* Firefox */}

hr {border:none; border-bottom:1px solid #000000; margin:0 0 20px 0;}

/*
colours
*/

.colour-a     {color:#00a9a2!important}
.colour-b     {color:#434343!important}
.colour-c     {color:#b7dbd9!important}
.colour-d     {color:#000000!important}
.bg-colour-a  {background-color:#00a9a2!important; color:#fff!important;}
.bg-colour-b  {background-color:#434343!important; color:#fff!important;}
.bg-colour-c  {background-color:#b7dbd9!important; color:#fff!important;}
.bg-colour-d  {background-color:#000000!important; color:#fff!important;}

/*
Before Banner
*/

#before-banner .col {padding:40px 0; text-align:center}
#before-banner h2   {font-size:32px; line-height:1.4;}
@media only screen and ( max-width:850px ) {
	#before-banner h2   {font-size:24px}
}


/*
banners
*/

#banner             {position:relative; float:left; width:100%; color:#fff; line-height:1.4;}

.banner a           {color:#fff;}
.banner h1,
.banner h2,
.banner h3          {font-size:60px; margin:0 0 20px 0;}
.banner p           {font-size:20px; margin:0 0 20px 0;}

.banner             {width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow:hidden;}

.banner .col-12     {top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:9;}

.banner video       {position:absolute; top:0px; left:0px;}

.banner.fullscreen  {min-height:600px;}
.banner.halfscreen  {min-height:400px;}

@media only screen and ( max-width:850px ) {
	#banner h1,
	#banner h2,
	#banner h3          {font-size:32px;}
	#banner p           {font-size:16px;}
}

/*
full article image
*/

#fullImage             {position:relative; float:left; width:100%; height:100%; color:#fff; line-height:1.4; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
#fullImage h1          {font-size:60px; margin:0 0 20px 0; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:9;}
#fullImage.fullscreen  {min-height:600px;}
#fullImage.halfscreen  {min-height:400px;}

@media only screen and ( max-width:850px ) {
	#fullImage h1 {font-size:32px;}
}


/* pager */

.cycle-pager                         {text-align:center; width:100%; position:absolute; overflow:hidden;z-index:999;}
.cycle-pager span                    {font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; cursor:pointer; margin:0 2px; color:#fff;}
.cycle-pager span.cycle-pager-active {color:#00a9a2;}
.cycle-pager > *                     {cursor:pointer;}
.cycle-pager.pager-bottom            {bottom:10px;}
.cycle-pager.pager-top               {top:10px;}
.cycle-pager.pager-hide              {display:none;}


/*
breadcrumbs
*/

#breadcrumbs               {padding:30px 0 0 0;}
ul.breadcrumb              {position:relative; float:left;}
#breadcrumbs ul            {margin:0; line-height:1.5;}
ul.breadcrumb li           {position:relative; float:left; list-style-type:none;}
ul.breadcrumb li a         {margin:0 10px 0 0;}
ul.breadcrumb li .divider  {margin:0 10px 0 0; opacity:0.4;}

@media only screen and ( max-width:850px ) {
	#breadcrumbs {display:none;}
}


/*
content
*/

#content-main  {padding:30px 0;}


/*
before and after content rows
*/

.before-content .container,
.after-content  .container   {display:flex; flex-direction:row; margin-top:10px; margin-bottom:-10px;}

.before-content.row-fw .container,
.after-content.row-fw  .container   {margin-top:0; margin-bottom:0;}

@media only screen and ( max-width:1200px ) {
.before-content .container,
.after-content  .container   {display:block;}
}

.before-content .container .banner .container,
.after-content  .container .banner .container   {display:block;}

/*
article details
*/

.article-info                         {opacity:0.6;}
.article-info > span                  {display:inline-block;}
.article-info > span:after            {content:" |"; opacity:0.4;}
.article-info > span:last-child:after {content:""}
.article-info > span a                {color:#000000;}


/*
tags
*/

ul.tags      {position:relative; float:left; margin:0; width:100%; margin:0 0 16px 0;}
ul.tags li   {position:relative; float:left; list-style-type:none; margin:0 10px 0 0; font-size:13px;}
ul.tags li a {background:#00a9a2; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:4px 12px; display:block; margin:0 0 4px 0;}

ul.tags li a:hover   {-webkit-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.1);
                      -moz-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.1);
                      box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.1);}


/*
addthis
*/

.addthis_wrapper            {position:relative; float:left; width:100%; margin:0 0 20px 0;}
.addthis_wrapper p          {position:relative; float:left; height:32px; line-height:32px; margin:0 8px 0 0;}
#footer .addthis_wrapper    {margin:0; text-align:center;}
#footer .addthis_wrapper p  {float:none; height:auto; line-height:1.4; margin:0 0 10px 0;}


/*
pagination
*/

.pagination ul,
.pager.pagenav    {margin:0px; text-transform:uppercase;}
.pagination li,
.pager.pagenav li {list-style-type:none; float:left; margin:0 15px 0 0;}
.pagination a,
.pager.pagenav a  {text-decoration:none;}


/*
blog listings page
*/
  
.blog .items-leading                     {position:relative; float:left; width:100%; background:#ffffff; padding:30px; margin:0 0 20px 0;}
.blog .items-leading .blog-image         {width:100%; height:300px; margin:0 0 20px 0;}
.blog .items-leading .blog-image-right   {margin:0;}
.blog .items-leading .blog-listing-left,
.blog .items-leading .blog-listing-right {position:relative; float:none; width:100%;}
.blog div[class^=leading-]               {width:100%; float:left;}

.blog .row-fluid           {margin:0 0 20px 0; display:flex; flex-direction:row; width:100%;}

.blog .item               {position:relative; float:left; background:#ffffff; padding:30px; height:100%; display:flex;}

.blog .blog-image         {position:relative; float:left; margin:0 0 20px 0; width:100%; height:300px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.blog .blog-image-left    {width:50%; height:100%; margin:0 20px 0 0;}
.blog .blog-image-right   {width:50%; height:100%; margin:0 0 0 20px;}

.blog .blog-listing-right {position:relative; float:left; width:50%;}
.blog .blog-listing-left  {position:relative; float:right; width:50%;}

@media only screen and ( max-width:850px ) {
	.blog .row-fluid         {display:block; width:100%; margin:0;}
	.blog .item             {height:auto; width:100%; display:block; margin:0 0 20px 0;}
}


/*
people
*/

.omniPerson      {width:100%; float:left; margin:0 0 30px 0;}
.omniPersonLeft  {float:left; padding:0 30px 0 0; width:25%;}
.omniPersonRight {float:left; margin:0 0 0; width:75%}

.blog .omniPerson       {width:50%;}
.blog .omniPersonLeft   {width:50%; padding:0 30px 0 0;}
.blog .omniPersonMiddle {float:left; width:50%; padding:0 30px 0 0 ;}


@media only screen and ( max-width:1200px ) {
	.blog .omniPerson       {width:100%;}
	.blog .omniPersonLeft   {padding:0 15px 0 0;}
	.blog .omniPersonMiddle {padding:0 0 0 15px;}
	.blog .leading-0 .omniPerson    {margin:0;}
	.blog .omniPerson               {margin:60px 0 0 0;}
}

@media only screen and ( max-width:850px ) {
	.blog .omniPerson       {text-align:center;}
	.blog .omniPersonLeft   {width:100%; padding:0; margin:0 0 30px 0;}
	.blog .omniPersonMiddle {width:100%; padding:0; margin:0 0 30px 0;}
}


/*
faqs
*/

.accordion-title           {position:relative; background:#000000; border-bottom:1px solid rgba(0,0,0,0.6); color:#ffffff; padding:25px 7%;}
.accordion-title:hover     {cursor:pointer}
.accordion-title h2        {margin:0; font-size:18px!important; text-align:center;}
.accordion-title h2:before {content:'+'; position:absolute; left:4%; top:25px; font-weight:300;}

.accordion-title.ui-state-active h2:before {content:'-';}

.accordion-title:hover     {-webkit-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.3);
                            -moz-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.3);
                            box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.3);}

.accordion-body      {position:relative; background:#00a9a2; color:#fff; padding:30px 7% 20px 7%;}


/*
sidebar
*/
#sidebar  {padding:30px 0;}

@media only screen and ( max-width:1200px ) {
#content-main.col    {width:98.33333333333333%;}
#sidebar.col         {display:none;}
}



/*
buttons
*/

.button, 
.content .button       {display:inline-block; padding:13px 30px; margin:0;  border:0px; text-decoration:none; line-height:1; margin:0 10px 20px 10px;
                        background:#565656; color:#fff; font-weight:300; font-size:16px;}
.button:hover          {-webkit-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.1);
                        -moz-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.1);
                        box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.1);}
.button.roundedCorner  {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.button.rounded        {-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.button .fa            {position:relative; left:-10px;}

.content #sidebar .button       {margin:0 0 20px 0;}

/*
tables
*/

.content table                             {max-width:100%; margin:0 0 20px 0; line-height:1.5; background:#fff; font-weight:300;}
.content table th, table td                {padding:20px 30px;}
.content table tr:first-child th           {background:#000000; color:#fff;}
.content table tr th                       {background:#00a9a2; color:#fff; font-weight:300;}
.content table tr:nth-child(even)          {-webkit-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.06);
                                            -moz-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.06);
                                            box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.06);}
  
.content table.pricing                     {text-align:center;}
.content table.pricing tr td               {padding:15px 30px;}
table.pricing tr:first-child th            {font-size:30px;}
.content table.pricing h2                  {margin:0!important;}
.content table.pricing .button             {text-align:center; margin:0 auto;}
.content table.pricing tr:nth-child(even)  {-webkit-box-shadow:none;
                                            -moz-box-shadow:none;
                                            box-shadow:none;}
.content table.pricing th:nth-child(even),
.content table.pricing td:nth-child(even) {-webkit-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.06);
                                           -moz-box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.06);
                                           box-shadow:inset 2000px 2000px 0px 2000px rgba(0,0,0,0.06);}

.content .table-wrapper                   {position:relative; float:left; width:100%; overflow-x:auto;}

/*
videos
*/

.videoWrapper        {position:relative; max-width:560px; margin:0 0 20px 0;}
.videoContainer      {position:relative; padding-bottom:56.25%; height:0;}
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.vineWrapper         {position:relative; max-width:560px; margin:0 0 20px 0;}
.vineContainer       {position:relative; padding-bottom:100%; height:0;}
.vineWrapper iframe  {position:absolute; top:0; left:0; width:100%; height:100%;}

/*
maps
*/

.mapWrapper          {position:relative; margin:0 0 20px 0;}
.mapContainer        {position:relative; padding-bottom:56.25%; height:0;}
.mapWrapper iframe   {position:absolute; top:0; left:0; width:100%; height:100%;}

/*
forms
*/
  
form                     {margin:0 0 20px 0;} 
input, select, textarea  {margin:0 10px 10px 0; border:0px; padding:6px 10px; font-size:16px;}
input[type=submit]:hover {cursor:pointer}
@media only screen and ( max-width:850px ) {
	input, select, text-area {width:100%;}
}

.formRed    {font-weight:normal; color:#ff0000;}
.formError  {font-size:16px; font-weight:normal; margin:0 0 10px 0; display:block; color:#ff0000;}

#contactForm                              {width:60%;}
#contactForm input, #contactForm textarea {width:100%;}
#contactForm input[type=submit]           {color:#fff; background:#00a9a2}

#quoteForm                       {background:#00a9a2; width:100%; position:relative; float:left; padding:20px;}
#quoteForm h2                    {color:#fff; font-weight:bold;}
#quoteForm .quoteDetails         {width:100%; position:relative; float:left; taxt-align:left;}
#quoteForm .quoteDetailsLeft     {position:relative; float:left; taxt-align:left;}
#quoteForm .quoteDetailsRight    {position:relative; float:left; taxt-align:left;}
#quoteForm #Quantity             {width:60px; margin-left:10px; margin-right:10px;}
#quoteForm #Product              {width:30%; min-width:300px; margin-left:10px;}
#quoteForm input                 {width:100%; margin:0 0 10px 0;}
#quoteForm input[type=submit]    {color:#fff; margin:0px; left:0;}

#after-content-4 div {background:#00a9a2;}
#after-content-4 h2  {color:#fff;}

#orderForm                        {background:#00a9a2; width:100%; position:relative; float:left; padding:20px;}
#orderForm h2                     {color:#fff; font-weight:bold;}
#orderForm .quoteDetails          {width:100%; position:relative; float:left; taxt-align:left;}
#orderForm .quoteDetailsLeft      {position:relative; float:left; taxt-align:left;}
#orderForm .quoteDetailsRight     {position:relative; float:left; taxt-align:left;}
#orderForm #Quantity2             {width:80px; margin-left:10px; margin-right:10px;}
#orderForm #Product               {width:30%; min-width:300px; margin-left:10px;}
#orderForm #NetCost               {width:120px; margin-left:10px;}
#orderForm input                  {width:100%; margin:0 0 10px 0;}
#orderForm .address1              {position:relative; float:left; width:50%;}
#orderForm .address2              {position:relative; float:left; width:48%; margin-left:2%;}
#orderForm .financialDetailsLeft  {position:relative; float:left; width:50%;}
#orderForm .financialDetailsRight {position:relative; float:left; width:48%; margin-left:2%;}
#orderForm input[type=submit]     {color:#fff; margin:0px; left:0;}

@media only screen and ( max-width:960px ) {
#orderForm .address1,
#orderForm .address2  {width:100%; margin:0;}
}

/*
logo bar
*/
      
#logos-row       {background:rgba(0,0,0,0.15); padding:30px 0}  
#logos-row p     {margin:0;}  
#logos-row .col  {text-align:center;}
#logos-row img   {display:inline-block; margin:5px 10px; width:auto; max-height:100px;}
  
        
/*
call to action
*/

#cta-row       {background:#00a9a2; color:#fff; padding:30px 0 0 0;}
#cta-row .col  {text-align:center;}

		
/*
social dock
*/

#social-dock   {position:fixed; top:50%; right:-51px; z-index:999999; max-width:46px;
                -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); 
                font-size:16px; font-family:arial, sans-serif;
                -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
                -webkit-animation:load-dock 0.5s 1s forwards;
                -moz-animation:load-dock 0.5s 1s forwards;
                -o-animation:load-dock 0.5s 1s forwards;
                animation:load-dock 0.5s 1s forwards;}
				
@-webkit-keyframes load-dock {0% {right:-51px;}  100% {right:0px;}}
@-moz-keyframes load-dock    {0% {right:-51px;}  100% {right:0px;}}
@-o-keyframes load-dock      {0% {right:-51px;}  100% {right:0px;}}
@keyframes load-dock         {0% {right:-51px;}  100% {right:0px;}}

#social-dock a       {color:#fff; display:block;}
#social-dock i       {width:46px; height:46px; line-height:46px; text-align:center; float:right; position:relative; right:0px;
                      -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
#social-dock i:hover {width:64px;}

#social-dock .fa-facebook     {background-color:#3765a3}
#social-dock .fa-twitter      {background-color:#5ea9dd}
#social-dock .fa-linkedin     {background-color:#007bb6}
#social-dock .fa-google-plus  {background-color:#dd5044}
#social-dock .fa-pinterest    {background-color:#bd081c}
#social-dock .fa-instagram    {background-color:#2a5b83}
#social-dock .fa-youtube-play {background-color:#d22222}
#social-dock .fa-vimeo        {background-color:#1ab7ea}
#social-dock .fa-vine         {background-color:#00a478}
#social-dock .fa-tumblr       {background-color:#34465d}
#social-dock .fa-github       {background-color:#000000}
#social-dock .fa-foursquare   {background-color:#fa4778}
#social-dock .fa-tripadvisor  {background-color:#599542}
#social-dock .fa-spotify      {background-color:#1ed760}


#dockClose                               {background:#000; color:#000; text-decoration:none; display:block; width:46px; height:20px; line-height:20px; padding:0 7px; float:right;}
#dockClose span                          {display:block; float:left; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
#social-dock.dock-closed                 {margin-right:-24px;}
#social-dock.dock-closed i               {right:-15px;}
#social-dock.dock-closed i:hover         {right:24px; width:46px;}
#social-dock.dock-closed #dockClose span {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

#social-dock.social-circles i          {-webkit-border-radius:64px; -moz-border-radius:64px; border-radius:64px; margin:0 5px 5px 5px;}
#social-dock.social-circles i:hover    {width:52px; height:52px; line-height:52px;}
#social-dock.social-circles #dockClose {display:none;}

#social-dock.dock-left   {right:auto; left:-51px;
                          -webkit-animation:load-dock-left 0.5s 1s forwards;
                          -moz-animation:load-dock-left 0.5s 1s forwards;
                          -o-animation:load-dock-left 0.5s 1s forwards;
                          animation:load-dock-left 0.5s 1s forwards;}

@-webkit-keyframes load-dock-left {0% {left:-51px;}  100% {left:0px;}}
@-moz-keyframes load-dock-left    {0% {left:-51px;}  100% {left:0px;}}
@-o-keyframes load-dock-left      {0% {left:-51px;}  100% {left:0px;}}
@keyframes load-dock-left         {0% {left:-51px;}  100% {left:0px;}}

#social-dock.dock-left i                           {float:left;}
#social-dock.dock-left #dockClose                  {float:left;}
#social-dock.dock-left #dockClose span             {float:right; -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#social-dock.dock-left.dock-closed                 {margin-right:0; margin-left:-24px;}
#social-dock.dock-left.dock-closed i               {right:auto; left:-15px;}
#social-dock.dock-left.dock-closed i:hover         {right:auto; left:24px;}
#social-dock.dock-left.dock-closed #dockClose span {-ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}

#social-dock.dock-bottom  {top:auto; bottom:0px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }

@media only screen and ( max-width:1200px ) {
	#social-dock i                              {width:38px; height:38px; line-height:38px; font-size:0.9em;}
	#social-dock i:hover                        {width:48px;}  
	#social-dock.social-circles i:hover         {width:42px; height:42px; line-height:42px;}  
	#dockClose                                  {width:38px;}
	#social-dock.dock-closed                    {right:-16px!important;}
	#social-dock.dock-closed i                  {right:-15px;}
	#social-dock.dock-closed i:hover            {right:16px; width:38px;}
	#social-dock.dock-closed #dockClose span    {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);} 
	#social-dock.dock-left.dock-closed          {left:-16px!important;}
	#social-dock.dock-left.dock-closed i:hover  {left:16px; width:38px;}
}

#social-dock.social-branded i.fa {background-color:#00a9a2;}



/*
footer
*/

#footer             {background:#434343; color:#ffffff; padding:20px 0;}
#footer .col        {padding:20px 0;}
#footer h3          {margin:0px; font-size:24px; margin:0 0 10px 0;}
#footer ul          {list-style-type:none; margin:0;}
#footer ul a        {text-decoration:none}
#footer a           {color:#ffffff; text-decoration:underline;}
#footer a:hover     {text-decoration:underline}
@media only screen and ( max-width:1200px ) {
	#footer ul, #footer h3, #footer h2, #footer p, #footer blockquote     {text-align:center;}
}
          
/*
footer mailchimp  form
*/
#footer #mc_embed_signup label {margin:0 0 10px 0; display:block;}

@media only screen and ( max-width:1200px ) {
	#footer #mc_embed_signup {text-align:center;}
}

#footer #mc_embed_signup .button  {margin:0px;}
          
/*
sub footer
*/

#sub-footer    {padding:20px 0;}
#sub-footer p,
#sub-footer a  {font-size:14px; opacity:0.8;}

@media only screen and ( max-width:1200px ) {
	#sub-footer p   {text-align:center;}
}


/*
cookie warning
*/

#cookie       {position:fixed; bottom:0px; z-index:9999999;}
#cookie .col  {text-align:center; padding:15px 0;}
#cookieButton {margin:15px 0 0 0;}


/*
popups
*/

.popup,
.popup#quoteForm,
.popup#orderForm  {background:rgba(0,0,0,0.8); position:fixed; top:0px; left:0px; width:100%; min-height:100vh; z-index:999999999999;
                   opacity:0; left:30000px;}

.popup-inner   {max-width:600px; width:90%; margin:0 auto 0 auto; background:#00a9a2; padding:10px 20px 20px 20px;
                position:absolute; top:50%; left:0px; right:0px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);}
				

.popup#orderForm {overflow-y:scroll;}

.popup#orderForm .popup-inner   {max-width:1200px;
                margin:20px auto 20px auto; 
                position:absolute; top:0%;
                -webkit-transform: translateY(0%);
                -ms-transform: translateY(0%);
                transform: translateY(0%);}

a.popup-close {color:#fff; float:right;}