.banner-img-480 {
    display: none;
}
#navigation {
    display: block;
}
.banner-img-320 {
    display: none;
}

.show730plus {

}

.show730minus {
    display: none;
}
.mobile-nav {
    display: none;
}
.paraslide {
    height: 700px;
}

@media (max-width: 964px) {

    .paraslide:before, .paraslide:after {
        display: none;
    }
    .inner, #block-2 .inner {
        width: 100%;
        padding: 0 10px;
    }
    #header {
        position: relative;
        padding-top: 14px;
        padding-bottom: 14px;
        background: #fff;
    }
    #header .inner {
        padding: 0 20px;
    }

    #header > .inner > .right.clearfix {
        display: none;
    }

   .logo-main {
        display: block!important;
    }

    .logo-small {
        display: none !important;
    }

    #resp_navigation {
        display: block;
        float: right;
    }

    #navigation {
        border-top: 1px solid #d7d8d9;
        display: none;
        position: absolute;
        left: 0;
        top: 78px;
        background-color: rgba(255, 255, 255, .8);
        margin: 0;
        padding: 20px 0 0 0;
    }
    #navigation a {
        font-size: 17px;
        line-height: 49px;
        padding-left: 30px;
        color: #4f5258;
    }

    #navigation li {
        display: block;
        float: none;
        margin: 0;
    }
    #navigation li.last {
        margin-bottom: 20px;
    }
    #header #navigation {
        background: #fff;
    }
    .mobile-nav {
        display: block;
        border-top: 1px solid #d7d8d9;
    }
    #navigation .mobile-nav a {
        padding-left: 10px;
        cursor: pointer;
        color: #4f5258;
    }
    #navigation .nav-mob-icon {
        float: left;
        padding-left: 30px;
    }
    #navigation .nav-mob-icon-arrow {
        float: right;
        padding-right: 30px;
    }
    #navigation .js-lang-click {
        cursor: pointer;
    }
    /*navigation-select-lang*/
    #navigation-select-lang {
        width: 100%;
        min-height: 394px;
        display: none;
        position: absolute;
        left: 0;
        top: 78px;
        background-color: rgba(255, 255, 255, .8);
        margin: 0;
        padding: 0;
    }
    #navigation-select-lang .arrow-left img {
        float: left;
        margin-left: 30px;
    }
    #navigation-select-lang li.arrow-left {
        text-align: center;
        border-bottom: 1px solid #d7d8d9;
        margin-bottom: 18px;
        cursor: pointer;
    }
    #navigation-select-lang a {
        color: #4f5258;
        text-transform:uppercase;
        text-decoration:none;
        -o-transition:0.3s;
        -ms-transition:0.3s;
        -moz-transition:0.3s;
        -webkit-transition:0.3s;
        /* ...and now for the proper property */
        transition:0.3s;
        font-size: 15px;
    }

    #navigation-select-lang a:hover, #navigation-select-lang a.active {
        color:#2291b0;
    }
    #navigation-select-lang a {
        font-size: 17px;
        line-height: 50px;
        padding-left: 30px;
    }

    #navigation-select-lang li {
        display: block;
        float: none;
        margin: 0;
    }
    #navigation-select-lang li.last {
        margin-bottom: 20px;
    }
    #header #navigation-select-lang {
        background: #fff;
    }
    .mobile-nav {
        display: block;
    }
    #navigation-select-lang .mobile-nav a {
        padding-left: 10px;
        cursor: pointer;
    }
    #navigation-select-lang .nav-mob-icon {
        float: left;
        padding-left: 30px;
    }
    #navigation-select-lang .nav-mob-icon-arrow {
        float: right;
        padding-right: 30px;
    }
    /* end navigation-select-lang*/
    #block-1-bot {
        background: url(../img/964/block1-bot.jpg) no-repeat;
    }

    #block-2 > h1 {
        margin-bottom: 47px;
    }

    #block-2 > .inner {
        padding: 0;
    }

    #block-2 > .inner > div#block-2-2,
    #block-2 > .inner > div#block-2-4 {
        width: 37%;
    }

    #block-2 > .inner > div#block-2-1 {
        height: 355px;
    }

    #block-2 > .inner > div#block-2-2 {
        height: 335px;
    }

    #block-2 > .inner > div#block-2-4 {
        height: 583px;
    }

    #block-2 > .inner > div#block-2-4 {
        height: 583px;
        position: relative;
    }

    #block-2 > .inner > div#block-2-3 {
        width: 63%;
        height: 482px;
        right: 0px;
        position: absolute;
        top: 355px;
    }

    #block-2 > .inner > div#block-2-3 p {
        font-size: 18px;
        line-height: 20px;
    }

    #block-2 > .inner > div#block-2-3 h2 {
        margin-top: 0px;
        font-size: 25px;
        line-height: 32px;
    }

    #block-2 > .inner > div#block-2-5 {
        position: absolute;
        height: 436px !important;
        top: 837px;
        right: 0;
        width: 63%;
    }

    .form-block {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
        height: auto;
        padding-bottom: 30px;
    }

    .form-block h1 {
        margin-top: 10px;
    }

    .form-block h2 {
        margin-bottom: 30px;
    }

    .form-block p {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .form-block input[type="text"] {
        display: block;
        margin: 0 auto 20px !important;
        line-height: 22px;
    }

    .form-block .inputgroup,
    #block-6 .inputgroup {
        margin: 33px 0 0px;
    }

    #block-4 .inner {
        padding: 0;
    }

    #block-4 .bx-wrapper .bx-viewport {
        padding: 0;
    }
    #block-4 .bx-wrapper li {
        padding: 0 20px;
    }

    .infoslides .pager a {
        display: block;
        float: left;
        width: 33%;
        margin: 0;
    }

    .infoslides .pager a span {
        padding-left: 5px;
        padding-right: 5px;
    }

    .infoslides .slides .image {
        width: 40%;
        float: left;
        margin: 0 5% 0 0;
    }

    .infoslides .slides .clip {
        width: 250px;
        height: 250px;
        margin-left: auto;
        background-size: contain;
    }

    .infoslides .slides .description {
        margin: 0 auto;
        width: 55%;
        float: right;
    }

    .infotabs {
        margin-top: 33px;
    }

    .infotabs .pager a {
        float: none;
        border: 1px solid #20a7ce;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        margin-bottom: 10px;
        width: 35%;
        margin: 0 auto;
        border-top-width: 0px;
        font-size: 12px;
    }

    .infotabs .pager a.first {
        border-top-width: 1px;
        -webkit-border-top-left-radius: 9px !important;
        -moz-border-top-left-radius: 9px !important;
        border-top-left-radius: 9px !important;
        -webkit-border-top-right-radius: 9px !important;
        -moz-border-top-right-radius: 9px !important;
        border-top-right-radius: 9px !important;
    }

    .infotabs .pager a.last {
        -webkit-border-bottom-left-radius: 9px !important;
        -moz-border-bottom-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
        -webkit-border-bottom-right-radius: 9px !important;
        -moz-border-bottom-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
    }

    .infotabs .left-col {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .infotabs .right-col {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .infotabs .narrow {
        /*display: none;*/
    }

    .infotabs .tab-footer .set {
        float: none;
        display: inline-block;
        width: 288px;
        clear: both;
        margin-right: 20px !important;
    }

    .infotabs .images {
        margin: 0 auto 30px;
        width: 542px;
    }

    #block-7 {
        text-align: center;
    }

    #block-7 .colset-1 .left-col {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #block-7 .logos {
        margin: 30px 0 0;
    }

    #block-7 .logos .table img {
        margin: 0 10px 0 0;
        max-width: 130px;
    }

    #block-7 .logos .table {
        text-align: left;
        width: 100%;
    }

    #block-7 .colset-1 .right-col,
    #block-7 .colset-2 .left-col,
    #block-7 .colset-2 .right-col,
    #block-7 .colset-3 .left-col,
    #block-7 .colset-3 .right-col {
        width: 100%;
        float: none;
    }

    #block-7 .colset-2 .right-col {
        width: 50%;
        text-align: left;
    }

    #block-7 img {
        max-width: 100%;
    }

    #block-7 .colset-1 .left-col {
        margin-right: 1%;
    }

    #block-7 .colset-1 .left-col,
    #block-7 .colset-1 .right-col {
        width: 50%;
        float: left;
    }

    #block-7 .colset-1 .right-col {
        width: 49%;
    }

    #block-7 .colset-2 .left-col,
    #block-7 .colset-2 .right-col {
        float: left;
    }

    #block-7 .colset-2 .left-col {
        width: 40%;
        margin-right: 10%;
    }

    #block-7 .colset-3 .left-col {
        width: 39%;
        margin-right: 2%;
        float: left;
    }

    #block-7 .colset-3 .right-col {
        width: 59%;
        float: left;
    }

    #block-7 .colset-3 .left-col {
        padding: 10px 33px;
    }

    #block-7 .colset-3 .left-col {
        margin-bottom: 10px;
        height: 310px;
    }

    #block-7 .colset-3 .right-col img {
        height: 310px;
    }

    #block-8 .left {
        width: 33%;
        margin: 0 !important;
    }

    #block-10 {
        background-image: url(../img/964/form3.jpg);
    }

    #block-12 {
        background: url(../img/964/form4.jpg) no-repeat;
        background-size: cover;
    }

    #block-12 form {
        display: none;
        margin: 25px 0;
        padding: 0 5%;
    }

    #block-12 .left-col,
    #block-12 .right-col {
        width: 50%;
        float: left;
        margin: 0;
    }

    #block-12 input[type="text"] {
        margin-bottom: 10px !important;
    }

    #block-12 .left-col {
        padding-right: 1%;
    }

    #block-12 .right-col {
        padding-left: 1%;
    }

    /* modal forms */
    #signup-3 {
        padding: 50px 10%;
    }

    #signup-3 h1 {
        white-space: normal;
        font-size: 28px;
    }

    #signup-3 .colset {
        width: 100%;
    }

    #signup-3 .left-col {
        width: 47%;
        margin-right: 6%;
    }

    #signup-3 .right-col {
        width: 47%;
    }

    #signup-3 input[type="text"] {
        width: 100%;
        margin-bottom: 20px;
    }

    #signup-3 textarea {
        width: 100%;
    }
}

