@charset "UTF-8";

.sliderframe{
	width:100%;
	height:450px;
}

.clientsframe{
	width:100%;
	height:150px;
}


 
.img-responsive:hover{
opacity:0.5;
box-shadow: 0 0 20px #000;
transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;}

.textoverlaythin{
    position:absolute;
    color:#FFF;
    display:block;
	left:8%;
	top:56%;
	font-family: 'Titillium Web', sans-serif; 
	font-weight:200;
	font-size:20px;
	text-transform:uppercase;
	text-align:left;
	line-height:35px;
	letter-spacing:0.5;
  text-align: center;
}
.textoverlay{
    position:absolute;
    color:#FFF;
    display:block;
	left:8%;
	top:50%;
	font-family: 'Lato', sans-serif;
	font-weight:800;
	font-size:40px;
	text-transform:uppercase;
	text-align:left;
	line-height:35px;
	letter-spacing:0;
}

.sunhead{
    position:absolute;
    color:#FFF;
    display:block;
	left:8%;
	top:10%;
	font-family: 'Lato', sans-serif;
	font-weight:800;
	font-size:30px;
	text-transform:uppercase;
	text-align:left;
	line-height:35px;
	letter-spacing:0.5;
}

/* STYLE 1 Arrow dowm animation =============================================


.scrolldown-container {
    background: #191947;
    border: 1px solid red;
    width: 100%;
    z-index: 1540;
    position: absolute;
    bottom: 51px;
}
.scrolldown-container .scrolldown-btn {
  width: 50px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}
.scrolldown-container .scrolldown-btn svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.scrolldown-container .scrolldown-btn svg path.first-path {
  animation: scrollanim 1s ease-in-out infinite;
  animation-delay: 0.8s;
}
.scrolldown-container .scrolldown-btn svg path.second-path {
  animation: scrollanim2 1s ease-in-out infinite;
}

@-webkit-keyframes scrollanim {
  0% {
    -webkit-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0);
    opacity: 0.8;
  }
}
@-moz-keyframes scrollanim {
  0% {
    -moz-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -moz-transform: translate(0, 0);
    opacity: 0.8;
  }
}
@keyframes scrollanim {
  0% {
    -webkit-transform: translate(0, -40px);
    -moz-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    -o-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0.8;
  }
}
@-webkit-keyframes scrollanim2 {
  0% {
    -webkit-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0px);
    opacity: 0.6;
  }
}
@-moz-keyframes scrollanim2 {
  0% {
    -moz-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -moz-transform: translate(0, 0px);
    opacity: 0.6;
  }
}
@keyframes scrollanim2 {
  0% {
    -webkit-transform: translate(0, -40px);
    -moz-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    -o-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 0.6;
  }
}

.scrolltop{
  position:fixed;
  right:10px;
  bottom:10px;
  color:#fff;
}

------------------------------------------*/
/*STYLE2 Animations starts*/
.scrollTop {
  position: fixed;
  right: 10%;
  bottom: 10px;
  background-color: #BE3F48;
  padding: 20px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index:999;
}

.scrollTop a {
  font-size: 18px;
  color: #FF0000;
}

@media screen and (max-width: 480px) {
  .arrows {
    height: 45px !important; } }
.arrows {
  width: 60px;
  height: 55px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 0px;
  z-index: 100; }

.arrows path {
  stroke: #f7f08d;
  fill: transparent;
  stroke-width: 1px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; }

@keyframes arrow {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes arrow /*Safari and Chrome*/ {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.arrows path.a1 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
  /* Safari ÕÆî Chrome */ }

.arrows path.a2 {
  animation-delay: -0.25s;
  -webkit-animation-delay: -0.25s;
  /* Safari ÕÆî Chrome */ }

.arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  /* Safari ÕÆî Chrome */ }

/*STYLE2 Animations end*/
@media screen and (orientation: landscape) and (max-width: 750px) {
  .homePage #cover .cover-msg h1 {
    color: red; }

  .slider-mbl {
    display: block;
    max-height: 420px;
    height: 100vh;
    position: relative; }
    .slider-mbl .div-box {
      height: 100vh;
      overflow: hidden;
      max-height: 420px; }
      .slider-mbl .div-box img {
        width: 100vw; }
      .slider-mbl .div-box img.portrate {
        display: none; }
      .slider-mbl .div-box img.landscape {
        display: block; }
    .slider-mbl .content-mbl {
      position: absolute;
      left: 0;
      display: block;
      top: 42%;
      width: 100%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      color: #fff; }
      .slider-mbl .content-mbl h1 {
        font-size: 32px;
        margin-bottom: 20px;
        font-weight: 100;
        font-family: 'Titillium Web', sans-serif; }
      .slider-mbl .content-mbl h3 {
        margin: auto;
        font-weight: 100;
        max-width: 650px;
        line-height: 30px;
        font-size: 20px; }
    .slider-mbl #arrow-down-mob {
      position: absolute;
      bottom: 5px;
      width: 100%;
      text-align: center; }
      .slider-mbl #arrow-down-mob img {
        width: 25px; }

  section#cover {
    display: none; } }
