@font-face {
  font-family: 'Lobster13';
    src:  url('fonts/Lobster13.ttf.woff') format('woff'),
    url('fonts/Lobster13.ttf.svg#Lobster13') format('svg'),
    url('fonts/Lobster13.ttf.eot'),
    url('fonts/Lobster13.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Oswald-Light';
    src:  url('fonts/Oswald-Light.ttf.woff') format('woff'),
    url('fonts/Oswald-Light.ttf.svg#Oswald-Light') format('svg'),
    url('fonts/Oswald-Light.ttf.eot'),
    url('fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------------------------------------------------- 
Normalize (minified normalize.css)
-------------------------------------------------------------------------------------------------------*/

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0;width: 100%;}
td,th{padding:10px}

/*------------------------------------------------------------------------------------------------------- 
Always visible scrollbar and reset for Body element 
-------------------------------------------------------------------------------------------------------*/

html { 
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/**
* Defalt A
*/

a, a:active {    
    text-decoration: none;
    font-family: 'Oswald-Light';
    color: #6b6b6b;
    font-size: 1.2em;    
}

a:hover {    
    text-decoration: none;
    color: #a9a9a9;
}


/*------------------------------------------------------------------------------------------------------- 
Main layout and misc. elements
-------------------------------------------------------------------------------------------------------*/

body {                                           
    background: #ffffff;                  
    font-size: 100%;
    line-height: 1;    
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color: #000000;    
}

h1,h2,h3,h4,h5,h6 {     
    color: #4d749b; 
    margin: 0;
    padding: 0;
    font-family: 'Lobster13';
    color: #888888;    
    text-shadow: #DFDFDF 3px 3px 0px;    
    font-size: 2em;
}      

h2 {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 2em;
}

h3,h4 {
    margin-bottom: 40px;
}    

h2.on-white-bg {
    font-family: 'Lobster13';   
    font-size: 3.25em;    
    text-align: center;
    color: #888888;    
    text-shadow: #DFDFDF 3px 3px 0px;
}

h2.on-green-bg {
    font-family: 'Lobster13';   
    font-size: 3.25em;    
    text-align: center;
    color: #ffffff;    
    text-shadow: #6FB0A7 3px 3px 0px;
}

p { 
    margin: 3px 0 10px 0;
    padding: 0;
    line-height: 1.4;        
    font-family: 'Oswald-Light';
    color: #a9a9a9;
    font-size: 1.2em;
}

p:last-of-type { 
    margin-bottom: 0;
}

.hidden {
    display:none;
}

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

.text-center {
    text-align: center;
}

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

.text-justify {
    text-align: justify;
}


/*------------------------------------------------------------------------------------------------------- 
Backgrounds
-------------------------------------------------------------------------------------------------------*/

div.bg-bricks {
    background-image:url('/public/images/design/bg-bricks.png');
    background-repeat: repeat;   
}

div.bg-bricks-waves {
    background-image:url('/public/images/design/bg-bricks-waves.png');    
    background-size: 50px 20px;
    background-repeat: repeat-x;
    height: 20px;          
}

div.bg-white {
    background-image:url('/public/images/design/bg-white.png');
    background-repeat: repeat;       
}     

div.bg-white-waves {
    background-image:url('/public/images/design/bg-white-waves.png');    
    background-size: 50px 20px;
    background-repeat: repeat-x;
    height: 20px;          
}

div.bg-cream {
    background-image:url('/public/images/design/bg-cream.png');
    background-repeat: repeat;       
}

div.bg-cream-waves {
    background-image:url('/public/images/design/bg-cream-waves.png');    
    background-size: 50px 20px;
    background-repeat: repeat-x;
    height: 20px;          
}

div.bg-green {
    background-image:url('/public/images/design/bg-green.png');
    background-repeat: repeat;       
}    

div.bg-blue-light {
    background-image:url('/public/images/design/bg-blue.png');
    background-repeat: repeat;       
    filter: brightness(90%);      
}  

div.bg-blue-dark {
    background-image:url('/public/images/design/bg-blue.png');
    background-repeat: repeat;    
}  

/*------------------------------------------------------------------------------------------------------- 
All section - home page
-------------------------------------------------------------------------------------------------------*/
img.scroll-to-top {
    cursor: pointer;
}

/*------------------------------------------------------------------------------------------------------- 
Milkman message - all pages
-------------------------------------------------------------------------------------------------------*/
div.milkman-message {
    position: absolute; 
    top: 30px; 
    right: 10px;
    z-index: 99999;
    padding: 0;    
    opacity:0.9;
    width: 150px;
    height: 150px;
    text-align: center;
    cursor: pointer;       
    transition: transform .4s ease-in-out;      
}

div.milkman-message img {
    width: 100px;
    height: auto;
}

div.milkman-message:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

div.milkman-message-mob {
    height: 50px;
    padding-top: 15px;
    background-color: #e8f1c4;
    font-family: 'Lobster13';
    font-size: 1.1em;
    line-height: 1;
    color: #616161;
    text-align: center;
    border-bottom: 1px solid #abab51;        
    display: none;
}

div.milkman-message-mob a {
    font-family: 'Lobster13';
    font-size: 1.1em;
    line-height: 1;
    color: #616161;    
    font-style: italic;
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 670px) { 
    
    div.milkman-message {
        display: none;
    } 
    
    div.milkman-message-mob {
        display: block;
    }
}

/*------------------------------------------------------------------------------------------------------- 
Paybill - all pages
-------------------------------------------------------------------------------------------------------*/
div.paybill-icon {
    position: absolute; 
    top: 30px; 
    left: 10px;
    z-index: 99999;
    padding: 0;    
    opacity:0.9;
    width: 150px;
    height: 150px;
    text-align: center;
    cursor: pointer;       
    transition: transform .4s ease-in-out;      
}

div.paybill-icon img {
    width: 100px;
    height: auto;
}

div.paybill-icon:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

div.paybill-icon-mob {
    height: 50px;
    padding-top: 15px;
    background-color: #e8f1c4;
    font-family: 'Lobster13';
    font-size: 1.1em;
    line-height: 1;
    color: #616161;
    text-align: center;
    border-bottom: 1px solid #abab51;        
    display: none;
}

div.paybill-icon-mob a {
    font-family: 'Lobster13';
    font-size: 1.1em;
    line-height: 1;
    color: #616161;    
    font-style: italic;
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 670px) { 
    
    div.paybill-icon {
        display: none;
    } 
    
    div.paybill-icon-mob {
        display: block;
    }
}

/*------------------------------------------------------------------------------------------------------- 
Scroll down - home page
-------------------------------------------------------------------------------------------------------*/
div.scroll-down {
    position: fixed; 
    bottom: 30px; 
    right: 30px;
    z-index: 99999;
    padding: 10px;    
    border: 2px solid #abab51;
    background-color: #ffffcc;
    color: #616161;
    opacity:0.7;
    width: 120px;
    text-align: center;
    font-family: 'Oswald-Light';
    font-size: 1.1em;
    line-height: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;   
    display: none;
    font-weight: bold;
    -webkit-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
    box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);         
    transition: transform .4s ease-in-out;  
}

div.scroll-down:hover {
  -webkit-transform: rotate(720deg);
  transform: rotate(720deg);
}

/*------------------------------------------------------------------------------------------------------- 
Coverage - home page
-------------------------------------------------------------------------------------------------------*/

div.coverage-box-home {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;    
    width: 250px;
    height: auto;
    left: 15px;
    top: 15px;
    z-index: 10000;    
}

div.coverage-box-home > h2 {
    margin: 0;
    padding: 0 0 20px 0;
    font-family: 'Lobster13';
    color: #7D7D7D;
    font-size: 1.7em;
}

div.coverage-box-home > p {
    margin: 0;
    padding: 0;
    font-family: 'Oswald-Light';
    color: #a9a9a9;
    font-size: 1.2em;
    margin-bottom: 10px;
}

div.coverage-box-home > p.result {
    margin: 0;
    padding: 0;
    font-family: 'Oswald-Light';
    color: #636363;
    font-size: 1.1em;
    margin-bottom: 0px;
    margin-top: 20px;
    display: none;
}

div.coverage-box-home > p.result > a {
    font-family: 'Oswald-Light';
    color: #333333;
    font-size: 1em;
    text-decoration: none;
}

div.coverage-box-home > p > input[type="text"]{
    padding: 3px;
    border: 1px solid #AAAAAA;
    color: #888888;
    font-weight: 400;
    font-family: 'Oswald-Light';
}

div.coverage-box-home > p > input[type="button"]{
    padding: 3px 10px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
}

/*------------------------------------------------------------------------------------------------------- 
Home page bullet lists
-------------------------------------------------------------------------------------------------------*/
ul.home-links { 
    list-style-image: url("/public/images/design/blue_arrow_right.png"); 
    color:#eee; 
    font-size:18px; 
    padding-top: 30px;    
}

ul.home-links li { 
    line-height:30px; 
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;    
}

/*------------------------------------------------------------------------------------------------------- 
Testimonials - home page
-------------------------------------------------------------------------------------------------------*/

p.tesimonials-header-home {
    font-family: 'Lobster13';
    font-size: 1.5em;
    padding-bottom: 20px;
    color: #ffffff;
}

p.tesimonials-content-home {
    font-family: 'Oswald-Light';
    font-size: 1.3em;
    line-height: 1.4;
    color: #ffffff;
}

/*------------------------------------------------------------------------------------------------------- 
Testimonials - testimonials page
-------------------------------------------------------------------------------------------------------*/

p.testimonals-header-testimonals-page {
    font-family: 'Lobster13';
    font-size: 1.5em;
    padding-bottom: 20px;
    margin: 0 20px;    
}

p.testimonals-content-testimonals-page {
    font-family: 'Oswald-Light';
    font-size: 1.3em;
    padding-bottom: 20px;
    margin: 0 20px;    
}

/*------------------------------------------------------------------------------------------------------- 
Services - home page
-------------------------------------------------------------------------------------------------------*/

p.services-image-home img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .4s ease-in-out;    
}

p.services-image-home img:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
   
p.services-header-home {
    font-family: 'Lobster13';
    font-size: 1.4em;    
    color: #7D7D7D;
    text-align: left;
    margin: 10px 0;
}

p.services-content-home {
    font-family: 'Oswald-Light';
    font-size: 1.2em;
    line-height: 1.2;
    color: #A9A9A9;
    text-align: justify;
}

/*------------------------------------------------------------------------------------------------------- 
Services - service page
-------------------------------------------------------------------------------------------------------*/

p.services-image-services-page img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .4s ease-in-out;    
}