@media (max-width: 910px) {
    #block-1-2 .inner > div {
        width: 33%;
        margin: 0;
        vertical-align: top;
        display: block;
        float: left;
    }
}

@media (max-width: 768px) {
    img {
        max-width: 100%;
    }

    .paraslide:before,
    .paraslide:after {
        display: none;
    }

    .videopreview {
        width: 100%;
        left: 0;
        text-align: center;
        text-indent: 70px;
    }

    .videopreview:before {
        left: 185px;
    }

    #navigation {
        display: none;
        position: absolute;
        background-color: rgba(255, 255, 255, .8);
    }

    .mobile-lang {
        display: block !important;
    }

    .mobile-lang.active {
        display: none !important;
    }

    .paraslide {
        height: 700px;
    }

    .fancybox-wrap.fancyform {
        width: 100% !important;
        height: 100% !important;
        /*   top: 0 !important;*/
        left: 0 !important;
        margin-left: 0 !important;
    }

    .fancybox-wrap.fancyform .fancybox-outer,
    .fancybox-wrap.fancyform .fancybox-inner,
    .fancybox-wrap.fancyform .fancybox-skin {
        width: 100% !important;
        height: 100% !important;
    }

    /*.fancybox-wrap.fancyform.notfull .fancybox-outer,*/
    /*.fancybox-wrap.fancyform.notfull .fancybox-inner,*/
    .fancybox-wrap.fancyform.notfull .fancybox-skin {
        height: auto !important;
        width: auto !important;
    }

    .fancybox-wrap.fancyform.notfull {
        width: 100% !important;
        height: auto !important;
        /*top: 0 !important;*/
        left: 0 !important;
        padding-top: 30px;
        /*position: fixed !important;*/
        /*transform: translateY(-50%) translateX(-50%);*/
        transform: none;
    }

    .fancybox-overlay-fixed {
        width: 100% !important;
        height: 100% !important;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-outer {
        height: auto !important;
    }

    .fancybox-wrap.fancyform .fancybox-close {
        right: 0;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-inner {
        width: 100% !important;
        padding: 0 40px;
        overflow: hidden !important;
        height: auto !important;
        /*height: 244px !important;*/
    }

    .fancybox-wrap.fancyform.notfull .fancybox-close {
        right: 40px;
        /*top: 0;*/
    }

    .signup-form {
        min-height: 100%;
        height: auto;
        padding: 50px 40px;
    }

    #block-2-3 p {
        font-size: 16px;
    }

    #signup-3 input[type="text"] {
        margin: 0 auto 17px !important;
    }

    .videopreview:before {
        left: 55px;
    }

    .videopreview {
        text-indent: 60px;
    }

    #block-9 > .inner {
        padding: 0 20px;
    }

    #block-11 > .inner {
        padding: 0 20px;
    }

    #block-7 .colset-3 {
        margin-bottom: 5px;
    }

    #block-2 {
        margin-bottom: 10px;
    }

    #header .inner {
        padding: 0 20px;
    }

    .logo-main {
        display: block !important;
    }

    .logo-small {
        display: none !important;
    }

    #header > .inner > .right.clearfix {
        display: none;
    }

