html {
  position:relative;
  min-height:100%;
}

html, body,
h1,h2,h3,h4,h5,h6 {
  font-family:'Nunito Sans',sans-serif;
}

body {
  font-size:15px;
  line-height:1.4em;
}

*::-moz-focus-inner {
  border:none;
}

*:focus {
  outline:0 none;
}

.top_link {
  width:29px;
  height:24px;
}

.section {
  padding-top:40px;
  padding-bottom:60px;
}
  
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
}

a,a:visited,a:hover,a:focus,.footer-link a,
.nav-sticky.navbar-custom .navbar-nav li a {
  text-decoration:none;
  outline:0 none;
  cursor:pointer;
}

a,a:visited {
}

a:hover,a:focus,
.nav-sticky.navbar-custom .navbar-nav li a.active, .nav-sticky.navbar-custom .navbar-nav li a:hover, 
.nav-sticky.navbar-custom .navbar-nav li a:active, .footer-link a.active, .footer-link a:hover, .footer-link a:active {
}

button, input, optgroup, select, textarea {
  line-height:1.4;
}

i, * i {
  font-size:inherit;
  font-weight:normal!important;
  line-height:inherit;
  vertical-align:middle;
  display:inline-block;
}

p {
  line-height:1.5;
}

.clearfix {
  clear:both;
}

p.category {
  font-size:16px;
  line-height:1;
  margin-right:2px;
  margin-bottom:3px!important;
}

section#clients {
  padding-top:0;
}

.bg-home {
  padding:160px 0px 50px 0px;
}

section.bg-footer {
  padding-bottom:25px!important;
}

#services.section {
  padding-bottom:40px;
}

.home-content .home-title {
  font-size:46px;
  line-height:1.2;
  margin-top:-20px!important;
}

h5.f-18 {
  font-size:18px;
  font-style:normal;
  margin-bottom:2px;
}

.footer .f-20 {
  font-size:18px;
  text-transform:uppercase;
}

.logo_top {
  width:243px;
  height:61px;
  max-width:243px;
  max-height:61px;
}

.navbar-brand {
  padding-top:20px;
  padding-bottom:20px;
}

.navbar-custom .navbar-nav li a {
  font-size:14px;
  text-transform:uppercase;
}

.title-box .title-heading {
  font-size:34px;
  line-height:1.3!important;
}

.title-box .text-muted {
  font-size:18px;
  line-height:1.4!important;
}

.title-box small {
  font-size:13.5px;
}

.text-muted.text_header {
  line-height:1.4!important;
}

.pricing-badge .badge {
  font-size:15px;
  text-shadow:0 0 2px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1);
  background:#cc0000;
  letter-spacing:-.33333px;
}

.border-top {
  border-top:1px solid #ccc;
  padding-top:5px;
}

.media .hp_mini {
  padding:10px;
}

.media .hp_mini img {
  width:125px;
  height:83px;
}

.media-body .text-muted {
  font-size:14px;
  line-height:1.3;
  margin-top:2px!important;
}

.media-body .text-muted b {
  font-size:16px;
}

.media-body .text-muted b i {
  font-size:21px;
  margin-top:-3px;
  margin-left:1px;
  margin-right:0;
  line-height:1;
  font-weight:normal!important;
  display:inline-flex;
}

.media-body ul {
  font-size:14px;
  line-height:1.3;
  margin-left:0;
  margin-top:8px!important;
  padding-left:20px;
}

.media-body ul li::marker {
  margin-right:0;
}

#counter .text-uppercase {
  font-size:12px;
  margin-bottom:5px;
  letter-spacing:.25px;
}

.attentive {
  font-variant:small-caps;
  font-style:italic;
}
  
.devices_sm {
  margin-top:20px!important;
}

.pricing-box {
  padding:35px 10px 5px;
}

.pricing-box.price_basic {background:url('images/tp_basic.png') top center no-repeat transparent;}
.pricing-box.price_luna {background:url('images/tp_luna.png') top center no-repeat transparent;}
.pricing-box.price_komfort {background:url('images/tp_komfort.png') top center no-repeat transparent;}