.slider .owl-controls {
  position: absolute;
  bottom: 70px;
  width: 100%; }
.slider .owl-theme .owl-controls .owl-page span {
  background: #f7f08d;
  border: 1px solid black;
  opacity: 0.5; }
.slider .owl-theme .owl-controls .owl-page.active span, .slider .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: black;
  border: 1px solid  #f7f08d;
  opacity: 0.5; }

/*.owl-carousel .owl-item
{
	width:100vw;
}*/
#return-top {
  background: yellow;
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 200px;
  right: 30px;
  text-decoration: none;
  transition: display 1s cubic-bezier(0.4, 0, 1, 1) !important;
  display: block;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 25000; }

#return-top:hover {
  background: green; }

#header {
  text-align: center;
  position: relative;
  z-index: 200; }
  #header nav {
    background: none;
    position: absolute;
    width: 100%;
    z-index: 10; }
    #header nav .navbar-header .navbar-brand img.logo, #header nav .navbar-header .navbar-brand img.logo-small-white, #header nav .navbar-header .navbar-brand img.logo-small {
      display: none; }
    #header nav .navbar-header .navbar-brand img.logo-white {
      display: inline-block; }
    #header nav .navbar-collapse .navbar-right li a {
      color: #fff; }
    #header nav .navbar-collapse .navbar-right li.active img.activemenu {
      display: none; }
    #header nav .navbar-collapse .navbar-right li.active .activemenu-white {
      display: inline-block; }
    #header nav .navbar-header a.pancake img.pancake-icon, #header nav .navbar-collapse a.pancake img.pancake-icon {
      display: none; }
    #header nav .navbar-header a.pancake img.pancake-icon-white, #header nav .navbar-collapse a.pancake img.pancake-icon-white {
      display: block; }
  @media screen and (max-width: 767px) {
    #header nav .navbar-header .navbar-brand img.logo, #header nav .navbar-header .navbar-brand img.logo-white, #header nav .navbar-header .navbar-brand img.logo-small {
      display: none; }
    #header nav .navbar-header .navbar-brand img.logo-small-white {
      display: inline-block; } }

