body {text-rendering: optimizeLegibility; font-family: 'arial', sans-serif;-webkit-font-smoothing: antialiased !important;-webkit-font-smoothing: subpixel-antialiased;}

/*-------------------------------------------
 * TO TOP
 *-------------------------------------------*/
.cd-top {
    border-radius: 4px; z-index: 1 !important; display: inline-block; height: 40px; width: 40px;
    position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden; text-indent: 100%; white-space: nowrap;
    background: rgba(43, 167, 223, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible       {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out         {opacity: .5;}
.no-touch .cd-top:hover     {background-color: #2ba7df; opacity: 1;}
.cd-top:hover               {background-color: #2ba7df; opacity: 1 !important;}

/*-------------------------------------------
 * NAVBAR
 *-------------------------------------------*/
.navbar                                     {/*font-family: 'Roboto', sans-serif;*/}
.navbar-default                             {background-color: #fff;border-color: #fff;margin-bottom: 0px;}
.navbar-brand                               {margin-left: 0px; padding: 7px 0 0 20px;}
.navbar-brand img                           {width: 213px; padding-top: 2px;}

.navbar-toggle                              {margin: 22px 5px 22px 0;background-color: #2ba7df;border-radius: 4px;}
.navbar-default .navbar-toggle:focus        {background-color: #2ba7df;}
.navbar-default .navbar-toggle:hover        {background-color: #444;}
.navbar-default .navbar-toggle .icon-bar    {background-color: #fff;}
.navbar-default .navbar-toggle              {border-color: #fff !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff;}

.navbar-nav                                 {margin-top: 0;padding: 15px 0 0 0;}
.navbar-nav > p                             {line-height: 12px; text-align: right;}

/*-------------------------------------------
 * CAROUSEL
 *-------------------------------------------*/
.carousel-inner img     {padding-bottom: 20px;}
#slider h2              {color: #fff;font-weight: bold; padding-bottom: 5px;text-shadow: #000 1px 1px 2px;}
#slider p               {font-weight: normal !important;font-size: 18px;color: #fff; text-shadow: #000 1px 1px 2px;padding-bottom: 10px;}
.carousel-inner         {height: 482px;background-image: url(../img/carousel/carousel_bg.jpg);background-size: cover; background-position: center center;}
.carousel-inner .item   {height: 470px;}
.btn-primary            {background-color: #0e668f !important; background-image: none; border: none;}
.btn-primary:hover      {background-color: #075071 !important; background-image: none; border: none;}
.btn-primary:active     {background-color: #075071 !important; background-image: none; border: none;}
.btn-primary:visited    {background-color: #075071 !important; background-image: none; border: none;}
.btn-primary:focus      {background-color: #075071 !important; background-image: none; border: none;}

/*-------------------------------------------
 * LINES
 *-------------------------------------------*/
#hr-carousel-top        {border-top:    1px solid #303030;padding: 1px 0 0 0;}
#hr-carousel-bot        {border-bottom: 1px solid #303030;padding: 1px 0 0 0;}

/*-------------------------------------------
 * GENERAL
 *-------------------------------------------*/
.bold                    {font-weight: bold;}
.center                  {text-align: center;}
.table > thead > tr > th {color: #fff; font-weight: bold; text-shadow: none;}
.table > tbody > tr > td {padding-left: 15px;}
.right                   {text-align: right;}

/*BOTTLED WATER*/
#pricelist      {padding: 0 0 120px 0;}
#pricelist h3   {font-weight: bold;  margin-bottom: 20px;}
#pricelist p    {font-size: 14px;line-height: 27px;}
.table-pricelist                           {max-width: 600px; margin: 0 auto; }
.table-pricelist thead                     {background-color: #2ba7df; border: 1px solid #2ba7df;}
.table-pricelist tbody tr:nth-child(even)   {background-color: #f1f1f1;}
.table-pricelist > thead > tr > th         {border-bottom: 1px solid #2ba7df;}

/*-------------------------------------------
 * FOOTER & ALWAYS BOTTOM
 *-------------------------------------------*/
html, body      {height: 100%; background-color: #fff;font-weight: normal;font-family: 'Arial', sans-serif}
#wrap           {min-height: 100%;}
#main           {padding-bottom:40px;}
footer          {background: url(../img/elements/footer.jpg) repeat; padding: 27px 0 30px 0;position: relative;margin-top: -70px;height: 70px;clear:both; text-align: center;}
footer a        {color: #949494;font-weight: normal; font-size: 13px; text-align: center}
footer a:hover  {text-decoration: none; color: #aaa;}
footer a:active {text-decoration: none; color: #aaa;}
footer a:visited{text-decoration: none; color: #aaa;}
footer a:focus  {text-decoration: none; color: #aaa;}





/*-------------------------------------------
 * MEDIA
 *-------------------------------------------*/
@media only screen and (max-width : 1200px) {

}

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

}

@media (max-width: 767px) {
    .carousel-inner .item   {height: 460px;}
    .navbar-nav > p         {text-align: center;}
}

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

}

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

}

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

}