/*     F0444E=rot; #00b4ad - gruen; #F6F9FF=hellgrau; (#58595B#)231f20=schwarz*/

.kontakt1::before {display: block;content: "";height:120px;margin-top: -120px;visibility: hidden;}
.start-slide{color:#fff; text-shadow: 0 0 3px #333;}
.rot{color:#00b4ad;}
.hrot{color:#F0444E  !important;}
.tuerkis{color:#00b4ad !important;}
.linie1{border-bottom:1px dashed #00b4ad;padding-bottom:20px;}
.fw500{font-weight:500 !important;}

.bildtop_21, .breadcrumbs-01{
width:100%;height:340px;background-image: url("../images/top_pic1.jpg");	background-color:#ffffff; background-position: left center;
background-repeat: no-repeat;  background-size: cover; }

@media (max-width: 470px){
.bildtop_21,.breadcrumbs-01{width:100%;height:260px !important;background-position: center center;}
}
 
.bildtop_21 h3{text-transform:uppercase;}
.bildtop_21 .div1{margin:0px !important;padding:10px !important;float:left;color:#231f20 !important;}
.bildtop_21 .div-akt{color:#231f20; text-transform:uppercase;font-weight:400;font-size:15px;}
.bildtop_21 .div-link{color:#231f20 !important; text-transform:uppercase;font-weight:400;font-size:15px;}
.bildtop_21 .div-link a{color:#00b4ad !important;}
.bildtop_21 .div-link a:hover{color:#231f20  !important;}
.bildtop_21 .div-link .ion{font-size:20px;padding-right:5px;}

/*
.bildtop_21 .div1{margin:0px !important;padding:10px !important;background:#fff;float:left;color:#231f20 !important;}
.bildtop_21 .div-akt{color:#231f20; text-transform:uppercase;font-weight:400;font-size:15px;}
.bildtop_21 .div-link{color:#231f20 !important; text-transform:uppercase;font-weight:400;font-size:15px;}
.bildtop_21 .div-link a{color:#00b4ad !important;}
.bildtop_21 .div-link a:hover{color:#231f20  !important;}
.bildtop_21 .div-link .ion{font-size:20px;padding-right:5px;}
*/


.logo-top{position:fixed;right:30px;top:20px;z-index:99999;}
.nav-logo-200{min-width:400px;max-width:500px;}

@media (max-width: 1280px){
.logo-top{right:10px;top:20px;}
.logo-top img{width:180px;height:auto;}
}
@media (max-width: 1200px){
.logo-top{right:10px;top:10px;}
.logo-top img{width:170px;height:auto;}
}
  
@media (max-width: 991px){
.logo-top{right:20px;top:5px;}
.logo-top img{width:150px;height:auto;}
.rd-navbar-nav-wrapxxx{margin-top:-50px !important;}
.rd-navbar-nav-wrap .rd-navbar-nav {margin-top:-90px !important;}
.nav-logo-200{min-width:0px;max-width:0px;height:0 !important;}
}
.swiper-container {max-height: 500px; min-height: 310px;  margin: 0 auto;  position: relative;  overflow: hidden;  z-index: 1;}

@media (max-width: 767px){
.swiper-container {max-height: 300px; min-height: 210px;}
}
@media (min-width: 10px) {  .swiper-slide:before {    content: none;  }}

.swiper-slide h1, .swiper-slide .heading-1, .swiper-slide h2, .swiper-slide .heading-2, .swiper-slide h3, .swiper-slide .heading-3, .swiper-slide h4, .swiper-slide .heading-4, .swiper-slide h5, .swiper-slide .heading-5, .swiper-slide h6, .swiper-slide .heading-6 {
  color: #fff;}
.swiper-wrapper h2{padding-top:20px !important;}
.swiper-slide h2{font-size:50px;text-transform: uppercase;letter-spacing: 15px !important;}

@media (max-width: 767px){
	.swiper-slide h2{font-size:30px;letter-spacing: 5px !important;font-weight:500;}
}

/*oberste reihe */
.top1{background: #00b4ad;padding-top: 25px;  padding-bottom: 15px;color:#fff;text-align:left;font-size:17px;font-weight:500;}
.top1 a{color:#fff;font-size:14px;font-weight:600;text-decoration:none;}
.top1 a:hover{text-decoration:underline;}
.top1 .div1 div{float:left;padding-right:20px;}
.pagexxx {  position: relative;  overflow: hidden;}

ul.ft {  list-style-type: square; margin: 10px;  padding: 10px;}

.trlinie1{position:relative;width:100%;height:1px;background:#536974;}
.trlinie2{position:relative;width:30%;height:3px;background:#00b4ad;top:-2px;left:0;}

.rd-navbar-fullwidth .rd-navbar-search .rd-search {width: 250px !important; }
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {width: 250px !important; }
.rd-navbar-fullwidth .rd-navbar-dropdown {  width: 250px;  }
.rd-navbar-fixed .rd-navbar-nav-wrap,.rd-navbar-sidebar .rd-navbar-sidebar-inner {  width:270px;  }
.rd-navbar-fullwidth .rd-navbar-inner {  padding-top: 5px;  padding-bottom: 5px;}

  
/*navi*/
.rd-navbar-fullwidth .rd-navbar-aside-right {max-width:1200px;margin-left:auto; margin-right:auto;  display: flex;  align-items: left;  justify-content: left;  }
 /* navigation gross */
.rd-navbar-nav{margin-top:-23px !important;margin-bottom:-22px !important;}
.rd-navbar-nav{padding-top:20px;padding-bottom:0px;}
.logog{padding-right:500px;}
 
/* navigation */
.rd-navbar-static .rd-navbar-nav > li > a,.rd-navbar-fullwidth .rd-navbar-nav > li > a { font-size: 18px; margin-left:auto; margin-right:auto; }
.rd-navbar-fullwidth .rd-navbar-nav > li > a {color: #F0444E; font-weight:500;}
  .rd-navbar-static .rd-navbar-nav > li > a:hover,.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {  color: #00B4AD; }
.rd-navbar-static .rd-navbar-nav > li + li {  margin-left: 30px !important;}
.rd-navbar-fullwidth .rd-navbar-nav > li + li {  margin-left: 30px !important;}

.rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,.rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {  color: #00B4AD;   background: transparent;}
.rd-navbar-static .rd-navbar-dropdown > li > a:hover,.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {  color: #00B4AD;}
.rd-navbar-dropdown li{line-height:30px !important;}
.rd-navbar-static .rd-navbar-dropdown > li > a,.rd-navbar-fullwidth .rd-navbar-dropdown > li > a {color: #F0444E; }
.rd-navbar-default-with-top-panel.rd-navbar-static, .rd-navbar-default-with-top-panel.rd-navbar-fullwidth {  padding-left: 0px;  padding-right: 0px;}
 /* mobile*/
.rd-navbar-fixed .rd-navbar-nav li > a { color: #F0444E;}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before {
  content: '\f236';    color:#F0444E;}  /*  content: '\f236';*/
 
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a {
  background: #fff;  color: #00B4AD;}
.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
  color: #00B4AD;}

/*mobile top */
.rd-navbar-fixed .rd-navbar-panel {
  display: flex;  align-items: center;  position: fixed;  left: 0;  top: 0;  right: 0;
  padding: 0.5px;  height: 70px;  color: #F0444E;  z-index: 999;  }
.rd-navbar-fixed .rd-navbar-brand img {  max-height: 60px;   width: auto;  padding-left:20px;}
  
  
/*fotogalerie*/
.thumbnail-classicxxx {  border:3px solid #ccc;}
@media (min-width: 300px) {
.desktop .thumbnail-classic .caption {    transition: .4s all ease;    opacity: 0;  }
.thumbnail-classic .caption {  background: none !important;}
.thumbnail-classic .caption::before {border-top: 0px solid #fff;border-bottom: 0px solid #fff;transform: scale(0, 1);}
.thumbnail-classic .caption::after {border-right: 0px solid #fff;border-left: 0px solid #fff;transform: scale(1, 0);}
.desktop .thumbnail-classic .caption-title,.desktop .thumbnail-classic .caption-text {transition: 300ms 50ms ease-in-out;transform: scale3d(0.7, 0.7, 0);}
.desktop .thumbnail-classic:hover figure {transform: scale3d(1.05, 1.05, 1.05);}
.desktop .thumbnail-classic:hover .caption {opacity: 1;}
.desktop .thumbnail-classic:hover .caption:before, .desktop .thumbnail-classic:hover .caption:after {opacity: 1;transform: scale(1);}
.desktop .thumbnail-classic:hover .caption-title,.desktop .thumbnail-classic:hover .caption-text {transform: scale3d(1, 1, 1);}
}

/* main */
h3{padding-bottom:20px;font-size: 28px;}

@media (min-width: 768px) {
h3 {    line-height: 1;    font-size: 32px;  }
}
strong,b{font-weight:600 !important;}
main{background-color:#ffffff !important;}
main a {    text-decoration: underline;  transition: all 250ms ease-in;}
main a:hover, a:focus {  color: #00b4ad;  text-decoration: none;  outline: none;}
main a[href*='callto'], a[href*='mailto'] {  white-space: nowrap;}

h4{font-size:20px !important;}

.button{background:#00b4ad;padding: 13px 25px !important;}
.button .fa{font-size:20px !important;}
.button,.button a{color:#fff !important;}
.button:hover,.button a:hover,.button a:focus,.button a:active,.button a:visited {color:#fff !important;}


.button-rot{display: inline-block;  position: relative;background:#F0444E;padding: 5px 25px !important;  font-size: 16px;  line-height: 20px; font-weight:500;}
.button-rot .fa{font-size:20px !important;}
.button-rot,.button-rot a{color:#fff !important;}
.button-rot:hover{background:#00b4ad;}
.button-rot:hover,.button-rot a:hover,.button-rot a:focus,.button-rot a:active,.button-rot a:visited {color:#fff !important;}

.button-gr{display: inline-block;  position: relative;background:#00b4ad;padding: 10px 25px !important;  font-size: 16px;  line-height: 20px; font-weight:500;}
.button-gr .fa{font-size:20px !important;}
.button-gr,.button-gr a{color:#fff !important;}
.button-gr:hover{background:#F0444E;}
.button-gr:hover,.button-gr a:hover,.button-gr a:focus,.button-gr a:active,.button-gr a:visited {color:#fff !important;}

.button-sw{display: inline-block;  position: relative;background:#fff;padding: 14px 38px !important;  font-size: 16px;  line-height: 20px; font-weight:500;}
.button-sw .fa, .button-sw .ion{font-size:20px !important;}
.button-sw,.button-sw a{color:#00b4ad !important;}
.button-sw:hover,.button-sw a:hover,.button-sw a:focus,.button-sw a:active,.button-sw a:visited {color:#00b4ad !important;}

.button-primary1 {  color: #00b4ad;  background-color: #fff;  border-color: #fff;}
.button-primary1:hover, .button-primary1:focus, .button-primary1:active, .button-primary1:hover {  color: #fff;  background-color: #666;  border-color: #666;}
  
.link-gr{display: inline-block;  position: relative; font-size: 16px;  line-height: 20px; font-weight:500;}
.link-gr .fa{font-size:20px !important;}
.link-gr,.link-gr a{color:#00b4ad !important;}
.link-gr:hover,.link-gr a:hover,.link-gr a:focus,.link-gr a:active,.link-gr a:visited {color:#F0444E !important;}

.link-rot{display: inline-block;  position: relative; font-size: 16px;  line-height: 20px; font-weight:500;}
.link-rot .fa{font-size:20px !important;}
.link-rot,.link-rot a{color:#F0444E  !important;}
.link-rot:hover,.link-rot a:hover,.link-rot a:focus,.link-rot a:active,.link-rot a:visited {color:#00b4ad !important;}

.link-dotted{border-bottom:1px dotted #F0444E;}
.link-under{text-decoration: underline; 	text-decoration-style: dotted;}
.link-underxxx{text-decoration: underline; 	text-decoration-style: wavy;}

.mehr-erfahren{display: inline-block;  position: relative; font-size: 16px;  line-height: 20px; font-weight:500;}
.mehr-erfahren{text-decoration:none !important;}
.mehr-erfahren .t1{font-size:20px !important;color:#F0444E  !important;text-decoration:none;}
.mehr-erfahren .t2{color:#00b4ad  !important;text-decoration:underline;}
.mehr-erfahren:hover .t1{color:#00b4ad  !important;}
.mehr-erfahren:hover .t2{color:#F0444E  !important;}

.bottom-dotted{border-bottom:0px dotted #F0444E;padding-bottom:15px;}
@media (max-width: 991px) {
.bottom-dotted{border-bottom:2px dotted #F0444E;padding-bottom:15px;}
}
@media (max-width: 400px) {
.mainx{background-size: 100% auto;background-position: center 75%; }
}
@media (max-width: 900px) {

.cell-pl40{padding-left:40px !important;}
}

@font-face {  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
  font-weight: normal;  font-style: normal;}
.mdi {  display: inline-block;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  transform: translate(0, 0);}
.mdi:before {  font-family: "Material Design Icons";}
.mdi-phone:before {  content: "\f4e1";}
.mdi-phone-incoming:before {  content: "\f4e6";}
.mdi-clock:before {  content: "\f246";}
.mdi-map-marker:before {  content: "\f440";}
.mdi-format-list-bulleted:before {  content: "\f36e";}
.mdi-calendar-text:before {  content: "\f1eb";}
.mdi-comment-outline:before {  content: "\f278";}
.mdi-contact-mail:before {  content: "\f284";}
.mdi-email-outline:before {  content: "\f2e5";}
.mdi-link-variant:before {  content: "\f42b";}
.mdi-cellphone-iphone:before {  content: "\f216";}

/* fussbereich */

footer {font-weight:400 !important;}
footer .icon-lg {font-size:25px !important;}
footer .rot{background-color:#00b4ad; color:#ffffff;}
footer .rot h3, footer .rot .icon-gray-12{color:#ffffff;}
footer .rot h3{font-family: "futurabook", Helvetica, Arial, sans-serif; }
footer .rot h3{font-family: "futurabook", Helvetica, Arial, sans-serif; }
footer .rot h2{color:#ffffff;font-size:18px;}
footer .rot h2{font-family: "futuramedium", Helvetica, Arial, sans-serif; }
footer .rot h2{font-family: "futurabook", Helvetica, Arial, sans-serif; }
footer .rot a{color:#ffffff;}
footer .rot a:hover{color:#9C9D9F;}

footer .partner img{padding:5px !important;background:#fff  !important; }
footer .partner img{border:2px solid #666  !important;}
footer .partner img:hover{border:2px solid #999  !important;}

footer .kataloge li{line-height:2.3;}
footer .kataloge li a{color:#fff !important;font-size:15px !important;font-weight:400;}
footer .kataloge li a:hover{text-decoration:underline;}
footer .kataloge .fa{font-weight:700;font-size:17px;}
footer .katalogexxx .fa:hover{color:#ccc !important;}
footer .kataloge span{color:#fff;font-size:15px;margin-right:5px;}

footer .kontakt{color:#fff;font-size:15px;font-weight:400;}
footer .kontakt h4{color:#fff;font-size:16px !important;font-weight:600;}
footer .kontakt .icon{float:left;margin-top:5px;margin-right:10px;font-size:18px;}
footer .kontakt .con{float:left;}
footer .kontakt .single{clear:both;margin-top:20px;}
footer .kontakt  a{color:#fff !important;font-size:15px !important;font-weight:400;}
footer .kontakt a:hover{text-decoration:underline;}
footer .kontakt .fa{font-weight:700;font-size:20px;}


#kontakt{font-size:16px !important;}
#kontakt h4{color:#231f20;font-size:18px !important;font-weight:600;}
#kontakt .icon{float:left;margin-top:5px;margin-right:10px;font-size:18px;}
#kontakt .con{float:left;}
#kontakt .single{clear:both;margin-top:20px;}
#kontakt  a{color:#231f20 !important;font-size:16px !important;font-weight:400;}
#kontakt a:hover{color:#00b4ad !important;}
#kontakt .fa{color:#231f20;font-weight:700;font-size:22px;width:22px;}

footer .cell-sm-6, footer .col-md-4{margin-bottom:30px;}
footer .ueb{margin-top:0;margin-bottom:10px;
width:100%;height:32px;background-image: url("../images/border-footer.png");	
background-position: left bottom; background-repeat: no-repeat;}
footer .ueb h2{margin:0 !important;padding:0 !important;}
footer .border1{position: absolute;border-bottom:1px solid #536974;padding-bottom:13px;width:95%;height:1px;}
footer .border2{position: absolute;border-bottom:3px solid #00b4ad;padding-bottom:12px;width:25%;height:1px;}

.section-smxxx{padding-bottom:40px;padding-top:40px;}

.breadcrumbs-custom li {color:#00b4ad !important;}
.breadcrumbs-custom li .active {  color: #00b4ad !important;}


.impr{color:#ffffff !important;border-bottom:1px dotted #ffffff;}
.impr:hover{color:#949599  !important;}

/* impressum */

.impressum .mdi{font-size:20px;}
.impressum{font-size:17px;}
.impressum a{color:#231f20 !important;}
.impressum a:hover{color:#00b4ad  !important;}
.impressum h5{font-family:"futurabook", serif; font-size:22px;font-weight:400;color:#231f20;line-height:150%;}
.impressum h5{font-family:"futurabook", serif;}
.button-lt{color:#00b4ad !important;display: inline-block;  position: relative;background:#fff;padding: 14px 38px !important;  font-size: 16px;  line-height: 20px; font-weight:500;border:2px solid #aaa;}
.button-lt a, .button-lt a span{color:#00b4ad !important;}
.button-lt:hover{background:#00b4ad;border:2px solid #00b4ad;}
.button-lt:hover,.button-lt a:hover{color:#ffffff !important;} 

.leistungen{}
.leistungen a{color:#00b4ad !important;}


.table-custom th,.table-custom td {  color: #fff;  background: transparent;}
.table-custom-light th { color:#000;font-size:14px;}
.table-custom th {padding: 11px 8px;  font-weight: 500 !important;line-height:20px;}
.table-customxxx th {padding: 15px 18px;  font-weight: 500 !important;line-height:20px;}
@media (min-width: 768px) {  .table-customxxx th {    padding: 15px 18px;  }}
.table-custom td {  padding: 11px 10px 11px 10px;}
.table-customxxx td {  padding: 11px 18px 12px;}
.forminp {  padding: 12px 5px 12px 5px;  font-size: 15px;  font-weight: 500;  line-height: 22px;
color: #001822;  background-color: #ffffff;  border: 1px solid #949599;  border-radius: 0;}
.wein_detail{text-decoration:underline;}
.form-input { 
  color: #001822;  background-color: #ffffff;  border: 1px solid #949599;}
.form-label {  color: #949599;}
.pd-container{  
display: block;  position: relative;   padding-left: 35px;  margin-bottom: 12px; cursor: pointer;
-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;
font-weight:300;
  }

.pd-container input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.pd-checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #ffffff;border: 1px solid #949599;}

.pd-container:hover input ~ .pd-checkmark {  background-color: #ffffff;}
.pd-container input:checked ~ .pd-checkmark {  background-color: #00b4ad;}
.pd-checkmark:after {  content: "";  position: absolute;  display: none;}
.pd-container input:checked ~ .pd-checkmark:after {  display: block;}
.pd-container .pd-checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.responsive_map {height: 0;overflow: hidden;padding-bottom: 56%;position: relative;}
.responsive_map iframe {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

.kat_box{}
.kat_box .imgbox{width:100%;height:auto;overflow:hidden;  }
.kat_box .imgbox:hover{}
.kat_box .imgbox img{width:100%;
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}
.kat_box .imgbox:hover img{
-webkit-transform:scale(1.2); /* 1.3  Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.pdol-alpha{list-style-type: lower-alpha; padding-left:20px;}
.pdul-none{list-style-type: none; padding-left:20px;}
.rotw{color: #E4001E;}
.weissw{color:#9AC61D;}
.weisswb{border: 5px solid #9AC61D  !important;}
.rotwb{border: 5px solid #E4001E !important;}
.rotwhg{ background: #E4001E !important;}
.weisswhg{ background:#9AC61D  !important;}
.bord-dott{border-bottom:1px dotted #fff;}
.tdb{font-weight:500;}

.quote-footer cite {  color: #aaaaaa;  font-size:16px;  text-transform: none;
  font-weight: 500;  font-family: "futurabook", Helvetica, Arial, sans-serif;}

.startl h3{color:#999;margin-bottom:30px;padding-bottom:0px;}
@media (max-width: 480px) {
	.startl{padding-left:30px;}
	.startl ul{margin-top:0px !important;padding-top:0px !important;}
}
h2,.heading-2 {  font-size: 50px;  line-height: 0.6;letter-spacing: 0px !important;font-weight:400; }
@media (max-width: 800px) {
	.starth2{font-size:40px !important;}
}
@media (min-width: 1032px) {
  h2,  .heading-2 {    line-height: 0.93333;    font-size: 70px;  letter-spacing: 0px !important;}
}

.quote-default .quote-body:before {
  position: absolute;  top: calc(100% - 15px);  left: 80px;  content: "";  width: 0;
  height: 0;  border-style: solid;  border-width: 15px 0 15px 19px;  border-color: transparent transparent transparent #ebebeb;}
.quote-default .quote-body:after {
  left: 81px;  position: absolute;  top: calc(100% - 17px);  content: "";  width: 0;
  height: 0;  border-style: solid;  border-width: 15px 0 15px 20px;  border-color: transparent transparent transparent #fff;}
.inset-left-10 {  padding-left: 10px;}
.inset-left-10 {  padding-left: 0px;}
.inset-left-12 {  padding-left: 12px;}
h5  {  margin-bottom:20px;text-transform: uppercase;font-size:23px;}
h5  {  text-transform: none;}
.list-desc{margin-bottom:20px;}

/*######*/

.circle-list {  text-align: left;}
.circle-list {padding-top:20px;}
.circle-list > li {  position: relative;padding-left: 20px; line-height: 150%;}
.circle-list > li:before {  position: absolute;  top: -1px;  left: 0;  content: "\f10c";  font: 400 13px/21px "FontAwesome";  color:#00b4ad ;}  /*fa-circle-o*/
.circle-list > li a, .circle-list > li a:active, .circle-list > li a:focus {  color: inherit;}
.circle-list > li a:hover {  color: #00b4ad;}
.circle-list > li + li {  margin-top: 10px;}
.circle-list > li a, .circle-list > li a:active, .circle-list > li a:focus {text-decoration:none;border-bottom:0px dotted #58595B;}

.circle-list-fff > li:before { color:#fff ;} 

.circle-list1 > li:before {  content: "\f0a3";  font: 400 13px/21px "FontAwesome";}   /*fa-certificate*/
.circle-list2 > li:before {  content: "\f069";  font: 400 13px/21px "FontAwesome";}   /*fa-asterisk*/
.circle-list3 > li:before {  content: "\f10c";  font: 400 13px/21px "FontAwesome";}   /*fa-circle-o*/
.circle-list4 > li:before {  content: "\f10c";  font: 400 9px/17px "FontAwesome";color:#F0444E;}   /*fa-circle = f111*  /