.homePage #cover {
  padding-top: 100px;
  position: relative;
  overflow: hidden; }
  .homePage #cover video {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: 0px !important;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden; }
  .homePage #cover .container {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 200;
    /*			// .arrow-down{
    			// 	img{
    			// 	margin-top: 60px;
    			// 		width: 20px;
    			// 		border:1px solid green;
    			// 	}
    			// }*/ }
    .homePage #cover .container h1 {
      font-size: 40px;
      margin-bottom: 30px;
      font-weight: 100;
      font-family: 'Titillium Web', sans-serif; }
    .homePage #cover .container h3 {
      margin: auto;
      font-weight: 100;
      max-width: 650px;
      line-height: 40px;
      font-size: 29px; }
    .homePage #cover .container .play-icon {
      width: 37px;
      margin: auto;
      margin-top: 35px;
      position: relative; }
      .homePage #cover .container .play-icon img {
        max-width: 35px;
        position: absolute;
        top: 0;
        left: 0; }
      .homePage #cover .container .play-icon img.logo-white {
        opacity: 1; }
      .homePage #cover .container .play-icon img.color {
        opacity: 0;
        transition: all 200ms linear;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear; }
    .homePage #cover .container .play-icon:hover img.white {
      opacity: 0;
      transition: all 200ms linear;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear; }
    .homePage #cover .container .play-icon:hover img.color {
      opacity: 1; }
  .homePage #cover .cover-msg {
    position: relative; }
  .homePage #cover .cover-msg::after {
    color: #fff;
    display: none; }
  .homePage #cover .arrow-down {
    position: absolute;
    bottom: 15px;
    z-index: 50;
    text-align: center;
    width: 100%; }
    .homePage #cover .arrow-down img {
      width: 25px;
      animation-duration: 1.5s; }
  @media screen and (min-width: 1920px) {
    .homePage #cover {
      background-size: 2200px 1000px;
      min-height: 800px; }
      .homePage #cover .cover-msg {
        margin-top: 210px; }
      .homePage #cover .cover-msg::after {
        content: "xxl"; } }
  @media screen and (min-width: 1680px) and (max-width: 1919px) {
    .homePage #cover {
      background-size: 1950px 900px;
      min-height: 700px; }
      .homePage #cover .cover-msg {
        margin-top: 160px; }
      .homePage #cover .cover-msg::after {
        content: "xl"; } }
  @media screen and (min-width: 1430px) and (max-width: 1679px) {
    .homePage #cover {
      background-size: 1700px 800px;
      min-height: 600px; }
      .homePage #cover .cover-msg {
        margin-top: 140px; }
      .homePage #cover .cover-msg::after {
        content: "lg+"; } }
  @media screen and (min-width: 1200px) and (max-width: 1429px) {
    .homePage #cover {
      background-size: 1700px 800px;
      min-height: 500px; }
      .homePage #cover .cover-msg {
        margin-top: 80px; }
      .homePage #cover .cover-msg::after {
        content: "lg"; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .homePage #cover {
      background-size: 1200px 700px;
      min-height: 500px; }
      .homePage #cover .cover-msg {
        margin-top: 90px; }
        .homePage #cover .cover-msg h1 {
          font-size: 32px;
          margin-bottom: 20px; }
        .homePage #cover .cover-msg h3 {
          font-size: 22px; }
      .homePage #cover .cover-msg::after {
        content: "md"; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .homePage #cover {
      background-size: 1000px 622px;
      min-height: 500px; }
      .homePage #cover .cover-msg {
        margin-top: 100px; }
        .homePage #cover .cover-msg h1 {
          font-size: 30px;
          margin-bottom: 10px; }
        .homePage #cover .cover-msg h3 {
          font-size: 20px; }
      .homePage #cover .cover-msg::after {
        content: "sm"; } }
  @media screen and (min-width: 481px) and (max-width: 767px) {
    .homePage #cover {
      background-size: 900px 541px;
      min-height: 440px; }
      .homePage #cover .cover-msg {
        margin-top: 70px; }
        .homePage #cover .cover-msg h1 {
          font-size: 28px;
          margin-bottom: 10px; }
        .homePage #cover .cover-msg h3 {
          font-size: 18px; }
      .homePage #cover .cover-msg::after {
        content: "ms"; } }
  @media screen and (min-width: 321px) and (max-width: 480px) {
    .homePage #cover {
      background-size: 600px 401px;
      min-height: 400px; }
      .homePage #cover .cover-msg {
        margin-top: 70px; }
        .homePage #cover .cover-msg h1 {
          font-size: 24px;
          margin-bottom: 10px; }
        .homePage #cover .cover-msg h3 {
          font-size: 15px;
          line-height: 25px; }
      .homePage #cover .cover-msg::after {
        content: "xs"; }
      .homePage #cover video {
        left: -180px;
        height: 100%; } }
  @media screen and (max-width: 320px) {
    .homePage #cover {
      background-size: 400px 350px;
      min-height: 300px; }
      .homePage #cover .cover-msg {
        margin-top: 0px; }
        .homePage #cover .cover-msg h1 {
          font-size: 18px;
          margin-bottom: 10px; }
        .homePage #cover .cover-msg h3 {
          font-size: 13px;
          line-height: 20px; }
        .homePage #cover .cover-msg .play-icon {
          margin-top: 15px; }
          .homePage #cover .cover-msg .play-icon img {
            max-width: 30px; }
      .homePage #cover .cover-msg::after {
        content: "xxs"; }
      .homePage #cover .arrow-down {
        bottom: 0; }
        .homePage #cover .arrow-down img {
          width: 15px; } }
.homePage #portfolio {
background-color:#333;
margin-top:-10px;

