/*   Main   */

body{
  padding-right: 0 !important;
}

body {
  background: #f6f6f6;
  font-family: "OpenSansRegular", Arial, sans-serif;
  color:#444;
  line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: "OpenSansRegular", Arial, sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 26px;
  color:#333;
}

h2{
  font-size: 18px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #0056B8;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
  font-weight: 400;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}


a:hover,
a:focus {
  color: #111;
  text-decoration: underline;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 280px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 5px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}

.img-responsive2{
  height: auto;
  max-width: 100%;
}

/*-----------------header--------------*/

#header{
  margin: 0;
  padding: 0;
}

.bl_slogan{
  background: #ffcc66;
  padding: 10px ;
}

.bl_slogan_info{
  text-align: center;
  color: #204B8A;
  font-size: 16px;
  margin-right: 20px;
}

.bl_slogan_info span{
  display: block;
  padding: 5px 0 3px;
  font-weight: bold !important;
  font-size: 20px !important;
}

.bl_top_versia{
   margin: 15px 0 10px;
}

.bl_top_versia a{
  font-family: "OpenSansSemiBold";
  padding: 5px 10px;
  background: #fff;
  border-radius: 7px;
  border:1px solid #999;
  margin: 0 5px;
  font-size: 13px;
  line-height: 18px;
  opacity: 0.6;
}

.bl_top_versia a.active{
  opacity: 1;
  color: #0056b8;
  font-size: 14px;
  line-height: 18px;
}

.bl_top_versia a:hover{
     opacity: .9;
}


#block_logo_contact{
   margin: 5px 0;
}

.bl_logo{
   margin: 0 20px 10px;
}

.bl_top_phone{
   position: relative;
   margin: 10px 0;
}

.bl_top_phone_i, .bl_top_adress_i, .bl_top_map_i, .bl_top_email_i{
   position: absolute;
   top: 5px;
   left: -40px;
   width: 50px;
   height: 50px;
   font-size: 36px;
   color: #005396;
}

.bl_top_phone a{
   font-family: "OpenSansSemiBold";
   font-size: 22px;
   color: #005396;
   line-height: 28px;
   text-decoration: none;
}

.bl_top_phone a:hover{
   text-decoration: underline;  
}

.bl_top_adress{
   position: relative;
   margin: 10px 0;
   color: #005396;
   font-size: 15px;
   line-height: 22px;
}

.bl_top_adress_i{
  left: -40px;
  font-size: 26px;
}

.bl_top_map_link{
   position: relative;
   margin: 5px 0;  
}

.bl_top_map_link a{
   text-decoration: underline;
   color: #005396;
   font-size: 15px;
   line-height: 20px;   
}

.bl_top_map_link a:hover{
  color: #000;
}

.bl_top_map_i{
  top: -10px;
  left: -32px;
  font-size: 26px;
}

.bl_top_email{
   position: relative;
   margin: 10px 0;  
}

.bl_top_email a{
   text-decoration: underline;
   color: #005396;
   font-size: 15px;
   line-height: 20px;   
}

.bl_top_email a:hover{
  color: #000;
}

.bl_top_email_i{
  top: -2px;
  left: -32px;
  font-size: 24px;
}

/*----------- block_nav_bar----------*/

#block_nav_bar{
  background: #005396;
  padding: 0;
  margin: 0;
}

.navbar-nav, .navbar{
  margin: 0;
}

.container>.navbar-header, .container>.navbar-collapse{
  margin-right: 0;
}

.navbar-nav > li > a{
  font-family: "OpenSansSemiBold", Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  background: transparent;
}

.navbar-nav > li > a:hover{
  color: #FFD47E !important;
  background: transparent !important; 
}

.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{
   color: #FFD47E;
   background: transparent;
}

.active-hover{
  color: #FFD47E;
}

.navbar-toggle{
  border:1px solid #FFD47E;
  margin-right: 0;
}

.navbar-toggle > span{
  color: #fff;
  background: #FFD47E;
  border:1px solid #FFD47E;
}

.btn-social > span{
  font-size: 22px;
}

.navbar-right > li > a.btn-social {
   padding: 7px;
}


.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
  margin: -1px 0 0 -1px;
}