p.services-image-services-page img:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
   
p.services-header-services-page {
    font-family: 'Lobster13';
    font-size: 1.4em;    
    color: #7D7D7D;
    text-align: left;
    margin: 10px 0;        
}

p.services-content-services-page {
    font-family: 'Oswald-Light';
    font-size: 1.2em;
    line-height: 1.2;
    color: #A9A9A9;
    text-align: justify;
}

/*------------------------------------------------------------------------------------------------------- 
Products groups - home page
-------------------------------------------------------------------------------------------------------*/

div.product-groups-home  {    
    transition: all .3s ease-in-out;
    margin-top: 120px;
    margin-left: 10px;
    margin-right: 10px;
}

div.product-groups-home:hover { 
    transform: scale(1.1); 
}

div.product-group-image-home {
    position: absolute;
    margin-top:-90px;            
    height: 180px;    
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;                               
}

div.product-group-image-home img {    
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;    
}

div.product-group-image-home img:hover { 
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); 
}

div.product-group-top-home {
    height: 4px;
    background-color: white;
}

div.product-group-image-spacer-home {
    border-left: 5px solid white;
    border-right: 5px solid white;        
    height: 110px;
    background-image:url('/public/images/design/triangle_bg.png');
    background-repeat: repeat;        
}

div.product-group-title-home {
    background-image:url('/public/images/design/ribbon_green_yellow.jpg');
    background-repeat: repeat-x;
    height: 50px;
    line-height: 1.3;
    font-family: 'Lobster13';
    font-size: 2.1em;    
    color: #FFFFFF;
    text-shadow:rgba(111, 176, 167, 0.9) 3px 3px 0px;
    text-align: center;
}

