/* Basic edit stylesheet */

.no-scroll {
    overflow: hidden;
}

.clear {
    clear: both;
}

body {
    font-family: MontserratLight, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: left;
}

footer br {
    display: block;
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}

input#city {
    margin-left: 0;
    width: 100%;    
}

.alignleft {
    text-align: left;
}

.buttons-centered {
    text-align: center;
}

.buttons-centered .btn,
.calculator.left-button .buttons-centered .btn{
    float: none;
    display: inline-block;
}

.no-min-height {
    min-height: 0;
}

.video-frame {
    position: relative;
    padding-bottom: 56%; 
    height: 0;
    overflow: hidden;
    margin: 0 0 40px 0;
}

.video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}

header nav li a {
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
}

header nav.desktop li a.back-to-main {
    border: 2px solid #ff5f48;
    color: #ff5f48;
    border-radius: 20px;
    padding: 0 18px;    
}

header nav.desktop li a.back-to-main:hover {
    color: #ffffff;
}

.calculator {
    background-size: cover;
}

.calculator .price {
    padding-top: 10px;
    padding-bottom: 10px;
}

.calculator .regulatin-box-button {
    font-size: 16px;
}

.calculator .regulatin-box-button.btn-ghost {
    background: transparent;
    border: 2px solid #fff;
}

.calculator .regulatin-box-button.btn-ghost:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #ff5f48;    
}

.calculator .price-month {
    background: url(../img/calculator-price-month-icon.png) left center no-repeat;   
    background-size: 21px 29px;
}

#reference .col3:first-child {
    margin-left: 0;
}

#reference h3 {
    font-family: MontserratLight;
    font-size: 30px;
    margin-bottom: 35px;
}

.install-info-data {
    background: url(../img/icon-data-view.svg) left center no-repeat;  
    padding-left: 63px;
    margin-top: 10px;
}

.work-box {
    color: #707070;
    text-decoration: none;
    margin: 0 0 40px 0;
    text-align: center;
    display: block;
    cursor: pointer;
}

.work-box-img {
    position: relative;
    margin: 0 0 10px 0;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}

.certificate-box .work-box-img {
    box-shadow: 0 0 10px 0 rgba(29, 29, 27, .2);   
}

.work-box-img img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;  
    margin: 0 auto;
    display: block;
}

.work-box-img span {
    padding: 0;
    margin: 0;
    transition: background-color .3s ease;
}

.work-box-title {
    font-size: 14px;
    font-family: MontserratRegular;
    text-decoration: underline;
    display: block;
}

.work-box:hover .work-box-img span {
    background-color: rgba(255, 95, 72, 0.8);
    background-image: url(../img/icon-detail.svg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;    
}

.work-box:hover {
    color: #1d1d1b;
    text-decoration: none;
}

.regulation-box {
    background: #f7f8f8;
    text-decoration: none;
    padding: 0;
    margin: 20px 0;    
    display: block;    
    border: 2px solid #f7f8f8;    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    border-radius: 4px;  
    transition: all .3s ease;
    position: relative;
}

a.regulation-box:hover {
    text-decoration: none;
    border: 2px solid #ff5f48;   
    box-shadow: 0 0 10px 0 rgba(29, 29, 27, .2);       
}

a.regulation-box:focus {
    text-decoration: none;    
}

.regulation-box-number {
    position: absolute;
    border-radius: 50%;
    background-color: #ff5f48;
    width: 40px;
    height: 40px;
    font-family: MontserratBold;    
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    top: -7px;
    left: -10px;    
}

.regulation-box-label {
    background: rgba(0, 0, 0, 0.6);
    font-family: MontserratRegular; 
    line-height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    padding: 6px 12px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 20px;
    display: block;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;      
}

.regulation-box-img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.regulation-box-title {
    font-family: MontserratSemiBold;    
    line-height: 18px;
    font-size: 14px;
    color: #1d1d1b;  
    text-align: left;    
    padding: 0 20px;
    margin: 0 0 14px 0;
    display: block;
}

.regulation-block-p {
    line-height: 22px;
    color: #707070;
    font-size: 14px;
    font-family: MontserratRegular;
    text-align: center;    
    padding: 0 20px;
    margin: 0 0 10px 0;
    display: block;    
}

.regulation-block-p-price-title {
    font-family: MontserratLight; 
    margin-bottom: 5px;
}

.regulation-block-p-price-notax {
    font-size: 20px;
    color: #ff5f48;
    font-family: MontserratBold;  
    margin-bottom: 10px;
}

.regulation-block-p-price-tax {
    margin-bottom: 30px;
}

.regulation-block-ul {
    padding: 0 20px;
    margin: 0 0 30px 0;
    display: block;
}

.regulation-block-li {
    background: url(../img/list-item.svg) left 5px no-repeat;
    line-height: 18px;
    color: #707070;
    font-size: 14px;
    font-family: MontserratRegular;
    text-align: left;
    list-style-type: decimal;
    padding: 0 0 0 18px;
    margin: 0 0 6px 0;
    display: block;
}

.regulation-box-button-wrapper {
    padding: 0 20px;
    box-sizing: border-box;    
    text-align: center;
    display: block;
}

.regulatin-box-button,
.sec-6 .btn-small {
    width: auto;
    line-height: 60px;
    height: 60px;
    color: #fff;
    background-color: #ff5f48;
    border-color: #ff492f;   
    padding: 0 24px;
    margin: 0 0 18px 0;
    box-sizing: border-box;
    transition: all .3s ease;    
}

.regulatin-box-button:hover,
.regulatin-box-button:focus,
.sec-6 .btn-small:hover,
.sec-6 .btn-small:focus {
    background-color: #1f201d;
    color: #fff;
}

.sec-6 .btn-small {
    margin-top: 20px;
    font-size: 16px;
}

.popup {
    background: rgba(29, 29, 27, .88);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    overflow: auto;
}

.popup.active {
    display: block;
}

.popup-container {
    padding: 20px 20px;
}

.popup-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    z-index: 1000;
}

