html {
    width: 100%;
    font-family: "Cuprum";
    font-size: 18px;
    background: url(../img/background.jpg) fixed center no-repeat;
    min-width: 960px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/**
==========================
    Сетка
==========================
**/

.container {
    width: 1260px;
    margin: auto;
}

.col {
    position: relative;
    float: left;
    padding: 5px;
}


/**
==========================
    Шапка
==========================
**/
/*.header {    
    background: url(../img/c2b2.jpg); 
    background-size: cover;
    z-index:50;}*/



.header .info .col {
    width: 33.33333%;
    height: 215px;
    text-align: center;
    /*background: #fff;*/ /*dlya shapki*/
    /*color: #424242;*/
  color:#222;
   text-shadow: #fff 1px 1px 0, #fff -1px -1px 0, 
                #fff -1px 1px 0, #fff 1px -1px 0;
}

/*.info .col {
    width: 33.33333%;
    height: 215px;
    text-align: center;
    background: none;
    color: #424242;
  opacity:0.7;
}*/

.header .info .brand img {
    height: 100%;
    width: auto;
}

.header .info .text {
    font-size: 1.8rem;
    line-height: 45px;
    padding-top: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Bebas Neue";
    letter-spacing: 1px;
    color: #f88d0d;
 /* color:#fff; NG 2019*/
}

.header .contacts {
    font-family: "Cuprum";
    font-size: 1.2rem;
    line-height: 53.3333px;
}

.header .contacts .phone {
    font-family: "Bebas Neue";
    font-weight: bold;
    font-size: 3rem;
    /*color: #f88d0d;*/
  color:#222;
  text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, 
                #fff -2px 2px 0, #fff 2px -2px 0;
}


/**
==========================
    Навигация
==========================
**/

nav {
    position: relative;
    width: 100%;
    z-index: 10;
}

nav ul li a {
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-size: 100%;
    width: 16.65%;
    height: 50px;
    line-height: 50px;
    background: linear-gradient(0deg, #ff7a00, #ffc279);
    background-size: auto 100px;
    transition: background-position 0.3s ease-out;
}

nav ul li a:hover {
    background-position: bottom;
}

nav ul li:not(:last-child) a {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}










/**
==========================
    Крошки
==========================
**/

.breadcrumbs {
    padding: 0 5px;
}

.breadcrumbs ul {
    margin-top: 40px;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}

.breadcrumbs ul li {
    float: left;
}

.breadcrumbs ul li a {
    color: #9E9E9E;
    text-decoration: none;
}

.breadcrumbs ul li:last-child a {
    color: #2196F3;
}

.breadcrumbs ul li:not(:last-child)::after {
    display: inline-block;
    color: #9E9E9E;
    content: "/";
    padding: 0 10px;
}


/**
==========================
    Сайдбар
==========================
**/

.sidebar {
    width: 360px;
    padding: 0 5px;
    margin-top: 20px;
}

.sidebar side {
    display: block;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    padding: 20px;
}


/** Меню **/

.sidebar side .nav .nav-title {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 20px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    color: #757575;
}

.sidebar side .nav .nav-content li a {
    display: block;
    padding: 0 25px;
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #F5F5F5;
    text-decoration: none;
    color: #757575;
    line-height: 50px;
    transition: background 0.2s ease-out, color 0.2s ease-out;
}

.sidebar side .nav .nav-content li a:hover {
    background: #EEEEEE;
    color: #424242;
}

.sidebar side .nav .nav-content li ul {
    margin-left: -20px;
    margin-right: -20px;
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s ease-out;
}

.sidebar side .nav .nav-content li ul.open {
    max-height: 800px;
}

.sidebar side .nav .nav-content li ul li a {
    background: #FFF3E0;
    padding-left: 60px;
}

.sidebar side .nav .nav-content li ul li a:hover {
    background: #FFE0B2;
}

.sidebar side .nav .nav-content li a .mdi {
    position: absolute;
    right: 25px;
}


/** Баннер **/

.sidebar side .banner .banner-content {
    margin-top: 20px;
    border-radius: 3px;
    background: #FF9800;
    padding: 3px;
}


/**
==========================
    Основной контент
==========================
**/

.main-container-with-sidebar {
    width: 900px;
    padding: 0 5px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.main-container-with-sidebar .main-content {
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}


/**
==========================
    Фиксы
==========================
**/

.rotate {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.rotate-back {
    transform: rotate(0deg);
    transition: transform 0.2s ease;
}

.container-16-9 {
    position: relative;
    padding-bottom: 54%;
    padding-top: 25px;
    height: 0
}

.content-16-9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

@media only screen and (max-device-width: 800px) {
    html {
        min-width: 1024px;
        background: none;
    }
}

@-ms-viewport {
    width: 1024px;
    max-width: 1024px;
}

@-webkit-viewport {
    width: 1024px;
    max-width: 1024px;
}

@-moz-viewport {
    width: 1024px;
    max-width: 1024px;
}

@-o-viewport {
    width: 1024px;
    max-width: 1024px;
}

@viewport {
    width: 1024px;
    max-width: 1024px;
}


#button3 {
float:left;
width:100%;

  background: #d11717 url('../img/bkg-1.jpg');
  background-position: 0 0;
  color: white;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 22px;
  height: 158px;
  width: 255px;
  margin: 70px 50px 100px 100px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 160px;
  
  /*Переход*/
  -webkit-transition: All 0.8s ease;
  -moz-transition: All 0.8s ease;
  -o-transition: All 0.8s ease;
  -ms-transition: All 0.8s ease;
  transition: All 0.8s ease;
  
  /*Скругленные углы*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  /*Тень*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}

#button3:hover {
  background-position: 0px 150px;
  color:#f5f5f5;
}

#button1 {
	color:#fff;
  background: #ff820e;
  border: 2px solid #eee;
  height: 33px;
  width: 138px;
  margin: 50px 0 0 50px;
  padding: 3px 0 0 7px;
  overflow: hidden;
  display: block;
  
  /*Переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Скругленные углы*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  
  /*Градиент*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

#button1:hover {
  width: 320px;
}
.styletable1 {
	color: #FFFFFF;
	font-weight: bold;
}
.styletable2 {
	color: #ffffff;
	font-weight: bold;
}
.styletable3 {color: #ffffff}
.tdbg{
border-color:#f79746;
}

p img {
display:block;
  width:100%
    heght:auto
    float:left;
  margin-right: 10px;
}

/*dlya shapki*/

/*.header {
	background: url(../img/c2b2.jpg);
	background-size:cover;
	
	
	
	}*/

.header {
	background: #fff;;
	background-size:cover;
	
	
	
	}

/* NG 2019
.text {
background: url(../img/left2019.png)no-repeat;
	background-size:contain;
}

.brand{
background: url(../img/center.gif) no-repeat;
	background-size:contain;
  background-position: center;
 
}

.contacts{
background: url(../img/right2019.png) no-repeat;
	background-size:contain;
  background-position: center;
 
}


*/