/*background-color:#003333;
  margin-top: 60px;*/
   padding-top: 60px;
  /*min-height: 450px; */}
  .homePage #portfolio .view-all {
    float: right;
    padding-right: 7px; padding-bottom:5px; }
    .homePage #portfolio .view-all a {
      text-decoration: none;
      color: #fff; }
      .homePage #portfolio .view-all a img {
        max-width: 18px;
        margin-left: 5px;
        margin-top: 0px; }
  .homePage #portfolio .row {
    margin-top: 50px;
    /*pf-item*/ }
    .homePage #portfolio .row .pf-item {
      margin-bottom: 60px;
      width: 33%;
      /*hover-image*/ }
      .homePage #portfolio .row .pf-item p {
        font-family: 'Titillium Web', sans-serif;
        padding: 15px 0 10px 0;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold; color:#F4F2F2;}
      .homePage #portfolio .row .pf-item p::before {
        /*content: "";*/
        width: 25px;
        height: 3px;
        background: #D3D3D3;
        vertical-align: middle;
        float: left;
        margin-top: 5px;
        border-radius: 2px; }
      .homePage #portfolio .row .pf-item .hover-image {
        position: relative;
        /*overlay*/ }
        .homePage #portfolio .row .pf-item .hover-image p {
          font-family: 'Titillium Web', sans-serif;
          font-weight: 900;
          position: absolute;
          bottom: 0px;
          margin-bottom: 15px;
          width: 90%;
          left: 20px;
          padding-left: 30px;
          right: 0px;
          padding-right: 30px;
          text-align: left;
          transform: translateY(50px);
          opacity: 0;
          transition: all 0.2s linear;
          font-weight: 500;
          font-size: 14px;
          text-transform: none;
          line-height: 22px;
          color: black; }
          .homePage #portfolio .row .pf-item .hover-image p b {
            text-transform: uppercase;
            vertical-align: super;
            font-family: 'Titillium Web', sans-serif; }
          .homePage #portfolio .row .pf-item .hover-image p b::before {
            content: "";
            width: 8px;
            height: 2px;
            background: #000000;
            vertical-align: middle;
            float: left;
            margin-top: 11px;
            border-radius: 1px;
            margin-left: -20px; }
        .homePage #portfolio .row .pf-item .hover-image p::before {
          display: none; }
        .homePage #portfolio .row .pf-item .hover-image .overlay {
          background: rgba(211, 211, 211, 0.94);
          text-align: center;
          opacity: 0;
          -webkit-transition: opacity .25s ease;
          -moz-transition: opacity .25s ease;
          height: 100%;
          width: 100%;
          top: 0px;
          position: absolute;
          transition: all 0.4s ease-in-out; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 50px; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img.white {
            opacity: 0; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img.black {
            opacity: 1; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon:hover img.white {
            opacity: 1; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon:hover img.black {
            opacity: 1; }
      .homePage #portfolio .row .pf-item .hover-image:hover .overlay,
      .homePage #portfolio .row .pf-item .hover-image:hover {
        opacity: 1;
        cursor: pointer; }
      .homePage #portfolio .row .pf-item .hover-image:hover span,
      .homePage #portfolio .row .pf-item .hover-image:hover p {
        opacity: 1;
        transition-delay: 0.1s;
        transform: translateY(0px); }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .homePage #portfolio .row .pf-item .hover-image p {
        font-size: 13px;
        margin-bottom: 10px;
        bottom: 0px; }
      .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
        width: 33px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .homePage #portfolio .row .pf-item .hover-image p {
        font-size: 13px;
        margin-bottom: 20px;
        bottom: 0px; }
      .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
        width: 33px; } }
    @media screen and (max-width: 480px) {
      .homePage #portfolio .row .pf-item {
        width: 100%; }
        .homePage #portfolio .row .pf-item .hover-image p {
          font-size: 14px;
          margin-bottom: 10px;
          bottom: 0px; }
        .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
          width: 33px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .homePage #portfolio .row .pf-item {
        width: 49%;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        padding-right: 10px;
        padding-left: 10px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .homePage #portfolio .row .pf-item {
        margin-bottom: 30px;
        width: 49% !important; } }
		
		
		.homePage #portfolio {
background-color:#333;
margin-top:-10px;

