/* Theme Name: Henk Author: Robert Ihns Description: henk-Template Version: 0.0.2 Template: artisan */ .container, .container-fluid { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; } .container::before, .container-fluid::before, .container::after, .container-fluid::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; content: " "; display: table; } .container::after, .container-fluid::after { clear: both; } .container-fluid { max-width: 1560px; } .row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row::before, .row::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; content: " "; display: table; } .row::after { clear: both; } .col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xl-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xl-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xl-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xl-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xl-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xl-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xl-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xl-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xl-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xl-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xl-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24, .col-xl-24, .col-xs-25, .col-sm-25, .col-md-25, .col-lg-25, .col-xl-25 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; width: 100%; } .col::before, .col-xs-1::before, .col-sm-1::before, .col-md-1::before, .col-lg-1::before, .col-xl-1::before, .col-xs-2::before, .col-sm-2::before, .col-md-2::before, .col-lg-2::before, .col-xl-2::before, .col-xs-3::before, .col-sm-3::before, .col-md-3::before, .col-lg-3::before, .col-xl-3::before, .col-xs-4::before, .col-sm-4::before, .col-md-4::before, .col-lg-4::before, .col-xl-4::before, .col-xs-5::before, .col-sm-5::before, .col-md-5::before, .col-lg-5::before, .col-xl-5::before, .col-xs-6::before, .col-sm-6::before, .col-md-6::before, .col-lg-6::before, .col-xl-6::before, .col-xs-7::before, .col-sm-7::before, .col-md-7::before, .col-lg-7::before, .col-xl-7::before, .col-xs-8::before, .col-sm-8::before, .col-md-8::before, .col-lg-8::before, .col-xl-8::before, .col-xs-9::before, .col-sm-9::before, .col-md-9::before, .col-lg-9::before, .col-xl-9::before, .col-xs-10::before, .col-sm-10::before, .col-md-10::before, .col-lg-10::before, .col-xl-10::before, .col-xs-11::before, .col-sm-11::before, .col-md-11::before, .col-lg-11::before, .col-xl-11::before, .col-xs-12::before, .col-sm-12::before, .col-md-12::before, .col-lg-12::before, .col-xl-12::before, .col-xs-13::before, .col-sm-13::before, .col-md-13::before, .col-lg-13::before, .col-xl-13::before, .col-xs-14::before, .col-sm-14::before, .col-md-14::before, .col-lg-14::before, .col-xl-14::before, .col-xs-15::before, .col-sm-15::before, .col-md-15::before, .col-lg-15::before, .col-xl-15::before, .col-xs-16::before, .col-sm-16::before, .col-md-16::before, .col-lg-16::before, .col-xl-16::before, .col-xs-17::before, .col-sm-17::before, .col-md-17::before, .col-lg-17::before, .col-xl-17::before, .col-xs-18::before, .col-sm-18::before, .col-md-18::before, .col-lg-18::before, .col-xl-18::before, .col-xs-19::before, .col-sm-19::before, .col-md-19::before, .col-lg-19::before, .col-xl-19::before, .col-xs-20::before, .col-sm-20::before, .col-md-20::before, .col-lg-20::before, .col-xl-20::before, .col-xs-21::before, .col-sm-21::before, .col-md-21::before, .col-lg-21::before, .col-xl-21::before, .col-xs-22::before, .col-sm-22::before, .col-md-22::before, .col-lg-22::before, .col-xl-22::before, .col-xs-23::before, .col-sm-23::before, .col-md-23::before, .col-lg-23::before, .col-xl-23::before, .col-xs-24::before, .col-sm-24::before, .col-md-24::before, .col-lg-24::before, .col-xl-24::before, .col-xs-25::before, .col-sm-25::before, .col-md-25::before, .col-lg-25::before, .col-xl-25::before, .col::after, .col-xs-1::after, .col-sm-1::after, .col-md-1::after, .col-lg-1::after, .col-xl-1::after, .col-xs-2::after, .col-sm-2::after, .col-md-2::after, .col-lg-2::after, .col-xl-2::after, .col-xs-3::after, .col-sm-3::after, .col-md-3::after, .col-lg-3::after, .col-xl-3::after, .col-xs-4::after, .col-sm-4::after, .col-md-4::after, .col-lg-4::after, .col-xl-4::after, .col-xs-5::after, .col-sm-5::after, .col-md-5::after, .col-lg-5::after, .col-xl-5::after, .col-xs-6::after, .col-sm-6::after, .col-md-6::after, .col-lg-6::after, .col-xl-6::after, .col-xs-7::after, .col-sm-7::after, .col-md-7::after, .col-lg-7::after, .col-xl-7::after, .col-xs-8::after, .col-sm-8::after, .col-md-8::after, .col-lg-8::after, .col-xl-8::after, .col-xs-9::after, .col-sm-9::after, .col-md-9::after, .col-lg-9::after, .col-xl-9::after, .col-xs-10::after, .col-sm-10::after, .col-md-10::after, .col-lg-10::after, .col-xl-10::after, .col-xs-11::after, .col-sm-11::after, .col-md-11::after, .col-lg-11::after, .col-xl-11::after, .col-xs-12::after, .col-sm-12::after, .col-md-12::after, .col-lg-12::after, .col-xl-12::after, .col-xs-13::after, .col-sm-13::after, .col-md-13::after, .col-lg-13::after, .col-xl-13::after, .col-xs-14::after, .col-sm-14::after, .col-md-14::after, .col-lg-14::after, .col-xl-14::after, .col-xs-15::after, .col-sm-15::after, .col-md-15::after, .col-lg-15::after, .col-xl-15::after, .col-xs-16::after, .col-sm-16::after, .col-md-16::after, .col-lg-16::after, .col-xl-16::after, .col-xs-17::after, .col-sm-17::after, .col-md-17::after, .col-lg-17::after, .col-xl-17::after, .col-xs-18::after, .col-sm-18::after, .col-md-18::after, .col-lg-18::after, .col-xl-18::after, .col-xs-19::after, .col-sm-19::after, .col-md-19::after, .col-lg-19::after, .col-xl-19::after, .col-xs-20::after, .col-sm-20::after, .col-md-20::after, .col-lg-20::after, .col-xl-20::after, .col-xs-21::after, .col-sm-21::after, .col-md-21::after, .col-lg-21::after, .col-xl-21::after, .col-xs-22::after, .col-sm-22::after, .col-md-22::after, .col-lg-22::after, .col-xl-22::after, .col-xs-23::after, .col-sm-23::after, .col-md-23::after, .col-lg-23::after, .col-xl-23::after, .col-xs-24::after, .col-sm-24::after, .col-md-24::after, .col-lg-24::after, .col-xl-24::after, .col-xs-25::after, .col-sm-25::after, .col-md-25::after, .col-lg-25::after, .col-xl-25::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .container { width: 320px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-25 { padding-left: 15px; padding-right: 15px; } .col-xs-25 { width: 20%; } .col-xs-24 { width: 100%; } .col-xs-23 { width: 95.83333333%; } .col-xs-22 { width: 91.66666667%; } .col-xs-21 { width: 87.5%; } .col-xs-20 { width: 83.33333333%; } .col-xs-19 { width: 79.16666667%; } .col-xs-18 { width: 75%; } .col-xs-17 { width: 70.83333333%; } .col-xs-16 { width: 66.66666667%; } .col-xs-15 { width: 62.5%; } .col-xs-14 { width: 58.33333333%; } .col-xs-13 { width: 54.16666667%; } .col-xs-12 { width: 50%; } .col-xs-11 { width: 45.83333333%; } .col-xs-10 { width: 41.66666667%; } .col-xs-9 { width: 37.5%; } .col-xs-8 { width: 33.33333333%; } .col-xs-7 { width: 29.16666667%; } .col-xs-6 { width: 25%; } .col-xs-5 { width: 20.83333333%; } .col-xs-4 { width: 16.66666667%; } .col-xs-3 { width: 12.5%; } .col-xs-2 { width: 8.33333333%; } .col-xs-1 { width: 4.16666667%; } .col-xs-pull-25 { right: 20%; } .col-xs-pull-24 { right: 100%; } .col-xs-pull-23 { right: 95.83333333%; } .col-xs-pull-22 { right: 91.66666667%; } .col-xs-pull-21 { right: 87.5%; } .col-xs-pull-20 { right: 83.33333333%; } .col-xs-pull-19 { right: 79.16666667%; } .col-xs-pull-18 { right: 75%; } .col-xs-pull-17 { right: 70.83333333%; } .col-xs-pull-16 { right: 66.66666667%; } .col-xs-pull-15 { right: 62.5%; } .col-xs-pull-14 { right: 58.33333333%; } .col-xs-pull-13 { right: 54.16666667%; } .col-xs-pull-12 { right: 50%; } .col-xs-pull-11 { right: 45.83333333%; } .col-xs-pull-10 { right: 41.66666667%; } .col-xs-pull-9 { right: 37.5%; } .col-xs-pull-8 { right: 33.33333333%; } .col-xs-pull-7 { right: 29.16666667%; } .col-xs-pull-6 { right: 25%; } .col-xs-pull-5 { right: 20.83333333%; } .col-xs-pull-4 { right: 16.66666667%; } .col-xs-pull-3 { right: 12.5%; } .col-xs-pull-2 { right: 8.33333333%; } .col-xs-pull-1 { right: 4.16666667%; } .col-xs-pull-0 { right: auto; } .col-xs-push-25 { left: 20%; } .col-xs-push-24 { left: 100%; } .col-xs-push-23 { left: 95.83333333%; } .col-xs-push-22 { left: 91.66666667%; } .col-xs-push-21 { left: 87.5%; } .col-xs-push-20 { left: 83.33333333%; } .col-xs-push-19 { left: 79.16666667%; } .col-xs-push-18 { left: 75%; } .col-xs-push-17 { left: 70.83333333%; } .col-xs-push-16 { left: 66.66666667%; } .col-xs-push-15 { left: 62.5%; } .col-xs-push-14 { left: 58.33333333%; } .col-xs-push-13 { left: 54.16666667%; } .col-xs-push-12 { left: 50%; } .col-xs-push-11 { left: 45.83333333%; } .col-xs-push-10 { left: 41.66666667%; } .col-xs-push-9 { left: 37.5%; } .col-xs-push-8 { left: 33.33333333%; } .col-xs-push-7 { left: 29.16666667%; } .col-xs-push-6 { left: 25%; } .col-xs-push-5 { left: 20.83333333%; } .col-xs-push-4 { left: 16.66666667%; } .col-xs-push-3 { left: 12.5%; } .col-xs-push-2 { left: 8.33333333%; } .col-xs-push-1 { left: 4.16666667%; } .col-xs-push-0 { left: auto; } .col-xs-offset-25 { margin-left: 20%; } .col-xs-offset-24 { margin-left: 100%; } .col-xs-offset-23 { margin-left: 95.83333333%; } .col-xs-offset-22 { margin-left: 91.66666667%; } .col-xs-offset-21 { margin-left: 87.5%; } .col-xs-offset-20 { margin-left: 83.33333333%; } .col-xs-offset-19 { margin-left: 79.16666667%; } .col-xs-offset-18 { margin-left: 75%; } .col-xs-offset-17 { margin-left: 70.83333333%; } .col-xs-offset-16 { margin-left: 66.66666667%; } .col-xs-offset-15 { margin-left: 62.5%; } .col-xs-offset-14 { margin-left: 58.33333333%; } .col-xs-offset-13 { margin-left: 54.16666667%; } .col-xs-offset-12 { margin-left: 50%; } .col-xs-offset-11 { margin-left: 45.83333333%; } .col-xs-offset-10 { margin-left: 41.66666667%; } .col-xs-offset-9 { margin-left: 37.5%; } .col-xs-offset-8 { margin-left: 33.33333333%; } .col-xs-offset-7 { margin-left: 29.16666667%; } .col-xs-offset-6 { margin-left: 25%; } .col-xs-offset-5 { margin-left: 20.83333333%; } .col-xs-offset-4 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 12.5%; } .col-xs-offset-2 { margin-left: 8.33333333%; } .col-xs-offset-1 { margin-left: 4.16666667%; } .col-xs-offset-0 { margin-left: 0; } @media screen and (min-width: 481px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .container { width: 481px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm-25 { padding-left: 15px; padding-right: 15px; } .col-sm-25 { width: 20%; } .col-sm-24 { width: 100%; } .col-sm-23 { width: 95.83333333%; } .col-sm-22 { width: 91.66666667%; } .col-sm-21 { width: 87.5%; } .col-sm-20 { width: 83.33333333%; } .col-sm-19 { width: 79.16666667%; } .col-sm-18 { width: 75%; } .col-sm-17 { width: 70.83333333%; } .col-sm-16 { width: 66.66666667%; } .col-sm-15 { width: 62.5%; } .col-sm-14 { width: 58.33333333%; } .col-sm-13 { width: 54.16666667%; } .col-sm-12 { width: 50%; } .col-sm-11 { width: 45.83333333%; } .col-sm-10 { width: 41.66666667%; } .col-sm-9 { width: 37.5%; } .col-sm-8 { width: 33.33333333%; } .col-sm-7 { width: 29.16666667%; } .col-sm-6 { width: 25%; } .col-sm-5 { width: 20.83333333%; } .col-sm-4 { width: 16.66666667%; } .col-sm-3 { width: 12.5%; } .col-sm-2 { width: 8.33333333%; } .col-sm-1 { width: 4.16666667%; } .col-sm-pull-25 { right: 20%; } .col-sm-pull-24 { right: 100%; } .col-sm-pull-23 { right: 95.83333333%; } .col-sm-pull-22 { right: 91.66666667%; } .col-sm-pull-21 { right: 87.5%; } .col-sm-pull-20 { right: 83.33333333%; } .col-sm-pull-19 { right: 79.16666667%; } .col-sm-pull-18 { right: 75%; } .col-sm-pull-17 { right: 70.83333333%; } .col-sm-pull-16 { right: 66.66666667%; } .col-sm-pull-15 { right: 62.5%; } .col-sm-pull-14 { right: 58.33333333%; } .col-sm-pull-13 { right: 54.16666667%; } .col-sm-pull-12 { right: 50%; } .col-sm-pull-11 { right: 45.83333333%; } .col-sm-pull-10 { right: 41.66666667%; } .col-sm-pull-9 { right: 37.5%; } .col-sm-pull-8 { right: 33.33333333%; } .col-sm-pull-7 { right: 29.16666667%; } .col-sm-pull-6 { right: 25%; } .col-sm-pull-5 { right: 20.83333333%; } .col-sm-pull-4 { right: 16.66666667%; } .col-sm-pull-3 { right: 12.5%; } .col-sm-pull-2 { right: 8.33333333%; } .col-sm-pull-1 { right: 4.16666667%; } .col-sm-pull-0 { right: auto; } .col-sm-push-25 { left: 20%; } .col-sm-push-24 { left: 100%; } .col-sm-push-23 { left: 95.83333333%; } .col-sm-push-22 { left: 91.66666667%; } .col-sm-push-21 { left: 87.5%; } .col-sm-push-20 { left: 83.33333333%; } .col-sm-push-19 { left: 79.16666667%; } .col-sm-push-18 { left: 75%; } .col-sm-push-17 { left: 70.83333333%; } .col-sm-push-16 { left: 66.66666667%; } .col-sm-push-15 { left: 62.5%; } .col-sm-push-14 { left: 58.33333333%; } .col-sm-push-13 { left: 54.16666667%; } .col-sm-push-12 { left: 50%; } .col-sm-push-11 { left: 45.83333333%; } .col-sm-push-10 { left: 41.66666667%; } .col-sm-push-9 { left: 37.5%; } .col-sm-push-8 { left: 33.33333333%; } .col-sm-push-7 { left: 29.16666667%; } .col-sm-push-6 { left: 25%; } .col-sm-push-5 { left: 20.83333333%; } .col-sm-push-4 { left: 16.66666667%; } .col-sm-push-3 { left: 12.5%; } .col-sm-push-2 { left: 8.33333333%; } .col-sm-push-1 { left: 4.16666667%; } .col-sm-push-0 { left: auto; } .col-sm-offset-25 { margin-left: 20%; } .col-sm-offset-24 { margin-left: 100%; } .col-sm-offset-23 { margin-left: 95.83333333%; } .col-sm-offset-22 { margin-left: 91.66666667%; } .col-sm-offset-21 { margin-left: 87.5%; } .col-sm-offset-20 { margin-left: 83.33333333%; } .col-sm-offset-19 { margin-left: 79.16666667%; } .col-sm-offset-18 { margin-left: 75%; } .col-sm-offset-17 { margin-left: 70.83333333%; } .col-sm-offset-16 { margin-left: 66.66666667%; } .col-sm-offset-15 { margin-left: 62.5%; } .col-sm-offset-14 { margin-left: 58.33333333%; } .col-sm-offset-13 { margin-left: 54.16666667%; } .col-sm-offset-12 { margin-left: 50%; } .col-sm-offset-11 { margin-left: 45.83333333%; } .col-sm-offset-10 { margin-left: 41.66666667%; } .col-sm-offset-9 { margin-left: 37.5%; } .col-sm-offset-8 { margin-left: 33.33333333%; } .col-sm-offset-7 { margin-left: 29.16666667%; } .col-sm-offset-6 { margin-left: 25%; } .col-sm-offset-5 { margin-left: 20.83333333%; } .col-sm-offset-4 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 12.5%; } .col-sm-offset-2 { margin-left: 8.33333333%; } .col-sm-offset-1 { margin-left: 4.16666667%; } .col-sm-offset-0 { margin-left: 0; } } @media screen and (min-width: 768px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .container { width: 768px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-25 { padding-left: 15px; padding-right: 15px; } .col-md-25 { width: 20%; } .col-md-24 { width: 100%; } .col-md-23 { width: 95.83333333%; } .col-md-22 { width: 91.66666667%; } .col-md-21 { width: 87.5%; } .col-md-20 { width: 83.33333333%; } .col-md-19 { width: 79.16666667%; } .col-md-18 { width: 75%; } .col-md-17 { width: 70.83333333%; } .col-md-16 { width: 66.66666667%; } .col-md-15 { width: 62.5%; } .col-md-14 { width: 58.33333333%; } .col-md-13 { width: 54.16666667%; } .col-md-12 { width: 50%; } .col-md-11 { width: 45.83333333%; } .col-md-10 { width: 41.66666667%; } .col-md-9 { width: 37.5%; } .col-md-8 { width: 33.33333333%; } .col-md-7 { width: 29.16666667%; } .col-md-6 { width: 25%; } .col-md-5 { width: 20.83333333%; } .col-md-4 { width: 16.66666667%; } .col-md-3 { width: 12.5%; } .col-md-2 { width: 8.33333333%; } .col-md-1 { width: 4.16666667%; } .col-md-pull-25 { right: 20%; } .col-md-pull-24 { right: 100%; } .col-md-pull-23 { right: 95.83333333%; } .col-md-pull-22 { right: 91.66666667%; } .col-md-pull-21 { right: 87.5%; } .col-md-pull-20 { right: 83.33333333%; } .col-md-pull-19 { right: 79.16666667%; } .col-md-pull-18 { right: 75%; } .col-md-pull-17 { right: 70.83333333%; } .col-md-pull-16 { right: 66.66666667%; } .col-md-pull-15 { right: 62.5%; } .col-md-pull-14 { right: 58.33333333%; } .col-md-pull-13 { right: 54.16666667%; } .col-md-pull-12 { right: 50%; } .col-md-pull-11 { right: 45.83333333%; } .col-md-pull-10 { right: 41.66666667%; } .col-md-pull-9 { right: 37.5%; } .col-md-pull-8 { right: 33.33333333%; } .col-md-pull-7 { right: 29.16666667%; } .col-md-pull-6 { right: 25%; } .col-md-pull-5 { right: 20.83333333%; } .col-md-pull-4 { right: 16.66666667%; } .col-md-pull-3 { right: 12.5%; } .col-md-pull-2 { right: 8.33333333%; } .col-md-pull-1 { right: 4.16666667%; } .col-md-pull-0 { right: auto; } .col-md-push-25 { left: 20%; } .col-md-push-24 { left: 100%; } .col-md-push-23 { left: 95.83333333%; } .col-md-push-22 { left: 91.66666667%; } .col-md-push-21 { left: 87.5%; } .col-md-push-20 { left: 83.33333333%; } .col-md-push-19 { left: 79.16666667%; } .col-md-push-18 { left: 75%; } .col-md-push-17 { left: 70.83333333%; } .col-md-push-16 { left: 66.66666667%; } .col-md-push-15 { left: 62.5%; } .col-md-push-14 { left: 58.33333333%; } .col-md-push-13 { left: 54.16666667%; } .col-md-push-12 { left: 50%; } .col-md-push-11 { left: 45.83333333%; } .col-md-push-10 { left: 41.66666667%; } .col-md-push-9 { left: 37.5%; } .col-md-push-8 { left: 33.33333333%; } .col-md-push-7 { left: 29.16666667%; } .col-md-push-6 { left: 25%; } .col-md-push-5 { left: 20.83333333%; } .col-md-push-4 { left: 16.66666667%; } .col-md-push-3 { left: 12.5%; } .col-md-push-2 { left: 8.33333333%; } .col-md-push-1 { left: 4.16666667%; } .col-md-push-0 { left: auto; } .col-md-offset-25 { margin-left: 20%; } .col-md-offset-24 { margin-left: 100%; } .col-md-offset-23 { margin-left: 95.83333333%; } .col-md-offset-22 { margin-left: 91.66666667%; } .col-md-offset-21 { margin-left: 87.5%; } .col-md-offset-20 { margin-left: 83.33333333%; } .col-md-offset-19 { margin-left: 79.16666667%; } .col-md-offset-18 { margin-left: 75%; } .col-md-offset-17 { margin-left: 70.83333333%; } .col-md-offset-16 { margin-left: 66.66666667%; } .col-md-offset-15 { margin-left: 62.5%; } .col-md-offset-14 { margin-left: 58.33333333%; } .col-md-offset-13 { margin-left: 54.16666667%; } .col-md-offset-12 { margin-left: 50%; } .col-md-offset-11 { margin-left: 45.83333333%; } .col-md-offset-10 { margin-left: 41.66666667%; } .col-md-offset-9 { margin-left: 37.5%; } .col-md-offset-8 { margin-left: 33.33333333%; } .col-md-offset-7 { margin-left: 29.16666667%; } .col-md-offset-6 { margin-left: 25%; } .col-md-offset-5 { margin-left: 20.83333333%; } .col-md-offset-4 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 12.5%; } .col-md-offset-2 { margin-left: 8.33333333%; } .col-md-offset-1 { margin-left: 4.16666667%; } .col-md-offset-0 { margin-left: 0; } } @media screen and (min-width: 1024px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .container { width: 1024px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-25 { padding-left: 15px; padding-right: 15px; } .col-lg-25 { width: 20%; } .col-lg-24 { width: 100%; } .col-lg-23 { width: 95.83333333%; } .col-lg-22 { width: 91.66666667%; } .col-lg-21 { width: 87.5%; } .col-lg-20 { width: 83.33333333%; } .col-lg-19 { width: 79.16666667%; } .col-lg-18 { width: 75%; } .col-lg-17 { width: 70.83333333%; } .col-lg-16 { width: 66.66666667%; } .col-lg-15 { width: 62.5%; } .col-lg-14 { width: 58.33333333%; } .col-lg-13 { width: 54.16666667%; } .col-lg-12 { width: 50%; } .col-lg-11 { width: 45.83333333%; } .col-lg-10 { width: 41.66666667%; } .col-lg-9 { width: 37.5%; } .col-lg-8 { width: 33.33333333%; } .col-lg-7 { width: 29.16666667%; } .col-lg-6 { width: 25%; } .col-lg-5 { width: 20.83333333%; } .col-lg-4 { width: 16.66666667%; } .col-lg-3 { width: 12.5%; } .col-lg-2 { width: 8.33333333%; } .col-lg-1 { width: 4.16666667%; } .col-lg-pull-25 { right: 20%; } .col-lg-pull-24 { right: 100%; } .col-lg-pull-23 { right: 95.83333333%; } .col-lg-pull-22 { right: 91.66666667%; } .col-lg-pull-21 { right: 87.5%; } .col-lg-pull-20 { right: 83.33333333%; } .col-lg-pull-19 { right: 79.16666667%; } .col-lg-pull-18 { right: 75%; } .col-lg-pull-17 { right: 70.83333333%; } .col-lg-pull-16 { right: 66.66666667%; } .col-lg-pull-15 { right: 62.5%; } .col-lg-pull-14 { right: 58.33333333%; } .col-lg-pull-13 { right: 54.16666667%; } .col-lg-pull-12 { right: 50%; } .col-lg-pull-11 { right: 45.83333333%; } .col-lg-pull-10 { right: 41.66666667%; } .col-lg-pull-9 { right: 37.5%; } .col-lg-pull-8 { right: 33.33333333%; } .col-lg-pull-7 { right: 29.16666667%; } .col-lg-pull-6 { right: 25%; } .col-lg-pull-5 { right: 20.83333333%; } .col-lg-pull-4 { right: 16.66666667%; } .col-lg-pull-3 { right: 12.5%; } .col-lg-pull-2 { right: 8.33333333%; } .col-lg-pull-1 { right: 4.16666667%; } .col-lg-pull-0 { right: auto; } .col-lg-push-25 { left: 20%; } .col-lg-push-24 { left: 100%; } .col-lg-push-23 { left: 95.83333333%; } .col-lg-push-22 { left: 91.66666667%; } .col-lg-push-21 { left: 87.5%; } .col-lg-push-20 { left: 83.33333333%; } .col-lg-push-19 { left: 79.16666667%; } .col-lg-push-18 { left: 75%; } .col-lg-push-17 { left: 70.83333333%; } .col-lg-push-16 { left: 66.66666667%; } .col-lg-push-15 { left: 62.5%; } .col-lg-push-14 { left: 58.33333333%; } .col-lg-push-13 { left: 54.16666667%; } .col-lg-push-12 { left: 50%; } .col-lg-push-11 { left: 45.83333333%; } .col-lg-push-10 { left: 41.66666667%; } .col-lg-push-9 { left: 37.5%; } .col-lg-push-8 { left: 33.33333333%; } .col-lg-push-7 { left: 29.16666667%; } .col-lg-push-6 { left: 25%; } .col-lg-push-5 { left: 20.83333333%; } .col-lg-push-4 { left: 16.66666667%; } .col-lg-push-3 { left: 12.5%; } .col-lg-push-2 { left: 8.33333333%; } .col-lg-push-1 { left: 4.16666667%; } .col-lg-push-0 { left: auto; } .col-lg-offset-25 { margin-left: 20%; } .col-lg-offset-24 { margin-left: 100%; } .col-lg-offset-23 { margin-left: 95.83333333%; } .col-lg-offset-22 { margin-left: 91.66666667%; } .col-lg-offset-21 { margin-left: 87.5%; } .col-lg-offset-20 { margin-left: 83.33333333%; } .col-lg-offset-19 { margin-left: 79.16666667%; } .col-lg-offset-18 { margin-left: 75%; } .col-lg-offset-17 { margin-left: 70.83333333%; } .col-lg-offset-16 { margin-left: 66.66666667%; } .col-lg-offset-15 { margin-left: 62.5%; } .col-lg-offset-14 { margin-left: 58.33333333%; } .col-lg-offset-13 { margin-left: 54.16666667%; } .col-lg-offset-12 { margin-left: 50%; } .col-lg-offset-11 { margin-left: 45.83333333%; } .col-lg-offset-10 { margin-left: 41.66666667%; } .col-lg-offset-9 { margin-left: 37.5%; } .col-lg-offset-8 { margin-left: 33.33333333%; } .col-lg-offset-7 { margin-left: 29.16666667%; } .col-lg-offset-6 { margin-left: 25%; } .col-lg-offset-5 { margin-left: 20.83333333%; } .col-lg-offset-4 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 12.5%; } .col-lg-offset-2 { margin-left: 8.33333333%; } .col-lg-offset-1 { margin-left: 4.16666667%; } .col-lg-offset-0 { margin-left: 0; } } @media screen and (min-width: 1560px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .container { width: 1560px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl-21, .col-xl-22, .col-xl-23, .col-xl-24, .col-xl-25 { padding-left: 15px; padding-right: 15px; } .col-xl-25 { width: 20%; } .col-xl-24 { width: 100%; } .col-xl-23 { width: 95.83333333%; } .col-xl-22 { width: 91.66666667%; } .col-xl-21 { width: 87.5%; } .col-xl-20 { width: 83.33333333%; } .col-xl-19 { width: 79.16666667%; } .col-xl-18 { width: 75%; } .col-xl-17 { width: 70.83333333%; } .col-xl-16 { width: 66.66666667%; } .col-xl-15 { width: 62.5%; } .col-xl-14 { width: 58.33333333%; } .col-xl-13 { width: 54.16666667%; } .col-xl-12 { width: 50%; } .col-xl-11 { width: 45.83333333%; } .col-xl-10 { width: 41.66666667%; } .col-xl-9 { width: 37.5%; } .col-xl-8 { width: 33.33333333%; } .col-xl-7 { width: 29.16666667%; } .col-xl-6 { width: 25%; } .col-xl-5 { width: 20.83333333%; } .col-xl-4 { width: 16.66666667%; } .col-xl-3 { width: 12.5%; } .col-xl-2 { width: 8.33333333%; } .col-xl-1 { width: 4.16666667%; } .col-xl-pull-25 { right: 20%; } .col-xl-pull-24 { right: 100%; } .col-xl-pull-23 { right: 95.83333333%; } .col-xl-pull-22 { right: 91.66666667%; } .col-xl-pull-21 { right: 87.5%; } .col-xl-pull-20 { right: 83.33333333%; } .col-xl-pull-19 { right: 79.16666667%; } .col-xl-pull-18 { right: 75%; } .col-xl-pull-17 { right: 70.83333333%; } .col-xl-pull-16 { right: 66.66666667%; } .col-xl-pull-15 { right: 62.5%; } .col-xl-pull-14 { right: 58.33333333%; } .col-xl-pull-13 { right: 54.16666667%; } .col-xl-pull-12 { right: 50%; } .col-xl-pull-11 { right: 45.83333333%; } .col-xl-pull-10 { right: 41.66666667%; } .col-xl-pull-9 { right: 37.5%; } .col-xl-pull-8 { right: 33.33333333%; } .col-xl-pull-7 { right: 29.16666667%; } .col-xl-pull-6 { right: 25%; } .col-xl-pull-5 { right: 20.83333333%; } .col-xl-pull-4 { right: 16.66666667%; } .col-xl-pull-3 { right: 12.5%; } .col-xl-pull-2 { right: 8.33333333%; } .col-xl-pull-1 { right: 4.16666667%; } .col-xl-pull-0 { right: auto; } .col-xl-push-25 { left: 20%; } .col-xl-push-24 { left: 100%; } .col-xl-push-23 { left: 95.83333333%; } .col-xl-push-22 { left: 91.66666667%; } .col-xl-push-21 { left: 87.5%; } .col-xl-push-20 { left: 83.33333333%; } .col-xl-push-19 { left: 79.16666667%; } .col-xl-push-18 { left: 75%; } .col-xl-push-17 { left: 70.83333333%; } .col-xl-push-16 { left: 66.66666667%; } .col-xl-push-15 { left: 62.5%; } .col-xl-push-14 { left: 58.33333333%; } .col-xl-push-13 { left: 54.16666667%; } .col-xl-push-12 { left: 50%; } .col-xl-push-11 { left: 45.83333333%; } .col-xl-push-10 { left: 41.66666667%; } .col-xl-push-9 { left: 37.5%; } .col-xl-push-8 { left: 33.33333333%; } .col-xl-push-7 { left: 29.16666667%; } .col-xl-push-6 { left: 25%; } .col-xl-push-5 { left: 20.83333333%; } .col-xl-push-4 { left: 16.66666667%; } .col-xl-push-3 { left: 12.5%; } .col-xl-push-2 { left: 8.33333333%; } .col-xl-push-1 { left: 4.16666667%; } .col-xl-push-0 { left: auto; } .col-xl-offset-25 { margin-left: 20%; } .col-xl-offset-24 { margin-left: 100%; } .col-xl-offset-23 { margin-left: 95.83333333%; } .col-xl-offset-22 { margin-left: 91.66666667%; } .col-xl-offset-21 { margin-left: 87.5%; } .col-xl-offset-20 { margin-left: 83.33333333%; } .col-xl-offset-19 { margin-left: 79.16666667%; } .col-xl-offset-18 { margin-left: 75%; } .col-xl-offset-17 { margin-left: 70.83333333%; } .col-xl-offset-16 { margin-left: 66.66666667%; } .col-xl-offset-15 { margin-left: 62.5%; } .col-xl-offset-14 { margin-left: 58.33333333%; } .col-xl-offset-13 { margin-left: 54.16666667%; } .col-xl-offset-12 { margin-left: 50%; } .col-xl-offset-11 { margin-left: 45.83333333%; } .col-xl-offset-10 { margin-left: 41.66666667%; } .col-xl-offset-9 { margin-left: 37.5%; } .col-xl-offset-8 { margin-left: 33.33333333%; } .col-xl-offset-7 { margin-left: 29.16666667%; } .col-xl-offset-6 { margin-left: 25%; } .col-xl-offset-5 { margin-left: 20.83333333%; } .col-xl-offset-4 { margin-left: 16.66666667%; } .col-xl-offset-3 { margin-left: 12.5%; } .col-xl-offset-2 { margin-left: 8.33333333%; } .col-xl-offset-1 { margin-left: 4.16666667%; } .col-xl-offset-0 { margin-left: 0; } } @media screen and (max-width: 480px) { .hidden-xs { display: none !important; } } @media screen and (min-width: 481px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .hidden-md { display: none !important; } } @media screen and (min-width: 1024px) and (max-width: 1559px) { .hidden-lg { display: none !important; } } @media screen and (min-width: 1560px) { .hidden-xl { display: none !important; } } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-Regular.ttf'); } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-Light.ttf'); font-weight: 200; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-Regular.ttf'); font-weight: 500; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-Regular.ttf'); font-weight: 600; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-Regular.ttf'); font-weight: 700; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-Regular.ttf'); font-weight: bold; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-SemiBoldItalic.ttf'); font-weight: 500; font-style: italic; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-SemiBoldItalic.ttf'); font-weight: 600; font-style: italic; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-SemiBoldItalic.ttf'); font-weight: 700; font-style: italic; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-SemiBoldItalic.ttf'); font-weight: bold; font-style: italic; } @font-face { font-family: 'sans pro'; src: url('style/font/SourceSansPro-RegularItalic.ttf'); font-style: italic; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-Regular.ttf'); } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-Italic.ttf'); font-style: italic; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-Bold.ttf'); font-weight: 500; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-Bold.ttf'); font-weight: 600; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-Bold.ttf'); font-weight: 700; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-Bold.ttf'); font-weight: bold; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-BoldItalic.ttf'); font-weight: 500; font-style: italic; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-BoldItalic.ttf'); font-weight: 600; font-style: italic; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-BoldItalic.ttf'); font-weight: 700; font-style: italic; } @font-face { font-family: 'barlow'; src: url('style/font/BarlowSemiCondensed-BoldItalic.ttf'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url('style/font/MaterialIcons-Regular.eot'); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url('style/font/MaterialIcons-Regular.woff2') format('woff2'), url('style/font/MaterialIcons-Regular.woff') format('woff'), url('style/font/MaterialIcons-Regular.ttf') format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .h1-style { font-size: 32px; line-height: 36px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; } @media screen and (min-width: 768px) { .h1-style { font-size: 48px; line-height: 48px; margin-bottom: 30px; } } @media screen and (min-width: 1024px) { .h1-style { font-size: 72px; line-height: 90px; margin-bottom: 50px; } } .h2-style { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; } @media screen and (min-width: 768px) { .h2-style { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .h2-style { font-size: 48px; line-height: 60px; } } .h2-style p { margin-bottom: 0; padding-bottom: 0; } .h3-style { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; } @media screen and (min-width: 768px) { .h3-style { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .h3-style { font-size: 36px; line-height: 48px; } } .h4-style { font-size: 18px; line-height: 24px; font-weight: 300; } @media screen and (min-width: 768px) { .h4-style { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .h4-style { font-size: 24px; line-height: 32px; } } .h5-style { font-size: 18px; line-height: 18px; font-weight: 300; letter-spacing: 0.2em; } @media screen and (min-width: 768px) { .h5-style { font-size: 18px; line-height: 18px; } } @media screen and (min-width: 1024px) { .h5-style { font-size: 18px; line-height: 18px; } } .text-style { font-size: 15px; line-height: 22px; } @media screen and (min-width: 768px) { .text-style { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .text-style { font-size: 18px; line-height: 24px; } } .small-text-style { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; } @media screen and (min-width: 768px) { .small-text-style { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .small-text-style { font-size: 12px; line-height: 19px; } } .griffin-underplumage { background-color: #13102e; } .washed-out-griffin { background-color: #2a2839; } .button-style-2 { position: relative; display: inline-block; min-width: 140px; max-width: 70%; padding: 10px 20px; line-height: 20px; text-align: center; margin: 0 auto; color: #ffffff; background-color: #13102e; text-decoration: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; } .button-style-2:hover { text-decoration: underline; } .button-style-2:disabled { background-color: #131313; } .button-style-2.red { background-color: #fe5454; } .button-style-2.blue { background-color: #20b3d6; } .equal-heights { display: -webkit-flex; display: flex; } @media screen and (min-width: 481px) { .equal-heights-sm { display: -webkit-flex; display: flex; } } @media screen and (min-width: 768px) { .equal-heights-md { display: -webkit-flex; display: flex; } } @media screen and (min-width: 1024px) { .equal-heights-lg { display: -webkit-flex; display: flex; } } @media screen and (min-width: 1560px) { .equal-heights-xl { display: -webkit-flex; display: flex; } } /* undo WP-parent stuff */ html, body { font-family: 'sans pro', arial !important; } html .page, body .page { padding-top: 0; } html #page, body #page { margin-top: 0; } .entry .entry-title:before { display: none; } .entry .entry-header { display: none; } .site-content { padding: 0; } @media screen and (min-width: 481px) { .site-content { padding: 0; } } @media screen and (min-width: 768px) { .site-content { padding: 0; } } @media screen and (min-width: 1024px) { .site-content { padding: 0; } } @media screen and (min-width: 1560px) { .site-content { padding: 0; } } h1, h2, h3, h4, h5, h6, p, div, span, ul, li, ol, table, td { color: inherit; font-family: 'sans pro', arial; } p { padding: 0 0 10px 0; margin: 0; font-family: 'sans pro', arial; } label { font-weight: normal; } table { margin: 0; border: 0; } tr { border: 0; } td { padding: 0; border: 0; } body:not(.twentyseventeen-front-page) .entry-header { padding: 0; } .row { margin-left: 0; margin-right: 0; } table, .wp-block-table table { background-image: none; } html, body { position: relative; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 16px; line-height: 22px; } html.prevent-scrolling, body.prevent-scrolling { overflow: hidden; height: 100%; } html div, body div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'sans pro', arial; font-weight: 300; margin: 0; padding-top: 80px !important; } @media screen and (min-width: 1024px) { body { font-size: 18px; line-height: 24px; } } body:not(.mceContentBody) { color: #ffffff; background-color: #000000; } body.blog .page, body.archive .page, body.blog .site-content, body.archive .site-content { background-color: #131313; color: #000000; } @media screen and (min-width: 1024px) { body.blog .page, body.archive .page, body.blog .site-content, body.archive .site-content { font-size: 18px; line-height: 24px; } } body.page-template-standard-page .page, body.post-template-standard-post .page, body.page-template-pricing-model .page, body.page-template-very-plain .page, body.page-template-standard-page .site-content, body.post-template-standard-post .site-content, body.page-template-pricing-model .site-content, body.page-template-very-plain .site-content { background-color: #000000; color: #000000; } @media screen and (min-width: 1024px) { body.page-template-standard-page .page, body.post-template-standard-post .page, body.page-template-pricing-model .page, body.page-template-very-plain .page, body.page-template-standard-page .site-content, body.post-template-standard-post .site-content, body.page-template-pricing-model .site-content, body.page-template-very-plain .site-content { font-size: 18px; line-height: 24px; } } body.post-template-blogpost .black-blog { background-color: #ffffff; color: #000000; } body.post-template-blogpost .site-content { padding-top: 80px; } @media screen and (min-width: 1024px) { body.post-template-blogpost .site-content { font-size: 18px; line-height: 24px; } } body.page-template-price-list { background-color: #ffffff; } @media screen and (min-width: 1024px) { body.page-template-price-list .page { font-size: 18px; line-height: 24px; } } body:not(.home).woocommerce-cart .page:not(.hentry) { padding-top: 0; } @media screen and (min-width: 1024px) { body:not(.home) .page { font-size: 18px; line-height: 24px; } } body:not(.home) .page:not(.hentry) body:not(.home) .page:not(.checkout-page) { padding-top: 80px; } @media screen and (min-width: 768px) { body:not(.home) .page:not(.hentry) body:not(.home) .page:not(.checkout-page) { padding-top: 100px; } } body:not(.home) #content { padding-bottom: 0 !important; } .center-text { text-align: center; } .right-text { text-align: right; } .left-text { text-align: left; } .black-pointer { cursor: pointer; } .highlight-text { color: #e95f0e; } a { text-decoration: none; color: #ffffff; } a:hover { color: #ffffff; } h1, .h1-replacer { font-size: 32px; line-height: 36px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; } @media screen and (min-width: 768px) { h1, .h1-replacer { font-size: 48px; line-height: 48px; margin-bottom: 30px; } } @media screen and (min-width: 1024px) { h1, .h1-replacer { font-size: 72px; line-height: 90px; margin-bottom: 50px; } } h2, .h2-replacer { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; } @media screen and (min-width: 768px) { h2, .h2-replacer { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { h2, .h2-replacer { font-size: 48px; line-height: 60px; } } h2 p, .h2-replacer p { margin-bottom: 0; padding-bottom: 0; } h3, .h3-replacer { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; } @media screen and (min-width: 768px) { h3, .h3-replacer { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { h3, .h3-replacer { font-size: 36px; line-height: 48px; } } h4, .h4-replacer { font-size: 18px; line-height: 24px; font-weight: 300; } @media screen and (min-width: 768px) { h4, .h4-replacer { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { h4, .h4-replacer { font-size: 24px; line-height: 32px; } } .fake-link { color: #e95f0e; } .size-indicator { position: fixed; left: 0; bottom: 0; width: 200px; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; z-index: 10000; } .clearfix:after { display: block; content: ''; clear: both; } @media screen and (max-width: 480px) { .container-fluid.full-xs { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 767px) { .container-fluid.full-sm { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 480px) { .xs-full { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 767px) { .sm-full { padding-left: 0; padding-right: 0; } } .content-line { width: 100%; } .content-line.has-padding { padding-top: 20px; padding-bottom: 20px; } .content-line.has-padding-sm { padding-top: 20px; } @media screen and (min-width: 481px) { .content-line.has-padding-sm { padding-bottom: 20px; } } .content-line.has-padding-md { padding-top: 20px; } @media screen and (min-width: 768px) { .content-line.has-padding-md { padding-bottom: 20px; } } .content-line.white { background-color: #ffffff; } .content-line.color-one { background-color: #000000; } .content-line.color-two { background-color: #ffffff; } .content-line.color-three { background-color: #2a2839; } .content-line.color-three .content-line-head { color: #ffffff; } .content-line.image { position: relative; text-align: center; color: #ffffff; background-size: cover; background-position: center; padding: 30px 50px; } .content-line.image:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #2a2839; opacity: 0.4; z-index: 10; background-image: url('style/img/banner/replaceMe.jpg'); } .content-line.image > div { position: relative; z-index: 12; } @media screen and (min-width: 768px) { .content-line.image a .vertical-aligner { display: table; width: 100%; min-height: 50px; height: 50px; } .content-line.image a .vertical-aligner > div { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 768px) { .content-line.image .vertical-aligner { display: table; width: 100%; min-height: 500px; height: 500px; } .content-line.image .vertical-aligner > div { display: table-cell; vertical-align: middle; } } .content-line.padding-box { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 768px) { .content-line.padding-box { padding-top: 50px; } } .content-line.padding-box img { width: 90%; margin-left: 5%; } @media screen and (min-width: 481px) { .content-line .partner-box { padding: 0; } } .content-line .content-line-head { font-size: 24px; line-height: 32px; text-align: center; padding: 0 20px; font-weight: 400; } .content-line .content-line-head .vertical-aligner { display: table; width: 100%; min-height: 100px; height: 100px; } .content-line .content-line-head .vertical-aligner > div { display: table-cell; vertical-align: middle; } .content-line .text { padding-bottom: 10px; } .content-line .askew-image { background-image: url('style/img/replaceMe-askew.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 481px) { .content-line .askew-image { position: relative; height: 100%; overflow: hidden; } .content-line .askew-image img { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .content-line .askew-image img { vertical-align: top; width: 100%; } .content-line .video-box { width: 100%; margin: 0 auto; max-width: 710px; padding: 0 0 20px 0; } .content-line .video-box video { width: 100%; } .divider { width: 100%; height: 1px; } .divider.white { background-color: #ffffff; } ul.check-list { padding: 0 0 20px 0; margin: 0; } @media screen and (min-width: 768px) { ul.check-list { padding-bottom: 0; } } ul.check-list li { position: relative; vertical-align: top; line-height: 24px; list-style-type: none; padding-bottom: 10px; padding-left: 30px; } ul.check-list li:before { position: absolute; left: 0; content: 'check_circle'; display: inline-block; vertical-align: top; font-family: "Material Icons"; font-size: 24px; color: #ffffff; margin-right: 5px; } ul.check-list li i { position: absolute; left: 0; top: 0; } .lp-slider-container .slick-arrow-container { position: relative; width: 100%; height: 40px; color: #ffffff; font-weight: 300; } @media screen and (min-width: 481px) { .lp-slider-container .slick-arrow-container { position: absolute; top: 50%; left: 0; margin-top: -20px; z-index: 5; } } .lp-slider-container .slick-arrow-container .slick-arrow { position: absolute; width: 25px; height: 40px; text-align: center; cursor: pointer; font-family: "Material Icons"; font-size: 32px; line-height: 40px; } .lp-slider-container .slick-arrow-container .slick-arrow.prev-button { left: 0; } .lp-slider-container .slick-arrow-container .slick-arrow.next-button { right: 0; } .slider { height: 100%; color: #ffffff; z-index: 8; } @media screen and (min-width: 481px) { .slider { margin: 0 20px; } } @media screen and (min-width: 481px) { .slider .landing-page-slide { height: 210px; } } @media screen and (min-width: 768px) { .slider .landing-page-slide { height: 300px; } } @media screen and (min-width: 1024px) { .slider .landing-page-slide { height: 400px; } } @media screen and (min-width: 481px) { .slider .landing-page-slide .vertical-aligner { display: table; width: 100%; min-height: 210px; height: 210px; } .slider .landing-page-slide .vertical-aligner > div { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 768px) { .slider .landing-page-slide .vertical-aligner { display: table; width: 100%; min-height: 300px; height: 300px; } .slider .landing-page-slide .vertical-aligner > div { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 1024px) { .slider .landing-page-slide .vertical-aligner { display: table; width: 100%; min-height: 400px; height: 400px; } .slider .landing-page-slide .vertical-aligner > div { display: table-cell; vertical-align: middle; } } .slider-images { position: relative; } .slider-images .landing-page-slide-image { position: relative; overflow: hidden; height: 210px; } @media screen and (min-width: 481px) { .slider-images .landing-page-slide-image { height: 210px; } } @media screen and (min-width: 768px) { .slider-images .landing-page-slide-image { height: 300px; } } @media screen and (min-width: 1024px) { .slider-images .landing-page-slide-image { height: 400px; } } .slider-images .landing-page-slide-image img { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dot-container { padding-bottom: 10px; } .dot-container ul { padding: 0; } .dot-container ul.slider-dots { margin: 0; text-align: center; } .dot-container ul.slider-dots:after { display: block; content: ''; clear: both; } .dot-container ul.slider-dots:after { display: block; content: ''; clear: both; } .dot-container ul.slider-dots li { display: inline-block; vertical-align: top; width: 20px; height: 20px; border-radius: 40px; opacity: 0.4; cursor: pointer; margin: 0 5px; border: 2px solid #2a2839; } .dot-container ul.slider-dots li:only-child { display: none; } .dot-container ul.slider-dots li.slick-active { opacity: 1; background-color: #ffffff; border-color: #ffffff; } .dot-container ul.slider-dots li button { display: none; } .text-pic-col { position: relative; background-color: #202020; } .text-pic-col .text-pic-col-container { padding: 0; } .text-pic-col .text-pic-col-container:not(.small-style) { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media screen and (min-width: 768px) { .text-pic-col .text-pic-col-container:not(.small-style) .text-pic-col--unit { display: flex; } } @media screen and (min-width: 768px) { .text-pic-col .text-pic-col-container:not(.small-style) .text-pic-col--unit.text-left { flex-direction: row-reverse; } } @media screen and (min-width: 768px) { .text-pic-col .text-pic-col-container.small-style { display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; } } @media screen and (min-width: 768px) { .text-pic-col .text-pic-col-container.small-style .text-pic-col--unit { flex: 1 1 49%; max-width: 50%; } } @media screen and (min-width: 1024px) { .text-pic-col .text-pic-col-container.small-style .text-pic-col--unit { flex: 1 1 24%; max-width: none; } } .text-pic-col--unit { flex: 1 1 24%; } @media screen and (min-width: 1024px) { .text-pic-col--unit { min-height: 500px; } } .text-pic-col--image { display: block; height: 0; padding-top: 90%; background-position: top center; background-size: contain; background-repeat: no-repeat; flex: 1 1 49%; cursor: pointer; } @media screen and (min-width: 768px) { .text-pic-col--image { padding-top: 45%; } } @media screen and (min-width: 768px) { .small-style .text-pic-col--image { padding-top: 90%; } } .small-style .text-pic-col--image, .text-pic-col--image.cover { background-size: cover; background-position: center; } .text-pic-col--content-box { position: relative; z-index: 6; flex: 1 1 49%; color: #ffffff; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .text-pic-col--content-box .content-inner { width: 100%; padding: 20px; } .head-banner, .content-banner { position: relative; background-repeat: no-repeat; overflow: hidden; background-color: #202020; } @media screen and (max-width: 767px) { .head-banner, .content-banner { background-image: none !important; } } @media screen and (min-width: 768px) { .head-banner, .content-banner { background-size: 50% auto; background-position: top left; background-repeat: no-repeat; } } .head-banner.blog-head, .content-banner.blog-head { background-color: #2a2839; color: #ffffff; } .head-banner.full-bg, .content-banner.full-bg { background-size: cover; } @media screen and (max-width: 767px) { .head-banner.has-veil, .content-banner.has-veil { position: relative; color: #ffffff; } .head-banner.has-veil:after, .content-banner.has-veil:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(25, 34, 38, 0.8); z-index: 1; } } @media screen and (min-width: 768px) { .head-banner.text-left, .content-banner.text-left { background-position: top right; } } @media screen and (min-width: 768px) { .head-banner.text-left .head-banner--content-box, .content-banner.text-left .head-banner--content-box { float: left; } } .head-banner .head-banner-inner, .content-banner .head-banner-inner, .head-banner .content-banner-inner, .content-banner .content-banner-inner { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; padding: 0; } .head-banner .head-banner-inner:after, .content-banner .head-banner-inner:after, .head-banner .content-banner-inner:after, .content-banner .content-banner-inner:after { display: block; content: ''; clear: both; } .head-banner .head-banner-inner:after, .content-banner .head-banner-inner:after, .head-banner .content-banner-inner:after, .content-banner .content-banner-inner:after { display: block; content: ''; clear: both; } @media screen and (min-width: 768px) { .head-banner .head-banner-inner, .content-banner .head-banner-inner, .head-banner .content-banner-inner, .content-banner .content-banner-inner { height: 100%; } } .head-banner--image-cutter, .content-banner--image-cutter { max-height: 500px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .head-banner--image-cutter.top-oriented, .content-banner--image-cutter.top-oriented { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .head-banner--image, .content-banner--image { width: 100%; } @media screen and (min-width: 768px) { .head-banner--image, .content-banner--image { display: none; } } .head-banner--content-box, .content-banner--content-box { position: relative; z-index: 6; color: #ffffff; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .head-banner--content-box, .content-banner--content-box { float: right; width: 50%; } } .head-banner--content-box .content-inner, .content-banner--content-box .content-inner { padding: 20px; } @media screen and (min-width: 1024px) { .head-banner--content-box .content-inner, .content-banner--content-box .content-inner { padding: 20px 100px 50px 100px; } } .head-banner--content-box .content-inner form, .content-banner--content-box .content-inner form { color: #ffffff; } .head-banner--content-box .content-inner form label, .content-banner--content-box .content-inner form label { color: #ffffff; font-size: 15px; line-height: 18px; } .head-banner--content-box .content-inner form label a, .content-banner--content-box .content-inner form label a { text-decoration: underline; } .head-banner--content-box .content-inner form input, .content-banner--content-box .content-inner form input, .head-banner--content-box .content-inner form textarea, .content-banner--content-box .content-inner form textarea { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; } .head-banner--content-box .content-inner form input:focus, .content-banner--content-box .content-inner form input:focus, .head-banner--content-box .content-inner form textarea:focus, .content-banner--content-box .content-inner form textarea:focus { border: 2px solid #ffffff; color: #ffffff; } .head-banner--content-box .content-inner form select, .content-banner--content-box .content-inner form select { width: 100%; background-color: transparent; border: 2px solid #fff; color: #fff; cursor: pointer; font-family: 'sans pro', arial; } .head-banner--content-box .content-inner form input[type="submit"], .content-banner--content-box .content-inner form input[type="submit"] { display: block; float: right; min-width: 140px; max-width: 50%; background-color: transparent; border: 2px solid #e95f0e; color: #e95f0e; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; cursor: pointer; text-transform: uppercase; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; font-size: 18px; } .head-banner--content-box .content-inner form input[type="submit"]:hover, .content-banner--content-box .content-inner form input[type="submit"]:hover { background-color: #e95f0e; color: #000000; } .head-banner--content-box .content-inner ol, .content-banner--content-box .content-inner ol { padding-left: 15px; } .head-banner--content-box .content-inner ol li, .content-banner--content-box .content-inner ol li { padding-bottom: 20px; } .head-banner--content-box .content-inner ol li ol, .content-banner--content-box .content-inner ol li ol { margin-left: 0; } .head-banner--content-box .content-inner ol li ol li, .content-banner--content-box .content-inner ol li ol li { padding-bottom: 0; } .head-banner--header, .content-banner--header { font-size: 32px; line-height: 36px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; } @media screen and (min-width: 768px) { .head-banner--header, .content-banner--header { font-size: 48px; line-height: 48px; margin-bottom: 30px; } } @media screen and (min-width: 1024px) { .head-banner--header, .content-banner--header { font-size: 72px; line-height: 90px; margin-bottom: 50px; } } .head-banner--text, .content-banner--text { font-size: 18px; line-height: 24px; font-weight: 300; } @media screen and (min-width: 768px) { .head-banner--text, .content-banner--text { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .head-banner--text, .content-banner--text { font-size: 24px; line-height: 32px; } } .head-banner--video video, .content-banner--video video, .head-banner--video iframe, .content-banner--video iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; object-fit: cover; } .head-banner--video iframe, .content-banner--video iframe { height: 100%; } .head-banner .black-logo, .content-banner .black-logo { position: relative; display: block; width: 200px; height: 35px; margin: 30px 0 0; float: right; background-image: url('style/img/logo/nexus_sentient.png'); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 50; } @media screen and (min-width: 768px) { .head-banner .black-logo, .content-banner .black-logo { width: 283px; height: 50px; float: none; margin: 30px auto 0; } } .head-box-container { position: relative; z-index: 5; padding-bottom: 20px; } @media screen and (min-width: 768px) { .head-box-container { display: flex; padding-top: 40px; } } @media screen and (min-width: 1024px) { .head-box-container { padding-top: 70px; } } .head-box-container > div { flex: 1 1 49%; } @media screen and (min-width: 768px) { .head-box-container > div { max-width: 50%; margin: 0 auto; } .head-box-container > div:nth-child(2) { margin-left: 20px; } } .single-product-container { display: flex; max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .single-product-container > div { flex: 1 1 100%; } .post-template-product-post .single-product-container { padding-top: 140px; } .black-teaser-slider { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .black-product-box { display: block; position: relative; background-color: rgba(42, 40, 57, 0.85); color: #ffffff; padding: 45px 45px 70px 45px; height: 100%; } @media screen and (min-width: 768px) { .slick-slide .black-product-box { max-width: 100%; } } .black-product-box--icon { height: 45px; margin-bottom: 45px; } .black-product-box--icon img { height: 100%; width: auto; } .black-product-box--label { position: absolute; top: 0; right: 0; background-color: #13102e; color: #20b3d6; width: 50%; height: 40px; line-height: 40px; text-align: center; } @media screen and (min-width: 768px) { .black-product-box--label { width: 140px; } } @media screen and (min-width: 768px) { .black-product-box--text { min-height: 140px; } } .black-product-box--link { position: absolute; right: 0; bottom: 0; background-color: #20b3d6; color: #ffffff; width: 50%; height: 40px; line-height: 40px; text-align: center; } @media screen and (min-width: 768px) { .black-product-box--link { height: 60px; line-height: 60px; } } .slick-slide { padding: 0 4px 10px; } @media screen and (min-width: 768px) { .slick-slide { padding: 0 10px 10px ; } } .black-head-bar { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; padding: 34px 0; text-align: center; border-bottom: 1px solid #192226; height: auto; } @media screen and (min-width: 768px) { .black-head-bar { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .black-head-bar { font-size: 48px; line-height: 60px; } } .black-head-bar p { margin-bottom: 0; padding-bottom: 0; } @media screen and (min-width: 768px) { .black-head-bar { padding: 32px 0; } } @media screen and (min-width: 1024px) { .black-head-bar { padding: 56px 0; } } .black-head-bar.has-background-color { background-color: #2a2839; } @media screen and (min-width: 1560px) { .linkbox-container { display: flex; } } @media screen and (min-width: 1024px) { .linkbox-container:not(.has-outer) { display: flex; } } .linkbox-container .black-linkbox--outer { flex: 1 1 49%; } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--outer { display: flex; } .linkbox-container .black-linkbox--outer:not(:last-child) { border-right: 1px solid #ffffff; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--outer .black-linkbox--inner { flex: 1 1 24%; } .linkbox-container .black-linkbox--outer .black-linkbox--inner:not(:last-child) { border-right: 1px solid #ffffff; } } .linkbox-container .black-linkbox--inner { background-color: #2a2839; text-align: center; border-bottom: 1px solid #ffffff; padding: 20px 10px; } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--inner { padding: 30px; flex: 1 1 24%; } .linkbox-container .black-linkbox--inner:not(:last-child) { border-right: 1px solid #ffffff; } } .linkbox-container .black-linkbox--head { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; padding-bottom: 20px; } @media screen and (min-width: 768px) { .linkbox-container .black-linkbox--head { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--head { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--head { min-height: 110px; } } .linkbox-container .black-linkbox--link { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .linkbox-container .black-linkbox--link { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--link { font-size: 12px; line-height: 19px; } } .linkbox-container .black-linkbox--link:after { display: none; } .linkbox-container .black-linkbox--link:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .linkbox-container .black-linkbox--link:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--link:disabled { font-size: 12px; line-height: 19px; } } .linkbox-container .black-linkbox--link:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .linkbox-container .black-linkbox--link:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--link:disabled:hover { font-size: 12px; line-height: 19px; } } .linkbox-container .black-linkbox--link:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .linkbox-container .black-linkbox--link:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .linkbox-container .black-linkbox--link:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 481px) { .black-two-column-box.has-background { background-image: url('style/img/bg/'); background-size: cover; background-position: center; } } .black-two-column-box.has-background-color { background-color: #2a2839; } .black-two-column-box.no-padding .black-two-column-box--column { padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 768px) { .black-two-column-box__inner { display: flex; } } .black-two-column-box--column { flex: 1 1 49%; padding: 30px 10px; } @media screen and (min-width: 768px) { .black-two-column-box--column { padding: 80px 40px; } } .black-two-column-box--head { font-size: 24px; line-height: 32px; font-weight: 200; text-transform: uppercase; margin-bottom: 20px; } @media screen and (min-width: 768px) { .black-two-column-box--head { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .black-two-column-box--head { font-size: 48px; line-height: 60px; } } .black-two-column-box--head p { margin-bottom: 0; padding-bottom: 0; } .black-two-column-box--subhead { font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 20px; } @media screen and (min-width: 768px) { .black-two-column-box--subhead { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-two-column-box--subhead { font-size: 24px; line-height: 32px; } } .black-two-column-box--text { font-size: 15px; line-height: 22px; margin-bottom: 20px; } @media screen and (min-width: 768px) { .black-two-column-box--text { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-two-column-box--text { font-size: 18px; line-height: 24px; } } .black-two-column-box--list { margin-bottom: 20px; } .black-two-column-box--list ul li { font-size: 15px; line-height: 22px; position: relative; list-style-type: none; padding-left: 25px; padding-bottom: 5px; } @media screen and (min-width: 768px) { .black-two-column-box--list ul li { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-two-column-box--list ul li { font-size: 18px; line-height: 24px; } } .black-two-column-box--list ul li i { position: absolute; top: 0; left: 0; width: 20px; color: #ffffff; font-family: "Material Icons"; display: inline-block; } .black-two-column-box--list ol li { padding-bottom: 20px; } .black-two-column-box--button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; margin: 0; } @media screen and (min-width: 768px) { .black-two-column-box--button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-two-column-box--button { font-size: 12px; line-height: 19px; } } .black-two-column-box--button:after { display: none; } .black-two-column-box--button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .black-two-column-box--button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-two-column-box--button:disabled { font-size: 12px; line-height: 19px; } } .black-two-column-box--button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .black-two-column-box--button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-two-column-box--button:disabled:hover { font-size: 12px; line-height: 19px; } } .black-two-column-box--button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .black-two-column-box--button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-two-column-box--button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .black-image-box { position: relative; height: 220px; overflow: hidden; } @media screen and (min-width: 768px) { .black-image-box { height: 440px; } } @media screen and (min-width: 1024px) { .black-image-box { height: 550px; } } .black-image-box.has-veil { position: relative; color: #ffffff; } .black-image-box.has-veil:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(25, 34, 38, 0.8); z-index: 1; } .black-image-box img { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .black-image-box--text { text-align: center; position: absolute; z-index: 10; font-size: 32px; line-height: 36px; margin-bottom: 20px; font-weight: 300; text-transform: uppercase; color: #ffffff; top: 50%; left: 6%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 768px) { .black-image-box--text { font-size: 48px; line-height: 48px; margin-bottom: 30px; } } @media screen and (min-width: 1024px) { .black-image-box--text { font-size: 72px; line-height: 90px; margin-bottom: 50px; } } .black-c2a-box { background-color: #ffffff; padding-bottom: 30px; color: #000000; text-align: center; } .black-c2a-box.dark { background-color: #2a2839; color: #ffffff; } .black-c2a-box.dark a { color: #ffffff; } .black-c2a-box--head { font-size: 15px; line-height: 22px; font-weight: 400; text-align: center; padding: 30px 0 20px; text-transform: uppercase; } @media screen and (min-width: 768px) { .black-c2a-box--head { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .black-c2a-box--head { font-size: 36px; line-height: 48px; } } .black-c2a-box--contact { font-size: 18px; line-height: 24px; font-weight: 300; } @media screen and (min-width: 768px) { .black-c2a-box--contact { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-c2a-box--contact { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 768px) { .black-c2a-box--contact { display: flex; } } .black-c2a-box--contact a { display: block; margin-bottom: 20px; } .black-c2a-box--email { font-size: 18px; line-height: 24px; font-weight: 300; flex: 1 1 49%; text-decoration: underline; } @media screen and (min-width: 768px) { .black-c2a-box--email { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-c2a-box--email { font-size: 24px; line-height: 32px; } } .black-c2a-box--phone { font-size: 18px; line-height: 24px; font-weight: 300; flex: 1 1 49%; } @media screen and (min-width: 768px) { .black-c2a-box--phone { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-c2a-box--phone { font-size: 24px; line-height: 32px; } } .black-c2a-box a { color: #000000; text-decoration: underline; } .black-c2a-box .icon { margin-right: 10px; } .black-c2a-box input[type="checkbox"] { display: inline-block; vertical-align: top; margin-top: 4px; } .black-c2a-box input[type="checkbox"] + label { display: inline-block; vertical-align: top; cursor: pointer; text-align: left; max-width: calc(100% - 40px); } .black-button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .black-button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button { font-size: 12px; line-height: 19px; } } .black-button:after { display: none; } .black-button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .black-button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button:disabled { font-size: 12px; line-height: 19px; } } .black-button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .black-button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button:disabled:hover { font-size: 12px; line-height: 19px; } } .black-button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .black-button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .black-button.light { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #ffffff; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #ffffff; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .black-button.light { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.light { font-size: 12px; line-height: 19px; } } .black-button.light:after { display: none; } .black-button.light:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .black-button.light:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.light:disabled { font-size: 12px; line-height: 19px; } } .black-button.light:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .black-button.light:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.light:disabled:hover { font-size: 12px; line-height: 19px; } } .black-button.light:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #ffffff; color: #ffffff; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .black-button.light:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.light:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .black-button.dark { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #192226; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .black-button.dark { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.dark { font-size: 12px; line-height: 19px; } } .black-button.dark:after { display: none; } .black-button.dark:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .black-button.dark:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.dark:disabled { font-size: 12px; line-height: 19px; } } .black-button.dark:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .black-button.dark:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.dark:disabled:hover { font-size: 12px; line-height: 19px; } } .black-button.dark:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #192226; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .black-button.dark:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-button.dark:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .black-button-2 { position: relative; display: inline-block; min-width: 140px; max-width: 70%; padding: 10px 20px; line-height: 20px; text-align: center; margin: 0 auto; color: #ffffff; background-color: #13102e; text-decoration: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; } .black-button-2:hover { text-decoration: underline; } .black-button-2:disabled { background-color: #131313; } .black-button-2.red { background-color: #fe5454; } .black-button-2.blue { background-color: #20b3d6; } .black-post-container { padding-top: 80px; } @media screen and (min-width: 768px) { .black-post-container { padding-top: 100px; } } .black-content-container { padding-top: 40px; padding-bottom: 40px; background-color: #ffffff; color: #000000; margin: 0; } @media screen and (min-width: 768px) { .black-content-container { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 768px) { .black-content-container--half { width: 50%; float: right; } } .black-content-container--inner { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .black-content-container--inner:after { display: block; content: ''; clear: both; } .black-content-container--inner:after { display: block; content: ''; clear: both; } .black-content-container.margin-top { margin-top: 80px; } @media screen and (min-width: 768px) { .black-content-container.margin-top { margin-top: 100px; } } .black-content-container.highlight { background-color: #e95f0e; } .black-content-container .black_cats a, .black-content-container .black_posted-on a, .black-content-container .black_cats a:not(.black-button), .black-content-container .black_posted-on a:not(.black-button) { text-decoration: none; } .black-content-container a:not(.black-button-2) { color: #000000; } .black-content-container a:not(.black-button, .black-button-2) { text-decoration: underline; } .black-content-container p { margin-bottom: 20px; } .black-content-container p .black-button { margin-bottom: 0; } .black-content-container input[type="hidden"] { display: block; } .black-content-container .black-button { margin: 0 0 20px 0; display: inline-block; } .black-overlay .black-content-container { background-color: #000000; color: #ffffff; border-bottom: 0; } @media screen and (min-width: 768px) { .black-overlay .black-content-container--half { width: 100%; float: none; } } .black-overlay .black-content-container a { color: #ffffff; text-decoration: none; } .black-overlay .black-content-container .black-button { color: #ffffff; border-color: #ffffff; } .black-overlay .black-content-container .black-button:hover { color: #ffffff; } .black-blogpost .black-content-container { padding: 0; border-bottom: 0; } .black-portfolio:after { display: block; content: ''; clear: both; } .black-portfolio:after { display: block; content: ''; clear: both; } @media screen and (min-width: 481px) { .black-portfolio { padding-bottom: 40px; } } @media screen and (min-width: 768px) { .black-portfolio { padding-bottom: 100px; } } .black-portfolio .minimal-preview { position: relative; width: 100%; float: left; border-bottom: 1px solid #192226; border-top: 0 !important; } @media screen and (min-width: 481px) { .black-portfolio .minimal-preview { width: calc(100% / 2); } .black-portfolio .minimal-preview:not(:nth-child(2n)) { border-right: 1px solid #192226; } } .black-portfolio .minimal-preview:before { content: ''; display: block; padding-top: 60%; } @media screen and (min-width: 1024px) { .black-portfolio .minimal-preview:before { padding-top: 50%; } } @media screen and (min-width: 1560px) { .black-portfolio .minimal-preview:before { padding-top: 40%; } } .black-portfolio .minimal-preview .minimal-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .black-portfolio .minimal-preview .minimal-content:hover { color: #ffffff; } .black-portfolio--people { position: relative; } .black-portfolio--people .black-excerpt { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; position: absolute; width: 100%; bottom: 20px; text-align: center; } @media screen and (min-width: 768px) { .black-portfolio--people .black-excerpt { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .black-portfolio--people .black-excerpt { font-size: 48px; line-height: 60px; } } .black-portfolio--people .black-excerpt p { margin-bottom: 0; padding-bottom: 0; } .black-portfolio--more { position: absolute; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; right: 5px; bottom: 5px; border: 2px solid #ffffff; width: 60px; height: 60px; text-align: center; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 50%); } @media screen and (min-width: 768px) { .black-portfolio--more { width: 70px; height: 70px; } } @media screen and (min-width: 1024px) { .black-portfolio--more { width: 80px; height: 80px; } } .black-overlay { background-color: #000000; } .black-overlay p { margin-bottom: 20px; } .black-social-icon { background-color: #ffffff; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 50%); background-size: 50%; background-position: center; background-repeat: no-repeat; width: 80px; height: 80px; display: inline-block; margin-right: 20px; color: transparent !important; } .black-social-icon:hover { color: transparent; } .black-social-icon.black-mail { background-image: url('style/img/icon/ma-mail.png'); } .black-social-icon.black-instagram { background-image: url('style/img/icon/ma-instagram.png'); } .black-social-icon.black-xing { background-image: url('style/img/icon/ma-xing.png'); } .black-social-icon.black-linkedin { background-image: url('style/img/icon/ma-linkedin.png'); } .black-coworker-image img { width: 100%; } .black-browse-posts-line:after { display: block; content: ''; clear: both; } .black-browse-posts-line:after { display: block; content: ''; clear: both; } .black-browse-posts-line .black-post-link { display: block; float: left; font-family: "Material Icons"; width: 50%; height: 50px; line-height: 50px; padding: 0 15px; overflow: hidden; } .black-browse-posts-line .black-post-link a { display: block; max-height: 100%; line-height: 50px; color: #ffffff; text-decoration: none; } .black-browse-posts-line .black-prev-post { text-align: left; } .black-browse-posts-line .black-next-post { text-align: right; } .black-browse-posts-line article { position: relative; width: 50%; cursor: pointer; } .black-browse-posts-line article.black-prev-post { float: left; } .black-browse-posts-line article.black-next-post { float: right; } .black-browse-posts-line article .black-arrow { position: absolute; width: 50px; height: 50px; top: 50%; border: 2px solid #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 50%); font-family: "Material Icons"; line-height: 50px; text-align: center; white-space: nowrap; } .black-browse-posts-line article .black-arrow-left { left: 20px; } .black-browse-posts-line article .black-arrow-right { right: 20px; } .black-browse-posts-line article .minimal-content { width: 100%; padding-top: 40%; background-position: center; background-size: cover; } .black-overlay-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; color: #ffffff; display: none; z-index: 120; overflow: scroll; padding-top: 0; overscroll-behavior: none; } .overlay-active .black-overlay-container { display: block; } .black-overlay-container .overlay-veil { position: fixed; z-index: 5; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(42, 40, 57, 0.8); } .black-overlay-container .black-overlay-content { position: relative; max-width: 767px; margin: 0 auto; z-index: 10; overscroll-behavior: none; } .black-overlay-container .black-overlay-close { position: fixed; top: 10px; right: 10px; width: 50px; height: 50px; z-index: 10; color: #ffffff; font-family: "Material Icons"; font-size: 40px; line-height: 50px; cursor: pointer; overflow: hidden; white-space: nowrap; overscroll-behavior: none; } @media screen and (min-width: 768px) { .black-overlay-container .black-overlay-close { right: 10%; top: 50px; } } @media screen and (min-width: 1024px) { .black-overlay-container .black-overlay-close { top: 100px; } } button:not(.search-submit) button:not(.slick-arrow), button:not(.search-submit) input[type="button"]:not(.slick-arrow), button:not(.search-submit) input[type="submit"]:not(.slick-arrow), input[type="button"]:not(.search-submit) button:not(.slick-arrow), input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow), input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow), input[type="submit"]:not(.search-submit) button:not(.slick-arrow), input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow), input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow) { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; padding: 15px 20px !important; color: #000000; } @media screen and (min-width: 768px) { button:not(.search-submit) button:not(.slick-arrow), button:not(.search-submit) input[type="button"]:not(.slick-arrow), button:not(.search-submit) input[type="submit"]:not(.slick-arrow), input[type="button"]:not(.search-submit) button:not(.slick-arrow), input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow), input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow), input[type="submit"]:not(.search-submit) button:not(.slick-arrow), input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow), input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow) { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { button:not(.search-submit) button:not(.slick-arrow), button:not(.search-submit) input[type="button"]:not(.slick-arrow), button:not(.search-submit) input[type="submit"]:not(.slick-arrow), input[type="button"]:not(.search-submit) button:not(.slick-arrow), input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow), input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow), input[type="submit"]:not(.search-submit) button:not(.slick-arrow), input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow), input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow) { font-size: 12px; line-height: 19px; } } button:not(.search-submit) button:not(.slick-arrow):after, button:not(.search-submit) input[type="button"]:not(.slick-arrow):after, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):after, input[type="button"]:not(.search-submit) button:not(.slick-arrow):after, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):after, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):after, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):after, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):after, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):after { display: none; } button:not(.search-submit) button:not(.slick-arrow):disabled, button:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) button:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { button:not(.search-submit) button:not(.slick-arrow):disabled, button:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) button:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { button:not(.search-submit) button:not(.slick-arrow):disabled, button:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) button:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled { font-size: 12px; line-height: 19px; } } button:not(.search-submit) button:not(.slick-arrow):disabled:hover, button:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) button:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { button:not(.search-submit) button:not(.slick-arrow):disabled:hover, button:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) button:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { button:not(.search-submit) button:not(.slick-arrow):disabled:hover, button:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) button:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):disabled:hover, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):disabled:hover { font-size: 12px; line-height: 19px; } } button:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, button:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { button:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, button:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { button:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, button:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, button:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, input[type="button"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) button:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) input[type="button"]:not(.slick-arrow):not(:disabled):hover, input[type="submit"]:not(.search-submit) input[type="submit"]:not(.slick-arrow):not(:disabled):hover { font-size: 12px; line-height: 19px; } } .black-mailchimp-form:after { display: block; content: ''; clear: both; } .black-mailchimp-form:after { display: block; content: ''; clear: both; } .black-mailchimp-form input[type="text"], .black-mailchimp-form input[type="email"] { display: block; margin-bottom: 10px; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #192226; color: #000000; padding: 15px 20px; line-height: 30px; } .black-mailchimp-form input[type="text"]::-webkit-input-placeholder, .black-mailchimp-form input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } .black-mailchimp-form input[type="text"]::-moz-placeholder, .black-mailchimp-form input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .black-mailchimp-form input[type="text"]:-ms-input-placeholder, .black-mailchimp-form input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #000000; } .black-mailchimp-form input[type="text"]:-moz-placeholder, .black-mailchimp-form input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #000000; } @media screen and (min-width: 768px) { .black-mailchimp-form input[type="text"], .black-mailchimp-form input[type="email"] { float: left; width: calc(75% - 15px); margin-right: 15px; } } .black-mailchimp-form button, .black-mailchimp-form input[type="button"], .black-mailchimp-form input[type="submit"] { color: #000000; margin-bottom: 10px; border-color: #192226; text-transform: uppercase; display: block; float: right; -webkit-border-radius: 0; border-radius: 0; font-weight: 400; line-height: 30px; } @media screen and (max-width: 480px) { .black-mailchimp-form button, .black-mailchimp-form input[type="button"], .black-mailchimp-form input[type="submit"] { max-width: 100%; width: 100%; } } @media screen and (min-width: 768px) { .black-mailchimp-form button, .black-mailchimp-form input[type="button"], .black-mailchimp-form input[type="submit"] { width: 25%; } } .black-mailchimp-form button:disabled, .black-mailchimp-form input[type="button"]:disabled, .black-mailchimp-form input[type="submit"]:disabled { color: #131313; border-color: #131313; cursor: default; } .black-mailchimp-form button:disabled span, .black-mailchimp-form input[type="button"]:disabled span, .black-mailchimp-form input[type="submit"]:disabled span { cursor: default; } .black-blog { padding-top: 80px; } @media screen and (min-width: 768px) { .black-blog { padding-top: 100px; } } @media screen and (min-width: 768px) { .black-blog--flexer { display: -webkit-flex; display: flex; } } .black-blog--flexer.reversed { flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } @media screen and (min-width: 768px) { .black-blog--sidebar { flex: 1 1 32%; } } .black-blog--sidebar .header { font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 20px; } @media screen and (min-width: 768px) { .black-blog--sidebar .header { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-blog--sidebar .header { font-size: 24px; line-height: 32px; } } .black-blog--sidebar .subhead { font-weight: bold; margin-bottom: 10px; } @media screen and (min-width: 768px) { .black-blog--newsfeed { flex: 1 1 66%; padding-left: 30px; } } .black-blog--mini-preview p { margin: 0; padding: 0; min-height: 0; } .black-blog--mini-preview img, .black-blog--mini-preview h1, .black-blog--mini-preview h2, .black-blog--mini-preview .h1-replacer, .black-blog--mini-preview .h2-replacer, .black-blog--mini-preview .black-social-icon { display: none; } .black-blog--mini-title { font-size: 18px; line-height: 24px; font-weight: 300; } @media screen and (min-width: 768px) { .black-blog--mini-title { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-blog--mini-title { font-size: 24px; line-height: 32px; } } .black-blog a { color: #000000; } .black-entry { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #000000; } @media screen and (min-width: 768px) { .black-entry { display: -webkit-flex; display: flex; } } .black-entry--imagery:after { display: block; content: ''; clear: both; } .black-entry--imagery:after { display: block; content: ''; clear: both; } @media screen and (min-width: 768px) { .black-entry--imagery { flex: 1 1 35%; } } @media screen and (min-width: 768px) { .black-entry--content { flex: 1 1 64%; padding-left: 30px; } } .black-entry--content header a { display: block; } .black-entry--content header a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .black-entry.black-entry-sm { margin: 10px 0; padding: 10px 0; } .black-entry.black-entry-sm:after { display: block; content: ''; clear: both; } .black-entry.black-entry-sm:after { display: block; content: ''; clear: both; } .black-entry.black-entry-sm:first-child { border-top: 2px solid #000000; } .black-entry.black-entry-sm:last-child { border-bottom: 0; } .black-entry.black-entry-sm .black-entry--imagery { display: block; float: left; width: 80px; } @media screen and (min-width: 768px) { .black-entry.black-entry-sm .black-entry--imagery { flex: none; } } .black-entry.black-entry-sm .black-entry--content { display: block; float: left; width: calc(100% - 80px); } @media screen and (min-width: 768px) { .black-entry.black-entry-sm .black-entry--content { flex: none; padding-left: 0; } } .black-blog .black-entry--content .entry-header { padding: 0; } .black-blog .black-entry--content .entry-header .entry-title { margin-bottom: 10px; } .black-blog .black-entry--content .entry-content p { margin: 0; padding: 0; min-height: 0; } .black-blog .black-entry--content .entry-content img, .black-blog .black-entry--content .entry-content h1, .black-blog .black-entry--content .entry-content h2, .black-blog .black-entry--content .entry-content .h1-replacer, .black-blog .black-entry--content .entry-content .h2-replacer, .black-blog .black-entry--content .entry-content .black-social-icon { display: none; } .black-entry .black-content-container { padding: 0; border-bottom: 0; } .black-entry .black-content-container--inner { padding: 0; } .black_posted-on { text-align: right; } .black_cats { text-align: right; min-height: 38px; font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; } @media screen and (min-width: 768px) { .black_cats { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black_cats { font-size: 12px; line-height: 19px; } } .black_cats a { color: #20b3d6; text-decoration: none; } .imagery-icon { width: 70px; height: 70px; margin-right: 30px; display: block; float: left; background-size: cover; background-position: center; background-color: #000000; } .imagery-icon.blackzendo { background-image: url('style/img/icon/thumbnail-blackzendo.png'); } .imagery-icon.bitfoundry { background-image: url('style/img/icon/thumbnail-bitfoundry.png'); } .imagery-icon.nexus { background-image: url('style/img/icon/thumbnail-nexus.png'); } .imagery-image { display: block; float: right; width: calc(100% - 100px); max-width: 320px; background-color: #999; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; } .imagery-image img { display: block; } .use-cases { background-color: #20b3d6; color: #ffffff; text-align: center; padding: 45px; } .use-cases--headline { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; } @media screen and (min-width: 768px) { .use-cases--headline { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .use-cases--headline { font-size: 36px; line-height: 48px; } } .use-cases--text { margin-bottom: 20px; } .use-cases li { font-size: 18px; line-height: 24px; font-weight: 300; list-style-type: none; display: inline-block; margin: 0 20px; } @media screen and (min-width: 768px) { .use-cases li { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .use-cases li { font-size: 24px; line-height: 32px; } } .use-cases .use-cases-item { display: block; } .use-cases .use-cases-item a { text-decoration: none; } .last-posts { background-color: #131313; } .last-posts--headline { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; text-align: center; height: 60px; line-height: 60px; } @media screen and (min-width: 768px) { .last-posts--headline { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .last-posts--headline { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 768px) { .last-posts--headline { height: 120px; line-height: 120px; } } @media screen and (min-width: 768px) { .last-posts--flexer { display: -webkit-flex; display: flex; } } .last-posts--read-all { text-align: center; height: 40px; line-height: 40px; } @media screen and (min-width: 768px) { .last-posts--read-all { height: 80px; line-height: 80px; } } .last-posts--read-all a { text-decoration: underline; } .black-post-list { padding-bottom: 20px; max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .black-post-list--head { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; color: #ffffff; text-align: center; padding: 40px; margin: 0; font-weight: 600; } @media screen and (min-width: 768px) { .black-post-list--head { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .black-post-list--head { font-size: 36px; line-height: 48px; } } .black-post-list--flexer:after { display: block; content: ''; clear: both; } .black-post-list--flexer:after { display: block; content: ''; clear: both; } @media screen and (min-width: 768px) { .black-post-list--flexer { display: -webkit-flex; display: flex; flex-wrap: wrap; } } .black-info-links { background-color: #2a2839; padding: 20px; text-align: center; } @media screen and (min-width: 768px) { .black-info-links > div { display: -webkit-flex; display: flex; padding: 50px 15px; } } .black-info-links a { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; flex: 1 1 24%; text-decoration: underline; display: inline-block; margin: 0 10px; } @media screen and (min-width: 768px) { .black-info-links a { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .black-info-links a { font-size: 36px; line-height: 48px; } } .black-pricelist { background-color: #ffffff; color: #000000; } .black-pricelist--head { position: relative; -webkit-box-shadow: 0 0 6px rgba(25, 34, 38, 0.3); -moz-box-shadow: 0 0 6px rgba(25, 34, 38, 0.3); box-shadow: 0 0 6px rgba(25, 34, 38, 0.3); } .black-pricelist--head > div { display: -webkit-flex; display: flex; } .black-pricelist--head-column { position: relative; flex: 1 1 24%; padding: 40px 15px; } .black-pricelist--head-column.has-button { padding-bottom: 70px; } @media screen and (min-width: 768px) { .black-pricelist--head-column.has-button { padding-bottom: 60px; } } .black-pricelist--button { position: relative; display: inline-block; min-width: 140px; max-width: 70%; padding: 10px 20px; line-height: 20px; text-align: center; margin: 0 auto; color: #ffffff; background-color: #13102e; text-decoration: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; position: absolute; bottom: 10px; max-width: calc(100% - 30px); width: calc(100% - 30px); min-width: auto; } .black-pricelist--button:hover { text-decoration: underline; } .black-pricelist--button:disabled { background-color: #131313; } .black-pricelist--button.red { background-color: #fe5454; } .black-pricelist--button.blue { background-color: #20b3d6; } .black-pricelist .black-accordion--head { line-height: 20px; padding: 20px 0; } .black-pricelist .black-pricelist-headline { font-size: 24px; line-height: 32px; font-weight: 200; text-transform: uppercase; margin-bottom: 20px; height: 100px; } @media screen and (min-width: 768px) { .black-pricelist .black-pricelist-headline { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .black-pricelist .black-pricelist-headline { font-size: 48px; line-height: 60px; } } .black-pricelist .black-pricelist-headline p { margin-bottom: 0; padding-bottom: 0; } .black-pricing-table { border-collapse: separate; border-spacing: 0; } .black-pricing-table tr { vertical-align: top; } .black-pricing-table tr.black-empty { min-height: 20px; display: block; } .black-pricing-table tr.black-empty td { border-bottom: 0; } .black-pricing-table tr.black-empty + tr td { border-top: 2px solid #a1a3b0; } .black-pricing-table td { vertical-align: top; width: 25%; padding: 0 15px; background-clip: content-box; line-height: 24px; border-bottom: 2px solid #a1a3b0; } .black-pricing-table td:first-child { padding-left: 0; } .black-pricing-table td:last-child { padding-right: 0; } .black-pricing-table td .black-check, .black-pricing-table td .black-batsu { text-align: center; font-size: 0; text-indent: -9999px; white-space: nowrap; height: 24px; overflow: hidden; font-family: "Material Icons"; } .black-pricing-table td .black-check:before, .black-pricing-table td .black-batsu:before { text-indent: 0; font-size: 18px; color: #000000; display: block; } .black-pricing-table td .black-check { background-color: #e95f0e; } .black-pricing-table td .black-check:before { content: "check"; } .black-pricing-table td .black-batsu { background-color: #ffdddd; } .black-pricing-table td .black-batsu:before { content: "remove"; } .black-other-articles { background-color: #131313; } .black-other-articles .h3-replacer { text-align: center; padding: 20px 0; color: #ffffff; } @media screen and (min-width: 768px) { .black-other-articles .h3-replacer { padding: 50px 0; } } .black-other-articles .post-navigation { margin: 0; } .black-other-articles .post-navigation a { color: #ffffff; text-decoration: none; box-shadow: none; } .black-other-articles .post-navigation a > span { text-decoration: none; } .black-other-articles .post-navigation .nav-next { display: block; float: left; text-align: left; } .black-other-articles .post-navigation .nav-previous { display: block; float: right; text-align: right; } .black-other-articles .post-navigation .nav-next, .black-other-articles .post-navigation .nav-previous { padding: 0 20px 20px; } .black-accordion { width: 100%; background-color: #131313; color: #ffffff; } .black-accordion--head { position: relative; border-bottom: 1px solid #626d80; line-height: 60px; } .black-accordion--head span { vertical-align: top; } .black-accordion--content { display: none; padding: 20px; border-bottom: 1px solid #192226; overflow: hidden; } .black-accordion--content li { list-style-type: none; display: inline-block; } .black-accordion--content li.current-cat a { border-color: #192226; color: #000000; } .black-accordion--content a { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; max-width: initial; white-space: nowrap; margin: 0 10px 10px; font-size: 18px !important; vertical-align: top; } @media screen and (min-width: 768px) { .black-accordion--content a { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-accordion--content a { font-size: 12px; line-height: 19px; } } .black-accordion--content a:after { display: none; } .black-accordion--content a:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .black-accordion--content a:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-accordion--content a:disabled { font-size: 12px; line-height: 19px; } } .black-accordion--content a:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .black-accordion--content a:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-accordion--content a:disabled:hover { font-size: 12px; line-height: 19px; } } .black-accordion--content a:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .black-accordion--content a:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-accordion--content a:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .black-accordion--content a.active-tag { border-color: #192226; color: #000000; } .expander-icon { width: 32px; height: 32px; font-size: 24px; line-height: 60px; font-family: "Material Icons"; color: white; display: block; float: right; white-space: nowrap; } .column-block { padding: 20px 0; } .column-block.switch .flexer { flex-direction: row-reverse; } @media screen and (min-width: 768px) { .column-block.switch .column-block--column:first-child { padding: 0 10px 0 25px; } } @media screen and (min-width: 1024px) { .column-block.switch .column-block--column:first-child { padding: 0 10px 0 50px; } } @media screen and (min-width: 768px) { .column-block.switch .column-block--column:nth-child(2) { padding: 25px 25px 25px 0; } } @media screen and (min-width: 1024px) { .column-block.switch .column-block--column:nth-child(2) { padding: 50px 50px 50px 0; } } .column-block a { color: #000000; text-decoration: underline; } .column-block input[type="submit"] { width: 100%; border-color: #192226; } .column-block .flexer { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media screen and (min-width: 768px) { .column-block .flexer { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .column-block--column { flex: 1 1 49%; } .column-block--column:first-child { padding: 0 20px; } @media screen and (min-width: 768px) { .column-block--column:first-child { padding: 0 25px 0 10px; } } @media screen and (min-width: 1024px) { .column-block--column:first-child { padding: 0 50px 0 10px; } } @media screen and (min-width: 768px) { .column-block--column:nth-child(2) { padding: 25px 0 25px 25px; } } @media screen and (min-width: 1024px) { .column-block--column:nth-child(2) { padding: 50px 0 50px 50px; } } .column-block--column.align-top { align-self: flex-start; } .column-block--column img { vertical-align: top; } .column-block--column video { width: 100%; } .column-block--column ul { padding-left: 20px; } .column-block--column ul li { padding-left: 5px; padding-bottom: 10px; } .column-block--column .youtube-container { position: relative; padding-top: 56.25%; width: 100%; } .column-block--column .youtube-container iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .black-contact-form { background-image: url('style/img/bg-muster.jpg'); background-color: #13102e; color: #ffffff; padding: 20px 0; } @media screen and (min-width: 768px) { .black-contact-form { padding: 40px 0; } } .black-contact-form > div { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media screen and (min-width: 768px) { .black-contact-form > div { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .black-contact-form--column { flex: 1 1 49%; padding: 40px 0 0; } .black-contact-form--column:after { display: block; content: ''; clear: both; } .black-contact-form--column:after { display: block; content: ''; clear: both; } .black-contact-form input, .black-contact-form textarea { background-color: #13102e; border: none; color: #ffffff; } .black-contact-form input::-webkit-input-placeholder, .black-contact-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #131313; } .black-contact-form input::-moz-placeholder, .black-contact-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #131313; } .black-contact-form input:-ms-input-placeholder, .black-contact-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #131313; } .black-contact-form input:-moz-placeholder, .black-contact-form textarea:-moz-placeholder { /* Firefox 18- */ color: #131313; } .black-contact-form input:focus, .black-contact-form textarea:focus { color: #ffffff; } .black-contact-form input[type="submit"] { -webkit-border-radius: 0; border-radius: 0; display: block; float: right; color: #ffffff; white-space: nowrap; overflow: hidden; cursor: pointer; } .black-price { display: flex; flex-flow: row wrap; } .black-price--product-container { flex: 1 1 100%; border-left: 1px solid #a1a3b0; border-right: 1px solid #a1a3b0; border-bottom: 1px solid #a1a3b0; } @media screen and (min-width: 1024px) { .black-price--product-container { flex: 3 3 59%; } } @media screen and (min-width: 1560px) { .black-price--product-container { flex: 3 3 42%; } } @media screen and (min-width: 1024px) { .black-price--product-container.two-columns { flex: 2 2 39%; } } @media screen and (min-width: 1560px) { .black-price--product-container.two-columns { flex: 2 2 28%; } } @media screen and (min-width: 481px) { .black-price--product { display: flex; flex-flow: row wrap; height: 100%; } } .black-price--headline { flex: 1 1 100%; font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; text-align: center; padding: 20px 0; height: 90px; } @media screen and (min-width: 768px) { .black-price--headline { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .black-price--headline { font-size: 36px; line-height: 48px; } } .black-price--column { flex: 1 1 100%; height: calc(100% - 90px); } @media screen and (min-width: 481px) { .black-price--column { flex: 1 1 32%; } .black-price--column:not(:nth-child(2)) { border-left: 1px solid #a1a3b0; } } .black-price--title { text-align: center; padding-top: 5px; } .black-price--price { line-height: 18px; text-align: center; min-height: 75px; } @media screen and (min-width: 481px) { .black-price--price { min-height: 90px; } } @media screen and (min-width: 1024px) { .black-price--price { min-height: 110px; } } .black-price--price p { margin: 0; padding: 0; } .black-price--button { position: relative; display: block; min-width: 140px; max-width: 100%; padding: 0 20px; line-height: 40px; text-align: center; margin: 0 auto; color: #fe5454; background-color: transparent; border: 1px solid #fe5454; -webkit-border-radius: 50px; border-radius: 50px; } .black-price--button:hover { color: #fe5454; } .black-price--button.prio-one { color: #ffffff; background-color: #fe5454; } .black-price--button.prio-one:hover { color: #ffffff; } .black-price--button.prio-one:disabled { background-color: #131313; border-color: #131313; } .black-price--button:disabled { border-color: #131313; } .black-price--feature-head { min-height: 70px; font-size: 18px; line-height: 24px; font-weight: 300; padding: 10px 0; } @media screen and (min-width: 768px) { .black-price--feature-head { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-price--feature-head { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 768px) { .black-price--feature-head { min-height: 90px; } } .black-price--editions-link { display: flex; align-items: center; justify-content: center; height: 80px; } .black-price--editions-link a { display: inline-block; } .black-price--updates { min-height: 140px; } .black-price--updates .updates-head { min-height: 70px; font-size: 18px; line-height: 24px; font-weight: 300; padding: 10px 0; } @media screen and (min-width: 768px) { .black-price--updates .updates-head { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .black-price--updates .updates-head { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 768px) { .black-price--updates .updates-head { min-height: 90px; } } .black-price a:not(.black-price--button) { color: #000000; text-decoration: underline; } .black-price ul li { padding-left: 15px; position: relative; display: list-item; list-style-type: none; margin-bottom: 0; } .black-price ul li:before { content: '*'; display: block; position: absolute; left: 0; top: 3px; } .black-price .black-accordion { background-color: transparent; color: #000000; margin-bottom: 20px; } .black-price .black-accordion--head { border-bottom: 0; } .black-price .black-accordion--content { position: relative; display: block; padding: 0 0 10px; border-bottom: 0; } .black-price .black-accordion--activator { position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; line-height: 20px; text-align: center; cursor: pointer; text-decoration: underline; z-index: 10; } .black-price .black-accordion--activator.open .open-text { display: none; } .black-price .black-accordion--activator.open .close-text { display: block; } .black-price .black-accordion--activator .open-text { display: block; } .black-price .black-accordion--activator .close-text { display: none; } .black-price .black-accordion--shadow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-shadow: inset 0em -3em 1em -0.8em #ffffff; z-index: 10; } .black-price .black-mobile-accordion { border-bottom: 1px solid #a1a3b0; padding-bottom: 20px; } @media screen and (min-width: 481px) { .black-price .black-mobile-accordion { border-bottom: 0; } } .black-price .black-mobile-accordion--trigger { width: 100%; height: 20px; position: relative; background-color: #a1a3b0; text-align: center; } .black-price .black-mobile-accordion--trigger:before { display: inline; content: 'keyboard_arrow_down'; font-family: "Material Icons"; line-height: 20px; } .black-price .black-mobile-accordion--trigger.open:before { content: 'keyboard_arrow_up'; } .logo-wall-container { background-color: #a1a3b0; } .logo-wall-container .logo-wall-headline { display: none; text-transform: uppercase; text-align: center; color: #2a2839; background-color: #a1a3b0; line-height: 24px; padding: 28px 0; } .logo-wall-container .logo-wall { display: flex; flex-wrap: wrap; padding-top: 20px; } .logo-wall-container .logo-wall--entity { flex: 1 1 24%; max-width: 25%; display: flex; justify-content: center; text-align: center; margin-bottom: 20px; } @media screen and (min-width: 768px) { } .logo-wall-container .logo-wall--entity img { max-width: calc(100% - 40px); } .home.page-template-standard-page .site-content { background-color: #000000; } .home .henk-call2action { margin-bottom: 50px; } @media screen and (max-width: 767px) { .home .henk-call2action { padding-top: 50px; } } .home .henk-call2action--headline { margin-bottom: 50px; } .post-teaser { margin-bottom: 50px; } .henk-call2action, .henk-download { background-position: center !important; background-size: cover !important; text-align: center; padding: 30px 0; color: #ffffff; } @media screen and (min-width: 768px) { .henk-call2action, .henk-download { padding: 50px 0; } } @media screen and (min-width: 1560px) { .henk-call2action, .henk-download { padding: 100px 0; } } .henk-call2action--headline, .henk-download--headline { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; max-width: 1300px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media screen and (min-width: 768px) { .henk-call2action--headline, .henk-download--headline { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .henk-call2action--headline, .henk-download--headline { font-size: 48px; line-height: 60px; } } .henk-call2action--headline p, .henk-download--headline p { margin-bottom: 0; padding-bottom: 0; } .henk-call2action--button-container, .henk-download--button-container { display: inline-block; max-width: 80%; } .henk-call2action--button, .henk-download--button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .henk-call2action--button, .henk-download--button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .henk-call2action--button, .henk-download--button { font-size: 12px; line-height: 19px; } } .henk-call2action--button:after, .henk-download--button:after { display: none; } .henk-call2action--button:disabled, .henk-download--button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .henk-call2action--button:disabled, .henk-download--button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .henk-call2action--button:disabled, .henk-download--button:disabled { font-size: 12px; line-height: 19px; } } .henk-call2action--button:disabled:hover, .henk-download--button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .henk-call2action--button:disabled:hover, .henk-download--button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .henk-call2action--button:disabled:hover, .henk-download--button:disabled:hover { font-size: 12px; line-height: 19px; } } .henk-call2action--button:not(:disabled):hover, .henk-download--button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .henk-call2action--button:not(:disabled):hover, .henk-download--button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .henk-call2action--button:not(:disabled):hover, .henk-download--button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .henk-call2action--logo, .henk-download--logo { position: absolute; top: 15px; right: 40px; width: 77px; height: 31px; background-size: contain; background-repeat: no-repeat; z-index: 10; } @media screen and (min-width: 768px) { .henk-call2action--logo, .henk-download--logo { right: 100px; } } @media screen and (min-width: 768px) { .download-contact-strip { display: -webkit-flex; display: flex; } } .download-contact-strip .henk-download { flex: 1 1 49%; } .henk-download.has-veil { background-blend-mode: overlay; } .henk-download--headline { margin-bottom: 50px; } .henk-download--headline.highlight { color: #e95f0e; } .henk-linklist { background-color: #000000; } .henk-linklist.leftie .henk-linklist--inner { display: block; max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .henk-linklist.leftie .henk-linklist--inner a { flex: none; text-align: left; } .henk-linklist.high-line { padding: 50px 0; } .henk-linklist--inner { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0; flex-wrap: wrap; } .henk-linklist a { text-transform: uppercase; padding: 20px; flex: 1 1 49%; text-align: center; } @media screen and (min-width: 481px) { .henk-linklist a { flex: 1 1 19%; } } .henk-columnbox { background-color: #202020; color: #ffffff; padding: 30px 0; } .henk-columnbox--inner { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media screen and (min-width: 768px) { .henk-columnbox--inner { display: -webkit-flex; display: flex; } } @media screen and (min-width: 768px) { .henk-columnbox--column { flex: 1 1 49%; } .henk-columnbox--column:first-child { padding-right: 20px; } .henk-columnbox--column:last-child { padding-left: 20px; } } .henk-columnbox .h2-replacer { color: #e95f0e; } .image-line { width: 100vw; height: 300px; text-align: center; background-color: #000000; white-space: nowrap; overflow: hidden; margin: 50px 0; } .image-line--image { height: 300px; max-width: initial; vertical-align: top; } .image-line .slick-list { height: 100%; } .image-line .slick-track { height: 100%; } .image-line .slick-slide { padding: 0 20px; } .image-line .slick-slide a { display: block; } .bar-arrow { position: absolute; top: 0; height: 100%; z-index: 100; background-color: transparent; display: -webkit-flex; display: flex; align-items: center; color: #b94b0b; font-family: "Material Icons"; font-size: 42px; width: 50%; cursor: pointer; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; white-space: nowrap; color: #ffffff; width: 50px; } .bar-arrow:hover { font-size: 56px; color: #f37d37; } .bar-arrow.arrow-right { right: 0; direction: rtl; } .bar-arrow.arrow-left { left: 0; } .bar-arrow.slick-disabled { color: #a1a3b0; } .dot-bar { position: absolute; bottom: 0; left: 50%; width: 300px; max-width: 80%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: flex; list-style: none; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background-color: #131313; } @media screen and (min-width: 768px) { .dot-bar.wide li.slick-active button { width: 150px; } } @media screen and (min-width: 1024px) { .dot-bar.wide li.slick-active button { width: 200px; } } .dot-bar li { position: relative; display: block; flex: 1 1 33%; height: 3px; overflow: visible; } .dot-bar li.slick-active { z-index: 10; } .dot-bar li.slick-active button { background-color: #e95f0e; width: 100px; } .dot-bar li button { width: 100%; vertical-align: top; color: transparent; background-color: transparent; padding: 0; -webkit-border-radius: 20px; border-radius: 20px; height: 3px; } .post-teaser-but-not-really { position: relative; background-color: #131313; margin: 20px 0; } @media screen and (min-width: 481px) { .post-teaser-but-not-really { margin: 40px 0; } } @media screen and (min-width: 768px) { .post-teaser-but-not-really { margin: 50px 0; } } .post-teaser-but-not-really--intro { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-position: center; background-size: cover; padding: 30px; color: #ffffff; overflow: hidden; text-align: center; } .post-teaser-but-not-really--headline { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; } @media screen and (min-width: 768px) { .post-teaser-but-not-really--headline { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .post-teaser-but-not-really--headline { font-size: 48px; line-height: 60px; } } .post-teaser-but-not-really--headline p { margin-bottom: 0; padding-bottom: 0; } .post-teaser-but-not-really--text { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .post-teaser { position: relative; background-color: #131313; } .post-teaser--intro { display: -webkit-flex; display: flex; align-items: center; background-position: center; background-size: cover; padding: 30px; color: #ffffff; overflow: hidden; } @media screen and (min-width: 768px) { .post-teaser--intro { position: absolute; left: 0; top: 0; z-index: 1; width: 50%; height: 100%; padding: 50px; } } .post-teaser--headline { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; } @media screen and (min-width: 768px) { .post-teaser--headline { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .post-teaser--headline { font-size: 48px; line-height: 60px; } } .post-teaser--headline p { margin-bottom: 0; padding-bottom: 0; } .post-teaser--slider { z-index: 10; } .post-teaser--slider:after { display: block; content: ''; clear: both; } .post-teaser--slider:after { display: block; content: ''; clear: both; } .post-teaser--slider .slider-arrow { position: absolute; top: 0; height: 100%; z-index: 100; background-color: transparent; display: -webkit-flex; display: flex; align-items: center; color: #b94b0b; font-family: "Material Icons"; font-size: 42px; width: 50%; cursor: pointer; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; white-space: nowrap; width: 40px; } .post-teaser--slider .slider-arrow:hover { font-size: 56px; color: #f37d37; } .post-teaser--slider .slider-arrow.arrow-right { right: 0; direction: rtl; } .post-teaser--slider .slider-arrow.arrow-left { left: 0; } .post-teaser--slider .slider-arrow.slick-disabled { color: transparent; } .post-teaser--slider-placeholder { min-height: 100px; } @media screen and (max-width: 767px) { .post-teaser--slider-placeholder { width: 0 !important; } } .post-teaser--single-slide { vertical-align: top; } @media screen and (max-width: 767px) { .post-teaser--single-slide .post-preview-container { display: flex; } } .post-teaser--single-slide .henk-post-preview { position: relative; background-color: #131313; background-size: cover; background-position: center; color: #ffffff; display: block; height: 0; padding-top: 66.66%; } @media screen and (max-width: 767px) { .post-teaser--single-slide .henk-post-preview { flex: 1 1 49%; padding-top: 33.33%; } } .post-teaser-navi--slider .post-teaser--single-slide .henk-post-preview { height: 140px; padding: 0; } .post-teaser--single-slide .henk-post-preview .entry-header { position: absolute; left: 10px; top: 10px; font-weight: 200; text-transform: uppercase; } @media screen and (max-width: 767px) { .post-teaser .slick-list { padding: 0 8% 0 8%; } } .post-teaser .slick-slide { padding: 0; } .post-teaser .slick-slide:not(:nth-child(1)) .post-teaser .slick-slide:not(:nth-child(2)) { background-color: #131313; } .sticky-markers { background-color: #131313; } .on-the-road { position: fixed; top: 80px; z-index: 80; } .admin-bar .on-the-road { top: 126px; } @media screen and (min-width: 768px) { .admin-bar .on-the-road { top: 112px; } } .post-teaser-navi { position: relative; height: 180px; } .post-teaser-navi--moving-parts { position: absolute; left: 0; top: 0; height: 180px; width: 100%; } .post-teaser-navi--tabs { display: flex; height: 40px; line-height: 40px; background-color: #000000; color: #ffffff; } .post-teaser-navi--tabs > div { flex: 1 1 32%; max-width: 33%; text-align: center; cursor: pointer; } .post-teaser-navi--tabs > div.active { color: #e95f0e; } .post-teaser-navi--slider { display: none; } .post-teaser-navi--slider .henk-post-preview { border: 2px solid transparent; background-origin: border-box; } .post-teaser-navi--slider .henk-post-preview.active-teaser { border-color: #e95f0e; } .post-teaser-navi--slider .slick-list { background-color: #131313; } @media screen and (max-width: 767px) { .post-teaser-navi--slider .slick-list { padding: 0 25% 0 0; } } .post-teaser-navi--slider .slick-slide { padding: 0; } .post-teaser-navi .post-teaser--single-slide { vertical-align: top; } .henk-contact-form-container { background-color: #202020; } .henk-contact-form-container .henk-contact-form { max-width: 1560px; margin: 0 auto; padding-right: 15px; padding-left: 15px; padding: 20px; color: #ffffff; } .henk-contact-form-container .henk-contact-form--inner { margin: 0 auto; } @media screen and (min-width: 768px) { .henk-contact-form-container .henk-contact-form--inner { max-width: 90%; } } @media screen and (min-width: 1024px) { .henk-contact-form-container .henk-contact-form--inner { max-width: 70%; } } .henk-contact-form-container .henk-contact-form p:after { display: block; content: ''; clear: both; } .henk-contact-form-container .henk-contact-form p:after { display: block; content: ''; clear: both; } .henk-contact-form-container .henk-contact-form label { color: #ffffff; } .henk-contact-form-container .henk-contact-form input[type="submit"] { background-color: #e95f0e; display: block; float: right; min-width: 140px; } .henk-table { margin-bottom: 10px; } .henk-table.two-cols td:first-child { text-align: left; } .henk-table.two-cols td:last-child { text-align: right; white-space: nowrap; padding-left: 5px; } .cli-plugin-button { -webkit-border-radius: 5px; border-radius: 5px; } .jump-marker { cursor: pointer; color: #e95f0e; } span.wpcf7-not-valid-tip { color: #fe5454; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 0; } .error-404 { padding-top: 100px; } .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 0 !important; } .blog .site-main > article a, .archive .site-main > article a, .search .site-main > article a { color: #ffffff; } .blog .site-main > article a:hover, .archive .site-main > article a:hover, .search .site-main > article a:hover { color: #ffffff; } @keyframes declipButton { 0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 35px 100%, 0 50%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } } .video-banner { position: relative; overflow: hidden; width: 100%; height: 0; padding-top: 50%; } .video-banner.playing .video-banner--controls { opacity: 0; } .video-banner.playing:hover .video-banner--controls { opacity: 1; } .video-banner video, .video-banner iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; object-fit: cover; } .video-banner iframe { height: 100%; } .video-banner--controls { -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; opacity: 1; } .video-banner--controls button { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); text-transform: uppercase; z-index: 10; } @media screen and (min-width: 1024px) { .intro-box--outer-flex { display: -webkit-flex; display: flex; } } .intro-box--outer-flex > div:first-child { flex: 1 1 32%; background-color: #131313; color: #ffffff; min-width: 33%; padding: 30px 10px; } @media screen and (min-width: 768px) { .intro-box--outer-flex > div:first-child { padding: 30px 15px; } } @media screen and (min-width: 1024px) { .intro-box--outer-flex > div:first-child { padding: 70px 55px; } } .intro-box--outer-flex > div:last-child { flex: 1 1 66%; background-color: #131313; } @media screen and (min-width: 1024px) { .intro-box--outer-flex > div:last-child { max-width: 66%; } } @media screen and (min-width: 481px) and (max-width: 1023px) { .intro-box--intro { display: -webkit-flex; display: flex; } } .intro-box--headline { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; flex: 1 1 49%; padding-bottom: 20px; } @media screen and (min-width: 768px) { .intro-box--headline { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .intro-box--headline { font-size: 48px; line-height: 60px; } } .intro-box--headline p { margin-bottom: 0; padding-bottom: 0; } @media screen and (min-width: 481px) and (max-width: 1023px) { .intro-box--headline { padding-right: 20px; } } @media screen and (min-width: 1024px) { .intro-box--headline { padding-bottom: 30px; } } .intro-box--text { flex: 1 1 49%; } @media screen and (min-width: 481px) { .intro-box--product-flex { display: -webkit-flex; display: flex; flex-wrap: wrap; } } .product-box--content { flex: 1 1 49%; background-color: #000000; } @media screen and (min-width: 481px) { .product-box--content { max-width: 50%; } } .product-box--content .card__side { display: -webkit-flex; display: flex; flex-direction: column; } .product-box--content-slider { position: relative; width: 100%; } .product-box--content-slider .slick-list { height: 0; padding-top: 100%; } .product-box--content-slider .slick-list .slick-track { position: absolute; top: 0; height: 100%; } .product-box--content-slider .slick-list .slick-track .slick-slide { padding: 0; } .product-box--content-slider .slider-arrow { position: absolute; top: 0; height: 100%; z-index: 100; background-color: transparent; display: -webkit-flex; display: flex; align-items: center; color: #b94b0b; font-family: "Material Icons"; font-size: 42px; width: 50%; cursor: pointer; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; white-space: nowrap; } .product-box--content-slider .slider-arrow:hover { font-size: 56px; color: #f37d37; } .product-box--content-slider .slider-arrow.arrow-right { right: 0; direction: rtl; } .product-box--content-slider .slider-arrow.arrow-left { left: 0; } .product-box--content-image { background-color: #202020; height: 0; padding-top: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; } .product-box--content-description-outer { padding: 15px; color: #ffffff; } .product-box--content-name { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; text-transform: initial; } @media screen and (min-width: 768px) { .product-box--content-name { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .product-box--content-name { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .product-box--content-name { font-size: 24px; line-height: 32px; } } .product-box--content-description { white-space: pre-line; font-size: 15px; line-height: 22px; color: #a1a3b0; } .product-box--content-purchase { color: #ffffff; display: -webkit-flex; display: flex; margin-top: auto; } .product-box--content-price-box { flex: 1 1 49%; max-width: 50%; padding: 5px 0 5px 15px; } .product-box--content-price { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; } @media screen and (min-width: 768px) { .product-box--content-price { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .product-box--content-price { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .product-box--content-price { font-size: 24px; line-height: 32px; } } .product-box--content-price-addendum { font-size: 15px; line-height: 22px; color: #a1a3b0; min-height: 20px; } @media screen and (min-width: 768px) { .product-box--content-price-addendum { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .product-box--content-price-addendum { font-size: 18px; line-height: 24px; } } .product-box--content-button { flex: 1 1 49%; max-width: 50%; background-color: transparent; border: 2px solid #e95f0e; color: #e95f0e; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; cursor: pointer; text-transform: uppercase; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; font-size: 18px; } .product-box--content-button:hover { background-color: #e95f0e; color: #000000; } .card__side--back .product-box--content-button { position: absolute; left: 0; bottom: 0; width: 50%; height: 60px; } .product-box--form-container { padding: 20px; } .product-box--form-container label { color: #ffffff; margin-bottom: 3px; font-size: 15px; line-height: 18px; } .product-box--form-container input, .product-box--form-container textarea { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; } .product-box--form-container input:focus, .product-box--form-container textarea:focus { border: 2px solid #ffffff; color: #ffffff; } .product-box--form-container input[type="text"], .product-box--form-container input[type="email"], .product-box--form-container textarea { border: 2px solid #ffffff !important; } .product-box--form-container input[type="submit"] { position: absolute; right: 0; bottom: 0; width: 50%; height: 60px; max-width: 50%; background-color: transparent; border: 2px solid #e95f0e; color: #e95f0e; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; cursor: pointer; text-transform: uppercase; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; font-size: 18px; background-color: #000000; } .product-box--form-container input[type="submit"]:hover { background-color: #e95f0e; color: #000000; } .material-box { text-transform: uppercase; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: normal; } .material-box--item { display: flex; flex-direction: column; flex: 1 1 49%; max-width: 50%; background-color: #000000; font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; } @media screen and (min-width: 768px) { .material-box--item { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .material-box--item { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 768px) { .material-box--item { flex: 1 1 24%; max-width: 25%; } } .material-box--image { width: 100%; height: 0; padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #000000; } .material-box--image.is-icon { background-size: inherit; } .material-box--info { position: relative; color: #ffffff; background-color: #000000; margin-top: auto; padding-right: 60px; } .material-box--info:after { display: block; content: ''; clear: both; } .material-box--info:after { display: block; content: ''; clear: both; } .material-box--data { padding: 10px 10px 5px; } .material-box--download { position: absolute; width: 60px; height: 60px; right: 0; bottom: 0; white-space: nowrap; text-align: center; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #e95f0e; overflow: hidden; font-family: "Material Icons"; } #wpadminbar.mobile { position: fixed; } .menu { color: #ffffff; } .menu li { float: none; display: block; max-width: none; } .menu li:last-child a { border: none; } .navi-line { position: fixed; top: 0; left: 0; width: 100vw; height: 80px; background-color: #000000; color: #ffffff; z-index: 100; transition: background-color 400ms; overscroll-behavior: none; text-align: right; font-weight: 200; letter-spacing: 0.15em; } .navi-line:after { display: block; content: ''; clear: both; } .navi-line:after { display: block; content: ''; clear: both; } .logged-in .navi-line { top: 46px; } @media screen and (min-width: 768px) { .logged-in .navi-line { top: 32px; } } .navi-line--large-menu { position: relative; padding-left: 140px; padding-right: 140px; text-transform: uppercase; } .navi-line--large-menu.showcase { display: flex !important; } .early-folding .navi-line--large-menu > div { display: none; } .navi-line--large-menu ul.menu { display: flex; justify-content: flex-end; align-items: center; height: 80px; margin-bottom: 0; } .navi-line--large-menu ul.menu li { position: relative; margin-left: 0; list-style: none; text-align: center; max-width: none; } .navi-line--large-menu ul.menu li:last-child { padding-right: 0; } .navi-line--large-menu ul.menu li.current-menu-item a, .navi-line--large-menu ul.menu li.current_page_item a, .navi-line--large-menu ul.menu li.current-menu-ancestor a, .navi-line--large-menu ul.menu li.current-menu-item a:link, .navi-line--large-menu ul.menu li.current_page_item a:link, .navi-line--large-menu ul.menu li.current-menu-ancestor a:link, .navi-line--large-menu ul.menu li.current-menu-item a:visited, .navi-line--large-menu ul.menu li.current_page_item a:visited, .navi-line--large-menu ul.menu li.current-menu-ancestor a:visited { color: #e95f0e; } .navi-line--large-menu ul.menu li.menu-item-has-children { padding-right: 20px; } .navi-line--large-menu ul.menu li.menu-item-has-children:after { position: absolute; display: block; content: 'keyboard_arrow_down'; font-family: "Material Icons"; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; word-wrap: normal; } .navi-line--large-menu ul.menu li a, .navi-line--large-menu ul.menu li a:link, .navi-line--large-menu ul.menu li a:visited { display: flex; align-items: center; height: 80px; padding: 0 9px; color: inherit; } .navi-line--large-menu ul.menu li ul.sub-menu { position: absolute; top: 80px; left: 50%; height: auto; white-space: nowrap; padding: 10px 0; margin: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; z-index: 10; background-color: #a1a3b0; -webkit-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.2); box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.2); } .navi-line--large-menu ul.menu li ul.sub-menu li a { display: block; height: auto; padding: 10px 20px; text-align: left; } .navi-line--large-menu ul.menu li:hover > ul { display: block; } .navi-line .menu-main-menu-en-container, .navi-line .menu-main-menu-de-container { display: inline-block; } .navi-line--logo { position: absolute; left: 15px; top: 0; width: 106px; height: 80px; background-image: url('style/img/logo/logo-Henk_passion.png'); background-size: 106px 43px; background-position: center; background-repeat: no-repeat; } .navi-line--logo.mobile-logo { left: auto; } .overlay-active .navi-line { background-color: #ffffff; } .nav-container-open .navi-line { position: fixed; color: #000000; } .nav-container-open .navi-line.scrolled { animation: none; } .nav-container-open .navi-line .navigation-toggle { text-shadow: none; } .home .nav-container-open .navi-line .navigation-toggle { text-shadow: none; } .navi-line .navigation-toggle { position: absolute; display: block; width: 80px; height: 80px; padding: 0; cursor: pointer; transition: color 400ms; top: 0; right: 0; color: #ffffff; } @media screen and (min-width: 768px) { .navi-line .navigation-toggle { display: none; } } .navi-line .navigation-toggle.navigation-open .icon.burger { opacity: 0; -webkit-animation: burger-open-burger 200ms none; -moz-animation: burger-open-burger 200ms none; -ms-animation: burger-open-burger 200ms none; -o-animation: burger-open-burger 200ms none; animation: burger-open-burger 200ms none; } .navi-line .navigation-toggle.navigation-open .icon.close { opacity: 1; -webkit-animation: burger-open-x 200ms none; -moz-animation: burger-open-x 200ms none; -ms-animation: burger-open-x 200ms none; -o-animation: burger-open-x 200ms none; animation: burger-open-x 200ms none; } .early-folding .navi-line .navigation-toggle { display: block; } .navi-line .navigation-toggle .icon { position: absolute; width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 24px; left: 0; top: 0; } .navi-line .navigation-toggle .icon.burger { opacity: 1; -webkit-animation: burger-close-burger 200ms none; -moz-animation: burger-close-burger 200ms none; -ms-animation: burger-close-burger 200ms none; -o-animation: burger-close-burger 200ms none; animation: burger-close-burger 200ms none; } .navi-line .navigation-toggle .icon.close { opacity: 0; -webkit-animation: burger-close-x 200ms none; -moz-animation: burger-close-x 200ms none; -ms-animation: burger-close-x 200ms none; -o-animation: burger-close-x 200ms none; animation: burger-close-x 200ms none; } .navi-line .black-logo-small { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 60px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 80px; padding-left: 20px; float: left; } @media screen and (min-width: 481px) { .navi-line .black-logo-small { padding-left: 40px; } } @media screen and (min-width: 768px) { .navi-line .black-logo-small { height: 100px; padding-left: 80px; } } .navi-line .black-logo-small--image { width: 60px; height: 60px; background-image: url('style/img/logo-b.png'); background-size: contain; background-repeat: no-repeat; } .navi-line .page-logo { text-align: right; padding: 10px 15px; } @media screen and (min-width: 768px) { .navi-line .page-logo { text-align: center; padding: 20px 15px; } } .navi-line .page-logo svg { width: 126px; height: 64px; --color-one: #e95f0e; } .navi-line .page-logo img { height: 60px; } @media screen and (min-width: 768px) { .navi-line .page-logo img { height: 60px; } } .navigation-body { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: scroll; position: fixed; top: 80px; left: 0; bottom: 0; -webkit-transition: transform 250ms ease-in-out; -moz-transition: transform 250ms ease-in-out; -ms-transition: transform 250ms ease-in-out; -o-transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out; background-color: #000000; width: 100%; height: 100vh; z-index: 90; padding: 0 0 20px; color: #ffffff; overscroll-behavior: none; text-transform: uppercase; } .logged-in .navigation-body { padding-top: 30px; top: 112px; } @media screen and (min-width: 768px) { .navigation-body { display: none; } .early-folding .navigation-body { display: block; } } .navigation-body:not(.active) { -webkit-transform: translateY(-125%); -moz-transform: translateY(-125%); -o-transform: translateY(-125%); -ms-transform: translateY(-125%); transform: translateY(-125%); } .navigation-body--inner-container { position: relative; flex: 1 1 99%; } .navigation-body--inner-container ul.menu { float: none; padding-left: 0; margin: 0; width: 100%; } .navigation-body--inner-container ul.menu li { list-style-type: none; text-align: center; width: 100%; } .navigation-body--inner-container ul.menu li.current-menu-item { text-decoration: underline; } .navigation-body--inner-container ul.menu li.current_page_item { text-decoration-color: #e95f0e; } .navigation-body--inner-container ul.menu li.current_page_item a { color: #e95f0e; text-decoration-color: #e95f0e; } .navigation-body--inner-container ul.menu li a { display: inline-block; color: #ffffff; } .navigation-body--inner-container .navi-head { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 20px; } @media screen and (min-width: 768px) { .navigation-body--inner-container .navi-head { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .navigation-body--inner-container .navi-head { font-size: 36px; line-height: 48px; } } .navigation-body--icons { display: -webkit-flex; display: flex; } .navigation-body--icons > a { padding-top: 20%; background-position: center; background-repeat: no-repeat; display: block; flex: 1 1 49%; background-size: contain; } .navigation-body--icons .agent { background-image: url('style/img/logo/navi_logo-nxs-agent.png'); } .navigation-body--icons .core { background-image: url('style/img/logo/navi_logo-nxs-core.png'); } .navigation-body--large-navi { padding-bottom: 50px; font-size: 24px; line-height: 48px; } .navigation-body--large-navi .sub-menu { font-size: 0.8em; padding-bottom: 10px; } .navigation-body--large-navi .sub-menu li { line-height: 30px; } .navigation-body--small-navi { font-size: 18px; line-height: 60px; border-top: 2px solid #202020; border-bottom: 2px solid #202020; } .navigation-body--small-navi ul.menu { text-align: center; } .navigation-body--small-navi ul.menu li { display: inline-block; padding: 0 15px; } .navigation-body .nav-point { font-size: 18px; line-height: 24px; padding: 15px 0; } .navigation-body .nav-point a { display: block; text-transform: uppercase; text-decoration: none; } .navigation-body .nav-point .sub-nav { padding-top: 10px; font-size: 15px; } .nav-toggle-container { width: 100%; position: relative; right: 0; top: 0; } .nav-container-open .nav-toggle-container { position: fixed; } .language-picker-container { display: none; position: absolute; right: 0; top: 0; width: 140px; } @media screen and (min-width: 768px) { .language-picker-container { display: block; } } .navigation-body .language-picker-container { position: relative; right: auto; top: auto; display: block; float: none; padding: 0; width: auto; } .language-picker-box .language-picker { overflow: hidden; height: 100px; line-height: 48px; text-align: center; min-width: 100px; } .navi-line .language-picker-box .language-picker { display: flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; padding: 0 20px; border-left: 1px solid #131313; border-right: 1px solid #131313; height: 80px; line-height: 80px; } .navi-line .language-picker-box .language-picker li.lang-item { display: block; flex: 1 1 49%; min-width: 40px; white-space: nowrap; } .language-picker-box .language-picker li.lang-item { display: inline-block; padding: 0 10px; } .language-picker-box .language-picker li.lang-item.current-lang a { color: #e95f0e; text-decoration: underline; } .language-picker-box .language-picker li.lang-item a { display: block; color: #ffffff; } .black-portfolio-navi { background-color: #000000; } .black-portfolio-navi--inner { overflow: hidden; max-width: 1560px; margin: 0 auto; } @media screen and (min-width: 768px) { .black-portfolio-navi--inner { padding: 0 15px; } } .black-portfolio-navi .swipe-navigation { white-space: nowrap; font-size: 0; width: 100%; padding: 0; text-align: center; } .black-portfolio-navi .swipe-navigation .swipe-navigation-links { display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .black-portfolio-navi .swipe-navigation .swipe-navigation-element { display: inline-block; cursor: pointer; height: 80px; min-width: 180px; flex: 1 1 33%; vertical-align: top; background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; color: #ffffff; } .black-portfolio-navi .swipe-navigation .swipe-navigation-element:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1; } .black-portfolio-navi .swipe-navigation .swipe-navigation-element.active:not(.deactivated):after { display: none; } @-webkit-keyframes burger-open-x { 0% { -webkit-transform: rotate(0deg); opacity: 0; } 100% { -webkit-transform: rotate(180deg); opacity: 1; } } @-moz-keyframes burger-open-x { 0% { -moz-transform: rotate(0deg); opacity: 0; } 100% { -moz-transform: rotate(180deg); opacity: 1; } } @-o-keyframes burger-open-x { 0% { -o-transform: rotate(0deg); opacity: 0; } 100% { -o-transform: rotate(180deg); opacity: 1; } } @keyframes burger-open-x { 0% { transform: rotate(0deg); opacity: 0; } 100% { transform: rotate(180deg); opacity: 1; } } @-webkit-keyframes burger-open-burger { 0% { -webkit-transform: rotate(0deg); opacity: 1; } 100% { -webkit-transform: rotate(180deg); opacity: 0; } } @-moz-keyframes burger-open-burger { 0% { -moz-transform: rotate(0deg); opacity: 1; } 100% { -moz-transform: rotate(180deg); opacity: 0; } } @-o-keyframes burger-open-burger { 0% { -o-transform: rotate(0deg); opacity: 1; } 100% { -o-transform: rotate(180deg); opacity: 0; } } @keyframes burger-open-burger { 0% { transform: rotate(0deg); opacity: 1; } 100% { transform: rotate(180deg); opacity: 0; } } @-webkit-keyframes burger-close-x { 0% { -webkit-transform: rotate(180deg); opacity: 1; } 100% { -webkit-transform: rotate(0deg); opacity: 0; } } @-moz-keyframes burger-close-x { 0% { -moz-transform: rotate(180deg); opacity: 1; } 100% { -moz-transform: rotate(0deg); opacity: 0; } } @-o-keyframes burger-close-x { 0% { -o-transform: rotate(180deg); opacity: 1; } 100% { -o-transform: rotate(0deg); opacity: 0; } } @keyframes burger-close-x { 0% { transform: rotate(180deg); opacity: 1; } 100% { transform: rotate(0deg); opacity: 0; } } @-webkit-keyframes burger-close-burger { 0% { -webkit-transform: rotate(180deg); opacity: 0; } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @-moz-keyframes burger-close-burger { 0% { -moz-transform: rotate(180deg); opacity: 0; } 100% { -moz-transform: rotate(0deg); opacity: 1; } } @-o-keyframes burger-close-burger { 0% { -o-transform: rotate(180deg); opacity: 0; } 100% { -o-transform: rotate(0deg); opacity: 1; } } @keyframes burger-close-burger { 0% { transform: rotate(180deg); opacity: 0; } 100% { transform: rotate(0deg); opacity: 1; } } @keyframes moveNaviLine { from { top: -200px; } to { top: 0; } } footer .footer-end { padding: 19px 0; font-size: 14px; line-height: 32px; } @media screen and (min-width: 481px) { footer .footer-end .copyright { padding-right: 0; } } @media screen and (min-width: 481px) { footer .footer-end .social { padding-left: 0; } } footer .footer-end .footer-icon { display: block; float: right; height: 32px; text-align: center; background-position: center; background-repeat: no-repeat; background-size: 32px 32px; width: calc(100% / 3); } @media screen and (min-width: 481px) { footer .footer-end .footer-icon { width: 60px; } } @media screen and (min-width: 768px) { footer .footer-end .footer-icon { width: 70px; } } footer .footer-end .footer-icon.instagram { background-image: url('style/img/icons/instagram.png'); } footer .footer-end .footer-icon.twitter { background-image: url('style/img/icons/twitter.png'); } footer .footer-end .footer-icon.facebook { background-image: url('style/img/icons/facebook.png'); } footer .footer-end .footer-icon-label { display: block; float: right; display: none; } @media screen and (min-width: 481px) { footer .footer-end .footer-icon-label { display: block; } } .black-footer { min-height: 100px; background-color: #ffffff; color: #000000; padding: 30px 0; text-transform: uppercase; } .black-footer:after { display: block; content: ''; clear: both; } .black-footer:after { display: block; content: ''; clear: both; } .black-footer--link-column-container { display: flex; } .black-footer--link-columns { display: flex; flex: 1 1 50%; padding: 20px 0; flex-wrap: wrap; } .black-footer--countries { flex: 1 1 49%; max-width: 50%; } .black-footer--countries ul { display: flex; list-style-type: none; flex-wrap: wrap; } .black-footer--countries ul li { flex: 1 1 49%; } .black-footer--mandatory-links { flex: 1 1 49%; max-width: 50%; } .black-footer--mandatory-links ul { list-style-type: none; } .black-footer--contact { flex: 1 1 50%; margin-left: auto; max-width: 240px; padding: 20px 0; font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; } @media screen and (min-width: 768px) { .black-footer--contact { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-footer--contact { font-size: 12px; line-height: 19px; } } .black-footer--contact p { padding-bottom: 0; } .black-footer--contact .contact-box { padding-top: 20px; } .black-footer--contact .contact-box a { color: #e95f0e; } .black-footer--social-box { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; text-align: center; } .black-footer--social-box:after { display: block; content: ''; clear: both; } .black-footer--social-box:after { display: block; content: ''; clear: both; } @media screen and (min-width: 768px) { .black-footer--social-box { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-footer--social-box { font-size: 12px; line-height: 19px; } } .black-footer--social-box .black-social-footer-icon { display: inline-block; width: 32px; height: 32px; background-size: contain; background-position: center; background-repeat: no-repeat; } .black-footer--social-box .black-social-footer-icon:not(:first-child) { margin-left: 32px; } .black-footer--social-box .black-social-footer-icon.icon-youtube { background: url('style/img/icon/icon-youtube.png'); } .black-footer--social-box .black-social-footer-icon.icon-instagram { background: url('style/img/icon/icon-instagram.png'); } .black-footer--social-box .black-social-footer-icon.icon-twitter { background: url('style/img/icon/icon-twitter.png'); } .black-footer--social-box .black-social-footer-icon.icon-facebook { background: url('style/img/icon/icon-facebook.png'); } .black-footer--social-box p { float: right; line-height: 32px; } .black-footer--copyright { padding-top: 10px; text-align: center; } .black-footer .menu li.current-menu-item a, .black-footer .menu li.current-menu-parent a { border: 0; } .black-footer a, .black-footer a:link, .black-footer a:visited { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #000000; border: 0; padding: 0; margin: 0; } @media screen and (min-width: 768px) { .black-footer a, .black-footer a:link, .black-footer a:visited { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .black-footer a, .black-footer a:link, .black-footer a:visited { font-size: 12px; line-height: 19px; } } .black-footer a.mother-link, .black-footer a:link.mother-link, .black-footer a:visited.mother-link { display: block; text-align: left; height: 24px; line-height: 32px; margin: 0 0 10px; } .black-footer a.mother-link .black-foot-logo, .black-footer a:link.mother-link .black-foot-logo, .black-footer a:visited.mother-link .black-foot-logo { display: inline-block; width: 105px; height: 24px; background-image: url('style/img/icon/logo-Henk_orange.png'); background-position: left top; background-repeat: no-repeat; vertical-align: top; } .card { position: relative; min-height: 20px; perspective: 150rem; -moz-perspective: 150rem; } .card__side { position: relative; left: 0; top: 0; width: 100%; font-size: 1.6rem; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .card__side--back { position: absolute; background-color: #131313; color: #ffffff; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); padding-bottom: 60px; } .card__side--back .product-box--content-button { border-color: #ffffff; color: #ffffff; text-transform: uppercase; background-color: #000000; } .card__side--back .product-box--content-button:hover { color: #e95f0e; border-color: #e95f0e; } .card.flipped .card__side--front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card.flipped .card__side--back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } @media screen and (min-width: 1024px) { .map-box--flexer { display: -webkit-flex; display: flex; } .map-box--flexer > div { flex: 1 1 49%; } } .map-place-select--headline { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; padding: 10px 20px; border-bottom: 1px solid #000000; } @media screen and (min-width: 768px) { .map-place-select--headline { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .map-place-select--headline { font-size: 36px; line-height: 48px; } } .map-place-select--button { padding: 10px 0; border-bottom: 1px solid #000000; } .map-place-select--button:after { display: block; content: ''; clear: both; } .map-place-select--button:after { display: block; content: ''; clear: both; } .map-place-select--button .dropdown-label { text-transform: uppercase; display: block; float: left; width: calc(100% - 40px); color: #e95f0e; padding: 0 20px; } .map-place-select--button .icon { width: 32px; height: auto; display: block; float: right; } .map-place-select--button .closed-icon { display: none; } .map-place-select--button.closed .closed-icon { display: block; } .map-place-select--button.closed .open-icon { display: none; } .map-place-select--dropdown-content { display: none; } @media screen and (max-width: 1023px) { .map-place-select--full-list { display: -webkit-flex; display: flex; flex-wrap: wrap; } .map-place-select--full-list .place-choice { flex: 1 1 32%; max-width: 33.4%; } } .map-place-select .place-choice { text-transform: uppercase; padding: 0 20px; line-height: 40px; border-bottom: 1px solid #000000; cursor: pointer; } .map-place-select .place-choice.current { color: #e95f0e; } @media screen and (min-width: 768px) and (max-width: 1023px) { .map-container { display: -webkit-flex; display: flex; } .map-container > div { flex: 1 1 49%; } } .map-container--intro { padding: 15px; background-color: #ffffff; color: #000000; } @media screen and (min-width: 1024px) { .map-container--intro { padding: 50px; } } .map-container--intro .place-intro { display: none; } .map-container--intro .place-intro.current { display: -ms-flexbox; display: flex; flex-wrap: wrap; } .map-container--intro .place-intro .h2-replacer { -ms-flex: 1 1 99%; flex: 1 1 99%; } .map-container--intro .place-intro p { padding: 0; } .map-container--intro .place-intro a { color: #e95f0e; } .map-container--intro .place-intro a:hover { color: #e95f0e; } .map-container--intro .place-intro .place-choice-full { -ms-flex: 1 1 99%; flex: 1 1 99%; padding-bottom: 15px; } .map-container--intro .place-intro .sub-place-choice { cursor: pointer; -ms-flex: 1 1 49%; flex: 1 1 49%; padding: 0 15px 15px 0; } .map-container--intro .place-intro .sub-place-choice p { white-space: nowrap; } .markers { display: none; } .content.shop .product { color: #e95f0e; } .content.shop { font-family: 'sans pro', arial; } .single-product div.product .summary-wrapper { background-image: none; background-color: #202020; } .single-product div.product .summary.entry-summary { text-align: left; } .single-product div.product .summary.entry-summary h1 { font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 20px; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 768px) { .single-product div.product .summary.entry-summary h1 { font-size: 36px; line-height: 48px; } } @media screen and (min-width: 1024px) { .single-product div.product .summary.entry-summary h1 { font-size: 48px; line-height: 60px; } } .single-product div.product .summary.entry-summary h1 p { margin-bottom: 0; padding-bottom: 0; } .single-product div.product .summary.entry-summary .cart .quantity input { font-family: 'sans pro', arial; background: none; background-color: #000000; color: #ffffff; } .single-product div.product .summary.entry-summary .cart .button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .single-product div.product .summary.entry-summary .cart .button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .single-product div.product .summary.entry-summary .cart .button { font-size: 12px; line-height: 19px; } } .single-product div.product .summary.entry-summary .cart .button:after { display: none; } .single-product div.product .summary.entry-summary .cart .button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .single-product div.product .summary.entry-summary .cart .button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .single-product div.product .summary.entry-summary .cart .button:disabled { font-size: 12px; line-height: 19px; } } .single-product div.product .summary.entry-summary .cart .button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .single-product div.product .summary.entry-summary .cart .button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .single-product div.product .summary.entry-summary .cart .button:disabled:hover { font-size: 12px; line-height: 19px; } } .single-product div.product .summary.entry-summary .cart .button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .single-product div.product .summary.entry-summary .cart .button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .single-product div.product .summary.entry-summary .cart .button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .single-product div.product .summary.entry-summary .summary-content-wrapper { max-width: none; } .single-product div.product .summary .price { font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; color: #e95f0e; } @media screen and (min-width: 768px) { .single-product div.product .summary .price { font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1024px) { .single-product div.product .summary .price { font-size: 36px; line-height: 48px; } } .single-product div.product .summary .price ins { color: #e95f0e; } .single-product p { font-size: 15px; line-height: 22px; color: #ffffff; } @media screen and (min-width: 768px) { .single-product p { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1024px) { .single-product p { font-size: 18px; line-height: 24px; } } ul.wc-block-grid__products .wc-block-grid__product-image::after { width: 100%; height: 100%; border: 0; margin: 0; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image::after { width: 100%; height: 100%; border: 0; margin: 0; } .woocommerce-tabs ul.tabs li a { font-family: 'sans pro', arial; background-color: #202020; } .woocommerce-tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li:hover a { background-color: #e95f0e; } .woocommerce-tabs.wc-tabs-wrapper .entry-content { color: #ffffff; } p.stars a:before { color: #e95f0e !important; } .woocommerce-noreviews { background-color: #ffffff; color: #000000 !important; } p.no-comments, .woocommerce-error, .woocommerce-info, .woocommerce-message { border: 0; background-color: #000000; color: #ffffff; } p.no-comments a.button, .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { p.no-comments a.button, .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { p.no-comments a.button, .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { font-size: 12px; line-height: 19px; } } p.no-comments a.button:after, .woocommerce-error a.button:after, .woocommerce-info a.button:after, .woocommerce-message a.button:after { display: none; } p.no-comments a.button:disabled, .woocommerce-error a.button:disabled, .woocommerce-info a.button:disabled, .woocommerce-message a.button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { p.no-comments a.button:disabled, .woocommerce-error a.button:disabled, .woocommerce-info a.button:disabled, .woocommerce-message a.button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { p.no-comments a.button:disabled, .woocommerce-error a.button:disabled, .woocommerce-info a.button:disabled, .woocommerce-message a.button:disabled { font-size: 12px; line-height: 19px; } } p.no-comments a.button:disabled:hover, .woocommerce-error a.button:disabled:hover, .woocommerce-info a.button:disabled:hover, .woocommerce-message a.button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { p.no-comments a.button:disabled:hover, .woocommerce-error a.button:disabled:hover, .woocommerce-info a.button:disabled:hover, .woocommerce-message a.button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { p.no-comments a.button:disabled:hover, .woocommerce-error a.button:disabled:hover, .woocommerce-info a.button:disabled:hover, .woocommerce-message a.button:disabled:hover { font-size: 12px; line-height: 19px; } } p.no-comments a.button:not(:disabled):hover, .woocommerce-error a.button:not(:disabled):hover, .woocommerce-info a.button:not(:disabled):hover, .woocommerce-message a.button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { p.no-comments a.button:not(:disabled):hover, .woocommerce-error a.button:not(:disabled):hover, .woocommerce-info a.button:not(:disabled):hover, .woocommerce-message a.button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { p.no-comments a.button:not(:disabled):hover, .woocommerce-error a.button:not(:disabled):hover, .woocommerce-info a.button:not(:disabled):hover, .woocommerce-message a.button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .comment-form textarea { border: 2px solid #ffffff; color: #ffffff; } .comment-form textarea:focus { border: 2px solid #ffffff; } #submit, input[type=submit], input#submit { background-color: #202020; } #submit:hover, input[type=submit]:hover, input#submit:hover { background-color: #e95f0e; } form.woocommerce-ordering select { font-family: 'sans pro', arial; background: none; background-color: #000000; color: #ffffff; } form.woocommerce-cart-form table tbody .cart_item td.product-name a { color: #e95f0e; } form.woocommerce-cart-form input { font-family: 'sans pro', arial; background: none; background-color: #000000; color: #ffffff; } form.woocommerce-cart-form button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { form.woocommerce-cart-form button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { form.woocommerce-cart-form button { font-size: 12px; line-height: 19px; } } form.woocommerce-cart-form button:after { display: none; } form.woocommerce-cart-form button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { form.woocommerce-cart-form button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { form.woocommerce-cart-form button:disabled { font-size: 12px; line-height: 19px; } } form.woocommerce-cart-form button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { form.woocommerce-cart-form button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { form.woocommerce-cart-form button:disabled:hover { font-size: 12px; line-height: 19px; } } form.woocommerce-cart-form button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { form.woocommerce-cart-form button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { form.woocommerce-cart-form button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } form.woocommerce-cart-form button:disabled { background-color: #202020; } form.woocommerce-cart-form a.remove { background-color: #e95f0e; } form .coupon #coupon_code { line-height: 1.6em; } .woocommerce table { background-image: none; background-color: #202020; color: #ffffff; } .woocommerce table input { font-family: 'sans pro', arial; background: none; background-color: #000000; color: #ffffff; } .woocommerce table button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .woocommerce table button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce table button { font-size: 12px; line-height: 19px; } } .woocommerce table button:after { display: none; } .woocommerce table button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .woocommerce table button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce table button:disabled { font-size: 12px; line-height: 19px; } } .woocommerce table button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .woocommerce table button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce table button:disabled:hover { font-size: 12px; line-height: 19px; } } .woocommerce table button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .woocommerce table button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce table button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .woocommerce a.button.checkout-button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; max-width: 100%; } @media screen and (min-width: 768px) { .woocommerce a.button.checkout-button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce a.button.checkout-button { font-size: 12px; line-height: 19px; } } .woocommerce a.button.checkout-button:after { display: none; } .woocommerce a.button.checkout-button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .woocommerce a.button.checkout-button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce a.button.checkout-button:disabled { font-size: 12px; line-height: 19px; } } .woocommerce a.button.checkout-button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .woocommerce a.button.checkout-button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce a.button.checkout-button:disabled:hover { font-size: 12px; line-height: 19px; } } .woocommerce a.button.checkout-button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .woocommerce a.button.checkout-button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce a.button.checkout-button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .woocommerce form input, .woocommerce form input[type='url'], .woocommerce form input[type='tel'], .woocommerce form input[type='email'], .woocommerce form input[type='text'], .woocommerce form input[type='password'], .woocommerce form textarea, .woocommerce form select { font-family: 'sans pro', arial; background: none; background-color: #000000; color: #ffffff; } .woocommerce form.checkout_coupon .button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; float: none; margin: 10px 0; } @media screen and (min-width: 768px) { .woocommerce form.checkout_coupon .button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form.checkout_coupon .button { font-size: 12px; line-height: 19px; } } .woocommerce form.checkout_coupon .button:after { display: none; } .woocommerce form.checkout_coupon .button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .woocommerce form.checkout_coupon .button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form.checkout_coupon .button:disabled { font-size: 12px; line-height: 19px; } } .woocommerce form.checkout_coupon .button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .woocommerce form.checkout_coupon .button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form.checkout_coupon .button:disabled:hover { font-size: 12px; line-height: 19px; } } .woocommerce form.checkout_coupon .button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .woocommerce form.checkout_coupon .button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form.checkout_coupon .button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .woocommerce form #place_order.button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .woocommerce form #place_order.button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form #place_order.button { font-size: 12px; line-height: 19px; } } .woocommerce form #place_order.button:after { display: none; } .woocommerce form #place_order.button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .woocommerce form #place_order.button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form #place_order.button:disabled { font-size: 12px; line-height: 19px; } } .woocommerce form #place_order.button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .woocommerce form #place_order.button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form #place_order.button:disabled:hover { font-size: 12px; line-height: 19px; } } .woocommerce form #place_order.button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .woocommerce form #place_order.button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .woocommerce form #place_order.button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .sidebar.left .search-form #s, .sidebar.left input.search-field, .search-form #s, input.search-field { font-family: 'sans pro', arial; background: none; background-color: #000000; color: #ffffff; } .sidebar.left { color: #ffffff; } .sidebar.left .search-form #searchsubmit, .sidebar.left .woocommerce-product-search button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { .sidebar.left .search-form #searchsubmit, .sidebar.left .woocommerce-product-search button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .sidebar.left .search-form #searchsubmit, .sidebar.left .woocommerce-product-search button { font-size: 12px; line-height: 19px; } } .sidebar.left .search-form #searchsubmit:after, .sidebar.left .woocommerce-product-search button:after { display: none; } .sidebar.left .search-form #searchsubmit:disabled, .sidebar.left .woocommerce-product-search button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { .sidebar.left .search-form #searchsubmit:disabled, .sidebar.left .woocommerce-product-search button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .sidebar.left .search-form #searchsubmit:disabled, .sidebar.left .woocommerce-product-search button:disabled { font-size: 12px; line-height: 19px; } } .sidebar.left .search-form #searchsubmit:disabled:hover, .sidebar.left .woocommerce-product-search button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { .sidebar.left .search-form #searchsubmit:disabled:hover, .sidebar.left .woocommerce-product-search button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .sidebar.left .search-form #searchsubmit:disabled:hover, .sidebar.left .woocommerce-product-search button:disabled:hover { font-size: 12px; line-height: 19px; } } .sidebar.left .search-form #searchsubmit:not(:disabled):hover, .sidebar.left .woocommerce-product-search button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { .sidebar.left .search-form #searchsubmit:not(:disabled):hover, .sidebar.left .woocommerce-product-search button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { .sidebar.left .search-form #searchsubmit:not(:disabled):hover, .sidebar.left .woocommerce-product-search button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } ul.products li.product .woocommerce-loop-product__title, ul.wc-block-grid__products li.product .woocommerce-loop-product__title { color: #ffffff; } ul.products li.product .button, ul.wc-block-grid__products li.product .button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { ul.products li.product .button, ul.wc-block-grid__products li.product .button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.product .button, ul.wc-block-grid__products li.product .button { font-size: 12px; line-height: 19px; } } ul.products li.product .button:after, ul.wc-block-grid__products li.product .button:after { display: none; } ul.products li.product .button:disabled, ul.wc-block-grid__products li.product .button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { ul.products li.product .button:disabled, ul.wc-block-grid__products li.product .button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.product .button:disabled, ul.wc-block-grid__products li.product .button:disabled { font-size: 12px; line-height: 19px; } } ul.products li.product .button:disabled:hover, ul.wc-block-grid__products li.product .button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { ul.products li.product .button:disabled:hover, ul.wc-block-grid__products li.product .button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.product .button:disabled:hover, ul.wc-block-grid__products li.product .button:disabled:hover { font-size: 12px; line-height: 19px; } } ul.products li.product .button:not(:disabled):hover, ul.wc-block-grid__products li.product .button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { ul.products li.product .button:not(:disabled):hover, ul.wc-block-grid__products li.product .button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.product .button:not(:disabled):hover, ul.wc-block-grid__products li.product .button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } ul.products li.wc-block-grid__product .wc-block-grid__product-title, ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title { color: #ffffff; } ul.products li.wc-block-grid__product .wp-block-button, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button { font-size: 12px; line-height: 19px; letter-spacing: 2px; position: relative; display: block; box-sizing: border-box; min-width: 140px; padding: 8px 20px; background-color: #e95f0e; line-height: 24px; text-align: center; margin: 0 auto; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #000000; max-width: 300px; font-family: 'sans pro', arial; text-transform: uppercase; } @media screen and (min-width: 768px) { ul.products li.wc-block-grid__product .wp-block-button, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.wc-block-grid__product .wp-block-button, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button { font-size: 12px; line-height: 19px; } } ul.products li.wc-block-grid__product .wp-block-button:after, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:after { display: none; } ul.products li.wc-block-grid__product .wp-block-button:disabled, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:disabled { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; color: #626d80; border: 2px solid #626d80; line-height: 24px; letter-spacing: 2px; cursor: default; } @media screen and (min-width: 768px) { ul.products li.wc-block-grid__product .wp-block-button:disabled, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:disabled { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.wc-block-grid__product .wp-block-button:disabled, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:disabled { font-size: 12px; line-height: 19px; } } ul.products li.wc-block-grid__product .wp-block-button:disabled:hover, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:disabled:hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; letter-spacing: 2px; color: #626d80; border-color: #626d80; line-height: 24px; } @media screen and (min-width: 768px) { ul.products li.wc-block-grid__product .wp-block-button:disabled:hover, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:disabled:hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.wc-block-grid__product .wp-block-button:disabled:hover, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:disabled:hover { font-size: 12px; line-height: 19px; } } ul.products li.wc-block-grid__product .wp-block-button:not(:disabled):hover, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:not(:disabled):hover { font-family: 'sans pro', arial; font-size: 12px; line-height: 19px; background: inherit; background-color: #e95f0e; color: #000000; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; border: 2px solid #e95f0e; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 8px 20px; } @media screen and (min-width: 768px) { ul.products li.wc-block-grid__product .wp-block-button:not(:disabled):hover, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } @media screen and (min-width: 1024px) { ul.products li.wc-block-grid__product .wp-block-button:not(:disabled):hover, ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button:not(:disabled):hover { font-size: 12px; line-height: 19px; } } .page.checkout-page { padding-top: 0; } .page.checkout-page .content { padding: 0; } .page.checkout-page .woocommerce { background-color: #202020; padding: 20px; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: #e95f0e; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }