@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
	margin: auto;
  }

}

@font-face {
  font-family: GalanoSemiItalic;
  src: url(/uploads/fonts/galano-classic-semibold-italic.otf);
}

/*-- @font-face {
  font-family: 'GalanoSemiItalic';
  src:  url('/uploads/fonts/galano-classic-semibold-italic.woff2') format('woff2'),
        url('/uploads/fonts/galano-classic-semibold-italic.woff') format('woff');
} --*/
     
	body {
		font-family: 'Arimo', Arial, Geneva, sans-serif;
		color:#58595b;
		text-align:center;
		margin: auto;
		overflow-x:hidden;
	}

	p { 
		font-size: 18px;
		line-height: 29px;
		margin-block-start: 18px;
		margin-block-end: 18px;
	}

	/*-- p strong {font-weight: 600;} --*/

	/*-- ul {
		font-size: 17px;
    	line-height: 30px;
	} --*/


	
		a img {	border:none; }
	
	a { color: #000; }
	 
	 
	a:hover {
	 color: #fff;
	 text-decoration:none;

	 }	

hr { margin: 40px 0px; }

h1 {
	line-height: normal;
	font-size:40px;
	font-weight: 600;
}

h2 {
	font-family: 'GalanoSemiItalic', Arial, Geneva, sans-serif;
	line-height: normal;
	font-size: 34px;
	font-weight: 600;
	color: #1779A6;
}

h2 a { text-decoration:none !important;}

h2 a:hover { text-decoration:underline !important;}

h3 {
	font-weight: 600;
    font-size: 22px;
}

h4 {
	font-family: 'GalanoSemiItalic', Arial, Geneva, sans-serif;
	line-height: normal;
	font-size: 22px;
	color: #1779A6;
	margin:0px;
}


	
	.clear{clear:both;}
	
	.outer_container {
		height: 100%;
		width: 100%;
	}
	
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}

	

	img {
	width:100%;	
	}



	.top_page {
		float:left;
		height:auto;
		margin-left:5%;
		width:92%;
		
	}

	.logo {
		float:left;
		width: 308px;
		height:auto;
		margin-top:8px;
	}
	
	.top_right {
		float:right;
		width: 33%;
		height:auto;
		margin-top:38px;
	}
	
	
	.contact_links {
    float: left;
    width: 93%;
    height: auto;
    text-align: right;
	}		
	
	.contact_links a{
		font-size:16px;	
		color:#1779A6;
		text-decoration:none;
		font-weight: 600;
	}
	
	.contact_links a:hover{
		color: #f68b1f;
		text-decoration:none;
		transition: all 200ms ease;
	}
	
	.contact-links {
    	float: left;
    	height: auto;
    	text-align: right;
		
	}		
	
	.contact-links a{
		font-size:16px;
	
	}
	
	
	.socialmedia {
		float:left;
		width: 93%;
		height:auto;
		margin-top:12px;
		text-align: right;
	}	
	
	.socialmedia img{
		width: 20%;
		max-width: 55px;
		margin: 0px -3px;
	}

.socialmedia a img:hover {
	opacity: 0.8;
	transition: all 200ms ease;	
}
	
	.social-media {
		float:right;
		height:auto;
		margin-top:9px;
		
	}	
	
	
	.sb_google img{
		width: 32%;
		max-width: 172px;
	}

.sb_pos img{
		width: 22%;
		max-width: 118px;
	}
	
	
	.nav_bar {
		float:left;
		width: 100%;
		height:auto;
		background-color:#1779A6;
		margin-top:6px;
	}

	.nav_menu {
		float:left;
		
		height:auto;
		margin-left:5%;
	}
	
	
	.nav_button {
    float: left;
    width: 9.3%;
    height: auto;
    padding-right: 2.1%;
    padding-left: 2.1%;
	margin: 8px 0px;
	border-right: 1px solid #fff;
	}

