/* Required for full background image */

html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}

.top-nav-collapse {
  rgba(123, 123, 123, 0.16) !important
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #f8bbd0 !important;
  }
}

header .view{
  color: #fff;
  font-family: 'Century Gothic Regular';
  src: url('CenturyGothic.eot');
  src: url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
  url('CenturyGothic.woff') format('woff'),
  url('CenturyGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

nav h2, #pr_usts{
  font-family: 'Century Gothic Regular';
  src: url('CenturyGothic.eot');
  src: url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
  url('CenturyGothic.woff') format('woff'),
  url('CenturyGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

nav img{
  float: left;
}

nav ul li{
  list-style: none;
  float: left;
  margin-right: 25px;
}

nav ul{
  float: right;
}

.view .btn{
  background-color: rgba(70, 131, 239, 0.47)!important;
  border-radius: 7px;
}

.view .btn:hover{
  background-color: rgba(47, 111, 224, 0.65)!important;
}

.view .mask{
  background-color: rgba(0, 0, 0, 0.05);
}

#advantages img{
  display: block;
  margin: auto;
}

#advantages h5{
  text-align: center;
}

#advantages p{
  font-size: 14px;
  text-align: justify;
}

#advantages .col-md-3{
  padding-right: 20px;
   padding-left: 20px;
}

#disk{
  background-image: url(../img/main/bg_disc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

#disk input{
  background-color: rgba(255, 255, 255, 0.57);
  margin: auto;
  max-width: 80%;
}

#disk .btn{
    background-color: rgba(255, 36, 56, 0.66);
}

#disk .btn:hover{
    background-color: rgba(255, 36, 56, 0.89);
}

#services p{
  text-align: justify!important;
}

#services .col-md-4{
  padding-right: 25px;
  padding-left: 25px;
}

#bfd{
  background-image: url(../img/main/bg_bfd.jpg);
  background-size: cover;
  color: #fff;
}

#bfd button{
  background-color: rgba(44, 144, 230, 0.6);
}

#bfd button:hover{
  background-color: rgba(44, 144, 230, 0.77);
}

#compl_resh{

}

#compl_resh .com_op{
  border: 1px solid #2c91de;
  padding-left: 15px;
}

#compl_resh h4{
    border-bottom: 1px solid #2c91de;
    width: 81%;
    margin: auto;
}

#compl_resh .col-md-4{
  padding-right: 2px;
  padding-left: 2px;
}

#compl_resh img{
  width: 100%;
  height: 100%;
}

#pr_ust{
  margin-top: 5rem;
}

#pr_ust img{
  width: 100%
}

#fav_us{
  background-image: url(../img/main/bg_fav.jpg);
  background-size: cover;
  color: #fff;
}

#fav_us2{
  background-image: url(../img/main/dow.png);
  background-size: cover;
  color: #fff;
}

#fav_us img{
  float: left;
}

#fav_us p{
  margin-left: 55px;
}

#hww img{
  float: left;
}

#hww .col-md-2{
  padding-right: 0px;
  padding-left: 0px;
}

#hww .qwwq {
  padding-top: 20px;
}

#hww .qwwe {
  padding-top: 8px;
}

#onk .col-md-4{
  padding-left: 40px;
  padding-right: 40px;
}

#onk img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#onk p{
  padding-left: 20px;
  padding-right: 20px;
}

#onk .otz{
  background-color: #e0e0e0;
  padding-top: 50px;
}

#onk img{
  margin-bottom: -50px;
}

footer{
  font-size: 14px;
  color: #fff;
  background-color: #7b7b7b;
}

/*TIMER*/
#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 25px;
}

#clockdiv > div{
    padding: 10px;
    display: inline-block;
}

#clockdiv div > span{
    padding: 13px;
    border-radius: 35px;
    background: rgba(226, 15, 15, 0.52);
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}