html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    letter-spacing: 0.0px;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../font/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans-CondLight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes fadein{
    0% { opacity: 0;}
    50% { opacity: 1;}
    100% { opacity: 0;}
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

.main-menu ol, .main-menu ul, .select-topic ol, .select-topic ul, .header-home ul, .content-home ul, .content-app ul, .content-pricing ul, .header-calculates ul, .content-special-offer-1 ul, .content-special-offer-2 ul, .content-special-offer-3 ul, .footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

textarea:focus {
    outline: none;
    -webkit-box-shadow: rgba(233, 31, 94, 1) 0px 0 10px;
    -moz-box-shadow: rgba(233, 31, 94, 1) 0 0 10px;
    box-shadow: rgba(233, 31, 94, 1) 0 0 10px;
}

input:focus {
    outline: none;
    -webkit-box-shadow: rgba(233, 31, 94, 1) 0px 0 10px;
    -moz-box-shadow: rgba(233, 31, 94, 1) 0 0 10px;
    box-shadow: rgba(233, 31, 94, 1) 0 0 10px;
}

input::-ms-clear {
    display: none;
}

input[type=number]:focus {
    outline: none;
}

.raidxi-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
    align-items: center;
    justify-content: center;
}

.raidxi-modal .raidxi-modal-content {
    background-image: url(../img/raidXI/raidXIpackages.png);
    width: 100%;
    max-width: 500px;
    height: 500px;
    display: flex;
    position: relative;
    flex-direction: column;
    background-size: contain;
    background-repeat: no-repeat;
}

.raidxi-modal .raidxi-modal-content .close-icon {
    background-image: url(../img/raidXI/close-icon.svg);
    width: 32px;
    height: 32px;
    margin: 5px 2px auto auto;
    cursor: pointer;
    z-index: 999;
}

.raidxi-modal-content a {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.input-row{
    margin-top: 10px;
}

.input-row p{
    display: flex;
    align-items: center;
}

.input-row p input{
    width: auto!important;
}

.input-row p label{
    margin-left: 10px!important;
}

.contact-details .info-contact{
    margin: 15px 0;
    float: left;
    line-height: 1.2;
}

.scroll-pane {
    width: 100%;
    height: 200px;
    overflow: auto;
}

.horizontal-only {
    height: auto;
    max-height: 200px;
}
.col-50{
    max-width: 50%;
    flex: 1 0 50%;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}

select:focus {
    outline: none;
}

select:hover {
    background-color: #e91f5e;
    color: white;
    cursor: pointer;
}

button:focus {
    outline: none;
}

span:focus {
    outline: none;
}
/*              end of css reset                    */


/*
    turquoise #51b9aa
    light-turquoise #00d3b4
    pink #e91f5e
    dark pink #b61f53;
    darker pink #a51d31
    gray #8c959e
    footer font gray: #c7c7c7;
    gray-turquoise (use in reviews about kcalmar) #5a6a70 / #9ea5ad
    light-gray-background (use in leaarn how to use kcalmar.pro) #f7f7f7
*/

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /*overflow-x:hidden;*/
}

a {
    text-decoration: none;
}

p, label {
    line-height: 120%;
    font-size: 95%;
}


/* The Modal  */


/* The Modal (background) */

#YTmodal {
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 3%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
.modal .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.modal .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#easter-modal{
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 3%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
#easter-modal .modal-content{
    max-width: 505px;
    background-image: url(../img/popup-modal.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0;
    padding: 20px;
    padding-top: 180px;
    position: relative;
}
#easter-modal .close{
    position: absolute;
    font-weight: bold;
    font-size: 35px;
    top: 10px;
    right: 18px;
    color: #e91f5e;
    cursor: pointer;
}
#easter-modal .close:before {
    content: "×";

}
#easter-modal .info{
    font-weight: lighter;
    color: #e91f5e;
    font-size: 26px;
    padding-bottom: 10px;
}
#easter-modal .marketing-info {
    /*max-width: calc(100% - 100px);*/
    /*margin: auto;*/
    margin-bottom: 40px;
    margin-left: 15px;
    font-weight: lighter;
    font-size: 15px;
}
#easter-modal .marketing-info li {
    margin: 10px 0px;
    color: #e91f5e;
}
#easter-modal .marketing-info span {
    color: black;
}
#easter-modal .old-price-col{
    text-align: right;
    padding-right: 5px;
}
#easter-modal .price-col.button-col .button-container{
    position: static;
    transform: none;
    margin-top: 35px;
}
#easter-modal .price-col .old-price{
    font-size: 30px;
    color: #ccc;
    text-decoration: line-through;
}
#easter-modal .price-col .old-price-description{
    font-size: 13px;
    color: #27b8ab;
    font-weight: bold;
    line-height: 100%;
}
#easter-modal .price-col .new-price{
    font-size: 66px;
    color: #27b8ab;
    line-height: 100%;
    display: inline-block;
}
#easter-modal  .row-f{
    display: flex;
    flex-wrap: wrap;
}

#easter-modal a:hover {
    opacity: 0.8;
}
#easter-modal .button-container{
    margin-top: 23px;
    margin-left: 15px;
}
#easter-modal a {
    border: 0;
    background-color: #e91f5e;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    border-radius: 60px;
    font-size: 18px;
    padding: 15px;
    font-size: 14px;
    position: relative;
}
#easter-modal a span{
    position: relative;
    top: -2px;
}
.modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1.5em solid white;
    width: 65%;
}
.horizontal-padding{
    padding: 0px 15px;
}

@media screen and (max-width: 1024px){
    #easter-modal .price-col .old-price{
        font-size: 24px;
    }
    #easter-modal .price-col .old-price-description{
        font-size: 11px;
    }
    #easter-modal .price-col .new-price{
        font-size: 52px;
    }
    #easter-modal a {
        font-size: 10px;
    }
}
@media screen and (max-width: 480px){
    #easter-modal .button-container {
        margin-bottom: 30px;
    }
    #easter-modal .price-col .old-price-description {
        font-size: 9px;
    }
    #easter-modal .price-col .new-price {
        font-size: 42px;
    }
}
/*                  Header                  */

.header-home {
    height: 700px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/backgrounds/coverheight.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-home .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}


/*                  header Kcalmar icon                 */

div.logo-header a {
    background: url(../img/kcalmar-pro-logo.png) center center no-repeat;
    background-size: 100%;
    width: 66px;
    height: 123px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-left: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*                  Header menu                     */
.header-center-content .iez-link{
    text-decoration: none;
    color: inherit;
}
.main-menu-wrapper{
    position: absolute;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /*padding-top: 20px;*/
    /*top: 77px;*/
}
.main-menu-wrapper.fixed{
    position: fixed;
    top: 0px;
    padding-bottom: 15px;
    height: 135px;
    background: rgba(44, 44, 44, 0.86);;
    z-index: 999;
    box-shadow: 0 0 10px black;
    width: 100%;
}
.main-menu-wrapper .wrapper{
    margin-top: 0px !important;
}
.main-menu-wrapper.fixed div.logo-header a {
    width: 35px;
    height: 60px;
    margin-left: 10px;
    margin-right: 31px;
}
.main-menu-wrapper.fixed div.logo-header.logo-iez a {
    width: 112px;
    height: 58px;
    margin-left: 10px;
    margin-right: 0px;
}
.main-menu.fixed .main-menu-container{
    display: table;
    margin: auto;
    -webkit-animation: ease 1500ms all;
    -moz-animation: ease 1500ms all;
    -o-animation: ease 1500ms all;
    animation: ease 1500ms all;
}

.main-menu:after {
    content: "";
    clear: both;
    display: block;
}

.main-menu .active {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}

.main-menu h2 {
    line-height: 0;
    margin: 0;
    text-indent: -10000px;
}

.main-menu li {
    float: left;
    margin: 5px 8px 18px 8px;
    padding-top: 12px;
    opacity: 0.9;
}

.main-menu a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70%;
}

.main-menu a:hover {
    color: #e82867;
}
.main-menu.fixed a:hover {
    color: #51001a;
}
.main-menu li a.login-button, .main-menu li a.com-button {
    background-color: #656766;
    display: block;
    padding: 15px 25px;
    border-radius: 100px;
    position: relative;
    top: -11px;
}

.main-menu li:hover a.login-button {
    background-color: #e82867;
    color: #fff;
}
.main-menu li:hover a.com-button {
    background-color: #00d3b4;
    color: #fff;
}
.main-menu li:after {
    content: "";
    clear: both;
    display: block;
}

nav.main-menu-hamburger {
    display: none;
}


/*              Header center part: "Stworzone dla dietetyków..."           */

.header-home .header-center-content {
    padding-top: 265px;
    margin: 0 auto;
    width: 550px;
}

.header-center-content .contact-text{
    display: flex;
    flex-direction: column;
    padding: 0 5px;
}

.header-center-content .row-line{
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
}

.header-center-content .row-line a{
    color: #DF0855!important;
    text-decoration: none;
}

.header-center-content .faq-link{
    color: #DF0855;
    margin-top: 5px;
    text-align: center;
    font-weight: 500;
}

.header-home .header-center-content b{
    font-weight: 700;
}

.header-home .disc {
    margin: 0 auto;
    -moz-border-radius: 50px/50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px/50px;
    border: solid 8px #fff;
    width: 50px;
    height: 50px;
}

.header-home .icon-play {
    margin: 10px 18px 0 18px;
    width: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #ffffff;
}