.pricing-box i {
  font-size:inherit;
}

.pricing-box h4 {
  font-size:22px;
  line-height:1;
  margin-top:180px;
  margin-bottom:0;
}

.pricing-box h4 i {
  font-size:24px;
  margin-top:3px;
  margin-left:0;
}

.pricing-box h4 i.icon_new {
  font-size:28px;
  position:absolute;
  margin-top:1px;
  margin-left:8px;
  margin-right:0;
}

.pricing-box h4.text-muted {
  margin-top:0;
}

.pricing-box h6 {
  font-size:16px;
  line-height:1.2;
  margin-bottom:15px;
  text-transform:uppercase;
  margin-top:10px;
}

.pricing-box .featlist i {
  font-size:22px;
  vertical-align:middle;
  margin-top:-2px;
  margin-right:5px!important;
  line-height:inherit;
  display:inline-block;
  color:#57d43a!important;
  text-shadow:2px 2px 2px rgba(87,212,58,.75);
  -webkit-text-stroke:1px rgba(87,212,58,1);
}

.pricing-box .featlist p {
  margin-bottom:3px!important;
  line-height:1.2;
}

.pricing-box .text-muted {
  font-size:16px;
}

.featlist {
  padding-inline-start:0;
}

.featlist li {
  display:inline-block;
  list-style-type:none;
  padding-right:0;
  padding-left:0;
  width:100%;
  line-height:1.2;
  margin-bottom:8px;
}

.featlist li span {
  display:inline-block;
}

span.listleft {
  width:66%;
  text-align:left;
}

span.listright {
  width:26%;
  text-align:right;
}

.pricing-plan .plan {
  font-size:42px;
  margin-left:5px;
}

.vtinfo,.vtinfo p {
  font-size:15px;
  line-height:1.5;
}

.vtinfo i {
  font-size:20px;
  margin-top:0px;
  margin-right:3px;
  line-height:1;
}

.pginfo,.pginfo p {
  font-size:14px;
  line-height:1.4;
  font-style:italic;
}

.pginfo span {
  font-style:normal;
}

.client-box h5,.client-box .h5 {
  font-size:22px;
  font-style:italic;
  margin-top:8px;
}

.client-box .text-primary {
  font-size:16px;
}

.client-images img {
  width:212px;
  height:104px;
  max-width:212px;
  max-height:104px;
}

.ad_form {
  margin-top:0!important;
}

.form-control {
  padding:6px 15px 3px;
}

.custom-form .contact-lable {
  font-size:13px;
}

.custom-form .form-control {
  border:1px solid #ccc;
}

.custom-form .form-control[type=date] {
  text-transform:uppercase;
}

.text_agb {
  margin:5px 0 0!important;
  padding:10px 14px 12px!important;
  border-radius:4px;
  text-shadow:0 0 2px rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,.5);
}

.text_agb h6 {
  margin-bottom:5px;
}

.text_agb p {
  font-size:14px;
  line-height:1.3;
  margin:0!important;
}

.agb_ok {
  padding-top:1px;
}

.check .form-control {
  height:20px;
  width:20px;
  margin-left:16px;
}

.check .text-left {
  margin-top:9px!important;
}

.check .contact-lable {
  left:58px;
}

.custom-form .contact-lable.check_agb {
  font-size:14.5px;
  top:7px;
}

.btn-primary,a.btn-primary {
  font-size:18px;
  line-height:1.2;
  box-shadow:0 0 0 rgba(27,45,86,.0)!important;
  padding:10px 12px 8px;
}

.btn-primary:hover,.btn-primary:focus,a.btn-primary:hover,a.btn-primary:focus {
  transform:none;
  transition:all 1.3s ease-in-out;
  box-shadow:0 0 8px rgba(27,45,86,.75)!important;
}

.pricing-box .btn-primary,.pricing-box a.btn-primary {
  padding:10px 12px 8px;
}

.img_header {
  width:541px;
  height:300px;
}

