/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@import url(css/dynamic-color.css);
/*-----------------------------------------------------------------------------------

    Template Name: Viktor - General Purpose Business PSD Template
    Template URI: http://digitalcenturysf.com/
    Description: Viktor - General Purpose Business PSD Template
    Author: digitalcenturysf
    Author URI: http://digitalcenturysf.com/
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
        1.1 Theme Basic styling
    2.header area start here
    3.start area start here
    4.Service section area start here
    5.Home Page About Us area start here
    6.home page core services start here
    7.Home page faq start here
    8.Home Page Counter Down start Here
    9.Home Page teat start  here
    10.Request for call back area start Here
    11.Home page News start here
    12.home page testimonial start here
    13. footer area start here
    14.Home Two Header Area Start Here
    15.Inner Page Header serction start here
    16.About Page content area start here
    17.Call to action area start here
    18.Single services area start here
    19.Our Project1 start here
      19.1  Pagination area start here
    20.Our Project2 start here
    21.Single project Page image
    22.News Page start here
    23.News Details Page start here
    23. Contact Us page Start Here
    24.404 Page Area Start Here
    25.25.Scrolling Up Styling
    26.Color Pannel Setting here
-----------------------------------------------------------------------------------*/
/*----------------------------------------
1. Theme Default CSS (body, link color, section etc)
----------------------------------------*/
/* ------------------------------------
    1.1 Theme Basic styling
    ---------------------------------------*/
html,
body {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  vertical-align: baseline;
  color: #000000;
    overflow-x: hidden;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}