.header-home .disc:hover {
    border-color: #e91f5e;
}
.header-home  .header-center-content h1{
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.header-home .header-center-content p {
    font-weight: 400;
    text-align: center;
    margin: 10px 65px;
}

.header-home .call-to-action-2 {
    text-align: center;
    width: 280px;
    margin: 0 auto;
}


/*      Header center part links: "wyprobuj za darmo, kup pakiet"       */

.header-home .call-to-action-2 li {
    float: left;
    margin: 25px 5px;
}

.header-home .call-to-action-2 li:after {
    content: "";
    clear: both;
    display: block;
}

.header-home .call-to-action-2 a {
    text-transform: uppercase;
    color: #fff;
    font-size: 75%;
    background-color: #e91f5e;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 100px;
}

.header-home .call-to-action-2 a:hover {
    background-color: #b61f53;
}

.header-home .call-to-action-2 li:last-child a {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 8px 11px;
}

.header-home .call-to-action-2 li:last-child a:hover {
    border-color: #b61f53;
}


/*      content start                   */


/*      kcalmar.pro capabilities            */


/*      kcalmarpro capabilities all links       */

.content-home .cap-1-right a, .content-home .cap-2-left a, .content-home .cap-3-right a {
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75%;
    color: #fff;
    display: block;
    background-color: #e91f5e;
    padding: 15px 30px;
    border-radius: 100px;
    margin-right: 10px;
}

.content-home .cap-1-right a:hover, .content-home .cap-2-left a:hover, .content-home .cap-3-right a:hover {
    background-color: #b61f53;
}

.content-home .cap-1-right li:last-child a, .content-home .cap-3-right li:last-child a {
    background-color: transparent;
    color: #e91f5e;
    border: 2px solid #e91f5e;
    padding: 13px 28px;
}

.content-home .cap-1-right li:last-child a:hover, .content-home .cap-3-right li:last-child a:hover {
    background-color: #b61f53;
    color: #fff;
    border: 2px solid #b61f53;
}

.content-home .cap-2-left li:last-child a {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 13px 28px;
}

.content-home .cap-2-left li:last-child a:hover {
    background-color: #b61f53;
    border: 2px solid #b61f53;
}


/*      kcalmarpro capabilities title       */

.content-home .capabilities-1 h2 {
    font-size: 20px;
    margin: 25px 0 40px 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.content-home .capabilities-1 h2 span {
    color: #e91f5e;
}


/*      kcalmarpro capabilities no.1        */

.content-home .capabilities-1 {
    clear: both;
    height: 450px;
    width: 100%;
    max-width: 1000px;
    padding: 20px 0px 120px 0px;
    overflow: hidden;
    margin: 35px auto;
}

.content-home .capabilities-1 .cap-1-left {
    width: 46%;
    margin: 0 2% 0 2%;
    /* box-shadow: 0px 0px 15px #c7c7c7; */
    border-radius: 8px;
    float: left;
    background: url(../img/new_creator.png) center center no-repeat;
    background-size: 93%;
    height: 450px;
    overflow: hidden;
}

.content-home .capabilities-1 .cap-1-right {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
}

.content-home .cap-1-right .apple-ico {
    margin-top: 30px;
    width: 90px;
    height: 90px;
    background: url(../img/apple-ico.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.content-home .cap-1-right h3 {
    font-size: 30px;
    margin: 15px 50px 15px 0;
}

.content-home .cap-1-right p {
    color: #9ea5ad;
    margin: 25px 0;
    font-weight: 400;
}

.content-home .cap-1-right span {
    color: #e91f5e;
}


/*      kcalmarpro capabilities no.2        */

.content-home .cap-2-bg-color {
    background-color: #00d3b4;
    height: 580px;
    width: 100%;
}

.content-home .capabilities-2 {
    clear: both;
    color: #fff;
    background-color: #00d3b4;
    height: 450px;
    width: 100%;
    max-width: 1000px;
    padding: 40px 0 50px 0;
    margin: 35px auto;
    overflow: hidden;
}

.content-home .capabilities-2 .cap-2-right {
    width: 46%;
    margin: 0 2% 0 2%;
    box-shadow: 0px 0px 15px #a7a7a7;
    border-radius: 8px;
    float: right;
    /*background: url(../img/PLANS.png) center center no-repeat #00d3b4;*/
    /*background-size: 90%;*/
    height: 470px;
    overflow: hidden;
    position: relative;
}

.content-home .capabilities-2 .cap-2-right img {
    position: absolute;
    width: 90%;
    margin-top: 28px;
    margin-left: 23px;
}

@-webkit-keyframes xfade {
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    92% {
        opacity: 0;
    }
}

@keyframes xfade {
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    92% {
        opacity: 0;
    }
}

.content-home .capabilities-2 .cap-2-right img:nth-child(5) {
    -webkit-animation: xfade 20s 0s infinite;
    animation: xfade 20s 0s infinite;
}

.content-home .capabilities-2 .cap-2-right img:nth-child(4) {
    -webkit-animation: xfade 20s 4s infinite;
    animation: xfade 20s 4s infinite;
}

.content-home .capabilities-2 .cap-2-right img:nth-child(3) {
    -webkit-animation: xfade 20s 8s infinite;
    animation: xfade 20s 8s infinite;
}

.content-home .capabilities-2 .cap-2-right img:nth-child(2) {
    -webkit-animation: xfade 20s 12s infinite;
    animation: xfade 20s 12s infinite;
}

.content-home .capabilities-2 .cap-2-right img:nth-child(1) {
    -webkit-animation: xfade 20s 16s infinite;
    animation: xfade 20s 16s infinite;
}

.content-home .capabilities-2 .cap-2-left {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
    height: 450px;
    background-color: #00d3b4;
}

.content-home .cap-2-left .dish-ico {
    margin-top: 30px;
    width: 90px;
    height: 110px;
    background: url(../img/dish-icon.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.content-home .cap-2-left h3 {
    font-size: 30px;
    margin: 15px 50px 15px 0;
}

.content-home .cap-2-left p {
    margin: 25px 0;
    font-weight: 400;
}

.content-home .cap-2-left p span {
    font-weight: 500;
}


/*      kcalmarpro capabilities no.3        */

.content-home .capabilities-3 {
    clear: both;
    height: 450px;
    width: 100%;
    max-width: 1000px;
    padding: 40px 0px 50px 0px;
    overflow: hidden;
    margin: 35px auto;
}

.content-home .capabilities-3 .cap-3-left {
    width: 46%;
    margin: 0 2% 0 2%;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 8px;
    float: left;
    background: url(../img/CUSTOMER.png) center center no-repeat;
    background-size: 90%;
    height: 450px;
    overflow: hidden;
}
.content-home .izz-banner .cap-3-left {
    background: url(../img/izz_img_banner.png) center center no-repeat;
    background-size: 90%;
    height: 460px;
}
.content-home .capabilities-3 .cap-3-right {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
    height: 450px;
}

.content-home .cap-3-right .apple-ico {
    margin-top: 30px;
    width: 90px;
    height: 90px;
    background: url(../img/dolar-white-icon.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}
.content-home .cap-3-right .izz-logo{
    margin-top: 10px;
    width: 120px;
    height: 120px;
    background: url(../img/izz_logo.png) center center no-repeat;
    background-size: contain;
    overflow: hidden;
}
.content-home .cap-3-right h3 {
    font-size: 30px;
    margin: 15px 50px 45px 0;
}

.content-home .cap-3-right p {
    color: #9ea5ad;
    margin: 25px 0;
    font-weight: 400;
}

.content-home .cap-3-right span {
    color: #e91f5e;
}


/*          How works kcalmar.pro           */

.content-home .how-works {
    width: 94%;
    padding: 30px 3% 30px 3%;
    clear: both;
    height: 650px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/how-works.jpg) center center no-repeat;
    background-size: cover;
}

.content-home .how-works .h-w-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .how-works h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-home .how-works li p {
    display: inline-block;
    font-size: 90%;
    width: 70%;
    margin: 10px;
}


/*          How works kcalmar.pro left part             */

.content-home .how-works-left {
    float: left;
    width: 25%;
}

.content-home .kcalmar-pro-icon-pink {
    width: 70px;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    background-image: url(../img/kcalmar-pro-logo-pink.png);
}

.content-home .how-works h3 {
    text-transform: uppercase;
    color: #e91f5e;
    font-weight: 700;
    font-size: 75%;
}

.content-home .kcalmar-pro-name {
    font-size: 30px;
    padding: 25px 0;
}

.content-home .how-works-icon-base {
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    top: 2px;
}

.content-home .medal-icon-pink {
    background-image: url(../img/medal-icon-pink.png);
}

.content-home .timer-icon-pink {
    background-image: url(../img/timer-icon-pink.png);
}

.content-home .note-icon-pink {
    background-image: url(../img/note-icon-pink.png);
}


/*          How works kcalmar.pro center part           */

.content-home .how-works-center {
    float: left;
    background: url(../img/phone-and-tablet.png) center center no-repeat;
    background-size: 100%;
    width: 46%;
    height: 500px;
}


/*          How works kcalmar.pro right part            */

.content-home .how-works-right {
    float: right;
    margin-left: 4%;
    width: 25%;
}

.content-home .kcalmar-com-icon {
    width: 130px;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    background-image: url(../img/kcalmar-com-logo-white.png);
}

.content-home .kcalmar-com-name {
    font-size: 30px;
    padding: 25px 0;
}

.content-home .medal-icon-aquamarine {
    background-image: url(../img/medal-icon-aquamarine.png);
}

.content-home .timer-icon-aquamarine {
    background-image: url(../img/timer-icon-aquamarine.png);
}

.content-home .note-icon-aquamarine {
    background-image: url(../img/note-icon-aquamarine.png);
}


/*          income increase with kcalmar.pro            */

.content-home .income-increase {
    clear: both;
    background-color: #e91f5e;
    color: #fff;
    width: 96%;
    padding: 30px 2% 30px 2%;
    margin: 0 auto;
}

.content-home .income-increase .i-i-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .income-increase h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-home .income-increase .i-i-wrapper>p {
    text-align: center;
    margin: 0 23% 55px 23%;
}

.content-home .income-increase div label {
    display: block;
    width: 95%;
    height: 20%;
    min-height: 55px;
}

.content-home .income-increase div {
    float: left;
    width: 24%;
    margin: 0 0.5% 4% 0.5%;
}

.content-home .income-increase input {
    color: #5a6a70;
    font-size: 105%;
    display: block;
    width: 85%;
    padding: 2% 3% 2% 6%;
    border-radius: 25px;
    margin: 5% 0;
    border: 0;
}

.content-home .input-container {
    position: relative;
}

.content-home .input-container span {
    position: absolute;
    top: 7px;
    right: 40px;
    color: grey;
    font-weight: 500;
}

.content-home .income-increase div:last-child {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
}

.content-home .income-increase .kcal-recalculate-button {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 25px auto;
    margin-top: 100px;
    padding: 10px 30px;
    border: 0;
    border-radius: 100px;
    background-color: #b61f53;
}

.content-home .income-increase .kcal-recalculate-button:hover {
    background-color: #a51d31;
    cursor: pointer;
}

.content-home .income-increase .kcal-results {
    overflow: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.content-home .income-increase .kcal-results span {
    font-weight: 500;
}

.content-home .income-increase .kcal-results p.kcal-recalculate-info {
    text-align: center;
    font-size: 24px;
}

.content-home .income-increase .kcal-results p.kcal-recalculate-trick {
    font-size: 10px;
}


/*              Start recent post                       */

.content-home .recent-posts {
    clear: both;
    width: 98%;
    padding: 30px 1% 30px 1%;
}

.content-home .recent-posts .r-posts-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .recent-posts h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-home .recent-posts p {
    color: #8c959e;
    margin: 0 23% 25px 23%;
    text-align: center;
}

.content-home .recent-posts-col {
    float: left;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 5px;
    width: 31.3%;
    margin: 1% 1% 35px 1%;
    height: 460px;
    position: relative;
}

.content-home .recent-posts-col:hover {
    opacity: 0.8;
    cursor: pointer
}

.content-home .recent-posts-col .image-container {
    height: 54%;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #eee;
}

.content-home .recent-posts-col .category {
    position: absolute;
    top: 44%;
    left: 5%;
    background-color: #e82867;
    padding: 10px 15px;
    border-radius: 40px;
    color: #fff;
    font-size: 61%;
    text-transform: uppercase;
    font-weight: 500;
}

.content-home .recent-posts-col #category-2 {
    left: 50%;
}

.content-home .recent-posts-col h2 {
    padding: 20px 15px;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    min-height: 51px;
    color: black;
}

.content-home .recent-posts-col p.post-desc {
    color: #8c959e;
    margin: 0 15px 0px 15px !important;
    text-align: justify;
    font-size: 12px;
}

.content-home .recent-posts-col .date-and-author-container {
    text-align: center;
    margin-top: 25px;
}

.content-home .recent-posts-col .date-and-author-container .watch-icon {
    background-image: url(../img/timer-icon-pink.png);
    background-size: 18px;
    background-position: -2px -2px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.content-home .recent-posts-col .date-and-author-container .post-date {
    color: black;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin-right: 20px;
}

.content-home .recent-posts-col .date-and-author-container .person-icon {
    background-image: url(../img/person-icon.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.content-home .recent-posts-col .date-and-author-container .post-author {
    color: black;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
}

.content-home .recent-posts-righ:after {
    clear: both;
    content: "";
    display: block;
}

.content-home .recent-posts .more-posts {
    clear: both;
    display: block;
    position: relative;
    top: -15px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 120px;
    margin: 25px auto 25px auto;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-home .recent-posts .more-posts:hover {
    background-color: #b61f53;
}


/*                  tray it no. 1 start                 */

.content-home .try-it-1 {
    height: 270px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/backgrounds/home_00.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 80%;
    padding: 20px 10% 20px 10%;
}

.content-home .try-it-1 h2 {
    font-size: 44px;
    margin: 50px 0 25px 0;
    text-align: center;
}

.content-home .try-it-1 h2 span {
    color: #e91f5e;
}

.content-home .try-it-1 p {
    padding-bottom: 25px;
    text-align: center;
}

.content-home .try-it-1 a {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 180px;
    margin: 25px auto;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-home .try-it-1 a:hover {
    background-color: #b61f53;
}


/*                  reviews about kcalmar start         */

.content-home .reviews {
    clear: both;
    width: 96%;
    padding: 30px 2% 30px 2%;
}

.content-home .reviews .reviews-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .reviews .reviews-wrapper .col {
    float: left;
    width: 31%;
    margin: 1% 1% 1% 1%;
}

.content-home .reviews h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-home .reviews .reviews-wrapper>p {
    margin: 0 18% 30px 18%;
}

.content-home .reviews p {
    color: #8c959e;
    padding-bottom: 20px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}

.content-home .reviews p strong {
    font-weight: 500;
}

.content-home .reviews p.dietitian {
    padding-bottom: 0px;
}

.content-home .reviews .reviews-item {
    position: relative;
    border: 1px solid #f5f5f5;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 5px;
    width: 100%;
    margin: 1% 1% 30px 1%;
    height: 560px;
}

.content-home .reviews .additional-reviews .reviews-item {
    height: 690px;
}

.content-home .reviews .reviews-item.patient {
    height: 280px;
}

.content-home .reviews .reviews-item .reviews-item-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
}

.content-home .reviews .patient .reviews-item-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 80%
}

.content-home .reviews .reviews-item .reviews-item-opinion {
    position: absolute;
    left: 0;
    right: 0;
    top: 210px;
}

.content-home .reviews .patient .reviews-item-opinion {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
}

.content-home .reviews .reviews-item .reviews-item-opinion p {
    text-align: justify;
    font-size: 14px;
}

.content-home .thumb-up-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    z-index: 10;
    background-image: url(../img/thumb-up.png);
    background-color: #e91f5e;
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0px auto;
}

.content-home .thumb-up-icon-4, .content-home .thumb-up-icon-5, .content-home .thumb-up-icon-6 {
    display: none;
}

.content-home .reviews .circular {
    background-size: 115%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 20px auto;
}


/*                          photos in reviews about kcalmar                                     */

.content-home .reviews-photo-1 {
    background-image: url(../img/mg.jpg);
}

.content-home .reviews-photo-2 {
    background-image: url(../img/ania_z.png);
}

.content-home .reviews-photo-3 {
    background-image: url(../img/bartek_p.jpg);
}

.content-home .reviews-photo-4 {
    background-image: url(../img/mh.png);
}

.content-home .reviews-photo-5 {
    background-image: url(../img/zb.jpg);
}

.content-home .reviews-photo-6 {
    background-image: url(../img/wz.jpg);
}

.content-home .reviews .additional-reviews {
    display: none;
}

.content-home .reviews a {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 160px;
    margin: 200px auto 40px auto;
    padding: 15px 30px;
    border-radius: 100px;
    position: relative;
    top: 20px;
}

.content-home .reviews a:hover {
    cursor: pointer;
    background-color: #b61f53;
}

.content-home .reviews span {
    font-weight: 500;
    color: #5a6a70;
}

.content-home .reviews span .pink-text {
    color: #e91f5e;
}

.content-home .reviews span .aquamarine-text {
    color: #51b9aa;
}


/*                  learn how to use kcalmar                    */

.content-home .learn {
    clear: both;
    width: 96%;
    padding: 30px 2% 30px 2%;
    background-color: #f7f7f7;
}

.content-home .learn .learn-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .learn h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-home .learn .learn-wrapper>p {
    color: #8c959e;
    padding-bottom: 25px;
    margin: 0 15% 20px 15%;
    text-align: center;
}

.content-home .learn a {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 210px;
    margin: 0px auto 20px auto;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-home .learn a:hover {
    background-color: #b61f53;
}

.content-home .learn-1, .content-home .learn-2, .content-home .learn-3, .content-home .learn-4 {
    float: left;
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 23%;
    margin: 0 1% 5% 1%;
    height: 240px;
    border-radius: 5px;
    background-color: #fff;
}


/*          containers for videos about how to use kcalmar              */

.content-home .learn-1 div {
    background: url(../img/youtube/new_features.jpg) center center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 170px;
    cursor: pointer;
}

.content-home .learn-2 div {
    background: url(../img/youtube/new_dish.jpg) center center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 170px;
    cursor: pointer;
}

.content-home .learn-3 div {
    background: url(../img/youtube/master.jpg) center center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 170px;
    cursor: pointer;
}

.content-home .learn-4 div {
    background: url(../img/youtube/create_diet.jpg) center center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 170px;
    cursor: pointer;
}

.content-home .learn-1 div:hover, .content-home .learn-2 div:hover, .content-home .learn-3 div:hover, .content-home .learn-4 div:hover {
    opacity: 0.8;
}

.content-home .learn-1 p, .content-home .learn-2 p, .content-home .learn-3 p, .content-home .learn-4 p {
    color: #5a6a70;
    font-weight: 400;
    margin: 10px;
}


/*                      Start try it 2                                  */

.content-home .try-it-2 {
    height: 290px;
    color: #fff;
    background: url(../img/try-it-2.png) 100% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 96%;
    padding: 0px 2%;
}

.content-home .try-it-2 .try-it-2-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .try-it-2 h2 {
    font-size: 34px;
    line-height: 120%;
    margin: 0 0 0 0;
    padding: 50px 0 0 0;
    width: 70%;
    max-width: 700px;
    text-align: left;
}

.content-home .try-it-2 a {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 160px;
    margin: 35px 60% 25px 0;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-home .try-it-2 a:hover {
    background-color: #b61f53;
}


/*          start carousel                   */


/*        carousel navigation        */

.content-home .customNavigation {
    text-align: center;
}

/* use styles below to disable ugly selection */
.content-home .customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*        end of carousel navigation        */

.content-home .carousel-home {
    height: 150px;
    color: #fff;
    background-color: #f5f5f5;
    width: 96%;
    padding: 20px 2%;
    overflow: hidden
}

.content-home .carousel-home-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-home .carousel-home-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.content-home .carousel-home-narrow-wrapper {
    float: right;
    width: 82%;
}

.content-home .carousel-home-narrow-wrapper:hover {
    cursor: grab;
}

.content-home .carousel-home h2 {
    display: block;
    float: left;
    text-align: left;
    color: #000;
    width: 18%;
    margin: 6% 0 0 0;
    font-size: 22px;
}

.content-home .carousel-item {
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 140px;
    height: 140px;
    margin: 1%;
}

.content-home .carousel-item-1 {
    background-image: url(../img/vita.png);
}

.content-home .carousel-item-2 {
    background-image: url(../img/nowy_marketing.png);
}

.content-home .carousel-item-3 {
    background-image: url(../img/mam_startup.png);
}

.content-home .carousel-item-4 {
    background-image: url(../img/antyapps.png);
}

.content-home .carousel-item-5 {
    background-image: url(../img/mjakmama.png);
}

.content-home .carousel-item-6 {
    background-image: url(../img/feedback.png);
}

.content-home .carousel-item-7 {
    background-image: url(../img/innpoland.png);
}

.content-home .carousel-item-8 {
    background-image: url(../img/puls-biznesu-logo.png);
}


/*          Start footer                                */

.footer {}


/*                  Start footer content            */

.footer .footer-content {
    color: #5a6a70;
    height: 230px;
    width: 96%;
    padding: 40px 2%;
}

.footer .footer-content .footer-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.footer .footer-content .footer-logo {
    display: block;
    background: url(../img/kcalmar-pro-logo-turquoise.png) center center no-repeat;
    background-size: 100%;
    width: 10%;
    height: 170px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 7% 0 0;
    float: left;
}
.footer .footer-content nav a {
    color: #c7c7c7;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 400;
}

.footer .footer-content nav a:hover {
    color: #5a6a70;
}

.footer .footer-content p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer-content-1 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-2 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-3 {
    float: left;
    width: 18%;
    margin: 1%;
}


/*                  social media part           */

.footer-content-social {
    float: left;
    width: 20%;
    margin: 1%;
}

.footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.social-info {
    color: #c7c7c7;
    font-weight: 400 !important;
    line-height: 130%;
    text-transform: initial !important;
    padding-bottom: 0 !important;
}

.footer-content-social li {
    float: left;
    display: block;
}

.footer-content-social li a {
    line-height: 0;
    margin: 0 5px 0 0;
    text-indent: -10000px;
}

.footer-content-social li a:hover {
    opacity: 0.6;
}

.footer .footer-content .footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.fb, .tw, .pi, .in, .yt {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.fb {
    background-image: url(../img/fb.png);
}

.tw {
    background-image: url(../img/tw.png);
}

.pi {
    background-image: url(../img/pi.png);
}

.in {
    background-image: url(../img/in.png);
}

.yt {
    background-image: url(../img/yt.png);
    background-size: 120%;
}


@media screen and (min-width: 1372px) {
    .header-home {
        height: 700px;
        color: #fff;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/backgrounds/coverwide.jpg) center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        overflow: hidden;
    }
}



/*                      MEDIA QUERIES                   */

@media screen and (max-width: 1024px) {
    .content-home .reviews .reviews-item {
        height: 610px;
    }
    .content-home .reviews .reviews-item.patient {
        height: 300px;
    }
}

@media screen and (max-width: 940px) {
    .main-menu {
        display: none;
    }
    nav.main-menu-hamburger {
        position: fixed;
        /*left:-140px;*/
        margin-left: 140px;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.78);
        color: #fff;
        font-family: "Open Sans", helvetica, arial;
        height: 100%;
        padding: 20px;
        width: 100px;
        transition: .3s all;
        display: block;
        z-index: 10;
    }
    .hamburger {
        position: absolute;
        position: absolute;
        right: 200px;
        top: 60px;
        height: 40px;
        width: 40px;
        cursor: pointer;
        transition: all 1s
    }
    /* .hamburger:after {
        content:'';
        position:absolute;
        left:.75em;
        top:.95em;
        width: .9em;
        height: 0.125em;
        border-top: 0.375em double #fff;
        border-bottom: 0.125em solid #fff;
    } */
    /*.hamburger:after {
        content: '\2630\0000a0\0000a0';
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        color: rgba(255, 255, 255, 0.84);
        text-align: right;
        padding: 2px -3px 2px 3px;
        font-size: 20px;
        line-height: 40px;
        background: rgba(0, 0, 0, 0.47);
        box-sizing: border-box;
        border-radius: 13px;
    }*/
    nav.main-menu-hamburger a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 75%;
    }
    nav.main-menu-hamburger li {
        margin-bottom: 25px;
    }
    nav.main-menu-hamburger ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        transition: .3s all;
    }
    nav.main-menu-hamburger.closed {
        right: -140px;
    }
    .hamburger.closed {
        display: none;
    }
    * {
        margin: 0;
        padding: 0;
    }
    /* Icon 1 */
    #hamburger {
        width: 40px;
        height: 40px;
        position: fixed;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        top: 20px;
        right: 25px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        cursor: pointer;
        z-index: 10;
    }
    #hamburger.open {
        right: 160px;
    }
    #hamburger span {
        display: block;
        position: absolute;
        margin-left: 6px;
        height: 2px;
        width: 72%;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    /* Icon 3 */
    #hamburger span:nth-child(1) {
        top: 9px;
    }
    #hamburger span:nth-child(2), #hamburger span:nth-child(3) {
        top: 19px;
    }
    #hamburger span:nth-child(4) {
        top: 29px;
    }
    #hamburger.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #hamburger.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #hamburger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #hamburger.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    .content-home .recent-posts-col {
        width: 98%;
    }
    .content-home .recent-posts-col p.post-author {
        margin-left: 75%;
    }
    .content-home .recent-posts-col #category-2 {
        left: 25%;
    }
}


/*          narrow screen home max 870px            */

@media screen and (max-width: 870px) {
    /*                  Header for narrow screen                */
    /*      kcalmarpro capabilities all links for narrow screen home max 870px      */
    .content-home .cap-1-right a, .content-home .cap-2-left a, .content-home .cap-3-right a {
        font-size: 70%;
        padding: 15px 10px;
        border-radius: 100px;
        margin-right: 5px;
    }
    .content-home .cap-1-right li:last-child a, .content-home .cap-3-right li:last-child a {
        padding: 13px 8px;
    }
    .content-home .cap-2-left li:last-child a {
        padding: 13px 8px;
    }
    .content-home .reviews .reviews-item.patient {
        height: 350px;
    }
    .content-home .reviews .additional-reviews .reviews-item {
        height: 450px;
    }
    .content-home .reviews a {
        margin: 50px auto 50px auto;
    }
    /*      kcalmarpro capabilities 1,2,3 height for narrow screen home max 870px       */
    .content-home .capabilities-2 {
        height: 510px;
    }
    .content-home .capabilities-3 {
        height: 510px;
    }
    .content-home .reviews .reviews-item {
        height: 650px;
    }
    .content-home .try-it-2 {
        height: 310px;
    }
    /*   footer home max 870px */
    .fb, .tw, .pi, .in, .yt {
        background-size: 110%;
        width: 23px;
        height: 23px;
    }
}


/*          tablets         */

@media screen and (max-width: 768px) {
    /*                  Header for tablets                  */
    /*.main-menu-wrapper.fixed{
        display: none;
    }*/
    div.logo-header a {
        /*  header Kcalmar icon for tablets (home - max 768px)   */
        width: 40px;
        height: 70px;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .main-menu {
        float: none;
        margin: 0 auto;
    }
    .main-menu li {
        margin: 0px 14px 18px 14px;
    }
    .header-home .header-center-content {
        padding-top: 140px;
        width: 80%;
    }
    .header-home  .header-center-content h1{
        font-size: 32px;
        margin: 20px 0;
        text-align: center;
    }
    /*      kcalmarpro capabilities no.1 for tablets (home - max 768px)     */
    .content-home .capabilities-1 {
        clear: both;
        height: 850px;
        padding: 0px 0px 0px 0px;
        margin: 5px auto;
    }
    .content-home .capabilities-1 .cap-1-left {
        width: 50%;
        margin: 0 25% 0 25%;
        float: none;
        height: 40%;
    }
    .content-home .capabilities-1 .cap-1-right {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
    }
    /*      kcalmarpro capabilities no.2 for tablets (home - max 768px)     */
    .content-home .cap-2-bg-color {
        height: 820px;
        width: 100%;
    }
    .content-home .capabilities-2 {
        clear: both;
        height: 830px;
        padding: 30px 0 10px 0;
        margin: 35px auto;
    }
    .content-home .capabilities-2 .cap-2-right {
        width: 50%;
        margin: 0 25% 0 25%;
        float: none;
        height: 40%;
    }
    .content-home .capabilities-2 .cap-2-left {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
        height: 40%;
    }
    /*      kcalmarpro capabilities no.3 for tablets (home - max 768px)     */
    .content-home .capabilities-3 {
        clear: both;
        height: 850px;
        padding: 0px 0px 0px 0px;
        margin: 65px auto 0 auto;
    }
    .content-home .capabilities-3 .cap-3-left {
        width: 50%;
        margin: 0 25% 0 25%;
        float: none;
        height: 40%;
    }
    .content-home .capabilities-3 .cap-3-right {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
        height: 450px;
    }
    /*          How works kcalmar.pro for tablets (home - max 768px)            */
    .content-home .how-works {
        width: 94%;
        padding: 30px 3% 30px 3%;
        clear: both;
        height: 650px;
    }
    .content-home .how-works .h-w-wrapper {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .content-home .how-works h2 {
        font-size: 30px;
        padding: 25px 0;
        text-align: center;
    }
    /*          How works kcalmar.pro left part for tablets (home - max 768px)          */
    .content-home .how-works-left {
        float: left;
        width: 47%;
        margin-right: 3%;
    }
    /*          How works kcalmar.pro center part for tablets (home - max 768px)            */
    .content-home .how-works-center {
        position: absolute;
        left: 35%;
        float: none;
        background-size: 100%;
        width: 20%;
        height: 140px;
    }
    /*          How works kcalmar.pro right part for tablets (home - max 768px)         */
    .content-home .how-works-right {
        float: right;
        margin-left: 6%;
        width: 44%;
    }
    /*          income increase with kcalmar.pro for tablets (home - max 768px)         */
    .content-home .income-increase div {
        width: 49%;
    }
    /*              Start recent post for tablets                       */
    .content-home .recent-posts-left, .content-home .recent-posts-center, .content-home .recent-posts-right {
        height: 320px;
    }
    /*                  reviews about kcalmar start for tablets (home - max 768px)      */
    .content-home .reviews .reviews-item {
        width: 97%;
        height: 410px;
    }
    .content-home .reviews .reviews-item.patient {
        width: 97%;
        height: 170px;
    }
    /*.content-home .thumb-up-icon-4{
    display: block;
}
.content-home .thumb-up-icon{
    bottom: -30px;
}*/
    /*                  learn how to use kcalmar for tablets (home - max 768px) */
    .content-home .learn-1, .content-home .learn-2, .content-home .learn-3, .content-home .learn-4 {
        width: 48%;
    }
    /*                  Start try it 2 for tablets (home - max 768px)                       */
    .content-home .try-it-2 {
        height: 350px;
        background: url(../img/try-it-2.png) 85% 0%;
        background-size: cover;
    }
    .content-home .try-it-2 h2 {
        font-size: 28px;
        width: 60%;
    }
    /*    carousel home max 768px */
    .content-home .carousel-home-narrow-wrapper {
        float: none;
        width: 80%;
        margin: 0 auto;
    }
    .content-home .carousel-home h2 {
        float: none;
        text-align: center;
        width: 100%;
        margin: 2% 0 0 0;
    }
    .content-home .reviews .reviews-wrapper .col {
        float: none;
        width: 100%;
    }
    /*                  Start footer content for tablets (home - max 768px)         */
    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }
    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets (home - max 768px)            */
    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }
    /*        footer (home - max 768px)        */
    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    .speakers .speaker-card .desc-col img{
        float: none!important;
    }
}


/*          mobiles         */

@media screen and (max-width: 480px) {
    /*                  Header for mobiles              */
    html{
        letter-spacing: -0.5px;
    }
    .hamburger {
        top: 25px;
        right: 175px;
    }
    .header-home {
        height: 590px;
    }
    .main-menu li {
        margin: 0px 9px 10px 9px;
    }
    .header-home .header-center-content {
        padding-top: 50px;
        width: 90%;
    }
    .header-home  .header-center-content h1{
        font-size: 24px;
    }
    .header-home .header-center-content p {
        margin: 10px 5px;
    }
    .header-home .call-to-action-2 li {
        margin: 25px 3px;
    }
    /*      kcalmarpro capabilities no.1 for mobiles (home - max 480px)     */
    .content-home .capabilities-1 {
        clear: both;
        height: 900px;
        padding: 0px 0px 0px 0px;
        margin: 5px auto;
    }
    .content-home .capabilities-1 .cap-1-left {
        width: 90%;
        margin: 0 5% 0 5%;
        float: none;
        height: 42%;
    }
    .content-home .capabilities-1 .cap-1-right {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
    }
    .content-home .cap-1-right .apple-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-home .cap-1-right h3 {
        font-size: 24px;
        margin: 15px 0 15px 0;
    }
    .content-home .cap-1-right p {
        margin: 15px 0;
    }
    /*      kcalmarpro capabilities no.2 for mobiles (home)     */
    .content-home .cap-2-bg-color {
        height: 870px;
        width: 100%;
    }
    .content-home .capabilities-2 {
        height: 870px;
        padding: 30px 0 10px 0;
        margin: 5px auto;
    }
    .content-home .capabilities-2 .cap-2-right {
        width: 90%;
        margin: 0 5% 0 5%;
        height: 42%;
    }
    .content-home .capabilities-2 .cap-2-left {
        width: 96%;
        margin: 0 2% 0 2%;
    }
    .content-home .cap-2-left .dollar-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-home .cap-2-left h3 {
        font-size: 24px;
        margin: 15px 0px 15px 0;
    }
    .content-home .cap-2-left p {
        margin: 15px 0;
    }
    /*      kcalmarpro capabilities no.3 for mobiles (home)     */
    .content-home .capabilities-3 {
        height: 890px;
    }
    .content-home .capabilities-3 .cap-3-left {
        width: 90%;
        margin: 0 5% 0 5%;
        height: 42%;
    }
    .content-home .cap-3-right .apple-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-home .cap-3-right h3 {
        font-size: 24px;
        margin: 15px 0 15px 0;
    }
    .content-home .cap-3-right p {
        margin: 15px 0;
    }
    /*          How works kcalmar.pro for mobiles (home)            */
    .content-home .how-works {
        height: 1100px;
    }
    .content-home .how-works h2 {
        font-size: 26px;
    }
    /*          How works kcalmar.pro left part for mobiles (home)          */
    .content-home .how-works-left {
        float: none;
        width: 97%;
        margin: 0 1.5%;
    }
    /*          How works kcalmar.pro center part for mobiles (home)            */
    .content-home .how-works-center {
        position: inherit;
        background-size: 35%;
        width: 100%;
        margin: 20px 0 0 0;
    }
    /*          How works kcalmar.pro right part for mobiles (home)         */
    .content-home .how-works-right {
        float: none;
        margin: 0 1.5%;
        width: 97%;
    }
    /*          income increase with kcalmar.pro for mobiles (home)         */
    .content-home .income-increase div {
        width: 79%;
        margin: 0 10.5% 4% 10.5%;
    }
    .content-home .income-increase .i-i-wrapper>p {
        margin: 0 7% 55px 7%;
    }
    /*              Start recent post for mobiles (home)                        */
    .content-home .recent-posts p {
        margin: 0 10% 25px 10%;
    }
    .content-home .recent-posts-left, .content-home .recent-posts-center, .content-home .recent-posts-right {
        float: none;
        width: 78%;
        margin: 1% 11% 35px 11%;
        height: 500px;
    }
    .content-home .recent-posts-col p.post-author {
        margin-left: 55%;
    }
    /*                  reviews about kcalmar start for mobiles (home)      */
    .content-home .reviews .reviews-item {
        width: 97%;
        height: 650px;
    }
    .content-home .reviews .reviews-item.patient {
        width: 97%;
        height: 260px;
    }
    .content-home .reviews .additional-reviews .reviews-item {
        height: 690px;
    }
    .content-home .reviews a {
        margin-top: 0px;
    }
    /*.content-home .thumb-up-icon-4, .content-home .thumb-up-icon-5{
    display: block;
}
.content-home .thumb-up-icon{
    bottom: -28px;
}*/
    /*                  learn how to use kcalmar for tablets (home) */
    .content-home .learn-1, .content-home .learn-2, .content-home .learn-3, .content-home .learn-4 {
        width: 98%;
    }
    /*                  Start try it 2 for mobiles                  */
    .content-home .try-it-2 {
        background: url(../img/try-it-2.png) 85% 0%;
        background-size: cover;
    }
    .content-home .try-it-2 h2 {
        font-size: 24px;
        width: 60%;
    }
    /*    carousel home max 480px (home) */
    .content-home .carousel-home-narrow-wrapper {
        width: 50%;
    }
    /*                  Start footer content for mobiles            */
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-break {
        display: block;
        clear: both;
    }
    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */
    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}


/*                   APP                                        */


/*                  Header                  */

.header-app {
    height: 500px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/backgrounds/app_back.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-app .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}

/*              Header center part: "Stworzone dla dietetyków..."           */

.header-app .header-center-content {
    padding-top: 155px;
    margin: 0 auto;
    width: 550px;
}

.header-app .header-center-content b{
    font-weight: 700;
}

.header-app .header-center-content h2 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.header-app .header-center-content p {
    text-align: center;
    margin: 10px 65px;
}


/*      content start                   */


/*      kcalmar.pro capabilities            */


/*      kcalmarpro capabilities all links       */

.content-app .cap-1-right a, .content-app .cap-2-left a, .content-app .cap-3-right a, .content-app .cap-4-left a {
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75%;
    color: #fff;
    display: block;
    background-color: #e91f5e;
    padding: 15px 30px;
    border-radius: 100px;
    margin-right: 10px;
}

.content-app .cap-1-right a:hover, .content-app .cap-2-left a:hover, .content-app .cap-3-right a:hover, .content-app .cap-4-left a:hover {
    background-color: #b61f53;
}


/*      kcalmarpro capabilities no.1        */

.content-app .capabilities-1 {
    clear: both;
    height: 510px;
    width: 100%;
    max-width: 1000px;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
    margin: 35px auto;
}

.content-app .capabilities-1 .cap-1-left {
    width: 46%;
    margin: 2% 2% 0 2%;
    /* box-shadow: 0px 0px 15px #c7c7c7; */
    border-radius: 8px;
    float: left;
    background: url(../img/new_creator.png) center center no-repeat;
    background-size: 93%;
    height: 450px;
    overflow: hidden;
}

.content-app .capabilities-1 .cap-1-right {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
}

.content-app .cap-1-right .apple-ico {
    margin-top: 0px;
    width: 90px;
    height: 90px;
    background: url(../img/apple-ico.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.content-app .cap-1-right h3 {
    font-size: 30px;
    margin: 15px 50px 15px 0;
}

.content-app .cap-1-right p {
    color: #9ea5ad;
    margin: 10px 0;
    font-weight: 400;
}

.content-app .cap-1-right ul {
    color: #8d959d;
    font-weight: 400;
    margin-bottom: 20px;
}

.content-app .cap-1-right ul li {
    margin: 5px 0;
}

.content-app .cap-1-right ul li p {
    margin: 0px 15px;
}

.content-app .cap-1-right ul li div:first-child {
    position: relative;
    top: 7px;
    background-color: #8d959d;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 6px;
    height: 6px;
}

.content-app .cap-1-right ul li div:last-child {
    float: left;
    margin-left: 10px;
}

.content-app .cap-1-right span {
    color: #e91f5e;
}


/*      kcalmarpro capabilities no.2        */

.content-app .cap-2-bg-color {
    background-color: #00d3b4;
    height: 580px;
    width: 100%;
}

.content-app .capabilities-2 {
    clear: both;
    color: #fff;
    background-color: #00d3b4;
    /* height: 450px; */
    width: 100%;
    max-width: 1000px;
    padding: 40px 0 50px 0;
    margin: 35px auto;
    overflow: hidden;
}

.content-app .capabilities-2 .cap-2-right {
    width: 46%;
    margin: 2% 2% 0 2%;
    box-shadow: 0px 0px 15px #a7a7a7;
    border-radius: 8px;
    float: right;
    /*background: url(../img/PLANS.png) center center no-repeat #00d3b4;*/
    background-size: 90%;
    height: 470px;
    overflow: hidden;
    position: relative;
}

.content-app .capabilities-2 .cap-2-right img {
    position: absolute;
    width: 90%;
    margin-top: 28px;
    margin-left: 23px;
}

@-webkit-keyframes xfade {
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    92% {
        opacity: 0;
    }
}

@keyframes xfade {
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    92% {
        opacity: 0;
    }
}

.content-app .capabilities-2 .cap-2-right img:nth-child(4) {
    -webkit-animation: xfade 16s 0s infinite;
    animation: xfade 16s 0s infinite;
}

.content-app .capabilities-2 .cap-2-right img:nth-child(3) {
    -webkit-animation: xfade 16s 4s infinite;
    animation: xfade 16s 4s infinite;
}

.content-app .capabilities-2 .cap-2-right img:nth-child(2) {
    -webkit-animation: xfade 16s 8s infinite;
    animation: xfade 16s 8s infinite;
}

.content-app .capabilities-2 .cap-2-right img:nth-child(1) {
    -webkit-animation: xfade 16s 12s infinite;
    animation: xfade 16s 12s infinite;
}

.content-app .capabilities-2 .cap-2-left {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
    height: 450px;
    background-color: #00d3b4;
}

.content-app .cap-2-left .dish-ico {
    margin-top: 0px;
    width: 90px;
    height: 110px;
    background: url(../img/dish-icon.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.content-app .cap-2-left h3 {
    font-size: 30px;
    margin: 15px 50px 15px 0;
}

.content-app .cap-2-left p {
    color: #ffffff;
    margin: 10px 0;
    font-weight: 400;
}

.content-app .cap-2-left ul {
    color: #8d959d;
    font-weight: 400;
    margin-bottom: 20px;
}

.content-app .cap-2-left ul li {
    margin: 5px 0;
}

.content-app .cap-2-left ul li p {
    margin: 0px 15px;
}

.content-app .cap-2-left ul li div:first-child {
    position: relative;
    top: 7px;
    background-color: #ffffff;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 6px;
    height: 6px;
}

.content-app .cap-2-left ul li div:last-child {
    float: left;
    margin-left: 10px;
}


/*          How works kcalmar.pro           */

.content-app .how-works {
    width: 94%;
    padding: 30px 3% 30px 3%;
    clear: both;
    height: 650px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/how-works.jpg) center center no-repeat;
    background-size: cover;
}

.content-app .how-works .h-w-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-app .how-works h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-app .how-works li p {
    display: inline-block;
    font-size: 90%;
    width: 70%;
    margin: 10px;
}


/*          How works kcalmar.pro left part             */

.content-app .how-works-left {
    float: left;
    width: 25%;
}

.content-app .kcalmar-pro-icon-pink {
    width: 70px;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    background-image: url(../img/kcalmar-pro-logo-pink.png);
}

.content-app .how-works h3 {
    text-transform: uppercase;
    color: #e91f5e;
    font-weight: 700;
    font-size: 75%;
}

.content-app .kcalmar-pro-name {
    font-size: 30px;
    padding: 25px 0;
}

.content-app .how-works-icon-base {
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    top: 2px;
}

.content-app .medal-icon-pink {
    background-image: url(../img/medal-icon-pink.png);
}

.content-app .timer-icon-pink {
    background-image: url(../img/timer-icon-pink.png);
}

.content-app .note-icon-pink {
    background-image: url(../img/note-icon-pink.png);
}


/*          How works kcalmar.pro center part           */

.content-app .how-works-center {
    float: left;
    background: url(../img/phone-and-tablet.png) center center no-repeat;
    background-size: 100%;
    width: 46%;
    height: 500px;
}


/*          How works kcalmar.pro right part            */

.content-app .how-works-right {
    float: right;
    margin-left: 4%;
    width: 25%;
}

.content-app .how-works-right .app-button {
    max-width: 200px;
    width: 100%;
    margin: 20px auto 5px auto;
    height: 65px;
}

.content-app .how-works-right .app-store-button {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    max-height: 65px;
}

.content-app .kcalmar-com-icon {
    width: 130px;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    background-image: url(../img/kcalmar-com-logo-white.png);
}

.content-app .kcalmar-com-name {
    font-size: 30px;
    padding: 25px 0;
}

.content-app .medal-icon-aquamarine {
    background-image: url(../img/medal-icon-aquamarine.png);
}

.content-app .timer-icon-aquamarine {
    background-image: url(../img/timer-icon-aquamarine.png);
}

.content-app .note-icon-aquamarine {
    background-image: url(../img/note-icon-aquamarine.png);
}


/*      kcalmarpro capabilities no.3        */

.content-app .capabilities-3 {
    clear: both;
    height: 450px;
    width: 100%;
    max-width: 1000px;
    padding: 40px 0px 50px 0px;
    overflow: hidden;
    margin: 35px auto;
}

.content-app .capabilities-3 .cap-3-left {
    width: 46%;
    margin: 1% 2% 0 2%;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 8px;
    float: left;
    background: url(../img/tips.png) center center no-repeat;
    background-size: 90%;
    height: 450px;
    overflow: hidden;
}

.content-app .capabilities-3 .cap-3-right {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
    height: 450px;
}

.content-app .cap-3-right .tip-ico {
    margin-top: 0px;
    width: 90px;
    height: 90px;
    background: url(../img/tip-icon.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.content-app .cap-3-right h3 {
    font-size: 30px;
    margin: 15px 50px 45px 0;
}

.content-app .cap-3-right p {
    color: #9ea5ad;
    margin: 15px 0;
    font-weight: 400;
}

.content-app .cap-3-right ul {
    color: #8d959d;
    font-weight: 400;
    margin-bottom: 20px;
}

.content-app .cap-3-right ul li {
    margin: 5px 0;
}

.content-app .cap-3-right ul li p {
    margin: 0px 15px;
}

.content-app .cap-3-right ul li div:first-child {
    position: relative;
    top: 7px;
    background-color: #8d959d;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 6px;
    height: 6px;
}

.content-app .cap-3-right ul li div:last-child {
    float: left;
}

.content-app .cap-3-right span {
    color: #e91f5e;
}


/*      kcalmarpro capabilities no.4        */

.content-app .cap-4-bg-color {
    background-color: #00d3b4;
    height: 580px;
    width: 100%;
}

.content-app .capabilities-4 {
    clear: both;
    color: #fff;
    background-color: #00d3b4;
    height: 490px;
    width: 100%;
    max-width: 1000px;
    padding: 40px 0 50px 0;
    margin: 35px auto;
    overflow: hidden;
}

.content-app .capabilities-4 .cap-4-right {
    width: 46%;
    margin: 2% 2% 0 2%;
    box-shadow: 0px 0px 15px #a7a7a7;
    border-radius: 8px;
    float: right;
    background: url(../img/mobile.png) center 100% no-repeat #00d3b4;
    background-size: 90%;
    height: 450px;
    overflow: hidden;
}

.content-app .capabilities-4 .cap-4-left {
    width: 46%;
    margin: 0 2% 0 2%;
    float: left;
    height: 450px;
    background-color: #00d3b4;
}

.content-app .cap-4-left .apple-ico {
    margin-top: 0px;
    width: 80px;
    height: 110px;
    background: url(../img/faq-icon.png) center center no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.content-app .cap-4-left h3 {
    font-size: 30px;
    margin: 15px 50px 15px 0;
}

.content-app .cap-4-left p {
    margin: 15px 0;
    font-weight: 400;
}

.content-app .cap-4-left ul {
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 20px;
}

.content-app .cap-4-left ul li {
    margin: 5px 0;
}

.content-app .cap-4-left ul li p {
    margin: 0px 15px;
}

.content-app .cap-4-left ul li div:first-child {
    position: relative;
    top: 7px;
    background-color: #ffffff;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 6px;
    height: 6px;
}

.content-app .cap-4-left ul li div:last-child {
    float: left;
    margin-left: 10px;
}


/*                  tray it no. 1 start                 */

.content-app .try-it-1 {
    height: 270px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/backgrounds/home_00.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 80%;
    padding: 20px 10% 20px 10%;
}

.content-app .try-it-1 h2 {
    font-size: 44px;
    margin: 50px 0 25px 0;
    text-align: center;
}

.content-app .try-it-1 h2 span {
    color: #e91f5e;
}

.content-app .try-it-1 p {
    padding-bottom: 25px;
    text-align: center;
}

.content-app .try-it-1 a {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 180px;
    margin: 25px auto;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-app .try-it-1 a:hover {
    background-color: #b61f53;
}


/*          Start footer                                */


/*                  Start footer content            */

.footer .footer-content {
    color: #5a6a70;
    height: 230px;
    width: 96%;
    padding: 40px 2%;
}

.footer .footer-content .footer-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.footer .footer-content .footer-logo {
    display: block;
    background: url(../img/kcalmar-pro-logo-turquoise.png) center center no-repeat;
    background-size: 100%;
    width: 10%;
    height: 170px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 7% 0 0;
    float: left;
}
.footer .footer-content nav a {
    color: #c7c7c7;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 400;
}

.footer .footer-content nav a:hover {
    color: #5a6a70;
}

.footer .footer-content p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer-content-1 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-2 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-3 {
    float: left;
    width: 18%;
    margin: 1%;
}


/*                  social media part           */

.footer-content-social {
    float: left;
    width: 20%;
    margin: 1%;
}

.footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.social-info {
    color: #c7c7c7;
    font-weight: 400 !important;
    line-height: 130%;
    text-transform: initial !important;
    padding-bottom: 0 !important;
}

.footer-content-social li {
    float: left;
    display: block;
}

.footer-content-social li a {
    line-height: 0;
    margin: 0 5px 0 0;
    text-indent: -10000px;
}

.footer-content-social li a:hover {
    opacity: 0.6;
}

.footer .footer-content .footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.fb, .tw, .pi, .in, .yt {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.fb {
    background-image: url(../img/fb.png);
}

.tw {
    background-image: url(../img/tw.png);
}

.pi {
    background-image: url(../img/pi.png);
}

.in {
    background-image: url(../img/in.png);
}

.yt {
    background-image: url(../img/yt.png);
    background-size: 120%;
}


/*                      MEDIA QUERIES                   */


/*          narrow screen           */

@media screen and (max-width: 870px) {
    /*                  Header for narrow screen                */
    /*      kcalmarpro capabilities all links for narrow screen     */
    .content-app .cap-1-right a, .content-app .cap-2-left a, .content-app .cap-3-right a, .content-app .cap-4-left a {
        font-size: 70%;
        padding: 15px 10px;
        border-radius: 100px;
        margin-right: 5px;
    }
    .content-app .cap-1-right li:last-child a, .content-app .cap-3-right li:last-child a {
        padding: 13px 8px;
    }
    .content-app .cap-2-left li:last-child a, .content-app .cap-4-left li:last-child a {
        padding: 13px 8px;
    }
    /*      kcalmarpro capabilities 1,2,3,4 height for narrow screen        */
    .content-app .cap-2-bg-color {
        height: 630px;
        width: 100%;
    }
    .content-app .capabilities-2 {
        height: 510px;
    }
    .content-app .capabilities-3 {
        height: 510px;
    }
    .content-app .capabilities-4 {
        height: 510px;
    }
    .content-app .cap-4-bg-color {
        height: 630px;
        width: 100%;
    }
    /*  social from footer  */
    .fb, .tw, .pi, .in, .yt {
        background-size: 110%;
        width: 23px;
        height: 23px;
    }
}


/*          tablets         */

@media screen and (max-width: 768px) {
    /*                  Header for tablets                  */
    .header-app .header-center-content {
        padding-top: 40px;
        width: 80%;
    }
    .header-app .header-center-content h2 {
        font-size: 32px;
        margin: 20px 0;
        text-align: center;
    }
    /*      kcalmarpro capabilities no.1 for tablets        */
    .content-app .capabilities-1 {
        clear: both;
        height: 770px;
        padding: 40px 0 0 0;
    }
    .content-app .capabilities-1 .cap-1-left {
        width: 50%;
        margin: 0 25% 0 25%;
        float: none;
        height: 45%;
    }
    .content-app .capabilities-1 .cap-1-right {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
    }
    /*      kcalmarpro capabilities no.2 for tablets        */
    .content-app .cap-2-bg-color {
        height: 770px;
    }
    .content-app .capabilities-2 {
        clear: both;
        height: 720px;
        padding: 30px 0 10px 0;
        margin: 35px auto;
    }
    .content-app .capabilities-2 .cap-2-right {
        width: 50%;
        margin: 0 25% 0 25%;
        float: none;
        height: 40%;
    }
    .content-app .capabilities-2 .cap-2-left {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
        height: 40%;
    }
    /*          How works kcalmar.pro for tablets           */
    .content-app .how-works {
        width: 94%;
        padding: 30px 3% 30px 3%;
        clear: both;
        height: 650px;
    }
    .content-app .how-works .h-w-wrapper {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    .content-app .how-works h2 {
        font-size: 30px;
        padding: 25px 0;
        text-align: center;
    }
    /*          How works kcalmar.pro left part for tablets         */
    .content-app .how-works-left {
        float: left;
        width: 47%;
        margin-right: 3%;
    }
    /*          How works kcalmar.pro center part for tablets           */
    .content-app .how-works-center {
        position: absolute;
        left: 35%;
        float: none;
        background-size: 100%;
        width: 20%;
        height: 140px;
    }
    /*          How works kcalmar.pro right part for tablets            */
    .content-app .how-works-right {
        float: right;
        margin-left: 6%;
        width: 44%;
    }
    /*      kcalmarpro capabilities no.3 for tablets        */
    .content-app .capabilities-3 {
        clear: both;
        height: 720px;
        padding: 5px 0px 0px 0px;
        margin: 40px auto 0 auto;
    }
    .content-app .capabilities-3 .cap-3-left {
        width: 50%;
        margin: 0 25% 0 25%;
        float: none;
        height: 40%;
    }
    .content-app .capabilities-3 .cap-3-right {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
        height: 450px;
    }
    /*      kcalmarpro capabilities no.4 for tablets        */
    .content-app .cap-4-bg-color {
        height: 800px;
        width: 100%;
    }
    .content-app .capabilities-4 {
        clear: both;
        height: 940px;
        padding: 30px 0 10px 0;
        margin: 35px auto;
    }
    .content-app .capabilities-4 .cap-4-right {
        width: 50%;
        margin: 0 25% 5px 25%;
        float: none;
        height: 28%;
    }
    .content-app .capabilities-4 .cap-4-left {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
        height: 40%;
    }
    /*                  Start footer content for tablets            */
    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }
    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets           */
    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }
    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}


/*          mobiles         */

@media screen and (max-width: 480px) {
    /*                  Header for mobiles              */
    .header-app {
        margin-bottom: 30px;
        height: 440px;
    }
    .header-app .header-center-content {
        padding-top: 50px;
        width: 90%;
    }
    .header-app .header-center-content h2 {
        font-size: 24px;
    }
    .header-app .header-center-content p {
        margin: 10px 5px;
    }
    /*      kcalmarpro capabilities no.1 for mobiles        */
    .content-app .capabilities-1 {
        clear: both;
        height: 880px;
        padding: 0px 0px 0px 0px;
        margin: 5px auto;
    }
    .content-app .capabilities-1 .cap-1-left {
        width: 90%;
        margin: 10px 5% 0px 5%;
        float: none;
        height: 32%;
    }
    .content-app .capabilities-1 .cap-1-right {
        width: 96%;
        margin: 0 2% 0 2%;
        float: none;
    }
    .content-app .cap-1-right .apple-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-app .cap-1-right h3 {
        font-size: 24px;
        margin: 15px 0 15px 0;
    }
    .content-app .cap-1-right p {
        margin: 15px 0;
    }
    /*      kcalmarpro capabilities no.2 for mobiles        */
    .content-app .cap-2-bg-color {
        height: 960px;
    }
    .content-app .capabilities-2 {
        height: 920px;
        padding: 30px 0 10px 0;
        margin: 5px auto;
    }
    .content-app .capabilities-2 .cap-2-right {
        width: 90%;
        margin: 0 5% 10px 5%;
        height: 34%;
    }
    .content-app .capabilities-2 .cap-2-right img {
        margin-left: 15px;
    }
    .content-app .capabilities-2 .cap-2-left {
        width: 96%;
        margin: 0 2% 0 2%;
    }
    .content-app .cap-2-left .dollar-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-app .cap-2-left h3 {
        font-size: 24px;
        margin: 15px 0px 15px 0;
    }
    .content-app .cap-2-left p {
        margin: 15px 0;
    }
    /*          How works kcalmar.pro for mobiles           */
    .content-app .how-works {
        height: auto;
    }
    .content-app .how-works h2 {
        font-size: 26px;
    }
    /*          How works kcalmar.pro left part for mobiles         */
    .content-app .how-works-left {
        float: none;
        width: 97%;
        margin: 0 1.5%;
    }
    /*          How works kcalmar.pro center part for mobiles           */
    .content-app .how-works-center {
        position: inherit;
        background-size: 35%;
        width: 100%;
        margin: 20px 0 0 0;
    }
    /*          How works kcalmar.pro right part for mobiles            */
    .content-app .how-works-right {
        float: none;
        margin: 0 1.5%;
        width: 97%;
    }
    /*      kcalmarpro capabilities no.3 for mobiles        */
    .content-app .capabilities-3 {
        height: 890px;
    }
    .content-app .capabilities-3 .cap-3-left {
        width: 90%;
        margin: 10px 5% 0 5%;
        height: 42%;
    }
    .content-app .cap-3-right .apple-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-app .cap-3-right h3 {
        font-size: 24px;
        margin: 15px 0 15px 0;
    }
    .content-app .cap-3-right p {
        margin: 15px 0;
    }
    /*      kcalmarpro capabilities no.4 for mobiles        */
    .content-app .cap-4-bg-color {
        height: 930px;
        width: 100%;
    }
    .content-app .capabilities-4 {
        height: 970px;
        padding: 30px 0 10px 0;
        margin: 5px auto;
    }
    .content-app .capabilities-4 .cap-4-right {
        width: 90%;
        margin: 0 5% 10px 5%;
        height: 28%;
    }
    .content-app .capabilities-4 .cap-4-left {
        width: 96%;
        margin: 0 2% 0 2%;
    }
    .content-app .cap-4-left .dollar-ico {
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }
    .content-app .cap-4-left h3 {
        font-size: 24px;
        margin: 15px 0px 15px 0;
    }
    .content-app .cap-4-left p {
        margin: 15px 0;
    }
    /*                  Start footer content for mobiles            */
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-break {
        display: block;
        clear: both;
    }
    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */
    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}


/*               About us                                     */


/*                  Header                  */

.header-about-us {
    height: 650px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/about_back.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-about-us .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}


/*                  header Kcalmar icon                 */


/*              Header center part                  */

.header-about-us .header-center-content {
    padding-top: 190px;
    margin: 0 auto;
    width: 550px;
}

.header-about-us .header-center-content h2 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.header-about-us .header-center-content p {
    text-align: center;
    margin: 10px 15px;
    font-size: 94%;
}


/*      content start                   */


/*                   kcalmar.pro ambassadors            */


/*                carousel                */

#ambassadors-carousel {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.customNavigation {
    text-align: center;
}

/* use styles below to disable ugly selection*/
.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*        end of carousel        */

.content-about-us .ambassadors {
    clear: both;
    width: 96%;
    padding: 20px 2%;
    position: relative;
    top: -260px;
    margin: 0 0 -260px 0;
}

.content-about-us .ambassadors .ambassadors-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-about-us .ambassadors .ambassadors-wrapper:hover {
    cursor: grab;
}

.content-about-us .ambassadors .ambassadors-item {
    background-color: #fff;
    box-shadow: 0px 0px 15px #c7c7c7;
    height: 250px;
    padding: 30px 0px;
    margin: 10px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}


/*.content-about-us .ambassadors .ambassadors-item:hover {
            height: 1000px;
        }*/


/*.content-about-us .ambassadors .ambassadors-item:hover p{
            text-overflow: inherit !important;
            overflow: visible !important;
            white-space: normal !important;
            transition: all 2s !important;
        }*/

.content-about-us .ambassadors .ambassadors-item .ambassadors-item-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 220px;
    margin-top: 25px;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-item-name .ambassadors-name {
    margin: auto;
    width: 83%;
    margin-bottom: 33px;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio {
    transition: all 1s;
    z-index: 100;
    top: -70%;
    height: 64%;
    width: 90%;
    position: absolute;
    border-radius: 5px 5px 0px 0px;
    background-color: #e91f5e;
}

.content-about-us ::-webkit-scrollbar {
   background: transparent;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio div.content {
    text-align: center;
    font-size: 12px;
    color: white;
    background-color: #e91f5e;
    opacity: 1;
    border-radius: 3px;
    padding-top: 0px;
    font-weight: 400;
    box-sizing: border-box;
    padding: 5px 5px;
    /* margin-left: 10px; */
    /* margin-right: 2px; */
    margin: 0 auto;
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
}

/* .content-about-us .ambassadors .ambassadors-item .ambassadors-bio #zb {
    margin-right: 8px;
} */

.content-about-us .ambassadors .ambassadors-item .scroll-pane {
    /*width: 225px;*/
    overflow-y: auto!important;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio .jspContainer {
    /*width: 100%;*/
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio .jspPane {
    /*width: 100% !important;*/
    margin: 0 auto!important;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio .jspVerticalBar {
    width: 8px;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio .jspVerticalBar .jspDrag {
    background: #af0037;
}

.content-about-us .ambassadors .ambassadors-item .ambassadors-bio .jspVerticalBar .jspTrack {
    /* background: #ff3678; */
    display: none!important;
}


/*.content-about-us .ambassadors .ambassadors-item .ambassadors-item-name .ambassadors-bio:hover {
            text-overflow: inherit;
            overflow: visible;
            white-space: normal;
            transition: all 2s;
        }*/

.content-about-us .ambassadors .circular {
    background-size: 111%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0px auto;
}


/*                          photos in revievs about kcalmar                                     */

.ambassadors-photo-1 {
    background-image: url(../img/ania_z.png);
}

.ambassadors-photo-2 {
    background-image: url(../img/bartek_p.jpg);
}

.ambassadors-photo-3 {
    background-image: url(../img/hs.jpg);
}

.ambassadors-photo-4 {
    background-image: url(../img/mh.png);
}

.ambassadors-photo-5 {
    background-image: url(../img/mg.jpg);
}

.ambassadors-photo-6 {
    background-image: url(../img/zb.jpg);
}

.content-about-us .ambassadors p {
    font-size: 115%;
    color: #5a6a70;
    text-align: center;
}

.ambassadors-social {
    width: 40%;
    margin: 0 33%;
    text-align: center;
}

.ambassadors-social div {
    background-repeat: no-repeat;
    background-size: 300%;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    text-align: center;
}

.ambassadors-social div:nth-child(1) {
    background-image: url(../img/ambassadors-social-icons.png);
    background-position: -8% 50%;
    float: left;
}

.ambassadors-social div a {
    display: block;
    width: 100%;
    height: 100%;
}

.ambassadors-social div a:hover {
    border-radius: 7px;
    box-shadow: 0px 0px 15px #c7c7c7;
}

.ambassadors-social div:nth-child(2) {
    background-image: url(../img/ambassadors-social-icons.png);
    background-position: 41% 50%;
    display: inline-block;
    margin: 0 auto;
}

.ambassadors-social div:nth-child(3) {
    background-image: url(../img/ambassadors-social-icons.png);
    background-position: 98% 50%;
    float: right;
}

.ambassadors-social:after {
    content: "";
    clear: both;
    display: block;
}

.content-about-us .ambassadors p span a {
    color: #e91f5e;
    font-weight: 500;
    font-size: 70%;
    text-align: center;
    padding: 3px 7px;
}

.content-about-us .ambassadors p span a:hover {
    border-radius: 10px;
    box-shadow: 0px 0px 25px #c7c7c7;
}

.content-about-us .ambassadors .hanna-name {
    margin-bottom: 0px !important;
}

.content-about-us .ambassadors .hanna-site {
    margin-top: 11px;
}


/*                  meet our team                   */

.content-about-us .team {
    clear: both;
    width: 96%;
    padding: 10px 2% 30px 2%;
}

.content-about-us .team .team-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.content-about-us .team .row-f{
    display: flex;
    justify-content: space-between;
}

.content-about-us .team h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: center;
}

.content-about-us .team .team-wrapper>p {
    color: #8c959e;
    padding-bottom: 25px;
    margin: 0 15% 20px 15%;
    text-align: center;
}

.content-about-us .team-1, .team-2, .team-3, .team-4 {
    float: left;
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 23%;
    margin: 0 1% 5% 1%;
    height: 475px;
    border-radius: 5px;
    background-color: #fff;
}


/*          containers for team photos              */

.content-about-us .team-1 div, .team-2 div, .team-3 div, .team-4 div {
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
}

.content-about-us .team-1 div {
    background-image: url(../img/about_pb.jpg);
}

.content-about-us .team-2 div {
    background-image: url(../img/about_kt.jpg);
}

.content-about-us .team-3 div {
    background-image: url(../img/about_ml.jpg);
}

.content-about-us .team-4 div {
    background-image: url(../img/about_ak.jpg);
}

.content-about-us .team-1 p:nth-child(2), .team-2 p:nth-child(2), .team-3 p:nth-child(2), .team-4 p:nth-child(2) {
    color: #5a6a70;
    font-weight: 400;
    font-size: 120%;
    text-align: center;
    margin: 20px 0;
}

.content-about-us .team-1 p, .team-2 p, .team-3 p, .team-4 p {
    color: #8c959e;
    font-weight: 400;
    text-align: center;
    margin: 15px;
    font-size: 12.5px;
}


/*          Start footer                                */

.footer {}


/*                  Start footer content            */

.footer .footer-content {
    color: #5a6a70;
    width: 96%;
    padding: 40px 2%;
}

.footer .footer-content .footer-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.footer .footer-content .footer-logo {
    display: block;
    background: url(../img/kcalmar-pro-logo-turquoise.png) center center no-repeat;
    background-size: 100%;
    width: 10%;
    height: 170px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 7% 0 0;
    float: left;
}
.footer .footer-content nav a {
    color: #c7c7c7;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 400;
}

.footer .footer-content nav a:hover {
    color: #5a6a70;
}

.footer .footer-content p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer-content-1 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-2 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-3 {
    float: left;
    width: 18%;
    margin: 1%;
}


/*                  social media part           */

.footer-content-social {
    float: left;
    width: 20%;
    margin: 1%;
}

.footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.social-info {
    color: #c7c7c7;
    font-weight: 400 !important;
    line-height: 130%;
    text-transform: initial !important;
    padding-bottom: 0 !important;
}

.footer-content-social li {
    float: left;
    display: block;
}

.footer-content-social li a {
    line-height: 0;
    margin: 0 5px 0 0;
    text-indent: -10000px;
}

.footer-content-social li a:hover {
    opacity: 0.6;
}

.footer .footer-content .footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.fb, .tw, .pi, .in, .yt {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.fb {
    background-image: url(../img/fb.png);
}

.tw {
    background-image: url(../img/tw.png);
}

.pi {
    background-image: url(../img/pi.png);
}

.in {
    background-image: url(../img/in.png);
}

.yt {
    background-image: url(../img/yt.png);
    background-size: 120%;
}


/*                      MEDIA QUERIES                   */


/*          narrow screen (about-us)            */

@media screen and (max-width: 870px) {
    .content-about-us .team-1, .team-2, .team-3, .team-4 {
        height: 420px;
        margin: 10px auto;
    }
    .content-about-us .team .row-f{
      flex-direction: column;
    }
}


/*          tablets (about-us)      */

@media screen and (max-width: 768px) {
    .header-about-us .header-center-content {
        padding-top: 0px;
        width: 90%;
    }
    .header-about-us .header-center-content h2 {
        font-size: 32px;
        margin: 20px 0;
        text-align: center;
    }
    .header-about-us {
        height: 520px;
    }
    /*        meet our team for tablets (about-us)                */
    .content-about-us .team .team-wrapper>p {
        margin: 0 2% 20px 2%;
    }
    .content-about-us .team-1, .team-2, .team-3, .team-4 {
        width: 48%;
        height: 480px;
    }
    /*          containers for team photos (tablets - about-us)             */
    .content-about-us .team-1 div, .team-2 div, .team-3 div, .team-4 div {
        background-position: 50% 20%;
        height: 230px;
    }
    /*                  Start footer content for tablets (about-us)         */
    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }
    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets (about-us)            */
    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }
    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}


/*          mobiles (about-us)          */

@media screen and (max-width: 480px) {
    /*  Header center part for tablets  (about-us)  */
    .header-about-us .header-center-content {
        width: 100%;
    }
    .content-about-us .ambassadors .ambassadors-item .ambassadors-bio #bp {
        margin-right: 8px;
    }
    /*    .content-about-us .ambassadors .ambassadors-item .ambassadors-bio{
        width: 90%;
    }
    .content-about-us .ambassadors .ambassadors-item .ambassadors-bio .jspPane {
    width: 100% !important;
    }*/
    /*.content-about-us .ambassadors .ambassadors-item .ambassadors-bio div.content{
        margin-right: 14px;
    }
}*/
    /*        meet our team for tablets (about-us)                */
    .content-about-us .team-1, .team-2, .team-3, .team-4 {
        width: 90%;
        margin: 0 5% 5% 5%;
        height: 480px;
    }
    /*                  Start footer content for mobiles (about-us)         */
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-break {
        display: block;
        clear: both;
    }
    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part (about-us)            */
    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}


/*               knowledge                               */


/*                  Header                  */

.header-knowledge {
    height: 420px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/backgrounds/know_back.jpg) center 59%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-knowledge .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}


/*          Header center part  (knowledge)             */

.header-knowledge .header-center-content {
    padding-top: 160px;
    margin: 0 auto;
    width: 590px;
}

.header-knowledge .header-center-content h1 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.header-knowledge .header-center-content p {
    text-align: center;
    line-height: 148%;
    font-size: 95%;
    width: 77%;
    margin: auto;
}

.header-knowledge .header-center-content p span {
    font-weight: 500;
}


/*      content start                   */


/*sign up for webinar (knowledge)*/

.content-knowledge .sign-up-webinar h2 {
    font-size: 32px;
    text-align: center;
    margin: 30px 0 20px 0;
}

.content-knowledge .sign-up-webinar-wrapper {
    max-width: 1000px;
    margin: 0 auto 55px auto;
}

.content-knowledge .sign-up-webinar .event {
    /*width: 800px;*/
    min-height: 180px;
    border-radius: 3px;
    background-color: #f5f6f9;
    box-shadow: 0px 0px 8px #737373;
    margin: 0 auto 30px auto;
}

.content-knowledge .sign-up-webinar .event:after {
    content: '';
    display: block;
    clear: both;
}


/*left part of sign up for webinar div */

.content-knowledge .sign-up-webinar .left {
    float: left;
    width: 50%;
    background-image: url(../img/calendar.png);
    background-repeat: no-repeat;
    background-position: 9% 43%;
    background-size: 10%;
}

.content-knowledge .sign-up-webinar .left h3 {
    padding: 0 0 0 75px;
    margin: 40px 30px 20px 30px;
    font-size: 22px;
    font-weight: 400;
}

.content-knowledge .sign-up-webinar .left p:nth-child(2) {
    font-size: 16px;
    margin: 10px 30px;
    font-weight: 500;
}

.content-knowledge .sign-up-webinar .left p:nth-child(3) {
    margin: 10px 30px -20px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-knowledge .sign-up-webinar .left span {
    color: black;
}


/*right part of sign up for webinar div */

.content-knowledge .sign-up-webinar .right {
    float: right;
    width: 50%;
    background-image: url(../img/flag.png);
    background-repeat: no-repeat;
    background-position: 95% 10%;
    background-size: auto;
}

.content-knowledge .sign-up-webinar .right:after {
    content: '';
    display: block;
    clear: both;
}

.content-knowledge .sign-up-webinar .right p:nth-child(1) {
    float: left;
    margin: 100px 0px 0 0;
    font-weight: 500;
}

.content-knowledge .sign-up-webinar .right p:nth-child(2) {
    float: left;
    position: relative;
    top: 120px;
    right: 115px;
    text-transform: uppercase;
}

.content-knowledge .sign-up-webinar .right a {
    float: right;
    margin: 90px 30px 0 0;
    padding: 7px 45px;
    color: #fff;
    background: linear-gradient(to bottom, #79c944 0%, #70c03a 100%);
    border-radius: 20px;
    border-bottom: 2px solid #5da032;
}

.content-knowledge .sign-up-webinar .right a:hover {
    background: linear-gradient(to bottom, #5da032 0%, #5da032 100%);
}


/*      learn-how-to (knowledge)            */

.content-knowledge .learn-how-to {
    width: 100%;
    margin: 25px 0;
    padding: 60px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/know_learn.jpg) center 30%;
    background-repeat: no-repeat;
    color: #fff;
    height: 250px;
}

.content-knowledge .learn-how-to h2 {
    font-size: 40px;
    text-align: center;
    margin: 40px auto 25px auto;
}

.content-knowledge .learn-how-to p {
    text-align: center;
    margin: 0 auto;
    width: 50%;
    max-width: 380px;
}
.internal-training-card{
    min-height: 180px;
    border-radius: 3px;
    background-color: #f5f6f9;
    box-shadow: 0px 0px 8px #737373;
    margin: 0 auto 30px auto;
}
.internal-training-card .row-f{
    display: flex;
    flex-wrap: wrap;
}
.internal-training-card > .row-f > .col-f{
    padding: 20px;
}
.internal-training-card .col-f.col-75{
    max-width: calc(75% - 40px);
    flex: 1 0 75%;
}
.internal-training-card .col-f.col-25{
    max-width: calc(25% - 40px);
    flex: 1 0 25%;
}
.internal-training-card .col-f.col-image{
    max-width: calc(85px);
    flex: 1 0 85px;
    margin-right: 10px;
}
.internal-training-card .col-f.col-after-image{
    max-width: calc(100% - 95px);
    flex: 1 0 calc(100% - 95px);
}
.internal-training-card .title{
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 15px;
}
.internal-training-card .author,
.internal-training-card .date{
    font-size: 16px;
    font-weight: 400;
    margin-top: 14px;
    /*margin-left: 14px;*/
}
.internal-training-card .button-container{
    text-align: center;
}
.internal-training-card img{
    border-radius: 50px;
    box-shadow: 0px 1px 1px 1px #cacaca;
}
.internal-training-card button{
    padding: 13px 15px;
    border-radius: 60px;
    background-color: #e91f5e;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    margin: auto;
    margin-top: 45px;
    width: 200px;
    max-width: 100%;
    cursor: pointer;
}
.internal-training-card button:hover{
    opacity: 0.7;
}
.internal-training-card .hint{
    margin-top: 10px;
    margin-left: 20px;
    text-align: left;
    font-size: 10px;
    color: #737373;
    font-weight: 500;
}
div#select-id-guide {
    text-align: center;
    width: 210px;
    float: left;
    margin-top: 53px;
}

span.select2-selection.select2-selection--single {
    background-color: #e91f5e;
    border-radius: 20px;
    border: 0;
}

span.select2-selection.select2-selection--single b {
    /*border-color: #ffffff transparent transparent transparent !important;*/
}

span#select2-select-guide-container {
    color: #ffffff;
    text-align: center;
}

span#select2-select-guide-container:focus {
    outline: none;
}

li[aria-selected=true] {
    display: none !important;
}

.select2-dropdown {
    border: 0 !important;
}

.select2-results ul {
    /*border-radius:0 0 20px 20px;*/
    border: 0.5px #80052f solid;
}

.select2-results li {
    background-color: #e91f5e;
    color: #ffffff;
    text-align: center;
    /*border-bottom: 0.5px #80052f solid;*/
}


/*.select2-container--default .select2-results__option[aria-selected=true]{
    background: #bd003b !important;
}*/

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #bd003b !important;
}

.content-knowledge .learn-how-to .select-type {
    margin: 12px auto;
    width: 390px;
}

.content-knowledge .learn-how-to .select-type label {
    float: left;
    font-weight: 500;
    font-size: 80%;
    margin: 60px 20px 60px 0;
}


/*  field  */

.content-knowledge .learn-how-to .select-type select {
    margin: 30px 0;
    /*background-image: url(../img/apple-knowledge.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: 8% 50%;*/
    /*background-size: 6%;*/
    width: 210px;
    padding: 10px 5px 10px 55px;
    border-radius: 20px;
    border: 0px;
}


/*videos*/

.content-knowledge .videos-knowledge .learn-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-knowledge .videos-knowledge .learn-wrapper:after {
    content: '';
    display: block;
    clear: both;
}


/*.content-knowledge .videos-knowledge .learn-wrapper .category-1,
.content-knowledge .videos-knowledge .learn-wrapper .category-2,
.content-knowledge .videos-knowledge .learn-wrapper .category-3,
.content-knowledge .videos-knowledge .learn-wrapper .category-4{
    margin-bottom: 25px;
}*/


/*.content-knowledge .videos-knowledge .category-1,
.content-knowledge .videos-knowledge .category-2,
.content-knowledge .videos-knowledge .category-3,
.content-knowledge .videos-knowledge .category-4{
    height: 320px;
}*/

.content-knowledge .videos-knowledge .last {
    clear: both;
}

.content-knowledge .videos-knowledge h3 {
    clear: both;
    margin: 30px 1%;
    font-weight: 500;
    text-transform: uppercase;
}

.content-knowledge .videos-knowledge .learn-1, .content-knowledge .videos-knowledge .learn-2, .content-knowledge .videos-knowledge .learn-3, .content-knowledge .videos-knowledge .learn-4, .content-knowledge .videos-knowledge .learn-5 {
    float: left;
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 23%;
    margin: 0 1% 1% 1%;
    height: 240px;
    border-radius: 5px;
    background-color: #fff;
}

.content-knowledge .videos-knowledge a.learn-more {
    clear: both;
    display: block;
    /* position: relative; */
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 120px;
    margin: 290px auto 15px auto;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-knowledge .videos-knowledge a.learn-more:hover {
    cursor: pointer;
    color: #e91f5e;
    background-color: white;
    box-shadow: 0px 0px 15px #c7c7c7;
}

.content-knowledge .videos-knowledge .additional-videos {
    display: none;
}


/*containers for videos - learn-how-to (knowledge)*/

.content-knowledge .videos-knowledge .learn-1 div, .content-knowledge .videos-knowledge .learn-2 div, .content-knowledge .videos-knowledge .learn-3 div, .content-knowledge .videos-knowledge .learn-4 div, .content-knowledge .videos-knowledge .learn-5 div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 170px;
    cursor: pointer;
}


/*All preview images for videos - learn-how-to (knowledge) */


/*first row*/

.content-knowledge .videos-knowledge .category-1 .learn-1 div {
    background-image: url(../img/youtube/create_diet.jpg);
}

.content-knowledge .videos-knowledge .category-1 .learn-2 div {
    background-image: url(../img/youtube/new_dish.jpg);
}

.content-knowledge .videos-knowledge .category-1 .learn-3 div {
    background-image: url(../img/youtube/advanced.jpg);
}

.content-knowledge .videos-knowledge .category-1 .learn-4 div {
    background-image: url(../img/youtube/comment.jpg);
}


/* additional videos */

.content-knowledge .videos-knowledge .category-1 .additional-videos .learn-1 div {
    background-image: url(../img/youtube/dont_diet.jpg);
}

.content-knowledge .videos-knowledge .category-1 .additional-videos .learn-2 div {
    background-image: url(../img/youtube/inner_diet.jpg);
}

.content-knowledge .videos-knowledge .category-1 .additional-videos .learn-3 div {
    background-image: url(../img/youtube/clone.jpg);
}

.content-knowledge .videos-knowledge .category-1 .additional-videos .learn-4 div {
    background-image: url(../img/youtube/fast_dish.jpg);
}

.content-knowledge .videos-knowledge .category-1 .additional-videos .learn-5 div {
    background-image: url(../img/youtube/energy.jpg);
}


/*second row*/

.content-knowledge .videos-knowledge .category-2 .learn-1 div {
    background-image: url(../img/youtube/payment.jpg);
}

.content-knowledge .videos-knowledge .category-2 .learn-2 div {
    background-image: url(../img/youtube/invoice.jpg);
}

.content-knowledge .videos-knowledge .category-2 .learn-3 div {
    background-image: url(../img/youtube/with_email.jpg);
}

.content-knowledge .videos-knowledge .category-2 .learn-4 div {
    background-image: url(../img/youtube/no_email.jpg);
}


/*third row*/

.content-knowledge .videos-knowledge .category-3 .learn-1 div {
    background-image: url(../img/youtube/new_features.jpg);
}

.content-knowledge .videos-knowledge .category-3 .learn-2 div {
    background-image: url(../img/youtube/20_09.jpg);
}

.content-knowledge .videos-knowledge .category-3 .learn-3 div {
    background-image: url(../img/youtube/12_08.jpg);
}

.content-knowledge .videos-knowledge .category-3 .learn-4 div {
    background-image: url(../img/youtube/05_08.jpg);
}

.content-knowledge .videos-knowledge .category-3 .additional-videos .learn-1 div {
    background-image: url(../img/youtube/14_07.jpg);
}


/*fourth row*/

.content-knowledge .videos-knowledge .category-4 .learn-1 div {
    background-image: url(../img/youtube/master.jpg);
}

.content-knowledge .videos-knowledge .category-4 .learn-2 div {
    background-image: url(../img/youtube/pdf.jpg);
}

.content-knowledge .videos-knowledge .category-4 .learn-3 div {
    background-image: url(../img/youtube/integration.jpg);
}

.content-knowledge .videos-knowledge .category-4 .learn-4 div {
    background-image: url(../img/youtube/presentation.jpg);
}

.content-knowledge .videos-knowledge .category-4 .additional-videos .learn-1 div {
    background-image: url(../img/youtube/patient_diet_app.jpg);
}


/*end of preview images for videos*/

.content-knowledge .videos-knowledge .learn-1 div:hover, .content-knowledge .videos-knowledge .learn-2 div:hover, .content-knowledge .videos-knowledge .learn-3 div:hover, .content-knowledge .videos-knowledge .learn-4 div:hover, .content-knowledge .videos-knowledge .learn-5 div:hover {
    opacity: 0.8;
}

.content-knowledge .videos-knowledge .learn-1 p, .content-knowledge .videos-knowledge .learn-2 p, .content-knowledge .videos-knowledge .learn-3 p, .content-knowledge .videos-knowledge .learn-4 p, .content-knowledge .videos-knowledge .learn-5 p {
    color: #5a6a70;
    font-weight: 400;
    margin: 10px;
}


/*faq (knowledge)*/

.content-knowledge .faq-knowledge {
    background-image: url(../img/background-transparent.png);
    background-color: #f1f1f1;
    background-repeat: repeat;
    min-height: 520px;
}

.content-knowledge .faq-knowledge .faq-knowledge-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.content-knowledge .faq-knowledge h2 {
    font-size: 36px;
    text-align: center;
    padding: 40px 0;
}

.content-knowledge .faq-knowledge .left-faq-knowledge {
    float: left;
    margin: 1%;
    background-image: url(../img/backgrounds/know_faq.jpg);
    background-size: cover;
    background-position: 50% 30%;
    border-radius: 5px;
    width: 48%;
    min-height: 270px;
    box-shadow: 0px 0px 15px #c7c7c7;
}

.content-knowledge .faq-knowledge .right-faq-knowledge {
    float: right;
    margin: 1.5%;
    width: 47%;
    min-height: 270px;
}


/*expandable and collapsible panels for faq (knowledge)*/

.content-knowledge .faq-knowledge .faq-objects {
    color: #9ea5ad;
    font-weight: 400;
}

.content-knowledge .faq-knowledge .faq-objects>p {
    background-image: url(../img/arrow-down.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 3%;
    margin: 15px 0 0 0;
    padding: 0px 25px 0px 0px;
}

.content-knowledge .faq-knowledge .faq-objects>p:hover {
    cursor: pointer;
}

.content-knowledge .faq-knowledge .faq-objects div {
    margin: 10px 0 0 0;
}

.content-knowledge .faq-knowledge .faq-objects .active-faq-object {
    background-image: url(../img/arrow-up.png);
}

.content-knowledge .faq-knowledge .faq-objects .faq-object-border {
    display: block;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #9ea5ad;
}

.content-knowledge .faq-knowledge a {
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 120px;
    margin: auto;
    padding: 15px 30px;
    border-radius: 100px;
}

.content-knowledge .knowledge-knowledge a:hover {
    background-color: #b61f53;
}

.content-knowledge .know-faq-button-container {
    margin-bottom: 15px;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}


/*                      MEDIA QUERIES                   */


/*          narrow screen (knowledge)           */

@media screen and (max-width: 890px) {
    .header-knowledge h1 a {
        width: 70px;
    }
    .content-knowledge .sign-up-webinar-wrapper {
        margin-left: 10px;
        margin-right: 10px;
    }
    .content-knowledge .sign-up-webinar .event {
        width: 100%;
    }
}


/*          tablets (knowledge)     */

@media screen and (max-width: 768px) {
    .header-knowledge h1 a {
        width: 40px;
        height: 70px;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .header-knowledge .header-center-content {
        padding-top: 0px;
        width: 80%;
    }
    .header-knowledge .header-center-content h2 {
        font-size: 36px;
        margin: 0px 0 20px 0;
        text-align: center;
    }
    /* sing up - webinar for tablets (knowledge)    */
    .content-knowledge .sign-up-webinar .event-1, .content-knowledge .sign-up-webinar .event-2, .content-knowledge .sign-up-webinar .event-3 {
        width: 470px;
        min-height: 230px;
    }
    .content-knowledge .sign-up-webinar .left {
        width: 60%;
        background-position: 7% 35%;
    }
    .content-knowledge .sign-up-webinar .right {
        width: 40%;
        background-position: 14% 65%;
    }
    .content-knowledge .sign-up-webinar .right p:nth-child(1) {
        margin: 75px 30px 0 80px;
    }
    .content-knowledge .sign-up-webinar .right p:nth-child(2) {
        top: 40px;
    }
    .content-knowledge .sign-up-webinar .right a {
        float: right;
        margin: 5px 60px 0 0;
    }
    /*learn how to for tablets (knowledge)*/
    .content-knowledge .learn-how-to h2 {
        font-size: 32px;
    }
    .content-knowledge .learn-how-to p {
        width: 70%;
    }
    /* videos for tablets (knowledge*/
    .content-knowledge .videos-knowledge .learn-1, .content-knowledge .videos-knowledge .learn-2, .content-knowledge .videos-knowledge .learn-3, .content-knowledge .videos-knowledge .learn-4, .content-knowledge .videos-knowledge .learn-5 {
        width: 48%;
    }
    /*      Start footer content for tablets    */
    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }
    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets           */
    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }
    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}


/*          mobiles (knowledge)         */

@media screen and (max-width: 480px) {
    /*header (knowledge for mobiles)*/
    .internal-training-card .col-f.col-75{
        max-width: calc(100% - 40px);
        flex: 1 0 100%;
    }
    .internal-training-card .col-f.col-25{
        max-width: calc(100% - 40px);
        flex: 1 0 100%;
    }
    .header-knowledge {
        height: 450px;
    }
    .content-knowledge .videos-knowledge a.learn-more {
        margin: 71em auto 15px auto;
    }
    /* sing up - webinar for mobiles (knowledge)    */
    .content-knowledge .sign-up-webinar .event {
        width: 300px;
        min-height: 330px;
    }
    .content-knowledge .sign-up-webinar .left {
        background-position: 12% 27%;
        background-size: 14%;
        position: relative;
        width: 100%;
    }
    .content-knowledge .sign-up-webinar .left p:nth-child(3) {
        position: absolute;
        top: 200px;
        right: 75px;
    }
    .content-knowledge .sign-up-webinar .right {
        background-position: 12% 14%;
        width: 100%;
    }
    .content-knowledge .sign-up-webinar .right p:nth-child(1) {
        margin: 12px 30px 0 92px;
    }
    .content-knowledge .sign-up-webinar .right p:nth-child(2) {
        top: 40px;
    }
    .content-knowledge .sign-up-webinar .right a {
        float: right;
        margin: 30px 62px 0 0;
    }
    /*learn how to for mobiles (knowledge)*/
    .content-knowledge .learn-how-to h2 {
        font-size: 30px;
    }
    .content-knowledge .learn-how-to p {
        width: 90%;
    }
    .content-knowledge .learn-how-to .select-type {
        width: 100%;
    }
    div#select-id-guide {
        text-align: center;
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .content-knowledge .learn-how-to .select-type label {
        display: block;
        text-align: center;
        margin: 20px auto;
        float: none;
    }
    /*  field for mobiles (knowledge)  */
    .content-knowledge .learn-how-to .select-type select {
        display: block;
        margin: 10px auto;
        width: 210px;
        border: 0;
    }
    /* videos for mobiles (knowledge)*/
    .content-knowledge .videos-knowledge .learn-1, .content-knowledge .videos-knowledge .learn-2, .content-knowledge .videos-knowledge .learn-3, .content-knowledge .videos-knowledge .learn-4, .content-knowledge .videos-knowledge .learn-5 {
        width: 98%;
    }
    /*faq for mobiles (knowledge)*/
    .content-knowledge .faq-knowledge {
        min-height: 710px;
    }
    .content-knowledge .faq-knowledge .left-faq-knowledge {
        width: 98%;
        min-height: 200px;
    }
    .content-knowledge .faq-knowledge .right-faq-knowledge {
        float: right;
        margin: 1.5%;
        width: 97%;
        min-height: 270px;
    }
    .content-knowledge .faq-knowledge a {
        top: -10px;
    }
    /*  Start footer content for mobiles    */
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-break {
        display: block;
        clear: both;
    }
    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */
    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}


/*               pricing                               */


/*                  Header                  */

.header-pricing {
    height: 530px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/pricing_back.jpg) center 25%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-pricing .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}

/*              Header center part                  */

.header-pricing .header-center-content {
    padding-top: 160px;
    margin: 0 auto;
    width: 550px;
}

.header-pricing .header-center-content h2 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.header-pricing .header-center-content p {
    font-weight: 400;
    text-align: center;
    margin: 10px 65px;
}
/* Urodziny */
.birthday-panel{
    width: 100%;
    background-color: #5DBAB3;
    padding: 20px 0px;
    font-family: 'Montserrat', sans-serif;
}

.birthday-panel-content{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: #FFF;
    justify-content: space-around;
}

.birthday-row{
    display: flex;
    align-items: center;
    font-size: 14px;
}

.birthday-row .desktop-discount{
    padding: 11px 16px;
    border: 2px solid #FFF;
    border-radius: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-left: 33px;
}

.birthday-row .mobile-discount{
    display: none!important;
    padding: 11px 19px;
    border: 2px solid #FFF;
    border-radius: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.birthday-panel-content a{
    color: #FFF;
    font-weight: bold;
}

.birthday-content-column{
    display: flex;
    flex-direction: column;
}

.birthday-content-column span a {
    text-decoration: underline;
}

.birthday-content-label{
    width: max-content;
    background-color: #FF0061;
    padding: 4px 8px;
    font-weight: 900;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

.birthday-content-column span:nth-child(2){
    font-size: 12px;
}

.birthday-panel img{
    max-height: 80px;
    max-width: 85px;
}

.birthday-panel .bday-bold{
    font-weight: bold;
}
/* KoniecUrodzin */

/* Conference */
.conference-panel{
  width: 100%;
  align-items: center;
  background-color: #F25C5C;
  box-sizing: border-box;
  font-size: 13px;
  color: #FFF;
  justify-content: space-around;
  padding: 15px 15px;
  display: flex;
  flex-wrap: wrap;
  font-family: 'Montserrat', sans-serif;
}

.conference-panel .row-f{
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 30px;
}

.conference-panel .row-f img{
  max-height: 30px;
  margin: 0px 10px;
}

.conference-panel .row-f span{
  margin-right: 10px;
}

.conference-panel .row-f .bold{
  font-weight: bold;
  text-transform: uppercase;
}

.conference-panel a{
  border: 2px solid #FFF;
  border-radius: 20px;
  color: #FFF;
  font-weight: bold;
  box-sizing: border-box;
  padding: 10px 15px;
  text-transform: uppercase;
}

/*new year promo icon*/
.header-pricing .new-year-promo-icon{
    height: 100px;
    width: 100px;
    background-image: url(../img/new-year-icon.png);
    position: absolute;
    top: 30px;
    right: 60px;
    background-size: cover;
}
@media(max-width: 1250px) {
    .header-pricing .new-year-promo-icon{
        height: 100px;
        width: 100px;
        top: 70px;
        right: 60px;
    }
}
@media(max-width: 770px) {
    .header-pricing .new-year-promo-icon{
        height: 50px;
        width: 50px;
        top: 10px;
        right: 65px;
    }

    .conference-panel .row-f {
        margin-right: 0;
        white-space: inherit;
        flex-direction: column;
    }

    .birthday-row .mobile-discount{
        display: flex!important;
    }

    .birthday-row .desktop-discount{
        display: none;
    }

    .birthday-content-label{
        font-size: 14px;
    }

    .birthday-row span:first-child, .birthday-content-column span:nth-child(2){
        display: none;
    }
}

/*  time period buttons  */

.arrow {
    position: relative;
    left: 320px;
    top: 43px;
    padding-left: 60px;
    background-image: url(../img/pricing-arrow.png);
    background-repeat: no-repeat;
    background-position: 0% center;
    margin: 0 auto;
    width: 95px;
    text-align: left;
    text-transform: uppercase;
    font-size: 85%;
    font-weight: 500;
    visibility: hidden;
}

.plans-buttons {
    margin: 2px auto;
    width: 490px;
    text-align: center;
    text-transform: uppercase;
    font-size: 85%;
    font-weight: 500;
    /* width: 610px; */
}

.plans-buttons:after {
    content: '';
    display: block;
    clear: both;
}

.m1 {
    float: left;
    width: 120px;
    margin: 0 1px;
    padding: 12px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    cursor: pointer;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
}

.m6, .m12 {
    float: left;
    width: 120px;
    margin: 0 1px;
    padding: 12px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    cursor: pointer;
}

.m24 {
    float: left;
    width: 120px;
    margin: 0 1px;
    padding: 12px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    cursor: pointer;
}
.m60 {
    float: left;
    width: 120px;
    margin: 0 1px;
    padding: 12px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    cursor: pointer;
}

.m1:hover, .m6:hover, .m12:hover, .m24:hover, .m60:hover {
    background-color: #e82867;
    background-image: none;
}

.active-plan-button {
    background-color: #e82867;
    background-image: none;
}
.kcalmar-promo {
    position: absolute;
    right: 100px;
    top: -25px;
    background-image: url(../img/promo/badge.png);
    background-size:contain;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
}
.header-center-content h2 {
    position: relative;
}
.plan-free {
    margin: 2px auto;
    width: 490px;
    text-align: center;
    text-transform: uppercase;
    /* font-size: 120%;
    font-weight: bold;
    height: 60px; */
    font-size: 60%;
    font-weight: 500;
    height: 25px;
    position: relative;
    /* width: 610px; */
}
.plan-free .m1, .plan-free .m6, .plan-free .m12, .plan-free .m24, .plan-free .m60 {
    padding: 8px 0px;
    /* line-height: 44px; */
}
.plan-free .left-plan-free {
    position: absolute;
    left: -250px;
    text-shadow: 0 0 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1), 0 0 40px #e90855, 0 0 70px #e90855, 0 0 80px #e90855, 0 0 100px #e90855;
}
.plan-discount {
    margin: 2px auto;
    width: 490px;
    text-align: center;
    text-transform: uppercase;
    font-size: 60%;
    position: relative;
    font-weight: 500;
    clear: both;
    /* width: 610px; */
}
.plan-discount .left-discount {
    position: absolute;
    left: -100px;
}
.plan-discount .m1, .plan-discount .m6, .plan-discount .m12, .plan-discount .m24, .plan-discount .m60 {
    padding: 8px 0px;
}
.plans-code {
    margin: 2px auto;
    width: 490px;
    text-align: center;
    text-transform: uppercase;
    font-size: 60%;
    position: relative;
    font-weight: bold;
    height: 35px;
    clear: both;
    /* width: 610px; */
}
.plans-code div{
    line-height: 35px;
    padding:0;
}
.plans-code .m1 {
    background: none;
}
.plans-code .m6, .plans-code .m12, .plans-code .m24, .plans-code .m60{
    font-size: 140%;
}
.easter-banner{
    height: 150px;
    background-image: url(../img/migrate_banner.jpg);
    background-color: #8a8989;
    position: relative;
    background-size: 100%;
    background-position-y: -60px;
    padding: 50px;
}
.easter-banner .text{
    font-size: 36px;
    font-weight: 500;
    color: #e91f5e;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 190px;
    text-align: center;
}
.easter-banner a{
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    background-color: #e91f5e;
    color: #fff;
    border-radius: 30px;
    padding: 20px 30px;
    margin: 64px auto 15px;
    position: absolute;
    top: 29px;
    left: 190px;
    border: 0;
}
.easter-banner a span{
    font-size: 13px;
    margin-left: 3px;
    position: relative;
    top: -1px;
}
.birthday-banner{
    height: 370px;
    background-image: url(../img/bday/header-bg.jpg);
    background-color: #8a8989;
    position: relative;
    background-size: 100%;
    background-position-y: center;
    padding: 20px 50px;
}
.birthday-banner .text{
    font-size: 30px;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 190px;
    text-align: left;
    max-width: 600px;
}
.birthday-banner ul{
    font-size: 24px;
    list-style-type: circle;
    margin-left: 25px;
    margin-top: 15px;
}
.birthday-banner li{
    list-style-type: circle;
    margin: 5px 0px
}
.birthday-banner .text span{
    color: #e91f5e;
}
.birthday-banner a{
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    background-color: #e91f5e;
    color: #fff;
    border-radius: 30px;
    padding: 20px 30px;
    margin: 64px auto 15px;
    position: absolute;
    top: 115px;
    right: 190px;
    border: 0;
}
.birthday-banner a span{
    font-size: 13px;
    margin-left: 3px;
    position: relative;
    top: -1px;
}
@media(min-width: 1919px){
    .easter-banner a{
        top: 30px;
        left: 1300px;
    }
    .easter-banner .text{
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        right: initial;
    }
}
@media(max-width: 425px) {
    .plan-free, .plan-discount {
        width: 300px;
    }
    .plan-discount .left-discount {
        left: 0;
        top: -15px;
        left: 10px;
        clear: both;
    }
    .plan-discount {
        margin-top: 30px;
    }
}
@media(max-width: 1024px){
    .easter-banner{
        background-size: 145%;
    }
    .easter-banner a{
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
    .easter-banner .text{
        font-size: 22px;
        transform: translateY(-50%) translateX(-50%);
        right: initial;
        top: 49px;
        left: 50%;
    }
    .birthday-banner{
        height: auto;
    text-align: center;
    background-color: #909090;
    background-image: none;
    padding: 60px 10px;
    }
    .birthday-banner .text{
        position: initial;
        transform: none;
        padding-bottom: 44px;
        text-align: center;
        margin: auto;
    }
    .birthday-banner a{
        position: initial;
        transform: none;
        text-align: center;
        margin: auto;
        font-size: 14px;
    }
}
@media(max-width: 480px){
    .easter-banner {
        height: 150px;
        background-size: 420%;
        background-position-x: 0px;
        background-position-y: -145px;
        background-color: #8a8989;
        position: relative;
    }
    .easter-banner .text {
        font-size: 15px;
        transform: translateY(-50%) translateX(-50%);
        right: initial;
        top: 49px;
        left: 50%;
        font-weight: bold;
        text-align: center;
        /* color: black; */
    }
    .easter-banner a {
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 13px;
    }
}

/*      content start                   */


/*                   kcalmar.pro packages           */

.content-pricing .packages {
    width: 96%;
    margin: 45px 2%;
}

.content-pricing .packages:after, .content-pricing .packages .packages-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.content-pricing .packages .packages-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-pricing .packages .packages-item {
    float: left;
    background-color: #fff;
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 31.1%;
    margin: 1%;
    min-height: 530px;
}


/*       first package - "student" (pricing)        */

.content-pricing .package-item-head {
    padding: 0 0 10px 0;
    background-image: url(../img/background-transparent.png);
    background-color: #f1f1f1;
    /*    background-color: #e91f5e;*/
    background-repeat: repeat;
}

.content-pricing .master .package-item-head {
    background-color: #e91f5e;
}

.content-pricing .package-item-head h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 90%;
    letter-spacing: 2px;
    color: #9ea5ad;
    text-align: center;
    padding: 25px 0 55px 0;
}

.content-pricing .master .package-item-head h3 {
    color: white;
}

.content-pricing .package-item-head p {
    text-align: center;
}

.content-pricing .master .package-item-head p {
    color: white;
}

.content-pricing .gratis {
    text-align: center;
    margin-bottom: 15px;
    font-size: 80%;
    font-weight: 400;
    color: #8c959e;
}

.content-pricing .package-item-head .price-student, .content-pricing .package-item-head .price-master, .content-pricing .package-item-head .price-premium {
    position: relative;
    margin-left: 7%;
    font-size: 500%;
    font-weight: 100;
}

.content-pricing .package-item-head .price-student span, .content-pricing .package-item-head .price-master span, .content-pricing .package-item-head .price-premium span {
    position: absolute;
    top: 17px;
    font-size: 32%;
}

.content-pricing .package-item-head span:nth-child(2) {
    position: relative;
    top: -15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 140%;
}

.content-pricing .package-item-head span:nth-child(3) {
    position: relative;
    left: -43px;
    font-weight: 500;
    font-size: 67%;
}

.content-pricing .package-item-head p:nth-child(3) {
    margin-top: 10px;
}

.content-pricing .package-item-head p:nth-child(4) {
    text-transform: uppercase;
    width: 197px;
    font-weight: 500;
    font-size: 70%;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    color: #fff;
    border-radius: 30px;
    padding: 12px 12px;
    margin: 25px auto 15px auto;
}

.content-pricing .packages .packages-item ul {
    margin: 40px 0 0 0;
}

.content-pricing .packages .packages-item li {
    background-image: url(../img/tick-aquamarine.png);
    background-position: 0% center;
    background-repeat: no-repeat;
    background-size: 5%;
    padding: 3px 0px 3px 30px;
    margin: 10px 20px 0 20px;
}

.content-pricing .packages .packages-item ul p {
    font-size: 80%;
    font-weight: 400;
    color: #8c959e;
    /*color: #c7c7c7;*/
}

.content-pricing .packages .packages-item a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 97px;
    font-weight: 500;
    font-size: 70%;
    background-color: #e91f5e;
    color: #fff;
    border-radius: 30px;
    padding: 12px 12px;
    margin: 30px auto 15px;
}

.content-pricing .packages .packages-item a:hover {
    background-color: #b61f53;
}


/*      second package - "master" (pricing)        */

.content-pricing .packages .packages-item:nth-child(2) {
    min-height: 610px
}

.content-pricing .packages-item:nth-child(2) .package-item-head {
    background-color: #e91f5e;
    color: #fff;
}

.content-pricing .packages-item:nth-child(2) .package-item-head h3 {
    color: #fff;
}


/*      third package - "premium" (pricing)        */

.content-pricing .packages-item:nth-child(3) ul li p span {
    color: #e91f5e;
}


/*                  special offer                   */

.content-pricing .special-offer {
    width: 100%;
    margin: 20px 0;
    border-top: 2px solid #f1f1f1;
}

.content-pricing .special-offer:after, .content-pricing .special-offer .special-offer-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.content-pricing .special-offer .special-offer-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


/*                  special offer title             */

.content-pricing .special-offer h2 {
    font-size: 30px;
    margin: 35px 0;
    text-align: center;
}


/*       h3, p, a for all in special offer     */

.content-pricing .special-offer h3 {
    font-size: 110%;
    color: #252626;
    font-weight: 400;
    padding: 15px 0;
}

.content-pricing .special-offer p {
    font-size: 14px;
    font-weight: 400;
    color: #8a8f97;
    line-height: 20px;
    margin: 0;
}

.content-pricing .special-offer a {
    color: #e91f5e;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: absolute;
    bottom: 15px;
    margin: 20px 0;
}


/*              change - "500zł za alianta"           */

.content-pricing .change {
    float: left;
    position: relative;
    width: 27.3%;
    min-height: 350px;
    margin: 10px 1%;
    padding: 10px 2%;
    box-shadow: 0px 0px 15px #c7c7c7;
}

.content-pricing .dollar-white-icon {
    width: 50%;
    margin: 40px auto;
    height: 90px;
    background: url(../img/dolar-white-icon.png) center center no-repeat;
    background-size: 100%;
}

.content-pricing .change div:last-child {}


/*              posters - "Plakaty..."           */

.content-pricing .posters {
    float: left;
    position: relative;
    width: 27.4%;
    min-height: 350px;
    margin: 10px 1%;
    padding: 10px 2%;
    box-shadow: 0px 0px 15px #c7c7c7;
}

.content-pricing .landscape-ico {
    width: 50%;
    margin: 40px auto;
    height: 90px;
    background: url(../img/landscape-ico.png) center center no-repeat;
    background-size: 100%;
}

.content-pricing .posters div:last-child {}


/*              rewrite - "Przepiszemy..."           */

.content-pricing .rewrite {
    float: right;
    position: relative;
    width: 27.3%;
    min-height: 350px;
    margin: 10px 1%;
    padding: 10px 2%;
    box-shadow: 0px 0px 15px #c7c7c7;
}

.content-pricing .apple-ico {
    width: 50%;
    margin: 40px auto;
    height: 90px;
    background: url(../img/apple-ico.png) center center no-repeat;
    background-size: 100%;
}

.content-pricing .rewrite div:last-child {}


/*          income increase and faq             */

.content-pricing .income-increase-and-faq {
    clear: both;
    width: 100%;
    padding: 30px 0;
    background-image: url(../img/background-transparent.png), linear-gradient(to right, #e91f5e 0%, #e91f5e 50%, #f1f1f1 50%, #f1f1f1 100%);
    background-repeat: repeat;
    margin: 0px 0 20px 0;
}

.content-pricing .income-increase-and-faq-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.content-pricing .income-increase-and-faq-wrapper:after {
    content: "";
    display: block;
    clear: both;
}


/*          income increase with kcalmar.pro            */

.content-pricing .income-increase-and-faq .income-increase {
    width: 46%;
    margin: 0 2%;
    float: left;
    color: #fff;
}

.content-pricing .income-increase-and-faq .income-increase h2 {
    font-size: 30px;
    padding: 25px 0;
    text-align: left;
}

.content-pricing .income-increase-and-faq .income-increase label {
    font-weight: 500;
}

.content-pricing .income-increase-and-faq .income-increase .i-i-wrapper>p {
    text-align: left;
    margin: 0 0 35px 0;
    font-weight: 500;
}

.content-pricing .income-increase-and-faq .income-increase div label {
    display: block;
    width: 95%;
    height: 20%;
    min-height: 70px;
}

.content-pricing .income-increase-and-faq .income-increase div.row {
    width: 100%;
    min-height: 150px;
    display: inline-block;
    margin-bottom: 15px;
}

.content-pricing .income-increase-and-faq .income-increase div.row div.col {
    width: 50%;
    float: left;
}

.content-pricing .income-increase-and-faq .income-increase input {
    color: #5a6a70;
    font-size: 105%;
    display: block;
    width: 85%;
    padding: 8px;
    border-radius: 25px;
    border: 0;
    padding-left: 15px;
}


/*.content-pricing .income-increase-and-faq .income-increase div:last-child{
            float:none;
            clear:both;
            margin: 0 0;
            width:100%;
            min-height: 100%;
        }*/

.content-pricing .income-increase-and-faq .income-increase .input-container {
    position: relative;
}

.content-pricing .income-increase-and-faq .income-increase .input-container span {
    position: absolute;
    top: 9px;
    color: grey;
    font-weight: 500;
    right: 30px;
}

.income-increase-and-faq .income-increase .kcal-recalculate-button {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 25px auto;
    margin-top: 15px;
    padding: 14px 35px;
    border: 0;
    border-radius: 100px;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.content-pricing .income-increase-and-faq .kcal-recalculate-button:hover {
    background-color: #e91f5e;
    cursor: pointer;
}

.income-increase-and-faq .income-increase .kcal-results {
    overflow: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all 1s;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.income-increase-and-faq .income-increase .kcal-results span {
    font-weight: 500;
}

.income-increase-and-faq .income-increase .kcal-results p.kcal-recalculate-info {
    text-align: center;
    font-size: 24px;
}

.income-increase-and-faq .income-increase .kcal-results p.kcal-recalculate-trick {
    font-size: 10px;
}

.content-pricing .faq {
    width: 46%;
    min-height: 600px;
    position: relative;
    margin: 0 2%;
    float: right;
}

.content-pricing .faq h2 {
    font-size: 30px;
    font-weight: 400;
    padding: 25px 0;
    text-align: center;
}

.content-pricing .faq a {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #e91f5e;
    font-weight: 700;
    width: 110px;
    margin: 0 auto;
    padding: 15px 30px;
    border-radius: 100px;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.content-pricing .faq a:hover {
    background-color: #b61f53;
}

.content-pricing .faq .faq-objects {
    color: #9ea5ad;
    font-weight: 400;
}

.content-pricing .faq .faq-objects>p {
    background-image: url(../img/arrow-down.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 3%;
    margin: 15px 0 0 0;
    padding: 0px 25px 0px 0px;
}

.content-pricing .faq .faq-objects div {
    margin: 10px 0 0 0;
}

.content-pricing .faq .faq-objects .active-faq-object {
    background-image: url(../img/arrow-up.png);
}

.content-pricing .faq .faq-objects .faq-object-border {
    display: block;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #9ea5ad;
}
.responsive-pricing-br{
    display: none;
}

/*          Start footer                                */

.footer {}


/*                  Start footer content            */

.footer .footer-content {
    color: #5a6a70;
    width: 96%;
    padding: 40px 2%;
}

.footer .footer-content .footer-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.footer .footer-content .footer-logo {
    display: block;
    background: url(../img/kcalmar-pro-logo-turquoise.png) center center no-repeat;
    background-size: 100%;
    width: 10%;
    height: 170px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 7% 0 0;
    float: left;
}
.footer .footer-content nav a {
    color: #c7c7c7;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 400;
}

.footer .footer-content nav a:hover {
    color: #5a6a70;
}

.footer .footer-content p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer-content-1 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-2 {
    float: left;
    width: 18%;
    margin: 1%;
}

.footer-content-3 {
    float: left;
    width: 18%;
    margin: 1%;
}


/*                  social media part           */

.footer-content-social {
    float: left;
    width: 20%;
    margin: 1%;
}

.footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.social-info {
    color: #c7c7c7;
    font-weight: 400 !important;
    line-height: 130%;
    text-transform: initial !important;
    padding-bottom: 0 !important;
}

.footer-content-social li {
    float: left;
    display: block;
}

.footer-content-social li a {
    line-height: 0;
    margin: 0 5px 0 0;
    text-indent: -10000px;
}

.footer-content-social li a:hover {
    opacity: 0.6;
}

.footer .footer-content .footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}

.fb, .tw, .pi, .in, .yt {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.fb {
    background-image: url(../img/fb.png);
}

.tw {
    background-image: url(../img/tw.png);
}

.pi {
    background-image: url(../img/pi.png);
}

.in {
    background-image: url(../img/in.png);
}

.yt {
    background-image: url(../img/yt.png);
    background-size: 120%;
}


/*                      MEDIA QUERIES                   */


/*          narrow screen (pricing)         */

@media screen and (max-width: 890px) {
    .content-pricing .package-item-head .price-premium {
        margin-left: 2%;
        font-size: 440%;
    }
    /*  special offer for narrow screen (pricing) */
    .content-pricing .change, .content-pricing .posters, .content-pricing .rewrite {
        min-height: 360px;
    }
}


/*          tablets (pricing)       */

@media screen and (max-width: 768px) {
    .header-pricing {
        height: 360px;
    }
    .header-pricing .header-center-content {
        padding-top: 0px;
        width: 80%;
    }
    .header-pricing .header-center-content h2 {
        font-size: 32px;
        margin: 0px 0 20px 0;
        text-align: center;
    }
    .header-pricing .header-center-content p {
        margin: 10px auto;
        max-width: 450px;
    }
    .arrow {
        left: 0px;
        top: 0px;
        padding-left: 0px;
        padding-right: 40px;
        background-image: none;
    }
    .arrow:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: -13px;
        left: 20px;
        z-index: 0;
        background-image: url(../img/pricing-arrow.png);
        background-repeat: no-repeat;
        background-position: 10% 100%;
        background-size: 40%;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
    }
    /*          packages for tablets (pricing)      */
    .content-pricing .packages .packages-item {
        width: 32.3%;
        margin: 0.5%;
        min-height: 530px;
    }
    .content-pricing .package-item-head {
        padding: 0 0 5px 0;
    }
    .content-pricing .package-item-head p:nth-child(4) {
        width: auto;
    }
    .content-pricing .package-item-head .price-student, .content-pricing .package-item-head .price-master, .content-pricing .package-item-head .price-premium {
        margin-left: 1%;
        font-size: 260%;
    }
    .content-pricing .package-item-head .price-student span, .content-pricing .package-item-head .price-master span, .content-pricing .package-item-head .price-premium span {
        top: 4px;
        font-size: 30%;
        padding-left: 3px;
    }
    .content-pricing .package-item-head span:nth-child(2) {
        top: -8px;
        font-size: 80%;
    }
    .content-pricing .package-item-head span:nth-child(3) {
        left: -26px;
        font-size: 50%;
    }
    .content-pricing .package-item-head p:nth-child(3) {
        width: 120px;
        font-size: 60%;
    }
    .content-pricing .packages .packages-item li {
        padding: 0px 0px 0px 12px;
        margin: 12px 2px 12px 2px;
        font-size: 95%;
    }
    .plan-free .left-plan-free {
        position: absolute;
        left: -65px;
        font-size: 50%;
        width: 20px;
        line-height: normal;
        margin-top: 6px;
    }
    .plan-discount .left-discount {
        position: absolute;
        left: -65px;
        line-height: normal;
         width: 20px;
    }
    .plans-code .m1 {
        background: none;
        font-size: 70%;
    }
    .plans-code .m6, .plans-code .m12, .plans-code .m24, .plans-code .m60, .plans-buttons .m6, .plans-buttons .m12, .plans-buttons .m24, .plans-buttons .m60, .plan-free .m6, .plan-free .m12, .plan-free .m24, .plan-free .m60, .plan-discount .m6, .plan-discount .m12, .plan-discount .m24, .plan-discount .m60 {
        font-size: 100%;
        width: 105px;
    }
    .header-pricing .m1{
        width: 78px;
    }
    .header-pricing .plans-code, .header-pricing .plans-buttons, .header-pricing .plan-free, .header-pricing .plan-discount {
        width: 510px;
    }
    /*  special offer for tablets (pricing) */
    .content-pricing .change, .content-pricing .posters, .content-pricing .rewrite {
        min-height: 380px;
    }
    .content-pricing .dollar-white-icon, .content-pricing .landscape-ico, .content-pricing .apple-ico {
        margin: 5px auto;
    }
    /*income increase and faq for tablets   */
    .content-pricing .income-increase-and-faq {
        padding: 0 0;
        background-image: none;
        margin: 0px 0 20px 0;
    }
    .content-pricing .income-increase-and-faq .income-increase {
        width: 88%;
        margin: 0 0;
        padding: 30px 6% 0 6%;
        background-image: url(../img/background-transparent.png);
        background-color: #e91f5e;
        background-repeat: repeat;
    }
    .content-pricing .income-increase-and-faq .income-increase .input-container span {
        right: 46px;
    }
    .content-pricing .faq {
        width: 88%;
        min-height: 520px;
        position: relative;
        margin: 0 0;
        padding: 0 6%;
        float: right;
        background-image: url(../img/background-transparent.png);
        background-color: #f1f1f1;
        background-repeat: repeat;
    }
    .content-pricing .faq a {
        bottom: 30px;
    }
    /*      Start footer content for tablets    */
    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }
    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets           */
    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }
    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}


/*          mobiles (pricing)           */

@media screen and (max-width: 480px) {
    /*header (pricing for mobiles)*/
    .header-pricing {
        height: 500px;
    }
    .plans-buttons {
        width: 300px;
        font-size: 75%;
    }
    .m1 {
        width: 55px;
    }
    .m6 {
        width: 69px;
    }
    .m12 {
        width: 72px;
    }
    .m24 {
        width: 77px;
    }
    .m60 {
        display: none;
    }
    .plans-free {
        font-size: 55%;
        width: 300px;
    }
    /*    pricing, packages for mobiles       */
    .content-pricing .packages .packages-item {
        width: 92%;
        margin: 4%;
    }
    .content-pricing .package-item-head {
        padding: 0 0 10px 0;
    }
    .content-pricing .package-item-head .price-student, .content-pricing .package-item-head .price-master, .content-pricing .package-item-head .price-premium {
        margin-left: 7%;
        font-size: 500%;
    }
    .content-pricing .package-item-head .price-student span, .content-pricing .package-item-head .price-master span, .content-pricing .package-item-head .price-premium span {
        top: 16px;
        font-size: 32%;
        padding-left: 0;
    }
    .content-pricing .package-item-head span:nth-child(2) {
        top: -15px;
        font-size: 140%;
    }
    .content-pricing .package-item-head span:nth-child(3) {
        left: -43px;
        font-size: 67%;
    }
    .content-pricing .package-item-head p:nth-child(3) {
        width: 197px;
        font-size: 70%;
    }
    .content-pricing .packages .packages-item li {
        padding: 3px 0px 3px 30px;
        margin: 10px 20px 0 20px;
        font-size: 100%;
    }
    .content-pricing .packages .packages-item:nth-child(2) {
        min-height: 530px
    }
    .responsive-pricing-br{
        display: inline;
    }
    .plan-free .left-plan-free {
        position: absolute;
        left: -55px;
        font-size: 40%;
        width: 20px;
        line-height: normal;
        margin-top: 6px;
    }
    .plan-discount .left-discount {
        position: absolute;
        left: -55px;
        line-height: normal;
        width: 20px;
        font-size: 7.68px;
    }
    .plans-code .m1 {
        background: none;
        font-size: 70%;
        line-height: 2;
        margin-top: 5px;
    }
    .plans-code .m6, .plans-code .m12, .plans-code .m24, .plans-buttons .m6, .plans-buttons  .m12, .plans-buttons  .m24, .plan-free .m6, .plan-free .m12, .plan-free .m24, .plan-discount .m6, .plan-discount .m12, .plan-discount .m24{
        font-size: 80%;
        width: 70px;
    }
    .header-pricing .m1{
        width: 78px;
    }
    .header-pricing .plans-code, .header-pricing .plans-buttons, .header-pricing .plan-free, .header-pricing .plan-discount {
        width: 300px;
    }



    /*extra plans buttons for mobiles (pricing) */
    .plans-buttons {
        display: block!important;
        color: #fff;
    }
    /*  special offer for narrow screen (pricing) */
    .content-pricing .change, .content-pricing .posters, .content-pricing .rewrite {
        width: 84%;
        min-height: 280px;
        margin: 10px 6%;
        padding: 10px 2%;
    }
    .content-pricing .dollar-white-icon, .content-pricing .landscape-ico, .content-pricing .apple-ico {
        width: 34%;
        margin: 5px auto;
    }
    /* income increase with kcalmar.pro for mobiles (pricing)*/
    .content-pricing .income-increase-and-faq .income-increase div label {
        min-height: 20px;
    }
    /*.content-pricing .income-increase-and-faq .income-increase div{
            width:99%;
            min-height: 10px
        }*/
    .content-pricing .income-increase-and-faq .income-increase div.row div.col {
        width: 100%;
        margin-bottom: 25px;
    }
    .content-pricing .income-increase-and-faq .income-increase input {
        margin: 5% 0 2% 0;
    }
    /* faq for mobiles (pricing)*/
    .content-pricing .faq {
        min-height: 680px;
    }
    /*  Start footer content for mobiles    */
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-break {
        display: block;
        clear: both;
    }
    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */
    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}


/*    calculates:        */


/*                  Header                  */

.header-calculates {
    position: relative;
    height: 420px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/calculates-header.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-calculates .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}


/*          Header center part  (calculates)            */

.header-calculates .header-center-content {
    padding-top: 160px;
    margin: 0 auto;
    width: 590px;
}

.header-calculates .header-center-content h1 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.header-calculates .header-center-content p {
    text-align: center;
    margin: 0 auto;
    max-width: 550px;
}


/*buttons select formula/select calculator (calculates)*/

.header-calculates .select-formula {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.header-calculates .select-formula .select-formula-nav {
    max-width: 1000px;
    margin: 0 auto;
}

.header-calculates .select-formula ul:after {
    content: '';
    display: block;
    clear: both;
}

.header-calculates .select-formula li {
    float: left;
    padding: 20px 0;
    width: 125px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 70%;
}

.header-calculates .select-formula li:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    cursor: pointer;
}

.header-calculates .select-formula .active-formula {
    padding-top: 20px;
    padding-bottom: 17px;
    border-bottom: 3px solid #fff;
}


/*      content start                   */


/*start calculates content*/

.content-calculates .calculates-wrapper {
    max-width: 1000px;
    min-height: 250px;
    margin: 60px auto;
}

.content-calculates .calculates-wrapper .broca {
    margin: 1%;
}

.content-calculates .calculates-wrapper .broca:after, .content-calculates .col-3:after, .content-calculates .calculates-wrapper .broca form:after {
    content: '';
    display: block;
    clear: both;
}

.content-calculates .calculates-wrapper h2 {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    line-height: 0;
    margin: 0;
}

.content-calculates .calculates-wrapper p {
    color: #9ea5ad;
    text-align: center;
    font-weight: 400;
}

.content-calculates .calculates-wrapper .content p {
    color: #9ea5ad;
    font-weight: 400;
    text-align: justify;
}

.content-calculates .calculates-wrapper .content li {
    color: #9ea5ad;
}

.content-calculates .calculates-wrapper .answers {
    padding-top: 20px;
    margin: auto;
    width: 490px;
}

.content-calculates .calculates-wrapper .error {
    margin-top: 0px;
    display: block;
}

.content-calculates .col-1, .content-calculates .col-2, .content-calculates .col-3 {
    float: left;
    min-height: 170px;
    padding: 0 4%;
    width: 25.33%;
}

.content-calculates .four-element-container .col-1, .content-calculates .four-element-container .col-2, .content-calculates .four-element-container .col-3, .content-calculates .four-element-container .col-4 {
    float: left;
    min-height: 170px;
    padding: 0 4%;
    width: 16.33%;
}

.content-calculates .two-element-container .col-4, .content-calculates .two-element-container .col-5 {
    float: left;
    min-height: 170px;
    padding: 0 15%;
    width: 19.33%;
}

.content-calculates .calculates-wrapper .two-element-container label {
    margin-top: 20px
}


/*.content-calculates .col-4 {
    float: none;
    margin: auto;
    margin-bottom: 50px
}*/

.content-calculates .calculates-wrapper label {
    display: block;
    margin: 50px 0 15px 10px;
    font-weight: 500;
}

.content-calculates .calculates-wrapper label.error {
    display: block;
    margin: 15px 0 15px 10px;
    font-weight: 100;
    color: red;
    text-align: center;
}

.content-calculates .calculates-wrapper select {
    display: block;
    margin: 15px auto;
    width: 220px;
    padding: 9px 15px;
    border: 2px solid #9ea5ad;
    border-radius: 20px;
}

.content-calculates .calculates-wrapper input {
    display: block;
    margin: 15px auto;
    width: 180px;
    padding: 10px 15px;
    border: 2px solid #9ea5ad;
    border-radius: 30px;
}

.content-calculates .calculates-wrapper .broca .col-3 input {
    background-image: url(../img/cm.png);
    background-repeat: no-repeat;
    background-position: 80% 50%;
    background-size: 10%;
}

.content-calculates .calculates-wrapper input[type=submit] {
    clear: both;
    margin: 0 auto;
    width: 130px;
    text-transform: uppercase;
    color: #fff;
    background-color: #e91f5e;
    border: 2px solid #e91f5e;
    font-weight: bold;
}

.content-calculates .calculates-wrapper input[type=submit]:hover {
    background-color: #b61f53;
    border: 2px solid #b61f53;
}


/*                      MEDIA QUERIES                   */


/*          narrow screen (calculates)          */

@media screen and (max-width: 890px) {
    /*start calculates content for narrow screen (calculates) */
    .content-calculates .calculates-wrapper select {
        width: 180px;
    }
    .content-calculates .calculates-wrapper input {
        width: 140px;
    }
}


/*          tablets (calculates)        */

@media screen and (max-width: 768px) {
    .header-calculates {
        height: 500px;
    }
    .header-calculates .header-center-content {
        padding-top: 0px;
        width: 90%;
    }
    .header-calculates .header-center-content h1 {
        font-size: 36px;
        margin: 0px 0 20px 0;
        text-align: center;
    }
    /*start calculates content for narrow screen (tablets) */
    .content-calculates .calculates-wrapper select {
        width: 140px;
    }
    .content-calculates .calculates-wrapper input {
        width: 100px;
    }
    .content-calculates .calculates-wrapper .answers {
        width: 70%;
    }
    /*      Start footer content for tablets    */
    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }
    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }
    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets           */
    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }
    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}


/*          mobiles (calculates)            */

@media screen and (max-width: 480px) {
    /*header (calculates for mobiles)*/
    .header-calculates {
        height: 630px;
    }
    .header-calculates .header-center-content h1 {
        font-size: 32px;
        margin: 0 0 15px 0;
    }
    /*start calculates content for narrow screen (mobiles) */
    .content-calculates .col-1, .content-calculates .col-2, .content-calculates .col-3, .content-calculates .col-4, .content-calculates .col-5 {
        min-height: 140px;
        width: 92%;
    }
    .content-calculates .calculates-wrapper label {
        margin: 30px 0 15px 0;
    }
    .content-calculates .calculates-wrapper select {
        width: 220px;
    }
    .content-calculates .calculates-wrapper input {
        width: 180px;
    }
    .content-calculates .two-element-container .col-4, .content-calculates .two-element-container .col-5 {
        float: left;
        min-height: 130px;
        padding: 0 4%;
        width: 92%;
    }
    .content-calculates .four-element-container .col-1, .content-calculates .four-element-container .col-2, .content-calculates .four-element-container .col-3, .content-calculates .four-element-container .col-4 {
        float: left;
        min-height: 130px;
        padding: 0 4%;
        width: 92%;
    }
    /*  Start footer content for mobiles    */
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-break {
        display: block;
        clear: both;
    }
    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */
    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}

.header-blog {
    position: relative;
    height: 390px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/app_back.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header-blog .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}


.header-blog .logo-header a {
    background: url(../img/kcalmar-pro-logo.png) center center no-repeat;
    background-size: 100%;
    width: 75px;
    height: 123px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-left: 10px;
}

.header-blog .logo-header:hover {
    opacity: 0.8;
}



.header-blog .main-menu {
    /*float: right;*/
}

.header-blog .main-menu:after {
    content: '';
    clear: both;
    display: block;
}

.header-blog .main-menu h1 {
    line-height: 0;
    margin: 0;
    text-indent: -10000px;
}

/*.header-blog .main-menu li {*/
    /*float: left;*/
    /*margin: 5px 10px 18px 10px;*/
    /*padding: 12px 10px 7px 10px;*/
    /*opacity: 0.9;*/
/*}*/

.header-blog .main-menu a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75%;
}

.header-blog .main-menu .active {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}

.header-blog .main-menu a:hover {
    color: #e82867;
}

.header-blog .main-menu li:last-child a {
    background-color: #656766;
    display: block;
    padding: 15px 25px;
    border-radius: 100px;
    position: relative;
    top: -11px;
}

.header-blog .main-menu li:last-child a:hover {
    background-color: #e82867;
    color: #fff;
}


.header-blog .header-center-content {
    padding-top: 140px;
    margin: 0 auto;
    width: 590px;
}

.header-blog .header-center-content h1 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
    color: white;
}

.header-blog .select-topic {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.header-blog .select-topic .topic-nav {
    max-width: 630px;
    margin: 0 auto;
}

.header-blog .select-topic ul:after {
    content: '';
    display: block;
    clear: both;
}

.header-blog .select-topic li {
    float: left;
}

.header-blog .select-topic li a {
    display: block;
    color: #ffffff;
    padding: 20px 0;
    width: 125px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 70%;
}

.header-blog .select-topic .mobile-topic-nav {
    display: none;
}

.header-blog .select-topic .mobile-topic-nav li {
    text-align: center;
    float: none;
}

.header-blog .select-topic .mobile-topic-nav li a {
    display: inline-block;
}

.header-blog .select-topic .mobile-topic-nav li div {
    display: inline-block;
}

.header-blog .select-topic .mobile-topic-nav .topic-hamburger {
    height: 30px;
    width: 30px;
    position: relative;
    display: inline-block;
}

.header-blog .select-topic .mobile-topic-nav .mobile-category-word {
    color: #ffffff;
    padding: 20px 0;
    margin-left: 20px;
    width: 60px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 70%;
    position: relative;
}

.header-blog .select-topic .mobile-topic-nav .mobile-category-word span {
    display: block;
    background-color: white;
    position: absolute;
    width: 10px;
    height: 2px;
    left: -18px;
}

.header-blog .select-topic .mobile-topic-nav .mobile-category-word span:nth-child(1) {
    top: 18px;
}

.header-blog .select-topic .mobile-topic-nav .mobile-category-word span:nth-child(2) {
    top: 23px;
}

.header-blog .select-topic .mobile-topic-nav .mobile-category-word span:nth-child(3) {
    top: 28px;
}


.slide-mobile-categories {
    position: fixed;
    top: -240px;
    left: 0px;
    background: rgba(0, 0, 0, 0.78);
    color: #fff;
    font-family: "Open Sans", helvetica, arial;
    height: 200px;
    padding: 20px;
    width: 100px;
    transition: .3s all;
    display: block;
    z-index: 10;
}

.slide-mobile-categories.closed {
    top: 0px;
}

.slide-mobile-categories ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.slide-mobile-categories ul li {
    margin-bottom: 25px;
}

.slide-mobile-categories ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75%;
}

.content-faq .faq-objects>div>p {
    background-image: url(../img/arrow-down.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 3%;
    margin: 15px 0 0 0;
    padding: 0px 25px 0px 0px;
}

.header-blog .select-topic li:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

.header-blog .select-topic .active-topic {
    border-bottom: 3px solid #fff;
}


/*      content start                   */


/*start blog content*/

.content-blog {
    margin-top: 15px;
    overflow: hidden;
}

.pagination {
    margin-bottom: 25px;
}

.content-blog .content-blog-wrapper {
    width: 100%;
    max-width: 1000px;
    min-height: 250px;
    margin: 0 auto;
}

.content-blog .content-blog-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.content-blog .content-blog-post-or-posts {
    float: left;
    width: 75%;
}
.content-blog .content-blog-post-or-posts.post_detail{

}
.content-blog .content-blog-post-or-posts.post_detail > section{
    padding-top: 25px;
    padding-right: 25px;
}
.content-blog .content-blog-post-or-posts .patients, .consulting-room, .content-blog .content-blog-post-or-posts .diet {
    margin: 1% 2%;
}

.content-blog .content-blog-post-or-posts article {
    margin: 0 0 5% 0;
    box-shadow: 0 0 15px #c7c7c7;
    max-width: 725px;
}

.content-blog article.post-in-list:hover {
    opacity: 0.8;
    cursor: pointer;
}
.content-blog article.post-in-list h3{
    margin-left: 25px;
    margin-right: 25px;
    color: black;
    font-size: 27px;
}
.content-blog .content-blog-post-or-posts article .post-top-image-container {
    position: relative;
}


/*.content-blog .content-blog-post-or-posts article img{
    width: 100%;
}*/

.content-blog .content-blog-post-or-posts .knowledge article .topic-container {
    position: absolute;
    top: 5%;
    left: 2%;
}

.content-blog .content-blog-post-or-posts .knowledge article .topic-icon {
    background-color: #e82867;
    padding: 10px 15px;
    border-radius: 40px;
    color: #fff;
    font-size: 85%;
    text-transform: uppercase;
    font-weight: 500;
    float: left;
    margin-right: 10px;
    box-shadow: 0px 1px 1px 0px #383838;
    cursor: pointer;
}
.content-blog .content-blog-post-or-posts .knowledge article .topic-icon:hover{
    text-decoration: underline;
}

.content-blog .content-blog-post-or-posts .knowledge article .dpsp-networks-btns-wrapper {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.content-blog .content-blog-post-or-posts .full-content h1{
    margin-top: 0px;
}
.content-blog .content-blog-post-or-posts h1{
  margin-bottom: 10px;
  margin-top: 30px;
  font-size: 20px;
  color: black;
  font-weight: 300;
}

.content-blog .content-blog-post-or-posts h2{
  margin-bottom: 5px;
  margin-top: 30px;
  font-size: 20px;
  color: black;
  font-weight: 300;
}

.content-blog .content-blog-post-or-posts h3{
  margin-bottom: 5px;
  margin-top: 30px;
  font-size: 20px;
  color: black;
  font-weight: 300;
}
.row{
    display: flex;
    flex-wrap: wrap;
}
.column-content{
    padding: 10px;
}
.article-list .not-desktop{
    display: none;
}
.big-article:hover,
.medium-article:hover,
.small-article:hover{
    opacity: 0.8;
}
.big-article{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
    max-width: 75%;
    flex: 1 0 75%;
}
.big-article a{
    color: white;
}
.big-article .author-container,
.medium-article .author-container{
    margin-top: 15px;
}
.small-article .author-container {
    margin-top: 15px;
}
.small-article .author-container .avatar,
.medium-article .author-container .avatar,
.big-article .author-container .avatar{
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
    width: 35px;
    height: 35px;
    background-size:100%;
    background-repeat:no-repeat;
    display: inline-block;
    border-radius: 33px;
}
.small-article .author-container .name,
.medium-article .author-container .name,
.big-article .author-container .name{
    /*display: inline-block;*/
    font-weight: 400;
    /*padding-left: 5px;*/
    padding-bottom: 5px;
}
.small-article .author-container .role,
.medium-article .author-container .role,
.big-article .author-container .role{
    font-weight: 400;
    font-size: 13px;
    color: white;
    /*padding-left: 40px;*/
}
.big-article .big-semi-title.light {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}
.big-article .row{
    display: flex;
    min-height: 100%;
}
.big-article .column.article-tab {
    flex: 0 0 33%;
    background-color: rgba(213, 48, 102, 0.79);
    color: white;
    min-height: 100%;
    padding: 20px;
    position: relative;;
}
.big-article .authors{
    position: absolute;
    bottom: 15px;
}
.big-article .article-category.light,
.medium-article .article-category.light{
    margin-bottom: 15px;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.35);
    display: inline-block;
    color: white;
}
.medium-article .article-category.light{
    margin-top: 15px;
    margin-left: 15px;
}
.medium-article,
.small-article{
    max-width: 25%;
    flex: 1 0 25%;
    position: relative;
}
.big-article .article-wrapper,
.medium-article .article-wrapper,
.small-article .img-article{
    background-size: cover;
    max-width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.big-article .article-wrapper {
    height: 500px;
    width: 805px;
}
.medium-article .article-wrapper{
    height: 500px;
    width: 255px;
}
.small-article .img-article {
    width: 320px;
    height: 150px;
}
.medium-article .article-tab {
    position: absolute;
    max-width: calc(100% - 60px);
    bottom: 10px;
    background-color: rgba(213, 48, 102, 0.79);
    color: white;
    padding: 20px;
}
.medium-article .medium-semi-title {
    font-size: 21px;
    font-weight: 400;
}
.small-article .small-semi-title{
    color: black;
    margin-top: 15px;
    font-weight: 400;
    min-height: 57px;
}
.small-article .author-container .name{
    color: black;
}
.small-article .author-container .role{
    color: black;
}
.three-item{
    max-width: 75%;
}
.three-item .small-article{
    max-width: calc(100% / 3);
    flex: 1 0 calc(100% / 3);
}
.mini-articles{
    max-width: 25%;
    flex: 1 0 25%;
}
.mini-articles a{
    display: block;
    font-size: 15px;
    margin-bottom: 7px;
    color: black;
    font-weight: 400;
}
.mini-articles a:hover{
    opacity: 0.8;
}
.mini-articles a .dot{
    background: #e82867;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 6rem;
    margin-bottom: 3px;
    margin-right: 0.3rem;
}
.author-detail-container .big-article{
    max-width: 100%;
    flex: 1 0 100%;
}
.author-detail-container .big-article .column-content{
    padding: 20px;
    padding-top: 0px;
}
.content-blog .content-blog-post-or-posts div.short-content {
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    padding: 0px;
    padding-top: 25px;
    text-align: left;
}
.content-blog .content-blog-post-or-posts div.short-content a{
    color: #e82867;
}
.content-blog .content-blog-post-or-posts div.full-content {
    color: rgb(136, 136, 136);
    text-align: center;
    font-weight: 400;
    padding: 25px;
    text-align: left;
    font-size: 17px;
    line-height: 120%;
}
.content-blog .content-blog-post-or-posts div.full-content p{
    line-height: 150%;
}
.content-blog .content-blog-post-or-posts div.full-content td {
    padding: 3px;
    font-size: 14px;
}
.content-blog .content-blog-post-or-posts div.full-content table {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100% !important;
    width: 100% !important;
}
.content-blog .content-blog-post-or-posts div.full-content table, th, td {
    border: 1px solid #b0a5ad
}
.content-blog .content-blog-post-or-posts div.full-content a {
    color: #e82867;
    word-wrap: break-word;
}
.content-blog .content-blog-post-or-posts div.full-content a:hover{
    text-decoration: underline;
}
.content-blog .content-blog-post-or-posts div.full-content p {
    margin-bottom: 10px
}

.content-blog .content-blog-post-or-posts div.full-content img {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto !important;
}
.content-blog .content-blog-post-or-posts div.full-content iframe {
    max-width: 100%;
}
.content-blog .content-blog-post-or-posts div.full-content h1 span,
.content-blog .content-blog-post-or-posts div.full-content h2 span,
.content-blog .content-blog-post-or-posts div.full-content h3 span,
.content-blog .content-blog-post-or-posts div.full-content h4 span,
.content-blog .content-blog-post-or-posts div.full-content h5 span,
.content-blog .content-blog-post-or-posts div.full-content h6 span{
    line-height: 120%;
}
.content-blog .content-blog-post-or-posts div.social-shares {
    margin-top: 15px;
    text-align: center;
}

.content-blog .post-date-author-container {
    text-align: center;
    color: black;
}

.g-plus {
    margin-right: 100px;
}

.content-blog .content-blog-post-or-posts .post-date {
    display: inline-block;
    font-weight: 500;
    margin: 5px 10% 25px 10%;
    padding-left: 25px;
    background-image: url(../img/timer-icon-pink.png);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.content-blog .content-blog-post-or-posts .post-author {
    display: inline-block;
    font-weight: 500;
    padding-left: 25px;
    background-image: url(../img/person-icon.png);
    background-size: 13px;
    background-position: 10px 11px;
    background-repeat: no-repeat;
    background-color: white;
    cursor: pointer;
    position: absolute;
    right: 2%;
    padding: 10px 20px;
    padding-left: 29px;
    border: coral;
    border-radius: 21px;
    color: #000000;
    box-shadow: 0px 1px 1px 0px #d0d0d0;
}
.content-blog .content-blog-post-or-posts .post-author.pa-1{
    top: 5%;
}
.content-blog .content-blog-post-or-posts .post-author.pa-2{
    top: 18%;
}
.content-blog .content-blog-post-or-posts .post-author.pa-3{
    top: 31%;
}
.content-blog .content-blog-post-or-posts .post-author:hover{
    text-decoration: underline;
}
.content-blog .post_detail .post-author {
    position: inherit;
    box-shadow: 0px 0px 0px 0px;
}

.content-blog .article-list .pagination {
    text-align: center;
    margin-top: 50px;
    font-weight: 400;
}

.content-blog .article-list .page-links {
    margin: auto;
    display: block;
}

.content-blog .article-list .page-referent {
    width: 40px;
    background-color: #e82867;
    color: #ffffff;
    margin: 0 4px;
    padding: 10px;
    border-radius: 25px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.content-blog .article-list .page-referent:hover {
    opacity: 0.6;
}


/*content right part*/

.content-blog .recommended {
    margin: 0% 1% 5% 1%;
    padding-top: 25px;
}

.fixed-wrapper {
    float: left;
    width: 25%;
}

.content-blog .fixed-wrapper.fixed {
    position: relative;
    top: 10px;
}

.content-blog .recommended h2 {
    font-size: 28px;
    margin-bottom: 40px;
}

.content-blog .recommended section {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
}

.content-blog .recommended section:hover {
    cursor: pointer;
    opacity: 0.8;
}

.content-blog .recommended section:after {
    content: '';
    display: block;
    clear: both;
}

.content-blog .recommended section h3 {
    font-weight: 400;
    line-height: 120%;
    margin: 3px 0 6px 0;
    cursor: pointer;
    font-size: 17px;
    color: black;
}

.content-blog .recommended section p {
    font-weight: 400;
    color: #9ea5ad;
    font-size: 13px;
}
.content-blog .recommended .authors .name{
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    padding-left: 5px;
    padding-bottom: 5px;
}
.content-blog .recommended .authors .role{
    font-weight: 400;
    font-size: 12px;
    color: black;
}
.content-blog .recommended .authors .avatar{
    float: left;
    margin-bottom: 15px;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    background-size:100%;
    background-repeat:no-repeat;
    display: inline-block;
    border-radius: 33px;
}
.content-blog .recommended div:first-child {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    height: 120px;
}

/*end of recommended post images*/

.content-blog .recommended div.recommended-post-text {
    margin: 0 4% 0 4%;
}

.author-detail-post-container {
    padding-top: 25px
}

.fixed-wrapper.fixed .author-detail-post-container {
    margin-top: 20px;
}

.author-detail-post-container .author-card {
    padding: 20px 20px 10px 20px;
    box-shadow: 0px 0px 15px 0px #c7c7c7;
    margin-bottom: 25px;
}

.author-detail-post-container .author-card .author-info {
    margin-bottom: 25px;
}

.author-detail-post-container .author-card .author-name {
    color: #4fbbab;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.14px;
    line-height: 32px;
    margin-bottom: -8px;
}

.author-detail-post-container .author-card .author-extra {
    color: #737777;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.06px;
    line-height: 41px;
}

.author-detail-post-container .author-card .image-block {}

.author-detail-post-container .author-card .author-appointment-container {
    text-align: center;
}

.author-detail-post-container .author-card .author-appointment {
    background-color: #4fbbab;
    color: white;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.07px;
    line-height: 21px;
    padding: 12px 13px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    margin-bottom: 20px;
    margin-top: 15px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.author-detail-post-container .author-card .author-appointment:hover {
    opacity: 0.6;
}

.author-detail-post-container .author-card .author-description {
    text-align: justify;
    font-size: 13px;
    margin-top: 43px;
}

.author-detail-post-container .author-card .avatar {
    width: 125px;
    border-radius: 100%;
    float: left;
    box-shadow: 0px 0px 15px 0px #c7c7c7;
    margin: 0px 15px 15px 0px;
}

.author-detail-post-container .author-recent-entries {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.07px;
}

.authors-container {
    float: left;
    width: 65%;
    max-width: 650px;
    min-height: 250px;
    margin: 2% 1%;
}

.authors-container .author-card {
    padding: 20px 20px 10px 20px;
    margin: 40px 20px;
    margin-top: 0px;
    box-shadow: 0px 0px 15px 0px #c7c7c7;
    min-height: 370px;
}

.authors-container .author-card .author-info {
    margin-bottom: 25px;
}

.authors-container .author-card .author-name {
    color: #4fbbab;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.14px;
    line-height: 46px;
    margin-bottom: 5px;
}

.authors-container .author-card .author-extra {
    color: #737777;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.06px;
    line-height: 19px;
}

.authors-container .author-card .image-block {}

.authors-container .author-card .author-appointment-container {
    text-align: center;
}

.authors-container .author-card .author-appointment {
    background-color: #4fbbab;
    color: white;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.07px;
    line-height: 21px;
    padding: 12px 35px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    margin-bottom: 20px;
    margin-top: 15px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.authors-container .author-card .author-appointment:hover {
    opacity: 0.6;
}

.authors-container .author-card .author-description {
    text-align: justify;
}

.authors-container .author-card .avatar {
    width: 250px;
    border-radius: 100%;
    float: left;
    box-shadow: 0px 0px 15px 0px #c7c7c7;
    margin: 0px 15px 15px 0px;
}

.authors-container .author-recent-entries {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.07px;
}

.author-detail-container {
    float: left;
    width: 75%;
    max-width: 650px;
    min-height: 250px;
    margin: 0% 1%;
}

.author-detail-container .author-card {
    padding: 20px 20px 40px 20px;
    margin: 40px 20px;
    margin-top: 20px;
    box-shadow: 0px 0px 15px 0px #c7c7c7;
}

.author-detail-container .author-card .author-info {
    margin-bottom: 25px;
}

.author-detail-container .author-card .author-name {
    color: #4fbbab;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.14px;
    line-height: 46px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.author-detail-container .author-card .author-extra {
    color: #737777;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.06px;
    line-height: 19px;
    margin-left: 26px;
}

.author-detail-container .author-card .image-block {}

.author-detail-container .author-card .author-appointment {
    background-color: #4fbbab;
    color: white;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.07px;
    line-height: 21px;
    padding: 12px 35px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.author-detail-container .author-card .author-appointment:hover {
    opacity: 0.6;
}

.author-detail-container .author-card .author-description {
    text-align: justify;
}

.author-detail-container .author-card .avatar {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    float: left;
    margin: 0px 15px 15px 0px;
    box-shadow: 0px 0px 15px 0px #c7c7c7;
}

.author-detail-container .author-recent-entries {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.07px;
}

.author-detail-container h3 {
    font-size: 26px;
    margin: 25px;
    cursor: pointer;
}

.author-detail-container article {
    margin: 40px 20px;
    box-shadow: 0 0 15px #c7c7c7;
}

.author-detail-container article .post-top-image-container {
    position: relative;
    cursor: pointer
}

.author-detail-container article .topic-container {
    position: absolute;
    bottom: 5%;
    left: 2%;
}

.author-detail-container article .topic-icon {
    background-color: #e82867;
    padding: 10px 15px;
    border-radius: 40px;
    color: #fff;
    font-size: 85%;
    text-transform: uppercase;
    font-weight: 500;
    float: left;
    margin-right: 10px;
    box-shadow: 0px 0px 15px 0px #ffffff
}

.author-detail-container div.short-content {
    color: #9ea5ad;
    text-align: center;
    font-weight: 400;
    margin: 25px 0px;
    text-align: left;
    color: white;
}

.author-detail-container .post-date {
    display: inline-block;
    font-weight: 500;
    margin: 5px 9% 25px 9%;
    padding-left: 25px;
    background-image: url(../img/timer-icon-pink.png);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.author-detail-container .post-author {
    display: inline-block;
    font-weight: 500;
    margin: 5px 0% 25px 20px;
    padding-left: 25px;
    background-image: url(../img/person-icon.png);
    background-size: 13px;
    background-position: 3% 55%;
    background-repeat: no-repeat;
    cursor: pointer
}

.post-top-image-container .post-photo{
    position: relative;
    background-position: center center;
    height: 370px;
    background-size:103%
}
.post-top-image-container .post-photo .article-category.light {
    margin-top: 15px;
    margin-left: 10px;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.35);
    display: inline-block;
    color: white;
}
.post-top-image-container .post-photo .article-tab{
    position: absolute;
    bottom: 0px;
    color: white;
    padding: 30px 20px;
    display: flex;
    background-color: rgba(34, 34, 34, 0.74);
    width: calc(100% - 40px);
}
.post-top-image-container .post-photo .article-tab .big-semi-title{
    font-size: 30px;
    max-width: 696px;
}
.post-top-image-container .post-photo .article-tab .description.strong{
    margin-left: auto;
    min-width: 218px;
    position: relative;
    top: 7px;
    font-weight: 400;
    display: none!important;
}
/*                      MEDIA QUERIES                   */
@media screen and (max-width: 1000px) {
    .content-blog .content-blog-post-or-posts {
        width: 670px;
        float: none;
        margin: auto;
    }

    .fixed-wrapper {
        float: none;
        width: 600px;
        margin: auto;
    }

    .content-blog .author-detail-container {
        width: 100%;
        margin: auto;
        float: none;
    }

    .content-blog .authors-container {
        width: 100%;
        margin: auto;
        float: none;
    }
}
@media screen and (max-width: 890px) {
    .post-top-image-container .post-photo {
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/*          narrow screen (blog)            */
@media screen and (max-width: 890px) {
    .header-blog .logo-header a {
        width: 70px;
    }

    .header-blog .main-menu li {
        margin: 4px 2px 18px 2px;
    }
}

/*          tablets (blog)      */
@media screen and (max-width: 768px) {
    .header-blog {
        height: 250px;
        display: flex;
        align-items: center;
    }

    .header-blog .logo-header a {
        width: 40px;
        height: 70px;
        float: none;
        display: block;
        margin: 0 auto;
    }

    .header-blog .main-menu {
        float: none;
        margin: 0 auto;
    }

    .header-blog .main-menu li {
        margin: 0px 3px 18px 3px;
    }

    .header-blog .header-center-content {
        padding-top: 0px;
        width: 90%;
    }

    .header-blog .header-center-content h1 {
        font-size: 36px;
        margin: 0px 0 20px 0;
        text-align: center;
    }

    .topic-nav {
        display: none;
    }

    .header-blog .select-topic .mobile-topic-nav {
        display: block;
    }
    /*content for tablets (blog)*/

    .content-blog .content-blog-post-or-posts {
        width: 98%;
    }

    /*      Start footer content for tablets    */

    .fixed-wrapper {
        width: 99%;
    }

    .author-detail-container {
        width: 99%;
        max-width: 1000px;
    }

    .authors-container {
        width: 99%;
        max-width: 1000px;
    }

    .authors-container .author-card .avatar {
        width: 125px;
        height: 125px;
    }

    .author-detail-container .author-card .avatar {
        width: 125px;
        height: 125px;
        border-radius: 100%;
        float: left;
        box-shadow: 0px 0px 15px 0px #c7c7c7;
        margin: 0px 15px 15px 0px;
    }

    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }

    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets           */

    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }

    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    .content-blog .content-blog-post-or-posts article {
        margin: auto;
        margin-bottom: 5%;
    }
    .content-blog .recommended section {
        margin: 20px 10px;
        max-width: calc(48% - 25px);
        display: inline-grid;
    }
    .content-blog .content-blog-post-or-posts.post_detail > section {
        padding-right: 0px;
    }
}
@media screen and (max-width: 610px) {
    .authors-container, .author-detail-container {
        width: 98%;
    }

    .fixed-wrapper {
        width: 98%;
    }
}

/*          mobiles (blog)          */
@media screen and (max-width: 480px) {
    /*header (blog for mobiles)*/

    .fixed-wrapper {
        width: 99%;
    }

    .authors-container, .author-detail-container {
        width: 100%;
    }

    .header-blog .header-center-content h1 {
        font-size: 32px;
        margin: 15px 0;
    }
    .content-blog .content-blog-post-or-posts {
        width: 98%;
    }

    .content-blog .recommended {
        width: 100%;
    }
    .article-list .small-article{
        max-width: 100%;
        flex: 1 0 100%;
    }
    .article-list .medium-article,
    .article-list .big-article{
        display: none;
    }
    .article-list .not-desktop{
        display: block;
    }
    .article-list .mini-articles,
    .article-list .three-item{
        max-width: 100%;
        flex: 1 0 100%;
    }
    .post-top-image-container .post-photo .article-tab {
        display: block;
    }
    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }
    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-break {
        display: block;
        clear: both;
    }

    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */

    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}

/*               faq                               */

/*                  Header                  */
.header-faq {
    height: 420px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/faq_back.jpg) center 26%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.header-faq .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}

/*                  header Kcalmar icon                 */

/*              Header center part                  */
.header-faq .header-center-content {
    padding-top: 160px;
    margin: 0 auto;
    width: 590px;
}
.header-faq .header-center-content h2 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

/*  search field  */
.header-faq .header-center-content input {
    display: block;
    margin: 35px auto 0 auto;
    background-image: url(../img/magnifier.png);
    background-repeat: no-repeat;
    background-position: 6% 50%;
    background-size: 6%;
    width: 250px;
    padding: 10px 10px 10px 35px;
    border: 2px solid #fff;
    border-radius: 20px;
}

/*      content start                   */

/*    questions part (faq)*/
.content-faq .questions-faq {
    max-width: 1000px;
    margin: 35px auto 0 auto;
}
.content-faq .questions-faq:after {
    content: '';
    display: block;
    clear: both;
}
.content-faq .dietician-faq {
    float: left;
    width: 48%;
    min-height: 1090px;
    margin: 1%;
    box-shadow: 0 0 15px #c7c7c7;
    border-radius: 5px;
}
.content-faq .dietician-faq-head {
    background-image: url(../img/background-transparent.png);
    background-color: #e91f5e;
    background-repeat: repeat;
    min-height: 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.content-faq .dietician-faq-head div {
    margin: 0 auto;
    height: 130px;
    width: 100px;
    background: url(../img/faq-icon-pink.png) 50% 70% no-repeat;
    background-size: 80%;
}
.content-faq .dietician-faq-head h2 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
    font-size: 15px;
    font-weight: 500;
}
.content-faq .dietician-faq h3 {
    text-align: center;
    margin: 30px 0;
    font-size: 30px;
}
.content-faq .patient-faq {
    float: left;
    width: 48%;
    min-height: 1090px;
    margin: 1%;
    box-shadow: 0 0 15px #c7c7c7;
    border-radius: 5px;
}
.content-faq .patient-faq-head {
    background-image: url(../img/background-transparent.png);
    background-color: #51b9aa;
    background-repeat: repeat;
    min-height: 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.content-faq .patient-faq-head div {
    height: 130px;
    width: 100px;
    margin: 0 auto;
    background: url(../img/faq-icon.png) 50% 70% no-repeat;
    background-size: 80%;
}
.content-faq .patient-faq-head h2 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
    font-size: 15px;
    font-weight: 500;
}
.content-faq .patient-faq h3 {
    text-align: center;
    margin: 30px 0;
    font-size: 30px;
}

/*expandable and collapsible panels (faq)*/
.content-faq .faq-objects {
    margin: 30px 9%;
    color: #9ea5ad;
    font-weight: 400;
}
.content-faq .faq-objects>div>p {
    background-image: url(../img/arrow-down.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 3%;
    margin: 15px 0 0 0;
    padding: 0px 25px 0px 0px;
}
.content-faq .faq-objects>div>p:hover {
    cursor: pointer;
}
.content-faq .faq-objects>div div {
    margin: 10px 0 0 0;
}
.content-faq .faq-objects>.qa a {
    color: #e91f5e;
}
.content-faq .faq-objects p.active-faq-object:first-child {
    background-image: url(../img/arrow-up.png);
}
.content-faq .faq-objects .faq-object-border {
    display: block;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #9ea5ad;
}

/*      safety (faq)            */
.content-faq .safety {
    width: 100%;
    margin: 10px 0;
    padding: 60px 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.66)), url(../img/backgrounds/faq_safety.jpg);
    background-repeat: no-repeat;
    background-position: 50% 86%;
    color: #fff;
    height: 300px;
}
.content-faq .safety h2 {
    font-size: 40px;
    text-align: center;
    margin: 40px auto 25px auto;
}
.content-faq .safety p {
    text-align: center;
    margin: 0 auto;
    width: 50%;
}

/*                      MEDIA QUERIES                   */

/*          tablets (faq)       */
@media screen and (max-width: 768px) {
    /*header (faq for mobiles)*/

    .header-faq {
        height: 320px;
    }

    .header-faq .header-center-content {
        padding-top: 0px;
        width: 80%;
    }

    .header-faq .header-center-content h2 {
        font-size: 36px;
        margin: 0px 0 20px 0;
        text-align: center;
    }
    /*    questions part for tablets (faq)*/

    .content-faq .dietician-faq, .content-faq .patient-faq {
        width: 49%;
        min-height: 1090px;
        margin: 0.5%;
    }

    .content-faq .faq-objects {
        margin: 30px 2%;
        font-size: 90%;
    }
    /*      safety for tablets (faq)            */

    .content-faq .safety p {
        width: 80%;
    }
    /*      Start footer content for tablets    */

    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }

    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets           */

    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }

    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}

/*          mobiles (faq)           */
@media screen and (max-width: 480px) {
    /*    questions part for mobiles (faq)*/

    .content-faq .dietician-faq, .content-faq .patient-faq {
        width: 98%;
        min-height: 1090px;
        margin: 1%;
    }

    .content-faq .faq-objects {
        margin: 30px 9%;
        font-size: 100%;
    }
    /*      safety for mobiles (faq)            */

    .content-faq .safety p {
        width: 90%;
    }

    .content-faq .safety {
        padding: 10px 0;
        height: 450px;
    }
    /*  Start footer content for mobiles    */

    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }

    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-break {
        display: block;
        clear: both;
    }

    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */

    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}

/*               Contact                                     */

/*                  Header                  */
.header-contact {
    height: 380px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/contact_back.jpg) center 45%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}
.header-contact .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
    margin-top: 0px;
}

/*              Header center part                  */
.header-contact .header-center-content {
    padding-top: 130px;
    margin: 0 auto;
    width: 550px;
}
.header-contact .header-center-content h1 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}
.header-contact .header-center-content p {
    font-weight: 400;
    text-align: center;
    margin: 10px 15px;
}

/*      content start                   */
.content-contact {
    width: 96%;
    padding: 20px 2%;
}
.content-contact .content-contact-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.content-contact .content-contact-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

/*          contact details (contact site)              */
.content-contact .contact-details {
    float: right;
    width: 30%;
    margin: 1%;
    padding: 1.5%;
    color: #fff;
    background: url(../img/background-pink.png) center center;
    background-size: 50%;
    background-repeat: repeat;
    background-color: #e82767;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.content-contact .contact-details .h2 {
    font-size: 160%;
    font-weight: 300;
    margin: 10px 0 15px 0;
}
.content-contact .contact-details .phone-icon {
    float: left;
    background-image: url(../img/contact-phone-icon.png);
    background-position: center center;
    background-size: 95%;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
.content-contact .contact-details .contact-bold {
    float: left;
    font-weight: 500;
    margin: 0 0 8px 15px;
}
.content-contact .contact-details div:nth-child(7) {
    clear: both;
    /*  float clear  */
}
.content-contact .contact-details .mail-icon {
    float: left;
    background-image: url(../img/contact-at-icon.png);
    background-position: center center;
    background-size: 95%;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
/*          contact form (contact site)              */
.content-contact .contact-form {
    float: left;
    width: 60%;
    margin: 1%;
    padding: 1.5%;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 5px;
}
.content-contact .contact-form .errorlist {
    font-weight: 500;
}
.content-contact .contact-form h2 {
    font-size: 160%;
    font-weight: 300;
    margin: 10px 0 20px 0;
}
.content-contact .contact-form label {
    display: block;
    color: #5a6a70;
    font-weight: 500;
    margin: 4px 0;
}
.content-contact .contact-form input {
    display: block;
    width: 95%;
    margin: 4px 0;
    border: 1px solid silver;
    border-radius: 20px;
    padding: 8px 2.5%;
}
.content-contact .contact-form textarea {
    width: 95%;
    margin: 4px 0;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 8px 2.5%;
    font: 400 13.3333px Arial;
}
.content-contact .contact-form input[type=submit] {
    display: block;
    width: 140px;
    font-weight: 400;
    margin: 35px auto 4px auto;
    border: 0px solid #e91f5e;
    border-radius: 20px;
    padding: 8px 2.5%;
    color: #fff;
    background-color: #e91f5e;
    /* also inherits from .content-contact .contact-form input */
}
.content-contact .contact-form:after {
    content: '';
    display: block;
    clear: both;
}
.photo-item {
    float: left;
    margin-right: 3px;
    width: 32%;
}

/*          follow us (contact site)              */
.content-contact .contact-form:after {
    content: '';
    display: block;
    clear: both;
}

/*          follow us (contact site)              */
.content-contact .follow-instagram {
    float: right;
    width: 30%;
    margin: 1%;
    padding: 1.5%;
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 5px;
}
.content-contact .follow-instagram h2 {
    font-size: 160%;
    font-weight: 300;
    margin: 10px 0 20px 0;
}
.photo-item {
    float: left;
    margin-right: 3px;
    width: 32%;
}
.content-contact .follow-instagram .contact-social {
    width: 40%;
    min-width: 90px;
    margin: 0 60% 0 0;
    text-align: center;
    display: flex;
}
.content-contact .follow-instagram .contact-social .insta-icon,  .content-contact .follow-instagram .contact-social .facebook-icon{
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    text-align: center;
}
.content-contact .follow-instagram .contact-social .yt-icon{
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    text-align: center;
    height: 25px;
    margin-left: 20px;
}
.content-contact .follow-instagram .contact-social div a {
    display: block;
    width: 100%;
    height: 100%;
}
.content-contact .follow-instagram .contact-social .insta-icon {
    background-image: url(../img/insta-icon.png);
    margin-left: 20px;
}
.content-contact .follow-instagram .contact-social .yt-icon{
    background-image: url(../img/yt-icon.png);
}
.content-contact .follow-instagram .contact-social .facebook-icon {
    background-image: url(../img/facebook-icon.png);
    border-radius: 3px;
}
.content-contact .iframe{
    margin-left: 1%;
    margin-top: 20px;
    max-width: 100%!important;
}

/*.content-contact .follow-instagram .contact-social:after {
    content: "";
    clear: both;
    display: block;
}*/

/*      follow - instagram (contact)          */
.content-contact .follow-instagram h4 {
    font-size: 120%;
    margin: 25px 0 10px 0;
}
.content-contact .follow-instagram>div:nth-child(4) {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 300px;
}
/*---------------------------------------------------*/
/*-----------WIDGET CREATOR START--------------------*/
/*---------------------------------------------------*/
.header-widget{
    height: 380px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/contact_back.jpg) center 45%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}
.header-widget .header-center-content{
    overflow: initial;
}
.stick-out {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 20px;
    height: 275px;
    width: 440px;
    margin: auto;
    border: 1px solid #999;
    color: black
}
.example-widget{
    background-image: url(../img/example_widget.png);
    height: 230px;
    width: 350px;
    background-size: 100%;
    margin: auto;
}
.content-get-widget {
    width: 96%;
    padding: 20px 2%;
    padding-top: 195px;
}
.content-get-widget .bolder {
    font-weight: 500;
}
.content-get-widget .grey {
    color: #a0a0a0;
}
.content-get-widget .row{
    display: flex;
}
.content-get-widget .row .col{
    flex: 1 0 50%;
}
.content-get-widget .content-get-widget-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5%;
}
.content-get-widget .col.creator-col,
.content-get-widget .min-title{
    font-size: 18px;
}
.content-get-widget .title{
    font-size: 25px;
}
.content-get-widget .padding-bottom{
    padding-bottom: 20px;
}
.content-get-widget .padding-top{
    padding-top: 25px;
}
.content-get-widget .error{
    color: red;
    font-weight: 500;
    display: none;
    overflow: hidden;
}
.content-get-widget .slide{
    display: none;
}
.content-get-widget textarea{
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    margin-bottom: 25px;
}
.content-get-widget textarea:focus {
    box-shadow: 0 0 15px #eee;
}
.content-get-widget input#id_email{
    padding: 15px 10px;
    margin: 10px 0px;
    margin-right: 50px;
    margin-bottom: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    width: calc(100% - 70px);
    font-size: 20px;
}
.content-get-widget input#id_email:focus{
    box-shadow: none;
}
.content-get-widget .col.creator-col:focus{
    box-shadow: 0px 0px 15px #c7c7c7;
}
.content-get-widget .col.creator-col .min-title{
    position: relative;
    top: 22px;
    left: -10px;
    background-color: white;
    width: auto;
    display: inline-block;
    padding: 0px 5px;
    padding-bottom: 5px;
}
.content-get-widget .radio-wrapper{
    padding: 20px 25px;
    margin: 10px 0px;
    margin-right: 50px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #c7c7c7;
}
.content-get-widget button{
    margin-top: 20px;
    margin-bottom: 13px;
    background-color: #e7306c;
    border: 0;
    padding: 20px 20px;
    font-size: 15px;
    color: white;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: bold;
}
.content-get-widget .radio-wrapper input{
    margin-left: 10px;
}
.content-get-widget .radio-wrapper label{
    margin-right: 5px;
}
.content-get-widget .content-get-widget-wrapper:after {
    content: '';
    display: block;
    clear: both;
}
.content-get-widget-wrapper input[type="radio"]:focus{
    box-shadow: none;
}
.content-get-widget div#kcal-widget-container {
    margin-top: 32px;
}
/*          Start footer                                */
.footer {}

/*                  Start footer content            */
.footer .footer-content {
    color: #5a6a70;
    width: 96%;
    padding: 40px 2%;
}
.footer .footer-content .footer-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.footer .footer-content .footer-logo {
    display: block;
    background: url(../img/kcalmar-pro-logo-turquoise.png) center center no-repeat;
    background-size: 100%;
    width: 10%;
    height: 170px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 7% 0 0;
    float: left;
}
.footer .footer-content nav a {
    color: #c7c7c7;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 400;
}
.footer .footer-content nav a:hover {
    color: #5a6a70;
}
.footer .footer-content p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.footer-content-1 {
    float: left;
    width: 18%;
    margin: 1%;
}
.footer-content-2 {
    float: left;
    width: 18%;
    margin: 1%;
}
.footer-content-3 {
    float: left;
    width: 18%;
    margin: 1%;
}

/*                  social media part           */
.footer-content-social {
    float: left;
    width: 20%;
    margin: 1%;
}
.footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}
.social-info {
    color: #c7c7c7;
    font-weight: 400 !important;
    line-height: 130%;
    text-transform: initial !important;
    padding-bottom: 0 !important;
}
.footer-content-social li {
    float: left;
    display: block;
}
.footer-content-social li a {
    line-height: 0;
    margin: 0 5px 0 0;
    text-indent: -10000px;
}
.footer-content-social li a:hover {
    opacity: 0.6;
}
.footer .footer-content .footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}
.fb, .tw, .pi, .in, .yt {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.fb {
    background-image: url(../img/fb.png);
}
.tw {
    background-image: url(../img/tw.png);
}
.pi {
    background-image: url(../img/pi.png);
}
.in {
    background-image: url(../img/in.png);
}
.yt {
    background-image: url(../img/yt.png);
    background-size: 120%;
}

.desc-col .column-f{
    width: 100%;
}

/*                      MEDIA QUERIES                   */

/*          narrow screen (contact)         */
@media screen and (max-width: 870px) {}

/*          tablets (contact)       */
@media screen and (max-width: 768px) {
    .header-contact {
        height: 240px;
    }

    .header-contact .header-center-content {
        padding-top: 0px;
        width: 90%;
    }

    .header-contact .header-center-content h1 {
        font-size: 32px;
        margin: 20px 0;
        text-align: center;
    }
    /*  content for mobiles (contact)  */

    .content-contact .contact-form {
        width: 50%;
    }

    .content-contact .follow-instagram {
        width: 40%;
    }

    .content-contact .contact-details {
        width: 40%;
    }
    /*                  Start footer content for tablets (contact)          */

    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }

    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    /*                  social media part for tablets (contact)         */

    .footer-content-social {
        float: left;
        width: 74%;
        margin: 1% 1% 1% 25%;
    }

    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    .header-training-list{
        height: auto!important;
    }
    .desc-col .column-f{
        margin: 0 auto!important;
    }
    .share-n-call .row-f .col-f .saler-data{
        text-align: center;
    }
}