/*    #resp_navigation {
        float: right !important;
    }*/

    .video-js {
        width: 100%;
    }

    .slide-content-wrapper {
        width: 440px;
        margin: 0 0 0 20px;
    }

    .slide-content {
        padding: 43px 20px 56px 42px;
    }

    .slide-content h1 {
        font-size: 70px;
        line-height: 60px;
        margin: 0 0 20px;
    }

    .slide-content .links {
        margin-top: 33px;
    }

    .slide-link.signup {
        border: 1px solid #fff;
        padding: 13px 25px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .links .left {
        float: none;
    }

    .signup.slide-link {
        margin-bottom: 30px;
        display: inline-block;
    }

    .slide-content-wrapper > .clearfix {
        text-align: center;
    }

    a[href="#about"].readmore.right {
        float: none;
        display: inline-block;
        margin: 20px 0 20px 0;
    }

    #block-1-3 {
        padding: 63px 35px 43px 35px;
    }

    #block-2 {
        margin-bottom: 10px;
    }

    #block-2 .inner, .inner {
        padding: 0;
    }

    #block-2 h2 {
        margin-top: 0px;
        font-size: 25px;
        line-height: 25px;
    }

    #block-2 > .inner > div {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: center center;
        padding: 20px;
        margin-bottom: 10px;
    }

    #block-2 > .inner > div#block-2-1 {
        padding: 30px;
        height: 290px;
        margin-bottom: 0px;
    }

    #block-2 > .inner > div#block-2-1 .left {
        width: 40%;
    }

    #block-2 > .inner > div#block-2-1 h2 {
        margin-top: 19px;
        font-size: 25px;
    }

    #block-2 > .inner > div#block-2-1 h3 {
        margin-top: 38px;
        font-size: 18px;
        line-height: 23px;
    }

    #block-2 > .inner > div#block-2-1 p {
        font-size: 16px;
        line-height: 16px;
        margin-top: 10px;
    }

    .cert {
        width: 153px;
    }

    /*block-2-2*/
    #block-2 > .inner > div#block-2-2 {
        height: 295px;
        padding: 20px 3% !important;
        margin-bottom: 0px;
    }

    #block-2 > .inner > div#block-2-2 h2 {
        margin-top: 22px;
    }

    #block-2 > .inner > div#block-2-2 p {
        margin-top: 0px;
    }

    #block-2 > .inner > div#block-2-2 img {
        margin-top: 0px !important;
        width: 95px !important;
    }

    /*block-2-3*/
    #block-2 > .inner > div#block-2-3 {
        position: absolute;
        top: 290px;
        padding-top: 70px;
    }

    #block-2 > .inner > div#block-2-3 p {
        line-height: 18px;
        margin-bottom: 8px;
    }

    #block-2 > .inner > div#block-2-3 h2 {
        margin-top: 0px;
        font-size: 25px;
        line-height: 25px;
    }

    /*block-2-4*/
    #block-2 > .inner > div#block-2-4 {

    }

    /*block-2-5*/
    #block-2 > .inner > div#block-2-5 {
        top: 772px;
        height: 396px !important;
    }

    #block-2 > .inner > div#block-2-5 h2 {
        margin-bottom: 35px;
        margin-top: 35px;
    }

    #block-2 > .inner > div#block-2-5 p {
        font-size: 18px;
        line-height: 20px;
    }

    input[type="text"] {
        display: block;
        margin: 0 auto 20px !important;
        line-height: 22px;
    }

    #block-4 .bx-wrapper .bx-viewport {
        padding: 0;
    }

    #block-5 {
        padding: 42px 0;
    }

    #block-5 > .inner > h1 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #block-5 > .inner > h2 {
        margin-bottom: 0px;
    }

    .infoslides .pager a {
        font-size: 20px;
    }

    .infoslides .pager a:after {
        bottom: -39px;
    }

    img {
        max-width: 100%;
    }

    .infobox h2 {
        line-height: 28px;
        padding: 28px 50px 28px 20px;

    }

    .infobox h2:after {
        display: block;
        content: ' ';
        position: absolute;
        float: right;
        top: 50%;
        right: 15px;
        margin-top: -6px;
        width: 20px;
        height: 13px;
        background-image: url(../img/infobox.png);
        background-position: 0px 0px;
    }

    /*modals forms */
    #signup-1 h1,
    #signup-2 h1 {
        white-space: normal;
    }

    #signup-1 input[type="text"].last,
    #signup-2 input[type="text"].last {
        margin-bottom: 0 !important;
    }

    .notfull h1 {
        white-space: normal;
    }

    .notfull .fancyclose {
        width: 280px !important;
        min-width: 0;
    }
}