.popup-close img {
    display: block;
}

.popup-previous,
.popup-next {
    background: rgba(29, 29, 27, .7);
    width: auto;
    font-size: 14px;
    font-family: MontserratRegular;
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 50%;
    padding: 8px 16px;
    margin: -21px 0 0 0;
    display: inline-block;
    transition: all .3s ease;    
}

.popup-previous:hover,
.popup-next:hover,
.popup-previous:focus,
.popup-next:focus {
    background: rgba(29, 29, 27, .9);
    color: #fff;
}

.popup-previous {
    left: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;    
}

.popup-next {
    right: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;    
}

.popup-box {
    background: #fff;
    max-width: 1260px;
    margin: 0 auto; 
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    position: relative;
}

.popup-box-image {
    position: relative;
}

.popup-box-image img {
    max-width: 100%;
    height: auto;
}

.popup-box-desc {
    padding: 40px;
    display: block;
}

.popup-box-desc h1,
.popup-box-desc h2,
.popup-box-desc h3,
.popup-box-desc h4,
.popup-box-desc h5,
.popup-box-desc h6 {
    line-height: 28px;
    font-family: MontserratBold;    
    font-size: 24px; 
    color: #ff5f48;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;
}

.popup-box-desc ul {
    font-family: MontserratRegular;
    line-height: 18px;
    font-size: 14px;
    color: #707070;
    text-align: left;
    list-style-type: none;
    padding: 0;
}

.popup-box-desc ul li {
    border-bottom: 1px solid #eaebed;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    display: block;
}

.popup-box-desc ul li span {
    color: #1d1d1b;
}

.content-img-responsive {
    max-width: 100%;
    height: auto;
}

#telefon {
    background: #1d1d1b;
}

.contact-person {
    background: transparent;
    min-height: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.contact-person:first-child {
    border-top: none;
}

.contact-person .person {
    margin: 0;
    min-width: 100%;
    float: left;
}

.contact-person .person img {
    width: 60px;
    height: 60px;
    margin: 0;
    float: none;  
    border-radius: 50%;
}

.contact-person .person p {
    float: none;
}

.contact-person .person,
.contact-phone,
.contact-email {
    margin: 0;
    display: block;
}

.contact-phone-item,
.contact-email-item,
.contact-phone-item:hover,
.contact-email-item:hover,
.contact-phone-item:focus,
.contact-email-item:focus {
    color: #ffffff;
}

.contact-phone-item:focus,
.contact-email-item:focus {
    text-decoration: none;
}

.contact-phone-label.green-line-label,
.contact-phone-item.green-line-item {
    color: #8bc33b;
}

.contact-phone-label,
.contact-email-label {
    font-size: 14px;
    color: #707070;
    font-family: MontserratRegular;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 0;
    margin: 0;    
    display: block;
}

.contact-phone-item,
.contact-email-item {
    line-height: 30px;
    font-size: 22px;
    color: #fff;
    text-decoration: underline;
    font-family: MontserratLight;
    padding: 0;
    margin: 0;    
    text-decoration: none;
    display: block;
}

#zpusoby-regulace.text-content {
    padding-bottom: 0; 
}

#sample-offer-intro {
    background: rgb(247,248,244);
    background: -moz-linear-gradient(top,  rgba(247,248,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,248,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,248,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f4', endColorstr='#ffffff',GradientType=0 );
    min-height: 0;
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 0;    
    position: relative;    
}

#sample-offer-intro h1 {
    max-width: 100%;
    color: #1d1d1b;
    text-align: center;    
    text-shadow: none;
}

#sample-offer-intro h2 {
    color: #ff5f48;
}

#sample-offer-energy {
    background: rgb(247,248,244);
    background: -moz-linear-gradient(top,  rgba(247,248,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,248,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,248,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f4', endColorstr='#ffffff',GradientType=0 );
    min-height: 0;    
    padding-top: 30px;
    padding-bottom: 30px;    
    margin-top: 0;
    margin-bottom: 0;
    position: relative;      
}

#termostat-intro,
#developer-intro,
#carbon-kit-intro,
#nest-intro {
    background: rgb(247,248,244);
    background: -moz-linear-gradient(top,  rgba(247,248,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,248,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,248,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f4', endColorstr='#ffffff',GradientType=0 );
    min-height: 540px;
    padding-top: 40px;
    position: relative;
}

#developer-intro,
#carbon-kit-intro,
#nest-intro {
    min-height: 0;
    padding-bottom: 0;
}

#developer-intro.claim,
#nest-intro {
    margin-top: 10;
}

.claim .red {
    color: #ff5f48;
}

.claim .grey {
    color: #707070;
}

@media screen and (min-width: 1080px) {
    
    .claim .grey-button {
        background: #ffffff;
        padding: 0 14.5px;
        border-radius: 25px;
        box-shadow: 0 0 10px 0 rgba(29,29,27,.2);       
    }    
}

#termostat-intro:before {
    content: "";
    background-image: url(../img/intro-bg-termostat.png);
    background-size: 480px 180px;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
}

#termostat-intro h1,
#developer-intro h1,
#carbon-kit-intro h1,
#nest-intro h1 {
    max-width: 100%;
    color: #1d1d1b;
    text-align: center;    
    text-shadow: none;
}

#carbon-kit-intro h2 {
    text-align: center;
}

#developer-intro .references-info,
#nest-intro .references-info {
    text-align: center;    
}

#termostat-intro .btn,
#developer-intro .btn,
#carbon-kit-intro .btn,
#nest-intro .btn {
    float: none;
}

#lcd-termostat,
#lcd-termostat-info {
    text-align: left;
}

