body {background: #fff; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; color: #000; line-height: 1.45;}
h1 {font-size: 47px; margin: 0 0 4rem; font-weight: 400; line-height: 1.1;}
h1 span, h2 span {font-size: 18px; font-weight: 700; color: #008261; line-height: 2; display: block;}
h2 {font-size: 47px; margin: 0 0 50px; font-weight: 400; line-height: 1.2; color: #011b28;}
h2 span {color: #4b5052;}
h3 {font-size: 22px; margin: 1em 0; font-weight: 700; line-height: 1.5; color: #011b28;}
strong, b {font-weight: 700;}
a, a:hover, a:focus, a:active {color: #008261; outline: none; text-decoration: underline;}
p, ul, ol {margin-bottom: 1em;}
ul {list-style: none; padding: 0;}
ul li {list-style: none; padding: 0; position:relative;}
hr {margin: 50px 0; border-color: #f1f8f6; border-width: 2px;}
img {max-width: 100%;}
.m-0 {margin:0;}
.mb-2 {margin-bottom: 1rem;}
.cleaner {width: 100%; display: block; clear: both;}

.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {padding-top: 2rem; padding-bottom: 2rem; border: 2px solid #f2f5f7; text-align:center;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th {font-size: 32px; color: #25abea; font-weight: 700;}
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {background: #fbfbfc;}

.navbar, .navbar .navbar-nav > li.tryout a, .video-thumb:after, .btn {-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}

.navbar {height: 160px; padding-top: 58px; background: none; font-size: 18px;}
.navbar > .container .navbar-brand {height: 46px; padding:0 30px 0 0; margin: 0 15px 0 0; border-right: 2px solid #d3ebe5;}
.navbar .navbar-nav > li {padding: 0 0 0 20px; font-weight: 500;}
.navbar .navbar-nav > li:first-child {padding: 0;}
.navbar .navbar-nav > li > a {padding: 10px; background:none; border: 2px solid transparent;} 
.navbar .navbar-nav > li > a:hover {background-color: none;}
.navbar .navbar-nav > li.phone a {padding-left: 30px; background: url(../img/ico-phone.svg) 0 11px no-repeat;}
.navbar .navbar-nav > li.login a {padding-left: 30px; background: url(../img/ico-login.svg) 0 11px no-repeat;}
.navbar .navbar-nav > li.active a {text-decoration: none;}
.navbar .navbar-nav > li.tryout {padding-top: 0; padding-bottom: 0; margin-left: 20px; margin-top: -2px;}
.navbar .navbar-nav > li.tryout a {padding: 15px 30px; background: #d3ebe5; border-radius: 4px; text-decoration: none; border:0;}
.navbar .navbar-nav > li.tryout a:hover {background: #008261; color: #fff;}
.navbar.smaller {height: 70px; padding-top: 12px; box-shadow: 0px 5px 7px rgba(0,0,0,0.1); background: #f5faf9;}
.navbar .dropdown {float:left;} 
.navbar .dropdown button {width: 80px; background: none; border: 2px solid transparent; border-radius: 4px 4px 0 0; padding: 6px 15px 4px; color: #fff;}
.navbar .dropdown button span {display: inline-block; width: 15px; height: 20px; margin: 0 0 0 5px; background: url(../img/langs-arrow.svg) 50% 0 no-repeat; opacity: 0.15;}
.navbar .dropdown strong {display: inline-block; width: 20px; height: 20px; margin-top: 5px; overflow: hidden; text-indent: 100px; background: url(../img/flags.svg) 0 0 no-repeat; background-size: cover}
.navbar .dropdown strong.en {background-position: 0 -20px;}
.navbar .dropdown strong.pl {background-position: 0 -60px;}
.navbar .dropdown strong.nl {background-position: 0 -40px;}
.navbar .dropdown strong.de {background-position: 0 -80px;}
.navbar .dropdown.open button {border-color: #008261; background: #d3ebe5;}
.navbar .dropdown.open button span {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.navbar .dropdown-menu {width: 80px; min-width:0; margin-top: -2px; padding:0; background: #d3ebe5; border: 2px solid #008261; border-radius: 0 0 4px 4px; box-shadow: none;}
.navbar .dropdown-menu > li > a, #navbar .dropdown-menu > li > a:focus {padding: 6px 15px 10px; background: none; color: #008261;}
.navbar .dropdown-menu > li > a:hover {background: #008261; color: #fff;}
.navbar .dropdown-menu strong {text-indent: 30px; overflow: visible;}
.navbar .navbar-toggle {margin:0; width: 46px; height: 46px; border-radius: 50%; border: 2px solid #008261;}
.navbar .navbar-toggle .icon-bar {background-color: #008261;}

.theme {padding: 200px 0 100px; position:relative; background: url(../img/theme.svg) 100% 100% #F5FAF9 no-repeat;}
.theme.bottom {padding: 0; background: #008261; color: #fff;}
.theme.bottom h2 {color: #fff;}
.theme.bottom .theme-inside {margin: -90px 0;}
.theme.bottom .btn {background: #18a885;}
.theme-calc {background: url(../img/theme-calc.svg) 100% 100% #F5FAF9 no-repeat;}
.theme-img {width: 100%; display:block;}
.theme-img.m-negative {margin-top: -200px;}
.theme h2.smaller {margin:0 0 0.5rem; font-size: 22px; font-weight: 700;}
.theme h2.smaller img {display: inline-block; margin: -4px 10px 0 0;}
.theme p.inter {margin-bottom: 60px;}
.theme ol {padding:0; list-style: none; counter-reset:mycounter;}
.theme ol li {position:relative; margin: 0 0 4rem; padding-left: 40px;}
.theme ol li:before {position: absolute; display: block; left: 0; top: 0; width: 26px; height: 26px; padding-left: 4px; content:counter(mycounter)'.'; counter-increment:mycounter; background: #d71c03; border-radius: 50%; text-align: center; font-size: 15px; font-weight: 700; line-height: 26px; box-shadow: 0px 5px 7px rgba(0,0,0,0.1); color: #fff;}
p.info {margin: 1.5em 0 0; font-size: 14px;}
p.info img {display: inline-block; margin: -3px 10px 0 0;}
.theme .embed-responsive {position:relative; border-radius: 6px; box-shadow: 0px 0px 40px rgba(0,0,0,0.08); }
.video-thumb {cursor: pointer;}
.video-thumb img {width: 100%;}
.video-thumb:after {display: block; position: absolute; left:50%; top: 50%; width: 140px; height: 140px; margin: -70px 0 0 -70px; background: url(../img/video-thumb.svg) 50% 50% #d71c03 no-repeat; content: ''; border-radius: 50%; border: 15px solid #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.video-thumb:hover:after {background-color: #008261; box-shadow: 0px 0px 20px rgba(0,0,0,0.3);}
.thevideo {display: none;}
.deco-woman {position: absolute; display: block; right: 0; bottom:0; height: 500px; width: auto;}

.form-inline {margin-top: 60px;}
.form-inline .input-group {width: 100%; box-shadow: 0px 5px 7px rgba(0,0,0,0.03); border-radius:4px;}
.form-inline .input-group .input-group-btn {width: 50%;}
.form-inline .input-group .btn.btn-primary, .form-inline .input-group .btn.btn-primary:focus {width: 100%;}
.btn {border: 2px solid transparent; font-weight: 500; font-size: 18px; box-shadow: 0px 5px 7px rgba(0,0,0,0.1); text-decoration: none;}
.btn.btn-primary, .btn.btn-primary:focus {background: #008261;}
.btn.btn-primary:hover, .btn.btn-primary-outline:hover {background: #18a885; border-color: #18a885; color: #fff;}
.btn.btn-primary-outline {border: 2px solid #3bdcbc; color: #07212c; box-shadow: none;}
.btn-lg {padding: 11px 30px;}
.btn-tooltip, .btn-tooltip:focus {width: 20px; height: 20px; padding:0; margin: -3px 5px 0; border-radius: 50%; font-size: 14px; line-height: 14px; border: 2px solid #008261; color: #008261; box-shadow: none;}
.btn-tooltip:hover {background: #008261; color: #fff;}
.form-control, .form-control:focus {height: 46px; padding: 10px 15px; border: 2px solid transparent; color: #000; font-size: 16px; box-shadow: 0px 5px 7px rgba(0,0,0,0.1);}
.form-control:focus {border-color: #008261;}
.form-group {margin-bottom: 30px;}
.form-inline .form-control, .form-inline .form-control:focus, .form-inline .input-group .btn.btn-primary, .form-inline .input-group .btn.btn-primary:focus {border:0; box-shadow: none;}
.form-inline .btn {height: 46px;}
.has-error .form-control, .has-error .form-control:focus {padding-right: 50px; border-color: #ff0000 !important; background: url(../img/ico-form-error.svg) 100% 13px no-repeat #ffe3e3;}
.help-block {margin-bottom: -1em;}
.theme .help-block {color: #fff;}
.theme label {color: #fff;}
.theme .form-control:focus {border-color: transparent;}
.checkbox {margin: 20px 0 40px;}
.checkbox label {padding-left: 0;}


.tooltip {opacity: 1 !important;}
.tooltip-inner {max-width: 290px; padding: 25px 30px; text-align: left; background: #fff; color: #011b28; font-size: 14px; line-height: 1.5; font-family: 'Roboto', sans-serif; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.tooltip.top .tooltip-arrow {border-top-color: #fff;}

.cloud {position:relative; padding: 40px 50px; background: #fff; border-radius: 4px; box-shadow: 0 0 45px rgba(0,0,0,0.04);}
.theme .cloud h1 {margin: 0 0 1rem;}
.theme .cloud.cloud-calculator {padding-bottom: 50px; background: url(../img/bg-kalkulacka.jpg) 100% 100% no-repeat #fff;}
.cloud.cloud-small {padding: 30px 40px;}

.section, .theme.bottom, .theme.bottom .theme-inside {padding: 90px 0;}
.section-grey {background-color: #e9f4f2;}
.section.bg-screens {background: url(../img/bg-screens.jpg) 50% 65% no-repeat #EFF8F5;}
.section.bg-jiri-sedlacek {background: url(../img/bg-jiri-sedlacek.jpg) 50% 50% no-repeat #fff; background-size: auto 100%;}
.section.bg-calcs {background: url(../img/bg-calcs.jpg) 50% 50% no-repeat #f5faf9; background-size: 100% auto;}
.section.bg-calcs img {float: left; margin-bottom: 1rem; }

.person {margin-bottom: 50px; color: #7e878b;}
.person strong {color: #4b5052;}
.person img {float: left; margin-right: 25px;}
.quote {line-height: 2; color: #7e878b;}
.quote:after {display: block; height: 2px; width: 8px; margin-top: 60px; background: #20a1dd; content: '';}
.article-ico {float: left; margin-right: 15px;}

.calculator {margin-bottom: 80px; border: 2px solid #e4f2ef; border-radius: 4px; position:relative;}
.calculator:before {display: block; position: absolute; left: 50%; top:0; bottom:0; margin-left: -1px; width: 2px; background: #e4f2ef; content: ''; z-index:2;}
.calculator > .row {margin:0;}
.calculator .row > div {padding: 50px;}
.calculator .row > div:first-child {background: #f5faf9;}
.calculator label {padding-right: 25px; font-size: 16px; color: #000;}
.calculator label span {color: #666; font-weight: 400; font-size: 14px;}
.help-block, .calculator p {display: block; margin-bottom:0; color: #666; font-weight: 400;}
.help-block, .help-block span, .calculator p.help-block, .calculator p.help-block span  {font-size: 12px; font-weight: 400; color: #666;}
.help-block span, .calculator p span, .calculator p.help-block span {color: #000; font-weight: 500;}
.calculator .form-group {padding-bottom: 1.5rem; margin-bottom: 10px; border-bottom: 2px dotted #dbdcde;}
.calculator .form-group:last-of-type {border:0;}
.calculator p {font-size: 18px; font-weight: 700; color: #000;}
.calculator p span {font-size: 16px; color: #666; font-weight: 400;}
.calculator .form-control {height: 40px;}
.calculator .btn-tooltip {float: right; margin: 2px 0 0 -25px; width: 15px; height: 15px; font-size: 10px; line-height: 10px; padding-left: 1px;}
.calculator .btn-tooltip:hover {background: #008261a; color: #fff;}
.calculator .tooltip-inner {padding: 10px 15px; font-size: 12px;}
.calculator hr {margin: 15px 0; border-top: 2px dotted #dbdcde;}
.calculator .price {margin-bottom: 1.32rem;}
.calculator .price strong {padding: 0 5px; font-size: 22px;}
.calculator .price-green strong {color: #008261; background: #e9f6f3;}
.calculator .price-red strong {color: #d71c03; background: #fbecec;}
.calculator .collapse-values {display: block;}

.benefits {color: #011b28;}
.benefits img {background: #eff7f5; border-radius: 50%;}
.benefits h3 {font-size: 18px;}
.benefits p {margin-bottom: 60px; color: #000;}
.cloud .benefits img {margin-right: 30px;}
.cloud .benefits p {margin-bottom: 50px;}
.cloud .benefits p:last-child {margin-bottom: 30px;}
.label {border-radius:0; font-size: 13px;}
.label-danger {background: #ff5a4c;}

.footer {padding: 45px 0 35px; background: #008261; border-top: 2px solid #048e6d; color: #fff;}
.footer p {margin:0;}
.footer a {margin-left: 30px; color: #fff;}
.footer .logo-small {display: inline-block; margin-top: -12px; border-radius: 50%; box-shadow: 0px 3px 4px rgba(0,0,0,0.2);}

body.modal-open {width:100%!important; padding-right:0!important; overflow-y:scroll!important; position:fixed!important;}
.modal-content {padding: 40px 65px 50px; background: #f5faf9; box-shadow: none; border: 0;}
.modal-header {padding:0 0 30px; border-bottom: 2px solid #e4f2ef;}
.modal-header.noborder {border:0;}
.modal-header .close {float: none; width: 30px; height: 30px; position: absolute; right: 15px; top: 15px; background: url(../img/ico-close.svg) 50% 50% no-repeat; opacity:1;}
.modal-title {line-height: 1.15;}
.modal-body {padding:40px 0 0;}
.modal-body label {font-size: 16px;}
.modal-body .form-control {height: 50px; border-color: #eceded; box-shadow: 0px 5px 7px rgba(0,0,0,0.02);}
.modal-body .form-control:focus {border-color: #008261;}
.modal .btn {height: 50px; width: 100%;}

/*Check box*/
input[type="checkbox"]{position: absolute; right: 9000px;}
input[type="checkbox"] + .label-text:before{
	background: #fff;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 18px;
    height: 18px;
	display: inline-block;
	margin: 0 15px -2px 0;
    content:'';
    border-radius: 4px;
    box-shadow: 0px 5px 7px #dbddde;
}

.modal-body input[type="checkbox"] + .label-text:before {width: 20px; height: 20px; border: 2px solid #eceded; box-shadow: 0px 5px 7px rgba(0,0,0,0.02);}

input[type="checkbox"]:checked + .label-text:before{
	animation: effect 250ms ease-in;
    background: url(../img/checked.svg) 50% 50% #fff no-repeat;
}

input[type="checkbox"]:disabled + .label-text{
	color: #000;
}

input[type="checkbox"]:disabled + .label-text:before{
	color: #ccc;
}


/* RESPONSIVE */
@media (max-width: 1199px) {
    h1 {margin-top: 0;}
    .theme {background-size: 80% auto;}
    .theme-calc {background-size: 50% auto;}
    .theme .cloud h1 {font-size: 50px;}  
    .navbar .navbar-nav > li {padding-left: 8px; font-size: 15px;}
    .navbar .navbar-nav > li.tryout {margin-left: 8px;}
    .navbar .navbar-nav > li.tryout a {padding: 10px 15px;}
    .calculator .row > div {padding: 40px 50px;}
    .section.bg-screens {background-size: 140% auto;}
}

@media (max-width: 991px) {
    h1 span, h2 span {margin-bottom: 20px;}
    .navbar {height: auto; min-height: 120px; padding-top: 36px;}
    .navbar.smaller {height: auto; min-height: 70px;}
    .navbar .navbar-nav.pull-right {padding: 20px 0; float: none !important;}
    .navbar .navbar-nav > li {margin: 0; padding-left: 0; font-size: 15px;}
    .navbar .navbar-nav > li.login {padding-left: 5px;}
    .navbar .navbar-nav > li.tryout {padding-top: 15px;}
    .navbar .navbar-nav > li.tryout a {padding: 10px 15px; display: inline-block;}
    .navbar > .container {padding-left: 30px; padding-right: 30px;}
    .navbar > .container .navbar-brand {padding:0 20px 0 0; margin: 0 10px 0 0;}
    .navbar .navbar-collapse {position: static; background: #F5FAF9; box-shadow: none; max-height: 10000px !important;}
    .theme {padding: 140px 0 60px; background-size: 60% auto;}
    .theme .embed-responsive {margin-top: 50px;}
    .theme h2 {margin-bottom: 0.4em;}
    .theme .cloud {position: static;}
    .theme .cloud h1 {font-size: 40px;}
    .theme p.inter {margin-bottom: 30px;}
    .benefits p {margin-bottom: 40px;}
    .footer, .footer .text-right {text-align: center;}
    .aligner {padding: 0;} 
    .footer .logo-small {margin: 15px 0;}
    .quote:after {margin: 20px 0 50px;}
    .section, .theme.bottom .theme-inside {padding: 70px 0;}
    .cloud {position:relative; padding: 30px 50px;}
    .cloud.cloud-small {padding: 30px; margin-bottom: 15px;}
    .advisor .row {display: block;}
    .advisor .text-right {text-align: left;}
    .calculator .row > div {padding: 20px 30px;}
    .section.bg-screens {background-position: 50% 50%; background-size: 150% auto;}
}

@media (max-width: 767px) {
    h1, h2, .theme .cloud h1 {font-size: 32px;}
    h3 {font-size: 20px;}
    hr {margin: 30px 0;}
    .navbar {min-height: 70px; padding-top: 12px;}
    .navbar-brand img {height: 30px; margin-top: 8px;}
    .navbar .navbar-nav {margin:0 15px 0 0;}
    .video-thumb:after {width: 120px; height: 120px; margin: -60px 0 0 -60px;}
    .form-group {margin-bottom: 20px;}
    .modal-header {padding:0 0 10px;}
    .modal-header h2 {font-size: 30px;}
    .modal-content {padding: 10px 20px 30px;}
    .checkbox {margin: 10px 0 20px;}
    .theme {padding-top: 100px;}
    .theme.bottom {margin:0;}
    .theme .cloud.cloud-author, .theme.bottom .theme-inside, .section.bg-screens, .section.bg-jiri-sedlacek, .theme .cloud.cloud-calculator {background-image:none;}
    .deco-woman {height: 300px;}
    .form-inline .input-group {width: 100%;}
    .benefits {margin-bottom: 30px;}
    .section, .theme.bottom .theme-inside {padding: 50px 0;}
    .cloud, .cloud.cloud-small {position:relative; padding: 20px;}
    .cloud.cloud-small .row {display: block;}
    .cloud.cloud-small .text-center {text-align: left; margin-bottom: 20px;}
    .theme .cloud.cloud-calculator {padding-bottom: 20px;}
    .advisor {margin-top: 10px; padding: 30px 20px;}
    .calculator .row > div {padding: 15px 20px;}
    .calculator .row > div:first-child {border-bottom: 2px solid #e4f2ef;}
    .calculator:before {display: none;}
    .calculator .collapse-values {display: none;}
    .calculator .collapse-values.in, .calculator .collapse-values.collapsing {display: block;}
    .theme.bottom {padding: 50px 0;}
    .footer a {margin-left: 15px; margin-right: 15px;}
}