/*-----------
  Global
------------------*/
.scherfware-color {
  color: #f58533;
}
.move-top {
  margin-top: 20px;
}
/* desc fixer */
.descfixer {
  display: none;
}
.container-no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/*-----------
  Analytics
------------------*/
#analytics-row {
  padding-bottom: 400px;
}
#analytics-header {
  text-align:left;
  margin-bottom:15px;
  opacity: 0;
  transition: opacity 500ms;
}
#analytics-img-box {
  position: relative;
  text-align:right;
  margin-bottom:15px;
  height: 50px;
}
#analytics-img-box img {
  transition: width 1000ms, height 1000ms !important;
  max-width: none;
  float: right;
}
#analytics-img-box img:not(.big) {
  position: absolute;
  width: 50px;
  height: auto;
  top: 0;
  right: 15px;
  z-index: 5;
}

@media (min-width: 1200px) {
  #analytics-img-box img.big {
    width: calc(877.5px - 30px);
    height: calc(877.5px - 30px);
  }
}
@media (max-width: 1200px) {
  #analytics-img-box img.big {
    width: calc(727.5px - 30px);
    height: calc(727.5px - 30px);
  }
}
@media (max-width: 991px) {
  #analytics-img-box img.big {
    width: calc(750px - 30px);
    height: calc(750px - 30px);
  }
}
@media (max-width: 768px) {
  #analytics-img-box img.big {
    width: calc(200% + 30px);
    height: auto;
  }
}
/*-----------
  Ticketsystem
------------------*/
#TicketTable td.scnd {
  border-top: 0px solid transparent;
}
#TicketTable .td-subject {
  font-weight: 600;
}
#TicketTable th:last-child {
  width: 100px;
}
#ticket-add textarea {
  min-height: 34px;
}
.ticket-historie {
  padding: 1px 15px;
  border-top: none;
  border-bottom: none;
}
.ticket-historie:last-child {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.ticket-historie .ticket-historie-head {
  border: 1px solid #ddd;
  display: inline-block;
  width: 100%;
  background-color: #f5f5f5;
  padding: 10px 15px;
}
.ticket-historie .ticket-historie-head > span {
  font-size: 12px;
  font-weight: 600;
}
.ticket-historie .ticket-historie-head > span:nth-child(1) {
  float: left;
}
.ticket-historie .ticket-historie-head > span:nth-child(2) {
  float: right;
}
.ticket-historie .ticket-historie-body {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 5px;
  margin-bottom: 3px;
  margin-top: -5px;
}
#TicketDelete {
  float: right;
}
.ticket-historie .list-group-item {
  margin-bottom: 0px;
}
.ticket-historie-footer {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: -3px;
  padding: 6px;
  display: inline-block;
  width: 100%;
}
.ticket-attachment-icon {
  
}
.ticket-attachment > ul {
  list-style-type: circle;
  font-weight: 600;
}
.ticket-attachment > ul > li {
  list-style-type: circle;
}
/*-----------
  servermonitoring
------------------*/
#burst-12 {
  background: #f58533;
  width: 80px;
  height: 80px;
  position: relative;
  text-align: center;
  float: right;
  top: -20px;
  right: -10px;
  z-index: 50;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  opacity: 0;

  -webkit-animation-name: serverdemo, demofade;
  -moz-animation-name: serverdemo, demofade;
  -o-animation-name: serverdemo, demofade;
  animation-name: serverdemo, demofade;
  -webkit-animation-duration: 2s, 2s;
  -moz-animation-duration: 2s, 2s;
  -o-animation-duration: 2s, 2s;
  animation-duration: 2s, 2s;
  -webkit-animation-timing-function: linear, linear;
  -moz-animation-timing-function: linear, linear;
  -o-animation-timing-function: linear, linear;
  animation-timing-function: linear, linear;
  -webkit-animation-delay: 5s, 5s;
  -moz-animation-delay: 5s, 5s;
  -o-animation-delay: 5s, 5s;
  animation-delay: 5s, 5s;
  -webkit-animation-iteration-count: infinite, 1;
  -moz-animation-iteration-count: infinite, 1;
  -o-animation-iteration-count: infinite, 1;
  animation-iteration-count: infinite, 1;
  -webkit-animation-direction: normal, normal;
  -moz-animation-direction: normal, normal;
  -o-animation-direction: normal, normal;
  animation-direction: normal, normal;
  -webkit-animation-fill-mode: forwards, forwards;
  -moz-animation-fill-mode: forwards, forwards;
  -o-animation-fill-mode: forwards, forwards;
  animation-fill-mode: forwards, forwards;
  -webkit-animation-play-state: running, running;
  -moz-animation-play-state: running, running;
  -o-animation-play-state: running, running;
  animation-play-state: running, running;
}
@-webkit-keyframes demofade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes demofade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes demofade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes demofade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#burst-12:before,
#burst-12:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 80px;
  background: #f58533;
}
#burst-12:before {
  content: "";
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}
#burst-12:after {
  content: "DEMO";
  line-height: 3.5;
  font-size: 24px;
  font-weight: 600;
  text-shadow: 0px 0px 0px transparent;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
}
#burst-12:before,
#burst-12:after {
  -webkit-animation-name: serverdemo;
  -moz-animation-name: serverdemo;
  -o-animation-name: serverdemo;
  animation-name: serverdemo;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear, linear, linear, linear;
  -moz-animation-timing-function: linear, linear, linear, linear;
  -o-animation-timing-function: linear, linear, linear, linear;
  animation-timing-function: linear, linear, linear, linear;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