#lcd-termostat h2 {
    text-align: center;
    margin-bottom: 35px;
}

#lcd-termostat h2.alignleft {
    text-align: left;
}

.lcd-termostat-text,
#lcd-termostat .top {
    color: #ffffff;
    opacity: 0.75;
}

#lcd-termostat .top {
    font-size: 25px;
    line-height: 36px;
    margin-bottom: 40px;
    font-family: MontserratLight;    
}

.lang-set {
    background: rgba(0, 0, 0, 0.8);
    line-height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 1;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;    
}

.lang-set-item {
    font-size: 15px;
    color: #ffffff;
    font-family: MontserratSemiBold;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 20px 10px 50px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.lang-set-item.german {
    background: url(../img/flag-german.png) 10px center no-repeat;
}

.lang-set-item.english {
    background: url(../img/flag-english.png) 10px center no-repeat;
}

.lang-set-item.czech {
    background: url(../img/flag-czech.png) 10px center no-repeat;
}

.lang-set-item:first-child {
    border-left: none;
}

.lang-set-item:hover,
.lang-set-item:focus {
    color: #ffffff;
}

.light-bg {
    background-color: #ffffff;
}

.dark-bg {
    background-color: #1d1d1b;
    background: url(../img/bg-calculator.jpg) no-repeat;
    background-size: cover;
}

.red-bg {
    background-color: #ff5f48;
}

.dark-bg h2,
.red-bg h2 {
    color: #ffffff;
}

.dark-bg ul,
.red-bg ul {
    color: #ffffff;    
}

.dark-bg p,
.red-bg p {
    color: #ffffff;
}

.red-bg a {
    color: #ffffff;
    text-decoration: underline;
}

.align-left {
    text-align: left;
}

.content-list {
    font-family: MontserratLight;
    line-height: 27px;
    font-size: 20px;
    color: #707070;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;    
}

.content-list-margin-bottom {
    margin-bottom: 30px;
}

.content-list li {
    background-image: url(../img/icon-benefit-li.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 42px;
    margin: 0 0 10px 0;
    text-align: left;    
}

.content-list-white li {
    background-image: url(../img/icon-benefit-li-white.png);     
}

.content-list a {
    color: #707070;
    text-decoration: underline;
}

.content-list a:hover {
    text-decoration: none;
}

.content-list-dark a {
    color: #ffffff;
}

.content-list-decimal {
    list-style: decimal;
}

.content-list-decimal li {
    padding-left: 20px;
}

.references-info {
    line-height: 1.5;
}

.developer-work-title {
    font-family: MontserratBold;
    line-height: 27px;
    font-size: 20px;   
    color: #1d1d1b;
    margin: 20px 0 6px 0;
    text-align: left;
}

.developer-work-subtitle {
    font-family: MontserratLight;
    line-height: 27px;
    font-size: 20px;   
    margin: 0 0 30px 0;
    text-align: left;    
}

.guarantee-title,
.text-content .guarantee-title {
    background-image: url(../img/icon-warranty.svg);
    background-size: 32px 48px;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding-left: 52px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.guarantee-title strong,
.text-content .guarantee-title strong {
    font-family: MontserratSemiBold;    
}

#showroom-info {
    background-color: #ffffff;
}

.footer-showroom-logo {
    margin-bottom: 20px;
    display: block;
}

.footer-showroom-title {
    line-height: 34px;
    font-size: 25px;
    color: #1d1d1b;
    font-family: MontserratRegular;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left; 
    display: block;
}

.footer-showroom-subtitle {
    font-family: MontserratLight;
    line-height: 23px;
    font-size: 16px;
    color: #707070;
    padding: 0;
    margin: 0;
}

.footer-showroom-subtitle a {
    text-decoration: underline;
}

.footer-showroom-subtitle a:hover {
    text-decoration: none;
}

.chart-desc {
    padding-top: 12px;
    margin-bottom: 0;
}

.sec-2 .value-50 {
    width: 50%;
}

.sec-2 .value-100 {
    width: 100%;
}

.layers ul li {
    text-align: left;
}

.layers h4 {
    text-align: left;
}

.layers .img-7 {
    position: relative;
    margin-top: -65px;
    margin-left: 35px;
    z-index: 830;
}

.layers .img-8 {
    position: relative;
    margin-top: -65px;
    margin-left: 35px;
    z-index: 820;
}

.owninstall-columns {
    text-align: left;
}

.owninstall-columns .col-primary:first-child {
    margin-bottom: 76px;
}

.owninstall-columns .carbon-kit-buy-logo {
    margin: 0 15px 15px 0;
}

.owninstall-columns .carbon-kit-info,
.owninstall-info {
    font-family: MontserratLight;
    line-height: 22px;
    font-size: 16px;
    color: #707070;
    padding: 0;
    margin: 0 0 30px 0;  
    text-align: left;
}

.owninstall-info {
    line-height: 1.5;
    margin-bottom: 20px;
}

.owninstall-columns .carbon-kit-buy-title {
    border-top: 1px solid #eaebed;
    padding-top: 20px;
    line-height: 19px;
    font-size: 16px;   
    margin-bottom: 20px;
}

.owninstall-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.uf-products {
    padding-top: 20px;
    display: flex;    
    flex-wrap: wrap;
}

.uf-product-box {
    background: #ffffff;
    text-align: left;
    border-radius: 4px;  
    margin-bottom: 40px;
    box-shadow: 0 0 10px 0 rgba(29,29,27,.2);    
}

.uf-product-box-container {
    padding: 10px 40px 40px 40px; 
	/*height:820px;*/
	/*min-height: 850px;*/
	/*max-height: 950px;*/
}

.uf-product-box-image-container {
    text-align: center;
}

.uf-product-box img {
    width: 100%;
    max-width: 264px;
    height: auto;
    display: inline-block;
    margin: 0;
}

.uf-product-box .uf-product-text {
    font-size: 14px;
}

.uf-product-box .content-title {
    font-size: 20px;
    margin-bottom: 0;
}

.layers-small-padding {
    padding-top: 20px;
}

.no-underline:hover {
    text-decoration: none;
}

@media screen and (min-width: 640px) {
    
    .uf-product-box {
        width: 47%;
        margin-left: 6%;
        float: left;
    }
    
    .uf-product-box:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }
}

.product-table-wrapper {
    background: #ffffff; 
    padding: 10px 10px 0 10px;
    border-radius: 4px;
}

.product-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: left;
    margin: 0 0 40px 0;
    table-layout: fixed;
}