.dropdown-menu.multi-column.columns-3{
 box-shadow: none;
 border: 1px solid #eee;
 padding: 0;
 background: #fff;
}

.dropdown-menu li a {
  font-size: 15px;
  padding: 9px 15px;
  font-weight: 300;
  color: #005396;
}

.dropdown-menu li a:hover{
  color: #fff;
  background: #005396;;
}

.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.multi-column-dropdown li{
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
}

.multi-column-dropdown li a {
  display: block;
  clear: both;
  padding-left: 35px;
  color: #333;
  white-space: normal;
}

.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #ff6500;
}

.navbar-nav > .open > a{
  color: #fdd700;
}

.navbar-nav > .dropdown > a:hover{
  color: #fdd700 ;
}

/*------------------- .carousel-bg -----------------------*/

.carousel-bg{
  margin:25px 0 5px;
}

.carousel-bg  .carousel-inner .item {
   background-color: darkslategrey;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-position: center;
   min-height: 340px;
}

.carousel-bg  .carousel-caption{
   left: 0;
   width: 100%;
   margin: 0;
   bottom: 0;
   text-align: center;
   padding: 0;
}

.carousel-bg .carousel-inner a{
  dispaly: block;
  width: 100%;
}

.carousel-bg  .carousel-caption h2{
  font-family: "OpenSansSemiBold", Arial, sans-serif; 
   font-size: 24px;
   text-transform: uppercase;
   color: #fff;
   margin: 0;
   background: none repeat scroll 0 0 rgba(0, 0, 0, .7);
   padding: 10px;
}

.carousel-bg  .carousel-caption p{
  font-size: 22px;
  color: #fff;
  margin-bottom: 50px;
}

.btn_carusel{
    width: 100%;
    background: rgba(0,0,0, 0.7);
    color: #fff;
    text-decoration: none !important;
    padding: 15px 35px;
    font-family: "OpenSansSemiBold", sans-serif;
    transition: all 3s lenear;
    font-size: 16px;
}

.btn_carusel:hover{
  background: rgba(0,86,184, .8);
  color: #ffcc66;
}

.carousel-bg  .carousel-control{
  bottom: 0;
  padding: 150px 0 0 0;
}

.carousel-bg  .carousel-indicators{
  top: 10px;
  height: 30px;
}


/*--------- top-tovar-group---------*/

#top-tovar-group{
  padding: 30px 0;
  margin: 0;
}

#top-tovar-group .row{
  margin: 0;
}

.top-tovar-group-title{
  font-size: 24px;
  color: #444;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  font-weight: 300;
  line-height: 1.3em;
  margin-bottom: 10px;
  margin-top: 6px;
  padding-bottom: 6px;
}

#block-group{

}

.bl_top_group_wrap{
  position: realtive;
  height: 150px !important;
  overflow:hidden;
}

.bl_top_group{
  position: realtive;
  background: transparent;
  text-align: center;
  height: 150px;
  margin-top: 0;
  transition: all .5s linear;
}

.bl_top_group span{
  position: absolute;
  width: 100%;
  left:0;
  bottom: 30px;
  text-align: center;
  color: #444;
  line-height: 1.3em;
  text-decoration: none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 13px;
  transition: all .5s linear;
  padding: 0 20px;
}

.bl_top_group:hover{
  background: #ffcc66;
  margin-top:15px;
}

.bl_top_group:hover span{
    bottom:15px;
}


/*-------------sect_recomend----------*/

#sect_recomend{
  padding: 30px 0;
  margin:0;
}

#main_recomend{
}

.bl_recom{
    position: relative;
    width: 360px;
    height: 300px;
    margin: 10px;
    background: #e8e8e8;
}

.bl_recom_img{
   width: 360px;
   height: 220px;
   margin: 0 0 10px 0;
   overflow: hidden;
}

.bl_recom_img img{
   max-width: 360px;
   width: 100%;
   height: auto;
   min-height: 240px;
   width: auto;
}

.bl_recom_title{
   z-index: 9;
   width: 320px;
   height: 70px;
   margin: 0 20px 10px 20px;
   text-align: center;
   overflow: hidden;
   font-family: "OpenSansSemiBold", sans-serif;
   font-size: 14px;
   color: #003366;
   line-height: 18px;
}