@media (max-width: 730px) {
    .show730plus {
        display: none !important;
    }

    .show730minus {
        display: inline-block;
    }

    #block-2 > .inner > div#block-2-2,
    #block-2 > .inner > div#block-2-4 {
        width: 100%;
    }

    #block-2 > .inner > div#block-2-2 {
        height: 280px;
    }

    #block-2 > .inner > div#block-2-4 {
        height: 583px;
    }

    #block-2 > .inner > div#block-2-4 {
        height: 583px;
        position: relative;
        margin-bottom: 0px;
    }

    #block-2 > .inner > div#block-2-3 {
        width: 100%;
        height: 482px;
        right: 0px;
        margin-bottom: 0px;
        position: relative;
        top: 0px;
    }

    #block-2 > .inner > div#block-2-3 h2 {
        line-height: 32px;
    }

    #block-2 > .inner > div#block-2-5 {
        position: relative;
        height: 436px !important;
        top: 0px;
        right: 0;
        width: 100%;
    }

    #block-4 h1,
    #block-4 h2,
    #block-7 h1,
    #block-8 h1,
    #block-9 h1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .infoslides .pager a {
        font-size: 20px;
    }

    .infoslides .slides .clip {
        width: 200px;
        height: 200px;
    }

    .infotabs .pager a {
        width: 45%;
    }

    #block-7 .colset-3 .left-col {
        height: auto;
        width: 90%;
        margin: 0 auto 10px;
        float: none;
    }

    #block-7 .colset-3 .right-col img {
        display: block;
        width: 100%;
        height: auto;
    }

    #block-7 .colset-3 .right-col {
        width: 100%;
    }

    #block-7 .colset-3 {
        margin-bottom: 0;
    }

    .videopreview {
        font-size: 28px;
    }

    #block-12 .left-col,
    #block-12 .right-col {
        width: 300px;
        float: none;
        margin: 0 auto;
        padding: 0;
    }

}