/*          mobiles (contact)           */
@media screen and (max-width: 480px) {
    .header-contact {
        height: 220px;
    }
    /*  Header center part for mobiles  (contact)   */

    .header-contact .header-center-content {
        width: 100%;
    }
    /*  content for mobiles (contact)  */

    .content-contact .contact-form {
        width: 95%;
    }

    .content-contact .follow-instagram {
        float: right;
        width: 95%;
        margin: 1%;
        padding: 1.5%;
        box-shadow: 0px 0px 15px #c7c7c7;
        border-radius: 5px;
    }

    .content-contact .contact-details {
        float: right;
        width: 95%;
        margin: 1%;
        padding: 1.5%;
        color: #fff;
        background: url(../img/background-pink.png) center center;
        background-size: 50%;
        background-repeat: repeat;
        background-color: #e82767;
        box-shadow: 0px 0px 15px #c7c7c7;
        border-radius: 5px;
    }
    /*                  Start footer content for mobiles (contact)          */

    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }

    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-break {
        display: block;
        clear: both;
    }

    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part (contact)         */

    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}

/*        special-offer-1         */

/*                  Header                  */
.header-special-offer-1 .banner {
    max-height: 220px;
    width: 100%;
    overflow: hidden;
    color: #fff;
    background: url(../img/zyskaj_header_bg.png) center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-special-offer-1 .banner .banner-wrapper {
    width: 70%;
    margin: 0 auto;
}
.header-special-offer-1 .banner .logo {
    background: url(../img/kcalmar-pro-logo.png) center center no-repeat;
    background-size: 100%;
    width: 80px;
    height: 150px;
    margin: 0 0 0 10px;
    float: left;
}
.header-special-offer-1 .banner .logo:hover {
    cursor: pointer;
}
.header-special-offer-1 .banner h1 {
    font-size: 46px;
    max-width: 600px;
    margin: 20px 0 0 50px;
    float: left;
}
.header-special-offer-1 .banner .banner-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

/*                  Content start                       */
.content-special-offer-1 .content-wrapper {
    width: 70%;
    margin: 20px auto;
}
.content-special-offer-1 .content-img {
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 7px;
    float: left;
    background: url(../img/people_content.png) center center;
    background-size: cover;
    width: 25%;
    height: 250px;
    margin: 10px;
    background-repeat: no-repeat;
}
.content-special-offer-1 .content-text {
    float: left;
    margin: 35px 0 0 25px;
    max-width: 65%;
}
.content-special-offer-1 .content-text strong {
    font-weight: 500;
}
.content-special-offer-1 .content-text ul {
    color: #8d959d;
    font-weight: 400;
}
.content-special-offer-1 .content-text ul li {
    margin: 20px 0;
}
.content-special-offer-1 .content-text ul li div:first-child {
    position: relative;
    top: -4px;
    background-color: #8d959d;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 28px;
    height: 28px;
}
.content-special-offer-1 .content-text ul li div:last-child {
    float: left;
    margin-left: 10px;
    width: 90%;
}
.content-special-offer-1 .content-text ul li:after {
    content: "";
    display: block;
    clear: both;
}
.content-special-offer-1 .content-text ul li div:first-child span {
    position: relative;
    left: 9px;
    top: 5px;
    font-size: 90%;
    font-weight: 500;
    color: #fff;
}
.content-special-offer-1 .content-text a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 100%;
    background-color: #e91f5e;
    font-weight: 700;
    padding: 22px 34px;
    border-radius: 100px;
}
.content-special-offer-1 .content-text a:hover {
    background-color: #b61f53;
}
.content-special-offer-1 .content-bottom {
    color: #8d959d;
    font-weight: 400;
    clear: both;
    margin: 20px 10px;
    max-width: 93%;
}