div.product-group-content-home {
    border-left: 5px solid white;
    border-right: 5px solid white;        
    height: auto;
    padding: 20px 10px;    
    background-image:url('/public/images/design/triangle_bg.png');
    background-repeat: repeat;
    text-align: center;    
    font-family: 'Oswald-Light';
    font-size: 1.2em;
    line-height: 1.2;
    color: #A9A9A9;
    text-align: center       
}

div.product-group-bottom-home {
    background-image:url('/public/images/design/triangle.png');
    background-repeat: no-repeat;        
    background-size: 100% 50px;        
    height: 50px;
    width: 100%;    
}            

a.product-group-home {
    display: inline-block;
    background-color: black;
    color: #ffffff;
    font-family: 'Lobster13';
    padding: 7px;
    font-size: 1em;
    text-decoration: none;
    border-bottom: 4px solid gray;
    
}

a.product-group-home:hover { 
  opacity: 0.7; 
}

/*------------------------------------------------------------------------------------------------------- 
Products groups - product page
-------------------------------------------------------------------------------------------------------*/

div.product-group-image-product-page {
    margin-bottom: 30px;  
}

div.product-group-image-product-page img {    
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;    
}

div.product-group-image-product-page img:hover { 
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); 
}

div.product-group-title-product-page {
    font-family: 'Lobster13';
    font-size: 1.8em;    
    text-align: center;
    margin-bottom: 30px;
    color: #888888;    
    text-shadow: #DFDFDF 3px 3px 0px;
}

