html,body { margin:0px; padding:0px;  }
body {   margin:0px; padding:0px;    font-family: Arial, Helvetica, sans-serif; display: flex; flex-direction: column; min-height: 100vh; }
#wrap { flex: 1; -ms-flex-preferred-size: auto; z-index: 9}
footer {    position: relative;   bottom:0;    }
.footer {  padding-left:0px; padding-right:0px;  padding-top:2em;}

.font-PTSans { font-family: 'PT Sans', sans-serif; }
.font-Play { font-family: 'Play', sans-serif; }
.header-block { margin-top:2%; margin-bottom:2em}
.header-block .text-right { padding-top: 10px;}
.header-block .text-left { padding-top:10px;}
.header-block .text-left h4 { padding-top: 5px; margin:0px; font-size:16pt}

a, li, h3
{
	color: #304558 !important;
}
a
{
	text-decoration: none !important;
}

.navbar
{
	margin: 0px;
}

.navbar-nav a
{
	font-size: 1.7em;
	
	font-weight: 500;
	padding:10px 10px 0 10px;

}

.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	background-color: white !important;
	border-color: white !important;
}

.navbar-brand
{
	padding:10px 0 0 50px;
}
.artix-menu .selected { color:#e77716 !important; }
.gazvodsnab-menu a {
    font-family: 'Play', sans-serif;  color:#000;
}

.preview-text {
    font-size: 43px;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000;
}

.preview-block {
    background: url('../images/home_design_4.jpg') center center; background-size: cover; padding: 0px !important;
}

.preview-mask {
    background: url('../images/video-mask.png') center center; min-height: 500px;
}


.btn-blue {	padding: 10px 20px;	background-color: #607D8B;	color: white !important;}	
.btn-blue:hover{	padding: 10px 20px;	background-color: #304558;	color: white !important;}
.btn-osnova1
{
	padding: 20px 40px;
	background-color: #304558;
	color: white !important;
	font-size: 1.5em;
}	

.btn-osnova2
{
	padding: 20px 40px;
	background-color: #304558;
	color: white !important;
	font-size: 1.2em;
}	

.btn-osnova3
{
	padding: 20px 35px;
	background-color: #ff3300;
	color: #fff2d0 !important;
	font-size: 1.2em;
}

.images-size-one {
    width: 400px !important;
    height: 170px !important;
}
.background-color-white {
    color: white !important;
}
.icon-size-pr {
    font-size: 6em;
}
.style-p-pr {
    font-size: 1em !important;
    font-weight: 600 !important;
    margin-top: -30px;
}
.pad-dv-pr {
    padding-top: 30px;
}
.thumbnail {
    border: 1px solid #d2d2d2;
    box-shadow: 0px 0px 6px rgba(68, 68, 68, 0.23);
    border-radius: 0px;
}

.pageHeader {
    margin-bottom: 3em;
    margin-top: 1em;
    background: #0778b1;
    color: #e3edf3;
    padding-bottom: 0.5em;
    border-bottom: 1px #5b6e77 solid;
    text-shadow: 0px 0px 3px rgba(28, 60, 76, 0.55);
    font-family: 'Play', sans-serif;
}