body {background: #3f3434; font-family: Calibri, Candara, sans-serif; font-size: 16px;} /*body {background: #3f3434; font-family: sans-serif; font-size: 16px;}*/ .btn {outline: none;} .btn-primary {background: #3f3434; border-color: #3f3434;} .btn-primary:focus, .btn-primary:active, .btn-primary:hover {background: #000; outline: none;} .btn-danger {background: #ef2a2d; border-color: #ef2a2d;} label {font-size: 18px; text-align: right; margin-top: 4px;} .form-control {border-radius: 0; height: 36px; font-size: 16px;} .form-control:focus {outline: none; box-shadow: none; border-color: #523c3c;} .has-error .form-control {border-color: #ef2a2d;} .has-error .form-control:focus {box-shadow: none; border-color: #523c3c;} .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {color: #ef2a2d;} .bg-white {background: #fff;} .badge {border-radius: 0 ! important;} .badge-success {background: #2dce0a;} .advantages {display: flex; flex-direction: row;} .advantages .advantage {padding: 30px 30px 30px 0; position: relative;} .advantages .advantage:last-child {padding-right: 0;} .advantages .advantage .advantage-name {font-size: 17px;} .advantages .advantage .badge {position: absolute; top: 12px; right: 50px;} .advantages .advantage img {max-height: 30px; margin-right: 5px; margin-top: -5px;} .advantages .advantage:last-child .badge {right: 0 ! important;} .menuModule > nav > .navbar-header > .navbar-toggle > span {background: #000;} .top-header {background: #e6e6e6;} .top-header .menuModule {float: right;} .top-header .menuModule .navbar-default {margin-bottom: 0; border-radius: 0; border-width: 0; background: transparent;} .top-header .menuModule .navbar-default .navbar-nav > li > a {padding: 35px 10px; max-height: 90px; color: #000; border-width: 0; background: transparent; font-size: 17px; text-transform: uppercase; font-weight: 300;} .top-header .menuModule .navbar-default .navbar-nav>.active>a, .top-header .menuModule .navbar-default .navbar-nav>.active>a:focus, .top-header .menuModule .navbar-default .navbar-nav>li:hover>a, .top-header .menuModule .navbar-default .navbar-nav>.active>a:hover {background: #dcdcdc;} .top-header .menuModule > nav ul.nav li:hover > ul {border-radius: 0; padding: 0; border-width: 0;} .top-header .menuModule > nav ul.nav li:hover > ul.dropdown-menu > li > a {padding: 8px 15px; font-size: 16px;} .top-header .menuModule > nav ul.nav li:hover > ul.dropdown-menu > li:hover > a, .top-header .menuModule > nav ul.nav li:hover > ul.dropdown-menu > li.active > a {background: #f3f6fd; color: #000;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button {margin-left: 5px; margin-right: 5px;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button > a {padding: 15px 15px 12px; margin: 20px 0; background: #ee2d2e; color: #fff;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button.active > a, .top-header .menuModule .navbar-default .navbar-nav > li.link-button > a:hover, .top-header .menuModule .navbar-default .navbar-nav > li.link-button > a:focus {background: #ee2d2e; color: #fff;} /*.top-header .menuModule .navbar-default .navbar-nav > li.lang-button {margin-left: 10px;}*/ .top-header .menuModule .navbar-default .navbar-nav > li.lang-button > a {padding-left: 20px; padding-right: 20px;} .top-header .logoModule {float: left;} .top-header .logoModule > a.logo {padding: 25px 0 15px;} .top-header .logoModule > a.logo > img {height: auto; width: 250px; } .section-title {background: #fff; line-height: 34px; font-size: 30px; text-transform: uppercase; color: #ef2a2d;} .section-title strong {color: #523c3c;} .section-title > div {margin-top: 60px; padding-bottom: 60px; } .section-title:not(.section-title-right) > div {border-left: 4px solid #ef2a2d;} /*.section-title.section-title-grey:not(.section-title-right) > div {border-color: #e8e8e8;}*/ .section-title.section-title-right {text-align: right;} .section-title.section-title-right > div {border-right: 4px solid #ef2a2d; } .section-title.section-title-grey.section-title-right > div {border-color: #e8e8e8;} .section-title.section-title-top-border > div {padding-top: 60px; margin-bottom: 60px; padding-bottom: 0; margin-top: 0;} .section-title p {margin-bottom: 0;} .register-section, .article-section {background: #f9f9f9; padding-top: 30px; padding-bottom: 70px; border-top: 3px solid #e8e8e8; border-bottom: 3px solid #e8e8e8;} .article-section .articleModule .widget {font-size: 22px; line-height: 28px; color: #3f3434;} .article-section .articleModule .widget p {margin-bottom: 20px;} .content-section {background: #ef2a2d; padding-top: 80px; padding-bottom: 80px;} .banner-section {padding: 0;} .banner-section .carousel-caption {text-shadow: none;} .banner-section .banner-title {margin: 0; font-weight: 300; font-size: 45px; text-transform: uppercase; color: #ef2a2d;} .banner-section .description { font-size: 18px; text-transform: uppercase; color: #523c3c; display: block;} .banner-section .banner-title, .banner-section .description {padding-left: 20px;} .banner-section .carousel.slide .carousel-caption > div.container > div.text {width: 650px;} .banner-section .carousel.slide .item.topLeft .carousel-caption {padding-top: 80px;} .banner-section .carousel.slide .carousel-caption > div.container > div.text:after {content: ''; position: absolute; top: -80px; bottom: 0; display: block; background: #ef2a2d; width: 4px; } .circlePanelModule .column {position: relative; min-height: 65px; display: flex; align-items: center; margin-bottom: 20px;} .circlePanelModule .column .circle {position: absolute; top: 0; left: 0; display: block; background: #fff; width: 65px; height: 65px; text-align: center; } .circlePanelModule .circle .fa {line-height: 65px ! important; font-size: 34px; color: #ef2a2d;} .circlePanelModule .circle-text {margin-left: 90px; display: block; color: #fff; font-size: 20px; line-height: 24px; font-weight: 300;} .circlePanelModule .circle-text > span.circle-description, .circlePanelModule .circle-text > span.circle-title {display: block;} .circlePanelModule .circle-text > span.circle-description {font-size: 16px; line-height: 18px;} .priceCalculationModule .panel {border-radius: 0; border: 2px solid #e8e8e8;} .priceCalculationModule .panel .panel-heading .section-title {margin-top: 0; margin-bottom: 0; padding: 20px 15px 5px;} .priceCalculationModule .panel .panel-footer {background: #fff; padding: 15px;} .sunSetContactFormModule {background: #fff; border-radius: 0; border: 2px solid #e8e8e8; padding: 20px;} .section-title-calculation .menuModule {float: right} .section-title-calculation .menuModule .nav > li > a {font-size: 18px; padding: 13px 18px; background: #ef2a2d; color: #fff; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;} .section-title-calculation .menuModule .nav > li > a:hover {background: #d62427;} .main-footer {padding-top: 160px; padding-bottom: 160px;} .main-footer div.logoModule {text-align: center;} .main-footer div.logoModule > a.logo {display: inline-block; padding: 0;} .main-footer div.logoModule > a.logo > img {height: auto; max-height: 50px;} .main-footer .menuModule {text-align: center;} .main-footer .menuModule .navbar-nav {float: none; text-align: center; display: inline-block;} .main-footer .menuModule .navbar-nav > li > a {padding: 15px 15px; max-height: 90px; color: #fff; border-width: 0; text-transform: uppercase; font-size: 18px; font-weight: 300;} .main-footer .menuModule .navbar-nav>.active>a, .main-footer .menuModule .navbar-nav>.active>a:focus, .main-footer .menuModule .navbar-nav>.active>a:hover, .main-footer .menuModule .navbar-nav > li > a:hover {background: transparent; text-decoration: underline;} .main-footer .customPanelModule {text-align: center; margin-bottom: 20px;} .main-footer .customPanelModule > .widget, .main-footer .customPanelModule a {color: #fff; font-size: 20px; font-weight: 300;} #contactUsPopUp {position: fixed; bottom: 0; right: 15px; } #contactUsPopUp .nav.navbar-nav > li > a {background: #d62427; color: #fff; font-size: 22px; padding: 13px 20px;} #contactUsPopUp .nav.navbar-nav > li > a .fa {margin-right: 6px;} .stepwizard {display: table;width: 100%; position: relative; } .stepwizard .stepwizard-row {display: table-row; } .stepwizard .stepwizard-row:before {top: 19px; bottom: 0; position: absolute; content: " "; width: 100%; height: 2px; background-color: #e8e8e8; z-order: 0; } .stepwizard .stepwizard-row .stepwizard-step {display: table-cell; text-align: center; position: relative; width: 33%;} .stepwizard .stepwizard-row .stepwizard-step button[disabled] {opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard .stepwizard-row .stepwizard-step p {margin-top: 5px; font-size: 18px;} .stepwizard .btn-circle {width: 40px; height: 40px; text-align: center; padding: 6px 0; font-size: 20px; line-height: 20px; border-radius: 50% ! important;} #ui-datepicker-div {z-index: 2 ! important;} /* Base for label styling */ .custom-checkbox {margin-top: 0; margin-bottom: 0; } .custom-checkbox label {padding-top: 0; margin-top: 0; line-height: 18px;} .checkbox [type="checkbox"]:not(:checked), .checkbox [type="checkbox"]:checked { position: absolute; left: -9999px; } .checkbox [type="checkbox"]:not(:checked) + label, .checkbox [type="checkbox"]:checked + label {position: relative; padding-left: 25px; cursor: pointer; padding-top: 2px; text-align: left;} /* checkbox aspect */ .checkbox [type="checkbox"]:not(:checked) + label:before, .checkbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:0; top: 2px; width: 18px; height: 18px; border: 1px solid #ef2a2d; background: #ef2a2d; } .checkbox [type="checkbox"]:not(:checked) + label:before {background: #fff; border: 1px solid #ccc;} /* checked mark aspect */ .checkbox [type="checkbox"]:not(:checked) + label:after, .checkbox [type="checkbox"]:checked + label:after { content: "\f00c"; font: normal normal normal 11px/1 FontAwesome; text-rendering: auto; position: absolute; top: 8px; left: 4px; line-height: 0.8; color: #fff; } /* checked mark aspect changes */ .checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);} .checkbox [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); } /* disabled checkbox */ .checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .checkbox [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd; } .checkbox [type="checkbox"]:disabled:checked + label:after {color: #999; } .checkbox [type="checkbox"]:disabled + label {color: #aaa;} /* accessibility */ /*[type="checkbox"]:checked:focus + label:before,*/ /*[type="checkbox"]:not(:checked):focus + label:before {border: 1px dotted blue;}*/ /* hover style just for information */ .checkbox label:hover:before {border: 1px solid #ef2a2d !important; } #registrationPanel {background: #f9f9f9; color: #000; border-bottom: 1px solid #e8e8e8;} #registrationPanel .row > .col {border-right: 1px dashed #e2e2e2; padding: 30px 0 20px; min-height: 192px;} #registrationPanel .row > .col:last-child {border-right-width: 0;} #registrationPanel .row > .col .circle {float: right; margin-left: 15px; margin-top: -8px; width: 70px; height: 70px; text-decoration: none; background: #d62427; font-size: 24px; color: #fff; border-radius: 50%; text-align: center; line-height: 70px;} #registrationPanel .row > .col .circle:hover {background: #a21b1e;} #registrationPanel .row > .col .text {font-size: 15px; line-height: 18px;} #registrationPanel .row > .col .title {font-size: 20px; padding-bottom: 25px;} #registrationPanel .row > .col .profile-content {max-width: 300px; margin: 0 auto; float: none;} #registrationPanel .profile-content .btn-success {float: right; border-radius: 8px; padding: 17px 15px 17px 10px; font-size: 18px; line-height: 22px; background: #d62427; border-color: #d62427;} #registrationPanel .profile-content .btn-success > i.fa {float: left; margin: 2px 10px 0 0; font-size: 40px;} #registrationPanel .profile-content .btn-success > span {display: inline-block; text-align: left; } #registrationPanel .profile-content ul {list-style: none; margin: 0; padding: 0;} #registrationPanel .profile-content ul > li {margin-bottom: 9px;} #registrationPanel .profile-content ul > li:before { content: "\f00c"; color: #fff; display: inline-block; text-align: center; line-height: 20px; width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; background: #d62427; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);} #registrationPanel .sunSetFilterModule {border-width: 0;} #registrationPanel .sunSetFilterModule .search-group {float: left; margin-right: 5px; width: 210px;} #registrationPanel .sunSetFilterModule .search-group .search-row {margin-bottom: 5px;} #registrationPanel .sunSetFilterModule .btn.btn-search {float: left; background: transparent; padding: 0; font-size: 65px; line-height: 65px; color: #d62427; margin-top: -5px;} #registrationPanel .sunSetFilterModule .btn.btn-search:hover {color: #a21b1e;} #registrationPanel .sunSetFilterModule label {font-weight: 400; margin-right: 5px; width: 100px; text-align: right; font-size: 14px;} #registrationPanel .sunSetFilterModule .bootstrap-select {width: 100px;} #registrationPanel .sunSetFilterModule .bootstrap-select button {padding: 4px 9px;} #registrationPanel .position-count-container {max-width: 280px; display: inline-block; } .articleModule {padding-top: 20px; padding-bottom: 40px;} .articleModule .section-title {font-size: 32px;} .articleModule h1, .articleModule h2, .articleModule h3, .articleModule h4, .articleModule h5, .articleModule h6 {line-height: 34px; font-size: 25px; text-transform: uppercase; color: #ef2a2d;} .articleModule img {max-width: 100%;} #content {background: #fff; padding-bottom: 50px;} #homepageBanner {padding: 0; position: relative; background: #f2f4f8} #homepageBanner .carousel-inner>.item>a>img, #homepageBanner .carousel-inner>.item>img { width: auto; max-width: 100%; object-fit: cover; min-height: 580px;} #homepageBanner #registrationPanel {position: absolute; bottom: 0; z-index: 99; left: 0; right: 0; background: rgba(255,255,255,0.8); border-bottom: 0;} #mainTitle {background: #fff; padding-top: 20px;} .contactOfficesModule .section-title, .contactListModule .section-title, #mainTitle .section-title {color: #000; font-size: 38px; line-height: 50px; display: inline-block; margin-bottom: 30px;} #mainTitle a {color: #848484; font-size: 17px;} #mainTitle .titanPanel {float: right;} #mainTitle .titanPanel .socialPlugins {margin-top: 9px; background: #fff; border-radius: 3px; padding: 3px 0 3px 3px;} .module.sunSetOfferModule {background: transparent; border-width: 0; } .module.sunSetOfferModule .row-offer .offer {margin-bottom: 40px;} .module.sunSetOfferModule .row-offer .col-title > .section-title {font-size: 25px; } .module.sunSetOfferModule .row-offer .image img {width: 100%;} .module.sunSetOfferModule .row-offer .text {font-size: 17px; line-height: 20px;} .module.sunSetOfferModule .row-offer .text .title-offer {font-size: 22px; font-weight: bold; margin-top: 10px;} .module.reviewModule {background: transparent; border-width: 0;} .module.reviewModule .quote {margin-bottom: 30px;} .module.reviewModule .quote > .avatar {float: left;} .module.reviewModule .quote > blockquote {margin-left: 150px; border-left-width: 0; line-height: 20px;} .sunset-positions {margin: 0; padding: 0; list-style: none; width: 100%; display: table;} .sunset-positions > li {display: table-row; width: 100%; font-size: 17px; background: #fff; } .sunset-positions > li > .col {display: table-cell; vertical-align: middle; padding: 10px; border-top: 2px solid #e5eaee; font-size: 14px; color: #000; text-transform: uppercase;} .sunset-positions > li > .col.bonus {color: #ef2a2d; text-transform: none; font-size: 16px;} .sunset-positions > li > .col.bonus img {height: 35px;} .sunset-positions > li > .col.bonus.osternbonus {text-align: right; padding-right: 0;} .sunset-positions > li > .col.bonus.osternbonus img {height: 40px;} .sunset-positions > li > .col .btn-icon {padding: 0; width: 29px; height: 29px; line-height: 29px; text-align: center; margin-right: 3px;} .sunset-positions > li > .col .btn-primary {background: #0eb8ec; border-color: #008fc7;} .sunset-positions > li > .col .btn-danger {background: #ff4c40; border-color: #bb1a0f;} .sunset-positions > li > .col .btn-default {background: #e5eaee; border-color: #b3dae6; color: #0eb8ec;} .sunset-positions > li > .col .btn-primary-danger {background: #ff4c40; border-width: 0; background: -moz-linear-gradient(left, #ff4c40 50%, #0eb8ec 50%); background: -webkit-linear-gradient(left, #ff4c40 50%,#0eb8ec 50%); background: linear-gradient(to right, #ff4c40 50%,#0eb8ec 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c40', endColorstr='#0eb8ec',GradientType=1 ); } .sunset-positions > li > .col.next > span.btn-next {width: 70px; height: 40px; text-align: center; line-height: 40px; padding: 0; border-radius: 3px;} .sunset-positions > li > a.col {color: #000; text-decoration: none;} .sunset-positions > li > .col:last-child {border-right-width: 0;} .sunset-positions > li:hover {background: #e5eaee;} .sunset-positions > li.header {background: #e6e6e6; } .sunset-positions > li.header > .col { padding: 17px 15px; font-size: 15px; line-height: 17px; text-transform: uppercase; text-align: center; border-width: 0;} .sunset-positions .btn-success {background: #ef2a2d; border-width: 0;} .module.sunSetPositionDetailModule {background: transparent; box-shadow: none; border-width: 0;} .module.sunSetPositionDetailModule .section-title {font-size: 23px; color: #363233; padding: 12px 20px 5px; background: #f9f9f9; border: 1px solid #e2e2e2; border-bottom-width: 0; border-radius: 0;} .module.sunSetPositionDetailModule .section-title.section-title-green {color: #ef2a2d; font-size: 30px;} .module.sunSetPositionDetailModule ul {display: table; margin-bottom: 20px; border-width: 0; box-shadow: none; width: 100%;} .module.sunSetPositionDetailModule ul > li {display: table-cell; float: none; position: relative;} .module.sunSetPositionDetailModule ul > li > a {background: #ef2a2d; vertical-align: middle; color: #fff; border-radius: 0; white-space: normal; margin-right: 5px; border-width: 0; font-size: 18px; text-align: center;} .module.sunSetPositionDetailModule ul > li:nth-last-child(2) > a {margin-right: 0;} .module.sunSetPositionDetailModule ul > li.green > a {background: #9ACF05;} .module.sunSetPositionDetailModule ul > li:last-child > a {margin-right: 0;} .module.sunSetPositionDetailModule .panel {box-shadow: none; background: #f9f9f9; border: 1px solid #e2e2e2; border-top-width: 0; border-radius: 0;} .module.sunSetPositionDetailModule .panel .col-person {font-size: 18px; line-height: 28px; } .module.sunSetPositionDetailModule .panel .list-body {padding: 5px 20px 20px;} /*.module.sunSetPositionDetailModule .panel .list-body > div.row {padding-top: 5px; padding-bottom: 5px;}*/ /*.module.sunSetPositionDetailModule .panel .list-body > div.row > .col-label {text-align: right; }*/ /*.module.sunSetPositionDetailModule .panel .list-body > div.row:last-child {border-bottom-width: 0;}*/ .module.sunSetPositionDetailModule .panel.panel-warning { background: #fff; border: 2px solid #ef2a2d; color: #ef2a2d;} .module.sunSetContactModule {background: transparent; border-width: 0;} /*.module.sunSetContactModule .section-title > h2 {background-color: #008fc7; color: #fff; font-size: 22px; padding: 10px 10px; margin-bottom: 15px; text-align: center;}*/ .module.sunSetContactModule .section-description {font-size: 17px; line-height: 20px; margin-bottom: 20px;} .module.sunSetContactModule .contact-col {padding: 0 10px;} .module.sunSetContactModule .contact-col .contact {width: 20%; float: left; padding: 0 5px 10px; height: 465px;} .module.sunSetContactModule .contact-col .contact > img {width: 100%; margin-bottom: 10px;} .module.sunSetContactModule .contact-col .contact > span {font-size: 14px;} .module.sunSetContactModule .contact-col .contact-row {margin-bottom: 40px;} .module.sunSetContactModule .contact-col .contact-row .name {padding: 5px 10px; background: #ef2a2d; color: #fff; display: block; text-align: center; font-size: 20px; margin-bottom: 5px;} .module.sunSetContactModule .contact-col .contact-row .position {padding: 5px 10px; background: #ef2a2d; color: #fff; display: block; text-align: center; font-size: 16px; margin-bottom: 10px;} .module.officeModule {background: transparent; padding: 0; margin-bottom: 80px;} .module.officeModule .office {margin-bottom: 30px;} .module.officeModule .title {line-height: 34px; font-size: 30px; text-transform: uppercase; color: #ef2a2d;} .module.officeModule .map {margin-bottom: 10px;} .module.officeModule .text {background: #f9f9f9; border: 1px solid #e8e8e8; padding: 15px; font-size: 16px; min-height: 240px; color: #363233;} .module.faqModule {background: transparent; border-width: 0;} .module.faqModule > div.widget {padding: 0; } .module.faqModule > div.widget .text {font-size: 17px; line-height: 20px; margin-bottom: 50px;} .module.faqModule > div.widget .text h2, .module.faqModule > div.widget .text h3, .module.faqModule > div.widget .text h4, .module.faqModule > div.widget .text h5 {font-size: 22px;} .module.faqModule > div.widget .image {margin-top: 20px; margin-bottom: 20px;} .module.faqModule > div.widget .image > img {width: 100%;} .module.articleListModule .articleRow {margin-bottom: 15px; padding-bottom: 30px; margin-top: 15px; padding-top: 15px; border-bottom: 1px dashed #e2e2e2;} .module.articleListModule .articleRow .article-heading {background: #fff; margin-top: 0; line-height: 30px; font-size: 25px; text-transform: uppercase; color: #ef2a2d;} .module.articleListModule .articleRow .article-heading > a {color: #ef2a2d;} .module.articleListModule .articleRow .perex {font-size: 18px;} .module.articleListModule .articleRow .perex {font-size: 18px;} .module.sunSetRegisterModule {background: transparent; border-width: 0; color: #000; padding: 0 15px;} .module.sunSetRegisterModule .form-row {padding: 0 15px;} .module.sunSetRegisterModule .form-row .col {padding: 0 5px;} .module.sunSetRegisterModule .green-part {background: #f9f9f9; padding: 15px 0; border-radius: 10px; border: 1px solid #e2e2e2;} .module.sunSetRegisterModule .blue-part {background: #e6e6e6; padding: 15px 0; border-radius: 10px; border: 1px solid #c1c0c0; border-top-width: 0;} .module.sunSetRegisterModule .two-rows-label > label {height: 48px; display: table-cell; vertical-align: middle;} .module.sunSetRegisterModule label {font-size: 17px; font-weight: 400; display: block; margin: 0; text-align: left; } .module.sunSetRegisterModule select, .module.sunSetRegisterModule input:not([type=submit]):not([type=file]):not([type=checkbox]) {display: block; width: 100%; border-radius: 5px; padding: 6px 10px; border: 1px solid #3f3434; background: #fff; height: 36px; margin-bottom: 10px;} .module.sunSetRegisterModule input[type=checkbox] {margin-right: 4px;} .module.sunSetRegisterModule .blue-part select, .module.sunSetRegisterModule .blue-part input:not([type=submit]):not([type=file]) {background: #f9f9f9;} .module.sunSetRegisterModule select.age {} .module.sunSetRegisterModule .form-conditions { background: #e6e6e6; border-color: #e6e6e6; color: #000; padding: 10px; margin-bottom: 20px; border-radius: 10px;} .module.sunSetRegisterModule .form-photo { margin-bottom: 20px; font-size: 15px;} .module.sunSetRegisterModule .form-photo label {font-size: 15px;} .module.sunSetRegisterModule .form-photo label, .module.sunSetRegisterModule .form-photo input {display: inline-block;} .btn-dark {background: #ef2a2d; border-color: #ef2a2d; color: #fff;} .top-header .navbar-brand {display: none ! important;} .d-inline-block {display: inline-block;} .bannerModule .banner-title {text-shadow: none; font-size: 50px; text-align: left; line-height: 60px; margin-top: 40px; text-transform: uppercase; color: #000; font-weight: lighter;} .bannerModule .description, .bannerModule .description > * {font-weight: bold; font-size: 26px; line-height: 36px; color: #000; text-shadow: none;} .articleModule h1, .articleModule h2, .articleModule h3, .articleModule h4, .articleModule h5, .articleModule h6, .section-title > h1, .section-title > h2, .section-title > h3, .section-title > h4, .section-title > h5, .section-title, .module.articleListModule .articleRow .article-heading, .articleModule .section-title {color: #000;} .contactListModule {padding-bottom: 60px; padding-top: 20px;} .contactListModule .description {margin-bottom: 40px;} .contactListModule .contact-list .contact {margin-bottom: 50px; font-size: 15px;} .contactListModule .contact-list .contact a {color: #000;} .contactListModule .contact-list .contact strong {font-size: 18px;} .contactOfficesModule {padding-bottom: 60px; padding-top: 20px;} .contactOfficesModule .offices .office {margin-bottom: 25px;} .contactOfficesModule .offices .office:not(.flag) {float: left; margin-right: 25px; padding-top: 45px; width: 200px; height: 200px; border-radius: 50%; border: 10px solid #eee2e4; text-align: center;} .contactOfficesModule .offices .office.flag {float: left; margin-right: 30px; border: 10px solid #eee2e4; border-radius: 50%;} .contactOfficesModule .offices .office.flag img {width: 180px; height: 180px; border-radius: 50%;} .contactOfficesModule .offices .office strong {font-size: 20px; line-height: 26px;} .contactOfficesModule .offices .office a:not(.btn) {font-size: 16px; color: #000; line-height: 18px;} .contactOfficesModule .offices .office strong, .contactOfficesModule .offices .office a:not(.btn) {display: block;} .contactOfficesModule .offices .office .btn {margin-top: 5px; border-radius: 10px; padding: 5px 15px; font-size: 16px;} .contactOfficesModule .filter {float: right; } .contactOfficesModule .description {display: inline-block; font-size: 20px;} .contactOfficesModule .filter .label {color: #000; font-size: 18px;} .contactOfficesModule .filter a:not(:last-child) {margin-right: 6px;} .successFlashMessage .modal-header {border-bottom-width: 0;} .successFlashMessage .modal-body {text-align: center; padding: 0 40px 50px;} .successFlashMessage .modal-body .fa-icon {color: #0ac711; margin-bottom: 10px;} .successFlashMessage .modal-body .fa-icon.fa-times-circle-o {color: #c71100;} .careerListModule {margin-bottom: 20px;} .careerListModule .position-list {margin: 0; list-style: none; padding: 0;} .careerListModule .position-list li {border-bottom: 1px solid #e8e8e8;padding-bottom: 15px; margin-bottom: 15px;} .careerListModule .position-list a {color: #000;} .careerListModule .position-list a h2 {margin: 0; padding: 0; font-weight: bold; font-size: 28px;} .careerDetailModule {margin-bottom: 40px;} .careerDetailModule .file-upload {background: #fff; margin: 0; display: block; border: 1px solid #e2e2e2; font-weight: normal; text-align: center; padding: 61px 25px;} .careerDetailModule .checkbox input {margin-right: 5px;} .careerDetailModule .job-description {margin-bottom: 40px;} .careerDetailModule .job-description h1, .careerDetailModule .job-description h2, .careerDetailModule .job-description h3, .careerDetailModule .job-description h4, .careerDetailModule .job-description h5, .careerDetailModule .job-description h6 {font-weight: bold; font-size: 26px; line-height: 34px; color: #ef2a2d;} .careerDetailModule .panel {margin-top: 30px; box-shadow: none; background: #f9f9f9; border: 1px solid #e2e2e2; border-radius: 0;} .careerDetailModule .panel .panel-body {padding: 30px;} .conditions .custom-checkbox { position: relative; } .conditions .checkbox [type="checkbox"]:not(:checked) + label:before, .conditions .checkbox [type="checkbox"]:checked + label:before { width: 25px; height: 25px; top: -3px; } .conditions .checkbox [type="checkbox"]:not(:checked) + label:after, .conditions .checkbox [type="checkbox"]:checked + label:after { left: 5px; top: 5px; font-size: 15px; } .checkbox [type="checkbox"]:not(:checked) + label:before { border-color: #ef2a2d; } .conditions .checkbox [type="checkbox"]:not(:checked) + label, .conditions .checkbox [type="checkbox"]:checked + label { padding-left: 35px; } .conditions .help-block { position: absolute; top: 20px; left: 0; min-width: 200px; color: #ef2a2d; } .conditions .checkbox [type="checkbox"].has-error { margin-bottom: 30px; } @media (max-width: 1200px) { .bannerModule .banner-title {margin-top: 0;} } @media (min-width: 1200px) { .section-title.section-title-right > div {width: 1140px;} .top-header > .container, .banner-section .container {width: 1200px;} .bannerModule .banner-title {max-width: 50%; line-height: 52px;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button:nth-last-child(2) {margin-left: 70px} } @media (min-width: 992px) and (max-width: 1199px) { .top-header .menuModule .navbar-default .navbar-nav > li > a {padding: 25px 7px; font-size: 14px;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button > a {margin: 10px 0;} .top-header .logoModule > a.logo {padding: 20px 0 15px;} .top-header .logoModule > a.logo > img {width: 120px;} } @media (min-width: 768px) and (max-width: 991px) { .top-header .logoModule > a.logo {padding: 10px 0;} .top-header .menuModule .navbar-default .navbar-nav > li > a {padding: 15px 7px; font-size: 15px;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button > a {margin: 8px 0 0; padding: 7px 5px 5px;} .banner-section .carousel.slide .item.topLeft .carousel-caption {padding-top: 40px;} .banner-section .banner-title {font-size: 30px;} .banner-section .carousel.slide .carousel-caption > div.container > div.text {width: 380px;} .section-title > div {margin-top: 40px; padding-bottom: 40px;} .content-section {padding-top: 50px; padding-bottom: 50px;} } @media (min-width: 768px) and (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav {float: none!important; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .module.sunSetContactModule .contact-col .contact {width: 25%;} .bannerModule .banner-title {max-width: 50%; line-height: 50px;} } @media (min-width: 500px) and (max-width: 768px) { .module.sunSetContactModule .contact-col .contact {width: 33.33%; height: 450px;} .module.sunSetOfferModule .row-offer .image {width: 40%;} .module.sunSetOfferModule .row-offer .text {width: 60%;} } @media (max-width: 499px) { .module.reviewModule .quote > .avatar {float: none; text-align: center;} .module.reviewModule .quote > blockquote {margin-left: 0;} .module.sunSetContactModule .contact-col .contact {width: 50%; height: 450px;} } @media (max-width: 429px) { .module.sunSetContactModule .contact-col .contact {width: 100%; height: auto;} } @media (max-width: 991px) { .top-header > .container {padding: 0;} .top-header .logoModule > a.logo {padding: 10px 0;} .top-header .logoModule > a.logo > img {max-height: 30px; width: auto;} .top-header .navbar-brand {display: none;} .top-header .navbar-toggle {margin-right: 0; border-color: #000; border-radius: 0;} .top-header .navbar {position: inherit;} .top-header .navbar-collapse {position: absolute; border-width: 0; left: 0; right: 0; background: #dadbdd; z-index: 1; overflow-x: auto;} .top-header .menuModule .navbar-default .navbar-nav {margin-top: 0; margin-bottom: 0; border-bottom: 10px solid rgba(0,0,0,0.2); padding-bottom: 10px;} .top-header .menuModule .navbar-default .navbar-nav > li > a {padding: 15px ! important; margin-top: 2px;} .top-header .menuModule .navbar-default .navbar-nav > li.link-button > a {margin: 2px 0 0;} #homepageBanner #registrationPanel {position: relative; top: auto; left: auto; bottom: auto; right: auto; background: #f9f9f9; z-index: 0;} } @media (min-width: 560px) and (max-width: 767px) { #homepageBanner .carousel.slide .item .carousel-caption { left: 0; right: 50%; top: 0; bottom: 0; position: absolute; background: transparent; } } @media (max-width: 767px) { .bannerModule .banner-title {font-size: 40px; line-height: 40px;} .module.officeModule {margin-bottom: 0;} .section-title > div {margin-top: 20px; padding-bottom: 20px; border-width: 0 ! important;} .section-title-calculation .menuModule {float: none; display: block;} .section-title-calculation .menuModule .nav > li > a {text-align: center;} .section-title-calculation .menuModule .dropdown-menu {right: 0;} .content-section {padding-top: 40px; padding-bottom: 40px;} .main-footer {padding-top: 5px; padding-bottom: 20px;} .main-footer .menuModule .navbar-nav {width: 100%;} .main-footer .menuModule .navbar-nav > li > a {border-bottom: 1px solid #5d4e4e;} .main-footer div.logoModule {margin-top: 15px; margin-bottom: 60px;} .circlePanelModule .circle-text {margin-left: 70px;} .banner-section .carousel.slide .carousel-caption > div.container > div.text {width: auto;} .banner-section .carousel.slide .carousel-caption > div.container > div.text:after {display: none;} .banner-section .carousel.slide .item .carousel-caption {padding-top: 20px ! important; padding-bottom: 20px;} .banner-section .banner-title {font-size: 32px;} .banner-section .banner-title, .banner-section .description {padding-left: 15px;} .register-section {padding-left: 0; padding-right: 0;} .stepwizard .stepwizard-row .stepwizard-step p {font-size: 14px; line-height: 14px;} .priceCalculationModule .panel-heading {padding: 10px 0 0;} .priceCalculationModule .panel-body {padding: 15px 0;} body {padding-top: 51px;} .top-header {position: fixed; top: 0; left: 0; right: 0; z-index: 10; border-bottom: 2px solid #d52427;} label {text-align: left;} #mainTitle {padding: 20px 0;} #content {padding: 0 0 50px;} .module.sunSetPositionDetailModule ul {display: block; margin-top: 0;} .module.sunSetPositionDetailModule ul > li {display: block; } .module.sunSetPositionDetailModule ul > li > a {min-height: 0; margin-bottom: 5px; margin-right: 0; background: #373435;} .module.sunSetPositionDetailModule ul > li.green > a {background: #d52427;} #mainTitle .titanPanel {display: none;} #homepageBanner #registrationPanel {display: none;} } @media (min-width: 993px) and (max-width: 1200px) { .advantages .advantage {padding-right: 30px;} .advantages .advantage .advantage-name {font-size: 15px;} .advantages .advantage .badge {right: 30px;} } @media (min-width: 769px) and (max-width: 992px) { .advantages .advantage {padding-right: 20px;} .advantages .advantage .advantage-name {font-size: 14px;} .advantages .advantage .badge {right: 20px;} } @media (max-width: 768px) { .advantagesPanel {position: relative;} .advantagesPanel .advantagesPanelShadow {position: absolute; content: ' '; top: 0; bottom: 0; right: 0; width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .advantages { white-space: nowrap; overflow: auto; width: 100%; position: relative; padding-right: 40px;} .advantages .advantage {float: inherit; display: inline-block; padding: 15px 20px 15px 0;} .advantages .advantage .advantage-name {font-size: 14px;} .advantages .advantage .badge {right: 15px; top: 4px;} } @media (max-width: 560px) { .advantages {border-bottom: 1px dotted #d6d6d6;} } @media (min-width: 600px) and (max-width: 992px) { #registrationPanel .sunSetFilterModule {margin-bottom: 0;} #registrationPanel .sunSetFilterModule form {text-align: center;} #registrationPanel .sunSetFilterModule .btn.btn-search, #registrationPanel .sunSetFilterModule .search-group {float: none; width: auto; display: inline-block;} #registrationPanel .sunSetFilterModule .search-group .search-row {display: inline-block; margin-right: 10px;} #registrationPanel .sunSetFilterModule .btn.btn-search {font-size: 30px; line-height: 30px;} #registrationPanel .sunSetFilterModule label {width: auto;} #registrationPanel .row > .col:nth-child(1) {width: 50%;} #registrationPanel .row > .col:nth-child(2) {border-right-width: 0; width: 50%;} #registrationPanel .row > .col:nth-child(3) {border-top: 1px solid #e2e2e2; height: auto; min-height: 0;} } @media (max-width: 599px) { #registrationPanel .sunSetFilterModule {text-align: center;} #registrationPanel .sunSetFilterModule form {display: inline-block;} #registrationPanel .row > .col {border-right-width: 0; border-bottom: 1px solid #e2e2e2;} #registrationPanel .row > .col:last-child {border-bottom-width: 0;} #registrationPanel .row > .col {height: auto; min-height: 0;} #registrationPanel .row > .col .circle {float: none; display: block; margin: 0 auto 10px;} .sunset-positions > li > .col.bonus {text-align: center;} } @media (max-width: 700px) { #content.sunset-positions {padding: 0; margin-top: 0;} #content.sunset-positions > .container {padding: 0;} #content.sunset-positions > .container > .sunSetPositionModule {margin-bottom: 0 ! important; border-width: 0;} #homepageBanner .carousel-inner>.item>a>img, #homepageBanner .carousel-inner>.item>img {min-height: 400px} } @media (max-width: 980px) { .sunset-positions > li > .col {padding: 10px 5px;} .sunset-positions > li > .col.bonus img {height: 25px;} .sunset-positions > li > .col.bonus.osternbonus {padding-top: 7px;} .sunset-positions > li > .col.bonus.osternbonus img {height: 35px;} } @media (max-width: 1199px) { #content.sunset-positions {padding-bottom: 20px;} .sunset-positions > li.header {display: none;} .sunset-positions {display: block; } .sunset-positions > li {display: block; float: left;} .sunset-positions > li:nth-child(2n+1) {background: #403437; } .sunset-positions > li:nth-child(2n+1) a {color: #fff;} .sunset-positions > li:nth-child(2n+1) .col {border-color: #5d4e4e ! important;} .sunset-positions > li > .col {display: inline-block; float: left; text-align: left; padding: 10px;} .sunset-positions > li > a.place {width: 60%;} .sunset-positions > li > a.place > img {width: 19px;} .sunset-positions > li > a.turnus, .sunset-positions > li > a.start {width: 20%;} .sunset-positions > li > a.person2, .sunset-positions > li > a.accomondation, .sunset-positions > li > a.internet, .sunset-positions > li > a.bonus, .sunset-positions > li > a.person {width: 16%;} .sunset-positions > li > a.next {width: 20%; padding-top: 5px;} .sunset-positions > li > a.next > span {display: block; width: 100% ! important;} } @media (max-width: 460px) { .sunset-positions > li > a.internet {display: none;} .sunset-positions > li > a.person, .sunset-positions > li > a.person2, .sunset-positions > li > a.accomondation, .sunset-positions > li > a.next {width: 25%;} } @media (max-width: 380px) { .sunset-positions > li > a.place {width: 100%;} .sunset-positions > li > a.turnus, .sunset-positions > li > a.start {width: 50%;} .sunset-positions > li > a.accomondation {display: none;} .sunset-positions > li > a.person, .sunset-positions > li > a.person2, .sunset-positions > li > a.accomondation, .sunset-positions > li > a.bonus, .sunset-positions > li > a.next {width: 25%;} }