a.product-group-product-page {
    display: inline-block;
    background-color: black;
    color: #ffffff;
    font-family: 'Lobster13';
    padding: 7px;
    font-size: 1em;
    text-decoration: none;
    border-bottom: 4px solid gray;
    margin-bottom: 60px;
}

a.product-group-product-page:hover { 
  opacity: 0.7; 
}

/*------------------------------------------------------------------------------------------------------- 
Products - product by group 
-------------------------------------------------------------------------------------------------------*/

div.product-image-product-by-group-page {
    margin-bottom: 30px;  
}

div.product-image-product-by-group-page img {    
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: all .2s ease-in-out;     
    -webkit-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
    box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);     
}

div.product-image-product-by-group-page img:hover { 
    transform: scale(1.2); 
}

div.product-title-product-by-group-page {
    font-family: 'Lobster13';
    font-size: 1.8em;    
    text-align: center;
    margin-bottom: 30px;
    color: #888888;    
    text-shadow: #DFDFDF 3px 3px 0px;
    height: 50px;
}

div.product-details-product-by-group-page {
    margin-bottom: 30px;
}

div.our-products-product-by-group-page {
    width: 100%;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #F5F5F5;
    margin-bottom: 30px;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
        
/*------------------------------------------------------------------------------------------------------- 
Products - product details
-------------------------------------------------------------------------------------------------------*/

div.product-image-view-product-page img {    
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: all .2s ease-in-out;     
    -webkit-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);
    box-shadow: 5px 5px 3px 0px rgba(102,102,102,1);     
}

div.product-image-view-product-page img:hover { 
    transform: scale(1.2); 
}

div.product-details-view-product-page {
    line-height: 1.4;        
    font-family: 'Oswald-Light';
    color: #a9a9a9;
    font-size: 1.2em;
    margin-top: 40px;
    margin-bottom: 50px;
}     

/*------------------------------------------------------------------------------------------------------- 
Contact page
-------------------------------------------------------------------------------------------------------*/

label.contact {
    font-family: 'Oswald-Light';
    font-size: 0.9em;    
    padding-bottom: 10px;
    color: #888888;   
    font-weight: 700; 
}                