.nav_button a img:hover {
	opacity: 0.8;
	transition: all 200ms ease;
}

	.home_header {
		float:left;
		width: 100%;
		height:auto;
	}	
	
	.home_header img{
		width: 100% !important;
	}		
	
	.header_text {
		float: left;
		width: 32.25%;
		height: auto;
		margin-top: -15%;
		margin-left: 8%;
		position: relative;
		filter: drop-shadow(0px 0px 36px #0c205c);
	}		
	
	.search_container {
    float: left;
    width: 320px;
    height: auto;
    margin-top: -8%;
    margin-left: 8%;
	position: relative;
	}
	
	
	.search_container input[type=text]{
    width: 300px;
    height: 35px;
    border: 2px #58585c solid;
    border-radius: 8px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 50px;
	}
	
	
	.search_submit{
	float: left;
    width: 0px;
    height: auto;
    margin-top: -35px;
    z-index: 1;
    position: relative;
    font-size: 20px;
    margin-left: 350px;
	text-decoration:none;
	}

	.newstiles_container {
		float:left;
		width: 100%;
		height:auto;
		margin-top:15px;
	}
	
	
	.newstile1 {
		float:left;
		width: 30%;
		height:auto;
		margin-left:3%;
	}	
	
	.newstile2, .newstile3, .newstile4 {
		float:left;
		width: 30%;
		height:auto;
		margin-left:2%;
	}	
	
	
	.news_container {
		float:left;
		width: 58.5%;
		height:auto;
		margin-left:3%;
	}	
	
	.social_container {
		float:right;
		width: 32%;
		height:auto;
		margin-right:0%;
	}		
	
	.home_heading {
		float:left;
		width: 100%;
		height:auto;
		margin-top:50px;
		color:#1779A6;
		font-size:40px;
		margin-bottom:30px;
	}

	.home_heading img {
		width:300px;
		height:auto;
	}
	
	.fb-page iframe 
{
	width:100% !important;
}


.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}


	.np_container {
		float:left;
		width:100%;
		height:auto;
		margin-bottom:10px;
		margin-top: 10px;
		display: flex;
		align-items: center;
}
	
	.np_image {
		float:left;
		width:25%;
		height:auto;	
		
	}

	.np_image img{
	width:100%;
	max-width:300px;
		
	}

	.np_text {
		float:right;
		width:70%;
		height:auto;
		font-size: 20px;
    	line-height: 28px;
		margin-left: 3.5%;
	}	

.np_text strong {
	font-weight: 700;
}

.np_text a {
	color: #f68b1f;
	text-decoration:none;
    font-weight: 600;
}

.np_text a:hover{
		color: #1779A6;
		text-decoration:none;
		transition: all 200ms ease;
	}

.inner_news {
	width: 100%;
    max-width: 460px;
    float: right;
    padding: 0px 0px 40px 40px;
}

	
	.footer_container {
  float: left;
  height: auto;
  padding: 0;
  position: relative;
  width: 100%;
  margin-top: 0px;
  background-color: #1979A9;
  padding-bottom:30px;
  font-size: 14px;
		
	}	
	
	
	.footer_container ul
	{
	padding-left:0px;
	font-size: 14px;
	}
	
	
	.footer_col1 {
  color: #FFF;
  float: left;
  height: auto;
  margin-left: 6%;
  margin-top: 20px;
  padding: 0;
  width: 19%;
	}	
	.footer_col1  a, .footer_col1 a:hover{
    text-decoration:underline;
	color: #FFF;	
	}	