/*              Start footer        */
.footer-special-offer-1 .footer-wrapper {
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 70%;
    margin: 20px auto;
    padding: 20px 0;
}
.footer-special-offer-1 .footer-wrapper .anna {
    float: left;
    background: url(../img/zyskaj_anna.png) 60% 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-size: cover;
    width: 100px;
    height: 100px;
    margin: 0 0 0 20px;
    background-repeat: no-repeat;
}
.footer-special-offer-1 .footer-wrapper .footer-text {
    margin: 0 20px 0 40px;
    float: left;
    width: 75%;
}
.footer-special-offer-1 .footer-wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.footer-special-offer-1 .footer-wrapper .footer-text p {
    color: #8d959d;
    font-weight: 400;
}
.footer-special-offer-1 .footer-wrapper .footer-text p:last-child {
    margin: 20px 0 0 0;
    color: #49575d;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-special-offer-1 .footer-text span {
    margin-left: 8px;
    color: #e91f5e;
}

/*                      MEDIA QUERIES                   */

/*          tablets         */
@media screen and (max-width: 768px) {
    .header-special-offer-1 .banner h1 {
        font-size: 36px;
        max-width: 75%;
        margin: 20px 0 0 20px;
    }

    .content-special-offer-1 .content-img {
        height: 250px;
        margin: 35px 0 0 10px;
    }

    .content-special-offer-1 .content-text {
        margin: 35px 0 0 10px;
        max-width: 68%;
    }

    .footer-special-offer-1 .footer-wrapper .footer-text {
        margin: 0 10px 0 20px;
        width: 65%;
    }
}