div.coverage-box-home > p.result > a {
    font-family: 'Oswald-Light';
    color: #333333;
    font-size: 1em;
    text-decoration: none;
}

input.contact[type="text"],
textarea.contact {
    padding: 3px;
    border: 1px solid #AAAAAA;
    color: #888888;
    font-weight: 400;
    font-family: 'Oswald-Light';
    width: 90%;
    font-size: 0.8em;
}

input.contact[type="button"] {
    padding: 3px 10px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
}

input.contact[type="button"]:hover {
    background-color: #cfcfcf;
}

span.contact_error {
    font-size: 0.9em;
    line-height: 1;
    color: #d66161;
    display: none;
}

/*------------------------------------------------------------------------------------------------------- 
Order page
-------------------------------------------------------------------------------------------------------*/

span.required {
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    padding-left: 3px;
    color: #ab2920;
}

.dark-font {
    color: #414041;
}

h4.order {
    font-family: 'Lobster13';
    font-size: 1.4em;    
    color: #7D7D7D;
    text-align: center;
    margin: 10px 0;        
}

label.order {
    font-family: 'Oswald-Light';
    font-size: 1em;    
    padding-top: 8px;
    color: #888888;   
    font-weight: 700; 
    display: inline-block;         
}       

input.spinner[type="button"] {
    padding: 1px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 700;
    font-family: verdana;
    font-size: 17px;
    line-height: 1px;
    height: 16px;    
    width: 20px;
}
      
div.day-input-holder {
    float:left;
    width: 70%;   
    max-width: 80px; 
}

div.day-spinner-holder {
    float:left; 
    width: 30%; 
    line-height: 17px; 
    padding: 0; 
    margin: 0;    
}
      
button.order,
input.order[type="button"] {
    padding: 3px 10px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
}

input.order[type="button"]:hover {
    background-color: #cfcfcf;
}

input.order[type="text"],
select.order,
textarea.order {
    padding: 3px;
    border: 1px solid #AAAAAA;
    color: #888888;
    font-weight: 400;
    font-family: 'Oswald-Light';
    width: 90%;
    font-size: 1em;    
    height: 34px;
    background-color: #ffffff;
}

select.order {    
    color: #444; 
    font-size: 1.1em
}

select.order > option {
    margin: 3px 0;
}

input.order_medium[type="button"] {
    padding: 10px 8px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
    font-size: 1.3em;
}

input.order_medium[type="button"]:hover {
    background-color: #cfcfcf;
}

input.order_big[type="button"] {
    padding: 10px 10px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
    font-size: 1.5em;
}

input.order_big[type="button"]:hover {
    background-color: #cfcfcf;
}

input.order_big_green[type="button"] {
    padding: 10px 10px;
    border: 1px solid #616161;
    background-color: #9ce389;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
    font-size: 1.5em;
}

input.order_big_green[type="button"]:hover {
    background-color: #a0d791;
}

button.order_red,
input.order_red[type="button"] {
    padding: 3px 10px;
    border: 1px solid #6b1701;
    background-color: #fb572b;
    color: #6b1701;
    font-weight: 400;
    font-family: 'Oswald-Light';
}

input.order[type="button"]:hover {
    background-color: #cfcfcf;
}

div.modal {
    min-width: 200px;
    width: 33%;
    max-width: 90%;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);    
    display: none;
}

button.modal-close, button.modal-button {
    padding: 3px 10px;
    border: 1px solid #616161;
    background-color: #F0F0F0;
    color: #616161;
    font-weight: 400;
    font-family: 'Oswald-Light';
}

button.modal-close:hover, button.modal-button:hover {
    background-color: #cfcfcf;
}

p.error {
    font-size: 1em;
    line-height: 1;
    color: #d66161;
    display: none;
}

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

div.header {    
    color: #ffffff;      
    min-height: 220px;
    height: auto;       
}

div.cow img {    
    transition: all .2s ease-in-out;
    width: 60%;
    height: auto;
}

div.cow img:hover { 
    transform: scale(1.1); 
}