.product-table tr {
    border-bottom: 1px solid #eeeeee;
}

.product-table tr:last-child,
.product-table tr.last-child {
    border-bottom: none;
}

.product-table th, 
.product-table td {
    font-family: MontserratLight;
    font-size: 16px;
    line-height: 1.25;
    padding: 10px 10px 10px 0;
}

.product-table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-table td img {
    margin-right: 10px;
}

.product-table th {
    color: #1d1d1b;
}

.product-table input {
    width: 100%;
}

.product-table a {
    color: #707070;
}

.product-table-count {
    width: 38%;
}

.product-table select {
    background: #ffffff;
    width: 100%;
    line-height: 48px;
    font-size: 14px;
    height: 48px;
    font-family: MontserratLight;
    color: #1d1d1b;
    border: 1px solid #b5b5b5;
    text-indent: 10px;
    padding: 0;
}

.product-table .input-meters {
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 460px) { 
    
    .product-table-count {
        width: 30%;
    }    
}

@media screen and (min-width: 760px) {
    
    #telefon {
        background: #1d1d1b url(../img/bg-calculator.jpg) no-repeat;
        background-size: cover;    
    }    
    
    .contact-person {
        text-align: left;
    }    
    
    .contact-person .person {
        min-width: 50%;
    }    
    
    .contact-person .person img {
        width: 100px;
        height: 100px;    
    }
    
    .contact-person .person img,
    .contact-person .person p {
        float: left;    
    } 

    .product-table-wrapper {
        padding: 10px 20px 0 20px;
    }    
    
    .product-table-count {
        width: 20%;
    }    
    
    .product-table-product {
        width: 60%;
    }
}

.order-price {
    font-family: MontserratLight;
    font-size: 25px;
    color: #909090;
    text-align: right;
}

.order-price strong {
    font-family: MontserratRegular;
    color: #1d1d1b;
}

input#street {
    margin-left: 0;
}
    
.carbon-kit-logo-url {
    border-bottom: 2px solid #1d1d1b;  
    display: inline-block;
    padding: 0 0 6px 0;
    margin: 0 0 8px 0;   
}
    
.carbon-kit-logo-url:hover {
    border-bottom: 2px solid transparent;
}

.carbon-kit-columns {
    text-align: left;
}

.carbon-kit-columns .col2:first-child {
    border-bottom: 1px solid #eaebed;
    padding-bottom: 30px;
    margin-bottom: 30px;    
}

.carbon-kit-buy-title {
    font-family: MontserratSemiBold;
    line-height: 19px;
    font-size: 16px;
    color: #707070;
    text-align: left;
    display: block;
    margin-bottom: 20px;
}

.carbon-kit-buy-logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 30px 0;
    position: relative;
}

.carbon-kit-buy-logo span {
    font-family: MontserratLight;
    line-height: 1.5px;
    font-size: 14px;
    color: #707070;
    text-align: center;
    display: block;  
    padding: 20px 0 0 0;
    position: absolute;
    left: 0;
    top: 50px;
}

.carbon-kit-size-lenght-table {
    font-size: 0;
    text-align: left;
    margin-bottom: 10px;
}