@-webkit-keyframes serverdemo {
  0% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
  50% { background: red; color: white; text-shadow: 1px -1px 5px #fff; }
  100% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
}
@-moz-keyframes serverdemo {
  0% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
  50% { background: red; color: white; text-shadow: 1px -1px 5px #fff; }
  100% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
}
@-o-keyframes serverdemo {
  0% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
  50% { background: red; color: white; text-shadow: 1px -1px 5px #fff; }
  100% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
}
@keyframes serverdemo {
  0% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
  50% { background: red; color: white; text-shadow: 1px -1px 5px #fff; }
  100% { background: #f58533; color: inherit; text-shadow: 0px 0px 0px transparent; }
}


#servermonitoring-box {
  position: relative;
  display: flex;
  width: 100%;
  height: 388px;
  background: url('/asset/img/servermonitoring-tool.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#servermonitoring-box:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: 'Sie nutzen nicht nur einen Webspace? Scherfware bietet Ihnen die passende Software um Ihre Server umfangreich und komfortabel zu verfolgen. Gewinnen Sie erste Eindrücke unserer Software auf dieser Demoseite.';
  color: #fff;
  text-shadow: 2px 2px 0px #000, -1px -1px 0px #000;
  padding: 5%;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  overflow: hidden;
  hyphens: auto;
  background: rgba(0,0,0,0);
  -webkit-animation-name: serverfloor;
  -moz-animation-name: serverfloor;
  -o-animation-name: serverfloor;
  animation-name: serverfloor;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear, linear, linear, linear;
  -moz-animation-timing-function: linear, linear, linear, linear;
  -o-animation-timing-function: linear, linear, linear, linear;
  animation-timing-function: linear, linear, linear, linear;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
#servermonitoring-box > div:first-child,
#servermonitoring-box > div:last-child {
  position: absolute;
  top: 0;
  width: calc(50% + 2px);
  display: flex;
  height: 388px;
  z-index: 15;
}
#servermonitoring-box > div:first-child {
  left: 0;
  -webkit-animation-name: serverdoor1;
  -moz-animation-name: serverdoor1;
  -o-animation-name: serverdoor1;
  animation-name: serverdoor1;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear, linear, linear, linear;
  -moz-animation-timing-function: linear, linear, linear, linear;
  -o-animation-timing-function: linear, linear, linear, linear;
  animation-timing-function: linear, linear, linear, linear;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
#servermonitoring-box > div:last-child {
  right: 0;
  -webkit-animation-name: serverdoor2;
  -moz-animation-name: serverdoor2;
  -o-animation-name: serverdoor2;
  animation-name: serverdoor2;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear, linear, linear, linear;
  -moz-animation-timing-function: linear, linear, linear, linear;
  -o-animation-timing-function: linear, linear, linear, linear;
  animation-timing-function: linear, linear, linear, linear;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes serverdoor1 {
  0% { left: 0%; }
  100% { left: -45%; }
}
@-moz-keyframes serverdoor1 {
  0% { left: 0%; }
  100% { left: -45%; }
}
@-o-keyframes serverdoor1 {
  0% { left: 0%; }
  100% { left: -45%; }
}
@keyframes serverdoor1 {
  0% { left: 0%; }
  100% { left: -45%; }
}

@-webkit-keyframes serverdoor2 {
  0% { right: 0%; }
  100% { right: -45%; }
}
@-moz-keyframes serverdoor2 {
  0% { right: 0%; }
  100% { right: -45%; }
}
@-o-keyframes serverdoor2 {
  0% { right: 0%; }
  100% { right: -45%; }
}
@keyframes serverdoor2 {
  0% { right: 0%; }
  100% { right: -45%; }
}

@-webkit-keyframes serverfloor {
  0% { background: rgba(0,0,0,0);  }
  100% { background: rgba(0,0,0,0.75); }
}
@-moz-keyframes serverfloor {
  0% { background: rgba(0,0,0,0);  }
  100% { background: rgba(0,0,0,0.75); }
}
@-o-keyframes serverfloor {
  0% { background: rgba(0,0,0,0);  }
  100% { background: rgba(0,0,0,0.75); }
}
@keyframes serverfloor {
  0% { background: rgba(0,0,0,0);  }
  100% { background: rgba(0,0,0,0.75); }
}

/* price-details*/
.table-item-2-1 {
  margin: 0 !important;
}
.table-item-2-1 > div:nth-child(1):before {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  top: 20px;
  left: 0;
  content: "\f0c6";
  font-size: 4.8em;
}
.table-item-2-1.scnd > div:nth-child(1):after {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  top: 70px;
  left: 30px;
  content: "\f104";
  font-size: 2.4em;
  color: green;
}
.table-item-2-1.thrd > div:nth-child(1):after {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  top: 70px;
  left: 30px;
  content: "\f0a5";
  font-size: 2.4em;
  color: green;
}
.single-content {
  margin-bottom: 30px;
}


/*
#servermonitoring-box:after {
  position: absolute;
  display: block;
  width: calc(50% + 2px);
  height: 100%;
  top: 0;
  right: 0;
  content: '';
  background: url('/asset/img/servermonitoring-webspace-right.jpg');
  background-repeat: no-repeat;
  background-size: auto;
}
#servermonitoring-box:before {
  position: absolute;
  display: block;
  width: calc(50% + 2px);
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  background: url('/asset/img/servermonitoring-hosting-left.jpg');
  background-repeat: no-repeat;
  background-size: auto;
}*/
/*
#servermonitoring-box > div {
  position: relative;
  display: inline-block;
  width: 33.3%;
  height: auto;
}*/

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

    Template Name: Gethost Htlml template
    Template URI: http://hastech.company/
    Description: This is html5 template
    Author: Hastech
    Author URI: http://hastech.company/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS
    2. shortcode css file include here
       2.1  css/shortcode/shortcode.css/ @import url("header.css");
       2.2  css/shortcode/shortcode.css/ @import url("slider.css");
       2.3  css/shortcode/shortcode.css/ @import url("footer.css");
    03. search domain css here
    04. Choose gethost css here
    05. Services css here
    0.6 Fun fact css here
    07. Pricing table css here
    0.8 Testimonial css here
    09. Team css here
    10. Brand css here
    11. Faq css here
    12. Newsletter css here
    13. Home page 2 css here
    14. team style 2 css here
    15. Home2 single blog css here
    16. Faq style 2 css here
    17. footer 2 css here
    18. ABout us css here
        18.1 Breadcrumbs css here
    19. Blog page css here
    20. Blog Details page css here
    21. Testmonial pages css here
    22. DOmain pages css here
    23. Login page css here
    24. Cart page css here
    25. Contact css here
    26. Mobile menu css here
    27. Scrollup css here
    28. Sticky menu css here 
    29. 404 page css here
	

-----------------------------------------------------------------------------------*/
/* TEST PAGE RUCKELN FIXEN */
.menu-manager {    
  position: fixed;
  top: 52px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 50000;
  display: block;
  visibility: visible;
  opacity: 1;
  background: rgba(255,255,255,0.7);
}
/* TEST END */
/*-----------------
	1. Theme Default CSS
    
--------------------*/
/*--
  Google fonts
--*/
/* dosis-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/dosis-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Dosis Light'), local('Dosis-Light'),
       url('../fonts/dosis-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-300.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/dosis-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Dosis Medium'), local('Dosis-Medium'),
       url('../fonts/dosis-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-500.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dosis-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'),
       url('../fonts/dosis-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-600.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dosis-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Dosis Bold'), local('Dosis-Bold'),
       url('../fonts/dosis-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-700.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/dosis-v7-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Dosis ExtraBold'), local('Dosis-ExtraBold'),
       url('../fonts/dosis-v7-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-800.svg#Dosis') format('svg'); /* Legacy iOS */
}
/*--
  Lato fonts
--*/   /* lato-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
img{max-width: 100%}

/*-----------
  03. search domain css here
------------------*/
.search-domain-inner {
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  position: relative;
  background: url(../img/bg/domain.jpg)no-repeat scroll center center / cover;
}
.search-domain-desc {
  padding: 48px 150px 50px;
  position: relative;
}
.search-domain-img > img {
    border-radius: 10px;
}
.search-domain-inner:before {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    position: absolute;
    top: 0;
    width: 100%;
}
.search-domain-head > h2 {
  color: #ffffff;
  font-family: "Lato",sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 22px;
}
.search-domain-head > p {
    color: #ffffff;
    font-family: "Dosis",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
}
.domain-sort {
    display: inline-block;
    width: 70px;
    position: relative;
}
.domain-input {
    display: inline-block;
}

.domain-input > input {
  border-bottom-colors: none;
  border-left-colors: none;
  border-right-colors: none;
  border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #ffffff;
  -o-border-image: none;
     border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #ddd;
  font-size: 13px;
  /*text-transform: capitalize;*/
  width: 470px;
  padding-left: 15px;
  height: 40px;
}

.domain-input ::-webkit-input-placeholder {
  color: #ddd;
}
.domain-sort select {
  -moz-appearance: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #ffffff;
  -o-border-image: none;
     border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #ffffff;
  font-family: "Lato",sans-serif;
  font-weight: 300;
  height: 40px;
  padding-left: 5px;
}
.domain-input {
    padding-right: 16px;
}
.domain-sort:before {
  color: #ffffff;
  content: "";
  font-family: Icofont;
  position: absolute;
  right: 5px;
  top: 12px;
}
.search-domain-form {
    position: relative;
}
.submit-form {
  position: absolute;
  right: -5px;
  top: 2px;
}
.submit-form > button {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  color: #f58533;
  font-size: 16px;
  height: 38px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 38px;
}
.submit-form > button:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #fff;
  color: #ffffff;
}
.search-domain {
  margin-top: -89px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info,.btn-info:hover {
  background-color: inherit !important;
  border-color: #ffffff;
}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info.focus:active, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
  border-color: #fff;
}
.btn-info {
  background-color: inherit;
  border-color: #fff;
  color: #ffffff;
  border-color: -moz-use-text-color -moz-use-text-color #ffffff;
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}
.btn-info:focus, .btn-info.focus {
  background-color: inherit;
  border-color: inherit;
}
.bootstrap-select .dropdown-toggle:focus{
  outline: none !important;
  border-color: #fff;
}
.bootstrap-select > .dropdown-toggle {
  margin-top: 7px;
  padding-left: 10px;
  padding-right: 0;
}
.domain-sort .dropdown-menu {
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176);
  min-width: 160px;
  top: 92%;
}
/*--------------
    04. Choose gethost css here
------------------*/
.choose-gethost {
  padding-bottom: 45px;
  padding-top: 70px;
}
.section-title h2 {
  color: #555555;
  font-family: "Lato",sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
}
.section-title h2:before {
  background: rgba(0, 0, 0, 0) url("../img/bg/section-title.png") no-repeat scroll center center;
  bottom: -22px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.section-title p {
    color: #555555;
    font-family: "Dosis",sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}
.section-title {
    margin-bottom: 50px;
}
.choose-gethost .section-title {
  margin-bottom: 47px;
}
.single-choose-gethost > h3 {
  font-size: 24px;
  line-height: 17px;
  margin-bottom: 17px;
  padding-right: 10px;
  position: relative;
  text-transform: capitalize;
}
.choose-gethos-list {
  margin-top: 45px;
}
.right .single-choose-gethost > h3 {
  padding-left: 10px;
  padding-right: 0;
}
.choose-gethos-list .single-choose-gethost:first-child {
  margin-bottom: 43px;
}
.single-choose-gethost > h3:before {
    background: #f58533 none repeat scroll 0 0;
    content: "";
    height: 18px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 3px;
}
.right .single-choose-gethost > h3:before {
    right: auto;
    left: 0;
}
/*-----------
  05. Services css here
------------------*/
.services-area {
  background: rgba(0, 0, 0, 0) url("../img/bg/1.jpg") no-repeat scroll center center / cover ;
  padding: 91px 0 85px;
  position: relative;
}
.services-area.overlay:before{
  background: rgba(246,246,246,0.95);
}
.services-top:before,
.services-middle:before {
  background: #f58533 none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 3px;
  left: 115px;
  position: absolute;
  right: 115px;
}
.single-services {
  padding-bottom: 55px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  text-align: center;
}
.single-services:before {
  background: #f58533 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 1px;
}
.services-top .col-md-4:last-child .single-services:before,
.services-middle .col-md-4:last-child .single-services:before,
.services-bottom .col-md-4:last-child .single-services:before {
    left: 0;
    right: auto
}
.services-top .col-4:last-child .single-services:before,
.services-middle .col-4:last-child .single-services:before,
.services-bottom .col-4:last-child .single-services:before {
  display: none;
}
.services-top {
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  position: relative;
}
.services-middle {
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  position: relative;
}
.services-top .col-4,
.services-middle .col-4 {
  padding-bottom: 7px;
}
.services-bottom .col-4 {
    padding-top: 7px;
}
.services-bottom .col-4,
.services-middle .col-4,
.services-top .col-4  {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.services-icon > a {
    color: #f58533;
    font-size: 60px;
}
.single-services > h2 {
    font-size: 24px;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.single-services > p {
    font-size: 16px;
    margin-bottom: 0;
}
.services-icon {
    margin-bottom: 9px;
    padding-top: 44px;
}
.services-top .col-4:hover,
.services-middle .col-4:hover,
.services-bottom .col-4:hover {
    background: #f58533 none repeat scroll 0 0;
}
.services-top .col-4:hover .services-icon > a,
.services-middle .col-4:hover .services-icon > a,
.services-bottom .col-4:hover .services-icon > a,
.services-top .col-4:hover .single-services > h2,
.services-middle .col-4:hover .single-services > h2,
.services-bottom .col-4:hover .single-services > h2,
.services-top .col-4:hover .single-services > p,
.services-middle .col-4:hover .single-services > p,
.services-bottom .col-4:hover .single-services > p {
    color: #fff;
}
.services-bottom {
  margin-top: -2px;
  overflow: hidden;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.services-top .col-4:first-child {
    border-radius: 10px 0 0;
}
.services-top .col-4:last-child {
    border-radius: 0 10px 0 0;
}
.services-middle .col-4:first-child,
.services-middle .col-4:last-child {
    border-radius: 0;
}
.services-bottom .col-4:first-child {
    border-radius: 0 0  0 10px;
}
.services-bottom .col-4:last-child {
    border-radius: 0 0 10px 0;
}
.services-top .col-4:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.services-middle .col-4:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.services-bottom .col-4:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.services-area .section-title {
  margin-bottom: 45px;
}
/*-----------------
    0.6 Fun fact css here
------------------*/
.fun-fact {
  background: rgba(0, 0, 0, 0) url("../img/bg/fun-1.jpg") no-repeat scroll center center / cover ;
  padding: 78px 0 93px;
  position: relative;
}
.single-fun-fact > h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: capitalize;
}
.overlay:before {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
}
.overlay0-75:before {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
}
.fun-icon > a {
    color: #ffffff;
    font-size: 48px;
}
.single-fun-fact > p {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
}
.fun-icon {
  margin-bottom: 4px;
}
.single-fun-fact > p:before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}

/*--------------
    07. Pricing table css here
-----------------*/
.pricing-plan.bg-color{
    background: #f6f6f6 none repeat scroll 0 0;
}
.pricing-table {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(85, 85, 85, 0.3);
  padding: 35px 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.pricing-title > h3 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    line-height: 23px;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
}
.pricing-title > h3:before {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}
.pricing-desc-title > h2 {
  font-family: "Lato",sans-serif;
  font-size: 60px;
  line-height: 40px;
  margin-bottom: 34px;
  /*
  padding-bottom: 20px;
  padding-top: 30px;
  */
  position: relative;
}
.pricing-desc-title > h2 span.currency {
    font-size: 17px;
    position: relative;
    top: -4px;
}
.pricing-desc-title > h2 span.date {
    font-size: 24px;
}
.pricing-desc-title > h2:before {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.pricing-desc li {
    color: #555555;
    font-size: 16px;
    padding-bottom: 19px;
}
.buy-now > a {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 38px;
    line-height: 38px;
    margin-top: 18px;
    padding: 0 35px;
    text-transform: uppercase;
    border: 1px solid transparent;
}
.buy-now > a:hover {
    background: none;
    border-color: #f58533;
    color: #f58533;
}
.pricing-table:hover {
    box-shadow: 0 5px 10px rgba(85, 85, 85, 0.3);
}
.pricing-desc-title {
  padding: 0 70px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.pricing-table:hover .pricing-desc-title,.style-3 .pricing-table .pricing-desc-title {
    background: #f58533 none repeat scroll 0 0;
}
.pricing-table:hover .pricing-desc-title h2,.style-3 .pricing-table .pricing-desc-title h2 {
    color: #fff;
}
.pricing-table:hover .pricing-desc-title .currency a:visited, .pricing-table:hover .pricing-desc-title .currency a:active, .pricing-table:hover .pricing-desc-title .currency a:focus { color: #fff; }

.pricing-table:hover .pricing-title > h3:before,.style-3 .pricing-table .pricing-title > h3:before {
    display: none;
}
.style-3 .pricing-table:hover .pricing-desc-title{
  background: inherit;
}
.style-3 .pricing-table:hover .pricing-desc-title h2 {
    color: #f58533;
}
.style-3 .pricing-table:hover .pricing-title > h3:before {
    display: block;
}
.pricing-plan.style-2 {
  background: #f6f6f6 none repeat scroll 0 0;
}
.pricing-plan.style-3 {
  padding-bottom: 180px;
}
/*--------------
    0.8 Testimonial css here
-----------------*/
.testimonial {
  background: rgba(0, 0, 0, 0) url("../img/bg/3.jpg") no-repeat scroll center center / cover ;
  padding: 91px 0 80px;
  position: relative;
}
.testimonial-text {
    position: relative;
    top: 55px;
}
.text-right .testimonial-text {
    margin-right: 13px;
}
.text-left .testimonial-text {
    margin-left: 13px;
}
.testimonial-img {
    width: 120px;
}
.testimonial-title,.testimonial-name,.testimonial-img,.testimonial-text {
    display: inline-block;
}
.testimonial-title > p {
    color: #ffffff;
    font-size: 12px;
}
.testimonial-name > h5 {
    color: #ffffff;
    font-size: 16px;
}
.testimonial-img > img {
    border-radius: 11px;
}

.single-testimonial-top {
    display: inline-block;
    padding-bottom: 15px;
    position: relative;
}
.single-testimonial-top:before {
    background: #f58533 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 370px;
}
.text-left .single-testimonial-top:before {
    left: 0;
    right: auto;
}
.single-testimonial-top:after {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -6px;
    content: "";
    height: 13px;
    left: -57px;
    position: absolute;
    width: 13px;
}
.text-left .single-testimonial-top:after {
    left: auto;
    right: -57px;
}
.single-testimonial-bottom > p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 0;
}
.single-testimonial-bottom {
    margin-top: 13px;
}

.testimonial-list.owl-carousel .owl-page span,.testimonial-list-2.owl-carousel .owl-page span {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    height: 3px;
    margin: 0 0 0 5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 25px;
}
.testimonial-list.owl-carousel .owl-page:first-child span,.testimonial-list-2.owl-carousel .owl-page:first-child span {
    margin-left: 0;
}
.testimonial-list.owl-carousel .owl-page.active > span,.testimonial-list-2.owl-carousel .owl-page.active span {
    background: #f58533 none repeat scroll 0 0;
}
.testimonial-list.owl-theme .owl-controls {
  line-height: 0;
  margin-top: 45px;
}
/*---------------
    09. Team css here
-------------------*/
.team-slider-active {
  margin-left: -30px;
  margin-right: -30px;
}
.team.slick_slide .section-title {
  margin-bottom: 30px;
}
.team-slider-active .slick-list {
  padding-left: 162px !important;
  padding-right: 162px !important;
}
.single-team-1 .image {
  display: block;
  padding: 70px 0;
}
.single-team-1 {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-team-1.slick-current.slick-center {
  position: relative;
  transform: scale(1.5);
  z-index: 99999;
}
.single-team-1.slick-active {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  z-index: 999;
  position: relative;
}
.single-team-1 .image img {
  border-radius: 5px;
}
.team-image-inner {
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(85, 85, 85, 0.3);
  position: relative;
}
.team-img-slider .member-info {
  border-radius: 0 0 5px 5px;
  bottom: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 7px 0 5px;
  position: absolute;
  text-align: center;
  -webkit-transform: inherit;
          transform: inherit;
  width: 100%;
}
.single-team-1.slick-current.slick-center .member-info {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team-img-slider .member-info h3 {
    font-size: 13px;
}
.team-img-slider .member-info p {
    font-size: 9px;
    font-weight: 400;
}
.team-image-inner:before {
    background: rgba(245, 133, 51, 0.1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 5px;
}
.single-team-1.slick-current.slick-center .team-image-inner:before {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
}  
.team-text-slider .member-social > a:last-child {
  margin-left: 9px;
}
.team-text-slider .member-social > a {
  margin-left: 9px;
}
.team-text-slider .member-social {
  bottom: inherit;
  margin-bottom: 0;
  position: inherit;
  width: inherit;
}
.team-text-slider {
  margin-top: 2px;
}
.team-slider-active button.slick-arrow {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #f58533;
  font-size: 48px;
  left: -52%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
.team-slider-active button.slick-arrow.slick-next {
    left: auto;
    right: -50%;
}
.team-slider-active button.slick-arrow:hover {
    color: #555555;
}
/*-----------------
    10. Brand css here
---------------------*/
.our-brand{
  background: url(../img/bg/brand.jpg)no-repeat scroll center center / cover;
  position: relative;
}
.our-brand.overlay:before {
  background: rgba(241, 241, 241, 0.95) none repeat scroll 0 0;
}

.brand-top {
    padding-bottom: 50px;
}
.brand-bottom {
    padding-top: 45px;
}
.single-brand {
    padding: 30px 0;
    position: relative;
    text-align: center;
}
.single-brand:before {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.brand-list {
    position: relative;
}
.brand-list:before {
    background: #f58533 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 1px;
    left: 115px;
    position: absolute;
    right: 115px;
    top: 123px;
}
.brand-list .col-md-3:last-child .single-brand:before {
    display: none;
}
.b-logo img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-logo img,.single_brand img{
    -webkit-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
       filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
       filter: grayscale(100%);
}
.b-logo img:hover,.single_brand img:hover{
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
       filter: none;
}
/*---------------
    11. Faq css here
------------------*/
.faq-accordion h4 a {
  color: #555555;
  display: block;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  position: relative;
}
.faq-accordion h4 {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 0 10px 10px 0;
  font-family: "Lato",sans-serif;
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.faq-description {
  background: rgba(0, 0, 0, 0) url("../img/faq/bg-faq.jpg") no-repeat scroll center center / cover ;
  border-radius: 10px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 20px;
  padding: 37px 42px;
  position: relative;
}
.faq-description > p {
  color: #ffffff;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.faq-accordion h4.open,.faq-tab-menu ul li.active a {
  box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
}
.faq-accordion h4:before, .faq-tab-menu ul li:before {
  background: #f58533 none repeat scroll 0 0;
  border-radius: 3px;
  content: "";
  height: 30px;
  left: -14px;
  position: absolute;
  top: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 30px;
  z-index: 1;
  pointer-events: none;
}
.faq-accordion h4 a:before,.faq-tab-menu ul li a:before{
    color: #ffffff;
    content: "+";
    font-size: 18px;
    left: -4px;
    position: absolute;
    text-align: center;
    top: -1px;
    z-index: 9;
}
.faq-accordion h4.open a:before {
    display: none;
}
.faq-accordion h4.open a:after,.faq-tab-menu ul li.active a:before {
    color: #ffffff;
    content: "-";
    font-family: IcoFont;
    font-size: 18px;
    left: -2px;
    position: absolute;
    top: -2px;
    z-index: 9
}
.faq-description:before {
  background: rgba(94, 94, 94, 0.8) none repeat scroll 0 0;
  border-radius: 10px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*-------------------
    12. Newsletter css here
------------------*/
.faq-area {
  padding-bottom: 70px;
  padding-top: 90px;
}
.newsletter-inner {
  background: rgba(0, 0, 0, 0) url("../img/bg/newsletter.jpg") no-repeat scroll center center / cover ;
  border-radius: 10px;
  padding: 50px;
  position: relative;
  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.newsletter-form-inner input {
  border-bottom-colors: none;
  border-left-colors: none;
  border-right-colors: none;
  border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #ffffff;
  -o-border-image: none;
     border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #ffffff;
  height: 35px;
  width: 323px;
}
.newsletter-form-inner ::-webkit-input-placeholder {
    color: #ddd;
}
.newsletter-form-inner {
    display: inline-block;
    position: relative;
}
.newsletter-form-inner button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  height: 35px;
  margin-left: 20px;
  padding: 0 27px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.newsletter-form-inner button:hover {
  background: #fff;
  color: #f58533;
}
.newsletter-head > p {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.newsletter-head > h5 {
    color: #ffffff;
    font-size: 16px;
}
.newsletter-head {
  margin-bottom: 28px;
  position: relative;
}
.newsletter-inner.overlay:before {
  background: rgba(245, 133, 51, 0.9) none repeat scroll 0 0;
  border-radius: 10px;
}
.newsletter {
  margin-bottom: -131px;
  position: relative;
  z-index: 9;
}
/*---------------------
    13. Home page 2 css here
--------------------*/
.home2 .main-menu,.home2 .header-right  {
  display: inline-block;
}
.header-rigt-desc {
  float: right;
}
.home2 .main-menu {
  margin-right: 75px;
}
.home2 .slider-text h1 {
  font-size: 72px;
  line-height: 80px;
}
.home2 .slider-text h2 {
  font-size: 30px;
  margin-bottom: 17px;
}
.home2 .slider-text > a {
  margin-top: 28px;
}
/*fun fact*/
.fun-fact.white{
  background: url(../img/bg/fun-2.jpg)no-repeat scroll center center / cover;
  position: relative;
}
.fun-fact.white.overlay:before{
   background: rgba(249,249,249,0.90);
}
.white .fun-icon > a,.white .single-fun-fact > p,.white .single-fun-fact > h3 {
  color: #555555;
}
.white .single-fun-fact > p:before {
  background: #555555;
}
/*pricing table*/
.style-2 .pricing-table:hover {
    background: #f58533 none repeat scroll 0 0;
}
.pricing-plan {
    background: #f1f1f1 none repeat scroll 0 0;
}
.style-2 .pricing-table:hover .buy-now > a{
  background: #fff;
  color: #f58533;
}
.style-2 .pricing-table:hover .pricing-title h3:before,.style-2 .pricing-table:hover .pricing-desc-title > h2:before{
  background: #fff;
}
.style-2 .pricing-table:hover .pricing-title > h3:before{display: block;}
.style-2 .pricing-table:hover .pricing-desc-title{background: inherit}
.style-2 .pricing-table:hover .pricing-title > h3,.style-2 .pricing-table:hover .pricing-desc li{color: #fff}
.style-2 .pricing-table:hover {box-shadow: inherit;}
.style-2 .pricing-table {
  box-shadow: 0 5px 10px rgba(85, 85, 85, 0.3);
}
/*testimonial*/
.styel-2 .single-testimonial-inner {
    position: relative;
}
.styel-2 .single-testimonial-inner:before {
  color: #aaaaaa;
  content: "“";
  font-size: 160px;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -54px;
  width: 100%;
}
.styel-2 .single-testimonial-desc {
    display: inline-block;
    padding-top: 62px;
}
.styel-2 .testimonial-text {
  position: inherit;
  top: inherit;
}
.styel-2 .testimonial-desc > p {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 20px;
}
.styel-2 .testimonial-title, .styel-2 .testimonial-name {
  display: block;
}
.styel-2 .testimonial-name > h5,.styel-2 .testimonial-title p {
  margin-bottom: 0;
}
.styel-2 .testimonial-title p {
   line-height: 12px;
   margin-top: 7px;
}
.testimonial.styel-2 {
  padding: 91px 0;
  background: url(../img/bg/test-2.jpg)no-repeat scroll center center / cover;
}
.team-img > img {
  width: 100%;
}
/*-----
    14. team style 2 css here
-------*/
.team-img-inner {
  position: relative;
  overflow: hidden;
}
.team-desc {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.member-info > p {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
}
.member-info {
  background: #f58533 none repeat scroll 0 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 16px 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.member-info > h3 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.member-social {
  bottom: 0;
  margin-bottom: 30px;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.member-social > a {
  border: 1px solid rgb(245, 133, 51);
  border-radius: 5px;
  color: rgb(245, 133, 51);
  display: inline-block;
  font-size: 18px;
  height: 35px;
  line-height: 32px;
  margin-left: 7px;
  width: 35px;
}
.team-img-inner:before {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.member-social > a:first-child {
  margin-left: 0;
}
.member-social > a:hover {
    background: #f58533 none repeat scroll 0 0;
    color: #ffffff;
}
.single-team:hover .member-info{
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-team:hover .member-social{
  bottom: 67px;
}

.single-team:hover .team-img-inner:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team.style2 {
  background: rgb(246, 246, 246) none repeat scroll 0 0;
}
.team-text > p {
  color: #555555;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 13px;
}
/*--brand list 2 css here---*/
.our-brand.style-2{
  background: url(../img/bg/brand-2.jpg)no-repeat scroll center center / cover;
}

.our-brand.style-2.overlay:before{
  background: rgba(0,0,0,0.90);
}
.style-2 .brand-list-2 .col-md-3, .style-2 .brand-list-2 .col-md-2 {
  width: 100%;
} 
/*---------------
    15. Home2 single blog css here
--------------------*/

.blog-thumbnail img {
    border-radius: 10px;
}
.blog-thumbnail > a {
    display: block;
}
.blog-action-left, .blog-action-right {
    display: inline-block;
}
.post-like, .post-comment {
    display: inline-block;
}
.blog-action-right {
    float: right;
}
.post-date > p {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.post-like p a, .post-comment > p a {
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.post-comment > p {
}
.post-like {
    margin-right: 5px;
}
.blog-action-right p {
    margin: 0;
}
.post-like p a i, .post-comment > p a i {
    color: #aaaaaa;
    font-size: 14px;
    margin-right: 3px;
}
.blog-action {
  overflow: hidden;
}
.post-title > h3 {
  color: #222222;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.post-title > h3 {
    color: #222222;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.blog-action {
  margin-top: 7px;
  overflow: hidden;
}
.blog-desc {
  margin-top: 15px;
}
.post-title > h3 a {
  font-weight: bold;
}
.post-video .blog-thumbnail {
    position: relative;
}
.post-video .blog-thumbnail:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.post-video-play {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}
.post-video-play > a {
    color: #f58533;
    font-size: 60px;
}
.blog-thumbnail img {
  width: 100%;
}
.single-blog {
  border-bottom: 1px solid #dddddd;
}
.post-content > p {
  color: #333333;
  margin-bottom: 10px;
}
.post-like p a:hover, .post-comment > p a:hover{
  color: #f58533;
}
/*-------
    16. Faq style 2 css here
-------*/
.faq-tab-menu ul li a {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 10px;
  color: #555555;
  display: inline-block;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  padding-right: 55px;
  position: relative;
}
.faq-tab-menu li {
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.faq-tab-menu li:last-child {
    margin-bottom: 0;
}
.faq-area.style-2 {
  background: #f9f9f9 none repeat scroll 0 0;
}
.faq-area-2 .faq_description {
    padding-right: 20px;
    padding-top: 36px;
}
.style-2.one-more .faq-description {
   margin-left: 0;
}
.one-more .faq-area-2 .col-6.faq-list {
  padding-left: 50px;
}
.one-more .faq-area-2 .col-6.faq-list {
  padding-left: 50px;
  width: 55%;
}
.one-more .faq-area-2 .col-6.faq_description {
  width: 45%;
}
.faq-area.style-2 {
  padding-bottom: 90px;
}
/*-------
    17. footer 2 css here
-------*/
.footer,.footer.style6{
  background: url(../img/bg/footer.jpg)no-repeat scroll center center / cover;
  position: relative;
}
.footer-2 .footer-botttom {
  margin-bottom: 20px;
  padding-top: 154px;
}
.newsletter.home2 {
  margin-bottom: -147px;
}
.footer-botttom .col-md-3.contact-form {
    padding-left: 0;
}
.contact-form .single-footer {
    padding-right: 70px;
}
.contact-form .input-field input {
    border-bottom-colors: none;
    border-left-colors: none;
    border-right-colors: none;
    border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #aaa;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #aaaaaa;
    height: 22px;
    padding-left: 0;
    /*text-transform: capitalize;*/
}
.form-top .input-field:last-child {
    margin-bottom: 10px;
    margin-top: 10px;
}
.contact-form textarea {
    border-bottom-colors: none;
    border-left-colors: none;
    border-right-colors: none;
    border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color:  #aaa;
    -o-border-image: none;
       border-image: none;
    /*border-style: none none solid;*/
    border-width: medium medium 1px;
    color: #aaaaaa;
    height: 50px;
    padding: 0;
    resize: none;
}
.form-submit > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #555555;
    color: #aaaaaa;
    font-size: 12px;
    height: 28px;
    margin-top: 12px;
    padding: 0 28px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.form-submit > button:hover {
    background: #f58533 none repeat scroll 0 0;
    border-color: #f58533;
    color: #ffffff;
}
.get_touch .form-top .input-field {
    margin-bottom: 10px !important;
    padding: 0;
    width: 100%;
}
.get_touch .form-top .input-field:last-child {
  margin: 0;
  padding-left: 0;
}
.get_touch .form-top {
    margin: 0;
}
.get_touch .form-top .input-field:first-child {
  padding-right: 0;
}
/*--------------
    18. ABout us css here
--------------*/
/*----------------
    18.1 Breadcrumbs css here
------------*/
.breadcrumbs{
  /*background: url(../img/bg/header-bg.jpg)no-repeat scroll center center / cover;*/
    /* The image used */
    background-image: url(../img/bg/header-bg.jpg);

    /* Set a specific height */
    /*height: 500px; */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  position: relative;
  padding: 225px 0 105px;
}

.breadcrumbs.overlay:before{
  background: rgba(0,0,0,0.70);
}

.breadcrumbs-sportfoerdung-header {
  background-image: url(../img/header/sponsoring.png) !important;
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  /*background-size: cover;*/
  background-size: contain;
  position: relative;
  padding: 225px 0 105px;
}

.breadcrumbs-sportfoerdung-header.overlay:before{
  background: rgba(0,0,0,0.30);
}
.header-top.header-bg {
  background: rgba(245, 133, 51, 0.9) none repeat scroll 0 0;

  border-bottom: medium none #000080;
}
.breadcrumbs-title h1 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  line-height: 45px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.breadcrumbs-menu ul li {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.breadcrumbs-menu ul li a {
    color: #ffffff;
}
.breadcrumbs-menu ul li a:hover {
    color: #f58533;
}
.testimonial.white.overlay:before{
  background: rgba(249,249,249,0.97);
}
.white.styel-2 .testimonial-desc > p,.white.styel-2 .testimonial-name > h5, .white.styel-2 .testimonial-title p {
  color: #555555;
}
.white .testimonial-list.owl-carousel .owl-page span {
  background: #555555 none repeat scroll 0 0;
}
.white .testimonial-list.owl-carousel .owl-page.active span {
  background: #f58533 ;
}
/*---------------
    19. Blog page css here
------------------*/
.blog-post {
  margin-bottom: 30px;
}
.blog-pages {
  padding-bottom: 60px;
  padding-top: 90px;
}
/*----------------
    20. Blog Details page css here
-----------------------*/
.articles-thumbnail > img {
    border-radius: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.articles-thumbnail > img:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.articles-thumbnail {
  margin-bottom: 45px;
}
.articles .post-title > h3 {
  font-size: 18px;
}
.articles .post-date > p {
  color: #333333;
}
.articles .post-date > p {
  color: #333333;
}
.articles .blog-action-right p a {
  text-transform: capitalize;
}
.articles .blog-action-right p a i{
  color: #f58533;
}
.articles .post-like {
  margin-right: 17px;
}
.articles .post-like p a i, .articles .post-comment > p a i {
  margin-right: 6px;
}
.post-exerpt {
  margin-top: 35px;
}
.post-exerpt p {
  color: #333333;
}
.post-text1 p.text1 {
  margin-bottom: 22px;
}
.post-blockqoute {
    padding: 5px 0 5px 46px;
}
.post-blockqoute > p {
  border-left: 3px solid #f58533;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-top: 8px;
}
.post-blockqoute {
  padding: 15px 0 5px 46px;
}
.tag-name > p, .share-title > p {
  color: #222222;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.tag-name, .tag-list, .tag-list ul li,.share-title, .share-social,.blog-tags, .blog-share  {
    display: inline-block;
}
.action-blog .blog-share {
    float: right;
}
.tag-list ul li a {
  color: #333333;
  font-size: 12px;
  text-transform: capitalize;
}
.blog-tags .tag-list {
  margin-left: 25px;
}
.share-social > a {
    color: #aaaaaa;
    margin-left: 24px;
}
.share-social > a:hover {
    color: #f58533;
}
.action-blog {
  border-bottom: 1px solid #f58533;
  padding-top: 48px;
}
.comment-title > p,.comment-form-title > p {
    color: #222222;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px;
    position: relative;
    text-transform: uppercase;
}
.comment-title > p:before,.comment-form-title > p:before {
    background: #f58533 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 50px;
}
.comment-box {
  margin-top: 82px;
}
.comment-box-inner {
  margin-top: 50px;
}
.comment-img img {
    border-radius: 8px;
    height: 100px;
    width: 100px;
}
.comment-img {
    display: inline-block;
}
.comment-img {
    display: inline-block;
    float: left;
}
.comment-description {
    display: inline-block;
    padding-left: 30px;
}
.comment-title > h6 {
    color: #222222;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 1px;
    text-transform: capitalize;
}
.comment-publish > p {
  color: #333333;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 8px;
}
.comment-desc > p {
  color: #333333;
  margin-bottom: 11px;
}
.comment-reply > a i {
  color: #f58533;
  margin-right: 5px;
}
.comment-reply > a{
  color: #333;
  text-transform: lowercase;
}
.single-comment.reply-comment {
  margin-left: 100px;
}
.comment-form-inner {
  margin-top: 38px;
}

.input-field > input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #f5f5f5;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #000000;
    height: 34px;
}
.form-bottom textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #f5f5f5;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    height: 110px;
    resize: none;
}
.form-top .input-field {
    float: left;
    width: 50%;
}
.form-top .input-field:first-child {
    padding-right: 15px;
}
.form-top .input-field:last-child {
    margin: 0;
    padding-left: 15px;
}
.form-top {
    margin-bottom: 32px;
    overflow: hidden;
}
.comment-submit > button {
    background: #f58533 none repeat scroll 0 0;
    border: 1px solid #f58533;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    height: 35px;
    padding: 0 33px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.comment-submit {
    margin-top: 50px;
}
.comment-submit > button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f58533;
}
.widget-title > h6 {
    border-left: 5px solid #f58533;
    color: #222222;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 0;
    padding-left: 15px;
    text-transform: uppercase;
}
.widget-title {
    margin-bottom: 21px;
    cursor: pointer;
}
.widget-title.opened > h6::after {
    font-size: 14px;
    content: "\e114";
    top: 50%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-family: Glyphicons Halflings;
}
.widget-title.closed > h6::after {
    font-size: 14px;
    content: "\e079";
    top: 50%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-family: Glyphicons Halflings;
}
.widget-title.opened + .categories-list.desc {
  display: block;
}
.widget-title.closed + .categories-list.desc {
  display: none;
}

.widget .desc {
    padding-left: 20px;
}
.widget-about p {
  color: #333333;
  margin-bottom: 0;
}
.widget {
  margin-bottom: 45px;
}

.categories-list li a {
    color: #333333;
    text-transform: capitalize;
}
.categories-list li {
    border-bottom: 1px solid #f5f5f5;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
.categories-list li:last-child {
    margin-bottom: 0;
}
.categories-list {
  padding-top: 4px;
}
.latest-blog.desc {
  padding-top: 19px;
}
.recent-post-img img {
    border-radius: 10px;
    height: 150px;
    width: 150px;
}
.recent-post-desc > p, .recent-post > p {
    color: #333333;
    margin-bottom: 0;
}
.recent-post-img {
    margin-bottom: 10px;
}
.recent-post-desc {
    margin-bottom: 3px;
}
.recent-post > p i {
  margin-right: 5px;
}

.widget-list li {
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-list a {
    color: #333333;
    display: block;
    height: 30px;
    line-height: 24px;
    padding: 0 24px;
    text-transform: capitalize;
}
.widget-list li:last-child {
    margin: 0;
}
selectorSavingError {
    background: #f58533 none repeat scroll 0 0;
    color: #ffffff;
}
.widget-list li:hover {
    background: #f58533 none repeat scroll 0 0;
    border-color: #f58533;
}
.widget-list li:hover a {
    color: #ffffff;
}
/*--------
    21. Testmonial pages css here
--------------*/
.bg-none .testimonial-name > h5,.bg-none .testimonial-title > p,.bg-none .single-testimonial-bottom > p,.testimonial-3 .testimonial-title > p,.testimonial-3 .testimonial-name > h5 {
  color: #555555;
}
.bg-none  .testimonial-list.owl-carousel .owl-page span{
  background: #555;
}
.bg-none  .testimonial-list.owl-carousel .owl-page.active span{
  background: #f58533;
}
.testimonial.bg-none {
    background-image: none;
}
.testimonial-list-2 .col-md-4 {
  text-align: center;
  width: 100%;
}
.testimonial-list-2.owl-carousel .owl-page span{
  background: #555;
}
.testimonial-3 .testimonial-name, .testimonial-3 .testimonial-title {
  display: block;
}
.testimonial-3 .single-testmonial-text > p {
    color: #555555;
    font-size: 16px;
}
.testimonial-3 .testimonial-description {
    margin-top: 24px;
}
.testimonial-3 .testimonial-name > h5, .testimonial-3 .testimonial-title p {
  margin-bottom: 0;
}
.testimonial-3 .testimonial-list-2.owl-theme .owl-controls {
  margin-top: 40px;
}
.testimonial-3 {
  padding-bottom: 85px;
  padding-top: 90px;
}
/*------
    22. DOmain pages css here
------*/

.avaiable-title > h1 {
    color: #555555;
    font-size: 48px;
    font-weight: 600;
    margin: 0;
}
.avaiable-title > h1 span {
    color: #f58a3c;
}
.available-check-inner {
    background: #f58a3c none repeat scroll 0 0;
    border: 5px solid #f3a368;
    border-radius: 50%;
    display: inline-block;
    height: 70px;
    line-height: 55px;
    width: 70px;
}
.available-check, .avaiable-title {
    display: inline-block;
}
.available-check {
    float: left;
}
.available-head {
    display: inline-block;
}
.avaiable-title {
  margin-left: 48px;
}
.available-domain-buy > a {
    background: #f58a3c none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    height: 55px;
    line-height: 55px;
    padding: 0 57px;
    text-transform: capitalize;
}
.available-domain-buy > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #f58a3c;
    color: #f58a3c;
}
.available-domain-buy {
  margin-top: 30px;
}
.domain-available {
  margin-bottom: 52px;
}
.domain-section-titile > h1 {
  color: #f58a3c;
  font-family: "Lato",sans-serif;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 31px;
  text-align: center;
}
.domain-name,.domain-buy,.domain-price,.domain-buy-btn  {
    display: inline-block;
}
.domain-buy {
    float: right;
}
.single-domain {
  background: #f1f1f1 none repeat scroll 0 0;
  border-radius: 8px;
  height: 70px;
  line-height: 72px;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 35px;
}
.domain-name > h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #555555;
}
.domain-price > p {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.domain-buy-btn > a {
    background: #f58a3c none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    padding: 0 26px;
    text-transform: capitalize;
}
.domain-buy-btn > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #f58a3c;
    color: #f58a3c;
}
.domain-price {
    margin-right: 15px;
}
.domain-name {
    display: inline-block;
    margin-top: 4px;
}
.domain-section {
    margin-bottom: 62px;
}
.domain-section.sports-hobbies {
    margin-bottom: 0;
}
/*------------------
    23. Login page css here
--------------*/
.login-page-inner {
  background: rgba(0, 0, 0, 0) url("../img/domain/login-bg.jpg") no-repeat scroll center center / cover ;
  border-radius: 10px;
  position: relative;
}
.login-page-title > h3 {
  background: #f58533 none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  font-size: 24px;
  height: 70px;
  line-height: 63px;
  margin: 0;
}
.login-form,.login-page-title {
    position: relative;
}
.login-form {
  padding: 40px 30px;
}
.login-page-inner.overlay:before {
  background: rgba(241, 241, 241, 0.9) none repeat scroll 0 0;
  border-radius: 10px;
}
.login-input > input {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 8px;
  color: #888888;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  padding-left: 50px;
}
.login-input {
    margin-bottom: 20px;
    position: relative;
}
.login-input:before {
    color: #888888;
    content: "î·”";
    font-family: Icofont;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.login-input:before {
    color: #888888;
    content: "î·”";
    font-family: Icofont;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.sing-up > button {
    background: #f58533 none repeat scroll 0 0;
    border: 1px solid #f58533;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    line-height: 48px;
    padding: 0 105px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sing-up > button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f58533;
}
/*---------------
    24. Cart page css here
---------------*/
.cart-table .thead {
    color: #ffffff;
}
.table-responsive {
  border: medium none;
}
.cart-table table tr {
    display: inline-block;
    width: 100%;
}
.cart-table table tbody tr {
    margin-top: 10px;
}
.cart-table table tbody tr td {
    color: #555555;
    font-size: 24px;
    font-weight: 400;
    /*text-transform: capitalize;*/
}
.cart-table table {
    width: 100%;
}
.cart-table .product-name {
  padding-left: 50px;
  width: 200px;
}
.cart-table .thead td {
  background: #f58a3c none repeat scroll 0 0;
  font-size: 18px;
  font-weight: 600;
  height: 60px;
  /*text-transform: capitalize;*/
}
.cart-table .thead td:first-child,.cart-table table tr td:first-child {
    border-radius: 10px 0 0 10px;
}
.cart-table .thead td:last-child,.cart-table table tr td:last-child {
    border-radius: 0 10px 10px 0;
}
.cart-table table td.price {
    text-align: center;
    width: 300px;
}
.cart-table td.duration,.cart-table td.total {
  width: 200px;
  text-align: center;
}
.cart-table .thead td.remove {
  width: 170px;
  text-align: center;
}
.cart-table table tr td {
  background: #f1f1f1 none repeat scroll 0 0;
  height: 70px;
}
.cart-table table tr td.remove {
  text-align: center;
  width: 170px;
}
.cart-table table tr td.remove a {
  color: #f58533;
}
.cart-table table tr td.remove a:hover {
  color: #555;
}
.cart-table tbody td.duration select {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #555555;
    font-size: 24px;
    width: 70px;
    cursor: pointer;
}
.select-inner {
    display: inline-block;
    position: relative;
}
.select-inner:after {
    content: "î­š";
    font-family: Icofont;
    position: absolute;
    right: -12px;
    top: 10px;
}
.cart-checkhout {
  background: #f9f9f9 none repeat scroll 0 0;
  float: right;
  padding: 52px 70px;
  width: 470px;
}

.cart-total > p {
    color: #555555;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 22px;
    text-transform: capitalize;
}
.cart-total-price li {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}
.cart-total-price li span {
    float: right;
}
.proceed-checkout > a {
    background: #f58a3c none repeat scroll 0 0;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin-top: 27px;
    padding: 0 30px;
}
.proceed-checkout > a:hover {
    background: #555555 none repeat scroll 0 0;
}

.coupon-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 10px;
    color: #c3c3c3;
    display: block;
    font-size: 18px;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 30px;
    width: 372px;
}
.coupon-form button {
    background: #f58a3c none repeat scroll 0 0;
    border: none;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 50px;
    line-height: 45px;
    padding: 0 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
}
.coupon-form button:hover {
    background: #555555 none repeat scroll 0 0;
}
/*------------------
    25. Contact css here
-----------------*/

.footer-area.contact {
    position: relative;
}
.contact .newsletter {
    margin-bottom: 0;
    position: absolute;
    top: -88px;
    width: 100%;
}
.contact-form .form-title h2 {
  color: #3e3e3e;
  font-family: "Lato",sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 20px;
}
.contact_form-top .input-field input,.contact-form-bottom .input-field input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #eeeeee;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #3e3e3e;
    font-size: 16px;
    padding: 0;
    height: 40px;
}
.contact-form-bottom > textarea {
    border-color: #aaa;
    color: #3e3e3e;
    font-size: 16px;
    border-width: 1px;
}
.form-submite > button {
  background: #f58533 none repeat scroll 0 0;
  border: 1px solid #f58533;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  padding: 0 22px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  transition: .3s;
}
.form-submite > button:hover {
    background: #555 none repeat scroll 0 0;
    border-color: #555;
}
.contact-icon i {
  font-size: 48px;
  color: #f58533;
}
.form-submite {
    text-align: center;
}
.contact_form-top .input-field {
    float: left;
    width: 50%;
}
.contact_form-top .input-field:first-child {
    padding-right: 15px;
}
.contact_form-top .input-field:last-child {
    padding-left: 15px;
}
.contact_form-top {
  margin-bottom: 36px;
  overflow: hidden;
}
.contact-form-bottom textarea {
  margin-bottom: 48px;
  margin-top: 45px;
  height: 122px;
}
.contact-title > p {
    color: #3e3e3e;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.contact-desc > p {
    color: #3e3e3e;
    margin: 0;
}
.contact-icon {
    margin-bottom: 21px;
}
.contact-title {
    margin-bottom: 6px;
}
/*----------
    26. Mobile menu css here
------------------*/
.mobile-menu-area {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin-top: -4px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 5000;
}
.mean-container a.meanmenu-reveal {
  color: #ffffff;
  float: left;
  position: absolute;
  right: 5% !important;
  top: -62px;
}
.mean-container .mean-nav ul li a {
  color: #555;
  font-family: "Lato",sans-serif;
  font-weight: 600;
}
.home2 .mean-container a.meanmenu-reveal {
  right: 50% !important;
  top: -70px;
}
.mean-container .mean-nav {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
/*-------------------
    27. Scrollup css here
---------------------*/
#scrollUp {
  background: #f58533 none repeat scroll 0 0;
  bottom: 45px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 28px;
  height: 40px;
  line-height: 37px;
  position: fixed;
  right: 30px;
  text-align: center;
  width: 40px;
  z-index: 99999;
}

#scrollUp:hover {
  background: #555 none repeat scroll 0 0;
}
/*-------------
    28. Sticky menu css here
----------------*/
.sticky {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  z-index: 5000;
  width: 100%;
}
.sticky .menu ul li a {
  padding: 30px 0;
}
.sticky .logo {
  margin-top: 16px;
}
.sticky .hamburger {
  top: 30px;
}
.header-bottom.bg-whte.sticky-header.sticky {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.header-style3 .header-style3-inner {
  position: relative;
}
.header-style3 .mean-container a.meanmenu-reveal span{
  background: #555555 none repeat scroll 0 0;
}
.header-style3 .mean-container a.meanmenu-reveal {
  color: #555555 ;
}
.header-style3 .header-bottom {
  padding: 0;
}
.header-style5 .mean-container a.meanmenu-reveal {
  top: -121px;
}
.header-style6 .mean-container a.meanmenu-reveal {
  color: #555555;
  top: -66px;
}
.header-style-inner{
  position: relative;
}
.header-style6 .mean-container a.meanmenu-reveal span {
  background: #555 none repeat scroll 0 0;
}
.header-style6 .mobile-menu-area {
  top: 158%;
}
/*----------------------------
    29. 404 page css here
-------------------------*/
.error-content h2 {
  color: #f58533;
  font-family: "Lato",sans-serif;
  font-size: 180px;
  font-weight: bold;
  letter-spacing: 10px;
  text-shadow: 7px 6px 0 #dadada, 0 -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}
.error-content > h3 {
    color: #535353;
    font-size: 55px;
    font-weight: 500;
    /*text-transform: capitalize;*/
}
.error-content h4 {
    color: #535353;
    font-weight: 400;
    /*text-transform: capitalize;*/
}
.error-content .go-home {
  background: #f58533 none repeat scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  margin-top: 15px;
  padding: 12px 28px;
  text-transform: uppercase;
}
.error-content .go-home:hover {
    background: #555 none repeat scroll 0 0;
}

.leistungen {
  color: #aaaaaa;
}

.card, .card-block .row {
  padding-bottom: 10px;
}

.glyph-disabled::after {
  content: "\e090";
  position: absolute;
  color: red;
  left: 0;
  font-size: inherit;
  top: 0;
  font-size: 16px;
}

/* JScherf - Button für Dokument-Zuordnung überschrieben */

.btn_cat {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.disable_notify {
  color: lightgray;
}

.input-group-btn > button.dropdown-toggle {
  color: #626262 !important;
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  box-shadow: none;
  font-size: 14px;
  padding: 12px;
  border-radius: 0px;
  /*margin-right: 0px !important;*/
}

.input-group-btn > button.dropdown-toggle.active.focus,
.input-group-btn > button.dropdown-toggle.active:focus,
.input-group-btn > button.dropdown-toggle.active:hover,
.input-group-btn > button.dropdown-toggle:active.focus,
.input-group-btn > button.dropdown-toggle:active:focus,
.input-group-btn > button.dropdown-toggle:active:hover,
.open>button.dropdown-toggle.focus,
.open>button.dropdown-toggle:focus,
.open>button.dropdown-toggle:hover {
  background-color: white !important;
  border-color: #f58533 !important;
}

.input-group-btn > button.dropdown-toggle:before {
  position: absolute;
  display block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #626262;
}

/* KeyFrame */

/*
@keyframes moveleft {
  from { left: 404px; }
  to   { left: 0px; }
}
@keyframes moveright {
  from { left: -376px; }
  to   { left: 0px; }
}

.moveleft {
  animation: moveleft 5s forwards;
}

.moveright {
  animation: moveright 5s forwards;
}
*/

header {
  min-height: 149px;
}

/* ScherfWare Checkbox */
input[type='checkbox'].sw-checkbox + label:before,
input[type='checkbox'].sw-checkbox + label:after{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type='checkbox'].sw-checkbox + label:before{/*glyphicon-unchecked*/
  content: "\e157";
}
input[type='checkbox']:disabled.sw-checkbox + label:before{/*glyphicon-unchecked*/
  content: "\e157";
  color: grey;
}
input[type='checkbox']:checked.sw-checkbox + label:before{/*glyphicon-check*/
  content: "\e067";
  color: green;
}
input[type='checkbox']:checked:disabled.sw-checkbox + label:before{/*glyphicon-check*/
  content: "\e067";
  color: grey;
}

a.TicketDelete span.glyphicon.glyphicon-trash { float: right; }

/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.tooltip-inner {
  max-width: 2000px !important;
}

.historyfullsize {
  position: fixed;
  top: 85px;
  left: 0px;
  z-index: 1000;
  background-color: white;
  width: 100%;
  height: 100%;
}

.listText {
  position: absolute;
  /*font-size: 18px;*/
  left: 18px;
  color: black !important;
}

.cronjob-list > i.glyphicon.glyphicon-plus.right,
.cronjob-list > i.glyphicon.glyphicon-minus.right,
.backupfilelist > i.glyphicon.glyphicon-plus.right,
.backupfilelist > i.glyphicon.glyphicon-minus.right {
  float: right;
  margin-right: 5px;
  cursor: pointer;
}

li.cronjob-list ol {
  list-style-type: decimal !important;
}
li.cronjob-list ol li {
  list-style: decimal !important;
}
li.cronjob-list ol li ul li {
  list-style: square !important;
}
li.cronjob-list ol li ul {
  margin-bottom: 10px !important;
  padding-left: 35px !important;
}


.allOtherBrowser:after {
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 19px);
  content: '';
  background: rgba(255,0,0,0.3);
  top: 0;
  left: 15px;
  border-radius: 4px;
  cursor: no-drop;
}
.allOtherBrowser:before {
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 19px);
  background: rgba(0,0,0,0.0);
  content:attr(title);
  top: 0;
  left: 15px;
  border-radius: 4px;
  color: rgba(0,0,0,1.0);
  font-size: 30px;
  font-family: impact;
  text-shadow: 1px 1px rgba(255,255,255,1.0);
  z-index: 999900;
  text-align: center;
  padding-top: 10%;
  cursor: no-drop;
}
/* Anzahl einfach bei bedarf erhöhen (hier kann man vllt code sparen mit :not - aber vorsicht - bootstrap funkt wahrscheinlich dazwischen*/
.allOtherBrowser ul li:nth-child(2),
.allOtherBrowser ul li:nth-child(3),
.allOtherBrowser ul li:nth-child(4),
.allOtherBrowser ul li:nth-child(5),
.allOtherBrowser ul li:nth-child(6),
.allOtherBrowser ul li:nth-child(7),
.allOtherBrowser ul li:nth-child(8),
.allOtherBrowser ul li:nth-child(9),
.allOtherBrowser ul li:nth-child(10),
.allOtherBrowser ul li:nth-child(11),
.allOtherBrowser ul li:nth-child(12),
.allOtherBrowser ul li:nth-child(13),
.allOtherBrowser ul li:nth-child(14),
.allOtherBrowser ul li:nth-child(15),
.allOtherBrowser ul li:nth-child(16),
.allOtherBrowser ul li:nth-child(17),
.allOtherBrowser ul li:nth-child(18),
.allOtherBrowser ul li:nth-child(19),
.allOtherBrowser ul li:nth-child(20) {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}

.input-group > select {
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.holliday {
  height: 45px;
  width: 35px;
  background: #006400;
  text-align: center;
  color: white;
  text-shadow: 2px 2px black;
  cursor: pointer;
  float: left;
  margin: 2px;
}

.holliday.diagonal-split-background {
  background-color: #006400;
  background-image: -webkit-linear-gradient(38deg, #006400 50%, #A9A9A9 50%);
}

.freeday {
  background-color: #db0000;
  color: white !important;
}

.legende li {
  float: left;
}

li.normalday {
  background-color: #eee;;
}
li.fullday {
  background-color: #f68e42;
  color: white !important;
}
li.halfday {
  background-color: #fcc59e;
  background-image: -webkit-linear-gradient(52deg, #fcc59e 50%, #ddd 50%);
  color: black !important;
}
li.noday {
}

.days > li {
  cursor: pointer;
}

.month {
  /*padding: 70px 25px;*/
  width: 100%;
  background: #f68e42;
  text-align: center;
  margin-top: 15px;
}

.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.month .prev {
  float: left;
  padding-top: 10px;
}

.month .next {
  float: right;
  padding-top: 10px;
}

.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd;
}

.weekdays li {
  display: inline-block;
  width: 12.6%;
  color: #666;
  text-align: center;
}

.days {
  padding: 10px 0;
  background: #eee;
  margin: 0;
  height: 165px;
}

.days li, .legende li {
  list-style-type: none;
  display: inline-block;
  width: 12.6%;
  text-align: center;
  margin-bottom: 5px;
  font-size:12px;
  color: #777;
}

.days li .active {
  padding: 5px;
  background: #f68e42;
  color: white !important
}

/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
  .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
  .weekdays li, .days li {width: 12.5%;}
  .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {width: 12.2%;}
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.btn-default.toolbar-btn.active.focus,
.btn-default.toolbar-btn.active:focus,
.btn-default.toolbar-btn.active:hover,
.btn-default.toolbar-btn:active.focus,
.btn-default.toolbar-btn:active:focus,
.btn-default.toolbar-btn:active:hover
 {
  background-color: #d4d4d4 !important;
 }

.btn-default.toolbar-btn.focus,
.btn-default.toolbar-btn:focus {
  background-color: white;
}

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

.introtext-sportfoerderung {
  margin-top: 35px;
  margin-bottom: 20px;
}

.sportbutton button {
  width: 100%;
  font-size: 1.4em;
}
.introtext-sportfoerderung p {
  font-size: 1.2em;
}

#sportkontakt {
  position: absolute;
}

#sportkontakt .interesse {
  color: red;
}

#sportleftcontent .interesse {
  color: red;
}

#sportkontakt img {
  width: 160px;
}

#sportkontakt button {
  margin-top:15px;
  width: 100%;
}

#sportkontakt ul li {
  font-size: 1.3em;
}

.sect-sponsoring {
  background-color: #eee;
}

#sportleftcontent {
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}

#sportleftcontent > img  {
  width: 100%;
}

#sportkontakt {
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}

#sportleftcontent > p {
  margin-top: 15px;
}

.sponsoring-block {
  padding-bottom: 30px;
}

#sportcontentframe {
  padding-top: 15px;
}

.clickablerow {
  cursor: pointer;
}

.overlaymodal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 2;
}

.progress-bar {
  white-space: nowrap;
  color: black;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #2a9fd6;
  border-radius: 10px;
}

.badge-notify {
  background: red;
  position: relative;
  top: -10px;
  left: -28px;
}

.newsread {
  background-color: lightgray;
  color: darkgray;
}

.datenschutz p {
  text-align: justify;
}
.datenschutz h2 {
  margin-top: 30px;
}
.datenschutz h3 {
  margin-top: 20px;
}

#TimeTable td,
#TimeTable th {
  text-align: center;
}

li.arbeitszeitok {
  background-color: #49ff00;
}

li.arbeitszeitfail {
  background-color: #e6472f;
}

li.arbeitszeitshort {
  background-color: #ef8a40;
}

li.arbeitszeitfree {
  background-color: #c2cff4;
}

.horizintaldaydia {
  width: 100%;
}
.col-1-3 {
  float: left;
  background-color: #49ff00;
}
.col-2-3 {
  float: left;
  background-color: #c2cff4;
}
.col-3-3 {
  float: left;
  background-color: blue;
}
.horizintaldaydia:after {
  clear:both;
}

/* Anpassungen für nicedit */
.nicEdit-main ul {
  margin-left: 20px;
}
.nicEdit-main ul li {
  list-style: square;
}
.nicEdit-main ol {
  margin-left: 20px;
  padding-left: 0px;
}
.nicEdit-main ol li {
  list-style: inherit;
}