


/* sprite bg  */

  .bg-sprite
  {
    background: url('/site/frontend/assets/images/sprite.png') no-repeat 0 0;
    overflow: hidden;
    display: inline-block;
  }

  .bt-icons {
    width: 89px;
    height: 89px;
    margin: 15px 5px 0 0;
  }

  .bt-appstore
  {
    background-position: 0 0;
    width:138px;
    height: 45px;

  }
  .bt-android
  {
    background-position: 0 -48px;
    width:138px;
    height: 45px;

  }
  .bt-fb
  {
    background-position: -99px 0;
  }

  .bt-ig
  {
    background-position: -192px 0;
  }


  .bt-lk
  {
    background-position: 0 0;
  }

  .bt-iso
  {
    width: 180px;
    height: 80px;
    background-position: -60px -90px;
  }

  .bt-yago
  {
    width: 175px;
    height: 59px;
    background-position: -300px 0;
  }

  .uc-icon 
    {
      display: inline-block;overflow:hidden;width: 100px;height: 90px;padding-top: 12px;margin-bottom: 0;
    }
    .aaa-icon 
    {
      display: inline-block;overflow:hidden;width: 100px;height: 90px;padding-top:24px;margin-bottom: 0;
    }

/* padding and margins */
  
  /* paddings */

    .no-space div[class*="col-"]
    {
      padding-left: 0 !important;
      padding-right: 0 !important;
      overflow: hidden;
    }

    .padding-5
    {
      padding:5px;
    }

    .padding-15
    {
      padding:15px;
    }

    .padding-20
    {
      padding:20px;
    }

    .padding-15-h
    {
      padding-left:15px;
      padding-right: 15px;
    }

    .padding-15-v
    {
      padding-top:15px;
      padding-bottom: 15px;
    }
    .padding-15-v-b
    {
      padding-bottom: 15px;
    }
    .padding-30
    {
      padding:30px;
    }

    .padding-30-v
    {
      padding-top:30px;
      padding-bottom: 30px;
    }
    .padding-30-v-b
    {
      padding-bottom: 30px;
    }
    .padding-30-v-t
    {
      padding-top: 30px;
    }

    .padding-30-h
    {
      padding-left:30px;
      padding-right: 30px;
    }
    .padding-60
    {
      padding:60px;
    }
    .padding-60-v
    {
      padding-top:30px; /* in mobiles the padding is smaller */
      padding-bottom: 0;
    }
    .padding-60-v-b
    {
      padding-bottom: 60px;
    }

    .padding-60-v-t
    {
      padding-top: 60px;
    }

    .no-padding-h
    {
      padding-left:0;
      padding-right: 0;
    }

  /* margin */

    .no-margin-h
    {
      margin-left:0;
      margin-right:0;
    }
     .no-margin
    {
      margin:0;
    }
     .margin-1-v-b
    {
      margin-bottom: 1px;
    }
    .margin-5
    {
      margin: 5px;
    }
    .margin-15
    {
      margin: 15px;
    }

    .margin-5-h
    {
      margin-left: 5px;
      margin-right: 5px;
    }

    .margin-5-h-r
    {
      margin-right: 5px;
    }

    .margin-15-h
    {
      margin-left: 15px;
      margin-right: 15px;
    }

    .margin-15-v
    {
      margin-top: 15px;
      margin-bottom: 15px;
    }

    .margin-15-v-b
    {
      margin-bottom: 15px;
    }
    .margin-30-v
    {
      margin-bottom: 30px;
      margin-top: 30px;
    }
    .margin-30-v-b
    {
      margin-bottom: 30px;
    }
    .margin-30-v-t
    {
      margin-top: 30px;
    }
    .margin-60-v-b
    {
      margin-bottom: 60px;
    }

    .margin-60-v
    {
      margin-bottom: 60px;
      margin-top: 60px;
    }

    .margin-65-v-t
    {
      margin-top: 65px;
    }

/* breadcrumbs */

  #breadcrumbs {
      list-style: none;
      margin: 0;
      padding: 0;
      float: left;
      width:100%;
      margin-bottom: 1em;
      font-size: small;
  }
  #breadcrumbs li {
      float:left;
      padding-right: 5px;
  }

  #breadcrumbs li a{
      color:#2ea79f;
  }

/* admin panel in the bottom */

  .yc-admin-panel {
     position: fixed;
     bottom: 0;
     z-index: 99;
     padding:0 25px;
  }

/* underpages and modules  */


.toggle-div {
    text-transform: uppercase;
    color: #0995bc;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    font-style: normal;
}


@media (min-width: 768px)
{
  #projects-wrapper
  {
    display:block;
  }
  .sm-only{display:none;}
  .worker-img-wrapper
  {
    margin-bottom:60px;
  }
   .projects .info
    {
      height: 40px;
    }

  .template_start #main
  {
    margin-top:0;
  }
  .template_default #main
  {
    margin-top:100px;
  }
  .n3{
    float: right !important;
  }
  .n4 .bg-img
   {
    min-height: 370px;
  }
  .n3 .bg-img
   {
    min-height: 720px;
  }

  .n3 .bg-img img, 
  .n4 .bg-img img,
  .n8 .bg-img img,
  .n5 .bg-img img
  {
     transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    -moz-transform: translate(-50%, -50%) scale(1, 1);
    -o-transform: translate(-50%, -50%) scale(1, 1);

    max-height:100%;
  }
    .monitor .flex-direction-nav
    {
      display: block;
    }
    .monitor .flex-control-paging li a {
      height: 60px;
      width:11px;
    }
    .monitor .flex-control-nav li {
      margin: 0 6px;
    }

    .monitor .flexslider .position-center
    {
      bottom: 0;
      top:auto;
      padding: 0 2rem;

    }

    .monitor .flexslider .position-center  h4
    {
        font-size: 18px;
    }
}

@media (min-width: 1024px)
{
  .padding-60-v
  {
    padding-top:60px;
    padding-bottom: 60px;
  }
}