/*          mobiles         */
@media screen and (max-width: 480px) {
    .header-special-offer-1 .banner {
        height: 210px;
    }

    .header-special-offer-1 .banner .logo {
        width: 50px;
        height: 100px;
        margin: 0 auto;
        float: none;
    }

    .header-special-offer-1 .banner h1 {
        text-align: center;
        font-size: 26px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .content-special-offer-1 .content-wrapper {
        max-width: 100%;
        margin: 10px auto;
    }

    .content-special-offer-1 .content-img {
        float: none;
        background-position: left top;
        width: 95%;
    }

    .content-special-offer-1 .content-text {
        float: none;
        margin: 35px 0 0 10px;
        max-width: 95%;
    }

    .content-special-offer-1 .content-text a {
        display: block;
        width: 210px;
        margin: 0 auto;
    }

    .footer-special-offer-1 .footer-wrapper {
        max-width: 100%;
        margin: 10px auto;
        padding: 10px 0;
    }

    .footer-special-offer-1 .footer-wrapper .anna {
        float: none;
        width: 100px;
        height: 100px;
        margin: 0 auto 5px;
    }

    .footer-special-offer-1 .footer-wrapper .footer-text {
        margin: 0 auto;
        float: none;
        width: 93%;
    }
}

/*          Header special-offer-2          */

/*                  Header                  */
.header-special-offer-2 .banner {
    max-height: 220px;
    width: 100%;
    overflow: hidden;
    color: #fff;
    background: url(../img/zyskaj_header_bg.png) center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-special-offer-2 .banner .banner-wrapper {
    width: 70%;
    margin: 0 auto;
}
.header-special-offer-2 .banner .logo {
    background: url(../img/kcalmar-pro-logo.png) center center no-repeat;
    background-size: 100%;
    width: 80px;
    height: 150px;
    margin: 0 0 0 10px;
    float: left;
}
.header-special-offer-2 .banner .logo:hover {
    cursor: pointer;
}
.header-special-offer-2 .banner h1 {
    font-size: 46px;
    max-width: 600px;
    margin: 20px 0 0 50px;
    float: left;
}
.header-special-offer-2 .banner .banner-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

/*                  Content start                       */
.content-special-offer-2 .content-wrapper {
    width: 70%;
    margin: 20px auto;
}
.content-special-offer-2 .content-img {
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 7px;
    float: left;
    background: url(../img/gluten.png) center center;
    background-size: cover;
    width: 25%;
    height: 260px;
    margin: 10px;
    background-repeat: no-repeat;
}
.content-special-offer-2 .content-text {
    float: left;
    margin: 35px 0 0 25px;
    max-width: 65%;
}
.content-special-offer-2 .content-text>p {
    font-weight: 400;
    font-size: 100%;
    color: #212121;
}
.content-special-offer-2 .content-text ul {
    color: #8d959d;
    font-weight: 400;
}
.content-special-offer-2 .content-text ul li {
    margin: 20px 0;
}
.content-special-offer-2 .content-text ul li div:first-child {
    position: relative;
    top: 5px;
    background-color: #8d959d;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 8px;
    height: 8px;
}
.content-special-offer-2 .content-text ul li div:last-child {
    float: left;
    margin-left: 10px;
    width: 90%;
}
.content-special-offer-2 .content-text ul li:after {
    content: "";
    display: block;
    clear: both;
}
.content-special-offer-2 .content-text a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 100%;
    background-color: #e91f5e;
    font-weight: 700;
    padding: 23px 37px;
    border-radius: 100px;
}
.content-special-offer-2 .content-text a:hover {
    background-color: #b61f53;
}

/*              Start footer        */
.footer-special-offer-2 .footer-wrapper {
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 70%;
    margin: 20px auto;
    padding: 20px 0;
}
.footer-special-offer-2 .footer-wrapper .landscape-ico {
    float: left;
    background: url(../img/landscape-ico.png) center center;
    background-size: cover;
    width: 110px;
    height: 80px;
    margin: 0 0 0 20px;
    background-repeat: no-repeat;
}
.footer-special-offer-2 .footer-wrapper .footer-text {
    margin: 20px 20px 0 40px;
    float: left;
    width: 75%;
}
.footer-special-offer-2 .footer-wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.footer-special-offer-2 .footer-wrapper .footer-text p {
    color: #8d959d;
    font-weight: 400;
}
.footer-end-info-wrapper-special-offer-2 {
    width: 70%;
    margin: 20px auto;
}
.footer-end-info-special-offer-2 {
    color: #8d959d;
    font-weight: 400;
    width: 94%;
    margin: 0 10px;
}

/*                      MEDIA QUERIES                   */

/*          tablets         */
@media screen and (max-width: 768px) {
    .header-special-offer-2 .banner h1 {
        font-size: 36px;
        max-width: 75%;
        margin: 20px 0 0 20px;
    }

    .content-special-offer-2 .content-img {
        height: 220px;
        margin: 35px 0 0 10px;
    }

    .content-special-offer-2 .content-text {
        margin: 35px 0 0 10px;
        max-width: 68%;
    }

    .footer-special-offer-2 .footer-wrapper .footer-text {
        margin: 0 10px 0 20px;
        width: 65%;
    }
}

/*          mobiles         */
@media screen and (max-width: 480px) {
    .header-special-offer-2 .banner {
        height: 210px;
    }

    .header-special-offer-2 .banner .logo {
        width: 50px;
        height: 100px;
        margin: 0 auto;
        float: none;
    }

    .header-special-offer-2 .banner h1 {
        text-align: center;
        font-size: 26px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .content-special-offer-2 .content-wrapper {
        max-width: 100%;
        margin: 10px auto;
    }

    .content-special-offer-2 .content-img {
        float: none;
        height: 240px;
        width: 95%;
    }

    .content-special-offer-2 .content-text {
        float: none;
        margin: 35px 0 0 10px;
        max-width: 95%;
    }

    .content-special-offer-2 .content-text a {
        display: block;
        width: 130px;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .footer-special-offer-2 .footer-wrapper {
        max-width: 100%;
        margin: 10px auto;
        padding: 10px 0;
    }

    .footer-special-offer-2 .footer-wrapper .landscape-ico {
        float: none;
        width: 140px;
        height: 100px;
        margin: 10px auto 10px;
    }

    .footer-special-offer-2 .footer-wrapper .footer-text {
        margin: 10px auto;
        float: none;
        width: 93%;
    }

    .footer-end-info-special-offer-2 {
        margin: 30px 10px;
    }
}

/*                          special-offer-3                         */

/*                  Header                  */
.header-special-offer-3 .banner {
    max-height: 220px;
    width: 100%;
    overflow: hidden;
    color: #fff;
    background: url(../img/zyskaj_header_bg.png) center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-special-offer-3 .banner .banner-wrapper {
    width: 70%;
    margin: 0 auto;
}
.header-special-offer-3 .banner .logo {
    background: url(../img/kcalmar-pro-logo.png) center center no-repeat;
    background-size: 100%;
    width: 80px;
    height: 150px;
    margin: 0 0 0 10px;
    float: left;
}
.header-special-offer-3 .banner .logo:hover {
    cursor: pointer;
}
.header-special-offer-3 .banner h1 {
    font-size: 46px;
    max-width: 650px;
    margin: 20px 0 0 50px;
    float: left;
}
.header-special-offer-3 .banner .banner-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

/*                  Content start                       */
.content-special-offer-3 .content-wrapper {
    width: 70%;
    margin: 20px auto;
}
.content-special-offer-3 .content-img {
    box-shadow: 0px 0px 15px #c7c7c7;
    border-radius: 7px;
    float: left;
    background: url(../img/przepisanie.jpg) center center;
    background-size: cover;
    width: 25%;
    height: 250px;
    margin: 10px;
    background-repeat: no-repeat;
}
.content-special-offer-3 .content-text {
    float: left;
    margin: 35px 0 0 25px;
    max-width: 65%;
}
.content-special-offer-3 .content-text ul {
    color: #8d959d;
    font-weight: 400;
}
.content-special-offer-3 .content-text ul li {
    margin: 20px 0;
}
.content-special-offer-3 .content-text ul li div:first-child {
    position: relative;
    top: -4px;
    background-color: #8d959d;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 28px;
    height: 28px;
}
.content-special-offer-3 .content-text ul li div:last-child {
    float: left;
    margin-left: 10px;
    width: 90%;
}
.content-special-offer-3 .content-text ul li:after {
    content: "";
    display: block;
    clear: both;
}
.content-special-offer-3 .content-text ul li div:first-child span {
    position: relative;
    left: 9px;
    top: 5px;
    font-size: 90%;
    font-weight: 500;
    color: #fff;
}
.content-special-offer-3 .content-text a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 100%;
    background-color: #e91f5e;
    font-weight: 700;
    padding: 22px 33px;
    border-radius: 100px;
}
.content-special-offer-3 .content-text a:hover {
    background-color: #b61f53;
}
.content-special-offer-3 .content-bottom {
    color: #8d959d;
    font-weight: 400;
    clear: both;
    margin: 20px 10px;
    max-width: 93%;
}

/*              Start footer        */
.footer-special-offer-3 .footer-wrapper {
    box-shadow: 0px 0px 15px #c7c7c7;
    width: 70%;
    margin: 20px auto;
    padding: 20px 0;
}
.footer-special-offer-3 .footer-wrapper .paulina {
    float: left;
    background: url(../img/paulina.png) 60% 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-size: cover;
    width: 100px;
    height: 100px;
    margin: 0 0 0 20px;
    background-repeat: no-repeat;
}
.footer-special-offer-3 .footer-wrapper .footer-text {
    margin: 0 20px 0 40px;
    float: left;
    width: 75%;
}
.footer-special-offer-3 .footer-wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.footer-special-offer-3 .footer-wrapper .footer-text p {
    color: #8d959d;
    font-weight: 400;
}
.footer-special-offer-3 .footer-wrapper .footer-text p:last-child {
    margin: 20px 0 0 0;
    color: #49575d;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-special-offer-3 .footer-text span {
    margin-left: 8px;
    color: #e91f5e;
}

/*                      MEDIA QUERIES                   */

/*          tablets         */
@media screen and (max-width: 768px) {
    .header-special-offer-3 .banner h1 {
        font-size: 36px;
        max-width: 75%;
        margin: 20px 0 0 20px;
    }

    .content-special-offer-3 .content-img {
        height: 250px;
        margin: 35px 0 0 10px;
    }

    .content-special-offer-3 .content-text {
        margin: 35px 0 0 10px;
        max-width: 68%;
    }

    .footer-special-offer-3 .footer-wrapper .footer-text {
        margin: 0 10px 0 20px;
        width: 65%;
    }
}

/*          mobiles         */
@media screen and (max-width: 480px) {
    .header-special-offer-3 .banner {
        height: 210px;
    }

    .header-special-offer-3 .banner .logo {
        width: 50px;
        height: 100px;
        margin: 0 auto;
        float: none;
    }

    .header-special-offer-3 .banner h1 {
        text-align: center;
        font-size: 26px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .content-special-offer-3 .content-wrapper {
        max-width: 100%;
        margin: 10px auto;
    }

    .content-special-offer-3 .content-img {
        float: none;
        background-position: left top;
        width: 95%;
    }

    .content-special-offer-3 .content-text {
        float: none;
        margin: 35px 0 0 10px;
        max-width: 95%;
    }

    .content-special-offer-3 .content-text a {
        display: block;
        width: 210px;
        margin: 0 auto;
    }

    .footer-special-offer-3 .footer-wrapper {
        max-width: 100%;
        margin: 10px auto;
        padding: 10px 0;
    }

    .footer-special-offer-3 .footer-wrapper .paulina {
        float: none;
        width: 100px;
        height: 100px;
        margin: 0 auto 5px;
    }

    .footer-special-offer-3 .footer-wrapper .footer-text {
        margin: 0 auto;
        float: none;
        width: 93%;
    }
}

/*                   Error                                       */

/*                  Header                  */
.header-error {
    height: 500px;
    color: #fff;
    background: url(../img/background-pink.png) center center;
    background-size: 15%;
    background-repeat: repeat;
    background-color: #e82767;
    width: 100%;
    overflow: hidden;
}
.header-error .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}

/*                  header Kcalmar icon                 */
.header-error h1:hover {
    opacity: 0.8;
}

/*                  Header menu                     */

/*              Header center part          */
.header-error .header-center-content {
    background: url(../img/500.png) center center no-repeat;
    background-size: 100%;
    height: 390px;
    padding-top: 155px;
    margin: 0 auto;
    width: 600px;
}
.header-error .header-center-content p {
    font-weight: 400;
    text-align: center;
    margin: 280px 0;
}

/*          Start footer                                */

/*                  Start footer content            */
.footer .footer-content {
    color: #5a6a70;
    height: 230px;
    width: 96%;
    padding: 40px 2%;
}
.footer .footer-content .footer-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.footer .footer-content .footer-logo {
    display: block;
    background: url(../img/kcalmar-pro-logo-turquoise.png) center center no-repeat;
    background-size: 100%;
    width: 10%;
    height: 170px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 2% 0 0;
    float: left;
}
.footer .footer-content nav a {
    color: #c7c7c7;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 400;
}
.footer .footer-content nav a:hover {
    color: #5a6a70;
}
.footer .footer-content p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.footer .footer-content p span{
    color: #e91f5e;
}
.footer-content-1 {
    float: left;
    width: 19%;
    margin: 1%;
}
.footer-content-2 {
    float: left;
    width: 16%;
    margin: 1%;
}
.footer-content-3-1 {
    float: left;
    width: 12%;
    margin: 1%;
}
.footer-content-3 {
    float: left;
    width: 10%;
    margin: 1%;
}

/*                  social media part           */
.footer-content-social {
    float: left;
    width: 20%;
    margin: 1%;
}
.footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}
.social-info {
    color: #c7c7c7;
    font-weight: 400 !important;
    line-height: 130%;
    text-transform: initial !important;
    padding-bottom: 0 !important;
}
.footer-content-social li {
    float: left;
    display: block;
}
.footer-content-social li a {
    line-height: 0;
    margin: 0 5px 0 0;
    text-indent: -10000px;
}
.footer-content-social li a:hover {
    opacity: 0.6;
}
.footer .footer-content .footer-content-social:after {
    display: block;
    content: "";
    clear: both;
}
.fb, .tw, .pi, .in, .yt {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.fb {
    background-image: url(../img/fb.png);
}
.tw {
    background-image: url(../img/tw.png);
}
.pi {
    background-image: url(../img/pi.png);
}
.in {
    background-image: url(../img/in.png);
}
.yt {
    background-image: url(../img/yt.png);
    background-size: 120%;
}

/*                      MEDIA QUERIES                   */

/*          narrow screen           */
@media screen and (max-width: 870px) {
    /*                  Header for narrow screen                */
    /*  social from footer  */

    .fb, .tw, .pi, .in, .yt {
        background-size: 110%;
        width: 23px;
        height: 23px;
    }
}

/*          tablets         */
@media screen and (max-width: 768px) {
    /*                  Header for tablets                  */

    .header-error {
        height: 600px;
    }

    .header-error .header-center-content {
        height: 300px;
        padding-top: 1px;
        width: 80%;
    }

    .header-error .header-center-content p {
        margin: 310px 0;
    }
    /*                  Start footer content for tablets            */

    .footer .footer-content .footer-logo {
        width: 13%;
        height: 170px;
        margin: 0 5% 0 5%;
    }

    .footer-content-1 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-2 {
        width: 21%;
        margin: 1% 2%;
    }

    .footer-content-3 {
        width: 19%;
        margin: 1% 1% 1% 4%;
    }
    .footer-content-3-1 {
        width: 40%;
        margin: 1% 1% 1% 25%;
    }
    /*                  social media part for tablets           */
    .footer-content-social {
        float: left;
        width: 32%;
        margin: 1% 1% 1% 1%;
    }

    .fb, .tw, .pi, .in, .yt {
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
}

/*          mobiles         */
@media screen and (max-width: 480px) {
    /*                  Header for mobiles              */

    .header-error {
        height: 590px;
        margin-bottom: 30px;
    }

    .header-error .header-center-content {
        padding-top: 50px;
        width: 90%;
    }

    .header-error .header-center-content p {
        margin: 270px 0;
    }
    /*                  Start footer content for mobiles            */

    .footer .footer-content .footer-logo {
        background-size: 79%;
        width: 30%;
        margin: 0 10%;
    }

    .footer-content-1 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-break {
        display: block;
        clear: both;
    }

    .footer-content-2 {
        width: 30%;
        margin: 3% 10%;
    }

    .footer-content-3 {
        width: 30%;
        margin: 3% 10%;
    }
    .footer-content-3-1 {
        width: 30%;
        margin: 3% 10%;
    }
    /*                  social media part           */

    .footer-content-social {
        width: 80%;
        margin: 1% 10%;
    }
}
@keyframes example {
    0% {
        background-color: #e91f5e;
    }

    50% {
        background-color: #41cda8;
    }

    100% {
        background-color: #e91f5e;
    }
}
.promo {
    background-color: #e91f5e;
    color: #fff;
    text-align: center;
    padding: 20px 5px;
}
.promo h1 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 20px;
    opacity: 1;
}
.promo h1:hover {
    color: #fff;
}
.promo ul {
    padding-bottom: 20px;
}
.promo ul li {
    margin: 0 auto;
    padding: 5px 0;
    max-width: 800px;
    text-align: left;
    list-style: disc;
}
.promo p {
    padding-bottom: 20px;
}
.promo a {
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #fff;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
}
.promo strong {
    font-weight: bold;
}

/* Traingin list*/
.header-training-list {
    height: 530px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/backgrounds/app_back_new.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.header-training-list .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.header-training-list .header-center-content {
    padding-top: 155px;
    margin: 0 auto;
    max-width: 700px;
}
.header-training-list .header-center-content h2 {
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
    line-height: 1.1;
}
.header-training-list .header-center-content p {
    text-align: center;
    margin: 10px 65px;
}
.content-training-list .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-training-list .row-f {
    display: flex;
    flex-wrap: wrap;
}
.content-training-list .normal-size {
    font-size: 16px;
    font-weight: 400;
    color: #0c3e51;
}
.content-training-list .small-size {
    font-size: 13px;
    font-weight: 400;
}
.content-training-list .grey {
    color: #aeb2b6;
}
.content-training-list .green {
    color: #51b9aa;
}
.content-training-list .white {
    color: white;
}
.content-training-list .pink {
    color: #e7306c;
}
.content-training-list .uppercase {
    text-transform: uppercase;
}
.content-training-list .bold {
    font-weight: 500;
}
.content-training-list .bolder {
    font-weight: 500;
}
.content-training-list div {
    font-weight: 400;
}
.content-training-list .thin {
    font-weight: 300;
}
.content-training-list .t-button,
.header-center-content .t-button{
    border: 0;
    padding: 13px 17px;
    color: white;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: bold;
}
.header-center-content .button-container{
    text-align: center;
    margin-top: 20px;
}
.content-training-list .t-button:hover,
.header-center-content .t-button:hover{
    cursor: pointer;
    opacity: 0.9;
}
.content-training-list .pink-bg,
.header-center-content .pink-bg{
    background-color: #e7306c;
}
.content-training-list .green-bg,
.header-center-content .green-bg{
    background-color: #51b9aa;
    box-shadow: 0px 4px 6px 0px #d3d3d3;
}
.iez-bg{
    background-color: #0c3e51;
    box-shadow: 0px 4px 6px 0px #d3d3d3;
    margin-top: 50px;
}
.iez-red-bg{
    background-color: #f25c5c;
}
.iez-red{
  color: #f25c5c!important;;
}
.image-absolute{
    position: absolute;
    -webkit-animation: fadein 8s infinite;
    top: 10px;
}
.author-absolute{
    position: absolute;
    left: 32%;
    height: 24px;
    width: 65%;
    background-color: white;
    -webkit-animation: fadein 8s infinite;
}

.training-adventages {
    text-align: center;
}
.content-training-list h3 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 55px;
    padding-top: 20px;
    color: #0c3e51;
    font-family: "Sedgwick Ave"!important;
}
.training-adventages h3+p {
    font-size: 16px;
    font-weight: 400;
}
.training-adventages .col-f {
    flex: 1 0 31%;
    max-width: 31%;
    margin-left: 1%;
    margin-right: 1%;
}
.training-adventages .col-f .image {
    width: 130px;
    height: 100px;
    margin-bottom: 5px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    background-size: 140px;
    background-repeat: no-repeat;
}
.training-adventages .col-f .small-size {
    margin-top: 10px;
}
.training-adventages .col-f:nth-child(1) .image {
    background-image: url(../img/autorytety2.png);
}
.training-adventages .col-f:nth-child(2) .image {
    background-image: url(../img/wszystkooline.png);
}
.training-adventages .col-f:nth-child(3) .image {
    background-image: url(../img/studiumprzypadku.png);
}
.training-adventages .col-f:nth-child(4) .image {
    background-image: url(../img/nagrania.png);
}
.training-adventages .col-f:nth-child(5) .image {
    background-image: url(../img/certyfikaty.png);
}
.training-adventages .col-f:nth-child(6) .image {
    background-image: url(../img/materialy.png);
}
.content-training-thanks .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 45px auto;
}
.content-training-thanks .wrapper p {
    font-size: 18px;
    margin: 15px auto;
    text-align: center;
}
.content-training-thanks .wrapper .success {
    font-size: 22px;
}
.content-training-thanks .t-button {
    border: 0;
    padding: 13px 17px;
    color: white;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: bold;
    margin: 30px auto;
    display: block;
}
.content-training-thanks .pink-bg {
    background-color: #e7306c;
}
.speakers .big-size {
    font-size: 22px;
}
.speakers .normal-size {
    font-size: 16px;
}
.speakers .small-size {
    font-size: 13px;
}
.speakers h3 {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 80px;
}
.speakers .speaker-card {
    box-shadow: 0 0 13px 1px #d4d4d4;
    margin-bottom: 40px;
}
.speakers .speaker-card .image-col {
    max-width: 242px;
    height: 242px;
    flex: 1 0 242px;
    position: relative;
}
.speakers .speaker-card .image-col img {
    width: 242px;
    height: 242px;
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes speaker-animation {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.speakers .speaker-card .image-col.animate img {
    animation-name: speaker-animation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
.speakers .speaker-card .image-col.animate img:nth-child(2) {
    animation-delay: 4s;
}
.speakers .speaker-card .desc-col {
    max-width: 50%;
    flex: 1 0 50%;
    position: relative;
    padding: 10px;
    display: flex;
}
.speakers .speaker-card .desc-col img{
    max-height: 150px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}
.speakers .speaker-card  .wrap-text{
  display: inline;
  margin-top: 5px;
}
.speakers .speaker-card .card-author{
  margin-top: 5px;
  color: #0c3e51;
  position: relative;
}

.speakers .speaker-card .role {
    margin: 5px auto;
}
.speakers .speaker-card .desc-col .short-desc {
    font-size: 15px;
    margin-top: 10px;
}
.speakers .training-col {
    flex: 1 0 200px;
    position: relative;
    margin: 10px 10px 10px 0;
    padding: 1%;
    border: 1px solid #eee;
    min-height: 200px;
}
.speakers .training-col .row-f.upper {
    position: absolute;
    top: 5px;
    flex-direction: row;
    width: 100%;
}
.speakers .training-col .row-f.upper .col-f {
    max-width: 23%;
    flex: 1 0 23%;
}
.speakers .training-col .row-f.upper .col-f:nth-child(1) {
    max-width: 36%;
    flex: 1 0 36%;
    margin-right: 15px;
}
.speakers .training-col .row-f.upper .date {
    padding-left: 20px;
    background-image: url(../img/training_date.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 0px 0px;
}
.speakers .training-col .row-f.upper .hour {
    padding-left: 20px;
    background-image: url(../img/training_hour.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 0px 0px;
}
.speakers .training-col .big-size.bold {
    top: 60px;
    transform: translateY(-50%);
    position: absolute;
    font-size: 18px;
    color: #0c3e51;
}
.speakers .training-col .row-f.lower {
    position: absolute;
    bottom: 5px;
    flex-direction: row;
    width: 100%;
}
.speakers .training-col .price {
    font-size: 44px;
    font-weight: 300;
    display: inline-block;
}
.speakers .training-col .limited-place {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px;
}
.speakers .training-col .limited-place .iez-red{
    color: #f25c5c;
}
.speakers .t-button {
    margin-top: 40px;
    margin-left: 50px;
    margin-bottom: 13px;
}
.speakers .speaker-card .full-desc {
    padding: 20px;
    height: auto;
    display: none;
    font-size: 15px;
}
.speakers .speaker-card .see-more:hover {
    text-decoration: underline;
    cursor: pointer;
}
.speakers .speaker-card .see-more:before {
    content: 'schowaj';
}
.speakers .speaker-card .see-more.more:before {
    content: 'zobacz więcej';
}
.training-opinions {
    background-image: url(../img/backgrounds/training_bg.jpg);
    background-size: 100%;
}
.training-opinions .col-f {
    background-color: white;
    padding: 20px 20px;
    max-width: 25%;
    flex: 1 0 25%;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
.training-opinions .opinion {
    line-height: 140%;
    padding-bottom: 15px;
}
.training-opinions .col-f .avatar-wrapper {
    background-color: #d7d7d7;
    border-radius: 60px;
    margin-bottom: 15px;
    margin-top: 10px;
    height: 70px;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.training-opinions .col-f .avatar {
    background-image: url(../img/avatar.png);
    background-size: 100%;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.training-opinions .col-f .author {
    margin-top: 15px;
    font-size: 11px;
    position: absolute;
    bottom: 15px;
    text-align: center;
    left: 0;
    right: 0;
}
.training-opinions h3 {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
}
.training-pricing {
    text-align: center;
}
.training-pricing .pre-order {
    max-width: calc(49.7% - 40px);
    flex: 1 0 calc(49.7% - 40px);
    margin: 0 10px;
    padding: 20px;
    border: 1px solid #d7d7d7;
}
.training-pricing .pre-order .price {
    position: relative;
    font-size: 7px;
}
.training-pricing .pre-order .price-promo {
    font-size: 9px;
}
.training-pricing .pre-order .price .value {
    font-size: 8.5em;
    text-decoration: line-through;
    margin-right: 0.2em;
}
.training-pricing .pre-order .price-promo .value {
    text-decoration: none;
}
.training-pricing .pre-order .price .currency {
    position: relative;
    font-size: 2.2em;
    top: -1em;
}
.training-pricing .pre-order .price .per {
    position: relative;
    font-size: 1.5em;
    left: -2.6em;
}
.training-pricing .pre-order .promo-title {
    color: #e7306c;
    font-weight: bold;
    padding: 5px;
}
.training-pricing .pre-order .left{
    padding: 10px;
    font-size: 12px;
}
.training-pricing .five-discount {
    max-width: 15%;
    display: block;
    flex: 1 0 15%;
    margin: 0 10px;
    padding: 20px;
    position: relative;
    background-image: url(../img/background-transparent.png);
    background-color: #0c3e51;
}
.training-pricing .all-discount {
    display: block;
    max-width: 21%;
    flex: 1 0 21%;
    margin: 0 10px;
    padding: 20px;
    position: relative;
    background-image: url(../img/background-transparent.png);
    background-color: #f25c5c;
}
.training-pricing .five-discount .label-icon, .training-pricing .all-discount .label-icon {
    background-image: url(../img/label-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}
.training-pricing .five-discount .retrench-wrapper, .training-pricing .all-discount .retrench-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    min-width: 90%;
}
.training-pricing .five-discount .retrench-wrapper .retrench, .training-pricing .all-discount .retrench-wrapper .retrench {
    font-weight: 700;
}
.training-pricing .five-discount .retrench-wrapper .amount {
    font-size: 40px;
}
.training-pricing .all-discount .retrench-wrapper .amount {
    font-weight: 700;
    font-size: 50px;
}
.training-pricing .five-discount .condition, .training-pricing .all-discount .condition {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 13px;
    min-width: 90%;
}
.training-pricing .login-discount {
    margin: 0px 10px;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #d7d7d7;
}
.certificates .wrapper {
    background-image: url(../img/certnew.png);
    background-position: right 50px;
    background-size: 350px;
    background-repeat: no-repeat;
    margin-top: 0px;
}
.certificates .title {
    font-size: 30px;
    max-width: 30%;
    padding-top: 70px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.certificates .info {
    max-width: 45%;
    padding-left: 20px;
    padding-bottom: 100px;
}
.partners .title {
    text-align: center;
}
.partners .img {
    min-width: 190px;
    margin: auto;
    height: 75px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.partners .i-one {
    background-image: url(../img/LOGO_ADS2016_10.png);
}
.partners .i-two {
    background-image: url(../img/adk_PNG.png);
}
.partners .i-three {
    background-image: url(../img/food-science-logo-small.png);
}
.meet-speakers {
    background-image: url(../img/background-transparent.png);
    text-align: center;
}
.meet-speakers h3 {
    padding-top: 60px;
}
.meet-speakers .info {
    margin-bottom: 30px;
    font-weight: 700;
}
.meet-speakers .photo-container {
    display: flex;
    flex-wrap: wrap;
}
.meet-speakers .photo {
    background-size: 105%;
    width: 70px;
    height: 70px;
    background-color: black;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.meet-speakers .t-button {
    margin-top: 30px;
    margin-bottom: 60px;
    background-color: rgba(0, 0, 0, 0.43);
}
.header-training-list .plan-installment-thanks{
    height: auto;
}
.header-training-list .logo-header.logo-iez a {
    background: url(../img/iezlogo2.png) center center no-repeat;
    background-size: 100%;
    max-width: 58px;
    height: 58px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-left: 10px;
    top: 6px;
}
.ok-icon{
    width: 100px;
    height: 100px;
    margin: 25px auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../img/icon-ok.png')
}
.danke-info{
    line-height: 133%;
    font-weight: bolder;
}
.content-training-list .base-price{
    font-size: 25px;
    display: inline-block;
    text-decoration: line-through;
}
.content-training-list .base-price + .currency{
    font-size: 12px;
}
.content-training-list .currency{
    display: inline-block;
}
.content-training-list .info{
    font-size: 11px;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.base-price-container{
    margin-top: 5px;
    position: relative;
    top: 25px;
}
.training-rules {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 10px;
}
.training-rules h4{
    text-align: center;
    font-size: 2.4em;
    line-height: 2.6em;
}
.training-rules h5{
    text-align: center;
    font-size: 2.2em;
    line-height: 2.6em;
}
.training-rules li{
    font-size: 1.6em;
    line-height: 1.8em;
}
.training-rules li li {
    font-size: 1em;
    line-height: 1.8em;
}
.share-n-call h3{
    text-align: center;
    margin: 75px auto;
    margin-top: 45px;
    max-width: 90%;
    font-family: 'Montserrat', sans-serif!important;
}
.share-n-call h3.call{
    margin-top: 120px;
    margin-bottom: 45px;
}
.share-n-call .row-f .col-f{
    margin: auto;
}
.share-n-call .row-f .col-f > a{
    color: white;
    padding: 15px 35px 15px 60px;
    border-radius: 30px;
    cursor: pointer;
}
.share-n-call .row-f .col-f > a:hover{
    opacity: 0.7;
}
.share-n-call .fb-button{
    background-image: url(../img/fb-logo.jpg);
    background-size: 14px;
    background-position: 28px;
    background-repeat: no-repeat;
    background-color: #3a5898;
}
.share-n-call .twitter-button{
    background-image: url(../img/twitter-logo.jpg);
    background-size: 25px;
    background-position: 21px;
    background-repeat: no-repeat;
    background-color: #55acef;
}
.share-n-call .insta-button{
    background-image: url(../img/instawhite.svg);
    background-size: 25px;
    background-position: 21px;
    background-repeat: no-repeat;
    background-color: rgb(225,48,108);
}
.share-n-call .g-button{
    background-image: url(../img/g+logo.jpg);
    background-size: 25px;
    background-position: 21px;
    background-repeat: no-repeat;
    background-color: #dc5043;
}
.share-n-call .yt-button{
    background-image: url(../img/ytwhite.svg);
    background-size: 25px;
    background-position: 21px;
    background-repeat: no-repeat;
    background-color: #dc5043;
}
.share-n-call .row-f .col-f .img{
    width: 120px;
    height: 120px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px;
    border-radius: 60px;
    /*background-color: #3a5898;*/
}
.share-n-call .row-f .col-f .agata{
    background-image: url(../img/AP.png);
    /* background-position: 9px 1px; */
}
.share-n-call .row-f .col-f .magda{
    background-image: url(../img/magda.jpg);
}
.share-n-call .row-f .col-f .michal{
    background-image: url(../img/michal.jpg);
}
.share-n-call .row-f .col-f .malwina{
    background-image: url(../img/Malwina.png);
}
.share-n-call .row-f .col-f .name{
    font-weight: 600;
    font-size: 22px;
}
.share-n-call .row-f .col-f .name, .share-n-call .row-f .col-f .phone, .share-n-call .row-f .col-f .email{
    color: #0c3e51;
}
.share-n-call .row-f .col-f .saler-data{
    line-height: 170%;
}

.share-n-call .title a{
    color: #0c3e51;
}

.content-training-list .wrapper.share-wrapper{
    border: 1px solid #d7d7d7;
    padding-bottom: 40px;
    margin-top: 85px;
}
.dynamic-price-section{
    background-image: url(../img/dynamic_price_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 50px;
    padding: 40px 0px;
}
.dynamic-price-section .wrapper {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
.dynamic-price-section .row-f{
    display: flex;
    flex-wrap: wrap;
}
.dynamic-price-section .wrapper > .row-f > .col-f{
    max-width: 40%;
    padding: 0% 5%;
    flex: 1 0 50%;
}
.dynamic-price-section .row-f .col-f.right{
    text-align: center;
}
.dynamic-price-section .text-info{
    color: white;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 30px;
    font-size: 20px;
    margin-top: 30px;
}
.dynamic-price-section .col-f.right .text.white{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 500;
}
.dynamic-price-section .current-price{
    font-size: 45px;
    font-weight: 500;
}
.dynamic-price-section .next-price{
    font-size: 35px;
    font-weight: 500;
}
.dynamic-price-section .counter{
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 260px;
}
.dynamic-price-section .counter > .col-f{
    max-width: 61px;
    flex: 1 0 61px;
    margin: auto;
    padding: 7px;
    border: 1px solid #eee;
    border-radius: 17px;
}
.dynamic-price-section .unit-name{
    font-size: 12px;
}
.dynamic-price-section .amount{
    font-size: 55px;
    color: white;
    font-weight: 200;
}
/*.dynamic-price-section .pink{
    color: #e7306c;
}
.dynamic-price-section .t-button{
    margin-top: 40px;
    margin-left: 50px;
    margin-bottom: 13px;
}
.dynamic-price-section .pink-bg{
    background-color: #e7306c;
}*/
/*.dynamic-price-section .info{

}*/
.installment-section{
    background-image: url(../img/dynamic_price_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 50px;
    color: white;
    padding: 40px 0px;
}
.installment-section .button-container {
    margin: auto auto;
}
.installment-section .pink-bg,
.header-center-content .pink-bg {
    background-color: #e7306c;
}
.installment-section .t-button,
.header-center-content .t-button {
    border: 0;
    color: white;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 40px;
}
.installment-section .t-button{
    margin-bottom: 50px;
}
.installment-section .t-button.glowing{
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}
.glowing{
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { -webkit-box-shadow: 0 0 3px #b61f53; }
  50% { -webkit-box-shadow: 0 0 40px #fff; }
  100% { -webkit-box-shadow: 0 0 3px #b61f53;}
}

@-moz-keyframes glowing {
  0% { -moz-box-shadow: 0 0 3px #b61f53; }
  50% { -moz-box-shadow: 0 0 40px #fff; }
  100% { -moz-box-shadow: 0 0 3px #b61f53; }
}

@-o-keyframes glowing {
  0% { box-shadow: 0 0 3px #b61f53; }
  50% { box-shadow: 0 0 40px #fff; }
  100% { box-shadow: 0 0 3px #b61f53; }
}

@keyframes glowing {
  0% { box-shadow: 0 0 3px #b61f53; }
  50% { box-shadow: 0 0 40px #fff; }
  100% { box-shadow: 0 0 3px #b61f53; }
}
.installment-section .wrapper{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
.installment-section .row-f{
    display: flex;
    flex-wrap: wrap;
}
.installment-section .wrapper > .row-f > .col-f{
    max-width: 40%;
    padding: 0% 5%;
    flex: 1 0 50%;
}
.installment-section .row-f .col-f.right{
    text-align: center;
    display: flex;
}
.installment-section .profit-list{
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 18px;
    list-style-type: circle;
}
.installment-section .profit-list li{
    margin: 5px 0px;
}
.installment-section .text-info{
    font-size: 25px;
}
.content-home .installment-section{
    background-image: url(../img/background-transparent.png);
    background-repeat: repeat;
    background-color: #e91f5e;
}
.content-home .installment-section .photo-container {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}
.content-home .installment-section .wrapper > .row-f > .col-f{
    margin-bottom: 0px;
}
.content-home .installment-section .photo {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:100%;
}
.content-home .installment-section .certificate{
    background-image: url(../img/certificate.png);
    width: 397px;
    height: 278px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 10px auto;
    box-shadow: 0px 1px 1px 2px #eee;
}
.content-home .installment-section .t-button{
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 35px;
    border: 0;
    border-radius: 100px;
    background-color: #b61f53;
    cursor: pointer;
    margin: auto;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { -webkit-box-shadow: 0 0 3px #b61f53; }
  50% { -webkit-box-shadow: 0 0 40px #fff; }
  100% { -webkit-box-shadow: 0 0 3px #b61f53;}
}

@-moz-keyframes glowing {
  0% { -moz-box-shadow: 0 0 3px #b61f53; }
  50% { -moz-box-shadow: 0 0 40px #fff; }
  100% { -moz-box-shadow: 0 0 3px #b61f53; }
}

@-o-keyframes glowing {
  0% { box-shadow: 0 0 3px #b61f53; }
  50% { box-shadow: 0 0 40px #fff; }
  100% { box-shadow: 0 0 3px #b61f53; }
}

@keyframes glowing {
  0% { box-shadow: 0 0 3px #b61f53; }
  50% { box-shadow: 0 0 40px #fff; }
  100% { box-shadow: 0 0 3px #b61f53; }
}
.content-home .installment-section .button-container{
    padding: 30px 0px;
}
@media screen and (max-width: 768px) {
    .training-adventages .col-f .image {
        width: 80px;
        height: 80px;
        background-size: 80px;
    }

    .speakers .speaker-card .desc-col {
        max-width: 35%;
        flex: 1 0 35%;
        position: relative;
        margin: 1% 2%;
    }

    .speakers .speaker-card .desc-col .short-desc {
        font-size: 12.5px;
    }

    .speakers .speaker-card .full-desc {
        font-size: 12.5px;
    }

    .speakers .training-col .price {
        font-size: 45px;
    }

    .speakers .training-col .row-f.lower .col-f {
        max-width: 50%;
        flex: 1 0 50%;
    }

    .speakers .training-col .row-f.upper .col-f {
        max-width: 30%;
        flex: 1 0 30%;
        margin: 0% 1%;
    }

    .speakers .training-col .row-f.upper .col-f:nth-child(1) {
        max-width: 27%;
        flex: 1 0 27%;
    }

    .speakers .training-col .row-f.upper .date, .speakers .training-col .row-f.upper .hour {
        padding-left: 0px;
        background: none;
    }

    .training-pricing .pre-order {
        max-width: calc(89% - 40px);
        flex: 1 0 calc(89% - 40px);
        margin: auto;
    }

    .training-pricing .five-discount {
        max-width: 28%;
        flex: 1 0 28%;
        margin: auto;
        min-height: 190px;
        margin-top: 20px;
    }

    .training-pricing .all-discount {
        max-width: 35%;
        flex: 1 0 35%;
        margin: auto;
        min-height: 190px;
        margin-top: 20px;
    }

    .certificates .wrapper {
        background-position: 440px 50px;
        /*padding-left: 20px;*/
    }

    .header-training-list .logo-header.logo-iez a {
        top: 10px;
    }

    .speakers .t-button {
        margin-top: 15px;
        margin-left: 10px;
        margin-bottom: 13px;
    }
    .content-home .installment-section .certificate {
        width: 295px;
        height: 207px;
    }
    .base-price-container {
        top: 5px;
    }
    .author-absolute{
        left: 0;
        width: 100%;
    }

}
@media screen and (max-width: 480px) {
    .header-training-list .header-center-content {
        padding-top: 155px;
        margin: 0 auto;
        max-width: 100%;
    }
    .speakers .row-f {
        flex-direction: column;
    }

    .speakers .speaker-card .desc-col {
        max-width: 96%;
        flex: 1 0 96%;
        position: relative;
        margin: 1% 2%;
        text-align: center;
        order: 3;
    }

    .speakers .speaker-card .desc-col .role {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .speakers .speaker-card .desc-col .short-desc {
        position: static;
    }

    .speakers .training-col {
        max-width: 100%;
        height: 180px;
        flex: 1 0 100%;
        position: relative;
        margin: 1% 2%;
        padding: 1%;
        border: 1px solid #eee;
        order: 1;
        height: auto;
    }

    .speakers .training-col .row-f.upper .col-f:nth-child(1) {
        max-width: 30%;
        flex: 1 0 30%;
    }
    .content-training-list .training-opinions {
        background: white;
        box-shadow: 0 0 13px 1px #d4d4d4;
    }
    .training-opinions .col-f {
        background-color: white;
        padding: 20px 5px;
        max-width: 88%;
        flex: 1 0 88%;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .training-opinions h3 {
        color: #aeb2b6 !important;
    }

    .training-pricing .pre-order .price {
        position: relative;
        font-size: 5px;
    }

    .training-pricing .five-discount, .training-pricing .all-discount {
        min-height: 230px;
    }

    .certificates .wrapper {
        background-position: 440px 50px;
        padding-left: 0px;
    }

    .certificates .wrapper div {
        padding-left: 20px;
        max-width: 90%;
    }

    .certificates .t-button {
        margin-left: 30px;
    }
    .share-n-call .email, .share-n-call .phone{
        font-size: 13px;
    }
    .share-n-call .fb-button{
        position: relative;
    }
    .share-n-call .twitter-button{
        position: relative;
        top: 50px;
    }
    .share-n-call .insta-button{
        position: relative;
        top: 50px;
    }
    .share-n-call .g-button{
        position: relative;
        top: 100px;
    }
    .share-n-call .yt-button{
        position: relative;
        top: 100px;
    }
    .share-n-call h3.call {
        margin-top: 160px;
        margin-bottom: 45px;
    }
    .speakers .training-col .row-f.upper {
        position: relative;
        top: 0px;
        flex-direction: row;
        width: 100%;
        margin-bottom: 10px;
    }
    .speakers .training-col .big-size.bold {
        top: 0px;
        transform: translateY(0%);
        position: relative;;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .speakers .training-col .row-f.lower {
        position: relative;
        bottom: 0px;
        flex-direction: row;
        margin-bottom: 10px;
    }
    .speakers .training-col .price {
        font-size: 44px;
        font-weight: 300;
        display: inline-block;
    }
    .speakers .training-col .limited-place {
        font-size: 10px;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .dynamic-price-section {
        background-position: 84%;
        background-size: 815%;
    }
    .dynamic-price-section .counter > .col-f{
        margin-bottom: 5px;
    }
    .dynamic-price-section .wrapper > .row-f > .col-f:not(.right){
        margin-top: 30px;
    }
    .content-home .installment-section .certificate {
        width: 270px;
        height: 185px
    }
    .content-home .installment-section .row-f {
        flex-direction: column;
    }
    .content-home .installment-section .col-f {
        max-width: 100% !important;
    }
    .installment-section{
        background-size: 1035%;
    }
    .installment-section .row-f {
        flex-direction: column;
    }
    .installment-section .wrapper > .row-f > .col-f{
        max-width: 92%;
        flex: 1 0 92%;
    }
    .image-absolute {
        margin-top: -150px;
        position: static;
    }
    .author-absolute{
        left: 0;
        width: 100%;
    }

}

/*        Raid III - 2017        */
.content-raid-2017 h2{
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.content-raid-2017 .row-f{
    display: flex;
    flex-wrap: wrap;
}
.content-raid-2017 .row-f .col-f{
    margin: auto;
}
.content-raid-2017 .scroll-to-form, .header-raid .scroll-to-form{
    cursor: pointer;
}
/*        Header        */
.header-raid{
    height: 650px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/raid2017/cover_photo_rajd_2017.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
}
.header-raid .wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.header-raid a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #41CDA8;
    font-weight: 700;
    width: 180px;
    margin: auto;
    padding: 15px 20px;
    border-radius: 100px;
    text-decoration: none;
    margin-top: 25px;
}
/*.header-center-content{
    position: relative;
}*/
.header-raid{
    position: relative;
}
.header-bottom{
    background-color: #DF0855;
    padding: 20px 30px;
    margin-top: 30px;
    width: 460px;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: -40px;*/
    top: -60px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}
.header-bottom .header-bottom-text{
    margin-bottom: 0px!important;
    text-align: center;
}
.header-bottom p strong{
    font-size: 120%;
    font-weight: 400;
}
/*        Header center part        */
.header-raid .header-center-content{
    padding-top: 190px;
    margin: 0 auto;
    width: 550px;
}
.header-raid .header-center-content h1{
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.header-raid .header-center-content p{
    text-align: center;
    margin: 10px 15px;
}
/*        contert        */
.content-raid-2017{
}
/*        speakers        */
.content-raid-2017 .speakers-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .speakers{
    display: flow-root;
    position: relative;
}
.content-raid-2017 .speakers h2{
    color: #676767;
    margin-top: 80px;
}
.content-raid-2017 .speakers .underline{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 4px;
    background-color: #41CDA8;
}
.content-raid-2017 .speakers p{
    text-align: center;
}
.content-raid-2017 .speakers .under-header{
    text-align: center;
    margin-bottom: 40px;
}
.content-raid-2017 .speakers p span{
    color: #41CDA8;
}
.content-raid-2017 .speakers a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 210px;
    margin: 0 auto 50px auto;
    padding: 10px 30px;
    border-radius: 100px;
    text-decoration: none;
    line-height:18px;
}
.content-raid-2017 .speakers .speaker{
    width: 25%;
    box-sizing: border-box;
}
.content-raid-2017 .speakers .speaker .speaker-img{
    width: 120px;
    height: 120px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px auto;
    border-radius: 60px;
    position: relative;
}
.content-raid-2017 .speakers .speaker .speaker-img:hover{
    cursor: pointer;
}
.content-raid-2017 .speakers .speaker .speaker-img:hover:after {
    position:absolute;
    top: -10px;
    right:0px;
    bottom:0;
    content: "";
    width: 120px;
    height: 120px;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/raid2017/plus.png);
}
.content-raid-2017 .speakers .speaker .speaker-img:hover:before {
    position:absolute;
    top: 70px;
    right:38px;
    bottom:0;
    content: "WIĘCEJ";
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}
.content-raid-2017 .speakers .speaker .gackowska{
    background-image: url(../img/raid2017/Monika_Gackowska.jpg);
}
.content-raid-2017 .speakers .speaker .gackowska:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Monika_Gackowska.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .pomorski{
    background-image: url(../img/raid2017/Bartlomiej_Pomorski.jpg);
}
.content-raid-2017 .speakers .speaker .pomorski:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Bartlomiej_Pomorski.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .ihnatowicz{
    background-image: url(../img/raid2017/Paulina_Ihnatowicz.jpg);
}
.content-raid-2017 .speakers .speaker .ihnatowicz:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Paulina_Ihnatowicz.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .lukaszewicz{
    background-image: url(../img/raid2017/Zuzanna_Lukaszewicz.jpg);
}
.content-raid-2017 .speakers .speaker .lukaszewicz:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Zuzanna_Lukaszewicz.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .lamont{
    background-image: url(../img/raid2017/Marzena_Lamont.jpg);
    /*cursor: auto!important;*/
}
.content-raid-2017 .speakers .speaker .lamont:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Marzena_Lamont.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .sloma{
    background-image: url(../img/raid2017/Malgorzata_Sloma.jpg);
}
.content-raid-2017 .speakers .speaker .sloma:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Malgorzata_Sloma.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .musialkowska{
    background-image: url(../img/raid2017/Dominika_Musialowska.jpg);
}
.content-raid-2017 .speakers .speaker .musialkowska:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Dominika_Musialowska.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .rzadkowska{
    background-image: url(../img/raid2017/Rzadkowska-200x300.jpg);
}
.content-raid-2017 .speakers .speaker .rzadkowska:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Rzadkowska-200x300.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .speakers .speaker .name{
    text-transform: uppercase;
    color: #41CDA8;
    font-size: 120%;
}
.content-raid-2017 .speakers .speaker .position{
    text-transform: uppercase;
    color: #666666;
    font-size: 70%;
    margin-bottom: 30px;
}
/*.content-raid-2017 .speakers .speaker a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: initial;
    font-weight: 700;
    width: 210px;
    margin: 0;
    padding: 0;
    border-radius: 100px;
    text-decoration: none;
    line-height: 18px;
}*/
/*        timer        */
.content-raid-2017 .timer-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .timer{
    display: flow-root;
    height: 400px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/raid2017/Untitled-design-2.png) center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
}
.content-raid-2017 .timer h2{
    margin-top: 40px;
}
.content-raid-2017 .timer .counter{
    width: 60%;
    margin: 70px auto;
    font-weight: 700;
    font-size: 40px;
}
.content-raid-2017 .timer .amount{
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    padding: 25px 20px;
    border-radius: 5px;
}
.content-raid-2017 .timer .unit-name{
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 60px;
    text-align: center;
}
.content-raid-2017 .timer .colon{
    margin-top: 28px;
    font-size: 30px;
}
.content-raid-2017 .timer-bottom{
    background-color: #fff;
    box-shadow: 0 0 25px #777;
    padding: 20px 30px;
    margin-top: 30px;
    width: 600px;
    color: #676767;
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: -40px;*/
    bottom: -30px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}
.content-raid-2017 .timer-bottom strong{
    color: #DF0855;
    font-weight: 600;
}
.content-raid-2017 .timer-bottom  a{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 120px;
    padding: 10px 30px;
    margin-left: 30px;
    border-radius: 100px;
    text-decoration: none;
}
.content-raid-2017 .timer-bottom-text{
    margin-bottom: 0px!important;
    text-align: center;
}
/* new-iez */
.content-raid-2017 .new-iez{
    display: flow-root;
    background-color: #41cda8;
    background-image: url(../img/background-transparent.png);
    background-repeat: repeat;
    padding-bottom: 45px;
    position: relative;
}
.content-raid-2017 .new-iez-center{
    position: relative;
}
.content-raid-2017 .new-iez-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .new-iez h2{
    margin-top: 70px;
    color: #fff;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.content-raid-2017 .new-iez .underline{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 340px;
    height: 2px;
    background-color: #fff;
}
.content-raid-2017 .new-iez .subtitle{
    text-align: center;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}
.content-raid-2017 .new-iez-corner-ribbon {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
    overflow: hidden;
    width: 210px;
    height: 210px;
    text-align: right;
}
.new-iez-corner-ribbon span {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 43px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 280px;
    display: block;
    background: #EA1B5B;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 62px;
    right: -56px;
}

.content-raid-2017 .new-iez .new-iez-button {
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 160px;
    margin: auto;
    padding: 15px 30px;
    border-radius: 100px;
    text-decoration: none;
    margin-bottom: 25px;
    font-weight: 500;
}
.content-raid-2017 .discount-info{
    text-align: center;
    color: #fff;
}
.content-raid-2017 .new-iez .under-button{
    text-align: center;
    font-weight: 300;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 16px;
}

.content-raid-2017 .new-iez .new-iez-speakers{
    width: 680px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: -55px;
}
.content-raid-2017 .new-iez .img{
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    background-size: 100%;
    border-radius: 80px;
    margin:15px;
    box-shadow: 0 0 25px #777;
    position: relative;
}
.content-raid-2017 .new-iez .img:hover{
    cursor: pointer;
    height: 110px;
    width: 110px;
    margin: 0;
}
.content-raid-2017 .new-iez .img:hover:after {
    position: absolute;
    top: 27px;
    right: 15px;
    bottom: 0;
    content: "";
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 80%;
    width: 80px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    background-size: 8px;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-image: url(../img/raid2017/plus.png);
}
.content-raid-2017 .new-iez .img:hover:before {
    position: absolute;
    top: 75px;
    right: 34px;
    bottom: 0;
    content: "WIĘCEJ";
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}
.content-raid-2017 .new-iez .img1{
    background-image: url(../img/training_2018/speakers/leszczynska.png);
}
.content-raid-2017 .new-iez .img1:hover{
    background: linear-gradient(rgba(184, 13, 74, 0.7), rgba(184, 13, 74, 0.7)), url(../img/training_2018/speakers/leszczynska.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .new-iez .img1:hover:after {
    content: "Sylwia Leszczyńska";
}
.content-raid-2017 .new-iez .img2{
    background-image: url(../img/raid2017/iez_new/Bartnicka_anna200.jpg);
}
.content-raid-2017 .new-iez .img2:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/Bartnicka_anna200.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .new-iez .img2:hover:after {
    content: "Anna Bartnicka";
}
.content-raid-2017 .new-iez .img3{
    background-image: url(../img/raid2017/iez_new/parol100x100.jpg);
}
.content-raid-2017 .new-iez .img3:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/parol100x100.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .new-iez .img3:hover:after {
    content: "Damian Parol";
}
.content-raid-2017 .new-iez .img4{
    background-image: url(../img/raid2017/iez_new/gackowska100.jpg);
}
.content-raid-2017 .new-iez .img4:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/gackowska100.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .new-iez .img4:hover:after {
    content: "Monika Gackowska";
}
.content-raid-2017 .new-iez .img5{
    background-image: url(../img/raid2017/iez_new/kowalcze200.jpg);
}
.content-raid-2017 .new-iez .img5:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/kowalcze200.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .new-iez .img5:hover:after {
    content: "Katarzyna Kowalcze";
}
.content-raid-2017 .new-iez .img6{
    background-image: url(../img/raid2017/iez_new/jackowska250.jpg);
}
.content-raid-2017 .new-iez .img6:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/jackowska250.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-raid-2017 .new-iez .img6:hover:after {
    content: "Małgorzata Jackowska";
}
.content-raid-2017 .new-iez .circle {
    display: flow-root;
    width: 300px;
    height: 300px;
    background: #fff;
    border-radius: 200px;
    margin: 20px auto;
}

.content-raid-2017 .new-iez .inner-circle {
    width: 250px;
    height: 250px;
    background: rgba(223, 8, 85, 1);
    border-radius: 200px;
    margin: 22px auto;
    border: solid 3px #fff;
    box-shadow: 0 0 25px #777;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 10;
}

.content-raid-2017 .new-iez .inner-circle .circle-text-1{
    font-weight: 300;
    margin-top: 40px;
}
.content-raid-2017 .new-iez .inner-circle .circle-text-2{
    font-weight: 700;
    text-transform: uppercase;
}
.content-raid-2017 .new-iez .inner-circle .percent{
    font-weight: 700;
    font-size: 90px;
}
.content-raid-2017 .new-iez .save-box{
    background: #fff;
    position: absolute;
    top: 128px;
    right: 82px;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 0 25px #777;
    color: #676767;
}
.content-raid-2017 .new-iez .save-box span{
    color: #676767;
    font-size: 34px;
    font-weight: 600;
}
.content-raid-2017 .new-iez .save-box-responsive{
    background: #fff;
    top: 128px;
    right: 81px;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 0 25px #777;
    color: #676767;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.content-raid-2017 .new-iez .save-box-responsive span{
    color: #676767;
    font-size: 34px;
    font-weight: 600;
}
.content-raid-2017 .new-iez .price-box{
    background: #fff;
    width: 320px;
    position: absolute;
    top: 92px;
    left: 50px;
    padding: 5px 2px;
    color: #676767;
}
.content-raid-2017 .new-iez .price-box .bold{
    color: #676767;
    font-size: 34px;
    font-weight: 600;
    text-align: right;
}
.content-raid-2017 .new-iez .price-box .bold-small{
    color: #676767;
    font-size: 30px;
    font-weight: 600;
    text-align: right;
}
.content-raid-2017 .new-iez .price-box .cross{
    height: 2px;
    width: 80px;
    background: rgba(223, 8, 85, 1);
    position: absolute;
    top: 23px;
    right: 120px;
}
.content-raid-2017 .new-iez .price-box .price{
    margin-left: 10px;
}
.content-raid-2017 .new-iez .price-box .new-price-text{
    text-align: center;
}
.content-raid-2017 .new-iez .price-box .col-2{
    width: 25%;
}
.content-raid-2017 .new-iez .price-box .col-1{
    width: calc(50%/2);
}

/*        agenda        */
.content-raid-2017 .agenda-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .agenda{

}
.content-raid-2017 .agenda h2{
    margin-top: 95px;
    color: #676767;
}
.content-raid-2017 .agenda .subtitle{
    text-align: center;
    margin-bottom: 50px;
}
.content-raid-2017 .agenda .underline{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 4px;
    background-color: #41CDA8;
}
.content-raid-2017 .agenda .agenda-container{
    display: flow-root;
    min-height: 400px;
    box-shadow: 0 0 25px #777;
    width: 100%;
    margin: 20px auto 50px auto;
}
.content-raid-2017 .agenda .sign-for-all{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 210px;
    margin: auto;
    padding: 10px 30px;
    border-radius: 100px;
    text-decoration: none;
    line-height:18px;
    margin-top: 20px;
    margin-bottom:25px;
}
.content-raid-2017 .agenda .sign-for-one{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #DF0855;
    font-size: 90%;
    font-weight: 700;
    width: 80px;
    margin: auto;
    padding: 10px 15px;
    border-radius: 100px;
    text-decoration: none;
    line-height:18px;
    margin-top: 20px;
    margin-bottom:25px;
    border: solid 2px #DF0855;
    cursor: pointer;
}
.content-raid-2017 .agenda .dot-green{
    flex:1;
    background-image: url(../img/raid2017/dot_green.jpg);
    text-align: left;
    background-size: 30px 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 0;
}
.content-raid-2017 .agenda .date{
    flex:1;
    color: #41CDA8;
    font-weight: 600;
}
.content-raid-2017 .agenda .date span{
    font-weight: 300;
    padding-left: 28px;
    background-image: url(../img/raid2017/ic_schedule_black_24dp_2x.png);
    background-size: 13px 13px;
    background-position: 0% 30%;
    background-repeat: no-repeat;
}
.content-raid-2017 .agenda .foto{
    flex:2;
}
.content-raid-2017 .agenda .foto0{
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
    border: 1px solid #41CDA8;
}
.content-raid-2017 .agenda .foto1{
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
    margin-right: 2px;
    border: 1px solid #41CDA8;
}
.content-raid-2017 .agenda .foto2{
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
    margin-left: 2px;
    border: 1px solid #41CDA8;
}
.content-raid-2017 .agenda .title{
    flex:5;
}
.content-raid-2017 .agenda .title h3{
    color: #676767;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
}
.content-raid-2017 .agenda .title p{
    color: #41CDA8;
}
.content-raid-2017 .agenda .category{
    flex:2;
    margin: 30px auto 0 auto;
    display: none;
}
.content-raid-2017 .agenda .category a{
    color: #DF0855;
}
.content-raid-2017 .agenda .sign{
    flex:1;
}
.content-raid-2017 .agenda .show{
    flex:1;
    background-image: url(../img/raid2017/show.jpg);
    text-align: left;
    background-size: 25%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 7px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.content-raid-2017 .agenda .show:hover{
    cursor: pointer;
}
.content-raid-2017 .agenda .show-oposite{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.content-raid-2017 .agenda .training1 .foto1{
    background-image: url(../img/raid2017/Malgorzata_Sloma.jpg);
}
.content-raid-2017 .agenda .training1 .foto2{
    background-image: url(../img/raid2017/Dominika_Musialowska.jpg);
}
.content-raid-2017 .agenda .training2 .foto0{
    background-image: url(../img/raid2017/Paulina_Ihnatowicz.jpg);
}
.content-raid-2017 .agenda .training3 .foto1{
    background-image: url(../img/raid2017/Zuzanna_Lukaszewicz.jpg);
}
.content-raid-2017 .agenda .training3 .foto2{
    background-image: url(../img/raid2017/Rzadkowska-200x300.jpg);
}
.content-raid-2017 .agenda .training4 .foto0{
    background-image: url(../img/raid2017/Bartlomiej_Pomorski.jpg);
}
.content-raid-2017 .agenda .training5 .foto0{
    background-image: url(../img/raid2017/Monika_Gackowska.jpg);
}
.content-raid-2017 .agenda .offset{
    flex:1;
}
.content-raid-2017 .agenda .content{
    flex: 12;
    margin-left: 10px;
    margin-right: 35px;
    margin-top: 7px;
    padding-top: 7px;
    color: #676767;
    border-top: solid 1px #ccc;
    font-size: 90%;
    line-height: 150%;
}
.content-raid-2017 .agenda .hide{
    display: none;
}
/*        partners        */
.content-raid-2017 .partners-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .partners{
    display: flow-root;
    background-color: #41cda8;
    background-image: url(../img/background-transparent.png);
    background-repeat: repeat;
    padding-bottom: 30px;
}
.content-raid-2017 .partners .row-f{
    justify-content: center;
}
.content-raid-2017 .partners h2{
        margin-top: 35px;
}
.content-raid-2017 .partners p{
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
}
.content-raid-2017 .partners .kcalmar{
    width: 180px;
    height: 120px;
    background-image: url(../img/raid2017/partners/kcalmar.jpg);
    background-size: 65px;
    /*background-position: center;*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.content-raid-2017 .partners .sponsor{
    width: 230px;
    height: 80px;
    background-image: url(../img/raid2017/partners/kcalmar.jpg);
    background-size: 45px;
    /*background-position: center;*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.content-raid-2017 .partners .primavika{
    width: 230px;
    height: 80px;
    background-image: url(../img/raid2017/partners/primavika.jpg);
    background-size: 145px;
    /*background-position: center;*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.content-raid-2017 .partners .lookfood{
    width: 230px;
    height: 80px;
    background-image: url(../img/raid2017/partners/look_food_logo.png);
    background-size: 95px;
    /*background-position: center;*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.content-raid-2017 .partners .spiropharm{
    width: 230px;
    height: 80px;
    background-image: url(../img/raid2017/partners/logo-dark.png);
    background-size: 155px;
    /*background-position: center;*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.content-raid-2017 .partners .justyfy-content{
    justify-content: center;
}
.content-raid-2017 .partners .partner{
    width: 230px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 10px;
}
.content-raid-2017 .partners .partner1{
    background-image: url(../img/raid2017/partners/adk.jpg);
    background-size: 160px;
}
.content-raid-2017 .partners .partner2{
    background-image: url(../img/raid2017/partners/gackowska-logo.png);
    background-size: 80px;
}
.content-raid-2017 .partners .partner3{
    background-image: url(../img/raid2017/partners/instytut-mikroekologii-logo.jpg);
    background-size: 140px;
}
.content-raid-2017 .partners .partner4{
    background-image: url(../img/raid2017/partners/logo-fundacja-insulinoopornosc-nowe.png);
    background-size: 145px;
}
.content-raid-2017 .partners .partner5{
    background-image: url(../img/raid2017/partners/LOGO_ADS2016_10.png);
    background-size: 145px;
}
.content-raid-2017 .partners .partner6{
    background-image: url(../img/raid2017/partners/Logo-MedFood.png);
    background-size: 120px;
}
.content-raid-2017 .partners .partner7{
    background-image: url(../img/raid2017/partners/firm_237645_4de09d_big.jpg);
    background-size: 195px;
}
.content-raid-2017 .partners .partner8{
    background-image: url(../img/raid2017/partners/Masdiag-logo-200.png);
    background-size: 120px;
}
/*.content-raid-2017 .partners .partner:nth-child(5){
    margin: 10px 10px;
}
.content-raid-2017 .partners .partner:nth-child(6){
    margin: 10px 10px;
}*/
.content-raid-2017 .partners .media{
    width: 180px;
    height: 70px;
    background-image: url(../img/raid2017/partners/kcalmar.jpg);
    background-size: 95px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.content-raid-2017 .partners .dietetycy-org{
    width: 180px;
    height: 70px;
    background-image: url(../img/raid2017/partners/dietetycy-org-pl-2x.png);
    background-size: 165px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 10px;
}
.content-raid-2017 .partners .wd{
    width: 180px;
    height: 70px;
    background-image: url(../img/raid2017/partners/wd.png);
    background-size: 145px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 10px;
}
.content-raid-2017 .partners .underline{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 4px;
    background-color: #fff;
}
/*        previousedition        */
.content-raid-2017 .previous-edition-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 55px auto;
}
.content-raid-2017 .previous-edition{

}
.content-raid-2017 .previous-edition .previous-edition-img{
    height: 550px;
    /*width: 60%;*/
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(../img/raid2017/cover_photo_rajd_2017.jpg);
    box-shadow: 0 0 25px #777;
    margin-left: 30px;
    margin-right: 30px;
    flex:3;
}
.content-raid-2017 .previous-edition .previous-edition-text{
    flex:2;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 0;
}
.content-raid-2017 .previous-edition .previous-edition-text p{
    line-height: 150%;
    text-align: justify;
}
.content-raid-2017 .previous-edition h2{
    color: #676767;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}
.content-raid-2017 .previous-edition .underline{
    margin-top: 15px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 4px;
    background-color: #41CDA8;
}
.content-raid-2017 .previous-edition .previous-edition-advantages{
    flex:2;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 50px;
}
.content-raid-2017 .previous-edition .previous-edition-advantages p{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 85%;
}
.content-raid-2017 .previous-edition .previous-edition-advantages span{
    font-size: 42px;
    color: #DF0855;
    font-weight: 600;
}
.content-raid-2017 .advantage1,.content-raid-2017 .advantage2,.content-raid-2017 .advantage3{
    background-image: url(../img/raid2017/dot_pink.jpg);
    padding-left: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-size: 30px 30px;
    background-position: 0% 30%;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    padding-top: 15px;
    margin-left: 10px;
}
.content-raid-2017 .previous-edition .previous-edition-certyficate{
    margin-top: 50px;
    height: 350px;
    /*width: 60%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/raid2017/iez-certificate.jpg);
    box-shadow: 0 0 25px #777;
    margin-left: 30px;
    margin-right: 30px;
    flex:3;
}
.content-raid-2017 .previous-edition  a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 160px;
    margin: auto;
    padding: 15px 30px;
    border-radius: 100px;
    text-decoration: none;
    margin-top: 40px;
    margin-bottom: 25px;
}
/*        form        */
.content-raid-2017 .form-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .form{
    height: 580px;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/raid2017/Stocksy_txpdc1abec11kc000_Large_17323.jpg) 50% 30%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
    display: flow-root;
}
.content-raid-2017 .form h2{

}
.content-raid-2017 .form p {
    text-align: center;
    margin: 15px 15px;
}
.content-raid-2017 .form-container{
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 25px #777;
    position: absolute;
    bottom: -50px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: #676767;
}
.content-raid-2017 .form-container h3{
    color: #676767;
    font-size: 24px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.content-raid-2017 .form-container h3 span{
    color: #DF0855;
}
.content-raid-2017 .form-container .col-f{
    padding: 35px;
    width: calc(50% - 70px);
    margin: 0 auto;
}
.content-raid-2017 .form-left p{
    padding-left: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-size: 30px 30px;
    background-position: 0% 30%;
    background-repeat: no-repeat;
}
.content-raid-2017 .form-left p:nth-child(2){
    background-image: url(../img/raid2017/citrus-fruits-lock.png);
    margin-top: 40px;
}
.content-raid-2017 .form-left p:nth-child(3){
    background-image: url(../img/raid2017/multiple-users-silhouette.png);
}
.content-raid-2017 .form-left p:nth-child(4){
    background-image: url(../img/raid2017/cloud.png);
}
.content-raid-2017 .form-left p:nth-child(5){
    background-image: url(../img/raid2017/hut.png);
}
.content-raid-2017 .form-left p:nth-child(6){
    background-image: url(../img/raid2017/certificate.png);
}
.content-raid-2017 .form-left p:nth-child(7){
    background-image: url(../img/raid2017/save.png);
}
.content-raid-2017 .form-right{
    box-shadow: 0 0 25px #777;
}

.content-raid-2017 .form-right button {
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 60%;
    margin: auto;
    padding: 15px 30px;
    border-radius: 100px;
    text-decoration: none;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
}


/* form */
.content-raid-2017 .form-container input[type="text"], .content-raid-2017 .form-container input[type="email"]  {
    border-radius: 20px;
    border: 1px solid #aaa;
    padding: 10px 15px;
    display: block;
    margin: 12px auto;
    width: 80%;
}
.content-raid-2017 .form-container input[type="checkbox"] {
    display: block;
    margin: 8px auto;
    border: 2px solid #DF0855;
    background: none;
}
.content-raid-2017 .form-container p span {
    font-weight: 500;
    text-transform: uppercase;
    color: #DF0855;
}
.content-raid-2017 .form-container .form-info {
    font-size: 70%;
    text-align: left;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
/*        faq        */
.content-raid-2017 .faq-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .faq{
    display: flow-root;
    background-color: #fff;
    background-image: url(../img/raid2017/Marzenka.png);
    background-position: 0% -20%;
    background-repeat: no-repeat;
    background-size: 40%;
    height: 740px;
    box-shadow: 0 0 25px #777;
}
.content-raid-2017 .faq h2{
    color: #676767;
    margin-top: 100px;
}
.content-raid-2017 .faq .underline{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 4px;
    background-color: #41CDA8;
}
.content-raid-2017 .faq-container{
    margin-left: 25%;
}
.content-raid-2017 .question-wrapper{
    width: 50%;
    min-height: 100px;
    margin: 0 auto;
}
.content-raid-2017 .question{
    margin: 20px;
    width: calc(100%-40px);
    height: 210px;
    background-color: #fafafa;
    box-shadow: 0 0 25px #777;
}
.content-raid-2017 .question-header{
    padding: 15px;
    padding-left: 40px;
    background-color: #41CDA8;
    color: #fff;
    min-height: 55px;
    background-image: url(../img/raid2017/question.jpg);
    background-size: 5%;
    background-position: 5% 30%;
    background-repeat: no-repeat;
}
.content-raid-2017 .answer{
    padding: 15px;
    padding-top: 0px;
    color: #666;
    font-size: 70%;
}
.content-raid-2017 .triangle{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #41CDA8;
    margin-bottom: 5px;
}

/*        new trainings round        */
.content-raid-2017 .new-trainings-round-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-raid-2017 .new-trainings-round{
    display: flow-root;
    background-color: #e7306c;
    background-image: url(../img/background-transparent.png);
    background-repeat: repeat;
}
.content-raid-2017 .new-trainings-round h2{
    margin-top: 40px;
}
.content-raid-2017 .new-trainings-round .circle{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #ba0645;
    font-weight: 700;
    width: 100px;
    height: 100px;
    margin: auto;
    padding: 30px 30px;
    border-radius: 1000px;
    text-decoration: none;
    margin-top: 25px;
    box-shadow: 0px 0px 35px #990539;
}
.content-raid-2017 .new-trainings-round .circle p{
    font-size: 50px;
    margin-top: 20px;
}
.content-raid-2017 .new-trainings-round .discount{
    font-size: 32px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 20px;
}
.content-raid-2017 .new-trainings-round span{
    font-size: 20px;
}
.content-raid-2017 .new-trainings-round a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #ba0645;
    font-weight: 700;
    width: 160px;
    margin: auto;
    padding: 15px 30px;
    border-radius: 100px;
    text-decoration: none;
    margin-top: 40px;
    margin-bottom: 25px;
}
.content-raid-2017 .discount-info{
    text-align: center;
    color: #fff;
}
.content-raid-2017 .new-trainings-round .img{
    background-position: center center;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    background-size: 100%;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
}
.content-raid-2017 .new-trainings-round .img1{
    background-image: url(../img/raid2017/iez/stolinska.jpg);
}
.content-raid-2017 .new-trainings-round .img2{
    background-image: url(../img/raid2017/iez/Anna_Falisz.jpg);
}
.content-raid-2017 .new-trainings-round .img3{
    background-image: url(../img/raid2017/iez/zb.jpg);
}
.content-raid-2017 .new-trainings-round .img4{
    background-image: url(../img/raid2017/iez/Bartlomiej_Pomorski.jpg);
}
.content-raid-2017 .new-trainings-round .img5{
    background-image: url(../img/raid2017/iez/wz.jpg);
}
.content-raid-2017 .new-trainings-round .img6{
    background-image: url(../img/raid2017/iez/drews.jpg);
}
.content-raid-2017 .new-trainings-round .img7{
    background-image: url(../img/raid2017/iez/32.jpg);
}
.content-raid-2017 .new-trainings-round .img8{
    background-image: url(../img/raid2017/iez/ostrowska.jpg);
}

.modal-raid-2017 .modal-button {
    border-radius: 45px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 30px;
    width: 50%;
    text-align: center;
    background-color: #41CDA8;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    margin-top: 5px;
}
.modal-raid-2017{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}
.modal-raid-2017 section{
    margin-bottom: 10px;
}
.modal-raid-2017 .modal-content {
    background-color: #DF0855;
    color: #666;
    text-align: center;
    margin: 60px auto;
    border: 1px solid #888;
    max-width: 1150px;
    width: 80%;
}
.modal-raid-2017 .close{
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px;
}
.modal-raid-2017 .close:hover,
.modal-raid-2017 .close:focus{
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*       modal form        */

.content-raid-2017 .modal-raid-2017 h2{

}
.content-raid-2017 .modal-raid-2017 .modal-form-p {
    text-align: center;
    margin: 15px 15px;
    color: #fff;
    font-size: 18px;
}
.content-raid-2017 .modal-raid-2017 .modal-form-container{
    background-color: #fff;
    width: 100%;
    box-shadow: 0 0 25px #777;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    left: 0;
    right: 0;
    color: #676767;
}
.content-raid-2017 .modal-raid-2017 .modal-form-container h3{
    color: #676767;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 120%;
}
.modal-raid-2017 .modal-content h3 span{
    font-weight: 600;
}
.content-raid-2017 .modal-raid-2017 .modal-form-container h3 span{
    color: #DF0855;
}
/*.content-raid-2017 .modal-raid-2017 .modal-form-container .col-f{
    padding: 35px;
    width: calc(50% - 70px);
    margin: 0 auto;
}*/
.content-raid-2017 .modal-raid-2017 .modal-form-left{
    display: flex;
    flex-wrap: wrap;
    padding: 35px;
    width: calc(50% - 70px);
    margin: 0 auto;
}

.content-raid-2017 .modal-raid-2017 .modal-form-left .foto-container{
    flex:1;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .foto1{
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    background-size: 100%;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 15px #777;

}
.content-raid-2017 .modal-raid-2017 .modal-form-left .foto2{
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    background-size: 100%;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 15px #777;

}
.content-raid-2017 #modalTraining1 .foto1{
    background-image: url(../img/raid2017/Malgorzata_Sloma.jpg);
}
.content-raid-2017 #modalTraining1 .foto2{
    background-image: url(../img/raid2017/Dominika_Musialowska.jpg);
}
.content-raid-2017 #modalTraining2 .foto1{
    background-image: url(../img/raid2017/Paulina_Ihnatowicz.jpg);
}
.content-raid-2017 #modalTraining3 .foto1{
    background-image: url(../img/raid2017/Zuzanna_Lukaszewicz.jpg);
}
.content-raid-2017 #modalTraining3 .foto2{
    background-image: url(../img/raid2017/Rzadkowska-200x300.jpg);
}
.content-raid-2017 #modalTraining4 .foto1{
    background-image: url(../img/raid2017/Bartlomiej_Pomorski.jpg);
}
.content-raid-2017 #modalTraining5 .foto1{
    background-image: url(../img/raid2017/Monika_Gackowska.jpg);
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .text{
    margin: 0;
    flex: 10;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .name{
    text-align: left;
    font-size: 15px;
    color: #676767;
    font-weight: 700;
    text-transform: uppercase;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .text .training-title-label{
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: #676767;
    font-size: 12px;
    margin-top: 10px;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .text .speaker-title{

}
.content-raid-2017 .modal-raid-2017 .modal-form-left .text .training-title{
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #DF0855
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .text .time{
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: #676767;
    font-size: 12px;
    padding-left: 20px;
    background-image: url(../img/raid2017/ic_schedule_black_24dp_2x.png);
    background-size: 15px 15px;
    background-position: 0% 30%;
    background-repeat: no-repeat;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .text .time span{
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
    color: #676767;
    font-size: 12px;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .about-label{
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: #676767;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content-raid-2017 .modal-raid-2017 .modal-form-left .about{
    text-align: left;
    font-size: 14px;
    max-height: 150px;
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 20px;
}
.content-raid-2017 .modal-raid-2017 .modal-form-right{
    box-shadow: 0 0 25px #777;
    padding: 35px;
    width: calc(50% - 70px);
    margin: 0 auto;
}
.content-raid-2017 .modal-raid-2017 input[type="text"], .content-raid-2017 .modal-raid-2017 input[type="email"]  {
    border-radius: 20px;
    border: 1px solid #aaa;
    padding: 10px 15px;
    display: block;
    margin: 12px auto;
    width: 80%;
}
.content-raid-2017 .modal-raid-2017 input[type="checkbox"] {
    display: block;
    margin: 8px auto;
    border: 2px solid #DF0855;
    background: none;
}
.content-raid-2017 .modal-raid-2017 p span {
    font-weight: 500;
    text-transform: uppercase;
    color: #DF0855;
}
.content-raid-2017 .modal-raid-2017 .form-info {
    font-size: 70%;
    text-align: left;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.content-raid-2017 .modal-form-right button {
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 60%;
    margin: auto;
    padding: 15px 30px;
    border-radius: 100px;
    text-decoration: none;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
}
.messages{
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10000;
    font-size: 36px;
    font-size: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #DF0855;
    text-align: center;
}
.messages li {
    padding: 14px 28px;
}

@media screen and (max-width: 1212px){
    .content-raid-2017 .form-container{
        width:90%;
    }
}
@media screen and (max-width: 962px){
    .content-raid-2017 .form-container {
        width: 98%;
    }
    .modal-raid-2017 .modal-content {
        background-color: #DF0855;
        color: #666;
        text-align: center;
        margin: 60px auto;
        border: 1px solid #888;
        max-width: 1150px;
        width: 100%;
    }
    .content-raid-2017 .faq {
        background-position: 0% -50%;
    }
    .content-raid-2017 .question {
        height: 235px;
    }
    .content-raid-2017 .form{
        height: 630px;
    }
    .content-raid-2017 .new-iez .save-box {
        display: none;
    }
    .content-raid-2017 .new-iez .save-box-responsive {
        display: block;
        width: 320px;
        /* padding: 5px 2px; */
        margin-bottom: 20px;
    }
    .content-raid-2017 .new-iez .price-box .cross {
        height: 2px;
        width: 80px;
        background: rgba(223, 8, 85, 1);
        position: absolute;
        top: 32px;
        right: 126px;
    }
    .content-raid-2017 .new-iez .price-box {
        background: #fff;
        width: 320px;
        /* position: absolute; */
         top: 0px;
         left: 0px;
        padding: 5px 2px;
        color: #676767;
        margin: 0 auto;
        padding: 15px 15px 10px 15px;
        position: relative;
        box-shadow: 0 0 25px #777;
    }
    .content-raid-2017 .new-iez h2{
        max-width: 80%;
    }
    .conference-panel{
      padding-right: 25px;
      text-align: center;
    }

}
/*@media screen and (max-width: 919px){
    .content-raid-2017 .partners .partner:nth-child(5) {
        margin: 10px auto;
    }
    .content-raid-2017 .partners .partner:nth-child(6) {
        margin: 10px auto;
    }
}*/
@media screen and (max-width: 800px){
    .content-raid-2017 .timer-bottom {
        padding: 20px 30px;
        margin-top: 30px;
        width: 80%;
        font-size: 70%;
    }
    .content-raid-2017 .agenda .agenda-container {
        font-size: 70%;
    }
    .content-raid-2017 .agenda .date p{
        font-size: 70%;
    }
    .content-raid-2017 .agenda .foto1, .content-raid-2017 .agenda .foto2, .content-raid-2017 .agenda .foto0 {
        height: 30px;
        width: 30px;
    }
    .content-raid-2017 .faq {
        background-position: 0% 100%;
    }
    .content-raid-2017 .faq-container {
        margin-left: 0;
    }
    .content-raid-2017 .form {
        height: 690px;
    }
    .content-raid-2017 .form h2 {
        font-size: 32px;
    }
    .content-raid-2017 .form-container {
        bottom: 10px;
    }
    .content-raid-2017 .question {
        height: 245px;
    }
    .content-raid-2017 .agenda .date span {
        padding-left: 0px;
        background-image: none;
    }
    .content-raid-2017 .form-right button {
        width: 80%;
    }
    .content-raid-2017 .form-container .form-info {
        font-size: 70%;
        text-align: left;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .content-raid-2017 .new-iez-corner-ribbon {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 0;
        overflow: hidden;
        width: 182px;
        height: 182px;
        text-align: right;
    }
    .new-iez-corner-ribbon span {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        line-height: 28px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 240px;
        display: block;
        background: rgba(223, 8, 85, 0.9);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 60px;
        right: -74px;
    }
    .conference-panel .row-f{
      white-space: inherit;
    }
}
@media screen and (max-width: 700px){
    .content-raid-2017 .timer .counter {
        width: 90%;
    }
    .content-raid-2017 .previous-edition .previous-edition-img {
        display: none;
    }
    .content-raid-2017 .previous-edition .previous-edition-certyficate {
        display: none;
    }
    .content-raid-2017 .previous-edition h2 {
        text-align: center;
    }
    .content-raid-2017 .faq {
        background-position: 0% 0%;
    }
    .content-raid-2017 .question-header {
        padding-left: 80px;
    }
    .content-raid-2017 .question-wrapper {
        width: 100%;
    }
    .content-raid-2017 .faq {
        height: auto;
    }
    .content-raid-2017 .form-container .col-f {
        width: calc(100% - 70px);
    }
    .content-raid-2017 .question {
        height: auto;
    }
    .content-raid-2017 .form-container {
        bottom: 20px;
    }
    .content-raid-2017 .form {
        height: 1050px;
    }
    .content-raid-2017 .modal-raid-2017 .modal-form-left {
        width: calc(100% - 70px);
    }
    .content-raid-2017 .modal-raid-2017 .modal-form-right {
        width: calc(100% - 70px);
    }
    .content-raid-2017 .new-iez h2 {
        font-size: 23px;
    }
    .content-raid-2017 .new-iez .new-iez-speakers {
        width: 340px;
    }
    .content-raid-2017 .new-iez {
        padding-bottom: 155px;
    }
}
@media screen and (max-width: 600px){
    .header-raid .header-center-content h1 {
        font-size: 32px;
    }
    .header-bottom {
        font-size: 70%;
        width: 80%;
    }
    .content-raid-2017 .agenda .foto1, .content-raid-2017 .agenda .foto2, .content-raid-2017 .agenda .foto0 {
        height: 20px;
        width: 20px;
    }
    .content-raid-2017 .speakers .speaker {
        width: 100%;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 550px){
    .header-raid .header-center-content {
        padding-top: 190px;
        margin: 0 auto;
        width: auto;
    }
    .content-raid-2017 .timer-bottom a {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }
    .content-raid-2017 .timer .amount {
        text-align: center;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
        padding: 15px 10px;
        border-radius: 5px;
        font-size: 20px;
    }
    .content-raid-2017 .timer .unit-name {
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 20px;
        text-align: center;
    }
    .content-raid-2017 .timer .colon {
        margin-top: 11px;
        font-size: 25px;
    }
    .content-raid-2017 .agenda .foto{
        display: none;
    }
    .content-raid-2017 .agenda .dot-green{
        display: none;
    }
    .content-raid-2017 .agenda .date {
        margin: auto 10px;
    }
}
@media screen and (max-width: 435px){
    .content-raid-2017 .form {
        height: 1150px;
    }
    .content-raid-2017 .previous-edition .previous-edition-text{
        margin-left: 0;
        margin-right: 0;
        width: 190%
    }
    .content-raid-2017 .previous-edition .previous-edition-text p{
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
    .conference-panel a{
      margin-top: 20px;
    }
    .conference-panel .row-f img{
      display: none;
    }
    .conference-panel .row-f .bold {
      margin: 5px auto;
    }
}
@media screen and (max-width: 380px){
    .content-raid-2017 .agenda .title h3 {
        font-weight: 500;
        font-size: 9px;
        margin-top: 30px;
    }
    .content-raid-2017 .agenda .title p {
        color: #41CDA8;
        font-size: 9px;
    }
    .content-raid-2017 .form {
        height: 1250px;
    }
    .content-raid-2017 .new-iez .underline{
        width: 260px;
    }
    .content-raid-2017 .new-iez .price-box {
        width: 280px;
    }
    .content-raid-2017 .new-iez .save-box-responsive{
        width: 280px;
    }
    .content-raid-2017 .new-iez .price-box .cross{
        right: 112px;
    }
    .content-raid-2017 .new-iez .new-iez-speakers {
        width: 280px;
    }
    .content-raid-2017 .new-iez .img {
        height: 60px;
        width: 60px;
    }
    .content-raid-2017 .new-iez .img:hover {
        height: 90px;
        width: 90px;
    }
    .content-raid-2017 .new-iez .img:hover:after {
        position: absolute;
        top: 20px;
        right: 6px;
    }
    .content-raid-2017 .new-iez .img:hover:before {
        top: 69px;
        right: 25px;
    }
    .content-raid-2017 .new-iez h2{
        max-width: 315px;
    }
}

#front-black-friday {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
    z-index: 10000;
}
#front-black-friday img{
    width: 100%;
    height: 100%;
}
@media (min-width: 940px){
    #front-black-friday {
        display: block;
        position: fixed;
        right: 0;
        left: auto;
    }
}



/* NEW YEAR LANDING */
/*        Raid III - 2017        */
.header-new-year-2017 strong, .content-new-year-2017 strong{
    font-weight: 800;
}
.content-new-year-2017 h2{
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.content-new-year-2017 .row-f{
    display: flex;
    flex-wrap: wrap;
}
.content-new-year-2017 .row-f .col-f{
    margin: auto;
}
/*        Header        */
.header-new-year-2017{
    /*height: 650px;*/
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/new_year_2018/img/pexels-photo-281417.jpeg) top center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
}
.header-new-year-2017 .separate-new-year-2017, .content-new-year-2017 .separate-new-year-2017{
    margin: 20px auto;
    width: 89px;
}
.header-new-year-2017 .circle-new-year-2017, .content-new-year-2017 .circle-new-year-2017{
  -moz-border-radius: 50px/50px;
  -webkit-border-radius: 50px 50px;
  border-radius: 50px/50px;
  border: solid 1px #fff;
  width: 11px;
  height: 11px;
  display: inline-block;

}
.header-new-year-2017 .line, .content-new-year-2017 .line{
    width: 20px;
    margin: 0 7px 6px 7px;
    padding-bottom: 1px;
    background-color: #fff;
    display: inline-block;
}
.header-new-year-2017 .wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.header-new-year-2017 a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #41CDA8;
    font-weight: 700;
    width: 180px;
    margin: auto;
    padding: 15px 20px;
    border-radius: 100px;
    text-decoration: none;
    margin-top: 25px;
    font-weight: 500!important;
}
/*.header-center-content{
    position: relative;
}*/
.header-new-year-2017{
    position: relative;
}
.header-bottom{
    background-color: #DF0855;
    padding: 20px 30px;
    margin-top: 30px;
    width: 460px;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: -40px;*/
    top: -60px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}
.header-bottom .header-bottom-text{
    margin-bottom: 0px!important;
    text-align: center;
}
.header-bottom p strong{
    font-size: 120%;
    font-weight: 400;
}
/*        Header center part        */
.header-new-year-2017 .header-new-year-2017-center-content{
    padding-top: 190px;
    margin: 0 auto;
    /*width: 580px;*/
}
.counter-box{
    border-radius: 27rem;
    width: 100px;
    height: 100px;
    background-color: #51b9aa;
    position: absolute;
    top: 10px;
    left: 50px;
}
.counter-circle{
    margin: 5px;
    border: 2px solid;
    border-radius: 100px;
    height: 86px;
    width: 86px;
    display: inline-block;
}
.counter-text-1{
    font-size: 10px;
    text-align: center;
    margin-top: 14px;
}
.counter-number{
    text-align: center;
    font-size: 30px;
    font-weight: 800;
}
.counter-text-2{
    font-size: 10px;
    text-align: center;
}
.header-new-year-2017 .header-new-year-2017-center-content h1{
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.header-new-year-2017 .header-new-year-2017-center-content p{
    text-align: center;
    margin: 10px 15px;
}
.header-new-year-2017 .gifts-new-year-2018{
    display: flex;
    /*flex-direction: row;*/
}
.header-new-year-2017 .gift{
    flex: 1;
    width: 0;
    background: red;
    margin: 40px;
    margin-bottom: 70px;
    padding: 20px;
    text-align: center;
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .7);
}
.header-new-year-2017 .gift:hover{
    background: rgb(232, 23, 88); /* Fall-back for browsers that don't support rgba */
    background: rgba(232, 23, 88, .7);
    color: #fff;
    cursor: pointer;
}
.gift-1:hover .text-1, .gift-1:hover .text-2, .gift-1:hover .text-3,  .gift-2:hover .text-1, .gift-2:hover .text-2, .gift-2:hover .text-3, .gift-3:hover .text-1, .gift-3:hover .text-2, .gift-3:hover .text-3{
    color: #fff;
}
.header-new-year-2017 .gift-1{
    position: relative;
}
.gift-1 .text-1{
    font-size: 32px;
    font-weight: 800;
    margin: 30px auto 10px auto;
    color: rgba(223, 8, 85, 1);

}
.gift-1 .text-2{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 5px;
    color: #0b2e42;

}
.gift-1 .text-3{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 50px;
    color: #0b2e42;

}
.gift-circle-1{
    background-color: #e81758;
    border-radius: 27rem;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: -60px;
    left: -60px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.icon-gift-circle-1{
    background: url(../img/new_year_2018/icon/png/apple-book.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    margin: 10px auto;
}
.text-gift-circle-1{
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 5px;
}
.text-2-gift-circle-1{
    font-size: 12px;
}
.gifts-plus{
    background: url(../img/new_year_2018/img/plus.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: -50px;
}
.header-new-year-2017 .gift-2{
    position: relative;
}
.gift-2 .text-1{
    font-size: 32px;
    font-weight: 800;
    margin: 30px auto 10px auto;
    color: rgba(223, 8, 85, 1);
}
.gift-2 .text-2{
    color: #0b2e42;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 5px;
}
.gift-2 .text-3{
    color: #0b2e42;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 800;
}
.gift-circle-2{
    background-color: #e81758;
    border-radius: 27rem;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: -60px;
    left: -60px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.icon-gift-circle-2{
    background: url(../img/new_year_2018/icon/png/user.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    margin: 10px auto;
}
.text-gift-circle-2{
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 5px;
}
.text-2-gift-circle-2{
    font-size: 12px;
}
.gifts-equal{
    background: url(../img/new_year_2018/img/equal.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 14px;
    width: 20px;
    position: absolute;
    top: calc(50% - 5px);
    right: -50px;
}
.header-new-year-2017 .gift-3{
    position: relative;
}
.ribbon-gift-3{
    background: url(../img/new_year_2018/icon/bow.svg) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    position: absolute;
    top: -30px;
    right: calc(50% - 40px);
}
.gift-3 .text-1{
    font-size: 32px;
    font-weight: 800;
    margin: 30px auto 0 auto;
    color: rgba(223, 8, 85, 1);
    text-transform: uppercase;
}
.gift-3 .text-2{
    font-size: 26px;
    font-weight: 800;
    margin: 0 auto 10px auto;
    color: rgba(223, 8, 85, 1);
    text-transform: uppercase;
}
.gift-3 .text-3{
    color: #0b2e42;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
}
.gift-circle-3{
    background-color: #e81758;
    border-radius: 27rem;
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: -60px;
    left: -60px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.icon-gift-circle-3{
    background: url(../img/new_year_2018/icon/png/christmas-box.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    margin: 10px auto;
}
.text-gift-circle-3{
    font-size: 22px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 5px;
}
.text-2-gift-circle-3{
    display: inline-block;
    text-transform: uppercase;
    font-weight: 800;
}
.text-3-gift-circle-3{
    font-size: 12px;
}
.header-new-year-2017 .arrow-down{
    display: block;
    background: url(../img/new_year_2018/icon/png/arrow-down.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin: 20px auto;
}
.header-new-year-2017 .arrow-down:hover{
    cursor: pointer;
}

/*        content        */
.content-new-year-2017 .testimonial{
    background-color: #f5f5f5;
    padding: 40px;

}
.content-new-year-2017 .testimonial-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-new-year-2017 .testimonial .lukaszewicz{
    display: flex;

}
.content-new-year-2017 .testimonial .left{
    width: 250px;
}
.content-new-year-2017 .testimonial .photo{
    display: block;
    /*background: url(../img/new_year_2018/img/lukaszewicz.jpg) top center;*/
    background: url(../img/new_year_2018/img/bartek_p.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    border-radius: 100px;
    margin-bottom: 10px;
    margin-left: auto;
}
.content-new-year-2017 .testimonial .photo-ed{
    display: block;
    /*background: url(../img/new_year_2018/img/lukaszewicz.jpg) top center;*/
    background-size: cover;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    border-radius: 100px;
    margin-bottom: 10px;
    margin-left: auto;
}
.content-new-year-2017 .testimonial .photo-bf{
    display: block;
    /*background: url(../img/new_year_2018/img/lukaszewicz.jpg) top center;*/
    background-size: cover;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    border-radius: 100px;
    margin-bottom: 10px;
    margin-left: auto;
}
.content-new-year-2017 .testimonial .name{
    color: #e81758;
    font-weight: 800;
    text-align: right;

}
.content-new-year-2017 .testimonial .title{
    color: #808893;
    font-size: 12px;
    text-align: right;

}
.content-new-year-2017 .testimonial .right p{
    color: #808893;
    margin: 20px;
}
.content-new-year-2017 .take-discount{

}
.testimonial .owl-controls{
    text-align: center;
}
.testimonial .owl-nav{
    display: flex;
}
.testimonial .owl-controls{
    text-align: center;
}
.testimonial .owl-prev{
    display: block;
    background: url(../img/new_year_2018/icon/png/arrow-left.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin: 20px auto;
    margin-right: 10px;
    color: transparent;
}
.testimonial .owl-next{
    display: block;
    background: url(../img/new_year_2018/icon/png/arrow-right.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin: 20px auto;
    margin-left: 10px;
    color: transparent;
}
.table-take-discount .premium{
    border-right: 2px solid #f5f5f5;
}
.take-discount-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.take-discount h2{
    color: #0c2c43;
    margin: 60px auto 4px auto;
}
.take-discount h2 span{
    color: #e81758;
}
.take-discount .text-take-discount{
    text-align: center;
    color: #8a9199;
}
.table-take-discount{
    display: flex;
    margin-top: 90px;
    margin-bottom: 30px;
}
.table-take-discount .student{
    flex: 1;
}
.table-take-discount .master{
    flex: 1
}
.table-take-discount .master-plus{
    flex: 1;
    position: relative;
}
.table-take-discount .smaller{
    font-size: 14px;
}
.master-plus .label{
    position: absolute;
    text-align: center;
    width: calc(100% - 28px);
    left: -2px;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #de3d51;
    padding: 15px;
    color: white;
    font-weight: 600;
    top: -45px;
    box-shadow: 0 -2px 5px 1px #000;
}
.master-plus{
    box-shadow: 0 0px 5px 1px #000;
}
.table-take-discount .premium{
    flex: 1

}
.take-discount .plan-title{
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    font-size: 21px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.table-take-discount .ph-15{
    padding: 15px;
}
.table-take-discount .grey{
    color: #7f8891;
}
.table-take-discount .hint{
    font-size: 13px;
}
.table-take-discount .bold{
    font-weight: 600;
}
.table-take-discount .list{
    min-height: 384px;
}
.table-take-discount > div{
    border: 2px solid #f5f5f5;
    border-right: 0;
    font-size: 14px;
    /*padding: 30px;*/
}
.table-take-discount .text-center{
    text-align: center;
}
.table-take-discount .line-through{
    font-size: 30px;
    font-weight: 500;
    text-decoration: line-through;
}
.table-take-discount .currency{
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}
.table-take-discount .currency.grey{
    color: #7f8993;
    vertical-align: bottom;
    margin-left: 5px;
    margin-bottom: 3px;
}
.table-take-discount .current-price,
.table-take-discount .formal-price{
    margin-left: 15px;
    margin-bottom: 5px;
}
.table-take-discount .current-price .currency{
    font-size: 12px
}
.table-take-discount .grey-bg{
    font-size: 13px
}
.table-take-discount .mb-20{
    margin-bottom: 20px;
}
.table-take-discount hr{
    height: 0px;
    border: 0px;
    border-top: 3px solid #dd0751;
}
.table-take-discount .grey-bg{
    background-color: #f5f5f5;
    padding: 25px 0px;
}
.table-take-discount .currency div:first-child{
    font-weight: 600;
}
.table-take-discount .currency div:last-child{
    font-size: 13px;
}
.table-take-discount .bigest-size{
    font-size: 65px;
}
.table-take-discount .premium .bigest-size{
    font-size: 65px;
    letter-spacing: -10px;
    margin-right: 5px;
}
.table-take-discount .premium .bigest-size + span{
    font-size: 12px;
}

.table-take-discount .big-size{
    font-size: 40px;
}
.table-take-discount .list p{
    background-image: url(../img/new_year_2018/icon/png/check-icon.png);
    background-size: 20px;
    background-position: 0px center;
    padding-left: 15px;
    padding: 10px 0px 8px 24px;
    background-repeat: no-repeat;
}
.take-discount-button{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 100%;
    background-color: #41cda8;
    width: 205px;
    margin: 40px auto;
    padding: 23px 30px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 800;
}
.take-discount .separate-new-year-2017{
    margin: 20px auto;
    width: 89px;
}
.take-discount .circle-new-year-2017 {
    -moz-border-radius: 50px/50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px/50px;
    border: solid 1px #41cda8;
    width: 11px;
    height: 11px;
    display: inline-block;
}
.take-discount .line{
    width: 20px;
    margin: 0 7px 6px 7px;
    padding-bottom: 1px;
    background-color: #41cda8;
    display: inline-block;
}

.content-new-year-2017{
}
/*        speakers        */
.content-new-year-2017 .speakers-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-new-year-2017 .speakers{
    display: flow-root;
    position: relative;
}
.content-new-year-2017 .speakers h2{
    color: #676767;
    margin-top: 80px;
}
.content-new-year-2017 .speakers p{
    text-align: center;
}
.content-new-year-2017 .speakers .under-header{
    text-align: center;
    margin-bottom: 40px;
}
.content-new-year-2017 .speakers p span{
    color: #41CDA8;
}
.content-new-year-2017 .speakers a{
    clear: both;
    display: block;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 90%;
    background-color: #DF0855;
    font-weight: 700;
    width: 210px;
    margin: 0 auto 50px auto;
    padding: 10px 30px;
    border-radius: 100px;
    text-decoration: none;
    line-height:18px;
}
.content-new-year-2017 .speakers .speaker{
    width: 25%;
    box-sizing: border-box;
}
.content-new-year-2017 .speakers .speaker .speaker-img{
    width: 120px;
    height: 120px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px auto;
    border-radius: 60px;
    position: relative;
}
.content-new-year-2017 .speakers .speaker .speaker-img:hover{
    cursor: pointer;
}
.content-new-year-2017 .speakers .speaker .speaker-img:hover:after {
    position:absolute;
    top: -10px;
    right:0px;
    bottom:0;
    content: "";
    width: 120px;
    height: 120px;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/raid2017/plus.png);
}
.content-new-year-2017 .speakers .speaker .speaker-img:hover:before {
    position:absolute;
    top: 70px;
    right:38px;
    bottom:0;
    content: "WIĘCEJ";
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}
.content-new-year-2017 .speakers .speaker .gackowska{
    background-image: url(../img/raid2017/Monika_Gackowska.jpg);
}
.content-new-year-2017 .speakers .speaker .gackowska:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Monika_Gackowska.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .pomorski{
    background-image: url(../img/raid2017/Bartlomiej_Pomorski.jpg);
}
.content-new-year-2017 .speakers .speaker .pomorski:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Bartlomiej_Pomorski.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .ihnatowicz{
    background-image: url(../img/raid2017/Paulina_Ihnatowicz.jpg);
}
.content-new-year-2017 .speakers .speaker .ihnatowicz:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Paulina_Ihnatowicz.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .lukaszewicz{
    background-image: url(../img/raid2017/Zuzanna_Lukaszewicz.jpg);
}
.content-new-year-2017 .speakers .speaker .lukaszewicz:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Zuzanna_Lukaszewicz.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .lamont{
    background-image: url(../img/raid2017/Marzena_Lamont.jpg);
    /*cursor: auto!important;*/
}
.content-new-year-2017 .speakers .speaker .lamont:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Marzena_Lamont.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .sloma{
    background-image: url(../img/raid2017/Malgorzata_Sloma.jpg);
}
.content-new-year-2017 .speakers .speaker .sloma:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Malgorzata_Sloma.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .musialkowska{
    background-image: url(../img/raid2017/Dominika_Musialowska.jpg);
}
.content-new-year-2017 .speakers .speaker .musialkowska:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Dominika_Musialowska.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .rzadkowska{
    background-image: url(../img/raid2017/Rzadkowska-200x300.jpg);
}
.content-new-year-2017 .speakers .speaker .rzadkowska:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.6), rgba(223, 8, 85, 0.6)), url(../img/raid2017/Rzadkowska-200x300.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .speakers .speaker .name{
    text-transform: uppercase;
    color: #41CDA8;
    font-size: 120%;
}
.content-new-year-2017 .speakers .speaker .position{
    text-transform: uppercase;
    color: #666666;
    font-size: 70%;
    margin-bottom: 30px;
}

/* new-iez */
.content-new-year-2017 .new-iez{
    display: flow-root;
    /*background-color: #41cda8;*/
    background: linear-gradient(rgba(0, 40, 40, 0.5), rgba(0, 40, 40, 0.5)), url(../img/new_year_2018/img/cover-photo.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 45px;
    position: relative;
}
.content-new-year-2017 .new-iez-center{
    position: relative;
}
.content-new-year-2017 .new-iez-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.content-new-year-2017 .new-iez h2{
    margin-top: 70px;
    color: #fff;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.content-new-year-2017 .new-iez .underline{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    height: 1px;
    background-color: #fff;
}
.content-new-year-2017 .new-iez .subtitle{
    text-align: center;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
}
.content-new-year-2017 .new-iez .new-iez-button {
    clear: both;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 100%;
    background-color: #41cda8;
    width: 205px;
    margin: auto;
    padding: 23px 30px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 800;
}
.content-new-year-2017 .discount-info{
    text-align: center;
    color: #fff;
}
.content-new-year-2017 .new-iez .under-button{
    text-align: center;
    font-weight: 800;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 16px;
}

.content-new-year-2017 .new-iez .new-iez-speakers{
    width: 680px;
    /*left: 0;*/
    /*right: 0;*/
    margin: 0 auto;
    /*position: absolute;*/
    /*bottom: -55px;*/
}
.content-new-year-2017 .new-iez .new-iez-speakers .col-f a{
    cursor: default;
    pointer-events: none;
}
.content-new-year-2017 .new-iez .img{
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    background-size: 100%;
    border-radius: 80px;
    margin:15px;
    box-shadow: 0 0 25px #777;
    position: relative;
    filter: grayscale(100%); /* Current draft standard */
}
/*.content-new-year-2017 .new-iez .img:hover{
    cursor: pointer;
    height: 110px;
    width: 110px;
    margin: 0;
}
.content-new-year-2017 .new-iez .img:hover:after {
    position: absolute;
    top: 27px;
    right: 15px;
    bottom: 0;
    content: "";
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 80%;
    width: 80px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    background-size: 8px;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-image: url(../img/raid2017/plus.png);
}
.content-new-year-2017 .new-iez .img:hover:before {
    position: absolute;
    top: 75px;
    right: 34px;
    bottom: 0;
    content: "WIĘCEJ";
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}*/
.content-new-year-2017 .new-iez .img1{
    background-image: url(../img/training_2018/speakers/leszczynska.png);
}
/*.content-new-year-2017 .new-iez .img1:hover{
    background: linear-gradient(rgba(184, 13, 74, 0.7), rgba(184, 13, 74, 0.7)), url(../img/training_2018/speakers/leszczynska.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .new-iez .img1:hover:after {
    content: "Sylwia Leszczyńska";
}*/
.content-new-year-2017 .new-iez .img2{
    background-image: url(../img/raid2017/iez_new/Bartnicka_anna200.jpg);
}
/*.content-new-year-2017 .new-iez .img2:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/Bartnicka_anna200.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .new-iez .img2:hover:after {
    content: "Anna Bartnicka";
}*/
.content-new-year-2017 .new-iez .img3{
    background-image: url(../img/raid2017/iez_new/parol100x100.jpg);
}
/*.content-new-year-2017 .new-iez .img3:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/parol100x100.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .new-iez .img3:hover:after {
    content: "Damian Parol";
}*/
.content-new-year-2017 .new-iez .img4{
    background-image: url(../img/raid2017/iez_new/gackowska100.jpg);
}
/*.content-new-year-2017 .new-iez .img4:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/gackowska100.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .new-iez .img4:hover:after {
    content: "Monika Gackowska";
}*/
.content-new-year-2017 .new-iez .img5{
    background-image: url(../img/raid2017/iez_new/kowalcze200.jpg);
}
/*.content-new-year-2017 .new-iez .img5:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/kowalcze200.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .new-iez .img5:hover:after {
    content: "Katarzyna Kowalcze";
}*/
.content-new-year-2017 .new-iez .img6{
    background-image: url(../img/raid2017/iez_new/jackowska250.jpg);
}
/*.content-new-year-2017 .new-iez .img6:hover{
    background: linear-gradient(rgba(223, 8, 85, 0.7), rgba(223, 8, 85, 0.7)), url(../img/raid2017/iez_new/jackowska250.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.content-new-year-2017 .new-iez .img6:hover:after {
    content: "Małgorzata Jackowska";
}*/
.content-new-year-2017 .new-iez .circle {
    display: flow-root;
    width: 300px;
    height: 300px;
    background: #fff;
    border-radius: 200px;
    margin: 20px auto;
}

.content-new-year-2017 .new-iez .inner-circle {
    width: 250px;
    height: 250px;
    background: rgba(223, 8, 85, 1);
    border-radius: 200px;
    margin: 22px auto;
    border: solid 3px #fff;
    box-shadow: 0 0 25px #777;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 10;
}

.content-new-year-2017 .new-iez .inner-circle .circle-text-1{
    font-weight: 300;
    margin-top: 40px;
}
.content-new-year-2017 .new-iez .inner-circle .circle-text-2{
    font-weight: 700;
    text-transform: uppercase;
}
.content-new-year-2017 .new-iez .inner-circle .percent{
    font-weight: 700;
    font-size: 90px;
}
.content-new-year-2017 .new-iez .save-box{
    background: #fff;
    position: absolute;
    top: 128px;
    right: 105px;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 0 25px #777;
    color: #676767;
}
.content-new-year-2017 .new-iez .save-box span{
    color: #676767;
    font-size: 34px;
    font-weight: 600;
}
.content-new-year-2017 .new-iez .save-box-responsive{
    background: #fff;
    top: 128px;
    right: 81px;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 0 25px #777;
    color: #676767;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.content-new-year-2017 .new-iez .save-box-responsive span{
    color: #676767;
    font-size: 34px;
    font-weight: 600;
}
.content-new-year-2017 .new-iez .price-box{
    background: #fff;
    width: 320px;
    position: absolute;
    top: 92px;
    left: 50px;
    padding: 5px 2px;
    color: #676767;
}
.content-new-year-2017 .new-iez .price-box .bold{
    color: #676767;
    font-size: 34px;
    font-weight: 600;
    text-align: right;
}
.content-new-year-2017 .new-iez .price-box .bold-small{
    color: #676767;
    font-size: 30px;
    font-weight: 600;
    text-align: right;
}
.content-new-year-2017 .new-iez .price-box .cross{
    height: 2px;
    width: 80px;
    background: rgba(223, 8, 85, 1);
    position: absolute;
    top: 23px;
    right: 120px;
}
.content-new-year-2017 .new-iez .price-box .price{
    margin-left: 10px;
}
.content-new-year-2017 .new-iez .price-box .new-price-text{
    text-align: center;
}
.content-new-year-2017 .new-iez .price-box .col-2{
    width: 25%;
}
.content-new-year-2017 .new-iez .price-box .col-1{
    width: calc(50%/2);
}
/**/
.content-new-year-2017 .new-iez-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.firework-time-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
}
.firework-time h2{
    margin-top: 70px;
    color: #000;
    font-size: 42px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.firework-time .arrow-down{
    display: block;
    /*background: url(../img/new_year_2018/icon/arrow-down.svg) top center;*/
    -webkit-mask-image: url(../img/new_year_2018/icon/arrow-down.svg);
    mask-image: url(../img/new_year_2018/icon/arrow-down.svg);
    /*background-size: cover;
    background-repeat: no-repeat;*/
    height: 50px;
    width: 50px;
    margin: 20px auto;
    background-color: #41cda8;
    margin-bottom: 80px;
}
.firework-time .arrow-down:hover{
    cursor: pointer;
}
.firework-time .separate-new-year-2017{
    margin: 20px auto;
    width: 89px;
}
.firework-time .circle-new-year-2017 {
    -moz-border-radius: 50px/50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px/50px;
    border: solid 1px #41cda8;
    width: 11px;
    height: 11px;
    display: inline-block;
}
.firework-time .line{
    width: 20px;
    margin: 0 7px 6px 7px;
    padding-bottom: 1px;
    background-color: #41cda8;
    display: inline-block;
}
.text-container-firework-time{
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
    font-size: 18px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.text-firework-time{
    text-align: center;
}
.text-firework-time span{
    font-weight: 800;
    color: rgba(223, 8, 85, 1);
}
.text-2-firework-time{
    text-align: center;
    display: inline-block;
    margin-right: 4px;
}
.plus-firework-time{
    background: url(../img/new_year_2018/img/plus-2.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin: 0 15px;
}
.text-3-firework-time{
    text-align: center;
    display: inline-block;
}
/* Advantages */
.advantages-new-year-2017{
    color: #fff;
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../img/new_year_2018/img/photo-1510546694097-856cc08adc07.jpg) 50% 79%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 320px;
}
.advantages-new-year-2017-wrapper{
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
    position: relative;
}
.advantages-new-year-2017 .advantages{
    position: absolute;
    top: -70px;
    color: #000;
    width: 500px;
    left: calc(50% - 250px);
    text-align: center;
}
.advantages-new-year-2017 .advantages p{
    margin-top: 10px;
}
.advantages-new-year-2017 .advantages span{
    font-weight: 800;
}
.advantages-new-year-2017 .advantage-1{
    background-color: #fff;
    margin: 15px;
    padding: 40px 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    flex: 1;
}
.row-1-advanteges{
    display: flex;
}
.row-2-advanteges{
    display: flex;
}
.advantages-new-year-2017 .advantage-1 .icon{
    background: url(../img/new_year_2018/icon/png/flip-chart.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}
.advantages-new-year-2017 .advantage-2{
    background-color: #fff;
    margin: 15px;
    padding: 40px 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    flex: 1;

}
.advantages-new-year-2017 .advantage-2 .icon{
    background: url(../img/new_year_2018/icon/png/training.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}
.advantages-new-year-2017 .advantage-3{
    background-color: #fff;
    margin: 15px;
    padding: 40px 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    flex: 1;
}
.advantages-new-year-2017 .advantage-3 .icon{
    background: url(../img/new_year_2018/icon/png/video.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}
.advantages-new-year-2017 .advantage-4{
    background-color: #fff;
    margin: 15px;
    padding: 40px 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    flex: 1;
}
.advantages-new-year-2017 .advantage-4 .icon{
    background: url(../img/new_year_2018/icon/png/apple-check.png) top center;
    background-size: 80%;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}
.get-everything-new-year-2017{
    height: 110px;
}
.get-everything-button{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 110%;
    background-color: #41cda8;
    width: 190px;
    margin: 110px auto 180px auto;
    padding: 23px 30px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 800;
}
.left-only{
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/new_year_2018/img/still-2608736_1920.jpg) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.left-only:before, .left-only:after{
    content: ' ';
    display: table;
}
.left-only h2{
    margin: 40px auto 10px auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.left-only .counter{
    display: flex;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 132px;
    font-weight: 800;

}
.left-only .counter .no-1{
    flex: 1;
    background: rgba(232, 23, 88, .7);
    margin: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.left-only .counter .no-2{
    flex: 1;
    background: rgba(232, 23, 88, .7);
    margin: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.left-only .counter .no-3{
    flex: 1;
    background: rgba(232, 23, 88, .7);
    margin: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.left-only p{
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
.left-only .buy-now-button{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 110%;
    background-color: #41cda8;
    width: 160px;
    margin: 34px auto 38px auto;
    padding: 23px 30px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 800;
}
.wanna-more h2{
     color: #0d2d42;
     margin: 60px auto 10px auto;
}
.wanna-more .separate-new-year-2017{
    margin: 20px auto;
    width: 89px;
}
.wanna-more .circle-new-year-2017 {
    -moz-border-radius: 50px/50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px/50px;
    border: solid 1px #41cda8;
    width: 11px;
    height: 11px;
    display: inline-block;
}
.wanna-more .line{
    width: 20px;
    margin: 0 7px 6px 7px;
    padding-bottom: 1px;
    background-color: #41cda8;
    display: inline-block;
}
.wanna-more p{
    text-align: center;
    color: #808992;
    margin-top: 10px;
    margin-bottom: 120px;
    font-size: 18px;
}
.footer-new-year{
    background-color: #41cda8;
    color: #fff;
    position: relative;
    height: 250px;
}

.footer-new-year .contact-us{
    display: flex;
    width: 400px;
    position: absolute;
    left: calc(50% - 200px);
    top: -50px;
    text-align: center;
}
.footer-new-year .contact-us .name{
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 5px;
}
.footer-new-year .contact-us .phone{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/new_year_2018/icon/png/phone.png) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 13px;
    width: 13px;
    display: inline-block;
}
.footer-new-year .contact-us .number{
    font-size: 12px;
    display: inline-block;

}
.footer-new-year .agata{
    flex: 1;
}
.footer-new-year .agata .photo{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/new_year_2018/img/agata.jpg) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    border-radius: 100px;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.footer-new-year .michal{
    flex: 1;
}

.footer-new-year .michal .photo{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/new_year_2018/img/michal.jpg) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 110px;
    width: 110px;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
}
.footer-new-year .magda{
    flex: 1;
}
.footer-new-year .magda .photo{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/new_year_2018/img/magda.jpg) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    border-radius: 100px;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;

}
.footer-new-year .bottom{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 15px auto 0 auto;
}
.footer-new-year .right{
    align-self: flex-end;
    display: flex;
}
.footer-new-year .right a{
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}
.footer-new-year .left{
    display: flex;
    margin-top: 130px;
}
.footer-new-year .left .logo{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/kcalmar-pro-logo.png) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
    width: 60px;
    margin-right: 20px;

}
.footer-new-year .left .info{
    height: 100px;
    width: 360px;
    padding-left: 20px;
    border-left: 1px solid #fff;
}
.info .row-1-info .icon-1{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/new_year_2018/icon/png/location.png) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 30px;
}
.info .row-2-info .icon-2{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/new_year_2018/icon/png/email.png) 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
}
.info .row-1-info p{
    display: inline-block;
    margin-top: 15px;
}
.info .row-2-info p{
    display: inline-block;
}


#raid8modal-wrapper {
    display: none!important;
}
#raid8modal-background {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
}
#raid8modal {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    display: block;
    position: fixed;
    z-index: 99;
    top: 210px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: 1px solid #979797;
    border-radius: 4px;
    padding: 60px;
    color: #2b2b2b;
    text-align: center;
    max-width: 526px;
    z-index: 1001;
}
#raid8modal__close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
#raid8modal__content {

}
#raid8modal__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 18px;
}
.raid8modal__bolded-text {
    font-weight: bold;
    line-height: 28px;
}
.raid8modal__green-text {
    color: #5DBAB3;
    margin-top: 8px;
    margin-bottom: 28px;
}
#raid8modal__img {
    margin: 28px 0px;
}
.raid8modal__text {
    line-height: 28px;
}
#raid8modal__button {
    margin-top: 18px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 15px 30px;
    background-color: #5DBAB3;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 0 2px 6px 0 rgba(13, 45, 50, 0.5);
}
#raid8modal__button:hover{
    background-color: #2d848a
}

@media screen and (max-width: 1366px){
    #raid8modal {
        top: 50px;
    }
}
@media screen and (max-width: 1212px){
    .content-new-year-2017 .form-container{
        width:90%;
    }
}
@media screen and (max-width: 962px){
    #raid8modal {
        font-size: 18px;
        top: 0px;
        max-width: calc(100% - 2*60px);
    }
    #raid8modal__title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .raid8modal__bolded-text {
        line-height: 20px;
    }
    .raid8modal__green-text {
        margin-top: 8px;
        margin-bottom: 16px;
    }
    #raid8modal__img {
        margin: 16px 0px;
        width: 200px;
    }
    .raid8modal__text {
        line-height: 16px;
    }
    #raid8modal__button {
        margin-top: 12px;
        line-height: 20px;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        padding: 15px 30px;
        background-color: #5DBAB3;
        border-radius: 2px;
        display: inline-block;
    }
    .header-new-year-2017 .gifts-new-year-2018{
        flex-wrap: wrap;
    }
    .header-new-year-2017 .gift{
        width: calc(100% - 155px);
        min-height: 130px;
        margin-left: 70px;
        flex: none;
    }
    .gifts-new-year-2018 .gifts-plus, .gifts-new-year-2018 .gifts-equal{
        display: none;
    }



    .content-new-year-2017 .new-iez .save-box {
        display: none;
    }
    .content-new-year-2017 .new-iez .save-box-responsive {
        display: block;
        width: 320px;
        /* padding: 5px 2px; */
        margin-bottom: 20px;
    }
    .content-new-year-2017 .new-iez .price-box .cross {
        height: 2px;
        width: 80px;
        background: rgba(223, 8, 85, 1);
        position: absolute;
        top: 32px;
        right: 126px;
    }
    .content-new-year-2017 .new-iez .price-box {
        background: #fff;
        width: 320px;
        /* position: absolute; */
        top: 0px;
        left: 0px;
        padding: 5px 2px;
        color: #676767;
        margin: 0 auto;
        padding: 15px 15px 10px 15px;
        position: relative;
        box-shadow: 0 0 25px #777;
    }
    .content-new-year-2017 .new-iez h2{
        max-width: 80%;
    }
    .table-take-discount{
        flex-wrap: wrap;
    }
    .table-take-discount .master-plus{
        /*margin-top: 50px;*/
    }
    .table-take-discount > div {
        margin: auto;
        margin-bottom: 60px;
        max-width: 300px;
        border: 1px solid #f5f5f5;
    }
    .footer-new-year .left .logo{
        margin-left: 20px;
    }
    .footer-new-year .right a{
        margin-left: 20px;
    }
    .footer-new-year .bottom{
        flex-wrap: wrap;
    }
    .footer-new-year .left{
        overflow: hidden;
    }
}
@media screen and (max-width: 700px){
    .content-new-year-2017 .new-iez h2 {
        font-size: 23px;
    }
    .content-new-year-2017 .new-iez .new-iez-speakers {
        width: 340px;
    }
    .content-new-year-2017 .new-iez {
        padding-bottom: 0px;
    }
    .advantages-new-year-2017{
        height: auto;
    }
    .advantages-new-year-2017 .advantages{
        position: static;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
    .row-1-advanteges, .row-2-advanteges{
        flex-wrap: wrap;
    }
    .left-only .counter{
        width: auto;
        font-size: 100px;
    }
    .get-everything-button{
        margin: 45px auto 0px auto;
    }
    .footer-new-year .left .logo{
        height: 69px;
        width: 40px;
    }
    .footer-new-year{
        height: auto;
    }
    .footer-new-year .right a{
        margin-bottom: 39px;
    }
}
@media screen and (max-width: 380px){
    #raid8modal {
        padding: 45px; 
        font-size: 18px;
        top: 0px;
        max-width: calc(100% - 2*45px);
    }
    .content-new-year-2017 .new-iez .price-box {
        width: 250px;
    }
    .content-new-year-2017 .new-iez .save-box-responsive{
        width: 250px;
    }
    .content-new-year-2017 .new-iez .price-box .cross{
        right: 112px;
    }
    .content-new-year-2017 .new-iez .new-iez-speakers {
        width: 280px;
    }
    .content-new-year-2017 .new-iez .img {
        height: 60px;
        width: 60px;
    }
    .content-new-year-2017 .new-iez .img:hover {
        height: 90px;
        width: 90px;
    }
    .content-new-year-2017 .new-iez .img:hover:after {
        position: absolute;
        top: 20px;
        right: 6px;
    }
    .content-new-year-2017 .new-iez .img:hover:before {
        top: 69px;
        right: 25px;
    }
    .content-new-year-2017 .new-iez h2{
        max-width: 315px;
    }
    .left-only .counter{
        width: auto;
    }
    .footer-new-year .contact-us{
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: auto;
    }
    /*.footer-new-year .contact-us{
        flex-wrap: wrap;
        width: auto;
    }*/
    /*.footer-new-year .magda, .footer-new-year .michal, .footer-new-year .magda{
        flex: none;
    }*/
}

/*Back-to-school-promo*/

.back-to-school-promo{
    width: 100%;
    background-color: #5DBAB3;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 17px 0;
    font-family: 'Montserrat'!important;
    justify-content: space-around;
    position: relative;
    align-items: center;
}

.back-to-school-promo .desktop-button{
    display: flex!important;
}

.back-to-school-promo .mobile-button{
    display: none!important;
}

.back-to-school-promo .column{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.back-to-school-promo .column .title{
    background-color: #FF0061;
    box-sizing: border-box;
    padding: 2px 8px;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
    width: max-content;
    font-weight: 900;
    text-align: center;
}

.back-to-school-promo .column .description{
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
}

.back-to-school-promo .column .bold{
    font-weight: 700;
}

.back-to-school-promo .button{
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 700;
    border: 2px solid #FFFFFF;
    border-radius: 24px;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 11px 24px;
    margin: 0 auto;
    min-height: 44px;
}

.back-to-school-promo .close{
    color: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    cursor: pointer;
}


@media screen and (max-width: 940px) {
    .back-to-school-promo{
        flex-direction: column;
    }

    .back-to-school-promo .column .title, .back-to-school-promo .column .description{
        margin: 0 auto 20px auto;
    }

    .back-to-school-promo .close{
        display: none;
    } 

}

@media screen and (max-width: 768px) {
    .back-to-school-promo .column{
        max-width: 70%;
    }
    .back-to-school-promo .column .title{
        width: auto;
    }
    .back-to-school-promo .column .description{
        text-align: center;
    }
    .back-to-school-promo .desktop-button{
        display: none!important;
    }
    .back-to-school-promo .mobile-button{
        display: flex!important;
    }

}

@media screen and (max-width: 480px) {
     .back-to-school-promo .column .title{
        max-width: 170px;
    }

}

/*Back-to-school-promo-END*/

/*BLACK-friday-banner*/
.black-friday-banner{
    width: 100%;
    background: #282828;
    position: relative;
    box-sizing: border-box;
    padding: 0 20px 12px 0;
}

.black-friday-banner .content{
    max-width: 1000px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif!important;
    align-items: center;
}

.black-friday-banner .description{
    margin: 0 170px 0 26px;
    display: flex;
    flex-direction: column;
    color: #fff;
}

.black-friday-banner .description .red-panel{
    box-sizing: border-box;
    background: #ff0061;
    font-size: 16px;
    font-weight: 800;
    padding: 2px 9px;
    margin-bottom: 13px;
    width: max-content;
}

.black-friday-banner .description .row-2{
    font-size: 14px;
    margin-bottom: 13px;
    letter-spacing: 0.15px;
    box-sizing: border-box;
    padding-left: 8px;
    width: max-content;
}

.black-friday-banner .description .row-3{
    font-size: 12px;
    width: max-content;
    letter-spacing: 0.03px;
    box-sizing: border-box;
    padding-left: 8px;
}

.black-friday-banner .bold{
    font-weight: 700;
}

.black-friday-banner a{
    height: 40px;
    width: 134px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
    line-height: 40px;
}

.black-friday-banner a:after{
    content: "SPRAWDŹ";
}

.black-friday-banner .close{
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.mobile-wrap{
    display: flex;
    align-items: center;
}

.red-panel-mobile{
    display: none;
}

@media screen and (max-width: 1040px) {
    .black-friday-banner .content{
        flex-wrap: wrap;
    }

    .mobile-wrap{
        flex-direction: column;
        width: max-content;
        align-items: flex-start;
        margin-left: 9px;
        box-sizing: border-box;
        padding-top: 20px;
    }

    .black-friday-banner .content{
        width: max-content;
    }

    .black-friday-banner .description{
        margin: 0;
    }

    .black-friday-banner a{
        margin-top: 15px;
    }

    .black-friday-banner .close{
        right: 80px;
    }
    .black-friday-banner .close{
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .black-friday-banner .content{
        flex-wrap: wrap;
    }
     .black-friday-banner .description .row-2{
        display: none;
    }

    .black-friday-banner .description .row-3{
        display: none;
    }

    .black-friday-banner a{
        width: 164px;
        height: 31px;
        font-size: 10px;
        line-height: 31px;
    }

    .black-friday-banner a:after{
        content: "ODBIERZ DO 45% ZNIŻKI";
    }

    .black-friday-banner a{
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .black-friday-banner .description .red-panel{
        max-width: 121px;
    }

    .red-panel{
        display: none;
    }

    .red-panel-mobile{
        display: flex;
        flex-direction: column;
        font-size: 14px;
    }

    .red-panel-mobile span{
        background: #ff0061;
        color: #fff;
        font-weight: 800;
        box-sizing: border-box;
        margin-bottom: 4px;
        text-align: center;
        height: 18px;
        line-height: 18px;
        width: 111px;
        max-width: 100%;
    }

    .red-panel-mobile span:nth-child(2){
        margin-bottom: 10px;
        width: 121px;
        max-width: 100%;
    }
    
    .black-friday-banner .close{
        display: none;
    }
}

/*BLACK-friday-banner-END*/

/*PASEK KONTAKTOWY*/

.contact-bar-desktop{
    width: 100%;
    background: rgb(13, 45, 50);
    box-sizing: border-box;
    padding: 15px 120px 15px 120px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    margin-bottom: 20px;
}

.contact-bar-desktop .content{
    width: 100%;
    max-width: 1691px;
    display: flex;
    font-size: 0.875rem;
    margin: 0 auto;
}

.contact-bar-desktop .content-l{
    display: flex;
    font-weight: 700;
    align-items: center;
}

.contact-bar-desktop .content-l .mail-box{
    display: flex;
    align-items: center;
    margin-left: 22px;
}

.contact-bar-desktop .content-l .mail-box img{
    margin-right: 8px;
}

.contact-bar-desktop .content-l .mail-box a{
    text-decoration: underline;
    color: #fff;
}

.contact-bar-desktop .content-l .phone-box{
    display: flex;
    align-items: center;
    margin-left: 24px;
}

.contact-bar-desktop .content-l .phone-box img{
    margin-right: 8px;
}

.contact-bar-desktop .content-l .phone-box a{
    color: #fff;
    white-space: nowrap;
}

.contact-bar-desktop .content-r{
    display: flex;
    font-weight: 700;
    align-items: center;
    margin-left: auto;
}

.contact-bar-desktop .content-r .social-box{
    margin-left: 16px;
}

.contact-bar-desktop .content-r .social-box .instagram-link{
    margin: 0 16px;
}

.contact-bar-mobile .main-button{
    width: 64px;
    height: 64px;
    background: #E50A4A;
    border-radius: 40px;
    box-shadow: 0px 3px 6px #00000029;
    background-image: url(../img/contact_bar/phone-icon-mobile.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition:all 1s;
    cursor: none;
}

.contact-bar-mobile .main-button-active{
    background-image: url(../img/contact_bar/close-icon.svg);
    background-color: #000000;
    transition:all 1s;
}


.contact-bar-mobile .hidden-content .box{
    width: 60px;
    height: 60px;
    background: #FFF;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 16px;
}

.contact-bar-mobile .hidden-content{
    display: block;
    position: relative!important;
}

.contact-bar-mobile .hidden-content .box, .contact-bar-mobile .main-button{
    display: none;
}

@media screen and (max-width: 1300px){
    .contact-bar-desktop{
        padding-left: 30px;
        padding-right: 30px;
    }

}

@media screen and (max-width: 1049px){
    .main-menu-wrapper{
        padding-top: 20px;
    }

    .contact-bar-mobile .hidden-content{
        display: none;
        position: relative!important;
    }

    .contact-bar-mobile .hidden-content .box, .contact-bar-mobile .main-button{
        display: flex;
    }

    .main-menu-wrapper.fixed{
        height: 65px;
    }

    .contact-bar-desktop{
        display: none;
    }

    .contact-bar-mobile{
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 70px;
        right: 16px;
        z-index: 999;
        align-items: center;
    }
    .main-menu-wrapper.fixed{
        display: none;
    }
    .contact-bar-mobile .hidden-content .box{
        cursor: none!important;
    }
    .fb-customerchat iframe{
        bottom: 140px!important;
        height: 100%!important;
    }
    .fb_dialog{
        bottom: 226pt!important;
        right: 14pt!important;
        animation-name: none!important;
        box-shadow: 0px 3px 6px #00000029!important;
    }
}

/*PASEK KONTAKTOWY KONIEC*/













