/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : BusyNess-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/
  /*---------------------------------------------
Table of Contents
-----------------------------------------------
Genaral Styling
Typography
Buttons & Links
Top bar
Header content
Navigation
Services- section
About Us section
our-customer 
Device-section
Price list
our-process
ourgalleary
our-news
contact-us
Footer
media quires
Back to top
----------------------------------------

[Major Colors]
ff5a00 ~Orange
#2ecd71-green
666666 ~Black


[Typography]
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;

----------------------------------------
*/
  

  body {
      text-rendering: optimizeLegibility !important;
      -webkit-font-smoothing: antialiased !important;
      font-family: 'Open Sans', sans-serif;
      background-color: #fff;
      color: #555555;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.4;
      overflow-x: hidden;
  }
  /*Genaral Styling*/
  
  .custom-pad {
      padding: 85px 0;
      outline: none;
  }
  /* ----------------------------------
Typography
---------------------------------- */
  
  .heading {
      color: #1c1c23;
      font-size: 29px;
      font-weight: 800;
      margin: 0;
      margin-bottom: 10px;
      text-align: center;
      font-family: 'Raleway', sans-serif;
  }
  
  .sub-title {
      font-size: 15px;
      color: #666666;
      font-weight: 400;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      line-height: 28px;
      text-transform: capitalize;
  }
  
  .title {
      font-family: 'Raleway', sans-serif;
      color: #1c1c23;
      font-size: 16px;
      font-weight: 800;
      text-transform: capitalize;
  }
  
  p {
      color: #555555;
      font-size: 13px;
      font-weight: 400;
      line-height: 24px;
      font-family: 'Open Sans', sans-serif;
      text-transform: capitalize;
  }
  
  .headline-service p {
      font-size: 14px;
      color: #666666;
      font-family: 'Open Sans', sans-serif;
  }
  
  .headline-service.text-center p {
      font-size: 14px;
      color: #666666;
      font-family: 'Open Sans', sans-serif;
  }
  /* ----------------------------------
Buttons & Links
---------------------------------- */
  
  .btn {
      -webkit-transition: all .25s ease;
      transition: all .25s ease;
      font-size: 13px;
      border-radius: 0;
      font-weight: 700;
      padding: 16px 35px;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
  }
  
  .btn:hover {
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  .btn-md {
      color: #fff;
      background: #2ecd71;
      border: 1px solid #2ecd71;
      outline: 1px solid transparent;
      margin-bottom: 30px;
  }
  
  .btn-black {
      color: #fff;
      background: #242c42;
      border: 1px solid #242c42;
      outline: 1px solid transparent;
      margin-bottom: 30px;
  }
  
  .btn-md:after {
      content: '\f0da';
      font-family: FontAwesome;
      margin-left: 10px;
  }
  
  .btn-md:hover,
  .btn-md:focus {
      background: #f46333;
      border: 1px solid #f46333;
      color: #ffffff;
      outline: 1px solid transparent;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  .btn-black:after {
      content: '\f0da';
      font-family: FontAwesome;
      margin-left: 10px;
  }
  
  .btn-black:hover,
  .btn-black:focus {
      background: #f46333;
      border: 1px solid #f46333;
      color: #ffffff;
      outline: 1px solid transparent;
      transition: 0.2s ease;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  a.btn.btn-md.btn-read {
      border: none;
      outline: none;
      margin-top: 16px;
  }
  
  a.btn.btn-md.btn-read:hover {
      background: #f55b12;
      box-shadow: 0px 0px 16px #2ecd71;
      transition: all 0.3s ease;
      border: none;
      outline: none;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  a.btn.btn-black.btn-price {
      margin-top: 80px;
      color: #f46333;
      background: #fff;
      border: none;
      border-radius: 0;
  }
  
  a.btn.btn-black.btn-price:hover {
      background-color: #2ecd71;
      color: white;
      box-shadow: 0px 0px 10px #fff;
      transition: all 0.3s ease;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  a.btn.btn-black.btn-og:hover {
      box-shadow: 0px 0px 10px #0c0808;
      border-radius: 0;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  .btn-og {
      margin-top: 50px;
  }
  
  .center-block {
      display: block;
      margin-right: auto;
      margin-left: auto;
  }
  /* ----------------------------------
Top bar
---------------------------------- */
  
  .navbar-brand>img {
      display: block;
      margin-top: 20px;
  }
  
  .navbar-inverse .navbar-nav>li>a {
      color: #666666;
  }
  
  .nav-top li {
      display: inline-block;
      padding: 49px 0px;
      font-size: 16px;
      color: #666666;
      position: relative;
      margin-left: 30px;
  }
  
  .nav-top li span {
      font-size: 20px;
      color: #f46333;
      margin-right: 15px;
  }
  
  .nav-top li a {
      font-size: 16px;
      text-decoration: none;
      font-weight: 600;
  }
  
  .nav-top li a:hover {
      background: transparent;
      color: #2ecd71;
  }
  
  .navbar-inverse {
      background-color: #fff;
      border-color: #fff;
      margin: -9px 0px;
      padding: 0;
  }
  
  .nav-top li+li:before {
      content: '|';
      position: absolute;
      left: -19px;
      font-size: 25px;
      top: 43px;
      color: #9dacca;
      font-weight: 100;
  }
  
  .navbar-inverse .navbar-nav>li>a:focus,
  .navbar-inverse .navbar-nav>li>a:hover {
      color: #2ecd71;
      background-color: transparent;
  }
  /*

ul.topbar-list li:first-child {
    border-right: 1px solid #ddd;
}
*/
  /* ----------------------------------
Navigation
---------------------------------- */
  
  .navbar {
      min-height: 60px;
  }
  
  .navbar-default {
      background-color: #2ecd71;
      border-color: #2ecd71;
      margin-bottom: 0;
      border-radius: 0;
  }
  
  .navbar-default .navbar-nav > li > a {
      color: #ffffff;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 15px 10px;
      background: transparent;
  }
  
  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:focus,
  .navbar-default .navbar-nav>.active>a:hover {
      color: #555;
      background: transparent;
  }
  
  .navbar-nav {
      margin: 0;
      padding: 0;
  }
  /*serach-bar*/
  
  #searchtoggl {
      padding: 8px;
      margin-top: -52px;
  }
  
  .search-btn {
      cursor: pointer;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
  }
  
  #searchbar {
      display: none;
      float: left;
      width: 100%;
      z-index: 9999;
      background: transparent;
      box-shadow: none;
  }
  
  form#searchform {
      border: none;
  }
  
  #searchbar:focus,
  #searchbar:active {
      outline: none;
  }
  
  #s {
      /*    display: block;*/
      width: 100%;
      border: 0;
      outline: none;
      padding-bottom: 20px;
      height: 22px;
      /* font-size: 25px; */
      font-weight: bold;
      color: #1c1c23;
      padding-left: 25px;
      box-shadow: none;
  }
  
  #searchsubmit {
      display: block;
      float: right;
      background: none;
      color: #717171;
      border: 0;
      outline: none;
      cursor: pointer;
      font-size: 21px;
      color: #2ecd71;
      padding-top: 18px;
      margin: -12px 0px;
  }
  
  @media (min-width: 768px) {
      .navbar-nav > li > a {
          /* (80px - line-height of 27px) / 2 = 26.5px */
          padding-top: 26.5px;
          padding-bottom: 26.5px;
          line-height: 27px;
      }
  }
  /*toggle*/
  /* ----------------------------------
Header content
---------------------------------- */
  
  .header-bg {
      background-image: url('../images/banner-bg.png');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      /*    background-attachment: fixed;*/
      background-position: center center;
  }
  
  .header-content h1 {
      font-size: 44px;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 900;
      line-height: 1.4;
      font-family: 'Raleway', sans-serif;
  }
  
  .header-content p {
      font-size: 13px;
      color: #ffffff;
      font-weight: 400;
      font-family: 'Open Sans', sans-serif;
  }
  
  span.sub-clr {
      color: #2ecd71;
  }
  
  .header-content {
      padding: 200px 0;
  }
  
  ul.header-btn {
      padding: 0;
      margin-top: 50px;
      margin-bottom: 30px;
  }
  
  ul.header-btn li {
      display: inline;
      padding-right: 20px;
  }
  /* ----------------------------------
Services- section
---------------------------------- */
  
  .heading,
  .services {
      color: #1c1c23;
      font-size: 29px;
      font-weight: 800;
      margin: 0;
      /*    margin-bottom: 10px;*/
      text-align: center;
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
  }
  
  .bu-s {
      margin-top: 60px;
      /* padding-top: 60px; */
  }
  
  ul.icon-services {
      list-style: none;
  }
  
  ul.icon-services li {
      margin-bottom: 30px;
  }
  
  .icon-s {
      margin-top: 12px;
  }
  
  .icon-p {
      padding-left: 22px;
  }
  
  .icon-p p {
      text-transform: lowercase;
  }
  
  .icon-s a i {
      font-size: 26px;
      border: 1px solid #2ecd71;
      width: 70px;
      height: 70px;
      padding: 20px;
      background: #2ecd71;
      color: white;
  }
  
  .icon-s a i:hover {
      background-color: #f46333;
      border: 1px solid #f46333;
      transition: all 0.3s ease;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  
  .heading-img {
      margin: 20px;
  }
  /* ----------------------------------
About Us section
---------------------------------- */
  /*
.about-text {
    padding: 8px 0;
}
*/
  
  section.bu-about.custom-pad {
      background-color: #1c1c23;
  }
  
  .about-img {
      position: relative;
      width: 100%;
      overflow: hidden;
  }
  
  .about-img .about-img-overlay {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      height: 95%;
      width: 96%;
      left: 9px;
      top: 14px;
      right: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }
  
  .about-img:hover .about-img-overlay {
      opacity: 1;
  }
  
  .about-img-details {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 50%;
      left: 50%;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }
  
  .about-img:hover .about-img-details {
      top: 50%;
      left: 50%;
      opacity: 1;
  }
  
  h3.about-img-title {
      font-size: 20px;
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
  }
  
  p.about-img-text {
      color: #fff;
  }
  
  h2.heading.about-headline {
      color: #fff;
      text-align: left;
      font-weight: 800;
      font-size: 29px;
      margin-bottom: 20px;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
      line-height: 40px;
  }
  
  .about-text p {
      color: #a2a2a2;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif;
  }
  
  .progress {
      margin-bottom: 20px;
      overflow: hidden;
      background-color: transparent;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
      width: 80%;
  }
  
  .progress-bar.bg-success1 {
      width: 70%;
  }
  
  .progress-bar.bg-success2 {
      width: 90%;
  }
  
  .progress-bar.bg-success3 {
      width: 80%;
  }
  
  .progress-bar.bg-success4 {
      width: 90%;
  }
  
  .progress-bar {
      float: left;
      width: 0;
      height: 8px;
      font-size: 12px;
      color: #fff;
      border-radius: 37px;
      text-align: center;
      background-color: #2ecd71;
      -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      margin-right: 12px;
      transition: width .6s ease;
  }
  
  .progress.status {
      width: 90%;
  }
  
  .progress.status1 {
      width: 80%;
  }
  
  .progress.status2 {
      width: 98%;
  }
  
  .text-left.about-progress p {
      text-transform: uppercase;
      color: #fff;
      font-size: 13px;
      font-weight: 900;
  }
  
  .num {
      /* text-transform: uppercase; */
      color: #fff;
      font-size: 13px;
      font-weight: 900;
      text-align: right;
      margin: -8px -34px;
  }
  
  .pull-right.persantage {
      margin: -43px -38px;
  }
  /* ----------------------------------
our-customer 
---------------------------------- */
  
  .icon-link {
      position: relative;
      top: 30px;
      right: -50px;
  }
  /*service-profile*/
  
  .our-profile img {
      width: 40px !important;
  }
  
  .our-profile p {
      font-size: 16px;
      margin-bottom: 30px;
  }
  
  h5.text-center.profile-headline {
      font-size: 13px;
      color: #1c1c23;
      font-weight: 900;
  }
  
  p.text-center.profile.-p {
      font-size: 13px;
  }
  
  .author img {
      width: 100px !important;
      height: 100px;
  }
  
  .ourservices-img {
      position: relative;
      width: 100%;
      overflow: hidden;
  }
  
  .ourservices-img .ourservices-img-overlay {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      height: 26%;
      width: 24%;
      top: 145px;
      right: 210px;
      bottom: 0;
      transition: all 0.2s ease-in-out;
  }
  
  .ourservices-img:hover .ourservices-img-overlay {
      opacity: 1;
  }
  
  h3.ourservices-img-title {
      font-size: 20px;
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
  }
  
  p.ourservices-img-text {
      color: #fff;
  }
  
  h2.heading.ourservices-headline.text-left {
      color: #fff;
      text-align: left;
      font-weight: bold;
      font-size: 29px;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
  }
  
  .ourservices-text p {
      color: #a2a2a2;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif;
  }
  
  .icon-link a {
      font-size: 30px;
      color: #fff;
      margin: 0 auto;
      text-align: center;
  }
  
  span.digi-s {
      color: #f46333;
  }
  
  .owl-carousel.owl-loaded.owl-drag {
      padding-top: 60px;
  }
  
  .owl-theme .owl-nav {
      position: absolute;
      top: 166px;
      color: #fff;
      font-size: 40px;
  }
  
  .owl-carousel .owl-nav button.owl-next {
      margin-left: 466px;
      outline: none;
  }
  
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
      background: 0 0;
      color: inherit;
      background: #1f2729;
      border: none;
      padding: 0!important;
      font: inherit;
      width: 30px;
      outline: none;
  }
  
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #f46333;
  }
  
  .owl-theme .owl-dots .owl-dot {
      outline: transparent;
      background: transparent;
  }
  
  .q-.img {
      width: 30px !important;
  }
  /* ----------------------------------
Device-section
---------------------------------- */
  
  .icon-d {
      margin: 9px;
  }
  
  .icon-d i {
      font-size: 30px;
      color: #2ecd71;
  }
  /*
    .icon-d i:hover {
        color: orange;
        transition: all 0.3s ease;
    }
    
*/
  
  ul.device.list {
      list-style: none;
      padding: 20px;
  }
  
  .d-text p {
      text-transform: lowercase;
  }
  
  .deice-m {
      padding: 50px;
  }
  
  .deice-m figure img {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
	      text-align: center;
  }
  
  .deice-m figure:hover img {
      -webkit-transform: scale(1.07);
      transform: scale(1.07);
  }
  
  .bu-device.custom-pad {
      background: #f5f5f5;
  }
  
  deice-m {
      padding: 10px;
  }
  /* ----------------------------------
Price list
---------------------------------- */
  
  .price-content {
      padding-top: 60px;
  }
  
  .price-table {
      border-radius: 0;
      margin-bottom: 30px;
      max-width: 360px;
  }
  
  .price-table:hover {
      /*    box-shadow: 0px 0px 23px #504a4a;*/
      transition: all 0.2s ease;
      box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
  }
  
  .price-heading.text-center {
      padding: 46px;
      background: #2ecd71;
  }
  
  .price-heading.text-center h4 {
      color: #fff;
      font-size: 30px;
      font-weight: 900;
      text-align: center;
      font-family: 'Raleway', sans-serif;
  }
  
  strong.main-price {
      font-size: 60px;
      color: #fff;
      font-weight: 900;
      font-family: 'Raleway', sans-serif;
  }
  
  .price-plan {
      font-size: 18px;
      margin: 10px;
      color: #fff;
  }
  
  ul.list-group.text-center {
      list-style: none;
      padding: 30px;
      border-bottom: 1px solid #2ecd71;
      background: #f5f5f5;
      margin-bottom: 0;
  }
  
  ul.list-group.text-center li {
      line-height: 26px;
      font-size: 14px;
      color: #666666;
      border-bottom: 1px solid #cccccc;
      font-weight: 400;
      text-transform: capitalize;
      font-family: 'Open Sans', sans-serif;
      padding-bottom: 11px;
      padding: 10px;
  }
  /*
  ul.list-group.text-center li:hover {
       background: #2ecd71; 
      color: #2ecd71;
      font-weight: bold;
      transition: all 0.3s ease;
  }
*/
  
  ul.list-group.text-center li:last-child {
      border-bottom: none;
  }
  
  .price-footer.text-center {
      padding-top: 30px;
      background: #f5f5f5;
  }
  
  .icon-price {
      color: #fff;
      border-radius: 50%;
      background: #58d78d;
      width: 65px;
      height: 65px;
      margin: 0 auto;
  }
  
  .icon-price i {
      font-size: 30px;
      color: #fff;
      padding: 16px;
  }
  
  span.f-style {
      font-size: 55px;
      /* margin: 0px; */
  }
  /* ----------------------------------
our-process
---------------------------------- */
  
  .bu-ourprocess.custom-pad {
      background-color: #f46333;
  }
  
  .headline-service.ourprocess-text.text-center h2 {
      color: white;
  }
  
  .headline-service.ourprocess-text.text-center p {
      color: white;
  }
  /*our-process contentent*/
  
  .ourprocess.content {
      padding-top: 60px;
  }
  /*
.op-h h5:hover {
    background: #2ecd71;
    box-shadow: 0px 0px 2px #f46333;
    transition: 0.3s ease;
}
*/
  
  .op-h {
      height: 80px;
      width: 80px;
      /* border: 1px solid #ddd; */
      border-radius: 50%;
      /*    padding: 10px;*/
      padding: 9px 17px;
      background: #f6825c;
  }
  
  .op-h h5 {
      font-size: 36px;
      /*     border: 1px solid; */
      /*
    padding: 8px;
    width: 90%;
    height: 57px;
    border-radius: 100%;
*/
      font-weight: 900;
      color: white;
      /*    background: #f6825c;*/
      font-family: 'Raleway', sans-serif;
  }
  
  .media-body.our-proces-text h4 {
      color: white;
      text-transform: uppercase;
      font-weight: 800;
      font-family: 'Raleway', sans-serif;
  }
  
  .media-body.our-proces-text p {
      font-size: 13px;
      color: white;
      font-family: 'Open Sans', sans-serif;
  }
  
  span.op-readmore a {
      color: white;
  }
  /* ----------------------------------
ourgalleary
---------------------------------- */
  
  .gallery-tabs {
      padding-top: 60px;
  }
  /*filter li elements*/
  
  .gallery-tabs #filters {
      float: left;
  }
  
  .gallery-tabs #filters {
      margin: 1%;
      list-style: none;
      width: 100%;
      text-align: left;
  }
  
  .gallery-tabs #filters li {
      display: inline;
  }
  
  .gallery-tabs #filters li span {
      text-transform: uppercase;
      background: transparent !important;
      color: #1c1c23;
      font-weight: 600;
      padding: 11px 40px;
      padding-left: 0;
      text-decoration: none;
      float: none;
      cursor: pointer;
  }
  
  .gallery-tabs #filters li span.active {
      background: transparent;
      color: #f6825c;
      border: none;
      cursor: pointer;
      text-decoration: none;
      border-bottom: 2px solid #f6825c;
  }
  
  .gallery-tabs #filters li span:hover {
      border-bottom: 1px solid black;
      background: transparent;
      border: none;
      color: #f6825c;
      text-decoration: none;
  }
  /*Gallery images*/
  
  .portfolio-list {
      margin-top: 50px;
  }
  
  .portfolio {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      width: 31%;
      margin: 1%;
      display: none;
      overflow: hidden;
  }
  /*gallary*/
  
  ul.g-img {
      list-style: none;
  }
  
  .og {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      text-align: center;
      cursor: default;
      display: table;
  }
  
  .og .og-overlay {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      height: 99%;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }
  
  .og:hover .og-overlay {
      opacity: 1;
  }
  
  .og-image {
      width: 100%;
  }
  
  .og-details {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 50%;
      left: 50%;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }
  
  .og:hover .og-details {
      top: 50%;
      left: 50%;
      opacity: 1;
  }
  
  .og-details h3 {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.15em;
      margin-bottom: 0.5em;
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
  }
  
  .og-details p {
      color: #fff;
      font-size: 0.8em;
      font-size: 16px;
  }
  
  .fadeIn-bottom {
      top: 80%;
  }
  /* ----------------------------------
our-news
---------------------------------- */
  
  .profile-card {
      padding-top: 60px;
  }
  
  .news-card {
      max-width: 360px;
      margin: 0 auto;
  }
  
  .card-body.card-content {
      padding: 15px;
      margin: 15px;
      background: #fff;
      margin-top: -44px;
      z-index: 1;
      position: relative;
  }
  
  .card-body.card-content:hover {
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: 0.3s ease;
  }
  
  ul.card-list li {
      position: relative;
  }
  
  ul.card-list li+li:before {
      position: absolute;
      content: '|';
      left: -8px;
  }
  
  ul.card-list li a {
      font-size: 13px;
      color: #666666;
      font-style: italic;
      text-decoration: none;
      font-family: 'Open Sans', sans-serif;
  }
  
  ul.card-list li {
      display: inline;
      margin: 3px;
      margin-right: 10px;
  }
  
  ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  .card-body.card-content h4 {
      font-size: 16px;
      color: #1c1c23;
      font-weight: 600;
      font-family: 'Raleway', sans-serif;
      line-height: 26px;
  }
  
  .bu-readmore a {
      font-size: 13px;
      font-weight: 500;
      font-family: 'Raleway', sans-serif;
      color: #f46333;
      text-decoration: underline;
  }
  
  .card-text.text-left p {
      color: #555555;
      padding: 10px 0;
      font-size: 13px;
      font-family: 'Open Sans', sans-serif;
  }
  
  section.our-news {
      background-color: #f5f5f5;
      padding: 80px 0;
  }
  .read{
	      padding: 0 !important;
  }
  /* ----------------------------------
contact-us
---------------------------------- */
  
  .bg-contactus {
      background-image: url('../images/us-bg.png');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      /*
    background-attachment: fixed;
    background-position: center center;
*/
  }
  
  .about-text.contact-text {
      padding: 120px 0px;
  }
  
  .about-text.contact-text p {
      color: #fff;
  }
  
  form.form-group {
      /*    padding: 120px 0;*/
      padding: 100px 0;
  }
  
  input.form-control.cont-control::placeholder {
      color: #fff;
  }
  
  input.form-control.cont-control {
      margin-bottom: 30px;
      border: none;
      background: transparent;
      border-bottom: 2px solid #f6825c;
      color: white;
      font-size: 14px;
      outline: none;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
  }
  
  input::placeholder {
      color: white;
  }
  
  a.btn.btn-black.btn-price.btn-form {
      margin-top: 0;
  }
  /* ----------------------------------
Footer
---------------------------------- */
  
  .bu-readmore.f-more {
      margin-left: 0;
  }
  /*istagram*/
  
  ul.f-istram {
      list-style: none;
  }
  
  ul.f-istram li {
      display: inline-block;
  }
  /*latest bblogs*/
  
  ul.f-userlist.text-center {
      list-style: none;
      text-align: left;
  }
  /*catagies*/
  
  ul.f-Categories li {
      padding: 12px 0;
  }
  
  ul.f-Categories {
      list-style: none;
  }
  /*headline*/
  
  .istrgram h4 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 900;
      color: #ffffff;
      /* border-bottom: 2px solid #f6825c; */
  }
  
  .istrgram {
      border-bottom: 2px solid #f46333;
      margin-bottom: 20px;
  }
  
  footer.bu-end {
      background-color: #1c1c23;
      padding: 100px 0;
  }
  
  .ficon-text p {
      font-size: 13px;
      color: #bbbbbb;
      font-family: 'Open Sans', sans-serif;
  }
  
  ul.f-Categories li a {
      font-size: 13px;
      color: #dfdfdf;
      font-style: italic;
  }
  
  ul.f-Categories li a:hover {
      color: #f6825c;
      transition: 0.3s ease;
      text-decoration: none;
  }
  
  p.text-left.media-p a {
      font-size: 13px;
      color: #bbbbbb;
      font-family: 'Open Sans', sans-serif;
      text-decoration: none;
  }
  
  p.text-left.media-p a:hover {
      color: #d95e33;
      /*      transition: 0.3s ease;*/
  }
  
  span.f-date p {
      font-size: 12px;
      color: #686868;
      font-weight: 600;
  }
  /*fotter-bottom*/
  
  .f-copy {
      margin-top: 17px;
  }
  
  footer.f-bottom {
      background: #2d2d2d;
      padding: 32px;
  }
  
  .f-copy p {
      font-size: 13px;
      color: #999999;
      font-weight: 400;
  }
  
  span.f-clr {
      color: #2ecd71;
  }
  
  .f-icons {
      text-align: center;
      margin-top: 17px;
  }
  
  ul.s-icons li {
      display: inline-block;
      padding: 0 10px;
  }
  
  ul.s-icons li a {
      font-size: 16px;
      color: #f5f5f5;
  }
  
  ul.s-icons li a:hover {
      color: #f44f28;
  }
  /*icon-text*/
  
  p.f-text {
      text-align: center;
      margin-top: -50px;
      font-size: 34px;
      font-weight: bold;
      margin-left: 40px;
      margin-bottom: 30px;
      color: #fff;
  }
  
  .ftextclr {
      color: #2ecd71;
  }
  
  p.f-date:hover {
      color: #f44f28;
  }
  
  p.f-date {
      font-size: 13px;
      color: #686868;
      font-weight: 600;
  }
  /*
  .media.l-blog:hover {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      transition: all 0.2s ease;
  }
*/
  /* ----------------------------------
Back to top
---------------------------------- */
  
  .back-to-top {
      position: fixed;
      display: none;
      background: rgba(0, 0, 0, 0.2);
      color: #fff;
      padding: 6px 12px 9px 12px;
      font-size: 16px;
      border-radius: 2px;
      right: 15px;
      bottom: 15px;
      transition: background 0.5s;
  }
  
  .back-to-top:hover {
      background: #2ecd71;
      color: #fff;
  }
  /* ----------------------------------
media quries
---------------------------------- */
  @media(max-width:991px){
	  .about-img .about-img-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	  }
	  img.about-image.img-responsive {
    margin: 0 auto;
}
	  
  }
  @media (min-width: 768px) and (max-width:991px) {
      ul.nav.navbar-nav li a {
          padding: 16px 13px;
      }
     
      
      p.f-text {
          margin-left: -400px;
      }
      .icon-link {
          position: relative;
          top: 50px;
          right: -70px;
      }
      .f-userlist li {
          margin-bottom: 30px;
      }
      .about-text.contact-text {
          padding: 98px 0px;
      }
      form.form-group {
          padding: 60px;
      }
      .f-icons {
          /* margin: 0 auto; */
          margin: 20px 30px;
      }
      .owl-stage-outer {
          margin-bottom: -107px;
      }
      .ourservices-img .ourservices-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 25%;
          width: 24%;
          top: 174px;
          right: 289px;
          bottom: 0;
          transition: all 0.2s ease-in-out;
      }
      br {
          display: none;
      }
      .bu-s {
          margin-top: 30px;
          /* margin: 10px 0; */
          /* padding: 53px 0; */
          /* padding: 30px 0; */
          /* padding-top: 60px; */
      }
      .portfolio {
          width: 47%;
          margin: 1%;
          display: none;
          overflow: hidden;
      }
  }
  
  @media (max-width:767px) {
	  .card-body.card-content {
    padding: 15px;
    margin: 0;
    margin-top: 0;
}
      .portfolio {
          width: 47%;
          margin: 1%;
          display: none;
          overflow: hidden;
      }
      toggle:focus,
      .navbar-default .navbar-toggle:hover {
          background-color: rgba(0, 0, 0, 0.7);
      }
      /*top-bar*/
      .navbar-toggle.topbar-toggle {
          background: transparent;
          border: none;
      }
      .navbar-toggle.topbar-toggle:hover {
          background-color: transparent;
          border-radius: 50%;
          outline: none;
          transition: 0.3s ease;
      }
      .tog-icon i {
          font-size: 30px;
          color: #2ecd71;
      }
      nav.navbar-inverse {
          margin: 17px 0;
      }
      ul.t-icon li {
          padding: 0px;
      }
      /*top-bar end*/
      /*nav-bar*/
      .navbar-default .navbar-toggle .icon-bar {
          background-color: #fff;
      }
      .nav>li {
          position: relative;
          display: block;
      }
      .navbar-default .navbar-nav > li > a {
          position: relative;
          display: inline-block;
          padding: 6px 10px;
      }
      ul.f-userlist.text-center li {
          margin-bottom: 30px;
      }
      p.f-text {
          margin-left: -400px;
      }
      #searchtoggl {
          position: relative;
          margin-top: -42px;
          padding: 8px;
      }
      .ourservices-img .ourservices-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 29%;
          width: 19%;
          top: 86px;
          right: 284px;
          bottom: 0;
          transition: all 0.2s ease-in-out;
      }
      .navbar-brand>img {
          display: block;
          margin-top: -24px;
      }
      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
          border: none;
      }
      .search {
          position: absolute;
          top: 15px;
      }
      .owl-stage-outer {
          margin-bottom: -86px;
      }
      .price-table {
          margin: 0 auto;
          margin-bottom: 31px;
      }
      .icon-link {
          position: absolute;
          top: 24px;
          right: 50px;
      }
      /*ftr*/
      .f-copy {
          text-align: center;
      }
      .f-icons {
          float: left;
          margin-left: 215px;
      }
      .f-userlist li {
          margin-bottom: 30px;
      }
      br {
          display: none;
      }

      
      .navbar-toggle {
          margin-top: 11px;
          border: none;
      }
      form.form-group {
          padding: 0px
      }
      .bu-s {
          margin-top: 30px;
      }
    
      img.about-image.img-responsive {
          
          margin: 0 auto;
      }

     
	  .news-card{
		  margin-bottom:30px;
	  }
	  .icon-d i{
		  margin-top:7px;
	  }
	  ul.list-group.text-center{
		  
		  border-bottom:none;
	  }
	  .price-footer.text-center{
		  padding-top:0;
	  }
	 strong.main-price {
    font-size: 55px;
    display: block;
}


  }
  /*m-end*/
  @media (max-width:574px) {
      .custom-pad {
          padding: 40px 0;
          outline: none;
      }
      .top-data {
          font-size: 10px;
      }
      .header-content {
          padding: 80px 0;
      }
      .header-content h1 {
          font-size: 26px;
      }
      h2.heading.services {
          font-size: 20px;
      }
      ul.icon-services li {
          margin: 0;
      }
      p.sub-title {
          font-size: 14px;
      }
      h2.heading.about-headline.text-left {
          font-size: 18px;
          font-size: 18px;
          line-height: 28px;
      }
      .qoute-s {
          font-size: 35px;
      }
    
      .op-h h5 {
          font-size: 16px;
      }
      .op-h {
          height: 40px;
          width: 40px;
          /* border: 1px solid #ddd; */
          border-radius: 50%;
          /* padding: 0px 8px; */
          padding: 1px 7px;
          background: #f6825c;
      }
      .about-text {
          margin-top: 25px;
      }
      .owl-carousel .owl-nav button.owl-next {
          margin-left: 200px;
      }
      .ourservices-img-overlay {
          margin: 0 -93px;
      }
      strong.main-price {
          font-size: 30px;
      }
      p.f-text {
          margin-left: 25px;
      }
     
      .ourservices-img .ourservices-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 27%;
          width: 24%;
          top: 72px;
          right: 196px;
          bottom: 0;
          opacity: 0;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -moz-transition: all 0.4s ease-in-out 0s;
          transition: all 0.4s ease-in-out;
      }
 
      br {
          display: none;
      }
      .about-img-details.fadeIn-bottom {
          text-align: center;
      }
   
      .owl-theme .owl-nav {
          position: absolute;
          top: 166px;
          color: #fff;
          margin-top: -102px;
          font-size: 40px;
      }
      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
          border: none;
      }
      ul.navbar-nav.navbar-right.nav-top li {
          padding: 10px;
          display: block;
      }
      .nav-top li+li:before {
          display: none;
      }
      .search {
          position: absolute;
          top: 15px;
      }
      .owl-stage-outer {
          margin-bottom: -86px;
      }
      a.navbar-brand {
          width: 70%;
          margin-top: 16px;
      }
      .navbar-brand {
          max-width: 70%;
          margin-top: 18px;
      }
      .icon-link {
          position: relative;
          top: 7px;
          right: -16px;
      }
      /*social media icons*/
      .f-icons {
          margin: 5px 0px;
          float: left;
      }
      .price-table {
          max-width: 260px;
          margin: 0 auto;
          margin-bottom: 31px;
      }
      br {
          display: none;
      }
      form.form-group {
          padding: 20px
      }
      .about-text.contact-text {
          padding: 60px 0;
      }
      .bu-s {
          margin-top: 30px;
      }
      .price-heading.text-center {
          padding: 13px;
      }
      ul.list-group.text-center li {
          padding: 1px;
          font-size: 13px;
      }
      .gallery-tabs #filters li {
          display: block;
          
          padding: 1px;
          margin-bottom: 10px;
      }
      .og-details.fadeIn-bottom h3 {
          font-size: 8px;
      }
      .portfolio {
          width: 100%;
          margin: 1%;
          display: none;
          overflow: hidden;
      }
      .ourservices-img-overlay {
          display: none;
      }
      .our-profile img {
          margin: 0 auto;
          margin-bottom: 10px;
      }
  }
  /*media -query end*/
  /*preloader*/
  
  #preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: none;
      background: #F1F2F2 url(../images/p-icon.gif) no-repeat center center;
  }