
/*
Theme Name: flextheme
Theme URI: http:/www.brandless.pl
Author: Brandless
Author URI: http:/www.brandless.pl

*/

html {}
body {font-family: 'Poppins', Arial, sans-serif; font-size: 14px; }

.page-wrap {   background: #fff; margin-bottom:300px;}

a {color: #23d129;}

p {font-weight: 400;line-height: 1.8em;}

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?16019969');
  src: url('fonts/fontello.eot?16019969#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?16019969') format('woff2'),
       url('fonts/fontello.woff?16019969') format('woff'),
       url('fonts/fontello.ttf?16019969') format('truetype'),
       url('fonts/fontello.svg?16019969#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?16019969#fontello') format('svg');
  }
}
*/
 
 .social-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 

.intro-container {color: #fff; border-left: 12px solid #fbfbff;padding-left: 21px;}
.intro-container .intro {font-size: 40px;text-transform: uppercase;font-weight: 800;line-height: 1.3em;max-width: 600px;}
.intro-container .intro span {color:#a98054;}
.intro-container .intro-sub {font-size: 20px;line-height: 1.3em;}
.intro-container .intro-sub span {color:#a98054; font-weight: 600; padding-left:8px;padding-right:8px;}

.icon-face2:before { content: '\e802'; }
.icon-instagram:before { content: '\f001'; } 
.icon-facebook-1:before { content: '\f002'; } 
.icon-youtube-play:before { content: '\f003'; } 
img {max-width:100%;height:auto;}

.basic-text {line-height: 2em;}

.box-image {transition:0.5s;}
.box-image:hover {transform:scale(1.05); -webkit-transform:scale(1.05); 
-moz-transform:scale(1.05); -o-transform:scale(1.05); }




.whitebg {background:#fff;}
.whitebg .vc_column-inner {padding:0px!important;}
.text-padder {padding:30px;}

.increase {padding-left: 62px;position:relative;}
.increase:before {content:"";background: url('svg/excl.svg') no-repeat;position:absolute;width: 50px;height: 51px;background-size: 100%;margin-left: -62px;top: -6px;}

h1, h2, h3, h4 {font-family: "Objectivity";, Arial, sans-serif;}

h2 {color: #1d2a41; }


.text-center {text-align: center;}
.counter {font-size: 72px;  color:#aaaaaa;  font-family:'B-Roman', 'Georgia', 'Times New Roman', serif; }
.counter:before {content:"";background: url('svg/patient.svg') no-repeat;display: inline-block;width: 60px;height: 60px;background-size: 100%;vertical-align: middle;margin-right: 10px;}
.counter-text {font-size:16px; color:#1d2534;}

.ease {
    -webkit-transition: all 0.500s cubic-bezier(.10, .10, .25, .90);
    -moz-transition: all 0.500s cubic-bezier(.10, .10, .25, .90);
    transition: all 0.500s cubic-bezier(.10, .10, .25, .90);
}

.graymail, .grayphone {color: #0b1119; font-size:20px;padding:5px; display:block;}
.graymail:hover, .grayphone:hover {text-decoration:none;}
.grayphone:before {content:"";  font-family: FontAwesome;   content: "\f095";color: #cfcfcf; margin-right:10px;}
.graymail:before {content:"";  font-family: FontAwesome;  content: "\f0e0"; color: #cfcfcf;  margin-right:10px;}


header {
	height: 100px;
	overflow: hidden;
	position: relative;
	background-attachment: fixed;
	background-position: top;
}


.mybutton {display:inline-block;transition:0.4s; color:#fff; background:#23d129; padding:8px 30px;}
.mybutton:hover, .mybutton:focus {color:#fff; transform: scale(1.1);text-decoration:none; }
.white-text {color:#fff;}


.button-rounded {font-size:0.9em;letter-spacing:2px;color: #fff;padding: 6px 15px;border: 2px solid #fff;text-transform: uppercase;border-radius:50px;line-height: 1.4em;}
.button-rounded:visited, button-rounded:focus {color: #fff; text-decoration:none!important;} 

.button-rounded:hover {color:#fff;background: #fb5989;border-color: #fb5989;text-decoration:none;}

.nav>li>a:focus, .nav>li>a:hover {background:transparent;}

.navbar >.container .navbar-brand, .navbar >.container-fluid .navbar-brand {width: 315px;display: block;height: initial;padding: 18px;/* margin-left: 30px; */}

.navbar {
	/* height: 110px; */
	top: -100px;
	position: initial;
}


.navbar-nav  {
    padding: 8px;
    list-style:  none;
}

.navbar-nav  li {
    padding: 22px 22px;
}

.navbar-nav  li a {
	color: #322f33;
	text-shadow: none;
	padding: 7px 0px;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.navbar-nav  li a:hover {
	color: #23d129;
	text-decoration: none;
	background:transparent;
	/* border-bottom: 3px solid #a6a5b1; */
}

.navbar-nav ul li a:focus,.navbar-nav ul li a:active {background:transparent; border:0px; box-shadow:none;}

.navbar-nav .facebook-top, .navbar-nav .twitter-top {}
.navbar-nav .facebook-top a, .navbar-nav .twitter-top a {color: transparent;width: 34px;/* margin-left: 13px; */text-align: center;display: block;}

.navbar-nav .facebook-top a:before {/* position:absolute; */font-family: "fontello";content: '\F09A';/* width: 68px; */height: 35px;/* margin-top: -2px; */font-size: 26px;top: 7px;z-index: 2;color: #B4B4B4;/* transform: translateX(-10px); *//* display: block; */margin-left: 18px;}
.navbar-nav .facebook-top a:hover:before { color:#1e2a41; } 
.navbar-nav .facebook-top a:hover {color:transparent; border:0;}
.navbar-nav .twitter-top a {text-indent: 0;/* position: relative; */color: transparent;}
.navbar-nav .twitter-top a:before {/* position:absolute; */font-family: "fontello";content: '\e804';width: 40px;height: 40px;/* margin-top: -2px; */font-size: 36px;top: 8px;left: 0px;z-index: 2;color: #f85d8b;}
.navbar-nav .twitter-top a:hover:before {color:#fff; } 
.navbar-nav .twitter-top a:hover {color:transparent;border:0; }


.slider {color:#fff;display: block;}
.slider .intro-container {/* position:absolute; */bottom: 5%;width: 60%;margin-left: 2%;}
.slider .intro {/* padding-top:30px; */font-size: 3.7rem;font-weight: 600;line-height: 1.1em;text-shadow: 0px 0px 20px #0000008a;}
.slider .intro-sub {
	font-size: 2.2em;
	margin-top: 10px;
	margin-bottom: 25px;
	letter-spacing: 1px;
	font-weight: 300;
	font-family: 'Objectivity', Arial, sans-serif;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5411764705882353);
}

.slider {
	padding-top: 350px;
	padding-bottom: 100px;
}

.slider .arrow-big {}
.slider .arrow-big img {width:100%;margin-bottom: -36px;}



.box-image {margin:0px!important; padding:0px;}
.image-underframe {position:relative;padding: 23px;background:#001937;color:#fff;display: block;text-transform: uppercase;letter-spacing: 1px;font-size: 1.2em;font-weight: 600;}
.image-underframe:before {content:">";position:absolute;right: 21px;top: 11px;font-size: 34px;font-weight: 200;/* height: 100%; */float: right;} 
.image-underframe:hover {color:#a98053; text-decoration:none;}


.pulled-up {margin-top:-100px;}


.basic-header {position:relative;text-align:center;text-transform: uppercase;}
.basic-header:after {
    margin: 9px 0px;
    display: block;
    content: "";
    width: 200px;
    height: 4px;
    background: #24d128;
    margin-bottom:20px;
}

div.main-text {margin-bottom:10px;}
h2.main-text {font-weight:300;}




.section-title {font-weight: 600;position: relative;text-transform: uppercase;}
.section-title:after {content:"";background: #68bbe1;height:8px;width: 140px;border-radius:4px;margin: 10px auto;display: block;margin-top: 10px;}


/* Burger Menu */

 
.burger {display:none;}

.burger {
    padding: 20px;
    font-size: 20px;
    margin-top: -50px;
    opacity:0;
    position: absolute;
    cursor: pointer;
    right: 10px;
}
.burger span {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    position: absolute;
    left: 0;
}
.burger span > span {
    width: 23px;
    display: block;
    height: 3px;
    background: #191a4b;
    margin: 5px;
    border-radius: 1px;
    margin: 0px;
}

.burger span > span:nth-child(1) {
    top:-6px;

}

.burger span > span:nth-child(3) {
    top: 6px;
}

.burger span > span:nth-child(2) {


}


.burger:hover span > span:nth-child(1) {
    /* transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    -o-transform: rotate(43deg); */
    top:-8px;

}

.burger:hover span > span:nth-child(3) {
    /* transform: rotate(-43deg);
     -ms-transform: rotate(-43deg);
     -webkit-transform: rotate(-43deg);
     -o-transform: rotate(-43deg); */
    top:9px;


}


.cross span > span:nth-child(1) {
    transform: rotate(43deg)!important;
    -ms-transform: rotate(43deg)!important;
    -webkit-transform: rotate(43deg)!important;
    -o-transform: rotate(43deg)!important;
    top:0px!important;

}

.cross span > span:nth-child(3) {
    transform: rotate(-43deg)!important;
    -ms-transform: rotate(-43deg)!important;
    -webkit-transform: rotate(-43deg)!important;
    -o-transform: rotate(-43deg)!important;
    top:0px!important;


}

.cross span > span:nth-child(2) {
    width:0px!important;

}

.cross:hover span > span:nth-child(1) {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    top:-8px;

}

.cross:hover span > span:nth-child(3) {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    top:9px;


}

.cross:hover span > span:nth-child(2) {width:23px;}

#services .wpb_wrapper ul {padding-top: 15px;}
#services .wpb_wrapper ul li {list-style: none;position: relative;margin-bottom: 10px;color: #fff;padding: 10px;font-size: 17px;}
#services .wpb_wrapper ul li:before {
	content:"";
	/* border-radius: 50%; */
	width: 8px;
	height: 20px;
	background: #a6a5b1;
	position: absolute;
	left: -24px;
	top: 10px;
	transform: skew(-10deg, 0deg);
}

.SCseparator {width:60px!important; height:10px!important;}

.pink {color:#fb5989!important;}

.inframe {border:2px solid #fff; padding:15px;}
.inframe span {color:#20c8e4;}


.grayform label {max-width:100%;width: 100%;}

.grayform input, form textarea {font-size: 1.1em;font-weight:400;background:#f4f4f4;padding:10px;border: 1px solid #ccc;border-radius:2px;width: 100%;}
.grayform input {max-width:100%;/* width: 100%; */}
.grayform textarea {max-width:100%;min-height: 140px;}

.grayform input[type=submit] {font-size:0.9em;letter-spacing:2px;color: #1e2b41;padding: 9px 15px 8px;border: 2px solid #cccccc;text-transform: uppercase;border-radius:50px;line-height: 1.6em;background: transparent;font-weight: 600;margin-top: 15px;width: auto;}
.grayform input[type=submit]:visited, button-rounded:focus {color: #fff; text-decoration:none!important;} 
.grayform input[type=submit]:hover {color:#fff;background: #fb5989;border-color: #fb5989;text-decoration:none;}



footer {line-height:2em;position:fixed;bottom:0px;width:100%;z-index:-1;color:#fff;background-size: cover;padding-top:60px;/* padding-bottom:10px; */background: url('https://wts-montage.de/wp-content/uploads/2024/04/footer-scaled.jpg');background-size: cover;}
footer a {color: #2c244d;}
footer .footer-block {padding-bottom: 60px; text-align:center;}
footer .footer-logo {display:block;padding-bottom: 10px;text-align: center;}
footer .footer-logo img {width: 230px;margin-bottom: 20px;margin-top: 20px;}
footer .footer-phone { color:#fff;}
.footer-last {/* background:#f7f7f7; */padding-bottom: 10px;padding-top: 10px;}

footer .footer-phone:hover { color:#aaa;}
footer .blue-mail {color:#20c8e4;}
footer .pink-mail {color:#fb5989;}
.copyright {text-align:center;width:100%;/* padding-top:10px; */color: #2c244d;}

.fixed {position:fixed;width: 100%;background: #ffffff;z-index: 1000;top: 0px;box-shadow: 1px 1px 20px #00000036, 1px 1px 1px #c4c3c3bd;border-radius: 0px;}


.vc_gitem-animated-block {display:none;}
body .vc_gitem-zone {background: transparent!important;border:2px solid #e5e5e5;border-radius:4px;}
.vc_gitem-zone h4 {color:#fb5989;font-size: 22px;}
.vc_gitem-zone .mylink a {font-size:0.9em;letter-spacing: 1px;color: #20c8e4;padding: 7px 11px 5px;border: 2px solid #20c8e4;text-transform: uppercase;border-radius:50px;line-height: 1.6em;background: transparent;font-weight: 600;margin-top: 0px;width: auto;display: inline-block;}
.vc_gitem-zone .mylink a:hover {text-decoration: none;color: #fff;background: #20c8e4;}

.vc_gitem_row .vc_gitem-col {padding:20px 20px!important; border-radius:5px}
.vc_gitem-zone .vc_gitem-post-data-source-post_date {color:#b2b2b2;}

.contact-separator {width:160px;height: 18px;background:#efefef;border-radius: 25px;display: block;position: relative;}
.contact-separator:after  {content:"";/* margin-left:20px; */display:inline-block;width: 18px;height: 18px;background:#efefef;border-radius: 50%;right: -31px;position: absolute;}

.mapcontainer > div , .mapcontainer > div > div , .mapcontainer > div > div > div, .mapcontainer > div > div > div > div {height:100%;}
.mapcontainer .map {height:100%;min-height: 400px;}

.mytable .tablepress tfoot th, .mytable .tablepress thead th {font-size:13px;color:#1d2a43;background:#fff!important;}

.mytable .wpb_wrapper {overflow:hidden;}

.mytable .card {color:#68bbe1;}
.mytable .card:hover {color:#dd5f9f; text-decoration:none;}

.mytable .tablepress td, .mytable .tablepress th {text-align:center;}

.booked {color:#68bbe1;}

#map {min-height:420px;}

.white-button-box {text-align: center;display: block;padding: 20px;box-shadow: 0px 0px 20px #00000030, 0px 0px 2px #2222221f;}
.white-button-box a {font-size:20px;color:#1e2a41;}
.white-button-box a:hover {color:#a98152; text-decoration:none;}
.white-button-box a:before {/* content:"x"; */font-size:20px;color:#1e2a41;padding-left:15px;padding-right:20px;}

#contact {text-align:center;}
 
.white {color:#fff;}

.widget-title {color:#a6a5b1;text-transform:uppercase;font-size:20px;}


footer ul {list-style:none;}
footer ul li {}
footer ul li a {color: #3C3C3C;position: relative;text-transform: uppercase;letter-spacing: 1px;}
footer ul li a:before {
	content:"";
	/* border-radius: 50%; */
	width: 5px;
	height: 10px;
	background: #a6a5b1;
	position: absolute;
	left: -24px;
	top: 5px;
	transform: skew(-10deg, 0deg);
	display: none;
}

footer ul li a:hover {color: #23d129;text-decoration:none;}

footer ul.menu {list-style:none;padding: 0px;}
footer ul.menu li {display:inline-block;padding: 10px;}


@media only screen and (max-width:640px) {
	.front-content {
		margin-bottom: 320px;
	}
	footer {
		/* margin-bottom: 70px; */
	}
}

.ppt {display:none!important;}