.carbon-kit-size-lenght-table span {
    background-color: #D3B480;
    background: -moz-linear-gradient(left, rgba(237,208,160,1) 0%, rgba(211,180,128,1) 100%);
    background: -webkit-linear-gradient(left, rgba(237,208,160,1) 0%, rgba(211,180,128,1) 100%);
    background: linear-gradient(to right, rgba(237,208,160,1) 0%, rgba(211,180,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd0a0', endColorstr='#d3b480',GradientType=1 );
    width: auto;
    line-height: 14px;
    font-size: 12px;
    font-family: MontserratSemiBold;    
    color: #1D1D1B;
    padding: 8px 0 8px 4px;
    display: block;
    vertical-align: top;
    text-align: left;
    margin-bottom: 1px;
}

.carbon-kit-size-lenght-table span.cke {
    background: rgb(77,77,75);
    background: -moz-linear-gradient(left,  rgba(77,77,75,1) 0%, rgba(29,29,27,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(77,77,75,1) 0%,rgba(29,29,27,1) 100%);
    background: linear-gradient(to right,  rgba(77,77,75,1) 0%,rgba(29,29,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4b', endColorstr='#1d1d1b',GradientType=1 );
    color: #ffffff;
}

.carbon-kit-size-lenght-table span.ck-80 {
    width: 23px;
    border-left: none;
}

.carbon-kit-size-lenght-table span.cke-160 {width: 46px;}
.carbon-kit-size-lenght-table span.cke-200 {width: 58px;}
.carbon-kit-size-lenght-table span.cke-260 {width: 75px;}
.carbon-kit-size-lenght-table span.cke-300 {width: 87px;}
.carbon-kit-size-lenght-table span.cke-360 {width: 104px;}
.carbon-kit-size-lenght-table span.cke-400 {width: 117px;}
.carbon-kit-size-lenght-table span.cke-500 {width: 145px;}
.carbon-kit-size-lenght-table span.cke-600 {width: 174px;}
.carbon-kit-size-lenght-table span.cke-800 {width: 234px;}
.carbon-kit-size-lenght-table span.cke-1000 {width: 290px;}

.carbon-kit-size-lenght-table span.ck-120 {width: 35px;}
.carbon-kit-size-lenght-table span.ck-160 {width: 46px;}
.carbon-kit-size-lenght-table span.ck-200 {width: 58px;}
.carbon-kit-size-lenght-table span.ck-240 {width: 70px;}
.carbon-kit-size-lenght-table span.ck-300 {width: 74px;}
.carbon-kit-size-lenght-table span.ck-340 {width: 98px;}
.carbon-kit-size-lenght-table span.ck-400 {width: 117px;}
.carbon-kit-size-lenght-table span.ck-440 {width: 128px;}
.carbon-kit-size-lenght-table span.ck-500 {width: 145px;}

@media screen and (min-width: 1060px) {
   
    .carbon-kit-size-lenght-table span {
        padding-left: 10px;
    }   
    
    .carbon-kit-size-lenght-table span.cke-160 {width: 69px;}
    .carbon-kit-size-lenght-table span.cke-200 {width: 87px;}
    .carbon-kit-size-lenght-table span.cke-260 {width: 113px;}
    .carbon-kit-size-lenght-table span.cke-300 {width: 131px;}
    .carbon-kit-size-lenght-table span.cke-360 {width: 156px;}
    .carbon-kit-size-lenght-table span.cke-400 {width: 176px;}
    .carbon-kit-size-lenght-table span.cke-500 {width: 218px;}
    .carbon-kit-size-lenght-table span.cke-600 {width: 261px;}
    .carbon-kit-size-lenght-table span.cke-800 {width: 351px;}
    .carbon-kit-size-lenght-table span.cke-1000 {width: 435px;}

    .carbon-kit-size-lenght-table span.ck-80 {width: 35px;}    
    .carbon-kit-size-lenght-table span.ck-120 {width: 53px;}
    .carbon-kit-size-lenght-table span.ck-160 {width: 69px;}
    .carbon-kit-size-lenght-table span.ck-200 {width: 87px;}
    .carbon-kit-size-lenght-table span.ck-240 {width: 105px;}
    .carbon-kit-size-lenght-table span.ck-300 {width: 111px;}
    .carbon-kit-size-lenght-table span.ck-340 {width: 147px;}
    .carbon-kit-size-lenght-table span.ck-400 {width: 176px;}
    .carbon-kit-size-lenght-table span.ck-440 {width: 192px;}
    .carbon-kit-size-lenght-table span.ck-500 {width: 218px;}    
    
}

.compare-items {
    font-size: 0;
}

.compare-item {
    display: inline-block;
    margin: 0 20px 0 0;    
}

.compare-item img {
    display: block;
    margin: 0 0 12px 0;
    border-radius: 4px;
}

.compare-item span {
    font-family: MontserratLight;
    line-height: 19px;
    font-size: 16px;
    color: #707070;
    text-align: left;
    display: block;
    margin-bottom: 24px;   
}

@media screen and (max-width: 1060px) {
    
    .sec-2 .dev-bar-chart .column .graph b {
        font-size: 12px;
    }  
    
    hr.mobile-small {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .showroom-images {
        padding-top: 30px;
    }
}

@media screen and (min-width: 1060px) {
    
    .lang-set {
        top: 60px;
    }
         
    .compare-chart {
        text-align: right;
    }
    
    .compare-chart-left {
        text-align: left;
    }   

    .sec-2 .value {
        width: auto;
        margin-right: 20px;
    }    
    
    .sec-2 h3.developer-chart-title {
        margin-top: 80px;
    }    
    
    #termostat-intro,
    #developer-intro,
    #carbon-kit-intro,
    #nest-intro {
        padding-top: 30px;
    }    
    
    #developer-intro,
    #carbon-kit-intro {
        padding-bottom: 60px;
    }    
}

@media screen and (min-width: 760px) {

    #sample-offer-intro {
        padding-top: 60px;     
    }
    
    #sample-offer-energy {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    #termostat-intro {
        padding-top: 60px;   
        min-height: 700px;
    }
    
    #termostat-intro:before {
        background-size: 960px 360px;    
    }
}

.order-info {
    padding-top: 10px;
}

.order-table {
    width: 100%;
    font-family: MontserratLight; 
    font-size: 14px;
    text-align: left;
    table-layout: fixed;
    padding: 0;
    margin: 0 0 40px 0;
    display: block;
}

.order-table thead,
.order-table tbody {
    width: 100%;
}

.order-table tr {
    width: 100%;
    border-bottom: 1px solid #EAEBEF;
}

.order-table th {
    color: #1d1d1b;
}

.order-table th,
.order-table td {
    padding: 10px;
    width: 30%;
}

.content-table {
    width: 100%;
    font-family: MontserratLight;
    font-size: 14px;
    text-align: left;
    padding: 0;
    margin: 0 0 40px 0;
    overflow-x: auto;
    display: block;
}

.content-table thead,
.content-table tbody {
    width: 100%;
}

.content-table tr {
    width: 100%;
    border-bottom: 1px solid #EAEBEF;
}

.content-table th {
    color: #1d1d1b;
}

.content-table th,
.content-table td {
    padding: 10px 40px 10px 0;
}

.select-item {
    background-color: #ffffff;
    width: 100%;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    font-family: MontserratRegular;    
    color: #1d1d1b;
    text-indent: 10px;
}

.cols-termostat-info .btn {
    padding: 0 43px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;    
}

.termostat-info-list {
    max-width: 380px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 30px !important;
}

.lcd-termostat-price {
    font-family: MontserratLight;  
    line-height: 24px;
    font-size: 18px;
    color: #909090;
    padding: 0;
    margin: 0 0 30px 0;
}

.lcd-termostat-price strong {
    font-family: MontserratRegular;    
    color: #1d1d1b;
}

.product-gallery img {
    width: 100%;
    height: auto;
}

.order-recap {
    text-align: right;
    display: block;
}

.order-recap-total {
    font-family: MontserratLight;   
    font-size: 24px;
}

.order-recap-total strong {
    font-family: MontserratRegular;    
    color: #ff5f48;
}

.madein {
    color: #1d1d1b;
}

#form-status {
    max-width: 600px;
    text-align: left;
}