.bl_recom_price{
   position: absolute;
   width: 100%;
   text-align: center;
   z-index: 11;
   font-family: "OpenSansSemiBold";
   background: #0056b8;
   color: #fff;
   font-size: 14px;
   padding: 7px 35px;
   top: 0;
   right: 0;
}

.bl_recom_night{
   position: absolute;
   z-index: 10;
   background: #1e599b;
   color: #fff;
   font-size: 12px;
   padding: 4px 10px;
   top: 34px;
   right: 0;
}

.bl_recom:hover{
   background: #d2d2d2;
}

.bl_recom:hover .bl_recom_title{
   color: #0056b8;
}

.bl_recom_more{
   position: absolute;
   visibility: hidden;
   z-index: 8;
   width: 100%;
   background: rgba(0,0,0, .7);
   bottom: 40px;
   left: 0;
   text-align: center;
   transition: all .5s linear;
}

.bl_recom_more a{
   display: block;
   color: #fff;
   font-size: 14px;
   padding: 7px 10px;
   text-decoration: none;
}

.bl_recom_more a:hover{
     text-decoration: underline;
}

.bl_recom:hover .bl_recom_more{
    bottom: 80px;
    visibility: visible;
}



/*-------------- main-section ------------*/

#main-section{
  padding: 30px 0 30px;
}

#main-section .row{
  margin: 0;
}

#main-section h1 {
  font-family: "OpenSansSemiBold";
  font-size: 20px;
  background-color: #FFCC66;
  padding: 10px 10px;
  margin-top: 0;
  color: #005396;
  text-align: left;
  margin: 0;
}

.bl_text_main{
  padding: 10px 0 20px;
  font-size: 13px;
  line-height: 26px;
  text-align: justify;
}

#main-section h2 {
  font-family: "OpenSansSemiBold";
  font-size: 16px;
}

.bl_zirka{
  text-align: center;
  margin: 0 0 20px;
}

.bl_zirka span{
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 10px;
}

.main_document{
    list-style-type: none;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 10px;
}

.main_document li{
  padding: 9px 0;
}

.main_document li:before{
  content: "\25B8";
  padding-right: 10px;
  font-size: 20px;
  padding-top: 10px;
}

.bl_main_all_doc {
  margin-left: 35px;
}

.bl_main_all_doc a{
  font-size: 13px;
  text-decoration: underline;
}


/*----------- footer -----------*/

#footer{
  padding: 20px 0 30px;
  background: #003D71;;
}

#footer h3{
  color: #ffcc66;
  font-size: 16px;
  padding-bottom:5px;
}

.bl_niz_adress{
  margin: 10px 0 10px 0;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
}

.bl_niz_email{
    margin: 20px 0 10px 0;
}

.bl_niz_email a{
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  text-decoration: underline;  
}

.nav_niz{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav_niz a{
  font-size: 14px;
  color: #CFEAFF;
  line-height: 26px;
  text-decoration: none;   
}

.nav_niz a:hover{
  color: #fff;	
  text-decoration: underline;  
}

.bl_niz_phone{
  margin: 10px 0;
}

.bl_niz_phone a{
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  text-decoration: none;    
}

.bl_niz_phone a:hover{
   text-decoration: underline;  
}

/*---- #footer-copy----*/

#footer_copy{
   margin: 0;
   padding: 10px 0;
   background: #005396;
}

 #footer_copy p {
   margin: 0;
   padding:0;
}

.copy{
   margin: 0;
   padding:0;
   font-size: 12px;
   color: #eee;
   line-height: 18px;
   font-family: Tahoma;
}

p.prosite {
   text-align: right;
}

p.prosite a{
    font-size: 12px;
  line-height: 18px;
    color: #eee;
    text-decoration: none;
}

p.prosite a:hover{
    text-decoration: underline;
}


/*---------------worksGallery----------*/

#worksGallery{
	margin: 30px 0;
}


#worksGallery .bl_gal_img{
	position: relative;
	width: 300px;
	height: 200px;
	margin: 0 0 1.5em;
	padding: 1px;
	border: 1px solid #ddd;
	overflow: hidden;
}

#worksGallery .bl_gal_img img{
	width: 300px;
	height: auto;
	min-height: 200px;
}

