body{
   font-family: 'Roboto';
   font-weight: normal;
   font-size: 16px;
   width: 100%; height: 100%;
   background: #fff none repeat scroll 0% 0%;
   color: #676767;
}
a {
   font: inherit;
   color: inherit;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}
a:hover {
   text-decoration: none;
   color: #fd8126;
}

.header {}
.navbar-collapse{ padding: 0;}
nav.navbar{
   background: none;
   position: relative;
   margin-bottom: 0px;
   height: 160px;
   margin-top: 0px;
   border-radius: 0;
   border: 0;
   box-shadow: none;
   position: relative;
   background: url(../images/top_shadow.png)/*tpa=http://kroplowki.mgraphics.ovh/images/top_shadow.png*/ no-repeat center top;
}
nav.navbar::before{
   height: 30px;
   width: 100%;
   position: absolute;
   bottom: -30px;
   background: url(../images/m_shadow.png)/*tpa=http://kroplowki.mgraphics.ovh/images/m_shadow.png*/ no-repeat center;
   content: " ";
   z-index: 100;
}
nav .navbar-brand{ height: auto; width: auto; padding-top: 20px;}

nav .navbar-toggle{ border-color: #ccc; color: #ccc; background-color: #fff; margin: 28px 15px 0 0;}
nav .navbar-toggle .icon-bar { background-color: #888; }

nav .navbar-nav{ height: 70px; margin-top: 45px;}
nav .navbar-nav li { padding: 0; margin: 0 2px;}

nav .navbar-nav > li > a{
   font-size:  1.3em; 
   color: #1e2732 !important; 
   font-weight: 300;
   text-transform: uppercase;
   transition: 0.3s all ease-in-out;
   line-height: 67px;
   padding: 0 12px;
   text-shadow: none;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav a.current,
nav .navbar-nav li a.active, nav .navbar-nav li a:hover{color: #262626; text-shadow: none; }
nav .navbar-nav li a:hover, nav .navbar-nav li a.current{ 
   color: #fff !important;
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, #ec6737; /* Old browsers */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -moz-linear-gradient(top,  #ec6737 24%, #e95723 76%); /* FF3.6+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ec6737), color-stop(76%,#e95723)); /* Chrome,Safari4+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -webkit-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* Chrome10+,Safari5.1+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -o-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* Opera 11.10+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -ms-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* IE10+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, linear-gradient(to bottom,  #ec6737 24%,#e95723 76%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6737', endColorstr='#e95723',GradientType=0 ); /* IE6-9 */
   border-radius: 5px;
   position: relative;
}
nav .navbar-nav li a:hover:after, nav .navbar-nav li a.current:after,
nav .navbar-nav li a:hover:before, nav .navbar-nav li a.current:before{
   z-index: -1;
  position: absolute;
  content: " ";
  display: block;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 1px;
  top: 84%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 10px 3px #000;
  -moz-box-shadow: 0 10px 3px #000;
  box-shadow: 0 10px 3px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
nav .navbar-nav li a:hover:after, nav .navbar-nav li a.current:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
main{padding: 40px 0 20px 0;}

footer{
   padding-top: 25px;
   background-color: #1e2732;
}
footer .foot_menu{
   padding: 16px 15px;
   background-color: #eaeaea;
}
footer h4{
   color: #e8eef2;
   font-weight: bold;
   font-size: 24px;
   margin-bottom: 30px;
}
footer .foot_menu ul{ margin: 10px 0 0 10px; text-align: left;}
footer .foot_menu ul li{ margin: 0 0 5px 0;}
footer .foot_menu ul li a{
   font-size:  1.3em; 
   color: #1e2732 !important; 
   font-weight: 300;
   text-transform: uppercase;
   transition: 0.3s all ease-in-out;
   line-height: 67px;
   padding: 0 12px;
   text-shadow: none;
   display: block;
   border-radius: 5px;
}
footer .foot_menu ul li a:hover{ 
   color: #fff !important;
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, #ec6737; /* Old browsers */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -moz-linear-gradient(top,  #ec6737 24%, #e95723 76%); /* FF3.6+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ec6737), color-stop(76%,#e95723)); /* Chrome,Safari4+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -webkit-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* Chrome10+,Safari5.1+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -o-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* Opera 11.10+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, -ms-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* IE10+ */
   background: url(../images/btn_bg.png)/*tpa=http://kroplowki.mgraphics.ovh/images/btn_bg.png*/ no-repeat center top, linear-gradient(to bottom,  #ec6737 24%,#e95723 76%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6737', endColorstr='#e95723',GradientType=0 ); /* IE6-9 */
   position: relative;
}
footer .information{
   padding: 10px;
   color: #fff;
   font-size: 12px;
   line-height: 30px;
   font-weight: normal;
}

#breadcrumb{
   background-color: #fff;
}
#breadcrumb ul{
    padding: 10px 0px;
    border-radius: 0px;
    font-size: 14px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
}
#breadcrumb ul::after{
    display: table;
    content: " ";
    clear: both;
}
#breadcrumb ul li {
    padding: 0px 10px;
    position: relative;
    white-space: nowrap;
    float: left;
    height: 19px;
}

#breadcrumb ul li::after {
   content: " ";
   width: 3px;
   height: 6px;
   background: url(../images/breadcrumb_arrow.png)/*tpa=http://kroplowki.mgraphics.ovh/images/breadcrumb_arrow.png*/ no-repeat;
   display: block;
   position: absolute;
   right: 0;
   top: 8px;
}
#breadcrumb ul li a { color: #1e2732; font-style: italic; line-height: 20px; font-size: 14px; text-transform: lowercase; padding: 0 10px;}
#breadcrumb ul li a:hover { text-decoration: none;}
#breadcrumb ul li:first-child a{font-size: 18px; font-style: normal;}
#breadcrumb ul li:last-child::after{display: none;}


/* HELPERS */
.hiding { opacity: 0; }
.visible { opacity: 1; }
.vertical_text { position: relative; top: 50%;  transform: translateY(-50%);}
.green{ color: #148e00;}
.no-radius{border-radius: 0;}
.img-center{margin: 0 auto; text-align: center;}
.img-thumbnail.img-center{margin: 0 auto; text-align: center; display: block;}


@media (max-width: 992px) { 
   footer .foot_menu ul li a{margin: 0 2px;}
   nav.navbar{height: 107px;}
   .navbar-brand img { width: 300px !important;}
   nav .navbar-nav{ height: 50px; margin-top: 30px;}
   nav .navbar-nav > li > a{ font-size:  1em;  line-height: 47px;}
   nav .navbar-nav li a:hover:after, nav .navbar-nav li a.current:after,
   nav .navbar-nav li a:hover:before, nav .navbar-nav li a.current:before{ top: 75% }
}

@media (max-width: 767px) {
   body{font-size: 14px;}

   #bs-example-navbar-collapse-1{ width: 80%; margin: 0 auto;}
   #navbar{ width: 100%; margin: 0; padding: 0;}
   #navbar > ul{ width: 100%; margin: 0; padding: 0;}
   
   .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav a.current,
   nav .navbar-nav li a.active, nav .navbar-nav li a:hover{color: #262626; text-shadow: none; }
   nav .navbar-nav li a:hover, nav .navbar-nav li a.current{ 
      background: #ec6737; /* Old browsers */
      background: -moz-linear-gradient(top,  #ec6737 24%, #e95723 76%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#ec6737), color-stop(76%,#e95723)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ec6737 24%,#e95723 76%); /* IE10+ */
      background: linear-gradient(to bottom,  #ec6737 24%,#e95723 76%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6737', endColorstr='#e95723',GradientType=0 ); /* IE6-9 */
   }
   
   
   nav.navbar{ height: 80px; z-index: 101;}
   nav .navbar-nav li a{ font-size: 1em;}
   nav .navbar-brand{ padding: 4px 15px;}
   nav .navbar-toggle{ margin-top: 22px;}
   nav .navbar-nav{ background-color: RGBA(244,244,244,0.9); margin: 2px -15px; padding: 0 15px; height: auto; z-index: 10; margin-bottom: 0;}
   footer .foot_menu ul{text-align: center;}
   footer .foot_image img{margin: 0 auto;}
   
}

@media (max-width: 480px) {
   body{font-size: 12px;} 
   footer .foot_menu ul li{padding: 0;}
   .navbar-brand img { width: 250px !important; padding: 6px 0;}
   
}

@media (max-width: 400px) { 
   .navbar-brand img { width: 210px !important;}
   nav .navbar-brand{ padding: 9px 15px;}
}
@media (max-width: 319px) { 
   .navbar-brand img { width: 190px !important;}
   nav .navbar-brand{ padding: 11px 15px;}
}