/* ------------------------------- 768 ------------------------------- */
/* -----------------------------------------------------------------------------------------------------------------------------------
*Filename:                      style.css
*Description:                   Global CSS
*Version:                       1.0(27/06/2015)
*Author's Websie:               http://www.macrosoftics.com
*Author                         MACROSOFTICS
----------------------------------------------------------------------------------------------------------------------------------- */
/* latin-ext */
@media only screen and (min-width: 1170px) {
    .container{
        width: 1170px;
        padding: 0;
        border: 0;
    }
}
body{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #2b2b2b;
    font-weight: normal;
    font-weight: 400;
}
body.inner{
  overflow: scroll;
}
strong{
    font-weight: 600;
}

*{
    outline: 0 auto !important;
}
a,a:focus, a:visited,a.active{
    color: #ED541A;
    text-decoration: none;
}
a:hover{
    color: #2b2b2b;
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
  color: #2b2b2b;
}
.img-responsive{
  width: 100%;
}
.badge-holder{
position: relative;  
display:block;
}
.ribbon {
  position: absolute;
  left: 7px; top: 52px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#EA5319 0%, #EA5319 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #EA5319;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #EA5319;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #EA5319;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #EA5319;
}
/* ----------------------------------------- SLIDER ----------------------------------------- */
.slider{
  position: relative;
  overflow: hidden;
}
.slider .item img.slider-img{
  width: 100%;
}
/* ----------------------------------------- CONTENT ----------------------------------------- */
.content{
  width: 100%;
  float: left;
  padding: 30px 0 90px;
}
.project strong{
  text-transform: uppercase;
  font-size: 24px;
}
/* ----------------------------------------- COPY RIGHT ----------------------------------------- */
.copy{
  float: left;
  width: 100%;
  background: #333333;
  padding: 18px 0;
}
.copy p{
  color: #8b8b8b;
  margin: 0;
}
.copy a:hover{
  color: #fff;
}
/* ----------------------------------------- CUSTOM MEDIA QUERY ----------------------------------------- */
@media only screen and (max-width: 767px) {
  .slider .item img{
    height: auto;
    width: 100%;
  } 
}
@media only screen and (max-width: 479px) {
  .project strong {
    font-size: 16px;
  }
}
/* ----------------------------------------- PRELOADER ----------------------------------------- */
.cssload-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
}
.cssload-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  transition: top 1.38s linear 3.57s;
    -o-transition: top 1.38s linear 3.57s;
    -ms-transition: top 1.38s linear 3.57s;
    -webkit-transition: top 1.38s linear 3.57s;
    -moz-transition: top 1.38s linear 3.57s;
}
.cssload-container:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  transition: bottom 1.38s linear 3.57s;
    -o-transition: bottom 1.38s linear 3.57s;
    -ms-transition: bottom 1.38s linear 3.57s;
    -webkit-transition: bottom 1.38s linear 3.57s;
    -moz-transition: bottom 1.38s linear 3.57s;
}
.cssload-container.done:before {
  top: -50%;
}
.cssload-container.done:after {
  bottom: -50%;
}

.cssload-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
  transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
}
.cssload-progress .cssload-progress-item {
  text-align: center;
  width: 97px;
  height: 97px;
  line-height: 97px;
  border: 2px solid rgb(0,0,0);
  border-radius: 50%;
}
.cssload-progress .cssload-progress-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -3px;
  margin-left: 0px;
  width: 44px;
  height: 44px;
  border-top: solid 10px rgb(0,0,0);
  border-right: solid 10px rgb(0,0,0);
  border-top-right-radius: 100%;
  transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
  animation: spin 3.45s linear infinite;
    -o-animation: spin 3.45s linear infinite;
    -ms-animation: spin 3.45s linear infinite;
    -webkit-animation: spin 3.45s linear infinite;
    -moz-animation: spin 3.45s linear infinite;
}
.cssload-progress.cssload-float .cssload-progress-item:before {
  border-top-width: 2px;
  margin-top: 0px;
  height: 49px;
}
.cssload-progress.cssload-float.cssload-shadow:before {
  border-top-width: 2px;
  margin-top: -40px;
  height: 49px;
}
.cssload-progress.cssload-shadow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -42px 0 0 12px;
  width: 44px;
  height: 44px;
  border-top: solid 10px rgb(221,221,221);
  border-right: solid 10px rgb(221,221,221);
  border-top-right-radius: 100%;
  z-index: -1;
  transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
  animation: spin 3.45s linear infinite;
    -o-animation: spin 3.45s linear infinite;
    -ms-animation: spin 3.45s linear infinite;
    -webkit-animation: spin 3.45s linear infinite;
    -moz-animation: spin 3.45s linear infinite;
}
.cssload-progress.cssload-shadow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 97px;
  height: 97px;
  color: rgb(221,221,221);
  text-align: center;
  line-height: 97px;
  border: 2px solid rgb(221,221,221);
  margin: -39px 0 0 -39px;
  z-index: -1;
  border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
}


@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  100% {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  100% {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}