*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    /*background: url(../images/geometry2.png);*/
    background: #fff;
}
.caveat{
    font-weight: 400;
}
.logo{
    font-size: 70px;
    line-height: 74px;
    /* text-transform: uppercase; */
    font-weight: 800;
    color: #3f3a34;
    letter-spacing: -8px;
}
.slogan {
        font-size: 20px;
    letter-spacing: -1px;
    color: #dc3545;
    font-weight: 700;
    padding: 13px 0 0 0;
    text-transform: uppercase;  
}
.menu-item a{
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #3f3a34;
    letter-spacing: -2px;
}
.menu-item a:hover{
    text-decoration: none;
    color: #dc3545; 
}
header{
    padding: 0px 0 10px;
}
.menu {
    background: #ffcb57;
    padding: 10px 0;
    margin: 0 0 0px 0;
}
footer {
    background: #ffcb57;
    padding: 10px 0;
    margin: 10px 0 0px 0;
}


.question, .control {
  display: none;
}
.act {
    display: block;
}
.question-pagination {margin-top: 5px;}
.question-pagination_btn {margin:0;}
.question-pagination_btn button {
    margin: 2px;
    width: 45px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
.btn-default {
    color: #ffffff;
    background-color: #3f3a34;
    border-color: #3f3a34;
}
.current_act {
    background-color: #ffcb57;
    border-color: #ffcb57;
}
.wr-the-best .the-best{
    padding: 5px 3px;
    background-color: rgba(255, 203, 87, 0.15);
    color: #3f3a34;
    border: 1px solid #ffcb57;
    border-radius: .25rem;
    margin-bottom: 5px;
    overflow: hidden;
}
.wr-the-best .the-best:last-child{
    margin-bottom: 0px;
}
.social {
    border-bottom: 1px solid #dc3545;
}
.question-wr {
    font-size: 20px;
    line-height: initial;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #dc3545;
}
.h2, h2 {
    font-size: 24px;
    font-weight: 600;
}
.alert-warning {
    color: #856404;
    background-color: rgba(255, 203, 87, 0.15);
    border-color: #ffcb57;
}
.the-best-name {
    font-size: 12px;
    border-bottom: 1px solid #ffcb57;
}
.the-best-otkyda{
    font-size: 12px;
}
.otvet-q label{
    cursor: pointer;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .35rem 1rem;
    margin-bottom: 0;
    list-style: none;
    background-color: #ececec;
    border-radius: 0;
}
.breadcrumb{
    background-color: #ececec;
        margin-bottom: 30px;
}



input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before,
input[type=radio].with-font:not(:checked) ~ label:before,
input[type=checkbox].with-font:not(:checked) ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.5em;
    color: #535353;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f00c";
    font-size: 1.5em;
    color: darkgreen;
    letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f046";        
    color: darkgreen;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{                
    color: green;
}
.question.jumbotron {
    padding: 2rem 2rem;
}
.numb-q-variant{
    text-align: center;
}
.list-style{
    list-style-position: inside;
}
.name-people {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: initial;
}
.name-people span {
    font-size: 14px;
    text-transform: initial;
}
.nubq-people {
    font-size: 22px;
    font-weight: 600;
}
.img-1 {
    max-width: 350px;
    margin: 30px auto 0;
    display: block;
}
.img-2 {
    max-width: 400px;
    margin: 30px auto 0;
    display: block;
}
.img-3 {
    max-width: 550px;
    margin: 30px auto 0;
    display: block;
}
img.img-m1 {
    max-width: 75px;
}
.btn-tweet {
  background-color: #41b7d8;
  border-color: #41b7d8;
}

.btn-tweet:hover,
a .btn-tweet:hover {
  background-color: #238caa;
  border-color: #238caa;
}
.btn-facebook {
  background-color: #3b5997;
  border-color: #3b5997;
}
.btn-facebook:hover,
a .btn-facebook:hover {
  background-color: #263960;
  border-color: #263960;
}
.btn-google {
  background-color: #d64937;
  border-color: #d64937;
}
.btn-google:hover,
a .btn-google:hover {
  background-color: #a02f21;
  border-color: #a02f21;
}
.btn-linkedin {
  background-color: #0073b2;
  border-color: #0073b2;
}
.btn-linkedin:hover,
a .btn-linkedin:hover {
  background-color: #004265;
  border-color: #004265;
}
.btn-pinterest {
  background-color: #cb2027;
  border-color: #cb2027;
}
.btn-pinterest:hover,
a .btn-pinterest:hover {
  background-color: #89161a;
  border-color: #89161a;
}
.btn-github {
  background-color: #3a3838;
  border-color: #3a3838;
}
.btn-github:hover,
a .btn-github:hover {
  background-color: #131212;
  border-color: #131212;
}
.btn-vk {
  background-color: #5e82a8;
  border-color: #5e82a8;
}
.btn-vk:hover,
a .btn-vk:hover {
  background-color: #415c78;
  border-color: #415c78;
}
.btn-xing {
  background-color: #175e60;
  border-color: #175e60;
}
.btn-xing:hover,
a .btn-xing:hover {
  background-color: #082222;
  border-color: #082222;
}
.btn-tumblr {
  background-color: #35465c;
  border-color: #35465c;
}
.btn-tumblr:hover,
a .btn-tumblr:hover {
  background-color: #19212b;
  border-color: #19212b;
}
.btn-reddit {
  background-color: #ff5700;
  border-color: #ff5700;
}
.btn-reddit:hover,
a .btn-reddit:hover {
  background-color: #b33d00;
  border-color: #b33d00;
}
.b-social{
    color: #fff;
}
.b-social:hover{
    color: #fff;
}
#start {
    font-size: 42px;
}
button:hover{
  cursor: pointer;
}
.question_n{
  display: block;
  margin-bottom: 12px;
}
.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.name, .bal, .bal2 {
    font-size: 32px;
    color: #dc3645;
}
.result {
    font-size: 20px;
    line-height: initial;
}
.kart-map {
    max-width: 500px;
    margin: 0 auto;
}
.kart-map img{
  max-width: 30px;
}
.w-33{
  width: 33%;
}
#start.start-B{
  font-size:1.8rem;
}
.navbar-toggler-icon {
    font-size: 30px;
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    color: #3f3a34;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
p.quot-shadow {
    border-left: 3px solid #dc3545;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    box-shadow: 0 5px 10px 1px #CCC;
    padding: 10px 10px 10px 25px;
}




@media (max-width: 767px){
  iframe, .y-video iframe {
    /* height: auto !important; */
}
  .morder-1{
    order: 1;
  }
  .morder-2{
    order: 2;
  }
  .morder-3{
    order: 3;
  }
  .morder-4{
    order: 4;
  }
  .morder-5{
    order: 5;
  }
  .w-33{
    width: 100%;
  }
  .w-75 {
      width: 90%!important;
  }
  .block-news .col-12, #pdopage .col-12{
    text-align: center;
  }
  .name-news-bl{
    margin-bottom: 1rem!important;
  }
  .wr-share, .wr-rating{
    flex: 0 1 100%;
  }
  .container-foto img{
    display: block;
    width: 100% !important;
    height: auto;
  }
  .pag {
      margin-bottom: 25px;
  }
  .img-3 {
      max-width: 550px;
      margin: 30px auto 0;
      display: block;
      width: 100%;
  }
  .img-1 {
    max-width: 350px;
    margin: 30px auto 0;
    display: block;
    width: 100%;
  }
  .img-2 {
      max-width: 400px;
      margin: 30px auto 0;
      display: block;
      width: 100%;
  }
  .first_block .lead {
    padding: 0 10px;
  }
  #start {
    font-size: 1.8rem;
  }
  .dev, .dev2{
    text-align: center !important;
  }
  .foto-people {
    flex: 0 1 100%;
    text-align: center;
  }
  .name-people {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: initial;
    width: 100%;
    text-align: center;
    padding: 10px 0 0px!important;
  }
  .nubq-people {
      font-size: 22px;
      font-weight: 600;
      width: 100%;
      text-align: center;
  }
  img.flag-c {
    max-width: 47px;
    margin: 0 auto;
  }
  li.breadcrumb-item {
    flex: 0 1 100%;
    text-align: center;
    border-bottom: 1px solid #d0caca;
  }
  .breadcrumb-item+.breadcrumb-item::before{
    content: '';
    display: none;
  }
  .menu-item a {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #3f3a34;
    letter-spacing: -2px;
    margin-bottom: 6px;
    display: block;
  }
  .question-pagination_btn button {
    width: 45px;
  }
  .nex-B{
    text-align: center;
  }
}
@media (max-width: 600px){
  .slogan {
      font-size: 18px;
      line-height: initial;
      text-align: center;
  }
  .otvet-q {
    width: 100%;
}
}
@media (max-width: 320px){
  .question-pagination_btn button {
      width: 54px;
  }
  .question.jumbotron {
      padding: 12px;
  }
  .question-wr {
      font-size: 16px;
      line-height: initial;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 2px solid #dc3545;
  }
  .otvet-q {
      flex: 0 0 50%;
      text-align: center;
  }
}