@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic);


body {
  font-family: 'Open Sans', sans-serif; !important;
  min-width: 320px;
  color: #333;
  background: #fff;
  font-size: 16px;
}

a {
  color: #003161;
}
a:hover {
  text-decoration: underline;
} 

/* HEADER *******************************************************************************/
header {
  background: #fff;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(70, 70, 70, 0.25);
  -moz-box-shadow:    0px 0px 5px 0px rgba(70, 70, 70, 0.25);
  box-shadow:         0px 0px 5px 0px rgba(70, 70, 70, 0.25);     
}
.header {
  padding-top:5px;
  padding-bottom: 5px;
}

.logo {
  padding-top: 5px;
  padding-bottom: 5px;
}
.logo img {
  max-height:50px;
}
.adresone, .adrestwo {
  font-style: normal;
  text-align: right;
  color: #333;
  padding-top:20px;
  line-height:24px;
}
.adresone strong, .adrestwo strong {
  font-size: 24px;
  font-weight: 600;
  color: #003161;
  font-family: 'Open Sans Condensed', sans-serif;
}
.adresone p, .adrestwo p {
  margin-bottom: 2px;
}

.languages {
  padding-top:14px;
  text-align: right;
}

.languages a {
  padding-left:5px;
  padding-right:5px;
}

@media screen and (max-width: 768px) {
  .adresone, .adrestwo {
    text-align: center !important;
  }
  .languages {
  	padding-top: 0;
    text-align: center !important;
  }
.languages a {
	padding:0;
} 
.languages span {
	display: block;
}  
  .languages br {
    display:none;
  }
  .logo {
    text-align: center;
  }
  .logo img {
    margin: 0;
    padding-left:50px;
  }
}


/* MAINMENU */
.mainmenu > ul > li > a {
  padding: 15px 10px;
}
.mainmenu {
  background-color: rgba(255, 255, 255, 1);
  /*
  -webkit-box-shadow: 0px 3px 5px 0px rgba(70, 70, 70, 0.25);
  -moz-box-shadow:    0px 3px 5px 0px rgba(70, 70, 70, 0.25);
  box-shadow:         0px 3px 5px 0px rgba(70, 70, 70, 0.25);   
  */
  padding:18px 0 0 0;
  /*border-top: 1px solid #efefef;*/
}
.mainmenu .navbar {
  margin-bottom:0;
  min-height: auto;
  border-radius: 0;
}
.mainmenu li a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:10px;
  padding-right: 10px;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}
.mainmenu .container-fluid {
  padding-left:0;
  padding-right:0;
}
.mainmenu li a:hover {
  text-decoration: underline;
}
.icon-bar {
  background-color: #ea8a1a;
}
/* END MAINMENU */

/* TOP SLIDER */
.owl-top-slider .owl-prev,
.owl-top-slider .owl-next {
  position: absolute;
  top: 50%;
  font-size: 42px;
  color: #efefef
}
.owl-top-slider .owl-prev {
  left: 20px;
}
.owl-top-slider .owl-next {
  right: 20px;
}

.carusel-caption {
  position: absolute;
  top:10%;
  margin: auto;
  color: #fff;
  width: 100%;
  font-size:16px;
}
.carusel-caption h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 64px;
}

/* Product slider */
.owl-product-slider .owl-prev,
.owl-product-slider .owl-next,
.owl-thumb-slider .owl-prev, 
.owl-thumb-slider .owl-next
{
  position: absolute;
  top: 50%;
  font-size: 18px;
  color: #333;
}

.owl-product-slider {
  margin-bottom: 10px;
}

.owl-thumb-slider .owl-prev, 
.owl-thumb-slider .owl-next {
  top: 30%;
  font-size: 12px;
}


.owl-product-slider .owl-prev,
.owl-thumb-slider .owl-prev {
  left: 10px;
}
.owl-product-slider .owl-next,
.owl-thumb-slider .owl-next {
  right: 10px;
}


/* END TOPSLIDER */

/* END HEADER *************************************************************/

/* SIDEBAR ****************************************************************/
.sidebar-item  {
  margin-bottom:30px;
  padding-bottom:15px;
}
.menu {
  background: #f4f4f6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.menu .caption {
  padding: 15px 10px 0 10px;
  margin-top: 0;
}

/* END SIDEBAR ************************************************************/

/* CONTENT ****************************************************************/
.wrapper {
  margin-top:20px;
  margin-bottom:30px;
  padding-top: 15px;
  background: #fff;
}
.welcome {
  background-size: cover;
}

.topanonces {
  padding-bottom: 30px;
}

.contentitem {
  border: 0;
  margin-bottom: 15px;
}
.itemdescr {
  color: #666;
}