.footer_col1 img {
	height: auto;
    max-width: 218px;
}
	
	.footer_col2 {
    color: #FFF;
    float: left;
    height: auto;
    margin-left: 2%;
    margin-top: 20px;
    padding: 0;
    width: 17.5%;
	}	
	.footer_col2  a, .footer_col2 a:hover{
    text-decoration:underline;
	color: #FFF;	
	}	
	
	.footer_col3 img {
		max-width:38px;
	
	}
	
	.footer_col3{
    color: #FFF;
    float: left;
    height: auto;
    margin-left: 2%;
    margin-top: 20px;
    padding: 0;
    width: 14%;
	}	
	.footer_col3  a, .footer_col3 a:hover{
    text-decoration:underline;
	color: #FFF;	
	}
	
	
	.footer_heading {	
	color: #FFF;
    line-height: 24px;
    margin: 0;
	font-weight:bold;
	}		
	
	.footer_nav {	
    color: #FFF;
    line-height: 20px;
    list-style-type: none;
	}		
	
	.footer_nav  a {	
    color: #FFF;
	text-decoration:none;
	font-weight: bold;
	}

	.footer_nav  a:hover{	
    color: #FFF;
	text-decoration:underline;
	}	

	.topnav {
		
	display:none;	
	}




	
.content_container {
	float:left;
	width:94%;
	margin-left:3%;
	height:auto;
	font-size: 18px;
    line-height: 29px;
}	

.content_container a {
	color: #f68b1f;
    text-decoration: none;
    font-weight: 600;
}

.content_container a:hover {
	color: #1779A6;
    text-decoration: none;
    transition: all 200ms ease;
}

.home_text {
	font-size: 22px;
    line-height: 44px;
    font-style: italic;
	margin: 2% 0%;
}


/*-- EARLY SUBNAV BARS

.subnav img {
	margin-top: 1%;
    margin-left: 0%;
    margin-bottom: 0%;
    margin-right: 3.5%;
    max-width: 21.25%;
}

--*/

.subnav {
	float: left;
    width: 100%;
    height: auto;
    margin-bottom: 2%;
    margin-top: 2%;
}

.subnav hr {
	 border-top: 1px solid #CCCCCC;
	margin: 2% 0%;
}


.subnav_bar {
	display: flex;
    align-items: center;
	float: left;
	width: 25%;
}

.subnav_img {
    width: 10%;
    margin-right: 3%;
}

.subnav_txt_red a, .subnav_txt_org a, .subnav_txt_yel a, .subnav_txt_grn a, .subnav_txt_blu a, .subnav_txt_nav a, .subnav_txt_prp a, .subnav_txt_vio a {
	color: #58595b;
    font-weight: 900;
    text-transform: uppercase;
    font-style: oblique;
    font-size: 22px;
}