.overlay_gal {
	position: absolute;
    background: rgba(0,0,0, .5);
	width: 300px;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.overlay_gal a{
	display: block;
	text-align: center;
}

.overlay_gal  h3 {
	position: absolute;
    bottom: 0;
    color: #fff;
    font: 16px Arial, sans-serif;
    height: 30px;
    left: 0;
    letter-spacing: 0;
    margin: auto;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
	padding: 0 10px;
}

#worksGallery .bl_gal_img:hover .overlay_gal{
   opacity: 1;
}


/*--------------brandGallery-----------*/

#brandGallery{
	margin: 30px 0; 
}

#brandGallery img{
	margin: 5px 5px 30px;
}



/*------------------contacts-----------*/

#maps{
	margin: 10px 0 20px;
}

h2.contacts{
	font-size: 18px;
    border-bottom: 1px solid #FFCC66;
    padding: 10px 2px;	
	margin: 30px 0 20px;
}

.map{
	text-align: center;
}

.map img{
	border: 5px solid #FFCC66;
}

.map link_btn{
   text-align: center;	
}

.map p{
	font-size: 14px;
}

.pmap_btn{
   display: block;
   font-size: 14px;
   text-align: center;
   background: #ffdd99;
   padding:  7px 10px;
   margin: 15px 0;   
}

#cont_block{
	font-family: Open Sans, Arial;
	font-size: 14px;
	line-height: 22px;
}

#cont_block i{
	padding-right: 7px;
}

.block_forma_about{
	margin: 0 0 40px;
}

.block_forma_about label{
   font-size: 11px;
}

.block_forma_about label.error{
  color: #cc0000;
  padding:1px 4px;
}

#result_order_back{
	text-align: center;
	margin: 0 auto 40px;
	color: #005396;
	line-height: 28px;
}


/*--------------------#sect_main-----------*/

#sect_main{
   padding: 20px 0 20px;
}

#content_main .navbar-default{
  border-color: transparent;
  background-color: transparent;
}

.col-wrp{
   padding-left: 0;
   padding-right: 0; 
}

#sect_main > .container{
   background: transparent;
   overflow: hidden;
}

#sect_main .wrapper > .col-md-3{
   padding-left: 0;
   padding-right: 0;
}


#sidebar {
    position: relative;
    max-width: 290px;
    top: 0;
    left: 0;
    min-height: 20vh;
    z-index: 999;
    background: #eee;
    color: #444;
    transition: all 0.3s;
    padding-bottom: 5px;
}

#sidebar.active {
    margin-left: -300px;
}

#sidebar .sidebar-header {
    padding: 3px 20px;
    background: #005396;
    text-align: center;
}

#sidebar .sidebar-header h3{
   color: #FFBB33;
   font-size: 15px;
   line-height: 22px;
   padding: 12px 0 5px 0;
   margin-top: 0;
}

#sidebar ul.components {
    padding: 0;
    margin-bottom: 30px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul{
 background: #eee;
}

#sidebar ul li{
 background: #f7f7f7;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 400;
    color: #0056B8;
    border-bottom:1px dotted #999;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 1.1em;
}
#sidebar ul li a:hover {
    color: #003366;
    background: #fff;
}

#sidebar ul li  ul li a{
	font-size: .9em;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

#sidebar ul li  ul li ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   padding-left: 30px;
}

#sidebar ul li  ul li ul li a{
 color: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #444;
    background: #eee;
    text-decoration: none;
}


#sidebar  a[data-toggle="collapse"] {
    position: relative;
}

#sidebar  a[aria-expanded="false"]::before, #sidebar  a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
#sidebar  a[aria-expanded="true"]::before {
    content: '\e260';
}


#sidebar  ul ul a {
    font-size: .9em !important;
    padding-left: 30px !important;
    background: #eee;
}

#sidebar  ul.CTAs {
    padding: 20px;
}

#sidebar  ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
#sidebar  a.download {
    background: #fff;
    color: #7386D5;
}
#sidebar  a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

#sidebar  ul.left-brand-logo{
   list-style-type: none;
   padding: 0;
   margin: 0;
}

#sidebar  ul.left-brand-logo > li > .col-md-6, #sidebar  ul.left-brand-logo > li > .col-sm-6{
  padding-left:0;
  padding-right: 0;
}