.contentitem .caption {
  padding-left:0;
  padding-right: 0;
  padding-top:15px;
  text-transform: uppercase !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.list {
  margin-bottom: 40px;
}

.list .caption {
  padding-top:0;
}

.list img {
  width:180px !important;
  max-width: 180px !important;
}

.content-header {
  padding-bottom: 10px;
  margin-top: 0;
  font-family: 'Open Sans', sans-serif;

}

.document {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
}

.document img {
  max-width: 100%;
  height:auto;
  display: block;
}

.botanonces {
  background: #efefef;
  padding: 20px 0;
  margin-bottom: 20px;
}
.botanonces .contentitem {
  background: none;
  color: #fff;
}
}
.botanonces .contentitem img {
  border: 3px solid #fff;
}

/* BANNERS */
.topbans {
  margin: 10px 0 30px;
}
.topbans img {
  display: block;
  max-width: 300px;
}

.contentlist .image {
  width:100%;
  padding: 0;
  margin:0;
  overflow: hidden;   
}

.image img {
  max-width: 100%;
  width: 100%;
  padding:0;
}

.galery .contentitem {
  padding-top: 20px;
  padding-bottom: 20px;
}
.galery .contentitem .image {
  overflow: hidden;
}
.galery .contentitem .image img {
  max-width: none;
  max-height: none;
  height: 100%;
  width: auto;
}
.galery .contentitem .caption {
  padding-top:5px;
  font-size: 14px;
  color: #666;
  
}

/* END CONTENT ************************************************************/

/* FOOTER *****************************************************************/
footer {
  padding: 10px 0 20px 0;
  background: #efefef;
}

footer .adresone, footer .adrestwo {
  text-align: left;
  padding-bottom: 20px;
}

#copyright {
  margin-top:0;
  font-size: 13px;
  text-align:left;
  padding-top:10px;
}

#bottommenu {
  margin:20px 0 10px 0;
  text-align: right;
}

#bottommenu .nav > li > a {
  padding: 10px;
  font-size: 13px;
}

#map { height: 470px; width:100%; margin:0 0 0 0;}

/* END FOOTER *************************************************************/

/* UTIL *******************************************************************/

.sidebar-files  a{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
}
.sidebar-files li {
	padding-top: 7px;
	padding-bottom: 7px;
}

.sidebar-files ul {
	margin:10px 0;
}
.toptext {
	padding-left:20px;
	padding-right:20px;
}
.document .table {
	border: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

  .sp-wrap {
      max-width: 100%;
  }

  .docprice {
    font-size: 38px;
    margin:20px 0;
    color: #003161;
  }
  .valuta {
   font-size: 28px; 
  }
  .productheader {
    margin-top:0;
  }
  .product-content {
    margin:30px 0;
  }

  .nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.leftmenu {
  font-size: 18px;
}

.image {
	overflow: hidden;
}

.image img {
  max-width: 100%;
/*
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;	
  */
}

/*
.image:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
*/

.fo {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
     
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
     
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
     
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
     
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
     
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
     
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* FONT SIZES */
.font-2x {
  font-size: 2em;
}
.font-4x {
  font-size: 4em;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  margin:0;
}

#off-canvas-menu .toggle {
  background-color: rgba(255,255,255,.7); 
}

.icon-mainmenu {
  padding:5px;
  cursor: pointer;
  margin: 0;
  width: auto;
  color: #003161;
}

@media screen and (max-width: 768px) {
  .navbar-mob .navbar-brand img {
    max-height: 20px;
  }
  /* Off Canvas Menu */  
  #off-canvas-menu  {
      /* display: none; */
      display: block;
  }

  /* Off Canvas Menu */ 
  #off-canvas-menu .fa-bars {
      padding: 5px;
      cursor: pointer;
  }
  #off-canvas-menu {
      padding: 15px;
      background: #efefef;
      width: 310px;
      min-height: 100%;
      top: 0;
      z-index: 9999;
      position:fixed;
  }
  #off-canvas-menu  .toggle {
     top: 0;
     left: 310px;
     padding:26px 10px 2px 10px;
     position: absolute;
  }
  #toggle{
     display: none;
  }
  /* Pushing the Menu off the canves */
  #off-canvas-menu {
     left: -310px; /* must be the same as the width of the menu */
      -webkit-transition: left .500s;
      transition: left .500s;
  }
  /* Showing the menu then the Checkbox is checked */
  #toggle:checked + #off-canvas-menu {
     left: 0;
      -webkit-transition: left .500s; /* Safari 3.1 to 6.0 */
      transition: left .500s;
  }
  #dropdown-1:checked + #sub-menu {
     left: 0;
      -webkit-transition: left .500s; /* Safari 3.1 to 6.0 */
      transition: left .500s;
  }

  .menu {
    background: none;
  }
  .logo-img {
    min-height: 40px;
  }

}

#product-thumb-slider img {
  padding-left:3px;
}

.stickup {
  /* transition: all 0.4s ease 0s; */
  z-index: 100;
  width: 100%;
}
.isStuck {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 1) !important;
  padding: 0 !important;
}
.isStuck .header {
  padding-top:5px;
  padding-bottom: 5px;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 23px 0 0 0 !important;
}