div.header-links {
    padding-top: 70px;
}

a.header {
    color: #ffffff;
    line-height: 2em;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #ffffff;
    border-bottom: 1px dashed #ffffff;
    margin-left: 5px;
    margin-right: 5px; 
    font-family: 'Lobster13';   
    font-size: 1.4em;
    text-decoration: none;
    display: inline-block;
    transition: color 0.5s ease;
}

a.header:hover {
  color: #248aa6;
}   

a.header-mobile {    
    padding-top: 10px;
    padding-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px; 
    font-family: 'Lobster13';   
    text-decoration: none;
    display: inline-block;
    transition: color 0.5s ease;        
    color: #248aa6;    
    text-shadow: #DFDFDF 3px 3px 0px;    
    font-size: 3em;        
}

a.header-mobile:hover {
  color: #2daed1;
}  

div.mobile-header {
    display: none;
}  

div.milkman-message {
    
}

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

div.footer {    
    color: #92bab4;          
    background-color: #ffffff;
}

div.footer p.copyright {
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: 'Oswald-Light';
    color: #92BAB4;
    font-size: 1.3em;
    font-weight: 400;
}

/*------------------------------------------------------------------------------------------------------- 
Misc.
-------------------------------------------------------------------------------------------------------*/

.delimiter_100 {
    height: 100px;
}


.delimiter_50_top {
    padding-top: 50px !important;
}

/*------------------------------------------------------------------------------------------------------- 
Containter Bases (container,cols and grid (rows) defaults)
-------------------------------------------------------------------------------------------------------*/

.container {                                         
    margin: 0px auto;
    position: relative;   
}

.container-fluid {
    width: 100% !important;
}       

