/* -------------------- [ Variables ] -------------------- */
/* -------------------- [ Css Reset ] -------------------- */
@import url(./form-validator.css);
@import url(./swiper.min.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }

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

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

a { text-decoration: none; }

ul { list-style: none; margin: 0px; padding: 0px; }

input, textarea, select { font-family: Arial; box-sizing: border-box; }

input::placeholder, textarea::placeholder, select::placeholder { color: #999; }

/* -------------------- [ Success ] -------------------- */
section.success div.box { width: 100%; padding: 20px; }

section.success h3 { text-align: center; font-weight: bold; margin-bottom: 20px; }

section.success p { text-align: justify; line-height: 1.4em; font-size: 0.9em; }

section.success div.green-box { background: #efffe7; color: #62c460; border: 1px solid #62c460; margin-bottom: 20px; }

section.success div.green-box p { text-align: center; }

section.success div.yellow-box { background: #fff3e1; color: #333; border: 1px solid #ffc877; }

/* -------------------- [ User Profile ] -------------------- */
section.user-profile header { position: relative; }

section.user-profile header ul { float: right; position: absolute; top: 0px; right: 0px; }

section.user-profile header ul li { display: inline-block; }

section.user-profile header ul li a { background: #577998; color: white; font-size: 0.9em; padding: 4px 10px; transition: all 0.5s; }

section.user-profile header ul li a:hover { background: #0b2b39; }

section.user-profile .form { max-width: 300px; }

section.user-profile .form input[type='submit'] { background: #577998; color: white; padding: 7px; font-size: 0.8em; font-weight: bold; cursor: pointer; margin-top: 10px; }

section.user-profile .form .row { width: 100%; margin-bottom: 10px; }

section.user-profile .form .row input[type='text'], section.user-profile .form .row input[type='password'], section.user-profile .form .row select { width: 100%; padding: 10px; border: 1px solid #ccc; font-size: 0.9em; border-left-width: 3px; }

section.user-profile .form .row select { padding: 7px; }

section.user-profile .table { width: 100%; display: table; margin-bottom: 50px; text-align: center; border-collapse: collapse; font-size: 0.9em; }

section.user-profile .table .row { display: table-row; border: 1px solid white; }

section.user-profile .table .row:nth-child(odd) .cell { background: #efefef; }

section.user-profile .table .row .head { display: table-cell; vertical-align: middle; padding: 10px; border: 2px solid white; background: #b2c4d4; color: #435e77; font-weight: bold; }

section.user-profile .table .row .cell { display: table-cell; vertical-align: middle; padding: 12px 10px; border: 2px solid white; }

section.user-profile .table .row .cell:first-child { width: 30px; }

section.user-profile .table .row .cell:last-child a { background: #577998; color: white; font-size: 0.8em; padding: 4px 10px; transition: all 0.5s; }

section.user-profile .table .row .cell:last-child a:hover { background: #0b2b39; }

section.user-profile .number { margin-bottom: 50px; }

section.user-profile .number strong { font-weight: bold; }

section.user-profile .number span { color: green; font-size: 0.8em; letter-spacing: 1px; }

/* -------------------- [ Social Links ] -------------------- */
ul.social_links { position: fixed; right: 0px; top: 20%; }

ul.social_links li:nth-child(1) { background: #3c5a98; }

ul.social_links li:nth-child(2) { background: #1ea1f3; }

ul.social_links li:nth-child(3) { background: #0274b3; }

ul.social_links li:nth-child(4) { background: #dd4f43; }

ul.social_links li a { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; }

ul.social_links li a img { height: 18px; width: auto; }

/* -------------------- [ Common ] -------------------- */
body { font-family: 'Arial'; background: url("../images/eagle.gif") no-repeat center center fixed #b2c4d4; background-size: 80%; }

.wrapper { width: 1024px; background: white; margin: 0px auto; }

/* -------------------- [ Includes ] -------------------- */
/* -------------------- [ Loading ] -------------------- */
@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
  20% { -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% { transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

div.main-loading { background: white; position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: 99999999999; display: flex; align-items: center; justify-content: center; flex-direction: column; }

div.main-loading span.text { font-size: 0.9em; }

div.main-loading .spinner { margin: 30px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }

div.main-loading .spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }

div.main-loading .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

div.main-loading .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

div.main-loading .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

div.main-loading .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

/* -------------------- [ Form Validation ] -------------------- */
.form-error { font-size: 0.8em; }

.message { width: 100%; padding: 15px; text-align: center; clear: both; margin-top: 15px; margin-bottom: 15px; }

.message strong { font-size: 0.9em; }

.message strong::before { content: ''; vertical-align: middle; width: 15px; height: 15px; display: inline-block; margin-right: 10px; background-size: 100%; background-repeat: no-repeat; }

.success-message { background: #dff2bf; color: #2b7d09; }

.success-message strong::before { background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjOTFEQzVBIi8+Cjwvc3ZnPgo="); }

.error-message { background: #ffbaba; color: #d8000c; }

.error-message strong::before { background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyIDUyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MiA1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yNiwwQzExLjY2NCwwLDAsMTEuNjYzLDAsMjZzMTEuNjY0LDI2LDI2LDI2czI2LTExLjY2MywyNi0yNlM0MC4zMzYsMCwyNiwweiBNMjYsNTBDMTIuNzY3LDUwLDIsMzkuMjMzLDIsMjYgICBTMTIuNzY3LDIsMjYsMnMyNCwxMC43NjcsMjQsMjRTMzkuMjMzLDUwLDI2LDUweiIgZmlsbD0iI0Q4MDAyNyIvPgoJPHBhdGggZD0iTTM1LjcwNywxNi4yOTNjLTAuMzkxLTAuMzkxLTEuMDIzLTAuMzkxLTEuNDE0LDBMMjYsMjQuNTg2bC04LjI5My04LjI5M2MtMC4zOTEtMC4zOTEtMS4wMjMtMC4zOTEtMS40MTQsMCAgIHMtMC4zOTEsMS4wMjMsMCwxLjQxNEwyNC41ODYsMjZsLTguMjkzLDguMjkzYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0QzE2LjQ4OCwzNS45MDIsMTYuNzQ0LDM2LDE3LDM2ICAgczAuNTEyLTAuMDk4LDAuNzA3LTAuMjkzTDI2LDI3LjQxNGw4LjI5Myw4LjI5M0MzNC40ODgsMzUuOTAyLDM0Ljc0NCwzNiwzNSwzNnMwLjUxMi0wLjA5OCwwLjcwNy0wLjI5MyAgIGMwLjM5MS0wLjM5MSwwLjM5MS0xLjAyMywwLTEuNDE0TDI3LjQxNCwyNmw4LjI5My04LjI5M0MzNi4wOTgsMTcuMzE2LDM2LjA5OCwxNi42ODQsMzUuNzA3LDE2LjI5M3oiIGZpbGw9IiNEODAwMjciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K"); }

.ltr-message { text-align: left !important; }

.checkbox.has-error { background: #f2dede; padding: 5px; }

.form-wrapper div.checkbox .has-error { background: #f2dede; color: #b94a48; padding: 5px 0px; }

/* -------------------- [ Hamburger Icon ] -------------------- */
/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 30px; height: 18px; position: relative; /* margin: 10px auto; */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 3px; width: 100%; background: #4d4d4d; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon1 span:nth-child(1) { top: 0px; }

#nav-icon1 span:nth-child(2) { top: 18px; }

#nav-icon1 span:nth-child(3) { top: 36px; }

#nav-icon1.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }

#nav-icon1.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

/* Icon 2 */
#nav-icon2 span { display: block; position: absolute; height: 9px; width: 50%; background: #d3531a; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }

#nav-icon2 span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 18px; }

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 36px; }

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }

#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }

#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }

#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }

#nav-icon2.open span:nth-child(5) { left: 5px; top: 29px; }

#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 29px; }

/* Icon 3 */
#nav-icon3 span:nth-child(1) { top: 0px; }

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 8px; }

#nav-icon3 span:nth-child(4) { top: 16px; }

#nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }

#nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

/* Icon 4 */
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon4 span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon4 span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon4.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }

#nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0; }

#nav-icon4.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; }

/* -------------------- [ Main Header ] -------------------- */
.main-header { background: url("../images/header.jpg") no-repeat center center; border-bottom: 2px solid white; height: 150px; position: relative; }

.main-header a.form-link { position: absolute; top: 15px; left: 25px; }

.main-header h2 { position: absolute; top: 15px; right: 20px; color: #212741; }

.main-header img.text { position: absolute; bottom: 20px; right: 20px; }

.main-header .logo { position: absolute; left: 25px; bottom: 20px; }

.main-header .logo img { width: 260px; height: auto; }

/* -------------------- [ Main Navigation ] -------------------- */
.main-nav { background: #949494; padding: 15px; }

.main-nav .reponsive { display: none; align-items: center; }

.main-nav .reponsive .item:last-child { margin-left: 15px; font-weight: bold; }

.main-nav ul { display: flex; justify-content: space-between; }

.main-nav ul li { display: block; width: 11.5%; }

.main-nav ul li a { display: block; background: #848484; color: white; text-align: center; padding: 5px 0px; font-size: 0.9em; border: 1px solid #4d4d4d; transition: all 0.5s; letter-spacing: 0.5px; }

.main-nav ul li a:hover { background: #4d4d4d; }

.main-nav .active { background: #4d4d4d !important; }

/* -------------------- [ All pages top ] -------------------- */
div.all-top { padding: 15px 15px 0px 15px; display: flex; justify-content: space-between; margin-bottom: 10px; }

div.all-top .text { display: flex; align-items: center; }

div.all-top a.header-goto-order { font-weight: bold; color: #0b2b39; display: block; margin-top: 5px; }

div.all-top a.header-goto-order:hover { color: red; }

div.all-top .links img:last-child { margin-left: 5px; }

/* -------------------- [ Home Content ] -------------------- */
.home-content { padding: 15px 15px 15px 15px; }

.home-content .red { color: red; }

.home-content .jumbotron { background: #ebebeb; border: 1px solid #cccccc; padding: 20px 15px 20px 15px; line-height: 1.5em; font-size: 0.9em; color: #444; margin-bottom: 30px; }

.home-content .jumbotron a.mehr-link { color: red; font-weight: bold; }

.home-content .jumbotron div#mehr-content { display: none; }

.home-content .jumbotron p strong { font-weight: bold; }

.home-content .jumbotron ul { margin-top: 20px; margin-left: 10px; margin-bottom: 20px; }

.home-content .jumbotron ul li::before { content: '-'; margin-right: 5px; }

.home-content .form-wrapper { color: #333; }

.home-content .form-wrapper strong.country_red_text { color: red; font-size: 0.8em; }

.home-content .form-wrapper .disabled-checkbox { opacity: 0.5; }

.home-content .form-wrapper .hide { display: none !important; }

.home-content .form-wrapper span.help-block.form-error { display: none !important; }

.home-content .form-wrapper .stars { text-align: center; margin-top: 50px; line-height: 2em; font-size: 0.9em; color: #577998; }

.home-content .form-wrapper .stars img { max-width: 150px; height: auto; }

.home-content .form-wrapper .stars a { color: #11506b; }

.home-content .form-wrapper .rules { text-align: center; color: #577998; margin-top: 20px; }

.home-content .form-wrapper .rules .has-error { background: #f2dede; padding: 15px; margin: 0px auto; display: inline-block; border: 1px solid #b94a48; /*&::before{ content: ''; vertical-align: middle; width: 15px; height: 15px; display: inline-block; margin-right: 10px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyIDUyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MiA1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yNiwwQzExLjY2NCwwLDAsMTEuNjYzLDAsMjZzMTEuNjY0LDI2LDI2LDI2czI2LTExLjY2MywyNi0yNlM0MC4zMzYsMCwyNiwweiBNMjYsNTBDMTIuNzY3LDUwLDIsMzkuMjMzLDIsMjYgICBTMTIuNzY3LDIsMjYsMnMyNCwxMC43NjcsMjQsMjRTMzkuMjMzLDUwLDI2LDUweiIgZmlsbD0iI0Q4MDAyNyIvPgoJPHBhdGggZD0iTTM1LjcwNywxNi4yOTNjLTAuMzkxLTAuMzkxLTEuMDIzLTAuMzkxLTEuNDE0LDBMMjYsMjQuNTg2bC04LjI5My04LjI5M2MtMC4zOTEtMC4zOTEtMS4wMjMtMC4zOTEtMS40MTQsMCAgIHMtMC4zOTEsMS4wMjMsMCwxLjQxNEwyNC41ODYsMjZsLTguMjkzLDguMjkzYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0QzE2LjQ4OCwzNS45MDIsMTYuNzQ0LDM2LDE3LDM2ICAgczAuNTEyLTAuMDk4LDAuNzA3LTAuMjkzTDI2LDI3LjQxNGw4LjI5Myw4LjI5M0MzNC40ODgsMzUuOTAyLDM0Ljc0NCwzNiwzNSwzNnMwLjUxMi0wLjA5OCwwLjcwNy0wLjI5MyAgIGMwLjM5MS0wLjM5MSwwLjM5MS0xLjAyMywwLTEuNDE0TDI3LjQxNCwyNmw4LjI5My04LjI5M0MzNi4wOTgsMTcuMzE2LDM2LjA5OCwxNi42ODQsMzUuNzA3LDE2LjI5M3oiIGZpbGw9IiNEODAwMjciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); background-size: 100%; background-repeat: no-repeat; vertical-align: middle; }*/ }

.home-content .form-wrapper .rules a { color: #577998; font-weight: bold; }

.home-content .form-wrapper .rules input[type='checkbox'] { margin-right: 5px; }

.home-content .form-wrapper .rules input.btn-submit, .home-content .form-wrapper .rules a.btn-submit {
    display: inline-block;
    margin-top: 20px;
    color: white;
    background: linear-gradient(#ff8000, #ffcc00);
    padding: 25px 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.home-content .form-wrapper .rules input.btn-submit:hover, .home-content .form-wrapper .rules a.btn-submit:hover {
    background: linear-gradient(#ffcc00, #ff8000);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(255, 128, 0, 0.4);
    border-color: #ff6600;
}

.home-content .form-wrapper .top h2 { font-weight: bold; font-size: 1.3em; margin-bottom: 15px; }

.home-content .form-wrapper .top P { color: #416b82; }

.home-content .form-wrapper .top a { color: #11506b; display: inline-block; border: 1px solid #416b82; padding: 5px 10px; border-radius: 5px; margin-top: 20px; }

.home-content .form-wrapper .top a span { display: inline-flex; color: white; background: #416b82; border-radius: 50%; width: 30px; height: 30px; vertical-align: middle; align-items: center; justify-content: center; font-size: 1.3em; line-height: 0px; margin-right: 5px; }

.home-content .form-wrapper .top a strong { vertical-align: middle; }

.home-content .form-wrapper .items { margin-top: 20px; display: flex; justify-content: space-between; }

.home-content .form-wrapper .items .payment img { margin-bottom: 20px; max-width: 50px; height: auto; }

.home-content .form-wrapper .items .payment .row { width: 100%; margin-bottom: 15px; }

.home-content .form-wrapper .items .payment .row input[type='radio'] { margin-right: 10px; }

.home-content .form-wrapper .items .payment #creditcard { font-size: 0.9em; line-height: 1.7em; background: #f0f0f0; border: 1px solid #ccc; padding: 10px; margin-top: 30px; margin-bottom: 20px; display: none; }

.home-content .form-wrapper .items .payment #creditcard .row:last-child { margin-bottom: 0px; }

.home-content .form-wrapper .items .payment #creditcard .row a#hilfe { font-size: 0.9em; letter-spacing: 1px; }

.home-content .form-wrapper .items .payment #creditcard .row select, .home-content .form-wrapper .items .payment #creditcard .row input[type='text'] { border: 1px solid #ccc; padding: 2px 5px; display: inline-block; font-size: 0.9em; }

.home-content .form-wrapper .items .payment #vorkasse { font-size: 0.9em; line-height: 1.7em; background: #f0f0f0; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; text-align: justify; display: none; }

.home-content .form-wrapper .items .payment #vorkasse strong { font-weight: bold; }

.home-content .form-wrapper .items .form-wrapper { margin-bottom: 30px; }

.home-content .form-wrapper .items .form-wrapper .total { text-align: right; line-height: 1.5em; }

.home-content .form-wrapper .items .form-wrapper .total strong { color: green; font-size: 1em; font-weight: bold; }

.home-content .form-wrapper .items .form-wrapper .total span { font-size: 0.9em; }

.home-content .form-wrapper .items .form-wrapper .checkbox { display: flex; justify-content: space-between; margin-bottom: 16px; }

.home-content .form-wrapper .items .form-wrapper .checkbox input[type='checkbox'] { margin-left: 5px; }

.home-content .form-wrapper .items .form-wrapper .checkbox strong { font-size: 0.9em; }

.home-content .form-wrapper .items .form-wrapper .checkbox div:first-child { display: flex; align-items: center; font-size: 0.9em; }

.home-content .form-wrapper .items .form-wrapper .row { display: flex; justify-content: space-between; margin-bottom: 10px; }

.home-content .form-wrapper .items .form-wrapper .row input, .home-content .form-wrapper .items .form-wrapper .row select, .home-content .form-wrapper .items .form-wrapper .row textarea { width: 100%; border: 1px solid #dee5ec; padding: 5px; display: inline-block; font-size: 0.9em; }

.home-content .form-wrapper .items .form-wrapper .row div { width: 45%; }

.home-content .form-wrapper .items .form-wrapper .row div:first-child { display: flex; align-items: center; font-size: 0.9em; }

.home-content .form-wrapper .items .item { width: 48%; color: #333; }

.home-content .form-wrapper .items .item .title { background: #b2c4d4; color: #11506b; width: 100%; padding: 10px; margin-bottom: 15px; }

.home-content .form-wrapper .items .item .subtitle { background: #dee5ec; }

.home-content .form-wrapper .items .item .subtitle a { float: right; font-size: 0.9em; color: crimson; }

.home-content .form-wrapper .items .item .desc { text-align: justify; line-height: 1.5em; font-size: 0.9em; margin-bottom: 20px; }

.home-content .flags { margin-top: 50px; }

.home-content .flags h3 { text-align: center; color: #11506b; }

.home-content .flags .links { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }

.home-content .flags .links img { filter: grayscale(100%); transition: all 0.5s; max-width: 40px; }

.home-content .flags .links img:hover { filter: grayscale(0%); }

/* -------------------- [ Creditcard Help ] -------------------- */
.creditcard-help { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.8); z-index: 1000; align-items: center; justify-content: center; display: none; }

.creditcard-help .content { width: 25%; padding: 20px; background: white; position: relative; }

.creditcard-help .content img { width: 100%; height: auto; }

.creditcard-help .content a.close { background: crimson; color: white; width: 30px; height: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-weight: bold; position: absolute; top: -10px; right: -10px; line-height: 0px; }

/* -------------------- [ Countries Tooltip ] -------------------- */
.counteris_tooltip_holder { position: relative; }

.counteris_tooltip_holder .country_red_text { cursor: pointer; }

.counteris_tooltip_holder:hover .counteris_tooltip { display: block; }

.counteris_tooltip_holder .counteris_tooltip { width: 100% !important; position: absolute; bottom: 20px; left: 0px; background: #0b2b39; color: white; display: none; font-size: 13px; line-height: 1.8em; padding: 10px; }

/* -------------------- [ Main Footer ] -------------------- */
footer.main-footer { background: #577998; padding: 20px 15px; }

footer.main-footer .bottom { margin-top: 40px; display: flex; justify-content: space-between; }

footer.main-footer .bottom img { max-width: 260px; height: auto; }

footer.main-footer .bottom div:last-child { max-width: 500px; text-align: left; }

footer.main-footer .bottom div:last-child ul { line-height: 1.2em; }

footer.main-footer .bottom div:last-child ul li:last-child::after { display: none; }

footer.main-footer .bottom div:last-child ul li { display: inline-block; }

footer.main-footer .bottom div:last-child ul li::after { content: '|'; font-size: 0.8em; }

footer.main-footer .bottom div:last-child ul li a { color: #0b2b39; font-size: 0.9em; }

footer.main-footer .boxes { display: flex; justify-content: space-between; }

footer.main-footer .boxes .menu { width: 100px; }

footer.main-footer .boxes .contact { width: 270px; }

footer.main-footer .boxes .did-you-know { width: 260px; }

footer.main-footer .boxes .news { width: 270px; }

footer.main-footer .boxes .item { color: white; }

footer.main-footer .boxes .item h4 { color: #0b2b39; font-weight: bold; margin-bottom: 20px; }

footer.main-footer .boxes .item ul { font-size: 0.9em; line-height: 1.3em; }

footer.main-footer .boxes .item p { font-size: 0.9em; line-height: 1.2em; }

footer.main-footer .boxes .item a { color: #dee5ec; }

/* -------------------- [ page ] -------------------- */
section.page { padding: 15px 15px 50px 15px; }

section.page header h1 { font-weight: bold; font-size: 1.2em; padding-bottom: 10px; margin-top: 30px; margin-bottom: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

/* -------------------- [ Amtsgerichte ] -------------------- */
article.amtsgerichte a { color: #A42424; }

article.amtsgerichte a:hover { color: black; }

article.amtsgerichte strong { display: inline-block !important; }

article.amtsgerichte .alphabet { display: flex; align-items: center; justify-content: space-between; }

article.amtsgerichte .alphabet a { border-bottom: 1px dotted #A42424; font-size: 13px; }

/* -------------------- [ Download App ] -------------------- */
section.download-app figure { width: 100%; text-align: center; }

section.download-app figure img { max-width: 300px; height: auto; }

/* -------------------- [ Impressum ] -------------------- */
section.impressum article strong { font-weight: bold; display: block; margin-bottom: 5px; }

section.impressum article p { font-size: 0.9em; line-height: 1.5em; margin-bottom: 20px; }

/* -------------------- [ News ] -------------------- */
section.news time { color: #999; display: block; margin-bottom: 20px; font-size: 0.9em; border-left: 4px solid #999; padding-left: 8px; }

section.news p { font-size: 0.9em; line-height: 1.7em; }

/* -------------------- [ Faq ] -------------------- */
section.faq .faq-items { margin-bottom: 40px; }

section.faq ul.pagination { margin-top: 40px; }

section.faq ul.pagination li { display: block; float: left; margin-right: 5px; font-size: 0.9em; }

section.faq ul.pagination li.active a { background: #444; color: white; }

section.faq ul.pagination li a { display: block; padding: 5px 8px; background: #ccc; color: #444; }

section.faq article h2 { color: crimson; font-weight: bold; margin-bottom: 20px; }

section.faq article strong { display: block; font-weight: bold; margin: 25px 0px 15px 0px; font-size: 0.9em; }

section.faq article p { font-size: 0.9em; line-height: 1.2em; }

section.faq article ul.faq { line-height: 2em; font-size: 0.9em; }

section.faq article ul.faq li:nth-child(odd) { font-weight: bold; cursor: pointer; }

section.faq article ul.faq li p { line-height: 2em; }

section.faq article ul.faq li:nth-child(even) { display: none; background: #efefef; border: 1px solid #ccc; padding: 0px 10px; font-size: 0.9em; margin: 10px 10px; text-align: justify; line-height: 2em; }

/* -------------------- [ Contact US ] -------------------- */
section.contact-us .items { display: flex; justify-content: space-between; }

section.contact-us .items .item { width: 40%; }

section.contact-us .items .item.form input[type='submit'] { background: #577998; color: white; padding: 7px; font-size: 0.8em; font-weight: bold; cursor: pointer; margin-top: 10px; }

section.contact-us .items .item.form input[type='text'], section.contact-us .items .item.form textarea { width: 100%; display: block; border: 1px solid #dee5ec; font-size: 0.9em; padding: 8px 5px; margin-bottom: 7px; border-left-width: 3px; }

section.contact-us .items .item.form input[type='text']::placeholder, section.contact-us .items .item.form textarea::placeholder { color: #555; }

section.contact-us .items .item p { line-height: 1.5em; font-size: 0.9em; }

/* -------------------- [ Uber Hra ] -------------------- */
section.uber-hra article h2 { font-weight: bold; color: #577998; }

section.uber-hra article ul { margin: 20px 0px 20px 30px; font-size: 0.9em; line-height: 1.5em; list-style: disc; }

section.uber-hra article p { font-size: 0.9em; line-height: 1.5em; margin-bottom: 20px; }

/* -------------------- [ Login ] -------------------- */
section.login .form { max-width: 250px; margin: 0px auto; }

section.login .form input[type='submit'] { background: #577998 !important; color: white; font-weight: bold; padding: 5px 10px; font-size: 0.9em; cursor: pointer; }

section.login .form hr { border: none; height: 1px; color: #ccc; background-color: #ccc; margin: 30px 0px 10px 0px; }

section.login .form a { color: #577998; }

section.login .form small, section.login .form label { font-size: 0.9em; color: #577998; }

section.login .form .row { width: 100%; margin-bottom: 10px; }

section.login .form .row input[type='text'], section.login .form .row input[type='password'] { width: 100%; padding: 10px; border: 1px solid #ccc; font-size: 0.9em; border-left-width: 3px; }

/* -------------------- [ Price List ] -------------------- */
section.price-list h2.red-title { font-weight: bold; color: crimson; margin-bottom: 20px; text-align: center; }

section.price-list strong.zzgl { display: inline-block; background: #efefef; padding: 10px; color: #333; font-weight: bold; border-left: 4px solid #555; }

section.price-list .table { width: 100%; display: table; margin-bottom: 50px; }

section.price-list .table .row { display: table-row; }

section.price-list .table .row:nth-child(odd) .cell { background: #efefef; }

section.price-list .table .row .cell { display: table-cell; vertical-align: middle; padding: 20px 15px; }

section.price-list .table .row .cell strong { font-weight: bold; display: block; margin-bottom: 7px; }

section.price-list .table .row .cell p { font-size: 0.9em; line-height: 1.3em; }

section.price-list .table .row .cell:last-child { min-width: 100px; text-align: center; font-weight: bold; color: green; font-size: 0.8em; border-left: 2px solid white; }

/* -------------------- [ Reviews Slider ] -------------------- */
div.review-slider { width: 100%; margin: 60px auto 50px auto; overflow: hidden; }

div.review-slider h3 { font-weight: bold; display: block; text-align: center; color: #577998; }

div.review-slider .vorsicht-content { text-align: justify; text-align-last: center; font-size: 14px; margin: 20px auto 50px auto; line-height: 1.5em; color: #555; }

div.review-slider .swiper-container { width: 100%; height: 100%; margin-top: 40px; overflow: visible; }

div.review-slider .swiper-pagination { margin-top: 30px; position: static; }

div.review-slider .swiper-button-prev, div.review-slider .swiper-button-next { transform: scale(0.7); top: 80px; }

div.review-slider .swiper-slide { display: flex; min-height: 160px; justify-content: flex-start; align-items: flex-start; flex-direction: column; background: #f0f0f0; padding: 10px; }

div.review-slider .swiper-slide::after { content: ''; width: 40px; height: 30px; background: url("../images/review.png"); background-size: 100%; background-repeat: no-repeat; position: absolute; top: -12px; right: 10px; display: block; transform: scale(0.6); }

div.review-slider .swiper-slide strong, div.review-slider .swiper-slide img, div.review-slider .swiper-slide p { display: block; }

div.review-slider .swiper-slide strong { font-weight: bold; font-size: 0.9em; color: #0b2b39; }

div.review-slider .swiper-slide img { margin: 10px 0px; }

div.review-slider .swiper-slide p { font-size: 0.9em; line-height: 1.5em; color: #577998; }

/* -------------------- [ Media Queries - Responsive ] -------------------- */
@media screen and (max-width: 425px) { main.wrapper { width: 100%; }
  main.wrapper .text { display: none; }
  .main-header .logo img { max-width: 80%; height: auto; }
  .main-header a.form-link img { max-width: 80%; }
  nav.main-nav .reponsive { display: flex; }
  nav.main-nav ul { display: none; text-align: center; margin-top: 30px; overflow: hidden; }
  nav.main-nav ul li { width: 49%; display: block; float: left; margin-bottom: 5px; }
  nav.main-nav ul li:nth-child(odd) { margin-right: 1%; }
  .home-content .form-wrapper .items .form-wrapper .row label { font-size: 0.9em; }
  .home-content .form-wrapper .items { flex-direction: column; }
  .home-content .form-wrapper .items .item { width: 100%; }
  .home-content .form-wrapper .items .form-wrapper .product-item { flex-direction: column; margin-bottom: 30px; }
  .home-content .form-wrapper .items .form-wrapper .product-item div:first-child { margin-bottom: 10px; font-weight: bold; }
  .home-content .flags .links { flex-wrap: wrap; }
  footer.main-footer .boxes { flex-flow: column-reverse; }
  footer.main-footer .boxes .item { width: 100% !important; margin-bottom: 30px; }
  footer.main-footer .boxes .item:first-child { margin-bottom: 0px; }
  footer.main-footer .bottom { flex-direction: column; }
  footer.main-footer .bottom div { width: 100% !important; }
  footer.main-footer .bottom div:first-child { margin-bottom: 30px; }
  footer.main-footer .bottom div:last-child { text-align: left; }
  section.contact-us .items { flex-direction: column; }
  section.contact-us .items .item { width: 100%; }
  section.contact-us .items .item:first-child { margin-bottom: 30px; }
  section.price-list .table { width: 100%; }
  .creditcard-help .content { width: 92%; }
  ul.social_links { display: none; }
  section.user-profile header ul { top: 40px; }
  .responsive-scroll { width: 100%; overflow-x: scroll; }
  .responsive-scroll div.table { min-width: 900px; }
  #order-form span.help-block.form-error { display: none !important; }
  #order-form #frm_inpt_postal_code, #order-form #frm_inpt_city { width: 75px !important; }
  .main-header h2 { display: none; } }

/* -------------------- [ Print ] -------------------- */
@media print { .main-header, footer.main-footer, .main-nav, .home-content .flags, section.faq ul.pagination { display: none; } }

/* ===== MODERN REVIEWS SECTION ===== */
.modern-reviews-header {
    text-align: center;
    margin-bottom: 40px;
}

.modern-reviews-header h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.rating-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.stars-display {
    display: flex;
    gap: 4px;
}

.stars-display i {
    color: #ffc107;
    font-size: 24px;
}

.rating-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.rating-text strong {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.rating-text span {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}

/* Modern Review Cards */
.modern-review-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: auto !important;
    min-height: 200px;
}

.modern-review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.modern-review-card .review-stars {
    margin-bottom: 16px;
    display: flex;
    gap: 2px;
}

.modern-review-card .review-stars i {
    color: #ffc107;
    font-size: 18px;
}

.modern-review-card .review-text {
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 20px;
    font-weight: 400;
}

.modern-review-card .review-author {
    font-size: 14px;
    font-weight: 600;
    color: #11506b;
    border-top: 1px solid #eee;
    padding-top: 16px;
}

.modern-reviews-slider {
    padding: 20px 0 50px !important;
}

.modern-reviews-slider .swiper-pagination-bullet {
    background: #11506b;
    opacity: 0.3;
    width: 10px;
    height: 10px;
}

.modern-reviews-slider .swiper-pagination-bullet-active {
    opacity: 1;
    width: 28px;
    border-radius: 5px;
}

/* ===== MODERN PRICE TYPOGRAPHY ===== */
.total strong {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #11506b !important;
}

.total strong span {
    color: #ff8000 !important;
    font-size: 28px !important;
}