#sidebar ul.left-brand-logo{
  padding-left: 10px;
}

#sidebar ul.left-brand-logo li a{
  padding: 5px 10px;
}

#sidebar  ul.left-brand-logo  a{
  border-bottom: 0 !important;
}

#sidebar ul.left-brand-logo img{
  max-width: 110px;
  max-height: 110px;
}

#sidebar  ul.left-brand-logo  a:hover{
  background: transparent;
}

#sidebar ul li ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 0;
}


#sidebarCollapse{
  background: #005396;
  border-color: transparent;
}

#sidebar  .sidebar-delete{
  display: none;
  text-align: right;
  margin: 0 20px;
}

#sidebarDelete{
  background: #e31e25;
  border-color: #e31e25;;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content_main {
    padding: 0;
    transition: all 0.3s;
    z-index: -1;
    top: 0;
    right: 0;
    margin: 0;
}

#content_main.active {
    width: 100%;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 991px) {
  
.wrapper {
    display: flex;
    align-items: stretch;
}

  #sidebar {

  }
   
    #sidebar {
        margin-left: -300px;
    }
    #sidebar.active {
        margin-left: 0;
    min-width: 290px;
    }
  
    #content_main {
       width: 100%;
    }
    #content_main.active {
       width: calc(100% +300px);
    }
    #sidebarCollapse span {
        display: none;
    }

#sidebar  .sidebar-delete{
  display: block;
}

}


/*------------------- view ----------*/

h1.view{
    font-family: "OpenSansSemiBold";
    font-size: 18px;
    background-color: #FFCC66;
    padding: 10px 10px;
    margin-top: 0;
    color: #005396;
    text-align: left;
    margin: 0 0 20px;
}

h4.view{
  margin: 20px 0 0;
  padding: 0;
  font-weight: 400; 
  font-size: 16px;
  color:#003366;
  line-height: 20px;
}

.ramka_img_border{
   position: relative;
   margin: 10px 0 30px;
   max-width: 300px;
   max-height: 200px;
   padding: 0;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   background: #f6f6f6;
   overflow: hidden;
   text-align: center;
}

.ramka_img{
   margin: 3px;
   border: 3px solid transparent;
}

.ramka_img_border img{
  opacity: 1;
  min-height: 200px;
}

.ramka_img_border img:hover{
  opacity: .7;
}

.ramka_img_dopinfo{
   position: absolute;
   width: 100%;
   margin:0;
   left: 0;
   bottom: 3px;
   padding: 7px 10px;
   font: 11px/14px Tahoma, sans-serif;
   color: #fff;
   background: rgba(0,0,0, .7);
}

#catalog_razdel{
   margin: 3px 0  35px 0;
}

#catalog_razdel .crazd{
    width: 100%;
	margin: 0 0 5px 0;
	background: rgba(210,228,252, .2);
	border:1px dotted #91acce;
	float: left;
}

#catalog_razdel .crazd:hover{
  	background: rgba(229,229,229, .8);
}

.crazd .razdfoto{
	text-align: center;
	height: 180px;
	margin: 10px 10px 0;
	overflow: hidden;
}

.crazd .razdfoto img{
    max-width: 250px;
	height: auto;
}

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

.razdtext a{
	display: block;
    font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	color: #3b4a5c;
	font-weight: 400;
	padding:10px;
}

.razdtext a:hover{
   color: #0d75d7;
   text-decoration: underline;
}


.crazd ul{
	list-style-type: none;	
}

.crazd ul li a{
	font-size: 13px;
}

#newAll{
	margin: 20px 0 40px;
}

.news_tb{
	margin: 0 0 15px;
	padding: 10px;
	background: rgba(210,228,252, .2);
	border:1px dotted #91acce;
}

.news_tb a{
	
}

.news_tb .date_n{
	font-size: 12px;
	text-align: right;
}


a.all_r{
   font: 11px/14px Tahoma, sans-serif;
   color: #003366;
   text-decoration: underline;   
}

a.all_r:hover{
  	color: #0a65ba;
}

table.shop{
      width: 96%;
	  margin-left:10px;
}

table.shop td{
      padding: 5px;
      border: 1px solid #60a9f5;
	  font-size: 12px;
}

.table-responsive{
   padding: 0 0 20px;
   overflow-x: auto;
}

