/*
Template Name: Multi
Version: 1.0
Author: ShapeBootstrap
Author URL: http://shapebootstrap.net
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);
@import "elements.less";

@major_color: #0E80C1;
@text_color: #64686d;

body {padding-top: 65px;background: #fff;font-family: 'Roboto', sans-serif;font-weight: 400;color: @text_color;line-height: 26px;}
h1,h2,h3,h4,h5,h6 {font-weight: 600;font-family: 'Roboto', sans-serif;color:#272727;}
h1 {margin: 35px 0 25px;font-size: 40px;}
hr {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #fff;}
a {
  color: @major_color; .trans(background, color; 400ms; ease-out);
  &:hover, &:focus {text-decoration: none;color: darken(@major_color, 10%);}
}
.doc-585 {
    h1 {margin:20px 0; font-size:35px;}
    #blog { padding:20px 0 30px; }
    #cta { padding:30px 0; }
}
.page-title { margin:30px 0 20px; }
table.table {
  &.table-black {
    border-color:#000;
    h4 {text-decoration:underline}
    td,th {border-color:#000;}
  }
  tr.infoa {
    >td,>th {
      background:#5BC0DE;
      * {color:#fff}
    }
  }
}
.breadcrumb-container {
   background:#efefef;
   .breadcrumb {
      margin-bottom: 0px; background:none;padding: 5px 10px;font-size:12px;
      >li+li:before {content:'\003E';color:#888}
   }
}
.ponuka {padding:15px 0;}
.owl {
  position:relative;
  .owl-controls {
     .owl-buttons {
        position: absolute;top:-35px;right:0;
        >div {color:#000;display:inline-block;margin-left:15px;}
     }
  }
}
.gradiant {
  background-image: -moz-linear-gradient( 90deg, rgb(44,170,179) 0%, rgb(44,140,179) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(44,170,179) 0%, rgb(44,140,179) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(44,170,179) 0%, rgb(44,140,179) 100%);
}
.gradiant-horizontal {
  background-image: -moz-linear-gradient( 4deg, rgb(44,170,179) 0%, rgb(44,140,179) 100%);
  background-image: -webkit-linear-gradient( 4deg, rgb(44,170,179) 0%, rgb(44,140,179) 100%);
  background-image: -ms-linear-gradient( 4deg, rgb(44,170,179) 0%, rgb(44,140,179) 100%);
}
.section-header {
  .section-title {
    font-size: 44px;color: rgb(39, 39, 39);text-transform: uppercase;position: relative;padding-bottom: 20px;margin: 0 0 20px;
    &:before {content: "";position: absolute;width: 140px;bottom: 0;left: 50%;margin-left: -70px;height: 1px;background: #ebebeb;}
    &:after {content: "";position: absolute;width: 24px;height: 24px;bottom: -11px;left: 50%;margin-left: -12px;border: 5px solid #fff;.rounded(20px);background: @major_color;}
  }
  margin-bottom: 50px;
}
.btn {
  border-width: 0;border-bottom-width: 3px;.rounded(3px);
  &.btn-primary {
    background: @major_color;border-color: darken(@major_color, 10%);
    &:hover,&:focus{background: darken(@major_color, 10%);}
  }
}
.column-title {
  margin-top: 0;padding-bottom: 15px;border-bottom: 1px solid #eee;margin-bottom: 15px;position: relative;
  &:after {content: " ";position: absolute;bottom: -1px;left: 0;width: 40%;border-bottom: 1px solid @major_color;}
}
ul.nostyle {
  list-style: none;padding: 0;margin-bottom: 20px;
  i {color: @major_color;}
}
.scaleIn {-webkit-animation-name: scaleIn;animation-name: scaleIn;}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.nav-tabs {
 &>li {
    a { background:darken(@major_color, 10%);color:#fff;border-color: darken(@major_color, 10%); }
    &.active a,
    a:hover { background:@major_color !important;color:#fff !important; border-color: darken(@major_color, 10%); }
 }
}
.tab-content {border: 1px solid #ddd;border-top: 0;padding: 20px 20px 10px;.border-radius(0,3px,3px,0);}
#mapa {position:relative;
  &.fullsize {position:fixed;left:0;right:0;top:0;bottom:0;z-index:400000000;
    .mapa {width:100% !important;height:100% !important;}
  }
  .zvacsit, .zmensit {position:absolute;display:inline-block;background:#fff;padding:5px 12px 3px;font-weight:bold;text-transform:uppercase;}
  .zvacsit {left:0;bottom:0px;color:@major_color;}
  .zmensit {right:0;top:0;display:none;}
}
.user-zone {
  display:none !important;position: fixed;right: -150px;z-index: 500;top: 225px;text-align: right;
  a {padding:10px 25px;font-size: 20px;display: inline-block;text-transform: uppercase;.drop-shadow();background:#fff;font-weight: bold;.trans(all,0.7s);}
  &.active a {background:#eee;color:#A8CDE2;}
}
.popover {max-width:400px}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.navbar {
  &.navbar-default {
    border: 0;.rounded(0px);margin-bottom: 0;
    .navbar-toggle {margin-top: 15px;}
    .navbar-brand {
      height: auto;padding:0; /* 17px 15px 18px;*/
      img {height:65px}
    }
    .navbar-collapse {position:relative;}
  }
}
.dom {
  .info {
    position:absolute;top:-340px;right:0px;background:#fff;padding: 12px 20px;.drop-shadow();
    >div {
      b {width:90px;display: inline-block;}
    }
  }
}
#bar{width: 0%;max-width: 100%;height: 4px;background: @major_color;}
#progressBar{margin-top: -4px;position: relative;z-index: 999;width: 100%;background: rgba(0, 0, 0, 0.1);}
#cta {
  padding: 50px 0;background-color: #eeeeee;
  h2 {margin-top: 0;}
  .btn {margin-top: 40px;}
}
#cta2 {
  background: #242a33 url("/include/images/cta2/cta2-bg.jpg") no-repeat 50% 50%;background-size: cover;color: #fff;padding-top: 70px;
  .btn {margin-top: 10px;}
  h2 {
    color: #fff;font-size: 44px;line-height: 1;
    >span {color: @major_color;}
  }
}
#features {padding: 40px 0 60px;background: #E4F4F9;}
#services {padding: 100px 0 75px;}
.media.service-box {
  margin: 25px 0;
  .pull-left {
    margin-right: 20px;
    >i {
      font-size: 24px;height: 64px;line-height: 64px;text-align: center;width: 64px;.rounded(100%);color: @major_color;
      box-shadow: inset 0 0 0 1px #d7d7d7;-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;transition: background-color 400ms;position: relative;
      &:after {
        content: "";position: absolute;width: 20px;height: 20px;top: 50%;margin-top: -10px;right: -10px;border: 4px solid #fff;.rounded(20px);background: @major_color;
      }
    }
  }

  &:hover {
    .pull-left {
      >i {
        .gradiant();
        color: #fff;box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
      }
    }
  }
}