.subnav_txt_red a:hover { color:#b03c25; } 
.subnav_txt_org a:hover { color:#e48226; }  
.subnav_txt_yel a:hover { color:#ebc71b; }  
.subnav_txt_grn a:hover { color:#62a744; }  
.subnav_txt_blu a:hover { color:#12b4ac; }  
.subnav_txt_nav a:hover { color:#214b9b; }  
.subnav_txt_prp a:hover { color:#6a328c; }  
.subnav_txt_vio a:hover { color:#af3a8b; } 

.subnav img {
	margin-top: 1%;
    margin-left: 0%;
    margin-bottom: 0%;
    margin-right: 3.5%;
    max-width: 100%;
}


.subnav a img:hover {
    opacity: 0.7;
    transition: all 200ms ease;
}

.h2 ul {
	display: grid;
}

.h2_image {
	float: left;
    margin-right: 18px;
}

.h2_image img {
	height: auto;
    width: 400px;
}

.h2_image a img:hover {
    opacity: 0.8;
    transition: all 200ms ease;
}

.cta {
	color: #fff;
    font-style: italic;
	font-size: 1.5vw;
    font-weight: 400;
    background-color: #62a744;
	height: 70px;
    width: 100%;
    margin-left: -6%;
	margin-top: 2%;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 12px;
    padding-bottom: 12px;
}

.cta a {
	color: #fff;
	font-weight: 400;
}

.cta a:hover { color: #fff; }

.cta:hover {
	opacity: 0.7;
    transition: all 200ms ease;
}

.cta_icon {
	width: 70px;
    float: left;
	margin-left: 1%;
    margin-right: 2%;
}

.cta_text {
	display: table-cell;
    height: 70px;
    vertical-align: middle;
}


.pagetitle {
	margin-left:-6%;
	margin-top:-4px;
}

.pricetable { 
	width: 60%;
	margin-left: 20%;
}

.pricetable img {
	filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.1));
}

.pricetable a img:hover {
	opacity: 0.5;
	transition: all 300ms ease;	
}

.pricetable h2 {
	text-align: center;
    margin-bottom: -1%;
    margin-top: 60px;
}

.pricetable1 {
	width: 23.5%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-bottom: 1%;
}

.pricetable2, .pricetable3, .pricetable4 {
	width: 23.5%;
	height: auto;
	float: left;
	margin-left: 2%;
}

.pricetable5 {
	width: 100%;
	height: auto;
	margin-left: 0%;
}

.pricetable6 { display:none; }

.pricetable_mobile { display: none; }


	
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}	




/* --- The core CSS styles for the navigation menu. --- */

newnav {
  display: none;
  margin: 0;
  padding: 0;
  background-color: #1779a7;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

newnav:after {
  content: "";
  display: table;
  clear: both;
}

newnav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

newnav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #1779a7;
}

newnav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

newnav ul li ul li:hover { background: #14668C; }

newnav a:hover { background-color: #14668C; }

newnav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

newnav ul li:hover > ul { display: inherit; }

newnav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

newnav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

/*-- li > a:after { content: ' +'; } --*/

.toggle, [id^=drop] {
 display: none;
}

li > a:only-child:after { content: ''; }


.half-green {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
	float:left;
	width: 30%;
	/*-- margin-left:10%; --*/
	margin-right: 3.6%;
}

.half-green th { background-color: #56a73e; }

.half-green tr:nth-child(odd) {
  background-color: #f3f8fb;
}

.half-orange {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
	width: 30%;
	float:left;
}

.half-orange th { background-color: #f68b1f; }

.half-orange tr:nth-child(odd) {
  background-color: #f3f8fb;
}

.half-blue {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
	float:left;
	width: 30%;
	/*-- margin-left:10%; --*/
	margin-left: 3.6%;
}

.half-blue th { background-color: #1779a6; }

.half-blue tr:nth-child(odd) {
  background-color: #f3f8fb;
}

.h2-bowl { width:66%; }

.bowl-table-area {
	width:28%;
	float:right;
	padding-left:5%;
}

.bowl-table-top {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
	float:left;
	width: 100%;
	margin-bottom:28px;
	
}

.bowl-table-top th { background-color: #56a73e; }

.bowl-table-top tr:nth-child(odd) {
  background-color: #f3f8fb;
}

.bowl-table-bottom {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
	float:left;
	width: 100%;
	
}

.bowl-table-bottom th { background-color: #f68b1f; }

.bowl-table-bottom tr:nth-child(odd) {
  background-color: #f3f8fb;
}




/*-- responsive table --*/




.dcf-table {
    background-color: transparent;
    border-collapse:collapse;
	width: 30%;
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      
    }

    .dcf-table thead {
      
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      
    }

    .dcf-table tfoot {
      
    }

    .dcf-table td, .dcf-table th {
      font-weight:normal;
    }

.dcf-table tr:nth-child(odd) {
    background: #f3f8fb;
}

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      
    }

    .dcf-table-bordered thead th {
      
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }

    

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }
    



/* Float cancel and delete buttons and add an equal width */
.cancelbtn-confirm, .deletebtn-confirm {
  float: left;
  width: 10%;
	cursor: pointer;
	border: none;
	padding: 4px 14px;
	margin: 4px 0px;
	opacity: 0.9;
}

.cancelbtn-confirm:hover, .deletebtn-confirm:hover {
  opacity:1;
}

/* Add a color to the cancel button */
.cancelbtn-confirm {
  background-color: #f2f2f2;
  color: black;
	margin-left:45%;
}

/* Add a color to the delete button */
.deletebtn-confirm {
  background-color: #f2f2f2;
	margin-left:4%;
}

/* Add padding and center-align text to the container */
.container-confirm {
  padding: 0.1% 3% 1.1% 3%;
  text-align: center;
}

.container-confirm a { 
	font-weight: bold;
	color: #f2f2f2;
}

.container-confirm a:hover { 
	text-decoration: underline;
}

/* The Modal (background) */
.modal-confirm {
  /* display: none;  Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 8; /* Sit on top */
  left: 0;
  bottom: 0;
  width: 100%; /* Full width */
  /* height: 100%;  Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: none;
}

/* Modal Content/Box */
.modal-content-confirm {
	width: 100%;
	border-top: 2px solid white;
}

/* Style the horizontal ruler */
hr-confirm {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
/* The Modal Close Button (x) */
.close-confirm {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close-confirm:hover,
.close-confirm:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfix-confirm::after {
  content: "";
  clear: both;
  display: table;
}


@media only screen and (max-width: 760px){
.cancelbtn-confirm, .deletebtn-confirm { width: 90%; }
.cancelbtn-confirm { margin-left:5%; }
.deletebtn-confirm { margin-left:5%; }
}

@media only screen and (min-width: 761px) and (max-width: 1365px) {
.cancelbtn-confirm, .deletebtn-confirm { width: 30%; }
.cancelbtn-confirm { margin-left:35%; }
.deletebtn-confirm { margin-left:4%; }
}





.portal-bar {
  position: fixed;
	right: 0;
	z-index: 50;
	top:28%;
}

.portal-bar a {
  display: block;
  text-align: center;
  padding: 9px 7px 8px 7px; 
  transition: all 0.3s ease;
}

.portal-bar a:hover {
  background-color: #78b965;
}

.portal-button {
  background: #56a73e;
	/*-- border-bottom: 1px solid #fff; --*/
	margin-bottom: -1px;
}

.portal-divider {
  background: #56a73e;
	padding:0px;
}

.portal-button-top {
  border-radius: 20px 20px 0px 0px;
	background: #56a73e;
	/*-- border-bottom: 1px solid #fff; --*/
	margin-bottom: -1px;
}

.portal-button-bottom {
  border-radius: 0px 0px 20px 20px;
	background: #56a73e;
}


.online-portal { display:none; }





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 760px)  {
	
	.nav_menu, .contact_links, .search_container, .subnav, .portal-bar {
	
	display:none !important;
	
	}	

	h1 {font-size:28px;}
	h2 {
    	font-size: 24px;
    	line-height: 28px;
	}
	h3 { font-size: 20px; }
	
	h4 {
		line-height: 22px;
		font-size: 18px;
}

	.logo {
		display: none;
		width: 80%;
		max-width:350px;
		text-align:center;
		margin-left:10%;
		margin:0 auto;
		float:none;
	}

	.contact_links { float: left; }

	.online-portal { display: inherit; }

	.header_text {

		width: 62.25%;

	}
	
.home_text {
    font-size: 18px;
    line-height: 34px;

}

	.socialmedia {

		width: 100%;
		float:left;
		text-align:center;
	}

	.socialmedia img { 
		width: 15%;
		margin-top: -4px;
	}	

	.sb_google img {
		width: 48%;
	}
	
	.sb_pos img{
		width: 33%;
	}
	
	.contact_links a {
		font-size: 1.5vw;
	}	
	
	.np_image {
		width: 50%;
	}
	
	.np_text {
		/*-- font-size: 14px;
		line-height: 18px; --*/
		font-size: 4vw;
		line-height: 5vw;
		width: 50%;
}	
	
	
	.inner_news {
    padding: 0px 0px 20px 0px;
}
	
	.footer_container {
	padding-bottom: 130px;
		font-size: 4.5vw;
		line-height: auto;
	}
	
	.footer_container ul{

   font-size: 4.5vw;
   line-height: auto;
		
	}	
	
	.footer_nav {
		line-height: auto;
	}

	.top_right {
		width: 100%;
		margin-top:0px;
	}	
	
	
	.newstile1, .newstile2, .newstile3, .newstile4 {
	width: 96%;
	margin-left:2%;
		
	}
	

	
.news_container, .social_container {
    width: 94%;
    margin-left: 3%;
	float:none;
}
	
	
	
.footer_col1, .footer_col2, .footer_col3 {
    margin-left: 5%;
	width:90%;
	text-align:center;
}	
	
	.footer_col2, .footer_col3 { margin-top:0px; }	
	
	
	
.footer_col1 img {
   max-width:250px
}	
	
	
.pricetable { 
	display: none;
	width: 100%;
	margin-left: 0%;
}
	
	.pricetable h2 { margin-bottom: 4% }

.pricetable1 {
	width: 47.4%;
    margin-left: 0%;
    margin-bottom: -10%;
}
	
.pricetable2 {
	width: 48%;
    margin-left: 4%;
    margin-bottom: -10%;
    margin-top: -0.8%;
}
	
.pricetable3 {
	width: 47.4%;
    margin-left: 0%;
    margin-bottom: 1%;
}

.pricetable4 {
	width: 48%;
    margin-left: 4%;
	margin-top: -0.8%;
	margin-bottom: 1%;
}

	.pricetable5 { display:none}
	
	.pricetable_mobile { display: block; }
	
	
	
	

.topnav {
  overflow: hidden;
  background-color: #1979A9;
  position: relative;
  display:block;
  float:left;
  width:100%;
  height:auto;
  min-height:20px;

}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  min-height:20px;
}

.topnav a.icon {
  /*-- background: #000; --*/
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
	
	
	
newnav { display: block; margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #1779a7;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #14668C; }

[id^=drop]:checked + ul { display: block; }

newnav ul li {
  display: block;
  width: 100%;
}

newnav ul ul .toggle,
 newnav ul ul a { padding: 0 40px; }

newnav ul ul ul a { padding: 0 80px; }

newnav a:hover,
 newnav ul ul ul a { background-color: #14668C; }

newnav ul li ul li .toggle,
 newnav ul ul a { background-color: #14668C; }

newnav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

newnav ul ul li:hover > ul,
newnav ul li:hover > ul { display: none; }

newnav ul ul li {
  display: block;
  width: 100%;
}

newnav ul ul ul li { position: static;

}
	
	
	
	
	.subnav img { display: none; }
	
	
	
	
	
.half-green {
	width: 100%;
	margin-left:0%;
	margin-right: 0%;
	margin-bottom:8%;
}

.half-orange {
	width: 100%;
	margin-left:0%;
	margin-right: 0%;
	margin-bottom:8%;
}
	
.half-blue {
	width: 100%;
	margin-left:0%;
	margin-right: 0%;
	margin-bottom:8%;
}
	

	.h2_image {
		float: none;
		margin-right: 28px;
}
	
.h2_image img {
	height: auto;
    width: 110%;
}
	

	
	
.h2-bowl { width:100%; }

.bowl-table-area {
	width:100%;
	padding-left:0%;
	margin-bottom: 40px;
}

	
	
	
	
	
	
	
.dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        /*-- grid-template-columns: 1fr 2fr; --*/
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        padding-right: 1.78em
      }	

.dcf-table { width: 100%; }
	
	.cta {
		font-size: 14px;
		line-height: 20px;
	}
	



}	


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 761px) and (max-width: 1365px)  {


	.top_page { 
		margin-left:2%;
		width: 96%;
	}

	.logo {

		width: 34%;
		max-width:248px;

	}

	.contact_links {
		float: right;

	}

	.socialmedia {

		width: 100%;
		float:right;
	}

	.socialmedia img {
		width: 15%;
	}	

	.sb_google img {
		width: 48%;
	}	
	
	.sb_pos img{
		width: 28%;
	}
	
	.contact_links a {
		font-size: 16px;
	}
	
	.nav_button {
    	width: 11.9%;
    	padding-right: 1.1%;
    	padding-left: 1.1%;
	}
	
	.nav_menu {
    margin-left: 1.5%;
}
	/*-- PREVIOUS
	.subnav img {
	    margin-right: 1.8%;
  		max-width: 22.7%;
} --*/
	
	.subnav_img {
    	width: 13.5%;
    	margin-right: 3%;
}

	.subnav_txt_red a, .subnav_txt_org a, .subnav_txt_yel a, .subnav_txt_grn a, .subnav_txt_blu a, .subnav_txt_nav a, .subnav_txt_prp a, .subnav_txt_vio a {
    	font-size: 1.5vw;
}
	
	.np_text { 
		font-size: 1.4vw;
		line-height: 1.8vw;
	}	
	
	
	.social_container {
		margin-right:3%;
	}
	
	
	.inner_news {
    max-width: 400px;
    padding: 0px 0px 12px 40px;
}
	
	
	.footer_container, .footer_container ul{

   font-size: 1.2vw;
   line-height:auto;
		
	}	

	.top_right {
		width: 66%;
		margin-top: 18px;
	}	
	
.footer_col1 {
    margin-left: 5%;

}	
	
.footer_col2, .footer_col3 {

    width: 17.25%;
}
	
	
	
.pricetable {
    width: 92%;
    margin-left: 4%;
}
	
	
	
.half-green {
	width: 48%;
	margin-left:0%;
	margin-right: 4%;
	margin-bottom: 4%;
}


.half-orange {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
	width: 48%;
	margin-bottom: 4%;
}
	
.half-blue {
	width: 48%;
	margin-left:0%;
	margin-right: 0%;
	margin-bottom: 4%;
}
	
	
.h2-bowl { width:54%; }

.bowl-table-area {
	width:42%;
	padding-left:0%;
}
	
	
	.dcf-table { width: 100%; }
	
	

	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
	
	
	
	.top_right { width:42%; }

	.sb_google img {
		width: 48%;
	}
	
	.sb_pos img {
		width: 23%;
    	max-width: 120px;
	}
	
	/*-- PREVIOUS
	
	.subnav img {
	    margin-right: 1.9%;
  		max-width: 22.7%;
}
	
	--*/

.subnav_img {
    width: 12%;
    margin-right: 3%;
}

.subnav_txt_red a, .subnav_txt_org a, .subnav_txt_yel a, .subnav_txt_grn a, .subnav_txt_blu a, .subnav_txt_nav a, .subnav_txt_prp a, .subnav_txt_vio a {
    font-size: 1.4vw;
}
	
	.social_container {
		margin-right:3%;
	}
	
	.np_text {
	    font-size: 20px;
    	line-height: 28px;
}	
	
	.footer_container, .footer_container ul{
   		font-size: 1vw;	
	}		
	
	.half-green { margin-right: 2.6%; }
	.half-blue { margin-left: 2.6%; }
	
.dcf-table { width: 32%; }
	
.h2-bowl { width:64%; }

.bowl-table-area {
	width:32%;
	padding-left:0%;
}
	
}



.stickybar {
	display: none;
	background-color: #56a73e;
    position: fixed;
    bottom: 0px;
    height: 100px;
    z-index: 7;
	width: 100%
}

.stickybar1 {
	width: 28%;
    float: left;
    margin-left: 6%;
    margin-right: 3%;
} 

.stickybar2 {
	width: 28%;
    float: left;
    margin-right: 3%;
}

.stickybar3 { 
	width: 28%;
	float: left;
}

@media only screen and (max-width: 760px) { .stickybar { display: block; } }