#form-status-send {
    text-align: left;    
}

#form-status br,
#form-status-send br {
    display: block;
}

.text.termostat-input.ulice {
    margin-left: 0;
}

.buy-count-selected {
    border: 1px solid #FF5F47;
    color: #FF5F47;
}

h2.main-title {
    margin-bottom: 0;
}

h3.sub-title {
    margin-top: 0;
    margin-bottom: 35px;
}

.sub-title.red {
    color: #ff5f48;
}

footer .footer-logo {
    margin-bottom: 20px;
    display: block;
}

.footer .first {
    margin-bottom: 0;
}

footer .larx {
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.work-info-container {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.sec-2 .value .point-yellow {background:#e3b65a;background:linear-gradient(180deg,#e3b65a 0,#f2ce84 100%) !important;}
.sec-2 .value .point-green {background:#13888c;background:linear-gradient(180deg,#13888c 0,#2fb8bd 100%) !important;}
.sec-2 .value .point-red {background:#d31442;background:linear-gradient(180deg,#d31442 0,#ff5f48 100%) !important;}

.sec-2 .value .num-type {
    font-size: 14px;
    line-height: 16px;
}

#bx-wrapper,
.bx-viewport,
#bx-wrapper .item {
    height: 700px;
}

.claim {
    padding-top: 64px;
}

.cta-subtitle {
    font-family: MontserratLight;
    line-height: 28px;
    font-size: 24px;
    color: #FFFFFF;
    text-align: left;
    margin: 0 0 20px 0;
    display: block;
}

.claim .btn.btn-signpost {
    height: auto;
    line-height: 24px;
    padding: 6px 24px;
    text-align: left;
}

.claim .btn.btn-signpost:hover,
.claim .btn.btn-signpost:hover span {    
    background-color: #ff5f48;
    color: #ffffff;
    text-decoration: underline;
}

.claim .btn.btn-signpost-green:hover,
.claim .btn.btn-signpost-green:hover span {
    background-color: #13888C;    
    color: #ffffff;
    text-decoration: underline;
}

.claim .btn.btn-signpost-yellow:hover,
.claim .btn.btn-signpost-yellow:hover span {
    background-color: #E3B65A;    
    color: #ffffff;
    text-decoration: underline;
}

.claim .btn.btn-signpost-green {
    background-color: #13888C;
}

.claim .btn.btn-signpost-yellow {
    background-color: #E3B65A;
}

.claim .btn.btn-signpost span {
    color: #FFD2CC;
}

.claim .btn.btn-signpost-green span {
    color: #BDDDDE;
}

.claim .btn.btn-signpost-yellow span {
    color: #FFF7E7;
}

.text-content .price-dark-bold {
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-content .price-dark-bold {
    float: left;
    font-size: 25px;
    color: #1d1d1b;
    font-family: MontserratBold;
    background: url(../img/calculator-price-icon.png) left center no-repeat;
    background-size: 21px 29px;
    padding-left: 51px;
    line-height: 40px;
    margin: 0;  
    text-align: left;
 }         

.text-content .price-other-info {
    float: left;
    font-size: 25px;
    color: #1d1d1b;
    font-family: MontserratLight;
    padding-left: 51px;
    line-height: 30px;
    margin: 0;    
    text-align: left;    
}
        
.text-content .likeit {
    color: #909090;
    font-size: 18px;
    font-family: MontserratLight;
    float: left;
    clear: both;
    margin-left: 53px;  
    text-align: left;    
}  

.dev-chart-desc {
    padding-top: 0;
}

.dev-chart-graph {
    padding-top: 0;
    padding-bottom: 0;
}

.title-spec {
    margin-top: 10px;
}

#home-equipment .col4 {
    text-align: center;
}

#home-equipment .col4 img {
    max-width: 100%;
    height: auto;
}

.home-equipment-cols {
    margin-bottom: 30px;
}

#mobile-app {
    position: relative;
}

.mobile-app-img {
    margin-top: 60px;
    margin-bottom: 30px;
    margin-left: 30px;
}

#mobile-slideshow {
    position: relative;
    min-height: 461px;
}

#mobile-slideshow > div {
  position: absolute;
}

#mobile-slideshow:before {
    content: "";
    background: url(../img/iphone-x-frame.png) 0 0 no-repeat;
    width: 316px;
    height: 534px;
    position: absolute;
    left: -45px;
    top: -14px;
    z-index: 800;    
}

.developer-charts {
    text-align: center;
}

.developer-charts img {
    margin-bottom: 40px;
    display: inline-block;
}

.developer-cert img {
    max-width: 120px;
    margin: 0 30px 10px 0;
    float: left;
}

.developer-cert-title {
    font-family: MontserratRegular;
    line-height: 27px;
    font-size: 20px;
    color: #1d1d1b;
    text-align: left;    
    margin: 0 0 10px 0;
}

.product-box-wrapper {
    padding: 20px 40px;
    display: inline-block;
}

.product-box-wrapper .lcd-termostat-price {
    margin-bottom: 16px;
}

.lcd-term-title {
    font-family: MontserratRegular;
    line-height: 27px;
    font-size: 20px;
    color: #1d1d1b;   
    margin: 0 0 10px 0;    
}

