/* Cosmiqenergy Customized

*/

@font-face {
font-family: 'gotham-book';
   src: url('../fonts/gotham-book.eot');
   src: local('gotham-book'),
         url('../fonts/gotham-book.ttf') format('truetype'),
         url('../fonts/gotham-book.woff') format('woff');
}
@font-face {
font-family: 'gotham-medium';
   src: url('../fonts/gotham-medium.eot');
   src: local('gotham-medium'),
         url('../fonts/gotham-medium.ttf') format('truetype'),
         url('..//fonts/gotham-medium.woff') format('woff');
}



.blur { filter: opacity(30%) }
.center  {margin: 0 auto  !important;float: none !important;  text-align: center;}
.center img {margin: 0 auto  !important;float: none !important;  text-align: center;}
h2 { font-size: 30px !important; line-height: 38px !important;}
h4 {font-size: 21px !important; line-height: 29px !important; }
h1,h2,h3,h4,h5,h6 {text-transform: none !important; color: #333333!important; font-weight: bold !important;}
.lead.set40 {display: block; margin: 0 auto; width: 40% !important;}
.orange-bg { background-color: #ff7d93 !important;}
.lightblue-bg { background-color:lightblue !important; }
.orange-bg h3 strong{  font-size: 20px !important; }
.badge {background-color: green !important; color: #fff !important; text-transform: uppercase !important;}
.landing .ps-plus {display: none !important;}
.ps-plus {border: 0px solid #fff !important; text-align: center !important; font-size: 40px !important;}


/* Styling Marlene */
.text-default, .section-subtitle , .lead{ text-align: center !important;}
.light-translucent-bg .lead , .dark-translucent-bg .lead  {text-align: left !important; margin: 0 !important; margin-bottom: 30px !important;}


h2.text-default{ font-weight: 500 !important; color: #3d4243 !important; font-size: 36px !important; line-height: 43px !important; max-width: 550px; margin: 0 auto !important; margin-bottom: 20px !important;}
h5.section-subtitle { font-weight: 500 !important; color: #8f8f91 !important; font-size: 14px !important; line-height: 30px !important; text-transform: uppercase !important;}
p.lead {font-size: 16px !important; line-height: 22px !important; color: #383838 !important;max-width: 950px; margin: 0 auto; }
h4 { text-align: center;}
b, strong {font-family: "gotham-medium", sans-serif; font-weight: normal !important; }

.separator-ma {
  width: 300px;
  margin: 16px auto 16px !important;
  position: relative;
  height: 30px !important;
  background:url("../img/under_headline_ele.png") 0 0;
  background-repeat: no-repeat;
}



/* Lists
---------------------------------- */

.list-icons,
.list {
  list-style: none !important;
  padding: 0;
}

.list-icons li,
.list li {
  padding: 5px 0px; font-weight: 300 !important; list-style-type: none; color: #777777 !important; font-size: 21px;
    list-style-position: outside; margin-left: 00px;

}


.form-control::-moz-placeholder {
  color: #d1d1d1;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #d1d1d1;
}
.form-control::-webkit-input-placeholder {
  color: #d1d1d1;
}
.ps-regform {max-width: 60% !important; margin: 0 auto;}

.separator {
  width: 100%;
  margin: 30px auto 45px !important;
  position: relative;
  height: 10px !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.separator.small {
  margin: 5px auto 15px!important;
}
.dropdown-toggle {margin-top: 0px !important;}
.social-links {margin-top: 5px !important; }

.social-links li a {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 1px solid #e7e7e7;
  color: #fff !important;

  background: #006d93!important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}




.main-navigation {margin-top: 20px;}
.nav.navbar-nav li {margin-left: 0px;}
.nav.navbar-nav li a{ text-transform: uppercase !important; font-size: 16px !important;  font-family: "gotham-book", sans-serif; font-weight: 300 !important; color: #888888;}
/* hide header basket */

/* 1 Home
----------------------------------------------------------------------------- */
.ps-frontcontent-wrapper{border: 0px solid #f00; margin-top: -10px;}

/* Top Header
----------------------------------------------------------------------------- */
.free-journey .btn-default, .free-journey .btn-default:active, .free-journey .btn-default:visited {background-color:  #4EA830 !important; border:1px solid #4EA830 !important; }
.free-journey .btn-default:hover {background-color:  #458e2c !important; border:1px solid #458e2c !important; }
.free-journey .btn-default.bold {font-family: "gotham-medium";}

/* 1 Logo
----------------------------------------------------------------------------- */
.big-logo {padding-top: 30px !important; padding-bottom: 30px !important;}
.logo img {width: 460px !important; }
.logo {margin-top: 5px; margin-bottom:-15px !important; padding-bottom: 0px !important; }
.fixed-header-on .logo{height:80px !important;}
.fixed-header-on .logo img{border: 0px solid #f00; width:322px!important; min-height: 60px !important;}


/* 1 Contetn Slider
----------------------------------------------------------------------------- */
.owl-prev {background-color: rgba(0, 109, 147, 0.84)!important; margin-left: -25px !important;}
.owl-next {background-color: rgba(0, 109, 147, 0.84)!important; margin-right: -25px !important;}
.ps-slider-app-icon {border: 0px solid #f00 !important; margin-top: 30px !important; margin-right: 10px !important;}

.xlarge_dark {
  font-size: 68px;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #333333 !important;
  line-height: 1.2;
}

.large_dark {
  font-size: 28px;
  font-family: "Raleway", sans-serif;
  color: #333333 !important;
  line-height: 1.2;
}
.large_white {
  font-size: 28px;

}
.tp-caption.medium_dark {
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  color: #333333 !important;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4583;
}

.small_dark {
  font-size: 16px;
  color: #333333 !important;
  font-weight: 400;
}

.tp-caption .separator-2 {
  width: 100%;
  margin-top: -5px !important;
  position: relative;
  height: 1px;
}

.dark-translucent-bg .btn-default {border: none !important;}

/* Fullwidth background
---------------------------------- */
/* Backfround images */
p.lead.light{font-size: 18px !important; line-height: 25px !important;}
h2.light {color: #ffffff !important; font-weight: 300 !important; font-size: 38px !important; line-height: 44px !important; text-transform: uppercase !important;}
h2.dark {font-weight: 300 !important; font-size: 38px !important; line-height: 44px !important; text-transform: uppercase !important;}
h2.light.big {color: #ffffff !important; font-weight: 800 !important; font-size: 50px !important; line-height: 58px !important; text-transform: uppercase !important;}
.lead.light {color: #ffffff !important; font-weight: 300 !important;}
.pv-100 {
  padding-top: 0px !important;
  padding-bottom: 120px !important;
}
.pv-bottom {  padding-top: 220px !important;
  padding-bottom: 30px !important;}

.pv-120 {
  padding-top: 120px !important;
  padding-bottom: 130px !important;
}

.pv-150 {
  padding-top: 150px !important;
  padding-bottom: 160px !important;
}

.slideshow .dark-translucent-bg {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.dark-translucent-bg:after {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.dark-translucent-bg.less:after {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.dark-translucent-bg-ps{
  background-color: rgba(0, 0, 0, 0.6) !important;
}


.dark-translucent-bg{
background-size: cover !important; border: 0px solid #f00 !important; background-position: center center;}

.ps-backcover {background-size: cover !important; border: 0px solid #f00 !important; background-position: center center !important;}




/* Pricing tables
---------------------------------- */


.stripped .plan .text {
  border: 1px solid #ececec;
  border-top: none;
  color: #666;
  padding-left: 20px !important;
   padding-right: 10px !important;
   font-size: 16px !important;

}

.plan .header h3 {
  font-size: 26px !important;
  margin: 0;
  line-height: 30px;
  font-weight: 300;
  color: #fff !important;
  padding: 8px 0 3px !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
}
.plan .default-bg h3 {
  font-size: 16px !important;
  margin: 0;
  line-height: 36px;
  font-weight: 300;
    color: #fff !important;
  padding: 15px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
}

.plan .header .price {
  font-size: 28px;
  padding: 8px 0 10px;
  font-weight: 300;
  background-color: #006d93!important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  line-height: 1;
  color: #ffffff;
}
.plan .price span { font-size: 24px !important;}
.plan .sale { font-size: 20px !important;}
.plan .highlight { font-size: 26px !important; color:  #006d93!important; font-weight: normal !important;}

.ps-seal { padding-top: 0px; width: 200px; margin: 0 auto;}


/* OnePress Plus Section: Pricing
--------------------------------*/
.section-pricing.section-inverse .pricing__title {
	color: #333333;
}

.section-pricing.section-inverse .pricing__feature-list, .section-pricing.section-inverse .pricing__sentense {
	color: #383838;
}

.section-pricing.section-inverse .pricing__item {
	box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}

.pricing__item  {
	background: #f8f9f9;
	border: none;

	border-radius: 20px;
	padding: 35px 35px;
	padding:  2.1875rem 2.1875rem;
	position: relative;
	margin-bottom: 30px;
	margin-bottom: 1.875rem;
	border: 1px solid #ddd;

}
.pricing__item.free  {
	max-width: 420px;
	margin: 0 auto;
}


.pricing__item:hover {
	border-top-color: #03c4eb;
}

.pricing__item h1, .pricing__item h2, .pricing__item h3, .pricing__item h4 {
	text-transform: none;
}

.pricing__title {
	letter-spacing: -0.2px; padding: 6px 0 6px 0; text-align: center; font-size: 23px; background-color:#DEAF77;
}
.pricing__title.light{
	background-color: #D6D0C9;
}

.pricing__price {
	padding: 10px 0px 10px;
	margin-top: 5px !important;
	font-size: 26px !important;
	line-height: 22px;
	font-family: "gotham-medium", arial, helvetica;
	font-weight: bold !important;
	color: #333333;
	text-align: center;
}
.pricing__price small{

	font-size: 15px !important;
	font-weight: 300 !important;
		font-family: "gotham-book", arial, helvetica;
}


.pricing__sentense {
	border-bottom: 3px solid rgba(139, 144, 157, 0.1);
	padding: 0px 0 13px;
	text-align: center;
	color: #383838;
	font-size: 18px;
	font-weight: 300 !important;
	margin-bottom: 20px;
}

.pricing__feature-list {
	list-style: outside none none;
	margin: 0;
	max-width: 90% !important;
	padding: 0 !important;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	line-height: 26px;
	border: 0px solid #f00 !important;
}
.pricing__button {margin: 0 auto !important; text-align: center; margin-top: 40px !important;}
.pricing-highlite {background-color: #91D050; display: block; padding: 4px; text-align: center;  color: #ffffff !important; max-width: 88% !important; margin: 0 auto; margin-top: 10px; font-size: 19px; 	font-family: "gotham-book", arial, helvetica; text-transform: uppercase !important;}




/*///////////////Left Tooltip w/ Right Arrow////////////////*/

.tooltiptext {
    visibility: hidden;
    width: 320px;
    height:auto;
    font-weight: 300;
    background-color: #ffffff;
    color: #555;
    border-radius: 6px;
    border: 1px solid #999;
    padding: 10px 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10000;
    top: 50px;
    right: 0px;
}
.tooltiptext {    font-size: 15px !important;
    line-height: 19px !important; text-align: left !important;}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 277px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}
.tooltip-col:hover .tooltiptext{
    visibility: visible;
}
.tooltiptext ul li{list-style: none !important;}


/* Product Item
---------------------------------- */
.overlay-link {
  position: absolute;
  z-index: 10;
  top: 0;
  padding: 15px;
  bottom: 0px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.0) !important;
  overflow: hidden;
  opacity: 1 !important;
    filter: alpha(opacity=1) !important;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  color: #ffffff;
}
.overlay-link:hover {   background-color: rgba(30, 30, 30, 0.3) !important;}
.overlay-link i {
  background-color: rgba(30, 30, 30, 0.0) !important;
  width: 80px;
  height: 80px;
  border: 0px solid #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50% !important;
  margin: -40px 0 0 -40px !important;
  padding-left: 6px;
  font-size: 32px;
  line-height: 80px;
}



.overlay-to-top {
  position: absolute;
  top: auto;
  padding: 10px;
  bottom: -30px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.9);    background-color: #449D44!important;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  color: #ffffff;
}
.overlay-to-top .small{ }
.overlay-top {
  top: 0;
}


.owl-dots {display: none !important;}
/* buttons
---------------------------------- */
.plan .btn-default {background-color: #99CC33 !important; border-color: #99CC33 !important;}


/*Banner
---------------------------------- */

.banner.parallax,
.banner.light-translucent-bg,
.banner.dark-translucent-bg,
.banner.default-translucent-bg {
  min-height: 250px;
  padding-top: 60px;
  padding-bottom: 20px;
}

.banner.small-height {
  min-height: 150px;
  padding-top: 20px;
}

/* MEMBER DASCHBOARD

---------------------------------- */
.ps-member-header {background: #F9F9F9; text-align: center; padding: 5px; margin-top:-45px !important;}


/* modal
---------------------------------- */
/* Modal Background */
.modal-content.myModal31-bg {background: url(../img/pics/modal-back.jpg) !important; background-size:  contain !important;}

.modal-content{border: none !important;}
.modal-title {color: #ffffff!important; font-weight: 300 !important; text-align: center !important;}
.modal-header{color: #ffffff !important; background-color: #006d93 !important; border: none !important; }
.modal-body p,  .modal-body span{
font-size: 18px !important;
}

/*Image box
---------------------------------- */


.image-box .body {
  padding: 15px !important;
}

.image-box .body h3 {
  margin-top: 0;
}

.image-box .body p:last-child {
  margin-bottom: 0;
}

.image-box.style-4 {
  border: none;
}

.image-box.style-3-b {
  display: block;
  margin-bottom: 40px;
}



.footer-top.light-gray-bg {
  background-color: #f0f0f0 !important;
  border-top: 1px solid #f3f3f3 !important;
  border-bottom: 1px solid #f3f3f3 !important;
}

/* Buttons
----------------------------------------------------------------------------- */
.voucher-btn {margin-top: 28px; margin-left: 3px;}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:visited {background-color: #58B136 !important;  }
.btn-success.dark, .btn-success.dark:hover, .btn-success.dark:active, .btn-success.dark:visited {background-color:  #006D93!important; border: none !important;}



.btn-success {
	background: #03c4eb;
	color: #FFFFFF;
}

.btn-theme-primary:hover {
	color: #FFFFFF;
}


.btn-success{
background-image: url(../img/btn_pfeil_weiss.png);
background-repeat: no-repeat;
background-position: 30px center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin: 0 auto;
padding-left: 80px;
padding-right: 40px !important;
background-color: #0080ad;
font-size: 20px;
font-family: "gotham-medium", arial, helvetica;
text-transform: lowercase;
font-weight: 500;
border: 0px solid #fff !important;
}
.btn.btn-theme-primary:hover {
background-color:#0080ad
}
.btn-xl {font-size: 24px !important; line-height: 24px !important; font-weight: 500 !important;padding-left: 90px;
padding-right: 50px !important;}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
/*.container {width: 1300px !important;}
.header-top-dropdown {margin-right:80px !important;border: 0px solid #f00 !important;}
.slides {border: 1px solid #f00 !important;}*/
}

@media (max-width: 768px) {
.ipad-hide {display: none !important;}
.header-top-dropdown {margin-right:0px !important; }
.header-dropdown-buttons {display: none !important;}
.pricing__item.free  {
	max-width: 80%;
	margin: 0 auto;
}
}


/* Small devices (tablets, smartphones) */
@media (max-width: 480px) {
.mobile-hide {display: none !important;}
.ps-regform {max-width: 100% !important; margin: 0 auto;}
.btn-xl {  font-size: 15px !important;   padding: 15px 30px !important; text-align: center !important;}
.btn-xl i { margin-top: -5px !important;}
.lead.set40 {display: block; margin: 0 auto; width: 80% !important;}
.voucher-btn {margin-top: 0px; margin-left: 0px;}

.pricing__item.free  {
	max-width: 98%;
	margin: 0 auto;}
}


/* For Landing Page
----------------------------------------------------------------------------- */

.full-width-section:hover .full-image-container:before,
  .full-width-section .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 0;
    filter: alpha(opacity=000);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }