//  body{
//  background: #fff;
//}




html { height: 100%; }
body {
  min-height:100%;
  min-width: 320px;

  position:relative;
  padding-bottom: 70px;
    background: #fff;
}
div#imgpng{
   border: none;
  }
a img: {
   border: none; /* Убираем рамку */
  outline: none;
  }
a img  ::-moz-focus-outer, ::-moz-focus-inner {
      border: 0;
      padding: 0;

  }

a img:active, a:focus { outline: none; }

.footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
}

.container
{
 min-width: 800px;
}

//@media (max-width: 320px) {

//}
.gzl{
  background: red;
  text-align:center;
}

.abo1  p{
 //font-weight: 100;
  font-size: 16px;
   font-family: Arial,Helvetica,sans-serif;
  color:#888888;
}



.abo1 i {
 // background-color: red;
color: #3f3f3f;
//background: #3f3f3f;
font-size: 16px;
}

.abo1 i:hover{
//  background-color: #fff;
//  color:#fff;
//  color:yellow;

 color:#abd904
}



.abo1 a{
 //background: #3f3f3f;
 color:#3f3f3f;
}

.abo1 a:hover{
//  background-color: #fff;
 //color:#fff;
 //  color:yellow;
   color:#abd904;
}


div .s1 a :hover{
  //background: red;
  border: 5px solid #888888;
  padding 5px; 
 //   border: 1px solid yellow;
  // box-shadow: 0 0 0 0.2rem rgba(171, 217, 4, 255);
}

.s1{
padding-bottom:20px;
}


div#imgpng {
//background:#f7f7f9;
//padding-left: 20px;
padding-right: 20px;

//background:#eee;
}



div#d2 {
//background: #888888;
//background: #eee;
//background: #3f3f3f;
//background:6c783f;
//color:white;
//color:#3f3f3f;
//font-size: 150%;
//font-weight:bold;
//font-style:italic;
//text-align:  center;
//margin-left: 5px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
//padding-right: 20px;
//background:#eee;
//  font-size: 14px;
//  font-family: Arial,Helvetica,sans-serif;

}



.navbar-light .navbar-toggler {
    color:white;
    border-color: white;
      outline: none;


}

navbar-collapse collapse show{
  border-color:white;
}

.navbar{
 background: #3f3f3f;
}
.navbar-my ul li a{
 color: #white;
}
.navbar-my ul li a:hover{
 background: white;
}




.navbar .navbar-brand{
 color: #fff;
}
navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link a {
    //color: white;
}


.nav-item .btn-secondary hover {
  //padding-left: 10px;
  border-color: #fff;
}

.btn-secondary {
  //padding-left: 10px;
  background: #3f3f3f;
 border-color: #3f3f3f;
//margin-right:  10px;
//font-size: 16px;
}









div a:hover.cll1 {

  background-color:#888888 ;
//  font-style:oblique ;
//  text-decoration:none;
  font-family: Arial,Helvetica,sans-serif;
  color:white;
//  font-weight:400;
}

a :hover{
//  color: red;
//  text-decoration: underline;
}


.cll1{
  color: white;
  font-weight:bold;
}

.ban2{
  padding-right: 10px;
  margin-top: 12px;
  color:#eee;
}
.spbr{margin-right: 10px;}


.ban2 a{

    color:#636161;
  //font-weight:bold;
 //font-style:italic;
}

.mail{
  font-weight: bold;
}

.ban2 a:hover {color:  #3f3f3f;}







div .hiader2{
  background: red;
}


.breadcrumb > li + li:before {s
color: #888888;
content: "> ";
//content: "/ ";
//border-color: red;
padding: 0 5px;
font-family: Ubuntu, Arial, Helvetica, sans-serif;
background-color: #e9ecef;

}



.breadcrumb {
  border-radius: 0px;
  padding: .35rem 1rem;
}


#breadcrumb {
  //list-style: none;
  //display: inline-block;
  //padding-left: 0px;
    font-size: 12px;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  //float: left;
  color: #888888;
}
#breadcrumb li a {
  color: #888888;
  //display: block;
//  background: #cc2eaa;
}

#breadcrumb li a:hover {
  color: #3f3f3f;
}

.sitecola{
color: #abd904;
}

div#co1{
//  height: 200px;
  //width: 100%;
//color: #888888;

//color:#abd904;
font-family: Ubuntu, Arial, Helvetica, sans-serif;
//font-weight: 400;
}
div#co1 p{
  font-size: 16px;
//  color: #888888;
}


div#co2{
  //height: 200px;
  //  width: 100%;
  //background: blue;
}
div#co2 p{
  font-size: 16px;
}