.img_roland {
  width:710px;
  height:471px;
}

.img_contact {
  width:539px;
  height:465px;
}

.logo_footer {
  width:200px;
  height:40px;
  max-width:200px;
  max-height:40px;
  margin-top:1px;
}

.shortinfo {
  margin-top:26px!important;
  margin-bottom:15px!important;
}

.team-social {
  margin-top:2px!important;
}

.team-social i {
  font-size:24px;
}

.color_fb {color:#1877f2;}
.color_tw {color:#1da1f2;}
.color_bv {color:#0c2340;}
.color_em {color:#d93025;}

.team-social i.color_fb:hover {background-color:#1877f2;}
.team-social i.color_tw:hover {background-color:#1da1f2;}
.team-social i.color_bv:hover {background-color:#0c2340;}
.team-social i.color_em:hover {background-color:#d93025;}

.list_footer i {
  font-size:18px;
  line-height:1;
  margin-top:-1px;
  margin-right:2px;
}

.list_address p {
  font-size:15px;
  line-height:1.3;
  margin-top:10px;
}

.list_address p b {
  font-size:16px;
}

.list_address p:nth-child(2) {
  margin-top:18px;
}

.copyright {
  font-size:12px;
  text-transform:uppercase;
}

/* UNUSED CSS

.btn:focus, .btn.focus,
.btn:active, .btn.active,
.btn:active:focus, .btn.active:focus,
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow:0 0 0 0;
}

*/

/* CSS SCHNICKSCHNACK */

.transition,
img.transition, img.transition:hover {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000;
  -webkit-transition-property:color,text-shadow;
  -webkit-transition-duration:.5s;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-delay:0s;
	-moz-transition-property:color,text-shadow;
	-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-in-out;
  -moz-transition-delay:0s;
  -o-transition-property:color,text-shadow;
  -o-transition-duration:.5s;
  -o-transition-timing-function:ease-in-out;
  -o-transition-delay:0s;
  transition-property:color,text-shadow;
  transition-duration:.5s;
  transition-timing-function:ease-in-out;
  transition-delay:0s;
  image-rendering:-moz-crisp-edges;
  -ms-interpolation-mode:bicubic;
}

img.filter {
  filter:gray;
	-webkit-filter:grayscale(1);
	-moz-filter:grayscale(1);
	-o-filter:grayscale(1);
	-ms-filter:grayscale(1);
	-webkit-box-shadow:0px 1px 2px 1px rgba(0,0,0,.75);
	-moz-box-shadow:0px 1px 2px 1px rgba(0,0,0,.75);
	box-shadow:0px 1px 2px 1px rgba(0,0,0,.75);
}

img.filter:hover {
  filter:none;
  -webkit-filter:grayscale(0);
	-moz-filter:grayscale(0);
	-o-filter:grayscale(0);
	-ms-filter:grayscale(0);
}

.spin {
	-webkit-transition:all 1.3s ease-in-out;
	-moz-transition:all 1.3s ease-in-out;
	-o-transition:all 1.3s ease-in-out;
	-ms-transition:all 1.3s ease-in-out;
}
.spin:hover {
	-webkit-transform:rotate(360deg) scale(1.3);
	-moz-transform:rotate(360deg) scale(1.3);
	-o-transform:rotate(360deg) scale(1.3);
	-ms-transform:rotate(360deg) scale(1.3);
}


/* MEDIA QUERIES */

@media (min-width: 992px) {

  .list_footer {
    margin-top:1px!important;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left:5px;
    padding-right:5px;
  }
  
  h5.f-20 {
    display:inline-block;
    margin-top:20px;
    margin-bottom:10px;
  }

  .pricing-box {
    min-height:1045px;
  }

  .pricing-box .btn-primary,.pricing-box a.btn-primary {
    font-weight:600;
    width:100%;
    max-width:100%;
    padding:11px 12px 9px;
  }

  .img_header, .img_roland, .img_contact {
    max-width:100%;
    height:auto;
  }
  
}

@media (max-width: 992px) {

  .navbar-brand {
    padding-top:0;
    padding-bottom:0;
  }
  
  .navbar-collapse {
    margin-top:15px;
  }

  .media .hp_mini img {
    max-width:100%;
    height:auto;
  }
  
  .devices_sm {
    margin-top:40px!important;
  }
  
  .smallcenter {
    text-align:center;
  }
  
  .text-uppercase {
    margin-top:10px!important;
  }
  
  .partners {
    padding-top:0!important;
  }

  .box_price {
    margin-bottom:20px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .media-body ul {
    font-size:13px!important;
    line-height:1.4!important;
  }

  .pricing-box .featlist p {
    font-size:14px!important;
  }

  .pricing-box .featlist i {
    font-size:21px!important;
  }

}


/* FONT WEIGHTS */

.title-box small {
  font-weight:300!important;
}

.title-box .text-muted, .media-body .text-muted, .media-body ul, .vtinfo,.vtinfo p, .client-box h5,.client-box .h5, 
.pricing-box .btn-primary,.pricing-box a.btn-primary {
  font-weight:400!important;
}

b, p.category, h5.f-18, .title-box b, .text-muted.text_header, #counter .text-uppercase,
#counter p span, span.listright, .pricing-plan .plan b, .vtinfo b, .pginfo,.pginfo p,
.client-box .text-primary, .custom-form .contact-lable, .custom-form .form-control,
.text_agb p, .custom-form .contact-lable.check_agb, .list_address p:nth-child(2) strong,
.text-muted, .footer-link a {
  font-weight:600!important;
}

.navbar-custom .navbar-nav li a, .pricing-badge .badge, .attentive, .rolandpack b,
.pricing-box h6, .vtinfo strong, .pginfo em b, .text_agb p span,
.btn-primary,a.btn-primary, .pricing-box .btn-primary b,.pricing-box a.btn-primary b {
  font-weight:700!important;
}

h3 b, .home-content .home-title, .title-box strong, .text-dark, .media-body .text-muted b,
.pricing-box h4, .pricing-plan .plan, .text_agb h6, .btn-primary b,a.btn-primary b {
  font-weight:800!important;
}


/* FONT COLORS */

a,a:visited,a:hover,a:focus {
  color:#00528a!important;
}

.text_agb, .btn-primary, a.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color:#fff!important;
}

body,
.text-primary, .text-dark {
  color:#222!important;
}

.title-box .title-heading, .custom-form .form-control, .list_address p {
  color:#333!important;
}

.text-muted, .title-box .text-muted, .title-box small, .pricing-box .text-muted {
  color:#444!important;
}

.custom-form .contact-lable, .copyright {
  color:#666!important;
}

.footer-link a,
.nav-sticky.navbar-custom .navbar-nav li a,
.navbar-custom .navbar-nav li a, .text-muted.text_header,
.media-body .text-muted b, #counter p span, .rolandpack span,
.pricing-box h4, .pricing-box h6 {
  color:#00528a!important;
}

a:hover, a:focus,
.nav-sticky.navbar-custom .navbar-nav li a.active, .nav-sticky.navbar-custom .navbar-nav li a:hover, 
.nav-sticky.navbar-custom .navbar-nav li a:active, .footer-link a.active, .footer-link a:hover, .footer-link a:active,
#counter .text-uppercase, .pricing-plan .plan, .client-box .text-primary {
  color:#1b2d56!important;
}

.btn-primary:hover, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus {
  color:#ffea00!important;
}

.media-body .text-muted b i, .pricing-box h4 i.icon_new, .list_address p:nth-child(2) strong {
  color:#cc0000!important;
}

.pginfo, .pginfo p {
  color:#990000!important;
}

/* BACKGROUND COLORS */

.text_agb {
  background-color:#aa0000!important;
}

.btn-primary, a.btn-primary {
  background-color:#00528a!important;
  border-color:#00528a!important;
}

.btn-primary:hover, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus {
  background-color:#1b2d56!important;
  border-color:#1b2d56!important;
}