body {font-family: 'Ubuntu', sans-serif; height:100%; font-weight:300;}


#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: #fff;
    border-width: 0px;
    border-radius: 0px;
	border-top: 1px solid #0062A4;
	text-transform:uppercase;
	font-weight:500;
	
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    background-color: rgba(255, 255, 255, 1);
    color: #586C7B;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: #0062A4;
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(52, 96, 191, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

.navbar-header {background:#0062A4;}

.all-on-level { padding-right:15px; background:#; text-align: center;}
.all-on-level h2 { margin-top:0px; padding-top:5px; padding-bottom:5px; color:#86A1AF; font-weight:300; letter-spacing:0.1em}


@media only screen and (min-width : 768px) {
.all-on-level { padding-right:15px; background:#; text-align:right}
.all-on-level h2 { margin-top:0px; padding-top:5px; padding-bottom:5px; color:#86A1AF; font-weight:300; letter-spacing:0.1em}
}

.navbar-toggle { border:; float:none}

@media (max-width: 768px) { 
  .nav>li {
	text-align: center;
  }
  .nav>li>ul>li {
	text-align: center;
  }
.contact-info   {
	text-align: center;
  }
.navbar-toggle {float:none}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover, #custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
background-color:#86A1AF; border: 1px solid #86A1AF}
.table-ispolnenie { font-size:80% !important}

}

/*
.vektor-mail { text-align:center;}
*/
@media (min-width: 768px) { 
.navbar-toggle { display:none}
}


.contact-info {padding-right:15px; padding-top:20px; padding-bottom:15px; text-align:right}

.shapka { min-height:120px;}


.contact-info .fa { color:#6B92C3; padding-right:4px;}

.phones { padding-right:30px;}

.mainpage-title { padding-bottom:10px; }
.mainpage-title h1 {color:#0062A4; text-transform:uppercase;}
.mainpage-title h2{margin-bottom: 0px;color:#86A1AF; line-height:1.2em; font-weight:300;text-transform:uppercase;}
@media (max-width: 768px) { .mainpage-title h2{margin-bottom: 0px;color:#86A1AF; line-height:1.2em; font-weight:300;text-transform:uppercase; font-size:130%;}
.mainpage-title h4 {font-size:90%;}
}

.mainpage-title h3 {color:#0062A4; text-transform:uppercase; margin-top:10px; font-size: 150% }

.mainpage-title h4 {color:#86A1AF; letter-spacing:0.2rem; font-weight:300; text-transform:uppercase;}
.mainpage-title h5 {color:#666; }

.mainpage-right-cta {width:30%; margin-top:20px; padding:10px; border:1px solid #CCC; box-shadow: 2px 2px #C4BDBD; font-size:110%;}

.mainpage-princip strong {color:#86A1AF; }

.mainpage-complekt { padding-top:10px;}
.mainpage-complekt h4 { font-size:95%; color:#0062A4; margin-top:0px;text-transform:uppercase;} 
@media (max-width: 768px) { 
.mainpage-complekt ul { padding-bottom:10px; padding-right:20px;}
}
@media (min-width: 768px) { 

.mainpage-complekt ul { padding-bottom:10px; padding-right:200px;}
}
.mainpage-complekt ul li { list-style-type:none; text-indent: -1em;}
.mainpage-complekt ul li:before { color:#0062A4; content: "\2022"; padding-right: 10px;}

.mainpage-ispolnenie h4 {text-transform:uppercase; color:#86A1AF}


.productpage-complekt ul { padding-bottom:10px; }
.productpage-complekt ul li { list-style-type:none; text-indent: -1em;}
.productpage-complekt ul li:before { color:#0062A4; content: "\2022"; padding-right: 10px;}

.productpage-complekt h4 { font-size:95%; color:#0062A4; margin-top:0px;text-transform:uppercase;}


#custom-search-input{
    padding: 0px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
	
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
	color:#0062A4;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #0062A4;
    padding: 0 15px 0 10px;
    border-left: solid 1px #ccc;
	font-weight:300;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .fa-search{
    font-size: 16px;
}
.table-striped  tbody > tr>th,.table-striped  tbody > tr>td { border-color:#CCC;}
.table-striped > tbody > tr:nth-child(2n+1) > td {
   background-color: #D8F0FB; }
.theader th { background:#799BAB;color: #FFF;text-align:center; border-bottom:1px solid #000}
.theader  { background:#799BAB;color: #FFF;text-align:center; border-bottom:1px solid #000}

.table-bordered {
    border: 1px solid #000; }
.table-responsive { border:0px}
.bg-tablecol {background:#DDE3E7; font-weight:500;}
.table-ispolnenie { border: 1px solid #000;}
.table-ispolnenie td { text-align:center;}

.gabarit { padding-top:20px;}
.gabarit h4 {text-transform:uppercase; color:#86A1AF}
.gabarit h5 { text-align:center; color:#0062A4; font-size:110%;}

.table-gabarit { margin-top:20px;}
.table-gabarit td { text-align:center;}

.plp-elements { background:#e3e3e3; color:#575756; text-align:center; text-transform:uppercase;}
.bg-elements th {background:#a8a8a7; color:#FFF; font-weight:500; text-align:center;}

.tank-elements {background:#d4e0f4; color:#005d9f; text-align:center; text-transform:uppercase;}

.bg-tank-elements th {background:#7395c6; color:#FFF; font-weight:500; text-align:center;}
.bg-tank-elements td {background:#e9f0fa;}

.dimensions-gabarit { background:#efe2db; color:#896454; text-align:center; text-transform:uppercase;}

.bg-dimensions-gabarit th {background:#aa8c7f; color:#FFF; font-weight:500; text-align:center;}

.bg-dimensions-gabarit td {background:#f9f3f1;}

.dopinfo { margin-top:40px; background: #BFF9F6}








@media (max-width: 768px) { 
.scroll-top-wrapper {
   
	left: 30px;

}

}
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #86A1AF;
	color: #0062A4;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #586C7B;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}



/* #############################################################  */


.titleblock { margin-top:20px; padding-top:10px; padding-bottom:10px; border:1px solid #A43537; }
h1 { margin-top:0px; padding-top:0px;}
.properties { font-size:86%}
.product-heading {width:72%}
.second {margin-top:20px; border:1px solid #3ECD65;padding-top:10px; padding-bottom:10px;}
.variants li {position: relative;
    display: block;
    padding: 10px 15px;border-bottom: 1px solid #ddd;}
	
.ispolneniya-list { margin-top:25px; font-weight:400; color:#0062A4;}

.third {padding-top:10px; padding-bottom:20px; border:0px solid #3F47DD}
.third ul.nav li { font-weight:500; text-transform:uppercase; font-size:90%}
.third .tab-content { font-weight:400;}
.maindesc {padding-top:10px; padding-bottom:40px;}

.fourth {margin-top:10px; margin-bottom:10px; border:1px solid #9A0AA3}

.table-condensed{
  font-size: 12px;}
 
 th {font-size: 14px;}
 
.footer-row { background:#7395c6;; min-height:300px; margin-top:40px; color:#FFF; padding-top:20px; text-align:center}


.bg-product { background:#D8F0FB !important;}
.plp-head { background:#7395c6 !important;}

.img-gabarit { width:80%;}

.download { font-size:120%}
.download .fa { padding-right:20px;}

.catalog-download { padding-top:20px; padding-bottom:20px;}

.hint {display:none; width:120px; background:#F3D7D7}
@media (min-width: 1500px) { 
.hint { position:fixed; left:10px; top:400px; display:block;}
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

.tab-content h3 { font-size:120%}

.footer_menu  ul {list-style-type: none !important; text-transform: uppercase;font-size:130%; }
 .footer_menu li a {color:#FFF !important;}

 .footer-contact a {color: #e3e3e3;}
 .footer-contact h4 {color:#FFF;}

.znachki {margin-bottom: 10px;}
@media (min-width: 1500px) { 
.main-kartinka {padding-left:30px;}
.main-kartinka img { border: 1px solid #ccc !important;}
}
}

.betweensearch {margin-bottom: 150px;}
.znachok:hover {-webkit-filter:saturate(300%);filter:saturate(300%);}
.znachok-gaz:hover {-webkit-filter:graycale(100%);filter:graycale(100%);}

.mainpage-title h1 small {
    margin-bottom: 0px;
    color: #86A1AF;
    line-height: 1.1em;
    font-weight: 300;
    text-transform: uppercase;
	font-size:26px;
	}
html {
  scroll-behavior: smooth;
}
.cert {padding-top:10px;}

.soliloquy-pager {display:none;}