/*background-color:#003333;
  margin-top: 60px;*/
   padding-top: 60px;
  min-height: 450px; }
  .homePage #portfolio .view-all {
    float: right;
    padding-right: 7px; padding-bottom:5px; }
    .homePage #portfolio .view-all a {
      text-decoration: none;
      color: #fff; }
      .homePage #portfolio .view-all a img {
        max-width: 18px;
        margin-left: 5px;
        margin-top: 0px; }
  .homePage #portfolio .row {
    margin-top: 10px;
    /*pf-item*/ }
    .homePage #portfolio .row .pf-item {
      margin-bottom: 60px;
      width: 33%;
      /*hover-image*/ }
      .homePage #portfolio .row .pf-item p {
        font-family: 'Titillium Web', sans-serif;
        padding: 15px 0 10px 0;
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        font-weight: 100; 
		color:#F4F2F2;}
      .homePage #portfolio .row .pf-item p::before {
        /*content: "";*/
        width: 25px;
        height: 3px;
        background: #D3D3D3;
        vertical-align: middle;
        float: left;
        margin-top: 5px;
        border-radius: 2px; }
      .homePage #portfolio .row .pf-item .hover-image {
        position: relative;
        /*overlay*/ }
        .homePage #portfolio .row .pf-item .hover-image p {
          font-family: 'Titillium Web', sans-serif;
          font-weight: 900;
          position: absolute;
          bottom: 0px;
          margin-bottom: 15px;
          width: 90%;
          left: 20px;
          padding-left: 30px;
          right: 0px;
          padding-right: 30px;
          text-align: left;
          transform: translateY(50px);
          opacity: 0;
          transition: all 0.2s linear;
          font-weight: 500;
          font-size: 14px;
          text-transform: none;
          line-height: 22px;
          color: black; }
          .homePage #portfolio .row .pf-item .hover-image p b {
            text-transform: uppercase;
            vertical-align: super;
            font-family: 'Titillium Web', sans-serif; }
          .homePage #portfolio .row .pf-item .hover-image p b::before {
            content: "";
            width: 8px;
            height: 2px;
            background: #000000;
            vertical-align: middle;
            float: left;
            margin-top: 11px;
            border-radius: 1px;
            margin-left: -20px; }
        .homePage #portfolio .row .pf-item .hover-image p::before {
          display: none; }
        .homePage #portfolio .row .pf-item .hover-image .overlay {
          background: rgba(211, 211, 211, 0.94);
          text-align: center;
          opacity: 0;
          -webkit-transition: opacity .25s ease;
          -moz-transition: opacity .25s ease;
          height: 100%;
          width: 100%;
          top: 0px;
          position: absolute;
          transition: all 0.4s ease-in-out; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 50px; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img.white {
            opacity: 0; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img.black {
            opacity: 1; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon:hover img.white {
            opacity: 1; }
          .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon:hover img.black {
            opacity: 1; }
      .homePage #portfolio .row .pf-item .hover-image:hover .overlay,
      .homePage #portfolio .row .pf-item .hover-image:hover {
        opacity: 1;
        cursor: pointer; }
      .homePage #portfolio .row .pf-item .hover-image:hover span,
      .homePage #portfolio .row .pf-item .hover-image:hover p {
        opacity: 1;
        transition-delay: 0.1s;
        transform: translateY(0px); }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .homePage #portfolio .row .pf-item .hover-image p {
        font-size: 13px;
        margin-bottom: 10px;
        bottom: 0px; }
      .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
        width: 33px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .homePage #portfolio .row .pf-item .hover-image p {
        font-size: 13px;
        margin-bottom: 20px;
        bottom: 0px; }
      .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
        width: 33px; } }
    @media screen and (max-width: 480px) {
      .homePage #portfolio .row .pf-item {
        width: 100%; }
        .homePage #portfolio .row .pf-item .hover-image p {
          font-size: 14px;
          margin-bottom: 10px;
          bottom: 0px; }
        .homePage #portfolio .row .pf-item .hover-image .overlay .play-icon img {
          width: 33px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .homePage #portfolio .row .pf-item {
        width: 49%;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 30px;
        padding-right: 10px;
        padding-left: 10px; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .homePage #portfolio .row .pf-item {
        margin-bottom: 30px;
        width: 49% !important; } }
		
