/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
@font-face {font-display: swap;
   font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.ttf');
    font-weight: 300;
    font-style: normal;}


@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf');
    font-weight: 400;
    font-style: normal;}
  

@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.ttf');
    font-weight: 500;
    font-style: normal;}


@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;}


@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf');
    font-weight: 700;
    font-style: normal;}
 

html {height: 100%; background-color: #B2C2D1;
background-image: url('../img/bg.jpg');
background-size: cover;
background-attachment: fixed;
background-position: top left;}
body {font-family: 'Montserrat'; font-size: 16px; font-weight: 400; background-color: transparent;
display: flex;
flex-direction: column;
height: 100%;}
 




/* 
---------------------------------------------
header
--------------------------------------------- 
*/
.row top-info {align-items: center; background-color: #670000; color: #fff;}
.top-info a {color: #fff; text-decoration: none;}
.top-info .phone a:hover {text-decoration: underline;}
.top-info .phone, .top-info .address {text-align: right;}
.top-info {align-items: center; background-color: #670000; color: #fff; margin: 40px 0 20px; padding: 15px 5px; font-weight: 600;background: linear-gradient(0deg, rgb(83, 9, 8) 0%, rgb(168, 8, 8) 100%);
text-shadow: 1px 1px 2px black;} 
.top-info .logo img {max-width: 75px; margin-right: 30px}

.main-nav ul.nav {height: 120px; font-weight: 600; text-align: center;}
.main-nav ul.nav li {width: 20%; }
.main-nav ul.nav li:nth-child(1) {background-color: #4a0304;}
.main-nav ul.nav li:nth-child(2) {background-color: #6d0000;}
.main-nav ul.nav li:nth-child(3) {background-color: #9b0102;}
.main-nav ul.nav li:nth-child(4) {background-color: #d00a09;}
.main-nav ul.nav li:nth-child(5) {background-color: #f8514f;}
.main-nav ul.nav li a {color: #fff; text-decoration: none;}
.main-nav ul.nav li a:hover {cursor: pointer;}
.main-nav ul.nav li a {display: flex; align-items: center; justify-content: center; height: 120px;text-shadow: 1px 1px 2px black; position: relative; padding: 35px 15px;}

.main-nav ul.nav li a:before, .main-nav ul.nav li a:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.4s linear;
  background: #fff;
}

.main-nav ul.nav li a:before {
left: 0;
top: 0;
}

.main-nav ul.nav li a:after {
right: 0;
bottom: 0;
}

.main-nav ul.nav li a:hover:before, .main-nav ul.nav li a:hover:after {
width: 100%;
}

/*mobile nav*/

/*позиция бургера, размеры бургера, скрываем меню до нажатия*/
	header .menu-trigger {
	cursor: pointer;
	position: absolute;
	top: 15px;
	width: 32px;
	height: 40px;
	text-indent: -9999em;
	z-index: 99;
	right: 15px;
	display: none;
  }
  
  /*палочки бургера до принажатия, размеры, анимация*/

  header .menu-trigger span,
  header .menu-trigger span:before,
  header .menu-trigger span:after {
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background-color: #fff;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
  }

  header .menu-trigger span:before,
  header .menu-trigger span:after {
	width: 75%;
	content: "";
  }

  header .menu-trigger span {
	top: 16px;
  }

  header .menu-trigger span:before {
	-moz-transform-origin: 33% 100%;
	-ms-transform-origin: 33% 100%;
	-webkit-transform-origin: 33% 100%;
	transform-origin: 33% 100%;
	top: -10px;
	z-index: 10;
  }

  header .menu-trigger span:after {
	-moz-transform-origin: 33% 0;
	-ms-transform-origin: 33% 0;
	-webkit-transform-origin: 33% 0;
	transform-origin: 33% 0;
	top: 10px;
  }
  
  
  /*поведение и размеры палочек при нажатии на бургер*/
  header .menu-trigger.active span, header .menu-trigger.active span:before, header .menu-trigger.active span:after {
	background-color: transparent;
	width: 100%;
  }
  
  
  header .menu-trigger.active span:before {
	-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
	-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
	-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
	transform: translateY(6px) translateX(1px) rotate(45deg);
	background-color: #fff;
  }

  header .menu-trigger.active span:after {
	-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	transform: translateY(-6px) translateX(1px) rotate(-45deg);
	background-color: #fff;
  }


/* 
---------------------------------------------
site-content
--------------------------------------------- 
*/

.site-content {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}

.site-content > .container, .site-content > .container > .row, .site-content > .container > .row > .col-sm-12 > .content-wrap {height: 100%;}


.content-wrap {
  background-color: #5a9f82;
  padding: 15px;
}



/*
div#tekst_sverhu_kartinki {position: relative;}
.tekst_sverhu_kartinki {position: absolute; top: 45%; left: 15%; text-transform: uppercase; color: white; width: 850px; background: #00000094; padding: 10px; text-align: center; font: bold 200%/150% Helvetica, Sans-Serif;}
*/

#tekst_sverhu_kartinki {background-image: url('../img/img1.jpg'); background-size: cover; height: 780px; background-position: top right; display: flex; justify-content: center; align-items: center;}

.tekst_sverhu_kartinki {text-transform: uppercase; color: white; width: 850px; max-width: 100%; background: #00000094; padding: 10px; text-align: center; font: bold 200%/150% Helvetica, Sans-Serif;}


.footer {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.footer {
  background-color: #670000;
  color: #fff;
  padding: 10px 15px;
}

.footer {
  background-color: #670000;
  color: #fff;
  padding: 10px 15px;
}


/* media */

@media (max-width: 1199px) {
.top-info {font-size: 14px;}
.top-info .logo img {margin-right: 20px;}
}
@media (max-width: 991px) {
.top-info .logo img {margin-right: 7px;}
.top-info .logo, .top-info .phone, .top-info .address {text-align: center;}
.top-info .phone {
  padding: 5px 15px;}
  .top-info .logo img {
max-width: 50px;}
.top-info {
  position: relative;
  margin-bottom: 0;
}
.main-nav ul.nav li {
  width: 100%;
}
header .menu-trigger {
  display: block !important;
}
header .main-nav .nav {
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
}
.main-nav ul.nav li a {
  padding: 20px 15px;
  height: auto;
  transition: all 0.3s ease-out;
}

#tekst_sverhu_kartinki {height: 580px;}
}

table.iksweb{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	height: auto;
}
table.iksweb,table.iksweb td, table.iksweb th {
	border: 1px solid #595959;
}
table.iksweb td,table.iksweb th {
	padding: 3px;
	width: 30px;
	height: 35px;
}
table.iksweb th {
	background: #000000; 
	color: #000; 
	font-weight: bold;


@media (max-width: 768px) {
	.top-info {margin-top: 15px;}
.top-info .logo, .top-info .phone, .top-info .address {text-align: center;}
#tekst_sverhu_kartinki {height: 100%;}
.tekst_sverhu_kartinki {font-size: 160%;}
}

@media (max-width: 480px) {
	.top-info .logo {text-align: left;}
}