@media (max-width: 680px) {
    .paraslide {
        height: auto;
    }

    .slide-content-wrapper {
        width: 100%;
        margin: 0 !important;
        display: block;
        position: static;
        height: auto;
        padding-top: 300px;
    }

    .slide-content-wrapper > .clearfix {
        display: none;
    }

    .slide-content.blue {
        display: block;
        position: static;
        height: auto;
        padding: 43px 0 30px 0;

    }

    .slide-content h1 {
        font-size: 40px;
        line-height: 42px;
        text-align: center;
    }

    .slide-content h2 {
        font-size: 25px;
        line-height: 26px;
        text-align: center;
    }

    .slide-content .links {
        text-align: center;
    }

    .slide-content .links .left {
        float: none;
    }

    .topYT680 {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
    }

    .topYT680 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #block-1-bot {
        background-size: cover
    }

    .infotabs .tab-footer h2 {
        margin: 5px 0;
        text-align: center;
    }

    .infotabs .tab-footer .picset {
        margin-top: 20px;
    }

    .infotabs .tab-footer .set {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #block-5 .infotabs .images img {
        width: 450px;
        margin: 0 auto;
    }
}

@media (max-width: 570px) {
    #block-2 > .inner > div#block-2-1 .left {
        width: 100%;
        float: none;
        text-align: center;
    }

    #block-2 > .inner > div#block-2-1 .right {
        width: 100%;
        float: none;
        text-align: center;
    }

    #block-2 > .inner > div#block-2-1 {
        height: auto;
    }

    #block-2 > .inner > div#block-2-1 p {
        margin-bottom: 30px;
    }

    .infotabs .pager a {
        width: 60%;
    }

    .infotabs .images {
        width: 100%;
    }

    .infotabs .images .clip {
        float: none;
        margin: 10px auto;
    }

    .infoslides .slides .clip {
        width: 150px;
        height: 150px;
    }

    #block-5 .infotabs .images img {
        width: 380px;
        margin: 0 auto;
    }

    #block-7 h1,
    #block-8 h1,
    #block-9 h1 {
        font-size: 28px;
    }

    #block-8 .left {
        width: 100%;
        margin: 0 0 20px !important;
    }

    #block-9 .left {
        width: 50%;
        margin: 0 !important;
    }

}