.owl-carousel .owl-item img{
	height: 206px;
	width: auto;
	margin:5px;
}


/*------------------ sect_logo_top --------------*/

#sect_logo_top{
  padding: 10px 0;
}

#sect_logo_top h2{
    font-size: 24px;
    color: #444;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-top: 6px;
    padding-bottom: 6px;	
}

.nbs-flexisel-container {
position: relative;
max-width: 100%;
}
.nbs-flexisel-ul {
position: relative;
width: 99999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

.nbs-flexisel-inner {
overflow: hidden;
float: left;
width: 100%;
background: transparent;
border: 1px solid transparent;
border-radius: 5px;
}

.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 0px;
}

.nbs-flexisel-item > img {
width: 100%;
cursor: pointer;
positon: relative;
margin-top: 10px;
margin-bottom: 10px;
max-width: 150px;
max-height: 70px;
}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 22px;
height: 22px;
position: absolute;
cursor: pointer;
z-index: 100;
opacity: 0.5;
top: 35px;
}
.nbs-flexisel-nav-left {
left: 10px;
background: url(../images/button-previous.png) no-repeat;
}
.nbs-flexisel-nav-right {
right: 5px;
background: url(../images/button-next.png) no-repeat;
}


/*-------------- subMenu ---------*/

#subMenu{
	margin: 0;
	padding: 0;
}

ul.menuSubView{
 margin: 0 0 0 0;
 padding:0;
}

ul.menuSubView li{
	display: inline-block;
    text-shadow: 0 1px 0 #fff;
}

ul.menuSubView li a{
  font-size: 12px;	
}

ul.menuSubView li.active {
    color: #999;
  font-size: 12px;	
}

ul.menuSubView .divider {
    padding: 0 7px;
    color: #777;
}

ul.menuSubView i{
  padding-right: 7px;	
}


.in_bl_article_img{
   margin: 1em 1.5em 1em 0;
   max-width: 260px;
   height: auto;
   float: left;
}

.scroll-to-top-button{
    z-index: 10000000000000000000000000000000000000000000000000000000000000000000000;
	color: #fff;
	font-family: verdana;
	border-radius: 5px;
	cursor: pointer;
	padding: 7px 10px 5px;
	margin: 10px;
	background: #777;
	text-align: center;
}

.scroll-to-top-button i{
    font-size: 28px;
}

/*------------------  sect-main-object ----------------*/

#sect-main-object{
	
}

#sect-main-object h2{
	position: relative;
    font-size: 24px;
    color: #0056b8;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-top: 6px;
    padding-bottom: 6px;
	margin-left: 10px;
}

.all_objm{
   position: absolute;
   right: 0;
   top: 0;
}

.all_objm > a{
	font-size: 11px;
	text-decoration: underline;
}

#main-object .owl-item img {
    height: 276px;
    width: 100%;
    margin: 5px;
	object-fit: cover;
}

#main-object .item-owl-main{
	position: relative;
}

#main-object .item-owl-main h4{
	position: absolute;
	bottom: 0;
	left: 10px;
	width: calc(100% - 10px);
	background-color: rgba(0,0,1, .55);
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 10px;
	letter-spacing: 1px;
}


/*-------------------- group-price ------------------ */

#group-price{
	margin: 20px 0 40px;
}

#group-price h2{
    font-size: 18px;
	line-height: 28px;
	border-bottom: 1px solid #fff;
    color: #0056b8;	
	margin: 10px 0;
}

#group-price table{
	background-color: #fff;
	border-bottom: 1px solid #0056b8;
	margin: 0 0 20px;
}



/*------------------ sect_service --------------*/

#sect_service{
  padding: 20px 0 40px;
  background: #f4f4f4;
}

#sect_service h2 {
    font-size: 22px;
    line-height: 36px;
    color: #0a6cdc;
    margin-bottom: 30px;
	font-weight: 300;
}

#features{
  margin: 0 0 30px 0;
}

.feature-wrap {
  width: 100%;
  min-height: 250px;
  text-align: center;
  margin-bottom: 35px;
  overflow: hidden;
  background: #fff;
  padding: 1em;
  border-radius: 10px;
}

.feature-wrap img{
  height: 80px;
}