#portfolio { padding: 0px 0 50px;
  .portfolio-filter { list-style: none;padding: 0;margin: 0 0 50px;display: inline-block;
    >li { float: left;display: block;
      a { display: block;padding: 7px 15px;background: #e5e5e5;color: @text_color;position: relative;
        &:hover,&.active {background: @major_color;color: #fff;box-shadow: 0 -3px 0 0 #318daf inset;-webkit-box-shadow: 0 -3px 0 0 #318daf inset;}
        &.active:after {
          content: " ";position: absolute;bottom: -17px;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: #318daf transparent transparent transparent;
        }
      }
      &:first-child {a {.border-radius(0,0,4px,4px);}}
      &:last-child {a {.border-radius(4px,4px,0,0);}}
    }
  }
  .portfolio-items { margin: -15px;
    .portfolio-item { margin:14px -1px;
      .portfolio-item-inner { position: relative;
        .portfolio-info { position: absolute;bottom: 0;left: 0;right: 0;padding: 10px;background: rgba(0, 0, 0, 0.5);color: #fff;
          h3 { font-size: 16px;line-height: 1;margin: 0;color: #fff; }
          a {color:#fff}
          .preview {
            position: absolute;top: -18px;right: 12px;.rounded(50%);.gradiant();width: 36px;height: 36px;line-height: 36px;text-align: center;color: #fff;
            box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;
          }
        }
      }
    }
  }
}

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

//Testimonial
#testimonial {
  background: #333 url(../images/testimonial/bg.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 100px 0;
  color: #fff;
  h4 {
    color: #fff;
    margin-bottom: 0;
  }

  small {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
  }

  .btns {
    margin-top: 10px;
  }
}

#about {
  padding: 100px 0;
}