.yanmoney{
//  background-color: red;
}

hr{
//  padding: 0px;
//  margin-bottom: : 0.2em;
  background-color: #888888;
}

.emcolo{
  color:#888888;
}

.emcolo2 p{
  //color:red;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.emcolo2 a{
  color:black;
}


.emcolo2 a:hover{
  color:#abd904;
}


.hrCol{
  background-color: red;
  padding-top:0px;
}


.ogo1{
  //padding-top: 20px;
}

.ot1{
  margin-top: 20px;
}


.card-img{
//  padding-bottom: 10px;
}




.fixed-bottom {
  //position: absolute;
//  bottom: 0;
  //width: 100%;
//  height: 60px;
  background: #888888;



  //position:fixed; bottom:0;
}


div#copp1{
  //background: #888888;
    background: #3f3f3f;
  color: #888888;
//  content: "> ";
  //content: "/ ";
  //border-color: red;
//  padding: 0 5px;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
//  background-color: #e9ecef;
  font-size: 12px;
}

.social{

}


 .social i {
  // background-color: red;
color: #3f3f3f;
//background: #3f3f3f;
font-size: 14px;
}

.social i:hover{
//  background-color: #fff;
//  color:#fff;
//  color:yellow;

  color:#abd904
}



.social a{
  //background: #3f3f3f;
  color:#3f3f3f;
}

.social a:hover{
//  background-color: #fff;
  //color:#fff;
  //  color:yellow;
    color:#abd904;
}


.hiader3 div#obrsv2{
//  background-color:  #e9ecef;
  //  background-color: yellow;
  // background-color: #e9ecef;

}


.hiader4 div#obrsv{
//  background-color:  #e9ecef;

   background-color: #e9ecef;
}

.form-control#exampleFormControlTextarea1{
  //border-color:#888888;
  //  border-color:#abd904;
      border-color:#6ab400;
}






.grbr1 textarea {
  //  border: 1px solid #ba68c8;
}

.green-border-focus .form-control:focus {
   border: 1px solid #8bc34a;
  //   border: 1px solid yellow;
    box-shadow: 0 0 0 0.2rem rgba(171, 217, 4, 255);

  //  #abd904
    //rgba(129, 195, 74, .55);
  //  box-shadow: 0 0 0 0.2rem yellow;
}


.form-control#exampleInputPassword1{
//  border-color:#888888;
//  border-color:#abd904;
    border-color:#6ab400;
  //    border-color:#abd904;

}


.form-control#exampleInputPassword2{
//  border-color:#888888;
  //border-color:#abd904;
    border-color:#6ab400;

}
.form-control#exampleInputEmail1{
  //border-color:#888888;
//  border-color:#abd904;

  border-color:#6ab400;
}


.form-control#exampleFormControlTextarea1:focus {
//  border-color:yellow;
//  background: white;
  //  border: 2px solid #3f3f3f;
}

.btn-primary{
  color: #fff;
background-color: #888888;
border-color: #888888;

}

/*
.btn-primary:hover{
  background-color: #888888;
  border-color: 2px solid #abd904;
  color: #abd904;
 box-shadow: 0 0 0 0.2rem #abd904;;
}


.btn-primary: focus{
  background-color: #888888;
  border-color: 2px solid #abd904;
  color: #abd904;
}

*/

.btn-primary:hover {
  color: #abd904;
  background-color: #888888 !important;
  box-shadow: 0 0 0 0.2rem #abd904 !important;
}

.btn-primary:focus {
  color:  #888888;
  background-color: #abd904 !important;
  border-color: 2px solid #abd904;
box-shadow: 0 0 0 0.2rem #abd904 !important;
}

.btn-primary:active {
  color: white;
  background-color: #888888 !important;
  border-color: #abd904  !important;
    border-color: 5px solid #888888 !important;
    box-shadow: 0 0 0 0.2rem #888888 !important;
}


p span#manCol1{
 color:#abd904;
}

p span#manCol2{
 color:black;
}

p span#manCol3{
 color:red;
}


p span#manCol4{
 color:blue;
}


 div#manColRight{
  background-color :#e9ecef;
}


 div p .colBack  {
  background: #888888;
  //  background: #3f3f3f;
  color: red;

  //font-family: Ubuntu, Arial, Helvetica, sans-serif;
  //  background-color: #e9ecef;
  font-size: 10px;


}



@media (max-width: 576px) {
  /* на больших экранах распологаем блоки друг за другом */
div#d2 {
  padding-top: 0px;
  padding-bottom: 0px;
}