.feature-wrap h2{
  padding: 0 0 0 0 !important;
  margin: 20px 0 15px;
  font-weight: 400; 
  font-family: "RobotoCondensedRegular", Tahoma, sans-serif;
  font-size: 16px  !important;
  color: #0a6cdc;
  line-height: 18px !important;
}

.feature-wrap h5{
  padding: 0 5px 0 5px !important;
  margin-top: -5px;
  font-weight: 400; 
  font-family: "RobotoRegular", Tahoma, sans-serif;
  font-size: 12px;
  color: #434d57;
  line-height: 16px;
}

.feature-wrap .pull-left {
}

.feature-wrap i{
  font-size: 60px;
  height: 80px;
  width: 80px;
  border-radius: 100%;
  line-height: 80px;
  text-align:center;
  color: #3769a8;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}


/*-------------------------#marka-betona-------------*/

#marka-betona{
	position: relative;
    z-index: 1;
	padding-top: 20px;
	padding-bottom: 90px;
}

#marka-betona:before {
   content:""; 
   position: absolute;
   z-index: -1;
   bottom:0;
   right:0;
   width:100%;
   min-height: 100%;
   background: url(../img/bg-marka-betona.jpg) no-repeat center bottom fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   opacity: 0.5;
}

#marka-betona h2{
	font-size: 22px;
	margin-bottom: 28px;	
}

#marka-betona h2.vvv{
	color: #1a1a1a;
	font-size: 26px;
	margin-bottom: 30px;
}


#marka-betona .col-md-3, #marka-betona .col-sm-6, #marka-betona .col-xs-6{
	padding: 0;
}

.bl_mbetona{
	position: relative;
    display: inline-block;
    vertical-align: top;
    height: 250px;
	width: 100%;
    z-index: 0;
	padding: 1.5em;
    background: #444; 
}

.bl_mbetona h3{
	padding-left: .2em;
    font-size: 30px;
    line-height: 40px;
	color: #fff;
}

.bl_mbetona h3:before{
    content: '';
    position: absolute;
    left: 0.5;
    top: 1em;
    width: 30px;
    height: 3px;
    background-color: #0a6cdc;
	transition: all .3s linear;
}

.bl_mbetona_img{
    position: absolute;
    right: -75px;
    top: 40px;
    width: 150px;
    height: 150px;
    overflow: hidden;
	border-radius: 50%;
	z-index:10;
}

.bl_mbetona_isp{
	display: block;
	padding-left: .5em;
	color: #b8d9ff;
	font-family: "OpenSansRegular";
    font-size: 12px;
    line-height: 30px;
}

.bl_mbetona_dopinfo{
	display: block;
	padding-left: .5em;
	padding-right: 80px;
    font-size: 12px;
    line-height: 14px;	
	color: #fff;
}

.bl_mbetona_wrp{
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;	
   width: 100%;
   height: 100%;
   background: transparent;   
   padding:1em;
   overflow: hidden;
   transition: all .3s linear;
}

.bl_mbetona_btn{
  position: absolute;
  z-index: 3;
  width: 100%;
   bottom: 60px;
   left: 0;
   text-align: center;
   padding: 5px;
}

.btn-mbeton{
	padding: 2px 20px;
	font-size: 12px;
	background-color: #0a6cdc;
	border-color: #0a6cdc;
	border-radius:0;
	color: #fff;
	opacity: 0;
   transition: all .4s linear;
}

.bl_mbetona:hover .bl_mbetona_wrp{
	top: -30px;
	background: rgba(0,0,0, .9);
	height: calc(100% + 60px);
}

.bl_mbetona:hover .btn-mbeton{
	opacity: 1;	
}

.bl_mbetona:hover h3:before{
	width: 120px;
}

.bl_fullbeton_hr{
	background: #e7e7e7;
	padding: 1.5em;
}

.bl_fullbeton_hr i{
	font-size: 18px;
	color: #ffb400;
}

.tooltip-inner {
   white-space: pre-line;
  min-width: 320px;
  text-align: left;
  color: #fff;
  padding: 9px;
}

table.table_markabetona td{
	padding: 1.5em !important;
}

.bt_hr{
	padding-left: 20px;
	color: #555;
}

.bt_hr_info{
  color: #000;
  font-family: "UbuntuMedium";  
}