.developer-cert-text {
    font-family: MontserratLight;
    line-height: 27px;
    font-size: 20px;
    text-align: left;
}

.top-border {
    border-top: 1px solid #eaebed;
}

.bottom-border {
    border-bottom: 1px solid #eaebed;    
}

header nav.mobile .nav-wrapper {
    width: 260px;
}

header nav.mobile .nav-wrapper li a {
    height: auto;
    line-height: 20px;
    padding: 20px 30px;
}

.our-work-row {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eaebed;
}

.our-work {
    padding: 20px 0 0 0;
}

.our-work-thumb {
    border-radius: 4px;
}

.our-work-title {
    line-height: 28px;
    font-family: MontserratBold;
    font-size: 24px;
    color: #1d1d1b;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;    
}

.our-work-list {
    font-family: MontserratRegular;
    line-height: 18px;
    font-size: 14px;
    color: #707070;
    text-align: left;
    list-style-type: none;
    padding: 0;
}

.our-work-list li {
    border-bottom: 1px solid #eaebed;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    display: block;
}    

.our-work-list li span {
    color: #1d1d1b;
}  

#slideshow,
#slideshow2 {
    width: 480px;
    height: 300px;
    position: relative;
    display: block;
    float: right;
}

#slideshow > div,
#slideshow2 > div {
  position: absolute;
  top: 0;
  left: 0;
} 

#slideshow img,
#slideshow2 img {
    border-radius: 4px;
}

@media screen and (max-width: 1080px) {
   
    #slideshow,
    #slideshow2 {
        float: left;
    }
}

@media screen and (max-width: 504px) {
   
    #slideshow,
    #slideshow2 {
        width: 100%;
        height: 280;
    }
}

#call-to-action-button.btn-reverse-hover:hover {
    background-color: #1d1d1b;
    color: #ffffff;
}

#carbon-kit-intro .carbon-kit-logo {
    margin-bottom: 10px;
}

.carbon-kit-promo {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
}

.carbon-kit-size {
    border-bottom: 1px solid #eaebed;
    margin: 0 0 30px 0;
    display: block;
}

.carbon-kit-size br {
    display: block;
}

.carbon-kit-size-no-border {
    border-bottom: 0;
}

.carbon-kit-size-col {
    float: left;
    padding-bottom: 30px;
}

.carbon-kit-size-col:first-child {
    margin-right: 30px;
}

.carbon-kit-size-col img {
    max-width: 100%;
    height: auto;
}

.carbon-kit-size-title {
    font-family: MontserratSemiBold;
    line-height: 24px;
    font-size: 20px;
    color: #1D1D1B;
    text-align: left;    
    display: block;
}

.carbon-kit-size-subtitle {
    font-family: MontserratLight;
    line-height: 19px;
    font-size: 16px;
    color: #707070;
    text-align: left;
    display: block;
    margin-bottom: 24px;
}

.carbon-kit-size-subtitle strong {
    color: #1D1D1B;
}

#carbon-kit-intro .carbon-kit-info {
    font-family: MontserratLight;
    line-height: 27px;
    font-size: 20px;
    color: #707070;
    padding: 0;
    margin: 0 0 40px 0;
}

.btn-ghost-dark,
#carbon-kit-intro .btn-ghost-dark {
    border: 2px solid #ff5f48;
    color: #ff5f48;
}

.btn-ghost-dark:hover,
#carbon-kit-intro .btn-ghost-dark:hover {
    background-color: #ff5f48;
    color: #ffffff;
}

.carbon-kit-more-info {
    font-family: MontserratLight;
    line-height: 1.5;    
    font-size: 20px;  
    text-align: left;
    padding-top: 30px;
}

h3.content-title {
    font-family: MontserratLight;
    line-height: 1.5;    
    font-size: 30px;  
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
}

h3.content-title .regulation-box-number {
    left: 0;
}

.layers-content {
    padding-top: 0;
    background: none;
}

.layers-content br {
    display: block;
}

.layers-content h4 {
    margin-top: 0;
}

.layers-content h4 strong {
    color: #ff5f48;
}

.owninstall-columns h3.content-title {
    margin-top: 46px;
    font-family: MontserratBold;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 30px;
		padding-left: 53px;    
} 

.toggl-title,
.text-content h2.toggl-title {
    font-size: 25px;
    line-height: 32px;
    font-family: MontserratLight;
    color: #1D1D1B;
    background: url(../img/accordion-off.svg) no-repeat center right;
    background-size: 22px 12px;
    cursor: pointer;
    padding: 0 40px 0 0;
    margin: 0;    
    text-align: left;
    text-decoration: underline;
}

.toggl-title:hover,
.text-content h2.toggl-title:hover {
    text-decoration: none;
}

.toggl-title.active,
.text-content h2.toggl-title.active {
    background: url(../img/accordion-on-grey.svg) no-repeat center right;
    background-size: 22px 12px; 
    text-decoration: none;
    margin-bottom: 30px; 
}

#calculator-button {
    margin-bottom: 20px;
}

.calculator.left-button .btn {
    float: left;
}

.text-content-no-padding-top {
    padding-top: 0;
}

.text-content-no-padding-bottom {
    padding-bottom: 0;
}

.sec-2 h3.alignleft {
    text-align: left;
}

@media screen and (max-width: 1080px) {
    
    .text-content, 
    .sec-1, 
    .sec-2, 
    .sec-3, 
    .sec-4, 
    .sec-5, 
    .sec-6 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .owninstall-info br {
        display: block;
    }
}

@media screen and (max-width: 450px) {

    .text-content .price,
    .text-content .price-other-info {
        font-size: 20px;
        line-height: 24px;    
     }   
    
    .text-content .price-other-info {
        margin-bottom: 10px;
    }
    
    .text-content.likeit {
        font-size: 16px;
        line-height: 20px;    
     }       
    
    .sec-2 .column span {
        line-height: 12px;
    }    
}