//Work Process
#work-process {
  padding: 100px 0 50px;
  background: #20222e url(../images/work-process/bg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
  h2 {
    color: #fff;
  }

  h3 {
    color: #fff;
    margin-bottom: 0;
  }

  .icon-circle {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 2px solid @major_color;
    .rounded(100px);
    position: relative;

    >span {
      border-style: solid;
      border-width: 2px;
      border-color: @major_color;
      .rounded(50%);
      background-color: #fff;
      position: absolute;
      width: 24px;
      height: 24px;
      line-height: 20px;
      top: -12px;
      color: @text_color;
    }
  }

  h3 {
    margin-bottom: 50px;
  }
}

//Meet The Team

#meet-team {
  padding: 100px 0;
  .team-member {
    padding: 13px;
    background: #eeeeee;
    border: 2px solid #eeeeee;
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;

    .team-img {
      margin: -15px -15px 0 -15px;
    }

    .team-info {
      padding-bottom: 10px;
      border-bottom: 1px solid #dbdbdb;
      margin-bottom: 10px;
    }

    &:hover {
      border-color: @major_color;
      .social-icons>li>a {
        background: @major_color;
      }
    }
  }

  .social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    >li {
      display: inline-block;
      >a {
        display: block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        background: #222534;
        .rounded(3px);
      }
    }
  }
}
.alert {.rounded(0px);padding:8px 15px 5px;font-size:12px;border:0;margin:0;
  label {margin-bottom:0;}
}
.divider {
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: -moz-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(227,227,227) 49%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(227,227,227) 49%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(227,227,227) 49%, rgb(255,255,255) 100%);
  width: 95%;
  height: 1px;
}
.priecinky {margin:15px 0;
  .priecinky {margin:0}
  .priecinok {background:#f3f3f3;padding:7px 15px;font-size:17px;line-height:28px;border-bottom: 1px solid #ddd;
     i {color:#EFCE82;}
     &:hover {background:#efefef;}
  }
  .sub { padding-left:16px; margin-left:26px;border-left:1px solid #ccc; }
  .subpriec { display:none;}
  .subory {display:none;min-height:15px;
    .subor {padding:4px 20px;border-bottom:1px solid #ccc;
      &:hover {border-color:#999}
    }
  }
  .priecinok, .subor {display:block;
    i {padding-right:7px;}
  }
}

.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eeeeee;
  .progress-bar {
    &.progress-bar-primary {
      .gradiant-horizontal();
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  }
}
.panel-default {
  border-color: #eee;
  >.panel-heading {
    background-color: #fff;border-color: #eee;
    .panel-title {
      font-size: 14px;font-weight: normal;
    }
  }
  >.panel-heading+.panel-collapse>.panel-body {border-top-color: #eee;}
}

#animated-number {
  padding: 50px 0 20px;background: #132125 url("/include/images/animated-number/bg.jpg") no-repeat 0 0;background-size:cover;color: #fff;
  h1,h2,h3,h4 {color: #fff;}
  strong {display: block;margin-bottom: 30px;font-size:20px}
  .animated-number {
    display: inline-block;width: 240px;height: 120px;font-size: 35px;line-height: 120px;border: 3px solid #fff;.rounded(100px);margin-bottom: 20px;
  }
}
.na-stiahnutie {
   span {border: 3px solid #A94442;.rounded(100px);display: inline-block;padding:15px 25px 18px;}
}

.gallery {
  padding: 25px 0;
  .dom-img {margin-bottom:20px;display: block;}
}

#blog {
  padding: 40px 0 60px;
  .blog-post {
    border: 1px solid #eee;padding: 15px;
    .post-format {
      display: inline-block;width: 40px;height: 40px;line-height: 34px;text-align: center;color: #fff;background: #222534;border: 3px solid #fff;border-radius: 100px;
    }
    &.blog-large {
      //padding:50px 0;
      .entry-thumbnail {margin: -15px -15px 15px;position: relative;}
      .post-format {
        width: 66px;height: 66px;line-height: 60px;position: absolute;right: 20px;bottom: -33px;
        >i {font-size: 20px;}
      }
      .entry-date {font-size: 12px;display: block;margin-bottom: 5px;text-transform: uppercase;color: @major_color;}
      .entry-title  {margin-top: 0;font-size: 18px;line-height: 1;margin-bottom: 15px;
        a {
          color: @text_color;
          &:hover {color: @major_color;}
        }
      }
    }

    &.blog-media {
      margin-bottom: 30px;
      .entry-thumbnail {position: relative;margin:6px 10px 0 0px;}
      .post-format {position: absolute;top: 20px;right: -10px;}
      .entry-date {font-size: 12px;display: block;margin-bottom: 5px;text-transform: uppercase;color: @major_color;}

      .entry-title  {
        margin-top: 0;font-size: 18px;line-height: 1;margin-bottom: 15px;
        a {
          color: @text_color;
          &:hover {color: @major_color;}
        }
      }

    }

    .entry-meta {
      margin-top: 20px;border-top: 1px solid #eee;padding-top: 15px;
      >span {
        display: inline-block;
        margin-right: 10px;
        color: #999;
        >a {
          color: #999;
          &:hover {
            color: @major_color;
          }
        }
      }
    }
  }
}
body .cc_container .cc_btn {background:@major_color;color:#fff;font-weight:bold;}
#footer {padding: 15px 0;color: #fff;background: #2e2e2e;
  a {color: #fff;
    &:hover {color:@major_color;}
  }
}
.form-control {box-shadow: none;-webkit-box-shadow: none;}

//desktop only
@media only screen and (min-width : 768px) {
  #main-menu {
    &.navbar-default {
      background: rgba(255, 255, 255, 0.9);
      -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
      box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
      .navbar-nav {
        >li{
          .lo,>a {margin:13px 2px;}
          .lo>a {border:0;}
          .lo>a, >a{color:#fff;padding:8px 20px;}
          >a {background:@major_color;.rounded(4px);.trans(background,0.7s);}
          &.active>a,&.open>a,&:hover>a {background:#3BA8E6;padding-top: 5px;border-top: 3px solid @major_color;}
        }
      }
      /*
      //Dropdown
      .dropdown-menu {
        padding: 0 20px;
        min-width: 220px;
        background-color: fade(#1a1c28, 90%);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        background-clip: inherit;
        >li{
          border-left: 3px solid transparent;
          margin-left: -20px;
          padding-left: 17px;
          -webit-transition: border-color 400ms;
          transition: border-color 400ms;
          >a{
            border-top: 1px solid #404455;
            padding: 15px 0;
            color: #eeeeee;
          }
          &:first-child>a {
            border-top: 0;
          }

          &.active,
          &.open,
          &:hover {
            border-left-color: @major_color;
            >a {
              color: @major_color;
              background-color: transparent;
            }
          }
        }
      }  */
    }
  }
  #cta .zaujem-o-sluzby {text-align:right}
}

//mobile only
@media only screen and (max-width : 768px) {
  h1,h2,h3,h4,h5,h6 {text-align:center}
  #features,#blog {padding: 20px 0;}
  .section-header {
    margin-bottom:0px;
    .section-title {font-size:35px;margin-bottom:10px}
  }
  .media.service-box {
    margin:25px 0 0;
    h4 {text-align:left}
  }
  article {
    .entry-thumbnail {
      width:100%; padding-bottom: 20px;
      img {width:100%}
    }
  }
  #cta .zaujem-o-sluzby {text-align:center}
  .portfolio-filter {
    li {width:50%;}
  }
}