/* Created by Vanavi.com */


/*
font-family: alwyn-new-web, sans-serif;
Bold    -  font-weight: 700;
Regular -  font-weight: 400;
Light   -  font-weight: 100;
*/
.heading-font { font-family: alwyn-new-web, sans-serif; font-weight: 200;letter-spacing: 1px;}
.body-font { font-family: alwyn-new-web, sans-serif;}
/*body { webkit-tap-highlight-color: #222222; }*/
.alt-font { font-family: alwyn-new-web, sans-serif; text-transform: uppercase; letter-spacing: 2px;}
html, body { height: 100%; width: 100%;}
body { font-family: alwyn-new-web, sans-serif;}
a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; text-decoration: underline; color: #393939;}
a:hover, a:focus { color: #393939; text-decoration:underline;}
hr { max-width: 100px; margin: 25px auto 0; border-width: 1px; border-color: rgba(34, 34, 34, 0.1);}
hr.light { border-color: white;}
h1, h2, h3, h4, h5, h6 { font-family: alwyn-new-web, sans-serif; letter-spacing: 0px;}
h3 { font-size: 28px;}
p { font-size: 18px; line-height: 1.5; margin-bottom: 20px;}
ul.menu { border: medium none; list-style: outside none none;  margin: 0 10px 0 0; text-align: left;}
.node-type-homepage ul.menu, .page-taxonomy-term ul.menu { border: medium none; list-style: outside none none; margin: 0; text-align: left;}

section { padding: 60px 0;}
aside h3 {font-size:16px;color:#888888;font-weight:700;font-family: alwyn-new-web, sans-serif;margin: 4px 0 30px;}

/* form*/
aside form {color:#393939;padding:0;}
.invisible {display:none;visibility:hidden;}
.card-block a {text-decoration:none; color:#393939}
.card-block a:hover {color:#ff6600}
.node-type-homepage .view-content .card-block:first-child { border-bottom: 1px dotted #adadad; color: #393939; margin-top: -34px; padding: 0;}
.card-block:first-child {color:#393939;border-bottom: 1px dotted #adadad; padding:0;}
.card-block {color:#393939;border-bottom: 1px dotted #adadad;padding:10px 0 0;}
.card-block.selected, .card-block.other-cards {color:#393939;border-bottom: none;padding:10px 0 0;}
.card-block h2 {font-weight:100;font-size:33px;margin:10px 0 10px 15px}
.card-image {height:auto;overflow:hidden;border-radius:8px 8px;}
.card-image.selected { height: auto; margin: 0 15% 15px; width: 70%;}
.show-other-cards {border-top: 1px dotted #adadad;padding:0;margin-top:20px}
section.other-cards { border-top: 3px solid white; margin-top: 0; padding: 60px 0 0;}
.page-taxonomy-term section.other-cards { border-top: none; margin-top: 0; padding: 20px 0 0;}
.card-image.other-cards {height:auto;overflow:hidden;border-radius:8px;margin-bottom:20px;}
.card-image img { width: 100%; max-width:100%;flex: 1;}
.bg-gray.other-cards h2 + p, .bg-white.other-cards h2 + p { color: #393939; font-size: 21px; margin: 0 0 10px; text-align: center;}
/* selected card */
.card-description h1.top-heading { color: #393939; font-family: alwyn-new-web,sans-serif; font-size: 40px; font-weight: 100; margin: -3px 0 20px;}
.card-description h2 {font-size:32px;color:#393939;font-weight:100;margin:25px 0}
.card-description p {font-size:15px;color:#393939;font-weight:100;}
.card-description ul {margin:20px 0 20px 15px;padding: 0}
.card-description ul li {margin:2px 0;padding: 0;font-size:15px;color:#393939;font-weight:100;}
/* availability */
.availability h4 {font-size:15px; font-weight:700;color:#777777;margin:0 0 10px;text-align:left;}
.availability ul {display: table; background:white;width:100%;height:154px;text-align:center;border:1px solid #ebebeb; color:#393939; border-radius: 8px;font-size:14px;font-weight:300;margin:0;padding:0}
.availability.selected ul {height:170px; margin-top: 15px;}
.availability ul li {list-style:none;width:100%;margin:0;padding:0;height:50%;display: table; vertical-align: middle;float:none;border-bottom:1px solid #ebebeb;text-align:center;}
.availability ul li:last-child {border-bottom:none;}
.availability ul li span {/*display: table-cell; vertical-align: middle;*/font-weight:700;font-size:20px;line-height:1.2; align-self:center}
.availability ul li:first-child span {color:#ff6600;line-height:1.2; align-self:center}
.availability ul li span i {margin:0;padding:0;font-weight:300;font-size:14px;line-height: 1;font-style:normal;color:#393939}

/* other cards availability */
.availability ul.other-cards-availability {display: flex; flex-direction:row; height: auto; margin-top: 10px; align-content:space-around;}
.availability ul.other-cards-availability li { border-bottom: medium none; border-right: 1px solid #ebebeb; display: flex; flex: 1 1 0; float: none; height: auto; list-style: outside none none; margin: 0; padding: 15px 0; place-content: center; text-align: center; align-item: center; justify-content: center;}
.availability ul.other-cards-availability li:last-child { border-bottom: medium none; border-right: none; display: flex; flex: 1 1 0; float: none; height: auto; list-style: outside none none; margin: 0; padding: 15px 0; place-content: center; text-align: center; align-item: center; justify-content: center;}

/* card detail */
.card-detail {margin-top:25px;}
ul.availability-card-detail li {  border-bottom: medium none; border-right: 1px solid #ebebeb; display: table; float: left; height: 100px; list-style: outside none none; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 50%;}
ul.availability-card-detail li:last-child { border-bottom: none; border-right: none; display: table; float: left; height: 100px; list-style: none; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 50%;}
ul.availability-card-detail li span {display: table-cell; vertical-align: middle;font-weight:700;font-size:20px;line-height:1.2;}
ul.availability-card-detail li:last-child span {padding-top:15px; display: table-cell; vertical-align: middle;font-weight:700;font-size:20px;line-height:1.2;}
ul.availability-card-detail li span i {margin:0;padding:0;font-weight:300;font-size:14px;line-height: 1;font-style:normal;color:#393939}
ul.availability-card-detail { height: auto; margin-top: 10px;display: table; background:white;width:100%;text-align:center;border:1px solid #ebebeb; color:#393939; border-radius: 8px;font-size:14px;font-weight:300;padding:0}
.card-detail-block {color:#393939;}
.section-detail-cards {padding:30px 0}
.section-other-cards {margin:0 0 -20px 0}
.detail-card-btns { align-content: flex-start; display: flex; flex-direction: row; /*justify-content: space-between;*/ margin-top: 25px;}

/* other cards services icons */
ul.other-cards-services li:first-child {float:left;background: white;list-style:none;text-align:center;width:25%;margin:0;padding:10px 0 0;height:50px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-top-left-radius: 8px;border-bottom-left-radius: 8px}
ul.other-cards-services li:nth-child(2), ul.other-cards-services li:nth-child(3), ul.other-cards-services li:nth-child(4) {float:left;background: white;list-style:none;text-align:center;width:25% !important;margin:0;padding:10px 0 0;height:50px;border-left:none;border-right:1px solid #ebebeb; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-top-right-radius: 0px;border-bottom-left-radius: 0px !important}
ul.other-cards-services li:last-child {border-bottom-left-radius: 8px !important; border-top-right-radius: 8px !important;border-bottom-left-radius: 0px !important}

/* services */
.services h4, .financial h4 {font-size:15px; font-weight:700;color:#777777;margin:0 0 10px;text-align:left;}
.services ul {margin:0;padding:0; border:none;}
.services ul li:nth-child(1) {float:left;background: white;list-style:none;text-align:center;width:50%;margin:0;padding:10px 0 0;height:50px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-top-left-radius: 8px}
.services ul li:nth-child(2) {float:left;background: white;list-style:none;text-align:center;width:50%;margin:0;padding:10px 0 0;height:50px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top-right-radius: 8px}
.services ul li:nth-child(3) {float:left; background: white; list-style:none; text-align:center; width:50%; margin:0; padding:10px 0 0; height:50px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-top:none; border-bottom:1px solid #ebebeb; border-bottom-left-radius: 8px}
.services ul li:nth-child(4) {float:left;background: white; list-style:none; text-align:center; width:50%; margin:0; padding:10px 0 0; height:50px; border-left:none; border-right:1px solid #ebebeb; border-top:none; border-bottom:1px solid #ebebeb; border-bottom-right-radius: 8px}
.services ul li:nth-last-of-type(1) {border-bottom-right-radius: 8px !important}
.services ul li:nth-child(1):nth-last-of-type(1) {border-bottom-left-radius: 8px !important; border-top-right-radius: 8px !important}
.services ul li:nth-last-child(2) {border-bottom-left-radius: 8px !important;}
.services ul li:nth-child(2) {border-bottom-left-radius: 0px !important;}
.services span {display: inline-block; text-align: center; width: 100%;}
.services span a { text-decoration:underline; padding:0 0 0 16px;background: url("../img/card-more.png") 0 3px no-repeat; color:#393939;font-weight:700;font-size:12px;height:18px;display:inline-block;margin-top: 3px;}
.services.selected, .services.other-cards { margin-top: 20px;}

/* financial */
.financial h4 {text-align:left}
.financial ul{margin: 0;padding: 0 ;}
.financial ul li {list-style:none;background: url("../img/fin-li.png") 0 3px no-repeat;font-weight:300;margin:2px 0;padding: 0 0 0 16px}
.financial.selected, .financial.other-cards { margin: 20px 0 0;}
.financial.selected ul li {list-style:none;float:left;width:50%;background: url("../img/fin-li.png") 0 3px no-repeat;font-weight:300;margin:2px 0;padding: 0 0 0 16px}

/* card detail block */
.card-detail-block .financial ul { margin: 0; padding: 0; text-align: left;}
.other-cards h4 {text-align:center}
.other-cards ul.other-cards-financial{width:80%;margin:0 10%;padding: 0 ; text-align:left; }
.other-cards ul.other-cards-financial li {list-style:none;background: url("../img/fin-li.png") 0 3px no-repeat;font-weight:300;margin:2px 0;padding: 0 0 0 16px;display:inline-block;width:100%}
.acceptance h4 {font-size:15px; font-weight:700;color:#777777;margin:10px 0 10px;text-align:left}
.card-detail-block .acceptance h4 {font-size:15px; font-weight:700;color:#777777;margin:0 0 10px;text-align:left}
.acceptance ul {margin: 0;padding: 0;display: table;height:30px;}
.acceptance ul li {list-style:none;margin:0;padding:0 10px;float:none;display: table-cell; vertical-align: middle;}
.acceptance ul li img {}
.acceptance.selected { margin: 15px 0 45px;}
.acceptance.other-cards {margin:15px 0 20px}
h4.other-cards-acceptance {text-align:center}
ul.other-cards-acceptance {margin: 0; padding: 0; /*display: inline-block; *height:30px;*/text-align:center; width:100%; /*justify-content: center;*/}
ul.other-cards-acceptance li {list-style:none;margin:0;padding:0 10px;/*float:left;display: block; text-align:center;*/display:inline-block;}
.top-heading { color: #393939; font-weight: 100; margin: 0 0 15px;}
.card-block h2 { font-size: 33px; font-weight: 100; margin-bottom: 17px; text-align: left;}
h2.top-heading { color: #393939; font-family: alwyn-new-web,sans-serif; font-size: 33px; font-weight: 100; margin: 20px 0 15px; text-align: left;}
a.card-btn {float:none; text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;width:auto !important}
a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px;width:100%}
.cards-btns.detail-card-btns a.card-btn { align-self: flex-start; background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: 0; padding: 10px 30px; text-align: center; text-decoration: none; width: auto;}
.node-type-homepage .btns-group a.card-btn {text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;width:auto !important}
.node-type-filter-page .btns-group a.card-btn {text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;width:auto !important}
.cards-btns a.other-card-btn {float:none; text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;width:auto !important}
.other-cards-title .other-cards-btns { text-align: center;}
.cards-btns a.card-btn:hover {background-color:#dd0101;color:#fff;}
.cards-btns span:after {content: url(../img/btn-arrow.png);padding:0 0 0 10px;position:relative;top:2px;}
.btns-group a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px;/*width:100%*/}
.node-type-homepage .btns-group a.btn-more,
.page-taxonomy-term .btns-group a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px; width:100%}
.btns-group a.btn-more:hover {color:#dd0101;}
a.show-more {text-decoration:none;margin:45px auto;color:#ff6600;font-weight:700;font-size:18px;border: 2px solid #ff6600; padding:8px 30px; border-radius:4px;text-align:center;display:table;}
a.show-more-cards-of-brand { align-self:flex-end; border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: left; font-size: 18px; font-weight: 700; margin: 0 0 0 20px; padding: 8px 30px; text-align: center; text-decoration: none; width: auto;}
.card-detail-block h3 { color: #777; font-size: 30px; font-weight: 100; margin: 0 0 30px;}
.cards-btns.selected { margin-top: 20px;margin-bottom:60px;}
.cards-btns.selected small { color: #777; display: inline-block; font-size: 14px; font-weight: 100; line-height: 1.2; margin: 15px 0; text-align: center;}
.cards-btns.selected a.show-more {text-decoration:none;margin:0 auto;color:#ff6600;font-weight:700;font-size:18px;border: 2px solid #ff6600; padding:8px 30px; border-radius:4px;text-align:center;display:table;}
.cards-btns small {font-weight:100;color:#777;}
.bg-white {background:#fff;margin-top: 40px;}
.bg-gray {background:#f7f7f7;margin-top: 40px;}
.bg-gray h2, .bg-white h2 {color:#393939;font-size:39px;font-weight:100;text-align:center;margin:0 0 30px 0;}
.subtitle-border {display: inline-block;font-size:21px;color:#393939;text-align:center;font-family: alwyn-new-web, sans-serif;font-weight:100;letter-spacing: 0 !important;padding: 0 0 0 0; }
.subtitle-border::before { border: 3px solid #d6d6d6; top:-17px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; content: " "; display: block;  left: 50%; margin: 0; position: relative; transform: translateX(-50%); width: 190px;}
.node-type-contact .subtitle-border::before { border: 3px solid #d6d6d6; top:-5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; content: " "; display: block;  left: 50%; margin: 0; position: relative; transform: translateX(-50%); width: 190px;}
.content-block p {font-size:16px;color:#393939;line-height:1.4}

/* content block */
.page-taxonomy-term .content-block, .node-type-card .content-block {text-align:left;}
.page-taxonomy-term .content-block h1, .node-type-card .content-block h1  {font-size:40px;font-weight:700;margin: 0 0 20px;text-align:center}
.content-block h3  {font-size:23px;font-weight:100;margin: 0 0 8px;text-align:left}
.bg-blue {background:#cce8ff url("../img/bg-blue.png") 0 0 no-repeat;background-size:cover;padding-bottom: 0;/*padding-top: 50px;*/}
.bg-blue h2 {color:#393939;font-size:39px;font-weight:100;text-align:center;margin:0 0 80px 0;}
.bg-blue h3 {text-transform:uppercase;color:#393939;font-size:18px;font-weight:700;text-align:left;margin:0 0 5px 0;}
.adv {text-align:center}
.adv .adv-item {display: inline-table; width: 33%;padding:0 40px 55px 115px;}
.adv .adv-item p {text-align:left;font-weight:100;font-size:15px;line-height:1.3}
.adv-item a {text-decoration:underline;color:#ff6600;font-weight:700;font-size:16px;text-align:left;display:block;margin:0 0 10px}
.pig {background: url("../img/ico-pig.png") 0 4px no-repeat;}
.receipt {background: url("../img/ico-receipt.png") 0 4px no-repeat;}
.recycle {background: url("../img/ico-recycle.png") 0 4px no-repeat;}
.settings {background: url("../img/ico-settings.png") 0 4px no-repeat;}
.bulp {background: url("../img/ico-bulp.png") 0 4px no-repeat;}
.bg-contact {background:white;text-align:center}
.bg-contact h2 {color:#393939;font-size:40px;font-weight:100;text-align:center;margin:0 0 30px 0;}
.node-type-contact .bg-contact h2 {color:#393939;font-size:40px;font-weight:100;text-align:center;margin:15px 0 30px 0;}
.other-cards h2 {color:#393939;font-size:40px;font-weight:100;text-align:center;margin:0 0 15px 0;}
h2.other-cards-title {color:#393939;font-size:33px;font-weight:100;text-align:center;margin:0 0 17px 0;}
.bg-contact h2 span, .other-cards h2 span {color:#ff3e00;}
.form-contact {margin-top:0 }
.form-group { margin-bottom: 15px; position: relative;}
.form-control-select select::-ms-expand { display: none;}
.bg-contact .form-control-select {float:left; background:#f0f0f0 url(../img/select-arrow.png) 97% 50% no-repeat;width:47%;margin:0 1% 15px 2%; background-color: #f0f0f0; border: transparent; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ;appearance: none; -moz-appearance: none;  -webkit-appearance: none;}
.bg-contact .form-control-select:active, .bg-contact .form-control-select:focus { outline: none; border: none;}
.form-control-select::-ms-expand { display: none;}
.card-ico {width:40px;height:44px;position:absolute;background: url(../img/select-card.png) 15px 50% no-repeat;left:2%;}
.bg-contact .form-control:nth-child(odd) { float:left; width:47%; margin:0 1% 15px 2%; background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; }
.bg-contact .form-control:nth-child(even) { float:left; width:47%; margin:0 2% 15px 1%; background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; }
.bg-contact option { background: white none repeat scroll 0 0;}
.person {background:#f0f0f0 url(../img/input-person.png) 15px 50% no-repeat}
.phone {background:#f0f0f0 url(../img/input-phone.png) 15px 50% no-repeat}
.company {background:#f0f0f0 url(../img/input-company.png) 15px 50% no-repeat}
.email {background:#f0f0f0 url(../img/input-email.png) 15px 50% no-repeat}
.contact-check {margin:25px 0 25px }
.form-headline::before {  border: 1px solid #e8e8e8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; content: " "; display: block; left: 50%; margin: 0; position: relative; top: 29px; transform: translateX(-50%); width: 100%;}
a.contact-btn {text-decoration:none;margin:45px auto;color:#ff6600;font-weight:700;font-size:18px;border: 2px solid #ff6600; padding:8px 30px; border-radius:4px;text-align:center;display:table;}
.contact-us a.contact-btn {border:none;text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center}
.contact-us a.contact-btn:hover {background-color:#dd0101;color:#fff;}
.contact-btn span:after {content: url(../img/btn-mail.png);padding:0 0 0 10px;position:relative;top:2px;}

/* content block */
.content-block {border-top:2px solid #f7f7f7; border-bottom:2px solid #f7f7f7; padding: 40px 20px 20px;}
.content-block p {font-weight: 100;font-size:15px;color: #393939;text-align:left;}
.content-block p.align-center {font-weight: 100;font-size:15px;color: #393939;text-align:center;margin:-6px 0 0 0;}
.bg-contact .content-block-title h2 { color: #393939; font-size: 40px; font-weight: 700; margin: 0; text-align: left;}
.content-block-title h3 { font-weight: 100; margin: 0; text-align: left;}

/* checkboxes + radio buttons */
.views-exposed-form .views-exposed-widget { float: left; padding: 0.5em 1em 0 0; width: 100%;}
.radio, .checkbox { display: block; margin-bottom: 12px; margin-left: 5%; margin-top: 10px; position: relative; text-align: left; width: 90%;}
.radio label, .checkbox label { color: #393939; font-size:16px; cursor: pointer; font-weight: normal; margin-bottom: 0; min-height: 20px; padding-left: 6px;}
.checkbox label:after, .radio label:after { content: ''; display: table; clear: both;}
.radio .cr { color:#ff6600; background: url("../img/radio.png") 0 0 no-repeat;  position: relative; left:-6px; display: inline-block; border: none; border-radius: none; width: 1.3em; height: 1.3em; float: left; margin-right: .5em;}
.checkbox .cr { color:#ff6600; background: url("../img/check-2.png") 0 0 no-repeat;  position: relative; left:-6px; display: inline-block; border: none; border-radius: none; width: 23px; height: 23px; float: left; margin-right: .5em;}
.radio .cr { border-radius: 50%;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {  position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;}
.radio .cr .cr-icon { margin-left: 0.04em;}
.form-item.form-type-radio input[type="radio"], .form-item.form-type-bef-checkbox input[type="checkbox"] {visibility:hidden }
.cr > .cr-icon { opacity: 0;  transition: all .3s ease-in;}
input[type="radio"]:checked + label .cr > .cr-icon { opacity: 1;}
input[type="checkbox"]:checked + label + .cr > .cr-icon { opacity: 1;}

/* contact form */
.contact-check .checkbox input[type="checkbox"] { display: none;visibility:hidden }
.contact-check .checkbox .cr > .cr-icon { opacity: 0;  transition: all .3s ease-in;}
.contact-check .checkbox > label > input[type="checkbox"]:checked + .cr > .cr-icon { opacity: 1;}

/* radio 2 */
.form-item.form-type-radio  { display: block;  margin-bottom: 12px; margin-top: 10px; position: relative;}
.form-item.form-type-radio label { color: #393939; font-size:16px; cursor: pointer; font-weight: normal; margin: 0 0 0 -15px;; min-height: 20px; padding-left: 0;}
.form-item.form-type-radio:after { content: ''; display: table; clear: both;}
.form-item.form-type-radio .cr { color:#ff6600; background: url("../img/radio.png") 0 0 no-repeat; position: relative; left:0; display: inline-block; border: none; border-radius: none; width: 24px; height: 24px; float: left; margin-right: .5em;}
.form-item.form-type-radio .cr { border-radius: 50%;}
.form-item.form-type-radio .cr .cr-icon { display: table; font-size: 14px; height: 24px; left: 0px; line-height: 24px; position: absolute; text-align: center; top: 0; width: 24px;}
.form-item.form-type-radio label input[type="radio"]:disabled + .cr { opacity: .5;}
.form-item.form-type-radio input[type="radio"] + .cr > .cr-icon { opacity: 0;  transition: all .3s ease-in;}
.form-item.form-type-radio input[type="radio"]:checked + .cr > .cr-icon { opacity: 1;}

/* fix checkbox */
.form-item.form-type-bef-checkbox  { display: block;  margin-bottom: 12px; margin-top: 10px; position: relative;}
.form-item.form-type-bef-checkbox label { color: #393939; font-size:16px; cursor: pointer; font-weight: normal; margin: 0 0 0 -15px; min-height: 20px; padding-left: 0;}
.form-item.form-type-bef-checkbox .cr { color:#ff6600; background: url("../img/check.png") 0 0 no-repeat;  position: relative; left:0; display: inline-block; border: none; border-radius: none; width: 1.3em; height: 1.3em; float: left; margin-right: .5em;}
.form-item.form-type-bef-checkbox .cr .cr-icon { font-size: 12px; left: 4px; line-height: 0; position: absolute; top: 50%;}
.form-item.form-type-bef-checkbox .cr .cr-icon { margin-left: 0.04em;}
.form-item.form-type-bef-checkbox input[type="checkbox"]:checked + label .cr > .cr-icon { opacity: 1;}
.form-item.form-type-bef-checkbox input[type="checkbox"]:disabled + label .cr { opacity: .5;}

/* checkboxes 3 */
.filter-field_accepted_at_tid .bef-checkboxes .cr {display:none;}
.filter-field_accepted_at_tid .form-item.form-type-bef-checkbox label { cursor: pointer;min-height: auto;padding-left:5px}
.filter-field_accepted_at_tid .form-item.form-type-bef-checkbox  { display: inline-block;  margin-right:5px;margin-bottom:7px; margin-top: 0; position: relative;}
.filter-field_accepted_at_tid input { display: none;}
.filter-field_accepted_at_tid input + label { color:#393939;font-size:16px;font-weight:300; border:1px solid #e8e8e8; margin:0;padding:5px 8px;border-radius:4px;cursor: pointer;}
.filter-field_accepted_at_tid input:not(:checked) + label:hover { background:#e8e8e8;color:#ff6600}
.filter-field_accepted_at_tid input + label:active, .filter-field_accepted_at_tid input:checked + label { background:#e8e8e8;color:#ff6600}

/* brand checkboxes update */
.form-item.form-type-radio.form-item-brand label .cr, .form-item.form-type-radio.form-item-brand label .cr > .cr-icon { display:none;visibility:hidden; }
.form-item-brand { display: inline-block;  margin-right:5px;margin-bottom:7px; margin-top: 0; position: relative;}
.form-item-brand input { display: none; visibility:hidden;}
.form-item-brand input + label { color:#393939;font-size:16px;font-weight:300; border:1px solid #e8e8e8; margin:0;padding:5px 8px;border-radius:4px;cursor: pointer;}
.form-item-brand input:not(:checked) + label:hover { background:#e8e8e8;color:#ff6600}
.form-item-brand input + label:active, .form-item-brand input:checked + label { background:#e8e8e8;color:#ff6600}
.form-item-brand { float: left; margin: 0; padding: 0;}
.form-item.form-type-radio.form-item-brand { margin: 0; padding: 0;}
.form-item.form-type-radio.form-item-brand label { display:block; cursor: pointer;color: #393939; font-size:16px; cursor: pointer; font-weight: normal; margin-bottom: 0; min-height: 20px; padding: 3px 5px; margin:0 4px 4px}
#edit-brand {left: -4px; position: relative;}

/* brand checkbox II/ */
.form-item.form-type-radio.form-item-field-brand-tid label .cr, .form-item.form-type-radio.form-item-field-brand-tid label .cr > .cr-icon { display:none;visibility:hidden; }
.filter-field_brand_tid { display: inline-block;  margin-right:5px;margin-bottom:7px; margin-top: 0; position: relative;}
.form-item.form-type-radio.form-item-field-brand-tid input { display: none; visibility:hidden;}
.filter-field_brand_tid input + label { color:#393939;font-size:16px;font-weight:300; border:1px solid #e8e8e8; margin:0;padding:5px 8px;border-radius:4px;cursor: pointer;}
.filter-field_brand_tid input:not(:checked) + label:hover { background:#e8e8e8;color:#ff6600}
.filter-field_brand_tid input + label:active, .filter-field_brand_tid input:checked + label { background:#e8e8e8;color:#ff6600}
.form-item.form-type-radio.form-item-field-brand-tid{ margin: 0; padding: 0; float:left;}
.form-item.form-type-radio.form-item-field-brand-tid label { display:block; cursor: pointer;color: #393939; font-size:16px; cursor: pointer; font-weight: normal; margin-bottom: 0; min-height: 20px; padding-left: 8px;margin:0 4px 4px}
#edit-field-brand-tid {left: -4px; position: relative;}

/* disabled */
input[type="checkbox"]:disabled + label .cr { opacity: .3; cursor: not-allowed;}
input[type="radio"]:disabled + label .cr { opacity: .3 !important; cursor: not-allowed; }

/* hide first checkbox */
.form-radios.bef-select-as-radios > .form-item-number-of-cars:first-child { display: none; visibility:hidden; }
.form-item.form-type-radio.form-item-where-refuel:nth-child(1)  { display: none; visibility:hidden; }
/* checkboxes + radio buttons  end*/

/* nav */
.navbar-default { background-color:#0f2b45;  border-bottom:10px solid #101e2b; height:75px; }
.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {font-size: 16px; font-weight: 700;color:white; text-transform:initial;padding:22px 25px 0 25px;}
.contact-main-link { background: #ff6600; color: #fff; padding: 1em; transform: skewX(-12deg); display: inline-block;  margin: 0 0; height:75px; }
.contact-main-link span { display: block;  transform: skewX(12deg);  padding:0 20px;}
.contact-main-link:hover { background: #101e2b; color: #fff; padding: 1em; transform: skewX(-12deg); display: inline-block;  margin: 0 0; height:75px; }
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: #048fd0;background: #101e2b; color: #fff; padding: 22px 25px ; transform: skewX(-12deg); display: inline-block;  margin: 0 0; height:75px;  }
.navbar-default.affix { background-color: white; border-color: rgba(34, 34, 34, 0.1);}
.navbar-default.affix .navbar-header .navbar-brand { color: #222222; }
.navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus { color: #fdcc52;}
.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus { color: #222222;}
.navbar-default.affix .nav > li > a:hover, .navbar-default.affix .nav > li > a:focus:hover { color: #fdcc52; }
header { width: 100%; margin:75px 0 0 0;  background: url("../img/img-truck.png") no-repeat; background-size:cover; }
.text-content header, .card-content header  { width: 100%; height: 40px;margin:75px 0 0 0;  background: #8297c8; }
.text-content section h2 {font-size: 32px;}
.header-content > p {color:#fff}
footer { background:#393939; padding: 35px 0 0;}
footer ul {margin:0 0 40px;padding:0;text-align:center}
footer ul li {list-style:none;float:none;margin:0;padding:0 10px 20px 10px ;display:inline}
footer ul li a {text-decoration:underline;color:#fff;font-size:17px;margin:0;padding:0 5px;font-weight:300;line-height: 2;letter-spacing:1}
footer ul li a:hover {text-decoration:underline;color:#fff;}
.copyright {margin:10px 0 0;}
footer p { font-size: 16px; color:#fff;  margin:0; padding:0;text-align:center;}
.bg-primary {background: #fff;padding:0;}
h2.top-heading {color:#393939;font-family: alwyn-new-web, sans-serif;font-size:38px;font-weight:100;margin: 15px 0 15px}
h1.top-heading {color:#393939;font-family: alwyn-new-web, sans-serif;font-size:38px;font-weight:100;margin: 15px 0;}
.text-content p { color: #393939; font-size: 17px; font-weight: 100; line-height: 1.4;}
.text-content { padding: 0 0 50px; border-bottom: 1px solid #e8e8e8;}
.text-content ul { margin:18px 0;padding:0 0 0 25px}
.text-content ul li{ color: #393939; font-size: 17px; font-weight: 100; line-height: 1.4; margin:4px 0}

/* nav-brand */
.navbar-brand { float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 5px 15px 0 0;}

/* mobile content */
.mobile-filter, .mobile-headline, .modal-contact-form {display:none;visibility:hidden;}

/* breadcrumb */
.breadcrumb { background-color: transparent; list-style: outside none none; margin-bottom: 0; padding: 8px 0;}
.breadcrumb > li:first-child { display: inline-block; padding:0 0 0 0}
.breadcrumb-item a { color: #fff !important;font-size:14px;text-decoration:underline;}
.breadcrumb > li + li::before { color: #fff; content: url("../img/bread-arrow.png"); padding: 0 5px;}
.breadcrumb > li + li { color: #fff; }
.breadcrumb > .active { opacity: 0.65; filter: alpha(opacity=65);color: #fff;}

header .header-content { text-align: center;}
header .header-content h1 { font-weight:700;text-align: center;color:#0f2b45;font-size:41px;line-height: 1;}
.col-md-6.col-md-offset-3.header-content > p {color:#fff}
.under-headline {margin-top:30px;}
.cards-btns { text-align: left;}
.other-cards .cards-btns { text-align: center;}
.btns-group {display: -moz-groupbox; }
.text-content h2 { font-weight: 100; }
.card-filter-notice > p { color: #777; display: inline-block;font-size: /*14px*/12px; font-weight: 100; padding: 25px 0 0;text-align: left;}
.bg-desc {background:#f7f7f7;margin-top:0px;margin: 25px 0 0;}
/* nav */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {  background-color: #d4ffe0;  color: #555;}
.text-primary { color: #393939;}
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0;}
.btn-outline { color: white; border-color: white; border: 1px solid;}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active { color: white; background-color: #fdcc52; border-color: #fdcc52;}
.btn { font-family: alwyn-new-web, sans-serif; text-transform: uppercase; letter-spacing: 2px; border-radius: 300px;}
.btn-xl { padding: 15px 45px; font-size: 11px;}
::-moz-selection { color: white;  text-shadow: none; background: #222222;}
img::-moz-selection { color: white; background: transparent;}
footer h5 {font-size:16px;color:#fff;text-align:center;font-family: alwyn-new-web, sans-serif;font-weight:400;letter-spacing: 0 !important;padding: 50px 0 0;}
.copy-border {display: inline-block;font-size:16px;color:#fff;text-align:center;font-family: alwyn-new-web, sans-serif;font-weight:400;letter-spacing: 0 !important;padding: 0 0 60px; }
.copy-border::before { border: 3px solid #181818; top:-10px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; content: " "; display: block;  left: 50%; margin: 0; position: absolute; transform: translateX(-50%); width: 191px;}
.copyright .copy-border::before { border: 3px solid #3d484d; top:0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; content: " "; display: block;  left: 50%; margin: 0; position: absolute; transform: translateX(-50%); width: 191px;}

/* error message */
.messages.error { border: 1px dotted red; background:#ffd8cc; float: left; padding: 16px; width: 100%;}
.messages.error .element-invisible {display:none;visibility:hidden;}
.messages.error li { color: red;}
.messages.error > ul { margin: 0; padding: 0 0 0 25px;}
.error {border:1px solid red!important;}
.form-item .description {color:#777;font-weight:100;font-size:13px;margin:0 0 10px}
.form-text.required {height:40px; }
label { display: inline-block; font-size: 18px; font-weight: bold; margin-bottom: 5px; max-width: 100%;}
.checkbox > label > input.error + .cr { background: rgba(0, 0, 0, 0) url("../img/check-error.png") no-repeat scroll 0 0; border: none; color: #ff6600; display: inline-block; float: left; height: 23px; left: -6px;  margin-right: 0.5em;  position: relative;  width: 23px;}
.checkbox a { color: #777; text-decoration: underline;}
.bg-contact .form-control-comments { background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; float: left; font-size: 18px; height: 44px; line-height: 1.4;margin: 0 1% 15px 2%; padding: 6px 18px; transition: none 0s ease 0s ;  width: 97%; height:auto;}
.contact-us .submit-btn { background: #ff3e00 none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: -2px 0 0; padding: 10px 40px; text-align: center; text-decoration: none;}
.contact-us .submit-btn::after {content: url(../img/btn-mail.png); padding:0 0 0 10px;position:relative;top:1px;}
textarea:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
textarea { border-style: none; border-color: transparent; overflow: auto;  outline: none; }

/* show more */
.pager {margin:0}
.pager.pager-show-more { display: table; padding: 0; margin:0 0 -10px 0; width: 100%;}
.pager li > a {border: 2px solid #ff6600;border-radius: 4px; color: #ff6600; display: table; font-size: 18px; font-weight: 700; margin: 0 auto; padding: 8px 30px; text-align: center; text-decoration: none;}
.pager li > a:hover {background: #fff;}

/* admin */
ul.tabs { list-style-type: none; margin: 0; position: relative; top: 75px;}
ul.primary { border-bottom: none; border-collapse: collapse; height: 18px; line-height: normal; list-style: outside none none; margin: 5px 0 0; padding: 0; white-space: nowrap;}
ul.primary li a { position:relative;z-index:10;}
.messages.status { background: #aaffaa; border:1px solid #5ef55e; font-size: 18px; margin: 15px 19% 0; padding: 15px 20px; width: 62%;}
body.logged-in header { background: #8297c8 none repeat scroll 0 0; height: 40px; margin: 45px 0 0; width: 100%;}
.form-item-brand label a {text-decoration:none;}

/*  hide filter buttons */
.views-exposed-widget.views-submit-button { display: none; visibility:hidden }
/* buttons */
.views-exposed-form .views-exposed-widget { float: left; padding: 2px 5px 0 0;width: 100%;}
.views-submit-button {margin:25px 0}
.views-exposed-widget input[type="submit"] { background: #ff3e00; border: medium none;float: left; border-radius: 4px; color: #fff; display: inline-block; font-size: 15px;  font-weight: 700; margin: -2px 0 0; padding: 7px 25px; text-align: center; text-decoration: none; -webkit-transition: all 0.35s; -moz-transition: all 0.35s;transition: all 0.35s;}
.views-reset-button > input[type="submit"] {float:left; background: #048fd0; color: #fff; font-weight: 300;padding: 7px 10px;margin-bottom: 25px;}
.views-exposed-widget input[type="submit"]:hover {background:#dd0101}
.views-reset-button input[type="submit"]:hover {color:#fff;background:#117bad}
.views-reset-button input[type="submit"]:disabled {opacity:0.3; cursor: not-allowed;}

/* tooltip */
.tooltip-inner {font-family: alwyn-new-web, sans-serif;font-size:14px;font-weight:100;line-height:1.25;color:#393939;background-color: #ebebeb !important; text-align:left}
.tooltip.top .tooltip-arrow { border-top-color: #ebebeb;}
.tooltip.right .tooltip-arrow { border-right-color: #ebebeb;}
.tooltip.bottom .tooltip-arrow { border-bottom-color: #ebebeb;}
.tooltip.left .tooltip-arrow { border-left-color: #ebebeb;}

/* equalise */
.node-type-card .card-block-equalise { margin: 0 0 20px}
.page-taxonomy-term .card-block-equalise { margin: 0 0 20px; order:3;}

/* filter message */
.filter-message {display:inline-block; color:#777; font-weight:100;font-size:16px;border-radius:8px; margin:15px 0 15px 15px;padding:0}
.filter-message span{display:inline-block;border: 1px solid #e8e8e8; background:#f7f7f7; color:#393939; font-weight:700;font-size:16px;border-radius:4px; margin:0 4px;padding:9px 7px 6px 7px}
.filter-message a {color:#ff6600; font-weight:700;}
.filter-message a:hover {text-decoration:none}
.filter-message button span { background: red; border: medium none; border-radius: 100%; color: white; display: block; font-size: 26px; font-weight: 700; margin: -3px 0 0 10px;  padding: 0 5px 2px; width: 30px;  height: 30px;}
.filter-message .close { color: #000; float: right; font-size: 21px; font-weight: bold; line-height: 1; opacity: 1; text-shadow: 0 1px 0 #fff;}
/* active/focus chrome bug */
*{ outline: none;}
*{ outline-style: none;}

/* modal contact btn */
.card-btn.modal-contact-form { display: none !important; }

/* node-type-card services */
.node-type-card .services ul li {float:left;background: white;list-style:none;text-align:center;width:25%;margin:0;padding:10px 0 0;height:50px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-radius: 0;}

/* li - extra services - 29.5. 2018 */
.node-type-card .services ul li:first-child {border-top-left-radius: 8px !important}
.node-type-card .services ul li:nth-child(2), .node-type-card .services ul li:nth-child(3), .node-type-card .services ul li:nth-child(4) {border-left:none;}
.node-type-card .services ul li:nth-child(n+5) {border-top:none;}
.node-type-card .services ul li:nth-child(n+6) {border-left:none;}
.node-type-card .services ul li:nth-child(5) {border-bottom-left-radius: 8px !important}
.node-type-card .services ul li:nth-child(6) {border-bottom-left-radius: 0px !important}
.node-type-card .services ul li:last-child {border-bottom-right-radius: 8px !important;border-top-right-radius: 8px !important}

/* every 4th icon */
.node-type-card .services ul li:nth-child(8n-4), .node-type-card .services ul li:nth-child(7n-3), .node-type-card .services ul li:nth-child(6n-2), .node-type-card .services ul li:nth-child(5n-1) {
  border-top-right-radius: 8px !important; border-bottom-left-radius: 0px !important}

/* last icon */
.node-type-card .services ul li:nth-child(7n-0) {border-top-right-radius: 0px !important}
.node-type-card .services ul li:nth-child(5n-0) {border-top-right-radius: 0px !important}

/* brand page */

/* brand page - other cards */
.page-taxonomy-term .services ul.other-cards-services li:first-child {float:left;background: white;list-style:none;text-align:center;width:25%;margin:0;padding:10px 0 0;height:50px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-top-left-radius: 8px;border-bottom-left-radius: 8px}
.page-taxonomy-term .services ul.other-cards-services li:nth-child(2), .page-taxonomy-term .services ul.other-cards-services li:nth-child(3), .page-taxonomy-term .services ul.other-cards-services li:nth-child(4) {float:left;background: white;list-style:none;text-align:center;width:25% !important;margin:0;padding:10px 0 0;height:50px;border-left:none;border-right:1px solid #ebebeb; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-top-right-radius: 0px;border-bottom-left-radius: 0px !important}
.page-taxonomy-term .services ul.other-cards-services li:last-child {border-bottom-left-radius: 8px !important; border-top-right-radius: 8px !important;border-bottom-left-radius: 0px !important}

/* gray link in filter */
.page-taxonomy-term aside a {color:#ababab}


/* FLEXBOX LAYOUT - LG */
.other-cards .view-content { display: flex; flex-direction:row; flex-wrap: wrap;align-items: stretch; justify-content: space-between;}
.other-cards .view-content .card-block.other-cards  { display: flex; /*flex: 1;*/ flex-direction: column; padding: 0;}
.other-cards .view-content .card-block.other-cards:nth-child(1) {padding:0 25px 0 0}
.other-cards .view-content .card-block.other-cards:nth-child(2) {padding:0 12px}
.other-cards .view-content .card-block.other-cards:nth-child(3) {padding:0 0 0 25px}
.other-cards .cards-btns { text-align: center; margin-top:auto;}
.other-cards .view-content .card-block.other-cards .acceptance.other-cards { margin: 7px 0 20px;}

/* Brand Page - Flexbox layout */
.card-block .card-content-block { display: flex;  flex-flow: row wrap;}
.tablet-top-card-view { display: flex; flex: 2;}
.card-image {flex:1}
.tablet-top-card-view .availability { display: flex; flex-grow: 0.5; flex-basis: auto; flex-flow: column wrap;   background:ping }
.acceptance ul { display: flex; flex-flow: row wrap; height: auto;justify-content: flex-start; margin: 0; padding: 0;}
.acceptance.other-cards ul.other-cards-acceptance { display: flex; flex-flow: row wrap; height: auto; justify-content: center;  margin: 0; padding: 0;}
.card-block.other-cards .availability { display: flex; flex-flow: column wrap; }
.tablet-top-card-view .availability ul {display: flex; flex: 1 auto; flex-direction: column; background:white;width:100%;height:auto;text-align:center;border:1px solid #ebebeb; color:#393939; border-radius: 8px;font-size:14px;font-weight:300;margin:0;padding:0}
.tablet-top-card-view .availability ul li:first-child { border-bottom: 1px solid #ebebeb; border-right: medium none;display: flex; flex: 1 auto; float: left; height: auto; justify-content: center; list-style: outside none none; margin: 0; padding: 0; align-items: center; text-align: center; vertical-align: middle; width: 100%;}
.tablet-top-card-view .availability ul li { border-bottom: none; display: flex; flex: 1 auto; float: left; height: auto; justify-content: center; list-style: outside none none; margin: 0; padding: 0; place-items: center; text-align: center; vertical-align: middle; width: 100%;}
.tooltip-mobile {display:none;visibility:hidden;}


/* 31.10. 2017 */
.view-content { display: inline-block;}
.card-block.other-cards .mobile-card-availability-block .availability h4 { margin: 0;}
.view-content.views-row-last.views-row-even { margin: 30px 0 0;}
.mobile-other-cards {display:none;visibility:hidden;}

/* R E S P O N S I V E */

@media (max-width: 1300px) {
  .availability ul { background: white; border: 1px solid #ebebeb; border-radius: 8px; color: #393939; display: table; font-size: 14px; font-weight: 300; height: 138px; margin: 0; padding: 0; text-align: center; width: 100%;}
  .card-detail-block .availability ul { background: white; border: 1px solid #ebebeb; border-radius: 8px; color: #393939; display: table; font-size: 14px; font-weight: 300; height: auto; margin: 0; padding: 0; text-align: center; width: 100%;}
  .card-detail-block .services ul { border: medium none; margin: 0; padding: 0; width: 100%;}

}
@media (max-width: 1200px) {
  .availability ul { background: white; border: 1px solid #ebebeb; border-radius: 8px; color: #393939; display: table; font-size: 14px; font-weight: 300; height: 123px; margin: 0; padding: 0; text-align: center; width: 100%;}
  aside h3 { color: #888888; display: block; font-family: alwyn-new-web,sans-serif; font-size: 15px; font-weight: 700; margin: 4px 0 30px; }
  .node-type-contact .bg-contact h2 { color: #393939; font-size: 40px; font-weight: 100; margin: 20px 0 30px; text-align: center;}
  /* homepage card */
  .node-type-homepage .availability ul { background: white none repeat scroll 0 0; border: 1px solid #ebebeb; border-radius: 8px; color: #393939; display: table; font-size: 14px; font-weight: 300; height: 197px; margin: 0; padding: 0; text-align: center; width: 100%;}

  /* filter result page */
  .node-type-filter-page .availability ul { background: white; border: 1px solid #ebebeb; border-radius: 8px; color: #393939; display: table; font-size: 14px; font-weight: 300; height: 197px;  margin: 0;   padding: 0;   text-align: center;   width: 100%;}
  .top-heading { color: #393939; font-weight: 100; margin: 15px 0 20px;}
  /* card detail page */
  .card-detail-block .services ul { border: medium none; margin: 0; padding: 0; width: 94%;}

  /* Flexbox layout */
  .tablet-top-card-view { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; margin-bottom: 15px;}
  .card-image { border-radius: 8px; flex: 1 0 0; height: auto; overflow: hidden; }
  .tablet-top-card-view .availability { flex: 1; display: flex; flex-direction: column; height: auto; min-height: 100% !important;}
  .card-block h2 { font-size: 33px; font-weight: 100; margin: 10px 0 12px 30px;}
  .card-content-block .services {margin-top: 15px;}
  .tablet-top-card-view .availability ul { display: flex; flex-direction: column; flex: 1 auto; background: white; border: 1px solid #ebebeb;  border-radius: 8px; color: #393939; font-size: 14px; font-weight: 300; height: auto; margin: 0; padding: 0; text-align: center; width: 100%;}
  .tablet-top-card-view .availability ul li { align-items: center; border-bottom: 1px solid #ebebeb; display: flex; flex: 1 1 0; flex-direction: row; float: none; height: auto; justify-content: center; list-style: outside none none; margin: 0; padding: 0; text-align: center;}
  .tablet-top-card-view .availability ul li:last-child { align-items: center; border-bottom: none; display: flex; flex: 1 auto; flex-direction: row; float: none; height: auto; justify-content: center; list-style: outside none none; margin: 0; padding: 0; text-align: center;}
}

@media (max-width: 1199px) {
  .availability ul {display: table; background:white; width:100%; height:195px; text-align:center; border:1px solid #ebebeb; color:#393939; border-radius: 8px; font-size:14px;font-weight:300;margin:0;padding:0}
  .services ul li:first-child {float:left;background: white;list-style:none;text-align:center;width:25%;margin:0;padding:10px 0 0;height:50px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-top-left-radius: 8px;border-bottom-left-radius: 8px}
  .services ul li:nth-child(2), .services ul li:nth-child(3), .services ul li:nth-child(4) {float:left;background: white;list-style:none;text-align:center;width:25% !important;margin:0;padding:10px 0 0;height:50px;border-left:none;border-right:1px solid #ebebeb; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-top-right-radius: 0px;border-bottom-left-radius: 0px !important}
  .services ul li:last-child {border-bottom-left-radius: 8px !important; border-top-right-radius: 8px !important;border-bottom-left-radius: 0px !important}
  .cards-btns { text-align: center; padding-top:0px;}
  .card-content-block .cards-btns { text-align: center; padding-top:20px;}
  .acceptance {margin-top:10px;}

  /* Flexbox layout */
  .detail-card-btns { display: flex; flex-direction: column;  margin-top: 15px;  place-content: flex-start;}
  .cards-btns.detail-card-btns a.card-btn { align-self: flex-start; background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: 0; padding: 10px 30px; text-align: center; text-decoration: none;}
  a.show-more-cards-of-brand { align-self: flex-start; border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: left; font-size: 18px; font-weight: 700; margin: 0; padding: 8px 30px; text-align: center; text-decoration: none; width: auto;}
}

@media (max-width: 991px) {
  .cards-btns small {  color: #777; display: inline-block; font-weight: 100; margin: 12px 0 0; text-align: center;}
  .card-image {height:auto;overflow:hidden;border-radius:8px;}
  .card-block:first-child {color:#393939; border-bottom: 1px dotted #adadad; padding:10px 0 0; }
  .card-block {color:#393939; border-bottom: 1px dotted #adadad ;padding:10px 0 0; /*display:table;*/}
  .other-cards ul.other-cards-financial { margin: 0 5%; padding: 0; text-align: left; width: 90%;}
  .page-taxonomy-term .acceptance.other-cards { margin: 0;}
  .page-taxonomy-term .card-block-equalise { margin: 0; order:3;}

/* homepage card */
  .node-type-homepage .mobile-row { margin-left: 0; margin-right: 0;flex:none}
  .availability ul {height:80px;text-align:center;border:1px solid #ebebeb; color:#393939; border-radius: 8px;font-size:14px;font-weight:300;margin:0;padding:0}
  .availability ul li { border-bottom: none; border-right: 1px solid #ebebeb; display: table; float: left; height: 80px; list-style: outside none none; margin: 0; padding: 0; text-align: center; vertical-align: middle;  width: 50%;}
  .availability ul li:last-child { border-bottom: none; border-right: none; display: table; float: left; height: 80px; list-style: outside none none; margin: 0; padding: 0; text-align: center; vertical-align: middle;  width: 50%;}
  .card-block h2 { font-size: 33px; font-weight: 100; margin: 10px 0 10px 15px; text-align: center;}
  .acceptance {margin-top:15px;margin-bottom:25px;}
  .adv .adv-item {display: inline-table; width: 49%;padding:0 40px 80px 115px;}
  .card-filter-notice { padding: 0 2%;}
  .content-block { border-bottom: 2px solid #f7f7f7; border-top: 2px solid #f7f7f7;padding:20px 0 0;}
  /* card detail page */
  .card-detail-block .services ul { border: medium none; margin: 0; padding: 0; width: 100%;}

  /*.node-type-card .financial { margin-left: 0; margin-top: 20px; padding-right: 0;}*/
  .node-type-card .acceptance { margin-bottom: 20px; /*margin-left: -15px;*/ margin-top: 15px;}
  .node-type-card ul.other-cards-financial { margin: 0 5%; padding: 0; text-align: left; width: 90%;}
  .node-type-card .card-block-equalise { margin:0 0 -20px;}

  /*.card-detail-block .services, .card-detail-block .availability {min-height:120px;}*/
  .content-block-title h3 {text-align:center;margin:20px 0 25px}
  /*.detail-card-btns { width: 50%;}*/

  /* brand page */
  .page-taxonomy-term .availability ul {height:80px;text-align:center;border:1px solid #ebebeb; color:#393939; border-radius: 8px;font-size:14px;font-weight:300;margin:0;padding:0}
  .page-taxonomy-term .services {margin-left: 0; margin-top: 20px; padding-right: 0px;}
  .page-taxonomy-term .financial { margin-left: 0; margin-top: 20px; padding-right: 0;}
  .page-taxonomy-term .view-content { margin-left: -15px; margin-right: 15px;}
  .page-taxonomy-term .card-content-block > .mobile-row { margin-left: 0; margin-right: 0; flex:none; }

  /* flaxbox layout – 991 px */
  .card-block.other-cards h2.other-cards-title { font-size: 30px; font-weight: 100; margin: 10px 0 17px 0; text-align: center;width:100%;order:-2;}
  .other-cards .view-content .card-block.other-cards:nth-child(1) {padding:0 10px 0 0}
  .other-cards .view-content .card-block.other-cards:nth-child(2) {padding:0 5px}
  .other-cards .view-content .card-block.other-cards:nth-child(3) {padding:0 0 0 10px}
  .card-block.other-cards .mobile-card-availability-block,
  .card-block.other-cards .services.other-cards,
  .card-block.other-cards .financial.other-cards,
  .card-block.other-cards .acceptance.other-cards { flex: 0 0 auto;}
  .card-block.other-cards .acceptance.other-cards { margin-top: auto;}
  .card-block.other-cards .services.other-cards, .card-block.other-cards  .financial.other-cards {margin-top:20px;}
  .card-detail-block .services { min-height: 125px;}
  .tablet-top-card-view .card-image {    border-radius: 8px; flex: 2 1 0; height: auto; margin: 0 0 0 15px; overflow: hidden;  width: 100%;}
  .tablet-top-card-view .availability ul li { align-items: center; border-bottom: 1px solid #ebebeb; border-right: medium none; display: flex; flex: 1 1 0; flex-direction: row; float: none; height: auto; justify-content: center;list-style: outside none none; margin: 0; padding: 0;  text-align: center; width: 100%;}

  /* chrome fix */
  .tablet-top-card-view {  display: flex; flex-direction: row; padding-left: 0; padding-right: 0; flex:1 0 100% ;  height: auto;  }
  .card-image { border-radius: 8px; flex-grow: 1; height: auto; overflow: hidden; }
  .tablet-top-card-view .availability { flex: 1 0 0; display: flex; flex-direction: column; height: auto; min-height: 100% !important;}

  /* 31.10. 2017*/
  a.card-btn { background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; float: none; font-size: 17px; font-weight: 700; margin: -2px 0 0; padding: 10px 20px; text-align: center; text-decoration: none; width: auto;}
  .card-block.other-cards:first-child { border-bottom: none; color: #393939; padding: 10px 0 0;}

}

@media (max-width: 767px) {
  .tooltip {display:none;visibility:hidden;}
  /* modal contact btn */
  .card-btn.modal-contact-form { display: inline-block !important; }

  /* content page */
  .page-taxonomy-term .content-block h1, .node-type-card .content-block h1  {font-size:40px;font-weight:700;margin: 25px 0 20px;text-align:center}

  /* filter result page */
  .node-type-filter-page .availability ul {height:80px;text-align:center;border:1px solid #ebebeb; color:#393939; border-radius: 8px;font-size:14px;font-weight:300;margin:0;padding:0}
  .node-type-filter-page .availability ul { border:none; height: 100%; }
  .node-type-filter-page .availability ul li { border-bottom: 3px solid #ebebeb; border-right:none; width:100%;height:50%;padding: 10px 0;}
  .node-type-filter-page .card-block .acceptance { border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 20px 0 0; padding: 15px 15px 10px 30px;}

  /* brand page */
  .page-taxonomy-term .card-block {width:100%;display:table;}
  .page-taxonomy-term card-block.other-cards {width:100%;display:table;padding: 10px 0 30px;}
  .page-taxonomy-term .card-content-block {display: flex; -ms-flex-direction: column; flex-direction:column; position: relative; }
  .page-taxonomy-term .card-image { border-radius: 8px; float: left; height: auto; margin: 0 0 0 30%; overflow: hidden; width: 40%;}
  .page-taxonomy-term .availability ul { border: medium none; height: 100%;}
  .page-taxonomy-term .availability ul li { border-bottom: 3px solid #ebebeb; border-right: medium none; height: 50%; padding: 10px 0; width: 100%;}
  .page-taxonomy-term .view-content { margin-left: 0; margin-right: 0;}

  /* brand page - other cards */
  .page-taxonomy-term .other-card-content-block { display: flex; -ms-flex-direction: column; flex-direction:column;  position: relative;}
  .page-taxonomy-term .order-content-block { display: flex; flex-direction: column;}

  /* acceptance */
  .page-taxonomy-term .acceptance  {order:1; border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 20px 0 0; padding: 15px 30px 10px;}
  .page-taxonomy-term .acceptance .mobile-row { margin-left: 0; margin-right: 0;}
  .page-taxonomy-term .acceptance ul { float:left; display: initial; margin: 0 0 0 15px; padding: 0;}

  /* services */
  .page-taxonomy-term .services {margin:0; border-color: currentcolor #ebebeb #ebebeb; border-image: none; border-style: none solid solid; border-width: medium 2px 2px; padding: 0 15px 10px;}
  .page-taxonomy-term .services h4 { color: #777777; display: inline; float: left; font-size: 15px; font-weight: 700; margin: 10px 0; position: static; text-align: left; top: 0; width: 100%;}

  /* financial */
  .node-type-card .order-content-block .financial.other-cards { margin: 0;}

  /* btns */
  .node-type-card .cards-btns .other-card-btn { background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: -2px 0 0; padding: 16px 40px; position: absolute; right: 45px; text-align: center; text-decoration: none; width: auto;}
  .node-type-card .cards-btns .btn-more { left: 45px; position: absolute;}

   /* financial */
  .other-cards ul.other-cards-financial { margin: 0 ; padding: 0; text-align: left; width: 100%;}
  .other-cards ul.other-cards-financial li {background: rgba(0, 0, 0, 0) url("../img/fin-li.png") no-repeat scroll 0 3px; display: inline-block; font-weight: 300; list-style: outside none none; margin: 2px 0;  padding: 0 0 0 16px;width: 100%;}
  .page-taxonomy-term .financial { margin-left: 0; margin-top: 0; padding-right: 0;}
  .page-taxonomy-term .bg-blue { background: #cce8ff url("../img/bg-blue.png") no-repeat scroll 0 0 / cover ; margin-top: 25px; padding-bottom: 0;}
  /* aside*/
  aside {display:none;visibility:hidden;}
  .card-detail-block .acceptance {border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px;margin:0;padding: 15px 15px 10px 30px;}
  .section-detail-cards .card-detail-block .acceptance {border: medium none; border-top-left-radius: 8px; border-top-right-radius: 8px;margin:0;padding: 15px 15px 10px 15px;}
  .card-block .acceptance ul, .card-detail-block .acceptance ul {  display: initial; margin: 0 0 0 15px; padding: 0;}

  /* homepage card */
  .node-type-homepage .card-image { border-radius: 8px; float: left; height: auto; margin: 0 0 0 30%; overflow: hidden; width: 40%;}
  .node-type-homepage .availability ul li { border-bottom: 3px solid #ebebeb; border-right:none; width:100%;height:50%;padding: 10px 0;}
  .btns-group a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px;/*width:100%*/position:absolute;left:30px;}
  .node-type-homepage .btns-group a.btn-more,
  .page-taxonomy-term .btns-group a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px; width:auto; position:absolute;left:30px;}
  /* 16.10. */
  .node-type-homepage .card-content-block .mobile-row { margin-left: 0; margin-right: 15px; flex:none}
  .node-type-homepage .btns-group a.card-btn {position: absolute; right: 15px;text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;width:auto !important}

  /* card detail page */
  .node-type-card .card-detail { margin-top: 20px;}
  .node-type-card .card-detail-block .availability > .mobile-row, .node-type-card .card-detail-block .services > .mobile-row   { margin:0;}
  .node-type-card .card-detail-block .financial { border: 0 none transparent;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; float: left; margin: 10px 0 0; padding-top: 0; width: 100%;}
  .node-type-card .card-detail-block .services { border-color: transparent !important; border-image: none; border-style: none !important; border-width: 0px !important; margin: 0; padding: 0 15px 0;}
  .node-type-card .card-detail-block .acceptance h4 {color: #777777; display: inline-block; font-size: 15px; font-weight: 700; margin: 0 0 10px; padding: 0; position: static; text-align: left; top: 0; width: 100%;}
  .node-type-card .card-detail-block .acceptance ul li:first-child { display: table-cell; float: left; list-style: outside none none; margin: 0; padding: 0 10px 0; vertical-align: middle;}
  .node-type-card .card-detail-block .acceptance ul li:last-child { display: table-cell; float: left; list-style: outside none none; margin: 0; padding: 0; vertical-align: middle;}
  .node-type-card .financial.other-cards .mobile-row { margin-left: 0; margin-right: 0;}
  .node-type-card .cards-btns { text-align: center; padding-top:20px;}

  /* other cards - card detaill page */
  .node-type-card .other-card-content-block { display: flex; -ms-flex-direction: column; flex-direction:column;  position: relative;}
  .node-type-card .card-block-equalise { margin: 0;}
  .node-type-card .order-content-block { display: flex; -ms-flex-direction: column; flex-direction:column; float: left;width: 100%;}
  .node-type-card .order-content-block .card-block-equalise {order:3;}
  .node-type-card .order-content-block .services.other-cards {order:2;}
  /* acceptance */
  .node-type-card .order-content-block .acceptance.other-cards  {order:1; border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 20px 15px 0; padding: 15px 15px 10px;}
  .node-type-card .order-content-block .acceptance.other-cards .mobile-row { margin-left: 0; margin-right: 0;}
  .node-type-card .order-content-block .acceptance.other-cards h4 { float:left;  color: #777777; display: inline; font-size: 15px; font-weight: 700; margin: 5px 0 0; padding: 0; position: static; text-align: left;}
  .node-type-card .order-content-block .acceptance ul { display: initial; float: left; margin: 0 0 0 15px; padding: 0; width: auto;}

  /* services */
  .node-type-card .order-content-block .services.other-cards {margin:0 15px; border-color: currentcolor #ebebeb #ebebeb; border-image: none; border-style: none solid solid; border-width: medium 2px 2px; padding: 0 15px 10px;}
  .node-type-card .order-content-block .services.other-cards .mobile-row { margin-left: 0; margin-right: 0;}
  .node-type-card .order-content-block .services.other-cards h4 { color: #777777; display: inline; float: left; font-size: 15px; font-weight: 700; margin: 0 0 10px; position: static; text-align: left; top: 0; width: 100%;}

  /* financial */
  .node-type-card .other-cards h4 { text-align: left;}
  .node-type-card .order-content-block .financial.other-cards { margin: 0;}
  .node-type-card .cards-btns .btn-more, .page-taxonomy-term .card-block.other-cards .btn-more { left: 45px; position: absolute; width:auto;}
  /* other card item */
  .node-type-card .availability { float: left; height: 100%; margin: 0; width: 30%; display:flex;}
  .node-type-card .other-card-content-block .availability ul { border: none; border-radius: 8px; color: #393939; font-size: 14px; font-weight: 300; height: 100%; margin: 0; padding: 0; text-align: center;}
  .node-type-card .other-card-content-block .availability ul li { border-bottom: 3px solid #ebebeb; border-right:none; width:100%;height:50%;padding: 10px 0;display: table; float: left;}
  .node-type-card .other-card-content-block .availability ul li:last-child { border-bottom: medium none; border-right: medium none; display: table; float: left; list-style: outside none none; margin: 0; height: 50%; padding: 0; text-align: center; vertical-align: middle; width: 100%;}

  /* services */
  .page-taxonomy-term .order-content-block .services.other-cards {margin:0 15px; order:2; border-color: currentcolor #ebebeb #ebebeb; border-image: none; border-style: none solid solid; border-width: medium 2px 2px; padding: 0 15px 10px;}
  .page-taxonomy-term .order-content-block .services.other-cards .mobile-row { margin-left: 0; margin-right: 0;}
  .page-taxonomy-term .order-content-block .services.other-cards h4 { color: #777777; display: inline; float: left; font-size: 15px; font-weight: 700; margin: 0 0 10px; position: static; text-align: left; top: 0; width: 100%;}

  /* acceptance */
  .page-taxonomy-term .order-content-block .acceptance.other-cards  {order:1; border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 20px 15px 0; padding: 15px 15px 10px;}
  .page-taxonomy-term .order-content-block .acceptance.other-cards .mobile-row { margin-left: 0; margin-right: 0;}
  .page-taxonomy-term .order-content-block .acceptance.other-cards h4 { float:left;  color: #777777; display: inline; font-size: 15px; font-weight: 700; margin: 5px 0 0; padding: 0; position: static; text-align: left;}
  .page-taxonomy-term .order-content-block .acceptance ul { float:left; display: initial; margin: 0 0 0 15px; padding: 0;}

  /* financial */
  .page-taxonomy-term .other-cards h4 { text-align: left;}
  .page-taxonomy-term .order-content-block .financial.other-cards { margin: 0;}

  /* nav */
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px;}
  .modal-contact-form {visibility:visible;display:static;}
  .adv-item a { color: #ff6600; display: block; font-size: 16px; font-weight: 700; margin: -10px 0 10px; text-align: center; text-decoration: underline;}
  .contact-check { display: table; margin: 25px 0 70px;}
  .cards-btns { margin: 0; width: 100%;}
  .cards-btns small { color: #777; display: inline-block; float: right; font-weight: 100; margin: 12px 0 0 50%; text-align: center; width: 45%;}
  .card-block:first-child {color:#393939;border-bottom: 1px dotted #adadad; padding:0;display:block;margin:0 0 15px 0;padding:0/* 0 35px*/; width:100%;}
  .card-block {color:#393939;border-bottom: 1px dotted #adadad;margin:0 0 15px 0;padding:10px 0 35px;display:block;}
  .navbar-toggle { background-color: #048fd0; background-image: none; border: medium none; border-radius: 4px; float: right; height: 40px; margin-bottom: 8px; margin-right: 30px; margin-top: 13px; padding: 9px 10px;position: relative; width: 44px;}
  .navbar-default .navbar-toggle .icon-bar { background-color: #0f2b45;}
  .navbar-toggle .icon-bar {border-radius: 1px; display: block; height: 3px; width: 22px;}
  .navbar-brand {float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 5px 15px 0 30px;}
  .mobile-hide {display:none !important; visibility:hidden;}
  .row-right { margin-left: 0px; margin-right: 15px;}

  /* modal */
  .modal-dialog { margin: 0; position: relative; width: auto;}
  .modal-content { background-clip: padding-box; background-color: #c3e4f3; border: medium none; border-radius: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; position: relative;}
  .modal-header { height: 75px;}
  .modal-body { padding: 40px 30px 25px;  position: relative;}
  .navbar-header button.close { background-color: #ff3e00; background-image: none; border: medium none; border-radius: 4px; float: right; height: 40px; margin-bottom: 8px; margin-right: 30px; margin-top: 13px; padding: 0 10px; position: relative; width: 44px;}
  .close { opacity: 1; text-shadow: none;color:white;font-size:45px;-webkit-transition: all 0.35s; -moz-transition: all 0.35s;transition: all 0.35s;}
  .close:hover { opacity: 1;}
  .close > span { position: relative; top: -5px; left:-2px}
  .modal-category { background: white; border-radius: 16px; box-shadow: 0 0 6px #88aab9; margin: 0; padding: 0;}
  .modal-category li {list-style:none; margin:0; padding:20px;border-top:2px solid #cde9f6;border-bottom:2px solid #fff}
  .modal-category li:first-child {list-style:none; margin:0; padding:20px;border-top:none;border-bottom:2px solid #fff;border-top-left-radius:16px;border-top-right-radius:16px}
  .modal-category li:last-child {list-style:none; margin:0; padding:20px;border-top:2px solid #cde9f6;border-bottom:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px}
  .modal-back {text-decoration:none; margin: 0 0 40px; padding: 0; display: block; font-size:19px; font-weight:700; color:#0f2b45;background:transparent;border:0}
  .modal-back::before { content: url("../img/modal-back.png"); padding: 0 10px 0 0; position: relative; top: 1px;}
  .modal-back {display:none;visibility:hidden;}
  .modal-category a { display: block; font-size:19px; font-weight:700; color:#0f2b45;text-decoration:none; }
  .category-li-grad {background: white; background: -webkit-linear-gradient(white, #f1f9fc); background: -o-linear-gradient(white, #f1f9fc); background: -moz-linear-gradient(white, #f1f9fc); background: linear-gradient(white, #f1f9fc);}
  .category-li-grad:hover {background: #f1f9fc;}

  /* modal filter */
  .acc-modal-filter { background: white; border-radius: 16px; box-shadow: 0 0 6px #88aab9; margin: 0; padding: 0;}
  .acc-modal-filter .card {margin:0; padding: 8px 20px;border-top:2px solid #cde9f6;border-bottom:2px solid #fff}
  .acc-modal-filter .card:first-child {list-style:none; margin:0; padding: 8px 20px;border-top:none;border-bottom:2px solid #fff;border-top-left-radius:16px;border-top-right-radius:16px}
  .acc-modal-filter .card:last-child {list-style:none; margin:0; padding: 8px 20px;border-top:2px solid #cde9f6;border-bottom:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px}
  .card-grad {background: white; background: -webkit-linear-gradient(white, #f1f9fc); background: -o-linear-gradient(white, #f1f9fc); background: -moz-linear-gradient(white, #f1f9fc); background: linear-gradient(white, #f1f9fc);}
  .card-grad:hover {background: white;}
  .acc-modal-filter a { color: #0f2b45; display: inline-block; font-size: 19px; font-weight: 700; height: 30px; text-decoration: none; width: 100%;}
  .acc-modal-filter a[aria-expanded="true"] {background: url("../img/modal-filter-minus.png") 100% 0 no-repeat;}
  .acc-modal-filter a[aria-expanded="false"] {background: url("../img/modal-filter-plus.png") 100% 0 no-repeat;}
  .acc-modal-filter .card-block{ border-bottom: medium none;  color: #393939;  display: table; margin: 0; padding: 0;}
  .modal-btn {width:100%;display:inline-block;text-align:center;border-bottom:2px solid #def1f9; margin:20px 0;padding: 0 0 25px;-webkit-transition: all 0.35s; -moz-transition: all 0.35s;transition: all 0.35s;}
  .modal-footer .mobile-card-btn:hover {background-color:#dd0101;color:#fff;}
  .modal-btn-clear {margin:0;display:block;width:100%;text-align:center;margin:0 0 40px}
  .modal-footer .mobile-card-btn { border:none; background: #ff3e00; border-radius: 4px; color: #fff; display: inline-block; float: none; font-size: 17px; font-weight: 700; margin: 0; padding: 18px 0;  text-align: center;  text-decoration: none;  width: 100%;}
  .modal-footer .mobile-card-btn::after { content: url("../img/show-cards-mobile.png"); padding: 0 0 0 10px; position: relative; top: 3px;}
  .modal-footer { border-top: medium none; padding: 0 30px; text-align: center;}
  .modal-footer .mobile-card-btn-clear  { border:none; background: #0f2b45; border-radius: 4px; color: #fff; display: inline-block; float: static; font-size: 17px; font-weight: 700; margin: 0; padding: 13px 27px;  text-align: center;  text-decoration: none;  width: auto;-webkit-transition: all 0.35s; -moz-transition: all 0.35s;transition: all 0.35s;}
  .modal-footer .mobile-card-btn-clear::after { content: url("../img/clear-filter-mobile.png"); padding: 0 0 0 10px; position: relative; top: 3px;}
  .modal-footer .mobile-card-btn-clear:hover {background:#103e69}
  .acc-modal-filter .form-item-brand label a { color: #393939; font-size: 16px; font-weight: 100; height: auto; text-decoration: none; display: inline;}

  /* ModalContactForm */
  #ModalContactForm {padding:30px;}
  #ModalContactForm .modal-content { background-clip: padding-box; background-color: #fff; border: medium none; border-radius: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; position: relative;}
  #ModalContactForm .modal-header { border-bottom: medium none; padding: 0; height: 55px;}
  #ModalContactForm .modal-header button.close { background-color: #ff3e00; background-image: none; border: medium none; border-radius: 4px; float: right; height: 40px; margin-bottom: 8px; margin-right: 18px; margin-top: 18px; padding: 0 10px; position: relative; width: 44px;}
  #ModalContactForm .modal-body h2 {color:#0f2b45;font-size:35px;font-weight:700;text-align: center;margin-bottom:28px;}
  #ModalContactForm .modal-body p { font-size: 19px; line-height: 1.5; font-weight:100;text-align: center;}
  #ModalContactForm .modal-body { padding: 0 30px 25px;  position: relative;}
  #ModalContactForm .modal-body .form-control:nth-child(odd) { float:left; width:92%; margin:0 4% 10px; background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; }
  #ModalContactForm .modal-body .form-control:nth-child(even) { float:left; width:92%; margin:0 4% 10px; background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; }
  #ModalContactForm .modal-body .form-control-comments { background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; float: left; font-size: 18px; height: 44px; line-height: 1.4;margin: 0 4% 15px 4%; padding: 6px 18px; transition: none 0s ease 0s ;  width: 92%; height:auto;}
  #ModalContactForm .modal-body .contact-check { display: table; margin: 25px 0 30px;}
  #ModalContactForm .modal-body .form-contact { margin-bottom: 40px; margin-top: 0;}
  #ModalContactForm .modal-body .radio, .checkbox { display: block; margin-bottom: 12px; margin-left: 1.5%; margin-top: 10px; position: relative; text-align: left; width: 97%;}
  #ModalContactForm .modal-body .contact-us .submit-btn { background: #ff3e000; width:98%; border: medium none; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: -2px 1% 0; padding: 16px 0; text-align: center; text-decoration: none; -webkit-transition: all 0.35s; -moz-transition: all 0.35s;transition: all 0.35s; }
  #ModalContactForm .modal-body .contact-us .submit-btn:hover {background-color:#dd0101;color:#fff;}
  #ModalContactForm .modal-body .checkbox a { color: #ff3e00; text-decoration: underline; }
  #ModalContactForm .modal-body .radio label, #ModalContactForm .modal-body .checkbox label { color: #393939; cursor: pointer; font-size: 15px; font-weight: 100; margin-bottom: 0; min-height: 20px; padding-left: 6px;}
  #ModalContactForm .modal-body .contact-us { margin: 0 15px;}

  /* services */
  .services h4 { color: #777777; display: inline; float: left; font-size: 15px; font-weight: 700; margin: 10px 0; position: static; text-align: left; top: 0; width: 100%;}
  .services {border: 2px solid #ebebeb; border-top:none;margin:0;padding: 0 15px 10px;}
  .page-taxonomy-term .other-card-content-block .cards-btns { display: block; height: auto; height:90px;}
  .cards-btns span:after {content: "";padding:0;position:relative;top:0px;}
  .btn-more { left: 30px; position: absolute;}

  /* notice */
  .card-filter-notice { padding: 0 4%;}

  /* card detail page */
  .card-image.card-detail { margin: 30px 20% 20px; width: 60%;}
  .card-description h1.top-heading { color: #393939; font-family: alwyn-new-web,sans-serif; font-size: 40px; font-weight: 100; margin: 0 0 20px; text-align: center;}
  .cards-btns.detail-card-btns { margin: 0 2%; text-align: center; width: 96%;}
  .detail-card-btns a.card-btn { background: #ff3e00; border-radius: 4px; color: #fff; display: inline-block; float: none; font-size: 17px; font-weight: 700; left: 0; margin: -2px 0 0; padding: 16px 40px; position: static; text-align: center; text-decoration: none;  width: auto;}
  .show-more-cards-of-brand-mobile {width:100%;text-align: center; }
  .show-more-cards-of-brand-mobile a.show-more-cards-of-brand { border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: none; font-size: 18px; font-weight: 700; margin: 15px 0 0 0; padding: 8px 30px; text-align: center; text-decoration: none; width: auto;}
  .card-detail-block .availability { width: 100%;}
  .card-detail-block .services h4 { color: #777777; display: inline-block; float: none; font-size: 15px; font-weight: 700; margin: 10px 0; position: static; text-align: left; width: 100%;}
  .availability h4 { color: #777777; font-size: 15px; font-weight: 700; margin: 0 0 10px; text-align: center;}
  .navbar-brand { float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 5px 15px 0 30px;}
  header .header-content h1 { color: #0f2b45; font-size: 35px; font-weight: 700; line-height: 1; text-align: center;}
  .header-content > p { color: #101e2b;font-size:19px;font-weight:100;}
  .mobile-filter { align-content: space-around; bottom: 0; display: flex; flex-direction: column; padding: 0 0 10px; visibility: visible; width: 100%;}
  .mobile-filter .card-btn { height: auto;align-items: initial; align-self: center; background: #ff3e00; border-radius: 6px; color: #fff; font-size: 18px; font-weight: 700; margin: 10px 0 0;  padding: 10px 40px;  text-align: center; text-decoration: none; width: auto;}
  .mobile-filter .card-btn.advanced {background:#fff;color: #ff3e00}
  .mobile-filter .card-btn.clear { align-self: flex-end; background: transparent none repeat scroll 0 0; color: #0f2b45; margin-right: 50px; position: relative; top: -55px;}
  .mobile-headline {display:initial; visibility:visible; text-align:center; }
  h2.top-heading { color: #393939; font-family: alwyn-new-web,sans-serif;  font-size: 33px;  font-weight: 700;  margin: 20px 0 15px; text-align: center;}
  .card-block h2 { font-size: 33px; font-weight: 100; text-align: center;margin-bottom:17px;margin-left:0;}
  .adv .adv-item { display: inline-table; padding: 0 10% 80px 115px; width: 80%;}
  .services ul { margin: 12px 0 8px; position: relative; width: auto;}
  .financial {border: 2px solid #ebebeb; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top:none; margin:0 0 22px 0;padding: 10px 15px; }
  .bg-blue h2 { color: #393939; font-size: 32px; font-weight: 100; margin: 0 5% 80px; text-align: center; width: 90%;}
  .bg-contact h2, .other-cards h2 { color: #393939; font-size: 32px; font-weight: 100; margin: 0 5% 30px; text-align: center; width: 90%;}
  .bg-gray h2, .bg-white h2 { color: #393939;  font-size: 32px; font-weight: 100; margin: 0 5% 30px; text-align: center; width: 90%;}
  .adv .adv-item {display: block;margin: 0 10%;padding: 120px 0 40px;text-align: center;width: 80%;}
  .pig {background: url("../img/ico-pig.png") 50% 0 no-repeat;}
  .receipt {background: url("../img/ico-receipt.png") 50% 0 no-repeat;}
  .recycle {background: url("../img/ico-recycle.png") 50% 0 no-repeat;}
  .settings {background: url("../img/ico-settings.png") 50% 0 no-repeat;}
  .bulp {background: url("../img/ico-bulp.png") 50% 0 no-repeat;}
  .bg-blue h3 { color: #393939; font-size: 19px; font-weight: 700; margin: 0 0 5px; text-align: center; text-transform: uppercase;}
  .adv .adv-item p { font-size: 15px; font-weight: 100; line-height: 1.3; text-align: center;}
  .radio label, .checkbox label { text-align: left;}

  /* filter result page */
  .node-type-card .card-block { border-bottom: 1px dotted #adadad; color: #393939; display: block; padding: 0 0 35px;}
  .node-type-thank-you .text-content .container p {margin: 0 15px}
  .node-type-thank-you .text-content .container h1 {margin-left:-2px;margin-top:15px;}

  /* flexbox layout - 767px */
  .other-cards .view-content .card-block.other-cards:nth-child(1) {padding:0 15px 0 0 }
  .other-cards .view-content .card-block.other-cards:nth-child(2) {padding:0 15px 0 0 }
  .other-cards .view-content .card-block.other-cards:nth-child(3) {padding:0 15px 0 0 }
  .mobile-card-availability-block .availability {flex:1;}
  .mobile-card-availability-block .availability ul.other-cards-availability li {border-bottom: medium none; border-right: medium none; display: flex; flex: 1 1 0; float: left; height: auto; list-style: outside none none; margin: 0; padding: 0; place-items: center; text-align: center; vertical-align: middle; width: 100%; justify-content: center; align-item:center;}
  .mobile-card-availability-block .availability ul.other-cards-availability li:first-child { border-bottom: 3px solid #ebebeb; border-right: medium none; display: flex; flex: 1 1 0;float: left;height: auto;list-style: outside none none; margin: 0;padding: 0; place-items: center;text-align: center; vertical-align: middle; width: 100%; justify-content: center;  align-item:center;}
  .other-cards .view-content .card-block.other-cards .cards-btns,
  .card-block .card-content-block .cards-btns { display: flex; flex-direction: row; height: auto; justify-content: space-between; order: 4; padding-left: 15px; padding-bottom: 20px; position: static;}
  .card-block.other-cards .financial.other-cards { flex:1.5; margin-left: 15px; margin-top: 0; order: 2;}
  .card-block .acceptance ul, .card-detail-block .acceptance ul { display: flex; justify-content: flex-start; margin: 0; padding: 0;}
  .card-block.other-cards .cards-btns a.card-btn,
  .card-block .card-content-block .cards-btns a.card-btn { flex:0 0 auto; align-self: center; background: #ff3e00;border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: -2px 0 0; padding: 16px 40px; position: static; text-align: center; text-decoration: none; width: auto;}
  .card-block.other-cards .cards-btns .btn-more,
  .card-block .card-content-block .cards-btns .btn-more { position: static; width: auto; order: -1;}
  .cards-btns.detail-card-btns a.card-btn { align-self: center; background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700;margin: 0; padding: 16px 40px; text-align: center; text-decoration: none;}
  a.show-more-cards-of-brand { align-self: center; border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: left; font-size: 18px; font-weight: 700;margin: 0; padding: 16px 40px; text-align: center; text-decoration: none; width: auto;}
  .acc-modal-filter h3 { font-size: 19px; margin: 0; padding: 13px 0 7px;}
  .collapse.in .card-block { border-bottom: none; color: #393939; margin-top: 0; padding: 0;}
  .view-content .card-block { border-bottom: 1px dotted #adadad; color: #393939; display: flex; flex-direction: column; margin: 0 0 15px;  padding: 0; width: 100%;}
  .availability { margin: 0; float:left; width: 30%; height: auto;}
  .other-cards .view-content { display: flex; flex-direction:column; flex-wrap: wrap;align-items: stretch; justify-content: space-between;}

  /* card block - homepage*/
  .card-content-block {position:relative; display:flex; flex-direction:column;}
  .card-content-block .services {order:2;}
  .card-content-block .acceptance  {order:1;}
  .card-content-block .cards-btns {order:4; padding: 0;}
  .card-content-block .services { flex: 1 1 100%; margin-top: 0;}
  .card-content-block .financial { flex: 1 1 100%; order:3;}
  .card-block .acceptance { flex: 1 1 100%; border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 20px 0 0; padding: 0 15px 10px 30px;}

  /* Homepage */
  .card-block .card-content-block { display: flex; flex-flow: row wrap;}
  .tablet-top-card-view {  display: flex; flex: 1 0 100%; flex-direction: row; flex-wrap: wrap; padding-left: 0; padding-right: 0; height: auto;  }
  .tablet-top-card-view .card-image { border-radius: 8px; flex: 1 1 auto; height: auto; margin: 0 0 0 30%; overflow: hidden;  width: 40%;}

  /* availability - It works in IE!!! */
  .tablet-top-card-view .availability { flex: 1 auto auto; display: flex; flex-direction: column; height: auto; min-height: 100% !important;}
  .tablet-top-card-view .availability ul { display: flex; flex-direction: column; flex: 1 1 0; background: white; border: none;  border-radius: 8px; color: #393939; font-size: 14px; font-weight: 300; height: auto; margin: 0; padding: 0; text-align: center; width: 100%;}
  .tablet-top-card-view .availability ul li:first-child { border-bottom: 3px solid #ebebeb; border-right: medium none; display: flex; flex: 1 1 0; float: left; height: auto; justify-content: center; list-style: outside none none; margin: 0; padding: 0; place-items: center; text-align: center; vertical-align: middle; width: 100%;}
  .tablet-top-card-view .availability ul li:last-child { align-items: center; border-bottom: none; display: flex; flex: 1 1 0; flex-direction: row; float: none; height: auto; justify-content: center; list-style: outside none none; margin: 0; padding: 0; text-align: center;}

  /* Brand detail page */
  .other-cards .view-content .card-block.other-cards  { display: flex; flex-flow: row wrap;}
  .card-block.other-cards .mobile-card-availability-block { order:-1; display: flex; flex: 1 0 100%; flex-direction: row; flex-wrap: wrap; height: auto;  padding-left: 0;  padding-right: 0; }
  .card-image.other-cards { border-radius: 8px; padding-right: 0; flex: 2 1 0; float: left; height: auto; margin: 0 0 0 30%; overflow: hidden; width: 40%;}

  .other-cards .view-content .card-block.other-cards .acceptance.other-cards { flex: 1 1 100%; border: 2px solid #ebebeb; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 20px 0 0 15px; padding:10px 15px; }
  .card-block.other-cards .services.other-cards { flex: 1 1 100%; margin-left: 15px; margin-top: 0; order: 1;}

  /* brand page - services */
  .page-taxonomy-term .other-cards .view-content .card-block.other-cards .acceptance.other-cards { order: -1;}

   /* availability */
  .availability, .card-block.other-cards .availability  { display: flex; flex: 1 auto auto; flex-direction: column; height: auto; min-height: 100%;}
  .availability ul.other-cards-availability { flex:1 1 0; border: medium none; display: flex; flex-direction: column; height: auto; margin-top: 0; width: 100%;}

   /* brand detail - other cards - availability */
  .node-type-card .availability, .card-block.other-cards .availability  { display: flex; flex: 1 0 0; flex-direction: column; height: auto; min-height: 100%;}
  .node-type-card .card-image.other-cards { flex:1 100% auto; border-radius: 8px; float: left; height: auto; margin: 0 0 0 20%; overflow: hidden;width: 50%;}
  .node-type-card .availability ul.other-cards-availability { flex:1 auto; border: medium none; display: flex; flex-direction: column; height: auto; margin-top: 0; width: 100%;}
  .node-type-card .mobile-card-availability-block .availability ul.other-cards-availability li:first-child { display: flex; flex: 1 auto; border-bottom: 3px solid #ebebeb; border-right: medium none; float: left;height: auto;list-style: outside none none; margin: 0;padding: 0; place-items: center;text-align: center; vertical-align: middle; width: 100%; justify-content: center;  align-item:center;}
  .node-type-card .mobile-card-availability-block .availability ul.other-cards-availability li {display: flex; flex: 1 auto; border-bottom: medium none; border-right: medium none; float: left; height: auto; list-style: outside none none; margin: 0; padding: 0; place-items: center; text-align: center; vertical-align: middle; width: 100%; justify-content: center; align-item:center;}

  /* brand - other cards - availability */
  .page-taxonomy-term .mobile-card-availability-block .availability ul.other-cards-availability li {display: flex; flex: 1 auto; border-bottom: medium none; border-right: medium none; float: left; height: auto; list-style: outside none none; margin: 0; padding: 0; place-items: center; text-align: center; vertical-align: middle; width: 100%; justify-content: center; align-item:center;}
  .page-taxonomy-term .mobile-card-availability-block .availability ul.other-cards-availability li:first-child { display: flex; flex: 1 auto; border-bottom: 3px solid #ebebeb; border-right: medium none; float: left;height: auto;list-style: outside none none; margin: 0;padding: 0; place-items: center;text-align: center; vertical-align: middle; width: 100%; justify-content: center;  align-item:center;}

  /* Mobile tooltip */
  .tooltip-mobile {display:inline-block;visibility:visible; color:#777;font-size: 12px; font-weight: 100; padding: 10px 0;}
  .filter-message{display:none;visibility:hidden;}

  /* 31.10. 2017 start */
  .acceptance h4.other-cards-acceptance { color: #777777; font-size: 15px; font-weight: 700; margin: 0 0 10px; text-align: left;}
  .card-detail-block .availability h4 { display: inline-block; visibility: visible; color: #777777; font-size: 15px; font-weight: 700; margin: 0 0 10px; text-align: center;}
  .card-content-block .availability h4.mobile-hide, .other-cards .availability h4 { text-align: center; display: inline-block; visibility: visible;}
  .acceptance.other-cards ul.other-cards-acceptance { display: flex; flex-flow: row wrap; height: auto; justify-content: flex-start;  margin: 0; padding: 0;}
  .card-detail-block .availability { width:100%; height: 100%; display: block; text-align:left;margin-bottom: 15px;}
  .other-cards .view-content .card-block.other-cards .acceptance.other-cards.mobile-other-cards {display:initial;visibility:visible;}
  .desktop-other-cards {display:none;visibility:hidden;}
  .card-block.other-cards:first-child {color:#393939; border-bottom: 1px dotted #adadad; padding:10px 0 0; }

  /* 1.11. mobile brand */
  a.card-mobile-filter-brands-link { display: inline; white-space: nowrap; cursor: pointer; color: #393939; font-size: 16px; cursor: pointer; font-weight: normal; padding: 8px 12px; margin: 0 4px 4px 0; border-radius: 5px; border: 1px solid #e8e8e8; line-height:42px; }
  .card-block.other-cards .cards-btns { margin-top:20px; display: flex; flex-direction: row; height: auto; justify-content: space-between; order: 4; padding-left: 15px; padding-bottom: 20px; position: static;}
  .node-type-card   .card-block.other-cards .cards-btns { margin-top:0; display: flex; flex-direction: row; height: auto; justify-content: space-between; order: 4; padding-left: 15px; padding-bottom: 20px; position: static;}

  /* iphone bug with cursor and input */
  .modal-open { position: fixed; }
  /* end */

  .tablet-top-card-view { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; margin-bottom: 0px;}

}

@media (max-width: 650px) {
  .bg-blue { background: #cce8ff ;}
  .bg-blue h2 { color: #393939; font-size: 30px; font-weight: 100; margin: 0 5% 80px; text-align: center; width: 90%;}
  .bg-contact h2, .other-cards h2 { color: #393939; font-size: 30px; font-weight: 100; margin: 0 5% 30px; text-align: center; width: 90%;}
  .bg-gray h2, .bg-white h2 { color: #393939;  font-size: 30px; font-weight: 100; margin: 0 5% 30px; text-align: center; width: 90%;}
}

@media (max-width: 600px) {
  .bg-contact .form-control:nth-child(2n+1) { background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; float: left; font-size: 18px; height: 44px; line-height: 1.4; margin: 0 1% 15px 2%; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; width: 97%;}
  .header-content {width:80%;margin-left:10%;margin-right:10%;}

  /* modal */
  #ModalContactForm .modal-body .form-control:nth-child(odd) { float:left; width:100%; margin:0 0 10px; background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; }
  #ModalContactForm .modal-body .form-control:nth-child(even) { float:left; width:100%; margin:0 0 10px; background-color: #f0f0f0; border: medium none; border-radius: 0; box-shadow: none; color: #393939; display: block; font-size: 18px; height: 44px;  line-height: 1.4; padding: 6px 12px 0 55px; transition: none 0s ease 0s ; }
  #ModalContactForm .modal-body h2 {color:#0f2b45;font-size:30px;font-weight:700;text-align: center;margin-bottom:15px;}
  #ModalContactForm .modal-body { padding: 0 0 25px;  position: relative;}
  #ModalContactForm .modal-body .contact-check { display: table; margin: 25px 0 30px -15px;}
  #ModalContactForm .modal-body .contact-us { margin: 0;}
  #ModalContactForm .modal-body p { font-size: 17px; font-weight: 100; line-height: 1.5; text-align: center; padding: 0 15px;}

  /* homepage card */
  .node-type-homepage .availability ul li { border-bottom: 3px solid #ebebeb; border-right: medium none; height: 50%; padding: 0; width: 100%;}
  .tablet-top-card-view .card-image { border-radius: 8px; float: left; height: auto; margin: 0 0 0 10%; overflow: hidden; width: 60%;}

  /* other cards */
  .node-type-card .other-card-content-block .availability ul li { border-bottom: 3px solid #ebebeb; border-right:none; width:100%;height:50%;padding: 0;display: table; float: left;}
  .node-type-card .card-image.other-cards { border-radius: 8px; float: left; height: auto; margin: 0 0 0 20%; overflow: initial; width: 50%;}

  /* filter result page */
  .node-type-filter-page .availability ul li { border-bottom: 3px solid #ebebeb; border-right: medium none; height: 50%; padding: 0; width: 100%;}
  /*.node-type-filter-page*/ .card-image { border-radius: 8px; float: left; height: auto; margin: 0 0 0 20%; overflow: hidden; width: 50%;}

  /* Flaxbox layout */
  .card-detail-block .financial { width: 100% !important;}
  .card-detail-block .acceptance { width: 100% !important;padding-left: 15px !important;}
  .mobile-filter .card-btn.clear { align-self: center; background: transparent none repeat scroll 0 0; color: #0f2b45; margin-right: 0; position: static; }
  .section-detail-cards .card-detail-block .acceptance {border: medium none; border-top-left-radius: 8px; border-top-right-radius: 8px;margin:0;padding: 0 15px 10px 15px;}
}

@media (max-width: 500px) {
  footer ul li { display: block; float: none; list-style: outside none none; margin:0 0 10px; padding: 0}
  footer ul li a { text-decoration:underline; }
  footer ul { padding:0 0 25px; border-bottom:1px solid #616161}
  .navbar-brand > img { display: block; margin: 5px 0 0; width: 80%;}
  /* modal */
  .modal-body { padding: 50px 15px 25px; position: relative;}
  #ModalContactForm { padding: 0;}
  .node-type-card .card-block { border-bottom: 1px dotted #adadad; color: #393939; display: block; padding: 0 0 20px;}
  .node-type-card .card-block.other-cards .cards-btns {position:relative; height: 80px;}
}

@media (max-width: 415px) {
  .header-content {width:90%;margin-left:5%;margin-right:5%;}
  .cards-btns small { color: #777; display: inline-block; float: right; font-weight: 100; margin: 12px 0 0; text-align: center; width: 100%;}

  /* modal */
  .acc-modal-filter a { color: #0f2b45; display: block; font-size: 17px; font-weight: 700; height: 30px; padding: 0 20% 0 0; text-decoration: none; width: 100%;}
  .btns-group { display: block; height: 60px; margin-right: 0; position: relative; text-align: right;}
  .btns-group a.btn-more { color: #ff6600; display: inline-block; font-weight: 700; left: 0; margin: 12px 0 7px; position: absolute; text-align: center; text-decoration: underline;}
  .node-type-homepage .btns-group a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px; width:auto; position:static;left:0;width:100%;}
  /* 16.10. */
  .node-type-homepage .btns-group a.card-btn {position: static; text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;width:auto !important}
  .node-type-homepage .btns-group { display: block; height: auto; margin: 10px 0 10px; position: static; text-align: center;}
  .node-type-homepage .card-block {color:#393939;border-bottom: 1px dotted #adadad;margin:0 0 15px 0;padding:10px 0 0;display:block;}

  /* filter result page */
  .node-type-filter-page .card-image { border-radius: 8px; float: left; height: auto; margin: 0 5% 0 0; overflow: hidden; width: 57%;}
  .node-type-filter-page .availability { margin: 0; float:left; width: 38%;}
  .node-type-filter-page .btns-group a.btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px; width:auto; position:absolute;left:0;}

  /* other cards + brand other cards -- .page-taxonomy-term --*/
  .node-type-card .card-image.other-cards, .page-taxonomy-term .card-image.other-cards {border-radius: 8px; float: left; height: auto; margin: 0; overflow: hidden; width: 62%;}
  .availability { float: left; margin: 0; width: 38%;}
  .page-taxonomy-term .btns-group a.btn-more { left: 0; position: absolute;}
  .page-taxonomy-term .card-block.other-cards .btn-more {left: 15px; position: absolute; width: auto;}

  /* detail card */
  .node-type-card section.other-cards { border-top: 3px solid white; margin-top: 0; padding: 30px 0 0;}
  .node-type-card .card-block { border-bottom: 1px dotted #adadad; color: #393939; display: block; padding: 0 0 10px;}

  /* flexbox layout - 415px */
  .other-cards .view-content .card-block.other-cards .cards-btns {display: flex; flex-direction: column; height: auto; order: 4; padding-bottom: 20px; padding-left: 30px; position: static;}

  .card-block .card-content-block .cards-btns {display: flex; flex-direction: column; height: auto; order: 4; padding-bottom: 20px; padding-left: 0; position: static;}
  .card-block.other-cards .cards-btns .btn-more,
  .card-block .card-content-block .cards-btns .btn-more { margin: 25px 0 0; order: 2; position: static; width: auto;}
  .tablet-top-card-view .card-image { border-radius: 8px; float: left; height: auto; margin: 0; overflow: initial; width: 62%;}
  .bg-gray h2, .bg-white h2 {  color: #393939; font-size: 30px; font-weight: 100; margin: 15px 5% 30px; text-align: center; width: 90%;}

   /* 31.10. */
  .contact-check .checkbox .cr { background: rgba(0, 0, 0, 0) url("../img/check-2.png") no-repeat scroll 0 0;  border: medium none; color: #ff6600; display: inline-block; float: left; height: 23px; left: -6px; margin-right: 0.5em;  margin-bottom: 22px;   position: relative;  width: 23px;}

  /* 1.11. mobile brand */
  a.card-mobile-filter-brands-link { white-space: nowrap; display: inline; cursor: pointer; color: #393939; font-size: 16px; cursor: pointer; font-weight: normal; padding: 8px 12px; margin: 0 4px 4px 0; border-radius: 5px; border: 1px solid #e8e8e8; line-height:42px; }
}

@media (max-width: 360px) {
  .node-type-card .cards-btns .other-card-btn { background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: 12px 0 0; padding: 16px 40px; position: static; right: 15px; text-align: center; text-decoration: none; width: auto;}
  .node-type-card .cards-btns .btn-more { position: static; width: 100%;}
  /* homrpage */
  .node-type-homepage .btns-group a { width: 100%;}
  .node-type-homepage .btns-grooup a.card-btn {background: #ff3e00;border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: -2px 0 0; padding: 16px 40px; text-align: center; text-decoration: none; width: 100% !important;}
  .node-type-homepage .btns-group a.btn-more { color: #ff6600; display: inline-block; font-weight: 700; left: 0; margin: 12px 0 7px; position: static; text-align: center; text-decoration: underline; width: 100%;}

  /* filter result page */
  .node-type-filter-page .btns-group a { width: 100%;}
  .node-type-filter-page .btns-grooup a.card-btn {background: #ff3e00;border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: -2px 0 0; padding: 16px 40px; text-align: center; text-decoration: none; width: 100% !important;}
  .node-type-filter-page .btns-group a.btn-more { color: #ff6600; display: inline-block; font-weight: 700; left: 0; margin: 12px 0 7px; position: static; text-align: center; text-decoration: underline; width: 100%;}

  /* brand page */
  .page-taxonomy-term .btns-group a.btn-more, .node-type-card .cards-btns a.btn-more { color: #ff6600; display: inline-block; font-weight: 700; left: 0; margin: 12px 0 7px; position: static; text-align: center; text-decoration: underline;width:100%;}

  /* btns */
  .node-type-card .cards-btns a.card-btn { background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: 0; padding: 16px 40px; position: static; text-align: center; text-decoration: none; width: auto;}
  .btns-group { display: block; height: auto; margin: 10px 0 -20px; position: static; text-align: center;}
  .node-type-filter-page   .btns-group { display: block; height: auto; margin: 10px 0 0; position: static; text-align: center;}
  .btns-group a.btn-more { color: #ff6600; display: inline-block; font-weight: 700; left: 0; margin: 12px 0 7px; position: static; text-align: center; text-decoration: underline;width:100%;}
  .show-more-cards-of-brand-mobile a.show-more-cards-of-brand { border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: none; font-size: 18px; font-weight: 700; margin: 15px 0 0 0; padding: 8px 20px; text-align: center; text-decoration: none; width: auto;}
  .page-taxonomy-term .card-block .btns-group { display: block; height: auto; margin: 10px 0 10px; position: static; text-align: center;}
  .page-taxonomy-term .card-block.other-cards .cards-btns a.card-btn { background: #ff3e00 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin: 0; padding: 16px 40px; position: static; text-align: center; text-decoration: none; width: auto;}
  .page-taxonomy-term .card-block.other-cards .btn-more { position: static; width: 100%;}
  .page-taxonomy-term .other-card-content-block .cards-btns { display: block; height: auto;padding:20px 0 10px}
}
@media (max-width: 350px) {
  .acceptance ul li img { height: 20px; margin: 8px 0 0;}
}

@media (max-width: 320px) {
  .card-image { border-radius: 8px; height: auto; margin: 0 0 25px 5%; overflow: hidden; width: 55%;}
}


/* Design change 05/2018 */

/* spacing hack */
.tm-20 {margin-top: 20px}
.tm-30 {margin-top: 30px}

#edit-brand-wrapper {border-radius: 6px;padding: 0;-webkit-box-shadow: 0 0 5px 0 rgba(127,127,127,0.3);-moz-box-shadow: 0 0 5px 0 rgba(127,127,127,0.3);box-shadow: 0 0 5px 0 rgba(127,127,127,0.3);}
aside h3 { font-size: 16px; color: #888888;  font-weight: 700; font-family: alwyn-new-web, sans-serif; margin: 12px 0 7px 15px;}
.filter-field_brand_tid {display: inline-block;margin-right: 5px; margin-bottom: 7px; margin-top: 0; position: relative; padding: 0 15px;}
hr.filter-title { border: 0px; min-width: 100%; margin: 0 0 15px; height: 2px; background: #e8e8e8; background: linear-gradient(to left, #e8e8e8 90%, #d6d6d6 90%)}
.form-item-brand input + label { color:#393939;font-size:16px;font-weight:300; border:1px solid #e8e8e8; margin:0;padding:3px 5px;border-radius:4px;cursor: pointer;}
.form-item-brand input:not(:checked) + label:hover { background:#048fd0;color:#fff !important;border:1px solid #048fd0;}
.form-item-brand input + label:active, .form-item-brand input:checked + label { background:#048fd0;color:#fff !important;border:1px solid #048fd0;}
.form-item-brand input:checked + label a, .form-item-brand input + label:hover a {color:#fff;}
.views-exposed-form .views-exposed-widget { float: left; padding: 2px 5px 0 0; width: 100%; margin-top: 0px;}
.views-reset-button > input[type="submit"] {float:left; background: #048fd0; color: #fff; font-weight: 300;padding: 7px 10px;margin-bottom: 25px;margin-top: 25px;}

/* card table */
.extra-services h4 { font-size: 15px; font-weight: 700; color: #777777; margin: 0 0 10px;text-align: left;}
ul.ex-services {margin: 0;padding: 0 ;}
ul.ex-services li {list-style:none;background: url("../img/services-plus.png") 0 3px no-repeat;font-weight:300;margin:2px 0;padding: 0 0 0 16px}

.node-type-card ul.ex-services li {list-style:none;background: url("../img/services-plus.png") 0 3px no-repeat;font-weight:300;margin:2px 0;padding: 0 0 0 16px; text-align: left;}


ul.ex-services li.services-minus {background: url("../img/services-minus.png") 0 3px no-repeat;}
.card-block .card-content-block { display: initial; }
.limits h4 {font-size:15px; font-weight:700;color:#777777;margin:10px 0 10px;text-align:left}
.limits p {font-size: 14px;font-weight: 300; font-size: 14px;color: #777; line-height: 1.3;padding-top: 5px}
.cards-btns .btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:left;margin: 12px 0 7px;width:100%}
.cards-btns .btn-add-to-compare {color:#ff6600;text-decoration:underline;font-weight:300;display:inline-block;text-align:right;margin: 12px 0 7px;width:100%}
.cards-btns .btn-add-to-compare::before { content: url("../img/compare-icon.png"); padding: 0 7px 0 0; position: relative; top: 1px;}
.cards-btns .card-btn {float:none; text-decoration:none;display:block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;/* min-width:*/ width:100%}
.card-block { color: #393939; border-bottom: 1px dotted #adadad; padding: 10px 0 0; display: inherit;}

/* table compare */
.bg-compare { background: #f3f3f3; padding: 0;}
.table-compare-title .subtitle-border { display: inline-block; font-size: 21px; color: #393939; text-align: center; font-family: alwyn-new-web, sans-serif; font-weight: 100; letter-spacing: 0 !important; padding: 15px 0 0 0;}
.compare-desc p {font-size: 16px; color:#393939 !important;}
.compare-desc {margin-bottom: 40px}
span.table-title {font-size: 12px;color: #777;white-space: normal;}
.table-responsive table {padding-bottom: 10px; }
.table-responsive {margin-bottom: 60px}

/* gliphicon */
span.glyphicon.glyphicon-ok {color: #86ff25 !important;}
span.glyphicon.glyphicon-remove {color: #ff0000 !important;}
span.glyphicon.glyphicon-minus {color: #c7c7c7 !important;}

.compare-card-image {padding: 10px 10%; }
.compare-order-btn {text-decoration: none; display: inline-block;background: #ff3e00;border-radius: 4px;color: #fff;font-size: 17px;font-weight: 700;margin:10px 0;padding: 7px 14px;text-align: center;}
.compare-order-btn:hover {background: #dd0101;color: #fff;text-decoration: none}

/* Separate table for every card */
.compare-selection-table .table-responsive table {padding-bottom: 10px; width: auto;}
.compare-selection-table .table-description tbody tr:nth-of-type(1),
.compare-selection-table .table-card tr:nth-of-type(1) {height: 285px; }
.table tbody tr td {border-top: none !important;}
table tr {height: 45px; vertical-align: middle;}
.table-responsive table tr td {padding: 0; }

/* fixed positioned table */
.selection-top-tab {position: initial;}
.top-tab-fixed {position: relative; top:85px; z-index: 999;opacity: 0.9; animation: top-tab-move 1.5s forwards;
-webkit-box-shadow: 0px 15px 25px -14px rgba(0,0,0,0.3);-moz-box-shadow: 0px 15px 25px -14px rgba(0,0,0,0.3);box-shadow: 0px 15px 25px -14px rgba(0,0,0,0.3);}
#skroll {display: none;}
#skroll .table-card tbody tr td:nth-of-type(1) {-webkit-box-shadow: 0px 15px 25px -14px rgba(0,0,0,0.3);-moz-box-shadow: 0px 15px 25px -14px rgba(0,0,0,0.3);box-shadow: 0px 15px 25px -14px rgba(0,0,0,0.3);}

@keyframes top-tab-move {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}


.card-content-block .cards-btns .card-btn {display: inline-block;}


@media (max-width: 1200px) {
 /*.tablet-top-card-view { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 0; padding-right: 0; margin-bottom: 25px;}*/
 .acceptance { margin-top: 0px;}
 .acceptance h4 { font-size: 15px; font-weight: 700;color: #777777; margin: 0 0 10px; text-align: left;}
 .limits h4 {font-size:15px; font-weight:700;color:#777777;margin:0 0 10px;text-align:left}
 .cards-btns .card-btn {float:right; text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center;min-width:100% !important}
 .cards-btns {display: inline-block;}
 .card-block h2 {font-size: 33px; font-weight: 100; margin: 10px 0 0 0;}
 .cards-btns .btn-more {color:#ff6600;text-decoration:underline;font-weight:700;display:inline-block;text-align:center;margin: 12px 0 7px;width:100%}
 .cards-btns .btn-add-to-compare {color:#ff6600;text-decoration:underline;font-weight:300;display:inline-block;text-align:center; margin: 0 0 15px; width:100%}

 .detail-card-btns {display: flex; flex-direction: row; margin: 15px 0; place-content: flex-start;justify-content: flex-start;}

}

@media (max-width: 1199px) {
 .cards-btns .card-btn {float:none; text-decoration:none;display:inline-block;background:#ff3e00;border-radius: 4px;color:#fff;font-size:17px;font-weight:700;margin:-2px 0 0 0;padding:10px 40px;text-align:center; min-width:auto !important}
 .detail-card-btns a.show-more-cards-of-brand {align-self: flex-start; border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: left; font-size: 18px; font-weight: 700; margin: 0 0 0 20px; padding: 8px 30px; text-align: center; text-decoration: none; width: auto; }

}

@media (max-width: 992px) {
 .acceptance, .limits { margin-top: 10px;}
}

@media (max-width: 991) {
  .detail-card-btns {width: auto !important; }
  .card-detail-block .limits {margin-top: 0;}
}

@media (max-width: 770px) {
 .extra-services h4 { font-size: 15px; font-weight: 700; color: #777777; margin: 0 0 10px 15px; text-align: left;}
 .extra-services {border: 2px solid #ebebeb; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top:none; margin:0;padding: 10px 15px; }
 ul.ex-services.ex-services { margin: 0; padding: 0px 15px;}
 .card-block .card-content-block { display: flex; flex-direction: row; flex-wrap: wrap;}
 .limits {border: 2px solid #ebebeb; border-top:none; margin:0; padding: 10px 15px; }
 .card-block h2 {font-size: 33px; font-weight: 100;  margin: 10px 0 10px 0;}
 .card-content-block .financial { flex: 1 1 100%; order: 5;}
 .card-content-block .extra-services { flex: 1 1 100%; order: 3;}
 .card-content-block .limits { flex: 1 1 100%; order: 4;padding: 15px 30px 0;}
 .other-cards .view-content .card-block.other-cards .cards-btns,
 .card-block .card-content-block .cards-btns { display: flex; flex-direction: row; height: auto; justify-content: space-between; order: 6; padding-left: 15px; padding-bottom: 20px; position: static;}
 .acceptance h4 { font-size: 15px; font-weight: 700;color: #777777; margin: 10px 0; text-align: left;}
 .limits p {font-size: 14px;font-weight: 300; font-size: 14px;color: #777; line-height: 1.3;padding-top: 0}
 .cards-btns .card-btn {float:none;}
 .tooltip-mobile {width: 100%;}
 .cards-btns .btn-add-to-compare {color:#ff6600;text-decoration:underline;font-weight:300;display:inline-block;text-align:center;margin: 12px 0 7px;width:100%}
 /* table compare */
 .table-responsive table tr td h4 {height: 50px;display: inline-block; white-space: normal; padding: 0 15px;}
 .table-description {display: none;}

 .detail-card-btns {display: flex; flex-direction: row; margin: 15px 0; place-content: center; justify-content: center;}
 .detail-card-btns a.show-more-cards-of-brand {align-self: flex-start; border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: left; font-size: 18px; font-weight: 700; margin: 0 0 0 20px; padding: 14px 30px; text-align: center; text-decoration: none; width: auto; }



}

/* div table compare */
.comp-div-table-wrapper {padding-bottom: 80px}
.comp-table-wrapper { width: calc(100% - 300px);float: right; white-space: nowrap;position: relative;}
.comp-tab-desc { position:absolute; left: 0; z-index: 99; display:inline-block; width: 300px; }
.comp-tab-card { display:inline-block; width: 200px; background: linear-gradient(to left, #f3f3f3 7%, #fdfdfd 7%);/*position: relative; top: 0;*/}
.comp-tab-card:nth-of-type(odd) { background: linear-gradient(to left, #f3f3f3 7%, #fdf6d8 7%);}
.comp-tab-values hr { border: 0px; min-width: 100%; margin:6px 0; height: 1px; background: #e8e8e8; background: linear-gradient(to left, #b9e7ff 7%, #f1f4da 7%, #f1f4da 100%);}
.comp-tab-values-desc hr { border: 0px; min-width: 100%; margin:6px 0; height: 1px; background: #e8e8e8; background: #b9e7ff;}
.comp-tab-top-box .row h4 {white-space: initial;padding: 0 25px;min-height: 60px;display: inline-block;}
.comp-tab-card .compare-card-image {padding: 10px 17% 10px 10%; }
.comp-tab-top-box {min-height: 260px; background: linear-gradient(to left, #f3f3f3 7%, #fdfdfd 7%); }
.comp-tab-card:nth-of-type(odd) .comp-tab-top-box { min-height: 260px; background: linear-gradient(to left, #f3f3f3 7%, #fdf6d8 7%);}
.comp-desc-top {min-height: 290px; }
.comp-card-item { padding: 10px 15px; border-top: 1px solid #f1faff; width: 90%;}
.comp-blank-item { background: #f3f3f3;width: 10%;border-top: 1px solid #b9e7ff;height: 45px;float: right; }
.comp-tab-values { float: left; width: 100%; }
.comp-tab-values span {width: 100%;display: inline-block;position: static;}

/* btn show only differences */
.show-differences {max-width: 250px;display:inline-block;background: #fff url("../img/differences-ico.png") 15px 50% no-repeat;border-radius: 8px;padding: 10px 45px 10px 60px;font-weight: 400;font-size: 15px; color: #048fd0 ; line-height: 1.3;text-decoration: none;}
.show-differences:hover {text-decoration: none; color: #393939;}

/* btn delete from selection */
.delete-from-compare { float: left; margin: 0; display: inline-block;background: #dcdcdc; color: #777; font-size: 15px; font-weight: 400; width: 93%;padding: 7px 0;text-decoration: none;}
.delete-from-compare::before { content: url("../img/delete-compare.png"); padding: 0 4px 0 0; position: relative; top: 1px;}
.delete-from-compare:hover { text-decoration: none;background: #414141;color: #dcdcdc;}

.compare-selection-table .comp-tab-top-box {min-height: 280px; background: linear-gradient(to left, #f3f3f3 7%, #fdfdfd 7%); }
.compare-selection-table .comp-tab-card:nth-of-type(odd) .comp-tab-top-box { min-height: 280px; background: linear-gradient(to left, #f3f3f3 7%, #fdf6d8 7%);}
.compare-selection-table .comp-desc-top {min-height: 316px; }

/* comp tab posuny */
.comp-tab-scroller1, .comp-tab-scroller2 { width: 100%; overflow-x: scroll; overflow-y: hidden; margin-bottom: 10px;}
.comp-tab-scroller1 { height: 20px; }
.comp-tab-scroller2 {}
.scrolldiv1 { height: 20px; }
.scrolldiv2 { overflow: hidden; }

@media (max-width: 991px) {
 .comp-table-wrapper { width: calc(100% - 260px);float: right; white-space: nowrap;position: relative;}
 .comp-tab-desc { position:absolute; left: 0; z-index: 99; display:inline-block; width: 260px; }
}

@media (max-width: 768px) {
 .comp-tab-desc { display: none;visibility: hidden; }
 .comp-table-wrapper { width: 100% ;float: left; white-space: nowrap;padding: 0 5%}
}


/* brand update  08-2018 */
.mobile-l-m-15 {margin-left: 15px;}
.view-content .card-block.other-cards:first-child {margin-top: 0;}
.other-cards .extra-services h4 {text-align: center;}
.other-cards .limits h4, .other-cards .limits p {text-align: center ; }
.other-cards .btn-more {text-align: center;}
.other-cards .card-content-block .financial.mobile-l-m-15 { margin-left: 15px;}
.other-cards .card-content-block { flex: 1 1 auto; display: flex;}
.other-cards .mobile-card-availability-block { margin-bottom: 10px;}


@media (max-width: 1200px ) {
  .other-cards .acceptance h4 { text-align: center;}
  .card-detail-block .limits {margin-top: 15px;}
  .card-detail-block .limits p {text-align: left;}
}

@media (max-width: 770px) {
  .card-detail-block .extra-services { border: none; padding: 10px 0;  }
  .card-detail-block .limits {border: none; margin-top: 0px; }
}


@media (max-width: 767px) {
  .card-block.other-cards .financial.other-cards {flex: 1.5; margin-left: 15px; margin-top: 0; order: 5; }
  .card-image.other-cards {border-radius: 8px; padding-right: 0; flex: 1 1 auto; float: left; height: auto; margin: 0 0 0 10%; overflow: hidden; width: 60%; }
  .card-block.other-cards .availability {display: flex; flex: 1 1 auto; flex-direction: column; height: auto; min-height: 100%; }
  ul.other-cards-acceptance li {list-style: none; margin: 0; padding: 0; display: inline-block; }
  .card-content-block .financial h4 {text-align: left !important;}
  .other-cards .mobile-card-availability-block { margin-bottom: 0px;}

  /* left align to h4 subtitles */
  .other-cards .extra-services h4, .other-cards .acceptance h4, .other-cards .limits h4, .other-cards .limits p {text-align: left;}

  /* brand page  btn-more centered */
  .card-block .card-content-block .cards-btns .btn-more {text-align: center;}
  .cards-btns > .row {width: 100%;}

  /* other-cards btns */
  .other-cards .view-content .card-block.other-cards .cards-btns, .card-block .card-content-block .cards-btns {display: flex; flex-direction: column; height: auto; justify-content: space-between; order: 6; padding-left: 15px; padding-bottom: 20px; position: static; }
  .card-block.other-cards .cards-btns .btn-more, .card-block .card-content-block .cards-btns .btn-more {position: static; width: auto; order: 0; text-align: center; }
}



@media (max-width: 500px) {
  .other-cards .view-content .card-block.other-cards .cards-btns, .card-block .card-content-block .cards-btns {display: flex; flex-direction: column; height: auto; justify-content: space-between; order: 6; padding-left: 15px; padding-bottom: 20px; position: static; }
  .card-block.other-cards .cards-btns .btn-more, .card-block .card-content-block .cards-btns .btn-more {position: static; width: auto; order: 0; text-align: center; }
  .detail-card-btns {display: flex; flex-direction: column; margin: 15px 0; place-content: center; justify-content: center; }
  .detail-card-btns a.show-more-cards-of-brand {align-self: center; border: 2px solid #ff6600; border-radius: 4px; color: #ff6600; display: inline-block; float: left; font-size: 18px; font-weight: 700; margin: 20px 0 0 0; padding: 14px 30px; text-align: center; text-decoration: none; width: auto; }


}

@media (max-width: 415px) {
  .card-block .card-content-block .cards-btns .btn-more { margin: 10px 0 0;}

}


/* fee_system */
.comp-desc-top .show-fee_system{
  margin: 70px 0 0 -20px;
}
.show-fee_system {
  max-width: 300px;
  display: inline-block;
  padding: 28px 35px;
  text-decoration: none;
  background: #FF3E00;
  border: 3px solid #FF3E00;
  border-radius: 13px;
  color: white;
  font-family: alwyn-new-web, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 35px;
  text-align: center;
}
.show-fee_system:hover {
  color: #FD3F02;
  background: white;
  text-decoration: none;
}
.show-fee_system:focus{
  color: white;
  text-decoration: none;
  background: #ff3e00;
  outline: none;
}

#ModalFeeSystem .modal-dialog{
  width: 425px;
}
#ModalFeeSystem .modal-content{
  border: 3px solid #FF3E00;
  border-radius: 13px;
}
#ModalFeeSystem h2{
  text-align: center;
  margin: 10px 0 20px;
  color: #FD3F02;
}
.fee_system-line{
  background: #F0F0F0;
  border-radius: 8px;
  padding: 13px;
  overflow: hidden;
  margin: 10px;
}
.fee_system-line a{
  margin: 0;
}
.fee_system-line>span{
  font-size: 2rem;
  margin: 5px;
  position: relative;
  display: block;
}
.fee_system-line:nth-child(odd){
  margin-left: 42px;
}
.fee_system-line:nth-child(even){
  margin-right: 42px;
}
.fee_system-line:nth-child(odd) a{
  float: left;
}
.fee_system-line:nth-child(even) a{
  float: right;
}
.fee_system-line:nth-child(odd)>span{
  float: right;
}
.fee_system-line:nth-child(even)>span{
  float: left;
}

.fee_system-footer{
  margin: 30px 0 20px;
  text-align: center;
}