.row-1140px {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.row-50-percent {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.row {                                      
    width: 100%;    
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
}

.row:last-of-type {
    margin-bottom: 0;
}

.row:before, 
.row:after {
    content: "";
    display: table;
    clear: both;
} 

[class*='col-'] {                                    
    float: left;
    min-height: 1px;    
    width: 100%;
    padding: 0 10px 10px 10px;
}       

.without-padding {
    padding: 0;
    margin: 0;
}

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.3%;
}

.col-2-3 {
    width: 66.6%;
}

.col-1-4 {
    width: 25%;
}

.col-2-4 {
    width: 50%;
}

.col-3-4 {
    width: 75%;
}

.col-1-5 {
    width: 20%;
}

.col-2-5 {
    width: 40%;
}

.col-3-5 {
    width: 60%;
}

.col-4-5 {
    width: 80%;
}

.col-1-1,
.col-2-2,
.col-3-3,
.col-4-4,
.col-5-5 {
    width: 100%;
}

.col-1 {
    width:8.33333333333%;
}

.col-2 {
    width:16.6666666667%;
}

.col-3 {
    width:25.0%;
}

.col-4 {
    width:33.3333333333%;
}

.col-5 {
    width:41.6666666667%;
}

.col-6 {
    width:50.0%;
}

.col-7 {
    width:58.3333333333%;
}

.col-8 {
    width:66.6666666667%;
}

.col-9 {
    width:75.0%;
}

.col-10 {
    width:83.3333333333%;
}

.col-11 {
    width:91.6666666667%;
}

.col-12 {
    margin-left:0;
    width:100%;
}

.col-gold-content {
    width: 62.11%;     
}

.col-gold-sidebar{
    width: 37.89%;     
}

/*------------------------------------------------------------------------------------------------------- 
Media queries (desktop first for grids)
-------------------------------------------------------------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1280px) {
             
    .container {
        width: 1140px;
    }    
    
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    
    .container {
        width: 1140px;
        margin: 0;   
    }       
    
    .row-1140px {
        width: 100%;
    }
    
    div.cow {
        display: none;
    }      
    
    div.mobile-header {
        display: block;
    }      
    
    div.header {
        min-height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }    
    
    a.header {
        border: none;
        padding: 0;        
        line-height: 1.5;   
    }   
    
    div.header-links {
        padding-top: 10px;   
        padding-bottom: 10px;  
    }    
    
    div.header [class*='col-'] {                                
        float: none;
        clear: both;
        display: block;
        width: 100%;
        padding: 0 10px 5px 10px; 
    }     
    
    .delimiter_50_top {
        padding-top: 10px !important;
    }    
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .container {
        width: 960px;
        margin: 0;   
    }       
    
    .row-1140px {
        width: 100%;
    }
    
    div.cow {
        display: none;
    }      
    
    div.mobile-header {
        display: block;
    }      
    
    div.header {
        min-height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }    
    
    a.header {
        border: none;
        padding: 0;        
        line-height: 1.5;   
    }   
    
    div.header-links {
        padding-top: 10px;   
        padding-bottom: 10px;  
    }    
    
    div.header [class*='col-'] {                                
        float: none;
        clear: both;
        display: block;
        width: 100%;
        padding: 0 10px 5px 10px; 
    }   
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .container {
        width: 100%;
        margin: 0;   
    }    
    
    [class*='col-'] {                                
        float: none;
        clear: both;
        display: block;
        width: 100%;
        padding: 0 10px 5px 10px; 
    }
    
    .text-right {
        text-align: left;
    }      
    
    .row-1140px {
        width: 100%;
    }    
    
    .row-50-percent {
        width: 100%;
    }
    
    p.tesimonials-header-home, 
    p.tesimonials-content-home {
        text-align: center !important;
    }  
    
    div.cow {
        display: none;
    } 
    
    div.mobile-header {
        display: block;
    }     
    
    div.header {
        min-height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }    
    
    a.header {
        border: none;        
        line-height: 1.5;   
    }

    div#slider {
        display: none;
    } 
    
    div.tesimonials-quote-home {
        display: none;
    }  
    
    div.header-links {
        padding-top: 0;     
    }  
    
    p.services-image-home,
    p.services-header-home,
    p.services-content-home {
        text-align: center !important;  
    }   
    
    div.delimiter_100 {
        height: 10px;
    }    
    
    p.services-image-services-page,
    p.services-header-services-page,
    p.services-content-services-page {
        text-align: center !important; 
    }        
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    .container {
        width: 100%;
        margin: 0;   
    }          
    
    [class*='col-'] {                                
        float: none;
        clear: both;
        display: block;
        width: 100%;
        padding: 0 10px 5px 10px; 
    }
    
    .text-right {
        text-align: left;
    }      
    
    .row-1140px {
        width: 100%;
    }    
    
    .row-50-percent {
        width: 100%;
    }
    
    p.tesimonials-header-home, 
    p.tesimonials-content-home {
        text-align: center !important;
    }  
    
    div.cow {
        display: none;
    }    
    
    div.mobile-header {
        display: block;
    }      
    
    div.header {
        height: auto;
    }    
    
    a.header {
        border: none;
        padding: 0;        
        line-height: 1.5;   
    }

    div#slider {
        display: none;
    } 
    
    div.tesimonials-quote-home {
        display: none;
    }  
    
    div.header-links {
        padding-top: 0;     
    }  
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
 
    .container {
        width: 100%;
        margin: 0;   
    }    
    
    [class*='col-'] {                                
        float: none;
        clear: both;
        display: block;
        width: 100%;
        padding: 0 10px 5px 10px; 
    }
    
    .text-right {
        text-align: left;
    }      
    
    .row-1140px {
        width: 100%;
    }    
    
    .row-50-percent {
        width: 100%;
    }
    
    p.tesimonials-header-home, 
    p.tesimonials-content-home {
        text-align: center !important;
    }  
    
    div.cow {
        display: none;
    }    
    
    div.mobile-header {
        display: block;
    }      
    
    div.header {
        height: auto;
    }    
    
    a.header {
        border: none;
        padding: 0;        
        line-height: 1.5;   
    }

    div#slider {
        display: none;
    } 
    
    div.tesimonials-quote-home {
        display: none;
    }  
    
    div.header-links {
        padding-top: 0;     
    }  
}