.homePage #clients {
background-color:#fff;
width:100%;
  /*
  * 	Owl Carousel Owl Demo Theme 
  *	v1.23
  */ 
  /*background-image:url(../img/home/hpbg.jpg);*/
  
  padding-top: 60px;
  }
  .homePage #clients .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center; }
    .homePage #clients .owl-theme .owl-controls .owl-page {
      display: inline-block;
      zoom: 1;
      *display: inline;
      /*IE7 life-saver */ }
      .homePage #clients .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791; }
      .homePage #clients .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 0px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px; }
    .homePage #clients .owl-theme .owl-controls .owl-buttons div {
      color: #FFF;
      display: inline-block;
      zoom: 1;
      *display: inline;
      /*IE7 life-saver */
      margin: 10px;
      padding: 10px;
      font-size: 12px;
      -webkit-border-radius: 30px;
      filter: Alpha(Opacity=50);
      /*IE7 fix*/
      opacity: 0.5;
      position: absolute;
      background: none; }
    .homePage #clients .owl-theme .owl-controls .owl-buttons div:hover {
      filter: Alpha(Opacity=100);
      /*IE7 fix*/
      opacity: 1;
      text-decoration: none; }
    .homePage #clients .owl-theme .owl-controls .owl-buttons .owl-prev, .homePage #clients .owl-theme .owl-controls .owl-buttons .owl-next {
      top: 25px; }
    .homePage #clients .owl-theme .owl-controls .owl-buttons .owl-prev {
      left: -25px; }
    .homePage #clients .owl-theme .owl-controls .owl-buttons .owl-next {
      right: -25px; }
  .homePage #clients .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .homePage #clients .owl-theme .owl-controls .owl-page.active span,
  .homePage #clients .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1; }
  .homePage #clients .owl-theme .owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center; }
  .homePage #clients .owl-theme .owl-item > div
  img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 4px; }
  .homePage #clients .owl-theme .owl-item > div {
    text-align: center;
    padding: 50px 0px;
    margin: 3px;
    color: white;
    font-size: 32px;
    border: 1px white; }
  .homePage #clients .owl-theme .wrapper-with-margin {
    margin: 0px 50px; }
  .homePage #clients #clients-carousel {
    margin-bottom: 50px;
    margin-top: 30px;
    padding-right: 0px;
    padding-left: 0px; }
    .homePage #clients #clients-carousel .item {
      padding: 20px 0px;
      margin: auto; }
      .homePage #clients #clients-carousel .item img {
        width: 230px;
		height:100px;
        max-width: 230px;
        filter: gray;
        /* IE6-9 */
        filter: grayscale(1);
        /* Firefox 35+ */
        -webkit-filter: grayscale(1);
        /* Google Chrome, Safari 6+ & Opera 15+ */
        margin: auto; }
    .homePage #clients #clients-carousel .item:hover img {
      filter: none;
      -webkit-filter: grayscale(0); }
    .homePage #clients #clients-carousel .owl-buttons img {
      max-height: 35px; }
    .homePage #clients #clients-carousel .owl-buttons div.owl-prev {
      left: -0px; }
    .homePage #clients #clients-carousel .owl-buttons div.owl-next {
      right: -0px; }
    .homePage #clients #clients-carousel .owl-buttons div.owl-prev, .homePage #clients #clients-carousel .owl-buttons div.owl-next {
      top: 22px; }
    @media screen and (max-width: 991px) {
	.sliderframe{height:330px;}
	.owl-carousel .owl-item img {height:330px;}
      .homePage #clients #clients-carousel .owl-buttons img {
        max-height: 30px; }
      .homePage #clients #clients-carousel .owl-buttons div.owl-prev, .homePage #clients #clients-carousel .owl-buttons div.owl-next {
        top: 27px; } }
    @media screen and (max-width: 480px) {
      .homePage #clients #clients-carousel .owl-buttons div.owl-prev {
        left: 20px; }
      .homePage #clients #clients-carousel .owl-buttons div.owl-next {
        right: 20px; } }
.homePage #quotebar {
  padding: 35px 0 35px;
  color: #333;
  background: #e7e7e7; }
  .homePage #quotebar h3 {
    font-size: 20px;
    text-align: center;
    padding: 5px;
    font-weight: 100; }
    .homePage #quotebar h3 span {
      font-weight: bold;
      margin: auto; }
    .homePage #quotebar h3 .first-span {
	font-family: 'Titillium Web', sans-serif;
      font-weight: 300; }
  @media screen and (max-width: 480px) {
    .homePage #quotebar h3 {
      font-size: 20px;
      line-height: 30px; } }
@media screen and (max-width: 560px) {

  .homePage .cd-headline.slide .cd-words-wrapper,
  .homePage .cd-headline.slide b.is-hidden {
    width: 185px !important;
    text-align: center; } }
@media screen and (min-width: 561px) {
  .homePage .cd-headline.slide .cd-words-wrapper,
  .homePage .cd-headline.slide b.is-hidden {
    width: 200px !important; } }

@media screen and (max-width: 480px) {
.sliderframe{height:300px;}
.owl-carousel .owl-item img {height:300px;}
.textoverlaythin{font-size:15px;left:25px;top:47%;}
.textoverlay{font-size:25px;left:25px;top:40%;}
  .homePage {
    overflow-x: hidden; } }

/*# sourceMappingURL=home.css.map */