@media (max-width: 480px) {
    input[type="submit"], .submit {
        width: 100%;
    }

    .videopreview:before {
        width: 39px;
        height: 45px;
        left: 10%;
        top: 7px;
        background-image: url(../img/videopreview_small.png);
        background-position: 0 0 !important;
    }

    input[type="submit"], .submit
    .infoslides .slides .clip {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #block-8 > .inner > .clearfix > .left {
        display: block !important;
    }

    #block-12 {
        background: url(../img/form4_small.jpg) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #block-3 {
        background-image: url(../img/form1_small.jpg);
    }

    #block-6 {
        background-image: url(../img/form2_small.jpg);
    }

    #block-10 {
        background-image: url(../img/form3_small.jpg);
    }

    #paraslide-1 {
        background: none;
        background-image: none !important;
    }

    .paraslide {
        height: auto;
    }

    .slide-content-wrapper {
        width: 100%;
        margin: 0 !important;
        display: block;
        position: static;
        height: auto;
        padding-top: 0;
    }

    .slide-content.blue {
        display: block;
        position: static;
        height: auto;
    }

    .banner-img-480 {
        display: block;
        width: 100%;
        /*margin-top: 58px;*/
        margin-bottom: -5px;
    }

    .slide-content {
        padding: 15px 0 0;
        height: auto;
        display: block;
        position: static;
    }

    .slide-content h1 {
        font-size: 36px;
        line-height: 42px;
        text-align: center;
    }

    .slide-content h2 {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    .slide-content-wrapper > .clearfix {
        display: none;
    }

    .slide-content .links {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .slide-link {
        font-size: 16px;
    }

    .topYT {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
    }

    .topYT iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .signup.slide-link {
        margin-bottom: 30px;
    }

    .slide-link.first {
        margin-right: 0;
    }

    #wrapper {
        display: block;
    }

    #block-1-bot {
        background: url(../img/block1-bot480.jpg) 0 120px no-repeat;
    }

    #block-1-2 {
        background: #12728c;
        display: block;
    }

    #block-1-2 .inner > div {
        width: 100%;
        float: none;
    }

    #block-1-3 {
        font-size: 21px;
        line-height: 27px;
    }

    #block-1-3 {
        padding: 65px 10px 47px;
    }

    #block-2 h1 {
        font-size: 28px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #block-2 h2 {
        font-size: 28px;
    }

    #block-2 p {
        font-size: 18px;
    }

    #block-2 > .inner > div {
        text-align: center;
    }

    #block-2 > .inner > div#block-2-1,
    #block-2 > .inner > div#block-2-2,
    #block-2 > .inner > div#block-2-3,
    #block-2 > .inner > div#block-2-4,
    #block-2 > .inner > div#block-2-5 {
        height: auto !important;
    }

    #block-2 > .inner > div#block-2-3 h2,
    #block-2 > .inner > div#block-2-2 h2 {
        margin-bottom: 10px;
    }

    #block-2-4-vert {
        width: 100%;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

    #block-2 > .inner > div {
        padding: 28px 30px;
    }

    #block-2 h2 {
        margin-bottom: 0px;
    }

    #block-2 h3 {
        margin: 10px 0 0;
    }

    #block-2 {
        margin-bottom: 0px;
    }

    #block-2-1 {
        background: url(../img/480/block2-1.jpg) no-repeat;
    }

    #block-2-3 {
        background: url(../img/480/block2-3.jpg) no-repeat;
    }

    .form-block h1 {
        font-size: 28px;
    }

    .form-block h2 {
        margin-bottom: 20px;
    }

    .form-block p {
        font-size: 18px;
        line-height: 22px;
    }

    .form-block {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .form-block .inputgroup, #block-6 .inputgroup {
        margin: 24px 60px 0px;
    }

    input[type="text"] {
        width: 100%;
        margin: 0 auto 10px !important;
    }

    .form-block .controls {
        margin: 0 60px;
    }

    .form-block input[type="submit"], .form-block .submit {
        width: 100%;
        min-width: 0;
    }

    #block-4 {
        padding: 0 15px;
    }

    #block-4 h1 {
        font-size: 28px;
    }

    #block-4 h2 {
        font-size: 18px !important;
    }

    .infoslides .slides .image,
    .infoslides .slides .description {
        float: none;
    }

    #block-5 h1 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 4px;
    }

    #block-5 {
        padding: 40px 0;
    }

    #block-5 > .inner > h1 {
        max-width: 60%;
    }

    #block-5 > .inner > h2 {
        max-width: 60%;
        margin: 0 auto;
        line-height: 28px;
    }

    .infotabs {
        margin-top: 17px;
    }

    .infotabs .pager a {
        width: 302px;
    }

    .infotabs .pager a {
        min-width: 0;
        font-size: 12px;
    }

    #block-5 .infotabs .images img {
        width: 300px;
        margin: 0 auto;
    }

    .infotabs .tabs {
        margin-top: 10px;
    }

    .infotabs .images {
        margin: 0 auto 23px;
    }

    .infotabs .right-col {
        width: 85%;
    }

    .infotabs .right-col p {
        font-size: 14px;
    }

    .infotabs .tab-footer h2 {
        margin: 5px 0;
        text-align: center;
    }

    .infotabs .tab-footer .picset {
        margin-top: 20px;
    }

    .infotabs .tab-footer .set {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #block-7 .colset-1 .left-col,
    #block-7 .colset-1 .right-col,
    #block-7 .colset-2 .left-col {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #block-7 .colset-1,
    #block-7 .colset-2 {
        padding: 0 35px;
    }

    #block-7 .colset-2 .right-col {
        width: 100%;
        padding: 0 0 0 30px;
    }

    #block-7 .logos .table img {
        max-width: 90px;
    }

    #block-8 > h1 {
        font-size: 28px;
        margin: 40px 0;
    }

    #block-9 .left {
        width: 100%;
        margin-bottom: 10px !important;
    }

    #block-9 .clearfix {
        margin-bottom: 0;
    }

    #block-9 > h1 {
        margin-bottom: 25px;
    }

    #block-9 h3 {
        height: auto;
        margin: 5px 0;
    }

    #block-9 .left > p {
        margin-top: 0;
    }

    #block-12 > .inner {
        padding: 0 20px;
    }

    #block-12 .colset {
        padding: 0 15px;
    }

    #block-12 .left-col, #block-12 .right-col {
        width: 100%;
        margin-right: 0;
    }

    #block-12 form {
        padding: 0;
    }

    #block-12 input[type="submit"] {
        margin: 0 auto;
        width: 80%;
    }

    #block-7 .inner > img {
        padding: 0 35px;
    }

    .signup-form h1 {
        font-size: 28px;
        white-space: normal;
    }

    .fancyform .fancybox-inner {
        padding: 15px 8%;
    }

    .fancybox-wrap.fancyform .fancybox-close {
        right: 8%;
        top: 15px;
    }

    .fancybox-wrap.fancyform.notfull {
        width: 100% !important;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-inner {
        width: 100% !important;
        padding: 0 40px;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-inner {
        overflow: hidden !important;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-close {
        right: 40px;
        top: 0;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-inner {
        height: auto !important;
    }

    .signup-form.close .submit {
        width: 100%;
        min-width: 0;
    }

    .signup-form .textarea-wrap {
        width: 100%;
        margin-right: 0;
    }

    .signup-form .inputgroup.left {
        width: 100%;
    }

    .signup-form .textarea-wrap textarea {
        margin-bottom: 10px;
    }

    /*
    .infoslides .pager,
    .infoslides .indicator,
    .infoslides .pager a.active:after {
        display: none;
    }
    */
    .infoslides .slides .clip {
        width: 90px;
        height: 90px;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        border-radius: 90px;
        margin: 0 auto;
    }

    .infoslides .slides .image {
        width: 100%;
    }

    #block-4 h2 {
        margin-top: 10px;
        text-align: center;
    }

    .infoslides .slides .description {
        width: 100%;
        padding: 0 35px;
        text-align: center;
    }

    .infoslides .slides .description ul {
        text-align: left;
    }

    #block-4 .description h2 {
        width: 60%;
        margin: 10px auto;
    }

    .infoslides .slides .bx-viewport > ul {
        position: static !important;
        width: 100% !important;
        padding-left: 0;
        -webkit-transform: none !important;
    }

    .infoslides .slides .bx-viewport > ul > li {
        float: none !important;
        width: 100% !important;
        border-bottom: 1px solid grey;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .infoslides .slides .bx-viewport > ul > li:last-child {
        border-bottom: none;
    }

    #block-11 h1 {
        padding: 0 10px;
        font-size: 28px;
    }

    #block-12 h1 {
        font-size: 28px;
    }

    .infotabs .narrow {
        padding: 0 65px;
    }

    .infobox h2 {
        font-size: 20px;
    }

    /* modal forms */
    #signup-1,
    #signup-2 {
        min-height: 0;
        padding: 30px 20px 40px;
    }

    #signup-1 input[type="submit"], .submit,
    #signup-2 input[type="submit"], .submit {
        min-width: 0;
        max-width: 100%;
    }

    #signup-3 .left-col,
    #signup-3 .right-col {
        width: 100%;
        margin-right: 0;
    }

    #signup-3 input[type="submit"], .submit {
        width: 100%;
        min-width: 0;
    }

    #signup-3 textarea {
        margin-bottom: 18px;
    }

    #signup-3 input[type="text"] {
        margin: 0 0 20px !important;
    }

    /**
 * vAccordion - AngularJS multi-level accordion component
 * @version v1.2.3
 * @link http://lukaszwatroba.github.io/v-accordion
 * @author Łukasz Wątroba <l@lukaszwatroba.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
    /***************************************
      vAccordion
     ***************************************/
    /**
     * Example HTML:
     *
      <v-accordion class="infoslides480">
        <v-pane>
          <v-pane-header id="pane-header" aria-controls="pane-content">
             [content]
          </v-pane-header>
          <v-pane-content id="pane-content" aria-labelledby="pane-header">
            [content]
          </v-pane-content>
        </v-pane>
      </v-accordion>
     */
    /* Base styles
     ***************************************/
    v-accordion {
        display: block;
    }

    v-pane {
        display: block;
    }

    v-pane.is-expanded > v-pane-content > div {
        visibility: visible;
    }

    v-pane-header {
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        outline: none;
    }

    v-pane-header:focus {
        outline: none;
    }

    v-pane-header > div {
        display: block;
    }

    v-pane-content {
        display: block;
        position: relative;
        overflow: hidden;
        max-height: 0px;
    }

    v-pane-content > div {
        visibility: none;
    }

    /* Theme: default
       ***************************************/
    .infoslides480 v-accordion {
        margin-top: 20px;
        padding-left: 20px;
    }

    .infoslides480 v-pane {
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
    }

    .infoslides480 v-pane.is-expanded > v-pane-header {
        color: #20a7ce;;
    }

    .infoslides480 v-pane.is-expanded > v-pane-header::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    .infoslides480 v-pane.is-expanded > v-pane-header::before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .infoslides480 v-pane.is-expanded > v-pane-content > div {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .infoslides480 v-pane.is-expanded-add > v-pane-content, .infoslides480 v-pane.is-expanded-remove > v-pane-content {
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }

    .infoslides480 v-pane-header {
        font-size: 26px;
        padding: 5px 0;
        margin-bottom: 20px;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }

    .infoslides480 v-pane-header {
        color: #8b8c8f;
        width: 100%;
    }

    .infoslides480 v-pane-header .clip {
        width: 90px;
        height: 90px;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        border-radius: 90px;
        margin: 0 auto;
    }

    .infoslides480 v-pane-header[aria-selected='false'] .clip {
        -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(100%);
        filter: gray;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    }

    .infoslides480 v-pane-header:hover, .infoslides480 v-pane-header:focus {
        color: #20a7ce;
    }

    .infoslides480 v-pane-header .clip:hover, .infoslides480 v-pane-header .clip:focus {
        -moz-filter: url("media.css");
        -o-filter: url("media.css");
        -webkit-filter: grayscale(0);
        filter: none;
        filter: url("media.css");

    }

    .infoslides480 v-pane-header span {
        margin-top: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        line-height: 32px;
        max-width: 250px;
    }

    .infoslides480 v-pane-content > div {
        padding-bottom: 20px;
        will-change: transform, opacity;
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }

    .infoslides480 v-pane-content ul {
        text-align: center;
        padding: 0;
        margin-top: 0;
    }

    .infoslides480 v-pane-content li {
        line-height: 26px;
    }

    .infoslides480 v-pane-content p {
        text-align: center;
        line-height: 22px;
    }

    .infoslides480 v-pane-content .description a {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15%;
        padding-right: 15%;
        text-align: center;
    }
    .AccordionSignUp v-pane-content {
        overflow: visible;
    }
    .AccordionSignUp v-pane-content h1 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .AccordionSignUp v-pane-content form p {
        font-size: 20px;
        line-height: 28px;
        margin: 10px auto 0 auto;
    }
    .AccordionSignUp v-pane-content .inputgroup  {
        margin-bottom:0;
        margin-top: 20px;
    }
    .AccordionSignUp v-pane-content .inputgroup input {
        margin-bottom: 20px!important;
    }
    .AccordionSignUp v-pane-content input[type="submit"]{
        min-width: 0;
    }
}