p {
  margin: 0 0 15px;
    line-height: 26px;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px;
}
a {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #0a6f85;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
a:active,
a:hover {
  outline: 0 none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.main-nav {
  font-size: 16px;
  text-transform: uppercase;
}

.sub-nav {
  font-size: 16px;
  text-transform: none;
}

.clear {
  clear: both;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #ed6a00;
  padding: 0.2em 0;
}
.acurate {
  margin: 0;
  padding: 0;
}
.mobile-menu-area {
  display: none;
}
.padding-top {
  padding-top: 30px;
}
.padding-top1 {
  padding-top: 60px;
}
.site-section-area {
  padding: 0 150px;
}
.site-section-area h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #222222;
  position: relative;
  margin-bottom: 50px;
}
.site-section-area h2:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 105px;
  height: 2px;
  background: #ed6a00;
  content: "";
}
.site-section-area p {
  font-size: 16px;
  color: #333333;
}
/* ------------------------------------
2.header area start here
---------------------------------------*/
.header-top-area {
  background: #eeeeee;
  padding: 10px 0;
}
.header-top-area .header-top-left ul {
  text-align: left;
}
.header-top-area .header-top-left ul li {
  display: inline-block;
  color: #333333;
}
.header-top-area .header-top-left ul li i {
  margin: 0 5px;
  background: #ed6a00;
  color: #ffffff;
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.header-top-area .header-top-right ul {
  text-align: right;
}
.header-top-area .header-top-right ul li {
  display: inline-block;
  color: #333333;
}
.header-top-area .header-top-right ul li i {
  margin: 0 5px;
  background: #ed6a00;
  color: #ffffff;
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.main-header-area {
  background: #ffffff;
}
.main-header-area .logo-area {
  padding: 23px 0 16px;
}
.main-header-area .logo-area a {
  display: block;
  text-align: center;
}
.main-header-area .main-menu ul {
  text-align: right;
}
.main-header-area .main-menu ul li {
  display: inline-block;
  padding: 36px 0px 36px 50px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.main-header-area .main-menu ul li.active a {
  color: #ed6a00;
}
.main-header-area .main-menu ul li:hover a {
  color: #ed6a00;
}
.main-header-area .main-menu ul li:hover ul {

    -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.main-header-area .main-menu ul li ul {
  background: #ffffff;
  position: absolute;
  top: 100%;
  transition: all 0.3s ease 0s;
  transform-origin: 0 0 0;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 0;
  visibility: hidden;
  width: auto;
  z-index: 9;
  left: 35px;
}
.main-header-area .main-menu ul li ul li {
  display: block;
  padding: 7px 30px 7px 15px;
  text-align: left;
  border-bottom: 2px solid #cccccc;
  transition: all 0.3s ease 0s;
}
.main-header-area .main-menu ul li ul li:hover {
  background: #cccccc;
}
.main-header-area .main-menu ul li ul li:hover a {
  color: #000000 !important;
}
.main-header-area .main-menu ul li ul li:last-child {
  border-bottom: 0px;
}
.main-header-area .main-menu ul li ul li a {
  color: #222222 !important;
}
.main-header-area .main-menu ul li a {
  display: block;
  text-decoration: none;
  color: #222222;
  transition: all 0.5s ease 0s;
}
.main-header-area .search-area {
  padding: 30px 0;
}
.main-header-area .search-area #custom-search-input {
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.main-header-area .search-area #custom-search-input .search-query {
  padding-right: 3px;
  padding-right: 4px;
  padding-left: 3px;
  padding-left: 4px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.main-header-area .search-area #custom-search-input button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ed6a00;
}
.main-header-area .search-area .search-query:focus + button {
  z-index: 9;
}

.logo-area a img {
        height: 52px;
    max-width: none;
    width: 220px;
}

/*----------------------------------------
3.  slider area styling
----------------------------------------*/
.slider-area .slider-1 h1 {
  font-size: 72px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 7px;
  margin: 15px 0 0;
  font-weight: 800;
}
.slider-area .slider-1 div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0 25%;
  font-weight: normal;
}
.slider-area .slider-1 div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-1 div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-1 div.slider-botton ul li.acitve a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.slider-area .slider-1 div.slider-botton ul li a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #ed6a00;
  transition: all 0.5s ease 0s;
}
.slider-area .slider-1 div.slider-botton ul li a:hover {
  background: #bbbbbb;
}
.slider-area .slider-2 h1 {
  font-size: 72px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 7px;
  margin: 15px 0 0;
  font-weight: 800;
}
.slider-area .slider-2 div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0 25%;
  font-weight: normal;
}
.slider-area .slider-2 div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-2 div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-2 div.slider-botton ul li.acitve a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.slider-area .slider-2 div.slider-botton ul li a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.slider-area .slider-2 div.slider-botton ul li a:hover {
  background: #bbbbbb;
}
/* ------------------------------------
4.Service section area start here
---------------------------------------*/
.service-area {
  padding: 90px 0;
}
.service-area .single-service .media .pull-left {
  margin-right: 30px;
}
.service-area .single-service .media .pull-left a span {
  font-size: 48px;
  color: #ed6a00;
  line-height: 0;
}
.service-area .single-service .media .media-body h4.media-heading a {
  font-size: 18px;
  line-height: 1.5;
  color: #222222;
  margin-bottom: 5px;
  display: block;
  transition: all 0.5s ease 0s;
  font-weight: 700;
}
.service-area .single-service .media .media-body h4.media-heading a:hover {
  color: #ed6a00;
}
/*.service-area .single-service .media .media-body p {
  margin-bottom: 30px;
}*/
.service-area .single-service .media .media-body .read-more a {
  text-decoration: none;
  display: inline-block;
  color: #6a6a6a;
  font-weight: 600;
  padding-bottom: 5px;
  border-bottom: 2px solid #e3e3e3;
  transition: all 0.5s ease 0s;
}
.service-area .single-service .media .media-body .read-more a i {
  color: #ed6a00;
  margin-left: 5px;
}
.service-area .single-service .media .media-body .read-more a:hover {
  border-bottom: 2px solid #ed6a00;
}
/* ------------------------------------
5.Home Page About Us area start here
---------------------------------------*/
.home-about-area {
  padding: 90px 0;
  background: #f8f8f8;
}
.home-about-area .about-content-area h2 {
  font-size: 30px;
  color: #222222;
  font-weight: 600;
  margin-bottom: 20px;
}
.home-about-area .about-content-area h2 span {
  color: #ed6a00;
}
.home-about-area .about-content-area p {
  padding-right: 20px;
}
.home-about-area .about-content-area .botton-area {
  margin-top: 50px;
}
.home-about-area .about-content-area .botton-area a {
  display: inline-block;
  padding: 12px 30px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ed6a00;
}
.home-about-area .about-content-area .botton-area a i {
  margin-left: 10px;
}
.home-about-area .about-content-area .botton-area a:hover {
  background: #0a6f85;
}
.home-about-area .about-featured-image a img {
  transition: all 0.5s ease 0s;
}
.home-about-area .about-featured-image a img:hover {
  opacity: .9;
}
/* ------------------------------------
6.home page core services start here
---------------------------------------*/
.home-page-core-activities-area {
  padding: 90px 0;
  background: url(img/activities-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-page-core-activities-area .home-activities-area {
  position: relative;
}
.home-page-core-activities-area .home-activities-area h2 {
  color: #ffffff;
  font-size: 36px;
  left: -27%;
  letter-spacing: 0px;
  position: absolute;
  text-transform: uppercase;
  top: 65%;
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Safari */
  transform: rotate(270deg);
  font-weight: 800;
}
.home-page-core-activities-area .home-activities-area h2:after {
  content: "";
  left: 411px;
  top: 0;
  background: url(img/arrow.png) no-repeat;
  height: 125px;
  width: 116px;
  display: block;
  position: absolute;
  -ms-transform: rotate(-270deg);
  /* IE 9 */
  -webkit-transform: rotate(-270deg);
  /* Safari */
  transform: rotate(-270deg);
}
.home-page-core-activities-area .home-activities-area .single-activities {
  margin-left: 60px;
  margin-bottom: 30px;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left {
  margin-right: 10px;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a {
  width: 70px;
  height: 70px;
  background: #01a5c9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-size: 35px;
  line-height: 70px;
  transition: all 0.5s ease 0s;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a span {
  color: #ffffff;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a:hover {
  background: #ffffff;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a:hover span {
  color: #ed6a00;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a {
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 20px;
  display: block;
  transition: all 0.5s ease 0s;
  font-weight: 700;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a:hover {
  color: #222222;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body p {
  color: #ffffff;
}
/* ------------------------------------
7.Home page faq start here
---------------------------------------*/
.home-faq-area {
  padding: 90px 0 0;
}
.home-faq-area .faq-area h2 {
  font-weight: 800;
  font-size: 30px;
  color: #222222;
  position: relative;
  margin-bottom: 60px;
}
.home-faq-area .faq-area h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.home-faq-area .faq-area .panel-group .panel-default {
  margin-bottom: 5px;
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading {
  padding: 0;
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a {
  display: block;
  padding: 16px 10px;
  text-decoration: none;
  font-size: 18px;
  background: #ed6a00;
  color: #ffffff;
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed {
  display: block;
  padding: 16px 10px;
  background: #ffffff;
  text-decoration: none;
  font-size: 18px;
  color: #222222;
  transition: all 0.5s ease 0s;
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover {
  background: #ed6a00;
  color: #ffffff;
}
.home-faq-area .faq-area .panel-heading [data-toggle="collapse"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\e072";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.home-faq-area .faq-area .panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #222222;
}
.home-faq-area .faq-image-area {
  overflow: hidden;
}
.home-faq-area .faq-image-area a {
  display: block;
}
.home-faq-area .faq-image-area a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.home-faq-area .faq-image-area a img:hover {
  background: rgba(1, 177, 215, 0.5);
}
/* ------------------------------------
8.Home Page Counter Down start Here
---------------------------------------*/
.home-counter-down-area {
  padding: 120px 0;
  background: url(img/Trennbild.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.home-counter-down-area .home-counter-down-title h2 {
  color: #ffffff;
  font-size: 36px;
}
.home-counter-down-area .home-counter-down-title h2 span {
  color: #ed6a00;
  font-size: 60px;
  font-weight: 600;
}
.home-counter-down-area .home-counter-down-title p {
  letter-spacing: 17px;
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 0;
}
.home-counter-down-area .ab-count .about-counter-list {
  color: #ffffff;
  text-align: left;
  border-right: 1px solid #ffffff;
  display: block;
  text-align: center;
}
.home-counter-down-area .ab-count .about-counter-list.last-child {
  border: 0px solid #ffffff;
}
.home-counter-down-area .ab-count .about-counter-list h1.about-counter {
  font-weight: 800;
  font-size: 48px;
}
.home-counter-down-area .ab-count .about-counter-list p {
  font-weight: 800;
  font-size: 14px;
  color: #ed6a00;
  margin-bottom: 0;
}
/* ------------------------------------
9.Home Page teat start  here
---------------------------------------*/
.home-team-area {
  padding: 90px 0px 80px 0px;
}
.home-team-area .total-team {
  margin-top: 60px;
  padding-bottom: 60px;
}
.home-team-area .total-team .single-team {
  position: relative;
  margin: 0 15px;
}
.home-team-area .total-team .single-team .overley:hover:after {
  opacity: 1;
  visibility: visible;
}
.home-team-area .total-team .single-team .overley:hover .social-media-icons {
  position: absolute;
  top: 70%;
  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  transform: translateY(-70%);
  opacity: 1;
}
.home-team-area .total-team .single-team .overley:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(1, 177, 215, 0.5);
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}
.home-team-area .total-team .single-team .overley a {
  display: block;
}
.home-team-area .total-team .single-team .overley a img {
  width: 100%;
}
.home-team-area .total-team .single-team .overley .social-media-icons {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
  z-index: 99999;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.home-team-area .total-team .single-team .overley .social-media-icons ul {
  text-align: center;
}
.home-team-area .total-team .single-team .overley .social-media-icons ul li {
  display: inline-block;
}
.home-team-area .total-team .single-team .overley .social-media-icons ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
}
.home-team-area .total-team .single-team .overley .social-media-icons ul li a i {
  font-size: 20px;
  color: #ffffff;
}
.home-team-area .total-team .single-team .overley .social-media-icons ul li a:after {
  display: none;
}
.home-team-area .total-team .single-team .team-details {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 30px;
  border: 1px solid #dddddd;
  bottom: -25px;
  background: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 7px 0;
}
.home-team-area .total-team .single-team .team-details h3 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.home-team-area .total-team .single-team .team-details h3 a {
  display: block;
  font-size: 18px;
  color: #222222;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
.home-team-area .total-team .single-team .team-details h3 a:hover {
  color: #ed6a00;
}
.home-team-area .total-team .single-team .team-details h3 a:after {
  display: none;
}
.home-team-area .total-team .single-team .team-details p {
  color: #ed6a00;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
.home-team-area .total-team .owl-controls {
  margin-top: 30px;
}
.home-team-area .total-team .owl-controls .owl-pagination .owl-page.active span {
  border: 1px solid #222222;
}
.home-team-area .total-team .owl-controls .owl-pagination .owl-page span {
  display: block;
  width: 15px;
  height: 8px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  opacity: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0;
  background: #ed6a00;
}
/* ------------------------------------
10.Request for call back area start Here
---------------------------------------*/
.home-callback-area {
  padding: 120px 0 0;
  background: url(img/callback-bg.png) no-repeat;
  background-position: center;
  background-size: cover;
}
.home-callback-area .call-back-content h2 {
  font-weight: 800;
  font-size: 30px;
  color: #ffffff;
  position: relative;
  margin-bottom: 50px;
}
.home-callback-area .call-back-content h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.home-callback-area .call-back-content p {
  color: #ffffff;
  margin-right: 80px;
}
.home-callback-area .call-back-form {
  background: #ffffff;
  padding: 40px 20px;
  border: 1px solid #dddddd;
}
.home-callback-area .call-back-form h3 {
  margin-left: 15px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: normal;
}
.home-callback-area .call-back-form fieldset .form-group select {
  border-bottom: 1px solid #dddddd !important;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  border: 0px solid #ffffff;
  box-shadow: none;
  margin-bottom: 50px;
  font-size: 16px;
  color: #6a6a6a;
}
.home-callback-area .call-back-form fieldset .form-group input.form-control {
  border-bottom: 1px solid #dddddd !important;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  border: 0px solid #ffffff;
  box-shadow: none;
  margin-bottom: 50px;
  font-size: 16px;
  color: #6a6a6a;
}
.home-callback-area .call-back-form fieldset .form-group button.btn-send {
  display: block;
  background: #ed6a00;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  border: 0px solid #ffffff;
  box-shadow: none;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.home-callback-area .call-back-form fieldset .form-group button.btn-send:hover {
  background: #0a6f85;
}
/* ------------------------------------
11.Home page News start here
---------------------------------------*/
.home-news-area {
  padding: 90px 0 150px;
}
.home-news-area .total-homenews {
  margin-top: 40px;
}
.home-news-area .total-homenews .single-news .news-image {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.home-news-area .total-homenews .single-news .news-image a {
  display: block;
  transition: all 0.5s ease 0s;
}
.home-news-area .total-homenews .single-news .news-image a:hover:after {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.home-news-area .total-homenews .single-news .news-image a:hover img {
  transform: scale(1.195);
}
.home-news-area .total-homenews .single-news .news-image a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(1, 177, 215, 0.5);
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}
.home-news-area .total-homenews .single-news .news-image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.home-news-area .total-homenews .single-news .news-image .news-date {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  left: 0;
  background: #ed6a00;
  color: #ffffff;
  width: 60px;
  height: 100px;
}
.home-news-area .total-homenews .single-news .news-image .news-date p {
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
.home-news-area .total-homenews .single-news h3 a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #222222;
}
.home-news-area .total-homenews .single-news h3 a:hover {
  color: #ed6a00;
}
.home-news-area .total-homenews .single-news p {
  color: #333333;
}
/* ------------------------------------
12.home page testimonial start here
---------------------------------------*/
.home-testimonial-area {
  padding: 0 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -78px;
  overflow: hidden;
}
.home-testimonial-area .total-testimonial {
  background-position: center;
  margin: 0 -30px;
  background: url(img/testimonial-bg.png) no-repeat;
}
.home-testimonial-area .total-testimonial .home-testimonial .single-testimonial {
  position: relative;
  overflow: hidden;
}
.home-testimonial-area .total-testimonial .home-testimonial .single-testimonial p {
  padding: 0 200px;
  margin: 48px 0 0;
  position: relative;
}
.home-testimonial-area .total-testimonial .home-testimonial .single-testimonial p i {
  font-size: 72px;
  color: #e4e4e4;
  padding: 0;
  position: absolute;
  left: 10%;
  top: -20px;
}
.home-testimonial-area .total-testimonial .home-testimonial .single-testimonial .details {
  margin-top: 20px;
}
.home-testimonial-area .total-testimonial .home-testimonial .single-testimonial .details h3 {
  color: #ed6a00;
  font-size: 18px;
  margin: 0 0 5px;
}
.home-testimonial-area .total-testimonial .home-testimonial .single-testimonial .details p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
.home-testimonial-area .total-testimonial .home-testimonial .owl-controls {
  margin-top: 5px;
  position: relative;
}
.home-testimonial-area .total-testimonial .home-testimonial .owl-controls .owl-pagination {
  margin-left: 70%;
  margin-top: -19px;
}
.home-testimonial-area .total-testimonial .home-testimonial .owl-controls .owl-pagination .owl-page.active span {
  border: 1px solid #222222;
}
.home-testimonial-area .total-testimonial .home-testimonial .owl-controls .owl-pagination .owl-page span {
  display: block;
  width: 15px;
  height: 8px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  opacity: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0;
  background: #ed6a00;
}
/* ------------------------------------
13. footer area start here
----------------------------------------*/
footer {
  background: url(img/_footer-bg.jpg) no-repeat;                    <!--  Fußzeile  -->
  background-position: center;
  background-size: cover;
}
footer .footer-top-area {
  padding: 90px 0 90px !important;
}
footer .footer-top-area .footer-top p {
  color: #fff;
  letter-spacing: 25px;
  font-size: 18px;
}
footer .footer-top-area .footer-top h2 {
  font-size: 48px;
  color: #ed6a00;
}
footer .footer-top-area .footer-top h2 i {
  color: #333333;
}
footer .footer-top-area .main-footer {
  margin-top: 0px;
  margin-bottom: 0px
}
footer .footer-top-area .main-footer .single-footer h3 {
  color: #000;
  margin-bottom: 6px;
}
footer .footer-top-area .main-footer .single-footer a {
  display: block;
  margin-bottom: 6px;
    color: #000;
}
footer .footer-top-area .main-footer .single-footer p {
  color: #000;
  margin-bottom: 6px;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul {
  text-align: left;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li {
  display: inline-block;
  margin: 2px;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #ed6a00;
  border: 1px solid #c3c3c3;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  text-align: center;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a:hover {
  background: #ed6a00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ed6a00;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a:hover i {
  color: #ffffff;
}
footer .footer-top-area .main-footer .footer-two ul li {
  display: block;
  color: #000;
  margin: 0 0 12px 0;
  font-weight: 600;
}
footer .footer-top-area .main-footer .footer-two ul li i {
  margin: 0 15px 0 0px;
  color: #ed6a00;
}
footer .footer-top-area .main-footer .footer-three ul li {
  display: block;
  color: #000;
  margin: 0 0 10px 0;
  font-weight: 600;
}
footer .footer-top-area .main-footer .footer-three ul li i {
  margin: 0 10px 0 0px;
  color: #ed6a00;
}
footer .footer-top-area .main-footer .footer-four ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-top-area .main-footer .footer-four ul li {
  display: inline-block;
  width: 30%;
  margin: 1px 3px;
}
footer .footer-top-area .main-footer .footer-four ul li a {
  display: block;
}
footer .footer-top-area .main-footer .footer-four ul li a img {
  display: block;
  width: 100%;
}
footer .footer-top-area .main-footer .footer-four ul li a img:hover {
  opacity: .9;
}
footer .footer-bottom-area {
  background: #000000;
  padding: 30px 0;
}
footer .footer-bottom-area p {
  margin: 0;
  padding: 0;
  color: #b1b1b1;
}
/* ------------------------------------
14.Home Two Header Area Start Here
---------------------------------------*/
.home2 .main-header-area {
  position: absolute;
  left: 0;
  right: 0;
  background: transparent;
  z-index: 9;
}
.home2 .main-header-area .logo-area {
  padding: 28px 0;
}
.home2 .main-header-area .logo-area a {
  display: block;
  text-align: center;
}
.home2 .main-header-area .main-menu ul {
  text-align: center;
}
.home2 .main-header-area .main-menu ul li {
  display: inline-block;
  padding: 36px 25px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.home2 .main-header-area .main-menu ul li:hover {
  background: #ed6a00;
}
.home2 .main-header-area .main-menu ul li:hover a {
  color: #ffffff;
}
.home2 .main-header-area .main-menu ul li:hover ul {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.home2 .main-header-area .main-menu ul li ul {
  background: #ed6a00;
  position: absolute;
  top: 110%;
  transition: all 0.5s ease 0s;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  opacity: 0;
  visibility: hidden;
  width: 200px;
  z-index: 9;
  left: 0;
}
.home2 .main-header-area .main-menu ul li ul li {
  display: block;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.home2 .main-header-area .main-menu ul li ul li:hover {
  background: #0a6f85;
}
.home2 .main-header-area .main-menu ul li ul li:hover a {
  color: #ffffff;
}
.home2 .main-header-area .main-menu ul li ul li:last-child {
  border-bottom: 0px;
}
.home2 .main-header-area .main-menu ul li ul li a {
  color: #ffffff;
}
.home2 .main-header-area .main-menu ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.home2 .main-header-area .search-area {
  padding: 30px 0;
}
.home2 .main-header-area .search-area #custom-search-input {
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.home2 .main-header-area .search-area #custom-search-input .search-query {
  padding-right: 3px;
  padding-right: 4px;
  padding-left: 3px;
  padding-left: 4px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent !important;
  color: #ffffff;
}
.home2 .main-header-area .search-area #custom-search-input button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ed6a00;
}
.home2 .main-header-area .search-area .search-query:focus + button {
  z-index: 9;
}
/* ------------------------------------
15.Inner Page Header serction start here
--------------------------------------*/
.inner-page-header {
  background: url(img/leistungen/aktuell/608614936.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}
.dr_kaiser{
  background: url(img/referenzen/referenzprojekte/dr_kaiser/Img_6208_header.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
}
.nk{
  background: url(img/referenzen/referenzprojekte/NKT/header_k_s_372.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}

.header-produktionsberatung {
  background: url(img/leistungen/aktuell/bridge.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}

.inner-page-header-leistungen {
  background: url(img/leistungen/fabrikplanung_kaiser.jpg) no-repeat;          /*test*/
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}
.team-header{
  background: url(img/team/170623_com_1427z.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}
.wie_wir_arbeiten-header{
  background: url(img/unternehmen/wie_wir_arbeiten/header_wir_wir_arbeiten.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}

.standort-header{
     background: url(img/unternehmen/standort/header_standort.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
}

.karriere-header{
  background: url(img/unternehmen/karriere/507155724.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}

.partner-header{
  background: url(img/unternehmen/koorperationen/header_partner.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
}
.kunden-header{
     background: url(img/referenzen/kunden/header_kunden.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center;
  background-size: cover;
  height: 290px;
}
.technologieplanung {
  background: url(img/leistungen/technologie.jpg) no-repeat !important;
  padding: 113px 0;
  background-size: cover !important;
  height: 290px;
}
.referenzprojekte-luftfahrt-header{
      background: url(img/referenzen/referenzprojekte/header_referenzen.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
}
.kontakt{
  background: url(img/kontakt/header_kontakt.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
}
.zarges{
  background: url(img/referenzen/referenzprojekte/zarges/header_zarges.png) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
  border: 1px solid #e8e8e8;
}
.aerotec{
  background: url(img/referenzen/referenzprojekte/Aerotec/05_Premium_AEROTEC_01_header.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
  border: 1px solid #e8e8e8;
}

.aerotec_ekanban{
  background: url(img/referenzen/referenzprojekte/aerotec_ekanban/aerotec_ekanban_header.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
  border: 1px solid #e8e8e8;
}

.airbus{
  background: url(img/referenzen/referenzprojekte/Airbus/hof_header.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
  border: 1px solid #e8e8e8;
}

.kahl{
  background: url(img/referenzen/referenzprojekte/kahl/header_distamat.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
  border: 1px solid #e8e8e8;
}

.contitech{
  background: url(img/referenzen/referenzprojekte/contitech/freigegebenes_foto_header.jpg) no-repeat;
  padding: 113px 0;
  background-position: center center !important;
  background-size: cover;
  height: 290px;
  border: 1px solid #e8e8e8;
}

.inner-page-header .header-page-title h2 {
  color: #ffffff;
  margin: 0;
  font-size: 36px;
  display: inline-block;
}
.inner-page-header .header-page-locator ul {
  text-align: right;
}
.inner-page-header .header-page-locator ul li {
  display: inline-block;
  color: #ed6a00;
}
.inner-page-header .header-page-locator ul li a {
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.inner-page-header .header-page-locator ul li a:hover {
  color: #ed6a00;
}
/* ------------------------------------
16.About Page content area start here
---------------------------------------*/
.inner-page .about-page-content {
  padding: 90px 0;
}
.inner-page .about-page-content .about-title-area h2 {
  color: #000000;
  background-position: center -32px;
  height: 80px;
}
.inner-page .about-page-content .about-title-area p {
  padding: 0 170px;
}
.inner-page .about-page-content .feature-image {
  margin-top: 40px;
}
.inner-page .about-page-content .feature-image .about-featured-image {
  position: relative;
  overflow: hidden;
}
.inner-page .about-page-content .feature-image .about-featured-image a {
  display: block;
}
.inner-page .about-page-content .feature-image .about-featured-image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.inner-page .about-page-content .feature-image .about-featured-image a img:hover {
  transform: scale(1.1);
}
.inner-page .about-page-content .feature-image .about-main-content {
  padding: 25px 60px;
  border: 1px solid #e1e1e1;
  background: #ffffff;
  margin: 50px 0 0 -35px;
}
.inner-page .about-page-content .feature-image .about-main-content h4 {
  color: #ed6a00;
  letter-spacing: 10px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 25px;
}
.inner-page .about-page-content .feature-image .about-main-content h3 {
  color: #000000;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
}
.inner-page .about-page-content .about-service {
  margin-top: 90px;
}
.inner-page .about-page-content .about-service .single-about-services .service-top ul {
  text-align: left;
}
.inner-page .about-page-content .about-service .single-about-services .service-top ul li {
  display: inline-block;
}
.inner-page .about-page-content .about-service .single-about-services .service-top ul li a {
  display: block;
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  transition: all 0.5s ease 0s;
}
.inner-page .about-page-content .about-service .single-about-services .service-top ul li a:hover {
  color: #ed6a00;
}
.inner-page .about-page-content .about-service .single-about-services .service-top ul li a span {
  color: #ed6a00;
  font-size: 48px;
  margin-right: 20px;
}
.inner-page .about-page-team {
  background: #f8f8f8;
}
.inner-page .footer-top-area {
  padding: 90px 0;
}
/* ------------------------------------
17.Call to action area start here
---------------------------------------*/
.call-top-action {
  padding: 70px 0;
  background: #ed6a00;
}
.call-top-action .subscribe-text h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: #ffffff;
}
.call-top-action .subscribe-text h2 span {
  font-weight: 900;
}
.call-top-action .subscribe-now {
  display: inline-block;
}
.call-top-action .subscribe-now a {
  display: block;
  transition: all 0.5s ease 0s;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 10px 17px;
  text-decoration: none;
}
.call-top-action .subscribe-now a:hover {
  background: #0a6f85;
  border: 2px solid #0a6f85;
}
/* ------------------------------------
18.Single services area start here
---------------------------------------*/
.total-blog-area {
  padding: 90px 0;
}
.total-blog-area .single-blog-post {
  margin-bottom: 20px;
  padding: 0px 0;
}
.total-blog-area .single-blog-post .blog-image {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.total-blog-area .single-blog-post .blog-image img {
  transition: all 0.5s ease 0s;
}
.total-blog-area .single-blog-post .blog-image img:hover {
  transform: scale(1.2);
}
.total-blog-area .single-blog-post h2 {
  margin: 40px 0;
  padding: 0;
  font-weight: 600;
  font-size: 30px;
  color: #000000;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.total-blog-area .single-blog-post h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.total-blog-area .single-blog-post p {
  margin-top: 7px;
}
.total-blog-area .single-blog-post .download {
  display: inline-block;
  margin-top: 30px;
}
.total-blog-area .single-blog-post .download a {
  display: block;
  transition: all 0.5s ease 0s;
  text-align: center;
  font-size: 18px;
  color: #222222;
  border: 1px solid #ed6a00;
  padding: 10px 35px;
  text-decoration: none;
}
.total-blog-area .single-blog-post .download a:hover {
  background: #0a6f85;
  border: 1px solid #0a6f85;
  color: #ffffff;
}
.total-blog-area .blog-sidebar-area .single-sidebar {
  margin-bottom: 30px;
}
.total-blog-area .blog-sidebar-area .single-sidebar h2 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
}
.total-blog-area .blog-sidebar-area .single-sidebar h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px solid #eaeaea;
  position:relative;
  font-size: 15px;
  padding: 5px 0px 5px 0px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li:last-child {
  border-bottom: 0px solid #eaeaea;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a {
  color: #222222;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover {
  color: #ed6a00;
}
.total-blog-area .single-sidebar .sidebar-category ul li a:before {
  color: #ed6a00;
  height: 15px;
  left: -5px;
  position: absolute;
  top: 5px;
  width: 15px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial {
  text-align: center;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial {
  background: url(img/single-testimonial.png) no-repeat;
  padding: 60px 40px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial h3 {
  color: #ed6a00;
  font-size: 18px;
  margin: 0 0 5px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  position: relative;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content {
  margin-top: 30px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p {
  color: #333333;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p:after {
  display: none;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls {
  margin-top: 5px;
  position: relative;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination {
  margin-top: -40px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page.active span {
  border: 1px solid #222222;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page span {
  display: block;
  width: 15px;
  height: 8px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  opacity: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0;
  background: #ed6a00;
}
/*-------------------------------------
Sidebar area start Here
--------------------------------------*/
.blog-sidebar-area .single-sidebar {
  margin-bottom: 30px;
}
.blog-sidebar-area .single-sidebar h2 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
}
.blog-sidebar-area .single-sidebar h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.blog-sidebar-area .single-sidebar .sidebar-category ul li:last-child {
  border-bottom: 0px solid #eaeaea;
}
.blog-sidebar-area .single-sidebar .sidebar-category ul li a {
  color: #222222;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover {
  color: #ed6a00;
}
.blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #ed6a00;
  height: 15px;
  left: -5px;
  position: absolute;
  top: 5px;
  width: 15px;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial {
  text-align: center;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial {
  background: url(img/single-testimonial.png) no-repeat;
  padding: 60px 40px;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial h3 {
  color: #ed6a00;
  font-size: 18px;
  margin: 0 0 5px;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  position: relative;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial p:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content {
  margin-top: 30px;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p {
  color: #333333;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .single-testimonial .testimonial-content p:after {
  display: none;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls {
  margin-top: 5px;
  position: relative;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination {
  margin-top: -40px;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page.active span {
  border: 1px solid #222222;
}
.blog-sidebar-area .single-sidebar .sidebar-testimonial .owl-controls .owl-pagination .owl-page span {
  display: block;
  width: 15px;
  height: 8px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  opacity: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0;
  background: #ed6a00;
}
/* ------------------------------------
19.Our Project1 start here
---------------------------------------*/
.our-project-one {
  padding: 90px 0;
  /* --------------------------------
  19.1 Pagination area start here
  -----------------------------------*/
}
.our-project-one .project-content-area .single-project-one {
  border: 1px solid #ededed;
  margin-bottom: 30px;
}
.our-project-one .project-content-area .single-project-one .project-feature-image {
  margin-bottom: 30px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.our-project-one .project-content-area .single-project-one .project-feature-image:hover .overley {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.our-project-one .project-content-area .single-project-one .project-feature-image a {
display: inline-block;
height: 100%;
    width: 100%;
}
.our-project-one .project-content-area .single-project-one .project-feature-image a img {
  width: 100%;
}
.our-project-one .project-content-area .single-project-one .project-feature-image .overley {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(194, 194, 194, 0.6);
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}
.our-project-one .project-content-area .single-project-one .project-feature-image .overley ul {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.our-project-one .project-content-area .single-project-one .project-feature-image .overley ul li a i {
  font-size: 36px;
  color: #ffffff;
  font-weight: 300;
}
.our-project-one .project-content-area .single-project-one h3 {
  margin-bottom: 30px;
}
.our-project-one .project-content-area .single-project-one h3 a {
  color: #222222;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.our-project-one .pagination-area {
  padding-top: 30px;
}
.our-project-one .pagination-area ul {
  text-align: center;
}
.our-project-one .pagination-area ul li {
  display: inline-block;
}
.our-project-one .pagination-area ul li.active a {
  background: #ed6a00;
  color: #ffffff;
}
.our-project-one .pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid #ed6a00;
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
.our-project-one .pagination-area ul li a:hover {
  background: #ed6a00;
  color: #ffffff;
}
/* ------------------------------------
20.Our Project2 start here
---------------------------------------*/
.our-project-two {
  padding: 90px 0;
}
.our-project-two .single-project-two .project-two-featured-image {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.our-project-two .single-project-two .project-two-featured-image:hover .overley {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.our-project-two .single-project-two .project-two-featured-image a {
  display: block;
}
.our-project-two .single-project-two .project-two-featured-image a img {
  width: 100%;
}
.our-project-two .single-project-two .project-two-featured-image .overley {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(1, 177, 213, 0.9);
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}
.our-project-two .single-project-two .single-project-two-details h3 a {
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
  display: block;
  transition: all 0.5s ease 0s;
}
.our-project-two .single-project-two .single-project-two-details h3 a:hover {
  color: #ed6a00;
}
.our-project-two .single-project-two .single-project-two-details h3 a:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
/* ------------------------------------
21.Single project Page image slider
---------------------------------------*/
.blog-image .single-project-slider img {
  width: 100%;
}
.blog-image .single-project-slider .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  top: 0;
  left: -10px;
  top: 45%;
  transform: translateY(-45%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  opacity: 1;
  background: #f0efec;
}
.blog-image .single-project-slider .owl-controls .owl-buttons .owl-prev i {
  color: #000000;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
.blog-image .single-project-slider .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: -10px;
  top: 45%;
  transform: translateY(-45%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  opacity: 1;
  background: #f0efec;
}
.blog-image .single-project-slider .owl-controls .owl-buttons .owl-next i {
  color: #000000;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
/* ------------------------------------
22.News Page start here
---------------------------------------*/
.news-page-area {
  padding: 90px 0;
}
.news-page-area .news-main-content .single-news-area .news-featured-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.news-page-area .news-main-content .single-news-area .news-featured-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.news-page-area .news-main-content .single-news-area .news-featured-image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.news-page-area .news-main-content .single-news-area .news-featured-image a img:hover {
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Safari */
  transform: scale(1.5);
}
.news-page-area .news-main-content .single-news-area .news-featured-image .date-area {
  position: absolute;
  top: 0;
  left: 0;
  background: #ed6a00;
  width: auto;
  height: 65px;
  padding: 10px;
  margin: 20px;
}
.news-page-area .news-main-content .single-news-area .news-featured-image .date-area ul {
  text-align: center;
  border-bottom: 0px solid #ffffff;
}
.news-page-area .news-main-content .single-news-area .news-featured-image .date-area ul li {
  display: block;
  color: #ffffff;
  font-weight: 600;
}
.news-page-area .news-main-content .single-news-area h3 {
  margin-bottom: 10px;
}
.news-page-area .news-main-content .single-news-area h3 a {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #222222;
  transition: all 0.5s ease 0s;
}
.news-page-area .news-main-content .single-news-area h3 a:hover {
  color: #ed6a00;
}
.news-page-area .news-main-content .single-news-area ul {
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
}
.news-page-area .news-main-content .single-news-area ul li {
  display: inline-block;
}
.news-page-area .news-main-content .single-news-area ul li span {
  color: #ed6a00;
  font-weight: 600;
}
.news-page-area .news-main-content .pagination-area {
  padding-top: 30px;
}
.news-page-area .news-main-content .pagination-area ul {
  text-align: center;
}
.news-page-area .news-main-content .pagination-area ul li {
  display: inline-block;
}
.news-page-area .news-main-content .pagination-area ul li.active a {
  background: #ed6a00;
  color: #ffffff;
}
.news-page-area .news-main-content .pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid #ed6a00;
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
.news-page-area .news-main-content .pagination-area ul li a:hover {
  background: #ed6a00;
  color: #ffffff;
}
.news-page-area .sidebar-area .single-sidebar {
  margin-bottom: 30px;
}
.news-page-area .sidebar-area .single-sidebar h2 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
}
.news-page-area .sidebar-area .single-sidebar h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-search {
  overflow: hidden;
  position: relative;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-search input {
  border: 1px solid #0a6f85;
  color: #000000;
  padding: 10px;
  width: 100%;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-search button {
  background: transparent;
  border: medium none;
  color: #ed6a00;
  padding: 11px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  font-size: 20px;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #ed6a00;
  position: relative;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-category ul li a {
  color: #0a6f85;
  display: block;
  padding: 5px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-category ul li a:hover {
  color: #ed6a00;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #ed6a00;
  content: "\f105";
  font-family: FontAwesome;
  height: 15px;
  left: -5px;
  position: absolute;
  top: 5px;
  width: 15px;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .pull-left img {
  transition: all 0.5s ease 0s;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .pull-left img:hover {
  opacity: .9;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a {
  color: #000000;
  transition: all 0.5s ease 0s;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 20px;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a:hover {
  color: #ed6a00;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a {
  color: #ed6a00;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.news-page-area .sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a:hover {
  color: #0a6f85;
}
.news-page-area .sidebar-area .single-sidebar .popular-tags ul li {
  display: inline-block;
  border: 1px solid #e1e1e1;
  margin: 2px;
}
.news-page-area .sidebar-area .single-sidebar .popular-tags ul li:hover {
  border: 1px solid #ed6a00;
  background: #ed6a00;
}
.news-page-area .sidebar-area .single-sidebar .popular-tags ul li:hover a {
  color: #ffffff;
}
.news-page-area .sidebar-area .single-sidebar .popular-tags ul li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  color: #6a6a6a;
}
/* ------------------------------------
23.News Details Page start here
---------------------------------------*/
.single-news-page-area .single-news-page .news-featured-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.single-news-page-area .single-news-page .news-featured-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.single-news-page-area .single-news-page .news-featured-image a img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.single-news-page-area .single-news-page .news-featured-image a img:hover {
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Safari */
  transform: scale(1.5);
}
.single-news-page-area .single-news-page .news-featured-image .date-area {
  position: absolute;
  top: 0;
  left: 0;
  background: #ed6a00;
  width: 55px;
  height: 65px;
  padding: 10px;
  margin: 20px;
}
.single-news-page-area .single-news-page .news-featured-image .date-area ul {
  text-align: center;
  border: 0px solid #ffffff;
}
.single-news-page-area .single-news-page .news-featured-image .date-area ul li {
  display: block;
  color: #ffffff;
  font-weight: 600;
}
.single-news-page-area .single-news-page h3 {
  margin-bottom: 40px;
}
.single-news-page-area .single-news-page h3 a {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
  text-decoration: none;
}
.single-news-page-area .single-news-page h3 a:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.single-news-page-area .single-news-page ul {
  text-align: left;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.single-news-page-area .single-news-page ul li {
  display: inline-block;
}
.single-news-page-area .single-news-page ul li span {
  color: #ed6a00;
  font-weight: 600;
}
.single-news-page-area .single-blog-content {
  padding-bottom: 60px;
  border-bottom: 1px solid #e1e1e1;
}
.single-news-page-area .single-blog-content blockquote {
  border-left: 2px solid #ed6a00;
}
.single-news-page-area .content-info .blog-content-tag {
  margin-top: 20px;
}
.single-news-page-area .content-info .blog-content-tag ul li {
  display: inline-block;
  margin-right: 7px;
}
.single-news-page-area .content-info .blog-content-tag ul li span {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.single-news-page-area .content-info .blog-content-share-social-icons {
  margin-top: 25px;
}
.single-news-page-area .content-info .blog-content-share-social-icons ul {
  text-align: right;
}
.single-news-page-area .content-info .blog-content-share-social-icons ul li {
  display: inline-block;
  margin-right: 7px;
}
.single-news-page-area .content-info .blog-content-share-social-icons ul li span {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.single-news-page-area .content-info .blog-content-share-social-icons ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #ed6a00;
  border: 1px solid #c3c3c3;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  text-align: center;
}
.single-news-page-area .content-info .blog-content-share-social-icons ul li a:hover {
  background: #ed6a00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ed6a00;
}
.single-news-page-area .content-info .blog-content-share-social-icons ul li a:hover i {
  color: #ffffff;
}
.single-news-page-area .author-post {
  margin-top: 30px;
}
.single-news-page-area .author-post h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
  text-decoration: none;
}
.single-news-page-area .author-post .single-author-post {
  border: 1px solid #e1e1e1;
  padding: 30px;
}
.single-news-page-area .author-post .single-author-post .media .pull-left {
  margin-right: 10px;
}
.single-news-page-area .author-post .single-author-post .media .pull-left a {
  display: block;
}
.single-news-page-area .author-post .single-author-post .media .pull-left a img {
  width: 100%;
}
.single-news-page-area .author-post .single-author-post .media .media-body h4.media-heading {
  color: #ed6a00;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 20px;
}
.single-news-page-area .author-comment {
  margin-top: 60px;
  border-bottom: 1px solid #e1e1e1;
}
.single-news-page-area .author-comment h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 20px;
  text-decoration: none;
}
.single-news-page-area .author-comment .single-author-comment {
  padding: 30px;
}
.single-news-page-area .author-comment .single-author-comment .media .pull-left {
  margin-right: 10px;
}
.single-news-page-area .author-comment .single-author-comment .media .pull-left a {
  display: block;
}
.single-news-page-area .author-comment .single-author-comment .media .pull-left a img {
  width: 100%;
}
.single-news-page-area .author-comment .single-author-comment .media .media-body h4.media-heading {
  color: #ed6a00;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 5px;
}
.single-news-page-area .author-comment .single-author-comment .media .media-body ul {
  text-align: left;
  margin-bottom: 10px;
}
.single-news-page-area .author-comment .single-author-comment .media .media-body ul li {
  display: inline-block;
}
.single-news-page-area .author-comment .single-author-comment .media .media-body ul li.right {
  float: right;
}
.single-news-page-area .author-comment .single-author-comment .media .media-body ul li.right i {
  color: #ed6a00;
  margin-right: 5px;
}
.single-news-page-area .leave-comments-area {
  padding-top: 30px;
}
.single-news-page-area .leave-comments-area h4 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
  text-decoration: none;
}
.single-news-page-area .leave-comments-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.single-news-page-area .leave-comments-area fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 45px;
  margin-right: 20px;
}
.single-news-page-area .leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.single-news-page-area .leave-comments-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.single-news-page-area .leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.single-news-page-area .leave-comments-area fieldset .btn-send {
  background: #ed6a00;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
}
.single-news-page-area .leave-comments-area fieldset .btn-send:hover {
  background: #0a6f85;
}
/* ------------------------------------
23. Contact Us page Start Here
---------------------------------------*/
.contact-us-page-area {
  padding: 90px 0;
}
.contact-us-page-area .contact-us-page h2 {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
  text-decoration: none;
}
.contact-us-page-area .contact-us-page h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.contact-us-page-area .contact-box {
  padding: 30px 0;
}
.contact-us-page-area .contact-box .single-contact-box {
  border-right: 1px solid #e1e1e1;
}
.contact-us-page-area .contact-box .single-contact-box.last-child {
  border-right: 0px solid #e1e1e1;
}
.contact-us-page-area .contact-box .single-contact-box p {
  font-size: 18px;
  color: #333333;
}
.contact-us-page-area .contact-box .single-contact-box p span {
  margin-left: 50px;
}
.contact-us-page-area .contact-box .single-contact-box p i {
  font-size: 36px;
  color: #ed6a00;
  margin-right: 20px;
}
.contact-us-page-area .leave-comments-area {
  padding-top: 30px;
}
.contact-us-page-area .leave-comments-area h4 {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
  text-decoration: none;
}
.contact-us-page-area .leave-comments-area h4:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ed6a00;
  width: 60px;
  height: 3px;
}
.contact-us-page-area .leave-comments-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.contact-us-page-area .leave-comments-area fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 45px;
  margin-right: 20px;
}
.contact-us-page-area .leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.contact-us-page-area .leave-comments-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.contact-us-page-area .leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.contact-us-page-area .leave-comments-area fieldset .btn-send {
  background: #ed6a00;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
}
.contact-us-page-area .leave-comments-area fieldset .btn-send:hover {
  background: #0a6f85;
}
/* ------------------------------------
24.404 Page Area Start Here
---------------------------------------*/
.error-page-area {
  padding: 90px 0;
  text-align: center;
}
.error-page-area .error-page {
  background: #ed6a00;
  background-position: center center;
  background-size: cover;
  padding: 90px;
}
.error-page-area .error-page h1 {
  font-size: 300px;
  color: #ffffff;
  line-height: 300px;
}
.error-page-area .error-page p {
  font-size: 30px;
  color: #ffffff;
}
.error-page-area .error-page-message {
  margin-top: 60px;
}
.error-page-area .error-page-message p {
  font-size: 18px;
  color: #000000;
}
.error-page-area .error-page-message .home-page a {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  background: #ed6a00;
  padding: 15px 35px;
  transition: all 0.5s ease 0s;
}
.error-page-area .error-page-message .home-page a:hover {
  background: #0a6f85;
  color: #ffffff;
}
/*---------------------------------
25.Scrolling Up Styling
---------------------------------*/
#scrollUp {
  background: #ed6a00;
  border: 1px solid #ed6a00;
  bottom: 100px;
  color: #ed6a00 !important;
  display: block;
  font-size: 25px;
  height: 60px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 60px;
  z-index: 1000;
}
#scrollUp:hover {
  background: #0a6f85;
}
#scrollUp:hover i {
  color: #ffffff;
}
#scrollUp i {
  display: block;
  padding-top: 12px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
}
/* ------------------------------------
26.Color Pannel Setting here
---------------------------------------*/
.demo-panel-setting-area {
  width: 120px;
  height: 330px;
  background: #000000;
  display: block;
  position: fixed;
  top: 16%;
  left: -125px;
  transition: all 0.5s ease 0s;
  padding: 22px 15px;
  z-index: 9999999;
}
.demo-panel-setting-area h3 {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 10px;
}
.demo-panel-setting-area .color-scheme-area span {
  height: 50px;
  width: 50px;
  display: block;
  margin: 5px 15px;
  float: left;
  cursor: pointer;
}
.demo-panel-setting-area .color-scheme-area span.skype-color {
  background: #ed6a00;
}
.demo-panel-setting-area .color-scheme-area span.red-color {
  background: #ff0000;
}
.demo-panel-setting-area .color-scheme-area span.green-color {
  background: #008000;
}
.demo-panel-setting-area .color-scheme-area span.orange-color {
  background: #FFA500;
}
.demo-panel-setting-area .color-scheme-area span.blue-color {
  background: #0000FF;
}
.demo-panel-setting-area .cross-button {
  display: inline-block;
  position: absolute;
  right: -33px;
  top: -20px;
  color: #ed6a00;
  cursor: pointer;
}
.demo-panel-setting-area .cross-button i {
  font-size: 36px;
  font-weight: bold;
}
.demo-panel-setting-area .cross-button .fa-spin {
  -webkit-transform-origin: 50% calc(49.5%);
  transform-origin: 50% calc(49.5%);
}
.highlight {
  left: 0px;
}

.single-footer.footer-two li {
    padding: 3px 0;
    font-size: 15px;
}
.fa-check-square::before {
        color: #ed6a00;
}

/*/ KW CSS */

.service-area h2 {
    font-size: 36px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 40px;
}
.service-area  h2 span{
    color: #ed6a00
}
.pb-80{
    padding-bottom: 80px;
}
.pt-80{
    padding-top: 80px;
}

.services h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #222222;
  position: relative;
  margin-bottom: 50px;
font-size: 30px;
}
.services h3:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 3px;
  background: #ed6a00;
  content: "";
}

.icon{
    width: 100%;
    display: block;
    text-align: center;
}
.media-body h4{
    text-align: center;
}
.service-full{
    width: 100%;
    padding: 90px 0px 0px 0px;
    background: #f8f8f8;
}
.service-area .services{
    padding-bottom: 0px;
}
.fabrikplanung-content h2{
     font-size: 36px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 40px;
    padding-top: 0px;
}
.services h2{
     font-size: 36px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 40px;
    padding-top: 0px;
}

.media-body{
    text-align: center;
}
.about-title-area-team h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #222222;
  position: relative;
  margin-bottom: 50px;
font-size: 30px;
}
.about-title-area-team h2:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 3px !important;
  background: #ed6a00;
  content: "";
}
.team-details{
  position: absolute;
left: 0;
right: 0;
margin: 0 30px;
border: 1px solid #dddddd;
bottom: -25px;
background: #ffffff;
transition: all 0.5s ease 0s;
padding: 7px 0;
}

.team-vorstellung h2{
    color: #ed6a00;
}



.home-team-area ul li.no_dotted::before{
      color: transparent;
}
.full-grey{
    background: #F8F8F8;
    width:100% !important;
}
.padding{
    padding-top: 80px;
    padding-bottom: 80px;
}

.arbeiten h2{
     font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #222222;
  position: relative;
  margin-bottom: 50px;
}

.blog-sidebar-area .single-sidebar .sidebar-category ul li{
    border-bottom: 0px solid transparent;
}
.fabrikplanung-content h2:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  margin: auto;
  width: 60px;
  height: 3px !important;
  background: #ed6a00;
  content: "";
}
.fabrikplanung-content h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #222222;
  position: relative;
  margin-bottom: 50px;
font-size: 30px;
}

p.adresse{
    color: #ccc;
}

.pd-bottom{
    padding-bottom: 0px;
}

.service-area {
    background: #F8F8F8;
}
.our-project-two{
    padding-top:0px;
}
.no-padding{
    padding: 0px;
}

.team-vorstellung h2{
    font-size: 25px;
    color: #ed6a00;
}
.home-team-area .full-grey h2{
      font-size: 25px;
    color: #ed6a00;
}
.home-team-area .orange h2{
      font-size: 25px;
    color: #ed6a00;
}
.about-content-area ul li::before{
     content: "\f105";
      color: #ed6a00;
    padding-right: 15px;
    font-family: FontAwesome;
}

.karriere{
    padding-top: 30px;
}

img.partner-img{
    padding-bottom: 15px;
}

.center{
    text-align: center;
}

img.img-center{
    margin: 0 auto;
}
/*
.referenz ul li::before{
     content: "\f105";
      color: #ed6a00;
    padding-right: 15px;
    font-family: FontAwesome;
}*/
.wie_wir_arbeiten ul li::before{

}
.referenz ul li a{
    display: inline !important;
    padding: 0px !important;
}

.overley p{
    color: #fff;
}
.overlay{
   padding: 0px 10px;
}
.contact-us-page h3{
    margin-bottom: 10px;
}
.map-padding{
    padding: 40px 0px 40px 0px;
}
.contact-us-page-area a{
display: inline-block;
padding: 12px 30px;
color: #ffffff;
transition: all 0.5s ease 0s;
background: #ed6a00;
}
.contact-us-page-area .button-area{
    margin-top: 20px;
}
/*
.blog-sidebar-area ul li::before{
       content: "\f105" !important;
      color: #ed6a00;
    padding-right: 15px;
    font-family: FontAwesome !important;
}*/
span.arrow{
    background-image: url(img/2arrow.png);
    background-repeat: no-repeat;
    background-size: 50px auto;
    width:50px;
    height: 50px;
    background-position: 30px 50px;
    display: inline-block;
}

.blog-sidebar-area ul li a{
    padding-bottom: 10px;
    display: inline !important;
    padding-left: 0px !important;
}
.blog-sidebar-area ul li {
    padding-bottom: 10px;
}
.pd-left{
    padding-left: 20px;
}

.header-page-title h2{
    color: #fff;
    font-size: 36px;
}

.team-vorstellung ul li{
    font-size: 15px;
}

.full-grey ul li{
    font-size: 15px;
}
.home-team-area ul li{
     font-size: 15px;
}

.footer-two ul li::before{
    content: "\f105";
    color: #ed6a00;
    padding-right: 15px;
    font-family: FontAwesome;
}

 a.impressum::before{
     content: "\f105";
    color: #ed6a00 !important;
    padding-right: 5px;
    font-family: FontAwesome;
}

a.impressum{
    color: #b1b1b1;
}

.auflistung-start{
    text-align: left;
}



.auflistung-startseite{
    padding: 40px 0px;
}

.align-center{
    text-align: center;
}

i.fa-cogs{
    font-size: 65px;
    padding-bottom: 10px;
    color: #ed6a00;
}
i.fa-cubes{
    font-size: 65px;
    padding-bottom: 10px;
    color: #ed6a00;
}
i.fa-lightbulb-o{
    font-size: 65px;
    padding-bottom: 10px;
    color: #ed6a00;
}
.pd-bottom-0{
    padding-bottom: 0px;
}

h4.aufzaehlung{
    margin-bottom: 15px !important;
    padding-top: 10px;
    font-weight: bold;
}

.news-page-area .botton-area a{
display: inline-block;
padding: 12px 30px;
color: #ffffff;
transition: all 0.5s ease 0s;
background: #ed6a00;
}
/*.botton-area{
    margin-left: 10px;
}*/

.wrapper-slider h1{
    color: #ffffff !important;
}

.slider-content{
        background: rgba(49,49,40,0.2);
}
.nivo-caption{
    padding: 0px !important;
    opacity: 1 !important;
}

a.active{
    color: #ed6a00 !important;
}


.team-vorstellung ul p::before{
     content: "\f105";
      color: #ed6a00;
    padding-right: 15px;
    font-family: FontAwesome;
    height: 100%;
    font-size: 19px;
    width:20px;
}
.team-vorstellung ul p{
    width: 3%;
    float: left;
    margin-bottom: 0px;
}
.team-vorstellung ul li{
    width: 90%;
}
span.vorstellung{
    display: block;
    padding-bottom: 10px;
}

/*/ Caroussel */

.carousel-caption{
    padding-bottom: 30px;
    height: 100%;
    top: 30%;
}

.carousel-caption h1{
    font-size: 72px;
    color: #ffffff;
    line-height: 1.55;
    letter-spacing: 7px;
    margin: 15px 0 0;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: none;
}

.carousel-caption p{
    font-size: 16px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    font-weight: 400;
}


.carousel-inner > .item {
    -webkit-transition: -webkit-transform 1.5s ease-in-out;
    -o-transition: -o-transform 1.5s ease-in-out;
    transition: transform 1.5s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 17000px;
    perspective: 17000px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

span.middle{
    position: absolute;
    top: 50%;
}
.slider-botton{
    margin-top: 40px;
}
.slider-botton ul li.acitve a{
    display: block;
    padding: 17px 40px;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}
.slider-botton ul li a{
    display: block;
    padding: 17px 40px;
    color: #ffffff;
    transition: all 0.5s ease 0s;
    background: #ed6a00;
    border: none;
}
.slider-botton ul li {
    display: inline-block;
    margin-right: 10px;
}

.slider-botton ul li a:hover {
    background: #3B3F4A;
    color: #ffffff;

}
.slider-botton ul li a:focus{
    color: #ffffff;
    text-decoration: none;
}
.slider-botton ul li a:active{
        color: #ffffff;
    text-decoration: none;
}
.contact-us-page-area .contact-box .single-contact-box i{
    font-size: 36px;
    color: #ed6a00;
    margin-right: 20px;
}
.top{
    width: auto;
    margin-left: 0px !important;
    display: inline-block;
}
i.vertical-top{
    vertical-align: top;
}

.sidebar-category ul li{
    background-image: url(img/arrow_b.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 0px 11px;
    padding-left: 20px !important;

}

.team-vorstellung ul li{
    padding-bottom: 10px;
    background-image: url(img/arrow_b.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 0px 7px;
    padding-left: 20px !important;
}
.referenz ul li{
    padding-bottom: 10px;
    background-image: url(img/arrow_b.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 0px 5px;
    padding-left: 20px !important;
}
/*/ Galerie*/
.portfolio .thumbnail {
    position: relative;
}

.portfolio .thumbnail:hover {
    cursor: pointer;
}

.portfolio .caption {
    bottom: 0;
    position: absolute;
}

.portfolio .btn {
    opacity: 0.75;
}
.modal-dialog{
    width: 700px !important;
}
.myButton{
    padding: 0px;
    border: none;
}

.single-blog-post h2{
    margin-top: 0px !important;
}
ul.projekte li{
    margin-left: 20px;
}

ul.projekte li p{
    margin: 0px;
}
i{
    font-size: 16px;
}
p.inline{
    display: block;
    margin-bottom: 20px;
}

.mt-20{
    margin-top: 20px;
}
.mr-15{
    margin-right: 20px;
}
.btn-info:hover{
    background-color: transparent;
    border: none;
}
img.img-logo{
    width: 180px !important;
    height: auto;
}

.kunden-logos li{
   font-size: 16px;
    margin-bottom: 5px;
}
.botton-area{
    margin-top: 50px;
}
.mt-6{
    margin-top: 6px;
}
.botton-area a{
    display: inline-block;
    padding: 12px 30px;
    color: #ffffff;
    transition: all 0.5s ease 0s;
    background: #ed6a00;
}
.botton-area a:hover{
    color: #fff;
    background:#3B3F4A;
}
.botton-area a:active{
    text-decoration: none;
}
ul.auflistung li{
    font-size: 16px;
    background-image: url(img/arrow_b.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 0px 11px;
    padding-left: 20px !important;
}
.no-bg-color{
    background-color: #fff;
    padding-top: 0px;
}
ul.projekte li{
    font-size: 16px;
    background-image: url(img/arrow_b.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 0px 7px;
    padding-left: 20px !important;
    margin-bottom: 7px;
}

@media only screen and (min-width:767px) {
    .no-pd-left{
    padding-left: 0px;
}

}
.col-lg-offset-1{
    margin-left: 0% !important;
    padding-left: 6%;
}
h2.bg-gray{
    background-color: rgba(70, 70, 70, 0.7);
    padding: 5px 10px 5px 10px;
    display: inline-block;

}
a{
    color: #000000;
}
a.orange{
  color: #ed6a00;
}
a:hover{
    color: #ed6a00;
}
.footer-two a{
    margin-bottom: 5px !important;
}
.pd-left-90{
    padding-left: 90px;
}
.pd-30{
    padding: 0px 30px 0px 30px;
}
h3.orange{
    font-size: 24px;
     color: #ed6a00;
}
.contact-us-page-area a:hover{
    background: #3B3F4A;
    color: #ffffff;
}
.nospam{
    display:none;
}
</span></div>

	.marquee {
		max-width: 300vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		/* hier evtl. noch font-size, color usw. */
	}

	.marquee span {
		display: inline-block;
		padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
		animation: marquee 10s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}