@media screen and (min-width: 550px) {
    
    input#city.mesto {
        width: 250px;
        margin-left: 20px;
    }    
    
    .claim {
        padding-top: 168px;
    }    
    
    .claim .btn.btn-signpost {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 40px;
        padding-right: 40px;
    }     
    
    #calculator-button {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 760px) {

    .install-info {
        padding-left: 63px;
    }     
}


@media screen and (min-width: 760px) {
    
    .contact-phone-item,
    .contact-email-item {
      /*  font-size: 30px; */
    }
    
    .carbon-kit-size-inner-block {
        width: 490px;
        margin: 0 auto;
    }    
    
    .product-gallery img {
        width: 50%;
        float: left;
        display: block;
    }    
    
    .product-gallery-single img {
        width: 100%;
        float: none;
    }
    
    .sec-2 .value .num-type {
        line-height: 1.9;
        font-size: 16px;
    }   
    
    .developer-cert img {
        margin-bottom: 0;
    }    
}

@media screen and (min-width: 1080px) {
   
    .contact-person .person {
        min-width: 40%;
    }        
    
    .contact-phone {
        min-width: 170px;
    }
    
    .contact-phone,
    .contact-email {
        margin: 20px 20px;  
    }
    
    .contact-phone,
    .contact-email {
        float: left;
    }    
    
    .person {
        padding-top: 0;
    }
    
    .sec-2 h3 {
        text-align: left;
    }    
    
    .cta-subtitle {
        line-height: 32px;
        font-size: 30px;
        margin-bottom: 30px;
    }    
    
    #mobile-app {
        min-height: 505px;
    }

    .mobile-app-img {
        position: absolute;
        right: 400px;
        top: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .developer-cert-content {
        padding-top: 30px;
    }    
    
    .content-list-large {
        line-height: 40px;
        font-size: 30px;    
    }
    
    .content-text-large {
        font-size: 25px;
        line-height: 36px; 
    }

    .content-list-large li {
        background-position: left 10px;
    }    
    
    .guarantee-title,
    .text-content .guarantee-title {
        background-size: 52px 79px;
        padding-left: 82px;
    }   
    
    .footer-office-map {
        padding-top: 55px;
    }    
}

@media screen and (max-width: 640px) {
    
    .title-spec {
        line-height: 27px;
        font-size: 20px;        
    }    
    
    #developer-intro .btn,
    #carbon-kit-intro .btn,
    #nest-intro .btn {
        font-size: 16px;
    }   
}

@media screen and (min-width: 640px) {
    
    .col2 {
        width: 47%;
        margin-left: 6%;
        float: left;
    }
    
    .col2:first-child {
        margin-left: 0;
    }
    
    .col2.col2left {
        float: left;
        margin-left: 0;
    }
    
    .col2.col2right {
        float: right;
        margin-left: 6%;
    }
    
    .carbon-kit-columns .col2 {
        width: 54%;
    }
    
    .carbon-kit-columns .col2:first-child {
        width: 40%;
        border-right: 1px solid #eaebed;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }      
    
    .owninstall-columns .col-primary:first-child {
        margin-bottom: 0;
    }    
    
    .owninstall-image {
        margin-bottom: 0;
    }
    
    #reference .col3 {
        width: 29.33333333333333%;
        margin-left: 6%;
        float: left;
    }

    #reference .col3:first-child {
        margin-left: 0;
    }    
    
    #zpusoby-regulace .col4 {
        width: 23.584905660377358%;
        margin-left: 1.886792452830189%;
        float: left;
    }
    
    #zpusoby-regulace .col4:first-child {
        margin-left: 0;
    }      
    
    #home-equipment .col4 {
        width: 23.584905660377358%;
        margin-left: 1.886792452830189%;
        float: left;        
    }
    
    #home-equipment .col4:first-child {
        margin-left: 0;      
    }    
}

@media screen and (min-width: 960px) {

    .popup-container {
        padding-top: 80px;
        padding-bottom: 80px;
    }    
    
    .popup-box-image {
        width: 70%;
        float: left;
    }    
    
    .popup-box-desc {
        width: 30%;
        padding-top: 50px;
        float: right;
    }      
}

@media screen and (min-width: 1060px) {
    
    .popup-box-desc {
        padding-top: 70px;
    }      
    
    .popup-box-desc h1,
    .popup-box-desc h2,
    .popup-box-desc h3,
    .popup-box-desc h4,
    .popup-box-desc h5,
    .popup-box-desc h6 {
        margin: 0 0 30px 0;
    }    
    
    .regulatin-box-button {
        padding: 0 43px;  
    }

    .dev-chart-graph {
        padding-top: 50px;
        padding-bottom: 50px;
    }   
    
    .carbon-kit-promo {
        margin-top: 40px;
    }  
    
    #carbon-kit-intro .carbon-kit-info {
        margin-bottom: 40px;
    }    
    
    #carbon-kit-intro .carbon-kit-logo {
        margin-bottom: 30px;
        margin-top: 30px;
    }    
    
    h3.content-title { 
        margin-bottom: 30px;
    }    
    
    .carbon-kit-size {
        margin-bottom: 60px;
    }

    .carbon-kit-size-col {
        padding-bottom: 60px;
    }

    .carbon-kit-size-col:first-child {
        margin-right: 120px;
    }    
    
    .order-table,
    .content-table {
        font-size: 15px;
    }
    
    .carbon-kit-buy-title {
        line-height: 24px;
        font-size: 20px;
        margin-bottom: 30px;
    }    
    
    .toggl-title,
    .text-content h2.toggl-title {
        font-size: 40px;
        line-height: 62px;
    }    
    
    .toggl-title.active,
    .text-content h2.toggl-title.active {
        margin-bottom: 60px; 
    }    
}