@media (max-width: 380px) {
    .fancyform .fancybox-inner {
        padding: 0;
    }

    .fancybox-wrap.fancyform .fancybox-close {
        right: 0;
        top: 0;
    }

    .fancybox-lock body {
        overflow: hidden !important;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-inner {
        padding: 0;
    }

    .fancybox-wrap.fancyform.notfull .fancybox-close {
        right: 0;
    }
}

@media (max-width: 320px) {
    .banner-img-480 {
        display: none;
    }

    .banner-img-320 {
        display: block;
        width: 100%;
        /*margin-top: 58px;*/
        margin-bottom: -5px;
    }

    .slide-content {
        height: 315px;
    }

    .slide-link.signup {
        padding: 10px 20px;
    }

    #block-1-2 .inner > div {
        margin: 30px 0;
    }

    .form-block {
        padding: 20px 10px;
    }

    .form-block .inputgroup, #block-6 .inputgroup {
        margin: 24px 10px 0px;
    }

    .form-block .controls {
        margin: 0 10px;
    }

    #block-5 > .inner > h1 {
        max-width: 100%;
    }

    #block-5 > .inner > h2 {
        max-width: 100%;
    }

    input[type="submit"], .submit {
        min-width: 0;
        max-width: 100%;
    }

    .infotabs .pager {
        padding: 0 10px;
    }

    #block-5 .infotabs .images img {
        width: 280px;
    }

    .infotabs .narrow {
        padding: 0 40px 0 53px;
    }

    .infotabs .pager a {
        width: 100%;
    }

    .beforeafter img {
        width: 260px;
        margin: 0 auto;
    }

    .infotabs .tab-footer {
        padding: 17px 10px;
    }

    #block-7 .colset-1, #block-7 .colset-2,
    #block-7 .inner > img {
        padding: 0;
    }

    #block-7 .logos .table img {
        max-width: 70px;
    }

    #block-7 .colset-3 .left-col {
        width: 100%;
    }

    .videopreview {
        font-size: 25px;
    }

    .videopreview:before {
        width: 39px;
        height: 45px;
        left: 18px;
        top: 7px;
        background-image: url(../img/videopreview_small.png);
        background-position: 0 0 !important;
    }

    .signup-form {
        padding: 20px 5px;
    }

    .signup-form.close {
        padding: 25px;
    }

    #block-11 > .inner {
        padding: 0;
    }

    #block-11 .submit {
        margin: 30px 10px;
    }

    #signup-3 h1 {
        font-size: 24px;
    }

    #block-1-bot {
        background: url(../img/block1-bot480.jpg) 0 190px no-repeat;
    }
}