@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.form__block.form__relative .position-absolute-infobox p,
body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

.open>a,
a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.details-order table tr.sub-detail td .finally-price sup,
sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    width: 100%;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    border: solid 1px #eaeaea
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent
}

legend,
td,
th {
    padding: 0
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot);
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before,
.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before,
.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

caption,
th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    border-top: 1px solid #ddd
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul,
.special-offer-box h3 {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.carousel,
.carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev,
.slick-slide img {
    display: block
}

.carousel-inner>.active,
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-control,
.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.active.left,
.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: transparent
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

.bullet-color ul:after,
.bullet-color ul:before,
.clearfix:after,
.clearfix:before,
.footer__links__app-stores:after,
.footer__links__app-stores:before {
    content: " ";
    display: table
}

.clearfix:after,
.footer__links__app-stores:after {
    clear: both
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs,
    .visible-xs-block {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm,
    .visible-sm-block {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md,
    .visible-md-block {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) {
    .visible-lg,
    .visible-lg-block {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
    .hidden-print {
        display: none!important
    }
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.bullet-color ul:after,
.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    height: 100%
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"), url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: none;
    background: 0 0;
    color: transparent
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    opacity: .75
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    width: 20px
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    line-height: 20px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    color: #d0d0ce;
    opacity: 1
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #00a0dc
}

@font-face {
    font-family: 'cosmote';
    src: url(../fonts/cosmote.eot?v027fo);
    src: url(../fonts/cosmote.eot?v027fo#iefix) format("embedded-opentype"), url(../fonts/cosmote.ttf?v027fo) format("truetype"), url(../fonts/cosmote.woff?v027fo) format("woff"), url(../fonts/cosmote.svg?v027fo#cosmote) format("svg");
    font-weight: 400;
    font-style: normal
}

.ui-datepicker .ui-datepicker-title:after,
.ui-datepicker .ui-datepicker-title:before,
[class*=" icon-"],
[class^=icon-] {
    font-family: 'cosmote'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-alert:before {
    content: "\41"
}

.icon-fixed:before {
    content: "\42"
}

.icon-mobile:before {
    content: "\43"
}

.icon-pencil:before {
    content: "\44"
}

.icon-alert2:before {
    content: "\45"
}

.icon-fixed2:before {
    content: "\46"
}

.icon-mobile2:before {
    content: "\47"
}

.icon-pencil2:before {
    content: "\48"
}

.icon-uniE900:before {
    content: "\e900"
}

.icon-uniE901:before {
    content: "\e901"
}

.icon-cart:before {
    content: "\e902"
}

.icon-like:before {
    content: "\e903"
}

.icon-share:before {
    content: "\e904"
}

.icon-user:before {
    content: "\e905"
}

.icon-close-circle:before {
    content: "\e906"
}

.icon-add-circle:before {
    content: "\e907"
}

.icon-search:before {
    content: "\e908"
}

.icon-caret-left:before,
.slick-prev:before {
    content: "\e90a"
}

.icon-caret-right:before,
.slick-next:before {
    content: "\e90c"
}

.icon-triangle-up:before {
    content: "\e90d"
}

.icon-triangle-left:before {
    content: "\e90e"
}

.icon-triangle-down:before {
    content: "\e90f"
}

.icon-triangle-right:before {
    content: "\e910"
}

.icon-device-left:before {
    content: "\e911"
}

.icon-device-bg:before {
    content: "\e912"
}

.icon-device-right:before {
    content: "\e913"
}

.icon-double-squares:before,
.product-box.product-box-offer.product-box-offer-version3 .compare-icon-container a .icon-compare:before,
.product-box.product-box-tile .compare-icon-container a .icon-compare:before {
    content: "\e914"
}

.icon-social-fb:before {
    content: "\e915"
}

.icon-social-fl:before {
    content: "\e916"
}

.icon-social-tw:before {
    content: "\e917"
}

.icon-social-yt:before {
    content: "\e918"
}

.icon-menu:before {
    content: "\e919"
}

.icon-store-locator:before {
    content: "\e91a"
}

.icon-bin:before {
    content: "\e91b"
}

.icon-play:before {
    content: "\e91c"
}

.icon-star:before {
    content: "\e91d"
}

.icon-uniE91E:before {
    content: "\e91e"
}

.icon-half_star:before {
    content: "\e91f"
}

.icon-uniE920:before {
    content: "\e920"
}

.icon-uniE921:before {
    content: "\e921"
}

.icon-uniE922:before {
    content: "\e922"
}

.icon-uniE923:before {
    content: "\e923"
}

.icon-check-box-icon:before {
    content: "\e924"
}

.icon-information-icon:before {
    content: "\e925"
}

.icon-heart-fill:before {
    content: "\e926"
}

.icon-uniE927:before {
    content: "\e927"
}

.icon-uniE928:before {
    content: "\e928"
}

.icon-cart2:before {
    content: "\e929"
}

.icon-like2:before {
    content: "\e92a"
}

.icon-share2:before {
    content: "\e92b"
}

.icon-user2:before {
    content: "\e92c"
}

.icon-close-circle2:before {
    content: "\e92d"
}

.icon-add-circle2:before {
    content: "\e92e"
}

.icon-search2:before {
    content: "\e92f"
}

.icon-caret-up2:before {
    content: "\e930"
}

.icon-caret-left2:before {
    content: "\e931"
}

.icon-caret-down2:before {
    content: "\e932"
}

.icon-caret-right2:before {
    content: "\e933"
}

.icon-triangle-up2:before {
    content: "\e934"
}

.icon-triangle-left2:before {
    content: "\e935"
}

.icon-triangle-down2:before {
    content: "\e936"
}

.icon-triangle-right2:before {
    content: "\e937"
}

.icon-device-left2:before {
    content: "\e938"
}

.icon-device-bg2:before {
    content: "\e939"
}

.icon-device-right2:before {
    content: "\e93a"
}

.icon-double-squares2:before {
    content: "\e93b"
}

.icon-social-fb2:before {
    content: "\e93c"
}

.icon-social-fl2:before {
    content: "\e93d"
}

.icon-social-tw2:before {
    content: "\e93e"
}

.icon-social-yt2:before {
    content: "\e93f"
}

.icon-menu2:before {
    content: "\e940"
}

.icon-store-locator2:before {
    content: "\e941"
}

.icon-bin2:before {
    content: "\e942"
}

.icon-play2:before {
    content: "\e943"
}

.icon-star2:before {
    content: "\e944"
}

.icon-uniE945:before {
    content: "\e945"
}

.icon-half_star2:before {
    content: "\e946"
}

.icon-uniE947:before {
    content: "\e947"
}

.icon-uniE948:before {
    content: "\e948"
}

.icon-uniE949:before {
    content: "\e949"
}

.icon-uniE94A:before {
    content: "\e94a"
}

.icon-check-box-icon2:before {
    content: "\e94b"
}

.icon-tradition-shipping-icon2:before {
    content: "\e94c"
}

.icon-credit-card-icon2:before {
    content: "\e94d"
}

.icon-calendar-36:before {
    content: "\e94e"
}

.icon-printer:before {
    content: "\e94f"
}

.icon-double-arrow-right:before {
    content: "\e950"
}

.icon-double-arrow-left:before {
    content: "\e951"
}

.icon-calendar-icon:before {
    content: "\e952"
}

.icon-pick-up-in-store:before {
    content: "\e953"
}

.icon-router:before {
    content: "\e954"
}

.icon-cash:before {
    content: "\e955"
}

.icon-pdf:before {
    content: "\e956"
}

.icon-email:before {
    content: "\e957"
}

.icon-support:before {
    content: "\e958"
}

.icon-chat-icon:before {
    content: "\e959"
}

.icon-close-popup:before,
.icon-close:before {
    content: "\e95a"
}

.icon-shipping-cart:before {
    content: "\e95b"
}

.icon-shipping-house-icon:before {
    content: "\e95c"
}

.icon-satellite:before {
    content: "\e95d"
}

.icon-contract:before {
    content: "\e95e"
}

.icon-e-invoice:before {
    content: "\e95f"
}

.icon-e-bill:before {
    content: "\e960"
}

.icon-top-up:before {
    content: "\e961"
}

.icon-modem:before {
    content: "\e962"
}

.icon-mobile-credit:before {
    content: "\e963"
}

.icon-video-call2:before {
    content: "\e964"
}

.icon-Asset-1:before,
.icon-arrow-dx-new:before {
    content: "\e965"
}

.icon-Asset-2:before,
.icon-arrow-sx-new:before {
    content: "\e966"
}

.icon-callback:before {
    content: "\eb87"
}

.icon-video-call2nd:before {
    content: "\e967"
}

.icon-chat2nd:before {
    content: "\e968"
}

.icon-networks:before {
    content: "\e969"
}

.icon-qr-code:before {
    content: "\e96a"
}

.icon-gift:before {
    content: "\e96b"
}

.icon-speedometer:before {
    content: "\e96c"
}

.icon-television:before {
    content: "\e96d"
}

.icon-sms:before {
    content: "\e96e"
}

.icon-mobile-full:before {
    content: "\e96f"
}

.icon-internet:before {
    content: "\e970"
}

.icon-fixed-full:before {
    content: "\e971"
}

.icon-change:before {
    content: "\e972"
}

.icon-change-rateplan:before {
    content: "\e973"
}

.icon-danger:before {
    content: "\e974"
}

.icon-facebook:before {
    content: "\e975"
}

.icon-check:before {
    content: "\e976"
}

.icon-express-delivery:before {
    content: "\e977";
    color: #fff
}

@font-face {
    font-family: 'square-bold';
    src: url(../fonts/square/PFSquareSansPro-Bold.eot);
    src: url(../fonts/square/PFSquareSansPro-Bold.ttf?v027fo) format("truetype"), url(../fonts/square/PFSquareSansPro-Bold.woff?v027fo) format("woff"), url(../fonts/square/PFSquareSansPro-Bold.woff2?v027fo) format("woff2");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'square-light';
    src: url(../fonts/square/PFSquareSansPro-Light.eot);
    src: url(../fonts/square/PFSquareSansPro-Light.ttf?v027fo) format("truetype"), url(../fonts/square/PFSquareSansPro-Light.woff?v027fo) format("woff"), url(../fonts/square/PFSquareSansPro-Light.woff2?v027fo) format("woff2");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'square-regular';
    src: url(../fonts/square/PFSquareSansPro-Regular.eot);
    src: url(../fonts/square/PFSquareSansPro-Regular.ttf?v027fo) format("truetype"), url(../fonts/square/PFSquareSansPro-Regular.woff?v027fo) format("woff"), url(../fonts/square/PFSquareSansPro-Regular.woff2?v027fo) format("woff2");
    font-weight: 400;
    font-style: normal
}

.margin-input {
    margin-left: 40px
}

.img-specialoffer {
    width: 140px;
    height: 137px;
    -o-object-fit: contain;
    object-fit: contain
}

.txt-left {
    text-align: left!important
}

.txt-center {
    text-align: center!important
}

.txt-right {
    text-align: right!important
}

@media (max-width:767px) {
    .txt-xs-left {
        text-align: left!important
    }
    .txt-xs-center {
        text-align: center!important
    }
    .txt-xs-right {
        text-align: right!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .txt-sm-left {
        text-align: left!important
    }
    .txt-sm-center {
        text-align: center!important
    }
    .txt-sm-right {
        text-align: right!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .txt-md-left {
        text-align: left!important
    }
    .txt-md-center {
        text-align: center!important
    }
    .txt-md-right {
        text-align: right!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .txt-lg-left {
        text-align: left!important
    }
    .txt-lg-center {
        text-align: center!important
    }
    .txt-lg-right {
        text-align: right!important
    }
}

.hidden-form-opacity {
    opacity: 0
}

.special-offer-box {
    padding-left: 25px
}

@media (max-width:768px) {
    .special-offer-box h3 {
        font-size: 14px
    }
}

.special-offer-box p {
    margin-top: 0
}

@media (max-width:768px) {
    .special-offer-box p {
        font-size: 14px
    }
}

.disabledCheckbutton {
    pointer-events: none;
    opacity: .4
}

.h-38 {
    height: 38px!important
}

.label-text-long {
    width: 93%!important
}

.green-background {
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important
}

.green-backgroundcolor {
    background-color: #509e2f!important
}

@media (max-width:767px) {
    .row-technical-specifications div:nth-child(odd) {
        padding-left: 0;
        padding-right: 0
    }
    .row-technical-specifications {
        word-wrap: break-word
    }
}

@media (max-width:991px) and (min-width:768px) {
    .see-more-show {
        margin-top: -20px!important
    }
}

.no-full-width {
    width: auto!important
}

.color-box-configurator h2,
.color-box-configurator h3 {
    color: #374148!important;
    text-align: left!important
}

@media (max-width:767px) {
    .button-xs-top-40 button {
        top: 40%!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .button-xs-top-40 button {
        top: 40%!important;
        margin-right: 20px!important;
        margin-left: 20px!important
    }
}

.width-10 {
    width: 10px!important
}

.hr-no-margin {
    margin: 0!important
}

@media (max-width:767px) {
    .full-width-xs-button {
        width: 100%!important
    }
}

.text-mobile-adaptive-left {
    text-align: left;
    display: block
}

@media (max-width:767px) {
    .text-mobile-adaptive-left {
        text-align: center;
        display: block
    }
}

@media (max-width:991px) and (min-width:768px) {
    .text-mobile-adaptive-left {
        text-align: center;
        display: block
    }
}

.text-mobile-adaptive-right {
    text-align: right;
    display: block
}

@media (max-width:767px) {
    .text-mobile-adaptive-right {
        text-align: center;
        display: block
    }
}

@media (max-width:991px) and (min-width:768px) {
    .text-mobile-adaptive-right {
        text-align: center;
        display: block
    }
}

@media (max-width:767px) {
    .xs-min-width-full {
        min-width: 100%!important
    }
}

.no-bg {
    background-color: #fff!important
}

.bg-grey {
    background-color: #f8f8f8!important
}

.title-with-submit {
    width: 25%!important;
    line-height: 17px!important;
    vertical-align: middle!important
}

@media (max-width:991px) {
    .accordion-no-price {
        padding-top: 20px;
        padding-bottom: 20px;
        vertical-align: middle
    }
}

.capture-login-box-container {
    border: 1px solid #ccc;
    border-radius: 20px;
    background-color: #fff
}

@media print {
    .hidden-xs {
        display: block!important
    }
}

.mar--50 {
    margin: -50px!important
}

.mar--45 {
    margin: -45px!important
}

.mar--40 {
    margin: -40px!important
}

.mar--35 {
    margin: -35px!important
}

.mar--30 {
    margin: -30px!important
}

.mar--25 {
    margin: -25px!important
}

.mar--20 {
    margin: -20px!important
}

.mar--15 {
    margin: -15px!important
}

.mar--10 {
    margin: -10px!important
}

.mar--5 {
    margin: -5px!important
}

.mar--2 {
    margin: -2px!important
}

.mar--1 {
    margin: -1px!important
}

.mar-0 {
    margin: 0!important
}

.mar-2 {
    margin: 2px!important
}

.mar-3 {
    margin: 3px!important
}

.mar-4 {
    margin: 4px!important
}

.mar-5 {
    margin: 5px!important
}

.mar-6 {
    margin: 6px!important
}

.mar-10 {
    margin: 10px!important
}

.mar-11 {
    margin: 11px!important
}

.mar-15 {
    margin: 15px!important
}

.mar-20 {
    margin: 20px!important
}

.mar-25 {
    margin: 25px!important
}

.mar-30 {
    margin: 30px!important
}

.mar-35 {
    margin: 35px!important
}

.mar-40 {
    margin: 40px!important
}

.mar-45 {
    margin: 45px!important
}

.mar-50 {
    margin: 50px!important
}

.mar-55 {
    margin: 55px!important
}

.mar-60 {
    margin: 60px!important
}

.mar-65 {
    margin: 65px!important
}

.mar-70 {
    margin: 70px!important
}

.mar-75 {
    margin: 75px!important
}

.mar-80 {
    margin: 80px!important
}

.mar-85 {
    margin: 85px!important
}

.mar-90 {
    margin: 90px!important
}

.mar-95 {
    margin: 95px!important
}

.mar-100 {
    margin: 100px!important
}

.mar-120 {
    margin: 120px!important
}

.mar-140 {
    margin: 140px!important
}

.mar-160 {
    margin: 160px!important
}

.mar-330 {
    margin: 330px!important
}

.mt--50 {
    margin-top: -50px!important
}

.mt--45 {
    margin-top: -45px!important
}

.mt--40 {
    margin-top: -40px!important
}

.mt--35 {
    margin-top: -35px!important
}

.mt--30 {
    margin-top: -30px!important
}

.mt--25 {
    margin-top: -25px!important
}

.mt--20 {
    margin-top: -20px!important
}

.mt--15 {
    margin-top: -15px!important
}

.mt--10 {
    margin-top: -10px!important
}

.mt--5 {
    margin-top: -5px!important
}

.mt--2 {
    margin-top: -2px!important
}

.mt--1 {
    margin-top: -1px!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-2 {
    margin-top: 2px!important
}

.mt-3 {
    margin-top: 3px!important
}

.mt-4 {
    margin-top: 4px!important
}

.mt-5 {
    margin-top: 5px!important
}

.mt-6 {
    margin-top: 6px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mt-11 {
    margin-top: 11px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mt-35 {
    margin-top: 35px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mt-45 {
    margin-top: 45px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mt-55 {
    margin-top: 55px!important
}

.mt-60 {
    margin-top: 60px!important
}

.mt-65 {
    margin-top: 65px!important
}

.mt-70 {
    margin-top: 70px!important
}

.mt-75 {
    margin-top: 75px!important
}

.mt-80 {
    margin-top: 80px!important
}

.mt-85 {
    margin-top: 85px!important
}

.mt-90 {
    margin-top: 90px!important
}

.mt-95 {
    margin-top: 95px!important
}

.mt-100 {
    margin-top: 100px!important
}

.mt-120 {
    margin-top: 120px!important
}

.mt-140 {
    margin-top: 140px!important
}

.mt-160 {
    margin-top: 160px!important
}

.mt-330 {
    margin-top: 330px!important
}

.mr--50 {
    margin-right: -50px!important
}

.mr--45 {
    margin-right: -45px!important
}

.mr--40 {
    margin-right: -40px!important
}

.mr--35 {
    margin-right: -35px!important
}

.mr--30 {
    margin-right: -30px!important
}

.mr--25 {
    margin-right: -25px!important
}

.mr--20 {
    margin-right: -20px!important
}

.mr--15 {
    margin-right: -15px!important
}

.mr--10 {
    margin-right: -10px!important
}

.mr--5 {
    margin-right: -5px!important
}

.mr--2 {
    margin-right: -2px!important
}

.mr--1 {
    margin-right: -1px!important
}

.mr-0 {
    margin-right: 0!important
}

.mr-2 {
    margin-right: 2px!important
}

.mr-3 {
    margin-right: 3px!important
}

.mr-4 {
    margin-right: 4px!important
}

.mr-5 {
    margin-right: 5px!important
}

.mr-6 {
    margin-right: 6px!important
}

.mr-10 {
    margin-right: 10px!important
}

.mr-11 {
    margin-right: 11px!important
}

.mr-15 {
    margin-right: 15px!important
}

.mr-20 {
    margin-right: 20px!important
}

.mr-25 {
    margin-right: 25px!important
}

.mr-30 {
    margin-right: 30px!important
}

.mr-35 {
    margin-right: 35px!important
}

.mr-40 {
    margin-right: 40px!important
}

.mr-45 {
    margin-right: 45px!important
}

.mr-50 {
    margin-right: 50px!important
}

.mr-55 {
    margin-right: 55px!important
}

.mr-60 {
    margin-right: 60px!important
}

.mr-65 {
    margin-right: 65px!important
}

.mr-70 {
    margin-right: 70px!important
}

.mr-75 {
    margin-right: 75px!important
}

.mr-80 {
    margin-right: 80px!important
}

.mr-85 {
    margin-right: 85px!important
}

.mr-90 {
    margin-right: 90px!important
}

.mr-95 {
    margin-right: 95px!important
}

.mr-100 {
    margin-right: 100px!important
}

.mr-120 {
    margin-right: 120px!important
}

.mr-140 {
    margin-right: 140px!important
}

.mr-160 {
    margin-right: 160px!important
}

.mr-330 {
    margin-right: 330px!important
}

.mb--50 {
    margin-bottom: -50px!important
}

.mb--45 {
    margin-bottom: -45px!important
}

.mb--40 {
    margin-bottom: -40px!important
}

.mb--35 {
    margin-bottom: -35px!important
}

.mb--30 {
    margin-bottom: -30px!important
}

.mb--25 {
    margin-bottom: -25px!important
}

.mb--20 {
    margin-bottom: -20px!important
}

.mb--15 {
    margin-bottom: -15px!important
}

.mb--10 {
    margin-bottom: -10px!important
}

.mb--5 {
    margin-bottom: -5px!important
}

.mb--2 {
    margin-bottom: -2px!important
}

.mb--1 {
    margin-bottom: -1px!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-2 {
    margin-bottom: 2px!important
}

.mb-3 {
    margin-bottom: 3px!important
}

.mb-4 {
    margin-bottom: 4px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-6 {
    margin-bottom: 6px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mb-11 {
    margin-bottom: 11px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.mb-55 {
    margin-bottom: 55px!important
}

.mb-60 {
    margin-bottom: 60px!important
}

.mb-65 {
    margin-bottom: 65px!important
}

.mb-70 {
    margin-bottom: 70px!important
}

.mb-75 {
    margin-bottom: 75px!important
}

.mb-80 {
    margin-bottom: 80px!important
}

.mb-85 {
    margin-bottom: 85px!important
}

.mb-90 {
    margin-bottom: 90px!important
}

.mb-95 {
    margin-bottom: 95px!important
}

.mb-100 {
    margin-bottom: 100px!important
}

.mb-120 {
    margin-bottom: 120px!important
}

.mb-140 {
    margin-bottom: 140px!important
}

.mb-160 {
    margin-bottom: 160px!important
}

.mb-330 {
    margin-bottom: 330px!important
}

.ml--50 {
    margin-left: -50px!important
}

.ml--45 {
    margin-left: -45px!important
}

.ml--40 {
    margin-left: -40px!important
}

.ml--35 {
    margin-left: -35px!important
}

.ml--30 {
    margin-left: -30px!important
}

.ml--25 {
    margin-left: -25px!important
}

.ml--20 {
    margin-left: -20px!important
}

.ml--15 {
    margin-left: -15px!important
}

.ml--10 {
    margin-left: -10px!important
}

.ml--5 {
    margin-left: -5px!important
}

.ml--2 {
    margin-left: -2px!important
}

.ml--1 {
    margin-left: -1px!important
}

.ml-0 {
    margin-left: 0!important
}

.ml-2 {
    margin-left: 2px!important
}

.ml-3 {
    margin-left: 3px!important
}

.ml-4 {
    margin-left: 4px!important
}

.ml-5 {
    margin-left: 5px!important
}

.ml-6 {
    margin-left: 6px!important
}

.ml-10 {
    margin-left: 10px!important
}

.ml-11 {
    margin-left: 11px!important
}

.ml-15 {
    margin-left: 15px!important
}

.ml-20 {
    margin-left: 20px!important
}

.ml-25 {
    margin-left: 25px!important
}

.ml-30 {
    margin-left: 30px!important
}

.ml-35 {
    margin-left: 35px!important
}

.ml-40 {
    margin-left: 40px!important
}

.ml-45 {
    margin-left: 45px!important
}

.ml-50 {
    margin-left: 50px!important
}

.ml-55 {
    margin-left: 55px!important
}

.ml-60 {
    margin-left: 60px!important
}

.ml-65 {
    margin-left: 65px!important
}

.ml-70 {
    margin-left: 70px!important
}

.ml-75 {
    margin-left: 75px!important
}

.ml-80 {
    margin-left: 80px!important
}

.ml-85 {
    margin-left: 85px!important
}

.ml-90 {
    margin-left: 90px!important
}

.ml-95 {
    margin-left: 95px!important
}

.ml-100 {
    margin-left: 100px!important
}

.ml-120 {
    margin-left: 120px!important
}

.ml-140 {
    margin-left: 140px!important
}

.ml-160 {
    margin-left: 160px!important
}

.ml-330 {
    margin-left: 330px!important
}

@media (max-width:767px) {
    .mar-xs--50 {
        margin: -50px!important
    }
    .mar-xs--45 {
        margin: -45px!important
    }
    .mar-xs--40 {
        margin: -40px!important
    }
    .mar-xs--35 {
        margin: -35px!important
    }
    .mar-xs--30 {
        margin: -30px!important
    }
    .mar-xs--25 {
        margin: -25px!important
    }
    .mar-xs--20 {
        margin: -20px!important
    }
    .mar-xs--15 {
        margin: -15px!important
    }
    .mar-xs--10 {
        margin: -10px!important
    }
    .mar-xs--5 {
        margin: -5px!important
    }
    .mar-xs--2 {
        margin: -2px!important
    }
    .mar-xs--1 {
        margin: -1px!important
    }
    .mar-xs-0 {
        margin: 0!important
    }
    .mar-xs-2 {
        margin: 2px!important
    }
    .mar-xs-3 {
        margin: 3px!important
    }
    .mar-xs-4 {
        margin: 4px!important
    }
    .mar-xs-5 {
        margin: 5px!important
    }
    .mar-xs-6 {
        margin: 6px!important
    }
    .mar-xs-10 {
        margin: 10px!important
    }
    .mar-xs-11 {
        margin: 11px!important
    }
    .mar-xs-15 {
        margin: 15px!important
    }
    .mar-xs-20 {
        margin: 20px!important
    }
    .mar-xs-25 {
        margin: 25px!important
    }
    .mar-xs-30 {
        margin: 30px!important
    }
    .mar-xs-35 {
        margin: 35px!important
    }
    .mar-xs-40 {
        margin: 40px!important
    }
    .mar-xs-45 {
        margin: 45px!important
    }
    .mar-xs-50 {
        margin: 50px!important
    }
    .mar-xs-55 {
        margin: 55px!important
    }
    .mar-xs-60 {
        margin: 60px!important
    }
    .mar-xs-65 {
        margin: 65px!important
    }
    .mar-xs-70 {
        margin: 70px!important
    }
    .mar-xs-75 {
        margin: 75px!important
    }
    .mar-xs-80 {
        margin: 80px!important
    }
    .mar-xs-85 {
        margin: 85px!important
    }
    .mar-xs-90 {
        margin: 90px!important
    }
    .mar-xs-95 {
        margin: 95px!important
    }
    .mar-xs-100 {
        margin: 100px!important
    }
    .mar-xs-120 {
        margin: 120px!important
    }
    .mar-xs-140 {
        margin: 140px!important
    }
    .mar-xs-160 {
        margin: 160px!important
    }
    .mar-xs-330 {
        margin: 330px!important
    }
    .mt-xs--50 {
        margin-top: -50px!important
    }
    .mt-xs--45 {
        margin-top: -45px!important
    }
    .mt-xs--40 {
        margin-top: -40px!important
    }
    .mt-xs--35 {
        margin-top: -35px!important
    }
    .mt-xs--30 {
        margin-top: -30px!important
    }
    .mt-xs--25 {
        margin-top: -25px!important
    }
    .mt-xs--20 {
        margin-top: -20px!important
    }
    .mt-xs--15 {
        margin-top: -15px!important
    }
    .mt-xs--10 {
        margin-top: -10px!important
    }
    .mt-xs--5 {
        margin-top: -5px!important
    }
    .mt-xs--2 {
        margin-top: -2px!important
    }
    .mt-xs--1 {
        margin-top: -1px!important
    }
    .mt-xs-0 {
        margin-top: 0!important
    }
    .mt-xs-2 {
        margin-top: 2px!important
    }
    .mt-xs-3 {
        margin-top: 3px!important
    }
    .mt-xs-4 {
        margin-top: 4px!important
    }
    .mt-xs-5 {
        margin-top: 5px!important
    }
    .mt-xs-6 {
        margin-top: 6px!important
    }
    .mt-xs-10 {
        margin-top: 10px!important
    }
    .mt-xs-11 {
        margin-top: 11px!important
    }
    .mt-xs-15 {
        margin-top: 15px!important
    }
    .mt-xs-20 {
        margin-top: 20px!important
    }
    .mt-xs-25 {
        margin-top: 25px!important
    }
    .mt-xs-30 {
        margin-top: 30px!important
    }
    .mt-xs-35 {
        margin-top: 35px!important
    }
    .mt-xs-40 {
        margin-top: 40px!important
    }
    .mt-xs-45 {
        margin-top: 45px!important
    }
    .mt-xs-50 {
        margin-top: 50px!important
    }
    .mt-xs-55 {
        margin-top: 55px!important
    }
    .mt-xs-60 {
        margin-top: 60px!important
    }
    .mt-xs-65 {
        margin-top: 65px!important
    }
    .mt-xs-70 {
        margin-top: 70px!important
    }
    .mt-xs-75 {
        margin-top: 75px!important
    }
    .mt-xs-80 {
        margin-top: 80px!important
    }
    .mt-xs-85 {
        margin-top: 85px!important
    }
    .mt-xs-90 {
        margin-top: 90px!important
    }
    .mt-xs-95 {
        margin-top: 95px!important
    }
    .mt-xs-100 {
        margin-top: 100px!important
    }
    .mt-xs-120 {
        margin-top: 120px!important
    }
    .mt-xs-140 {
        margin-top: 140px!important
    }
    .mt-xs-160 {
        margin-top: 160px!important
    }
    .mt-xs-330 {
        margin-top: 330px!important
    }
    .mr-xs--50 {
        margin-right: -50px!important
    }
    .mr-xs--45 {
        margin-right: -45px!important
    }
    .mr-xs--40 {
        margin-right: -40px!important
    }
    .mr-xs--35 {
        margin-right: -35px!important
    }
    .mr-xs--30 {
        margin-right: -30px!important
    }
    .mr-xs--25 {
        margin-right: -25px!important
    }
    .mr-xs--20 {
        margin-right: -20px!important
    }
    .mr-xs--15 {
        margin-right: -15px!important
    }
    .mr-xs--10 {
        margin-right: -10px!important
    }
    .mr-xs--5 {
        margin-right: -5px!important
    }
    .mr-xs--2 {
        margin-right: -2px!important
    }
    .mr-xs--1 {
        margin-right: -1px!important
    }
    .mr-xs-0 {
        margin-right: 0!important
    }
    .mr-xs-2 {
        margin-right: 2px!important
    }
    .mr-xs-3 {
        margin-right: 3px!important
    }
    .mr-xs-4 {
        margin-right: 4px!important
    }
    .mr-xs-5 {
        margin-right: 5px!important
    }
    .mr-xs-6 {
        margin-right: 6px!important
    }
    .mr-xs-10 {
        margin-right: 10px!important
    }
    .mr-xs-11 {
        margin-right: 11px!important
    }
    .mr-xs-15 {
        margin-right: 15px!important
    }
    .mr-xs-20 {
        margin-right: 20px!important
    }
    .mr-xs-25 {
        margin-right: 25px!important
    }
    .mr-xs-30 {
        margin-right: 30px!important
    }
    .mr-xs-35 {
        margin-right: 35px!important
    }
    .mr-xs-40 {
        margin-right: 40px!important
    }
    .mr-xs-45 {
        margin-right: 45px!important
    }
    .mr-xs-50 {
        margin-right: 50px!important
    }
    .mr-xs-55 {
        margin-right: 55px!important
    }
    .mr-xs-60 {
        margin-right: 60px!important
    }
    .mr-xs-65 {
        margin-right: 65px!important
    }
    .mr-xs-70 {
        margin-right: 70px!important
    }
    .mr-xs-75 {
        margin-right: 75px!important
    }
    .mr-xs-80 {
        margin-right: 80px!important
    }
    .mr-xs-85 {
        margin-right: 85px!important
    }
    .mr-xs-90 {
        margin-right: 90px!important
    }
    .mr-xs-95 {
        margin-right: 95px!important
    }
    .mr-xs-100 {
        margin-right: 100px!important
    }
    .mr-xs-120 {
        margin-right: 120px!important
    }
    .mr-xs-140 {
        margin-right: 140px!important
    }
    .mr-xs-160 {
        margin-right: 160px!important
    }
    .mr-xs-330 {
        margin-right: 330px!important
    }
    .mb-xs--50 {
        margin-bottom: -50px!important
    }
    .mb-xs--45 {
        margin-bottom: -45px!important
    }
    .mb-xs--40 {
        margin-bottom: -40px!important
    }
    .mb-xs--35 {
        margin-bottom: -35px!important
    }
    .mb-xs--30 {
        margin-bottom: -30px!important
    }
    .mb-xs--25 {
        margin-bottom: -25px!important
    }
    .mb-xs--20 {
        margin-bottom: -20px!important
    }
    .mb-xs--15 {
        margin-bottom: -15px!important
    }
    .mb-xs--10 {
        margin-bottom: -10px!important
    }
    .mb-xs--5 {
        margin-bottom: -5px!important
    }
    .mb-xs--2 {
        margin-bottom: -2px!important
    }
    .mb-xs--1 {
        margin-bottom: -1px!important
    }
    .mb-xs-0 {
        margin-bottom: 0!important
    }
    .mb-xs-2 {
        margin-bottom: 2px!important
    }
    .mb-xs-3 {
        margin-bottom: 3px!important
    }
    .mb-xs-4 {
        margin-bottom: 4px!important
    }
    .mb-xs-5 {
        margin-bottom: 5px!important
    }
    .mb-xs-6 {
        margin-bottom: 6px!important
    }
    .mb-xs-10 {
        margin-bottom: 10px!important
    }
    .mb-xs-11 {
        margin-bottom: 11px!important
    }
    .mb-xs-15 {
        margin-bottom: 15px!important
    }
    .mb-xs-20 {
        margin-bottom: 20px!important
    }
    .mb-xs-25 {
        margin-bottom: 25px!important
    }
    .mb-xs-30 {
        margin-bottom: 30px!important
    }
    .mb-xs-35 {
        margin-bottom: 35px!important
    }
    .mb-xs-40 {
        margin-bottom: 40px!important
    }
    .mb-xs-45 {
        margin-bottom: 45px!important
    }
    .mb-xs-50 {
        margin-bottom: 50px!important
    }
    .mb-xs-55 {
        margin-bottom: 55px!important
    }
    .mb-xs-60 {
        margin-bottom: 60px!important
    }
    .mb-xs-65 {
        margin-bottom: 65px!important
    }
    .mb-xs-70 {
        margin-bottom: 70px!important
    }
    .mb-xs-75 {
        margin-bottom: 75px!important
    }
    .mb-xs-80 {
        margin-bottom: 80px!important
    }
    .mb-xs-85 {
        margin-bottom: 85px!important
    }
    .mb-xs-90 {
        margin-bottom: 90px!important
    }
    .mb-xs-95 {
        margin-bottom: 95px!important
    }
    .mb-xs-100 {
        margin-bottom: 100px!important
    }
    .mb-xs-120 {
        margin-bottom: 120px!important
    }
    .mb-xs-140 {
        margin-bottom: 140px!important
    }
    .mb-xs-160 {
        margin-bottom: 160px!important
    }
    .mb-xs-330 {
        margin-bottom: 330px!important
    }
    .ml-xs--50 {
        margin-left: -50px!important
    }
    .ml-xs--45 {
        margin-left: -45px!important
    }
    .ml-xs--40 {
        margin-left: -40px!important
    }
    .ml-xs--35 {
        margin-left: -35px!important
    }
    .ml-xs--30 {
        margin-left: -30px!important
    }
    .ml-xs--25 {
        margin-left: -25px!important
    }
    .ml-xs--20 {
        margin-left: -20px!important
    }
    .ml-xs--15 {
        margin-left: -15px!important
    }
    .ml-xs--10 {
        margin-left: -10px!important
    }
    .ml-xs--5 {
        margin-left: -5px!important
    }
    .ml-xs--2 {
        margin-left: -2px!important
    }
    .ml-xs--1 {
        margin-left: -1px!important
    }
    .ml-xs-0 {
        margin-left: 0!important
    }
    .ml-xs-2 {
        margin-left: 2px!important
    }
    .ml-xs-3 {
        margin-left: 3px!important
    }
    .ml-xs-4 {
        margin-left: 4px!important
    }
    .ml-xs-5 {
        margin-left: 5px!important
    }
    .ml-xs-6 {
        margin-left: 6px!important
    }
    .ml-xs-10 {
        margin-left: 10px!important
    }
    .ml-xs-11 {
        margin-left: 11px!important
    }
    .ml-xs-15 {
        margin-left: 15px!important
    }
    .ml-xs-20 {
        margin-left: 20px!important
    }
    .ml-xs-25 {
        margin-left: 25px!important
    }
    .ml-xs-30 {
        margin-left: 30px!important
    }
    .ml-xs-35 {
        margin-left: 35px!important
    }
    .ml-xs-40 {
        margin-left: 40px!important
    }
    .ml-xs-45 {
        margin-left: 45px!important
    }
    .ml-xs-50 {
        margin-left: 50px!important
    }
    .ml-xs-55 {
        margin-left: 55px!important
    }
    .ml-xs-60 {
        margin-left: 60px!important
    }
    .ml-xs-65 {
        margin-left: 65px!important
    }
    .ml-xs-70 {
        margin-left: 70px!important
    }
    .ml-xs-75 {
        margin-left: 75px!important
    }
    .ml-xs-80 {
        margin-left: 80px!important
    }
    .ml-xs-85 {
        margin-left: 85px!important
    }
    .ml-xs-90 {
        margin-left: 90px!important
    }
    .ml-xs-95 {
        margin-left: 95px!important
    }
    .ml-xs-100 {
        margin-left: 100px!important
    }
    .ml-xs-120 {
        margin-left: 120px!important
    }
    .ml-xs-140 {
        margin-left: 140px!important
    }
    .ml-xs-160 {
        margin-left: 160px!important
    }
    .ml-xs-330 {
        margin-left: 330px!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .mar-sm--50 {
        margin: -50px!important
    }
    .mar-sm--45 {
        margin: -45px!important
    }
    .mar-sm--40 {
        margin: -40px!important
    }
    .mar-sm--35 {
        margin: -35px!important
    }
    .mar-sm--30 {
        margin: -30px!important
    }
    .mar-sm--25 {
        margin: -25px!important
    }
    .mar-sm--20 {
        margin: -20px!important
    }
    .mar-sm--15 {
        margin: -15px!important
    }
    .mar-sm--10 {
        margin: -10px!important
    }
    .mar-sm--5 {
        margin: -5px!important
    }
    .mar-sm--2 {
        margin: -2px!important
    }
    .mar-sm--1 {
        margin: -1px!important
    }
    .mar-sm-0 {
        margin: 0!important
    }
    .mar-sm-2 {
        margin: 2px!important
    }
    .mar-sm-3 {
        margin: 3px!important
    }
    .mar-sm-4 {
        margin: 4px!important
    }
    .mar-sm-5 {
        margin: 5px!important
    }
    .mar-sm-6 {
        margin: 6px!important
    }
    .mar-sm-10 {
        margin: 10px!important
    }
    .mar-sm-11 {
        margin: 11px!important
    }
    .mar-sm-15 {
        margin: 15px!important
    }
    .mar-sm-20 {
        margin: 20px!important
    }
    .mar-sm-25 {
        margin: 25px!important
    }
    .mar-sm-30 {
        margin: 30px!important
    }
    .mar-sm-35 {
        margin: 35px!important
    }
    .mar-sm-40 {
        margin: 40px!important
    }
    .mar-sm-45 {
        margin: 45px!important
    }
    .mar-sm-50 {
        margin: 50px!important
    }
    .mar-sm-55 {
        margin: 55px!important
    }
    .mar-sm-60 {
        margin: 60px!important
    }
    .mar-sm-65 {
        margin: 65px!important
    }
    .mar-sm-70 {
        margin: 70px!important
    }
    .mar-sm-75 {
        margin: 75px!important
    }
    .mar-sm-80 {
        margin: 80px!important
    }
    .mar-sm-85 {
        margin: 85px!important
    }
    .mar-sm-90 {
        margin: 90px!important
    }
    .mar-sm-95 {
        margin: 95px!important
    }
    .mar-sm-100 {
        margin: 100px!important
    }
    .mar-sm-120 {
        margin: 120px!important
    }
    .mar-sm-140 {
        margin: 140px!important
    }
    .mar-sm-160 {
        margin: 160px!important
    }
    .mar-sm-330 {
        margin: 330px!important
    }
    .mt-sm--50 {
        margin-top: -50px!important
    }
    .mt-sm--45 {
        margin-top: -45px!important
    }
    .mt-sm--40 {
        margin-top: -40px!important
    }
    .mt-sm--35 {
        margin-top: -35px!important
    }
    .mt-sm--30 {
        margin-top: -30px!important
    }
    .mt-sm--25 {
        margin-top: -25px!important
    }
    .mt-sm--20 {
        margin-top: -20px!important
    }
    .mt-sm--15 {
        margin-top: -15px!important
    }
    .mt-sm--10 {
        margin-top: -10px!important
    }
    .mt-sm--5 {
        margin-top: -5px!important
    }
    .mt-sm--2 {
        margin-top: -2px!important
    }
    .mt-sm--1 {
        margin-top: -1px!important
    }
    .mt-sm-0 {
        margin-top: 0!important
    }
    .mt-sm-2 {
        margin-top: 2px!important
    }
    .mt-sm-3 {
        margin-top: 3px!important
    }
    .mt-sm-4 {
        margin-top: 4px!important
    }
    .mt-sm-5 {
        margin-top: 5px!important
    }
    .mt-sm-6 {
        margin-top: 6px!important
    }
    .mt-sm-10 {
        margin-top: 10px!important
    }
    .mt-sm-11 {
        margin-top: 11px!important
    }
    .mt-sm-15 {
        margin-top: 15px!important
    }
    .mt-sm-20 {
        margin-top: 20px!important
    }
    .mt-sm-25 {
        margin-top: 25px!important
    }
    .mt-sm-30 {
        margin-top: 30px!important
    }
    .mt-sm-35 {
        margin-top: 35px!important
    }
    .mt-sm-40 {
        margin-top: 40px!important
    }
    .mt-sm-45 {
        margin-top: 45px!important
    }
    .mt-sm-50 {
        margin-top: 50px!important
    }
    .mt-sm-55 {
        margin-top: 55px!important
    }
    .mt-sm-60 {
        margin-top: 60px!important
    }
    .mt-sm-65 {
        margin-top: 65px!important
    }
    .mt-sm-70 {
        margin-top: 70px!important
    }
    .mt-sm-75 {
        margin-top: 75px!important
    }
    .mt-sm-80 {
        margin-top: 80px!important
    }
    .mt-sm-85 {
        margin-top: 85px!important
    }
    .mt-sm-90 {
        margin-top: 90px!important
    }
    .mt-sm-95 {
        margin-top: 95px!important
    }
    .mt-sm-100 {
        margin-top: 100px!important
    }
    .mt-sm-120 {
        margin-top: 120px!important
    }
    .mt-sm-140 {
        margin-top: 140px!important
    }
    .mt-sm-160 {
        margin-top: 160px!important
    }
    .mt-sm-330 {
        margin-top: 330px!important
    }
    .mr-sm--50 {
        margin-right: -50px!important
    }
    .mr-sm--45 {
        margin-right: -45px!important
    }
    .mr-sm--40 {
        margin-right: -40px!important
    }
    .mr-sm--35 {
        margin-right: -35px!important
    }
    .mr-sm--30 {
        margin-right: -30px!important
    }
    .mr-sm--25 {
        margin-right: -25px!important
    }
    .mr-sm--20 {
        margin-right: -20px!important
    }
    .mr-sm--15 {
        margin-right: -15px!important
    }
    .mr-sm--10 {
        margin-right: -10px!important
    }
    .mr-sm--5 {
        margin-right: -5px!important
    }
    .mr-sm--2 {
        margin-right: -2px!important
    }
    .mr-sm--1 {
        margin-right: -1px!important
    }
    .mr-sm-0 {
        margin-right: 0!important
    }
    .mr-sm-2 {
        margin-right: 2px!important
    }
    .mr-sm-3 {
        margin-right: 3px!important
    }
    .mr-sm-4 {
        margin-right: 4px!important
    }
    .mr-sm-5 {
        margin-right: 5px!important
    }
    .mr-sm-6 {
        margin-right: 6px!important
    }
    .mr-sm-10 {
        margin-right: 10px!important
    }
    .mr-sm-11 {
        margin-right: 11px!important
    }
    .mr-sm-15 {
        margin-right: 15px!important
    }
    .mr-sm-20 {
        margin-right: 20px!important
    }
    .mr-sm-25 {
        margin-right: 25px!important
    }
    .mr-sm-30 {
        margin-right: 30px!important
    }
    .mr-sm-35 {
        margin-right: 35px!important
    }
    .mr-sm-40 {
        margin-right: 40px!important
    }
    .mr-sm-45 {
        margin-right: 45px!important
    }
    .mr-sm-50 {
        margin-right: 50px!important
    }
    .mr-sm-55 {
        margin-right: 55px!important
    }
    .mr-sm-60 {
        margin-right: 60px!important
    }
    .mr-sm-65 {
        margin-right: 65px!important
    }
    .mr-sm-70 {
        margin-right: 70px!important
    }
    .mr-sm-75 {
        margin-right: 75px!important
    }
    .mr-sm-80 {
        margin-right: 80px!important
    }
    .mr-sm-85 {
        margin-right: 85px!important
    }
    .mr-sm-90 {
        margin-right: 90px!important
    }
    .mr-sm-95 {
        margin-right: 95px!important
    }
    .mr-sm-100 {
        margin-right: 100px!important
    }
    .mr-sm-120 {
        margin-right: 120px!important
    }
    .mr-sm-140 {
        margin-right: 140px!important
    }
    .mr-sm-160 {
        margin-right: 160px!important
    }
    .mr-sm-330 {
        margin-right: 330px!important
    }
    .mb-sm--50 {
        margin-bottom: -50px!important
    }
    .mb-sm--45 {
        margin-bottom: -45px!important
    }
    .mb-sm--40 {
        margin-bottom: -40px!important
    }
    .mb-sm--35 {
        margin-bottom: -35px!important
    }
    .mb-sm--30 {
        margin-bottom: -30px!important
    }
    .mb-sm--25 {
        margin-bottom: -25px!important
    }
    .mb-sm--20 {
        margin-bottom: -20px!important
    }
    .mb-sm--15 {
        margin-bottom: -15px!important
    }
    .mb-sm--10 {
        margin-bottom: -10px!important
    }
    .mb-sm--5 {
        margin-bottom: -5px!important
    }
    .mb-sm--2 {
        margin-bottom: -2px!important
    }
    .mb-sm--1 {
        margin-bottom: -1px!important
    }
    .mb-sm-0 {
        margin-bottom: 0!important
    }
    .mb-sm-2 {
        margin-bottom: 2px!important
    }
    .mb-sm-3 {
        margin-bottom: 3px!important
    }
    .mb-sm-4 {
        margin-bottom: 4px!important
    }
    .mb-sm-5 {
        margin-bottom: 5px!important
    }
    .mb-sm-6 {
        margin-bottom: 6px!important
    }
    .mb-sm-10 {
        margin-bottom: 10px!important
    }
    .mb-sm-11 {
        margin-bottom: 11px!important
    }
    .mb-sm-15 {
        margin-bottom: 15px!important
    }
    .mb-sm-20 {
        margin-bottom: 20px!important
    }
    .mb-sm-25 {
        margin-bottom: 25px!important
    }
    .mb-sm-30 {
        margin-bottom: 30px!important
    }
    .mb-sm-35 {
        margin-bottom: 35px!important
    }
    .mb-sm-40 {
        margin-bottom: 40px!important
    }
    .mb-sm-45 {
        margin-bottom: 45px!important
    }
    .mb-sm-50 {
        margin-bottom: 50px!important
    }
    .mb-sm-55 {
        margin-bottom: 55px!important
    }
    .mb-sm-60 {
        margin-bottom: 60px!important
    }
    .mb-sm-65 {
        margin-bottom: 65px!important
    }
    .mb-sm-70 {
        margin-bottom: 70px!important
    }
    .mb-sm-75 {
        margin-bottom: 75px!important
    }
    .mb-sm-80 {
        margin-bottom: 80px!important
    }
    .mb-sm-85 {
        margin-bottom: 85px!important
    }
    .mb-sm-90 {
        margin-bottom: 90px!important
    }
    .mb-sm-95 {
        margin-bottom: 95px!important
    }
    .mb-sm-100 {
        margin-bottom: 100px!important
    }
    .mb-sm-120 {
        margin-bottom: 120px!important
    }
    .mb-sm-140 {
        margin-bottom: 140px!important
    }
    .mb-sm-160 {
        margin-bottom: 160px!important
    }
    .mb-sm-330 {
        margin-bottom: 330px!important
    }
    .ml-sm--50 {
        margin-left: -50px!important
    }
    .ml-sm--45 {
        margin-left: -45px!important
    }
    .ml-sm--40 {
        margin-left: -40px!important
    }
    .ml-sm--35 {
        margin-left: -35px!important
    }
    .ml-sm--30 {
        margin-left: -30px!important
    }
    .ml-sm--25 {
        margin-left: -25px!important
    }
    .ml-sm--20 {
        margin-left: -20px!important
    }
    .ml-sm--15 {
        margin-left: -15px!important
    }
    .ml-sm--10 {
        margin-left: -10px!important
    }
    .ml-sm--5 {
        margin-left: -5px!important
    }
    .ml-sm--2 {
        margin-left: -2px!important
    }
    .ml-sm--1 {
        margin-left: -1px!important
    }
    .ml-sm-0 {
        margin-left: 0!important
    }
    .ml-sm-2 {
        margin-left: 2px!important
    }
    .ml-sm-3 {
        margin-left: 3px!important
    }
    .ml-sm-4 {
        margin-left: 4px!important
    }
    .ml-sm-5 {
        margin-left: 5px!important
    }
    .ml-sm-6 {
        margin-left: 6px!important
    }
    .ml-sm-10 {
        margin-left: 10px!important
    }
    .ml-sm-11 {
        margin-left: 11px!important
    }
    .ml-sm-15 {
        margin-left: 15px!important
    }
    .ml-sm-20 {
        margin-left: 20px!important
    }
    .ml-sm-25 {
        margin-left: 25px!important
    }
    .ml-sm-30 {
        margin-left: 30px!important
    }
    .ml-sm-35 {
        margin-left: 35px!important
    }
    .ml-sm-40 {
        margin-left: 40px!important
    }
    .ml-sm-45 {
        margin-left: 45px!important
    }
    .ml-sm-50 {
        margin-left: 50px!important
    }
    .ml-sm-55 {
        margin-left: 55px!important
    }
    .ml-sm-60 {
        margin-left: 60px!important
    }
    .ml-sm-65 {
        margin-left: 65px!important
    }
    .ml-sm-70 {
        margin-left: 70px!important
    }
    .ml-sm-75 {
        margin-left: 75px!important
    }
    .ml-sm-80 {
        margin-left: 80px!important
    }
    .ml-sm-85 {
        margin-left: 85px!important
    }
    .ml-sm-90 {
        margin-left: 90px!important
    }
    .ml-sm-95 {
        margin-left: 95px!important
    }
    .ml-sm-100 {
        margin-left: 100px!important
    }
    .ml-sm-120 {
        margin-left: 120px!important
    }
    .ml-sm-140 {
        margin-left: 140px!important
    }
    .ml-sm-160 {
        margin-left: 160px!important
    }
    .ml-sm-330 {
        margin-left: 330px!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .mar-md--50 {
        margin: -50px!important
    }
    .mar-md--45 {
        margin: -45px!important
    }
    .mar-md--40 {
        margin: -40px!important
    }
    .mar-md--35 {
        margin: -35px!important
    }
    .mar-md--30 {
        margin: -30px!important
    }
    .mar-md--25 {
        margin: -25px!important
    }
    .mar-md--20 {
        margin: -20px!important
    }
    .mar-md--15 {
        margin: -15px!important
    }
    .mar-md--10 {
        margin: -10px!important
    }
    .mar-md--5 {
        margin: -5px!important
    }
    .mar-md--2 {
        margin: -2px!important
    }
    .mar-md--1 {
        margin: -1px!important
    }
    .mar-md-0 {
        margin: 0!important
    }
    .mar-md-2 {
        margin: 2px!important
    }
    .mar-md-3 {
        margin: 3px!important
    }
    .mar-md-4 {
        margin: 4px!important
    }
    .mar-md-5 {
        margin: 5px!important
    }
    .mar-md-6 {
        margin: 6px!important
    }
    .mar-md-10 {
        margin: 10px!important
    }
    .mar-md-11 {
        margin: 11px!important
    }
    .mar-md-15 {
        margin: 15px!important
    }
    .mar-md-20 {
        margin: 20px!important
    }
    .mar-md-25 {
        margin: 25px!important
    }
    .mar-md-30 {
        margin: 30px!important
    }
    .mar-md-35 {
        margin: 35px!important
    }
    .mar-md-40 {
        margin: 40px!important
    }
    .mar-md-45 {
        margin: 45px!important
    }
    .mar-md-50 {
        margin: 50px!important
    }
    .mar-md-55 {
        margin: 55px!important
    }
    .mar-md-60 {
        margin: 60px!important
    }
    .mar-md-65 {
        margin: 65px!important
    }
    .mar-md-70 {
        margin: 70px!important
    }
    .mar-md-75 {
        margin: 75px!important
    }
    .mar-md-80 {
        margin: 80px!important
    }
    .mar-md-85 {
        margin: 85px!important
    }
    .mar-md-90 {
        margin: 90px!important
    }
    .mar-md-95 {
        margin: 95px!important
    }
    .mar-md-100 {
        margin: 100px!important
    }
    .mar-md-120 {
        margin: 120px!important
    }
    .mar-md-140 {
        margin: 140px!important
    }
    .mar-md-160 {
        margin: 160px!important
    }
    .mar-md-330 {
        margin: 330px!important
    }
    .mt-md--50 {
        margin-top: -50px!important
    }
    .mt-md--45 {
        margin-top: -45px!important
    }
    .mt-md--40 {
        margin-top: -40px!important
    }
    .mt-md--35 {
        margin-top: -35px!important
    }
    .mt-md--30 {
        margin-top: -30px!important
    }
    .mt-md--25 {
        margin-top: -25px!important
    }
    .mt-md--20 {
        margin-top: -20px!important
    }
    .mt-md--15 {
        margin-top: -15px!important
    }
    .mt-md--10 {
        margin-top: -10px!important
    }
    .mt-md--5 {
        margin-top: -5px!important
    }
    .mt-md--2 {
        margin-top: -2px!important
    }
    .mt-md--1 {
        margin-top: -1px!important
    }
    .mt-md-0 {
        margin-top: 0!important
    }
    .mt-md-2 {
        margin-top: 2px!important
    }
    .mt-md-3 {
        margin-top: 3px!important
    }
    .mt-md-4 {
        margin-top: 4px!important
    }
    .mt-md-5 {
        margin-top: 5px!important
    }
    .mt-md-6 {
        margin-top: 6px!important
    }
    .mt-md-10 {
        margin-top: 10px!important
    }
    .mt-md-11 {
        margin-top: 11px!important
    }
    .mt-md-15 {
        margin-top: 15px!important
    }
    .mt-md-20 {
        margin-top: 20px!important
    }
    .mt-md-25 {
        margin-top: 25px!important
    }
    .mt-md-30 {
        margin-top: 30px!important
    }
    .mt-md-35 {
        margin-top: 35px!important
    }
    .mt-md-40 {
        margin-top: 40px!important
    }
    .mt-md-45 {
        margin-top: 45px!important
    }
    .mt-md-50 {
        margin-top: 50px!important
    }
    .mt-md-55 {
        margin-top: 55px!important
    }
    .mt-md-60 {
        margin-top: 60px!important
    }
    .mt-md-65 {
        margin-top: 65px!important
    }
    .mt-md-70 {
        margin-top: 70px!important
    }
    .mt-md-75 {
        margin-top: 75px!important
    }
    .mt-md-80 {
        margin-top: 80px!important
    }
    .mt-md-85 {
        margin-top: 85px!important
    }
    .mt-md-90 {
        margin-top: 90px!important
    }
    .mt-md-95 {
        margin-top: 95px!important
    }
    .mt-md-100 {
        margin-top: 100px!important
    }
    .mt-md-120 {
        margin-top: 120px!important
    }
    .mt-md-140 {
        margin-top: 140px!important
    }
    .mt-md-160 {
        margin-top: 160px!important
    }
    .mt-md-330 {
        margin-top: 330px!important
    }
    .mr-md--50 {
        margin-right: -50px!important
    }
    .mr-md--45 {
        margin-right: -45px!important
    }
    .mr-md--40 {
        margin-right: -40px!important
    }
    .mr-md--35 {
        margin-right: -35px!important
    }
    .mr-md--30 {
        margin-right: -30px!important
    }
    .mr-md--25 {
        margin-right: -25px!important
    }
    .mr-md--20 {
        margin-right: -20px!important
    }
    .mr-md--15 {
        margin-right: -15px!important
    }
    .mr-md--10 {
        margin-right: -10px!important
    }
    .mr-md--5 {
        margin-right: -5px!important
    }
    .mr-md--2 {
        margin-right: -2px!important
    }
    .mr-md--1 {
        margin-right: -1px!important
    }
    .mr-md-0 {
        margin-right: 0!important
    }
    .mr-md-2 {
        margin-right: 2px!important
    }
    .mr-md-3 {
        margin-right: 3px!important
    }
    .mr-md-4 {
        margin-right: 4px!important
    }
    .mr-md-5 {
        margin-right: 5px!important
    }
    .mr-md-6 {
        margin-right: 6px!important
    }
    .mr-md-10 {
        margin-right: 10px!important
    }
    .mr-md-11 {
        margin-right: 11px!important
    }
    .mr-md-15 {
        margin-right: 15px!important
    }
    .mr-md-20 {
        margin-right: 20px!important
    }
    .mr-md-25 {
        margin-right: 25px!important
    }
    .mr-md-30 {
        margin-right: 30px!important
    }
    .mr-md-35 {
        margin-right: 35px!important
    }
    .mr-md-40 {
        margin-right: 40px!important
    }
    .mr-md-45 {
        margin-right: 45px!important
    }
    .mr-md-50 {
        margin-right: 50px!important
    }
    .mr-md-55 {
        margin-right: 55px!important
    }
    .mr-md-60 {
        margin-right: 60px!important
    }
    .mr-md-65 {
        margin-right: 65px!important
    }
    .mr-md-70 {
        margin-right: 70px!important
    }
    .mr-md-75 {
        margin-right: 75px!important
    }
    .mr-md-80 {
        margin-right: 80px!important
    }
    .mr-md-85 {
        margin-right: 85px!important
    }
    .mr-md-90 {
        margin-right: 90px!important
    }
    .mr-md-95 {
        margin-right: 95px!important
    }
    .mr-md-100 {
        margin-right: 100px!important
    }
    .mr-md-120 {
        margin-right: 120px!important
    }
    .mr-md-140 {
        margin-right: 140px!important
    }
    .mr-md-160 {
        margin-right: 160px!important
    }
    .mr-md-330 {
        margin-right: 330px!important
    }
    .mb-md--50 {
        margin-bottom: -50px!important
    }
    .mb-md--45 {
        margin-bottom: -45px!important
    }
    .mb-md--40 {
        margin-bottom: -40px!important
    }
    .mb-md--35 {
        margin-bottom: -35px!important
    }
    .mb-md--30 {
        margin-bottom: -30px!important
    }
    .mb-md--25 {
        margin-bottom: -25px!important
    }
    .mb-md--20 {
        margin-bottom: -20px!important
    }
    .mb-md--15 {
        margin-bottom: -15px!important
    }
    .mb-md--10 {
        margin-bottom: -10px!important
    }
    .mb-md--5 {
        margin-bottom: -5px!important
    }
    .mb-md--2 {
        margin-bottom: -2px!important
    }
    .mb-md--1 {
        margin-bottom: -1px!important
    }
    .mb-md-0 {
        margin-bottom: 0!important
    }
    .mb-md-2 {
        margin-bottom: 2px!important
    }
    .mb-md-3 {
        margin-bottom: 3px!important
    }
    .mb-md-4 {
        margin-bottom: 4px!important
    }
    .mb-md-5 {
        margin-bottom: 5px!important
    }
    .mb-md-6 {
        margin-bottom: 6px!important
    }
    .mb-md-10 {
        margin-bottom: 10px!important
    }
    .mb-md-11 {
        margin-bottom: 11px!important
    }
    .mb-md-15 {
        margin-bottom: 15px!important
    }
    .mb-md-20 {
        margin-bottom: 20px!important
    }
    .mb-md-25 {
        margin-bottom: 25px!important
    }
    .mb-md-30 {
        margin-bottom: 30px!important
    }
    .mb-md-35 {
        margin-bottom: 35px!important
    }
    .mb-md-40 {
        margin-bottom: 40px!important
    }
    .mb-md-45 {
        margin-bottom: 45px!important
    }
    .mb-md-50 {
        margin-bottom: 50px!important
    }
    .mb-md-55 {
        margin-bottom: 55px!important
    }
    .mb-md-60 {
        margin-bottom: 60px!important
    }
    .mb-md-65 {
        margin-bottom: 65px!important
    }
    .mb-md-70 {
        margin-bottom: 70px!important
    }
    .mb-md-75 {
        margin-bottom: 75px!important
    }
    .mb-md-80 {
        margin-bottom: 80px!important
    }
    .mb-md-85 {
        margin-bottom: 85px!important
    }
    .mb-md-90 {
        margin-bottom: 90px!important
    }
    .mb-md-95 {
        margin-bottom: 95px!important
    }
    .mb-md-100 {
        margin-bottom: 100px!important
    }
    .mb-md-120 {
        margin-bottom: 120px!important
    }
    .mb-md-140 {
        margin-bottom: 140px!important
    }
    .mb-md-160 {
        margin-bottom: 160px!important
    }
    .mb-md-330 {
        margin-bottom: 330px!important
    }
    .ml-md--50 {
        margin-left: -50px!important
    }
    .ml-md--45 {
        margin-left: -45px!important
    }
    .ml-md--40 {
        margin-left: -40px!important
    }
    .ml-md--35 {
        margin-left: -35px!important
    }
    .ml-md--30 {
        margin-left: -30px!important
    }
    .ml-md--25 {
        margin-left: -25px!important
    }
    .ml-md--20 {
        margin-left: -20px!important
    }
    .ml-md--15 {
        margin-left: -15px!important
    }
    .ml-md--10 {
        margin-left: -10px!important
    }
    .ml-md--5 {
        margin-left: -5px!important
    }
    .ml-md--2 {
        margin-left: -2px!important
    }
    .ml-md--1 {
        margin-left: -1px!important
    }
    .ml-md-0 {
        margin-left: 0!important
    }
    .ml-md-2 {
        margin-left: 2px!important
    }
    .ml-md-3 {
        margin-left: 3px!important
    }
    .ml-md-4 {
        margin-left: 4px!important
    }
    .ml-md-5 {
        margin-left: 5px!important
    }
    .ml-md-6 {
        margin-left: 6px!important
    }
    .ml-md-10 {
        margin-left: 10px!important
    }
    .ml-md-11 {
        margin-left: 11px!important
    }
    .ml-md-15 {
        margin-left: 15px!important
    }
    .ml-md-20 {
        margin-left: 20px!important
    }
    .ml-md-25 {
        margin-left: 25px!important
    }
    .ml-md-30 {
        margin-left: 30px!important
    }
    .ml-md-35 {
        margin-left: 35px!important
    }
    .ml-md-40 {
        margin-left: 40px!important
    }
    .ml-md-45 {
        margin-left: 45px!important
    }
    .ml-md-50 {
        margin-left: 50px!important
    }
    .ml-md-55 {
        margin-left: 55px!important
    }
    .ml-md-60 {
        margin-left: 60px!important
    }
    .ml-md-65 {
        margin-left: 65px!important
    }
    .ml-md-70 {
        margin-left: 70px!important
    }
    .ml-md-75 {
        margin-left: 75px!important
    }
    .ml-md-80 {
        margin-left: 80px!important
    }
    .ml-md-85 {
        margin-left: 85px!important
    }
    .ml-md-90 {
        margin-left: 90px!important
    }
    .ml-md-95 {
        margin-left: 95px!important
    }
    .ml-md-100 {
        margin-left: 100px!important
    }
    .ml-md-120 {
        margin-left: 120px!important
    }
    .ml-md-140 {
        margin-left: 140px!important
    }
    .ml-md-160 {
        margin-left: 160px!important
    }
    .ml-md-330 {
        margin-left: 330px!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .mar-lg--50 {
        margin: -50px!important
    }
    .mar-lg--45 {
        margin: -45px!important
    }
    .mar-lg--40 {
        margin: -40px!important
    }
    .mar-lg--35 {
        margin: -35px!important
    }
    .mar-lg--30 {
        margin: -30px!important
    }
    .mar-lg--25 {
        margin: -25px!important
    }
    .mar-lg--20 {
        margin: -20px!important
    }
    .mar-lg--15 {
        margin: -15px!important
    }
    .mar-lg--10 {
        margin: -10px!important
    }
    .mar-lg--5 {
        margin: -5px!important
    }
    .mar-lg--2 {
        margin: -2px!important
    }
    .mar-lg--1 {
        margin: -1px!important
    }
    .mar-lg-0 {
        margin: 0!important
    }
    .mar-lg-2 {
        margin: 2px!important
    }
    .mar-lg-3 {
        margin: 3px!important
    }
    .mar-lg-4 {
        margin: 4px!important
    }
    .mar-lg-5 {
        margin: 5px!important
    }
    .mar-lg-6 {
        margin: 6px!important
    }
    .mar-lg-10 {
        margin: 10px!important
    }
    .mar-lg-11 {
        margin: 11px!important
    }
    .mar-lg-15 {
        margin: 15px!important
    }
    .mar-lg-20 {
        margin: 20px!important
    }
    .mar-lg-25 {
        margin: 25px!important
    }
    .mar-lg-30 {
        margin: 30px!important
    }
    .mar-lg-35 {
        margin: 35px!important
    }
    .mar-lg-40 {
        margin: 40px!important
    }
    .mar-lg-45 {
        margin: 45px!important
    }
    .mar-lg-50 {
        margin: 50px!important
    }
    .mar-lg-55 {
        margin: 55px!important
    }
    .mar-lg-60 {
        margin: 60px!important
    }
    .mar-lg-65 {
        margin: 65px!important
    }
    .mar-lg-70 {
        margin: 70px!important
    }
    .mar-lg-75 {
        margin: 75px!important
    }
    .mar-lg-80 {
        margin: 80px!important
    }
    .mar-lg-85 {
        margin: 85px!important
    }
    .mar-lg-90 {
        margin: 90px!important
    }
    .mar-lg-95 {
        margin: 95px!important
    }
    .mar-lg-100 {
        margin: 100px!important
    }
    .mar-lg-120 {
        margin: 120px!important
    }
    .mar-lg-140 {
        margin: 140px!important
    }
    .mar-lg-160 {
        margin: 160px!important
    }
    .mar-lg-330 {
        margin: 330px!important
    }
    .mt-lg--50 {
        margin-top: -50px!important
    }
    .mt-lg--45 {
        margin-top: -45px!important
    }
    .mt-lg--40 {
        margin-top: -40px!important
    }
    .mt-lg--35 {
        margin-top: -35px!important
    }
    .mt-lg--30 {
        margin-top: -30px!important
    }
    .mt-lg--25 {
        margin-top: -25px!important
    }
    .mt-lg--20 {
        margin-top: -20px!important
    }
    .mt-lg--15 {
        margin-top: -15px!important
    }
    .mt-lg--10 {
        margin-top: -10px!important
    }
    .mt-lg--5 {
        margin-top: -5px!important
    }
    .mt-lg--2 {
        margin-top: -2px!important
    }
    .mt-lg--1 {
        margin-top: -1px!important
    }
    .mt-lg-0 {
        margin-top: 0!important
    }
    .mt-lg-2 {
        margin-top: 2px!important
    }
    .mt-lg-3 {
        margin-top: 3px!important
    }
    .mt-lg-4 {
        margin-top: 4px!important
    }
    .mt-lg-5 {
        margin-top: 5px!important
    }
    .mt-lg-6 {
        margin-top: 6px!important
    }
    .mt-lg-10 {
        margin-top: 10px!important
    }
    .mt-lg-11 {
        margin-top: 11px!important
    }
    .mt-lg-15 {
        margin-top: 15px!important
    }
    .mt-lg-20 {
        margin-top: 20px!important
    }
    .mt-lg-25 {
        margin-top: 25px!important
    }
    .mt-lg-30 {
        margin-top: 30px!important
    }
    .mt-lg-35 {
        margin-top: 35px!important
    }
    .mt-lg-40 {
        margin-top: 40px!important
    }
    .mt-lg-45 {
        margin-top: 45px!important
    }
    .mt-lg-50 {
        margin-top: 50px!important
    }
    .mt-lg-55 {
        margin-top: 55px!important
    }
    .mt-lg-60 {
        margin-top: 60px!important
    }
    .mt-lg-65 {
        margin-top: 65px!important
    }
    .mt-lg-70 {
        margin-top: 70px!important
    }
    .mt-lg-75 {
        margin-top: 75px!important
    }
    .mt-lg-80 {
        margin-top: 80px!important
    }
    .mt-lg-85 {
        margin-top: 85px!important
    }
    .mt-lg-90 {
        margin-top: 90px!important
    }
    .mt-lg-95 {
        margin-top: 95px!important
    }
    .mt-lg-100 {
        margin-top: 100px!important
    }
    .mt-lg-120 {
        margin-top: 120px!important
    }
    .mt-lg-140 {
        margin-top: 140px!important
    }
    .mt-lg-160 {
        margin-top: 160px!important
    }
    .mt-lg-330 {
        margin-top: 330px!important
    }
    .mr-lg--50 {
        margin-right: -50px!important
    }
    .mr-lg--45 {
        margin-right: -45px!important
    }
    .mr-lg--40 {
        margin-right: -40px!important
    }
    .mr-lg--35 {
        margin-right: -35px!important
    }
    .mr-lg--30 {
        margin-right: -30px!important
    }
    .mr-lg--25 {
        margin-right: -25px!important
    }
    .mr-lg--20 {
        margin-right: -20px!important
    }
    .mr-lg--15 {
        margin-right: -15px!important
    }
    .mr-lg--10 {
        margin-right: -10px!important
    }
    .mr-lg--5 {
        margin-right: -5px!important
    }
    .mr-lg--2 {
        margin-right: -2px!important
    }
    .mr-lg--1 {
        margin-right: -1px!important
    }
    .mr-lg-0 {
        margin-right: 0!important
    }
    .mr-lg-2 {
        margin-right: 2px!important
    }
    .mr-lg-3 {
        margin-right: 3px!important
    }
    .mr-lg-4 {
        margin-right: 4px!important
    }
    .mr-lg-5 {
        margin-right: 5px!important
    }
    .mr-lg-6 {
        margin-right: 6px!important
    }
    .mr-lg-10 {
        margin-right: 10px!important
    }
    .mr-lg-11 {
        margin-right: 11px!important
    }
    .mr-lg-15 {
        margin-right: 15px!important
    }
    .mr-lg-20 {
        margin-right: 20px!important
    }
    .mr-lg-25 {
        margin-right: 25px!important
    }
    .mr-lg-30 {
        margin-right: 30px!important
    }
    .mr-lg-35 {
        margin-right: 35px!important
    }
    .mr-lg-40 {
        margin-right: 40px!important
    }
    .mr-lg-45 {
        margin-right: 45px!important
    }
    .mr-lg-50 {
        margin-right: 50px!important
    }
    .mr-lg-55 {
        margin-right: 55px!important
    }
    .mr-lg-60 {
        margin-right: 60px!important
    }
    .mr-lg-65 {
        margin-right: 65px!important
    }
    .mr-lg-70 {
        margin-right: 70px!important
    }
    .mr-lg-75 {
        margin-right: 75px!important
    }
    .mr-lg-80 {
        margin-right: 80px!important
    }
    .mr-lg-85 {
        margin-right: 85px!important
    }
    .mr-lg-90 {
        margin-right: 90px!important
    }
    .mr-lg-95 {
        margin-right: 95px!important
    }
    .mr-lg-100 {
        margin-right: 100px!important
    }
    .mr-lg-120 {
        margin-right: 120px!important
    }
    .mr-lg-140 {
        margin-right: 140px!important
    }
    .mr-lg-160 {
        margin-right: 160px!important
    }
    .mr-lg-330 {
        margin-right: 330px!important
    }
    .mb-lg--50 {
        margin-bottom: -50px!important
    }
    .mb-lg--45 {
        margin-bottom: -45px!important
    }
    .mb-lg--40 {
        margin-bottom: -40px!important
    }
    .mb-lg--35 {
        margin-bottom: -35px!important
    }
    .mb-lg--30 {
        margin-bottom: -30px!important
    }
    .mb-lg--25 {
        margin-bottom: -25px!important
    }
    .mb-lg--20 {
        margin-bottom: -20px!important
    }
    .mb-lg--15 {
        margin-bottom: -15px!important
    }
    .mb-lg--10 {
        margin-bottom: -10px!important
    }
    .mb-lg--5 {
        margin-bottom: -5px!important
    }
    .mb-lg--2 {
        margin-bottom: -2px!important
    }
    .mb-lg--1 {
        margin-bottom: -1px!important
    }
    .mb-lg-0 {
        margin-bottom: 0!important
    }
    .mb-lg-2 {
        margin-bottom: 2px!important
    }
    .mb-lg-3 {
        margin-bottom: 3px!important
    }
    .mb-lg-4 {
        margin-bottom: 4px!important
    }
    .mb-lg-5 {
        margin-bottom: 5px!important
    }
    .mb-lg-6 {
        margin-bottom: 6px!important
    }
    .mb-lg-10 {
        margin-bottom: 10px!important
    }
    .mb-lg-11 {
        margin-bottom: 11px!important
    }
    .mb-lg-15 {
        margin-bottom: 15px!important
    }
    .mb-lg-20 {
        margin-bottom: 20px!important
    }
    .mb-lg-25 {
        margin-bottom: 25px!important
    }
    .mb-lg-30 {
        margin-bottom: 30px!important
    }
    .mb-lg-35 {
        margin-bottom: 35px!important
    }
    .mb-lg-40 {
        margin-bottom: 40px!important
    }
    .mb-lg-45 {
        margin-bottom: 45px!important
    }
    .mb-lg-50 {
        margin-bottom: 50px!important
    }
    .mb-lg-55 {
        margin-bottom: 55px!important
    }
    .mb-lg-60 {
        margin-bottom: 60px!important
    }
    .mb-lg-65 {
        margin-bottom: 65px!important
    }
    .mb-lg-70 {
        margin-bottom: 70px!important
    }
    .mb-lg-75 {
        margin-bottom: 75px!important
    }
    .mb-lg-80 {
        margin-bottom: 80px!important
    }
    .mb-lg-85 {
        margin-bottom: 85px!important
    }
    .mb-lg-90 {
        margin-bottom: 90px!important
    }
    .mb-lg-95 {
        margin-bottom: 95px!important
    }
    .mb-lg-100 {
        margin-bottom: 100px!important
    }
    .mb-lg-120 {
        margin-bottom: 120px!important
    }
    .mb-lg-140 {
        margin-bottom: 140px!important
    }
    .mb-lg-160 {
        margin-bottom: 160px!important
    }
    .mb-lg-330 {
        margin-bottom: 330px!important
    }
    .ml-lg--50 {
        margin-left: -50px!important
    }
    .ml-lg--45 {
        margin-left: -45px!important
    }
    .ml-lg--40 {
        margin-left: -40px!important
    }
    .ml-lg--35 {
        margin-left: -35px!important
    }
    .ml-lg--30 {
        margin-left: -30px!important
    }
    .ml-lg--25 {
        margin-left: -25px!important
    }
    .ml-lg--20 {
        margin-left: -20px!important
    }
    .ml-lg--15 {
        margin-left: -15px!important
    }
    .ml-lg--10 {
        margin-left: -10px!important
    }
    .ml-lg--5 {
        margin-left: -5px!important
    }
    .ml-lg--2 {
        margin-left: -2px!important
    }
    .ml-lg--1 {
        margin-left: -1px!important
    }
    .ml-lg-0 {
        margin-left: 0!important
    }
    .ml-lg-2 {
        margin-left: 2px!important
    }
    .ml-lg-3 {
        margin-left: 3px!important
    }
    .ml-lg-4 {
        margin-left: 4px!important
    }
    .ml-lg-5 {
        margin-left: 5px!important
    }
    .ml-lg-6 {
        margin-left: 6px!important
    }
    .ml-lg-10 {
        margin-left: 10px!important
    }
    .ml-lg-11 {
        margin-left: 11px!important
    }
    .ml-lg-15 {
        margin-left: 15px!important
    }
    .ml-lg-20 {
        margin-left: 20px!important
    }
    .ml-lg-25 {
        margin-left: 25px!important
    }
    .ml-lg-30 {
        margin-left: 30px!important
    }
    .ml-lg-35 {
        margin-left: 35px!important
    }
    .ml-lg-40 {
        margin-left: 40px!important
    }
    .ml-lg-45 {
        margin-left: 45px!important
    }
    .ml-lg-50 {
        margin-left: 50px!important
    }
    .ml-lg-55 {
        margin-left: 55px!important
    }
    .ml-lg-60 {
        margin-left: 60px!important
    }
    .ml-lg-65 {
        margin-left: 65px!important
    }
    .ml-lg-70 {
        margin-left: 70px!important
    }
    .ml-lg-75 {
        margin-left: 75px!important
    }
    .ml-lg-80 {
        margin-left: 80px!important
    }
    .ml-lg-85 {
        margin-left: 85px!important
    }
    .ml-lg-90 {
        margin-left: 90px!important
    }
    .ml-lg-95 {
        margin-left: 95px!important
    }
    .ml-lg-100 {
        margin-left: 100px!important
    }
    .ml-lg-120 {
        margin-left: 120px!important
    }
    .ml-lg-140 {
        margin-left: 140px!important
    }
    .ml-lg-160 {
        margin-left: 160px!important
    }
    .ml-lg-330 {
        margin-left: 330px!important
    }
}

@media (min-width:768px) {
    .mar-sm--50-plus {
        margin: -50px!important
    }
    .mar-sm--45-plus {
        margin: -45px!important
    }
    .mar-sm--40-plus {
        margin: -40px!important
    }
    .mar-sm--35-plus {
        margin: -35px!important
    }
    .mar-sm--30-plus {
        margin: -30px!important
    }
    .mar-sm--25-plus {
        margin: -25px!important
    }
    .mar-sm--20-plus {
        margin: -20px!important
    }
    .mar-sm--15-plus {
        margin: -15px!important
    }
    .mar-sm--10-plus {
        margin: -10px!important
    }
    .mar-sm--5-plus {
        margin: -5px!important
    }
    .mar-sm--2-plus {
        margin: -2px!important
    }
    .mar-sm--1-plus {
        margin: -1px!important
    }
    .mar-sm-0-plus {
        margin: 0!important
    }
    .mar-sm-2-plus {
        margin: 2px!important
    }
    .mar-sm-3-plus {
        margin: 3px!important
    }
    .mar-sm-4-plus {
        margin: 4px!important
    }
    .mar-sm-5-plus {
        margin: 5px!important
    }
    .mar-sm-6-plus {
        margin: 6px!important
    }
    .mar-sm-10-plus {
        margin: 10px!important
    }
    .mar-sm-11-plus {
        margin: 11px!important
    }
    .mar-sm-15-plus {
        margin: 15px!important
    }
    .mar-sm-20-plus {
        margin: 20px!important
    }
    .mar-sm-25-plus {
        margin: 25px!important
    }
    .mar-sm-30-plus {
        margin: 30px!important
    }
    .mar-sm-35-plus {
        margin: 35px!important
    }
    .mar-sm-40-plus {
        margin: 40px!important
    }
    .mar-sm-45-plus {
        margin: 45px!important
    }
    .mar-sm-50-plus {
        margin: 50px!important
    }
    .mar-sm-55-plus {
        margin: 55px!important
    }
    .mar-sm-60-plus {
        margin: 60px!important
    }
    .mar-sm-65-plus {
        margin: 65px!important
    }
    .mar-sm-70-plus {
        margin: 70px!important
    }
    .mar-sm-75-plus {
        margin: 75px!important
    }
    .mar-sm-80-plus {
        margin: 80px!important
    }
    .mar-sm-85-plus {
        margin: 85px!important
    }
    .mar-sm-90-plus {
        margin: 90px!important
    }
    .mar-sm-95-plus {
        margin: 95px!important
    }
    .mar-sm-100-plus {
        margin: 100px!important
    }
    .mar-sm-120-plus {
        margin: 120px!important
    }
    .mar-sm-140-plus {
        margin: 140px!important
    }
    .mar-sm-160-plus {
        margin: 160px!important
    }
    .mar-sm-330-plus {
        margin: 330px!important
    }
    .mt-sm--50-plus {
        margin-top: -50px!important
    }
    .mt-sm--45-plus {
        margin-top: -45px!important
    }
    .mt-sm--40-plus {
        margin-top: -40px!important
    }
    .mt-sm--35-plus {
        margin-top: -35px!important
    }
    .mt-sm--30-plus {
        margin-top: -30px!important
    }
    .mt-sm--25-plus {
        margin-top: -25px!important
    }
    .mt-sm--20-plus {
        margin-top: -20px!important
    }
    .mt-sm--15-plus {
        margin-top: -15px!important
    }
    .mt-sm--10-plus {
        margin-top: -10px!important
    }
    .mt-sm--5-plus {
        margin-top: -5px!important
    }
    .mt-sm--2-plus {
        margin-top: -2px!important
    }
    .mt-sm--1-plus {
        margin-top: -1px!important
    }
    .mt-sm-0-plus {
        margin-top: 0!important
    }
    .mt-sm-2-plus {
        margin-top: 2px!important
    }
    .mt-sm-3-plus {
        margin-top: 3px!important
    }
    .mt-sm-4-plus {
        margin-top: 4px!important
    }
    .mt-sm-5-plus {
        margin-top: 5px!important
    }
    .mt-sm-6-plus {
        margin-top: 6px!important
    }
    .mt-sm-10-plus {
        margin-top: 10px!important
    }
    .mt-sm-11-plus {
        margin-top: 11px!important
    }
    .mt-sm-15-plus {
        margin-top: 15px!important
    }
    .mt-sm-20-plus {
        margin-top: 20px!important
    }
    .mt-sm-25-plus {
        margin-top: 25px!important
    }
    .mt-sm-30-plus {
        margin-top: 30px!important
    }
    .mt-sm-35-plus {
        margin-top: 35px!important
    }
    .mt-sm-40-plus {
        margin-top: 40px!important
    }
    .mt-sm-45-plus {
        margin-top: 45px!important
    }
    .mt-sm-50-plus {
        margin-top: 50px!important
    }
    .mt-sm-55-plus {
        margin-top: 55px!important
    }
    .mt-sm-60-plus {
        margin-top: 60px!important
    }
    .mt-sm-65-plus {
        margin-top: 65px!important
    }
    .mt-sm-70-plus {
        margin-top: 70px!important
    }
    .mt-sm-75-plus {
        margin-top: 75px!important
    }
    .mt-sm-80-plus {
        margin-top: 80px!important
    }
    .mt-sm-85-plus {
        margin-top: 85px!important
    }
    .mt-sm-90-plus {
        margin-top: 90px!important
    }
    .mt-sm-95-plus {
        margin-top: 95px!important
    }
    .mt-sm-100-plus {
        margin-top: 100px!important
    }
    .mt-sm-120-plus {
        margin-top: 120px!important
    }
    .mt-sm-140-plus {
        margin-top: 140px!important
    }
    .mt-sm-160-plus {
        margin-top: 160px!important
    }
    .mt-sm-330-plus {
        margin-top: 330px!important
    }
    .mr-sm--50-plus {
        margin-right: -50px!important
    }
    .mr-sm--45-plus {
        margin-right: -45px!important
    }
    .mr-sm--40-plus {
        margin-right: -40px!important
    }
    .mr-sm--35-plus {
        margin-right: -35px!important
    }
    .mr-sm--30-plus {
        margin-right: -30px!important
    }
    .mr-sm--25-plus {
        margin-right: -25px!important
    }
    .mr-sm--20-plus {
        margin-right: -20px!important
    }
    .mr-sm--15-plus {
        margin-right: -15px!important
    }
    .mr-sm--10-plus {
        margin-right: -10px!important
    }
    .mr-sm--5-plus {
        margin-right: -5px!important
    }
    .mr-sm--2-plus {
        margin-right: -2px!important
    }
    .mr-sm--1-plus {
        margin-right: -1px!important
    }
    .mr-sm-0-plus {
        margin-right: 0!important
    }
    .mr-sm-2-plus {
        margin-right: 2px!important
    }
    .mr-sm-3-plus {
        margin-right: 3px!important
    }
    .mr-sm-4-plus {
        margin-right: 4px!important
    }
    .mr-sm-5-plus {
        margin-right: 5px!important
    }
    .mr-sm-6-plus {
        margin-right: 6px!important
    }
    .mr-sm-10-plus {
        margin-right: 10px!important
    }
    .mr-sm-11-plus {
        margin-right: 11px!important
    }
    .mr-sm-15-plus {
        margin-right: 15px!important
    }
    .mr-sm-20-plus {
        margin-right: 20px!important
    }
    .mr-sm-25-plus {
        margin-right: 25px!important
    }
    .mr-sm-30-plus {
        margin-right: 30px!important
    }
    .mr-sm-35-plus {
        margin-right: 35px!important
    }
    .mr-sm-40-plus {
        margin-right: 40px!important
    }
    .mr-sm-45-plus {
        margin-right: 45px!important
    }
    .mr-sm-50-plus {
        margin-right: 50px!important
    }
    .mr-sm-55-plus {
        margin-right: 55px!important
    }
    .mr-sm-60-plus {
        margin-right: 60px!important
    }
    .mr-sm-65-plus {
        margin-right: 65px!important
    }
    .mr-sm-70-plus {
        margin-right: 70px!important
    }
    .mr-sm-75-plus {
        margin-right: 75px!important
    }
    .mr-sm-80-plus {
        margin-right: 80px!important
    }
    .mr-sm-85-plus {
        margin-right: 85px!important
    }
    .mr-sm-90-plus {
        margin-right: 90px!important
    }
    .mr-sm-95-plus {
        margin-right: 95px!important
    }
    .mr-sm-100-plus {
        margin-right: 100px!important
    }
    .mr-sm-120-plus {
        margin-right: 120px!important
    }
    .mr-sm-140-plus {
        margin-right: 140px!important
    }
    .mr-sm-160-plus {
        margin-right: 160px!important
    }
    .mr-sm-330-plus {
        margin-right: 330px!important
    }
    .mb-sm--50-plus {
        margin-bottom: -50px!important
    }
    .mb-sm--45-plus {
        margin-bottom: -45px!important
    }
    .mb-sm--40-plus {
        margin-bottom: -40px!important
    }
    .mb-sm--35-plus {
        margin-bottom: -35px!important
    }
    .mb-sm--30-plus {
        margin-bottom: -30px!important
    }
    .mb-sm--25-plus {
        margin-bottom: -25px!important
    }
    .mb-sm--20-plus {
        margin-bottom: -20px!important
    }
    .mb-sm--15-plus {
        margin-bottom: -15px!important
    }
    .mb-sm--10-plus {
        margin-bottom: -10px!important
    }
    .mb-sm--5-plus {
        margin-bottom: -5px!important
    }
    .mb-sm--2-plus {
        margin-bottom: -2px!important
    }
    .mb-sm--1-plus {
        margin-bottom: -1px!important
    }
    .mb-sm-0-plus {
        margin-bottom: 0!important
    }
    .mb-sm-2-plus {
        margin-bottom: 2px!important
    }
    .mb-sm-3-plus {
        margin-bottom: 3px!important
    }
    .mb-sm-4-plus {
        margin-bottom: 4px!important
    }
    .mb-sm-5-plus {
        margin-bottom: 5px!important
    }
    .mb-sm-6-plus {
        margin-bottom: 6px!important
    }
    .mb-sm-10-plus {
        margin-bottom: 10px!important
    }
    .mb-sm-11-plus {
        margin-bottom: 11px!important
    }
    .mb-sm-15-plus {
        margin-bottom: 15px!important
    }
    .mb-sm-20-plus {
        margin-bottom: 20px!important
    }
    .mb-sm-25-plus {
        margin-bottom: 25px!important
    }
    .mb-sm-30-plus {
        margin-bottom: 30px!important
    }
    .mb-sm-35-plus {
        margin-bottom: 35px!important
    }
    .mb-sm-40-plus {
        margin-bottom: 40px!important
    }
    .mb-sm-45-plus {
        margin-bottom: 45px!important
    }
    .mb-sm-50-plus {
        margin-bottom: 50px!important
    }
    .mb-sm-55-plus {
        margin-bottom: 55px!important
    }
    .mb-sm-60-plus {
        margin-bottom: 60px!important
    }
    .mb-sm-65-plus {
        margin-bottom: 65px!important
    }
    .mb-sm-70-plus {
        margin-bottom: 70px!important
    }
    .mb-sm-75-plus {
        margin-bottom: 75px!important
    }
    .mb-sm-80-plus {
        margin-bottom: 80px!important
    }
    .mb-sm-85-plus {
        margin-bottom: 85px!important
    }
    .mb-sm-90-plus {
        margin-bottom: 90px!important
    }
    .mb-sm-95-plus {
        margin-bottom: 95px!important
    }
    .mb-sm-100-plus {
        margin-bottom: 100px!important
    }
    .mb-sm-120-plus {
        margin-bottom: 120px!important
    }
    .mb-sm-140-plus {
        margin-bottom: 140px!important
    }
    .mb-sm-160-plus {
        margin-bottom: 160px!important
    }
    .mb-sm-330-plus {
        margin-bottom: 330px!important
    }
    .ml-sm--50-plus {
        margin-left: -50px!important
    }
    .ml-sm--45-plus {
        margin-left: -45px!important
    }
    .ml-sm--40-plus {
        margin-left: -40px!important
    }
    .ml-sm--35-plus {
        margin-left: -35px!important
    }
    .ml-sm--30-plus {
        margin-left: -30px!important
    }
    .ml-sm--25-plus {
        margin-left: -25px!important
    }
    .ml-sm--20-plus {
        margin-left: -20px!important
    }
    .ml-sm--15-plus {
        margin-left: -15px!important
    }
    .ml-sm--10-plus {
        margin-left: -10px!important
    }
    .ml-sm--5-plus {
        margin-left: -5px!important
    }
    .ml-sm--2-plus {
        margin-left: -2px!important
    }
    .ml-sm--1-plus {
        margin-left: -1px!important
    }
    .ml-sm-0-plus {
        margin-left: 0!important
    }
    .ml-sm-2-plus {
        margin-left: 2px!important
    }
    .ml-sm-3-plus {
        margin-left: 3px!important
    }
    .ml-sm-4-plus {
        margin-left: 4px!important
    }
    .ml-sm-5-plus {
        margin-left: 5px!important
    }
    .ml-sm-6-plus {
        margin-left: 6px!important
    }
    .ml-sm-10-plus {
        margin-left: 10px!important
    }
    .ml-sm-11-plus {
        margin-left: 11px!important
    }
    .ml-sm-15-plus {
        margin-left: 15px!important
    }
    .ml-sm-20-plus {
        margin-left: 20px!important
    }
    .ml-sm-25-plus {
        margin-left: 25px!important
    }
    .ml-sm-30-plus {
        margin-left: 30px!important
    }
    .ml-sm-35-plus {
        margin-left: 35px!important
    }
    .ml-sm-40-plus {
        margin-left: 40px!important
    }
    .ml-sm-45-plus {
        margin-left: 45px!important
    }
    .ml-sm-50-plus {
        margin-left: 50px!important
    }
    .ml-sm-55-plus {
        margin-left: 55px!important
    }
    .ml-sm-60-plus {
        margin-left: 60px!important
    }
    .ml-sm-65-plus {
        margin-left: 65px!important
    }
    .ml-sm-70-plus {
        margin-left: 70px!important
    }
    .ml-sm-75-plus {
        margin-left: 75px!important
    }
    .ml-sm-80-plus {
        margin-left: 80px!important
    }
    .ml-sm-85-plus {
        margin-left: 85px!important
    }
    .ml-sm-90-plus {
        margin-left: 90px!important
    }
    .ml-sm-95-plus {
        margin-left: 95px!important
    }
    .ml-sm-100-plus {
        margin-left: 100px!important
    }
    .ml-sm-120-plus {
        margin-left: 120px!important
    }
    .ml-sm-140-plus {
        margin-left: 140px!important
    }
    .ml-sm-160-plus {
        margin-left: 160px!important
    }
    .ml-sm-330-plus {
        margin-left: 330px!important
    }
}

@media (min-width:992px) {
    .mar-md--50-plus {
        margin: -50px!important
    }
    .mar-md--45-plus {
        margin: -45px!important
    }
    .mar-md--40-plus {
        margin: -40px!important
    }
    .mar-md--35-plus {
        margin: -35px!important
    }
    .mar-md--30-plus {
        margin: -30px!important
    }
    .mar-md--25-plus {
        margin: -25px!important
    }
    .mar-md--20-plus {
        margin: -20px!important
    }
    .mar-md--15-plus {
        margin: -15px!important
    }
    .mar-md--10-plus {
        margin: -10px!important
    }
    .mar-md--5-plus {
        margin: -5px!important
    }
    .mar-md--2-plus {
        margin: -2px!important
    }
    .mar-md--1-plus {
        margin: -1px!important
    }
    .mar-md-0-plus {
        margin: 0!important
    }
    .mar-md-2-plus {
        margin: 2px!important
    }
    .mar-md-3-plus {
        margin: 3px!important
    }
    .mar-md-4-plus {
        margin: 4px!important
    }
    .mar-md-5-plus {
        margin: 5px!important
    }
    .mar-md-6-plus {
        margin: 6px!important
    }
    .mar-md-10-plus {
        margin: 10px!important
    }
    .mar-md-11-plus {
        margin: 11px!important
    }
    .mar-md-15-plus {
        margin: 15px!important
    }
    .mar-md-20-plus {
        margin: 20px!important
    }
    .mar-md-25-plus {
        margin: 25px!important
    }
    .mar-md-30-plus {
        margin: 30px!important
    }
    .mar-md-35-plus {
        margin: 35px!important
    }
    .mar-md-40-plus {
        margin: 40px!important
    }
    .mar-md-45-plus {
        margin: 45px!important
    }
    .mar-md-50-plus {
        margin: 50px!important
    }
    .mar-md-55-plus {
        margin: 55px!important
    }
    .mar-md-60-plus {
        margin: 60px!important
    }
    .mar-md-65-plus {
        margin: 65px!important
    }
    .mar-md-70-plus {
        margin: 70px!important
    }
    .mar-md-75-plus {
        margin: 75px!important
    }
    .mar-md-80-plus {
        margin: 80px!important
    }
    .mar-md-85-plus {
        margin: 85px!important
    }
    .mar-md-90-plus {
        margin: 90px!important
    }
    .mar-md-95-plus {
        margin: 95px!important
    }
    .mar-md-100-plus {
        margin: 100px!important
    }
    .mar-md-120-plus {
        margin: 120px!important
    }
    .mar-md-140-plus {
        margin: 140px!important
    }
    .mar-md-160-plus {
        margin: 160px!important
    }
    .mar-md-330-plus {
        margin: 330px!important
    }
    .mt-md--50-plus {
        margin-top: -50px!important
    }
    .mt-md--45-plus {
        margin-top: -45px!important
    }
    .mt-md--40-plus {
        margin-top: -40px!important
    }
    .mt-md--35-plus {
        margin-top: -35px!important
    }
    .mt-md--30-plus {
        margin-top: -30px!important
    }
    .mt-md--25-plus {
        margin-top: -25px!important
    }
    .mt-md--20-plus {
        margin-top: -20px!important
    }
    .mt-md--15-plus {
        margin-top: -15px!important
    }
    .mt-md--10-plus {
        margin-top: -10px!important
    }
    .mt-md--5-plus {
        margin-top: -5px!important
    }
    .mt-md--2-plus {
        margin-top: -2px!important
    }
    .mt-md--1-plus {
        margin-top: -1px!important
    }
    .mt-md-0-plus {
        margin-top: 0!important
    }
    .mt-md-2-plus {
        margin-top: 2px!important
    }
    .mt-md-3-plus {
        margin-top: 3px!important
    }
    .mt-md-4-plus {
        margin-top: 4px!important
    }
    .mt-md-5-plus {
        margin-top: 5px!important
    }
    .mt-md-6-plus {
        margin-top: 6px!important
    }
    .mt-md-10-plus {
        margin-top: 10px!important
    }
    .mt-md-11-plus {
        margin-top: 11px!important
    }
    .mt-md-15-plus {
        margin-top: 15px!important
    }
    .mt-md-20-plus {
        margin-top: 20px!important
    }
    .mt-md-25-plus {
        margin-top: 25px!important
    }
    .mt-md-30-plus {
        margin-top: 30px!important
    }
    .mt-md-35-plus {
        margin-top: 35px!important
    }
    .mt-md-40-plus {
        margin-top: 40px!important
    }
    .mt-md-45-plus {
        margin-top: 45px!important
    }
    .mt-md-50-plus {
        margin-top: 50px!important
    }
    .mt-md-55-plus {
        margin-top: 55px!important
    }
    .mt-md-60-plus {
        margin-top: 60px!important
    }
    .mt-md-65-plus {
        margin-top: 65px!important
    }
    .mt-md-70-plus {
        margin-top: 70px!important
    }
    .mt-md-75-plus {
        margin-top: 75px!important
    }
    .mt-md-80-plus {
        margin-top: 80px!important
    }
    .mt-md-85-plus {
        margin-top: 85px!important
    }
    .mt-md-90-plus {
        margin-top: 90px!important
    }
    .mt-md-95-plus {
        margin-top: 95px!important
    }
    .mt-md-100-plus {
        margin-top: 100px!important
    }
    .mt-md-120-plus {
        margin-top: 120px!important
    }
    .mt-md-140-plus {
        margin-top: 140px!important
    }
    .mt-md-160-plus {
        margin-top: 160px!important
    }
    .mt-md-330-plus {
        margin-top: 330px!important
    }
    .mr-md--50-plus {
        margin-right: -50px!important
    }
    .mr-md--45-plus {
        margin-right: -45px!important
    }
    .mr-md--40-plus {
        margin-right: -40px!important
    }
    .mr-md--35-plus {
        margin-right: -35px!important
    }
    .mr-md--30-plus {
        margin-right: -30px!important
    }
    .mr-md--25-plus {
        margin-right: -25px!important
    }
    .mr-md--20-plus {
        margin-right: -20px!important
    }
    .mr-md--15-plus {
        margin-right: -15px!important
    }
    .mr-md--10-plus {
        margin-right: -10px!important
    }
    .mr-md--5-plus {
        margin-right: -5px!important
    }
    .mr-md--2-plus {
        margin-right: -2px!important
    }
    .mr-md--1-plus {
        margin-right: -1px!important
    }
    .mr-md-0-plus {
        margin-right: 0!important
    }
    .mr-md-2-plus {
        margin-right: 2px!important
    }
    .mr-md-3-plus {
        margin-right: 3px!important
    }
    .mr-md-4-plus {
        margin-right: 4px!important
    }
    .mr-md-5-plus {
        margin-right: 5px!important
    }
    .mr-md-6-plus {
        margin-right: 6px!important
    }
    .mr-md-10-plus {
        margin-right: 10px!important
    }
    .mr-md-11-plus {
        margin-right: 11px!important
    }
    .mr-md-15-plus {
        margin-right: 15px!important
    }
    .mr-md-20-plus {
        margin-right: 20px!important
    }
    .mr-md-25-plus {
        margin-right: 25px!important
    }
    .mr-md-30-plus {
        margin-right: 30px!important
    }
    .mr-md-35-plus {
        margin-right: 35px!important
    }
    .mr-md-40-plus {
        margin-right: 40px!important
    }
    .mr-md-45-plus {
        margin-right: 45px!important
    }
    .mr-md-50-plus {
        margin-right: 50px!important
    }
    .mr-md-55-plus {
        margin-right: 55px!important
    }
    .mr-md-60-plus {
        margin-right: 60px!important
    }
    .mr-md-65-plus {
        margin-right: 65px!important
    }
    .mr-md-70-plus {
        margin-right: 70px!important
    }
    .mr-md-75-plus {
        margin-right: 75px!important
    }
    .mr-md-80-plus {
        margin-right: 80px!important
    }
    .mr-md-85-plus {
        margin-right: 85px!important
    }
    .mr-md-90-plus {
        margin-right: 90px!important
    }
    .mr-md-95-plus {
        margin-right: 95px!important
    }
    .mr-md-100-plus {
        margin-right: 100px!important
    }
    .mr-md-120-plus {
        margin-right: 120px!important
    }
    .mr-md-140-plus {
        margin-right: 140px!important
    }
    .mr-md-160-plus {
        margin-right: 160px!important
    }
    .mr-md-330-plus {
        margin-right: 330px!important
    }
    .mb-md--50-plus {
        margin-bottom: -50px!important
    }
    .mb-md--45-plus {
        margin-bottom: -45px!important
    }
    .mb-md--40-plus {
        margin-bottom: -40px!important
    }
    .mb-md--35-plus {
        margin-bottom: -35px!important
    }
    .mb-md--30-plus {
        margin-bottom: -30px!important
    }
    .mb-md--25-plus {
        margin-bottom: -25px!important
    }
    .mb-md--20-plus {
        margin-bottom: -20px!important
    }
    .mb-md--15-plus {
        margin-bottom: -15px!important
    }
    .mb-md--10-plus {
        margin-bottom: -10px!important
    }
    .mb-md--5-plus {
        margin-bottom: -5px!important
    }
    .mb-md--2-plus {
        margin-bottom: -2px!important
    }
    .mb-md--1-plus {
        margin-bottom: -1px!important
    }
    .mb-md-0-plus {
        margin-bottom: 0!important
    }
    .mb-md-2-plus {
        margin-bottom: 2px!important
    }
    .mb-md-3-plus {
        margin-bottom: 3px!important
    }
    .mb-md-4-plus {
        margin-bottom: 4px!important
    }
    .mb-md-5-plus {
        margin-bottom: 5px!important
    }
    .mb-md-6-plus {
        margin-bottom: 6px!important
    }
    .mb-md-10-plus {
        margin-bottom: 10px!important
    }
    .mb-md-11-plus {
        margin-bottom: 11px!important
    }
    .mb-md-15-plus {
        margin-bottom: 15px!important
    }
    .mb-md-20-plus {
        margin-bottom: 20px!important
    }
    .mb-md-25-plus {
        margin-bottom: 25px!important
    }
    .mb-md-30-plus {
        margin-bottom: 30px!important
    }
    .mb-md-35-plus {
        margin-bottom: 35px!important
    }
    .mb-md-40-plus {
        margin-bottom: 40px!important
    }
    .mb-md-45-plus {
        margin-bottom: 45px!important
    }
    .mb-md-50-plus {
        margin-bottom: 50px!important
    }
    .mb-md-55-plus {
        margin-bottom: 55px!important
    }
    .mb-md-60-plus {
        margin-bottom: 60px!important
    }
    .mb-md-65-plus {
        margin-bottom: 65px!important
    }
    .mb-md-70-plus {
        margin-bottom: 70px!important
    }
    .mb-md-75-plus {
        margin-bottom: 75px!important
    }
    .mb-md-80-plus {
        margin-bottom: 80px!important
    }
    .mb-md-85-plus {
        margin-bottom: 85px!important
    }
    .mb-md-90-plus {
        margin-bottom: 90px!important
    }
    .mb-md-95-plus {
        margin-bottom: 95px!important
    }
    .mb-md-100-plus {
        margin-bottom: 100px!important
    }
    .mb-md-120-plus {
        margin-bottom: 120px!important
    }
    .mb-md-140-plus {
        margin-bottom: 140px!important
    }
    .mb-md-160-plus {
        margin-bottom: 160px!important
    }
    .mb-md-330-plus {
        margin-bottom: 330px!important
    }
    .ml-md--50-plus {
        margin-left: -50px!important
    }
    .ml-md--45-plus {
        margin-left: -45px!important
    }
    .ml-md--40-plus {
        margin-left: -40px!important
    }
    .ml-md--35-plus {
        margin-left: -35px!important
    }
    .ml-md--30-plus {
        margin-left: -30px!important
    }
    .ml-md--25-plus {
        margin-left: -25px!important
    }
    .ml-md--20-plus {
        margin-left: -20px!important
    }
    .ml-md--15-plus {
        margin-left: -15px!important
    }
    .ml-md--10-plus {
        margin-left: -10px!important
    }
    .ml-md--5-plus {
        margin-left: -5px!important
    }
    .ml-md--2-plus {
        margin-left: -2px!important
    }
    .ml-md--1-plus {
        margin-left: -1px!important
    }
    .ml-md-0-plus {
        margin-left: 0!important
    }
    .ml-md-2-plus {
        margin-left: 2px!important
    }
    .ml-md-3-plus {
        margin-left: 3px!important
    }
    .ml-md-4-plus {
        margin-left: 4px!important
    }
    .ml-md-5-plus {
        margin-left: 5px!important
    }
    .ml-md-6-plus {
        margin-left: 6px!important
    }
    .ml-md-10-plus {
        margin-left: 10px!important
    }
    .ml-md-11-plus {
        margin-left: 11px!important
    }
    .ml-md-15-plus {
        margin-left: 15px!important
    }
    .ml-md-20-plus {
        margin-left: 20px!important
    }
    .ml-md-25-plus {
        margin-left: 25px!important
    }
    .ml-md-30-plus {
        margin-left: 30px!important
    }
    .ml-md-35-plus {
        margin-left: 35px!important
    }
    .ml-md-40-plus {
        margin-left: 40px!important
    }
    .ml-md-45-plus {
        margin-left: 45px!important
    }
    .ml-md-50-plus {
        margin-left: 50px!important
    }
    .ml-md-55-plus {
        margin-left: 55px!important
    }
    .ml-md-60-plus {
        margin-left: 60px!important
    }
    .ml-md-65-plus {
        margin-left: 65px!important
    }
    .ml-md-70-plus {
        margin-left: 70px!important
    }
    .ml-md-75-plus {
        margin-left: 75px!important
    }
    .ml-md-80-plus {
        margin-left: 80px!important
    }
    .ml-md-85-plus {
        margin-left: 85px!important
    }
    .ml-md-90-plus {
        margin-left: 90px!important
    }
    .ml-md-95-plus {
        margin-left: 95px!important
    }
    .ml-md-100-plus {
        margin-left: 100px!important
    }
    .ml-md-120-plus {
        margin-left: 120px!important
    }
    .ml-md-140-plus {
        margin-left: 140px!important
    }
    .ml-md-160-plus {
        margin-left: 160px!important
    }
    .ml-md-330-plus {
        margin-left: 330px!important
    }
}

@media (min-width:1200px) {
    .mar-lg--50-plus {
        margin: -50px!important
    }
    .mar-lg--45-plus {
        margin: -45px!important
    }
    .mar-lg--40-plus {
        margin: -40px!important
    }
    .mar-lg--35-plus {
        margin: -35px!important
    }
    .mar-lg--30-plus {
        margin: -30px!important
    }
    .mar-lg--25-plus {
        margin: -25px!important
    }
    .mar-lg--20-plus {
        margin: -20px!important
    }
    .mar-lg--15-plus {
        margin: -15px!important
    }
    .mar-lg--10-plus {
        margin: -10px!important
    }
    .mar-lg--5-plus {
        margin: -5px!important
    }
    .mar-lg--2-plus {
        margin: -2px!important
    }
    .mar-lg--1-plus {
        margin: -1px!important
    }
    .mar-lg-0-plus {
        margin: 0!important
    }
    .mar-lg-2-plus {
        margin: 2px!important
    }
    .mar-lg-3-plus {
        margin: 3px!important
    }
    .mar-lg-4-plus {
        margin: 4px!important
    }
    .mar-lg-5-plus {
        margin: 5px!important
    }
    .mar-lg-6-plus {
        margin: 6px!important
    }
    .mar-lg-10-plus {
        margin: 10px!important
    }
    .mar-lg-11-plus {
        margin: 11px!important
    }
    .mar-lg-15-plus {
        margin: 15px!important
    }
    .mar-lg-20-plus {
        margin: 20px!important
    }
    .mar-lg-25-plus {
        margin: 25px!important
    }
    .mar-lg-30-plus {
        margin: 30px!important
    }
    .mar-lg-35-plus {
        margin: 35px!important
    }
    .mar-lg-40-plus {
        margin: 40px!important
    }
    .mar-lg-45-plus {
        margin: 45px!important
    }
    .mar-lg-50-plus {
        margin: 50px!important
    }
    .mar-lg-55-plus {
        margin: 55px!important
    }
    .mar-lg-60-plus {
        margin: 60px!important
    }
    .mar-lg-65-plus {
        margin: 65px!important
    }
    .mar-lg-70-plus {
        margin: 70px!important
    }
    .mar-lg-75-plus {
        margin: 75px!important
    }
    .mar-lg-80-plus {
        margin: 80px!important
    }
    .mar-lg-85-plus {
        margin: 85px!important
    }
    .mar-lg-90-plus {
        margin: 90px!important
    }
    .mar-lg-95-plus {
        margin: 95px!important
    }
    .mar-lg-100-plus {
        margin: 100px!important
    }
    .mar-lg-120-plus {
        margin: 120px!important
    }
    .mar-lg-140-plus {
        margin: 140px!important
    }
    .mar-lg-160-plus {
        margin: 160px!important
    }
    .mar-lg-330-plus {
        margin: 330px!important
    }
    .mt-lg--50-plus {
        margin-top: -50px!important
    }
    .mt-lg--45-plus {
        margin-top: -45px!important
    }
    .mt-lg--40-plus {
        margin-top: -40px!important
    }
    .mt-lg--35-plus {
        margin-top: -35px!important
    }
    .mt-lg--30-plus {
        margin-top: -30px!important
    }
    .mt-lg--25-plus {
        margin-top: -25px!important
    }
    .mt-lg--20-plus {
        margin-top: -20px!important
    }
    .mt-lg--15-plus {
        margin-top: -15px!important
    }
    .mt-lg--10-plus {
        margin-top: -10px!important
    }
    .mt-lg--5-plus {
        margin-top: -5px!important
    }
    .mt-lg--2-plus {
        margin-top: -2px!important
    }
    .mt-lg--1-plus {
        margin-top: -1px!important
    }
    .mt-lg-0-plus {
        margin-top: 0!important
    }
    .mt-lg-2-plus {
        margin-top: 2px!important
    }
    .mt-lg-3-plus {
        margin-top: 3px!important
    }
    .mt-lg-4-plus {
        margin-top: 4px!important
    }
    .mt-lg-5-plus {
        margin-top: 5px!important
    }
    .mt-lg-6-plus {
        margin-top: 6px!important
    }
    .mt-lg-10-plus {
        margin-top: 10px!important
    }
    .mt-lg-11-plus {
        margin-top: 11px!important
    }
    .mt-lg-15-plus {
        margin-top: 15px!important
    }
    .mt-lg-20-plus {
        margin-top: 20px!important
    }
    .mt-lg-25-plus {
        margin-top: 25px!important
    }
    .mt-lg-30-plus {
        margin-top: 30px!important
    }
    .mt-lg-35-plus {
        margin-top: 35px!important
    }
    .mt-lg-40-plus {
        margin-top: 40px!important
    }
    .mt-lg-45-plus {
        margin-top: 45px!important
    }
    .mt-lg-50-plus {
        margin-top: 50px!important
    }
    .mt-lg-55-plus {
        margin-top: 55px!important
    }
    .mt-lg-60-plus {
        margin-top: 60px!important
    }
    .mt-lg-65-plus {
        margin-top: 65px!important
    }
    .mt-lg-70-plus {
        margin-top: 70px!important
    }
    .mt-lg-75-plus {
        margin-top: 75px!important
    }
    .mt-lg-80-plus {
        margin-top: 80px!important
    }
    .mt-lg-85-plus {
        margin-top: 85px!important
    }
    .mt-lg-90-plus {
        margin-top: 90px!important
    }
    .mt-lg-95-plus {
        margin-top: 95px!important
    }
    .mt-lg-100-plus {
        margin-top: 100px!important
    }
    .mt-lg-120-plus {
        margin-top: 120px!important
    }
    .mt-lg-140-plus {
        margin-top: 140px!important
    }
    .mt-lg-160-plus {
        margin-top: 160px!important
    }
    .mt-lg-330-plus {
        margin-top: 330px!important
    }
    .mr-lg--50-plus {
        margin-right: -50px!important
    }
    .mr-lg--45-plus {
        margin-right: -45px!important
    }
    .mr-lg--40-plus {
        margin-right: -40px!important
    }
    .mr-lg--35-plus {
        margin-right: -35px!important
    }
    .mr-lg--30-plus {
        margin-right: -30px!important
    }
    .mr-lg--25-plus {
        margin-right: -25px!important
    }
    .mr-lg--20-plus {
        margin-right: -20px!important
    }
    .mr-lg--15-plus {
        margin-right: -15px!important
    }
    .mr-lg--10-plus {
        margin-right: -10px!important
    }
    .mr-lg--5-plus {
        margin-right: -5px!important
    }
    .mr-lg--2-plus {
        margin-right: -2px!important
    }
    .mr-lg--1-plus {
        margin-right: -1px!important
    }
    .mr-lg-0-plus {
        margin-right: 0!important
    }
    .mr-lg-2-plus {
        margin-right: 2px!important
    }
    .mr-lg-3-plus {
        margin-right: 3px!important
    }
    .mr-lg-4-plus {
        margin-right: 4px!important
    }
    .mr-lg-5-plus {
        margin-right: 5px!important
    }
    .mr-lg-6-plus {
        margin-right: 6px!important
    }
    .mr-lg-10-plus {
        margin-right: 10px!important
    }
    .mr-lg-11-plus {
        margin-right: 11px!important
    }
    .mr-lg-15-plus {
        margin-right: 15px!important
    }
    .mr-lg-20-plus {
        margin-right: 20px!important
    }
    .mr-lg-25-plus {
        margin-right: 25px!important
    }
    .mr-lg-30-plus {
        margin-right: 30px!important
    }
    .mr-lg-35-plus {
        margin-right: 35px!important
    }
    .mr-lg-40-plus {
        margin-right: 40px!important
    }
    .mr-lg-45-plus {
        margin-right: 45px!important
    }
    .mr-lg-50-plus {
        margin-right: 50px!important
    }
    .mr-lg-55-plus {
        margin-right: 55px!important
    }
    .mr-lg-60-plus {
        margin-right: 60px!important
    }
    .mr-lg-65-plus {
        margin-right: 65px!important
    }
    .mr-lg-70-plus {
        margin-right: 70px!important
    }
    .mr-lg-75-plus {
        margin-right: 75px!important
    }
    .mr-lg-80-plus {
        margin-right: 80px!important
    }
    .mr-lg-85-plus {
        margin-right: 85px!important
    }
    .mr-lg-90-plus {
        margin-right: 90px!important
    }
    .mr-lg-95-plus {
        margin-right: 95px!important
    }
    .mr-lg-100-plus {
        margin-right: 100px!important
    }
    .mr-lg-120-plus {
        margin-right: 120px!important
    }
    .mr-lg-140-plus {
        margin-right: 140px!important
    }
    .mr-lg-160-plus {
        margin-right: 160px!important
    }
    .mr-lg-330-plus {
        margin-right: 330px!important
    }
    .mb-lg--50-plus {
        margin-bottom: -50px!important
    }
    .mb-lg--45-plus {
        margin-bottom: -45px!important
    }
    .mb-lg--40-plus {
        margin-bottom: -40px!important
    }
    .mb-lg--35-plus {
        margin-bottom: -35px!important
    }
    .mb-lg--30-plus {
        margin-bottom: -30px!important
    }
    .mb-lg--25-plus {
        margin-bottom: -25px!important
    }
    .mb-lg--20-plus {
        margin-bottom: -20px!important
    }
    .mb-lg--15-plus {
        margin-bottom: -15px!important
    }
    .mb-lg--10-plus {
        margin-bottom: -10px!important
    }
    .mb-lg--5-plus {
        margin-bottom: -5px!important
    }
    .mb-lg--2-plus {
        margin-bottom: -2px!important
    }
    .mb-lg--1-plus {
        margin-bottom: -1px!important
    }
    .mb-lg-0-plus {
        margin-bottom: 0!important
    }
    .mb-lg-2-plus {
        margin-bottom: 2px!important
    }
    .mb-lg-3-plus {
        margin-bottom: 3px!important
    }
    .mb-lg-4-plus {
        margin-bottom: 4px!important
    }
    .mb-lg-5-plus {
        margin-bottom: 5px!important
    }
    .mb-lg-6-plus {
        margin-bottom: 6px!important
    }
    .mb-lg-10-plus {
        margin-bottom: 10px!important
    }
    .mb-lg-11-plus {
        margin-bottom: 11px!important
    }
    .mb-lg-15-plus {
        margin-bottom: 15px!important
    }
    .mb-lg-20-plus {
        margin-bottom: 20px!important
    }
    .mb-lg-25-plus {
        margin-bottom: 25px!important
    }
    .mb-lg-30-plus {
        margin-bottom: 30px!important
    }
    .mb-lg-35-plus {
        margin-bottom: 35px!important
    }
    .mb-lg-40-plus {
        margin-bottom: 40px!important
    }
    .mb-lg-45-plus {
        margin-bottom: 45px!important
    }
    .mb-lg-50-plus {
        margin-bottom: 50px!important
    }
    .mb-lg-55-plus {
        margin-bottom: 55px!important
    }
    .mb-lg-60-plus {
        margin-bottom: 60px!important
    }
    .mb-lg-65-plus {
        margin-bottom: 65px!important
    }
    .mb-lg-70-plus {
        margin-bottom: 70px!important
    }
    .mb-lg-75-plus {
        margin-bottom: 75px!important
    }
    .mb-lg-80-plus {
        margin-bottom: 80px!important
    }
    .mb-lg-85-plus {
        margin-bottom: 85px!important
    }
    .mb-lg-90-plus {
        margin-bottom: 90px!important
    }
    .mb-lg-95-plus {
        margin-bottom: 95px!important
    }
    .mb-lg-100-plus {
        margin-bottom: 100px!important
    }
    .mb-lg-120-plus {
        margin-bottom: 120px!important
    }
    .mb-lg-140-plus {
        margin-bottom: 140px!important
    }
    .mb-lg-160-plus {
        margin-bottom: 160px!important
    }
    .mb-lg-330-plus {
        margin-bottom: 330px!important
    }
    .ml-lg--50-plus {
        margin-left: -50px!important
    }
    .ml-lg--45-plus {
        margin-left: -45px!important
    }
    .ml-lg--40-plus {
        margin-left: -40px!important
    }
    .ml-lg--35-plus {
        margin-left: -35px!important
    }
    .ml-lg--30-plus {
        margin-left: -30px!important
    }
    .ml-lg--25-plus {
        margin-left: -25px!important
    }
    .ml-lg--20-plus {
        margin-left: -20px!important
    }
    .ml-lg--15-plus {
        margin-left: -15px!important
    }
    .ml-lg--10-plus {
        margin-left: -10px!important
    }
    .ml-lg--5-plus {
        margin-left: -5px!important
    }
    .ml-lg--2-plus {
        margin-left: -2px!important
    }
    .ml-lg--1-plus {
        margin-left: -1px!important
    }
    .ml-lg-0-plus {
        margin-left: 0!important
    }
    .ml-lg-2-plus {
        margin-left: 2px!important
    }
    .ml-lg-3-plus {
        margin-left: 3px!important
    }
    .ml-lg-4-plus {
        margin-left: 4px!important
    }
    .ml-lg-5-plus {
        margin-left: 5px!important
    }
    .ml-lg-6-plus {
        margin-left: 6px!important
    }
    .ml-lg-10-plus {
        margin-left: 10px!important
    }
    .ml-lg-11-plus {
        margin-left: 11px!important
    }
    .ml-lg-15-plus {
        margin-left: 15px!important
    }
    .ml-lg-20-plus {
        margin-left: 20px!important
    }
    .ml-lg-25-plus {
        margin-left: 25px!important
    }
    .ml-lg-30-plus {
        margin-left: 30px!important
    }
    .ml-lg-35-plus {
        margin-left: 35px!important
    }
    .ml-lg-40-plus {
        margin-left: 40px!important
    }
    .ml-lg-45-plus {
        margin-left: 45px!important
    }
    .ml-lg-50-plus {
        margin-left: 50px!important
    }
    .ml-lg-55-plus {
        margin-left: 55px!important
    }
    .ml-lg-60-plus {
        margin-left: 60px!important
    }
    .ml-lg-65-plus {
        margin-left: 65px!important
    }
    .ml-lg-70-plus {
        margin-left: 70px!important
    }
    .ml-lg-75-plus {
        margin-left: 75px!important
    }
    .ml-lg-80-plus {
        margin-left: 80px!important
    }
    .ml-lg-85-plus {
        margin-left: 85px!important
    }
    .ml-lg-90-plus {
        margin-left: 90px!important
    }
    .ml-lg-95-plus {
        margin-left: 95px!important
    }
    .ml-lg-100-plus {
        margin-left: 100px!important
    }
    .ml-lg-120-plus {
        margin-left: 120px!important
    }
    .ml-lg-140-plus {
        margin-left: 140px!important
    }
    .ml-lg-160-plus {
        margin-left: 160px!important
    }
    .ml-lg-330-plus {
        margin-left: 330px!important
    }
}

.pad--50 {
    padding: -50px!important
}

.pad--45 {
    padding: -45px!important
}

.pad--40 {
    padding: -40px!important
}

.pad--35 {
    padding: -35px!important
}

.pad--30 {
    padding: -30px!important
}

.pad--25 {
    padding: -25px!important
}

.pad--20 {
    padding: -20px!important
}

.pad--15 {
    padding: -15px!important
}

.pad--10 {
    padding: -10px!important
}

.pad--5 {
    padding: -5px!important
}

.pad--2 {
    padding: -2px!important
}

.pad--1 {
    padding: -1px!important
}

.pad-0 {
    padding: 0!important
}

.pad-2 {
    padding: 2px!important
}

.pad-3 {
    padding: 3px!important
}

.pad-4 {
    padding: 4px!important
}

.pad-5 {
    padding: 5px!important
}

.pad-6 {
    padding: 6px!important
}

.pad-10 {
    padding: 10px!important
}

.pad-11 {
    padding: 11px!important
}

.pad-15 {
    padding: 15px!important
}

.pad-20 {
    padding: 20px!important
}

.pad-25 {
    padding: 25px!important
}

.pad-30 {
    padding: 30px!important
}

.pad-35 {
    padding: 35px!important
}

.pad-40 {
    padding: 40px!important
}

.pad-45 {
    padding: 45px!important
}

.pad-50 {
    padding: 50px!important
}

.pad-55 {
    padding: 55px!important
}

.pad-60 {
    padding: 60px!important
}

.pad-65 {
    padding: 65px!important
}

.pad-70 {
    padding: 70px!important
}

.pad-75 {
    padding: 75px!important
}

.pad-80 {
    padding: 80px!important
}

.pad-85 {
    padding: 85px!important
}

.pad-90 {
    padding: 90px!important
}

.pad-95 {
    padding: 95px!important
}

.pad-100 {
    padding: 100px!important
}

.pad-120 {
    padding: 120px!important
}

.pad-140 {
    padding: 140px!important
}

.pad-160 {
    padding: 160px!important
}

.pad-330 {
    padding: 330px!important
}

.pt--50 {
    padding-top: -50px!important
}

.pt--45 {
    padding-top: -45px!important
}

.pt--40 {
    padding-top: -40px!important
}

.pt--35 {
    padding-top: -35px!important
}

.pt--30 {
    padding-top: -30px!important
}

.pt--25 {
    padding-top: -25px!important
}

.pt--20 {
    padding-top: -20px!important
}

.pt--15 {
    padding-top: -15px!important
}

.pt--10 {
    padding-top: -10px!important
}

.pt--5 {
    padding-top: -5px!important
}

.pt--2 {
    padding-top: -2px!important
}

.pt--1 {
    padding-top: -1px!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-2 {
    padding-top: 2px!important
}

.pt-3 {
    padding-top: 3px!important
}

.pt-4 {
    padding-top: 4px!important
}

.pt-5 {
    padding-top: 5px!important
}

.pt-6 {
    padding-top: 6px!important
}

.pt-10 {
    padding-top: 10px!important
}

.pt-11 {
    padding-top: 11px!important
}

.pt-15 {
    padding-top: 15px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pt-25 {
    padding-top: 25px!important
}

.pt-30 {
    padding-top: 30px!important
}

.pt-35 {
    padding-top: 35px!important
}

.pt-40 {
    padding-top: 40px!important
}

.pt-45 {
    padding-top: 45px!important
}

.pt-50 {
    padding-top: 50px!important
}

.pt-55 {
    padding-top: 55px!important
}

.pt-60 {
    padding-top: 60px!important
}

.pt-65 {
    padding-top: 65px!important
}

.pt-70 {
    padding-top: 70px!important
}

.pt-75 {
    padding-top: 75px!important
}

.pt-80 {
    padding-top: 80px!important
}

.pt-85 {
    padding-top: 85px!important
}

.pt-90 {
    padding-top: 90px!important
}

.pt-95 {
    padding-top: 95px!important
}

.pt-100 {
    padding-top: 100px!important
}

.pt-120 {
    padding-top: 120px!important
}

.pt-140 {
    padding-top: 140px!important
}

.pt-160 {
    padding-top: 160px!important
}

.pt-330 {
    padding-top: 330px!important
}

.pr--50 {
    padding-right: -50px!important
}

.pr--45 {
    padding-right: -45px!important
}

.pr--40 {
    padding-right: -40px!important
}

.pr--35 {
    padding-right: -35px!important
}

.pr--30 {
    padding-right: -30px!important
}

.pr--25 {
    padding-right: -25px!important
}

.pr--20 {
    padding-right: -20px!important
}

.pr--15 {
    padding-right: -15px!important
}

.pr--10 {
    padding-right: -10px!important
}

.pr--5 {
    padding-right: -5px!important
}

.pr--2 {
    padding-right: -2px!important
}

.pr--1 {
    padding-right: -1px!important
}

.pr-0 {
    padding-right: 0!important
}

.pr-2 {
    padding-right: 2px!important
}

.pr-3 {
    padding-right: 3px!important
}

.pr-4 {
    padding-right: 4px!important
}

.pr-5 {
    padding-right: 5px!important
}

.pr-6 {
    padding-right: 6px!important
}

.pr-10 {
    padding-right: 10px!important
}

.pr-11 {
    padding-right: 11px!important
}

.pr-15 {
    padding-right: 15px!important
}

.pr-20 {
    padding-right: 20px!important
}

.pr-25 {
    padding-right: 25px!important
}

.pr-30 {
    padding-right: 30px!important
}

.pr-35 {
    padding-right: 35px!important
}

.pr-40 {
    padding-right: 40px!important
}

.pr-45 {
    padding-right: 45px!important
}

.pr-50 {
    padding-right: 50px!important
}

.pr-55 {
    padding-right: 55px!important
}

.pr-60 {
    padding-right: 60px!important
}

.pr-65 {
    padding-right: 65px!important
}

.pr-70 {
    padding-right: 70px!important
}

.pr-75 {
    padding-right: 75px!important
}

.pr-80 {
    padding-right: 80px!important
}

.pr-85 {
    padding-right: 85px!important
}

.pr-90 {
    padding-right: 90px!important
}

.pr-95 {
    padding-right: 95px!important
}

.pr-100 {
    padding-right: 100px!important
}

.pr-120 {
    padding-right: 120px!important
}

.pr-140 {
    padding-right: 140px!important
}

.pr-160 {
    padding-right: 160px!important
}

.pr-330 {
    padding-right: 330px!important
}

.pb--50 {
    padding-bottom: -50px!important
}

.pb--45 {
    padding-bottom: -45px!important
}

.pb--40 {
    padding-bottom: -40px!important
}

.pb--35 {
    padding-bottom: -35px!important
}

.pb--30 {
    padding-bottom: -30px!important
}

.pb--25 {
    padding-bottom: -25px!important
}

.pb--20 {
    padding-bottom: -20px!important
}

.pb--15 {
    padding-bottom: -15px!important
}

.pb--10 {
    padding-bottom: -10px!important
}

.pb--5 {
    padding-bottom: -5px!important
}

.pb--2 {
    padding-bottom: -2px!important
}

.pb--1 {
    padding-bottom: -1px!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-2 {
    padding-bottom: 2px!important
}

.pb-3 {
    padding-bottom: 3px!important
}

.pb-4 {
    padding-bottom: 4px!important
}

.pb-5 {
    padding-bottom: 5px!important
}

.pb-6 {
    padding-bottom: 6px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.pb-11 {
    padding-bottom: 11px!important
}

.pb-15 {
    padding-bottom: 15px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.pb-35 {
    padding-bottom: 35px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.pb-45 {
    padding-bottom: 45px!important
}

.pb-50 {
    padding-bottom: 50px!important
}

.pb-55 {
    padding-bottom: 55px!important
}

.pb-60 {
    padding-bottom: 60px!important
}

.pb-65 {
    padding-bottom: 65px!important
}

.pb-70 {
    padding-bottom: 70px!important
}

.pb-75 {
    padding-bottom: 75px!important
}

.pb-80 {
    padding-bottom: 80px!important
}

.pb-85 {
    padding-bottom: 85px!important
}

.pb-90 {
    padding-bottom: 90px!important
}

.pb-95 {
    padding-bottom: 95px!important
}

.pb-100 {
    padding-bottom: 100px!important
}

.pb-120 {
    padding-bottom: 120px!important
}

.pb-140 {
    padding-bottom: 140px!important
}

.pb-160 {
    padding-bottom: 160px!important
}

.pb-330 {
    padding-bottom: 330px!important
}

.pl--50 {
    padding-left: -50px!important
}

.pl--45 {
    padding-left: -45px!important
}

.pl--40 {
    padding-left: -40px!important
}

.pl--35 {
    padding-left: -35px!important
}

.pl--30 {
    padding-left: -30px!important
}

.pl--25 {
    padding-left: -25px!important
}

.pl--20 {
    padding-left: -20px!important
}

.pl--15 {
    padding-left: -15px!important
}

.pl--10 {
    padding-left: -10px!important
}

.pl--5 {
    padding-left: -5px!important
}

.pl--2 {
    padding-left: -2px!important
}

.pl--1 {
    padding-left: -1px!important
}

.pl-0 {
    padding-left: 0!important
}

.pl-2 {
    padding-left: 2px!important
}

.pl-3 {
    padding-left: 3px!important
}

.pl-4 {
    padding-left: 4px!important
}

.pl-5 {
    padding-left: 5px!important
}

.pl-6 {
    padding-left: 6px!important
}

.pl-10 {
    padding-left: 10px!important
}

.pl-11 {
    padding-left: 11px!important
}

.pl-15 {
    padding-left: 15px!important
}

.pl-20 {
    padding-left: 20px!important
}

.pl-25 {
    padding-left: 25px!important
}

.pl-30 {
    padding-left: 30px!important
}

.pl-35 {
    padding-left: 35px!important
}

.pl-40 {
    padding-left: 40px!important
}

.pl-45 {
    padding-left: 45px!important
}

.pl-50 {
    padding-left: 50px!important
}

.pl-55 {
    padding-left: 55px!important
}

.pl-60 {
    padding-left: 60px!important
}

.pl-65 {
    padding-left: 65px!important
}

.pl-70 {
    padding-left: 70px!important
}

.pl-75 {
    padding-left: 75px!important
}

.pl-80 {
    padding-left: 80px!important
}

.pl-85 {
    padding-left: 85px!important
}

.pl-90 {
    padding-left: 90px!important
}

.pl-95 {
    padding-left: 95px!important
}

.pl-100 {
    padding-left: 100px!important
}

.pl-120 {
    padding-left: 120px!important
}

.pl-140 {
    padding-left: 140px!important
}

.pl-160 {
    padding-left: 160px!important
}

.pl-330 {
    padding-left: 330px!important
}

@media (max-width:767px) {
    .pad-xs--50 {
        padding: -50px!important
    }
    .pad-xs--45 {
        padding: -45px!important
    }
    .pad-xs--40 {
        padding: -40px!important
    }
    .pad-xs--35 {
        padding: -35px!important
    }
    .pad-xs--30 {
        padding: -30px!important
    }
    .pad-xs--25 {
        padding: -25px!important
    }
    .pad-xs--20 {
        padding: -20px!important
    }
    .pad-xs--15 {
        padding: -15px!important
    }
    .pad-xs--10 {
        padding: -10px!important
    }
    .pad-xs--5 {
        padding: -5px!important
    }
    .pad-xs--2 {
        padding: -2px!important
    }
    .pad-xs--1 {
        padding: -1px!important
    }
    .pad-xs-0 {
        padding: 0!important
    }
    .pad-xs-2 {
        padding: 2px!important
    }
    .pad-xs-3 {
        padding: 3px!important
    }
    .pad-xs-4 {
        padding: 4px!important
    }
    .pad-xs-5 {
        padding: 5px!important
    }
    .pad-xs-6 {
        padding: 6px!important
    }
    .pad-xs-10 {
        padding: 10px!important
    }
    .pad-xs-11 {
        padding: 11px!important
    }
    .pad-xs-15 {
        padding: 15px!important
    }
    .pad-xs-20 {
        padding: 20px!important
    }
    .pad-xs-25 {
        padding: 25px!important
    }
    .pad-xs-30 {
        padding: 30px!important
    }
    .pad-xs-35 {
        padding: 35px!important
    }
    .pad-xs-40 {
        padding: 40px!important
    }
    .pad-xs-45 {
        padding: 45px!important
    }
    .pad-xs-50 {
        padding: 50px!important
    }
    .pad-xs-55 {
        padding: 55px!important
    }
    .pad-xs-60 {
        padding: 60px!important
    }
    .pad-xs-65 {
        padding: 65px!important
    }
    .pad-xs-70 {
        padding: 70px!important
    }
    .pad-xs-75 {
        padding: 75px!important
    }
    .pad-xs-80 {
        padding: 80px!important
    }
    .pad-xs-85 {
        padding: 85px!important
    }
    .pad-xs-90 {
        padding: 90px!important
    }
    .pad-xs-95 {
        padding: 95px!important
    }
    .pad-xs-100 {
        padding: 100px!important
    }
    .pad-xs-120 {
        padding: 120px!important
    }
    .pad-xs-140 {
        padding: 140px!important
    }
    .pad-xs-160 {
        padding: 160px!important
    }
    .pad-xs-330 {
        padding: 330px!important
    }
    .pt-xs--50 {
        padding-top: -50px!important
    }
    .pt-xs--45 {
        padding-top: -45px!important
    }
    .pt-xs--40 {
        padding-top: -40px!important
    }
    .pt-xs--35 {
        padding-top: -35px!important
    }
    .pt-xs--30 {
        padding-top: -30px!important
    }
    .pt-xs--25 {
        padding-top: -25px!important
    }
    .pt-xs--20 {
        padding-top: -20px!important
    }
    .pt-xs--15 {
        padding-top: -15px!important
    }
    .pt-xs--10 {
        padding-top: -10px!important
    }
    .pt-xs--5 {
        padding-top: -5px!important
    }
    .pt-xs--2 {
        padding-top: -2px!important
    }
    .pt-xs--1 {
        padding-top: -1px!important
    }
    .pt-xs-0 {
        padding-top: 0!important
    }
    .pt-xs-2 {
        padding-top: 2px!important
    }
    .pt-xs-3 {
        padding-top: 3px!important
    }
    .pt-xs-4 {
        padding-top: 4px!important
    }
    .pt-xs-5 {
        padding-top: 5px!important
    }
    .pt-xs-6 {
        padding-top: 6px!important
    }
    .pt-xs-10 {
        padding-top: 10px!important
    }
    .pt-xs-11 {
        padding-top: 11px!important
    }
    .pt-xs-15 {
        padding-top: 15px!important
    }
    .pt-xs-20 {
        padding-top: 20px!important
    }
    .pt-xs-25 {
        padding-top: 25px!important
    }
    .pt-xs-30 {
        padding-top: 30px!important
    }
    .pt-xs-35 {
        padding-top: 35px!important
    }
    .pt-xs-40 {
        padding-top: 40px!important
    }
    .pt-xs-45 {
        padding-top: 45px!important
    }
    .pt-xs-50 {
        padding-top: 50px!important
    }
    .pt-xs-55 {
        padding-top: 55px!important
    }
    .pt-xs-60 {
        padding-top: 60px!important
    }
    .pt-xs-65 {
        padding-top: 65px!important
    }
    .pt-xs-70 {
        padding-top: 70px!important
    }
    .pt-xs-75 {
        padding-top: 75px!important
    }
    .pt-xs-80 {
        padding-top: 80px!important
    }
    .pt-xs-85 {
        padding-top: 85px!important
    }
    .pt-xs-90 {
        padding-top: 90px!important
    }
    .pt-xs-95 {
        padding-top: 95px!important
    }
    .pt-xs-100 {
        padding-top: 100px!important
    }
    .pt-xs-120 {
        padding-top: 120px!important
    }
    .pt-xs-140 {
        padding-top: 140px!important
    }
    .pt-xs-160 {
        padding-top: 160px!important
    }
    .pt-xs-330 {
        padding-top: 330px!important
    }
    .pr-xs--50 {
        padding-right: -50px!important
    }
    .pr-xs--45 {
        padding-right: -45px!important
    }
    .pr-xs--40 {
        padding-right: -40px!important
    }
    .pr-xs--35 {
        padding-right: -35px!important
    }
    .pr-xs--30 {
        padding-right: -30px!important
    }
    .pr-xs--25 {
        padding-right: -25px!important
    }
    .pr-xs--20 {
        padding-right: -20px!important
    }
    .pr-xs--15 {
        padding-right: -15px!important
    }
    .pr-xs--10 {
        padding-right: -10px!important
    }
    .pr-xs--5 {
        padding-right: -5px!important
    }
    .pr-xs--2 {
        padding-right: -2px!important
    }
    .pr-xs--1 {
        padding-right: -1px!important
    }
    .pr-xs-0 {
        padding-right: 0!important
    }
    .pr-xs-2 {
        padding-right: 2px!important
    }
    .pr-xs-3 {
        padding-right: 3px!important
    }
    .pr-xs-4 {
        padding-right: 4px!important
    }
    .pr-xs-5 {
        padding-right: 5px!important
    }
    .pr-xs-6 {
        padding-right: 6px!important
    }
    .pr-xs-10 {
        padding-right: 10px!important
    }
    .pr-xs-11 {
        padding-right: 11px!important
    }
    .pr-xs-15 {
        padding-right: 15px!important
    }
    .pr-xs-20 {
        padding-right: 20px!important
    }
    .pr-xs-25 {
        padding-right: 25px!important
    }
    .pr-xs-30 {
        padding-right: 30px!important
    }
    .pr-xs-35 {
        padding-right: 35px!important
    }
    .pr-xs-40 {
        padding-right: 40px!important
    }
    .pr-xs-45 {
        padding-right: 45px!important
    }
    .pr-xs-50 {
        padding-right: 50px!important
    }
    .pr-xs-55 {
        padding-right: 55px!important
    }
    .pr-xs-60 {
        padding-right: 60px!important
    }
    .pr-xs-65 {
        padding-right: 65px!important
    }
    .pr-xs-70 {
        padding-right: 70px!important
    }
    .pr-xs-75 {
        padding-right: 75px!important
    }
    .pr-xs-80 {
        padding-right: 80px!important
    }
    .pr-xs-85 {
        padding-right: 85px!important
    }
    .pr-xs-90 {
        padding-right: 90px!important
    }
    .pr-xs-95 {
        padding-right: 95px!important
    }
    .pr-xs-100 {
        padding-right: 100px!important
    }
    .pr-xs-120 {
        padding-right: 120px!important
    }
    .pr-xs-140 {
        padding-right: 140px!important
    }
    .pr-xs-160 {
        padding-right: 160px!important
    }
    .pr-xs-330 {
        padding-right: 330px!important
    }
    .pb-xs--50 {
        padding-bottom: -50px!important
    }
    .pb-xs--45 {
        padding-bottom: -45px!important
    }
    .pb-xs--40 {
        padding-bottom: -40px!important
    }
    .pb-xs--35 {
        padding-bottom: -35px!important
    }
    .pb-xs--30 {
        padding-bottom: -30px!important
    }
    .pb-xs--25 {
        padding-bottom: -25px!important
    }
    .pb-xs--20 {
        padding-bottom: -20px!important
    }
    .pb-xs--15 {
        padding-bottom: -15px!important
    }
    .pb-xs--10 {
        padding-bottom: -10px!important
    }
    .pb-xs--5 {
        padding-bottom: -5px!important
    }
    .pb-xs--2 {
        padding-bottom: -2px!important
    }
    .pb-xs--1 {
        padding-bottom: -1px!important
    }
    .pb-xs-0 {
        padding-bottom: 0!important
    }
    .pb-xs-2 {
        padding-bottom: 2px!important
    }
    .pb-xs-3 {
        padding-bottom: 3px!important
    }
    .pb-xs-4 {
        padding-bottom: 4px!important
    }
    .pb-xs-5 {
        padding-bottom: 5px!important
    }
    .pb-xs-6 {
        padding-bottom: 6px!important
    }
    .pb-xs-10 {
        padding-bottom: 10px!important
    }
    .pb-xs-11 {
        padding-bottom: 11px!important
    }
    .pb-xs-15 {
        padding-bottom: 15px!important
    }
    .pb-xs-20 {
        padding-bottom: 20px!important
    }
    .pb-xs-25 {
        padding-bottom: 25px!important
    }
    .pb-xs-30 {
        padding-bottom: 30px!important
    }
    .pb-xs-35 {
        padding-bottom: 35px!important
    }
    .pb-xs-40 {
        padding-bottom: 40px!important
    }
    .pb-xs-45 {
        padding-bottom: 45px!important
    }
    .pb-xs-50 {
        padding-bottom: 50px!important
    }
    .pb-xs-55 {
        padding-bottom: 55px!important
    }
    .pb-xs-60 {
        padding-bottom: 60px!important
    }
    .pb-xs-65 {
        padding-bottom: 65px!important
    }
    .pb-xs-70 {
        padding-bottom: 70px!important
    }
    .pb-xs-75 {
        padding-bottom: 75px!important
    }
    .pb-xs-80 {
        padding-bottom: 80px!important
    }
    .pb-xs-85 {
        padding-bottom: 85px!important
    }
    .pb-xs-90 {
        padding-bottom: 90px!important
    }
    .pb-xs-95 {
        padding-bottom: 95px!important
    }
    .pb-xs-100 {
        padding-bottom: 100px!important
    }
    .pb-xs-120 {
        padding-bottom: 120px!important
    }
    .pb-xs-140 {
        padding-bottom: 140px!important
    }
    .pb-xs-160 {
        padding-bottom: 160px!important
    }
    .pb-xs-330 {
        padding-bottom: 330px!important
    }
    .pl-xs--50 {
        padding-left: -50px!important
    }
    .pl-xs--45 {
        padding-left: -45px!important
    }
    .pl-xs--40 {
        padding-left: -40px!important
    }
    .pl-xs--35 {
        padding-left: -35px!important
    }
    .pl-xs--30 {
        padding-left: -30px!important
    }
    .pl-xs--25 {
        padding-left: -25px!important
    }
    .pl-xs--20 {
        padding-left: -20px!important
    }
    .pl-xs--15 {
        padding-left: -15px!important
    }
    .pl-xs--10 {
        padding-left: -10px!important
    }
    .pl-xs--5 {
        padding-left: -5px!important
    }
    .pl-xs--2 {
        padding-left: -2px!important
    }
    .pl-xs--1 {
        padding-left: -1px!important
    }
    .pl-xs-0 {
        padding-left: 0!important
    }
    .pl-xs-2 {
        padding-left: 2px!important
    }
    .pl-xs-3 {
        padding-left: 3px!important
    }
    .pl-xs-4 {
        padding-left: 4px!important
    }
    .pl-xs-5 {
        padding-left: 5px!important
    }
    .pl-xs-6 {
        padding-left: 6px!important
    }
    .pl-xs-10 {
        padding-left: 10px!important
    }
    .pl-xs-11 {
        padding-left: 11px!important
    }
    .pl-xs-15 {
        padding-left: 15px!important
    }
    .pl-xs-20 {
        padding-left: 20px!important
    }
    .pl-xs-25 {
        padding-left: 25px!important
    }
    .pl-xs-30 {
        padding-left: 30px!important
    }
    .pl-xs-35 {
        padding-left: 35px!important
    }
    .pl-xs-40 {
        padding-left: 40px!important
    }
    .pl-xs-45 {
        padding-left: 45px!important
    }
    .pl-xs-50 {
        padding-left: 50px!important
    }
    .pl-xs-55 {
        padding-left: 55px!important
    }
    .pl-xs-60 {
        padding-left: 60px!important
    }
    .pl-xs-65 {
        padding-left: 65px!important
    }
    .pl-xs-70 {
        padding-left: 70px!important
    }
    .pl-xs-75 {
        padding-left: 75px!important
    }
    .pl-xs-80 {
        padding-left: 80px!important
    }
    .pl-xs-85 {
        padding-left: 85px!important
    }
    .pl-xs-90 {
        padding-left: 90px!important
    }
    .pl-xs-95 {
        padding-left: 95px!important
    }
    .pl-xs-100 {
        padding-left: 100px!important
    }
    .pl-xs-120 {
        padding-left: 120px!important
    }
    .pl-xs-140 {
        padding-left: 140px!important
    }
    .pl-xs-160 {
        padding-left: 160px!important
    }
    .pl-xs-330 {
        padding-left: 330px!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .pad-sm--50 {
        padding: -50px!important
    }
    .pad-sm--45 {
        padding: -45px!important
    }
    .pad-sm--40 {
        padding: -40px!important
    }
    .pad-sm--35 {
        padding: -35px!important
    }
    .pad-sm--30 {
        padding: -30px!important
    }
    .pad-sm--25 {
        padding: -25px!important
    }
    .pad-sm--20 {
        padding: -20px!important
    }
    .pad-sm--15 {
        padding: -15px!important
    }
    .pad-sm--10 {
        padding: -10px!important
    }
    .pad-sm--5 {
        padding: -5px!important
    }
    .pad-sm--2 {
        padding: -2px!important
    }
    .pad-sm--1 {
        padding: -1px!important
    }
    .pad-sm-0 {
        padding: 0!important
    }
    .pad-sm-2 {
        padding: 2px!important
    }
    .pad-sm-3 {
        padding: 3px!important
    }
    .pad-sm-4 {
        padding: 4px!important
    }
    .pad-sm-5 {
        padding: 5px!important
    }
    .pad-sm-6 {
        padding: 6px!important
    }
    .pad-sm-10 {
        padding: 10px!important
    }
    .pad-sm-11 {
        padding: 11px!important
    }
    .pad-sm-15 {
        padding: 15px!important
    }
    .pad-sm-20 {
        padding: 20px!important
    }
    .pad-sm-25 {
        padding: 25px!important
    }
    .pad-sm-30 {
        padding: 30px!important
    }
    .pad-sm-35 {
        padding: 35px!important
    }
    .pad-sm-40 {
        padding: 40px!important
    }
    .pad-sm-45 {
        padding: 45px!important
    }
    .pad-sm-50 {
        padding: 50px!important
    }
    .pad-sm-55 {
        padding: 55px!important
    }
    .pad-sm-60 {
        padding: 60px!important
    }
    .pad-sm-65 {
        padding: 65px!important
    }
    .pad-sm-70 {
        padding: 70px!important
    }
    .pad-sm-75 {
        padding: 75px!important
    }
    .pad-sm-80 {
        padding: 80px!important
    }
    .pad-sm-85 {
        padding: 85px!important
    }
    .pad-sm-90 {
        padding: 90px!important
    }
    .pad-sm-95 {
        padding: 95px!important
    }
    .pad-sm-100 {
        padding: 100px!important
    }
    .pad-sm-120 {
        padding: 120px!important
    }
    .pad-sm-140 {
        padding: 140px!important
    }
    .pad-sm-160 {
        padding: 160px!important
    }
    .pad-sm-330 {
        padding: 330px!important
    }
    .pt-sm--50 {
        padding-top: -50px!important
    }
    .pt-sm--45 {
        padding-top: -45px!important
    }
    .pt-sm--40 {
        padding-top: -40px!important
    }
    .pt-sm--35 {
        padding-top: -35px!important
    }
    .pt-sm--30 {
        padding-top: -30px!important
    }
    .pt-sm--25 {
        padding-top: -25px!important
    }
    .pt-sm--20 {
        padding-top: -20px!important
    }
    .pt-sm--15 {
        padding-top: -15px!important
    }
    .pt-sm--10 {
        padding-top: -10px!important
    }
    .pt-sm--5 {
        padding-top: -5px!important
    }
    .pt-sm--2 {
        padding-top: -2px!important
    }
    .pt-sm--1 {
        padding-top: -1px!important
    }
    .pt-sm-0 {
        padding-top: 0!important
    }
    .pt-sm-2 {
        padding-top: 2px!important
    }
    .pt-sm-3 {
        padding-top: 3px!important
    }
    .pt-sm-4 {
        padding-top: 4px!important
    }
    .pt-sm-5 {
        padding-top: 5px!important
    }
    .pt-sm-6 {
        padding-top: 6px!important
    }
    .pt-sm-10 {
        padding-top: 10px!important
    }
    .pt-sm-11 {
        padding-top: 11px!important
    }
    .pt-sm-15 {
        padding-top: 15px!important
    }
    .pt-sm-20 {
        padding-top: 20px!important
    }
    .pt-sm-25 {
        padding-top: 25px!important
    }
    .pt-sm-30 {
        padding-top: 30px!important
    }
    .pt-sm-35 {
        padding-top: 35px!important
    }
    .pt-sm-40 {
        padding-top: 40px!important
    }
    .pt-sm-45 {
        padding-top: 45px!important
    }
    .pt-sm-50 {
        padding-top: 50px!important
    }
    .pt-sm-55 {
        padding-top: 55px!important
    }
    .pt-sm-60 {
        padding-top: 60px!important
    }
    .pt-sm-65 {
        padding-top: 65px!important
    }
    .pt-sm-70 {
        padding-top: 70px!important
    }
    .pt-sm-75 {
        padding-top: 75px!important
    }
    .pt-sm-80 {
        padding-top: 80px!important
    }
    .pt-sm-85 {
        padding-top: 85px!important
    }
    .pt-sm-90 {
        padding-top: 90px!important
    }
    .pt-sm-95 {
        padding-top: 95px!important
    }
    .pt-sm-100 {
        padding-top: 100px!important
    }
    .pt-sm-120 {
        padding-top: 120px!important
    }
    .pt-sm-140 {
        padding-top: 140px!important
    }
    .pt-sm-160 {
        padding-top: 160px!important
    }
    .pt-sm-330 {
        padding-top: 330px!important
    }
    .pr-sm--50 {
        padding-right: -50px!important
    }
    .pr-sm--45 {
        padding-right: -45px!important
    }
    .pr-sm--40 {
        padding-right: -40px!important
    }
    .pr-sm--35 {
        padding-right: -35px!important
    }
    .pr-sm--30 {
        padding-right: -30px!important
    }
    .pr-sm--25 {
        padding-right: -25px!important
    }
    .pr-sm--20 {
        padding-right: -20px!important
    }
    .pr-sm--15 {
        padding-right: -15px!important
    }
    .pr-sm--10 {
        padding-right: -10px!important
    }
    .pr-sm--5 {
        padding-right: -5px!important
    }
    .pr-sm--2 {
        padding-right: -2px!important
    }
    .pr-sm--1 {
        padding-right: -1px!important
    }
    .pr-sm-0 {
        padding-right: 0!important
    }
    .pr-sm-2 {
        padding-right: 2px!important
    }
    .pr-sm-3 {
        padding-right: 3px!important
    }
    .pr-sm-4 {
        padding-right: 4px!important
    }
    .pr-sm-5 {
        padding-right: 5px!important
    }
    .pr-sm-6 {
        padding-right: 6px!important
    }
    .pr-sm-10 {
        padding-right: 10px!important
    }
    .pr-sm-11 {
        padding-right: 11px!important
    }
    .pr-sm-15 {
        padding-right: 15px!important
    }
    .pr-sm-20 {
        padding-right: 20px!important
    }
    .pr-sm-25 {
        padding-right: 25px!important
    }
    .pr-sm-30 {
        padding-right: 30px!important
    }
    .pr-sm-35 {
        padding-right: 35px!important
    }
    .pr-sm-40 {
        padding-right: 40px!important
    }
    .pr-sm-45 {
        padding-right: 45px!important
    }
    .pr-sm-50 {
        padding-right: 50px!important
    }
    .pr-sm-55 {
        padding-right: 55px!important
    }
    .pr-sm-60 {
        padding-right: 60px!important
    }
    .pr-sm-65 {
        padding-right: 65px!important
    }
    .pr-sm-70 {
        padding-right: 70px!important
    }
    .pr-sm-75 {
        padding-right: 75px!important
    }
    .pr-sm-80 {
        padding-right: 80px!important
    }
    .pr-sm-85 {
        padding-right: 85px!important
    }
    .pr-sm-90 {
        padding-right: 90px!important
    }
    .pr-sm-95 {
        padding-right: 95px!important
    }
    .pr-sm-100 {
        padding-right: 100px!important
    }
    .pr-sm-120 {
        padding-right: 120px!important
    }
    .pr-sm-140 {
        padding-right: 140px!important
    }
    .pr-sm-160 {
        padding-right: 160px!important
    }
    .pr-sm-330 {
        padding-right: 330px!important
    }
    .pb-sm--50 {
        padding-bottom: -50px!important
    }
    .pb-sm--45 {
        padding-bottom: -45px!important
    }
    .pb-sm--40 {
        padding-bottom: -40px!important
    }
    .pb-sm--35 {
        padding-bottom: -35px!important
    }
    .pb-sm--30 {
        padding-bottom: -30px!important
    }
    .pb-sm--25 {
        padding-bottom: -25px!important
    }
    .pb-sm--20 {
        padding-bottom: -20px!important
    }
    .pb-sm--15 {
        padding-bottom: -15px!important
    }
    .pb-sm--10 {
        padding-bottom: -10px!important
    }
    .pb-sm--5 {
        padding-bottom: -5px!important
    }
    .pb-sm--2 {
        padding-bottom: -2px!important
    }
    .pb-sm--1 {
        padding-bottom: -1px!important
    }
    .pb-sm-0 {
        padding-bottom: 0!important
    }
    .pb-sm-2 {
        padding-bottom: 2px!important
    }
    .pb-sm-3 {
        padding-bottom: 3px!important
    }
    .pb-sm-4 {
        padding-bottom: 4px!important
    }
    .pb-sm-5 {
        padding-bottom: 5px!important
    }
    .pb-sm-6 {
        padding-bottom: 6px!important
    }
    .pb-sm-10 {
        padding-bottom: 10px!important
    }
    .pb-sm-11 {
        padding-bottom: 11px!important
    }
    .pb-sm-15 {
        padding-bottom: 15px!important
    }
    .pb-sm-20 {
        padding-bottom: 20px!important
    }
    .pb-sm-25 {
        padding-bottom: 25px!important
    }
    .pb-sm-30 {
        padding-bottom: 30px!important
    }
    .pb-sm-35 {
        padding-bottom: 35px!important
    }
    .pb-sm-40 {
        padding-bottom: 40px!important
    }
    .pb-sm-45 {
        padding-bottom: 45px!important
    }
    .pb-sm-50 {
        padding-bottom: 50px!important
    }
    .pb-sm-55 {
        padding-bottom: 55px!important
    }
    .pb-sm-60 {
        padding-bottom: 60px!important
    }
    .pb-sm-65 {
        padding-bottom: 65px!important
    }
    .pb-sm-70 {
        padding-bottom: 70px!important
    }
    .pb-sm-75 {
        padding-bottom: 75px!important
    }
    .pb-sm-80 {
        padding-bottom: 80px!important
    }
    .pb-sm-85 {
        padding-bottom: 85px!important
    }
    .pb-sm-90 {
        padding-bottom: 90px!important
    }
    .pb-sm-95 {
        padding-bottom: 95px!important
    }
    .pb-sm-100 {
        padding-bottom: 100px!important
    }
    .pb-sm-120 {
        padding-bottom: 120px!important
    }
    .pb-sm-140 {
        padding-bottom: 140px!important
    }
    .pb-sm-160 {
        padding-bottom: 160px!important
    }
    .pb-sm-330 {
        padding-bottom: 330px!important
    }
    .pl-sm--50 {
        padding-left: -50px!important
    }
    .pl-sm--45 {
        padding-left: -45px!important
    }
    .pl-sm--40 {
        padding-left: -40px!important
    }
    .pl-sm--35 {
        padding-left: -35px!important
    }
    .pl-sm--30 {
        padding-left: -30px!important
    }
    .pl-sm--25 {
        padding-left: -25px!important
    }
    .pl-sm--20 {
        padding-left: -20px!important
    }
    .pl-sm--15 {
        padding-left: -15px!important
    }
    .pl-sm--10 {
        padding-left: -10px!important
    }
    .pl-sm--5 {
        padding-left: -5px!important
    }
    .pl-sm--2 {
        padding-left: -2px!important
    }
    .pl-sm--1 {
        padding-left: -1px!important
    }
    .pl-sm-0 {
        padding-left: 0!important
    }
    .pl-sm-2 {
        padding-left: 2px!important
    }
    .pl-sm-3 {
        padding-left: 3px!important
    }
    .pl-sm-4 {
        padding-left: 4px!important
    }
    .pl-sm-5 {
        padding-left: 5px!important
    }
    .pl-sm-6 {
        padding-left: 6px!important
    }
    .pl-sm-10 {
        padding-left: 10px!important
    }
    .pl-sm-11 {
        padding-left: 11px!important
    }
    .pl-sm-15 {
        padding-left: 15px!important
    }
    .pl-sm-20 {
        padding-left: 20px!important
    }
    .pl-sm-25 {
        padding-left: 25px!important
    }
    .pl-sm-30 {
        padding-left: 30px!important
    }
    .pl-sm-35 {
        padding-left: 35px!important
    }
    .pl-sm-40 {
        padding-left: 40px!important
    }
    .pl-sm-45 {
        padding-left: 45px!important
    }
    .pl-sm-50 {
        padding-left: 50px!important
    }
    .pl-sm-55 {
        padding-left: 55px!important
    }
    .pl-sm-60 {
        padding-left: 60px!important
    }
    .pl-sm-65 {
        padding-left: 65px!important
    }
    .pl-sm-70 {
        padding-left: 70px!important
    }
    .pl-sm-75 {
        padding-left: 75px!important
    }
    .pl-sm-80 {
        padding-left: 80px!important
    }
    .pl-sm-85 {
        padding-left: 85px!important
    }
    .pl-sm-90 {
        padding-left: 90px!important
    }
    .pl-sm-95 {
        padding-left: 95px!important
    }
    .pl-sm-100 {
        padding-left: 100px!important
    }
    .pl-sm-120 {
        padding-left: 120px!important
    }
    .pl-sm-140 {
        padding-left: 140px!important
    }
    .pl-sm-160 {
        padding-left: 160px!important
    }
    .pl-sm-330 {
        padding-left: 330px!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .pad-md--50 {
        padding: -50px!important
    }
    .pad-md--45 {
        padding: -45px!important
    }
    .pad-md--40 {
        padding: -40px!important
    }
    .pad-md--35 {
        padding: -35px!important
    }
    .pad-md--30 {
        padding: -30px!important
    }
    .pad-md--25 {
        padding: -25px!important
    }
    .pad-md--20 {
        padding: -20px!important
    }
    .pad-md--15 {
        padding: -15px!important
    }
    .pad-md--10 {
        padding: -10px!important
    }
    .pad-md--5 {
        padding: -5px!important
    }
    .pad-md--2 {
        padding: -2px!important
    }
    .pad-md--1 {
        padding: -1px!important
    }
    .pad-md-0 {
        padding: 0!important
    }
    .pad-md-2 {
        padding: 2px!important
    }
    .pad-md-3 {
        padding: 3px!important
    }
    .pad-md-4 {
        padding: 4px!important
    }
    .pad-md-5 {
        padding: 5px!important
    }
    .pad-md-6 {
        padding: 6px!important
    }
    .pad-md-10 {
        padding: 10px!important
    }
    .pad-md-11 {
        padding: 11px!important
    }
    .pad-md-15 {
        padding: 15px!important
    }
    .pad-md-20 {
        padding: 20px!important
    }
    .pad-md-25 {
        padding: 25px!important
    }
    .pad-md-30 {
        padding: 30px!important
    }
    .pad-md-35 {
        padding: 35px!important
    }
    .pad-md-40 {
        padding: 40px!important
    }
    .pad-md-45 {
        padding: 45px!important
    }
    .pad-md-50 {
        padding: 50px!important
    }
    .pad-md-55 {
        padding: 55px!important
    }
    .pad-md-60 {
        padding: 60px!important
    }
    .pad-md-65 {
        padding: 65px!important
    }
    .pad-md-70 {
        padding: 70px!important
    }
    .pad-md-75 {
        padding: 75px!important
    }
    .pad-md-80 {
        padding: 80px!important
    }
    .pad-md-85 {
        padding: 85px!important
    }
    .pad-md-90 {
        padding: 90px!important
    }
    .pad-md-95 {
        padding: 95px!important
    }
    .pad-md-100 {
        padding: 100px!important
    }
    .pad-md-120 {
        padding: 120px!important
    }
    .pad-md-140 {
        padding: 140px!important
    }
    .pad-md-160 {
        padding: 160px!important
    }
    .pad-md-330 {
        padding: 330px!important
    }
    .pt-md--50 {
        padding-top: -50px!important
    }
    .pt-md--45 {
        padding-top: -45px!important
    }
    .pt-md--40 {
        padding-top: -40px!important
    }
    .pt-md--35 {
        padding-top: -35px!important
    }
    .pt-md--30 {
        padding-top: -30px!important
    }
    .pt-md--25 {
        padding-top: -25px!important
    }
    .pt-md--20 {
        padding-top: -20px!important
    }
    .pt-md--15 {
        padding-top: -15px!important
    }
    .pt-md--10 {
        padding-top: -10px!important
    }
    .pt-md--5 {
        padding-top: -5px!important
    }
    .pt-md--2 {
        padding-top: -2px!important
    }
    .pt-md--1 {
        padding-top: -1px!important
    }
    .pt-md-0 {
        padding-top: 0!important
    }
    .pt-md-2 {
        padding-top: 2px!important
    }
    .pt-md-3 {
        padding-top: 3px!important
    }
    .pt-md-4 {
        padding-top: 4px!important
    }
    .pt-md-5 {
        padding-top: 5px!important
    }
    .pt-md-6 {
        padding-top: 6px!important
    }
    .pt-md-10 {
        padding-top: 10px!important
    }
    .pt-md-11 {
        padding-top: 11px!important
    }
    .pt-md-15 {
        padding-top: 15px!important
    }
    .pt-md-20 {
        padding-top: 20px!important
    }
    .pt-md-25 {
        padding-top: 25px!important
    }
    .pt-md-30 {
        padding-top: 30px!important
    }
    .pt-md-35 {
        padding-top: 35px!important
    }
    .pt-md-40 {
        padding-top: 40px!important
    }
    .pt-md-45 {
        padding-top: 45px!important
    }
    .pt-md-50 {
        padding-top: 50px!important
    }
    .pt-md-55 {
        padding-top: 55px!important
    }
    .pt-md-60 {
        padding-top: 60px!important
    }
    .pt-md-65 {
        padding-top: 65px!important
    }
    .pt-md-70 {
        padding-top: 70px!important
    }
    .pt-md-75 {
        padding-top: 75px!important
    }
    .pt-md-80 {
        padding-top: 80px!important
    }
    .pt-md-85 {
        padding-top: 85px!important
    }
    .pt-md-90 {
        padding-top: 90px!important
    }
    .pt-md-95 {
        padding-top: 95px!important
    }
    .pt-md-100 {
        padding-top: 100px!important
    }
    .pt-md-120 {
        padding-top: 120px!important
    }
    .pt-md-140 {
        padding-top: 140px!important
    }
    .pt-md-160 {
        padding-top: 160px!important
    }
    .pt-md-330 {
        padding-top: 330px!important
    }
    .pr-md--50 {
        padding-right: -50px!important
    }
    .pr-md--45 {
        padding-right: -45px!important
    }
    .pr-md--40 {
        padding-right: -40px!important
    }
    .pr-md--35 {
        padding-right: -35px!important
    }
    .pr-md--30 {
        padding-right: -30px!important
    }
    .pr-md--25 {
        padding-right: -25px!important
    }
    .pr-md--20 {
        padding-right: -20px!important
    }
    .pr-md--15 {
        padding-right: -15px!important
    }
    .pr-md--10 {
        padding-right: -10px!important
    }
    .pr-md--5 {
        padding-right: -5px!important
    }
    .pr-md--2 {
        padding-right: -2px!important
    }
    .pr-md--1 {
        padding-right: -1px!important
    }
    .pr-md-0 {
        padding-right: 0!important
    }
    .pr-md-2 {
        padding-right: 2px!important
    }
    .pr-md-3 {
        padding-right: 3px!important
    }
    .pr-md-4 {
        padding-right: 4px!important
    }
    .pr-md-5 {
        padding-right: 5px!important
    }
    .pr-md-6 {
        padding-right: 6px!important
    }
    .pr-md-10 {
        padding-right: 10px!important
    }
    .pr-md-11 {
        padding-right: 11px!important
    }
    .pr-md-15 {
        padding-right: 15px!important
    }
    .pr-md-20 {
        padding-right: 20px!important
    }
    .pr-md-25 {
        padding-right: 25px!important
    }
    .pr-md-30 {
        padding-right: 30px!important
    }
    .pr-md-35 {
        padding-right: 35px!important
    }
    .pr-md-40 {
        padding-right: 40px!important
    }
    .pr-md-45 {
        padding-right: 45px!important
    }
    .pr-md-50 {
        padding-right: 50px!important
    }
    .pr-md-55 {
        padding-right: 55px!important
    }
    .pr-md-60 {
        padding-right: 60px!important
    }
    .pr-md-65 {
        padding-right: 65px!important
    }
    .pr-md-70 {
        padding-right: 70px!important
    }
    .pr-md-75 {
        padding-right: 75px!important
    }
    .pr-md-80 {
        padding-right: 80px!important
    }
    .pr-md-85 {
        padding-right: 85px!important
    }
    .pr-md-90 {
        padding-right: 90px!important
    }
    .pr-md-95 {
        padding-right: 95px!important
    }
    .pr-md-100 {
        padding-right: 100px!important
    }
    .pr-md-120 {
        padding-right: 120px!important
    }
    .pr-md-140 {
        padding-right: 140px!important
    }
    .pr-md-160 {
        padding-right: 160px!important
    }
    .pr-md-330 {
        padding-right: 330px!important
    }
    .pb-md--50 {
        padding-bottom: -50px!important
    }
    .pb-md--45 {
        padding-bottom: -45px!important
    }
    .pb-md--40 {
        padding-bottom: -40px!important
    }
    .pb-md--35 {
        padding-bottom: -35px!important
    }
    .pb-md--30 {
        padding-bottom: -30px!important
    }
    .pb-md--25 {
        padding-bottom: -25px!important
    }
    .pb-md--20 {
        padding-bottom: -20px!important
    }
    .pb-md--15 {
        padding-bottom: -15px!important
    }
    .pb-md--10 {
        padding-bottom: -10px!important
    }
    .pb-md--5 {
        padding-bottom: -5px!important
    }
    .pb-md--2 {
        padding-bottom: -2px!important
    }
    .pb-md--1 {
        padding-bottom: -1px!important
    }
    .pb-md-0 {
        padding-bottom: 0!important
    }
    .pb-md-2 {
        padding-bottom: 2px!important
    }
    .pb-md-3 {
        padding-bottom: 3px!important
    }
    .pb-md-4 {
        padding-bottom: 4px!important
    }
    .pb-md-5 {
        padding-bottom: 5px!important
    }
    .pb-md-6 {
        padding-bottom: 6px!important
    }
    .pb-md-10 {
        padding-bottom: 10px!important
    }
    .pb-md-11 {
        padding-bottom: 11px!important
    }
    .pb-md-15 {
        padding-bottom: 15px!important
    }
    .pb-md-20 {
        padding-bottom: 20px!important
    }
    .pb-md-25 {
        padding-bottom: 25px!important
    }
    .pb-md-30 {
        padding-bottom: 30px!important
    }
    .pb-md-35 {
        padding-bottom: 35px!important
    }
    .pb-md-40 {
        padding-bottom: 40px!important
    }
    .pb-md-45 {
        padding-bottom: 45px!important
    }
    .pb-md-50 {
        padding-bottom: 50px!important
    }
    .pb-md-55 {
        padding-bottom: 55px!important
    }
    .pb-md-60 {
        padding-bottom: 60px!important
    }
    .pb-md-65 {
        padding-bottom: 65px!important
    }
    .pb-md-70 {
        padding-bottom: 70px!important
    }
    .pb-md-75 {
        padding-bottom: 75px!important
    }
    .pb-md-80 {
        padding-bottom: 80px!important
    }
    .pb-md-85 {
        padding-bottom: 85px!important
    }
    .pb-md-90 {
        padding-bottom: 90px!important
    }
    .pb-md-95 {
        padding-bottom: 95px!important
    }
    .pb-md-100 {
        padding-bottom: 100px!important
    }
    .pb-md-120 {
        padding-bottom: 120px!important
    }
    .pb-md-140 {
        padding-bottom: 140px!important
    }
    .pb-md-160 {
        padding-bottom: 160px!important
    }
    .pb-md-330 {
        padding-bottom: 330px!important
    }
    .pl-md--50 {
        padding-left: -50px!important
    }
    .pl-md--45 {
        padding-left: -45px!important
    }
    .pl-md--40 {
        padding-left: -40px!important
    }
    .pl-md--35 {
        padding-left: -35px!important
    }
    .pl-md--30 {
        padding-left: -30px!important
    }
    .pl-md--25 {
        padding-left: -25px!important
    }
    .pl-md--20 {
        padding-left: -20px!important
    }
    .pl-md--15 {
        padding-left: -15px!important
    }
    .pl-md--10 {
        padding-left: -10px!important
    }
    .pl-md--5 {
        padding-left: -5px!important
    }
    .pl-md--2 {
        padding-left: -2px!important
    }
    .pl-md--1 {
        padding-left: -1px!important
    }
    .pl-md-0 {
        padding-left: 0!important
    }
    .pl-md-2 {
        padding-left: 2px!important
    }
    .pl-md-3 {
        padding-left: 3px!important
    }
    .pl-md-4 {
        padding-left: 4px!important
    }
    .pl-md-5 {
        padding-left: 5px!important
    }
    .pl-md-6 {
        padding-left: 6px!important
    }
    .pl-md-10 {
        padding-left: 10px!important
    }
    .pl-md-11 {
        padding-left: 11px!important
    }
    .pl-md-15 {
        padding-left: 15px!important
    }
    .pl-md-20 {
        padding-left: 20px!important
    }
    .pl-md-25 {
        padding-left: 25px!important
    }
    .pl-md-30 {
        padding-left: 30px!important
    }
    .pl-md-35 {
        padding-left: 35px!important
    }
    .pl-md-40 {
        padding-left: 40px!important
    }
    .pl-md-45 {
        padding-left: 45px!important
    }
    .pl-md-50 {
        padding-left: 50px!important
    }
    .pl-md-55 {
        padding-left: 55px!important
    }
    .pl-md-60 {
        padding-left: 60px!important
    }
    .pl-md-65 {
        padding-left: 65px!important
    }
    .pl-md-70 {
        padding-left: 70px!important
    }
    .pl-md-75 {
        padding-left: 75px!important
    }
    .pl-md-80 {
        padding-left: 80px!important
    }
    .pl-md-85 {
        padding-left: 85px!important
    }
    .pl-md-90 {
        padding-left: 90px!important
    }
    .pl-md-95 {
        padding-left: 95px!important
    }
    .pl-md-100 {
        padding-left: 100px!important
    }
    .pl-md-120 {
        padding-left: 120px!important
    }
    .pl-md-140 {
        padding-left: 140px!important
    }
    .pl-md-160 {
        padding-left: 160px!important
    }
    .pl-md-330 {
        padding-left: 330px!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .pad-lg--50 {
        padding: -50px!important
    }
    .pad-lg--45 {
        padding: -45px!important
    }
    .pad-lg--40 {
        padding: -40px!important
    }
    .pad-lg--35 {
        padding: -35px!important
    }
    .pad-lg--30 {
        padding: -30px!important
    }
    .pad-lg--25 {
        padding: -25px!important
    }
    .pad-lg--20 {
        padding: -20px!important
    }
    .pad-lg--15 {
        padding: -15px!important
    }
    .pad-lg--10 {
        padding: -10px!important
    }
    .pad-lg--5 {
        padding: -5px!important
    }
    .pad-lg--2 {
        padding: -2px!important
    }
    .pad-lg--1 {
        padding: -1px!important
    }
    .pad-lg-0 {
        padding: 0!important
    }
    .pad-lg-2 {
        padding: 2px!important
    }
    .pad-lg-3 {
        padding: 3px!important
    }
    .pad-lg-4 {
        padding: 4px!important
    }
    .pad-lg-5 {
        padding: 5px!important
    }
    .pad-lg-6 {
        padding: 6px!important
    }
    .pad-lg-10 {
        padding: 10px!important
    }
    .pad-lg-11 {
        padding: 11px!important
    }
    .pad-lg-15 {
        padding: 15px!important
    }
    .pad-lg-20 {
        padding: 20px!important
    }
    .pad-lg-25 {
        padding: 25px!important
    }
    .pad-lg-30 {
        padding: 30px!important
    }
    .pad-lg-35 {
        padding: 35px!important
    }
    .pad-lg-40 {
        padding: 40px!important
    }
    .pad-lg-45 {
        padding: 45px!important
    }
    .pad-lg-50 {
        padding: 50px!important
    }
    .pad-lg-55 {
        padding: 55px!important
    }
    .pad-lg-60 {
        padding: 60px!important
    }
    .pad-lg-65 {
        padding: 65px!important
    }
    .pad-lg-70 {
        padding: 70px!important
    }
    .pad-lg-75 {
        padding: 75px!important
    }
    .pad-lg-80 {
        padding: 80px!important
    }
    .pad-lg-85 {
        padding: 85px!important
    }
    .pad-lg-90 {
        padding: 90px!important
    }
    .pad-lg-95 {
        padding: 95px!important
    }
    .pad-lg-100 {
        padding: 100px!important
    }
    .pad-lg-120 {
        padding: 120px!important
    }
    .pad-lg-140 {
        padding: 140px!important
    }
    .pad-lg-160 {
        padding: 160px!important
    }
    .pad-lg-330 {
        padding: 330px!important
    }
    .pt-lg--50 {
        padding-top: -50px!important
    }
    .pt-lg--45 {
        padding-top: -45px!important
    }
    .pt-lg--40 {
        padding-top: -40px!important
    }
    .pt-lg--35 {
        padding-top: -35px!important
    }
    .pt-lg--30 {
        padding-top: -30px!important
    }
    .pt-lg--25 {
        padding-top: -25px!important
    }
    .pt-lg--20 {
        padding-top: -20px!important
    }
    .pt-lg--15 {
        padding-top: -15px!important
    }
    .pt-lg--10 {
        padding-top: -10px!important
    }
    .pt-lg--5 {
        padding-top: -5px!important
    }
    .pt-lg--2 {
        padding-top: -2px!important
    }
    .pt-lg--1 {
        padding-top: -1px!important
    }
    .pt-lg-0 {
        padding-top: 0!important
    }
    .pt-lg-2 {
        padding-top: 2px!important
    }
    .pt-lg-3 {
        padding-top: 3px!important
    }
    .pt-lg-4 {
        padding-top: 4px!important
    }
    .pt-lg-5 {
        padding-top: 5px!important
    }
    .pt-lg-6 {
        padding-top: 6px!important
    }
    .pt-lg-10 {
        padding-top: 10px!important
    }
    .pt-lg-11 {
        padding-top: 11px!important
    }
    .pt-lg-15 {
        padding-top: 15px!important
    }
    .pt-lg-20 {
        padding-top: 20px!important
    }
    .pt-lg-25 {
        padding-top: 25px!important
    }
    .pt-lg-30 {
        padding-top: 30px!important
    }
    .pt-lg-35 {
        padding-top: 35px!important
    }
    .pt-lg-40 {
        padding-top: 40px!important
    }
    .pt-lg-45 {
        padding-top: 45px!important
    }
    .pt-lg-50 {
        padding-top: 50px!important
    }
    .pt-lg-55 {
        padding-top: 55px!important
    }
    .pt-lg-60 {
        padding-top: 60px!important
    }
    .pt-lg-65 {
        padding-top: 65px!important
    }
    .pt-lg-70 {
        padding-top: 70px!important
    }
    .pt-lg-75 {
        padding-top: 75px!important
    }
    .pt-lg-80 {
        padding-top: 80px!important
    }
    .pt-lg-85 {
        padding-top: 85px!important
    }
    .pt-lg-90 {
        padding-top: 90px!important
    }
    .pt-lg-95 {
        padding-top: 95px!important
    }
    .pt-lg-100 {
        padding-top: 100px!important
    }
    .pt-lg-120 {
        padding-top: 120px!important
    }
    .pt-lg-140 {
        padding-top: 140px!important
    }
    .pt-lg-160 {
        padding-top: 160px!important
    }
    .pt-lg-330 {
        padding-top: 330px!important
    }
    .pr-lg--50 {
        padding-right: -50px!important
    }
    .pr-lg--45 {
        padding-right: -45px!important
    }
    .pr-lg--40 {
        padding-right: -40px!important
    }
    .pr-lg--35 {
        padding-right: -35px!important
    }
    .pr-lg--30 {
        padding-right: -30px!important
    }
    .pr-lg--25 {
        padding-right: -25px!important
    }
    .pr-lg--20 {
        padding-right: -20px!important
    }
    .pr-lg--15 {
        padding-right: -15px!important
    }
    .pr-lg--10 {
        padding-right: -10px!important
    }
    .pr-lg--5 {
        padding-right: -5px!important
    }
    .pr-lg--2 {
        padding-right: -2px!important
    }
    .pr-lg--1 {
        padding-right: -1px!important
    }
    .pr-lg-0 {
        padding-right: 0!important
    }
    .pr-lg-2 {
        padding-right: 2px!important
    }
    .pr-lg-3 {
        padding-right: 3px!important
    }
    .pr-lg-4 {
        padding-right: 4px!important
    }
    .pr-lg-5 {
        padding-right: 5px!important
    }
    .pr-lg-6 {
        padding-right: 6px!important
    }
    .pr-lg-10 {
        padding-right: 10px!important
    }
    .pr-lg-11 {
        padding-right: 11px!important
    }
    .pr-lg-15 {
        padding-right: 15px!important
    }
    .pr-lg-20 {
        padding-right: 20px!important
    }
    .pr-lg-25 {
        padding-right: 25px!important
    }
    .pr-lg-30 {
        padding-right: 30px!important
    }
    .pr-lg-35 {
        padding-right: 35px!important
    }
    .pr-lg-40 {
        padding-right: 40px!important
    }
    .pr-lg-45 {
        padding-right: 45px!important
    }
    .pr-lg-50 {
        padding-right: 50px!important
    }
    .pr-lg-55 {
        padding-right: 55px!important
    }
    .pr-lg-60 {
        padding-right: 60px!important
    }
    .pr-lg-65 {
        padding-right: 65px!important
    }
    .pr-lg-70 {
        padding-right: 70px!important
    }
    .pr-lg-75 {
        padding-right: 75px!important
    }
    .pr-lg-80 {
        padding-right: 80px!important
    }
    .pr-lg-85 {
        padding-right: 85px!important
    }
    .pr-lg-90 {
        padding-right: 90px!important
    }
    .pr-lg-95 {
        padding-right: 95px!important
    }
    .pr-lg-100 {
        padding-right: 100px!important
    }
    .pr-lg-120 {
        padding-right: 120px!important
    }
    .pr-lg-140 {
        padding-right: 140px!important
    }
    .pr-lg-160 {
        padding-right: 160px!important
    }
    .pr-lg-330 {
        padding-right: 330px!important
    }
    .pb-lg--50 {
        padding-bottom: -50px!important
    }
    .pb-lg--45 {
        padding-bottom: -45px!important
    }
    .pb-lg--40 {
        padding-bottom: -40px!important
    }
    .pb-lg--35 {
        padding-bottom: -35px!important
    }
    .pb-lg--30 {
        padding-bottom: -30px!important
    }
    .pb-lg--25 {
        padding-bottom: -25px!important
    }
    .pb-lg--20 {
        padding-bottom: -20px!important
    }
    .pb-lg--15 {
        padding-bottom: -15px!important
    }
    .pb-lg--10 {
        padding-bottom: -10px!important
    }
    .pb-lg--5 {
        padding-bottom: -5px!important
    }
    .pb-lg--2 {
        padding-bottom: -2px!important
    }
    .pb-lg--1 {
        padding-bottom: -1px!important
    }
    .pb-lg-0 {
        padding-bottom: 0!important
    }
    .pb-lg-2 {
        padding-bottom: 2px!important
    }
    .pb-lg-3 {
        padding-bottom: 3px!important
    }
    .pb-lg-4 {
        padding-bottom: 4px!important
    }
    .pb-lg-5 {
        padding-bottom: 5px!important
    }
    .pb-lg-6 {
        padding-bottom: 6px!important
    }
    .pb-lg-10 {
        padding-bottom: 10px!important
    }
    .pb-lg-11 {
        padding-bottom: 11px!important
    }
    .pb-lg-15 {
        padding-bottom: 15px!important
    }
    .pb-lg-20 {
        padding-bottom: 20px!important
    }
    .pb-lg-25 {
        padding-bottom: 25px!important
    }
    .pb-lg-30 {
        padding-bottom: 30px!important
    }
    .pb-lg-35 {
        padding-bottom: 35px!important
    }
    .pb-lg-40 {
        padding-bottom: 40px!important
    }
    .pb-lg-45 {
        padding-bottom: 45px!important
    }
    .pb-lg-50 {
        padding-bottom: 50px!important
    }
    .pb-lg-55 {
        padding-bottom: 55px!important
    }
    .pb-lg-60 {
        padding-bottom: 60px!important
    }
    .pb-lg-65 {
        padding-bottom: 65px!important
    }
    .pb-lg-70 {
        padding-bottom: 70px!important
    }
    .pb-lg-75 {
        padding-bottom: 75px!important
    }
    .pb-lg-80 {
        padding-bottom: 80px!important
    }
    .pb-lg-85 {
        padding-bottom: 85px!important
    }
    .pb-lg-90 {
        padding-bottom: 90px!important
    }
    .pb-lg-95 {
        padding-bottom: 95px!important
    }
    .pb-lg-100 {
        padding-bottom: 100px!important
    }
    .pb-lg-120 {
        padding-bottom: 120px!important
    }
    .pb-lg-140 {
        padding-bottom: 140px!important
    }
    .pb-lg-160 {
        padding-bottom: 160px!important
    }
    .pb-lg-330 {
        padding-bottom: 330px!important
    }
    .pl-lg--50 {
        padding-left: -50px!important
    }
    .pl-lg--45 {
        padding-left: -45px!important
    }
    .pl-lg--40 {
        padding-left: -40px!important
    }
    .pl-lg--35 {
        padding-left: -35px!important
    }
    .pl-lg--30 {
        padding-left: -30px!important
    }
    .pl-lg--25 {
        padding-left: -25px!important
    }
    .pl-lg--20 {
        padding-left: -20px!important
    }
    .pl-lg--15 {
        padding-left: -15px!important
    }
    .pl-lg--10 {
        padding-left: -10px!important
    }
    .pl-lg--5 {
        padding-left: -5px!important
    }
    .pl-lg--2 {
        padding-left: -2px!important
    }
    .pl-lg--1 {
        padding-left: -1px!important
    }
    .pl-lg-0 {
        padding-left: 0!important
    }
    .pl-lg-2 {
        padding-left: 2px!important
    }
    .pl-lg-3 {
        padding-left: 3px!important
    }
    .pl-lg-4 {
        padding-left: 4px!important
    }
    .pl-lg-5 {
        padding-left: 5px!important
    }
    .pl-lg-6 {
        padding-left: 6px!important
    }
    .pl-lg-10 {
        padding-left: 10px!important
    }
    .pl-lg-11 {
        padding-left: 11px!important
    }
    .pl-lg-15 {
        padding-left: 15px!important
    }
    .pl-lg-20 {
        padding-left: 20px!important
    }
    .pl-lg-25 {
        padding-left: 25px!important
    }
    .pl-lg-30 {
        padding-left: 30px!important
    }
    .pl-lg-35 {
        padding-left: 35px!important
    }
    .pl-lg-40 {
        padding-left: 40px!important
    }
    .pl-lg-45 {
        padding-left: 45px!important
    }
    .pl-lg-50 {
        padding-left: 50px!important
    }
    .pl-lg-55 {
        padding-left: 55px!important
    }
    .pl-lg-60 {
        padding-left: 60px!important
    }
    .pl-lg-65 {
        padding-left: 65px!important
    }
    .pl-lg-70 {
        padding-left: 70px!important
    }
    .pl-lg-75 {
        padding-left: 75px!important
    }
    .pl-lg-80 {
        padding-left: 80px!important
    }
    .pl-lg-85 {
        padding-left: 85px!important
    }
    .pl-lg-90 {
        padding-left: 90px!important
    }
    .pl-lg-95 {
        padding-left: 95px!important
    }
    .pl-lg-100 {
        padding-left: 100px!important
    }
    .pl-lg-120 {
        padding-left: 120px!important
    }
    .pl-lg-140 {
        padding-left: 140px!important
    }
    .pl-lg-160 {
        padding-left: 160px!important
    }
    .pl-lg-330 {
        padding-left: 330px!important
    }
}

@media (min-width:768px) {
    .pad-sm--50-plus {
        padding: -50px!important
    }
    .pad-sm--45-plus {
        padding: -45px!important
    }
    .pad-sm--40-plus {
        padding: -40px!important
    }
    .pad-sm--35-plus {
        padding: -35px!important
    }
    .pad-sm--30-plus {
        padding: -30px!important
    }
    .pad-sm--25-plus {
        padding: -25px!important
    }
    .pad-sm--20-plus {
        padding: -20px!important
    }
    .pad-sm--15-plus {
        padding: -15px!important
    }
    .pad-sm--10-plus {
        padding: -10px!important
    }
    .pad-sm--5-plus {
        padding: -5px!important
    }
    .pad-sm--2-plus {
        padding: -2px!important
    }
    .pad-sm--1-plus {
        padding: -1px!important
    }
    .pad-sm-0-plus {
        padding: 0!important
    }
    .pad-sm-2-plus {
        padding: 2px!important
    }
    .pad-sm-3-plus {
        padding: 3px!important
    }
    .pad-sm-4-plus {
        padding: 4px!important
    }
    .pad-sm-5-plus {
        padding: 5px!important
    }
    .pad-sm-6-plus {
        padding: 6px!important
    }
    .pad-sm-10-plus {
        padding: 10px!important
    }
    .pad-sm-11-plus {
        padding: 11px!important
    }
    .pad-sm-15-plus {
        padding: 15px!important
    }
    .pad-sm-20-plus {
        padding: 20px!important
    }
    .pad-sm-25-plus {
        padding: 25px!important
    }
    .pad-sm-30-plus {
        padding: 30px!important
    }
    .pad-sm-35-plus {
        padding: 35px!important
    }
    .pad-sm-40-plus {
        padding: 40px!important
    }
    .pad-sm-45-plus {
        padding: 45px!important
    }
    .pad-sm-50-plus {
        padding: 50px!important
    }
    .pad-sm-55-plus {
        padding: 55px!important
    }
    .pad-sm-60-plus {
        padding: 60px!important
    }
    .pad-sm-65-plus {
        padding: 65px!important
    }
    .pad-sm-70-plus {
        padding: 70px!important
    }
    .pad-sm-75-plus {
        padding: 75px!important
    }
    .pad-sm-80-plus {
        padding: 80px!important
    }
    .pad-sm-85-plus {
        padding: 85px!important
    }
    .pad-sm-90-plus {
        padding: 90px!important
    }
    .pad-sm-95-plus {
        padding: 95px!important
    }
    .pad-sm-100-plus {
        padding: 100px!important
    }
    .pad-sm-120-plus {
        padding: 120px!important
    }
    .pad-sm-140-plus {
        padding: 140px!important
    }
    .pad-sm-160-plus {
        padding: 160px!important
    }
    .pad-sm-330-plus {
        padding: 330px!important
    }
    .pt-sm--50-plus {
        padding-top: -50px!important
    }
    .pt-sm--45-plus {
        padding-top: -45px!important
    }
    .pt-sm--40-plus {
        padding-top: -40px!important
    }
    .pt-sm--35-plus {
        padding-top: -35px!important
    }
    .pt-sm--30-plus {
        padding-top: -30px!important
    }
    .pt-sm--25-plus {
        padding-top: -25px!important
    }
    .pt-sm--20-plus {
        padding-top: -20px!important
    }
    .pt-sm--15-plus {
        padding-top: -15px!important
    }
    .pt-sm--10-plus {
        padding-top: -10px!important
    }
    .pt-sm--5-plus {
        padding-top: -5px!important
    }
    .pt-sm--2-plus {
        padding-top: -2px!important
    }
    .pt-sm--1-plus {
        padding-top: -1px!important
    }
    .pt-sm-0-plus {
        padding-top: 0!important
    }
    .pt-sm-2-plus {
        padding-top: 2px!important
    }
    .pt-sm-3-plus {
        padding-top: 3px!important
    }
    .pt-sm-4-plus {
        padding-top: 4px!important
    }
    .pt-sm-5-plus {
        padding-top: 5px!important
    }
    .pt-sm-6-plus {
        padding-top: 6px!important
    }
    .pt-sm-10-plus {
        padding-top: 10px!important
    }
    .pt-sm-11-plus {
        padding-top: 11px!important
    }
    .pt-sm-15-plus {
        padding-top: 15px!important
    }
    .pt-sm-20-plus {
        padding-top: 20px!important
    }
    .pt-sm-25-plus {
        padding-top: 25px!important
    }
    .pt-sm-30-plus {
        padding-top: 30px!important
    }
    .pt-sm-35-plus {
        padding-top: 35px!important
    }
    .pt-sm-40-plus {
        padding-top: 40px!important
    }
    .pt-sm-45-plus {
        padding-top: 45px!important
    }
    .pt-sm-50-plus {
        padding-top: 50px!important
    }
    .pt-sm-55-plus {
        padding-top: 55px!important
    }
    .pt-sm-60-plus {
        padding-top: 60px!important
    }
    .pt-sm-65-plus {
        padding-top: 65px!important
    }
    .pt-sm-70-plus {
        padding-top: 70px!important
    }
    .pt-sm-75-plus {
        padding-top: 75px!important
    }
    .pt-sm-80-plus {
        padding-top: 80px!important
    }
    .pt-sm-85-plus {
        padding-top: 85px!important
    }
    .pt-sm-90-plus {
        padding-top: 90px!important
    }
    .pt-sm-95-plus {
        padding-top: 95px!important
    }
    .pt-sm-100-plus {
        padding-top: 100px!important
    }
    .pt-sm-120-plus {
        padding-top: 120px!important
    }
    .pt-sm-140-plus {
        padding-top: 140px!important
    }
    .pt-sm-160-plus {
        padding-top: 160px!important
    }
    .pt-sm-330-plus {
        padding-top: 330px!important
    }
    .pr-sm--50-plus {
        padding-right: -50px!important
    }
    .pr-sm--45-plus {
        padding-right: -45px!important
    }
    .pr-sm--40-plus {
        padding-right: -40px!important
    }
    .pr-sm--35-plus {
        padding-right: -35px!important
    }
    .pr-sm--30-plus {
        padding-right: -30px!important
    }
    .pr-sm--25-plus {
        padding-right: -25px!important
    }
    .pr-sm--20-plus {
        padding-right: -20px!important
    }
    .pr-sm--15-plus {
        padding-right: -15px!important
    }
    .pr-sm--10-plus {
        padding-right: -10px!important
    }
    .pr-sm--5-plus {
        padding-right: -5px!important
    }
    .pr-sm--2-plus {
        padding-right: -2px!important
    }
    .pr-sm--1-plus {
        padding-right: -1px!important
    }
    .pr-sm-0-plus {
        padding-right: 0!important
    }
    .pr-sm-2-plus {
        padding-right: 2px!important
    }
    .pr-sm-3-plus {
        padding-right: 3px!important
    }
    .pr-sm-4-plus {
        padding-right: 4px!important
    }
    .pr-sm-5-plus {
        padding-right: 5px!important
    }
    .pr-sm-6-plus {
        padding-right: 6px!important
    }
    .pr-sm-10-plus {
        padding-right: 10px!important
    }
    .pr-sm-11-plus {
        padding-right: 11px!important
    }
    .pr-sm-15-plus {
        padding-right: 15px!important
    }
    .pr-sm-20-plus {
        padding-right: 20px!important
    }
    .pr-sm-25-plus {
        padding-right: 25px!important
    }
    .pr-sm-30-plus {
        padding-right: 30px!important
    }
    .pr-sm-35-plus {
        padding-right: 35px!important
    }
    .pr-sm-40-plus {
        padding-right: 40px!important
    }
    .pr-sm-45-plus {
        padding-right: 45px!important
    }
    .pr-sm-50-plus {
        padding-right: 50px!important
    }
    .pr-sm-55-plus {
        padding-right: 55px!important
    }
    .pr-sm-60-plus {
        padding-right: 60px!important
    }
    .pr-sm-65-plus {
        padding-right: 65px!important
    }
    .pr-sm-70-plus {
        padding-right: 70px!important
    }
    .pr-sm-75-plus {
        padding-right: 75px!important
    }
    .pr-sm-80-plus {
        padding-right: 80px!important
    }
    .pr-sm-85-plus {
        padding-right: 85px!important
    }
    .pr-sm-90-plus {
        padding-right: 90px!important
    }
    .pr-sm-95-plus {
        padding-right: 95px!important
    }
    .pr-sm-100-plus {
        padding-right: 100px!important
    }
    .pr-sm-120-plus {
        padding-right: 120px!important
    }
    .pr-sm-140-plus {
        padding-right: 140px!important
    }
    .pr-sm-160-plus {
        padding-right: 160px!important
    }
    .pr-sm-330-plus {
        padding-right: 330px!important
    }
    .pb-sm--50-plus {
        padding-bottom: -50px!important
    }
    .pb-sm--45-plus {
        padding-bottom: -45px!important
    }
    .pb-sm--40-plus {
        padding-bottom: -40px!important
    }
    .pb-sm--35-plus {
        padding-bottom: -35px!important
    }
    .pb-sm--30-plus {
        padding-bottom: -30px!important
    }
    .pb-sm--25-plus {
        padding-bottom: -25px!important
    }
    .pb-sm--20-plus {
        padding-bottom: -20px!important
    }
    .pb-sm--15-plus {
        padding-bottom: -15px!important
    }
    .pb-sm--10-plus {
        padding-bottom: -10px!important
    }
    .pb-sm--5-plus {
        padding-bottom: -5px!important
    }
    .pb-sm--2-plus {
        padding-bottom: -2px!important
    }
    .pb-sm--1-plus {
        padding-bottom: -1px!important
    }
    .pb-sm-0-plus {
        padding-bottom: 0!important
    }
    .pb-sm-2-plus {
        padding-bottom: 2px!important
    }
    .pb-sm-3-plus {
        padding-bottom: 3px!important
    }
    .pb-sm-4-plus {
        padding-bottom: 4px!important
    }
    .pb-sm-5-plus {
        padding-bottom: 5px!important
    }
    .pb-sm-6-plus {
        padding-bottom: 6px!important
    }
    .pb-sm-10-plus {
        padding-bottom: 10px!important
    }
    .pb-sm-11-plus {
        padding-bottom: 11px!important
    }
    .pb-sm-15-plus {
        padding-bottom: 15px!important
    }
    .pb-sm-20-plus {
        padding-bottom: 20px!important
    }
    .pb-sm-25-plus {
        padding-bottom: 25px!important
    }
    .pb-sm-30-plus {
        padding-bottom: 30px!important
    }
    .pb-sm-35-plus {
        padding-bottom: 35px!important
    }
    .pb-sm-40-plus {
        padding-bottom: 40px!important
    }
    .pb-sm-45-plus {
        padding-bottom: 45px!important
    }
    .pb-sm-50-plus {
        padding-bottom: 50px!important
    }
    .pb-sm-55-plus {
        padding-bottom: 55px!important
    }
    .pb-sm-60-plus {
        padding-bottom: 60px!important
    }
    .pb-sm-65-plus {
        padding-bottom: 65px!important
    }
    .pb-sm-70-plus {
        padding-bottom: 70px!important
    }
    .pb-sm-75-plus {
        padding-bottom: 75px!important
    }
    .pb-sm-80-plus {
        padding-bottom: 80px!important
    }
    .pb-sm-85-plus {
        padding-bottom: 85px!important
    }
    .pb-sm-90-plus {
        padding-bottom: 90px!important
    }
    .pb-sm-95-plus {
        padding-bottom: 95px!important
    }
    .pb-sm-100-plus {
        padding-bottom: 100px!important
    }
    .pb-sm-120-plus {
        padding-bottom: 120px!important
    }
    .pb-sm-140-plus {
        padding-bottom: 140px!important
    }
    .pb-sm-160-plus {
        padding-bottom: 160px!important
    }
    .pb-sm-330-plus {
        padding-bottom: 330px!important
    }
    .pl-sm--50-plus {
        padding-left: -50px!important
    }
    .pl-sm--45-plus {
        padding-left: -45px!important
    }
    .pl-sm--40-plus {
        padding-left: -40px!important
    }
    .pl-sm--35-plus {
        padding-left: -35px!important
    }
    .pl-sm--30-plus {
        padding-left: -30px!important
    }
    .pl-sm--25-plus {
        padding-left: -25px!important
    }
    .pl-sm--20-plus {
        padding-left: -20px!important
    }
    .pl-sm--15-plus {
        padding-left: -15px!important
    }
    .pl-sm--10-plus {
        padding-left: -10px!important
    }
    .pl-sm--5-plus {
        padding-left: -5px!important
    }
    .pl-sm--2-plus {
        padding-left: -2px!important
    }
    .pl-sm--1-plus {
        padding-left: -1px!important
    }
    .pl-sm-0-plus {
        padding-left: 0!important
    }
    .pl-sm-2-plus {
        padding-left: 2px!important
    }
    .pl-sm-3-plus {
        padding-left: 3px!important
    }
    .pl-sm-4-plus {
        padding-left: 4px!important
    }
    .pl-sm-5-plus {
        padding-left: 5px!important
    }
    .pl-sm-6-plus {
        padding-left: 6px!important
    }
    .pl-sm-10-plus {
        padding-left: 10px!important
    }
    .pl-sm-11-plus {
        padding-left: 11px!important
    }
    .pl-sm-15-plus {
        padding-left: 15px!important
    }
    .pl-sm-20-plus {
        padding-left: 20px!important
    }
    .pl-sm-25-plus {
        padding-left: 25px!important
    }
    .pl-sm-30-plus {
        padding-left: 30px!important
    }
    .pl-sm-35-plus {
        padding-left: 35px!important
    }
    .pl-sm-40-plus {
        padding-left: 40px!important
    }
    .pl-sm-45-plus {
        padding-left: 45px!important
    }
    .pl-sm-50-plus {
        padding-left: 50px!important
    }
    .pl-sm-55-plus {
        padding-left: 55px!important
    }
    .pl-sm-60-plus {
        padding-left: 60px!important
    }
    .pl-sm-65-plus {
        padding-left: 65px!important
    }
    .pl-sm-70-plus {
        padding-left: 70px!important
    }
    .pl-sm-75-plus {
        padding-left: 75px!important
    }
    .pl-sm-80-plus {
        padding-left: 80px!important
    }
    .pl-sm-85-plus {
        padding-left: 85px!important
    }
    .pl-sm-90-plus {
        padding-left: 90px!important
    }
    .pl-sm-95-plus {
        padding-left: 95px!important
    }
    .pl-sm-100-plus {
        padding-left: 100px!important
    }
    .pl-sm-120-plus {
        padding-left: 120px!important
    }
    .pl-sm-140-plus {
        padding-left: 140px!important
    }
    .pl-sm-160-plus {
        padding-left: 160px!important
    }
    .pl-sm-330-plus {
        padding-left: 330px!important
    }
}

@media (min-width:992px) {
    .pad-md--50-plus {
        padding: -50px!important
    }
    .pad-md--45-plus {
        padding: -45px!important
    }
    .pad-md--40-plus {
        padding: -40px!important
    }
    .pad-md--35-plus {
        padding: -35px!important
    }
    .pad-md--30-plus {
        padding: -30px!important
    }
    .pad-md--25-plus {
        padding: -25px!important
    }
    .pad-md--20-plus {
        padding: -20px!important
    }
    .pad-md--15-plus {
        padding: -15px!important
    }
    .pad-md--10-plus {
        padding: -10px!important
    }
    .pad-md--5-plus {
        padding: -5px!important
    }
    .pad-md--2-plus {
        padding: -2px!important
    }
    .pad-md--1-plus {
        padding: -1px!important
    }
    .pad-md-0-plus {
        padding: 0!important
    }
    .pad-md-2-plus {
        padding: 2px!important
    }
    .pad-md-3-plus {
        padding: 3px!important
    }
    .pad-md-4-plus {
        padding: 4px!important
    }
    .pad-md-5-plus {
        padding: 5px!important
    }
    .pad-md-6-plus {
        padding: 6px!important
    }
    .pad-md-10-plus {
        padding: 10px!important
    }
    .pad-md-11-plus {
        padding: 11px!important
    }
    .pad-md-15-plus {
        padding: 15px!important
    }
    .pad-md-20-plus {
        padding: 20px!important
    }
    .pad-md-25-plus {
        padding: 25px!important
    }
    .pad-md-30-plus {
        padding: 30px!important
    }
    .pad-md-35-plus {
        padding: 35px!important
    }
    .pad-md-40-plus {
        padding: 40px!important
    }
    .pad-md-45-plus {
        padding: 45px!important
    }
    .pad-md-50-plus {
        padding: 50px!important
    }
    .pad-md-55-plus {
        padding: 55px!important
    }
    .pad-md-60-plus {
        padding: 60px!important
    }
    .pad-md-65-plus {
        padding: 65px!important
    }
    .pad-md-70-plus {
        padding: 70px!important
    }
    .pad-md-75-plus {
        padding: 75px!important
    }
    .pad-md-80-plus {
        padding: 80px!important
    }
    .pad-md-85-plus {
        padding: 85px!important
    }
    .pad-md-90-plus {
        padding: 90px!important
    }
    .pad-md-95-plus {
        padding: 95px!important
    }
    .pad-md-100-plus {
        padding: 100px!important
    }
    .pad-md-120-plus {
        padding: 120px!important
    }
    .pad-md-140-plus {
        padding: 140px!important
    }
    .pad-md-160-plus {
        padding: 160px!important
    }
    .pad-md-330-plus {
        padding: 330px!important
    }
    .pt-md--50-plus {
        padding-top: -50px!important
    }
    .pt-md--45-plus {
        padding-top: -45px!important
    }
    .pt-md--40-plus {
        padding-top: -40px!important
    }
    .pt-md--35-plus {
        padding-top: -35px!important
    }
    .pt-md--30-plus {
        padding-top: -30px!important
    }
    .pt-md--25-plus {
        padding-top: -25px!important
    }
    .pt-md--20-plus {
        padding-top: -20px!important
    }
    .pt-md--15-plus {
        padding-top: -15px!important
    }
    .pt-md--10-plus {
        padding-top: -10px!important
    }
    .pt-md--5-plus {
        padding-top: -5px!important
    }
    .pt-md--2-plus {
        padding-top: -2px!important
    }
    .pt-md--1-plus {
        padding-top: -1px!important
    }
    .pt-md-0-plus {
        padding-top: 0!important
    }
    .pt-md-2-plus {
        padding-top: 2px!important
    }
    .pt-md-3-plus {
        padding-top: 3px!important
    }
    .pt-md-4-plus {
        padding-top: 4px!important
    }
    .pt-md-5-plus {
        padding-top: 5px!important
    }
    .pt-md-6-plus {
        padding-top: 6px!important
    }
    .pt-md-10-plus {
        padding-top: 10px!important
    }
    .pt-md-11-plus {
        padding-top: 11px!important
    }
    .pt-md-15-plus {
        padding-top: 15px!important
    }
    .pt-md-20-plus {
        padding-top: 20px!important
    }
    .pt-md-25-plus {
        padding-top: 25px!important
    }
    .pt-md-30-plus {
        padding-top: 30px!important
    }
    .pt-md-35-plus {
        padding-top: 35px!important
    }
    .pt-md-40-plus {
        padding-top: 40px!important
    }
    .pt-md-45-plus {
        padding-top: 45px!important
    }
    .pt-md-50-plus {
        padding-top: 50px!important
    }
    .pt-md-55-plus {
        padding-top: 55px!important
    }
    .pt-md-60-plus {
        padding-top: 60px!important
    }
    .pt-md-65-plus {
        padding-top: 65px!important
    }
    .pt-md-70-plus {
        padding-top: 70px!important
    }
    .pt-md-75-plus {
        padding-top: 75px!important
    }
    .pt-md-80-plus {
        padding-top: 80px!important
    }
    .pt-md-85-plus {
        padding-top: 85px!important
    }
    .pt-md-90-plus {
        padding-top: 90px!important
    }
    .pt-md-95-plus {
        padding-top: 95px!important
    }
    .pt-md-100-plus {
        padding-top: 100px!important
    }
    .pt-md-120-plus {
        padding-top: 120px!important
    }
    .pt-md-140-plus {
        padding-top: 140px!important
    }
    .pt-md-160-plus {
        padding-top: 160px!important
    }
    .pt-md-330-plus {
        padding-top: 330px!important
    }
    .pr-md--50-plus {
        padding-right: -50px!important
    }
    .pr-md--45-plus {
        padding-right: -45px!important
    }
    .pr-md--40-plus {
        padding-right: -40px!important
    }
    .pr-md--35-plus {
        padding-right: -35px!important
    }
    .pr-md--30-plus {
        padding-right: -30px!important
    }
    .pr-md--25-plus {
        padding-right: -25px!important
    }
    .pr-md--20-plus {
        padding-right: -20px!important
    }
    .pr-md--15-plus {
        padding-right: -15px!important
    }
    .pr-md--10-plus {
        padding-right: -10px!important
    }
    .pr-md--5-plus {
        padding-right: -5px!important
    }
    .pr-md--2-plus {
        padding-right: -2px!important
    }
    .pr-md--1-plus {
        padding-right: -1px!important
    }
    .pr-md-0-plus {
        padding-right: 0!important
    }
    .pr-md-2-plus {
        padding-right: 2px!important
    }
    .pr-md-3-plus {
        padding-right: 3px!important
    }
    .pr-md-4-plus {
        padding-right: 4px!important
    }
    .pr-md-5-plus {
        padding-right: 5px!important
    }
    .pr-md-6-plus {
        padding-right: 6px!important
    }
    .pr-md-10-plus {
        padding-right: 10px!important
    }
    .pr-md-11-plus {
        padding-right: 11px!important
    }
    .pr-md-15-plus {
        padding-right: 15px!important
    }
    .pr-md-20-plus {
        padding-right: 20px!important
    }
    .pr-md-25-plus {
        padding-right: 25px!important
    }
    .pr-md-30-plus {
        padding-right: 30px!important
    }
    .pr-md-35-plus {
        padding-right: 35px!important
    }
    .pr-md-40-plus {
        padding-right: 40px!important
    }
    .pr-md-45-plus {
        padding-right: 45px!important
    }
    .pr-md-50-plus {
        padding-right: 50px!important
    }
    .pr-md-55-plus {
        padding-right: 55px!important
    }
    .pr-md-60-plus {
        padding-right: 60px!important
    }
    .pr-md-65-plus {
        padding-right: 65px!important
    }
    .pr-md-70-plus {
        padding-right: 70px!important
    }
    .pr-md-75-plus {
        padding-right: 75px!important
    }
    .pr-md-80-plus {
        padding-right: 80px!important
    }
    .pr-md-85-plus {
        padding-right: 85px!important
    }
    .pr-md-90-plus {
        padding-right: 90px!important
    }
    .pr-md-95-plus {
        padding-right: 95px!important
    }
    .pr-md-100-plus {
        padding-right: 100px!important
    }
    .pr-md-120-plus {
        padding-right: 120px!important
    }
    .pr-md-140-plus {
        padding-right: 140px!important
    }
    .pr-md-160-plus {
        padding-right: 160px!important
    }
    .pr-md-330-plus {
        padding-right: 330px!important
    }
    .pb-md--50-plus {
        padding-bottom: -50px!important
    }
    .pb-md--45-plus {
        padding-bottom: -45px!important
    }
    .pb-md--40-plus {
        padding-bottom: -40px!important
    }
    .pb-md--35-plus {
        padding-bottom: -35px!important
    }
    .pb-md--30-plus {
        padding-bottom: -30px!important
    }
    .pb-md--25-plus {
        padding-bottom: -25px!important
    }
    .pb-md--20-plus {
        padding-bottom: -20px!important
    }
    .pb-md--15-plus {
        padding-bottom: -15px!important
    }
    .pb-md--10-plus {
        padding-bottom: -10px!important
    }
    .pb-md--5-plus {
        padding-bottom: -5px!important
    }
    .pb-md--2-plus {
        padding-bottom: -2px!important
    }
    .pb-md--1-plus {
        padding-bottom: -1px!important
    }
    .pb-md-0-plus {
        padding-bottom: 0!important
    }
    .pb-md-2-plus {
        padding-bottom: 2px!important
    }
    .pb-md-3-plus {
        padding-bottom: 3px!important
    }
    .pb-md-4-plus {
        padding-bottom: 4px!important
    }
    .pb-md-5-plus {
        padding-bottom: 5px!important
    }
    .pb-md-6-plus {
        padding-bottom: 6px!important
    }
    .pb-md-10-plus {
        padding-bottom: 10px!important
    }
    .pb-md-11-plus {
        padding-bottom: 11px!important
    }
    .pb-md-15-plus {
        padding-bottom: 15px!important
    }
    .pb-md-20-plus {
        padding-bottom: 20px!important
    }
    .pb-md-25-plus {
        padding-bottom: 25px!important
    }
    .pb-md-30-plus {
        padding-bottom: 30px!important
    }
    .pb-md-35-plus {
        padding-bottom: 35px!important
    }
    .pb-md-40-plus {
        padding-bottom: 40px!important
    }
    .pb-md-45-plus {
        padding-bottom: 45px!important
    }
    .pb-md-50-plus {
        padding-bottom: 50px!important
    }
    .pb-md-55-plus {
        padding-bottom: 55px!important
    }
    .pb-md-60-plus {
        padding-bottom: 60px!important
    }
    .pb-md-65-plus {
        padding-bottom: 65px!important
    }
    .pb-md-70-plus {
        padding-bottom: 70px!important
    }
    .pb-md-75-plus {
        padding-bottom: 75px!important
    }
    .pb-md-80-plus {
        padding-bottom: 80px!important
    }
    .pb-md-85-plus {
        padding-bottom: 85px!important
    }
    .pb-md-90-plus {
        padding-bottom: 90px!important
    }
    .pb-md-95-plus {
        padding-bottom: 95px!important
    }
    .pb-md-100-plus {
        padding-bottom: 100px!important
    }
    .pb-md-120-plus {
        padding-bottom: 120px!important
    }
    .pb-md-140-plus {
        padding-bottom: 140px!important
    }
    .pb-md-160-plus {
        padding-bottom: 160px!important
    }
    .pb-md-330-plus {
        padding-bottom: 330px!important
    }
    .pl-md--50-plus {
        padding-left: -50px!important
    }
    .pl-md--45-plus {
        padding-left: -45px!important
    }
    .pl-md--40-plus {
        padding-left: -40px!important
    }
    .pl-md--35-plus {
        padding-left: -35px!important
    }
    .pl-md--30-plus {
        padding-left: -30px!important
    }
    .pl-md--25-plus {
        padding-left: -25px!important
    }
    .pl-md--20-plus {
        padding-left: -20px!important
    }
    .pl-md--15-plus {
        padding-left: -15px!important
    }
    .pl-md--10-plus {
        padding-left: -10px!important
    }
    .pl-md--5-plus {
        padding-left: -5px!important
    }
    .pl-md--2-plus {
        padding-left: -2px!important
    }
    .pl-md--1-plus {
        padding-left: -1px!important
    }
    .pl-md-0-plus {
        padding-left: 0!important
    }
    .pl-md-2-plus {
        padding-left: 2px!important
    }
    .pl-md-3-plus {
        padding-left: 3px!important
    }
    .pl-md-4-plus {
        padding-left: 4px!important
    }
    .pl-md-5-plus {
        padding-left: 5px!important
    }
    .pl-md-6-plus {
        padding-left: 6px!important
    }
    .pl-md-10-plus {
        padding-left: 10px!important
    }
    .pl-md-11-plus {
        padding-left: 11px!important
    }
    .pl-md-15-plus {
        padding-left: 15px!important
    }
    .pl-md-20-plus {
        padding-left: 20px!important
    }
    .pl-md-25-plus {
        padding-left: 25px!important
    }
    .pl-md-30-plus {
        padding-left: 30px!important
    }
    .pl-md-35-plus {
        padding-left: 35px!important
    }
    .pl-md-40-plus {
        padding-left: 40px!important
    }
    .pl-md-45-plus {
        padding-left: 45px!important
    }
    .pl-md-50-plus {
        padding-left: 50px!important
    }
    .pl-md-55-plus {
        padding-left: 55px!important
    }
    .pl-md-60-plus {
        padding-left: 60px!important
    }
    .pl-md-65-plus {
        padding-left: 65px!important
    }
    .pl-md-70-plus {
        padding-left: 70px!important
    }
    .pl-md-75-plus {
        padding-left: 75px!important
    }
    .pl-md-80-plus {
        padding-left: 80px!important
    }
    .pl-md-85-plus {
        padding-left: 85px!important
    }
    .pl-md-90-plus {
        padding-left: 90px!important
    }
    .pl-md-95-plus {
        padding-left: 95px!important
    }
    .pl-md-100-plus {
        padding-left: 100px!important
    }
    .pl-md-120-plus {
        padding-left: 120px!important
    }
    .pl-md-140-plus {
        padding-left: 140px!important
    }
    .pl-md-160-plus {
        padding-left: 160px!important
    }
    .pl-md-330-plus {
        padding-left: 330px!important
    }
}

@media (min-width:1200px) {
    .pad-lg--50-plus {
        padding: -50px!important
    }
    .pad-lg--45-plus {
        padding: -45px!important
    }
    .pad-lg--40-plus {
        padding: -40px!important
    }
    .pad-lg--35-plus {
        padding: -35px!important
    }
    .pad-lg--30-plus {
        padding: -30px!important
    }
    .pad-lg--25-plus {
        padding: -25px!important
    }
    .pad-lg--20-plus {
        padding: -20px!important
    }
    .pad-lg--15-plus {
        padding: -15px!important
    }
    .pad-lg--10-plus {
        padding: -10px!important
    }
    .pad-lg--5-plus {
        padding: -5px!important
    }
    .pad-lg--2-plus {
        padding: -2px!important
    }
    .pad-lg--1-plus {
        padding: -1px!important
    }
    .pad-lg-0-plus {
        padding: 0!important
    }
    .pad-lg-2-plus {
        padding: 2px!important
    }
    .pad-lg-3-plus {
        padding: 3px!important
    }
    .pad-lg-4-plus {
        padding: 4px!important
    }
    .pad-lg-5-plus {
        padding: 5px!important
    }
    .pad-lg-6-plus {
        padding: 6px!important
    }
    .pad-lg-10-plus {
        padding: 10px!important
    }
    .pad-lg-11-plus {
        padding: 11px!important
    }
    .pad-lg-15-plus {
        padding: 15px!important
    }
    .pad-lg-20-plus {
        padding: 20px!important
    }
    .pad-lg-25-plus {
        padding: 25px!important
    }
    .pad-lg-30-plus {
        padding: 30px!important
    }
    .pad-lg-35-plus {
        padding: 35px!important
    }
    .pad-lg-40-plus {
        padding: 40px!important
    }
    .pad-lg-45-plus {
        padding: 45px!important
    }
    .pad-lg-50-plus {
        padding: 50px!important
    }
    .pad-lg-55-plus {
        padding: 55px!important
    }
    .pad-lg-60-plus {
        padding: 60px!important
    }
    .pad-lg-65-plus {
        padding: 65px!important
    }
    .pad-lg-70-plus {
        padding: 70px!important
    }
    .pad-lg-75-plus {
        padding: 75px!important
    }
    .pad-lg-80-plus {
        padding: 80px!important
    }
    .pad-lg-85-plus {
        padding: 85px!important
    }
    .pad-lg-90-plus {
        padding: 90px!important
    }
    .pad-lg-95-plus {
        padding: 95px!important
    }
    .pad-lg-100-plus {
        padding: 100px!important
    }
    .pad-lg-120-plus {
        padding: 120px!important
    }
    .pad-lg-140-plus {
        padding: 140px!important
    }
    .pad-lg-160-plus {
        padding: 160px!important
    }
    .pad-lg-330-plus {
        padding: 330px!important
    }
    .pt-lg--50-plus {
        padding-top: -50px!important
    }
    .pt-lg--45-plus {
        padding-top: -45px!important
    }
    .pt-lg--40-plus {
        padding-top: -40px!important
    }
    .pt-lg--35-plus {
        padding-top: -35px!important
    }
    .pt-lg--30-plus {
        padding-top: -30px!important
    }
    .pt-lg--25-plus {
        padding-top: -25px!important
    }
    .pt-lg--20-plus {
        padding-top: -20px!important
    }
    .pt-lg--15-plus {
        padding-top: -15px!important
    }
    .pt-lg--10-plus {
        padding-top: -10px!important
    }
    .pt-lg--5-plus {
        padding-top: -5px!important
    }
    .pt-lg--2-plus {
        padding-top: -2px!important
    }
    .pt-lg--1-plus {
        padding-top: -1px!important
    }
    .pt-lg-0-plus {
        padding-top: 0!important
    }
    .pt-lg-2-plus {
        padding-top: 2px!important
    }
    .pt-lg-3-plus {
        padding-top: 3px!important
    }
    .pt-lg-4-plus {
        padding-top: 4px!important
    }
    .pt-lg-5-plus {
        padding-top: 5px!important
    }
    .pt-lg-6-plus {
        padding-top: 6px!important
    }
    .pt-lg-10-plus {
        padding-top: 10px!important
    }
    .pt-lg-11-plus {
        padding-top: 11px!important
    }
    .pt-lg-15-plus {
        padding-top: 15px!important
    }
    .pt-lg-20-plus {
        padding-top: 20px!important
    }
    .pt-lg-25-plus {
        padding-top: 25px!important
    }
    .pt-lg-30-plus {
        padding-top: 30px!important
    }
    .pt-lg-35-plus {
        padding-top: 35px!important
    }
    .pt-lg-40-plus {
        padding-top: 40px!important
    }
    .pt-lg-45-plus {
        padding-top: 45px!important
    }
    .pt-lg-50-plus {
        padding-top: 50px!important
    }
    .pt-lg-55-plus {
        padding-top: 55px!important
    }
    .pt-lg-60-plus {
        padding-top: 60px!important
    }
    .pt-lg-65-plus {
        padding-top: 65px!important
    }
    .pt-lg-70-plus {
        padding-top: 70px!important
    }
    .pt-lg-75-plus {
        padding-top: 75px!important
    }
    .pt-lg-80-plus {
        padding-top: 80px!important
    }
    .pt-lg-85-plus {
        padding-top: 85px!important
    }
    .pt-lg-90-plus {
        padding-top: 90px!important
    }
    .pt-lg-95-plus {
        padding-top: 95px!important
    }
    .pt-lg-100-plus {
        padding-top: 100px!important
    }
    .pt-lg-120-plus {
        padding-top: 120px!important
    }
    .pt-lg-140-plus {
        padding-top: 140px!important
    }
    .pt-lg-160-plus {
        padding-top: 160px!important
    }
    .pt-lg-330-plus {
        padding-top: 330px!important
    }
    .pr-lg--50-plus {
        padding-right: -50px!important
    }
    .pr-lg--45-plus {
        padding-right: -45px!important
    }
    .pr-lg--40-plus {
        padding-right: -40px!important
    }
    .pr-lg--35-plus {
        padding-right: -35px!important
    }
    .pr-lg--30-plus {
        padding-right: -30px!important
    }
    .pr-lg--25-plus {
        padding-right: -25px!important
    }
    .pr-lg--20-plus {
        padding-right: -20px!important
    }
    .pr-lg--15-plus {
        padding-right: -15px!important
    }
    .pr-lg--10-plus {
        padding-right: -10px!important
    }
    .pr-lg--5-plus {
        padding-right: -5px!important
    }
    .pr-lg--2-plus {
        padding-right: -2px!important
    }
    .pr-lg--1-plus {
        padding-right: -1px!important
    }
    .pr-lg-0-plus {
        padding-right: 0!important
    }
    .pr-lg-2-plus {
        padding-right: 2px!important
    }
    .pr-lg-3-plus {
        padding-right: 3px!important
    }
    .pr-lg-4-plus {
        padding-right: 4px!important
    }
    .pr-lg-5-plus {
        padding-right: 5px!important
    }
    .pr-lg-6-plus {
        padding-right: 6px!important
    }
    .pr-lg-10-plus {
        padding-right: 10px!important
    }
    .pr-lg-11-plus {
        padding-right: 11px!important
    }
    .pr-lg-15-plus {
        padding-right: 15px!important
    }
    .pr-lg-20-plus {
        padding-right: 20px!important
    }
    .pr-lg-25-plus {
        padding-right: 25px!important
    }
    .pr-lg-30-plus {
        padding-right: 30px!important
    }
    .pr-lg-35-plus {
        padding-right: 35px!important
    }
    .pr-lg-40-plus {
        padding-right: 40px!important
    }
    .pr-lg-45-plus {
        padding-right: 45px!important
    }
    .pr-lg-50-plus {
        padding-right: 50px!important
    }
    .pr-lg-55-plus {
        padding-right: 55px!important
    }
    .pr-lg-60-plus {
        padding-right: 60px!important
    }
    .pr-lg-65-plus {
        padding-right: 65px!important
    }
    .pr-lg-70-plus {
        padding-right: 70px!important
    }
    .pr-lg-75-plus {
        padding-right: 75px!important
    }
    .pr-lg-80-plus {
        padding-right: 80px!important
    }
    .pr-lg-85-plus {
        padding-right: 85px!important
    }
    .pr-lg-90-plus {
        padding-right: 90px!important
    }
    .pr-lg-95-plus {
        padding-right: 95px!important
    }
    .pr-lg-100-plus {
        padding-right: 100px!important
    }
    .pr-lg-120-plus {
        padding-right: 120px!important
    }
    .pr-lg-140-plus {
        padding-right: 140px!important
    }
    .pr-lg-160-plus {
        padding-right: 160px!important
    }
    .pr-lg-330-plus {
        padding-right: 330px!important
    }
    .pb-lg--50-plus {
        padding-bottom: -50px!important
    }
    .pb-lg--45-plus {
        padding-bottom: -45px!important
    }
    .pb-lg--40-plus {
        padding-bottom: -40px!important
    }
    .pb-lg--35-plus {
        padding-bottom: -35px!important
    }
    .pb-lg--30-plus {
        padding-bottom: -30px!important
    }
    .pb-lg--25-plus {
        padding-bottom: -25px!important
    }
    .pb-lg--20-plus {
        padding-bottom: -20px!important
    }
    .pb-lg--15-plus {
        padding-bottom: -15px!important
    }
    .pb-lg--10-plus {
        padding-bottom: -10px!important
    }
    .pb-lg--5-plus {
        padding-bottom: -5px!important
    }
    .pb-lg--2-plus {
        padding-bottom: -2px!important
    }
    .pb-lg--1-plus {
        padding-bottom: -1px!important
    }
    .pb-lg-0-plus {
        padding-bottom: 0!important
    }
    .pb-lg-2-plus {
        padding-bottom: 2px!important
    }
    .pb-lg-3-plus {
        padding-bottom: 3px!important
    }
    .pb-lg-4-plus {
        padding-bottom: 4px!important
    }
    .pb-lg-5-plus {
        padding-bottom: 5px!important
    }
    .pb-lg-6-plus {
        padding-bottom: 6px!important
    }
    .pb-lg-10-plus {
        padding-bottom: 10px!important
    }
    .pb-lg-11-plus {
        padding-bottom: 11px!important
    }
    .pb-lg-15-plus {
        padding-bottom: 15px!important
    }
    .pb-lg-20-plus {
        padding-bottom: 20px!important
    }
    .pb-lg-25-plus {
        padding-bottom: 25px!important
    }
    .pb-lg-30-plus {
        padding-bottom: 30px!important
    }
    .pb-lg-35-plus {
        padding-bottom: 35px!important
    }
    .pb-lg-40-plus {
        padding-bottom: 40px!important
    }
    .pb-lg-45-plus {
        padding-bottom: 45px!important
    }
    .pb-lg-50-plus {
        padding-bottom: 50px!important
    }
    .pb-lg-55-plus {
        padding-bottom: 55px!important
    }
    .pb-lg-60-plus {
        padding-bottom: 60px!important
    }
    .pb-lg-65-plus {
        padding-bottom: 65px!important
    }
    .pb-lg-70-plus {
        padding-bottom: 70px!important
    }
    .pb-lg-75-plus {
        padding-bottom: 75px!important
    }
    .pb-lg-80-plus {
        padding-bottom: 80px!important
    }
    .pb-lg-85-plus {
        padding-bottom: 85px!important
    }
    .pb-lg-90-plus {
        padding-bottom: 90px!important
    }
    .pb-lg-95-plus {
        padding-bottom: 95px!important
    }
    .pb-lg-100-plus {
        padding-bottom: 100px!important
    }
    .pb-lg-120-plus {
        padding-bottom: 120px!important
    }
    .pb-lg-140-plus {
        padding-bottom: 140px!important
    }
    .pb-lg-160-plus {
        padding-bottom: 160px!important
    }
    .pb-lg-330-plus {
        padding-bottom: 330px!important
    }
    .pl-lg--50-plus {
        padding-left: -50px!important
    }
    .pl-lg--45-plus {
        padding-left: -45px!important
    }
    .pl-lg--40-plus {
        padding-left: -40px!important
    }
    .pl-lg--35-plus {
        padding-left: -35px!important
    }
    .pl-lg--30-plus {
        padding-left: -30px!important
    }
    .pl-lg--25-plus {
        padding-left: -25px!important
    }
    .pl-lg--20-plus {
        padding-left: -20px!important
    }
    .pl-lg--15-plus {
        padding-left: -15px!important
    }
    .pl-lg--10-plus {
        padding-left: -10px!important
    }
    .pl-lg--5-plus {
        padding-left: -5px!important
    }
    .pl-lg--2-plus {
        padding-left: -2px!important
    }
    .pl-lg--1-plus {
        padding-left: -1px!important
    }
    .pl-lg-0-plus {
        padding-left: 0!important
    }
    .pl-lg-2-plus {
        padding-left: 2px!important
    }
    .pl-lg-3-plus {
        padding-left: 3px!important
    }
    .pl-lg-4-plus {
        padding-left: 4px!important
    }
    .pl-lg-5-plus {
        padding-left: 5px!important
    }
    .pl-lg-6-plus {
        padding-left: 6px!important
    }
    .pl-lg-10-plus {
        padding-left: 10px!important
    }
    .pl-lg-11-plus {
        padding-left: 11px!important
    }
    .pl-lg-15-plus {
        padding-left: 15px!important
    }
    .pl-lg-20-plus {
        padding-left: 20px!important
    }
    .pl-lg-25-plus {
        padding-left: 25px!important
    }
    .pl-lg-30-plus {
        padding-left: 30px!important
    }
    .pl-lg-35-plus {
        padding-left: 35px!important
    }
    .pl-lg-40-plus {
        padding-left: 40px!important
    }
    .pl-lg-45-plus {
        padding-left: 45px!important
    }
    .pl-lg-50-plus {
        padding-left: 50px!important
    }
    .pl-lg-55-plus {
        padding-left: 55px!important
    }
    .pl-lg-60-plus {
        padding-left: 60px!important
    }
    .pl-lg-65-plus {
        padding-left: 65px!important
    }
    .pl-lg-70-plus {
        padding-left: 70px!important
    }
    .pl-lg-75-plus {
        padding-left: 75px!important
    }
    .pl-lg-80-plus {
        padding-left: 80px!important
    }
    .pl-lg-85-plus {
        padding-left: 85px!important
    }
    .pl-lg-90-plus {
        padding-left: 90px!important
    }
    .pl-lg-95-plus {
        padding-left: 95px!important
    }
    .pl-lg-100-plus {
        padding-left: 100px!important
    }
    .pl-lg-120-plus {
        padding-left: 120px!important
    }
    .pl-lg-140-plus {
        padding-left: 140px!important
    }
    .pl-lg-160-plus {
        padding-left: 160px!important
    }
    .pl-lg-330-plus {
        padding-left: 330px!important
    }
}

@media (max-width:767px) {
    .pull-right-xs {
        float: right
    }
    .pull-left-xs {
        float: left!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .pull-right-sm {
        float: right
    }
    .pull-left-sm {
        float: left
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .pull-right-md {
        float: right
    }
    .pull-left-md {
        float: left
    }
}

@media (min-width:1200px) {
    .pull-right-lg {
        float: right
    }
    .pull-left-lg {
        float: left
    }
}

.pull-lxs-right {
    float: right
}

@media (max-width:767px) {
    .pull-lxs-right {
        float: left
    }
}

.pull-rxs-left {
    float: left
}

@media (max-width:767px) {
    .pull-rxs-left {
        float: right
    }
}

.pull-lsm-right {
    float: right
}

@media (max-width:991px) {
    .pull-lsm-right {
        float: left
    }
}

.pull-rsm-left {
    float: left
}

@media (max-width:991px) {
    .pull-rsm-left {
        float: right
    }
}

.pull-lmd-right {
    float: right
}

@media (max-width:1199px) {
    .pull-lmd-right {
        float: left
    }
}

.pull-rmd-left {
    float: left
}

@media (max-width:1199px) {
    .pull-rmd-left {
        float: right
    }
}

.pull-llg-right {
    float: right
}

@media (max-width:1349px) {
    .pull-llg-right {
        float: left
    }
}

.pull-rlg-left {
    float: left
}

@media (max-width:1349px) {
    .pull-rlg-left {
        float: right
    }
}

@media (max-width:767px) {
    .pull-none-xs {
        float: none!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .pull-none-sm {
        float: none!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .pull-none-md {
        float: none!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .pull-none-lg {
        float: none!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .pull-left--notablet {
        float: none!important
    }
}

@media (max-width:991px) {
    .mar-xs-auto {
        margin: auto!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .mar-sm-auto {
        margin: auto!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .mar-md-auto {
        margin: auto!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .mar-lg-auto {
        margin: auto!important
    }
}

@media (max-width:991px) {
    .mar-xs-auto-plus {
        margin: auto!important
    }
}

@media (min-width:768px) {
    .mar-sm-auto-plus {
        margin: auto!important
    }
}

@media (min-width:992px) {
    .mar-md-auto-plus {
        margin: auto!important
    }
}

@media (min-width:1200px) {
    .mar-lg-auto-plus {
        margin: auto!important
    }
}

@media (max-width:767px) {
    .mt-mobile-20 {
        margin-top: 20px!important
    }
}

.mt-8-no-mobile {
    margin-top: 8px!important
}

@media (max-width:991px) {
    .mt-8-no-mobile {
        margin-top: 0!important
    }
}

@media (min-width:992px) {
    .mb-lg-8.mt-lg-16 {
        margin-bottom: 8px!important;
        margin-top: 16px!important
    }
}

@media (max-width:991px) {
    .pad-xs-auto {
        padding: auto!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .pad-sm-auto {
        padding: auto!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .pad-md-auto {
        padding: auto!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .pad-lg-auto {
        padding: auto!important
    }
}

@media (max-width:991px) {
    .pad-xs-auto-plus {
        padding: auto!important
    }
}

@media (min-width:768px) {
    .pad-sm-auto-plus {
        padding: auto!important
    }
}

@media (min-width:992px) {
    .pad-md-auto-plus {
        padding: auto!important
    }
}

@media (min-width:1200px) {
    .pad-lg-auto-plus {
        padding: auto!important
    }
}

@media (max-width:767px) {
    .pr-mobile-15 {
        padding-right: 15px!important
    }
    .pb-mobile-15 {
        padding-bottom: 15px!important
    }
}

@media (max-width:1024px) {
    .pl-sm-0-1024 {
        padding-left: 0!important
    }
}

.mobileVersion {
    background-image: none!important;
    border: none!important;
    background: 0 0!important;
    color: #3d5265!important;
    font-weight: 700!important;
    box-shadow: none!important
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: .7;
    transition: opacity .2s
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer
}

.speedTableTitle {
    background: #eaeaea;
    border-radius: 10px;
    padding: 10px;
    font-weight: 700
}

.speedTableBtn,
.speedTableBtnActive {
    border-radius: 8px;
    padding: 10px;
    text-align: center
}

.speedTableBtn {
    background: #fff;
    color: #509e2f;
    border: 1px solid #509e2f
}

.speedTableBtnActive {
    background: #509e2f;
    color: #fff;
    border: 1px solid #fff
}

.speedTableBorder {
    border-bottom: 2px solid #3e5567
}

.speedTableGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .speedTableGrid {
        display: grid!important;
        grid-gap: 3vw;
        grid-template-columns: auto auto auto
    }
}

.speedTable {
    border: 1px solid #b1b1b3;
    border-radius: 10px
}

.withBorder {
    border-right: 1px solid #b1b1b3
}

.button {
    box-sizing: border-box;
    display: inline-block;
    height: 52px;
    border: none;
    border-radius: 2px;
    padding: 19px 20px;
    font-size: 16px;
    line-height: 16px;
    min-width: 166px;
    text-align: center
}

.button,
.button:visited {
    color: #fff
}

.button:hover {
    opacity: .9
}

.button:active:not(.button--disabled) {
    box-shadow: none!important;
    position: relative;
    top: 2px
}

.button.button--small,
.container-button--primary.container-button--small a.button {
    height: 37px;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 19px;
    min-width: 0
}

.button.button--small.button--bigpadding,
.container-button--primary.container-button--small a.button.button--bigpadding {
    padding-right: 30px;
    padding-left: 30px
}

.button.button--full {
    width: 100%;
    display: block
}

.button.button--disabled {
    opacity: .4
}

.button.button--bigpadding {
    padding-right: 30px;
    padding-left: 30px
}

.button.button--xxx {
    padding-left: 100px;
    padding-right: 100px
}

.button.button--medium-xxx {
    padding-left: 70px;
    padding-right: 70px
}

.button.button--primary,
.container-button--primary a.button {
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important;
    box-shadow: 0 2px 0 0 #497b0d!important
}

.button.button--primary.button--img,
.container-button--primary a.button.button--img {
    padding: 15px 20px
}

.button.button--primary.button--img span,
.buttonv2.button--primary.button--img span,
.container-button--primary a.button--img span,
.container-button--primary a.button.button--img span {
    margin-top: 4px;
    display: inline;
    float: left
}

.button.button--primary.button--img img,
.buttonv2.button--primary.button--img img,
.container-button--primary a.button--img img,
.container-button--primary a.button.button--img img {
    height: 20px;
    width: auto
}

.button.button--primary.button--icon,
.container-button--primary a.button.button--icon {
    min-width: 0
}

.button.button--primary.button--icon [class^=icon],
.container-button--primary a.button.button--icon [class^=icon] {
    position: relative;
    top: -2px;
    font-size: 20px;
    margin-left: 5px;
    vertical-align: middle;
    line-height: inherit
}

.button.button--primary.button--icon.button--icon--left [class^=icon],
.buttonv2.button--primary.button--icon.button--icon--left [class^=icon],
.container-button--primary a.button--icon.button--icon--left [class^=icon],
.container-button--primary a.button.button--icon.button--icon--left [class^=icon] {
    margin-left: 0;
    margin-right: 5px
}

.button.button--primary.button--icon.full-width-button,
.container-button--primary a.button.button--icon.full-width-button {
    min-width: 100%
}

.button.button--cancel.button--blue,
.button.button--secondary {
    background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important;
    box-shadow: 0 2px 0 0 #3b61a6!important
}

.button.button--darkBlue {
    background-color: #3d5265;
    color: #fff
}

.button.button--transparent {
    border: 1px solid #3d5265;
    color: #3d5265
}

.button.button--cancel {
    background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important;
    box-shadow: 0 2px 0 0 #969999!important
}

.button.button--orange {
    background-image: linear-gradient(to right, #ff5e3a, #ff9500)!important;
    box-shadow: 0 2px 0 0 #de481b!important
}

.button.purple {
    background-color: #eb278d
}

.button.button--rounded {
    border-radius: 50px;
    background-clip: padding-box;
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important;
    box-shadow: none!important;
    height: 42px;
    padding: 10px 20px
}

.button.button--simple-green {
    border-radius: 2px;
    background-clip: padding-box;
    border-style: solid;
    border-width: 1px;
    border-image-source: #97c14e, #41ad49, #497b0d;
    border-image-slice: 1;
    background: #fff;
    color: #509e2f
}

@media (max-width:991px) {
    .button.button--simple-green {
        font-size: 14px
    }
}

.button.button--anchored-bottom:active:not(.button--disabled) {
    bottom: 0;
    top: auto
}

.button.button--mobilefull {
    width: 100%;
    display: block
}

@media (min-width:768px) {
    .button.button--mobilefull {
        width: auto;
        display: inline-block
    }
}

@media (max-width:767px) {
    .button.button--mobilehalf {
        min-width: 47%;
        max-width: 47%;
        display: block
    }
}

.button.button--simple {
    color: #374148;
    background-color: #fff;
    font-weight: 400
}

.button.button--link {
    color: #00a0dc;
    text-decoration: underline;
    height: auto;
    width: auto;
    min-width: auto
}

.button.button--link:hover {
    opacity: 1
}

@media (max-width:767px) {
    .button.button--2lines-mobile {
        padding: 8px 20px
    }
}

.add__puk__button {
    color: #509e2f!important
}

.add__puk__button i {
    top: -2px;
    position: relative;
    margin-right: 2px
}

.container-button--primary a,
.container-button--primary.container-button--small a {
    padding: 12px!important
}

.close-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #b1b1b3;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    text-align: center
}

.close-icon span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 20px;
    width: 10px;
    color: #fff!important
}

@media (max-width:767px) {
    .close-icon {
        background-color: transparent;
        color: #374148;
        height: 15px;
        font-size: 30px
    }
    .close-icon span {
        color: #374148!important
    }
}

.alert {
    position: relative
}

.alert .close-icon {
    position: absolute;
    top: 10px;
    right: 10px
}

@media (min-width:992px) {
    .graph--other__button {
        position: relative;
        top: 15px;
        font-size: 14px
    }
}

.buttonv2 {
    padding: 5px 20px
}

.buttonv2,
.container-button--primary a {
    box-sizing: border-box;
    display: inline-block;
    min-height: 52px;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    line-height: 16px;
    min-width: 166px;
    text-align: center;
    word-break: break-word
}

.buttonv2,
.buttonv2:visited,
.container-button--primary a:visited {
    color: #fff
}

.buttonv2:hover,
.container-button--primary a:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.buttonv2:active:not(.button--disabled),
.container-button--primary a:active:not(.button--disabled) {
    box-shadow: none!important;
    position: relative;
    top: 2px
}

.buttonv2.button--small,
.container-button--primary a.button--small {
    min-height: 37px;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 19px;
    min-width: 0
}

.container-button--primary.container-button--small a {
    min-height: 37px;
    font-size: 14px;
    line-height: 14px;
    min-width: 0
}

.buttonv2.button--small.button--bigpadding,
.container-button--primary a.button--small.button--bigpadding,
.container-button--primary.container-button--small a.button--bigpadding {
    padding-right: 30px;
    padding-left: 30px
}

.buttonv2.button--full,
.container-button--primary a.button--full {
    width: 100%;
    display: block
}

.buttonv2.button--disabled,
.container-button--primary a.button--disabled {
    opacity: .4
}

.buttonv2.button--bigpadding,
.container-button--primary a.button--bigpadding {
    padding-right: 30px;
    padding-left: 30px
}

.buttonv2.button--xxx,
.container-button--primary a.button--xxx {
    padding-left: 100px;
    padding-right: 100px
}

.buttonv2.button--medium-xxx,
.container-button--primary a.button--medium-xxx {
    padding-left: 70px;
    padding-right: 70px
}

.buttonv2.buttonv2-price,
.container-button--primary a.buttonv2-price {
    font-weight: 400
}

.buttonv2.buttonv2-price .price,
.container-button--primary a.buttonv2-price .price {
    font-size: 24px;
    padding: 0 5px;
    font-weight: 700
}

.buttonv2.button--primary,
.container-button--primary a {
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important;
    box-shadow: 0 2px 0 0 #497b0d!important
}

.buttonv2.button--primary.button--img,
.container-button--primary a.button--img {
    padding: 15px 20px
}

.buttonv2.button--primary.button--icon,
.container-button--primary a.button--icon {
    min-width: 0
}

.buttonv2.button--primary.button--icon [class^=icon],
.container-button--primary a.button--icon [class^=icon] {
    position: relative;
    top: -2px;
    font-size: 20px;
    margin-left: 5px;
    vertical-align: middle;
    line-height: inherit
}

.buttonv2.button--primary.button--icon.full-width-button,
.container-button--primary a.button--icon.full-width-button {
    min-width: 100%
}

@media (max-width:991px) {
    .buttonv2.button--secondary,
    .container-button--primary a.button--secondary {
        background-image: linear-gradient(to right, #20b2eb, #1a63b0);
        box-shadow: 0 2px 0 0 #3b61a6
    }
}

@media (min-width:991px) {
    .buttonv2.button--secondary,
    .container-button--primary a.button--secondary {
        background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important;
        box-shadow: 0 2px 0 0 #3b61a6!important
    }
}

.buttonv2.button--secondary.qr-code-button,
.container-button--primary a.button--secondary.qr-code-button {
    position: relative;
    padding-left: 40px;
    line-height: 20px
}

.buttonv2.button--secondary.qr-code-button span,
.container-button--primary a.button--secondary.qr-code-button span {
    font-weight: 400;
    display: block
}

.buttonv2.button--secondary.qr-code-button .icon-qr-code,
.container-button--primary a.button--secondary.qr-code-button .icon-qr-code {
    color: #fff;
    position: absolute;
    height: 20px;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto
}

.buttonv2.button--secondary.button--out-of-stock span span,
.container-button--primary a.button--secondary.button--out-of-stock span span {
    display: block;
    font-weight: 400;
    margin-top: 5px
}

.buttonv2.button--cancel,
.container-button--primary a.button--cancel {
    background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important;
    box-shadow: 0 2px 0 0 #969999!important
}

.buttonv2.button--cancel.button--blue,
.container-button--primary a.button--cancel.button--blue {
    background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important;
    box-shadow: 0 2px 0 0 #3b61a6!important
}

.buttonv2.button--orange,
.container-button--primary a.button--orange {
    background-image: linear-gradient(to right, #ff5e3a, #ff9500)!important;
    box-shadow: 0 2px 0 0 #de481b!important
}

.buttonv2.purple,
.container-button--primary a.purple {
    background-color: #eb278d
}

.buttonv2.button--rounded,
.container-button--primary a.button--rounded {
    border-radius: 50px;
    background-clip: padding-box;
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important;
    box-shadow: none!important;
    height: 42px;
    padding: 10px 20px
}

.buttonv2.button--simple-green,
.container-button--primary a.button--simple-green {
    border-radius: 2px;
    background-clip: padding-box;
    border-style: solid;
    border-width: 1px;
    border-image-source: #97c14e, #41ad49, #497b0d;
    border-image-slice: 1;
    background: #fff;
    color: #509e2f
}

@media (max-width:991px) {
    .buttonv2.button--simple-green,
    .container-button--primary a.button--simple-green {
        font-size: 14px
    }
}

.buttonv2.button--anchored-bottom:active:not(.button--disabled),
.container-button--primary a.button--anchored-bottom:active:not(.button--disabled) {
    bottom: 0;
    top: auto
}

.buttonv2.button--mobilefull,
.container-button--primary a.button--mobilefull {
    width: 100%;
    display: block
}

@media (min-width:768px) {
    .buttonv2.button--mobilefull,
    .container-button--primary a.button--mobilefull {
        width: auto;
        display: inline-block
    }
}

@media (max-width:767px) {
    .buttonv2.button--mobilehalf,
    .container-button--primary a.button--mobilehalf {
        min-width: 47%;
        max-width: 47%;
        display: block
    }
}

.buttonv2.button--simple,
.container-button--primary a.button--simple {
    color: #374148;
    background-color: #fff;
    font-weight: 400
}

.buttonv2.button--link,
.container-button--primary a.button--link {
    color: #00a0dc;
    text-decoration: underline;
    height: auto;
    min-height: auto;
    width: auto;
    min-width: auto
}

.buttonv2.button--link:hover,
.container-button--primary a.button--link:hover {
    opacity: 1
}

@media (max-width:767px) {
    .buttonv2.button--2lines-mobile,
    .container-button--primary a.button--2lines-mobile {
        padding: 8px 20px
    }
}

.buttonv2.button--no-min-width,
.container-button--primary a.button--no-min-width {
    min-width: 0;
    width: 100%
}

.button--link.button--disabled:hover {
    opacity: .4
}

.buttoncart .buttonv2,
.buttoncart .container-button--primary a,
.container-button--primary .buttoncart a {
    position: relative;
    width: 100%;
    text-align: left!important
}

.buttoncart .buttonv2 span,
.buttoncart .container-button--primary a span,
.configurebutton .buttonv2 span,
.configurebutton .container-button--primary a span,
.container-button--primary .buttoncart a span,
.container-button--primary .configurebutton a span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.buttoncart .buttonv2.button--icon,
.buttoncart .buttonv2.button--icon:active,
.buttoncart .container-button--primary a.button--icon,
.buttoncart .container-button--primary a.button--icon:active,
.container-button--primary .buttoncart a.button--icon,
.container-button--primary .buttoncart a.button--icon:active {
    min-width: 0
}

.buttoncart .buttonv2.button--icon:active [class^=icon],
.buttoncart .container-button--primary a.button--icon:active [class^=icon],
.configurebutton .buttonv2.button--icon:active [class^=icon],
.configurebutton .container-button--primary a.button--icon:active [class^=icon],
.container-button--primary .buttoncart a.button--icon:active [class^=icon],
.container-button--primary .configurebutton a.button--icon:active [class^=icon] {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    top: 0;
    font-size: 20px
}

.buttoncart .buttonv2.button--icon [class^=icon],
.buttoncart .container-button--primary a.button--icon [class^=icon],
.container-button--primary .buttoncart a.button--icon [class^=icon] {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    top: 0;
    font-size: 20px
}

.configurebutton .buttonv2,
.configurebutton .container-button--primary a,
.container-button--primary .configurebutton a {
    position: relative;
    max-width: 190px;
    text-align: left!important;
    margin-top: 0
}

@media (max-width:767px) {
    .configurebutton .buttonv2,
    .configurebutton .container-button--primary a,
    .container-button--primary .configurebutton a {
        text-align: center!important
    }
}

.configurebutton .buttonv2:hover,
.configurebutton .container-button--primary a:hover,
.container-button--primary .configurebutton a:hover {
    color: #fff;
    cursor: pointer
}

.configurebutton .buttonv2.button--icon,
.configurebutton .buttonv2.button--icon:active,
.configurebutton .container-button--primary a.button--icon,
.configurebutton .container-button--primary a.button--icon:active,
.container-button--primary .configurebutton a.button--icon,
.container-button--primary .configurebutton a.button--icon:active {
    min-width: 0
}

.configurebutton .buttonv2.button--icon [class^=icon],
.configurebutton .container-button--primary a.button--icon [class^=icon],
.container-button--primary .configurebutton a.button--icon [class^=icon] {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    top: 0;
    font-size: 20px
}

.badge {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: #fff;
    background: red;
    font-size: 12px;
    text-align: center;
    display: inline-block
}

.badge.badge--blue {
    background: #00a0dc
}

.badge.badge--green {
    background: #509e2f
}

.badge.badge--big {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.notifications__badge {
    background: #3d5265;
    padding: 10px 13px;
    border-radius: 72px;
    background-clip: padding-box;
    display: inline-block
}

@media (min-width:768px) {
    .notifications__badge {
        padding: 8px 15px
    }
}

.notifications__badge .notifications__badge__txt {
    margin: 0 3px
}

.notifications__badge .notifications__badge__icon {
    position: relative;
    top: -1px
}

.notifications__badge .notifications__badge__badge {
    position: absolute;
    top: -10px;
    right: -2px;
    width: 25px;
    height: 25px;
    line-height: 25px
}

@media (min-width:768px) {
    .notifications__badge .notifications__badge__badge {
        position: static;
        width: 20px;
        height: 20px;
        line-height: 20px
    }
}

.header__menu-bar__list__item .icon-double-squares .badge,
.header__menu-bar__list__item .product-box.product-box-offer.product-box-offer-version3 .compare-icon-container a .icon-compare .badge,
.header__menu-bar__list__item .product-box.product-box-tile .compare-icon-container a .icon-compare .badge,
.product-box.product-box-offer.product-box-offer-version3 .compare-icon-container a .header__menu-bar__list__item .icon-compare .badge,
.product-box.product-box-tile .compare-icon-container a .header__menu-bar__list__item .icon-compare .badge {
    margin-top: 4px;
    position: absolute;
    font-family: Arial;
    left: 10px;
    top: -14px
}

.header__menu-bar__list__item .icon-user .badge {
    margin-top: -12px;
    position: absolute;
    font-family: Arial;
    left: 10px
}

.notification-with-info {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 21px;
    background-clip: padding-box;
    border: 0;
    box-shadow: none;
    background-color: #e0e0e0;
    color: #509e2f;
    margin-left: 20px
}

@media (max-width:767px) {
    .notification-with-info {
        margin-left: 10px;
        padding: 10px
    }
}

.notification-with-info,
.notification-with-info i,
.notification-with-info span {
    display: inline-block;
    vertical-align: middle
}

.notification-with-info i {
    font-size: 18px;
    margin-right: 10px
}

.notification-with-info .badge {
    background-color: #a0d933;
    font-weight: 400;
    font-size: 16px;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    line-height: 1.6;
    text-align: center
}

.notification-with-info.active {
    background-color: #509e2f;
    color: #fff
}

.notification-with-info.active .badge {
    background-color: #fff;
    color: #509e2f
}

.notification-with-info.inactive {
    color: #7c7c7c
}

.notification-with-info.inactive .badge {
    background-color: #fff;
    color: #7c7c7c
}

.form__block {
    max-width: 215px
}

.form__block--inline {
    max-width: none
}

.form__block--relative {
    position: relative
}

.form__block--relative .password-strength {
    z-index: 1
}

.form__block--relative .password-strength:after {
    left: 50%
}

@media (max-width:991px) {
    .form__block--relative .password-strength:after {
        left: 6%
    }
}

.form__block.form__inline-block {
    display: inline-block
}

.form__block.full-width {
    width: 100%;
    max-width: 100%
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__block.date-of-birth input.day,
.form__block.date-of-birth .bordered__fullpage__box .bordered__fullpage__box__search input.day,
.form__block.date-of-birth .form__input.day,
.form__block.date-of-birth .header__heading-bar__search input.day,
.header__heading-bar__search .form__block.date-of-birth input.day {
    width: 25%
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__block.date-of-birth input.month,
.form__block.date-of-birth .bordered__fullpage__box .bordered__fullpage__box__search input.month,
.form__block.date-of-birth .form__input.month,
.form__block.date-of-birth .header__heading-bar__search input.month,
.header__heading-bar__search .form__block.date-of-birth input.month {
    width: 45%;
    margin-left: 0
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__block.date-of-birth input.year,
.form__block.date-of-birth .bordered__fullpage__box .bordered__fullpage__box__search input.year,
.form__block.date-of-birth .form__input.year,
.form__block.date-of-birth .header__heading-bar__search input.year,
.header__heading-bar__search .form__block.date-of-birth input.year {
    width: 25%
}

.form__block.form__block--lg {
    max-width: 300px
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__block.form__block--lg input,
.form__block.form__block--lg .bordered__fullpage__box .bordered__fullpage__box__search input,
.form__block.form__block--lg .form__input,
.form__block.form__block--lg .header__heading-bar__search input,
.header__heading-bar__search .form__block.form__block--lg input {
    width: 100%
}

.form__block.form__block--nomax {
    max-width: none;
    position: relative
}

.form__block.form__block--full {
    max-width: none
}

@media (max-width:767px) {
    .bordered__fullpage__box .bordered__fullpage__box__search .form__block.mobilefull-width input,
    .form__block.mobilefull-width,
    .form__block.mobilefull-width .bordered__fullpage__box .bordered__fullpage__box__search input,
    .form__block.mobilefull-width .form__input,
    .form__block.mobilefull-width .header__heading-bar__search input,
    .header__heading-bar__search .form__block.mobilefull-width input {
        max-width: 100%;
        width: 100%
    }
}

.form__block.form__relative input {
    padding-right: 35px;
    max-width: 187px
}

.form__block.form__relative input.full-width {
    max-width: 100%
}

.form__block.form__relative .div-relative {
    position: relative;
    margin-top: 10px
}

@media (max-width:991px) {
    .form__block.form__relative .div-relative {
        margin-top: 5px
    }
}

.form__block.form__relative .div-relative .infobox-on-input {
    top: 13px
}

@media (max-width:991px) {
    .form__block.form__relative .div-relative .infobox-on-input {
        top: 25px
    }
}

.form__block.form__relative .infobox-on-input {
    position: absolute;
    right: 22px;
    top: 43px;
    height: 15px;
    color: #7c7c7c;
    cursor: pointer
}

.form__block.form__relative .infobox-on-input:hover+.position-absolute-infobox,
.form__block.form__relative .position-absolute-infobox.infoboxAutoOpen {
    display: block
}

@media (max-width:767px) {
    .form__block.form__relative .infobox-on-input {
        top: 50px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .form__block.form__relative .infobox-on-input {
        top: 50px
    }
}

.form__block.form__relative .position-absolute-infobox {
    display: none;
    position: absolute;
    max-width: 240px;
    right: -242px;
    top: 0;
    z-index: 1;
    background-color: #eaeaea;
    padding: 15px;
    border-radius: 3px
}

.form__block.form__relative .position-absolute-infobox.small-text {
    top: 22px
}

.form__block.form__relative .position-absolute-infobox.top--0,
.form__block.form__relative.infobox-left .position-relative-infobox .password-strength .position-absolute-infobox {
    top: 0
}

.form__block.form__relative .position-absolute-infobox.top--20 {
    top: -20px
}

.form__block.form__relative .position-absolute-infobox.top--35 {
    top: -35px
}

@media (max-width:767px) {
    .form__block.form__relative .position-absolute-infobox.top--35 {
        top: 75px
    }
}

.form__block.form__relative .position-absolute-infobox.top--50 {
    top: -50px
}

@media (max-width:767px) {
    .form__block.form__relative .position-absolute-infobox.top--50 {
        top: 95px
    }
}

.form__block.form__relative .position-absolute-infobox.top--45 {
    top: -45px
}

.form__block.form__relative .position-absolute-infobox.top--55 {
    top: -55px
}

@media (max-width:767px) {
    .form__block.form__relative .position-absolute-infobox.top--55 {
        top: -95px!important
    }
}

.form__block.form__relative .position-absolute-infobox.top--125 {
    top: -125px
}

@media (max-width:767px) {
    .form__block.form__relative .position-absolute-infobox.top--125 {
        top: -165px
    }
}

.form__block.form__relative .position-absolute-infobox.bottom-25 {
    top: auto;
    bottom: 0
}

@media (max-width:991px) {
    .form__block.form__relative .position-absolute-infobox.bottom-25 {
        bottom: 50px
    }
}

.form__block.form__relative .position-absolute-infobox:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -10px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #eaeaea;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.form__block.form__relative .position-absolute-infobox.visible-infobox-block {
    display: block
}

.form__block.form__relative .position-absolute-infobox.arrow-bottom:after {
    top: auto;
    bottom: 10px
}

@media (max-width:991px) {
    .form__block.form__relative .position-absolute-infobox.arrow-bottom:after {
        bottom: -15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .form__block.form__relative .position-absolute-infobox {
        top: 100px;
        right: 15px
    }
    .form__block.form__relative .position-absolute-infobox.normal-mobile,
    .form__block.form__relative .position-absolute-infobox.small-text {
        top: 100px
    }
    .form__block.form__relative .position-absolute-infobox:after {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        bottom: auto;
        top: -15px;
        left: auto;
        right: 10px
    }
    .form__block.form__relative .position-absolute-infobox.secondary-version {
        min-width: 240px
    }
    .form__block.form__relative .position-absolute-infobox.secondary-version:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        bottom: 0;
        top: 0;
        left: -10px;
        right: auto
    }
}

@media (max-width:767px) {
    .form__block.form__relative .position-absolute-infobox.secondary-version {
        min-width: 180px;
        max-width: 180px
    }
    .form__block.form__relative .position-absolute-infobox.secondary-version:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        bottom: 10px
    }
}

@media (max-width:991px) {
    .form__block.form__relative.infobox-middle-tablet .infobox-on-input {
        right: 60px
    }
    .form__block.form__relative.infobox-middle-tablet .position-absolute-infobox {
        right: -195px
    }
}

@media (max-width:767px) {
    .form__block.form__relative.infobox-middle-mobile .infobox-on-input {
        right: auto;
        left: 235px
    }
    .form__block.form__relative.infobox-middle-mobile .position-absolute-infobox {
        right: auto;
        left: 18px
    }
}

.form__block.form__relative.infobox-left .infobox-on-input {
    right: 85px;
    top: 62px
}

@media (max-width:767px) {
    .form__block.form__relative.infobox-left .infobox-on-input {
        right: 30px
    }
}

.form__block.form__relative.infobox-left .position-relative-infobox {
    position: relative
}

.form__block.form__relative.infobox-left .position-relative-infobox .infobox-on-input {
    right: 21px;
    top: 21px
}

.form__block.form__relative.infobox-left .position-relative-infobox .position-absolute-infobox {
    right: -245px;
    top: -95px
}

@media (max-width:991px) {
    .form__block.form__relative.infobox-left .position-relative-infobox .position-absolute-infobox {
        right: 7px;
        top: -135px
    }
}

.form__block.form__relative.infobox-left .position-absolute-infobox {
    right: -170px
}

@media (max-width:767px) {
    .form__block.form__relative.infobox-left .position-absolute-infobox {
        right: 23px;
        top: 90px
    }
}

.form__block.form__relative.infobox-left.forgotpsw {
    position: relative
}

.form__block.form__relative.infobox-left.forgotpsw .infobox-on-input {
    right: 8px;
    bottom: auto;
    top: 43px;
    z-index: 1
}

.form__block.form__relative.infobox-left.forgotpsw .position-absolute-infobox {
    right: -250px;
    top: 22px
}

@media (max-width:767px) {
    .form__block.form__relative.infobox-left.forgotpsw .position-absolute-infobox {
        right: 0;
        top: 70px
    }
}

@media (max-width:991px) {
    .form__block.form__relative.infobox-left.infobox-middle-tablet .infobox-on-input {
        right: 60px
    }
    .form__block.form__relative.infobox-left.infobox-middle-tablet .position-absolute-infobox {
        right: -195px
    }
}

@media (max-width:767px) {
    .form__block.form__relative.infobox-left.infobox-middle-mobile .infobox-on-input {
        right: auto;
        left: 235px
    }
    .form__block.form__relative.infobox-left.infobox-middle-mobile .position-absolute-infobox {
        right: auto;
        left: 18px
    }
}

.form__block.form__relative.form__block--inline .infobox-on-input {
    right: 60px
}

@media (max-width:991px) {
    .form__block.form__relative.form__block--inline .infobox-on-input {
        right: 190px
    }
}

@media (max-width:767px) {
    .form__block.form__relative.form__block--inline .infobox-on-input {
        right: 10px;
        top: 43px
    }
}

.form__block.form__relative.form__block--inline .position-absolute-infobox {
    right: -195px;
    top: -55px
}

@media (max-width:991px) {
    .form__block.form__relative.form__block--inline .position-absolute-infobox {
        right: -65px
    }
}

@media (max-width:767px) {
    .form__block.form__relative.form__block--inline .position-absolute-infobox {
        right: 2px;
        top: 70px
    }
}

.password-strength .infobox-on-input {
    top: 12px!important;
    color: #fff!important;
    right: 20px!important
}

@media (max-width:991px) {
    .password-strength .infobox-on-input {
        right: 15px!important
    }
}

.password-strength .position-absolute-infobox {
    right: -245px!important
}

@media (max-width:991px) {
    .password-strength .position-absolute-infobox {
        right: auto!important;
        left: 192px!important;
        top: 45px!important
    }
}

@media (max-width:767px) {
    .password-strength .position-absolute-infobox {
        left: 15px!important
    }
}

.password-strength .position-absolute-infobox:after {
    top: 10px!important;
    bottom: auto!important
}

@media (max-width:991px) {
    .password-strength .position-absolute-infobox:after {
        top: -15px!important
    }
    .password-strength.infobox-left-on-mobile .position-absolute-infobox {
        left: 52px!important
    }
}

.form__label2 {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    -webkit-box-align: end;
    font-size: 15px;
    margin: 10px 0;
    min-height: 45px
}

@media (max-width:991px) {
    .form__label2 {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .form__label2 {
        margin: 0
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .form__label2 {
        margin-top: 20px;
        height: 45px
    }
}

.form__label {
    display: block;
    font-size: 15px;
    margin-top: 20px
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__label+input,
.form__label+.form__input,
.form__label+.form__textarea,
.header__heading-bar__search .form__label+input {
    margin-top: 10px
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__label+.form__input+input,
.bordered__fullpage__box .bordered__fullpage__box__search .form__label+input+.form__input,
.bordered__fullpage__box .bordered__fullpage__box__search .form__label+input+input,
.bordered__fullpage__box .bordered__fullpage__box__search .header__heading-bar__search .form__label+input+input,
.form__label+.form__input+.form__input,
.header__heading-bar__search .form__label+.form__input+input,
.header__heading-bar__search .form__label+input+.form__input,
.header__heading-bar__search .form__label+input+input {
    margin-left: 20px
}

.form__label--inline {
    margin-top: 0;
    margin-right: 10px;
    display: inline-block;
    min-width: 120px
}

.form__label--inline.long-text {
    min-width: 170px
}

@media (max-width:767px) {
    .full-width-mobile {
        width: 100%
    }
}

.full-width-button {
    min-width: 100%
}

.form__error-message {
    display: none
}

.form__input {
    height: 40px
}

.bordered__fullpage__box .bordered__fullpage__box__search input,
.form__input,
.header__heading-bar__search input {
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: inset 0 0 0 2px rgba(55, 65, 72, .08);
    border: solid 1px rgba(55, 65, 72, .4);
    padding: 0 10px;
    font-weight: 700;
    font-size: 14px;
    max-width: 100%
}

.form__input--inline {
    margin-top: 0;
    display: inline-block
}

.bordered__fullpage__box .bordered__fullpage__box__search input:active,
.bordered__fullpage__box .bordered__fullpage__box__search input:focus,
.form__input:active,
.form__input:focus,
.header__heading-bar__search input:active,
.header__heading-bar__search input:focus {
    box-shadow: none;
    border-color: #509e2f
}

.bordered__fullpage__box .bordered__fullpage__box__search input:placeholder-shown,
.form__input:placeholder-shown,
.header__heading-bar__search input:placeholder-shown {
    opacity: .5
}

.bordered__fullpage__box .bordered__fullpage__box__search input::-webkit-input-placeholder,
.form__input::-webkit-input-placeholder,
.header__heading-bar__search input::-webkit-input-placeholder {
    color: #000;
    opacity: .5;
    font-weight: 400
}

.bordered__fullpage__box .bordered__fullpage__box__search input:-moz-placeholder,
.bordered__fullpage__box .bordered__fullpage__box__search input::-moz-placeholder,
.form__input:-moz-placeholder,
.form__input::-moz-placeholder,
.header__heading-bar__search input:-moz-placeholder,
.header__heading-bar__search input::-moz-placeholder {
    color: #b1b1b3;
    font-weight: 400
}

.bordered__fullpage__box .bordered__fullpage__box__search input:-ms-input-placeholder,
.form__input:-ms-input-placeholder,
.header__heading-bar__search input:-ms-input-placeholder {
    color: #b1b1b3;
    font-weight: 400
}

.bordered__fullpage__box .bordered__fullpage__box__search input.full-width,
.form__input.full-width,
.header__heading-bar__search input.full-width {
    width: 100%
}

@media (max-width:768px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.full-width,
    .form__input.full-width,
    .header__heading-bar__search input.full-width {
        height: 50px
    }
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid,
.form__input.form__input--invalid,
.header__heading-bar__search input.form__input--invalid {
    border-color: #ef3e42;
    margin-bottom: 0
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid~.form__error-message,
.form__input.form__input--invalid~.form__error-message,
.header__heading-bar__search input.form__input--invalid~.form__error-message {
    color: #ef3e42;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    display: block
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid~.position-absolute-infobox.bottom-25,
.form__input.form__input--invalid~.position-absolute-infobox.bottom-25,
.header__heading-bar__search input.form__input--invalid~.position-absolute-infobox.bottom-25 {
    top: auto;
    bottom: 25px
}

@media (max-width:991px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid~.position-absolute-infobox.bottom-25,
    .form__input.form__input--invalid~.position-absolute-infobox.bottom-25,
    .header__heading-bar__search input.form__input--invalid~.position-absolute-infobox.bottom-25 {
        bottom: 75px
    }
}

@media (max-width:767px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid~.position-absolute-infobox.bottom-25,
    .form__input.form__input--invalid~.position-absolute-infobox.bottom-25,
    .header__heading-bar__search input.form__input--invalid~.position-absolute-infobox.bottom-25 {
        bottom: 95px
    }
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid-important,
.form__input.form__input--invalid-important,
.header__heading-bar__search input.form__input--invalid-important {
    border-color: #ef3e42!important;
    margin-bottom: 0
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid-important~.form__error-message,
.form__input.form__input--invalid-important~.form__error-message,
.header__heading-bar__search input.form__input--invalid-important~.form__error-message {
    color: #ef3e42!important;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    display: block
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid-important~.position-absolute-infobox.bottom-25,
.form__input.form__input--invalid-important~.position-absolute-infobox.bottom-25,
.header__heading-bar__search input.form__input--invalid-important~.position-absolute-infobox.bottom-25 {
    top: auto;
    bottom: 25px
}

@media (max-width:991px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid-important~.position-absolute-infobox.bottom-25,
    .form__input.form__input--invalid-important~.position-absolute-infobox.bottom-25,
    .header__heading-bar__search input.form__input--invalid-important~.position-absolute-infobox.bottom-25 {
        bottom: 75px
    }
}

@media (max-width:767px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid-important~.position-absolute-infobox.bottom-25,
    .form__input.form__input--invalid-important~.position-absolute-infobox.bottom-25,
    .header__heading-bar__search input.form__input--invalid-important~.position-absolute-infobox.bottom-25 {
        bottom: 95px
    }
}

.bordered__fullpage__box .bordered__fullpage__box__search input .form__success-message,
.form__input .form__success-message,
.form__textarea.form__input--invalid~.form__error-message,
.header__heading-bar__search input .form__success-message {
    color: #509e2f;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    display: none
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--change,
.form__input.form__input--change,
.header__heading-bar__search input.form__input--change {
    display: none
}

.bordered__fullpage__box .bordered__fullpage__box__search input.form__input--large,
.form__input.form__input--large,
.header__heading-bar__search input.form__input--large {
    min-width: 300px
}

.bordered__fullpage__box .bordered__fullpage__box__search input.order-history-input,
.form__input.order-history-input,
.header__heading-bar__search input.order-history-input {
    max-width: 350px;
    max-height: 40px;
    line-height: 1.2;
    padding-right: 40px
}

.form__textarea {
    box-shadow: inset 0 0 0 2px rgba(55, 65, 72, .08);
    border: solid 1px rgba(55, 65, 72, .4);
    opacity: .5;
    resize: none;
    padding: 10px
}

.form__textarea.form__input--invalid {
    border-color: #ef3e42;
    margin-bottom: 0
}

.form__textarea.form__input--invalid~.form__error-message {
    color: #ef3e42;
    display: block
}

.bordered__fullpage__box .bordered__fullpage__box__search .form__container .form__block--nomax input,
.form__container .form__block--nomax .bordered__fullpage__box .bordered__fullpage__box__search input,
.form__container .form__block--nomax .form__input,
.form__container .form__block--nomax .form__textarea,
.form__container .form__block--nomax .header__heading-bar__search input,
.form__textarea.full-width,
.header__heading-bar__search .form__container .form__block--nomax input {
    width: 100%
}

.form__checkbox {
    position: relative;
    display: inline-block
}

.form__checkbox label .form__checkbox__icon,
.form__checkbox label .form__checkbox__icon__inverted {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px rgba(55, 65, 72, .3);
    opacity: 1
}

.form__checkbox label .form__checkbox__icon {
    background: #fff
}

.form__checkbox label .form__checkbox__icon:after,
.form__checkbox label .form__checkbox__icon__inverted:after {
    content: '';
    width: 11px;
    height: 7px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form__checkbox label .form__checkbox__icon__inverted {
    background: 0 0
}

.form__checkbox label .form__checkbox__icon__inverted:after {
    border: 3px solid #539f32;
    border-top: none!important;
    border-right: none!important
}

.form__checkbox label .form__checkbox__text {
    padding-left: 25px;
    display: block;
    line-height: 18px;
    font-size: 14px;
    color: #374148
}

#main-carousel .carousel-item-content .carousel-item-content-txt h1 b,
#main-carousel .carousel-item-content .carousel-item-content-txt h3 b,
#main-carousel .carousel-item-content .carousel-item-content-txt h4 b,
#main-carousel .carousel-item-content .carousel-item-content-txt h6 b,
.form__checkbox label .form__checkbox__text.bold,
.hero__container2 h2 {
    font-weight: 700
}

.form__checkbox input[type=checkbox],
.radio-button-container input[type=radio],
.radio-button-container-v2 input[type=radio] {
    display: none
}

.form__checkbox input[type=checkbox]:checked~label .form__checkbox__icon:after,
.form__checkbox input[type=checkbox]:checked~label .form__checkbox__icon__inverted:after {
    opacity: 1
}

.form__checkbox input[type=checkbox]:checked~label .form__checkbox__icon {
    background: #509e2f;
    opacity: 1
}

.form__checkbox input[type=checkbox]:checked~label .form__checkbox__icon__inverted {
    background: 0 0;
    opacity: 1
}

.form__checkbox.centered-radiobutton label .form__checkbox__icon {
    left: 4px
}

.form__checkbox.centered-radiobutton label .form__checkbox__text {
    padding-left: 35px
}

.form__container {
    margin: 50px 0
}

.form__container__title {
    padding: 0 0 20px;
    font-size: 21px
}

@media (min-width:768px) {
    .form__container__title {
        padding: 0 0 50px
    }
}

.form__container .form__checkbox__container {
    padding-top: 50px
}

.form__container .form__checkbox {
    float: left;
    margin-right: 10px
}

.form__container .form__checkbox__desc {
    display: inline;
    float: left;
    width: 80%;
    color: #374148
}

.form__validate__submit {
    width: 100%
}

@media (min-width:768px) {
    .form__validate__submit {
        width: auto
    }
}

.radio-calendar-container>label>h5 {
    font-family: Arial;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 22px;
    width: 100%;
    text-align: center
}

.address-text {
    font-size: 16px;
    color: #b1b1b3;
    line-height: 19px
}

.icon-png-personal-information {
    background: url(../images/personal-information-icon.png) no-repeat;
    background-size: 100%;
    width: 38px;
    height: 35px;
    display: inline-block
}

.radio-button-container label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.radio-button-container label.radio-button__smalllabel {
    font-size: 18px
}

.radio-button-container label.radio-button__smalllabel__grey {
    font-size: 16px;
    color: #b1b1b3;
    line-height: 19px
}

.radio-button-container label img,
.radio-button-container-v2.radio-button-container--invert .label-radiobutton .label-radiobutton-text img,
.radio-button-container-v2.radio-button-container-lightblue--invert .label-radiobutton .label-radiobutton-text img {
    width: auto
}

.radio-button-container label:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    position: absolute;
    border-radius: 100px;
    left: 0;
    top: 0;
    bottom: 1px;
    border: 1px solid #ccc
}

.radio-button-container .radio label:before {
    border-radius: 8px
}

.radio-button-container input[type=radio]:checked~label:before {
    content: "\2022";
    color: #a0d933;
    font-size: 71px;
    text-align: center;
    line-height: 28px;
    padding-left: 1px
}

.radio-button-container.radio-button-container--invert label {
    line-height: 24px
}

.radio-button-container.radio-button-container--invert label:before {
    width: 24px;
    height: 24px;
    background-color: #fff
}

.radio-button-container.radio-button-container--invert input[type=radio]:checked~label:before {
    content: "\2022";
    color: #fff;
    font-size: 35px;
    text-align: center;
    line-height: 22px;
    background-color: #509e2f
}

.radio-button-container.radio-button-container--invert--small label {
    padding-left: 25px
}

.radio-button-container.radio-button-container--invert--small label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    margin-right: 5px;
    top: 5px;
    background-color: #fff
}

.radio-button-container.radio-button-container--invert--small input[type=radio]:checked~label:before {
    content: "\2022";
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 20px;
    background-color: #509e2f
}

.radio-button-container.radio-button-container--invert--login label:before {
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    margin-right: 5px;
    top: 5px
}

.radio-button-container.radio-button-container--invert--login input[type=radio]:checked~label:before {
    content: "\2022";
    color: #a0d933;
    font-size: 39px;
    text-align: center;
    line-height: 20px;
    background-color: transparent;
    border-color: #fff
}

.radio-button-container input[type=radio].form__error-input~label:before {
    border-color: #ef3e42
}

.radio-button-container-v2 .label-radiobutton {
    position: relative;
    cursor: pointer
}

.radio-button-container-v2 .label-radiobutton .label-radiobutton-element {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    border: 1px solid #ccc;
    position: relative;
    padding-right: 15px
}

.radio-button-container-v2 .label-radiobutton .label-radiobutton-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    padding-left: 5px;
    width: calc(100% - 40px)
}

.radio-button-container-v2 .label-radiobutton .label-radiobutton-text.label-radiobutton-fs-small {
    font-size: 14px;
    line-height: 14px
}

@media (max-width:767px) {
    .radio-button-container-v2 .label-radiobutton .label-radiobutton-text {
        width: calc(100% - 35px);
        line-height: 22px
    }
}

.radio-button-container-v2 .label-radiobutton .label-radiobutton-text.grey-text {
    width: calc(90% - 20px);
    word-wrap: break-word;
    color: #b1b1b3
}

.radio-button-container-v2 .label-radiobutton .label-radiobutton-text.fixed-width {
    min-width: 250px;
    max-width: 250px
}

@media (max-width:767px) {
    .radio-button-container-v2 .label-radiobutton .label-radiobutton-text.fixed-width {
        width: calc(100% - 35px);
        min-width: auto;
        max-width: auto
    }
}

@media (max-width:991px) {
    .radio-button-container-v2 .label-radiobutton .label-radiobutton-text.fixed-width {
        max-width: 100%
    }
}

.radio-button-container-v2 input[type=radio]:checked~.label-radiobutton .label-radiobutton-element:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #a0d933;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background-clip: padding-box
}

.radio-button-container-v2.radio-button-container--invert .label-radiobutton .label-radiobutton-text,
.radio-button-container-v2.radio-button-container-lightblue--invert .label-radiobutton .label-radiobutton-text {
    font-size: 18px
}

.radio-button-container-v2.radio-button-container--invert input[type=radio]:checked~.label-radiobutton .label-radiobutton-element {
    background-color: #509e2f
}

.radio-button-container-v2.radio-button-container--invert input[type=radio]:checked~.label-radiobutton .label-radiobutton-element:before {
    background-color: #fff;
    width: 14px;
    height: 14px
}

.radio-button-container-v2.radio-button-container-lightblue input[type=radio]:checked~.label-radiobutton .label-radiobutton-element:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #00a0dc;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background-clip: padding-box
}

.radio-button-container-v2.radio-button-container-lightblue--invert input[type=radio]:checked~.label-radiobutton .label-radiobutton-element {
    background-color: #00a0dc
}

.radio-button-container-v2.radio-button-container-lightblue--invert input[type=radio]:checked~.label-radiobutton .label-radiobutton-element:before {
    background-color: #fff;
    width: 14px;
    height: 14px
}

.checkboxes__row {
    padding: 15px
}

@media (min-width:992px) {
    .checkboxes__row {
        padding: 7px 15px 15px
    }
}

.checkboxes__row--grey,
.checkboxes__row:hover {
    background: #eaeaea
}

.checkboxes__row .radio-button-container label {
    font-size: 14px;
    line-height: 20px
}

.checkboxes__row .form__block {
    max-width: none
}

.bordered__fullpage__box .bordered__fullpage__box__search .checkboxes__row .form__block input,
.checkboxes__row .form__block .bordered__fullpage__box .bordered__fullpage__box__search input,
.checkboxes__row .form__block .form__input,
.checkboxes__row .form__block .header__heading-bar__search input,
.header__heading-bar__search .checkboxes__row .form__block input {
    max-width: 90px
}

.checkboxes__row.table,
.checkboxes__row.table .table__cell {
    display: block
}

@media (min-width:768px) {
    .checkboxes__row.table {
        display: table
    }
}

.checkboxes__row.table .table__cell.table__cell--payments {
    text-align: left;
    margin-top: 20px
}

.bordered__fullpage__box .bordered__fullpage__box__search .checkboxes__row.table .table__cell.table__cell--payments input,
.checkboxes__row.table .table__cell.table__cell--payments .bordered__fullpage__box .bordered__fullpage__box__search input,
.checkboxes__row.table .table__cell.table__cell--payments .form__input,
.checkboxes__row.table .table__cell.table__cell--payments .header__heading-bar__search input,
.header__heading-bar__search .checkboxes__row.table .table__cell.table__cell--payments input {
    max-width: 100%;
    width: 100%
}

@media (min-width:768px) {
    .checkboxes__row.table .table__cell.table__cell--payments {
        text-align: right;
        margin-top: 0
    }
    .bordered__fullpage__box .bordered__fullpage__box__search .checkboxes__row.table .table__cell.table__cell--payments input,
    .checkboxes__row.table .table__cell.table__cell--payments .bordered__fullpage__box .bordered__fullpage__box__search input,
    .checkboxes__row.table .table__cell.table__cell--payments .form__input,
    .checkboxes__row.table .table__cell.table__cell--payments .header__heading-bar__search input,
    .header__heading-bar__search .checkboxes__row.table .table__cell.table__cell--payments input {
        max-width: 90px;
        width: auto
    }
    .checkboxes__row.table .table__cell {
        display: table-cell
    }
}

.checkboxes__row .radio-button-container.radio-button-container--invert input[type=radio]~label:before {
    top: -2px
}

@media (max-width:767px) {
    .checkboxes__row .radio-button-container.radio-button-container--invert input[type=radio]~label:before {
        top: -2px
    }
    .checkboxes__row .form__block {
        margin-top: 20px
    }
    .bordered__fullpage__box .bordered__fullpage__box__search .checkboxes__row .form__block input,
    .checkboxes__row .form__block .bordered__fullpage__box .bordered__fullpage__box__search input,
    .checkboxes__row .form__block .form__input,
    .checkboxes__row .form__block .header__heading-bar__search input,
    .header__heading-bar__search .checkboxes__row .form__block input {
        display: block;
        max-width: 100%
    }
}

.editable-input-container,
.infobox {
    position: relative
}

.infobox .icon-information-icon {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0
}

.infobox p {
    font-size: 12px;
    color: #7c7c7c;
    margin-left: 25px;
    margin-right: 5px;
    line-height: 14px
}

.infobox.bg-light-grey {
    background-color: #eaeaea;
    border: 1px solid #b1b1b3;
    border-radius: 5px;
    background-clip: padding-box
}

.infobox.bg-light-grey .icon-information-icon {
    left: 10px;
    top: 10px
}

@media (max-width:991px) {
    .infobox.bg-light-grey .icon-information-icon {
        top: 10px
    }
}

@media (max-width:480px) {
    .infobox.bg-light-grey .icon-information-icon {
        top: 20px
    }
}

.infobox.bg-light-grey p {
    margin-left: 35px
}

.editable-input-container .icon-pencil {
    position: absolute;
    right: 130px
}

@media (max-width:767px) {
    .editable-input-container .icon-pencil {
        right: 50px;
        top: 0
    }
}

.editable-input-container .editable-input {
    border: none;
    color: #374148;
    font-size: 16px;
    font-weight: 700;
    font-family: Arial!important
}

.editable-input-container .editable-input::-webkit-input-placeholder {
    color: #374148
}

.editable-input-container .editable-input:-moz-placeholder,
.editable-input-container .editable-input::-moz-placeholder {
    color: #374148;
    opacity: 1
}

.editable-input-container .editable-input:-ms-input-placeholder {
    color: #374148
}

.form-height-input .form__block {
    height: 100px
}

.form-height-input .form__block .datepicker i.icon-calendar-icon {
    bottom: 34px
}

.form-height-input .form__block.height {
    height: 140px
}

@media (min-width:768px) {
    .tablet-width {
        width: 47%
    }
}

@media (max-width:991px) and (min-width:768px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__validate__field.required,
    .form__input.form__validate__field.required,
    .header__heading-bar__search input.form__validate__field.required {
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__validate__field.required,
    .form__input.form__validate__field.required,
    .header__heading-bar__search input.form__validate__field.required {
        max-width: 100%;
        width: 100%;
        margin-top: 15px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__validate__field.required_2,
    .form__input.form__validate__field.required_2,
    .header__heading-bar__search input.form__validate__field.required_2 {
        margin-top: 10px;
        width: 215px
    }
}

@media (max-width:767px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input.form__validate__field.required_2,
    .form__input.form__validate__field.required_2,
    .header__heading-bar__search input.form__validate__field.required_2 {
        max-width: 49%;
        width: 49%;
        margin-top: 15px
    }
}

.password-box-width {
    max-width: 100%!important
}

.label-with-info {
    display: inline-block!important;
    margin-right: 0!important
}

.selfcare-block {
    min-width: 0!important;
    display: inline-block!important
}

.info-selfcare-page {
    position: initial!important;
    margin-left: 10px
}

.selfcare-hidden-message {
    top: -25px!important;
    left: 35px!important
}

#main-carousel {
    position: relative;
    z-index: 99
}

#main-carousel .carousel-bg {
    height: 550px;
    background: url(../images/bg-home-carousel_mobile.png) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0
}

@media (min-width:768px) {
    #main-carousel .carousel-bg {
        height: 380px;
        background: url(../images/bg-home-carousel.png) no-repeat center top;
        background-size: cover
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-bg {
        height: 440px;
        background-size: cover
    }
}

@media (min-width:1920px) {
    #main-carousel .carousel-bg {
        height: 590px
    }
}

#main-carousel .carousel-control {
    display: none;
    background: 0 0!important;
    width: auto;
    text-shadow: none;
    height: auto;
    top: 39.3%;
    bottom: auto;
    font-size: 12px;
    color: #fff;
    opacity: 1;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .4)
}

#main-carousel .carousel-control.left {
    left: 30px
}

#main-carousel .carousel-control.right {
    right: 30px
}

@media (min-width:768px) {
    #main-carousel .carousel-control {
        font-size: 45px;
        display: block
    }
}

#main-carousel .carousel-inner {
    height: 550px;
    padding-bottom: 80px
}

@media (min-width:768px) {
    #main-carousel .carousel-inner {
        height: 460px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-inner {
        height: 520px
    }
}

@media (min-width:1920px) {
    #main-carousel .carousel-inner {
        height: 670px
    }
}

#main-carousel .carousel-indicators {
    margin-bottom: 0;
    bottom: 0
}

#main-carousel .carousel-indicators li {
    background-color: #d0d0ce;
    border-color: #d0d0ce;
    margin: 0 5px;
    width: 8px;
    height: 8px
}

@media (min-width:768px) {
    #main-carousel .carousel-indicators li {
        width: 12px;
        height: 12px
    }
}

#main-carousel .carousel-indicators li.active {
    background-color: #00a0dc;
    border-color: #00a0dc;
    width: 8px;
    height: 8px
}

@media (min-width:768px) {
    #main-carousel .carousel-indicators li.active {
        background-color: #a0d933;
        border-color: #a0d933;
        width: 15px;
        height: 15px;
        margin: 0 2px -1.5px
    }
}

#main-carousel .carousel-item-content {
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    height: 460px;
    position: relative
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content {
        height: 380px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content {
        height: 440px
    }
}

@media (min-width:1920px) {
    #main-carousel .carousel-item-content {
        height: 590px
    }
}

#main-carousel .carousel-item-content.image-background {
    background-size: cover;
    background-position: center center;
    max-width: none;
    width: 100%;
    background-repeat: no-repeat;
    position: relative
}

#main-carousel .carousel-item-content.image-background .button {
    position: absolute;
    bottom: 100px;
    left: 20%
}

@media (max-width:1199px) {
    #main-carousel .carousel-item-content.image-background .button {
        left: 10%
    }
}

@media (max-width:991px) {
    #main-carousel .carousel-item-content.image-background .button {
        bottom: 80px;
        left: 2%
    }
}

@media (max-width:767px) {
    #main-carousel .carousel-item-content.image-background .button {
        bottom: 20px;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 30px)
    }
}

#main-carousel .carousel-item-content .heading-title {
    color: #fff;
    margin: 10px 0;
    line-height: 1
}

#main-carousel .carousel-item-content .heading-title.heading-title-big {
    line-height: 1;
    margin-top: 10px;
    font-size: 48px;
    font-weight: 700
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big {
        font-size: 22px;
        line-height: 1.1;
        margin-top: 0;
        padding-left: 25px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big {
        font-size: 27px;
        padding-left: 25px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big {
        font-size: 35px;
        padding-left: 0
    }
}

#main-carousel .carousel-item-content .heading-title.heading-title-big-cosmote {
    line-height: 1;
    margin-top: 10px;
    font-size: 48px;
    font-weight: 700
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-cosmote {
        font-size: 40px;
        line-height: 1.1;
        margin-top: 0;
        padding-left: 25px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-cosmote {
        font-size: 40px;
        padding-left: 25px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-cosmote {
        font-size: 50px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-cosmote {
        font-size: 32px
    }
}

#main-carousel .carousel-item-content .heading-title.heading-title-big-light {
    font-size: 26.6px;
    font-weight: 400
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-light {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-light {
        font-size: 50px
    }
}

@media (max-width:767px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-big-light.mobile-bold {
        font-size: 48px;
        font-weight: 700
    }
}

#main-carousel .carousel-item-content .heading-title.heading-title-small {
    font-size: 27px;
    font-weight: 400
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-small {
        font-size: 16px;
        padding-left: 25px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-small {
        font-size: 30px;
        padding-left: 25px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-small {
        font-size: 30px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-small {
        font-size: 18px
    }
    #main-carousel .carousel-item-content .heading-title.heading-title-mobile-small {
        font-size: 18px;
        font-weight: 400;
        color: #fff
    }
}

#main-carousel .carousel-item-content .heading-title.heading-title-small-strong {
    font-size: 16px;
    font-weight: 700
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-small-strong {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content .heading-title.heading-title-small-strong {
        font-size: 30px
    }
}

#main-carousel .carousel-item-content .heading-title.heading-title-xxsmall {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 5px
}

#main-carousel .carousel-item-content button {
    margin-top: 10px;
    margin-bottom: 20px
}

@media (max-width:767px) {
    #main-carousel .carousel-item-content button {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content button {
        margin-top: 40px;
        margin-left: 25px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content button {
        margin-left: 25px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content button {
        margin-left: 0
    }
}

#main-carousel .carousel-item-content .carousel-item-content-txt {
    z-index: 200;
    position: absolute;
    top: 20px;
    width: 58%
}

#main-carousel .carousel-item-content .carousel-item-content-txt h1,
#main-carousel .carousel-item-content .carousel-item-content-txt h3,
#main-carousel .carousel-item-content .carousel-item-content-txt h6 {
    color: #fff;
    margin-top: 5px
}

#main-carousel .carousel-item-content .carousel-item-content-txt h4 {
    color: #fff
}

@media (max-width:1199px) and (min-width:768px) {
    #main-carousel .carousel-item-content .carousel-item-content-txt h1,
    #main-carousel .carousel-item-content .carousel-item-content-txt h3,
    #main-carousel .carousel-item-content .carousel-item-content-txt h4,
    #main-carousel .carousel-item-content .carousel-item-content-txt h6 {
        margin-left: 25px
    }
}

#main-carousel .carousel-item-content .carousel-item-content-txt h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: 51px
}

@media (max-width:1199px) {
    #main-carousel .carousel-item-content .carousel-item-content-txt h1 {
        font-size: 30px;
        line-height: 31px
    }
}

#main-carousel .carousel-item-content .carousel-item-content-txt h3 {
    font-family: 'square-light', sans-serif;
    font-size: 34px;
    line-height: 35px
}

@media (max-width:1199px) {
    #main-carousel .carousel-item-content .carousel-item-content-txt h3 {
        font-size: 21px;
        line-height: 22px
    }
}

#main-carousel .carousel-item-content .carousel-item-content-txt h4 {
    font-family: 'square-light', sans-serif;
    font-size: 26px;
    line-height: 27px;
    margin-top: 20px
}

@media (max-width:1199px) {
    #main-carousel .carousel-item-content .carousel-item-content-txt h4 {
        margin-top: 6px!important;
        font-size: 18px;
        line-height: 19px
    }
}

#main-carousel .carousel-item-content .carousel-item-content-txt h6 {
    font-family: 'square-light', sans-serif;
    line-height: 15px;
    max-width: 461px
}

@media (max-width:767px) {
    #main-carousel .carousel-item-content .carousel-item-content-txt {
        width: 100%
    }
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content .carousel-item-content-txt {
        bottom: 80px;
        top: 30px
    }
    #main-carousel .carousel-item-content .carousel-item-content-txt.carousel-item-content-txt-up {
        bottom: 110px
    }
}

#main-carousel .carousel-item-content .carousel-item-content-img {
    z-index: 100;
    position: absolute;
    bottom: -70px;
    left: 0;
    margin-left: 0;
    width: 100%;
    text-align: center
}

#main-carousel .carousel-item-content .carousel-item-content-img button.button {
    margin: 15px auto 10px;
    display: block;
    padding: 15px 20px;
    height: 42px
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content .carousel-item-content-img {
        bottom: -37px;
        left: 50%;
        margin-left: 25px;
        text-align: left;
        width: 295px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .carousel-item-content-img {
        bottom: -33px;
        left: 50%;
        margin-left: 36px;
        text-align: left;
        width: 375px
    }
}

@media (min-width:1200px) {
    #main-carousel .carousel-item-content .carousel-item-content-img {
        bottom: -33px;
        left: 50%;
        margin-left: 80px;
        text-align: left;
        width: 450px
    }
}

#main-carousel .carousel-item-content .carousel-item-content-img img {
    max-height: 250px;
    width: auto
}

@media (max-width:320px) {
    #main-carousel .carousel-item-content .carousel-item-content-img img {
        width: 240px
    }
}

@media (min-width:768px) {
    #main-carousel .carousel-item-content .carousel-item-content-img img {
        max-height: 380px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .carousel-item-content-img img {
        max-height: 450px
    }
}

#main-carousel .carousel-item-content .carousel-item-offer-img {
    z-index: 100;
    position: absolute;
    bottom: 30px;
    right: 0
}

#main-carousel .carousel-item-content .carousel-item-right-img {
    z-index: 100;
    position: absolute;
    right: 0;
    bottom: 10px
}

#main-carousel .carousel-item-content .carousel-item-offer-img img {
    max-height: 280px;
    width: auto
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .carousel-item-offer-img img,
    #main-carousel .carousel-item-content .carousel-item-right-img img {
        max-height: 350px
    }
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .carousel-item-right-img {
        bottom: 0
    }
}

#main-carousel .carousel-item-content .carousel-item-right-img img {
    max-height: 350px;
    width: auto
}

@media (min-width:992px) {
    #main-carousel .carousel-item-content .carousel-item-right-img img {
        max-height: 400px
    }
}

.slick-prev {
    left: -15px
}

.slick-next {
    right: -15px
}

.slick-next,
.slick-prev {
    z-index: 900
}

.slick-next:before,
.slick-prev:before {
    font-family: 'cosmote'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px
}

@media (min-width:768px) {
    .slick-next:before,
    .slick-prev:before {
        font-size: 20px
    }
}

.slick-next:before,
.slick-prev:before {
    color: #509e2f
}

.bg-img-wave .slick-next:before,
.bg-img-wave .slick-prev:before,
.carousel--light-arrow .slick-next:before,
.carousel--light-arrow .slick-prev:before {
    color: #fff
}

.slick-dots {
    left: 0;
    bottom: -35px
}

@media (min-width:768px) {
    .slick-dots {
        display: none!important
    }
}

.bg-secondary-blue-navy .slick-dots {
    bottom: -55px
}

.video-gallery-carousel {
    margin-right: -10px;
    margin-left: -10px
}

.video-gallery-carousel .slick-arrow {
    display: none!important
}

.video-gallery-carousel .slick-dots {
    display: block!important
}

.video-gallery-carousel .video-container {
    background-color: transparent!important;
    padding: 0 10px
}

.video-gallery-carousel .video-container-int {
    background: #ccc;
    height: 100%
}

@media (max-width:767px) {
    .carousel--light-arrow .slick-prev {
        left: -30px
    }
    .carousel--light-arrow .slick-next {
        right: -30px
    }
}

.carousel--small-dots .slick-dots li button:before,
.persistent-cart-box .cart-persistent .product-description-container .see-more i {
    font-size: 12px
}

.xdsoft_autocomplete {
    display: inline;
    position: relative;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    text-align: start
}

.xdsoft_autocomplete .xdsoft_input {
    position: relative;
    z-index: 2;
    box-shadow: inset 0 3px 0 0 rgba(55, 65, 72, .15);
    -webkit-appearance: none
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    position: absolute;
    border: 1px solid #d0d0ce;
    border-top-color: #d0d0ce;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    cursor: default;
    display: none;
    z-index: 1002;
    margin-top: -1px;
    background-color: #fff;
    min-width: 100%;
    overflow: auto
}

.xdsoft_autocomplete .xdsoft_autocomplete_hint {
    position: absolute;
    z-index: 1;
    color: #ccc!important;
    -webkit-text-fill-color: #ccc!important;
    text-fill-color: #ccc!important;
    overflow: hidden!important;
    white-space: pre!important;
    width: 80%!important
}

.xdsoft_autocomplete .xdsoft_autocomplete_hint span {
    color: transparent;
    opacity: 0
}

.header__heading-bar__search--item {
    position: relative;
    padding: 10px 20px!important;
    background: #fff;
    display: table;
    width: 100%;
    border-bottom: 1px solid #d0d0ce;
    color: #374148
}

.header__heading-bar__search--item .header__heading-bar__search--item-img,
.header__heading-bar__search--item .header__heading-bar__search--item-link,
.header__heading-bar__search--item .header__heading-bar__search--item-txt {
    display: inline-block;
    vertical-align: middle
}

.header__heading-bar__search--item .header__heading-bar__search--item-img {
    width: 90px;
    color: #374148
}

.header__heading-bar__search--item .header__heading-bar__search--item-img img {
    max-width: 70px;
    max-height: 70px
}

.header__heading-bar__search--item .header__heading-bar__search--item-txt {
    color: #374148;
    max-width: calc(100% - 110px)
}

.header__heading-bar__search--item .header__heading-bar__search--item-txt .header__heading-bar__search--item-txt-top {
    font-weight: 700;
    line-height: 21px
}

.header__heading-bar__search--item .header__heading-bar__search--item-link {
    text-align: right;
    color: #509e2f;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    margin: auto
}

.header__heading-bar__search--item .header__heading-bar__search--item-link a {
    display: block;
    float: right;
    color: #509e2f;
    padding: 6px 8px 2px;
    margin-right: 5px;
    font-size: 14px
}

.header__heading-bar__search--item .header__heading-bar__search--item-txt-bottom {
    display: table;
    width: 100%
}

.header__heading-bar__search--item .header__heading-bar__search--item-txt-bottom .header__heading-bar__search--item-txt-bottom-left,
.header__heading-bar__search--item .header__heading-bar__search--item-txt-bottom .header__heading-bar__search--item-txt-bottom-right {
    display: table-cell;
    width: 30%;
    line-height: 21px
}

.header__heading-bar__search--item .header__heading-bar__search--item-txt-bottom .header__heading-bar__search--item-txt-currency {
    color: #374148;
    top: -2px;
    left: 3px
}

.header__heading-bar__search-header {
    display: block;
    background-color: #eaeaea;
    color: #3d5265;
    padding: 5px 20px;
    text-transform: capitalize
}

.header__heading-bar__search-link-cont {
    display: block;
    padding: 15px 20px
}

.header__heading-bar__search-link-cont .header__heading-bar__search-link,
.search-filter a,
.search-filter a:hover,
.search-filter a:visited,
.search-filter--numbered a,
.search-filter--numbered a:hover,
.search-filter--numbered a:visited {
    color: #509e2f
}

.box__personal-information__mobile a:hover small,
.header__heading-bar__search-link-cont .header__heading-bar__search-link:hover,
.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel .container-links a:hover {
    text-decoration: underline
}

.header__heading-bar__search-brand,
.itemLink {
    display: block
}

.header__heading-bar__search-brand img {
    width: 100%;
    margin-bottom: -5px
}

.itemLink {
    position: relative
}

.itemLink:hover {
    opacity: .8
}

.search-filter {
    display: inline-block;
    float: left;
    margin: 0 5px 8px 0;
    background: #fff;
    padding: 2px 10px;
    color: #509e2f;
    font-size: 14px;
    border-radius: 13px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #509e2f
}

.search-filter i {
    color: #509e2f;
    margin-right: 4px;
    top: -1px;
    left: -2px
}

.search-filter--numbered span {
    margin-left: 2px
}

.search-filter--numbered span:before {
    content: "("
}

.search-filter--numbered span:after {
    content: ")"
}

.search-filter.selected {
    background: #509e2f;
    color: #fff
}

.search-filter.selected a,
.search-filter.selected a:hover,
.search-filter.selected a:visited,
.search-filter.selected i {
    color: #fff
}

.search-filter i,
.search-filter-panel-new-container {
    position: relative
}

.search-filter-panel-new-container .search-filter-panel-new {
    position: relative;
    width: 100%;
    background: 0 0;
    border: 0;
    text-align: left;
    padding: 0
}

.search-filter-panel-new-container .search-filter-panel-new h3 {
    cursor: pointer;
    padding-right: 30px;
    padding-left: 10px
}

.search-filter-panel-new-container .search-filter-panel-new i {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    height: 18px;
    margin: auto
}

.search-filter-panel-new-container .search-filter-panel-new[aria-expanded=true] i {
    height: 28px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel {
    background-color: #f3f3f3;
    position: relative;
    padding: 5px 10px;
    margin-top: 10px;
    width: 100%;
    display: block;
    text-align: left;
    border: 0
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel {
        margin-top: 0;
        background-color: #fff;
        border-bottom: 1px solid #d0d0ce
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel h4 {
    margin: 0;
    cursor: pointer;
    padding-right: 30px;
    color: #3d5265
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel h4 {
        font-size: 12px;
        font-weight: 400
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel i {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    height: 16px;
    margin: auto
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel i {
        font-size: 12px;
        height: 12px
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel[aria-expanded=true] i,
.search-result-header .filters-button[aria-expanded=true] i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-container {
        position: absolute;
        top: -65px;
        right: 0;
        background-color: #f3f3f3;
        z-index: 10;
        width: 50%;
        box-shadow: 0 0 5px rgba(0, 0, 0, .3)
    }
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-container::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 10px;
        border-color: transparent transparent #f3f3f3 transparent;
        position: absolute;
        top: -10px;
        right: 12.5%;
        z-index: 1
    }
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-container::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 10px;
        border-color: transparent transparent #d0d0ce transparent;
        position: absolute;
        top: -11px;
        right: 12.5%
    }
}

@media (max-width:767px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-container {
        top: -110px;
        width: 75%
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel ul {
    padding-left: 5px;
    list-style: none;
    margin: 0
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-panel ul {
        padding: 10px
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel ul li .form__checkbox__text {
    cursor: pointer
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-panel ul li .form__checkbox__text {
        font-size: 11px
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel ul li .form__checkbox__text span {
    color: #b1b1b3
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel .container-filters {
    margin: 20px 0
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-panel .container-filters {
        margin: 0
    }
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-panel .container-links {
        padding: 10px
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel .container-links a {
    color: #3d5265
}

@media (max-width:991px) {
    .search-filter-panel-new-container .search-filter-panel-new-subpanel-panel .container-links a {
        font-size: 12px;
        line-height: 1.2
    }
}

.search-filter-panel-new-container .search-filter-panel-new-subpanel-panel.panel-scroll .container-filters {
    height: 160px;
    overflow: scroll
}

.search-result-header .text-search-results {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

@media (max-width:991px) {
    .search-result-header .text-search-results {
        margin-top: 0;
        width: 72%
    }
}

.search-result-header .filters-button {
    width: 26%;
    vertical-align: middle;
    border: 0;
    border-left: 1px solid gray;
    background: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    padding: 5px 20px 5px 5px;
    position: relative;
    display: none
}

.search-result-header .filters-button i {
    font-size: 15px;
    position: absolute;
    height: 15px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

@media (max-width:991px) {
    .search-result-header .filters-button {
        display: inline-block
    }
}

.banner.banner-full-width img,
.banner.banner-full-width picture,
.persistent-cart-box table {
    width: 100%
}

.banner.banner--image-cta {
    border-radius: 8px;
    background-clip: padding-box;
    background: url(../images/bg-account.png) top left no-repeat;
    background-size: cover;
    padding: 20px;
    position: relative;
    height: 280px
}

@media (min-width:768px) {
    .banner.banner--image-cta {
        height: 210px
    }
}

.banner.banner--image-cta .banner--image-cta__title {
    margin: 0;
    color: #fff;
    font-size: 34px
}

.banner.banner--image-cta .banner--image-cta__subtitle {
    margin-top: 30px;
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    max-width: 60%
}

.banner.banner--image-cta .banner--image-cta__button {
    width: 100%;
    margin-top: 50px
}

@media (min-width:768px) {
    .banner.banner--image-cta .banner--image-cta__button {
        width: auto;
        position: absolute;
        bottom: 30px;
        right: 30px;
        left: auto
    }
}

.persistent-cart-header {
    border-bottom: solid 1px #eaeaea;
    padding-top: 30px
}

.persistent-cart-header .page-title {
    padding-left: 0
}

.persistent-cart-header .title {
    font-size: 30px;
    font-weight: 700;
    color: #3d5265;
    margin-top: 10px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio],
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input,
.persistent-cart-header .title:after,
.persistent-cart-total-row .title:after {
    display: none
}

.persistent-cart-header .price-title {
    font-size: 10px;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: right
}

.persistent-cart-header .border-right-blue {
    border-right: solid 1px #3b61a6
}

@media (max-width:767px) {
    .persistent-cart-header .border-right-blue {
        border: none
    }
}

.persistent-cart-header .price {
    font-size: 36px;
    font-weight: 700;
    margin-top: 0;
    text-align: right;
    color: #3d5265
}

@media (max-width:767px) {
    .persistent-cart-header .price {
        margin-top: 10px
    }
}

.persistent-cart-header .price sup {
    color: #509e2f;
    font-size: 18px;
    font-weight: 700;
    left: 5px
}

@media (max-width:767px) {
    .persistent-cart-header .price {
        font-size: 24px;
        margin-top: 0;
        margin-right: 0
    }
    .persistent-cart-header .price sup {
        font-size: 12px
    }
}

.persistent-cart-total-row {
    background: #f9f9f9;
    padding: 10px 0
}

.persistent-cart-total-row .page-title {
    padding-left: 0
}

.persistent-cart-total-row .title {
    font-size: 30px;
    font-weight: 700;
    color: #3d5265;
    margin-top: 20px;
    padding: 0;
    margin-bottom: 0
}

.persistent-cart-total-row .price-title {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: right
}

.persistent-cart-total-row .price {
    font-size: 36px;
    font-weight: 400;
    margin-top: 0;
    text-align: right
}

.persistent-cart-total-row .price sup {
    color: #509e2f;
    font-size: 18px;
    font-weight: 700;
    left: 5px
}

.bin-container-box,
.persistent-cart-box .cart-persistent .box-header .header-title {
    position: relative
}

.bin-container-box .bin-container {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: -30px;
    top: 55px;
    background-color: #a0d933;
    cursor: pointer
}

.bin-container-box .bin-container .icon-bin,
.bin-container-box .bin-container .icon-pencil {
    font-size: 20px;
    text-align: center;
    margin-top: 12px;
    display: block;
    color: #fff
}

@media (max-width:991px) {
    .bin-container-box .bin-container {
        right: 30px;
        bottom: 0;
        top: 0;
        margin: auto
    }
}

@media (max-width:767px) {
    .bin-container-box .bin-container {
        right: -30px
    }
}

.persistent-cart-box {
    padding-bottom: 30px;
    border-radius: 6px;
    border: solid 1px #d0d0ce;
    margin-top: 20px;
    position: relative;
    overflow: hidden
}

@media (max-width:991px) {
    .persistent-cart-box {
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .persistent-cart-box {
        width: 100%;
        padding-bottom: 0
    }
}

.persistent-cart-box.second-version {
    overflow: initial
}

@media (max-width:991px) {
    .persistent-cart-box.second-version {
        padding-bottom: 0;
        width: 100%
    }
}

.persistent-cart-box .cart-persistent .box-header {
    background-color: #f5f5f5;
    display: inline-block;
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 25px
}

@media (max-width:768px) {
    .persistent-cart-box .cart-persistent .box-header {
        height: 60px;
        display: table;
        padding-right: 5px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .persistent-cart-box .cart-persistent .box-header {
        height: 50px
    }
}

@media (max-width:767px) {
    .persistent-cart-box .cart-persistent .box-header .header-title .line {
        border-right: 1px solid #ccc;
        height: 40px;
        width: 1px;
        display: block;
        position: absolute;
        right: 0;
        top: 10px
    }
}

@media (max-width:320px) {
    .persistent-cart-box .cart-persistent .box-header .header-title .line {
        right: -9px
    }
}

@media (max-width:767px) {
    .persistent-cart-box .cart-persistent .box-header .header-title .package-name {
        width: 140px
    }
}

.persistent-cart-box .cart-persistent .box-header .header-title .box-title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    color: #b1b1b3;
    height: 60px
}

@media (max-width:768px) {
    .persistent-cart-box .cart-persistent .box-header .header-title .box-title {
        line-height: 60px
    }
}

@media (max-width:767px) {
    .persistent-cart-box .cart-persistent .box-header .header-title .box-title {
        line-height: 15px;
        vertical-align: middle;
        display: table-cell;
        float: initial!important
    }
    .persistent-cart-box .cart-persistent .box-header .header-title .box-title.normal-weight {
        font-weight: 400;
        font-size: 12px
    }
}

@media (max-width:768px) {
    .persistent-cart-box .cart-persistent .product-description-container {
        margin-top: 10px
    }
}

.persistent-cart-box .cart-persistent .product-description-container .quantity {
    margin-bottom: 5px
}

.persistent-cart-box .cart-persistent .product-description-container .product-description {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400
}

.persistent-cart-box .cart-persistent .product-description-container .view-info {
    color: #509e2f;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700
}

.persistent-cart-box .cart-persistent .product-description-container .quantity {
    font-size: 12px;
    font-weight: 400;
    color: #4a4a4a
}

.persistent-cart-box .cart-persistent .product-description-container .product-image-container {
    position: relative;
    width: 100%;
    max-height: 200px;
    margin-top: 20px
}

@media (max-width:990px) {
    .persistent-cart-box .cart-persistent .product-description-container .product-image-container img {
        max-width: 100px
    }
}

.persistent-cart-box .cart-persistent .product-description-container .see-more {
    font-size: 14px;
    color: #509e2f;
    cursor: pointer
}

.persistent-cart-box .cart-persistent .product-description-container .see-more-show .bg-grey {
    background-color: #f8f8f8;
    margin-right: 0;
    margin-left: -10px
}

.persistent-cart-box .cart-persistent .product-description-container .see-more-show ul li {
    font-size: 14px;
    color: #374148
}

.persistent-cart-box .cart-persistent .product-description-container .see-more-show .product-image-container {
    width: 90px;
    height: 95px
}

.persistent-cart-box .cart-persistent .product-description-container .see-more-show .product-image-container img {
    max-width: 90px;
    max-height: 95px
}

.persistent-cart-box .cart-persistent .product-title {
    font-size: 24px;
    font-weight: 700;
    color: #7c7c7c
}

@media (max-width:768px) {
    .persistent-cart-box .cart-persistent .product-title {
        font-size: 18px
    }
}

.persistent-cart-box .cart-persistent .product-sub-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #7c7c7c
}

@media (max-width:375px) {
    .persistent-cart-box .cart-persistent .product-sub-title {
        font-size: 14px;
        line-height: 18px
    }
}

.persistent-cart-box .cart-persistent ul {
    padding-left: 18px
}

.persistent-cart-box .cart-persistent ul li {
    font-size: 15px;
    font-weight: 400;
    color: #202020;
    line-height: 20px;
    padding-left: 10px
}

.persistent-cart-box .cart-persistent .price,
.persistent-cart-box table tr td .price {
    font-size: 36px;
    font-weight: 400;
    margin-top: 35px;
    text-align: right;
    color: #3d5265
}

@media (max-width:991px) {
    .persistent-cart-box .cart-persistent .price {
        text-align: left
    }
}

@media (max-width:768px) {
    .persistent-cart-box .cart-persistent .price {
        font-size: 24px;
        margin-top: 15px;
        margin-right: 10px
    }
}

@media (max-width:375px) {
    .persistent-cart-box .cart-persistent .price {
        font-size: 24px
    }
}

.persistent-cart-box .cart-persistent .price sup {
    color: #3d5265;
    font-size: 18px;
    font-weight: 700;
    left: 5px
}

@media (max-width:768px) {
    .persistent-cart-box .cart-persistent .price sup {
        font-size: 12px
    }
}

.persistent-cart-box .cart-persistent .price .price-disclaimer {
    font-size: 12px;
    display: block;
    line-height: 12px;
    margin-top: 10px;
    text-align: right
}

@media (max-width:991px) {
    .persistent-cart-box .cart-persistent .price .price-disclaimer {
        text-align: left
    }
}

.persistent-cart-box .cart-persistent .green-dots-row .green-dot {
    background-color: #a0d933;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative
}

.persistent-cart-box .cart-persistent .green-dots-row .green-dot img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 35px;
    max-height: 35px
}

@media (max-width:991px) {
    .persistent-cart-box .cart-persistent .green-dots-row .green-dot {
        margin: 10px 0 10px 15px
    }
}

.persistent-cart-box .cart-persistent .green-dots-row .text-green-dot {
    max-width: 155px
}

@media (max-width:991px) {
    .persistent-cart-box .cart-persistent .green-dots-row .text-green-dot {
        margin: 10px 0
    }
}

@media (max-width:767px) {
    .persistent-cart-box .cart-persistent .green-dots-row .text-green-dot {
        max-width: 265px
    }
}

@media (max-width:992px) {
    .persistent-cart-box table {
        width: auto
    }
}

.persistent-cart-box table tr {
    height: 65px;
    background: #fff
}

.persistent-cart-box table tr td.title-product {
    padding: 15px 25px 5px;
    position: relative
}

.persistent-cart-box table tr td.title-product .icon-add-circle {
    position: absolute;
    color: #a0d933;
    left: 15px;
    cursor: pointer;
    top: 15px;
    font-size: 19px
}

.persistent-cart-box table tr td.title-product .product-title {
    font-size: 18px;
    font-weight: 700;
    color: #509e2f;
    margin: 0
}

@media (max-width:768px) {
    .persistent-cart-box table tr td.title-product .product-title {
        font-size: 14px
    }
}

.persistent-cart-box table tr td.title-product p {
    font-size: 16px;
    font-weight: 400;
    color: #374148;
    margin: 0
}

@media (max-width:768px) {
    .persistent-cart-box table tr td.title-product p {
        font-size: 14px
    }
}

.persistent-cart-box table tr td .price {
    font-size: 28px;
    margin-top: 25px
}

@media (max-width:768px) {
    .persistent-cart-box table tr td .price {
        font-size: 24px;
        margin-top: 15px;
        margin-right: 10px
    }
}

@media (max-width:375px) {
    .persistent-cart-box table tr td .price {
        font-size: 16px
    }
}

.persistent-cart-box table tr td .price sup {
    color: #509e2f;
    font-size: 12px;
    font-weight: 700;
    left: 5px
}

@media (max-width:768px) {
    .persistent-cart-box table tr td .price sup {
        font-size: 12px
    }
}

.persistent-cart-box .container-icon-bin {
    background-color: #a0d933;
    color: #fff;
    height: 45px;
    width: 45px;
    position: absolute;
    top: 25px;
    right: -30px;
    margin: auto;
    cursor: pointer
}

.persistent-cart-box .container-icon-bin span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 16px;
    width: 15px
}

@media (max-width:991px) {
    .persistent-cart-box .container-icon-bin {
        top: 70px;
        right: 16px;
        display: block
    }
}

@media (max-width:767px) {
    .persistent-cart-box .container-icon-bin {
        display: none
    }
}

.persistent-cart-box .mobile-cancel-button,
.persistent-cart-box .mobile-change-button {
    height: 50px;
    border-radius: 2px;
    background-color: #3b61a6;
    text-align: center;
    line-height: 55px;
    cursor: pointer
}

.persistent-cart-box .mobile-cancel-button .icon-bin,
.persistent-cart-box .mobile-change-button .icon-pencil {
    color: #fff;
    font-size: 20px
}

.persistent-cart-box .mobile-change-button {
    background-color: #a0d933
}

@media (max-width:767px) {
    .persistent-cart-box .js-show-on-see-more {
        display: none
    }
}

.persistent-cart-box .row-info-added {
    position: relative;
    margin: 0
}

.persistent-cart-box .row-info-added h3,
.persistent-cart-box .row-info-added h4 {
    margin: 0;
    line-height: 1
}

.persistent-cart-box .row-info-added i {
    float: right;
    padding-top: 15px;
    color: #a0d933
}

@media (max-width:991px) {
    .persistent-cart-box .row-info-added i {
        position: absolute
    }
    .persistent-cart-box .row-info-added .title-product {
        padding-right: 20px;
        cursor: pointer
    }
}

.persistent-cart-box .row-info-added .title-product.open i {
    left: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.persistent-cart-box .row-info-added .title-product.open~.price-column,
.persistent-cart-box .row-info-added:hover .container-icon-bin {
    display: block
}

.persistent-cart-box .row-info-added .product-title {
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 18px;
    line-height: 1.2;
    color: #509e2f
}

.greybox__body--linkrows .greybox__body__linkrow .table__cell.block-mobile a,
.persistent-cart-box .row-info-added .product-sub-title {
    color: #374148
}

.persistent-cart-box .row-info-added img {
    max-width: 60px;
    float: left;
    margin-right: 10px
}

.persistent-cart-box .row-info-added img.small-image {
    max-width: 40px
}

@media (max-width:991px) {
    .persistent-cart-box .row-info-added .price-column {
        display: none
    }
}

.persistent-cart-box .row-info-added .price {
    font-size: 28px
}

.persistent-cart-box .row-info-added .price sup {
    font-size: 12px;
    top: -1em
}

@media (max-width:991px) {
    .persistent-cart-box .row-info-added .price {
        font-size: 20px;
        text-align: center;
        top: -.5em
    }
}

.persistent-cart-box .row-info-added .container-icon-bin {
    display: none;
    right: -45px;
    top: 0;
    bottom: 0
}

@media (max-width:991px) and (min-width:768px) {
    .persistent-cart-box .row-info-added .container-icon-bin {
        display: block;
        left: auto;
        right: 0;
        top: 80px
    }
}

.confirm-cart {
    margin-top: 30px
}

.confirm-cart button {
    width: 100%;
    min-width: 100%
}

@media (max-width:768px) {
    .confirm-cart .button--cancel {
        margin-right: 0
    }
    .confirm-cart .button--primary,
    .confirm-cart .container-button--primary a,
    .container-button--primary .confirm-cart a {
        margin-bottom: 20px
    }
}

.quantity-stepper {
    display: block;
    width: auto
}

.quantity-stepper button.less {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.quantity-stepper button.less,
.quantity-stepper button.more {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: left;
    font-size: 25px;
    line-height: 40px;
    width: 46px;
    height: 45px;
    background-color: #fff;
    border: solid 1px #ececec
}

.quantity-stepper button.less:active,
.quantity-stepper button.more:active {
    background-color: #b1b1b3!important
}

.quantity-stepper button.less:hover,
.quantity-stepper button.more:hover {
    background-color: #d0d0ce
}

.quantity-stepper .product-value,
.quantity-stepper button.more {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.quantity-stepper .product-value {
    display: block;
    float: left;
    text-align: center;
    line-height: 45px;
    width: 46px;
    height: 45px;
    border: none;
    border-top: solid 1px #ececec;
    border-bottom: solid 1px #ececec;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-appearance: none
}

.menu-sticky-cart-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 901;
    border-bottom: 1px solid #509e2f;
    box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

.menu-sticky-cart-box .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 90px
}

.menu-sticky-cart-box .row-flex .cta-container-sticky,
.menu-sticky-cart-box .row-flex .title-box,
.menu-sticky-cart-box .row-flex .total-cost,
.menu-sticky-cart-box .row-flex .upfront-cost {
    -ms-flex-item-align: center;
    align-self: center
}

@media (max-width:991px) {
    .menu-sticky-cart-box .row-flex {
        display: block
    }
}

@media (max-width:767px) {
    .menu-sticky-cart-box .row-flex {
        min-height: 0
    }
}

.menu-sticky-cart-box .title-box {
    margin-top: 15px;
    margin-bottom: 15px
}

.menu-sticky-cart-box .title-box .title-menu-sticky {
    font-size: 18px
}

@media (max-width:767px) {
    .menu-sticky-cart-box .title-box .title-menu-sticky {
        font-size: 12px;
        line-height: 1.2
    }
}

.menu-sticky-cart-box .title-box .return-to-top {
    color: #509e2f;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px
}

@media (max-width:767px) {
    .menu-sticky-cart-box .title-box {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.menu-sticky-cart-box .bg-color-ultralightgrey {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 100px
}

.menu-sticky-cart-box .bg-color-ultralightgrey.upfront-cost {
    text-align: right
}

.menu-sticky-cart-box .bg-color-ultralightgrey.upfront-cost .fs-12 {
    line-height: 1.5
}

@media (max-width:767px) {
    .menu-sticky-cart-box .bg-color-ultralightgrey.upfront-cost .fs-12 {
        font-size: 10px!important;
        line-height: 1.3;
        min-height: 26px
    }
}

@media (max-width:991px) {
    .menu-sticky-cart-box .bg-color-ultralightgrey.upfront-cost {
        text-align: center
    }
}

.menu-sticky-cart-box .bg-color-ultralightgrey.upfront-cost .price {
    font-size: 1.2vw
}

@media (max-width:767px) {
    .menu-sticky-cart-box .bg-color-ultralightgrey.upfront-cost .price {
        font-size: 16px
    }
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method h3,
.menu-sticky-cart-box .bg-color-ultralightgrey.total-cost {
    text-align: center
}

@media (max-width:767px) {
    .menu-sticky-cart-box .bg-color-ultralightgrey.total-cost .fs-12 {
        font-size: 10px!important;
        line-height: 1.3;
        min-height: 26px
    }
}

.menu-sticky-cart-box .bg-color-ultralightgrey.total-cost .price {
    font-size: 36px
}

@media (max-width:767px) {
    .menu-sticky-cart-box .bg-color-ultralightgrey.total-cost .price {
        font-size: 20px
    }
}

.menu-sticky-cart-box .bg-color-ultralightgrey sup {
    padding-left: 3px
}

@media (max-width:767px) {
    .menu-sticky-cart-box .bg-color-ultralightgrey {
        min-height: 70px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.menu-sticky-cart-box .container-prices {
    background-color: #0086c1;
    color: #fff;
    text-align: right;
    font-size: 16px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-sticky-cart-box .container-prices .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .menu-sticky-cart-box .container-prices {
        padding: 10px
    }
    .menu-sticky-cart-box .container-prices span:first-child {
        font-size: 10px;
        display: block;
        line-height: 1.2;
        margin-bottom: 5px
    }
}

.menu-sticky-cart-box .container-prices .price-configurator {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    display: block
}

@media (max-width:767px) {
    .menu-sticky-cart-box .container-prices .price-configurator {
        font-size: 13px
    }
}

.menu-sticky-cart-box .container-prices .price-left {
    border-right: 1px solid #3e5265
}

.container-button--primary .menu-sticky-cart-box .cta-container-sticky a,
.menu-sticky-cart-box .cta-container-sticky .button--primary,
.menu-sticky-cart-box .cta-container-sticky .container-button--primary a {
    height: 37px;
    padding: 12px 20px
}

@media (max-width:991px) {
    .menu-sticky-cart-box .cta-container-sticky {
        background-color: #f9f9f9;
        min-height: 90px;
        padding-top: 15px
    }
}

.menu-sticky-cart-box .select-payment-container {
    width: 90px;
    height: 35px;
    border: 2px solid #d0d0ce;
    border-radius: 5px
}

.menu-sticky-cart-box .select-payment-container .bg-icon {
    display: inline-block;
    padding: 2px 3px 3px!important;
    height: 29px;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 17px;
    width: 41px;
    border-radius: 5px
}

.menu-sticky-cart-box .select-payment-container .bg-icon.selected {
    background-color: #509e2f;
    color: #fff
}

.menu-sticky-cart-box .select-payment-container .bg-icon i {
    width: 22px;
    padding-top: 3px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method {
    border: 1px solid #d0d0ce;
    box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    border-radius: 4px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method {
    padding-left: 20px;
    border-right: 1px solid #d0d0ce
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method .radio-container {
    height: 120px;
    margin-bottom: 5px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method img {
    width: 80px;
    float: left
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method .radio-button-container {
    float: left;
    width: 170px;
    padding-left: 10px;
    margin-top: 15px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method .radio-button-container label {
    font-size: 14px;
    line-height: 1.2
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method .radio-button-container label span {
    display: block;
    margin-top: 10px
}

@media (max-width:991px) {
    .contract-duration-payment-method .box-choises-contract-duration-payment-method .left-box-choises-contract-duration-payment-method {
        border-right: none;
        border-bottom: 1px solid #d0d0ce
    }
}

@media (max-width:767px) {
    .contract-duration-payment-method .box-choises-contract-duration-payment-method .right-box-choises-contract-duration-payment-method .container-radio-calendar {
        width: 270px;
        display: block;
        margin: auto
    }
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .right-box-choises-contract-duration-payment-method .radio-calendar-container {
    height: 90px;
    width: 80px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .right-box-choises-contract-duration-payment-method .radio-calendar-container>label {
    top: 23px;
    font-size: 75px;
    line-height: 55px;
    display: block;
    text-align: center
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .right-box-choises-contract-duration-payment-method .radio-calendar-container>input[type=radio]:checked+label {
    color: #a0d933;
    font-size: 90px;
    line-height: 44px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .right-box-choises-contract-duration-payment-method .radio-calendar-container>input[type=radio]:checked+label>span {
    top: 24px;
    font-size: 11px
}

.contract-duration-payment-method .box-choises-contract-duration-payment-method .right-box-choises-contract-duration-payment-method .radio-calendar-container>input[type=radio]:checked+label>h5 {
    top: 0;
    font-size: 30px
}

.contract-duration-payment-method .wrap-payment-method {
    border: 1px solid #d0d0ce;
    border-radius: 4px
}

.contract-duration-payment-method .wrap-payment-method .payment-method-choise {
    padding: 10px
}

.row-info-added.bin {
    min-height: 70px;
    height: auto;
    display: inline-block!important;
    width: 100%;
    padding-bottom: 15px
}

@media (max-width:992px) {
    .row-info-added.bin {
        height: auto;
        display: auto
    }
}

.row-info-added.bin:hover .container-icon-bin {
    display: block!important;
    right: 156px;
    cursor: pointer;
    top: 80px!important
}

@media (max-width:992px) {
    .row-info-added.bin:hover .container-icon-bin {
        right: 0
    }
}

@media (min-width:1200px) {
    .row-info-added.bin:hover .container-icon-bin {
        right: 190px
    }
}

.row-info-added.bin .space {
    height: 60px
}

.persistent-cart-total-row .notes {
    font-size: 12px;
    line-height: 17px;
    color: #7c7c7c
}

@media (max-width:991px) {
    .min-height-mobile {
        min-height: 120px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .min-height-mobile {
        min-height: 130px
    }
}

.cart-box-new .cart-box-new-header {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    position: relative
}

.cart-box-new .cart-box-new-header .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .cart-box-new .cart-box-new-header .row-flex {
        display: block
    }
}

.cart-box-new .cart-box-new-header .border-right-blue {
    border-right: solid 1px #3b61a6
}

.cart-box-new .cart-box-new-header h2 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    margin: 0
}

@media (max-width:991px) {
    .cart-box-new .cart-box-new-header h2 {
        margin-top: 15px;
        padding-right: 60px;
        margin-bottom: 15px
    }
}

.cart-box-new .cart-box-new-header .claim {
    line-height: 20px
}

@media (max-width:991px) {
    .cart-box-new .cart-box-new-header .claim {
        padding-bottom: 15px
    }
}

.cart-box-new .cart-box-new-header .price {
    font-size: 36px;
    line-height: 1;
    font-weight: 700
}

.cart-box-new .cart-box-new-header .mobile-cancel-button {
    position: absolute;
    top: 20px;
    right: -45px;
    width: 45px;
    height: 45px;
    background-color: #97d700;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, .3)
}

@media (max-width:991px) {
    .cart-box-new .cart-box-new-header .mobile-cancel-button {
        right: 0
    }
}

.cart-box-new .cart-box-new-body {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border: solid 1px #e4e4e4;
    border-top: 0;
    padding: 30px 20px
}

@media (max-width:767px) {
    .cart-box-new .cart-box-new-body {
        padding: 30px 20px
    }
}

.cart-box-new .cart-box-new-body h4 {
    font-size: 18px;
    line-height: 20px;
    color: #509e2f
}

.cart-box-new .cart-box-new-body .prices {
    font-size: 28px;
    line-height: 1.4
}

.cart-box-new .cart-box-new-body .detail-offer-box {
    padding: 5px 11px
}

.cart-box-new .cart-box-new-body .detail-offer-box .row-detail-offer {
    padding: 5px 0
}

.old-price-cart {
    position: absolute;
    top: 10px
}

.offer-price,
.t-price {
    position: relative
}

.old-price-cart-2 {
    right: 0;
    top: -32px;
    position: absolute
}

.onload-modal__overlay,
.onload-modal__overlay--js-custom-close {
    position: fixed;
    background: rgba(0, 0, 0, .8);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
    display: none
}

.onload-modal__content {
    position: fixed;
    width: 80%;
    max-height: 90%;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 1020;
    border-radius: 5px;
    background-clip: padding-box;
    display: none
}

.onload-modal__content.small-height {
    max-height: 490px
}

@media (max-width:767px) {
    .onload-modal__content.small-height {
        max-height: 480px
    }
    .onload-modal__content.small-height .onload-modal__content__int--alert {
        overflow: auto;
        max-height: 480px
    }
}

.onload-modal__content .my-offers {
    padding: 30px
}

@media (max-width:991px) and (min-width:768px) {
    .onload-modal__content .my-offers {
        padding: 30px!important
    }
}

@media screen and (orientation:landscape) and (max-width:767px) {
    .onload-modal__content.confirmation-pin .onload-modal__content__int--alert {
        max-height: 375px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .onload-modal__content {
        max-height: 55%
    }
    .onload-modal__content.small {
        max-height: 520px
    }
    .onload-modal__content.my-offers-height {
        max-height: 440px!important
    }
}

@media (min-width:992px) {
    .onload-modal__content {
        max-height: 500px;
        width: calc(100% - 40px);
        max-width: 920px;
        background-color: transparent
    }
}

.onload-modal__content--alert {
    max-width: 350px;
    max-height: 240px;
    text-align: center
}

.onload-modal__content--alert .buy-options img {
    max-height: 160px;
    width: auto
}

.onload-modal__content--alert.onload-modal__big {
    max-width: 920px;
    max-height: 419px;
    text-align: left;
    padding-bottom: 30px;
    overflow: visible
}

@media (max-width:991px) {
    .onload-modal__content--alert.onload-modal__big {
        max-height: 605px
    }
}

@media (max-width:767px) {
    .onload-modal__content--alert.onload-modal__big {
        max-height: 90%;
        overflow: auto
    }
}

.onload-modal__content--alert.onload-modal__big.modal-cookie-height,
.onload-modal__content--alert.onload-modal__big.welcome {
    max-height: 90%!important
}

.onload-modal__content--alert.onload-modal__middle {
    max-width: 480px
}

.onload-modal__content--alert.onload-modal__middle.onload-modal__middle--height {
    max-height: 430px
}

.hero__container2.hero_new_configurator h2,
.hero__container2.hero_new_configurator h4,
.onload-modal__content--alert.onload-modal__middle img {
    margin: auto
}

.onload-modal__content--alert.onload-modal__billaddress {
    max-width: 730px;
    max-height: 725px
}

.onload-modal__content--alert.onload-modal__billaddress.onload-modal__content--alert {
    text-align: left
}

.onload-modal__content--alert.onload-modal__billaddress.onload-modal__content--alert .onload-modal__content__int--alert {
    overflow: auto;
    max-height: calc(100% + 100px)
}

.onload-modal__content--alert.onload-modal__chat-callback {
    max-width: 410px;
    max-height: 660px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert {
    padding: 30px 50px;
    max-height: 660px;
    overflow: auto
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .icon-callback,
.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .icon-video-call {
    font-size: 50px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .title-chat-callback {
    margin-top: 30px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .form__block {
    margin-bottom: 0
}

@media (max-width:767px) {
    .onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .form__block {
        max-width: 100%
    }
    .onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .form__block input {
        width: 100%
    }
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .dropdown__container,
.onload-modal__content__int .form__block input {
    width: 100%
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .dropdown__container .dropdown__container--toggle {
    padding: 10px 12px!important;
    position: relative
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .dropdown__container .dropdown__container--toggle i.down,
.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .dropdown__container .dropdown__container--toggle i.up {
    top: 3px;
    right: -7px;
    bottom: 0;
    margin: auto;
    height: 16px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel {
    max-width: 255px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day {
    margin: 0 5px;
    float: left
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div {
    padding: 5px;
    border: 2px solid #b1b1b3;
    color: #b1b1b3;
    min-height: 74px;
    width: 50px;
    font-size: 10px;
    cursor: pointer
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label span,
.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day label div span {
    display: block;
    font-size: 30px;
    margin-top: 5px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked+label div,
.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day input[type=radio]:checked~label div {
    border-color: #509e2f;
    color: #509e2f
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .slick-next {
    right: -25px;
    top: 10px;
    width: 20px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .slick-prev {
    left: -25px;
    top: 10px;
    width: 20px
}

.onload-modal__content--alert.onload-modal__chat-callback .onload-modal__content__int--alert .radio-button-day-carousel .slick-dots {
    display: none!important
}

.onload-modal__content--alert--large {
    max-width: 550px;
    max-height: 390px
}

.onload-modal__content--alert--large .onload-modal__content__int {
    margin-top: 0
}

.onload-modal__content--alert--large .onload-modal__content__int--alert {
    padding: 40px
}

@media (max-width:767px) {
    .onload-modal__content--alert--large .onload-modal__content__int--alert {
        max-height: 375px
    }
}

.onload-modal__content--alert--large.onload-modal__middle-big {
    max-width: 730px
}

.onload-modal__content--alert--large.onload-modal__middle-big.modal-manage-ote-tv {
    max-height: 710px;
    max-width: 860px
}

.onload-modal__content--alert--large.onload-modal__middle-big.modal-manage-ote-tv.without-alert {
    max-height: 570px
}

@media (max-width:991px) {
    .onload-modal__content--alert--large.onload-modal__middle-big.modal-manage-ote-tv {
        max-height: 755px
    }
    .onload-modal__content--alert--large.onload-modal__middle-big.modal-manage-ote-tv.without-alert {
        max-height: 610px
    }
}

@media (max-width:767px) {
    .onload-modal__content--alert--large {
        max-height: 550px
    }
}

.onload-modal__content__int {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 3px 0 5px -2px rgba(0, 0, 0, .2);
    z-index: 200;
    position: relative;
    overflow-y: auto
}

@media (min-width:768px) {
    .onload-modal__content__int {
        height: 100%;
        width: calc(100% - 40px);
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .onload-modal__content__int {
        display: table;
        height: 100%;
        width: calc(100% - 40px);
        margin-top: 0;
        background-color: #fff
    }
}

.onload-modal__content__int--alert {
    padding: 20px 50px 50px;
    background-color: #fff;
    border-radius: 5px;
    height: 100%;
    overflow: auto;
    width: 100%
}

@media (max-width:480px) {
    .onload-modal__content__int--alert {
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 20px
    }
}

@media (min-width:768px) {
    .onload-modal__content__int--alert {
        padding: 50px
    }
}

.onload-modal__content__int--alert button {
    display: block;
    width: 100%;
    margin-top: 20px
}

.onload-modal__content__int--alert button.pull-left,
.onload-modal__content__int--alert button.pull-right {
    width: auto
}

@media (max-width:767px) {
    .onload-modal__content__int--alert button.pull-left.full-width-mobile,
    .onload-modal__content__int--alert button.pull-right.full-width-mobile {
        width: 100%
    }
}

@media (max-width:480px) {
    .onload-modal__content__int--alert button.dropdown__container--toggle {
        padding: 10px 12px!important
    }
    .onload-modal__content__int--alert button {
        padding: 19px 7px
    }
}

.onload-modal__content__int--left {
    display: block;
    width: 100%;
    padding: 5px 30px 30px
}

.onload-modal__content__int--left img {
    max-width: 100%
}

.onload-modal__content__int--left img.alert-limited-img {
    max-width: 355px
}

@media (min-width:768px) {
    .onload-modal__content__int--left {
        padding-top: 30px
    }
}

@media (min-width:992px) {
    .onload-modal__content__int--left {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0;
        text-align: center
    }
}

@media (max-width:991px) and (min-width:768px) {
    .onload-modal__content__int--left {
        float: left;
        max-width: 115px;
        padding: 0 0 0 15px
    }
    .onload-modal__content__int--left img {
        width: 100%
    }
}

.onload-modal__content__int--right {
    display: block;
    width: 100%;
    padding: 0 30px 30px
}

@media (min-width:992px) {
    .onload-modal__content__int--right {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0 30px 0 0
    }
}

@media (max-width:991px) and (min-width:768px) {
    .onload-modal__content__int--right {
        float: right;
        width: calc(100% - 115px)
    }
}

.onload-modal__content__int__title {
    margin-bottom: 20px
}

.onload-modal__content__int__desc {
    text-align: left
}

.onload-modal__content__int .form__block {
    margin: 0 auto 25px;
    text-align: left;
    width: auto;
    max-width: none
}

@media (max-width:767px) {
    .onload-modal__content__int .form__block {
        margin: 0 0 30px
    }
}

.onload-modal__content__int .dropdown__container.dropdown__container--select,
.onload-modal__content__int__buttons--left button {
    width: 100%
}

.onload-modal__content__int__head {
    border-bottom: 1px solid #eaeaea
}

.onload-modal__content__int__head--greetings {
    font-size: 28px;
    margin: 0
}

.onload-modal__content__int__head--username {
    font-size: 30px;
    margin: 10px 0 0
}

.onload-modal__content__int__head--offer {
    font-size: 14px
}

.onload-modal__content__int__desc--title {
    font-size: 30px;
    line-height: 1.1;
    position: relative
}

@media (min-width:768px) {
    .onload-modal__content__int__desc--title {
        line-height: 21px
    }
}

.onload-modal__content__int__desc--txt {
    font-size: 14px
}

.onload-modal__content__int__prices {
    display: block;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .onload-modal__content__int__prices {
        display: table
    }
}

.onload-modal__content__int__prices--left {
    display: block;
    text-align: left;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .onload-modal__content__int__prices--left {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 0
    }
}

.onload-modal__content__int__prices--left small {
    display: block;
    font-size: 12px;
    margin-bottom: 10px
}

.onload-modal__content__int__prices--left sup {
    color: #509e2f;
    top: -1em;
    font-size: 14px;
    margin-left: 2px
}

.onload-modal__content__int__prices--left .linethrough {
    color: #7c7c7c;
    font-size: 34px;
    text-decoration: line-through
}

@media (max-width:991px) and (min-width:768px) {
    .onload-modal__content__int__prices--left {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }
}

.onload-modal__content__int__prices--right {
    display: block;
    text-align: left
}

@media (min-width:768px) {
    .onload-modal__content__int__prices--right {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }
}

.onload-modal__content__int__prices--right small {
    display: block;
    font-size: 13px;
    margin-bottom: 10px
}

.onload-modal__content__int__prices--right sup {
    top: -1.5em;
    font-size: 14px;
    margin-left: 2px;
    color: #7c7c7c
}

.onload-modal__content__int__prices--right .specialprice {
    color: #509e2f;
    font-size: 45px
}

.onload-modal__content__int__buttons {
    display: table;
    width: 100%
}

.onload-modal__content__int__buttons--left {
    display: block;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .onload-modal__content__int__buttons--left {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 0
    }
    .onload-modal__content__int__buttons--left button {
        width: auto
    }
}

.onload-modal__content__int__buttons--right {
    display: block
}

.onload-modal__content__int__buttons--right button {
    width: 100%
}

@media (min-width:768px) {
    .onload-modal__content__int__buttons--right {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }
    .onload-modal__content__int__buttons--right button {
        width: auto
    }
}

.close-container-box .close-container {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #97d700;
    cursor: pointer;
    z-index: 201
}

@media (min-width:768px) {
    .close-container-box .close-container {
        width: 40px;
        height: 40px;
        right: 0;
        top: 25px
    }
}

.close-container-box .close-container .icon-close::after,
.close-container-box .close-container .icon-close::before {
    content: '';
    position: absolute;
    width: 65%;
    top: 50%;
    left: 50%;
    background: #fff;
    height: 3px;
    margin-top: -2px;
    margin-left: -10px
}

@media (min-width:768px) {
    .close-container-box .close-container .icon-close::after,
    .close-container-box .close-container .icon-close::before {
        margin-left: -13px
    }
}

.close-container-box .close-container .icon-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-container-box .close-container .icon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (max-width:767px) {
    .close-container-box .form__block.form__relative .position-absolute-infobox.secondary-version {
        top: auto!important;
        bottom: 30px;
        left: -70px!important
    }
    .close-container-box .form__block.form__relative .position-absolute-infobox.secondary-version:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        bottom: -15px;
        top: auto;
        left: 82px
    }
}

.popTop {
    top: 330px
}

.pointer {
    cursor: pointer
}

.modal-danger {
    background-color: #fff2dc;
    color: #f5a623;
    border: 1px solid #f5a623;
    border-radius: 8px
}

.modal-slider {
    max-width: 700px;
    max-height: 600px;
    background: 0 0
}

@media (max-width:767px) {
    .modal-slider {
        max-height: 350px
    }
}

.modal-slider .onload-modal__content__int2 {
    background: #fff;
    margin-right: 40px
}

@media (max-width:767px) {
    .modal-slider .onload-modal__content__int2 {
        margin-right: 0
    }
}

.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide {
    text-align: center
}

.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img {
    height: 400px;
    width: auto;
    margin: 100px auto
}

@media (max-width:767px) {
    .modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img {
        height: 190px;
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe {
    min-height: 500px;
    min-width: 390px;
    border: none
}

@media (max-width:767px) {
    .modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe {
        min-width: auto;
        margin-top: -120px;
        max-width: 250px
    }
}

.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev {
    left: 15px
}

.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next {
    right: 15px
}

@media (max-width:991px) and (min-width:768px) {
    .app-modal-box-height {
        max-height: 350px!important
    }
}

@media (max-width:767px) {
    .app-modal-box-height {
        width: 90%
    }
}

@media (max-width:991px) and (min-width:768px) {
    .app-modal-middlecol {
        padding-left: 0;
        width: 10px
    }
}

.app-modal-ios-background,
.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__fourth-level.no-overflow-scroll,
.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__second-level.no-overflow-scroll,
.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level.no-overflow-scroll,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__fourth-level.no-overflow-scroll,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__second-level.no-overflow-scroll,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level.no-overflow-scroll {
    overflow: hidden
}

@media (max-width:1199px) and (min-width:768px) {
    .app-modal-ios-background {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom;
        width: calc(100% - 40px)
    }
}

@media (max-width:767px) {
    .app-modal-ios-background {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .app-modal-ios-background.app-modal-ios-padding-sm-0 {
        padding: 30px 50px 50px
    }
}

.app-modal-ios-background .app-modal-ios-title {
    width: 100%;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #509e2f
}

@media (max-width:767px) {
    .app-modal-ios-background .app-modal-ios-title {
        font-size: 1.3
    }
}

.app-modal-ios-background .app-modal-ios-description {
    max-width: 100%
}

.app-modal-ios-background .app-modal-ios-img {
    width: 67px;
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain
}

.onload-modal__overlayv2,
.onload-modal__overlayv2--js-custom-close,
.onload-modal__overlayv3,
.onload-modal__overlayv3--js-custom-close {
    position: fixed;
    background: rgba(0, 0, 0, .8);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
    display: none;
    overflow: auto
}

.onload-modal__overlayv2 .onload-modal__contentv2,
.onload-modal__overlayv2 .onload-modal__contentv3,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3,
.onload-modal__overlayv3 .onload-modal__contentv2,
.onload-modal__overlayv3 .onload-modal__contentv3,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 {
    position: relative;
    margin: auto;
    z-index: 1020;
    display: none
}

.onload-modal__overlayv2 .onload-modal__contentv2.onload-modal__content--big,
.onload-modal__overlayv2 .onload-modal__contentv3.onload-modal__content--big,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.onload-modal__content--big,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.onload-modal__content--big,
.onload-modal__overlayv3 .onload-modal__contentv2.onload-modal__content--big,
.onload-modal__overlayv3 .onload-modal__contentv3.onload-modal__content--big,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.onload-modal__content--big,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.onload-modal__content--big {
    max-width: 900px
}

@media (max-width:991px) {
    .onload-modal__overlayv2 .onload-modal__contentv2.onload-modal__content--big,
    .onload-modal__overlayv2 .onload-modal__contentv3.onload-modal__content--big,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.onload-modal__content--big,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.onload-modal__content--big,
    .onload-modal__overlayv3 .onload-modal__contentv2.onload-modal__content--big,
    .onload-modal__overlayv3 .onload-modal__contentv3.onload-modal__content--big,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.onload-modal__content--big,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.onload-modal__content--big {
        max-width: 700px
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2.onload-modal__content--medium,
.onload-modal__overlayv2 .onload-modal__contentv3.onload-modal__content--medium,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.onload-modal__content--medium,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.onload-modal__content--medium,
.onload-modal__overlayv3 .onload-modal__contentv2.onload-modal__content--medium,
.onload-modal__overlayv3 .onload-modal__contentv3.onload-modal__content--medium,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.onload-modal__content--medium,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.onload-modal__content--medium {
    max-width: 690px
}

.onload-modal__overlayv2 .onload-modal__contentv2.onload-modal__content--small,
.onload-modal__overlayv2 .onload-modal__contentv3.onload-modal__content--small,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.onload-modal__content--small,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.onload-modal__content--small,
.onload-modal__overlayv3 .onload-modal__contentv2.onload-modal__content--small,
.onload-modal__overlayv3 .onload-modal__contentv3.onload-modal__content--small,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.onload-modal__content--small,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.onload-modal__content--small {
    max-width: 480px
}

.onload-modal__overlayv2 .onload-modal__contentv2.onload-modal__content--medium-max,
.onload-modal__overlayv2 .onload-modal__contentv3.onload-modal__content--medium-max,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.onload-modal__content--medium-max,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.onload-modal__content--medium-max,
.onload-modal__overlayv3 .onload-modal__contentv2.onload-modal__content--medium-max,
.onload-modal__overlayv3 .onload-modal__contentv3.onload-modal__content--medium-max,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.onload-modal__content--medium-max,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.onload-modal__content--medium-max {
    max-width: 840px
}

.onload-modal__overlayv2 .onload-modal__contentv2 .close-container,
.onload-modal__overlayv2 .onload-modal__contentv3 .close-container,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .close-container,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .close-container,
.onload-modal__overlayv3 .onload-modal__contentv2 .close-container,
.onload-modal__overlayv3 .onload-modal__contentv3 .close-container,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .close-container,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .close-container {
    background-color: #a0d933;
    color: #fff;
    font-size: 24px;
    float: right;
    margin-top: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer
}

@media (max-width:991px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv2 .onload-modal__contentv3 .close-container,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .close-container,
    .onload-modal__overlayv3 .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv3 .onload-modal__contentv3 .close-container,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .close-container {
        position: absolute;
        right: 0;
        float: none;
        z-index: 2000
    }
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv2 .onload-modal__contentv3 .close-container,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .close-container,
    .onload-modal__overlayv3 .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv3 .onload-modal__contentv3 .close-container,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .close-container,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .close-container {
        top: -20px;
        right: 20px;
        border-top-right-radius: 5px
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int {
    height: auto;
    margin: 75px 0;
    position: relative;
    width: calc(100% - 40px);
    display: block;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: transparent
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int,
    .onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int {
        width: calc(100% - 40px);
        margin: 75px auto
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert {
    border-radius: 5px;
    background-clip: padding-box;
    padding: 40px;
    background-color: #fff;
    height: 100%
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .cookie-modal-content .content-text {
    overflow: auto;
    max-height: none
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-callback,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-chat-icon,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .icon-video-call {
    font-size: 50px
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough {
    text-decoration: line-through
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .linethrough sup {
    font-size: 18px;
    color: #509e2f
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice {
    color: #509e2f;
    font-size: 48px
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .specialprice sup {
    font-size: 18px
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .buy-options img {
    max-height: 165px;
    width: auto
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .dropdown__container {
    width: 100%
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel {
    max-width: 255px;
    margin: 0 auto 30px
}

.onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-day-carousel .radio-button-day {
    margin: 0 5px;
    float: left
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv2 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv3 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv3 .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .onload-modal__content__int .onload-modal__content__int--alert {
        padding: 40px 20px
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 {
    height: auto;
    margin: 75px 0;
    position: relative;
    width: calc(100% - 40px);
    display: block;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 {
        width: calc(100% - 40px);
        margin: 75px auto
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide {
    text-align: center
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide img {
        height: 190px;
        margin-top: 80px;
        margin-bottom: 80px
    }
    .onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-slide iframe {
        min-width: auto;
        margin-top: -120px;
        max-width: 250px
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-prev {
    left: 15px
}

.onload-modal__overlayv2 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv2 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv3 .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv3 .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3.modal-slider .onload-modal__content__int2 .carousel-detail-product .slick-next {
    right: 15px
}

.onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background,
.onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background,
.onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background,
.onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background {
    overflow: hidden;
    background-color: #fff
}

@media (min-width:768px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background,
    .onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom
    }
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background,
    .onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .onload-modal__content__int--alert,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .onload-modal__content__int--alert {
    background-color: transparent
}

.onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #509e2f
}

@media (max-width:767px) {
    .onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-title,
    .onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-title {
        font-size: 24px
    }
}

.onload-modal__overlayv2 .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv2 .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv2--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv3 .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv3 .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv2 .app-modal-ios-background .app-modal-ios-img,
.onload-modal__overlayv3--js-custom-close .onload-modal__contentv3 .app-modal-ios-background .app-modal-ios-img {
    width: 67px;
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2.background-blue,
.onload-modal__overlayv2.new-modal-sprint2.background-blue,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2.background-blue,
.onload-modal__overlayv3.new-modal-sprint2.background-blue {
    background-color: rgba(10, 50, 78, .8)
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .close-container,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .close-container,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .close-container,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .close-container {
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #465152;
    background-color: transparent;
    z-index: 201;
    font-size: 15px
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int {
    width: 100%;
    border-radius: 0
}

@media (max-width:767px) {
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int {
        width: calc(100% - 20px)
    }
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert {
    border-radius: 0;
    padding: 25px 40px 40px
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1 {
    margin: 0;
    position: relative;
    display: inline-block
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1::after,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1::after,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1::after,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .checking-offers-title h1::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    width: 100%;
    height: 5px;
    background-color: #a0d933
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert input,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert input,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert input,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert input {
    width: 100%;
    font-size: 18px;
    padding: 15px 10px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
    border: solid 1px #b1b1b3
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-background,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-background,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-background,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-background {
    height: 35px;
    width: 100%;
    background-color: #f8f8f8
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-size,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-size,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-size,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader-size {
    min-width: 1px;
    max-width: 100%;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #a0d933, #00a0dc)!important
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .img-dots,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .img-dots,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .img-dots,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .img-dots {
    max-width: 50%;
    margin: auto;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .search,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .search,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .search,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .loader .search {
    left: calc(50% - 30px);
    position: absolute;
    top: -10px;
    width: 60px;
    -webkit-animation: orbit2 2s linear infinite;
    animation: orbit2 2s linear infinite
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal {
    margin-top: 30px
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label {
    text-align: center;
    cursor: pointer
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label img,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label img,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label img,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label img {
    height: 90px;
    width: auto;
    display: block;
    margin: auto auto 20px
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label span,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label span,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label span,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal label span {
    display: block;
    margin: auto auto 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #b1b1b3;
    position: relative;
    border-radius: 50%;
    background-clip: padding-box
}

.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal input:checked~label span::before,
.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input:checked~label span::before,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input:checked~label span::before,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input:checked~label span::before,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .radio-button-modal input:checked~label span::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 14px;
    width: 14px;
    background-color: #a0d933;
    border-radius: 50%;
    background-clip: padding-box
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box {
    background-color: #e5e5e5;
    position: relative;
    border-radius: 8px;
    background-clip: padding-box
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box img,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box img,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box img,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2 .onload-modal__content__int .onload-modal__content__int--alert .online-offer-box img {
    height: 105px;
    width: auto;
    position: absolute;
    top: -15px;
    left: 0
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    right: 0;
    left: 10px;
    bottom: 0;
    z-index: -1
}

@media (max-width:767px) {
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before {
        width: calc(100% - 30px);
        left: 20px
    }
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back .close-container,
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back .close-container,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.red-back .close-container,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.yellow-back .close-container,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back .close-container,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back .close-container,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.red-back .close-container,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.yellow-back .close-container {
        right: 20px
    }
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back .onload-modal__content__int,
    .onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back .onload-modal__content__int,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.red-back .onload-modal__content__int,
    .onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.yellow-back .onload-modal__content__int,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back .onload-modal__content__int,
    .onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back .onload-modal__content__int,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.red-back .onload-modal__content__int,
    .onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.yellow-back .onload-modal__content__int {
        width: calc(100% - 30px);
        left: -5px
    }
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.yellow-back:before {
    background-color: #ffcf00
}

.onload-modal__overlayv2--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv2.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv3--js-custom-close.new-modal-sprint2 .onload-modal__contentv2.red-back:before,
.onload-modal__overlayv3.new-modal-sprint2 .onload-modal__contentv2.red-back:before {
    background-color: #ff5452
}

@-webkit-keyframes orbit2 {
    0% {
        -webkit-transform: rotate(0deg) translateX(25px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(25px) rotate(-360deg)
    }
}

@keyframes orbit2 {
    0% {
        -webkit-transform: rotate(0deg) translateX(25px) rotate(0deg);
        transform: rotate(0deg) translateX(25px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(25px) rotate(-360deg);
        transform: rotate(360deg) translateX(25px) rotate(-360deg)
    }
}

@media (max-width:767px) {
    .search-result-header .mobile-double-select {
        width: 100%
    }
}

.dropdown__container__inlinelabel {
    line-height: 16px;
    position: relative;
    top: -5px
}

@media (max-width:767px) {
    .dropdown__container__inlinelabel {
        margin-top: 20px;
        display: block
    }
}

.dropdown__container__blocklabel {
    display: block
}

.dropdown__container__icon {
    position: relative;
    top: -3px
}

.dropdown__container__icon.icon-calendar-icon {
    position: absolute;
    right: 110px;
    bottom: 10px;
    top: auto
}

.dropdown__container {
    display: inline-block;
    width: 215px
}

.dropdown__container.dropdown__container--show-error~.form__error-message {
    color: #ef3e42;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    display: block
}

.dropdown__container--full,
.dropdown__container.full-width,
.hero__container button.button--primary {
    width: 100%
}

@media (max-width:767px) {
    .dropdown__container.dropdown__container--select {
        width: 49%
    }
    .dropdown__container.dropdown__container--select .dropdown-toggle {
        height: 40px;
        margin-top: 15px
    }
    .dropdown__container.dropdown__container--select.full-width {
        width: 100%
    }
    .dropdown__container.dropdown__container--select--first {
        float: left
    }
    .dropdown__container.dropdown__container--select--last {
        float: right
    }
}

.dropdown__container--large {
    width: 260px
}

.dropdown__container--large .dropdown__container--toggle--txt {
    max-width: 90%
}

@media (max-width:767px) {
    .dropdown__container--large.dropdown__container--select {
        width: 100%
    }
    .dropdown__container--large.dropdown__container--select .dropdown-toggle {
        margin-top: 0
    }
}

.dropdown__container--large--withicon {
    width: 280px!important
}

@media (min-width:768px) {
    .dropdown__container--large--withicon {
        width: 170px!important
    }
}

@media (min-width:992px) {
    .dropdown__container--large--withicon {
        width: 260px!important
    }
}

.dropdown__container--toggle {
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #b1b1b3;
    width: 100%;
    text-align: left
}

.dropdown__container--toggle i {
    position: relative;
    float: right;
    top: 1px;
    font-weight: 700;
    margin-left: 5px
}

.dropdown__container--toggle i.up {
    display: none;
    top: 0
}

.dropdown__container--toggle i.down {
    display: inline-block
}

.dropdown__container--toggle--txt {
    float: left;
    overflow: hidden;
    max-width: 80%;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.dropdown__container--toggle--txt--icon .dropdown__container__icon {
    float: none;
    margin-left: 0;
    font-size: 20px;
    font-weight: 100;
    position: relative;
    top: 0;
    color: #7c7c7c
}

.dropdown__container--toggle--invalid {
    border-color: #ef3e42!important
}

.dropdown__container--menu {
    width: 100%;
    min-width: 100%;
    max-height: 250px;
    overflow: auto;
    border-radius: 0;
    background-clip: padding-box;
    margin-top: 0
}

.dropdown__container--menu li {
    background: 0 0!important
}

.dropdown__container--menu li a {
    background: 0 0!important;
    padding: 15px;
    font-size: 14px;
    color: #3d5265;
    white-space: normal
}

.dropdown__container.open .dropdown__container--toggle {
    background: #509e2f;
    color: #fff
}

.dropdown__container.open .dropdown__container--toggle i.up,
picture {
    display: inline
}

.dropdown__container.open .dropdown__container--toggle i.down {
    display: none
}

.dropdown__container.open .dropdown__container--toggle .dropdown__container__icon {
    color: #fff!important
}

.form-select .dropdown__container--toggle {
    padding: 11px 12px;
    box-shadow: inset 0 0 0 2px rgba(55, 65, 72, .08);
    border: solid 1px rgba(55, 65, 72, .2)
}

@media (max-width:767px) {
    .form-select .dropdown__container--toggle {
        width: 100%;
        padding: 16px 12px
    }
}

.form-select .form__label {
    margin-bottom: 10px
}

.dropdown-menu {
    top: 100%
}

.hero__container {
    width: 100%;
    background-color: #000;
    min-height: 450px;
    margin-bottom: 20px
}

.hero__container--double {
    min-height: 455px
}

.hero__container--mobile {
    min-height: 405px
}

@media (max-width:767px) {
    .hero__container--mobile {
        min-height: 425px
    }
}

@media (min-width:768px) {
    .hero__container {
        min-height: 550px
    }
    .hero__container--mobile {
        min-height: 405px
    }
}

@media (max-width:991px) {
    .hero__container {
        min-height: 540px
    }
}

@media (max-width:767px) {
    .hero__container {
        min-height: auto;
        padding-bottom: 30px
    }
    .hero__container.hero-bundle-mobile {
        min-height: 770px
    }
}

.hero__container.hero__container--form {
    background: url(../images/bg-offer-dark.png) center center no-repeat;
    background-size: cover
}

.hero__container.hero__container--box {
    background: url(../images/bg-offer-light.png) center center no-repeat;
    background-size: cover
}

.hero__container.hero__container--bundle,
.hero__container.hero__container--double {
    margin-bottom: 50px
}

.hero__container.hero__container--bundle,
.hero__container.hero__container--double,
.hero__container.hero__container--mobile {
    background: url(../images/bg-configurator.png) center center no-repeat;
    background-size: cover
}

@media (min-width:768px) {
    .hero__container.hero__container--bundle,
    .hero__container.hero__container--double,
    .hero__container.hero__container--mobile {
        margin-bottom: 60px
    }
}

.hero__container.hero__container--mobile {
    margin-bottom: 0
}

.hero__container--wcs {
    min-height: 320px;
    margin-bottom: 20px;
    background: center center no-repeat!important;
    background-size: cover!important
}

.hero__container--wcs--bg2 {
    background: 0 0!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important
}

@media (min-width:768px) {
    .hero__container button.button--primary {
        width: auto
    }
}

.hero__container__title {
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    margin: 50px 0 30px
}

@media (min-width:768px) {
    .hero__container__title {
        font-size: 64px;
        line-height: 64px
    }
}

@media (min-width:992px) {
    .hero__container__title {
        margin: 70px 0 30px
    }
}

.hero__container__titlewcs {
    color: #fff;
    text-align: left;
    font-size: 42px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal
}

@media (max-width:768px) {
    .hero__container__titlewcs {
        line-height: 50px
    }
}

.hero__container__titlewcs--subtitle {
    font-size: 26px
}

@media (max-width:768px) {
    .hero__container__titlewcs--subtitle {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 35px
    }
}

.hero__container--box__title {
    color: #3d5265;
    font-size: 30px;
    margin: 20px 0
}

.hero__container--box__info {
    background: rgba(0, 0, 0, .55);
    border-radius: 5px;
    background-clip: padding-box;
    padding: 20px;
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
    position: relative
}

.hero__container--box__info .tag {
    position: absolute;
    top: auto;
    right: 27%;
    bottom: 140px
}

@media (min-width:768px) {
    .hero__container--box__info .tag {
        right: 40px;
        top: -20px;
        bottom: auto
    }
}

@media (min-width:992px) {
    .hero__container--box__info .tag {
        right: 50px
    }
}

.hero__container--box__info__container {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .hero__container--box__info__container {
        display: table;
        width: 100%;
        height: 100%
    }
}

.hero__container--box__info__col {
    width: 100%;
    display: block;
    padding: 0 15px;
    vertical-align: middle
}

@media (min-width:768px) {
    .hero__container--box__info__col {
        width: 33.333333%;
        display: table-cell;
        border-right: 1px solid #fff
    }
}

.hero__container--box__info__col--second {
    padding-top: 15px;
    margin: 20px 0
}

@media (min-width:768px) {
    .hero__container--box__info__col--second {
        margin: 0
    }
}

.hero__container--box__info__col--last {
    border-right: none;
    padding: 60px 15px 10px
}

@media (min-width:768px) {
    .hero__container--box__info__col--last {
        padding: 0 15px
    }
}

.hero__container--box__info__col__row {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.hero__container--box__info__col__row--last {
    border-bottom: none;
    margin-bottom: 0
}

.hero__container--box__info__col__row__title {
    text-align: center;
    color: #fff;
    font-size: 30px;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .hero__container--box__info__col__row__title {
        font-size: 36px
    }
}

.hero__container--box__info__col__row__subtitle {
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: block
}

.hero__container--box__info__col__row__cols {
    display: table;
    width: 100%
}

.hero__container--box__info__col__row__cols--single {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.hero__container--box__info__col__row__cols--double {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.hero__container--box__info__col__row__cols__title {
    color: #fff;
    display: block;
    font-size: 30px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .hero__container--box__info__col__row__cols__title {
        font-size: 36px
    }
}

.hero__container--box__info__col__row__cols__subtitle {
    color: #fff;
    display: block;
    font-size: 12px;
    text-align: center
}

.hero__container--box__info__col__row__bigprice {
    color: #a0d933;
    font-size: 50px;
    margin-bottom: 15px;
    display: block;
    text-align: center
}

@media (min-width:992px) {
    .hero__container--box__info__col__row__bigprice {
        font-size: 58px;
        margin-bottom: 20px
    }
}

.hero__container--box__info__col__row__bigprice sup {
    font-size: 28px;
    color: #a0d933;
    top: -1em
}

.hero__container--box__info__col__row__bigpricedesc {
    color: #fff;
    font-size: 12px;
    display: block;
    text-align: center
}

.hero__container__desc {
    color: #fff;
    text-align: center;
    margin-bottom: 40px
}

@media (min-width:992px) {
    .hero__container__desc {
        margin-bottom: 60px
    }
}

.hero__container__content {
    position: relative
}

.hero__container__content__text {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    padding-right: 30px
}

@media (max-width:991px) {
    .hero__container__content__text {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .hero__container__content__text {
        position: relative
    }
}

@media (min-width:992px) {
    .hero__container__content__text {
        width: 85%
    }
}

@media (max-width:767px) {
    .hero__container__content__text .row-information img {
        width: auto
    }
}

.hero__container__content__text__title {
    color: #fff;
    margin: 0 0 5px
}

.hero__container__content__text__title.max-width-hero-text {
    max-width: 370px
}

@media (max-width:767px) {
    .hero__container__content__text__title {
        max-width: 370px
    }
}

.hero__container__content__text__subtitle {
    color: #fff;
    margin: 0
}

.hero__container__content__text__txt {
    color: #fff;
    max-width: 55%;
    margin: 30px 0
}

@media (max-width:340px) {
    .hero__container__content__text__txt {
        margin: 10px 0
    }
}

@media (min-width:992px) {
    .hero__container__content__text__txt {
        width: 60%;
        margin: 20px 0
    }
}

.hero__container__content__text__txt--mobile {
    position: absolute;
    right: 0;
    width: auto;
    font-size: 12px;
    max-width: 40%;
    line-height: 17px;
    top: 170px
}

@media (max-width:767px) {
    .hero__container__content__text__txt--mobile {
        top: 200px
    }
}

.hero__container__content__text__txt--mobilepage {
    max-width: 45%
}

@media (min-width:992px) {
    .hero__container__content__text__txt--mobilepage {
        max-width: 370px
    }
}

.hero__container__content__text__images {
    margin: 10px 0
}

@media (max-width:340px) {
    .hero__container__content__text__images {
        margin: 10px 0
    }
}

.hero__container__content__text__images span {
    display: block;
    color: #fff;
    margin-bottom: 5px;
    font-size: 12px
}

.hero__container__content__text__images.hero__container__content__text__images__dark .hero__container__content__text__image--plus,
.hero__container__content__text__images.hero__container__content__text__images__dark span {
    color: #3d5265
}

@media (max-width:767px) {
    .hero__container__content__text__images.hero__container__content__text__images__dark {
        position: absolute;
        right: 0;
        top: 350px
    }
}

.hero__container__content__text__images--bottom {
    width: 100%;
    position: absolute;
    top: 360px
}

@media (min-width:768px) {
    .hero__container__content__text__images--bottom {
        width: auto;
        position: static;
        top: auto
    }
}

.hero__container__content__text__images--bottom span {
    display: block;
    color: #374148;
    margin-bottom: 0;
    margin-top: 5px
}

.hero__container__content__text__image {
    display: inline-block;
    text-align: center;
    max-width: 80px
}

.hero__container__content__text__image span {
    line-height: 1.3
}

@media (max-width:340px) {
    .hero__container__content__text__image {
        max-width: 70px
    }
    .hero__container__content__text__image span {
        line-height: 1.3;
        font-size: 10px
    }
}

@media (min-width:768px) {
    .hero__container__content__text__image {
        margin-right: 10px;
        max-width: none
    }
    .hero__container__content__text__image span {
        line-height: 21px
    }
}

.hero__container__content__text__image--plus {
    display: inline-block;
    font-size: 25px;
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: middle
}

@media (max-width:340px) {
    .hero__container__content__text__image--plus {
        margin-right: 0;
        margin-left: 0
    }
}

.hero__container__content__text__image--bottom {
    max-width: 80px;
    vertical-align: top
}

@media (max-width:340px) {
    .hero__container__content__text__image--bottom {
        max-width: 70px
    }
}

@media (min-width:768px) {
    .hero__container__content__text__image--bottom {
        max-width: none;
        vertical-align: middle
    }
}

.hero__container__content__text__image--bottom--plus {
    margin-top: 40px;
    color: #d0d0ce;
    max-width: none;
    vertical-align: middle
}

@media (min-width:768px) {
    .hero__container__content__text__image--bottom--plus {
        margin-top: -20px;
        color: #eaeaea
    }
}

.hero__container__content__row {
    display: table;
    position: relative
}

.hero__container__content__col {
    display: table-cell;
    border-right: 1px solid #fff;
    padding: 10px 15px 10px 10px;
    max-width: 160px;
    min-width: 160px;
    word-wrap: break-word
}

.hero__container__content__col:last-child {
    border-right: 0
}

@media (max-width:767px) {
    .hero__container__content__col {
        padding-top: 0;
        border-right: 0;
        display: block
    }
}

@media (max-width:991px) and (min-width:768px) {
    .hero__container__content__col {
        max-width: 123px;
        min-width: 123px
    }
}

@media (max-width:1199px) {
    .hero__container__content__col {
        max-width: 123px;
        min-width: 123px
    }
}

.hero__container__content__col--wrap {
    display: inline-block;
    vertical-align: top
}

.hero__container2 .wrap-detail-offer .img img,
.hero__container__content__col--wrap img {
    width: auto;
    max-width: 40px
}

@media (max-width:767px) {
    .hero__container__content__col--wrap {
        max-width: 82%;
        vertical-align: text-top
    }
}

.hero__container__content__image {
    position: absolute;
    text-align: center;
    width: 180px;
    margin: auto;
    top: 250px;
    left: 0;
    right: auto
}

@media (max-width:340px) {
    .hero__container__content__image {
        width: 150px
    }
}

@media (min-width:768px) {
    .hero__container__content__image {
        top: 50px;
        left: auto;
        right: 0;
        width: 350px
    }
}

@media (min-width:992px) {
    .hero__container__content__image {
        top: 90px;
        left: 33%;
        right: auto;
        width: 45%
    }
}

@media (min-width:1200px) {
    .hero__container__content__image {
        top: 60px;
        left: 0;
        right: 0
    }
}

.hero__container__content__image img,
.hero__container__content__image--large img,
.hero__container__content__image--longimg img {
    max-width: 100%
}

.hero__container__content__image--large {
    position: absolute;
    text-align: center;
    width: 180px;
    margin: auto;
    top: 250px;
    left: 0;
    right: auto
}

@media (min-width:768px) {
    .hero__container__content__image--large {
        top: 50px;
        left: auto;
        right: 0;
        width: 300px
    }
}

@media (min-width:992px) {
    .hero__container__content__image--large {
        top: 90px;
        left: 38%;
        right: auto;
        width: 40%
    }
}

@media (min-width:1200px) {
    .hero__container__content__image--large {
        top: 60px;
        left: 0;
        right: 0;
        padding-left: 40px
    }
}

.hero__container__content__image--longimg {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    top: 230px;
    left: 0;
    right: auto
}

@media (min-width:768px) {
    .hero__container__content__image--longimg {
        top: 134px;
        left: auto;
        right: 180px;
        width: 300px
    }
}

@media (min-width:992px) {
    .hero__container__content__image--longimg {
        top: 60px;
        left: 36%;
        right: auto;
        width: 40%
    }
}

@media (min-width:1200px) {
    .hero__container__content__image--longimg {
        top: 25px;
        left: 0;
        right: 0;
        padding-left: 40px
    }
}

@media (max-width:991px) {
    .hero__container__content__image--longimg img {
        max-width: 180px
    }
}

@media (max-width:767px) {
    .hero__container__content__image--longimg img {
        max-width: 100%;
        max-height: 160px;
        margin-top: 45px
    }
}

.hero__container__content__price {
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
    top: 130px
}

@media (max-width:340px) {
    .hero__container__content__price {
        top: 95px
    }
}

@media (min-width:768px) {
    .hero__container__content__price {
        top: 330px;
        width: 100%
    }
}

@media (max-width:991px) {
    .hero__container__content__price {
        text-align: left
    }
}

@media (min-width:992px) {
    .hero__container__content__price {
        top: 100px;
        width: 20%
    }
}

@media (max-width:767px) {
    .hero__container__content__price {
        position: relative;
        top: auto;
        margin-top: 10px
    }
}

.hero__container__content__price__label {
    color: #fff;
    display: block;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .hero__container__content__price__label {
        width: 100%;
        float: none
    }
}

.hero__container__content__price__oldprice {
    display: block;
    font-size: 34px;
    height: 50px;
    text-decoration: line-through
}

.hero__container__content__price__oldprice sup {
    font-size: 24px;
    top: -7px
}

@media (max-width:991px) {
    .hero__container__content__price__oldprice {
        float: left;
        height: auto;
        max-height: 50px;
        padding-bottom: 15px
    }
}

@media (max-width:767px) {
    .hero__container__content__price__oldprice {
        height: auto
    }
}

.hero__container__content__price__number {
    color: #fff;
    display: block;
    margin-bottom: 40px;
    font-size: 40px
}

.accordion-content-tablecheck .accordion-content-tablecheck--seccell--2 .radio-button-container label:before,
.hero__container__content__price__number sup {
    top: -20px
}

@media (max-width:767px) {
    .hero__container__content__price__number sup {
        top: -13px
    }
}

@media (max-width:991px) {
    .hero__container__content__price__number {
        float: left;
        padding-right: 10px;
        height: 75px;
        line-height: 50px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .hero__container__content__price__number {
        clear: both
    }
}

@media (max-width:767px) {
    .hero__container__content__price__number {
        height: 45px;
        line-height: 24px;
        margin-bottom: 0
    }
}

@media (max-width:340px) {
    .hero__container__content__price__number {
        font-size: 45px
    }
}

@media (min-width:768px) {
    .hero__container__content__price__number {
        font-size: 75px
    }
}

.hero__container2.hero_new_configurator h4,
.hero__container__content__price__number small {
    font-size: 22px
}

@media (max-width:340px) {
    .hero__container__content__price__number small {
        font-size: 35px
    }
}

@media (min-width:768px) {
    .hero__container__content__price__number small {
        font-size: 50px
    }
}

.hero__container__content__price__number small.currency {
    font-size: 20px;
    margin-left: 5px;
    top: -2px;
    position: relative;
    color: #fff
}

@media (max-width:340px) {
    .hero__container__content__price__number small.currency {
        font-size: 25px
    }
}

@media (min-width:768px) {
    .hero__container__content__price__number small.currency {
        font-size: 36px;
        top: -5px
    }
}

.hero__container__content__price__note {
    padding-left: 50px;
    font-size: 12px;
    line-height: 16px
}

@media (max-width:991px) {
    .hero__container__content__price__note {
        position: absolute;
        left: 0;
        padding-top: 100px;
        max-width: 500px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    .hero__container__content__price__note {
        position: relative;
        bottom: auto;
        left: auto;
        clear: both;
        padding-top: 5px
    }
}

@media (max-width:340px) {
    .hero__container__content__price--mobile {
        top: 130px
    }
}

@media (min-width:768px) {
    .hero__container__content__price--mobile {
        top: 40px
    }
}

@media (max-width:767px) {
    .hero__container__content__price--mobile.absolute-mobile {
        position: absolute
    }
}

@media (max-width:991px) {
    .container-button--primary .hero__container__content__price a,
    .hero__container__content__price .button--primary,
    .hero__container__content__price .container-button--primary a {
        float: right
    }
}

.container-button--primary .hero__container a.visible-xs,
.hero__container .button--primary.visible-xs,
.hero__container .container-button--primary a.visible-xs {
    position: relative
}

@media (max-width:767px) {
    .hero__container--double .hero__container__content__text__images {
        width: 100%;
        text-align: center
    }
    .hero__container--double .hero__container__content__text__images span {
        line-height: 14px
    }
    .hero__container--double .hero__container__content__text__images .hero__container__content__text__image {
        width: 26%
    }
    .hero__container--double .hero__container__content__text__images .hero__container__content__text__image--plus {
        width: auto
    }
    .hero__container--double .hero__container__content__image--large {
        top: 230px
    }
    .hero__container--double .hero__container__content__text__txt--mobile {
        top: 300px;
        width: 100%;
        max-width: 100%
    }
    .hero__container--double .hero__container__content__text__images--bottom {
        top: 380px
    }
    .hero__container--double .hero__container__content__text__image--bottom {
        max-width: none
    }
    .hero__container--double .hero__container__content__text__image--bottom--plus {
        margin-top: 25px
    }
    .hero__container--double.hero__container {
        padding-bottom: 30px;
        min-height: auto
    }
}

.container-button--primary .hero__container--double a.visible-xs,
.hero__container--double .button--primary.visible-xs,
.hero__container--double .container-button--primary a.visible-xs {
    bottom: auto;
    position: relative;
    left: auto;
    width: 100%
}

@media (max-width:767px) {
    .hero__ote-tv.hero__container {
        min-height: auto;
        padding-bottom: 30px
    }
}

.hero-bundle-mobile img {
    width: auto
}

.hero-bundle-mobile .hero__container__content__price {
    text-align: right
}

.hero-bundle-mobile .hero__container__content__price__number {
    float: none
}

@media (max-width:767px) {
    .hero-bundle-mobile .hero__container__content__price--mobile {
        top: 430px
    }
}

.disclaimer-hero-mobile {
    max-width: 200px
}

@media (max-width:767px) {
    .disclaimer-hero-mobile {
        text-align: left!important;
        padding-left: 20px;
        max-width: 100%
    }
}

@media (max-width:991px) {
    .disclaimer-hero-mobile {
        float: right;
        text-align: right!important;
        padding-right: 20px!important
    }
}

.text-hero-mobile {
    max-width: 240px
}

.hero__container2 {
    min-height: 0;
    padding-bottom: 50px;
    font-weight: 400
}

.hero__container2 img {
    width: 250px;
    max-width: none
}

.hero__container2 .absolute-link-right-hero {
    position: absolute;
    top: -25px;
    right: 0
}

@media (max-width:991px) {
    .hero__container2 .absolute-link-right-hero {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.hero__container2 .wrap-detail-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero__container2 .wrap-detail-offer .img {
    margin-right: 10px
}

.hero__container2 .wrap-detail-offer .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.hero__container2 .wrap-detail-offer .text .text-detail {
    min-width: 33.33333%;
    max-width: 33.33333%;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #fff
}

@media (max-width:991px) {
    .hero__container2 .wrap-detail-offer .text .text-detail {
        border: none
    }
}

.hero__container2 .wrap-detail-offer .text .text-detail:last-child,
.hero__container2 .wrap-detail-offer .text .text-detail:nth-child(3) {
    border-right: 0
}

.hero__container2 .vertical-align-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 270px
}

@media (max-width:991px) {
    .hero__container2 .vertical-align-middle {
        display: block
    }
}

.breadcrumb__item .hero__container2 .current,
.checkboxes__row .radio-button-container .hero__container2 label,
.container-button--primary .hero__container2 a,
.dropdown__container--menu li .hero__container2 a,
.hero__container2 .badge,
.hero__container2 .box__checkbalance__body__tab__content__title,
.hero__container2 .breadcrumb__item .current,
.hero__container2 .button,
.hero__container2 .buttonv2,
.hero__container2 .checkboxes__row .radio-button-container label,
.hero__container2 .container-button--primary a,
.hero__container2 .dropdown__container--menu li a,
.hero__container2 .footer__links__section__title,
.hero__container2 .header__menu-bar__list__item,
.hero__container2 .hero__container__content__text__image--plus,
.hero__container2 .onload-modal__content__int__head--username,
.hero__container2 .product-box-1__bottom a.more,
.hero__container2 .product-box-1__info__price sup,
.hero__container2 .product-box-1__info__title,
.hero__container2 .product-box-configurator__bottom a.more,
.hero__container2 .product-box-configurator__info__price sup,
.hero__container2 .product-box-configurator__info__title,
.hero__container2 .product__price span,
.hero__container2 .product__title,
.hero__container2 .selfcare__tabs__labels .ovalShapedItem .badgeOvalShapedItem,
.hero__container2 .selfcare__tabs__switchmenu a .badgeOvalShapedItem,
.hero__container2 .sidebar__box__content__list__item__number,
.hero__container2 .title,
.hero__container2 .to-bold,
.product-box-1__bottom .hero__container2 a.more,
.product-box-1__info__price .hero__container2 sup,
.product-box-configurator__bottom .hero__container2 a.more,
.product-box-configurator__info__price .hero__container2 sup,
.product__price .hero__container2 span,
.selfcare__tabs__labels .ovalShapedItem .hero__container2 .badgeOvalShapedItem,
.selfcare__tabs__switchmenu a .hero__container2 .badgeOvalShapedItem {
    font-weight: 700
}

.details-order table tr td .text-right,
.hero__container2 .right-side {
    text-align: right
}

.hero__container2 .right-side .price {
    font-size: 40px;
    line-height: 1;
    font-weight: 700
}

.hero__container2 .right-side .price sup {
    font-size: 20px;
    top: -14px;
    left: 3px
}

@media (max-width:991px) {
    .hero__container2 .right-side .price {
        margin-top: 15px
    }
}

.hero__container2 .right-side .oldprice {
    font-size: 30px;
    line-height: 1;
    text-decoration: line-through;
    color: #d3d66a
}

.hero__container2 .right-side .oldprice sup {
    font-size: 17px;
    top: -8px;
    left: 3px
}

@media (max-width:991px) {
    .hero__container2 .right-side .oldprice {
        margin-top: 15px
    }
}

.hero__container2 .right-side .fs-12 {
    line-height: 1.4
}

.container-button--primary .hero__container2 .right-side a,
.hero__container2 .right-side .buttonv2,
.hero__container2 .right-side .container-button--primary a,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .dropdown__container--toggle i {
    font-weight: 400
}

@media (max-width:991px) {
    .hero__container2 .right-side {
        text-align: left
    }
    .container-button--primary .hero__container2 .right-side a,
    .hero__container2 .right-side .buttonv2,
    .hero__container2 .right-side .container-button--primary a {
        width: auto
    }
}

.hero__container2.hero_new_configurator {
    margin-bottom: 80px
}

.hero__container2.hero_new_configurator .bold {
    font-weight: 700
}

.hero__container2.hero_new_configurator img {
    max-width: 140px;
    display: block;
    margin: 15px auto -30px
}

.hero__container2.hero_new_configurator img.img-new-configurator {
    max-width: 190px
}

@media (max-width:991px) {
    .hero__container2.hero_new_configurator img.img-new-configurator {
        max-width: 160px
    }
    .hero__container2.hero_new_configurator img {
        margin-bottom: 15px
    }
}

.hero__container2.hero_new_configurator h2 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700
}

@media (max-width:991px) {
    .hero__container2.hero_new_configurator h4 {
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .hero__container2.hero_new_configurator h4 {
        margin-top: 0
    }
}

.hero__container2.hero_new_configurator a {
    color: #fff
}

.hero__container2.hero_new_configurator a:active,
.hero__container2.hero_new_configurator a:focus,
.hero__container2.hero_new_configurator a:visited {
    color: #fff
}

.hero__container2.hero_new_configurator a:hover {
    color: #fff;
    text-decoration: underline
}

.hero__container2.hero_new_configurator a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.hero__container2.hero_new_configurator a span {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 21px)
}

.hero__container2.hero_new_configurator .container-prices {
    background-color: rgba(0, 0, 0, .15);
    text-align: right;
    font-size: 16px;
    padding: 20px;
    border-radius: 8px;
    background-clip: padding-box
}

.hero__container2.hero_new_configurator .container-prices.text-left {
    text-align: left
}

@media (max-width:991px) {
    .hero__container2.hero_new_configurator .container-prices {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.hero__container2.hero_new_configurator .container-prices .price-configurator {
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    display: block
}

.hero__container2.hero_new_configurator .container-prices .old_price-color .price-configurator {
    color: #d3d66a;
    text-decoration: line-through
}

.hero__container2.hero_new_configurator .container-prices .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

@media (max-width:991px) {
    .hero__container2.hero_new_configurator .container-prices .row-flex {
        display: block
    }
}

.hero__container2.hero_new_configurator .container-prices .row-flex div:first-child {
    border-right: 1px solid #3e5265
}

@media (max-width:767px) {
    .hero__container2.hero_new_configurator .container-prices .row-flex div:first-child {
        border-right: 0;
        padding: 0 15px 10px;
        border-bottom: 1px solid #3e5265
    }
}

.hero__container2.hero_new_configurator .container-prices .row-flex div:nth-child(2) {
    border-right: 1px solid #3e5265
}

@media (max-width:767px) {
    .hero__container2.hero_new_configurator .container-prices .row-flex div:nth-child(2) {
        padding: 10px 15px;
        margin-bottom: 10px;
        border-right: 0;
        border-bottom: 1px solid #3e5265
    }
}

.hero__container2.hero_new_configurator .container-prices .row-flex div.no-border {
    border-right: 0
}

.breadcrumb {
    padding: 10px 0;
    border-bottom: 1px solid #d0d0ce
}

.breadcrumb.white {
    border-bottom: 0
}

@media (min-width:768px) {
    .breadcrumb {
        padding: 20px 0;
        display: block
    }
    .breadcrumb.no-border {
        border-bottom: none
    }
}

.breadcrumb li:not(.dropdown__container--menu--item),
.breadcrumb ul:not(.dropdown-menu) {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    color: #3d5265
}

.breadcrumb li:not(.dropdown__container--menu--item).white a,
.breadcrumb li:not(.dropdown__container--menu--item).white i,
.breadcrumb li:not(.dropdown__container--menu--item).white span.current,
.breadcrumb ul:not(.dropdown-menu).white a,
.breadcrumb ul:not(.dropdown-menu).white i,
.breadcrumb ul:not(.dropdown-menu).white span.current {
    color: #fff!important
}

.breadcrumb__item i {
    margin: 0 5px;
    font-size: 12px
}

.breadcrumb__item a {
    color: #3d5265!important
}

.breadcrumb__item a:hover {
    color: #6189ac
}

.breadcrumb__item .webAccTextWhite {
    color: #fff!important
}

.breadcrumb__item .webAccTextBlack {
    color: #000!important
}

.breadcrumb__item .webAccTextYellow {
    color: #f5ff00!important
}

.gradient__menu__row {
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important;
    box-shadow: 0 2px 0 0 #497b0d!important;
    padding: 10px 0
}

.gradient__menu__row .table__cell {
    width: 25%;
    color: #fff
}

.search-result-header .breadcrumb {
    margin-top: 0;
    border-bottom: 0;
    padding: 15px 0 0
}

.tag {
    padding: 10px 15px;
    border-radius: 72px;
    background-clip: padding-box;
    display: inline-block
}

.tag--blue {
    color: #fff;
    background-color: #00a0dc
}

.tag--green {
    color: #fff;
    background-color: #a0d933
}

.status {
    padding: 5px 0;
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 2px;
    background-clip: padding-box
}

@media (min-width:1200px) {
    .status {
        width: 120px
    }
}

.status--pending {
    color: #fff;
    background-color: #ff791d
}

.status--failed {
    color: #fff;
    background-color: #ef3e42
}

.status--activated {
    color: #fff;
    background-color: #9ed54c
}

.round {
    height: 60px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    display: inline-block!important;
    border-radius: 50%;
    background-clip: padding-box;
    padding-top: 15px
}

@media (min-width:768px) {
    .round {
        height: 80px;
        width: 80px;
        padding-top: 20px
    }
}

.round img {
    max-width: 70%;
    max-height: 40px;
    width: auto
}

@media (min-width:768px) {
    .round img {
        max-height: none
    }
}

.round--green {
    background-color: #9ed54c
}

.round--blue {
    background-color: #3b61a6
}

.round--largeimg {
    padding-top: 10px
}

@media (min-width:768px) {
    .round--largeimg {
        padding-top: 14px
    }
}

.alert__title {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px
}

.alert__desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px
}

.cust-arrow {
    display: inline-block
}

.cust-arrow.arrow-size-2 {
    border-width: 0 2px 2px 0!important;
    padding: 2px
}

.cust-arrow.arrow-size-3 {
    border-width: 0 3px 3px 0!important;
    padding: 3px
}

.cust-arrow.arrow-size-4 {
    border-width: 0 4px 4px 0!important;
    padding: 4px
}

.cust-arrow.arrow-size-5 {
    border-width: 0 5px 5px 0!important;
    padding: 5px
}

.cust-arrow.arrow-size-6 {
    border-width: 0 6px 6px 0!important;
    padding: 6px
}

.cust-arrow.arrow-size-7 {
    border-width: 0 7px 7px 0!important;
    padding: 7px
}

.cust-arrow.arrow-size-8 {
    border-width: 0 8px 8px 0!important;
    padding: 8px
}

.cust-arrow.arrow-size-9 {
    border-width: 0 9px 9px 0!important;
    padding: 9px
}

.cust-arrow.arrow-size-10 {
    border-width: 0 10px 10px 0!important;
    padding: 10px
}

.cust-arrow.arrow-color-green {
    border: solid #9ed54c
}

.cust-arrow.arrow-color-primarygreen {
    border: solid #509e2f
}

.cust-arrow.arrow-color-lightgreen {
    border: solid #9ed54c
}

.cust-arrow.arrow-color-red {
    border: solid #ef3e42
}

.cust-arrow.arrow-color-primaryblue {
    border: solid #3b61a6
}

.cust-arrow.arrow-color-secondarybluenavy {
    border: solid #3d5265
}

.cust-arrow.arrow-color-lightblue {
    border: solid #00a0dc
}

.cust-arrow.arrow-color-white {
    border: solid #fff
}

.cust-arrow.arrow-color-orange {
    border: solid #ff791d
}

.cust-arrow.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.cust-arrow.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.cust-arrow.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.cust-arrow.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.bicolor-table {
    display: table
}

.bicolor-table.table--full,
.box-photo-text>div.photo>img,
.details-order table,
.greybox__body--linkrows img,
.radio-badge-container .imgPlace>div>div img,
.sidebar__box__button button,
.title-page-with2buttons button {
    width: 100%
}

.bicolor-table .row--grey {
    background-color: #f3f3f3
}

.bicolor-table .table__row,
.invoices__body .mobile-table tbody tr.detail.open,
.payments__body .mobile-table tbody tr.detail.open {
    display: table-row
}

.bicolor-table .table__cell {
    display: table-cell;
    padding: 15px 0
}

.bicolor-table .table__cell.table__cell--middle {
    vertical-align: middle
}

.bicolor-table .table__cell.table__cell--vtop {
    vertical-align: top
}

.bicolor-table .table__cell.table__cell--vbottom {
    vertical-align: bottom
}

.login-background-container {
    background-image: url(../images/bg-green-dec.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: 50%;
    position: relative
}

@media (max-width:991px) and (min-width:768px) {
    .login-background-container {
        background-image: none
    }
}

.login-background-container:after {
    content: '';
    background-image: url(../images/bg-blue-dec1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 100%;
    width: 50%;
    right: 0;
    position: absolute;
    height: 880px;
    top: 0;
    z-index: -1
}

@media (max-width:767px) {
    .login-background-container:after {
        content: none
    }
}

@media (max-width:991px) and (min-width:768px) {
    .login-background-container:after {
        content: none
    }
}

@media (max-width:767px) {
    .login-background-container {
        background-image: none
    }
}

.login-background-container .login-box-container {
    border: 1px solid #ccc;
    border-radius: 20px;
    background-color: #fff
}

.login-background-container .login-box-container .login-title {
    font-size: 30px
}

.login-background-container .login-box-container .form__block {
    width: 100%;
    max-width: 100%
}

.login-background-container .login-box-container .form__block .form__label {
    margin-bottom: 5px
}

.bordered__fullpage__box .bordered__fullpage__box__search .login-background-container .login-box-container .form__block input,
.header__heading-bar__search .login-background-container .login-box-container .form__block input,
.login-background-container .login-box-container .form__block .bordered__fullpage__box .bordered__fullpage__box__search input,
.login-background-container .login-box-container .form__block .form__input,
.login-background-container .login-box-container .form__block .header__heading-bar__search input {
    width: 100%;
    height: 50px;
    box-shadow: none;
    background: rgba(255, 255, 255, .2);
    margin-top: 0
}

.bordered__fullpage__box .bordered__fullpage__box__search .login-background-container .login-box-container .form__block input.form__input--invalid,
.header__heading-bar__search .login-background-container .login-box-container .form__block input.form__input--invalid,
.login-background-container .login-box-container .form__block .bordered__fullpage__box .bordered__fullpage__box__search input.form__input--invalid,
.login-background-container .login-box-container .form__block .form__input.form__input--invalid,
.login-background-container .login-box-container .form__block .header__heading-bar__search input.form__input--invalid {
    border: 1px solid #ef3e42
}

.login-background-container .login-box-container .form__block .forgot-username {
    text-decoration: underline;
    font-size: 12px
}

.login-background-container .login-box-container .form__checkbox {
    margin-top: 20px
}

.login-background-container .login-box-container .form__checkbox .form__checkbox__icon {
    background: 0 0
}

.login-background-container .login-box-container .log-in {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    background-color: #80bc4d;
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 600;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.sidebar__box {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    background-clip: padding-box
}

.sidebar__box__header {
    background-color: #3d5265;
    color: #fff;
    padding: 10px 15px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.sidebar__box__content {
    padding: 0 15px
}

.sidebar__box__content__list {
    padding: 0;
    margin: 15px 0;
    list-style: none
}

.sidebar__box__content__list__item {
    padding: 2px 0 2px 15px;
    margin: 20px 0;
    border-left: 4px solid #a0d933;
    display: block;
    vertical-align: middle
}

@media (min-width:992px) {
    .sidebar__box__content__list__item {
        display: inline-block;
        margin: 10px 0
    }
}

.sidebar__box__content__list__item--separator {
    border-left: none;
    border-bottom: 1px solid #eaeaea;
    display: block
}

.sidebar__box__content__list__item__number {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.sidebar__box__content__list__item__number sup {
    top: -.8em;
    margin-left: 5px;
    font-size: 60%
}

.box__personal-information__body p.mt-0.mb-5.hidden-sm.hidden-md.hidden-lg,
.sidebar__box__button {
    padding: 0 15px
}

.box__personal-information {
    margin-bottom: 0
}

@media (min-width:768px) {
    .box__personal-information {
        margin-bottom: 20px
    }
}

.box__personal-information__header {
    background: url(../images/box-personal-information.jpg) no-repeat left bottom;
    width: 100%;
    height: 91px;
    border-radius: 8px 8px 0 0;
    padding: 15px;
    position: relative
}

.box__personal-information__header p {
    font-size: 21px;
    color: #fff;
    line-height: 1.15;
    margin-top: 5px
}

.box__personal-information__header .badge {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px
}

.box__personal-information__body {
    background: #f9f9f9;
    padding: 15px 0;
    border-radius: 0 0 8px 8px
}

.box__personal-information__body .dropdown__container--full {
    padding: 0 15px
}

.box__personal-information__body .additional-info {
    margin-top: 10px;
    line-height: 16px;
    font-size: 12px;
    padding-left: 25px;
    position: relative;
    color: #7c7c7c
}

.box__personal-information__body .additional-info .icon-information-icon {
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 15px
}

@media (max-width:767px) {
    .box__personal-information__body .additional-info {
        margin: 15px 15px 0
    }
}

@media (min-width:768px) {
    .box__personal-information__body {
        padding: 15px
    }
    .box__personal-information__body .dropdown__container--full {
        padding: 0
    }
}

.box__personal-information__body small,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app a.read-more i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you a i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a i,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a i,
.pdp-wrap .slick-dots li button::before,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app a.read-more i,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you a i,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a i,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a i,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a i,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a i,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a i,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a i {
    font-size: 12px
}

@media (min-width:992px) {
    .box__personal-information__body small {
        font-size: 14px
    }
}

.box__personal-information__editicon {
    margin-right: 5px
}

.box__personal-information__mobile {
    display: none;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:768px) {
    .box__personal-information__mobile {
        display: block;
        margin-bottom: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: inherit
    }
    .box__personal-information__mobile a {
        color: #374148!important
    }
    .box__personal-information__mobile a:hover {
        color: #374148
    }
}

.box__personal-information__mobile__trigger {
    display: block;
    width: 100%;
    padding-top: 20px;
    cursor: pointer
}

.box__personal-information__mobile__trigger--seemore {
    padding: 10px;
    background: #eaeaea;
    margin-top: 10px;
    display: block;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #509e2f
}

.box__personal-information__mobile__trigger--seemore .custom-accordion-group .accordion-title.closed .icon-accordion,
.box__personal-information__mobile__trigger--seemore .icon-caret-down,
.custom-accordion-group .accordion-title.closed .box__personal-information__mobile__trigger--seemore .icon-accordion {
    position: relative;
    top: 4px;
    padding-left: 10px
}

.box__personal-information__mobile__trigger.version-text-right {
    text-align: right;
    color: #509e2f;
    font-size: 18px
}

.box__personal-information__mobile__trigger.version-text-right span {
    padding-top: 2px;
    display: block;
    float: right;
    padding-left: 10px
}

.quick__links {
    margin-bottom: 20px
}

.quick__links__header {
    background: #509e2f;
    padding: 15px;
    border-radius: 8px 8px 0 0;
    color: #fff
}

.quick__links__body {
    border: 1px solid #b1b1b3;
    padding: 0 15px;
    color: #3d5265;
    border-radius: 0 0 8px 8px
}

.quick__links__body__list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #3d5265
}

.quick__links__body__list li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea
}

.quick__links__body__list i {
    float: right;
    position: relative;
    top: 5px
}

.greybox__header {
    background: #eaeaea;
    padding: 15px;
    border-radius: 8px 8px 0 0
}

.greybox__header small {
    font-size: 14px
}

.greybox__header--new {
    background-color: #509e2f;
    color: #fff
}

@media (min-width:768px) {
    .breadcrumb__item .greybox__header span.current,
    .greybox__header .breadcrumb__item span.current,
    .greybox__header .product__price span,
    .greybox__header .selfcare__tabs__labels .ovalShapedItem span.badgeOvalShapedItem,
    .greybox__header .selfcare__tabs__switchmenu a span.badgeOvalShapedItem,
    .greybox__header span.badge,
    .greybox__header span.box__checkbalance__body__tab__content__title,
    .greybox__header span.button,
    .greybox__header span.buttonv2,
    .greybox__header span.footer__links__section__title,
    .greybox__header span.header__menu-bar__list__item,
    .greybox__header span.hero__container__content__text__image--plus,
    .greybox__header span.onload-modal__content__int__head--username,
    .greybox__header span.product-box-1__info__title,
    .greybox__header span.product-box-configurator__info__title,
    .greybox__header span.product__title,
    .greybox__header span.sidebar__box__content__list__item__number,
    .greybox__header span.title,
    .greybox__header span.to-bold,
    .product__price .greybox__header span,
    .selfcare__tabs__labels .ovalShapedItem .greybox__header span.badgeOvalShapedItem,
    .selfcare__tabs__switchmenu a .greybox__header span.badgeOvalShapedItem {
        border-left: none;
        padding-left: 0
    }
}

.breadcrumb__item .greybox__header.greybox__nomobileborder span.current,
.greybox__header.greybox__nomobileborder .breadcrumb__item span.current,
.greybox__header.greybox__nomobileborder .product__price span,
.greybox__header.greybox__nomobileborder .selfcare__tabs__labels .ovalShapedItem span.badgeOvalShapedItem,
.greybox__header.greybox__nomobileborder .selfcare__tabs__switchmenu a span.badgeOvalShapedItem,
.greybox__header.greybox__nomobileborder span.badge,
.greybox__header.greybox__nomobileborder span.box__checkbalance__body__tab__content__title,
.greybox__header.greybox__nomobileborder span.button,
.greybox__header.greybox__nomobileborder span.buttonv2,
.greybox__header.greybox__nomobileborder span.footer__links__section__title,
.greybox__header.greybox__nomobileborder span.header__menu-bar__list__item,
.greybox__header.greybox__nomobileborder span.hero__container__content__text__image--plus,
.greybox__header.greybox__nomobileborder span.onload-modal__content__int__head--username,
.greybox__header.greybox__nomobileborder span.product-box-1__info__title,
.greybox__header.greybox__nomobileborder span.product-box-configurator__info__title,
.greybox__header.greybox__nomobileborder span.product__title,
.greybox__header.greybox__nomobileborder span.sidebar__box__content__list__item__number,
.greybox__header.greybox__nomobileborder span.title,
.greybox__header.greybox__nomobileborder span.to-bold,
.product__price .greybox__header.greybox__nomobileborder span,
.selfcare__tabs__labels .ovalShapedItem .greybox__header.greybox__nomobileborder span.badgeOvalShapedItem,
.selfcare__tabs__switchmenu a .greybox__header.greybox__nomobileborder span.badgeOvalShapedItem {
    padding-left: 0;
    border-left: none
}

.greybox__header__link {
    font-size: 14px;
    float: right;
    text-decoration: underline;
    color: #374148!important
}

.greybox__header__link--caret {
    float: right;
    color: #509e2f!important
}

.greybox__header__link--caret span {
    position: relative;
    top: 2px
}

.greybox__body {
    border: 1px solid #eaeaea;
    padding: 15px 10px;
    border-radius: 0 0 8px 8px;
    position: relative;
    display: none
}

.greybox__body .min-height-content {
    min-height: 190px
}

@media (max-width:1199px) {
    .greybox__body .min-height-content {
        min-height: 240px
    }
}

@media (max-width:991px) {
    .greybox__body .min-height-content {
        min-height: 340px
    }
}

@media (max-width:767px) {
    .greybox__body .min-height-content {
        min-height: auto
    }
}

@media (min-width:768px) {
    .greybox__body {
        display: block!important;
        padding: 15px
    }
}

.greybox__body--opened {
    display: block!important;
    padding: 15px
}

.greybox__body--disabled {
    opacity: .5
}

.greybox__body--disabled * {
    cursor: default!important
}

.greybox__body--disabled input:focus {
    border-color: rgba(55, 65, 72, .4)
}

.greybox__body--no-border {
    border: 0;
    padding: 0
}

.greybox__body--linkrows {
    padding: 0 15px
}

.greybox__body--linkrows--border .greybox__body__linkrow {
    margin-left: 0;
    border-bottom: 1px solid #eaeaea;
    padding-right: 0;
    padding-left: 0
}

.greybox__body--linkrows--border .greybox__body__linkrow.greybox__body__linkrow--last {
    border-bottom: none
}

@media (max-width:767px) {
    .greybox__body--linkrows--border .greybox__body__linkrow .table__cell.block-mobile {
        display: block
    }
    .greybox__body--linkrows .greybox__body__linkrow .table__cell.block-mobile {
        display: block;
        margin: 10px 0
    }
}

.greybox__body__title {
    font-size: 18px
}

.greybox__body__table {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px
}

@media (min-width:992px) {
    .greybox__body__table {
        font-size: 16px
    }
}

.greybox__body__table--bordered {
    border: 1px solid #eaeaea;
    padding: 5px 0;
    display: block!important
}

@media (min-width:768px) {
    .greybox__body__table--bordered {
        display: table!important
    }
}

.greybox__body__table--bordered .greybox__body__table__cell {
    padding: 20px 10px;
    border-top: 1px solid #eaeaea;
    vertical-align: top;
    display: block!important;
    width: 100%
}

@media (min-width:768px) {
    .greybox__body__table--bordered .greybox__body__table__cell {
        display: table-cell!important;
        border-left: 1px solid #eaeaea;
        border-top: none;
        padding: 10px 20px;
        width: 33.333333%
    }
}

.greybox__body__table--bordered .greybox__body__table__cell.greybox__body__table__cell--first {
    border-left: none;
    border-top: none
}

.greybox__body__table__cell {
    vertical-align: bottom;
    text-align: left;
    width: 50%
}

@media (min-width:768px) {
    .greybox__body__table__cell {
        width: auto
    }
}

.alert-info.alert-info-order-summary .price-info sup,
.greybox__body__table__cell__mobileprice,
.pdp-wrap .product-box-1__info__price sup {
    font-size: 18px
}

.greybox__body__table__cell--onethird {
    width: 33.333333%
}

@media (min-width:768px) {
    .greybox__body__table__cell--onethird {
        width: 33.333333%
    }
}

.box__checkbalance .slick-dotted.slick-slider,
.greybox__body__table--last {
    margin-bottom: 0
}

.greybox__body__table__txt1 {
    font-size: 22px
}

.greybox__body__table__txt2 {
    font-size: 16px
}

.greybox__body__table__txt3 {
    font-size: 14px
}

.greybox__body__coloredrow {
    padding: 0;
    font-size: 20px;
    text-align: right
}

@media (min-width:768px) {
    .greybox__body__coloredrow {
        padding: 15px
    }
}

@media (min-width:992px) {
    .greybox__body__coloredrow {
        background: #eaeaea;
        border-bottom: 1px solid #d0d0ce;
        text-align: left
    }
}

.greybox__body__coloredrow span {
    display: inline-block;
    padding-top: 4px
}

.greybox__body__coloredrow button.button.button--small {
    float: right;
    margin-left: 30px;
    width: 100%;
    padding: 19px 20px;
    height: 52px
}

@media (min-width:768px) {
    .greybox__body__coloredrow button.button.button--small {
        padding: 12px 19px;
        height: 37px;
        width: auto
    }
}

@media (min-width:992px) {
    .greybox__body__coloredrow button.button.button--small {
        margin-left: 0
    }
}

@media (min-width:768px) {
    .greybox__body__coloredrow--version2 {
        padding: 15px
    }
}

@media (min-width:992px) {
    .greybox__body__coloredrow--version2 {
        background: #eaeaea;
        border-bottom: 1px solid #d0d0ce;
        text-align: right
    }
}

.greybox__body__coloredrow--version2 span {
    display: inline-block;
    padding-top: 4px;
    padding-right: 7px
}

.greybox__body__coloredrow--version2 button.button.button--small {
    float: right;
    margin-left: 30px;
    width: 100%;
    padding: 19px 20px;
    height: 52px
}

@media (min-width:768px) {
    .greybox__body__coloredrow--version2 button.button.button--small {
        padding: 12px 19px;
        height: 37px;
        width: auto
    }
}

@media (min-width:992px) {
    .greybox__body__coloredrow--version2 button.button.button--small {
        margin-left: 0
    }
}

.details-order table tr.sub-detail td .finally-price,
.greybox__body__coloredrow--bigtext span {
    font-size: 20px
}

.greybox__body__whiterow {
    padding: 0;
    font-size: 20px;
    text-align: right
}

@media (min-width:768px) {
    .greybox__body__whiterow {
        padding: 15px
    }
}

@media (min-width:992px) {
    .greybox__body__whiterow {
        border-bottom: 1px solid #d0d0ce;
        text-align: left
    }
}

.greybox__body__whiterow span {
    display: inline-block;
    padding-top: 4px
}

.greybox__body__whiterow button.button.button--small {
    float: right;
    margin-left: 30px;
    width: 100%;
    padding: 19px 20px;
    height: 52px
}

@media (min-width:768px) {
    .greybox__body__whiterow button.button.button--small {
        padding: 12px 19px;
        height: 37px;
        width: auto
    }
}

@media (min-width:992px) {
    .greybox__body__whiterow button.button.button--small {
        margin-left: 0
    }
}

.greybox__body__pricerow,
.greybox__body__pricerow--version2 {
    font-size: 20px;
    margin-top: 15px;
    padding: 15px 0 0;
    border-top: 1px solid #eaeaea
}

.greybox__body__pricerow span {
    display: inline-block;
    padding-top: 8px
}

.greybox__body__pricerow .header__menu-bar__list__item--account--anonymous--content span.green--hover:hover,
.greybox__body__pricerow span.green,
.greybox__body__pricerow--version2 .header__menu-bar__list__item--account--anonymous--content span.green--hover:hover,
.greybox__body__pricerow--version2 span.green,
.header__menu-bar__list__item--account--anonymous--content .greybox__body__pricerow span.green--hover:hover,
.header__menu-bar__list__item--account--anonymous--content .greybox__body__pricerow--version2 span.green--hover:hover {
    margin-left: 20px
}

.greybox__body__linkrow__price i,
.greybox__body__pricerow button.button,
.greybox__body__pricerow button.button.button--small,
.greybox__body__pricerow--version2 button.button,
.greybox__body__pricerow--version2 button.button.button--small {
    float: right
}

.greybox__body__pricerow--version2 {
    text-align: right
}

.greybox__body__pricerow--version2 span {
    display: inline-block;
    padding-top: 8px;
    padding-right: 7px
}

.greybox__body__linkrow {
    width: 103.5%;
    padding: 5px 15px;
    margin-left: -15px
}

.greybox__body__linkrow .color-green {
    color: #a0d933
}

.greybox__body__linkrow--bordered,
.greybox__body__linkrow--bordered__no-bottom,
.greybox__body__linkrow--bordered__no-top {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin-left: 15px;
    margin-right: 10px;
    width: calc(100% - 25px)
}

.greybox__body__linkrow--bordered__no-bottom,
.greybox__body__linkrow--bordered__no-top {
    padding: 15px
}

.greybox__body__linkrow--bordered__no-bottom {
    border-bottom: 0
}

.greybox__body__linkrow--bordered__no-top {
    border-top: 0
}

.greybox__body__linkrow--grey {
    background-color: #f9f9f9
}

.greybox__body__linkrow--smallpadding {
    padding: 10px 15px
}

.greybox__body__linkrow .table__cell {
    width: 25%
}

.greybox__body__linkrow__status {
    padding-left: 10px
}

.greybox__body__linkrow__status.table__cell {
    width: 20%
}

.greybox__body__linkrow__price.table__cell {
    width: 30%
}

.greybox__body__linkrow--newsletter {
    padding: 30px 0
}

@media (min-width:768px) {
    .greybox__body__linkrow--newsletter {
        padding: 100px 0 30px
    }
}

.greybox__body__linkrow--newsletter--success {
    padding-top: 10px
}

@media (min-width:768px) {
    .greybox__body__linkrow--newsletter--success {
        padding-top: 30px
    }
}

.greybox__body__linkrow__greenbox>div {
    border: 2px solid #509e2f;
    padding: 10px 20px;
    border-radius: 5px
}

.greybox__body__linkrow__txt.table__cell {
    width: 70%
}

.greybox__body__linkrow__txt.table__cell p {
    margin: 0 0 20px;
    font-size: 14px
}

@media (min-width:768px) {
    .greybox__body__linkrow__txt.table__cell p {
        margin: 0
    }
}

.greybox__body__linkrow__txt--edit {
    width: 80%!important
}

.greybox__body__list {
    margin: 0;
    padding: 0
}

.greybox__body__list--single {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0
}

.greybox__body__list--single--first {
    padding-top: 0
}

.greybox__body__list--single--first--pay {
    padding-bottom: 5px
}

.greybox__body__list--single--last {
    border-bottom: none;
    padding-bottom: 0
}

.greybox__body__list--single--last--pay {
    margin-bottom: -5px
}

@media (max-width:767px) {
    .greybox__body__linkrow__txt--cancel,
    .greybox__body__linkrow__txt--edit {
        width: 100%!important;
        display: block!important
    }
    .greybox__body__linkrow__txt--cancel input,
    .greybox__body__linkrow__txt--edit input {
        width: 100%;
        margin-bottom: 20px
    }
}

.box__checkbalance__tabs {
    display: table-cell;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom
}

.box__checkbalance__tab {
    width: 35px;
    margin-right: 0;
    border-radius: 8px;
    background-color: #fff;
    height: 35px;
    float: left;
    cursor: pointer;
    margin-left: 1px
}

@media (min-width:1200px) {
    .box__checkbalance__tab {
        height: 40px;
        width: 40px;
        margin-right: 1px;
        margin-left: 2px
    }
}

.box__checkbalance__tab .tab_icon {
    background-image: url(../images/balance-icons.png);
    background-size: 300px 180px;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    left: 2px;
    top: 3px
}

@media (min-width:1200px) {
    .box__checkbalance__tab .tab_icon {
        left: 5px;
        top: 6px
    }
}

.box__checkbalance__tab--active {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    height: 40px;
    width: 35px
}

@media (min-width:1200px) {
    .box__checkbalance__tab--active {
        height: 45px;
        width: 45px
    }
}

.box__checkbalance__tab--active .tab_icon {
    left: 3px;
    top: 5px
}

@media (min-width:1200px) {
    .box__checkbalance__tab--active .tab_icon {
        left: 7px;
        top: 8px
    }
}

.box__checkbalance__tab--0 .tab_icon {
    background-position: 0 -90px
}

.box__checkbalance__tab--1 .tab_icon {
    background-position: -60px -90px
}

.box__checkbalance__tab--2 .tab_icon {
    background-position: -30px -90px
}

.box__checkbalance__header {
    background: #509e2f;
    padding: 0 10px;
    border-radius: 8px 8px 0 0;
    color: #fff;
    display: table;
    height: 55px;
    width: 100%
}

@media (min-width:1200px) {
    .box__checkbalance__header {
        padding: 0 15px
    }
}

.box__checkbalance__header__title {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 40%;
    font-size: 15px;
    line-height: 19px
}

@media (min-width:1200px) {
    .box__checkbalance__header__title {
        font-size: 15px;
        line-height: 18px
    }
}

.box__checkbalance__body {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    border-left: 1px solid #d0d0ce;
    border-bottom: 1px solid #d0d0ce;
    border-right: 1px solid #d0d0ce
}

.box__checkbalance__body__tab {
    display: none
}

.box__checkbalance__body__tab--active {
    display: block
}

.box__checkbalance__body__tab__content__subtitle,
.box__checkbalance__body__tab__content__title {
    margin-top: 0;
    margin-bottom: 5px
}

.box__checkbalance__body__tab__content__image {
    max-width: 100%
}

.box__checkbalance__body__tab__content__image img {
    max-width: 100%;
    margin: 15px 0;
    width: auto
}

.box__checkbalance__body__tab__content__link {
    color: #509e2f!important;
    text-align: right;
    display: block;
    margin-right: 5px
}

.box__checkbalance .slick-next:before,
.box__checkbalance .slick-prev:before {
    font-size: 15px;
    color: #b1b1b3
}

.box__checkbalance .slick-disabled {
    display: none!important
}

@media (max-width:991px) {
    .box__checkbalance {
        margin-top: 20px
    }
}

.bordered__box {
    border: 2px solid #509e2f;
    padding: 10px 30px 10px 10px;
    border-radius: 8px;
    background-clip: padding-box;
    display: inline-block;
    position: relative;
    float: none;
    top: auto;
    right: 0;
    margin: 10px 0 30px
}

@media (min-width:768px) {
    .bordered__box {
        float: right;
        top: 0;
        padding: 10px 10px 10px 30px;
        margin: 0
    }
}

@media (min-width:992px) {
    .bordered__box {
        padding: 10px 10px 10px 70px
    }
}

.bordered__box__top {
    display: block;
    font-size: 14px
}

.bordered__box__bottom {
    display: block;
    font-size: 18px
}

.myprogram__buttons button.button.button--primary {
    width: 100%;
    margin-bottom: 20px
}

.myprogram__buttons button.button.button--primary:nth-child(2) {
    margin-bottom: 10px
}

.myprogram__buttons button.button.button--primary.mr-10 {
    margin-right: 0
}

@media (min-width:768px) {
    .myprogram__buttons button.button.button--primary {
        width: auto;
        margin-bottom: 0
    }
    .myprogram__buttons button.button.button--primary.mr-10 {
        margin-right: 10px
    }
}

.blueheader__box__header {
    background-color: #374148;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 15px 15px 10px
}

.blueheader__box__header__price,
.cookie-modal-content h2 {
    font-size: 30px
}

.blueheader__box__header__pricelabel,
.container-body-page-my-cosmote .menu-lateral li ul li ul li a:hover,
.orders-summary-box-container .back-button i {
    font-size: 13px
}

@media (max-width:767px) {
    .blueheader__box__header .col-xs-5,
    .blueheader__box__header .col-xs-7 {
        display: block;
        width: 100%
    }
    .blueheader__box__header .col-xs-5 .col-right,
    .blueheader__box__header .col-xs-7 .col-right {
        margin-left: 0;
        width: 100%;
        float: none;
        text-align: left!important;
        margin-top: 15px
    }
    .blueheader__box__header .col-xs-5 button,
    .blueheader__box__header .col-xs-7 button {
        width: 100%
    }
}

.blueheader__box__content .greybox__body__table__cell {
    padding-top: 20px
}

.blueheader__box__content .greybox__body__table__cell--first {
    width: 30%
}

@media (max-width:767px) {
    .blueheader__box__content .greybox__body__table__cell--first {
        width: 100%
    }
}

.blueheader__box__content .greybox__body__table__cell--first ul {
    margin-left: 0;
    padding-left: 20px
}

.blueheader__box__content .greybox__body__table__cell--second,
.blueheader__box__content .greybox__body__table__cell--third {
    width: 20%
}

@media (max-width:767px) {
    .blueheader__box__content .greybox__body__table__cell--second,
    .blueheader__box__content .greybox__body__table__cell--third {
        width: 100%
    }
}

.blueheader__box__content .greybox__body__table__cell--fourth {
    width: 15%
}

.blueheader__box__content .greybox__body__table__cell--fourth:first-child {
    border-left: none
}

@media (max-width:767px) {
    .blueheader__box__content .greybox__body__table__cell--fourth {
        width: 100%
    }
}

.blueheader__box__content .greybox__body__table {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.blueheader__box .col-right {
    float: right;
    margin-left: 15px
}

@media (min-width:768px) {
    .bordered__big__container .blueheader__box__content {
        padding: 0 15px;
        border-right: 1px solid #d0d0ce;
        border-left: 1px solid #d0d0ce;
        border-bottom: 1px solid #d0d0ce;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

@media (max-width:767px) {
    .bordered__big__container .blueheader__box__content .greybox__body__table--bordered {
        border-top: none;
        padding-top: 0;
        margin-top: 10px
    }
}

.alternate__rows__single {
    padding: 20px 10px
}

.alternate__rows__single.alternate__rows__single--grey {
    background: #f3f3f3
}

.scroll__list {
    border-left: 1px solid #eaeaea;
    max-height: 380px;
    overflow-y: scroll
}

@media (max-width:767px) {
    .scroll__list {
        border-left: none;
        border-top: 1px solid #eaeaea;
        padding-top: 10px;
        margin-top: 10px
    }
    .scroll__list .dropdown__container.dropdown__container--select .dropdown-toggle {
        margin-top: 0
    }
}

.scroll__list__item {
    padding: 10px 15px
}

.scroll__list__item .icon-add-circle,
.scroll__list__item .icon-close-circle {
    position: relative;
    top: -5px;
    cursor: pointer
}

.scroll__list__item__title {
    font-size: 16px
}

.bordered__rounded__box {
    padding: 20px;
    border: 1px solid #d0d0ce;
    position: relative;
    border-radius: 4px;
    background-clip: padding-box
}

@media (min-width:992px) {
    .bordered__rounded__box {
        min-height: 425px
    }
    .bordered__rounded__box .absolute__buttons {
        position: absolute;
        bottom: 20px;
        left: 20px
    }
}

.bordered__rounded__box--noheight {
    min-height: 0
}

.greybox__body--plan .table__cell {
    padding: 10px 0
}

.greybox__body--plan .table__cell--small {
    width: 170px;
    max-width: 170px
}

.greybox__body--plan .table__cell--xsmall {
    width: 80px;
    max-width: 80px
}

.greybox__body--plan .radio-button-container label {
    top: -20px;
    right: -10px
}

@media (max-width:767px) {
    .greybox__body--plan .table,
    .greybox__body--plan .table .table__cell {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 2px 0;
        text-align: left
    }
    .greybox__body--plan .table .radio-button-container,
    .greybox__body--plan .table .table__cell .radio-button-container {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 10px
    }
    .greybox__body--plan .table .table__row {
        padding: 10px 60px 10px 0;
        position: relative;
        width: 100%;
        display: block;
        border-bottom: 1px solid #d0d0ce
    }
}

.greybox__body--plan.choose-plan-alternate-row-body .choose-plan-alternate-row:nth-child(odd) {
    background-color: #fafafa
}

.bordered__fullpage__box {
    border: 1px solid #d0d0ce;
    border-radius: 4px;
    background-clip: padding-box
}

.bordered__fullpage__box .bordered__fullpage__box__header {
    padding: 15px
}

.bordered__fullpage__box .bordered__fullpage__box__search input {
    height: 45px;
    line-height: 45px;
    width: 100%
}

@media (min-width:992px) {
    .bordered__fullpage__box .bordered__fullpage__box__search input {
        height: 43px;
        line-height: 43px
    }
}

.bordered__fullpage__box .bordered__fullpage__box__search button {
    background: 0 0;
    position: absolute;
    border: none;
    font-size: 22px;
    color: #d0d0ce;
    padding: 10px;
    right: 15px;
    top: 0
}

@media (min-width:992px) {
    .bordered__fullpage__box .bordered__fullpage__box__search button {
        right: 18px;
        font-size: 23px
    }
}

.bordered__fullpage__box__table--overflow-x {
    overflow-x: scroll
}

.bordered__fullpage__box .bordered__fullpage__box__table__head {
    background: #eaeaea
}

.bordered__fullpage__box .bordered__fullpage__box__table__single {
    padding: 10px
}

.bordered__fullpage__box .bordered__fullpage__box__table__single:first-child {
    min-width: 50px
}

.bordered__fullpage__box .bordered__fullpage__box__table__single--last {
    border-left: 1px solid #eaeaea
}

.custom-accordion-group.no-border-bottom .accordion-content {
    border-bottom: none
}

.custom-accordion-group .accordion-title {
    background-color: #ececec;
    cursor: pointer;
    position: relative
}

.custom-accordion-group .accordion-title .switch-container {
    vertical-align: middle;
    margin-top: 0
}

.custom-accordion-group .accordion-title.accordion-content--bordered {
    margin-bottom: 0
}

.custom-accordion-group .accordion-title:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.custom-accordion-group .accordion-title.active:not(.active--grey) {
    background-color: #374148;
    border-bottom: 2px solid #a0d933
}

.custom-accordion-group .accordion-title.active:not(.active--grey) .title-text {
    font-weight: 700;
    color: #fff
}

.custom-accordion-group .accordion-title.active:not(.active--grey) .icon-accordion {
    border-left: 1px solid #3d5265;
    color: #fff
}

.custom-accordion-group .accordion-title.active:not(.active--grey) .accordion-title-right {
    color: #fff
}

.custom-accordion-group .accordion-title.active-switch {
    border-bottom: 2px solid #a0d933
}

.custom-accordion-group .accordion-title.active-switch .title-text {
    font-weight: 700
}

.custom-accordion-group .accordion-title.active-switch .accordion-title-right {
    color: #fff
}

.custom-accordion-group .accordion-title.active-switch.closed {
    border-bottom: none
}

.custom-accordion-group .accordion-title.switch-accordion--darkactive.active-switch {
    border-bottom: 2px solid #a0d933;
    background-color: #374148
}

.custom-accordion-group .accordion-title.switch-accordion--darkactive.active-switch .title-text {
    font-weight: 700;
    color: #fff
}

.custom-accordion-group .accordion-title.switch-accordion--darkactive.active-switch .icon-accordion {
    color: #fff;
    border-left: 1px solid #3d5265
}

.custom-accordion-group .accordion-title.switch-accordion--darkactive.active-switch .accordion-title-right {
    color: #fff
}

.custom-accordion-group .accordion-title .accordion-title-right {
    text-align: right;
    line-height: 48px;
    width: 200px;
    display: inline-block;
    padding-right: 37px;
    color: #374148
}

.custom-accordion-group .accordion-title.switch-accordion {
    margin-bottom: 5px
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title.switch-accordion {
        min-height: 90px;
        position: relative
    }
}

.custom-accordion-group .accordion-title.switch-accordion.accordion-content--bordered {
    margin-bottom: 0
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title.switch-accordion.switch-accordion--nomin {
        min-height: 0
    }
    .custom-accordion-group .accordion-title.switch-accordion.switch-accordion--nomin .switch-container {
        margin-top: 8px;
        margin-right: 80px
    }
}

.custom-accordion-group .accordion-title .accordion-price {
    font-size: 24px;
    font-weight: 400;
    text-align: right;
    color: #ff7900;
    display: inline-block;
    line-height: 48px;
    margin-right: 20px;
    min-width: 138px
}

@media (max-width:1199px) {
    .custom-accordion-group .accordion-title .accordion-price {
        margin-right: 10px
    }
}

@media (max-width:991px) {
    .custom-accordion-group .accordion-title .accordion-price {
        padding-left: 15px;
        font-size: 20px
    }
    .custom-accordion-group .accordion-title .accordion-price span {
        font-size: 14px;
        padding-left: 7px
    }
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title .accordion-price {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 16px;
        text-align: left
    }
}

.custom-accordion-group .accordion-title .accordion-price span {
    font-size: 18px;
    padding-left: 15px
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title .accordion-price span {
        font-size: 12px
    }
    .custom-accordion-group .accordion-title .accordion-price.into-accordion {
        padding-left: 0
    }
}

.custom-accordion-group .accordion-title .pending {
    color: #f5a623;
    font-size: 14px;
    position: relative;
    min-width: 75px;
    display: block;
    float: right;
    margin-top: 15px;
    margin-right: 50px;
    text-align: right;
    padding-left: 16px;
    padding-right: 5px
}

@media (max-width:992px) {
    .custom-accordion-group .accordion-title .pending {
        display: none
    }
}

.custom-accordion-group .accordion-title .pending:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    margin: auto;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #f5a623
}

.custom-accordion-group .accordion-title .title-text {
    font-size: 18px;
    font-weight: 400;
    color: #374148;
    width: 66.5%;
    display: inline-block;
    vertical-align: middle;
    padding: 14px
}

@media (max-width:1199px) {
    .custom-accordion-group .accordion-title .title-text {
        width: 61%
    }
}

@media (max-width:991px) {
    .custom-accordion-group .accordion-title .title-text {
        width: 42%;
        font-size: 16px
    }
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title .title-text {
        padding-bottom: 40px;
        width: 100%;
        max-width: 60%
    }
}

@media (max-width:321px) {
    .custom-accordion-group .accordion-title .title-text {
        max-width: 50%
    }
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title .title-text.xs-width-50 {
        max-width: 67%;
        padding-left: 0
    }
}

.breadcrumb__item .custom-accordion-group .accordion-title .title-text.current,
.checkboxes__row .radio-button-container .custom-accordion-group .accordion-title label.title-text,
.container-button--primary .custom-accordion-group .accordion-title a.title-text,
.custom-accordion-group .accordion-title .breadcrumb__item .title-text.current,
.custom-accordion-group .accordion-title .checkboxes__row .radio-button-container label.title-text,
.custom-accordion-group .accordion-title .container-button--primary a.title-text,
.custom-accordion-group .accordion-title .dropdown__container--menu li a.title-text,
.custom-accordion-group .accordion-title .product-box-1__bottom a.title-text.more,
.custom-accordion-group .accordion-title .product-box-1__info__price sup.title-text,
.custom-accordion-group .accordion-title .product-box-configurator__bottom a.title-text.more,
.custom-accordion-group .accordion-title .product-box-configurator__info__price sup.title-text,
.custom-accordion-group .accordion-title .product__price span.title-text,
.custom-accordion-group .accordion-title .selfcare__tabs__labels .ovalShapedItem .title-text.badgeOvalShapedItem,
.custom-accordion-group .accordion-title .selfcare__tabs__switchmenu a .title-text.badgeOvalShapedItem,
.custom-accordion-group .accordion-title .title-text.badge,
.custom-accordion-group .accordion-title .title-text.box__checkbalance__body__tab__content__title,
.custom-accordion-group .accordion-title .title-text.button,
.custom-accordion-group .accordion-title .title-text.buttonv2,
.custom-accordion-group .accordion-title .title-text.footer__links__section__title,
.custom-accordion-group .accordion-title .title-text.header__menu-bar__list__item,
.custom-accordion-group .accordion-title .title-text.hero__container__content__text__image--plus,
.custom-accordion-group .accordion-title .title-text.onload-modal__content__int__head--username,
.custom-accordion-group .accordion-title .title-text.product-box-1__info__title,
.custom-accordion-group .accordion-title .title-text.product-box-configurator__info__title,
.custom-accordion-group .accordion-title .title-text.product__title,
.custom-accordion-group .accordion-title .title-text.sidebar__box__content__list__item__number,
.custom-accordion-group .accordion-title .title-text.title,
.custom-accordion-group .accordion-title .title-text.to-bold,
.dropdown__container--menu li .custom-accordion-group .accordion-title a.title-text,
.product-box-1__bottom .custom-accordion-group .accordion-title a.title-text.more,
.product-box-1__info__price .custom-accordion-group .accordion-title sup.title-text,
.product-box-configurator__bottom .custom-accordion-group .accordion-title a.title-text.more,
.product-box-configurator__info__price .custom-accordion-group .accordion-title sup.title-text,
.product__price .custom-accordion-group .accordion-title span.title-text,
.selfcare__tabs__labels .ovalShapedItem .custom-accordion-group .accordion-title .title-text.badgeOvalShapedItem,
.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__accordion.accordion_open>a,
.selfcare__tabs__switchmenu a .custom-accordion-group .accordion-title .title-text.badgeOvalShapedItem {
    font-weight: 700
}

.custom-accordion-group .accordion-title .title-text.small-title-text {
    width: 60%
}

.custom-accordion-group .accordion-title.pending-accordion .title-text {
    width: 57%
}

@media (max-width:1199px) {
    .custom-accordion-group .accordion-title.pending-accordion .title-text {
        width: 47%
    }
}

@media (max-width:991px) {
    .custom-accordion-group .accordion-title.pending-accordion .title-text {
        width: 42%
    }
}

@media (max-width:1199px) {
    .custom-accordion-group .accordion-title.pending-accordion .title-text.small-title-text {
        width: 44.5%
    }
}

@media (max-width:991px) {
    .custom-accordion-group .accordion-title.pending-accordion .title-text.small-title-text {
        width: 42%
    }
}

.custom-accordion-group .accordion-title.pending-accordion .accordion-price,
.custom-accordion-group .accordion-title.pending-accordion .switch-container .bootstrap-switch {
    opacity: .6
}

@media (max-width:992px) {
    .custom-accordion-group .accordion-title.pending-accordion .accordion-price,
    .custom-accordion-group .accordion-title.pending-accordion .switch-container .bootstrap-switch {
        opacity: 1
    }
}

.custom-accordion-group .accordion-title .icon-accordion {
    position: absolute;
    right: 0;
    border-left: 1px solid #fff;
    top: 0;
    width: 50px;
    cursor: pointer;
    text-align: center;
    padding-top: 0;
    height: 100%
}

.custom-accordion-group .accordion-title .icon-accordion i {
    text-align: center;
    padding-top: 15px;
    display: block
}

.custom-accordion-group .accordion-title .icon-accordion:before {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 16px;
    width: 22px;
    margin: auto
}

.custom-accordion-group .accordion-title.accordion-title--noprice .title-text {
    width: 54%
}

@media (min-width:768px) {
    .custom-accordion-group .accordion-title.accordion-title--noprice .title-text {
        width: 70%
    }
}

@media (min-width:992px) {
    .custom-accordion-group .accordion-title.accordion-title--noprice .title-text {
        width: 84%
    }
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-title.accordion-small-mobile .title-text {
        padding-bottom: 14px
    }
    .custom-accordion-group .accordion-title.accordion-small-mobile.switch-accordion {
        min-height: 50px
    }
}

.custom-accordion-group .accordion-content {
    border-bottom: 1px solid #d0d0ce
}

@media (max-width:767px) {
    .custom-accordion-group .accordion-content .fs-14.text-center {
        text-align: left
    }
}

.custom-accordion-group .accordion-content.accordion-content--bordered {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #d0d0ce;
    border-left: 1px solid #d0d0ce;
    border-right: 1px solid #d0d0ce;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

@media (max-width:767px) {
    .custom-accordion-group .switch-container {
        float: right;
        margin-right: 15px
    }
}

.accordion-submit-row {
    padding-right: 15px;
    padding-bottom: 15px
}

.accordion-submit-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.codes__table {
    display: table;
    width: 100%
}

.codes__table .codes__table__cell {
    display: table-cell
}

.codes__table .codes__table__cell--half {
    width: 50%
}

.codes__table .codes__table__cell--half.codes__table__cell--first {
    width: 35%
}

.codes__table .codes__table__cell--half.codes__table__cell--last {
    width: 65%
}

@media (min-width:992px) {
    .codes__table .codes__table__cell--half.codes__table__cell--first,
    .codes__table .codes__table__cell--half.codes__table__cell--last {
        width: 50%
    }
}

@media (max-width:767px) {
    .codes__table .codes__table__cell--half.codes__table__cell--first,
    .codes__table .codes__table__cell--half.codes__table__cell--last {
        display: block;
        width: 100%
    }
    .codes__table .codes__table__cell--half.codes__table__cell--first {
        margin-bottom: 30px
    }
}

.accordion-content-tablecheck {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #d0d0ce
}

.accordion-content-tablecheck .accordion-content-tablecheck--firstcell {
    width: 80%;
    vertical-align: middle
}

@media (min-width:992px) {
    .accordion-content-tablecheck .accordion-content-tablecheck--firstcell {
        width: 90%
    }
}

.accordion-content-tablecheck .accordion-content-tablecheck--seccell {
    width: 20%;
    vertical-align: middle;
    text-align: right
}

@media (min-width:992px) {
    .accordion-content-tablecheck .accordion-content-tablecheck--seccell {
        width: 10%;
        vertical-align: middle
    }
}

.accordion-content-tablecheck .accordion-content-tablecheck--seccell .form__checkbox {
    display: block;
    margin-top: -5px;
    margin-right: 10px
}

@media (min-width:768px) {
    .accordion-content-tablecheck .accordion-content-tablecheck--seccell .form__checkbox {
        margin-top: -10px
    }
}

@media (min-width:992px) {
    .accordion-content-tablecheck .accordion-content-tablecheck--seccell .form__checkbox {
        margin-top: 0;
        margin-right: 0
    }
}

.accordion-content-tablecheck .accordion-content-tablecheck--seccell .form__checkbox label .form__checkbox__icon {
    left: auto;
    right: 0
}

.accordion-content-tablecheck .accordion-content-tablecheck--seccell--2 {
    width: 20%;
    vertical-align: middle;
    text-align: right
}

@media (min-width:992px) {
    .accordion-content-tablecheck .accordion-content-tablecheck--seccell--2 {
        width: 10%;
        vertical-align: middle
    }
}

.accordion-content-tablecheck.accordion-content-tablecheck--last {
    border-bottom: none;
    vertical-align: middle
}

.custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion {
    margin-bottom: 0
}

.custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion.closed {
    margin-bottom: 5px
}

@media (max-width:992px) {
    .custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion.active-switch {
        background-color: #374148
    }
    .custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion.active-switch .title-text {
        color: #fff
    }
    .custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion.active-switch .accordion-price {
        color: #a0d933
    }
    .custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion.active-switch .icon-accordion {
        color: #fff;
        border-left: #3d5265
    }
}

@media (max-width:767px) {
    .custom-accordion-group.custom-accordion-group--border-gray .accordion-title.switch-accordion .switch-container {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 40px;
        margin: auto 80px auto auto
    }
}

.custom-accordion-group.custom-accordion-group--border-gray .accordion-content {
    border: 2px solid #ececec;
    margin-bottom: 5px;
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.custom-accordion-group.custom-accordion-group--border-gray .accordion-content.no-borders {
    padding-top: 10px!important
}

@media (max-width:767px) {
    .custom-accordion-group.custom-accordion-group--border-gray .accordion-content.no-borders {
        padding-left: 0
    }
}

.custom-accordion-group.custom-accordion-group--border-gray .accordion-content h4 {
    margin: 0;
    line-height: 20px
}

.custom-accordion-group.custom-accordion-group--border-gray .accordion-content hr {
    border-color: #ececec;
    margin-bottom: 16px
}

.custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.accordion-title-free .title-text {
    width: 66%
}

@media (max-width:1199px) {
    .custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.accordion-title-free .title-text {
        width: 61%
    }
}

@media (max-width:991px) {
    .custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.accordion-title-free .title-text {
        width: 43%
    }
}

.custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.active-switch {
    background-color: #374148
}

.custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.active-switch .title-text {
    color: #fff
}

.custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.active-switch .accordion-price {
    color: #a0d933
}

.custom-accordion-group.custom-accordion-group--blue-active .accordion-title.switch-accordion.active-switch .icon-accordion {
    color: #fff
}

.borderb-2-lightblue {
    border-bottom: solid 2px #00a0dc
}

.border-1-grey {
    border: solid 1px #d0d0ce
}

.bordert-1-grey {
    border-top: solid 1px #d0d0ce
}

.borderr-1-grey {
    border-right: solid 1px #d0d0ce
}

.borderb-1-grey {
    border-bottom: solid 1px #d0d0ce
}

.borderl-1-grey {
    border-left: solid 1px #d0d0ce
}

.bordertr-1-grey {
    border-top: solid 1px #d0d0ce;
    border-right: solid 1px #d0d0ce
}

.bordertb-1-grey {
    border-top: solid 1px #d0d0ce;
    border-bottom: solid 1px #d0d0ce
}

.bordertl-1-grey {
    border-top: solid 1px #d0d0ce;
    border-left: solid 1px #d0d0ce
}

.no-borders {
    border: none!important
}

@media (max-width:767px) {
    .no-borders-xs {
        border: none!important
    }
}

.boxshad-lightgrey {
    box-shadow: 1px -2px 7px 1px #b1b1b3
}

.border-rad-5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px
}

.fs-1_2vw {
    font-size: 1.2vw!important
}

.fs-6 {
    font-size: 6px!important
}

.fs-7 {
    font-size: 7px!important
}

.fs-8 {
    font-size: 8px!important
}

.fs-9 {
    font-size: 9px!important
}

.fs-10 {
    font-size: 10px!important
}

.fs-11 {
    font-size: 11px!important
}

.fs-12 {
    font-size: 12px!important
}

.fs-13 {
    font-size: 13px!important
}

.fs-14 {
    font-size: 14px!important
}

.fs-15 {
    font-size: 15px!important
}

.fs-16 {
    font-size: 16px!important
}

.fs-17 {
    font-size: 17px!important
}

.fs-18 {
    font-size: 18px!important
}

.fs-19 {
    font-size: 19px!important
}

.fs-20 {
    font-size: 20px!important
}

.fs-21 {
    font-size: 21px!important
}

.fs-22 {
    font-size: 22px!important
}

.fs-23 {
    font-size: 23px!important
}

.fs-24 {
    font-size: 24px!important
}

.fs-25 {
    font-size: 25px!important
}

.fs-26 {
    font-size: 26px!important
}

.fs-27 {
    font-size: 27px!important
}

.fs-28 {
    font-size: 28px!important
}

.fs-29 {
    font-size: 29px!important
}

.fs-30 {
    font-size: 30px!important
}

.fs-31 {
    font-size: 31px!important
}

.fs-32 {
    font-size: 32px!important
}

.fs-33 {
    font-size: 33px!important
}

.fs-34 {
    font-size: 34px!important
}

.fs-35 {
    font-size: 35px!important
}

.fs-36 {
    font-size: 36px!important
}

.fs-37 {
    font-size: 37px!important
}

.fs-38 {
    font-size: 38px!important
}

.fs-39 {
    font-size: 39px!important
}

.fs-40 {
    font-size: 40px!important
}

.fs-41 {
    font-size: 41px!important
}

.fs-42 {
    font-size: 42px!important
}

.fs-43 {
    font-size: 43px!important
}

.fs-44 {
    font-size: 44px!important
}

.fs-45 {
    font-size: 45px!important
}

.fs-46 {
    font-size: 46px!important
}

.fs-47 {
    font-size: 47px!important
}

.fs-48 {
    font-size: 48px!important
}

.fs-49 {
    font-size: 49px!important
}

.fs-50 {
    font-size: 50px!important
}

.fs-51 {
    font-size: 51px!important
}

.fs-52 {
    font-size: 52px!important
}

.fs-60 {
    font-size: 60px!important
}

@media (max-width:767px) {
    .fs-xs-6 {
        font-size: 6px!important
    }
    .fs-xs-7 {
        font-size: 7px!important
    }
    .fs-xs-8 {
        font-size: 8px!important
    }
    .fs-xs-9 {
        font-size: 9px!important
    }
    .fs-xs-10 {
        font-size: 10px!important
    }
    .fs-xs-11 {
        font-size: 11px!important
    }
    .fs-xs-12 {
        font-size: 12px!important
    }
    .fs-xs-13 {
        font-size: 13px!important
    }
    .fs-xs-14 {
        font-size: 14px!important
    }
    .fs-xs-15 {
        font-size: 15px!important
    }
    .fs-xs-16 {
        font-size: 16px!important
    }
    .fs-xs-17 {
        font-size: 17px!important
    }
    .fs-xs-18 {
        font-size: 18px!important
    }
    .fs-xs-19 {
        font-size: 19px!important
    }
    .fs-xs-20 {
        font-size: 20px!important
    }
    .fs-xs-21 {
        font-size: 21px!important
    }
    .fs-xs-22 {
        font-size: 22px!important
    }
    .fs-xs-23 {
        font-size: 23px!important
    }
    .fs-xs-24 {
        font-size: 24px!important
    }
    .fs-xs-25 {
        font-size: 25px!important
    }
    .fs-xs-26 {
        font-size: 26px!important
    }
    .fs-xs-27 {
        font-size: 27px!important
    }
    .fs-xs-28 {
        font-size: 28px!important
    }
    .fs-xs-29 {
        font-size: 29px!important
    }
    .fs-xs-30 {
        font-size: 30px!important
    }
    .fs-xs-31 {
        font-size: 31px!important
    }
    .fs-xs-32 {
        font-size: 32px!important
    }
    .fs-xs-33 {
        font-size: 33px!important
    }
    .fs-xs-34 {
        font-size: 34px!important
    }
    .fs-xs-35 {
        font-size: 35px!important
    }
    .fs-xs-36 {
        font-size: 36px!important
    }
    .fs-xs-37 {
        font-size: 37px!important
    }
    .fs-xs-38 {
        font-size: 38px!important
    }
    .fs-xs-39 {
        font-size: 39px!important
    }
    .fs-xs-40 {
        font-size: 40px!important
    }
    .fs-xs-41 {
        font-size: 41px!important
    }
    .fs-xs-42 {
        font-size: 42px!important
    }
    .fs-xs-43 {
        font-size: 43px!important
    }
    .fs-xs-44 {
        font-size: 44px!important
    }
    .fs-xs-45 {
        font-size: 45px!important
    }
    .fs-xs-46 {
        font-size: 46px!important
    }
    .fs-xs-47 {
        font-size: 47px!important
    }
    .fs-xs-48 {
        font-size: 48px!important
    }
    .fs-xs-49 {
        font-size: 49px!important
    }
    .fs-xs-50 {
        font-size: 50px!important
    }
    .fs-xs-51 {
        font-size: 51px!important
    }
    .fs-xs-52 {
        font-size: 52px!important
    }
    .fs-xs-60 {
        font-size: 60px!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .fs-sm-6 {
        font-size: 6px!important
    }
    .fs-sm-7 {
        font-size: 7px!important
    }
    .fs-sm-8 {
        font-size: 8px!important
    }
    .fs-sm-9 {
        font-size: 9px!important
    }
    .fs-sm-10 {
        font-size: 10px!important
    }
    .fs-sm-11 {
        font-size: 11px!important
    }
    .fs-sm-12 {
        font-size: 12px!important
    }
    .fs-sm-13 {
        font-size: 13px!important
    }
    .fs-sm-14 {
        font-size: 14px!important
    }
    .fs-sm-15 {
        font-size: 15px!important
    }
    .fs-sm-16 {
        font-size: 16px!important
    }
    .fs-sm-17 {
        font-size: 17px!important
    }
    .fs-sm-18 {
        font-size: 18px!important
    }
    .fs-sm-19 {
        font-size: 19px!important
    }
    .fs-sm-20 {
        font-size: 20px!important
    }
    .fs-sm-21 {
        font-size: 21px!important
    }
    .fs-sm-22 {
        font-size: 22px!important
    }
    .fs-sm-23 {
        font-size: 23px!important
    }
    .fs-sm-24 {
        font-size: 24px!important
    }
    .fs-sm-25 {
        font-size: 25px!important
    }
    .fs-sm-26 {
        font-size: 26px!important
    }
    .fs-sm-27 {
        font-size: 27px!important
    }
    .fs-sm-28 {
        font-size: 28px!important
    }
    .fs-sm-29 {
        font-size: 29px!important
    }
    .fs-sm-30 {
        font-size: 30px!important
    }
    .fs-sm-31 {
        font-size: 31px!important
    }
    .fs-sm-32 {
        font-size: 32px!important
    }
    .fs-sm-33 {
        font-size: 33px!important
    }
    .fs-sm-34 {
        font-size: 34px!important
    }
    .fs-sm-35 {
        font-size: 35px!important
    }
    .fs-sm-36 {
        font-size: 36px!important
    }
    .fs-sm-37 {
        font-size: 37px!important
    }
    .fs-sm-38 {
        font-size: 38px!important
    }
    .fs-sm-39 {
        font-size: 39px!important
    }
    .fs-sm-40 {
        font-size: 40px!important
    }
    .fs-sm-41 {
        font-size: 41px!important
    }
    .fs-sm-42 {
        font-size: 42px!important
    }
    .fs-sm-43 {
        font-size: 43px!important
    }
    .fs-sm-44 {
        font-size: 44px!important
    }
    .fs-sm-45 {
        font-size: 45px!important
    }
    .fs-sm-46 {
        font-size: 46px!important
    }
    .fs-sm-47 {
        font-size: 47px!important
    }
    .fs-sm-48 {
        font-size: 48px!important
    }
    .fs-sm-49 {
        font-size: 49px!important
    }
    .fs-sm-50 {
        font-size: 50px!important
    }
    .fs-sm-51 {
        font-size: 51px!important
    }
    .fs-sm-52 {
        font-size: 52px!important
    }
    .fs-sm-60 {
        font-size: 60px!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .fs-md-6 {
        font-size: 6px!important
    }
    .fs-md-7 {
        font-size: 7px!important
    }
    .fs-md-8 {
        font-size: 8px!important
    }
    .fs-md-9 {
        font-size: 9px!important
    }
    .fs-md-10 {
        font-size: 10px!important
    }
    .fs-md-11 {
        font-size: 11px!important
    }
    .fs-md-12 {
        font-size: 12px!important
    }
    .fs-md-13 {
        font-size: 13px!important
    }
    .fs-md-14 {
        font-size: 14px!important
    }
    .fs-md-15 {
        font-size: 15px!important
    }
    .fs-md-16 {
        font-size: 16px!important
    }
    .fs-md-17 {
        font-size: 17px!important
    }
    .fs-md-18 {
        font-size: 18px!important
    }
    .fs-md-19 {
        font-size: 19px!important
    }
    .fs-md-20 {
        font-size: 20px!important
    }
    .fs-md-21 {
        font-size: 21px!important
    }
    .fs-md-22 {
        font-size: 22px!important
    }
    .fs-md-23 {
        font-size: 23px!important
    }
    .fs-md-24 {
        font-size: 24px!important
    }
    .fs-md-25 {
        font-size: 25px!important
    }
    .fs-md-26 {
        font-size: 26px!important
    }
    .fs-md-27 {
        font-size: 27px!important
    }
    .fs-md-28 {
        font-size: 28px!important
    }
    .fs-md-29 {
        font-size: 29px!important
    }
    .fs-md-30 {
        font-size: 30px!important
    }
    .fs-md-31 {
        font-size: 31px!important
    }
    .fs-md-32 {
        font-size: 32px!important
    }
    .fs-md-33 {
        font-size: 33px!important
    }
    .fs-md-34 {
        font-size: 34px!important
    }
    .fs-md-35 {
        font-size: 35px!important
    }
    .fs-md-36 {
        font-size: 36px!important
    }
    .fs-md-37 {
        font-size: 37px!important
    }
    .fs-md-38 {
        font-size: 38px!important
    }
    .fs-md-39 {
        font-size: 39px!important
    }
    .fs-md-40 {
        font-size: 40px!important
    }
    .fs-md-41 {
        font-size: 41px!important
    }
    .fs-md-42 {
        font-size: 42px!important
    }
    .fs-md-43 {
        font-size: 43px!important
    }
    .fs-md-44 {
        font-size: 44px!important
    }
    .fs-md-45 {
        font-size: 45px!important
    }
    .fs-md-46 {
        font-size: 46px!important
    }
    .fs-md-47 {
        font-size: 47px!important
    }
    .fs-md-48 {
        font-size: 48px!important
    }
    .fs-md-49 {
        font-size: 49px!important
    }
    .fs-md-50 {
        font-size: 50px!important
    }
    .fs-md-51 {
        font-size: 51px!important
    }
    .fs-md-52 {
        font-size: 52px!important
    }
    .fs-md-60 {
        font-size: 60px!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .fs-lg-6 {
        font-size: 6px!important
    }
    .fs-lg-7 {
        font-size: 7px!important
    }
    .fs-lg-8 {
        font-size: 8px!important
    }
    .fs-lg-9 {
        font-size: 9px!important
    }
    .fs-lg-10 {
        font-size: 10px!important
    }
    .fs-lg-11 {
        font-size: 11px!important
    }
    .fs-lg-12 {
        font-size: 12px!important
    }
    .fs-lg-13 {
        font-size: 13px!important
    }
    .fs-lg-14 {
        font-size: 14px!important
    }
    .fs-lg-15 {
        font-size: 15px!important
    }
    .fs-lg-16 {
        font-size: 16px!important
    }
    .fs-lg-17 {
        font-size: 17px!important
    }
    .fs-lg-18 {
        font-size: 18px!important
    }
    .fs-lg-19 {
        font-size: 19px!important
    }
    .fs-lg-20 {
        font-size: 20px!important
    }
    .fs-lg-21 {
        font-size: 21px!important
    }
    .fs-lg-22 {
        font-size: 22px!important
    }
    .fs-lg-23 {
        font-size: 23px!important
    }
    .fs-lg-24 {
        font-size: 24px!important
    }
    .fs-lg-25 {
        font-size: 25px!important
    }
    .fs-lg-26 {
        font-size: 26px!important
    }
    .fs-lg-27 {
        font-size: 27px!important
    }
    .fs-lg-28 {
        font-size: 28px!important
    }
    .fs-lg-29 {
        font-size: 29px!important
    }
    .fs-lg-30 {
        font-size: 30px!important
    }
    .fs-lg-31 {
        font-size: 31px!important
    }
    .fs-lg-32 {
        font-size: 32px!important
    }
    .fs-lg-33 {
        font-size: 33px!important
    }
    .fs-lg-34 {
        font-size: 34px!important
    }
    .fs-lg-35 {
        font-size: 35px!important
    }
    .fs-lg-36 {
        font-size: 36px!important
    }
    .fs-lg-37 {
        font-size: 37px!important
    }
    .fs-lg-38 {
        font-size: 38px!important
    }
    .fs-lg-39 {
        font-size: 39px!important
    }
    .fs-lg-40 {
        font-size: 40px!important
    }
    .fs-lg-41 {
        font-size: 41px!important
    }
    .fs-lg-42 {
        font-size: 42px!important
    }
    .fs-lg-43 {
        font-size: 43px!important
    }
    .fs-lg-44 {
        font-size: 44px!important
    }
    .fs-lg-45 {
        font-size: 45px!important
    }
    .fs-lg-46 {
        font-size: 46px!important
    }
    .fs-lg-47 {
        font-size: 47px!important
    }
    .fs-lg-48 {
        font-size: 48px!important
    }
    .fs-lg-49 {
        font-size: 49px!important
    }
    .fs-lg-50 {
        font-size: 50px!important
    }
    .fs-lg-51 {
        font-size: 51px!important
    }
    .fs-lg-52 {
        font-size: 52px!important
    }
    .fs-lg-60 {
        font-size: 60px!important
    }
}

.header__menu-bar__list__item--account--anonymous--content .form__label,
.header__menu-bar__list__item--account--anonymous--content--bottom label,
.header__menu-bar__list__item__submenu__item,
.onload-modal__content__int__head--greetings,
.or-separator,
.product__price sup,
.text-normal,
.to-normal {
    font-weight: 400!important
}

.color-green {
    color: #9ed54c!important
}

.color-darkgreen2 {
    color: #00bb4b!important
}

.color-lightgreenmenu {
    color: #97d700!important
}

.color-primarygreen {
    color: #509e2f!important
}

.color-lightgreen {
    color: #9ed54c!important
}

.color-consentLightGreen {
    color: #67ab4b!important
}

.color-red {
    color: #ef3e42!important
}

.color-primaryblue {
    color: #3b61a6!important
}

.color-secondarybluenavy {
    color: #3d5265!important
}

.color-lightblue {
    color: #00a0dc!important
}

.color-consentBlueNavy {
    color: #546877!important
}

.color-orange {
    color: #ff791d!important
}

.color-secondary-dark-grey {
    color: #b1b1b3!important
}

.color-primarygreen-terms-application {
    color: #509e2f!important
}

.color-primarygreen-terms-application:hover {
    border-bottom: 1.5px solid #509e2f!important;
    padding-bottom: 2px!important
}

.color-grey-terms,
.color-grey-terms-application {
    color: #7c7c7c!important
}

.color-grey-terms-application:hover {
    border-bottom: 1.5px solid #7c7c7c!important;
    padding-bottom: 2px!important
}

.cur-pointer {
    cursor: pointer!important
}

.cur-none {
    cursor: none!important
}

.cur-def {
    cursor: default!important
}

.lh-6 {
    line-height: 6px!important
}

.lh-7 {
    line-height: 7px!important
}

.lh-8 {
    line-height: 8px!important
}

.lh-9 {
    line-height: 9px!important
}

.lh-10 {
    line-height: 10px!important
}

.lh-11 {
    line-height: 11px!important
}

.lh-12 {
    line-height: 12px!important
}

.lh-13 {
    line-height: 13px!important
}

.lh-14 {
    line-height: 14px!important
}

.lh-15 {
    line-height: 15px!important
}

.lh-16 {
    line-height: 16px!important
}

.lh-17 {
    line-height: 17px!important
}

.lh-18 {
    line-height: 18px!important
}

.lh-19 {
    line-height: 19px!important
}

.lh-20 {
    line-height: 20px!important
}

.lh-21 {
    line-height: 21px!important
}

.lh-22 {
    line-height: 22px!important
}

.lh-23 {
    line-height: 23px!important
}

.lh-24 {
    line-height: 24px!important
}

.lh-25 {
    line-height: 25px!important
}

.lh-26 {
    line-height: 26px!important
}

.lh-27 {
    line-height: 27px!important
}

.lh-28 {
    line-height: 28px!important
}

.lh-29 {
    line-height: 29px!important
}

.lh-30 {
    line-height: 30px!important
}

.lh-31 {
    line-height: 31px!important
}

.lh-32 {
    line-height: 32px!important
}

.lh-33 {
    line-height: 33px!important
}

.lh-34 {
    line-height: 34px!important
}

.lh-35 {
    line-height: 35px!important
}

.lh-36 {
    line-height: 36px!important
}

.lh-37 {
    line-height: 37px!important
}

.lh-38 {
    line-height: 38px!important
}

.lh-39 {
    line-height: 39px!important
}

.lh-40 {
    line-height: 40px!important
}

.lh-41 {
    line-height: 41px!important
}

.lh-42 {
    line-height: 42px!important
}

.lh-43 {
    line-height: 43px!important
}

.lh-44 {
    line-height: 44px!important
}

.lh-45 {
    line-height: 45px!important
}

.lh-46 {
    line-height: 46px!important
}

.lh-47 {
    line-height: 47px!important
}

.lh-48 {
    line-height: 48px!important
}

.lh-49 {
    line-height: 49px!important
}

.lh-50 {
    line-height: 50px!important
}

.lh-51 {
    line-height: 51px!important
}

.lh-52 {
    line-height: 52px!important
}

.lh-60 {
    line-height: 60px!important
}

@media (max-width:767px) {
    .lh-xs-6 {
        line-height: 6px!important
    }
    .lh-xs-7 {
        line-height: 7px!important
    }
    .lh-xs-8 {
        line-height: 8px!important
    }
    .lh-xs-9 {
        line-height: 9px!important
    }
    .lh-xs-10 {
        line-height: 10px!important
    }
    .lh-xs-11 {
        line-height: 11px!important
    }
    .lh-xs-12 {
        line-height: 12px!important
    }
    .lh-xs-13 {
        line-height: 13px!important
    }
    .lh-xs-14 {
        line-height: 14px!important
    }
    .lh-xs-15 {
        line-height: 15px!important
    }
    .lh-xs-16 {
        line-height: 16px!important
    }
    .lh-xs-17 {
        line-height: 17px!important
    }
    .lh-xs-18 {
        line-height: 18px!important
    }
    .lh-xs-19 {
        line-height: 19px!important
    }
    .lh-xs-20 {
        line-height: 20px!important
    }
    .lh-xs-21 {
        line-height: 21px!important
    }
    .lh-xs-22 {
        line-height: 22px!important
    }
    .lh-xs-23 {
        line-height: 23px!important
    }
    .lh-xs-24 {
        line-height: 24px!important
    }
    .lh-xs-25 {
        line-height: 25px!important
    }
    .lh-xs-26 {
        line-height: 26px!important
    }
    .lh-xs-27 {
        line-height: 27px!important
    }
    .lh-xs-28 {
        line-height: 28px!important
    }
    .lh-xs-29 {
        line-height: 29px!important
    }
    .lh-xs-30 {
        line-height: 30px!important
    }
    .lh-xs-31 {
        line-height: 31px!important
    }
    .lh-xs-32 {
        line-height: 32px!important
    }
    .lh-xs-33 {
        line-height: 33px!important
    }
    .lh-xs-34 {
        line-height: 34px!important
    }
    .lh-xs-35 {
        line-height: 35px!important
    }
    .lh-xs-36 {
        line-height: 36px!important
    }
    .lh-xs-37 {
        line-height: 37px!important
    }
    .lh-xs-38 {
        line-height: 38px!important
    }
    .lh-xs-39 {
        line-height: 39px!important
    }
    .lh-xs-40 {
        line-height: 40px!important
    }
    .lh-xs-41 {
        line-height: 41px!important
    }
    .lh-xs-42 {
        line-height: 42px!important
    }
    .lh-xs-43 {
        line-height: 43px!important
    }
    .lh-xs-44 {
        line-height: 44px!important
    }
    .lh-xs-45 {
        line-height: 45px!important
    }
    .lh-xs-46 {
        line-height: 46px!important
    }
    .lh-xs-47 {
        line-height: 47px!important
    }
    .lh-xs-48 {
        line-height: 48px!important
    }
    .lh-xs-49 {
        line-height: 49px!important
    }
    .lh-xs-50 {
        line-height: 50px!important
    }
    .lh-xs-51 {
        line-height: 51px!important
    }
    .lh-xs-52 {
        line-height: 52px!important
    }
    .lh-xs-60 {
        line-height: 60px!important
    }
}

@media (max-width:991px) and (min-width:768px) {
    .lh-sm-6 {
        line-height: 6px!important
    }
    .lh-sm-7 {
        line-height: 7px!important
    }
    .lh-sm-8 {
        line-height: 8px!important
    }
    .lh-sm-9 {
        line-height: 9px!important
    }
    .lh-sm-10 {
        line-height: 10px!important
    }
    .lh-sm-11 {
        line-height: 11px!important
    }
    .lh-sm-12 {
        line-height: 12px!important
    }
    .lh-sm-13 {
        line-height: 13px!important
    }
    .lh-sm-14 {
        line-height: 14px!important
    }
    .lh-sm-15 {
        line-height: 15px!important
    }
    .lh-sm-16 {
        line-height: 16px!important
    }
    .lh-sm-17 {
        line-height: 17px!important
    }
    .lh-sm-18 {
        line-height: 18px!important
    }
    .lh-sm-19 {
        line-height: 19px!important
    }
    .lh-sm-20 {
        line-height: 20px!important
    }
    .lh-sm-21 {
        line-height: 21px!important
    }
    .lh-sm-22 {
        line-height: 22px!important
    }
    .lh-sm-23 {
        line-height: 23px!important
    }
    .lh-sm-24 {
        line-height: 24px!important
    }
    .lh-sm-25 {
        line-height: 25px!important
    }
    .lh-sm-26 {
        line-height: 26px!important
    }
    .lh-sm-27 {
        line-height: 27px!important
    }
    .lh-sm-28 {
        line-height: 28px!important
    }
    .lh-sm-29 {
        line-height: 29px!important
    }
    .lh-sm-30 {
        line-height: 30px!important
    }
    .lh-sm-31 {
        line-height: 31px!important
    }
    .lh-sm-32 {
        line-height: 32px!important
    }
    .lh-sm-33 {
        line-height: 33px!important
    }
    .lh-sm-34 {
        line-height: 34px!important
    }
    .lh-sm-35 {
        line-height: 35px!important
    }
    .lh-sm-36 {
        line-height: 36px!important
    }
    .lh-sm-37 {
        line-height: 37px!important
    }
    .lh-sm-38 {
        line-height: 38px!important
    }
    .lh-sm-39 {
        line-height: 39px!important
    }
    .lh-sm-40 {
        line-height: 40px!important
    }
    .lh-sm-41 {
        line-height: 41px!important
    }
    .lh-sm-42 {
        line-height: 42px!important
    }
    .lh-sm-43 {
        line-height: 43px!important
    }
    .lh-sm-44 {
        line-height: 44px!important
    }
    .lh-sm-45 {
        line-height: 45px!important
    }
    .lh-sm-46 {
        line-height: 46px!important
    }
    .lh-sm-47 {
        line-height: 47px!important
    }
    .lh-sm-48 {
        line-height: 48px!important
    }
    .lh-sm-49 {
        line-height: 49px!important
    }
    .lh-sm-50 {
        line-height: 50px!important
    }
    .lh-sm-51 {
        line-height: 51px!important
    }
    .lh-sm-52 {
        line-height: 52px!important
    }
    .lh-sm-60 {
        line-height: 60px!important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .lh-md-6 {
        line-height: 6px!important
    }
    .lh-md-7 {
        line-height: 7px!important
    }
    .lh-md-8 {
        line-height: 8px!important
    }
    .lh-md-9 {
        line-height: 9px!important
    }
    .lh-md-10 {
        line-height: 10px!important
    }
    .lh-md-11 {
        line-height: 11px!important
    }
    .lh-md-12 {
        line-height: 12px!important
    }
    .lh-md-13 {
        line-height: 13px!important
    }
    .lh-md-14 {
        line-height: 14px!important
    }
    .lh-md-15 {
        line-height: 15px!important
    }
    .lh-md-16 {
        line-height: 16px!important
    }
    .lh-md-17 {
        line-height: 17px!important
    }
    .lh-md-18 {
        line-height: 18px!important
    }
    .lh-md-19 {
        line-height: 19px!important
    }
    .lh-md-20 {
        line-height: 20px!important
    }
    .lh-md-21 {
        line-height: 21px!important
    }
    .lh-md-22 {
        line-height: 22px!important
    }
    .lh-md-23 {
        line-height: 23px!important
    }
    .lh-md-24 {
        line-height: 24px!important
    }
    .lh-md-25 {
        line-height: 25px!important
    }
    .lh-md-26 {
        line-height: 26px!important
    }
    .lh-md-27 {
        line-height: 27px!important
    }
    .lh-md-28 {
        line-height: 28px!important
    }
    .lh-md-29 {
        line-height: 29px!important
    }
    .lh-md-30 {
        line-height: 30px!important
    }
    .lh-md-31 {
        line-height: 31px!important
    }
    .lh-md-32 {
        line-height: 32px!important
    }
    .lh-md-33 {
        line-height: 33px!important
    }
    .lh-md-34 {
        line-height: 34px!important
    }
    .lh-md-35 {
        line-height: 35px!important
    }
    .lh-md-36 {
        line-height: 36px!important
    }
    .lh-md-37 {
        line-height: 37px!important
    }
    .lh-md-38 {
        line-height: 38px!important
    }
    .lh-md-39 {
        line-height: 39px!important
    }
    .lh-md-40 {
        line-height: 40px!important
    }
    .lh-md-41 {
        line-height: 41px!important
    }
    .lh-md-42 {
        line-height: 42px!important
    }
    .lh-md-43 {
        line-height: 43px!important
    }
    .lh-md-44 {
        line-height: 44px!important
    }
    .lh-md-45 {
        line-height: 45px!important
    }
    .lh-md-46 {
        line-height: 46px!important
    }
    .lh-md-47 {
        line-height: 47px!important
    }
    .lh-md-48 {
        line-height: 48px!important
    }
    .lh-md-49 {
        line-height: 49px!important
    }
    .lh-md-50 {
        line-height: 50px!important
    }
    .lh-md-51 {
        line-height: 51px!important
    }
    .lh-md-52 {
        line-height: 52px!important
    }
    .lh-md-60 {
        line-height: 60px!important
    }
}

@media (max-width:1349px) and (min-width:1200px) {
    .lh-lg-6 {
        line-height: 6px!important
    }
    .lh-lg-7 {
        line-height: 7px!important
    }
    .lh-lg-8 {
        line-height: 8px!important
    }
    .lh-lg-9 {
        line-height: 9px!important
    }
    .lh-lg-10 {
        line-height: 10px!important
    }
    .lh-lg-11 {
        line-height: 11px!important
    }
    .lh-lg-12 {
        line-height: 12px!important
    }
    .lh-lg-13 {
        line-height: 13px!important
    }
    .lh-lg-14 {
        line-height: 14px!important
    }
    .lh-lg-15 {
        line-height: 15px!important
    }
    .lh-lg-16 {
        line-height: 16px!important
    }
    .lh-lg-17 {
        line-height: 17px!important
    }
    .lh-lg-18 {
        line-height: 18px!important
    }
    .lh-lg-19 {
        line-height: 19px!important
    }
    .lh-lg-20 {
        line-height: 20px!important
    }
    .lh-lg-21 {
        line-height: 21px!important
    }
    .lh-lg-22 {
        line-height: 22px!important
    }
    .lh-lg-23 {
        line-height: 23px!important
    }
    .lh-lg-24 {
        line-height: 24px!important
    }
    .lh-lg-25 {
        line-height: 25px!important
    }
    .lh-lg-26 {
        line-height: 26px!important
    }
    .lh-lg-27 {
        line-height: 27px!important
    }
    .lh-lg-28 {
        line-height: 28px!important
    }
    .lh-lg-29 {
        line-height: 29px!important
    }
    .lh-lg-30 {
        line-height: 30px!important
    }
    .lh-lg-31 {
        line-height: 31px!important
    }
    .lh-lg-32 {
        line-height: 32px!important
    }
    .lh-lg-33 {
        line-height: 33px!important
    }
    .lh-lg-34 {
        line-height: 34px!important
    }
    .lh-lg-35 {
        line-height: 35px!important
    }
    .lh-lg-36 {
        line-height: 36px!important
    }
    .lh-lg-37 {
        line-height: 37px!important
    }
    .lh-lg-38 {
        line-height: 38px!important
    }
    .lh-lg-39 {
        line-height: 39px!important
    }
    .lh-lg-40 {
        line-height: 40px!important
    }
    .lh-lg-41 {
        line-height: 41px!important
    }
    .lh-lg-42 {
        line-height: 42px!important
    }
    .lh-lg-43 {
        line-height: 43px!important
    }
    .lh-lg-44 {
        line-height: 44px!important
    }
    .lh-lg-45 {
        line-height: 45px!important
    }
    .lh-lg-46 {
        line-height: 46px!important
    }
    .lh-lg-47 {
        line-height: 47px!important
    }
    .lh-lg-48 {
        line-height: 48px!important
    }
    .lh-lg-49 {
        line-height: 49px!important
    }
    .lh-lg-50 {
        line-height: 50px!important
    }
    .lh-lg-51 {
        line-height: 51px!important
    }
    .lh-lg-52 {
        line-height: 52px!important
    }
    .lh-lg-60 {
        line-height: 60px!important
    }
}

.nowrap {
    white-space: nowrap
}

.wrapnormal {
    white-space: normal
}

.cust-infobox-cont,
.selfcare__tabs__submenu__list li {
    position: relative
}

.cust-infobox-cont .cust-infobox {
    display: none;
    max-width: 240px;
    padding: 0 15px;
    border-radius: 4px;
    background-color: #eaeaea;
    color: #7c7c7c
}

.cust-infobox-cont .cust-infobox.infobox-top {
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 15px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cust-infobox-cont .cust-infobox.infobox-left.border-grey,
.cust-infobox-cont .cust-infobox.infobox-top.border-grey {
    border: 1px solid #7c7c7c
}

.cust-infobox-cont .cust-infobox.infobox-top.border-grey:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: -11px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #7c7c7c transparent transparent transparent
}

.cust-infobox-cont .cust-infobox.infobox-left {
    position: absolute;
    z-index: 1;
    left: calc(100% + 15px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cust-infobox-cont .cust-infobox.arrow-bottom:after,
.cust-infobox-cont .cust-infobox.infobox-left.border-grey:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: -11px;
    margin: auto;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11px 11px 0;
    border-color: transparent #7c7c7c transparent transparent
}

.cust-infobox-cont .cust-infobox.infobox-left-sm-top {
    position: absolute;
    z-index: 1
}

@media (max-width:991px) {
    .cust-infobox-cont .cust-infobox.infobox-left-sm-top {
        bottom: calc(100% + 15px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .cust-infobox-cont .cust-infobox.infobox-left-sm-top.border-grey {
        border: 1px solid #7c7c7c
    }
    .cust-infobox-cont .cust-infobox.infobox-left-sm-top.border-grey:before {
        content: "";
        position: absolute;
        top: auto;
        bottom: -11px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 11px 0;
        border-color: #7c7c7c transparent transparent transparent
    }
}

@media (min-width:992px) {
    .cust-infobox-cont .cust-infobox.infobox-left-sm-top {
        left: calc(100% + 15px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .cust-infobox-cont .cust-infobox.infobox-left-sm-top.border-grey {
        border: 1px solid #7c7c7c
    }
    .cust-infobox-cont .cust-infobox.infobox-left-sm-top.border-grey:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: auto;
        left: -11px;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 11px 11px 0;
        border-color: transparent #7c7c7c transparent transparent
    }
}

.cust-infobox-cont .cust-infobox.infobox-right-sm-top {
    position: absolute;
    z-index: 1
}

@media (max-width:991px) {
    .cust-infobox-cont .cust-infobox.infobox-right-sm-top {
        bottom: calc(100% + 15px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .cust-infobox-cont .cust-infobox.infobox-right-sm-top.border-grey {
        border: 1px solid #7c7c7c
    }
    .cust-infobox-cont .cust-infobox.infobox-right-sm-top.border-grey:before {
        content: "";
        position: absolute;
        top: auto;
        bottom: -11px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 11px 0;
        border-color: #7c7c7c transparent transparent transparent
    }
}

@media (min-width:992px) {
    .cust-infobox-cont .cust-infobox.infobox-right-sm-top {
        right: calc(100% + 15px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .cust-infobox-cont .cust-infobox.infobox-right-sm-top.border-grey {
        border: 1px solid #7c7c7c
    }
    .cust-infobox-cont .cust-infobox.infobox-right-sm-top.border-grey:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -11px;
        left: auto;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 0 11px 11px;
        border-color: transparent transparent transparent #7c7c7c
    }
}

.cust-infobox-cont .cust-infobox.arrow-bottom:after {
    top: auto;
    bottom: -10px;
    right: 0;
    left: 0;
    border-width: 10px 10px 0;
    border-color: #eaeaea transparent transparent transparent
}

.cust-infobox-cont .cust-infobox.arrow-left:after,
.cust-infobox-cont .cust-infobox.arrow-right:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: -10px;
    margin: auto;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #eaeaea transparent transparent
}

.cust-infobox-cont .cust-infobox.arrow-right:after {
    right: -10px;
    left: auto;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #eaeaea
}

@media (max-width:991px) {
    .cust-infobox-cont .cust-infobox.arrow-left-sm-top:after {
        content: "";
        position: absolute;
        top: auto;
        bottom: -10px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0;
        border-color: #eaeaea transparent transparent transparent
    }
}

@media (min-width:992px) {
    .cust-infobox-cont .cust-infobox.arrow-left-sm-top:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: auto;
        left: -10px;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #eaeaea transparent transparent
    }
}

@media (max-width:991px) {
    .cust-infobox-cont .cust-infobox.arrow-right-sm-top:after {
        content: "";
        position: absolute;
        top: auto;
        bottom: -10px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0;
        border-color: #eaeaea transparent transparent transparent
    }
}

@media (min-width:992px) {
    .cust-infobox-cont .cust-infobox.arrow-right-sm-top:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -10px;
        left: auto;
        margin: auto;
        z-index: 2;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #eaeaea
    }
}

.grad-blue-3way {
    background: #20b2eb;
    background: linear-gradient(to right, #20b2eb 0%, #1a63b0 50%, #20b2eb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$colorGradientBlueToDarkerLightest', endColorstr='$colorGradientBlueToDarkerDarkest', GradientType=1)
}

.steps-wrap,
.steps-wrap-white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border: 1px solid #d0d0ce
}

.steps-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    width: calc(100% - 20px);
    background-color: #97c14e
}

.steps-wrap .single-step {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 4px 30px 4px 20px;
    text-align: center;
    border-right: 1px solid #d0d0ce;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50px
}

.steps-wrap .single-step.active,
.steps-wrap .single-step.completed {
    color: #fff;
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%)
}

.steps-wrap .single-step.active {
    background: #20b2eb;
    background: linear-gradient(to right, #20b2eb 0%, #1a63b0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$colorGradientBlueToDarkerLightest', endColorstr='$colorGradientBlueToDarkerDarkest', GradientType=1);
    z-index: 1
}

.steps-wrap .single-step.completed {
    background: #97c14e;
    background: linear-gradient(to right, #97c14e 0%, #41ad49 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$colorGradientGreenToDarkerLightest', endColorstr='$colorGradientGreenToDarkerDarkest', GradientType=1);
    z-index: 2;
    margin-right: -20px
}

.steps-wrap .single-step.completed+.single-step.active {
    padding-left: 40px
}

.steps-wrap .single-step.completed+.single-step.completed {
    z-index: 0
}

.steps-wrap .single-step:last-child {
    clip-path: polygon(20px 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(20px 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    border-right: 0
}

.steps-wrap.completed {
    background: #97c14e;
    background: linear-gradient(to right, #97c14e 0%, #41ad49 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$colorGradientGreenToDarkerLightest', endColorstr='$colorGradientGreenToDarkerDarkest', GradientType=1)
}

.steps-wrap.completed .single-step {
    color: #fff;
    font-weight: 700
}

.steps-wrap-white.completed .single-step:after,
.steps-wrap-white.completed .single-step:before,
.steps-wrap.completed .single-step:after,
.steps-wrap.completed .single-step:before {
    content: none
}

.steps-wrap-white.completed .single-step:last-child,
.steps-wrap.completed .single-step:last-child {
    border-right: none
}

.steps-wrap-white::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    width: calc(100% - 20px);
    background-color: #fff
}

.steps-wrap-white .single-step {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 4px 30px 4px 20px;
    text-align: center;
    border-right: 1px solid #d0d0ce;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50px
}

.steps-wrap-white .single-step.active {
    background: #20b2eb;
    background: linear-gradient(to right, #20b2eb 0%, #1a63b0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$colorGradientBlueToDarkerLightest', endColorstr='$colorGradientBlueToDarkerDarkest', GradientType=1);
    color: #fff;
    z-index: 1
}

.steps-wrap-white .single-step.active,
.steps-wrap-white .single-step.completed {
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%)
}

.steps-wrap-white .single-step.completed+.single-step.active {
    padding-left: 40px
}

.steps-wrap-white .single-step.completed+.single-step.completed {
    z-index: 0
}

.steps-wrap-white .single-step.completed,
.steps-wrap-white .single-step.completed-no-triangle {
    background: #d4e1ee;
    color: #000;
    z-index: 2;
    margin-right: -20px
}

.steps-wrap-white .single-step.completed-no-triangle+.single-step.active {
    padding-left: 40px
}

.steps-wrap-white .single-step.completed-no-triangle+.single-step.completed {
    z-index: 0
}

.steps-wrap-white .single-step:last-child {
    clip-path: polygon(20px 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(20px 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    border-right: 0
}

.steps-wrap-white.completed {
    background: #97c14e;
    background: linear-gradient(to right, #97c14e 0%, #41ad49 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$colorGradientGreenToDarkerLightest', endColorstr='$colorGradientGreenToDarkerDarkest', GradientType=1)
}

.steps-wrap-white.completed .single-step {
    color: #fff;
    font-weight: 700
}

.selfcare__tabs {
    position: relative;
    margin: 20px 0 0
}

@media (min-width:768px) {
    .selfcare__tabs {
        margin: 30px 0 20px
    }
}

.selfcare__tabs__labels {
    display: none
}

@media (min-width:768px) {
    .selfcare__tabs__labels {
        display: block
    }
}

.selfcare__tabs__labels__item {
    padding: 10px 20px;
    display: inline-block;
    background-color: #b1b1b3;
    color: #fff
}

@media (min-width:768px) {
    .selfcare__tabs__labels__item {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        min-width: 190px;
        text-align: center
    }
}

.paginator>div .page_link.active a:active,
.paginator>div .page_link.active a:focus,
.paginator>div .page_link.active a:hover,
.paginator>div .page_link.active a:visited,
.selfcare__tabs__labels__item:active,
.selfcare__tabs__labels__item:focus,
.selfcare__tabs__labels__item:hover,
.selfcare__tabs__labels__item:visited {
    color: #fff
}

.selfcare__tabs__labels__item:not(:first-child) {
    margin-left: -3px
}

.selfcare__tabs__labels__item--active {
    background-color: #509e2f
}

.selfcare__tabs__labels .ovalShapedItem {
    background-color: #e0e0e0;
    border-radius: 100px;
    border: none;
    font-size: 14px;
    color: #000!important;
    margin: 0 0 8px 10px;
    padding: 8px 0 10px
}

.selfcare__tabs__labels .ovalShapedItem:active,
.selfcare__tabs__labels .ovalShapedItem:hover {
    background-color: #b1b1b3;
    color: #000
}

.selfcare__tabs__labels .ovalShapedItem:first-child,
.selfcare__tabs__labels .ovalShapedItem:last-child {
    padding-right: 15px
}

.selfcare__tabs__labels .ovalShapedItem .badgeOvalShapedItem {
    position: relative;
    margin-right: 6px;
    width: 22px;
    height: 22px;
    line-height: 23px;
    border-radius: 50%;
    color: #fff;
    background: #3d5265;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.selfcare__tabs__labels .ovalShapedItem .icon-png-my-notifications,
.selfcare__tabs__labels .ovalShapedItem .icon-png-my-orders,
.selfcare__tabs__labels .ovalShapedItem .icon-png-my-profile {
    background-size: cover;
    width: 13px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 15px
}

.selfcare__tabs__labels .ovalShapedItem .icon-png-my-orders {
    background-image: url(../images/my-orders-icon.png)
}

.selfcare__tabs__labels .ovalShapedItem .icon-png-my-notifications {
    background-image: url(../images/my-notifications-icon.png)
}

.selfcare__tabs__labels .ovalShapedItem .icon-png-my-profile {
    background-image: url(../images/my-profile-icon.png)
}

@media (max-width:991px) and (min-width:768px) {
    .selfcare__tabs__labels .ovalShapedItem {
        font-size: 11px;
        margin-left: 0;
        padding: 8px 5px 10px 10px
    }
    .selfcare__tabs__labels .ovalShapedItem .icon-png-my-notifications,
    .selfcare__tabs__labels .ovalShapedItem .icon-png-my-orders,
    .selfcare__tabs__labels .ovalShapedItem .icon-png-my-profile {
        display: none
    }
    .selfcare__tabs__labels .ovalShapedItem:first-child,
    .selfcare__tabs__labels .ovalShapedItem:last-child {
        padding-right: 10px
    }
    .selfcare__tabs__labels .ovalShapedItem .badgeOvalShapedItem {
        margin-right: 0
    }
    .selfcare__tabs__labels .ovalShapedItem .pr-10 {
        padding-right: 5px!important
    }
}

.selfcare__tabs__switch {
    border: 1px solid #d0d0ce;
    border-radius: 4px;
    padding: 4px;
    color: #d0d0ce
}

.selfcare__tabs__switch a {
    display: inline-block;
    font-size: 12px;
    width: 49.5%;
    text-align: center;
    color: #374148!important;
    line-height: 34px
}

.selfcare__tabs__switch a.active {
    color: #fff!important;
    background-color: #509e2f;
    border-radius: 4px
}

.selfcare__tabs__switchmenu {
    padding: 10px 15px 5px;
    background-color: #f9f9f9;
    border-top: solid 5px #97d700;
    text-align: center
}

.selfcare__tabs__switchmenu a.mobileOvalShaped {
    font-size: 13px;
    display: inline-block;
    text-align: center;
    color: #000!important;
    background-color: #e0e0e0;
    border-radius: 100px;
    margin-bottom: 5px;
    width: 30%;
    line-height: 34px
}

.selfcare__tabs__switchmenu a:active,
.selfcare__tabs__switchmenu a:hover {
    background-color: #b1b1b3;
    color: #000
}

.selfcare__tabs__switchmenu a .icon-png-my-notifications,
.selfcare__tabs__switchmenu a .icon-png-my-orders,
.selfcare__tabs__switchmenu a .icon-png-my-profile {
    background-size: cover;
    width: 18px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.selfcare__tabs__switchmenu a .icon-png-my-orders {
    background-image: url(../images/my-orders-icon.png)
}

.selfcare__tabs__switchmenu a .icon-png-my-notifications {
    background-image: url(../images/my-notifications-icon.png)
}

.selfcare__tabs__switchmenu a .icon-png-my-profile {
    background-image: url(../images/my-profile-icon.png)
}

.selfcare__tabs__switchmenu a .badgeOvalShapedItem {
    position: relative;
    margin-left: 1px;
    width: 22px;
    height: 22px;
    line-height: 23px;
    border-radius: 50%;
    color: #fff;
    background: #3d5265;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.selfcare__tabs__mobilecontainer__header {
    height: 63px;
    line-height: 63px;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    border: solid 1px #eaeaea;
    color: #509e2f;
    position: relative
}

.selfcare__tabs__mobilecontainer__header span {
    padding-left: 20px
}

.selfcare__tabs__mobilecontainer__header i {
    position: absolute;
    right: 20px;
    top: 24px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 200ms ease-in-out
}

.selfcare__tabs__mobilecontainer__mobilemenu {
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative
}

.selfcare__tabs__mobilecontainer__mobilemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.selfcare__tabs__mobilecontainer__mobilemenu ul li {
    color: #fff;
    background: #374148;
    border-bottom: 1px solid #fff
}

.selfcare__tabs__mobilecontainer__mobilemenu ul li a {
    color: #fff;
    display: block;
    padding: 20px 30px;
    position: relative
}

@media (min-width:768px) {
    .selfcare__tabs__mobilecontainer__mobilemenu ul li a {
        min-width: 320px
    }
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li a:after,
.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li a:before,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li a:after,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li a:before,
.selfcare__tabs__mobilecontainer__mobilemenu ul li a:after,
.selfcare__tabs__mobilecontainer__mobilemenu ul li a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'cosmote'!important
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li a:after,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li a:after,
.selfcare__tabs__mobilecontainer__mobilemenu ul li a:after {
    right: 22px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li a:before,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li a:before,
.selfcare__tabs__mobilecontainer__mobilemenu ul li a:before {
    left: 22px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__over>a:after,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__over>a:after,
.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__over>a:after {
    content: "\e933";
    height: 23px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside .menu-mobile__submenu__third-level li,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside .menu-mobile__submenu__third-level li,
.selfcare__tabs__contents__list__item:hover a,
.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__back {
    background-color: #3d5265
}

.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__back>a,
.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__first-level li a,
.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__fourth-level li a,
.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__second-level li a,
.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__third-level li a {
    padding: 20px 60px
}

.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__back>a:before {
    content: "\e90a";
    height: 23px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__accordion>a:after,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__accordion>a:after,
.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__accordion>a:after {
    content: "+";
    height: 32px;
    font-size: 22px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__accordion.accordion_open>a:after,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__accordion.accordion_open>a:after,
.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__accordion.accordion_open>a:after {
    content: "–"
}

.selfcare__tabs__mobilecontainer__mobilemenu ul li.menu-mobile__submenu__accordion .menu-mobile__submenu__accordion-container {
    padding-left: 30px;
    padding-top: 0
}

.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__first-level {
    position: absolute;
    top: 0;
    z-index: 2;
    background-color: #3d5265
}

.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__second-level {
    position: absolute;
    top: 0;
    z-index: 3;
    background-color: #3d5265
}

.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__third-level {
    position: absolute;
    top: 0;
    z-index: 4;
    background-color: #3d5265
}

.selfcare__tabs__mobilecontainer__mobilemenu ul.menu-mobile__submenu__fourth-level {
    position: absolute;
    top: 0;
    z-index: 5;
    background-color: #3d5265
}

.selfcare__tabs__mobilecontainer.open .selfcare__tabs__mobilecontainer__header i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.selfcare__tabs__contents {
    background-color: #a0d933;
    color: #fff;
    height: 5px;
    overflow: hidden;
    padding: 2px 0
}

@media (min-width:768px) {
    .selfcare__tabs__contents {
        background-color: #509e2f;
        padding: 0;
        height: auto;
        overflow: visible
    }
    .selfcare__tabs__contents--active {
        height: auto
    }
    .selfcare__tabs__contents--active li a {
        padding: 20px 0
    }
}

.selfcare__tabs__contents--closed {
    background-color: #a0d933;
    color: #fff;
    height: 5px;
    overflow: hidden;
    padding: 2px 0;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .selfcare__tabs__contents--closed {
        background-color: #509e2f;
        padding: 0;
        height: 3px;
        margin-bottom: 0
    }
}

.selfcare__tabs__contents__list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 20px
}

.selfcare__tabs__contents__list--active {
    display: none
}

@media (min-width:768px) {
    .selfcare__tabs__contents__list--active {
        display: block
    }
}

.selfcare__tabs__contents__list__item {
    min-width: 140px;
    display: inline-block;
    text-align: center
}

@media (min-width:992px) {
    .selfcare__tabs__contents__list__item {
        min-width: 160px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .selfcare__tabs__contents__list__item {
        min-width: 130px
    }
}

.selfcare__tabs__contents__list__item a {
    display: block;
    padding: 20px 0;
    color: #fff!important
}

.selfcare__tabs__contents__list__item a.first-click-submenu span {
    text-decoration: underline!important
}

.selfcare__tabs__contents__list__item a.first-click-submenu i {
    text-decoration: none!important
}

.selfcare__tabs__contents__list__item i {
    font-size: 13px;
    position: relative;
    top: -1px;
    margin-left: 3px
}

.selfcare__tabs__more {
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .selfcare__tabs__more {
        position: absolute;
        top: -10px;
        right: 0;
        margin-bottom: 0;
        width: auto
    }
}

.selfcare__tabs .notifications__badge {
    position: absolute;
    top: auto;
    bottom: -20px;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}

@media (min-width:768px) {
    .selfcare__tabs .notifications__badge {
        top: -5px;
        right: 0;
        bottom: auto;
        box-shadow: 0 0 0 transparent
    }
}

.selfcare__tabs__submenu__list {
    position: absolute;
    top: 100%;
    z-index: 500;
    background-color: #3d5265;
    margin: 0;
    padding: 10px 5px;
    min-width: 200px;
    display: none
}

@media (min-width:992px) {
    .selfcare__tabs__submenu__list {
        min-width: 250px
    }
}

.selfcare__tabs__submenu__list li a {
    padding: 8px 0
}

@media (max-width:991px) and (min-width:768px) {
    .selfcare__tabs__submenu__list {
        padding: 10px 20px 10px 5px
    }
}

.selfcare__tabs__submenu__list--block {
    min-width: 200px
}

@media (min-width:992px) {
    .selfcare__tabs__submenu__list--block {
        min-width: 250px
    }
}

.selfcare__tabs__submenu__list--block--withtitle .selfcare__tabs__submenu__item {
    margin-left: 15px
}

@media (min-width:992px) {
    .selfcare__tabs__submenu__list--block--withtitle .selfcare__tabs__submenu__item {
        margin-left: 30px
    }
}

.selfcare__tabs__submenu__list--block--withtitle .selfcare__tabs__submenu__item--first {
    margin-left: 0
}

.selfcare__tabs__submenu__list--third {
    background: #374148;
    list-style: none;
    margin: 0;
    padding: 5px 20px;
    min-width: 200px;
    position: absolute;
    top: -1px;
    left: 100%;
    display: none
}

.selfcare__tabs__submenu__list--third .selfcare__tabs__submenu__item--third {
    border-bottom: 1px solid #fff
}

.selfcare__tabs__submenu__list--third .selfcare__tabs__submenu__item--third--last {
    border-bottom: none
}

.selfcare__tabs__submenu__list--third li a {
    background: #374148!important
}

.selfcare__tabs__submenu__list--third li a:hover {
    background: #374148
}

@media (max-width:991px) and (min-width:768px) {
    .selfcare__tabs__submenu__list--third {
        top: calc(100% + 1px);
        left: -35px;
        right: 0;
        min-width: calc(100% + 70px)
    }
}

.selfcare__tabs__contents__list__item:hover>.selfcare__tabs__submenu__list,
.selfcare__tabs__submenu__list li:hover .selfcare__tabs__submenu__list--third {
    display: block
}

.selfcare__tabs__submenu__item {
    list-style: none;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #fff
}

.selfcare__tabs__submenu__item a {
    padding: 7px 0;
    font-size: 14px
}

.selfcare__tabs__submenu__item i {
    float: right;
    top: 5px;
    position: relative
}

.selfcare__tabs__submenu__item--first,
.selfcare__tabs__submenu__item--last {
    border-bottom: none
}

.selfcare__tabs__submenu__item--first i {
    float: none;
    top: -2px
}

.selfcare__tabs__contents__list__item:hover .blue__dot {
    color: #509e2f
}

.onload-modal__content--alert .dropdown__container--toggle {
    padding: 0 10px!important
}

.onload-modal__content--alert .dropdown__container--toggle.normal {
    padding: 10px 12px!important
}

.tabs-modal-container .tab-list {
    padding-left: 0;
    margin-top: 0
}

.tabs-modal-container .tab-list li {
    height: 50px;
    border-radius: 90px;
    border: 1px solid #374148;
    color: #374148;
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
    display: block
}

.tabs-modal-container .tab-list li.current,
.tabs-modal-container .tab-list li:hover {
    border: 1px solid gray;
    color: gray
}

.tabs-modal-container .tab-list li .label-container {
    display: table-cell;
    vertical-align: middle;
    height: 50px
}

.tabs-modal-container .tab-list li span {
    font-size: 19px
}

.tabs-modal-container .tab-list li .icon-caret-right,
.tabs-modal-container .tab-list li .slick-next:before {
    position: absolute;
    right: 10px;
    top: 25px
}

.cookiesOutside {
    background-color: #eaeaea!important
}

.cookiesInside {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px
}

.cookie-modal-content {
    display: none;
    padding-top: 20px
}

.cookie-modal-content.current {
    display: block!important
}

.cookie-modal-content .content-text {
    max-height: 380px;
    overflow: auto;
    margin-bottom: 20px
}

.slider-checkbox {
    position: relative
}

.slider-checkbox input {
    margin: 1px 0 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: red;
    width: 40px;
    height: 20px
}

.slider-checkbox input:checked+.label:before {
    background-color: #509e2f;
    content: "\f00c";
    padding-left: 6px
}

.slider-checkbox input:checked+.label:after {
    left: 21px
}

.slider-checkbox .label {
    position: relative;
    padding-left: 46px
}

.slider-checkbox .label:after,
.slider-checkbox .label:before {
    position: absolute;
    transition: background-color .3s, left .3s
}

.slider-checkbox .label:after {
    border-radius: 10px
}

.slider-checkbox .label:before {
    content: "\f00d";
    color: #fff;
    box-sizing: border-box;
    font-family: 'FontAwesome', sans-serif;
    padding-left: 23px;
    font-size: 0;
    line-height: 20px;
    background-color: #888;
    left: 0;
    top: 0;
    height: 20px;
    width: 40px;
    border-radius: 10px
}

.slider-checkbox .label:after {
    content: "";
    letter-spacing: 20px;
    background: #fff;
    left: 1px;
    top: 1px;
    height: 18px;
    width: 18px
}

.personal-info-wrap,
.terms-box {
    padding-bottom: 30px;
    border-radius: 6px;
    border: solid 1px #d0d0ce;
    margin-top: 20px;
    position: relative;
    overflow: hidden
}

.personal-info-wrap .personal-info-title {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 20px 20px 0
}

.personal-info-wrap .border-left-box {
    border-left: solid 1px #ececec
}

.personal-info-wrap .title-section {
    color: #374148;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0 5px 20px
}

@media (max-width:767px) {
    .personal-info-wrap .title-section {
        max-width: 250px
    }
}

.personal-info-wrap .inline-block-col {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    word-break: break-word
}

@media (max-width:767px) {
    .personal-info-wrap .inline-block-col {
        display: inline-block;
        vertical-align: top;
        word-break: break-word
    }
}

@media (max-width:991px) and (min-width:768px) {
    .personal-info-wrap .inline-block-sm {
        display: block;
        width: 50%;
        float: right
    }
    .personal-info-wrap .resize-div-sm {
        width: 50%!important
    }
}

.personal-info-wrap .info-row {
    padding: 0 5px
}

.personal-info-wrap .info-row .info-row-label {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 20px
}

.personal-info-wrap .info-row .info-row-value {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700
}

.personal-info-wrap .info-row .info-row-text {
    color: #2a3238;
    font-size: 14px;
    line-height: 18px;
    display: block
}

.personal-info-wrap .info-row .info-row-text-bold {
    color: #2a3238;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media (max-width:767px) {
    .personal-info-wrap .info-row.inline-block-col {
        width: 100%;
        margin-bottom: 5px
    }
}

.terms-box .terms-title {
    margin: 0;
    padding: 20px;
    font-size: 18px;
    color: #374148
}

.terms-box .textarea-terms {
    resize: none;
    width: 100%;
    border: none;
    padding: 0 20px
}

.registration-container {
    position: relative
}

.registration-container:after,
.registration-container:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50%;
    position: absolute;
    height: 760px;
    top: 0;
    z-index: -1
}

.registration-container:before {
    left: 0;
    background-image: url(../images/bg-green-dec.png);
    background-position-x: left
}

.registration-container:after {
    background-image: url(../images/bg-blue-dec1.png);
    background-position-x: right;
    right: 0
}

@media (max-width:1199px) {
    .registration-container:after,
    .registration-container:before {
        width: 0
    }
}

.registration-container .title-registration {
    font-size: 30px
}

@media (max-width:767px) {
    .registration-container .title-registration {
        margin-top: 0!important
    }
}

.registration-container .sub-title {
    font-size: 24px
}

.registration-container .or-container {
    text-align: center;
    padding-top: 15px
}

@media (max-width:991px) {
    .registration-container .or-container {
        padding-bottom: 15px
    }
}

.registration-container .or-container span {
    font-size: 13px;
    font-weight: 400;
    color: #b1b1b3;
    width: 100%;
    display: block
}

.registration-container .middle-separator {
    text-align: center
}

@media (max-width:767px) {
    .registration-container .middle-separator {
        padding-top: 40px
    }
}

.registration-container .middle-separator .separation-line {
    width: 5px;
    height: 130px;
    background-color: #ccc;
    display: block;
    margin: 0 auto
}

@media (max-width:991px) {
    .registration-container .middle-separator .separation-line {
        height: 100px
    }
}

@media (max-width:767px) {
    .registration-container .middle-separator .separation-line {
        height: 1px;
        width: 45%;
        display: block;
        float: left
    }
}

.registration-container .middle-separator span {
    font-size: 13px;
    font-weight: 700;
    color: #374148;
    display: block;
    padding: 20px 0
}

@media (max-width:767px) {
    .registration-container .middle-separator span {
        width: 10%;
        float: left;
        padding-top: 0;
        margin-top: -10px
    }
}

.registration-container .continue-guest {
    display: table-cell;
    vertical-align: top;
    width: 450px;
    height: 190px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

@media (max-width:767px) {
    .registration-container .continue-guest {
        padding-bottom: 20px!important;
        height: auto
    }
}

.registration-container .checkout-button {
    display: block;
    margin: 0 auto
}

.registration-container .continue-guest_new {
    display: table-cell;
    vertical-align: top;
    width: 450px;
    height: 242px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

@media (max-width:767px) {
    .registration-container .continue-guest_new {
        padding-bottom: 20px!important;
        height: auto
    }
}

.registration-container .login-button {
    display: block;
    margin: 0 auto
}

@media (max-width:767px) {
    .registration-container .login-button {
        margin-top: 0!important
    }
}

.registration-container .column-login {
    margin-top: 130px
}

@media (max-width:992px) {
    .registration-container .column-login {
        margin-top: 250px
    }
}

@media (max-width:767px) {
    .registration-container .column-login {
        margin-top: 0
    }
}

.login-title-1 {
    font-size: 30px;
    padding-top: 30px
}

@media (max-width:767px) {
    .login-title-1 {
        font-size: 25px;
        padding-top: 0;
        line-height: 1
    }
}

.header__menu-bar__list__item--cart .icon-triangle-up,
.header__mobile__cart .icon-triangle-up {
    position: absolute!important;
    height: 20px;
    top: 47px!important;
    right: 45px;
    font-size: 15px!important
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .icon-triangle-up,
    .header__mobile__cart .icon-triangle-up {
        right: 80px
    }
}

.header__menu-bar__list__item--cart .mini-cart-container,
.header__mobile__cart .mini-cart-container {
    width: 540px;
    position: absolute;
    right: 0;
    top: 59px;
    background-color: #fff;
    color: #3d5265;
    box-shadow: 0 0 0 2px rgba(55, 65, 72, .08);
    padding-bottom: 10px;
    z-index: 1005
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .mini-cart-container,
    .header__mobile__cart .mini-cart-container {
        width: 100%
    }
}

.header__menu-bar__list__item--cart .mini-cart-container .cart-header,
.header__mobile__cart .mini-cart-container .cart-header {
    font-weight: 400;
    height: 50px
}

.header__menu-bar__list__item--cart .mini-cart-container .cart-header ul,
.header__mobile__cart .mini-cart-container .cart-header ul {
    list-style: none;
    font-size: 12px;
    float: right;
    margin: 0 50px 0 0;
    padding-top: 15px
}

.header__menu-bar__list__item--cart .mini-cart-container .cart-header ul li,
.header__mobile__cart .mini-cart-container .cart-header ul li {
    display: block;
    float: left
}

.header__menu-bar__list__item--cart .mini-cart-container .cart-header ul li:first-child,
.header__mobile__cart .mini-cart-container .cart-header ul li:first-child {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #3d5265
}

.header__menu-bar__list__item--cart .mini-cart-container .cart-header div,
.header__mobile__cart .mini-cart-container .cart-header div {
    font-size: 12px;
    line-height: 18px;
    position: relative;
    margin-top: 15px;
    text-align: left
}

.header__menu-bar__list__item--cart .mini-cart-container .cart-header div:first-child,
.header__mobile__cart .mini-cart-container .cart-header div:first-child {
    border-right: 1px solid #3d5265;
    margin-left: 265px;
    text-align: right
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .mini-cart-container .cart-header div:first-child,
    .header__mobile__cart .mini-cart-container .cart-header div:first-child {
        margin-left: 46.5%
    }
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container,
.header__mobile__cart .mini-cart-container .product-total-container {
    border-top: 2px solid #ececec;
    text-align: left;
    width: 100%;
    display: block
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .mini-cart-container .product-total-container,
    .header__mobile__cart .mini-cart-container .product-total-container {
        width: auto
    }
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .second-column,
.header__mobile__cart .mini-cart-container .product-total-container .second-column {
    height: 50px!important
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .total-title,
.header__mobile__cart .mini-cart-container .product-total-container .total-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .total,
.header__mobile__cart .mini-cart-container .product-total-container .total {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: block
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .mini-cart-container .product-total-container .total,
    .header__mobile__cart .mini-cart-container .product-total-container .total {
        font-size: 16px
    }
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .total sup,
.header__mobile__cart .mini-cart-container .product-total-container .total sup {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #509e2f
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .product-data-container,
.header__mobile__cart .mini-cart-container .product-total-container .product-data-container {
    padding-bottom: 0
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .custom-margin-total,
.header__mobile__cart .mini-cart-container .product-total-container .custom-margin-total {
    margin-left: calc(16.66667% + 20px)
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .custom-margin-total .product-line:first-child,
.header__mobile__cart .mini-cart-container .product-total-container .custom-margin-total .product-line:first-child {
    padding-left: 3px
}

.header__menu-bar__list__item--cart .mini-cart-container .product-total-container .custom-margin-total .product-line:nth-child(even),
.header__mobile__cart .mini-cart-container .product-total-container .custom-margin-total .product-line:nth-child(even) {
    background: #f3f3f3
}

.header__menu-bar__list__item--cart .product-container,
.header__mobile__cart .product-container {
    width: 100%;
    text-align: left;
    overflow: hidden
}

.header__menu-bar__list__item--cart .product-container .product-header,
.header__mobile__cart .product-container .product-header {
    position: relative
}

.header__menu-bar__list__item--cart .product-container .product-header .product-details,
.header__mobile__cart .product-container .product-header .product-details {
    display: block;
    float: left;
    width: 498px;
    margin-right: 2px;
    border-top: 1px solid #d0d0ce;
    padding-left: 20px;
    position: relative;
    margin-bottom: 20px;
    z-index: 3
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .product-container .product-header .product-details,
    .header__mobile__cart .product-container .product-header .product-details {
        width: 100%
    }
}

.header__menu-bar__list__item--cart .product-container .product-header .product-details .product-title,
.header__mobile__cart .product-container .product-header .product-details .product-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: -10px;
    display: block
}

.header__menu-bar__list__item--cart .product-container .product-header .product-details .product-title-underline,
.header__mobile__cart .product-container .product-header .product-details .product-title-underline {
    background-color: #a0d933;
    width: 25px;
    height: 6px;
    display: block;
    border-radius: 6px;
    margin-top: -15px
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close,
.header__mobile__cart .product-container .product-header .product-close {
    display: block;
    float: left;
    width: 40px;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button,
.header__mobile__cart .product-container .product-header .product-close .close-button {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #a0d933;
    cursor: pointer;
    position: relative
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close,
.header__mobile__cart .product-container .product-header .product-close .close-button .icon-close {
    position: relative;
    margin-left: 26px;
    display: inline-block;
    top: -31px
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close,
    .header__mobile__cart .product-container .product-header .product-close .close-button .icon-close {
        margin-left: 23px;
        top: -28px
    }
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close::after,
.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close::before,
.header__mobile__cart .product-container .product-header .product-close .close-button .icon-close::after,
.header__mobile__cart .product-container .product-header .product-close .close-button .icon-close::before {
    content: '';
    position: absolute;
    width: 15px;
    background: #fff;
    height: 2px;
    margin-top: 17px;
    margin-left: -10px
}

@media (min-width:768px) {
    .header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close::after,
    .header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close::before,
    .header__mobile__cart .product-container .product-header .product-close .close-button .icon-close::after,
    .header__mobile__cart .product-container .product-header .product-close .close-button .icon-close::before {
        margin-left: -13px
    }
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close:before,
.header__mobile__cart .product-container .product-header .product-close .close-button .icon-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-close:after,
.header__mobile__cart .product-container .product-header .product-close .close-button .icon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header__menu-bar__list__item--cart .product-container .product-header .product-close .close-button .icon-bin,
.header__mobile__cart .product-container .product-header .product-close .close-button .icon-bin {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 10px
}

.header__menu-bar__list__item--cart .product-container .product-data-container,
.header__mobile__cart .product-container .product-data-container {
    padding-bottom: 20px;
    border-top: 1px solid #d0d0ce
}

.header__menu-bar__list__item--cart .product-container .product-data-container .img-container,
.header__mobile__cart .product-container .product-data-container .img-container {
    display: block;
    float: left;
    width: 90px;
    position: relative
}

.header__menu-bar__list__item--cart .product-container .product-data-container .img-container img,
.header__mobile__cart .product-container .product-data-container .img-container img {
    max-width: 65px;
    display: block;
    margin: 30px auto auto
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .product-container .product-data-container .img-container img,
    .header__mobile__cart .product-container .product-data-container .img-container img {
        max-width: 45px;
        margin-left: 5px
    }
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line,
.header__mobile__cart .product-container .product-data-container .product-line {
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding: 7.5px 0
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line:nth-child(even),
.header__mobile__cart .product-container .product-data-container .product-line:nth-child(even) {
    background: #f3f3f3
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line.title-col,
.header__mobile__cart .product-container .product-data-container .product-line.title-col {
    min-height: 70px;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 18px;
    word-wrap: break-word
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line.txt-left,
.header__mobile__cart .product-container .product-data-container .product-line.txt-left {
    text-align: left
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line .product-title,
.header__mobile__cart .product-container .product-data-container .product-line .product-title {
    display: block;
    font-weight: 700;
    font-size: 20px
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line .product-sub-title,
.header__mobile__cart .product-container .product-data-container .product-line .product-sub-title {
    font-size: 16px
}

.header__menu-bar__list__item--cart .product-container .product-data-container .product-line sup,
.header__mobile__cart .product-container .product-data-container .product-line sup {
    font-weight: 700;
    color: #509e2f
}

.header__menu-bar__list__item--cart .product-container .product-data-container .border-bottom-content:last-child,
.header__mobile__cart .product-container .product-data-container .border-bottom-content:last-child {
    border-bottom: 0
}

.header__menu-bar__list__item--cart .product-container .product-data-container .border-bottom-content:last-child .product-line,
.header__mobile__cart .product-container .product-data-container .border-bottom-content:last-child .product-line {
    padding-bottom: 20px
}

.header__menu-bar__list__item--cart .product-container .view-cart,
.header__mobile__cart .product-container .view-cart {
    width: 220px;
    float: right;
    padding-right: 40px
}

@media (max-width:767px) {
    .header__menu-bar__list__item--cart .product-container .view-cart,
    .header__mobile__cart .product-container .view-cart {
        width: 100%;
        text-align: right;
        padding-right: 15px
    }
}

.header__menu-bar__list__item--cart .product-container .view-cart .link,
.header__mobile__cart .product-container .view-cart .link {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    margin-right: 5px;
    color: #374148
}

.header__menu-bar__list__item--cart .product-container .view-cart .button,
.header__mobile__cart .product-container .view-cart .button,
.list-rating span {
    display: inline-block
}

.header__menu-bar__list__item--cart .product-container .view-cart a,
.header__mobile__cart .product-container .view-cart a {
    display: inline-block;
    width: auto
}

.grey-background-prod,
.grey-background-prod-bottom {
    position: absolute;
    width: 100%;
    height: 100px;
    background: #f3f3f3;
    z-index: 2;
    left: 0
}

.grey-background-prod {
    top: -60px
}

.grey-background-prod-bottom {
    bottom: -33px
}

.verifing-secured {
    width: 100%;
    border-top: 1px solid #d0d0ce;
    padding-top: 20px;
    margin: 30px 0
}

.verifing-secured img {
    display: block;
    margin: 0 auto;
    width: 96px
}

.pdp-wrap .pdp-title {
    font-size: 30px;
    font-weight: 400;
    margin: 30px 0 20px
}

@media (max-width:767px) {
    .pdp-wrap .pdp-title {
        font-size: 27px;
        margin: 20px 0
    }
    .pdp-wrap .info-circle {
        top: 0;
        right: -50px;
        left: auto
    }
}

.pdp-wrap .product-box-1__socials {
    top: 5px
}

.pdp-wrap .product-box-1__socials.mobile-socials-product {
    position: relative;
    height: 40px;
    margin-left: 0
}

@media (max-width:767px) {
    .pdp-wrap .product-box-1__socials.mobile-socials-product {
        margin-left: 0;
        width: 75%;
        height: 30px;
        margin-top: 20px
    }
    .pdp-wrap .product-box-1__socials.mobile-socials-product div.tooltip-wrap.wrapper-compare {
        right: -5px
    }
}

.pdp-wrap .product-box-1__socials a {
    color: #374148
}

.pdp-wrap .product-box-1__socials .icon-compare {
    position: relative
}

.pdp-wrap .product-box-1__socials .icon-compare .icon-device-bg,
.pdp-wrap .product-box-1__socials .icon-compare .icon-device-left,
.pdp-wrap .product-box-1__socials .icon-compare .icon-device-right {
    position: absolute;
    left: 0;
    top: 0
}

.pdp-wrap .product-box-1__socials .icon-compare .icon-device-bg {
    color: #fff
}

.pdp-wrap .blue-box {
    background-color: rgba(0, 160, 220, .2);
    border-radius: 3px;
    padding: 20px
}

.pdp-wrap .blue-box.transparent {
    background-color: transparent
}

.pdp-wrap .blue-box .title-box,
.pdp-wrap .blue-box p {
    font-size: 14px;
    font-weight: 400;
    color: #3d5265;
    margin: 0
}

.pdp-wrap .blue-box .title-box {
    font-weight: 700
}

.pdp-wrap .product-box-1__info__price {
    font-size: 36px;
    width: 100%
}

@media (max-width:767px) {
    .pdp-wrap .product-box-1__info__price span {
        line-height: 30px
    }
}

.pdp-wrap.preorder-pdp-wrap .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center
}

.pdp-wrap.preorder-pdp-wrap .row-flex .col-flex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-item-align: center;
    align-self: center
}

@media (min-width:768px) {
    .pdp-wrap.preorder-pdp-wrap .row-flex .col-flex.col-sm-4 {
        -ms-flex-preferred-size: 33.3333333%;
        flex-basis: 33.3333333%
    }
    .pdp-wrap.preorder-pdp-wrap .row-flex .col-flex.col-sm-8 {
        -ms-flex-preferred-size: 66.6666667%;
        flex-basis: 66.6666667%
    }
}

@media (max-width:767px) {
    .pdp-wrap.preorder-pdp-wrap .row-flex .col-flex.col-xs-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.pdp-wrap.preorder-pdp-wrap .green-marker {
    background-color: #a0d933;
    font-size: 14px;
    color: #fff;
    border-radius: 100px;
    padding: 10px 25px;
    display: inline-block
}

.pdp-wrap.preorder-pdp-wrap .label-rating,
.pdp-wrap.preorder-pdp-wrap .list-rating {
    float: left
}

@media (max-width:767px) {
    .pdp-wrap.preorder-pdp-wrap .label-rating,
    .pdp-wrap.preorder-pdp-wrap .list-rating {
        float: none
    }
}

.pdp-wrap.preorder-pdp-wrap .list-rating {
    margin-left: 10px
}

@media (max-width:767px) {
    .pdp-wrap.preorder-pdp-wrap .list-rating {
        margin-left: 0;
        margin-top: 10px
    }
}

.pdp-wrap .slick-dots {
    display: block!important;
    bottom: -40px
}

.pdp-wrap .slick-dots li {
    margin: 0
}

.list-rating span {
    color: #a0d933;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 2px
}

@media (min-width:768px) {
    .list-rating span {
        font-size: 18px;
        margin-right: 5px
    }
}

.colorpicker__container--row {
    padding: 10px 20px;
    border: 1px solid #eaeaea
}

.colorpicker__container--row--text {
    padding-top: 20px
}

.colorpicker__container--row--text .col-xs-12 {
    margin-bottom: 20px
}

.colorpicker__container--row--text .bullet-color .label-pdp,
.colorpicker__container--row--text .storage-wrap .label-pdp {
    margin-bottom: 10px;
    display: block
}

.colorpicker__container--row--text .storage-wrap ul li {
    margin: 0 10px 0 0
}

@media (min-width:768px) {
    .colorpicker__container--row--text {
        padding-top: 10px
    }
    .colorpicker__container--row--text .col-xs-12 {
        margin-bottom: 0
    }
    .colorpicker__container--row--text .storage-wrap ul li {
        margin: 0 5px
    }
}

@media (min-width:992px) {
    .colorpicker__container--row--text {
        padding-top: 30px
    }
    .colorpicker__container--row--text .bullet-color .label-pdp,
    .colorpicker__container--row--text .storage-wrap .label-pdp {
        margin-bottom: 0;
        display: inline-block
    }
}

.colorpicker__container--row__img img {
    max-height: 80px;
    width: auto
}

.bullet-color,
.bullet-color .label-pdp,
.bullet-color ul,
.storage-wrap ul {
    display: inline-block;
    vertical-align: middle
}

.bullet-color .label-pdp {
    font-size: 21px;
    color: #374148;
    font-weight: 700;
    margin: 0 10px 10px 0
}

.bullet-color ul,
.storage-wrap ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

.bullet-color ul li {
    float: left;
    margin: 0 5px 5px
}

.bullet-color ul li span {
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd
}

.bullet-color ul li span.active:after {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    border: 1px solid #ccc;
    border-radius: 30px;
    left: -4px;
    top: -4px
}

.bullet-color .show-dots ul {
    list-style-type: square
}

.wrap-large-product {
    width: 80%;
    cursor: pointer
}

@media (min-width:992px) {
    .wrap-large-product {
        min-height: 320px
    }
}

.wrap-large-product img {
    width: auto;
    max-width: 100%
}

@media (max-width:767px) {
    .wrap-large-product {
        width: 100%
    }
}

.wrap-large-product:hover {
    opacity: .8
}

.wrap-preview-product .single-preview {
    margin-right: 10px
}

.content-custom-homepage-hub .smartphones-container a,
.storage-wrap,
.storage-wrap .label-pdp {
    display: inline-block;
    vertical-align: middle
}

.storage-wrap .label-pdp {
    font-size: 21px;
    color: #374148;
    font-weight: 700;
    margin: 0 10px 10px 0
}

.storage-wrap ul:after,
.storage-wrap ul:before {
    content: " ";
    display: table
}

.storage-wrap ul:after {
    clear: both
}

.storage-wrap ul li {
    float: left;
    margin: 0 5px
}

@media (max-width:767px) {
    .storage-wrap ul li {
        margin-bottom: 10px
    }
}

.storage-wrap ul li .btn-storage {
    border-radius: 5px;
    border: solid 1px #b1b1b3;
    color: #b1b1b3;
    width: 60px;
    height: 30px;
    text-align: center;
    display: block;
    line-height: 30px;
    cursor: pointer
}

.storage-wrap ul li .btn-storage.active {
    background: #3d5265;
    color: #fff
}

.storage-wrap.new-style ul li .btn-storage {
    background-color: #b1b1b3;
    color: #fff
}

.storage-wrap.new-style ul li .btn-storage.active {
    background: #3d5265
}

.header__menu-bar__list__item--account--anonymous--content .pdp-tabs-container .green--hover:hover,
.pdp-tabs-container .green,
.pdp-tabs-container .header__menu-bar__list__item--account--anonymous--content .green--hover:hover {
    color: #509e2f
}

.pdp-tabs-container ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pdp-tabs-container ul.tabs.order-capture li {
    float: left;
    vertical-align: middle;
    padding: 15px 10px!important;
    display: table;
    margin-right: 10px
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title {
    display: table
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title .icon-text {
    float: left;
    font-family: arial, sans-serif!important;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    line-height: 40px;
    font-size: 30px
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title .icon-text .icon {
    margin-right: 5px;
    line-height: 40px;
    color: #fff
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title .icon-text .icon-pick-up-in-store {
    font-size: 38px
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title .icon-text .sub-title,
.pdp-tabs-container ul.tabs.order-capture li .tab-title .icon-text .tab-title {
    font-family: arial, sans-serif!important;
    font-weight: 700
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title.description .icon-text {
    line-height: 30px
}

.pdp-tabs-container ul.tabs.order-capture li .tab-title.description .sub-title {
    line-height: 15px
}

.pdp-tabs-container ul.tabs.order-capture li .sub-title {
    font-size: 12px;
    display: block;
    font-weight: 400;
    line-height: 0
}

.pdp-tabs-container ul.tabs.order-capture li.current .icon {
    color: #a0d933!important
}

.pdp-tabs-container ul.tabs li.tab-link,
.pdp-tabs-container ul.tabs.new-style li.tab-link {
    padding: 15px 25px;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff
}

.pdp-tabs-container ul.tabs li.tab-link {
    background: #3d5265;
    border: 1px solid #3d5265;
    border-bottom: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: none;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    max-width: calc(25% - 10px);
    display: block
}

@media (max-width:767px) {
    .pdp-tabs-container ul.tabs li.tab-link {
        max-width: 100%
    }
}

@media (max-width:970px) {
    .pdp-tabs-container ul.tabs li.tab-link {
        max-width: 60%
    }
}

@media (max-width:767px) {
    .pdp-tabs-container ul.tabs li.tab-link {
        padding: 15px
    }
}

.pdp-tabs-container ul.tabs li.tab-link.current,
.pdp-tabs-container ul.tabs.new-style li.tab-link.current {
    background: #fff;
    color: #222;
    border: 1px solid #d0d0ce;
    border-bottom: none
}

.pdp-tabs-container ul.tabs li.tab-link.current span {
    color: #31536d
}

.pdp-tabs-container ul.tabs li.tab-link span {
    font-size: 24px;
    font-weight: 700
}

@media (max-width:767px) {
    .pdp-tabs-container ul.tabs li.tab-link span {
        font-size: 18px
    }
}

.pdp-tabs-container ul.tabs.new-style li.tab-link {
    display: inline-block;
    background: rgba(124, 124, 124, .6);
    margin-bottom: -1px;
    z-index: 1
}

.pdp-tabs-container ul.tabs.new-style li.tab-link.current {
    margin-bottom: 0
}

.pdp-tabs-container .tab-content {
    display: none;
    border: 1px solid #d0d0ce;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: -1px;
    padding: 20px 50px 50px;
    margin-bottom: 50px
}

@media (max-width:767px) {
    .pdp-tabs-container .tab-content {
        padding: 20px 15px 50px
    }
}

.pdp-tabs-container .tab-content .simple-text {
    font-size: 16px;
    color: #374148;
    margin-bottom: 40px
}

.pdp-tabs-container .tab-content .text-title {
    font-size: 24px;
    color: #374148;
    margin-bottom: 20px
}

.pdp-tabs-container .tab-content .text-title.grey {
    color: #7c7c7c;
    margin: 0;
    font-size: 22px
}

@media (max-width:767px) {
    .pdp-tabs-container .tab-content .text-title.grey {
        padding-left: 0!important;
        font-size: 18px
    }
}

.pdp-tabs-container .tab-content .img-container {
    position: relative;
    display: block;
    width: 100%
}

.pdp-tabs-container .tab-content .img-container img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.pdp-tabs-container .tab-content .technical-specifications .border-top {
    border-top: 1px solid #eaeaea;
    padding: 20px 0 30px;
    font-size: .875em
}

@media (min-width:768px) {
    .pdp-tabs-container .tab-content .technical-specifications .border-top:first-child {
        margin-top: 20px
    }
}

.pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications {
    padding: 8px 10px;
    margin: 0
}

@media (min-width:768px) {
    .pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications:nth-child(even) {
        background-color: #f5f5f5
    }
}

@media (max-width:767px) {
    .pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications {
        padding: 0 5px
    }
    .pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications:nth-child(4n+3),
    .pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications:nth-child(4n+4) {
        background-color: #f5f5f5
    }
}

.orders-summary-box-container .box-container .box-header .order-number span,
.pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications .col-xs-4,
.wcst-menu ul li.current {
    font-weight: 700
}

.pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications.title-specification {
    padding-top: 5px
}

.pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications.title-specification .col-xs-12 {
    font-weight: 700!important
}

.pdp-tabs-container .tab-content .technical-specifications .row-technical-specifications.description-specification {
    padding-bottom: 5px
}

.pdp-tabs-container .tab-content .technical-specifications .video-container {
    height: 220px;
    background-color: #d8d8d8;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.pdp-tabs-container .tab-content .technical-specifications .video-container .icon-play {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    font-size: 60px;
    color: #fff;
    width: 62px;
    height: 62px;
    display: block;
    cursor: pointer
}

@media (max-width:767px) {
    .pdp-tabs-container .tab-content .technical-specifications .text-title {
        padding-left: 15px
    }
}

.pdp-tabs-container .tab-content.current {
    display: inherit
}

.pdp-tabs-container.pdp-tabs-container--plans ul.tabs li.tab-link span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.pdp-tabs-container.pdp-tabs-container--plans .tab-content {
    padding: 1px 0 20px;
    border: none
}

.pdp-tabs-container.pdp-tabs-container--plans .width-truncate-second {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.orders-summary-box-container .page-title {
    font-size: 30px
}

.orders-summary-box-container .back-button {
    color: #509e2f;
    font-size: 18px
}

.orders-summary-box-container .box-container {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
    display: block;
    margin-bottom: 30px;
    position: relative
}

.orders-summary-box-container .box-container .deliver-icon-container {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #97d700;
    right: 15px;
    text-align: center
}

.orders-summary-box-container .box-container .deliver-icon-container i {
    font-size: 25px;
    margin-top: 10px;
    display: block;
    color: #3b61a6
}

.orders-summary-box-container .box-container .deliver-icon-container i.rotation {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.orders-summary-box-container .box-container .box-header {
    padding-bottom: 10px
}

.orders-summary-box-container .box-container .box-header .order-number {
    font-size: 24px;
    display: block;
    float: left;
    width: 70%;
    padding-top: 10px;
    color: #3d5265
}

.orders-summary-box-container .box-container .box-header .status-container {
    display: block;
    float: left;
    width: 30%
}

.orders-summary-box-container .box-container .box-header .status-container .status-title {
    font-size: 16px;
    color: #b1b1b3;
    float: right
}

.orders-summary-box-container .box-container .box-header .status-container .status-order {
    font-size: 16px;
    font-weight: 700;
    float: right
}

.orders-summary-box-container .box-container .box-content {
    padding-bottom: 10px;
    padding-top: 10px
}

.orders-summary-box-container .box-container .box-content.border {
    border-bottom: 1px solid #d0d0ce
}

.orders-summary-box-container .box-container .box-content .half-box {
    width: 50%;
    display: block;
    float: left
}

.orders-summary-box-container .box-container .box-content .half-box .status-title {
    font-size: 16px;
    color: #b1b1b3;
    display: block
}

.orders-summary-box-container .box-container .box-content .half-box .status-order {
    font-size: 16px;
    font-weight: 700;
    display: block
}

.orders-summary-box-container .box-container .box-content.price .status-order {
    font-size: 32px;
    font-weight: 400;
    line-height: 32px
}

.orders-summary-box-container .box-container .box-content.price .status-order sup {
    font-size: 16.5px;
    font-weight: 700;
    color: #509e2f
}

.orders-summary-box-container .box-container .button {
    float: right;
    margin-top: 10px
}

.orders-summary-box-container .status-order {
    color: #3d5265
}

.alert-info.alert-info-order-summary {
    font-size: 14px;
    line-height: 18px
}

.alert-info.alert-info-order-summary .price-info {
    font-size: 36px;
    line-height: 1.2
}

.personal-information-box {
    padding: 10px 50px 20px;
    border-radius: 6px;
    border: 1px solid #d0d0ce;
    margin-top: 30px
}

@media (max-width:767px) {
    .personal-information-box {
        padding-left: 15px;
        padding-right: 15px
    }
}

.personal-information-box .title-box {
    font-size: 30px;
    margin-top: 20px;
    padding-left: 20px
}

.personal-information-box .title-box .icon-credit-card-icon {
    font-size: 25px
}

.personal-information-box .title-box span {
    color: #a0d933;
    font-size: 20px;
    margin-right: 10px
}

@media (max-width:767px) {
    .personal-information-box .radio-button-container {
        margin-top: 20px
    }
}

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block!important;
    height: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on {
    text-align: center;
    z-index: 1
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #337ab7
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    color: #fff;
    background: #5bc0de
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background: #5cb85c
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    background: #f0ad4e;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #fff;
    background: #d9534f
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #000;
    background: #eee
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333;
    background: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch input[type=checkbox],
.bootstrap-switch input[type=radio] {
    position: absolute!important;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0)
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-indeterminate,
.bootstrap-switch.bootstrap-switch-readonly {
    cursor: default!important
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default!important
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    transition: margin-left .5s
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.bootstrap-switch.bootstrap-switch-focused {
    outline: 0
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.specifics-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    border-top: 1px solid #eaeaea;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0
}

.roaming-table tr:nth-child(even),
.roaming-table-blue tr:nth-child(even),
.specifics-row:nth-child(odd) {
    background-color: #f9f9f9
}

.specifics-row .specific-col {
    display: table;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #eaeaea;
    padding: 0 15px;
    height: 63px
}

.specifics-row .specific-col>span {
    display: table-cell;
    vertical-align: middle;
    word-break: break-word
}

.specifics-row .specific-col:first-child {
    color: #b1b1b3;
    text-align: left;
    padding: 0 25px;
    margin: 0 0 0 8px
}

@media (max-width:991px) {
    .specifics-row .specific-col:first-child {
        display: none
    }
}

.specifics-row .specific-col:last-child {
    border-right: 0
}

@media (max-width:767px) {
    .specifics-row .specific-col {
        float: left
    }
    .specifics-row {
        display: block
    }
}

.cta-row {
    border-top: 1px solid #eaeaea
}

.cta-row .cta-col {
    border-left: 1px solid #eaeaea;
    padding: 30px 0;
    float: left;
    text-align: center
}

.container-body-page-my-cosmote .container-information.notifications .row-notification div:first-child,
.container-body-page-my-cosmote .container-information.notifications .row-title-notifications div:first-child,
.cta-row .cta-col:first-child {
    border-left: 0
}

.details-order .order-number {
    font-size: 30px
}

.details-order .order-info span,
.details-order .order-number span,
.wrap-choose-plan .choose-plan--content--row-separator span {
    color: #509e2f;
    font-weight: 700
}

.details-order .order-info,
.wrap-store-locator .single-shop h3 {
    font-size: 18px
}

@media (max-width:991px) {
    .details-order .order-info {
        padding-bottom: 15px
    }
}

.details-order table tr th {
    text-align: left;
    color: #d0d0ce;
    border-bottom: 1px solid #d0d0ce;
    padding: 15px 15px 5px
}

.details-order table tr th:nth-child(odd) {
    background-color: #f8f8f8
}

.details-order table tr td {
    vertical-align: top;
    padding: 15px;
    min-width: 120px;
    max-width: 200px;
    word-wrap: break-word
}

.details-order .table-details-mobile .row-product>div .spandetails,
.details-order table tr td .spandetails {
    font-size: 14px;
    margin: 2px 0
}

.details-order .table-details-mobile .row-product>div span,
.details-order table tr td span {
    display: block;
    font-weight: 700
}

.details-order table tr td .activated {
    font-weight: 700;
    color: #509e2f
}

.details-order table tr td .pending {
    font-weight: 700;
    color: #f5a623
}

.details-order table tr td .finally-price {
    font-size: 24px
}

.details-order table tr td .finally-price sup {
    font-size: 12px;
    color: #509e2f;
    top: -.7em
}

.details-order table tr td:first-child {
    max-width: 400px;
    padding-left: 20px
}

.details-order .table-details-mobile .row-title>div:nth-child(even),
.details-order table tr td:nth-child(odd) {
    background-color: #f8f8f8
}

.details-order table tr.sub-detail td:first-child {
    padding-left: 50px
}

.details-order table tr:last-child td {
    border-top: 1px solid #d0d0ce;
    font-size: 12px;
    text-align: right
}

.details-order table tr:last-child td .finally-price {
    font-size: 28px;
    padding-top: 5px
}

.details-order table tr:last-child td .finally-price sup {
    font-size: 18px
}

.details-order table tr:last-child td:nth-child(odd) {
    background-color: #f8f8f8
}

.details-order table tr:last-child td:nth-child(even) {
    background-color: #fff
}

.details-order table tr:last-child td:first-child {
    background-color: #fff
}

.details-order .table-details-mobile .row-product,
.details-order .table-details-mobile .row-product>div,
.details-order .table-details-mobile .row-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.details-order .table-details-mobile .row-product,
.details-order .table-details-mobile .row-title {
    border-bottom: 1px solid #d0d0ce
}

.details-order .table-details-mobile .row-title>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 700
}

.details-order .table-details-mobile .row-product>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.details-order .table-details-mobile .row-product>div.flex-direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.details-order .table-details-mobile .row-product>div>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: center;
    align-self: center
}

.details-order .table-details-mobile .row-product>div:nth-child(even) {
    background-color: #f8f8f8
}

.details-order .table-details-mobile .row-product>div:last-child {
    text-align: right;
    font-weight: 700;
    font-size: 16px
}

.details-order .table-details-mobile .row-product>div .open-accordion {
    display: block;
    color: #509e2f;
    position: relative;
    font-weight: 700;
    margin-top: 15px
}

.custom-accordion-group .accordion-title.closed .details-order .table-details-mobile .row-product>div .open-accordion .icon-accordion,
.details-order .table-details-mobile .row-product>div .open-accordion .custom-accordion-group .accordion-title.closed .icon-accordion,
.details-order .table-details-mobile .row-product>div .open-accordion .icon-caret-down {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 65px;
    height: 15px;
    margin: auto;
    transition: all .3s ease-in-out
}

@media print {
    .details-order .table-details-mobile .row-product>div .open-accordion {
        display: none!important
    }
}

.details-order .table-details-mobile .row-product.sub-row .flex-direction-column {
    padding-left: 50px
}

.details-order .table-details-mobile .row-product.opened {
    border-bottom: 0
}

.custom-accordion-group .accordion-title.closed .details-order .table-details-mobile .row-product.opened>div .open-accordion .icon-accordion,
.details-order .table-details-mobile .row-product.opened>div .open-accordion .custom-accordion-group .accordion-title.closed .icon-accordion,
.details-order .table-details-mobile .row-product.opened>div .open-accordion .icon-caret-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .3s ease-in-out
}

.details-order .table-details-mobile .row-product:last-child>div {
    display: block
}

.details-order .table-details-mobile .row-product:last-child>div span {
    font-size: 12px;
    font-weight: 400;
    display: block
}

.details-order .table-details-mobile .row-product:last-child>div div {
    font-weight: 700;
    font-size: 20px
}

@media (max-width:767px) {
    .details-order .table-details-mobile .row-product:last-child>div div {
        font-size: 15px
    }
}

.details-order .table-details-mobile .accordion-contain {
    background-color: #f8f8f8;
    border-bottom: 1px solid #d0d0ce;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px 0;
    display: none
}

.details-order .table-details-mobile .accordion-contain>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    color: #9b9b9b
}

.details-order .table-details-mobile .accordion-contain>div .order-info,
.details-order .table-details-mobile .accordion-contain>div .order-info-default {
    font-size: 16px
}

.details-order .table-details-mobile .accordion-contain>div .order-info .activated {
    color: #509e2f
}

.details-order .table-details-mobile .accordion-contain>div .order-info .pending {
    color: #f5a623
}

.details-order .table-details-mobile .accordion-contain>div .order-info-default span {
    color: #374148
}

@media print {
    .details-order .table-details-mobile .accordion-contain {
        display: block!important
    }
}

.wrap-store-locator {
    position: relative
}

@media (max-width:767px) {
    .wrap-store-locator {
        padding: 0 15px
    }
    .wrap-store-locator .results-filters {
        max-height: 780px;
        overflow-y: auto;
        margin-top: 20px
    }
}

.wrap-store-locator .row-research {
    position: relative!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.wrap-store-locator .row-research .container-research {
    background-color: #f1f1f1;
    padding: 15px
}

.wrap-store-locator .row-research .container-research .research-on-map {
    width: 97%;
    height: 52px;
    padding: 15px;
    margin-left: 15px
}

.wrap-store-locator .row-research .container-research .research-on-map.form__input--invalid {
    border: #ef3e42 1px solid
}

.wrap-store-locator .row-research .container-research .research-on-map.form__input--invalid~.form__error-message-research-map {
    display: block
}

.wrap-store-locator .row-research .container-research .form__error-message-research-map {
    color: #ef3e42;
    font-size: 13px;
    display: none
}

@media (max-width:767px) {
    .wrap-store-locator .row-research {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-bottom: 30px
    }
    .wrap-store-locator .row-research .container-research .research-on-map {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0
    }
}

.wrap-store-locator .map-google {
    height: 500px
}

.wrap-store-locator .single-shop {
    padding-left: 40px;
    position: relative
}

.wrap-store-locator .single-shop .pin-simple {
    position: absolute;
    left: 0;
    top: 15px;
    width: 30px
}

.wrap-store-locator .single-shop .street {
    font-size: 16px;
    color: #b1b1b3
}

.wrap-store-locator .single-shop .days-opening {
    color: #797979
}

.wrap-store-locator .single-shop .days-opening span {
    font-weight: 700;
    float: left;
    display: block;
    min-width: 85px
}

.wrap-store-locator .single-shop .phone {
    color: #797979;
    font-weight: 700
}

.wrap-store-locator .single-shop .email {
    float: left;
    min-width: 225px;
    padding-right: 15px
}

.wrap-store-locator .single-shop .email a {
    text-decoration: underline;
    color: #509e2f
}

.wrap-store-locator .single-shop .directions {
    text-decoration: underline;
    color: #509e2f;
    cursor: pointer
}

.wrap-store-locator.store-locator-orizzontal .results-filters {
    height: 480px;
    overflow-y: auto
}

.wrap-store-locator.store-locator-orizzontal .results-filters .radio-button-container label {
    max-width: 210px;
    font-size: 16px;
    line-height: 1.2
}

.wrap-store-locator.store-locator-orizzontal .results-filters .radio-button-container label h3 {
    line-height: 1.2;
    margin: 0 0 10px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app p,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app p,
.wrap-store-locator.store-locator-orizzontal .results-filters .radio-button-container label .street {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .wrap-store-locator.store-locator-orizzontal .results-filters {
        height: auto
    }
}

.content-custom-homepage-hub .smartphones-container .row-flex ul li,
.wrap-store-locator.store-locator-orizzontal .row-research {
    position: relative
}

.wrap-store-locator.store-locator-orizzontal .row-research .container-research {
    background-color: #fff;
    padding-top: 0
}

.wrap-store-locator.store-locator-orizzontal .map-google {
    height: 380px
}

.info-window-lnk {
    cursor: pointer
}

.info-window-lnk:hover {
    text-decoration: underline
}

.map-direction-container {
    position: absolute;
    right: 10px;
    top: 97px;
    z-index: 1;
    padding: 10px;
    max-width: 400px;
    background-color: #eaeaea
}

.map-direction-container a {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 18px
}

.map-direction-container .container-render-direction {
    max-height: 400px;
    overflow: auto
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .map-direction-container {
        right: 0
    }
}

@media (max-width:991px) {
    .map-direction-container {
        top: 147px
    }
}

.container-directions,
.link-green {
    text-decoration: underline;
    color: #509e2f;
    cursor: pointer
}

.starting-point {
    width: 100%;
    height: 52px;
    padding: 15px
}

.button-search {
    min-width: 140px
}

@media (max-width:991px) {
    .button-sm-search {
        min-width: 100px;
        float: right
    }
}

.search-location {
    width: 97%;
    height: 52px;
    padding: 15px
}

.store-locator-title {
    margin: 30px auto
}

@media (max-width:991px) {
    .store-locator-title {
        margin: 10px auto
    }
}

.paginator {
    display: inline-block
}

.paginator>div {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    float: left
}

.paginator>div .page_link {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    cursor: pointer;
    color: #7c7c7c
}

.paginator>div .page_link.js-not-allow {
    opacity: .3;
    cursor: initial
}

.paginator>div .page_link span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    width: 20px;
    text-align: center;
    margin: auto
}

.paginator>div .page_link span.icon-caret-left,
.paginator>div .page_link span.icon-caret-right,
.paginator>div .page_link span.slick-next:before,
.paginator>div .page_link span.slick-prev:before {
    width: 9px;
    height: 16px
}

.paginator>div .page_link span.icon-double-arrow-left,
.paginator>div .page_link span.icon-double-arrow-right {
    width: 9px;
    height: 15px;
    font-size: 15px
}

.paginator>div .page_link a {
    color: #7c7c7c
}

.paginator>div .page_link a:active,
.paginator>div .page_link a:focus,
.paginator>div .page_link a:hover,
.paginator>div .page_link a:visited {
    color: #7c7c7c
}

.paginator>div .page_link.active {
    color: #fff;
    background-color: #a0d933;
    border-radius: 50%
}

.hero-offer__container .info .bgLight.last>div>h2 sup,
.paginator>div .page_link.active a {
    color: #fff
}

.paginator>div .container-goto {
    display: inline-block;
    vertical-align: middle;
    min-height: 60px;
    background-color: #eaeaea;
    border-radius: 30px;
    padding: 10px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container img.vdsl-offer-img,
.paginator>div .container-goto .page_link {
    width: 40px;
    height: 40px
}

.paginator>div .container-goto .page_link:last-child {
    margin-right: 0
}

.paginator>div .container-goto .page_link span {
    height: 20px
}

.row-tab-group .tab-group {
    border-bottom: 1px solid #d0d0ce;
    text-align: center;
    padding: 25px 45px;
    height: 72px;
    font-weight: 700;
    cursor: pointer
}

.row-tab-group .tab-group.active {
    border: 1px solid #d0d0ce;
    border-bottom: 0;
    color: #509e2f
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.left,
.tooltip.top {
    font-family: arial, sans-serif;
    z-index: 999999
}

.tooltip.top .tooltip-arrow {
    border-top-color: #3d5265
}

.tooltip.top.in {
    opacity: 1
}

.tooltip.left .tooltip-arrow {
    border-left-color: #3d5265
}

.tooltip.left.in {
    opacity: 1
}

.tooltip-inner {
    background-color: #3d5265;
    opacity: 1;
    min-width: 128px
}

.roaming-table tr td i,
.roaming-table-blue tr td i,
.tooltip-wrap .icon-compare {
    font-size: 20px
}

.title-homepage-hub {
    font-size: 30px;
    color: #3d5265;
    font-weight: lighter;
    position: relative;
    margin: 0;
    float: left
}

.title-homepage-hub.title-homepage-hub-up {
    font-size: 40px
}

@media (max-width:767px) {
    .title-homepage-hub {
        float: none;
        font-size: 30px!important;
        text-align: left
    }
    .title-homepage-hub:after {
        left: 0
    }
}

a.see-more-title-homepage-hub {
    color: #509e2f!important;
    padding-top: 5px;
    font-weight: 700
}

a.see-more-title-homepage-hub i {
    font-size: 10px
}

@media (max-width:767px) {
    a.see-more-title-homepage-hub {
        margin-bottom: 40px
    }
}

.top-offers-wrap {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 50px 0
}

@media (max-width:767px) {
    .top-offers-wrap {
        margin-bottom: 20px
    }
}

.top-offers-wrap .top-offers-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 640px;
    width: 100%
}

@media (max-width:1199px) {
    .top-offers-wrap .top-offers-container {
        height: 580px
    }
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container {
        height: 900px;
        margin-top: 60px
    }
}

.top-offers-wrap .top-offers-container .box-top-offer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: #fff no-repeat center;
    background-size: cover;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .35);
    height: 380px;
    z-index: 1;
    padding: 30px 25px;
    color: #7c7c7c;
    position: relative
}

@media (max-width:1199px) {
    .top-offers-wrap .top-offers-container .box-top-offer {
        height: 315px
    }
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer {
        height: 270px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: 30px
    }
}

.top-offers-wrap .top-offers-container .box-top-offer .link-box-top-offer:hover {
    background-color: #3b61a6;
    border: none;
    color: #fff
}

.top-offers-wrap .top-offers-container .box-top-offer .imageOfferBox,
.top-offers-wrap .top-offers-container .box-top-offer .titleOfferBox {
    font-size: 28px;
    color: #7c7c7c;
    border: none!important;
    border-radius: none!important;
    background-color: transparent!important;
    padding: 0;
    font-weight: 700;
    position: static;
    cursor: pointer
}

.top-offers-wrap .top-offers-container .box-top-offer .titleOfferBox:hover {
    opacity: .7
}

.top-offers-wrap .top-offers-container .box-top-offer h2 {
    margin: 0;
    font-size: 28px;
    line-height: 1.2
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer h2 {
        font-size: 23px
    }
}

.top-offers-wrap .top-offers-container .box-top-offer p {
    margin: 0;
    font-size: 22px;
    line-height: 34px
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer p {
        font-size: 15px;
        line-height: 22px
    }
}

.top-offers-wrap .top-offers-container .box-top-offer .body-box-top-offer {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto;
    height: 50px
}

.top-offers-wrap .top-offers-container .box-top-offer .body-box-top-offer label {
    font-size: 13px;
    display: block;
    padding-bottom: 5px
}

.top-offers-wrap .top-offers-container .box-top-offer .body-box-top-offer span {
    font-size: 32px
}

.top-offers-wrap .top-offers-container .box-top-offer .body-box-top-offer span sup {
    font-size: 12px;
    top: -1.5em
}

.top-offers-wrap .top-offers-container .box-top-offer a {
    border-radius: 20px;
    padding: 10px 30px;
    background-color: #fff;
    color: #3d5265;
    border: 1px solid #3d5265;
    position: absolute;
    bottom: 30px;
    left: 25px;
    font-size: 14px;
    font-weight: 700
}

.top-offers-wrap .top-offers-container .box-top-offer img {
    position: absolute;
    top: 140px;
    right: calc(25px/2);
    height: auto;
    width: auto;
    max-width: 216px;
    max-height: 216px
}

@media (max-width:1199px) {
    .top-offers-wrap .top-offers-container .box-top-offer img {
        top: 115px;
        right: calc(10px/2);
        width: 150px
    }
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer img {
        top: 20px;
        right: 20px;
        width: 190px
    }
}

@media (max-width:767px) {
    .top-offers-wrap .top-offers-container .box-top-offer img {
        width: 100px;
        right: 20px;
        top: 120px;
        margin: auto
    }
}

.top-offers-wrap .top-offers-container .box-top-offer:first-child {
    -ms-flex-item-align: center;
    align-self: center;
    background-size: cover;
    z-index: 0
}

.top-offers-wrap .top-offers-container .box-top-offer:first-child a {
    border: 1px solid
}

.top-offers-wrap .top-offers-container .box-top-offer:first-child img {
    position: absolute;
    top: auto;
    bottom: 24px;
    right: 10px;
    width: auto;
    height: auto;
    max-width: 216px;
    max-height: 216px
}

@media (max-width:1199px) {
    .top-offers-wrap .top-offers-container .box-top-offer:first-child img {
        width: 190px;
        right: 2px
    }
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer:first-child img {
        width: 235px;
        bottom: 20px;
        right: 20px
    }
}

@media (max-width:767px) {
    .top-offers-wrap .top-offers-container .box-top-offer:first-child img {
        width: 155px;
        right: 20px;
        top: 120px
    }
}

.top-offers-wrap .top-offers-container .box-top-offer:last-child {
    -ms-flex-item-align: end;
    align-self: flex-end;
    z-index: 0;
    text-align: right
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer:last-child h2 {
        font-size: 23px
    }
}

.top-offers-wrap .top-offers-container .box-top-offer:last-child .body-box-top-offer,
.top-offers-wrap .top-offers-container .box-top-offer:last-child a {
    left: auto;
    right: 25px;
    z-index: 1
}

.top-offers-wrap .top-offers-container .box-top-offer:last-child img {
    position: absolute;
    top: 135px;
    right: auto;
    left: calc(20px/2)
}

@media (max-width:1199px) {
    .top-offers-wrap .top-offers-container .box-top-offer:last-child img {
        left: calc(0px/2);
        width: 160px;
        top: 180px
    }
}

@media (max-width:991px) {
    .top-offers-wrap .top-offers-container .box-top-offer:last-child img {
        left: 20px;
        bottom: 20px;
        top: 20px;
        width: 280px;
        margin: auto
    }
}

@media (max-width:767px) {
    .top-offers-wrap .top-offers-container .box-top-offer:last-child img {
        left: 5px;
        top: 135px;
        width: 150px
    }
}

.top-offers-wrap .see-all-top-offer {
    padding: 20px 60px;
    color: #9ed54c;
    border: 1px solid #9ed54c;
    border-radius: 40px;
    font-weight: 700;
    display: inline-block;
    margin-left: calc(380px - 20%)
}

@media (max-width:991px) {
    .top-offers-wrap .see-all-top-offer {
        margin-left: calc(230px - 20%)
    }
}

@media (max-width:767px) {
    .top-offers-wrap .see-all-top-offer {
        margin-left: 0;
        display: block;
        text-align: center;
        width: 100%
    }
}

.top-offers-wrap .see-all-top-offer:hover {
    color: #fff;
    background-color: #9ed54c
}

.cosmote-benefits-wrap,
.quick-links-wrap {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 50px
}

@media (max-width:767px) {
    .cosmote-benefits-wrap,
    .quick-links-wrap {
        background-size: cover;
        margin-bottom: 20px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits,
.quick-links-wrap .box-cosmote-benefits {
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .15)
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app,
.quick-links-wrap .box-cosmote-benefits.cosmote-app {
    background: #fff left bottom no-repeat;
    background-size: contain;
    height: 540px;
    position: relative
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app {
        height: 470px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app {
        height: 355px;
        margin-bottom: 30px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app h2,
.quick-links-wrap .box-cosmote-benefits.cosmote-app h2 {
    position: absolute;
    top: 0;
    bottom: 290px;
    right: 0;
    width: 50%;
    height: 40px;
    color: #509e2f;
    font-weight: lighter;
    font-size: 30px;
    margin: auto;
    padding-bottom: 10px;
    text-align: right;
    padding-right: 15px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app h2,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app h2 {
        width: 55%
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app h2,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app h2 {
        font-size: 24px;
        width: 64%
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app h2:after,
.quick-links-wrap .box-cosmote-benefits.cosmote-app h2:after {
    content: none;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 65px;
    height: 5px;
    background-color: #9ed54c
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-app-phone,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-app-phone {
    position: absolute;
    left: 30px;
    top: -30px;
    width: 205px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-app-phone,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-app-phone {
        width: 160px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-app-phone,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-app-phone {
        left: 20px;
        top: 20px;
        width: 80px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 50%;
    height: 250px;
    text-align: right;
    margin: auto
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app {
        width: 53%
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app {
        width: 62%
    }
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app p,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app p {
        font-size: 14px
    }
}

.box-checkout-activate__body__input--container label,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app a,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app a,
.wcst-menu>ul>li.with-submenu.submenu-open ul {
    display: block
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app a.read-more,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .text-cosmote-app a.read-more {
    color: #509e2f;
    text-decoration: underline;
    font-weight: 700
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos {
    position: absolute;
    bottom: 15px;
    left: 30px;
    right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos {
        display: block;
        left: 20px;
        right: 20px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo {
    float: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
    margin-top: 20px
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo {
        text-align: left
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo:first-child {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo:first-child,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo:first-child {
        margin-top: 0;
        width: 100%
    }
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo:first-child img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo:first-child img {
        max-width: 120px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo img,
.quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo img {
    max-width: 100%;
    width: auto
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-app .cosmote-logos .cosmote-logo img {
        width: 85%
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you {
    background: #fff left bottom no-repeat;
    background-size: contain;
    height: 540px;
    position: relative;
    padding: 20px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you {
        height: 470px
    }
}

@media (max-width:991px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you {
        margin-top: 0;
        background: #fff right bottom no-repeat;
        height: 350px;
        margin-bottom: 30px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you h2,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you h2 {
    margin: 0;
    color: #20b2eb;
    font-weight: lighter;
    font-size: 30px;
    padding-bottom: 20px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you p,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you p {
    margin: 0
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you p,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you p {
        font-size: 14px;
        width: 100%
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you a,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you a {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-weight: 700
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you a:hover,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you a:hover {
    text-decoration: underline
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text {
    height: 41%
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text {
        height: 45%
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text {
        height: 51%
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you .cosmote-deals-for-you-content-text {
        height: 32%
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you img,
.quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you img {
    width: 214px;
    height: 214px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you img {
        padding-top: 15px;
        height: 135px;
        width: auto
    }
}

@media (max-width:991px) and (min-width:768px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you img {
        padding-top: 15px
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you img {
        width: 173px;
        height: 173px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-deals-for-you img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-deals-for-you img {
        height: 173px;
        width: 173px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill {
    padding: 20px;
    height: 255px;
    position: relative;
    background: #fff;
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill {
    margin-bottom: 30px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill {
        height: 220px
    }
}

@media (max-width:991px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill {
        margin-top: 30px;
        background-size: inherit
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill {
        margin-top: 0;
        height: 270px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill {
        background-size: cover;
        background-position: 0
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-ebill-content-text,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-ebill-content-text {
    height: 31%
}

@media (max-width:991px) and (min-width:768px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-ebill-content-text,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-ebill-content-text {
        height: 21%
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-ebill-content-text,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-ebill-content-text {
        height: 35%
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill img,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill img {
    height: 120px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (max-width:1199px) and (min-width:992px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill img,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill img {
        height: 95px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill h2,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill h2 {
    color: #fff;
    font-weight: lighter;
    font-size: 30px;
    margin: auto;
    padding-bottom: 10px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill-small,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill-small {
    position: absolute;
    top: 30px;
    right: 0;
    width: 100px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill-small,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill-small {
        width: 80px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill-small,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill-small {
        width: 100px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill {
    position: absolute;
    top: 30px;
    right: 0;
    width: 180px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill {
        width: 130px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-ebill {
        width: 180px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-einvoice,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .cosmote-img-einvoice {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a {
    color: #fff;
    text-decoration: underline;
    display: block;
    float: left;
    font-weight: 700
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a {
        float: none;
        font-weight: 400
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-einvoice a:first-child {
    margin-right: 8px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a {
    color: #fff;
    display: block;
    float: left;
    font-weight: 700
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a:hover,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a:hover,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a:hover,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a:hover {
    text-decoration: underline
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a,
    .quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a {
        float: none;
        font-weight: 400
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a:first-child,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill .links-ebill a:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a:first-child {
    margin-right: 8px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill.green-text .links-ebill a,
.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-ebill.green-text h2,
.hero-offer__container .info .bgDark span i,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill.green-text .links-ebill a,
.quick-links-wrap .box-cosmote-benefits.cosmote-ebill.green-text h2 {
    color: #509e2f
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment {
    background: linear-gradient(to left, #1a63b0, #20b2eb);
    background-position: center right;
    background-size: cover;
    height: 255px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment {
        height: 220px
    }
}

@media (max-width:991px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment {
        height: 220px;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment {
        overflow: hidden
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 {
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    height: 255px;
    position: relative;
    padding: 20px 0 20px 20px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 {
        height: 220px
    }
}

@media (max-width:991px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 {
        height: 220px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 h2,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 h2 {
    margin: 0;
    font-weight: lighter;
    color: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    font-size: 30px;
    padding-bottom: 10px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 h2:after,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 65px;
    height: 5px;
    background-color: #9ed54c
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment {
        bottom: 35px;
        left: 170px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a {
    color: #fff;
    display: block;
    float: left;
    font-weight: 700
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment a {
        float: none
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 {
        bottom: 35px;
        left: 170px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a {
    color: #509e2f;
    display: block;
    float: left;
    font-weight: 700
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a:hover,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a:hover {
    text-decoration: underline
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a {
        float: none
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .links-online-payment-v2 a:first-child {
    margin-right: 8px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .cosmote-img-online-payment,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .cosmote-img-online-payment {
    position: absolute;
    top: 0;
    right: -15px;
    height: 100px;
    bottom: 0;
    margin: auto
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .cosmote-img-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .cosmote-img-online-payment {
        height: 80px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .cosmote-img-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment-v2 .cosmote-img-online-payment {
        right: auto;
        left: 20px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment {
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    height: 255px;
    position: relative;
    padding: 20px 0 20px 20px
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment {
        height: 220px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment h2,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment h2 {
    margin: 0;
    font-weight: lighter;
    color: #fff;
    position: relative;
    font-size: 30px;
    padding-bottom: 10px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment h2:after,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment h2:after {
    content: none;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 65px;
    height: 5px;
    background-color: #9ed54c
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment {
        bottom: 35px;
        left: 170px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a {
    color: #fff;
    display: block;
    float: left;
    font-weight: 700
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a:hover,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a:hover {
    text-decoration: underline
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a {
        float: none
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment a:first-child {
    margin-right: 8px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 {
        bottom: 35px;
        left: 170px
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a {
    color: #509e2f;
    display: block;
    float: left;
    font-weight: 700
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a:hover,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a:hover {
    text-decoration: underline
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a {
        float: none
    }
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a:first-child,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .links-online-payment-v2 a:first-child {
    margin-right: 8px
}

.cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .cosmote-img-online-payment,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .cosmote-img-online-payment {
    position: absolute;
    top: 0;
    right: -15px;
    height: 100px;
    bottom: 0;
    margin: auto;
    width: auto
}

@media (max-width:1199px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .cosmote-img-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .cosmote-img-online-payment {
        height: 80px
    }
}

@media (max-width:767px) {
    .cosmote-benefits-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .cosmote-img-online-payment,
    .quick-links-wrap .box-cosmote-benefits.cosmote-online-payment .cosmote-wrap-online-payment .cosmote-img-online-payment {
        right: auto;
        left: 20px
    }
}

.quick-links-wrap .box-cosmote-benefits.cosmote-ebill,
.quick-links-wrap .box-cosmote-benefits.cosmote-online-payment {
    margin: 15px 0
}

.no-green-hr {
    border-bottom: none!important
}

.no-green-hr:after {
    content: none!important
}

.content-custom-homepage-hub .smartphones-container {
    margin-top: 25px;
    font-weight: 400
}

.content-custom-homepage-hub .smartphones-container .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px
}

.content-custom-homepage-hub .smartphones-container .row-flex:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width:991px) {
    .content-custom-homepage-hub .smartphones-container .row-flex {
        margin-top: 50px
    }
    .content-custom-homepage-hub .smartphones-container .row-flex:first-child {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .content-custom-homepage-hub .smartphones-container .row-flex {
        display: block;
        text-align: center;
        width: 100%;
        margin: auto auto 40px
    }
}

.content-custom-homepage-hub .smartphones-container .row-flex h3 {
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    color: #6abe3d;
    margin: 0 0 20px
}

@media (max-width:991px) {
    .content-custom-homepage-hub .smartphones-container .row-flex h3 {
        font-size: 30px;
        line-height: 1.2
    }
}

.content-custom-homepage-hub .smartphones-container .row-flex ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 20px
}

.content-custom-homepage-hub .smartphones-container .row-flex ul li:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #6abe3d;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.content-custom-homepage-hub .smartphones-container .learn-more-button {
    padding: 10px 25px;
    color: #6abe3d;
    border: 1px solid #6abe3d;
    border-radius: 40px;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    margin-right: 5px;
    width: 300px!important;
    text-align: center!important
}

@media (max-width:991px) {
    .content-custom-homepage-hub .smartphones-container .learn-more-button {
        padding: 10px 25px
    }
}

@media (max-width:767px) {
    .content-custom-homepage-hub .smartphones-container .learn-more-button {
        margin-left: 0;
        display: block;
        text-align: center;
        width: 100%
    }
}

.content-custom-homepage-hub .smartphones-container .learn-more-button:hover {
    color: #fff;
    background-color: #6abe3d
}

.content-custom-homepage-hub .smartphones-container .learn-more-button:last-child {
    padding: 20px 50px
}

.content-custom-homepage-hub .smartphones-container a i,
.content-custom-homepage-hub .smartphones-container a span {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:991px) {
    .content-custom-homepage-hub .smartphones-container a span {
        max-width: 165px;
        line-height: 1.2
    }
}

@media (max-width:767px) {
    .content-custom-homepage-hub .smartphones-container a {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .content-custom-homepage-hub .smartphones-container a.learn-more-button {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 20px
    }
}

.content-custom-homepage-hub .up-to-date-container {
    background-position: center;
    background-size: cover;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400
}

.content-custom-homepage-hub .up-to-date-container .bg-text-uptodate {
    background-image: linear-gradient(216deg, #6eca44, #06bbd8)
}

.content-custom-homepage-hub .up-to-date-container h3 {
    font-size: 27px;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 700
}

.content-custom-homepage-hub .up-to-date-container h2 {
    font-size: 46px;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 700
}

.content-custom-homepage-hub .up-to-date-container .learn-more-button {
    padding: 20px 50px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    margin-top: 20px
}

@media (max-width:767px) {
    .content-custom-homepage-hub .up-to-date-container .learn-more-button {
        margin-left: 0;
        display: block;
        text-align: center;
        width: 100%;
        line-height: 1.2
    }
}

.content-custom-homepage-hub .up-to-date-container .learn-more-button:hover {
    color: #6abe3d;
    background-color: #fff
}

.content-custom-homepage-hub .up-to-date-container img {
    display: block;
    margin: auto;
    max-width: 150px
}

.content-custom-homepage-hub .programms-container {
    margin-top: 40px
}

.content-custom-homepage-hub .programms-container .see-program {
    padding: 20px 50px;
    color: #6abe3d;
    border: 1px solid #6abe3d;
    border-radius: 40px;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    margin-top: 10px
}

@media (max-width:767px) {
    .content-custom-homepage-hub .programms-container .see-program {
        margin-top: 40px;
        margin-left: 0;
        display: block;
        text-align: center;
        width: 100%
    }
}

.content-custom-homepage-hub .programms-container .see-program:hover {
    color: #fff;
    background-color: #6abe3d
}

.content-custom-homepage-hub .programms-container .badge-home {
    padding: 0 25px
}

.content-custom-homepage-hub .programms-container .badge-home img {
    max-width: 255px;
    margin: auto
}

.content-custom-homepage-hub .programms-container .badge-home .box-content-text {
    margin-top: -50px;
    padding: 50px 25px 35px;
    box-shadow: 0 0 10px rgba(106, 190, 61, .5);
    border-radius: 25px;
    background-clip: padding-box;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px
}

.content-custom-homepage-hub .programms-container .badge-home .box-content-text h2 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 700
}

@media (max-width:991px) {
    .content-custom-homepage-hub .programms-container .badge-home .box-content-text h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.content-custom-homepage-hub .programms-container .badge-home .box-content-text .price-container span:first-child {
    font-size: 18px;
    color: #282828;
    display: block
}

.content-custom-homepage-hub .programms-container .badge-home .box-content-text .price-container span:last-child {
    font-size: 36px;
    line-height: 35px;
    font-weight: 700;
    color: #9ed54c
}

.content-custom-homepage-hub .programms-container .badge-home .box-content-text .price-container span:last-child sub {
    font-size: 25px;
    line-height: 35px;
    bottom: 0
}

.content-custom-homepage-hub .programms-container .badge-home .box-content-text .see-program {
    padding: 10px 25px
}

.content-custom-homepage-hub .television-elements-container .first-img-television {
    box-shadow: 0 0 20px #0c345c
}

.content-custom-homepage-hub .television-elements-container .hover-img {
    margin-top: -50px
}

@media (max-width:767px) {
    .content-custom-homepage-hub .television-elements-container .hover-img {
        margin-top: -30px
    }
}

.content-custom-homepage-hub .television-elements-container .text-television-description {
    font-size: 18px;
    line-height: 30px;
    color: #282828;
    margin-top: 30px
}

@media (max-width:767px) {
    .content-custom-homepage-hub .television-elements-container .text-television-description {
        text-align: center
    }
}

.content-custom-homepage-hub .television-elements-container .see-more-tv {
    margin-top: 30px;
    padding: 20px 25px;
    color: #6abe3d;
    border: 1px solid #6abe3d;
    border-radius: 40px;
    font-weight: 700;
    display: inline-block;
    font-size: 18px
}

@media (max-width:991px) {
    .content-custom-homepage-hub .television-elements-container .see-more-tv {
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .content-custom-homepage-hub .television-elements-container .see-more-tv {
        margin-top: 40px;
        margin-left: 0;
        display: block;
        text-align: center;
        width: 100%
    }
}

.content-custom-homepage-hub .television-elements-container .see-more-tv:hover {
    color: #fff;
    background-color: #6abe3d
}

.box-checkout-activate {
    border: 1px solid #d0d0ce;
    border-radius: 6px
}

.box-checkout-activate__title {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d0d0ce;
    padding: 10px 15px
}

.box-checkout-activate__title img {
    height: 45px;
    margin: 7px 42px 5px 14px;
    float: left;
    width: auto
}

.box-checkout-activate__title h3 {
    font-size: 24px;
    line-height: 26px;
    margin-top: 7px;
    margin-bottom: 10px;
    color: #7c7c7c
}

.box-checkout-activate__title p {
    font-size: 16px;
    color: #7c7c7c;
    margin: 0
}

.box-checkout-activate__body {
    padding: 23px 36px 24px
}

@media (max-width:991px) {
    .box-checkout-activate__body {
        padding: 20px 25px 10px
    }
}

.box-checkout-activate__body__title {
    margin: 0 0 10px;
    line-height: 1.2;
    font-size: 30px;
    color: #31536d
}

.box-checkout-activate__body__text {
    margin-bottom: 20px
}

.box-checkout-activate__body__input {
    font-weight: 700;
    padding: 10px;
    margin: 10px 0 22px
}

.box-checkout-activate__body__input--container--checkbox {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid silver
}

.box-checkout-activate__body__input--container--checkbox .form__checkbox label .form__checkbox__icon {
    bottom: 0
}

.box-checkout-activate__body .radio-button-container label span {
    display: block;
    font-size: 16px;
    line-height: 21px
}

.box-checkout-activate--second {
    border: 1px solid #d0d0ce;
    border-radius: 6px
}

.box-checkout-activate--second__body {
    padding: 23px 36px 24px
}

.box-checkout-activate--second__body__title {
    margin: 0 0 35px;
    line-height: 1.2;
    font-size: 30px;
    color: #31536d
}

.box-checkout-activate--second__body__row .radio-button-container {
    margin-top: 35px;
    padding-bottom: 38px;
    border-bottom: 1px solid #d0d0ce
}

.box-checkout-activate--second__body__row .radio-button-container label {
    width: 230px
}

.box-checkout-activate--second__body__row .dropdown__container {
    width: 255px
}

@media (max-width:767px) {
    .box-checkout-activate--second__body__row .dropdown__container {
        width: 100%
    }
}

.box-checkout-activate--second__body__row .dropdown__container--toggle[disabled] {
    background: #d0d0ce;
    color: #fff;
    border-color: #fff
}

.box-checkout-activate--second__body__row:last-child .radio-button-container {
    border-bottom: 0;
    padding-bottom: 29px
}

.clicktocallTitle {
    font-size: 52px;
    font-weight: 700;
    line-height: 1
}

.clicktocallBody {
    font-size: 18px
}

.errorClick {
    color: #f44336
}

.clicktocallDisclaimer {
    font-size: 16px;
    color: #7e7e7e!important
}

.clicktocallFormField {
    border: none;
    border-bottom: solid 1px #374148!important;
    box-shadow: none
}

.chat-callback {
    position: fixed;
    right: 40px;
    bottom: 140px;
    z-index: 999
}

.chat-callback .first-level-chat-callback,
.chat-callback .popoverclose {
    color: #fff;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37);
    cursor: pointer
}

.chat-callback .popoverclose {
    display: block;
    right: -1px;
    font-weight: 700;
    top: -12px;
    z-index: -1;
    width: 20px;
    height: 20px;
    position: absolute;
    font-size: 12px;
    background-color: #333;
    border-radius: 20px;
    line-height: 20px
}

.chat-callback .first-level-chat-callback {
    background-color: #3b61a6;
    width: 56px;
    height: 56px;
    font-size: 40px;
    line-height: 52px;
    position: relative;
    display: table;
    border-radius: 50%;
    background-clip: padding-box
}

@media (max-width:767px) {
    .chat-callback .first-level-chat-callback {
        width: 50px;
        height: 50px;
        font-size: 25px;
        line-height: 50px
    }
}

.chat-callback .first-level-chat-callback.small-icon {
    font-size: 25px;
    line-height: 68px
}

@media (max-width:767px) {
    .chat-callback .first-level-chat-callback.small-icon {
        font-size: 18px;
        line-height: 50px
    }
}

.chat-callback .first-level-chat-callback i,
.chat-callback .second-level-chat-callback .single-button-sublevel i,
.chat-clickToCall .first-level-chat-callback i,
.chat-clickToCall .second-level-chat-callback .single-button-sublevel i {
    vertical-align: middle;
    display: table-cell
}

.chat-callback .first-level-chat-callback .popover {
    left: -130px!important;
    right: auto!important;
    top: auto!important;
    bottom: auto!important;
    min-width: 100px;
    max-width: 120px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37)
}

@media (max-width:767px) {
    .chat-callback .first-level-chat-callback .popover {
        left: auto!important;
        right: -25px!important;
        top: auto!important;
        bottom: -65px!important;
        min-width: 100px
    }
}

.chat-callback .first-level-chat-callback .popover>.arrow {
    border-left-color: #333;
    border-width: 6px 0 6px 6px;
    bottom: 0;
    top: 0!important;
    right: -9px!important;
    margin: auto
}

.chat-callback .first-level-chat-callback .popover>.arrow:after,
.chat-callback .second-level-chat-callback .popover>.arrow:after,
.chat-clickToCall .first-level-chat-callback .popover>.arrow:after,
.chat-clickToCall .second-level-chat-callback .popover>.arrow:after {
    border-left-color: #333
}

@media (max-width:767px) {
    .chat-callback .first-level-chat-callback .popover>.arrow {
        bottom: auto;
        top: -9px!important;
        right: 0!important;
        left: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.chat-callback .second-level-chat-callback {
    display: none;
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 4px
}

@media (max-width:767px) {
    .chat-callback .second-level-chat-callback {
        margin-bottom: 55px!important
    }
}

.chat-callback .second-level-chat-callback .single-button-sublevel {
    background-color: #3b61a6;
    color: #fff;
    width: 46px;
    height: 46px;
    margin-top: 4px;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37);
    cursor: pointer;
    position: relative;
    display: table;
    border-radius: 50%;
    background-clip: padding-box
}

@media (max-width:767px) {
    .chat-callback .second-level-chat-callback .single-button-sublevel {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px
    }
}

.chat-callback .second-level-chat-callback .popover {
    left: -52px!important;
    top: 3px!important;
    min-width: 90px;
    text-align: right;
    font-size: 12px;
    color: #fff;
    background-color: #0b2f71;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37);
    border-radius: 20px;
    z-index: -1
}

.chat-callback .second-level-chat-callback .popover>.arrow {
    border-left-color: #333;
    border-width: 6px 0 6px 6px;
    top: 0!important;
    bottom: 0;
    right: -6px;
    margin: auto
}

@media (max-width:767px) {
    .chat-callback .second-level-chat-callback .popover {
        top: 0!important
    }
}

.chat-callback .second-level-chat-callback .popover .popover-content {
    max-width: 60px;
    width: 60px;
    min-height: 36px;
    max-height: 36px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    padding: 2px 7px 2px 10px;
    line-height: 1;
    font-size: 10px;
    font-weight: 700
}

.chat-callback .secondlvlmb {
    margin-bottom: 60px!important
}

@media (max-width:767px) {
    .chat-callback .secondlvlmb {
        margin-bottom: 55px!important
    }
}

.chat-clickToCall {
    position: fixed;
    right: 0;
    top: 10%;
    z-index: 9999;
    height: 0
}

.chat-clickToCall .popoverclose {
    width: 20px;
    height: 20px;
    display: block;
    right: -1px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37);
    border-radius: 20px;
    line-height: 20px;
    font-weight: 700;
    top: -12px;
    z-index: -1;
    cursor: pointer
}

.chat-clickToCall .insideDiv-level-chat-callback {
    z-index: 99999!important;
    background-color: #fff;
    max-width: 500px;
    height: 550px;
    position: relative;
    left: 0%;
    overflow: auto
}

.chat-clickToCall .first-level-chat-callback,
.wcst-menu ul li,
.wcst-menu>ul>li,
.wrap-choose-plan .choose-plan--tab.active h2 {
    position: relative
}

@media (max-width:767px) {
    .chat-clickToCall .first-level-chat-callback {
        z-index: 99999!important;
        background-color: #fff;
        width: 300px;
        height: 200px;
        position: relative;
        left: 0%
    }
}

.chat-clickToCall .first-level-chat-callback.small-icon {
    font-size: 25px;
    line-height: 68px
}

@media (max-width:767px) {
    .chat-clickToCall .first-level-chat-callback.small-icon {
        font-size: 18px;
        line-height: 50px
    }
}

.chat-clickToCall .first-level-chat-callback .popover {
    left: -130px!important;
    right: auto!important;
    top: auto!important;
    bottom: auto!important;
    min-width: 100px;
    max-width: 120px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37)
}

@media (max-width:767px) {
    .chat-clickToCall .first-level-chat-callback .popover {
        left: auto!important;
        right: -25px!important;
        top: auto!important;
        bottom: -65px!important;
        min-width: 100px
    }
}

.chat-clickToCall .first-level-chat-callback .popover>.arrow {
    border-left-color: #333;
    border-width: 6px 0 6px 6px;
    bottom: 0;
    top: 0!important;
    right: -9px!important;
    margin: auto
}

.chat-clickToCall .second-level-chat-callback {
    display: none;
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 4px
}

@media (max-width:767px) {
    .chat-clickToCall .second-level-chat-callback {
        margin-bottom: 55px!important
    }
}

.chat-clickToCall .second-level-chat-callback .single-button-sublevel {
    background-color: #3b61a6;
    color: #fff;
    width: 46px;
    height: 46px;
    margin-top: 4px;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37);
    cursor: pointer;
    position: relative;
    display: table;
    border-radius: 50%;
    background-clip: padding-box
}

@media (max-width:767px) {
    .chat-clickToCall .second-level-chat-callback .single-button-sublevel {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px
    }
}

.chat-clickToCall .second-level-chat-callback .popover {
    left: -52px!important;
    top: 3px!important;
    min-width: 90px;
    text-align: right;
    font-size: 12px;
    color: #fff;
    background-color: #0b2f71;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .37);
    border-radius: 20px;
    z-index: -1
}

.chat-clickToCall .second-level-chat-callback .popover>.arrow {
    border-left-color: #333;
    border-width: 6px 0 6px 6px;
    top: 0!important;
    bottom: 0;
    right: -6px;
    margin: auto
}

@media (max-width:767px) {
    .chat-clickToCall .second-level-chat-callback .popover {
        top: 0!important
    }
}

.chat-clickToCall .second-level-chat-callback .popover .popover-content {
    max-width: 60px;
    width: 60px;
    min-height: 36px;
    max-height: 36px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    padding: 2px 7px 2px 10px;
    line-height: 1;
    font-size: 10px;
    font-weight: 700
}

.chat-clickToCall .secondlvlmb {
    margin-bottom: 60px!important
}

@media (max-width:767px) {
    .chat-clickToCall .secondlvlmb {
        margin-bottom: 55px!important
    }
}

.minimized-level-chat-clickToCall {
    z-index: 99999999!important;
    background-image: linear-gradient(to left, #32bedd 30%, #12d30f)!important;
    display: block!important;
    position: relative!important;
    padding: 14px 13px 10px!important;
    right: 35%!important;
    width: 175px!important;
    bottom: 0!important
}

@media (max-width:767px) {
    .minimized-level-chat-clickToCall {
        right: 58.5%!important;
        top: -45px!important
    }
}

.minimized-level-chat-callback {
    display: none;
    background-color: #3b61a6;
    color: #fff;
    position: fixed;
    bottom: 140px;
    padding: 5px 10px 2px;
    -webkit-transform: rotate(270deg) translate3d(0, 0, 1px);
    transform: rotate(270deg) translate3d(0, 0, 1px);
    right: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    z-index: 999;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

@media (max-width:767px) {
    .minimized-level-chat-callback {
        right: -5px;
        bottom: 0;
        padding: 0 10px;
        font-size: 14px
    }
}

.minimized-level-chat-callback .triangle-up {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 1px;
    border-style: solid;
    border-width: 0 6px 10px;
    border-color: transparent transparent #fff
}

@media (max-width:767px) {
    .minimized-level-chat-callback .triangle-up {
        border-style: solid;
        border-width: 0 4px 8px;
        border-color: transparent transparent #fff
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-color: #3d5265;
    color: #fff;
    font-size: 12px
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover .close-popover {
    height: 20px;
    position: relative
}

.popover .close-popover .icon-close-popup {
    right: 10px;
    top: 10px;
    color: #fff;
    position: absolute;
    font-size: 15px;
    cursor: pointer
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #3d5265;
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #3d5265
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.box-photo-text>div.txt>p,
.wrap-choose-plan .choose-plan--head-tabs ul {
    padding: 0;
    margin: 0
}

.wrap-choose-plan .choose-plan--tab {
    list-style: none;
    background-color: #3d5265;
    color: #fff;
    float: left;
    border: 1px solid #d0d0ce;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 10px 30px;
    font-size: 12px;
    cursor: pointer
}

.wrap-choose-plan .choose-plan--tab h2 {
    margin: 0;
    font-size: 30px
}

@media (max-width:991px) {
    .wrap-choose-plan .choose-plan--tab {
        padding: 10px 15px
    }
    .wrap-choose-plan .choose-plan--tab h2 {
        font-size: 24px
    }
    .wrap-choose-plan .choose-plan--tab div {
        display: none
    }
}

@media (max-width:767px) {
    .wrap-choose-plan .choose-plan--tab {
        width: 100%;
        border-radius: 0
    }
}

.wrap-choose-plan .choose-plan--tab.active {
    color: #3d5265;
    background-color: #fff;
    padding: 10px 30px 10px 60px
}

@media (max-width:991px) {
    .wrap-choose-plan .choose-plan--tab.active {
        padding: 10px 15px 10px 30px
    }
}

.wrap-choose-plan .choose-plan--tab.active h2:before {
    content: '';
    position: absolute;
    background-color: #a0d933;
    left: -20px;
    top: 0;
    bottom: 0;
    width: 10px;
    border-radius: 6px
}

.wrap-choose-plan .choose-plan--content {
    border: 1px solid #d0d0ce
}

.wrap-choose-plan .choose-plan--content__content-row {
    max-height: 735px;
    overflow-y: scroll;
    overflow-x: hidden
}

.wrap-choose-plan .choose-plan--content--head {
    padding: 20px 15px 0;
    font-size: 11px;
    color: #3d5265;
    font-weight: 700;
    display: table;
    width: 100%
}

.wrap-choose-plan .choose-plan--content--head div {
    padding-top: 10px;
    text-align: center;
    display: table-cell;
    width: 17.3%
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr:nth-child(odd),
.ui-datepicker table tr:nth-child(even),
.wrap-choose-plan .choose-plan--content--head div:nth-child(even),
.wrap-choose-plan .choose-plan--content--row__centered-col:nth-child(even) {
    background-color: #f5f5f5
}

.wrap-choose-plan .choose-plan--content--head div:first-child {
    text-align: left
}

@media (max-width:1199px) and (min-width:992px) {
    .wrap-choose-plan .choose-plan--content--head div {
        width: 17.5%
    }
}

.wrap-choose-plan .choose-plan--content--row-separator {
    background-color: #eaeaea;
    color: #3d5265;
    text-align: right;
    font-size: 12px;
    padding: 5px 45px;
    border-bottom: 1px #d0d0ce solid
}

.wrap-choose-plan .choose-plan--content--row {
    padding: 0 0 0 17px
}

@media (max-width:767px) {
    .wrap-choose-plan .choose-plan--content--row {
        margin-top: 20px
    }
}

.wrap-choose-plan .choose-plan--content--row__first-col {
    font-size: 16px;
    color: #3d5265;
    font-weight: 700;
    line-height: normal
}

.wrap-choose-plan .choose-plan--content--row__first-col span {
    display: block;
    font-weight: 400;
    color: #509e2f;
    font-size: 14px
}

@media (max-width:767px) {
    .wrap-choose-plan .choose-plan--content--row__first-col {
        font-size: 24px
    }
    .wrap-choose-plan .choose-plan--content--row__first-col span {
        font-size: 18px
    }
}

.wrap-choose-plan .choose-plan--content--row__centered-col {
    text-align: center;
    font-size: 24px;
    color: #3d5265;
    font-weight: 700;
    line-height: normal
}

.wrap-choose-plan .choose-plan--content--row__centered-col span {
    display: block;
    font-size: 12px;
    color: #b1b1b3;
    font-weight: 400
}

@media (max-width:767px) {
    .wrap-choose-plan .choose-plan--content--row__centered-col {
        font-size: 17px;
        padding: 0 7px
    }
    .wrap-choose-plan .choose-plan--content--row__centered-col span {
        padding-top: 8px;
        min-height: 36px
    }
}

.wrap-choose-plan .choose-plan--content--row__centered-col--last {
    font-size: 24px;
    color: #3d5265;
    text-align: center;
    line-height: normal
}

.wrap-choose-plan .choose-plan--content--row__centered-col--last sup {
    font-size: 12px;
    color: #509e2f;
    top: -10px;
    left: 3px
}

.wrap-choose-plan .choose-plan--content--row__centered-col--last .barred {
    font-size: 14px;
    position: relative;
    line-height: normal
}

.wrap-choose-plan .choose-plan--content--row__centered-col--last .barred:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #509e2f;
    bottom: 0;
    top: 7px;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg)
}

.wrap-choose-plan .choose-plan--content--row__centered-col--last .barred sup {
    font-size: 6px;
    top: -4px
}

@media (max-width:767px) {
    .wrap-choose-plan .choose-plan--content--row__centered-col--last {
        font-size: 42px
    }
    .wrap-choose-plan .choose-plan--content--row__centered-col--last .barred {
        font-size: 24px
    }
    .wrap-choose-plan .choose-plan--content--row__centered-col--last .barred:before {
        top: 13px
    }
    .wrap-choose-plan .choose-plan--content--row__centered-col--last .barred sup {
        font-size: 11px;
        top: -9px
    }
    .wrap-choose-plan .choose-plan--content--row__centered-col--last sup {
        font-size: 18px;
        top: -17px
    }
}

.wrap-choose-plan .choose-plan--content--row__col {
    display: table;
    height: 90px
}

.wrap-choose-plan .choose-plan--content--row__col>div {
    display: table-cell;
    vertical-align: middle;
    width: 17.3%
}

@media (max-width:1199px) and (min-width:992px) {
    .wrap-choose-plan .choose-plan--content--row__col>div {
        width: 17.5%
    }
}

@media (max-width:767px) {
    .wrap-choose-plan .choose-plan--content--row__col.vertical-top-mobile {
        height: 70px
    }
    .wrap-choose-plan .choose-plan--content--row__col.vertical-top-mobile>div {
        vertical-align: top
    }
}

.product-links-container .title {
    font-size: 12px;
    background-color: #eaeaea;
    padding: 0 10px;
    color: #b1b1b3;
    font-weight: 400
}

.product-links-container .link-section {
    padding: 10px;
    border-bottom: 1px solid #d0d0ce
}

.product-links-container .link-section .title-section {
    font-size: 16px;
    color: #374148;
    margin: 0;
    font-weight: 700
}

.product-links-container .link-section .text {
    font-size: 14px;
    color: #7c7c7c;
    margin: 0;
    line-height: 16px
}

.product-links-container .link-section .link {
    font-size: 14px;
    color: #00a0dc;
    margin: 0
}

.hero-offer__container {
    background: url(../images/bg-offer-light.png) center center no-repeat;
    background-size: cover;
    padding: 50px 0
}

@media (max-width:767px) {
    .hero-offer__container {
        background: #fff
    }
}

.hero-offer__container .info {
    background-color: rgba(41, 50, 57, .9);
    color: #fff
}

@media (min-width:992px) {
    .hero-offer__container .info .bgDarkCol {
        background: url(../images/bgNavyDark.png) repeat-y 15px 10px
    }
}

.hero-offer__container .info .bgDark {
    background: #292929;
    padding: 33px 8px 33px 33px;
    height: 100%
}

.hero-offer__container .info .bgDark>* {
    margin: 0;
    overflow: hidden
}

.hero-offer__container .info .bgDark span {
    font-size: 14px;
    max-height: 30px
}

.hero-offer__container .info .bgDark>h3 {
    font-size: 26px;
    margin: 15px 0 8px
}

@media (max-width:1199px) {
    .hero-offer__container .info .bgDark>h3 {
        font-size: 20px
    }
}

.hero-offer__container .info .bgDark>h4 {
    font-size: 16px;
    color: #d0d0ce;
    font-weight: 400;
    max-height: 30px;
    margin: 0 0 20px
}

.hero-offer__container .info .bgDark>p {
    max-height: 125px
}

.hero-offer__container .info .bgLight .border-right {
    border-right: 1px solid #fff;
    margin-bottom: 15px;
    min-height: 68px
}

@media (max-width:767px) {
    .hero-offer__container .info .bgLight .border-right {
        border-right: 0
    }
}

.hero-offer__container .info .bgLight>ul {
    list-style: none;
    margin: 25px 0 35px;
    padding: 0
}

@media (min-width:1200px) {
    .hero-offer__container .info .bgLight>ul {
        margin: 66px 0 40px
    }
}

@media (max-width:480px) {
    .hero-offer__container .info .bgLight>ul {
        margin: 0;
        padding: 25px
    }
}

.hero-offer__container .info .bgLight>ul>li {
    margin: 30px 0 0 30px
}

@media (min-width:992px) {
    .hero-offer__container .info .bgLight>ul>li {
        margin: 30px 0 0
    }
}

@media (max-width:480px) {
    .hero-offer__container .info .bgLight>ul>li {
        margin: 0 0 30px
    }
}

@media (max-width:767px) {
    .hero-offer__container .info .bgLight>ul>li {
        border-bottom: 1px solid #616161
    }
}

.hero-offer__container .info .bgLight>ul>li>* {
    margin: 0;
    float: left
}

.hero-offer__container .info .bgLight>ul>li>img {
    margin: 0 10px 0 0;
    display: inline-block;
    width: auto;
    max-width: 43px;
    max-height: 45px
}

.hero-offer__container .info .bgLight>ul>li .container-h5 {
    display: inline-block;
    width: calc(100% - 62px)
}

.hero-offer__container .info .bgLight>ul>li h5 {
    padding-right: 10px;
    margin-right: 0;
    font-size: 20px;
    max-width: 100%;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:767px) {
    .hero-offer__container .info .bgLight>ul>li h5 {
        max-width: 100%
    }
}

@media (max-width:480px) {
    .hero-offer__container .info .bgLight>ul>li h5 {
        height: 60px
    }
}

.hero-offer__container .info .bgLight>ul>li h5.border-right {
    border-right: 1px solid #fff
}

@media (max-width:767px) {
    .hero-offer__container .info .bgLight>ul>li h5.border-right {
        border-right: 0
    }
}

.hero-offer__container .info .bgLight>ul>li h5>span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    line-height: normal
}

.hero-offer__container .info .bgLight>ul>li>i {
    font-size: 12px;
    font-style: italic;
    line-height: normal;
    width: 90%;
    margin: 0 0 0 63px
}

.hero-offer__container .info .bgLight>ul>li>b {
    font-size: 12px;
    line-height: normal;
    color: #ff791d;
    width: 90%;
    margin: 0 0 0 63px
}

.hero-offer__container .info .bgLight>ul>li>p {
    font-size: 12px;
    line-height: normal
}

.hero-offer__container .info .bgLight>ul>li p {
    width: 90%;
    margin: 0 0 0 63px
}

@media (min-width:1200px) {
    .hero-offer__container .info .bgLight>ul>li p,
    .hero-offer__container .info .bgLight>ul>li>b,
    .hero-offer__container .info .bgLight>ul>li>i {
        width: 56%;
        margin: 0
    }
}

@media (max-width:480px) {
    .hero-offer__container .info .bgLight>ul>li p,
    .hero-offer__container .info .bgLight>ul>li>b,
    .hero-offer__container .info .bgLight>ul>li>i {
        margin: 0
    }
}

.hero-offer__container .info .bgLight.last {
    border: 0;
    border-top: solid 1px #777;
    margin: 33px 0;
    padding: 25px 0 20px 30px
}

@media (max-width:767px) {
    .hero-offer__container .info .bgLight.last {
        padding: 20px 20px 0
    }
}

@media (min-width:992px) {
    .hero-offer__container .info .bgLight.last {
        border: 0;
        border-left: solid 1px #777
    }
}

.hero-offer__container .info .bgLight.last h3 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px
}

.hero-offer__container .info .bgLight.last>div {
    max-width: 200px;
    margin: 20px auto 0;
    height: 30px
}

.hero-offer__container .info .bgLight.last>div>h4 {
    margin: 0;
    float: left;
    text-decoration: line-through
}

.hero-offer__container .info .bgLight.last>div>h2 {
    margin: 0;
    float: right;
    color: #fff
}

.hero-offer__container .info .bgLight.last>div>h2.hero__container__content__price__oldprice,
.hero-offer__container .info .bgLight.last>div>h2.orange {
    color: #ff791d
}

.hero-offer__container .info .bgLight.last>div>h2.hero__container__content__price__oldprice sup,
.hero-offer__container .info .bgLight.last>div>h2.orange sup {
    color: #f88017
}

.hero-offer__container .info .bgLight.last>span {
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
    font-size: 10px;
    line-height: 10px;
    margin-top: 20px
}

.hero-offer__container .info .bgLight.last>button {
    margin: 20px auto 0;
    display: block;
    min-width: 180px
}

.box-photo-text>div,
.ui-datepicker table .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.box-photo-text>div.photo {
    width: 20%
}

.box-photo-text>div.txt {
    padding: 10px 0 0 10px;
    width: 80%
}

.list_light {
    color: #374148;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.31;
    padding-left: 18px
}

.list_light>li {
    margin-bottom: 30px
}

.badge-with-price>div,
.badge-with-price>div>ul,
.ok-message>div {
    display: table;
    margin: 0 auto;
    padding: 5px 0
}

.ok-message>div>span {
    color: #a0d933;
    float: left;
    line-height: 28px;
    margin-right: 10px;
    font-size: 30px
}

.ok-message>div>h3 {
    line-height: 26px;
    margin: 0;
    padding-left: 48px
}

.badge-with-price {
    width: 100%;
    position: relative;
    margin-bottom: 50px
}

.badge-with-price>div {
    background-color: #f5f5f5;
    box-shadow: 0 32px 52px -30px rgba(0, 0, 0, .66);
    padding: 18px 65px 44px;
    border-radius: 5px;
    background-clip: padding-box
}

.badge-with-price>div>h4,
.badge-with-price>div>ul>li>h3 {
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.badge-with-price>div>ul {
    list-style: none;
    padding: 0
}

.badge-with-price>div>ul>li {
    padding: 0;
    display: inline-block;
    margin-right: 15px;
    vertical-align: text-top
}

@media (max-width:480px) {
    .badge-with-price>div>ul>li {
        width: 100%
    }
}

.badge-with-price>div>ul>li>span {
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

@media (max-width:480px) {
    .badge-with-price>div>ul>li>span {
        width: 100%;
        display: block
    }
}

.badge-with-price>div>ul>li>h3 {
    font-size: 36px;
    margin: 0
}

@media (max-width:480px) {
    .badge-with-price>div>ul>li>h3 {
        width: 100%
    }
}

.badge-with-price>div>ul>li>h3>sup {
    font-size: 18px;
    color: #a0d933;
    top: -13px
}

.title-page-with2buttons {
    padding-bottom: 18px;
    margin-top: 30px
}

.title-page-with2buttons .tit {
    font-size: 30px;
    margin: 0;
    line-height: 50px
}

@media (max-width:991px) {
    .title-page-with2buttons .tit {
        line-height: auto
    }
}

@media (max-width:991px) and (min-width:768px) {
    .title-page-with2buttons button.width-mobile-auto {
        min-width: 0
    }
}

@media (max-width:991px) {
    .title-page-with2buttons button {
        margin-top: 20px
    }
}

.rounded_box_small {
    border-radius: 6px;
    border: solid 1px #d0d0ce;
    overflow: hidden;
    width: 100%
}

.rounded_box_small .head {
    background-color: #f5f5f5;
    display: inline-block;
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 25px;
    margin: 0;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    color: #b1b1b3
}

.switch-container {
    display: inline-block
}

.switch-container .bootstrap-switch {
    border-radius: 20px;
    max-height: 32px
}

.switch-container .bootstrap-switch.bootstrap-switch-on {
    background-color: #509e2f
}

.switch-container .bootstrap-switch.bootstrap-switch-off {
    background-color: #000
}

.switch-container .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.switch-container .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background-color: transparent;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    padding: 6px
}

.switch-container .bootstrap-switch .bootstrap-switch-container {
    border-radius: 16px
}

.switch-container .bootstrap-switch .bootstrap-switch-label {
    border-radius: 50%;
    max-width: 28px;
    max-height: 28px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px
}

.option_configurator h2,
.option_configurator h3 {
    color: #fff;
    text-align: center;
    line-height: 40px
}

.option_configurator .price h3,
.radio-badge-container-plan>.info a:hover,
.wcst-carousel .slick-dots li.slick-active button:before {
    color: #7c7c7c
}

.option_configurator .option_configurator--smallcont {
    width: 100%;
    margin: 0 auto
}

@media (min-width:768px) {
    .option_configurator .option_configurator--smallcont {
        width: 600px
    }
}

.option_configurator_plan .quantity-stepper {
    display: inline-block!important
}

.option_configurator_plan .quantity-stepper button,
.option_configurator_plan .quantity-stepper input {
    width: 48px!important;
    margin-top: auto!important
}

.option_configurator_plan h2,
.option_configurator_plan h3,
.roaming-table tr td,
.roaming-table-blue tr td {
    text-align: center
}

.option_configurator_plan h2.white,
.option_configurator_plan h3.white,
.radio-badge-container-plan.IsSelected>.info .price h3,
.radio-badge-container-plan.IsSelected>.info .price h3 sup,
.radio-badge-container-plan.IsSelected>.info .price span,
.radio-badge-container-plan.radio-badge-container-plan-img.selected>.info .price h3,
.radio-badge-container-plan.radio-badge-container-plan-img.selected>.info .price h3 sup,
.radio-badge-container-plan.selected>.info .price h3,
.radio-badge-container-plan.selected>.info .price h3 sup,
.radio-badge-container-plan.selected>.info .price span {
    color: #fff
}

.container-radio-calendar {
    display: block;
    margin: 0 auto;
    width: 260px
}

.radio-calendar-container {
    position: relative;
    width: 49px;
    height: 57px;
    color: #7c7c7c;
    overflow: hidden
}

.radio-badge-container .radioPlace input[type=radio],
.radio-badge-container-plan>.info input[type=radio],
.radio-box-blue input[type=radio],
.radio-calendar-container>input {
    display: none
}

.radio-calendar-container>input[type=radio]:checked+label {
    color: #509e2f
}

.radio-calendar-container>label {
    position: relative;
    font-size: 55px;
    line-height: 55px;
    display: block
}

.radio-calendar-container>label>span {
    font-family: Arial;
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 11px;
    width: 100%;
    text-align: center
}

.radio-badge-container.selected {
    width: 285px;
    height: 280px;
    border: solid 1px #a0d933;
    margin-top: 0!important
}

.radio-badge-container.selected .imgPlace>div>div {
    width: 100px
}

.radio-badge-container {
    height: 250px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border: solid 1px #d0d0ce;
    position: relative
}

@media (min-width:1200px) {
    .radio-badge-container {
        width: 308px!important;
        margin-left: 10px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .radio-badge-container {
        width: 253px!important;
        margin-left: 10px
    }
}

@media (min-width:769px) and (max-width:992px) {
    .radio-badge-container {
        width: 288px!important;
        margin-left: 10px
    }
}

@media (max-width:768px) {
    .radio-badge-container {
        width: auto
    }
}

.radio-badge-container:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .radio-badge-container {
        margin-top: 15px
    }
}

.radio-badge-container h5 {
    text-align: center;
    margin: 0;
    line-height: 22px;
    word-wrap: break-word
}

.radio-badge-container .imgPlace {
    height: 85px;
    width: 100%;
    display: table
}

.radio-badge-container .imgPlace>div {
    vertical-align: middle;
    display: table-cell;
    text-align: center
}

.radio-badge-container .imgPlace>div>div {
    margin: 0 auto;
    width: 80px;
    overflow: hidden;
    max-height: 100px
}

.radio-badge-container .radioPlace {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 100px
}

.radio-badge-container .radioPlace>p {
    color: #b1b1b3;
    text-align: center;
    line-height: 14px;
    height: 60px;
    width: 100%;
    margin: 10px auto;
    padding: 0 10px
}

.radio-badge-container .radioPlace label {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    border: 1px solid #ccc;
    margin: 0 auto;
    position: relative
}

.radio-badge-container input[type=radio]:checked+label:before {
    content: "";
    width: 16px;
    margin: auto;
    height: 16px;
    background-color: #a0d933;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.height-radio-badge-370 {
    height: auto;
    min-height: 370px
}

.height-radio-badge-370 .radio-badge-container-plan {
    height: 340px
}

.height-radio-badge-370 .radio-badge-container-plan.selected {
    height: 360px
}

.height-radio-badge-355 {
    height: auto;
    min-height: 355px
}

.option_configurator_plan.addon .height-radio-badge-490 {
    height: auto;
    min-height: 490px
}

.option_configurator_plan.addon .height-radio-badge-490 .radio-badge-container-plan {
    height: 470px
}

.option_configurator_plan.addon .height-radio-badge-490 .radio-badge-container-plan>.info {
    height: 430px
}

.option_configurator_plan.addon .height-radio-badge-490 .radio-badge-container-plan.selected {
    height: 490px
}

.option_configurator_plan.addon .height-radio-badge-490 .radio-badge-container-plan.selected>.info {
    height: 460px
}

.radio-badge-container-plan.IsSelected h5,
.radio-badge-container-plan.selected h5 {
    height: 105px;
    line-height: 105px
}

.radio-badge-container-plan.IsSelected>.info,
.radio-badge-container-plan.selected>.info {
    height: 225px
}

.radio-badge-container-plan.IsSelected>.info .price,
.radio-badge-container-plan.selected>.info .price {
    background-color: #a0d933;
    height: 95px;
    padding-top: 14px;
    color: #fff
}

.radio-badge-container-plan {
    width: 100%;
    height: 298px;
    margin-top: 10px!important;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    border: solid 1px #d0d0ce;
    position: relative;
    text-align: center;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.radio-badge-container-plan.green-shadow {
    border: 0;
    box-shadow: 0 0 25px rgba(151, 215, 0, .7)
}

.radio-badge-container-plan .title-radio-badge {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 87px;
    display: table;
    width: 100%
}

.radio-badge-container-plan .title-radio-badge span {
    display: table-cell;
    vertical-align: middle
}

.radio-badge-container-plan h5 {
    color: #fff;
    margin: 0;
    background: url(../images/bg_little_plan_name.png) center center no-repeat;
    background-size: contain;
    height: 85px;
    line-height: 85px;
    transition: all .3s ease-in-out
}

.radio-badge-container-plan>.info {
    width: 100%;
    position: relative;
    height: 205px
}

.radio-badge-container-plan>.info .h6-no-height,
.radio-badge-container-plan>.info h6 {
    font-weight: 700;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px
}

.radio-badge-container-plan>.info h6 {
    height: 55px;
    padding: 20px
}

.radio-badge-container-plan>.info .h6-no-height {
    padding: 30px
}

.radio-badge-container-plan>.info .price {
    background-color: #f5f5f5;
    height: 71px;
    padding-top: 5px;
    transition: all .3s ease-in-out
}

.radio-badge-container-plan>.info .price span {
    text-transform: uppercase;
    color: #7c7c7c
}

.radio-badge-container-plan>.info .price h3 {
    margin: 0;
    font-weight: 400
}

.radio-badge-container-plan>.info .price h3 sup {
    font-size: 12px;
    top: -19px
}

.radio-badge-container-plan>.info .info-more,
.radio-badge-container-plan>.info a {
    color: #509e2f;
    text-decoration: underline;
    padding: 5px;
    display: block;
    cursor: pointer
}

.radio-badge-container-plan>.info input[type=radio]:checked+label:before {
    background-color: #a0d933;
    content: '';
    width: 16px;
    height: 16px;
    margin: 0;
    display: block;
    border-radius: 100%
}

.radio-badge-container-plan>.info label {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 3px
}

.radio-badge-container-plan.radio-badge-container-plan-img.selected>.info {
    height: 355px;
    transition: all .3s ease-in-out
}

.radio-badge-container-plan.radio-badge-container-plan-img.selected>.info.height-no-price {
    height: 365px
}

.radio-badge-container-plan.radio-badge-container-plan-img>.info {
    transition: all .3s ease-in-out;
    height: 320px
}

.radio-badge-container-plan.radio-badge-container-plan-img>.info.height-no-price {
    height: 345px
}

.radio-badge-container-plan.radio-badge-container-plan-img>.info h5 {
    color: #fff;
    margin: 0;
    background: url(../images/bg_little_plan_name.png) center center no-repeat;
    background-size: contain;
    width: 50px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    top: 75px;
    right: 50px
}

.radio-badge-container-plan.radio-badge-container-plan-img>.info img {
    margin: 25px auto;
    max-width: 100px
}

.radio-badge-container-plan.radio-badge-container-plan-img>.info .price,
.wcst-menu .wcst-menu-mobile a {
    color: #fff
}

.radio-badge-container-plan.radio-badge-container-plan-img>.info .price h3 {
    color: #374148
}

.option_configurator_plan.addon .radio-badge-container-plan>.info {
    height: 310px;
    top: 10px
}

.option_configurator_plan.addon .radio-badge-container-plan>.info>h6 {
    line-height: 25px
}

.option_configurator_plan.addon .radio-badge-container-plan>.info>p {
    height: 80px;
    margin: 0;
    color: #b1b1b3;
    font-size: 14px;
    padding: 8px 5px;
    overflow: hidden
}

.option_configurator_plan.addon .radio-badge-container-plan>.info button {
    width: 147px;
    margin-top: 10px
}

.option_configurator_plan.addon .radio-badge-container-plan.selected>.info {
    height: 340px
}

.radio-box-blue input[type=radio]:checked+label {
    border: 3px solid #20b2eb;
    color: #20b2eb
}

.radio-box-blue label {
    border: 3px solid #fff;
    width: 100%;
    display: block;
    padding: 30px 50px;
    font-size: 30px;
    font-weight: 700;
    color: #7c7c7c;
    text-align: center;
    border-radius: 4px;
    line-height: 33px
}

@media (max-width:767px) {
    .radio-box-blue label {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 30px
    }
}

.bg-img-wave.fixed-height {
    height: 620px
}

@media (max-width:992px) {
    .bg-img-wave.fixed-height {
        height: 690px
    }
}

@media (max-width:767px) {
    .bg-img-wave.fixed-height {
        height: 790px
    }
}

.height-radio-badge-355 .radio-badge-container-plan .button {
    margin-top: 40px!important
}

.radio-badge-container-plan.IsSelected,
.radio-badge-container-plan.selected {
    height: 318px;
    margin-top: 0!important
}

.radio-badge-container-plan.IsSelected.border-green,
.radio-badge-container-plan.selected.border-green {
    border: 1px solid #a0d933
}

@media (min-width:1200px) {
    .two-item-desktop .radio-badge-container {
        width: 280px!important
    }
}

.shipping-step-configurator .step-shipping {
    width: 65px;
    height: 65px;
    display: block;
    border-radius: 50px;
    background-color: #97d700;
    text-align: center
}

.shipping-step-configurator .step-shipping span {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    padding-top: 23px;
    display: block
}

.shipping-step-configurator .select-label {
    color: #fff;
    font-weight: 700;
    font-size: 15px
}

.shipping-step-configurator .dot-container {
    width: 85px;
    height: 10px;
    padding-top: 30px
}

.shipping-step-configurator .dot-container .dot {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #97d700;
    border-radius: 50px;
    float: left;
    margin-left: 5px
}

.small-height-radio-badge {
    height: auto;
    min-height: 290px
}

.small-height-radio-badge .radio-badge-container-plan,
.small-height-radio-badge .radio-badge-container-plan.radio-badge-container-plan-img>.info.height-no-price {
    height: 260px
}

.small-height-radio-badge .radio-badge-container-plan>.info {
    bottom: 0;
    height: 145px
}

.small-height-radio-badge .radio-badge-container-plan.selected>.info {
    height: 150px
}

.small-height-radio-badge .radio-badge-container-plan.radio-badge-container-plan-img.selected,
.small-height-radio-badge .radio-badge-container-plan.selected {
    height: 300px
}

.small-height-radio-badge .radio-badge-container-plan.radio-badge-container-plan-img.selected>.info.height-no-price {
    height: 275px
}

.viewinfo-bottom {
    position: absolute;
    bottom: 33px;
    width: 100%;
    text-align: center
}

.radiobutton-bottom {
    position: absolute;
    bottom: 13px;
    left: 45%
}

.radiobutton-bottom-inverse,
.viewinfo-bottom-inverse {
    position: absolute;
    bottom: 16px;
    width: 100%;
    text-align: center
}

.radiobutton-bottom-inverse {
    bottom: 41px;
    left: 45%;
    margin-top: 5px!important
}

@media (min-width:768px) {
    .padding-dot {
        margin-left: 5px
    }
}

@media (min-width:992px) {
    .padding-dot {
        margin-left: 30px
    }
}

@media (min-width:1200px) {
    .padding-dot {
        margin-left: 80px
    }
}

.decoder_label {
    width: auto!important;
    height: auto!important;
    border-radius: unset!important;
    border: none!important;
    padding: initial!important
}

.multiroom-container .dropdown__container,
.tmobil-bar-container img {
    width: auto
}

.multiroom-container .box_title,
.multiroom-container h6 span {
    color: #00a0dc
}

.multiroom-container .price {
    height: 100px!important
}

.radio-badge-container-plan .counter,
.radio-badge-container-plan.selected .description,
.wcst-menu .wcst-menu-mobile .menu-elem>.menu-elem-container,
.wcst-menu .wcst-menu-mobile.menu-closed .menu-elem-container {
    display: none
}

.radio-badge-container-plan.selected .counter {
    display: block!important
}

.container--confirmations {
    max-width: 1015px
}

.confirmation__page {
    padding: 110px 0;
    position: relative
}

.confirmation__page .container {
    z-index: 500;
    position: relative
}

.confirmation__page.confirmation__page--smallpadding {
    padding: 0 0 50px
}

@media (min-width:768px) {
    .confirmation__page.confirmation__page--smallpadding {
        padding: 30px 0 100px
    }
}

.confirmation__page .confirmation__page--content {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 30px
}

.confirmation__page .confirmation__page--content .icon-check-box-icon {
    font-size: 60px
}

.confirmation__page .confirmation__page--content .confirmation__page--content__image img {
    width: 75px
}

.confirmation__page .confirmation__page--content__title,
.header__all-sites--box-container--links.greybuttons span a {
    color: #3d5265
}

.confirmation__page .confirmation__page--bg--left {
    background: url(../images/bg-green-dec.png) no-repeat top left;
    background-size: auto 130%;
    width: 580px;
    position: absolute;
    left: -30px;
    top: 30px;
    height: 100%;
    display: none
}

@media (min-width:768px) {
    .confirmation__page .confirmation__page--bg--left {
        display: block
    }
}

@media (max-width:1199px) {
    .confirmation__page .confirmation__page--bg--left {
        background: 0 0
    }
}

.confirmation__page .confirmation__page--bg--left.confirmation__page--bg--small {
    background: url(../images/bg-green-dec.png) no-repeat top left;
    background-size: 105% 130%;
    width: 400px
}

@media (max-width:1199px) {
    .confirmation__page .confirmation__page--bg--left.confirmation__page--bg--small {
        background: #fff
    }
}

.confirmation__page .confirmation__page--bg--right {
    background: url(../images/bg-blue-dec1.png) no-repeat top left;
    background-size: 100% 130%;
    width: 435px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: none
}

@media (min-width:768px) {
    .confirmation__page .confirmation__page--bg--right {
        display: block
    }
}

@media (max-width:1199px) {
    .confirmation__page .confirmation__page--bg--right {
        background: 0 0
    }
}

.confirmation__page .confirmation__page--bg--right.confirmation__page--bg--small {
    background: url(../images/bg-blue-dec1.png) no-repeat top left;
    background-size: 100%;
    width: 400px
}

@media (max-width:1199px) {
    .confirmation__page .confirmation__page--bg--right.confirmation__page--bg--small {
        background: #fff
    }
}

.confirmation__page .form__block {
    min-width: 300px;
    max-width: 300px
}

@media (max-width:767px) {
    .confirmation__page .form__block {
        min-width: 100%;
        max-width: 100%
    }
}

.bordered__fullpage__box .bordered__fullpage__box__search .confirmation__page input,
.confirmation__page .bordered__fullpage__box .bordered__fullpage__box__search input,
.confirmation__page .form__input,
.confirmation__page .header__heading-bar__search input,
.header__heading-bar__search .confirmation__page input {
    min-width: 100%
}

.confirmation__page .separator {
    margin-bottom: 10px;
    margin-top: 20px;
    max-width: 100%
}

@media (min-width:768px) {
    .confirmation__page .separator {
        margin-bottom: 30px;
        margin-top: 40px;
        max-width: 80%
    }
}

.confirmation__page .form__block--first,
.header__menu-bar__list__item__submenu ul.lastblock {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .confirmation__page .form__block--first {
        margin-bottom: 0
    }
}

.confirmation__page .title-page,
.search-filter-panel__body>div {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .confirmation__page .title-page {
        margin-bottom: 20px
    }
}

.container--confirmations--pin {
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-bottom: 1px solid #eaeaea
}

.container--confirmations--smalltitle,
.container-body-page-my-cosmote .menu-lateral li ul li a:hover,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a:hover {
    font-size: 16px
}

@media (max-width:767px) {
    .js-newpassword-form .form__block {
        width: 100%;
        max-width: 100%
    }
}

.password-strength {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    background-color: #ef3e42;
    display: none;
    z-index: 1
}

@media (max-width:767px) {
    .password-strength {
        width: 100%
    }
}

.password-strength:after {
    content: '';
    position: absolute;
    left: 6%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ef3e42
}

.password-strength .password-label {
    color: #fff;
    font-size: 14px;
    margin-left: 15px;
    line-height: 40px;
    font-weight: 700
}

.password-strength .strength-bar-bg {
    position: absolute;
    background-color: rgba(55, 65, 72, .2);
    left: 100px;
    top: 15px;
    height: 10px;
    width: 60%;
    border-radius: 5px
}

@media (max-width:767px) {
    .password-strength .strength-bar-bg {
        width: 50%
    }
}

@media (max-width:321px) {
    .password-strength .strength-bar-bg {
        width: 40%
    }
}

@media (max-width:991px) and (min-width:768px) {
    .password-strength .strength-bar-bg {
        width: 75%
    }
}

.password-strength .strength-bar-bg .strength-bar {
    height: 10px;
    width: 20%;
    border-radius: 5px;
    background-color: #fff
}

.password-strength.password-strength-error .strength-bar {
    width: 0
}

.password-strength.password-strength-weak {
    background-color: #ffc005
}

.password-strength.password-strength-weak .strength-bar {
    width: 33.3%
}

.password-strength.password-strength-weak:after {
    border-bottom: 10px solid #ffc005
}

.password-strength.password-strength-medium {
    background-color: #ff791d
}

.password-strength.password-strength-medium .strength-bar {
    width: 66.6%
}

.password-strength.password-strength-medium:after {
    border-bottom: 10px solid #ff791d
}

.password-strength.password-strength-strong {
    background-color: #9ed54c
}

.password-strength.password-strength-small,
.password-strength.password-strength-strong .strength-bar,
.wcst-content .wcst-carousel .wcst-carousel-elem img,
.wcst-content .wcst-carousel.wcst-carousel-full-width .wcst-carousel-elem img {
    width: 100%
}

.password-strength.password-strength-strong:after {
    border-bottom: 10px solid #9ed54c
}

.password-strength.after-left:after {
    left: 15px
}

.password-strength.password-strength-small .strength-bar-bg {
    width: 40%
}

@media (max-width:767px) {
    .password-strength.password-strength-small .strength-bar-bg {
        width: 60px;
        left: 80px
    }
}

@media (max-width:767px) and (min-width:400px) {
    .password-strength.password-strength-small .strength-bar-bg {
        width: 80px
    }
}

@media (max-width:321px) {
    .password-strength.password-strength-small .strength-bar-bg {
        width: 30px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .password-strength.password-strength-small .strength-bar-bg {
        width: 65%
    }
}

.top-password-80 {
    top: 80px!important
}

.error__inpage__box {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.error__inpage__box__title {
    margin-top: 0;
    margin-bottom: 10px;
    color: #374148;
    font-size: 20px
}

.error__inpage__box__desc {
    margin-top: 0;
    margin-bottom: 0;
    color: #4a4a4a;
    font-size: 14px
}

.wcst-container {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse
}

@media (max-width:767px) {
    .wcst-container {
        display: block;
        position: relative
    }
}

.wcst-container .wcst-news-list>div:nth-child(2n+1) {
    clear: both
}

.wcst-container.wcst-no-menu .wcst-content .row>.col-sm-6 {
    width: 33.333%
}

.wcst-container.wcst-no-menu .wcst-news-list>div:nth-child(2n+1) {
    clear: none
}

.wcst-container.wcst-no-menu .wcst-news-list>div:nth-child(3n+1) {
    clear: both
}

@media (max-width:991px) {
    .wcst-container .scrolling-table {
        overflow-x: scroll
    }
    .wcst-container .scrolling-table table td {
        min-width: 150px
    }
}

.wcst-menu-container {
    display: table-cell;
    width: 255px;
    position: relative;
    top: -60px;
    vertical-align: top
}

@media (max-width:767px) {
    .wcst-menu-container {
        display: block;
        position: absolute;
        z-index: 1;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.wcst-content {
    display: table-cell;
    padding-left: 15px;
    padding-top: 10px
}

@media (max-width:768px) {
    .wcst-content {
        display: block;
        padding-left: 0;
        padding-top: 40px
    }
}

.wcst-content .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.wcst-content .video-elem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wcst-content .custom-accordion-group {
    min-height: 350px
}

.wcst-content .dropdown__container button {
    font-size: 14px;
    height: 40px;
    padding: 9px 12px
}

@media (max-width:767px) {
    .wcst-content .wcst-carousel,
    .wcst-content .wcst-carousel .wcs-carousel-full-width-mobile {
        width: 100%
    }
}

.wcst-round-box {
    border-radius: 6px;
    border: 1px solid #d0d0ce;
    padding: 15px
}

@media (max-width:767px) {
    .wcst-round-box {
        overflow-x: scroll
    }
}

.wcst-round-box.pd0 {
    padding: 0
}

.roaming-table,
.roaming-table-blue {
    width: 100%;
    font-size: 14px
}

.roaming-table thead,
.roaming-table-blue thead {
    height: 45px;
    background-color: #405264;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.roaming-table thead tr,
.roaming-table-blue thead tr {
    height: 45px
}

.roaming-table thead tr:first-child th,
.roaming-table-blue thead tr:first-child th {
    text-align: left;
    padding-left: 5px
}

@media (max-width:991px) {
    .roaming-table thead tr:first-child th,
    .roaming-table-blue thead tr:first-child th {
        padding-left: 5px
    }
}

.roaming-table thead th,
.roaming-table-blue thead th {
    font-size: 12px;
    font-weight: 400
}

@media (max-width:991px) {
    .roaming-table thead th,
    .roaming-table-blue thead th {
        font-size: 10px
    }
}

.roaming-table tr,
.roaming-table-blue tr {
    height: 55px
}

.header__menu-bar__list__item--account--anonymous--content .roaming-table tr td.green--hover:hover,
.header__menu-bar__list__item--account--anonymous--content .roaming-table-blue tr td.green--hover:hover,
.roaming-table tr .header__menu-bar__list__item--account--anonymous--content td.green--hover:hover,
.roaming-table tr td.green,
.roaming-table-blue tr .header__menu-bar__list__item--account--anonymous--content td.green--hover:hover,
.roaming-table-blue tr td.green {
    color: #6ca034;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-left: 15px
}

.roaming-table tr td .checkbox,
.roaming-table-blue tr td .checkbox {
    background: url(../images/check@3x.png) left top no-repeat;
    padding-top: 2px;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    display: inline-block
}

.roaming-table tr td .checkbox-img,
.roaming-table-blue tr td .checkbox-img {
    width: 25px
}

.roaming-table thead th,
.roaming-table-blue thead th {
    text-transform: none;
    line-height: 1.2
}

.roaming-table tr td,
.roaming-table-blue tr td {
    border-right: 1px solid #d7d7d7;
    font-size: 15px;
    color: #405163
}

.roaming-table tr td:last-child,
.roaming-table-blue tr td:last-child,
.ui-datepicker table th:last-child {
    border-right: 0
}

.roaming-table tbody tr th,
.roaming-table-blue tbody tr th {
    border-right: 1px solid #d7d7d7
}

.wcst-title-normal {
    font-size: 30px;
    margin-top: 10px;
    font-weight: 400
}

.wcst-carousel .slick-dots {
    display: block!important;
    bottom: 10px
}

.wcst-carousel .slick-dots li {
    margin: 0 8px
}

.wcst-carousel .slick-dots li button:before {
    font-size: 13px;
    color: #fff
}

.wcst-carousel .slick-prev {
    left: 15px
}

.wcst-carousel .slick-next {
    right: 15px
}

.wcst-carousel button.slick-next:before,
.wcst-carousel button.slick-prev:before {
    color: #4a4a4a
}

.roaming-table-v2 thead tr:first-child th {
    text-align: center
}

.roaming-table-v2 tbody th {
    border-top: 1px solid #fff;
    background-color: #405264;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    line-height: 1.2
}

.wcst-menu {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    border: solid 1px #eaeaea;
    margin-top: -36px;
    background-color: #fff;
    width: 100%;
    top: 20px
}

@media (max-width:768px) {
    .wcst-menu {
        position: static;
        margin-top: 10px
    }
}

.wcst-menu i {
    position: absolute;
    right: 14px;
    top: 23px;
    transition: all 200ms ease-in-out
}

.wcst-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.wcst-menu ul li a,
.wcst-menu ul li>div {
    display: block;
    min-height: 60px;
    padding: 17px 28px 17px 20px;
    width: 100%;
    border-bottom: 1px solid #eaeaea
}

.wcst-menu ul li a {
    color: #374148
}

.wcst-menu ul li>div {
    cursor: pointer
}

.wcst-menu ul li>div a {
    border-bottom: 0;
    width: auto;
    padding: 0;
    min-height: 0;
    display: inline
}

.wcst-menu>ul>li>i {
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 7px;
    top: 10px
}

.wcst-menu>ul>li>i:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 14px;
    height: 18px;
    margin: auto
}

.wcst-menu>ul>li>ul li {
    transition: height 200ms ease-in;
    background-color: #3d5265
}

.wcst-menu>ul>li>ul li a {
    color: #fff;
    padding-left: 40px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading h4[aria-expanded=true]::after,
.wcst-menu .wcst-menu-mobile.menu-closed .header i,
.wcst-menu>ul>li.with-submenu.submenu-open i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wcst-menu>ul>li.with-submenu.submenu-open ul li {
    min-height: 60px
}

.wcst-menu>ul>li.with-submenu.submenu-close ul li {
    height: 0;
    overflow: hidden
}

.wcst-menu .wcst-menu-mobile .header {
    height: 60px;
    position: relative;
    color: #509e2f
}

.wcst-menu .wcst-menu-mobile .header i,
.wcst-menu i {
    pointer-events: none
}

.wcst-menu .wcst-menu-mobile .header a {
    color: #509e2f
}

.wcst-menu,
.wcst-menu .wcst-menu-mobile .menu-elem.with-submenu .menu-elem-title {
    position: relative
}

.wcst-menu .wcst-menu-mobile .menu-elem.with-submenu .menu-elem-title>a {
    width: 80%;
    display: block;
    padding: 20px 0 20px 20px;
    position: relative;
    height: auto;
    line-height: 1.2
}

.wcst-menu .wcst-menu-mobile .menu-elem.with-submenu .menu-elem-title>i {
    cursor: pointer;
    display: block;
    text-align: right;
    width: 20%;
    padding-right: 10px;
    position: absolute;
    height: 16px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.wcst-menu .wcst-menu-mobile .back-to>a {
    width: 80%;
    display: inline-block;
    padding-left: 7px
}

.wcst-menu .wcst-menu-mobile .back-to>i {
    position: relative;
    margin-top: 22px;
    margin-left: 15px;
    top: 2px;
    left: 0;
    right: auto;
    cursor: pointer
}

.wcst-menu .wcst-menu-mobile a {
    display: block;
    height: 60px;
    width: 100%;
    padding-top: 17px;
    padding-left: 20px
}

.wcst-menu .wcst-menu-mobile .menu-elem {
    height: 60px;
    background-color: #3d5265;
    color: #fff;
    border-bottom: 1px solid #fff
}

.wcst-menu .wcst-menu-mobile .menu-elem>.menu-elem-container .menu-elem:not(.back-to) {
    background-color: #3a4148
}

.wcst-menu .wcst-menu-mobile .menu-elem-container {
    position: relative;
    overflow-x: hidden;
    width: 100%
}

.wcst-menu .wcst-menu-mobile .menu-elem-container.hide-level>.menu-elem.submenu-open,
.wcst-menu .wcst-menu-mobile .submenu-open>.menu-elem-container {
    display: block;
    height: auto
}

.wcst-menu .wcst-menu-mobile .menu-elem-container.hide-level>.menu-elem,
.wcst-menu .wcst-menu-mobile .submenu-open.menu-elem.with-submenu>.menu-elem-title {
    display: none
}

.check-avaliabilty-container .investigation_status,
.check-avaliabilty-container .territory_avaliable,
.check-avaliabilty-container .territory_unavaliable {
    background: #f5f5f5;
    padding: 10px;
    text-align: center
}

.check-avaliabilty-container .territory_avaliable p span {
    color: #a0d933;
    padding-right: 10px
}

.check-avaliabilty-container .investigation_status p span,
.check-avaliabilty-container .territory_unavaliable p span {
    color: #eb3a2b;
    padding-right: 10px
}

.available-check-url {
    margin-top: -30px;
    font-weight: 700
}

.available-check-url a {
    color: #fff!important
}

.available-check-url a:hover {
    color: #a0d933!important
}

.avaliable-plan-container .page-subtitle {
    border-bottom: 1px solid #c4c4c4
}

.tmobil-bar-container {
    background-color: #3d5265;
    color: #fff;
    height: 100px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 200;
    box-shadow: 0 -1px 29px 0 rgba(0, 0, 0, .18)
}

@media (max-width:992px) {
    .tmobil-bar-container {
        height: auto;
        padding-bottom: 20px
    }
}

@media (max-width:768px) {
    .tmobil-bar-container .button.purple {
        float: left!important
    }
}

.tmobil-bar-container .header__all-sites__close-icon {
    right: 15px
}

.quick-links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .quick-links-container {
        display: block;
        text-align: center
    }
}

.quick-links-container .single-quick-links {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:767px) {
    .quick-links-container .single-quick-links {
        display: inline-block;
        vertical-align: top;
        margin: 10px 0;
        width: 150px
    }
}

.quick-links-container .single-quick-links .link-circle {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    background-color: #a0d933;
    margin: 0 auto
}

.quick-links-container .single-quick-links .link-circle .icon {
    font-size: 40px;
    text-align: center;
    display: block;
    padding-top: 18px
}

.quick-links-container .single-quick-links .title-links-container {
    height: 40px;
    display: block
}

@media (max-width:991px) {
    .quick-links-container .single-quick-links .title-links-container {
        font-size: 14px
    }
}

.quick-links-container .single-quick-links .title-links-container .title-links {
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: 700
}

.quick-links-container .read-more {
    color: #a0d933;
    font-size: 12px;
    text-align: center;
    display: block;
    margin-top: 5px
}

.datepicker {
    max-width: 100%;
    position: relative
}

.datepicker i.icon-calendar-icon {
    position: absolute;
    right: 10px;
    bottom: 5px
}

@media (max-width:1199px) {
    .datepicker i.icon-calendar-icon {
        right: 5px
    }
}

@media (max-width:991px) {
    .datepicker i.icon-calendar-icon {
        right: 5px
    }
}

.datepicker i.icon-calendar-icon.small-right {
    right: 5px
}

.datepicker label {
    margin-top: 0
}

.datepicker input {
    width: 260px;
    margin-right: 20px
}

@media (max-width:767px) {
    .datepicker input {
        width: 100%
    }
}

.datepicker input.width-full {
    width: 100%;
    margin-right: 0
}

.datepicker input[disabled]~i.icon-calendar-icon {
    color: #b1b1b3
}

.ui-datepicker {
    width: 17em;
    padding: 0;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: #509e2f;
    color: #fff;
    font-weight: 700
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: -1px;
    width: 1.8em;
    height: 1.8em;
    color: #fff;
    display: none
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto auto auto -8px
}

.ui-datepicker .ui-datepicker-next span:before,
.ui-datepicker .ui-datepicker-prev span:before {
    font-family: 'cosmote'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: -1px;
    display: none
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-title {
    margin: 4px auto;
    line-height: 1;
    text-align: center;
    color: #000;
    width: calc(100% - 15px)
}

.ui-datepicker .ui-datepicker-title:after,
.ui-datepicker .ui-datepicker-title:before {
    content: "\e90b";
    position: absolute;
    top: 16px;
    pointer-events: none
}

.ui-datepicker .ui-datepicker-title:after {
    right: calc(0% - -18px)
}

.ui-datepicker .ui-datepicker-title:before {
    left: calc(50% - 30px);
    z-index: 1
}

.ui-datepicker .ui-datepicker-title select {
    font-size: .9em;
    margin: 1px 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 4px;
    font-weight: 400;
    border-radius: 0;
    border: 0;
    position: relative;
    height: 30px;
    background-color: #fff
}

.ui-datepicker .ui-datepicker-title select::-ms-expand {
    display: none
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 7.5px
}

.ui-datepicker select.ui-datepicker-year {
    margin-left: 7.5px
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0
}

.ui-datepicker table th {
    padding: 2px 7px;
    text-align: center;
    font-weight: 400;
    border: 0;
    border-right: 1px solid #ccc
}

.ui-datepicker table td {
    border: 0;
    border-right: 1px solid #ccc;
    padding: 1px
}

.ui-datepicker table td a,
.ui-datepicker table td span {
    display: block;
    padding: 2px 7px;
    text-align: center;
    text-decoration: none;
    color: #374148
}

.ui-datepicker table td a.ui-state-active,
.ui-datepicker table td span.ui-state-active {
    background-color: #509e2f;
    color: #fff;
    font-weight: 700
}

.ui-datepicker table td.ui-datepicker-other-month,
.ui-datepicker table th {
    background-color: #f5f5f5
}

.ui-datepicker table td:last-child {
    border-right: 0
}

.ui-datepicker table .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker table .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-icon {
    display: block;
    overflow: hidden;
    background-image: none;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.range-max-width .datepicker i.icon-calendar-icon {
    right: 155px
}

@media (max-width:1199px) {
    .range-max-width .datepicker i.icon-calendar-icon {
        right: 80px
    }
}

@media (max-width:991px) {
    .range-max-width .datepicker i.icon-calendar-icon {
        right: 5px
    }
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

@keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1
    }
    to {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0
    }
}

.uil-ripple-css-box-center {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 320px;
    height: 270px;
    z-index: 999
}

.uil-ripple-css-box-center p {
    color: #fff;
    font-size: 15px;
    text-align: center;
    font-family: sans-serif;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px
}

.uil-ripple-css-box-center .uil-ripple-css {
    background: 0 0;
    width: 300px;
    height: 300px;
    margin: auto
}

.uil-ripple-css-box-center .uil-ripple-css div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 0;
    height: 2;
    opacity: 0;
    border-radius: 50%;
    border-width: 8px;
    border-style: solid;
    -webkit-animation: uil-ripple 2s ease-out infinite;
    animation: uil-ripple 2s ease-out infinite
}

.uil-ripple-css-box-center .uil-ripple-css div:nth-of-type(1) {
    border-color: #97d700
}

.uil-ripple-css-box-center .uil-ripple-css div:nth-of-type(2) {
    border-color: #00a0dc;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.uil-ripple-css-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999
}

#rowChartTab2 .bar .bar-green {
    fill: #97d700
}

#rowChartTab2 .bar .bar-grey {
    fill: #ececec
}

#rowChartTab2 .bar text.value,
#rowChartTab3 .bar text.value {
    fill: #fff
}

#rowChartTab2 .axis {
    shape-rendering: crispEdges
}

#rowChartTab2 .axis path {
    fill: none
}

#rowChartTab2 .x.axis line,
#rowChartTab3 .x.axis line {
    stroke: #fff;
    stroke-opacity: .8;
    display: none
}

#rowChartTab2 .y.axis path {
    stroke: #000;
    display: none
}

#barCallChart .axis text,
#barCallChart2 .axis text,
#rowChartTab2 .axis text,
#rowChartTab2 .x-axis-label {
    font-family: ArialMT, Arial, Helvetica, sans-serif;
    font-size: 10px;
    fill: #374147
}

#barChart .bar {
    fill: #97d700
}

#barChart .axis {
    font-family: ArialMT, Arial, Helvetica, sans-serif;
    font-size: 10px;
    fill: #374147
}

#barCallChart .axis line,
#barCallChart .axis path,
#barCallChart2 .axis line,
#barCallChart2 .axis path,
#barChart .axis line,
#barChart .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

#barCallChart .x.axis path,
#barCallChart .y.axis .domain,
#barCallChart2 .x.axis path,
#barCallChart2 .y.axis .domain,
#barChart .x.axis path,
#barChart .y.axis .domain {
    display: none
}

#areaChart .y.axis .tick line,
#areaChart2 .y.axis .tick line,
#barCallChart .y.axis .tick line,
#barCallChart2 .y.axis .tick line,
#barChart .y.axis .tick line {
    stroke: #ececec
}

#areaChart2 circle.dotgreen,
#barCallChart .bar,
#barCallChart2 .bar,
#rowChartTab3 .bar .bar-green {
    fill: #97d700
}

#rowChartTab3 .bar .bar-grey {
    fill: #ececec
}

#rowChartTab3 .axis {
    shape-rendering: crispEdges
}

#rowChartTab3 .axis path {
    fill: none
}

#rowChartTab3 .y.axis path,
.chartHorizontal .y.axis path {
    stroke: #000;
    display: none
}

#areaChart .axis text,
#areaChart2 .axis text,
#rowChart .axis text,
#rowChartTab3 .axis text,
#rowChartTab3 .x-axis-label,
#timeOfDayChart .axis text,
.chartHorizontal .axis text {
    font-family: ArialMT, Arial, Helvetica, sans-serif;
    font-size: 10px;
    fill: #374147
}

#areaChart2 .axis line,
#areaChart2 .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

#areaChart2 .area {
    fill: url(#cosmote-gradient2)
}

#areaChart2 .line {
    fill: none;
    stroke: #97d700;
    stroke-width: 2px
}

#areaChart2 circle.dotwhite {
    fill: #fff
}

#areaChart2 .x.axis line,
#areaChart2 .x.axis path,
#areaChart2 .y.axis .domain,
#timeOfDayChart .axis--y .domain {
    display: none
}

#timeOfDayChart .dots path {
    fill: none;
    stroke: #4e9f27;
    stroke-width: 1.5px
}

#timeOfDayChart .axis line,
#timeOfDayChart .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

#timeOfDayChart .axis--y line {
    stroke-opacity: .2
}

#timeOfDayChart .axis--y path {
    stroke: none
}

#areaChart .x.axis line,
#areaChart .x.axis path,
#areaChart .y.axis .domain,
#rowChart .y.axis .domain,
#timeOfDayChart .axis--x .domain,
#timeOfDayChart .axis--x line,
.chartHorizontal .axis line,
.chartHorizontal .axis path {
    display: none
}

#areaChart .axis line,
#areaChart .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

#areaChart .area {
    fill: url(#cosmote-gradient)
}

#areaChart .line {
    fill: none;
    stroke: #97d700;
    stroke-width: 2px
}

#areaChart circle.dotgreen,
#rowChart .bar .bar-green,
.chartHorizontal .bar .bar-green {
    fill: #97d700
}

#areaChart .x.axis text {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#rowChart .bar .bar-grey,
.chartHorizontal .bar .bar-grey {
    fill: #ececec
}

#areaChart circle.dotwhite,
#grchart .bar text.value,
#rowChart .bar text.value,
.chartHorizontal .bar text.value {
    fill: #fff
}

#rowChart .axis {
    shape-rendering: crispEdges
}

#rowChart .axis path {
    fill: none
}

#rowChart .x.axis line,
.chartHorizontal .x.axis line {
    stroke: #fff;
    stroke-opacity: .8;
    display: none
}

#rowChart .y.axis path {
    stroke: #000
}

#grchart .legend,
.chartHorizontal .legend {
    fill: #374147;
    text-anchor: start;
    font-size: 11px
}

.chartHorizontal text {
    text-anchor: end;
    font-size: 10px
}

.chartHorizontal .label {
    fill: #374147;
    font: 9px sans-serif;
    text-anchor: end
}

#grchart .bar .bar-green {
    fill: #97d700
}

#grchart .bar .bar-grey {
    fill: #ececec
}

#grchart .legend {
    fill: #000;
    font: 14px sans-serif;
    font-size: 12px
}

#grchart text {
    font: 10px sans-serif;
    text-anchor: end
}

#grchart .axis text,
#grchart .x-axis-label {
    font-family: ArialMT, Arial, Helvetica, sans-serif;
    font-size: 10px;
    fill: #374147
}

#grchart .label {
    fill: #000;
    font: 14px sans-serif;
    text-anchor: end
}

#grchart .axis line,
#grchart .axis path,
.radio-badge-plan-new input[type=radio] {
    display: none
}

@media print {
    body {
        background-color: red!important
    }
    table tr td {
        min-width: 25%
    }
}

.box-special-offer {
    box-shadow: 0 0 25px rgba(151, 215, 0, .7);
    margin-bottom: 50px;
    margin-top: -85px;
    background-color: #fff;
    padding: 15px 75px;
    border-radius: 5px;
    position: relative;
    background-image: url(../images/ecom-restyle/Layer33.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    font-weight: 400
}

.box-special-offer img {
    position: absolute;
    width: auto;
    left: -70px;
    top: 15px
}

.box-special-offer h2 {
    color: #a0d933;
    margin-top: 10px
}

@media (max-width:991px) {
    .box-special-offer {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .box-special-offer {
        padding: 15px 35px;
        border-radius: 0
    }
}

.bg-img-green-wave,
.bg-img-grey-wave {
    background-image: url(../images/ecom-restyle/Layer30.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px
}

.bg-img-green-wave h2 {
    line-height: 1.2;
    padding-bottom: 15px
}

.bg-img-green-wave .dropdown-toggle,
.bg-img-green-wave input {
    color: initial
}

.bg-img-green-wave .slick-next:before,
.bg-img-green-wave .slick-prev:before {
    color: #fff
}

.bg-img-green-wave .shipping-step-configurator .step-shipping {
    background-color: #0086c1
}

.bg-img-green-wave .shipping-step-configurator .step-shipping.white-step {
    background-color: #fff;
    float: right
}

@media (max-width:767px) {
    .bg-img-green-wave .shipping-step-configurator .step-shipping.white-step {
        width: 40px;
        height: 40px
    }
}

.bg-img-green-wave .shipping-step-configurator .step-shipping.white-step span {
    color: #97d700
}

@media (max-width:767px) {
    .bg-img-green-wave .shipping-step-configurator .step-shipping.white-step span {
        font-size: 23px;
        font-weight: 700;
        padding-top: 10px
    }
}

.bg-img-green-wave .shipping-step-configurator .dot-container .dot {
    background-color: #0086c1
}

.bg-img-grey-wave {
    background-image: url(../images/ecom-restyle/Layer30grey.png)
}

.bg-img-grey-wave h2 {
    line-height: 1.2
}

.radio-badge-plan-new label {
    background-color: #fff;
    margin: 15px;
    padding: 15px;
    display: block;
    border-radius: 10px;
    color: #3d5265;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

.radio-badge-plan-new label img {
    width: auto;
    display: block;
    margin: auto auto 15px;
    max-height: 120px
}

.radio-badge-plan-new label .title-radio-badge {
    padding-bottom: 15px
}

.radio-badge-plan-new label .title-radio-badge span {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    display: block;
    width: 100%;
    min-height: 65px
}

.radio-badge-plan-new label .radio-simbole {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #aaa;
    display: block;
    margin: 15px auto 0;
    position: relative
}

.radio-badge-plan-new label .info p {
    transition: all .3s ease-in-out;
    min-height: 130px;
    color: #727272
}

.radio-badge-plan-new label.background-image-label {
    background-repeat: no-repeat;
    background-position: top center;
    padding: 15px;
    background-size: contain
}

.radio-badge-plan-new label.background-image-label .title-radio-badge {
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio-badge-plan-new input[type=radio]:checked~label {
    box-shadow: 0 0 25px rgba(151, 215, 0, .7);
    margin: 5px 15px
}

.radio-badge-plan-new input[type=radio]:checked~label .info p {
    min-height: 150px
}

.radio-badge-plan-new input[type=radio]:checked~label .radio-simbole:before {
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #a0d933;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.info-tag {
    top: -20px;
    display: inline-block;
    position: absolute;
    padding: 10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 0 30px 0 0;
    text-decoration: none;
    line-height: 18px;
    min-width: 120px;
    text-align: center
}

@media (max-width:767px) {
    .info-tag {
        font-size: 10px;
        min-width: 80px
    }
}

.info-tag.background-orange {
    background-color: #f88017;
    color: #fff
}

.info-tag.background-blue {
    background-color: #3b61a6;
    color: #fff
}

.info-tag.background-bluenavy {
    background-color: #3d5265;
    color: #fff
}

.info-tag.background-green {
    background-color: #41ad49;
    color: #fff
}

.info-tag.background-lightgreen {
    background-color: #a0d933;
    color: #fff
}

.info-tag.background-red {
    background-color: #cd0000;
    color: #fff
}

.info-tag:before,
.info-tirangle {
    position: absolute;
    content: "";
    display: inline-block
}

.info-tag:before {
    background: #fff;
    border-radius: 20px;
    margin: 0 5px 0 0;
    z-index: 10;
    width: 8px;
    height: 8px;
    right: -17px;
    top: 15px
}

.info-tirangle {
    border: 19px solid;
    border-color: transparent;
    height: 0;
    width: 0;
    right: -38px;
    top: 0
}

.info-tirangle.border-orange {
    border-left-color: #f88017
}

.info-tirangle.border-blue {
    border-left-color: #3b61a6
}

.info-tirangle.border-bluenavy {
    border-left-color: #3d5265
}

.info-tirangle.border-green {
    border-left-color: #41ad49
}

.info-tirangle.border-lightgreen {
    border-left-color: #a0d933
}

.info-tirangle.border-red {
    border-left-color: #cd0000
}

.info-circle {
    border: 2px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    width: 94px;
    height: 94px;
    -webkit-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    display: table
}

@media (max-width:767px) {
    .info-circle {
        top: -20px;
        left: -10px
    }
}

.info-circle span {
    position: relative;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: table-cell;
    vertical-align: middle
}

.info-circle.background-orange {
    background-color: #f88017;
    color: #fff
}

.info-circle.background-blue {
    background-color: #3b61a6;
    color: #fff
}

.info-circle.background-bluenavy {
    background-color: #374148;
    color: #fff
}

.info-circle.background-green {
    background-color: #41ad49;
    color: #fff
}

.info-circle.background-lightgreen {
    background-color: #a0d933;
    color: #fff
}

.info-circle.background-red {
    background-color: #cd0000;
    color: #fff
}

.further-p-info-section .title-box {
    font-size: 24px
}

.further-p-info-section .auto-width {
    width: auto!important
}

.personal-information-box h2 a {
    color: #3d5265;
    display: block
}

.promotion-container {
    display: inline-block;
    float: right
}

@media (max-width:767px) {
    .promotion-container {
        float: none;
        display: block
    }
}

.promotion-container .title {
    font-size: 20px;
    font-weight: 700
}

.custom-accordion-group .accordion-title.active .header__toolbar__language-selector li.current .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .header__toolbar__language-selector li.current .icon-accordion,
.header__toolbar__language-selector li.current .custom-accordion-group .accordion-title.active .icon-accordion,
.header__toolbar__language-selector li.current .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.header__toolbar__language-selector li.current .icon-caret-up,
.promotion-container .title:after {
    display: none
}

.promotion-container .promotion-box {
    background-color: #f8f8f8;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
    border: solid 1px #fff;
    line-height: 40px;
    padding: 0 10px;
    min-width: 250px
}

.promotion-text {
    font-weight: 700;
    color: #c00
}

.header__all-sites {
    background-color: #fff;
    border-bottom: 5px solid #509e2f;
    box-shadow: 0 2px 9px rgba(183, 183, 183, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101
}

.header__all-sites .header__toolbar__view-sites {
    position: absolute;
    bottom: -41px
}

.header__all-sites .container {
    position: relative
}

.header__all-sites__close-icon {
    position: absolute;
    right: -25px;
    top: 15px;
    cursor: pointer
}

.header__all-sites__close-icon img {
    width: 25px
}

@media (max-width:991px) {
    .header__all-sites__close-icon {
        right: 0
    }
}

.header__all-sites--box-container {
    border-right: 1px solid #d0d0ce;
    margin: 15px 0
}

.header__all-sites--box-container:last-child {
    border-right: none
}

.header__all-sites--box-container--links span {
    background-image: linear-gradient(to right, #93d900, #009fda)!important;
    display: inline-block;
    font-size: 13px;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 130px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    line-height: 37px
}

.header__all-sites--box-container--links span a {
    color: #fff
}

.header__all-sites--box-container--links span>* {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px
}

.header__all-sites--box-container--links.greybuttons span {
    background-image: none!important;
    background-color: #fff;
    color: #b1b1b3!important;
    border: 1px solid #b1b1b3;
    box-shadow: none
}

.header__all-sites--box-container--links.greybuttons span:hover {
    position: relative;
    border: 1px solid transparent!important;
    border-radius: 20px;
    background: #fff;
    background-clip: padding-box;
    cursor: pointer
}

.header__all-sites--box-container--links.greybuttons span:hover:after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(to right, #92d902, #019fd8);
    content: '';
    z-index: -1;
    border-radius: 20px;
    box-shadow: 0 3px 9px #d3d3d3, inset 0 0 9px #fff!important
}

.header__all-sites--title {
    color: #3d5265;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1
}

.header__toolbar {
    background: #fff;
    height: 40px;
    line-height: 40px;
    color: #509e2f;
    font-size: 14px;
    z-index: 100
}

.header__toolbar,
.header__toolbar .container {
    position: relative
}

.header__toolbar .icon-networks,
.header__toolbar .icon-store-locator {
    margin-right: 10px;
    font-size: 20px;
    position: relative
}

.header__toolbar a,
.header__toolbar__accessibility li a,
.header__toolbar__language-selector li a,
.header__toolbar__link a {
    color: #509e2f
}

.header__toolbar a:active,
.header__toolbar a:focus,
.header__toolbar a:hover,
.header__toolbar a:visited,
.header__toolbar__language-selector li a:active,
.header__toolbar__language-selector li a:focus,
.header__toolbar__language-selector li a:hover,
.header__toolbar__language-selector li a:visited,
.header__toolbar__link a:active,
.header__toolbar__link a:focus,
.header__toolbar__link a:hover,
.header__toolbar__link a:visited {
    color: #509e2f
}

.header__toolbar__right {
    position: absolute;
    right: 15px;
    top: 0
}

.header__toolbar__right.header__toolbar__right-view-sites {
    top: -5px
}

.header__toolbar.view-sites_toolbar {
    border-top: 5px solid #509e2f
}

.header__toolbar__view-sites {
    color: #fff;
    background-color: #509e2f;
    margin-right: 15px;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    display: table;
    line-height: 10px
}

.header__toolbar__view-sites img {
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 18px
}

.header__toolbar__view-sites span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1
}

.header__toolbar__language-selector {
    list-style-type: none;
    display: inline-block;
    height: auto;
    border-radius: 10px;
    background: #eaeaea;
    padding: 0 15px;
    line-height: 23px;
    color: #509e2f;
    margin: 9px 0 0 20px!important
}

.header__toolbar__language-selector li {
    display: block;
    overflow: hidden;
    max-height: 0
}

.header__toolbar__language-selector li img {
    width: 20px;
    height: 12px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    left: -1px
}

.custom-accordion-group .accordion-title.active .header__toolbar__language-selector li .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .header__toolbar__language-selector li .icon-accordion,
.custom-accordion-group .accordion-title.closed .header__toolbar__language-selector li .icon-accordion,
.header__toolbar__language-selector li .custom-accordion-group .accordion-title.active .icon-accordion,
.header__toolbar__language-selector li .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.header__toolbar__language-selector li .custom-accordion-group .accordion-title.closed .icon-accordion,
.header__toolbar__language-selector li .icon-caret-down,
.header__toolbar__language-selector li .icon-caret-up {
    font-size: 12px;
    margin-left: 3px;
    line-height: .7
}

.header__toolbar__language-selector li.current {
    max-height: 30px
}

.custom-accordion-group .accordion-title.active .header__toolbar__language-selector.open li.current .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .header__toolbar__language-selector.open li.current .icon-accordion,
.custom-accordion-group .accordion-title.closed .header__toolbar__language-selector li.current .icon-accordion,
.header__toolbar__language-selector li.current .custom-accordion-group .accordion-title.closed .icon-accordion,
.header__toolbar__language-selector li.current .icon-caret-down,
.header__toolbar__language-selector.open li.current .custom-accordion-group .accordion-title.active .icon-accordion,
.header__toolbar__language-selector.open li.current .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.header__toolbar__language-selector.open li.current .icon-caret-up {
    display: inline-block
}

@media (max-width:991px) and (min-width:768px) {
    .header__toolbar__language-selector li {
        margin-top: 6px
    }
}

.header__toolbar__language-selector.open li {
    transition: max-height .5s ease;
    max-height: 30px
}

.custom-accordion-group .accordion-title.active .header__toolbar__accessibility li.current .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .header__toolbar__accessibility li.current .icon-accordion,
.custom-accordion-group .accordion-title.closed .header__toolbar__language-selector.open li.current .icon-accordion,
.header__toolbar__accessibility li.current .custom-accordion-group .accordion-title.active .icon-accordion,
.header__toolbar__accessibility li.current .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.header__toolbar__accessibility li.current .icon-caret-up,
.header__toolbar__language-selector.open li.current .custom-accordion-group .accordion-title.closed .icon-accordion,
.header__toolbar__language-selector.open li.current .icon-caret-down {
    display: none
}

@media (max-width:991px) and (min-width:768px) {
    .header__toolbar__language-selector {
        border-radius: 0;
        margin: 5px 0 0 20px!important
    }
}

.header__toolbar__accessibility {
    list-style-type: none;
    display: inline-block;
    height: auto;
    border-radius: 10px;
    background: #509e2f;
    padding: 0 15px;
    line-height: 23px;
    color: #fff!important;
    margin: 9px 0 0 20px!important
}

.header__toolbar__accessibility li {
    display: block;
    overflow: hidden;
    max-height: 0
}
.accessibility{
    width:420px !important;
    height:100% !important;

}

.header__toolbar__accessibility li table,
.modal-redesign .accessibility table {
    width: auto;
    display: table;
    border-collapse: separate;
    border-color: gray;
    margin: 5px auto;
    color: #374148;
  /*  margin-left:280px;*/
    text-align:center!important;

}

.header__toolbar__accessibility li tr {
    background: #f2f2f2
}

.header__toolbar__accessibility li th,
.modal-redesign .accessibility th {
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    vertical-align: text-top;
    min-height: 45px;
    padding: 10px
}

.header__toolbar__accessibility li .left {
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #e9e9e9
}

.header__toolbar__accessibility li .right {
    border-radius: 0 8px 8px 0;
    border-left: 1px solid #e9e9e9
}

.header__toolbar__accessibility li a:active,
.header__toolbar__accessibility li a:focus,
.header__toolbar__accessibility li a:hover,
.header__toolbar__accessibility li a:visited {
    color: #fff!important
}

.header__toolbar__accessibility li .accessibility-img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    left: -1px;
    top: 2px
}

.header__toolbar__accessibility li .right-img {
    top: 1px;
    position: relative;
    width: 10px;
    heigth: 1px
}

.header__toolbar__accessibility li .left-img {
    top: 1px;
    position: relative;
    width: 10px;
    heigth: 10px
}

.custom-accordion-group .accordion-title.active .header__toolbar__accessibility li .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .header__toolbar__accessibility li .icon-accordion,
.custom-accordion-group .accordion-title.closed .header__toolbar__accessibility li .icon-accordion,
.header__toolbar__accessibility li .custom-accordion-group .accordion-title.active .icon-accordion,
.header__toolbar__accessibility li .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.header__toolbar__accessibility li .custom-accordion-group .accordion-title.closed .icon-accordion,
.header__toolbar__accessibility li .icon-caret-down,
.header__toolbar__accessibility li .icon-caret-up {
    font-size: 12px;
    margin-left: 3px;
    line-height: .7
}

.header__toolbar__accessibility li.current {
    max-height: 30px
}

.custom-accordion-group .accordion-title.active .header__toolbar__accessibility.open li.current .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .header__toolbar__accessibility.open li.current .icon-accordion,
.custom-accordion-group .accordion-title.closed .header__toolbar__accessibility li.current .icon-accordion,
.header__toolbar__accessibility li.current .custom-accordion-group .accordion-title.closed .icon-accordion,
.header__toolbar__accessibility li.current .icon-caret-down,
.header__toolbar__accessibility.open li.current .custom-accordion-group .accordion-title.active .icon-accordion,
.header__toolbar__accessibility.open li.current .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.header__toolbar__accessibility.open li.current .icon-caret-up {
    display: inline-block
}

@media (max-width:991px) and (min-width:768px) {
    .header__toolbar__accessibility li {
        margin-top: 6px
    }
}

.header__toolbar__accessibility.open li {
    transition: max-height .5s ease;
    max-height: 80px
}

.custom-accordion-group .accordion-title.closed .header__toolbar__accessibility.open li.current .icon-accordion,
.header__toolbar__accessibility.open li.current .custom-accordion-group .accordion-title.closed .icon-accordion,
.header__toolbar__accessibility.open li.current .icon-caret-down {
    display: none
}

@media (max-width:991px) and (min-width:768px) {
    .header__toolbar__accessibility {
        border-radius: 0;
        margin: 5px 0 0 20px!important
    }
}

.header__toolbar__link--bordered {
    padding-left: 20px;
    border-left: 1px solid #fff;
    margin-right: 20px
}

.header__heading-bar {
    background: #fff;
    padding: 15px 0
}

.header__heading-bar.shadow {
    box-shadow: 0 4px 3px 0 rgba(50, 50, 50, .22)
}

@media (min-width:768px) {
    .header__heading-bar .container {
        width: 100%
    }
}

@media (min-width:1200px) {
    .header__heading-bar .container {
        width: 1170px
    }
}

@media (max-width:767px) {
    .header__heading-bar {
        box-sizing: border-box;
        border-bottom: 3px solid #a0d933;
        padding: 6px 0;
        line-height: 47px;
        height: 62px
    }
}

.header__heading-bar__logo {
    background: url(../images/cosmote-logo-gr.png) no-repeat;
    background-size: 100%;
    width: 135px;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .header__heading-bar__logo {
        width: 160px;
        height: 43px
    }
}

@media (min-width:992px) {
    .header__heading-bar__logo {
        width: 221px;
        height: 59px
    }
}

.header__heading-bar__logo.english {
    background: url(../images/cosmote-logo-en.png) no-repeat;
    background-size: contain
}

.header__heading-bar__logo_ote_white-eng {
    background: url(../images/ote_eng_white.png) no-repeat;
    background-size: 100%;
    width: 135px;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .header__heading-bar__logo_ote_white-eng {
        width: 70px;
        height: 60px;
        margin-top: 10px;
        display: inline-block
    }
}

@media (min-width:992px) {
    .header__heading-bar__logo_ote_white-eng {
        width: 70px;
        height: 59px;
        margin-top: 10px;
        position: absolute;
        bottom: 5px;
        right: 40px
    }
}

@media (max-width:767px) {
    .header__heading-bar__logo_ote_white-eng {
        display: inline-block;
        width: 70px;
        height: 60px;
        margin: 30px 0 20px
    }
}

.header__heading-bar__logo_ote_white-greek {
    background: url(../images/ote_GR_white.png) no-repeat;
    background-size: 100%;
    width: 135px;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .header__heading-bar__logo_ote_white-greek {
        width: 70px;
        height: 60px;
        margin-top: 10px;
        display: inline-block
    }
}

@media (min-width:992px) {
    .header__heading-bar__logo_ote_white-greek {
        width: 70px;
        height: 59px;
        margin-top: 10px;
        position: absolute;
        bottom: 5px;
        right: 40px
    }
}

@media (max-width:767px) {
    .header__heading-bar__logo_ote_white-greek {
        display: inline-block;
        width: 70px;
        height: 60px;
        margin: 30px 0 20px
    }
}

.header__heading-bar__search {
    position: relative
}

.header__heading-bar__search input {
    height: 45px;
    line-height: 45px;
    width: 415px;
    border-radius: 0
}

@media (min-width:992px) {
    .header__heading-bar__search input {
        width: 500px;
        height: 59px;
        line-height: 59px
    }
}

.header__heading-bar__search input.full-width-input {
    height: auto;
    line-height: 1.2;
    width: 100%
}

.header__heading-bar__search button {
    background: 0 0;
    position: absolute;
    border: none;
    font-size: 22px;
    color: #d0d0ce;
    padding: 10px;
    right: 5px;
    top: 2px
}

@media (min-width:992px) {
    .header__heading-bar__search button {
        right: 8px;
        top: 8px;
        font-size: 23px
    }
    .header__heading-bar__search button.submit-order-history-input {
        top: 0;
        bottom: 0;
        font-size: 19px;
        margin: auto;
        right: 0
    }
    .header__heading-bar__search.header__heading-bar__search--relative input {
        width: 100%
    }
}

.header__heading-bar__mobile-toolbar {
    font-size: 20px
}

.header__heading-bar__mobile-toolbar .icon-user {
    color: #a0d933;
    margin-right: 30px
}

.header__heading-bar__mobile-toolbar .icon-menu {
    color: #3d5265;
    margin-right: 5px
}

@media (max-width:767px) {
    .header__heading-bar__search {
        position: absolute;
        top: 62px;
        z-index: 999;
        background-color: #fff;
        width: 100%;
        left: 0;
        margin-bottom: 40px
    }
    .header__heading-bar__search .xdsoft_autocomplete {
        width: 100%!important
    }
    .header__heading-bar__search .xdsoft_input {
        width: 100%;
        border: 1px solid #fff;
        box-shadow: none;
        box-shadow: 0 0 8px 0 rgba(200, 200, 200, .5);
        height: 48px;
        line-height: 48px
    }
    .header__heading-bar__search.header__heading-bar__search--relative {
        position: relative;
        top: 0
    }
    .header__heading-bar__search.header__heading-bar__search--relative input {
        width: 100%
    }
    .header__heading-bar__search button {
        line-height: 20px
    }
}

.header__heading-bar__search-otherlink {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #d0d0ce
}

.header__heading-bar__search-otherlink h3 {
    margin: 0;
    font-size: 16px
}

.header__heading-bar__search-otherlink p {
    margin: 0;
    font-size: 13px;
    color: #d0d0ce;
    line-height: 18px
}

.header__heading-bar__search-otherlink a {
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

.logo-call-analysis {
    margin-left: 15px;
    margin-top: -41px;
    z-index: 10000;
    background-color: #fff
}

.header__menu-bar {
    background: #3d5265;
    z-index: 1001
}

@media (min-width:992px) {
    .header__menu-bar .container {
        width: 100%
    }
}

@media (min-width:1200px) {
    .header__menu-bar .container {
        width: 1170px
    }
}

@media (max-width:991px) {
    .header__menu-bar .container {
        width: 100%;
        padding: 0
    }
}

.header__menu-bar__list {
    height: 59px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__menu-bar__list__item {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    text-align: center;
    min-width: 0;
    padding: 0 10px;
    border-left: 2px solid rgba(216, 216, 216, .1)
}

.header__menu-bar__list__item a:hover {
    color: #ddd
}

@media (min-width:1200px) {
    .header__menu-bar__list__item {
        min-width: 140px
    }
}

@media (max-width:991px) {
    .header__menu-bar__list__item {
        position: static
    }
}

.header__menu-bar__list__item:last-child {
    border-right: 2px solid rgba(216, 216, 216, .1)
}

.header__menu-bar__list__item:last-child:after {
    right: 0;
    left: auto
}

.header__menu-bar__list__item--cart,
.header__menu-bar__list__item--squares {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu-bar__list__item--cart a,
.header__menu-bar__list__item--squares a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px
}

.header__menu-bar__list__item--cart .icon-cart {
    position: relative;
    margin-right: 20px!important
}

.header__menu-bar__list__item--cart .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    font-family: Arial
}

.header__menu-bar__list__item--account {
    min-width: 0;
    padding-top: 16px;
    position: relative;
    cursor: pointer
}

.header__menu-bar__list__item--account .icon-user+div {
    line-height: 10px
}

.header__menu-bar__list__item--account .icon-user+div small+span {
    clear: right;
    line-height: 16px
}

.header__menu-bar__list__item--account:hover .header__menu-bar__list__item--accountdropdown {
    height: auto
}

@media (max-width:991px) and (min-width:768px) {
    .header__menu-bar__list__item--account {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .header__menu-bar__list__item--account a {
        display: block;
        width: 100%
    }
}

.header__menu-bar__list__item--account--anonymous--contentpadding {
    padding: 20px;
    background: #fff
}

.header__menu-bar__list__item--account--anonymous--content {
    position: absolute;
    min-width: 320px;
    right: 0;
    top: 100%;
    padding-top: 10px;
    height: 0;
    overflow: scroll;
    text-align: left;
    line-height: 21px;
    margin-top: -10px;
    z-index: 1005;
    display: none;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .15)
}

@media (min-width:768px) {
    .header__menu-bar__list__item--account--anonymous--content {
        overflow: hidden
    }
}

@media (max-width:767px) {
    .header__menu-bar__list__item--account--anonymous--content {
        display: block
    }
}

.header__menu-bar__list__item--account--anonymous--content--title {
    color: #3d5265
}

.header__menu-bar__list__item--account--anonymous--content .form__block {
    width: 100%;
    max-width: 100%
}

.header__menu-bar__list__item--account--anonymous--content .form__label {
    color: #3d5265;
    margin-top: 10px
}

.bordered__fullpage__box .bordered__fullpage__box__search .header__menu-bar__list__item--account--anonymous--content input,
.header__heading-bar__search .header__menu-bar__list__item--account--anonymous--content input,
.header__menu-bar__list__item--account--anonymous--content .bordered__fullpage__box .bordered__fullpage__box__search input,
.header__menu-bar__list__item--account--anonymous--content .form__input,
.header__menu-bar__list__item--account--anonymous--content .header__heading-bar__search input {
    width: 100%;
    max-width: 100%;
    color: #374148
}

.header__menu-bar__list__item--account--anonymous--content--bottom {
    background-color: #3d5265;
    padding: 10px 20px
}

.header__menu-bar__list__item--account--anonymous--content--bottom label {
    font-size: 14px;
    padding-left: 28px
}

.header__menu-bar__list__item--account--anonymous--content .top-arrow--green {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #a0d933;
    position: absolute;
    top: 0;
    right: 70px;
    z-index: 900;
    opacity: 0
}

@media (max-width:991px) {
    .header__menu-bar__list__item--account--anonymous--content .top-arrow--green {
        right: 22.5px
    }
}

.header__menu-bar__list__item--account--anonymous--content.qr-opened {
    height: auto
}

.header__menu-bar__list__item--account--anonymous--content.qr-opened .top-arrow--green,
.header__menu-bar__list__item--account.open-login .header__menu-bar__list__item--account--anonymous--content .top-arrow--green,
.header__menu-bar__list__item--account.open-login-click .header__menu-bar__list__item--account--anonymous--content .top-arrow--green {
    opacity: 1
}

.header__menu-bar__list__item--account--anonymous--content.qr-opened .header__menu-bar__list__item--account--anonymous--contentpadding {
    border-top: 2px solid #a0d933
}

.header__menu-bar__list__item--account.open-login .header__menu-bar__list__item--account--anonymous--content,
.header__menu-bar__list__item--account.open-login-click .header__menu-bar__list__item--account--anonymous--content {
    height: auto;
    display: block
}

.header__menu-bar__list__item--account.open-login .header__menu-bar__list__item--account--anonymous--contentpadding,
.header__menu-bar__list__item--account.open-login-click .header__menu-bar__list__item--account--anonymous--contentpadding {
    border-top: 2px solid #a0d933
}

.header__menu-bar__list__item--accountdropdown {
    position: absolute;
    min-width: 255px;
    right: 0;
    top: 100%;
    background: #3d5265;
    padding: 0 10px;
    height: 0;
    overflow: hidden;
    z-index: 1005;
    transition: all .3s ease-in-out;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.header__menu-bar__list__item--accountdropdown span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 5px 20px 5px 10px;
    position: relative;
    min-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu-bar__list__item--accountdropdown span.last {
    border-bottom: none
}

.header__menu-bar__list__item--accountdropdown span [class^=icon] {
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 13px
}

.header__menu-bar__list__item--accountdropdown span a {
    min-height: 18px;
    height: auto
}

.header__menu-bar__list__item i.submenu__triangle {
    position: absolute;
    top: 0;
    right: -17px;
    bottom: 0;
    height: 10px;
    margin: auto;
    font-size: 11px
}

@media (min-width:992px) {
    .header__menu-bar__list__item i.submenu__triangle {
        right: -10px
    }
}

.header__menu-bar__list__item.js-submenu-active,
.header__menu-bar__list__item.js-submenu-open {
    border-top: 4px solid #3d5265;
    border-bottom: 4px solid #97d700
}

.header__menu-bar__list__item.js-submenu-active>span,
.header__menu-bar__list__item.js-submenu-active>span>a,
.header__menu-bar__list__item.js-submenu-open>span,
.header__menu-bar__list__item.js-submenu-open>span>a {
    color: #97d700!important
}

.header__menu-bar__list__item.js-submenu-active>span>a[href=""],
.header__menu-bar__list__item.js-submenu-active>span>a[href=""]:hover,
.header__menu-bar__list__item.js-submenu-active>span>a[href="#"],
.header__menu-bar__list__item.js-submenu-active>span>a[href="#"]:hover {
    color: #97d700!important;
    border-bottom: none!important;
    text-decoration: none!important;
    cursor: default!important
}

.header__menu-bar__list__item__submenu {
    width: 1138px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 0;
    max-height: 0;
    box-shadow: 0 2px 9px 0 rgba(183, 183, 183, .5);
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #eaeaea;
    border-bottom: solid 1px #eaeaea;
    text-align: left;
    z-index: 300
}

@media (max-width:991px) {
    .header__menu-bar__list__item__submenu {
        width: 100%
    }
}

.header__menu-bar__list__item__submenu ul {
    margin: 2px 0 20px
}

.header__menu-bar__list__item__submenu ul li {
    line-height: 20px
}

@media (min-width:768px) {
    .header__menu-bar__list__item__submenu ul {
        padding-left: 0
    }
}

.header__menu-bar__list__item__submenu__panel {
    position: relative
}

.header__menu-bar__list__item__submenu__panel .header__menu-bar__list__item__submenu__table--container--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.header__menu-bar__list__item__submenu__panel .header__menu-bar__list__item__submenu__table--container--wrap .header__menu-bar__list__item__submenu__table--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 235px);
    min-width: calc(100% - 235px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header__menu-bar__list__item__submenu__panel .header__menu-bar__list__item__submenu__table--container--wrap .img-position-right-wrap {
    max-width: 215px
}

.header__menu-bar__list__item__submenu__panel .header__menu-bar__list__item__submenu__table--container--wrap .img-position-bottom-wrap {
    padding-top: 30px
}

.header__menu-bar__list__item__submenu__panel.header__menu-bar__list__item__submenu__panel--no-right-image .header__menu-bar__list__item__submenu__table--container {
    max-width: 100%
}

.header__menu-bar__list__item__submenu__panel.header__menu-bar__list__item__submenu__panel--no-right-image .header__menu-bar__list__item__submenu__table--container .header__menu-bar__list__item__submenu__table__cell {
    min-height: 0
}

.header__menu-bar__list__item__submenu__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-spacing: 0 8px
}

.header__menu-bar__list__item__submenu__table__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    padding-left: 20px
}

@media (max-width:991px) {
    .header__menu-bar__list__item__submenu__table__cell {
        vertical-align: top
    }
}

.header__menu-bar__list__item__submenu__table__cell h4 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 24px
}

.header__menu-bar__list__item__submenu__header span a,
.header__menu-bar__list__item__submenu__item a,
.header__menu-bar__list__item__submenu__table__cell h4 a {
    color: #3d5265!important
}

.header__menu-bar__list__item__submenu__table__cell h4 a:hover {
    color: #509e2f!important;
    border-bottom: 0!important
}

@media (max-width:991px) and (min-width:768px) {
    .header__menu-bar__list__item__submenu__table__cell h4 {
        font-size: 14px
    }
}

.header__menu-bar__list__item__submenu__table__cell ul li {
    list-style-type: none
}

.header__menu-bar__list__item__submenu__table__cell ul li span a:hover {
    color: #509e2f!important;
    border-bottom: 0!important;
    font-weight: 700
}

.header__menu-bar__list__item__submenu__table__cell:last-child {
    border-right: none
}

@media (max-width:991px) {
    .header__menu-bar__list__item__submenu__table__cell:last-child .header__menu-bar__list__item__submenu--firstblock {
        width: 50%;
        float: left;
        border-right: 1px solid #eaeaea;
        min-height: 200px
    }
    .header__menu-bar__list__item__submenu__table__cell:last-child .header__menu-bar__list__item__submenu--secondblock {
        width: 50%;
        float: left;
        padding-left: 20px;
        min-height: 200px
    }
}

.header__menu-bar__list__item__submenu__table__cell.header__menu-bar__list__item__submenu__table__cell i {
    display: inline-block;
    -webkit-transform: rotate(170deg);
    transform: rotate(170deg)
}

.header__menu-bar__list__item__submenu__table__cell.header__menu-bar__list__item__submenu__table__cell i.icon-router {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media (min-width:768px) {
    .header__menu-bar__list__item__submenu__table__cell.header__menu-bar__list__item__submenu__table__cell i {
        display: none
    }
}

.header__menu-bar__list__item__submenu__table__cell.header__menu-bar__list__item__submenu__table__cell:hover {
    background-color: #f6f6f6
}

@media (min-width:992px) {
    .header__menu-bar__list__item__submenu__table__cell--last,
    .header__menu-bar__list__item__submenu__table__cell.header__menu-bar__list__item__submenu__table__cell__lastmd {
        border-right: none
    }
}

.header__menu-bar__list__item__submenu__header {
    color: #3d5265;
    line-height: 28px;
    font-size: 14px;
    font-weight: 700
}

.header__menu-bar__list__item__submenu__header span {
    padding: 9px 20px;
    position: relative;
    cursor: pointer
}

.header__menu-bar__list__item__submenu__header span.active {
    border-bottom: 5px solid #509e2f
}

.header__menu-bar__list__item__submenu__header span.active a {
    color: #509e2f!important
}

.header__menu-bar__list__item__submenu__header span.active a:hover {
    border-bottom: 0
}

.header__menu-bar__list__item__submenu__header span.active:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #509e2f transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 6px);
    z-index: 10
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a::after,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a::before,
.header__menu-bar__list__item__submenu__header span.active.no-bottom-arrow:after {
    content: initial
}

@media (max-width:991px) and (min-width:768px) {
    .header__menu-bar__list__item__submenu__header span {
        display: inline-block;
        max-width: 14.28%;
        line-height: 16px;
        vertical-align: middle;
        font-size: 14px;
        padding: 9px 17px;
        text-align: center
    }
}

.header__menu-bar__list__item__submenu__item {
    font-size: 12px;
    text-transform: none;
    color: #3d5265
}

.header__menu-bar__list__item__submenu__item a:hover {
    color: #448427!important
}

.header__menu-bar__list__item__submenu--footer {
    border-top: 1px solid #eaeaea;
    line-height: 40px;
    padding-top: 10px
}

.header__menu-bar__list__item__submenu--footer i {
    font-size: 16px!important;
    top: auto!important;
    margin-right: 0!important
}

.header__menu-bar__list__item.active .header__menu-bar__list__item__submenu,
.header__menu-bar__list__item.js-submenu-open .header__menu-bar__list__item__submenu {
    max-height: none;
    padding: 15px 15px 7.5px;
    z-index: 1001
}

.header__menu-bar__list__item.active .header__menu-bar__list__item__submenu--panel,
.header__menu-bar__list__item.js-submenu-open .header__menu-bar__list__item__submenu--panel {
    padding-bottom: 7.5px
}

.header__menu-bar__list [class^=icon] {
    color: #97d700;
    font-size: 20px;
    position: relative;
    margin-right: 10px
}

.header__menu-bar__list .icon-bluenavy {
    color: #3d5265
}

.qr_code--image {
    width: 200px;
    display: block;
    margin: -10px auto 0
}

.header__menu-bar__list--left {
    max-width: 70%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__menu-bar__list--left .header__menu-bar__list__item {
    min-width: 20%;
    height: 59px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:992px) {
    .header__menu-bar__list--left .header__menu-bar__list__item {
        min-width: 0;
        max-width: 160px
    }
}

.header__menu-bar__list--left .header__menu-bar__list__item span {
    display: block;
    width: 100%;
    position: relative
}

.header__menu-bar__list--left .header__menu-bar__list__item a,
.header__menu-bar__list--right .header__menu-bar__list__item--cart a {
    color: #fff
}

.header__menu-bar__list--left .header__menu-bar__list__item a:focus,
.header__menu-bar__list--left .header__menu-bar__list__item a:hover {
    color: #9ed54c;
    border-bottom: 1px solid #9ed54c
}

.header__menu-bar__list--left .header__menu-bar__list__item a span {
    padding: 0
}

.header__menu-bar__list--left .header__menu-bar__list__item a[href=""]:hover,
.header__menu-bar__list--left .header__menu-bar__list__item a[href="#"]:hover {
    border-bottom: none!important;
    text-decoration: none!important;
    cursor: default!important
}

.header__menu-bar__list--left .header__menu-bar__list__item i:hover {
    color: #9ed54c;
    cursor: pointer
}

.header__menu-bar__list--left .header__menu-bar__list__item .header__menu-bar__list__item__submenu__header span {
    width: auto;
    display: inline-block
}

.header__menu-bar__list--left .header__menu-bar__list__item.header__menu-bar__list__item--withsubmenu {
    padding-right: 20px
}

.header__menu-bar__list--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    max-width: 20%
}

@media (max-width:1199px) {
    .header__menu-bar__list--right {
        max-width: 25%
    }
}

.header__menu-bar__list--right .header__menu-bar__list__item--cart {
    padding: 0 10px
}

.header__menu-bar__list--right .header__menu-bar__list__item--account a:active,
.header__menu-bar__list--right .header__menu-bar__list__item--account a:focus,
.header__menu-bar__list--right .header__menu-bar__list__item--account a:hover,
.header__menu-bar__list--right .header__menu-bar__list__item--account a:visited,
.header__menu-bar__list--right .header__menu-bar__list__item--cart a:active,
.header__menu-bar__list--right .header__menu-bar__list__item--cart a:focus,
.header__menu-bar__list--right .header__menu-bar__list__item--cart a:hover,
.header__menu-bar__list--right .header__menu-bar__list__item--cart a:visited {
    color: #fff
}

.header__menu-bar__list--right .header__menu-bar__list__item--cart .icon-triangle-up {
    right: 13%
}

@media (max-width:991px) and (min-width:768px) {
    .header__menu-bar__list--right .header__menu-bar__list__item--cart .icon-triangle-up {
        right: 10.5%
    }
    .header__menu-bar__list--right .header__menu-bar__list__item--cart .icon-cart {
        margin: auto!important;
        padding-top: 4px;
        display: inline-block
    }
    .header__menu-bar__list--right .header__menu-bar__list__item--cart .icon-cart .badge {
        top: -6px
    }
}

@media (min-width:992px) {
    .header__menu-bar__list--right .header__menu-bar__list__item--cart {
        border-left: 2px solid rgba(216, 216, 216, .1)
    }
    .header__menu-bar__list--right .header__menu-bar__list__item--cart .icon-triangle-up {
        right: 254px
    }
}

.header__menu-bar__list--right .header__menu-bar__list__item--account {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu-bar__list--right .header__menu-bar__list__item--account small {
    max-width: 140px;
    line-height: 15px;
    text-align: right;
    display: block
}

.header__menu-bar__list--right .header__menu-bar__list__item--account a {
    color: #fff;
    display: block;
    width: 100%
}

.header__menu-bar__list--right .header__menu-bar__list__item--account a>div {
    display: inline-block;
    vertical-align: middle;
    text-align: right
}

@media (max-width:1199px) {
    .header__menu-bar__list--right .header__menu-bar__list__item--account a>div {
        max-width: 135px
    }
}

@media (min-width:1200px) {
    .header__menu-bar__list--right .header__menu-bar__list__item--account a>div {
        max-width: 125px
    }
}

.header__menu-bar__list--right .header__menu-bar__list__item--account .header__menu-bar__list__item--account--anonymous--contentpadding .button--orange,
.header__menu-bar__list--right .header__menu-bar__list__item--account a.button--secondary {
    height: 52px
}

.header__menu-bar__list--right .header__menu-bar__list__item--account .pull-left {
    float: none!important
}

.header__menu-bar__list--right .header__menu-bar__list__item--account .header__menu-bar__list__item--account--anonymous--contentpadding small {
    max-width: none;
    text-align: left
}

.header__menu-bar__list--right .header__menu-bar__list__item--account .header__menu-bar__list__item--account--anonymous--contentpadding small a {
    display: inline-block;
    width: auto
}

.header__menu-bar__list--right .header__menu-bar__list__item--account .icon-user {
    margin-right: 0;
    vertical-align: middle;
    display: inline-block
}

@media (max-width:991px) and (min-width:768px) {
    .header__menu-bar__list--right .header__menu-bar__list__item--account .icon-user {
        margin-right: 20px
    }
}

.header__menu-bar__list--right .header__menu-bar__list__item--account .icon-user .badge {
    margin-top: -9px
}

.js-submenu-tabs>span>a.enabled {
    text-decoration: underline!important
}

.header__menu-bar__list__item.header__menu-bar__list__item--last {
    border-right: 2px solid rgba(216, 216, 216, .1)
}

.btnRevert {
    border-right: none!important;
    border-left: none!important
}

.changeBackground {
    background: #0a5800!important
}

.footer__links__section__list a,
.webAccTextWhite {
    color: #fff!important
}

.webAccessBtn {
    width: 50px;
    position: fixed;
    right: 0;
    z-index: 999
}

.webAccTextBlack {
    color: #000!important
}

.webAccTextYellow {
    color: #f5ff00!important
}

.webAccBackgroundBlack {
    background: #000!important
}

.webAccBackgroundGrey {
    background: #9b9b9b!important
}

.webAccBackgroundYellow {
    background: #f5ff00!important
}

.revert-img {
    top: 1px;
    position: relative;
    width: 15px;
    heigth: 1px
}

.header__heading-bar.menu-mobile {
    padding: 0
}

.header__heading-bar.menu-mobile .no-scroll {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
    background-color: #fff
}

.header__heading-bar.menu-mobile .header__heading-bar__logo {
    margin: 9px 10px
}

.header__heading-bar.menu-mobile.menu-mobile--search {
    padding: 0
}

@media (min-width:768px) {
    .header__heading-bar.menu-mobile.menu-mobile--search {
        padding: 15px 0
    }
}

.header__heading-bar.menu-mobile.menu-mobile--search .header__heading-bar__logo {
    margin: 13px 0 0 5px
}

@media (min-width:768px) {
    .header__heading-bar.menu-mobile.menu-mobile--search .header__heading-bar__logo {
        margin: 0 10px
    }
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar {
    transition: all .3s linear .15s;
    height: 60px;
    width: 40px;
    position: relative;
    cursor: pointer
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop.open-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop.open-menu .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop.open-menu .icon-user,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self.open-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self.open-menu .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self.open-menu .icon-user,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart.open-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart.open-menu .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart.open-menu .icon-user,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.open-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.open-menu .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.open-menu .icon-user {
    transition: all .3s linear .15s
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.open-menu .icon-menu:before {
    content: "\e95a"!important
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar .icon-cart {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    transition: all .3s linear .15s
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar .badge {
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 30px;
    right: 0;
    margin: auto
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar .badge#mobilebadge-user {
    left: 18px
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart {
    transition: all .3s linear .15s;
    height: 60px;
    width: 60px;
    position: relative;
    cursor: pointer
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop .icon-cart,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop .icon-user,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self .icon-cart,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self .icon-user,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart .icon-cart,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart .icon-user {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    color: #3d5265;
    transition: all .3s linear .15s
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-eshop .badge,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-header-menu-mobile-self .badge,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar.js-open-mini-cart .badge {
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 30px;
    right: 0;
    margin: auto
}

.header__heading-bar.menu-mobile .menu-mobile-eshop,
.header__heading-bar.menu-mobile .menu-mobile-self {
    position: fixed;
    top: 59px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #3d5265;
    z-index: 99999
}

@media (min-width:768px) {
    .header__heading-bar.menu-mobile .menu-mobile-eshop,
    .header__heading-bar.menu-mobile .menu-mobile-self {
        position: absolute;
        top: 115px;
        left: auto;
        bottom: auto
    }
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll .header__menu-bar__list--right,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll .header__menu-bar__list--right {
    width: 100%;
    max-width: 100%
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll .header__menu-bar__list--right .header__menu-bar__list__item.header__menu-bar__list__item--our-networks,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll .header__menu-bar__list--right .header__menu-bar__list__item.header__menu-bar__list__item--our-networks {
    width: 100%;
    max-width: 100%;
    background-color: #374148
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll .header__menu-bar__list--right .header__menu-bar__list__item.header__menu-bar__list__item--our-networks a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll .header__menu-bar__list--right .header__menu-bar__list__item.header__menu-bar__list__item--our-networks a {
    min-height: 30px;
    height: auto;
    color: #509e2f;
    font-weight: 400
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll .header__menu-bar__list--right .header__menu-bar__list__item.header__menu-bar__list__item--our-networks a i,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll .header__menu-bar__list--right .header__menu-bar__list__item.header__menu-bar__list__item--our-networks a i {
    font-size: 20px;
    margin-right: 10px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 100%
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li {
    color: #fff;
    background: #3d5265;
    border-bottom: solid 1px rgba(98, 136, 170, .37)
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li a {
    color: #fff;
    display: block;
    position: relative;
    padding: 14px 15px 14px 25px
}

@media (min-width:768px) {
    .header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li a,
    .header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li a {
        min-width: 320px
    }
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.header__menu-bar__list__item--changelanguage,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.header__menu-bar__list__item--changelanguage {
    border-bottom: 0;
    text-align: center;
    margin-top: 70px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.header__menu-bar__list__item--changelanguage a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.header__menu-bar__list__item--changelanguage a {
    padding: 0;
    font-weight: 700;
    text-decoration: underline
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__over__inside>a i,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__over__inside>a i {
    float: right;
    padding: 5px 7px;
    border: 1px solid rgba(98, 136, 170, .37);
    font-size: 14px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__over__inside.opensubmenu>a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__over__inside.opensubmenu>a {
    color: #9ed54c
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__over__inside.opensubmenu>a i,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__over__inside.opensubmenu>a i {
    background-color: #9ed54c;
    color: #3d5265
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li .menu-mobile__submenu__back,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li .menu-mobile__submenu__back {
    position: relative;
    display: inline-block;
    float: left;
    width: 28px;
    height: 28px;
    z-index: 2;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 0!important;
    top: 18px;
    left: 16px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li .menu-mobile__submenu__back:before,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li .menu-mobile__submenu__back:before {
    content: "\e90a";
    position: relative;
    top: -1px;
    left: 4px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li .menu-mobile__submenu__back+a,
.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__accordion.accordion_open>a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li .menu-mobile__submenu__back+a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__accordion.accordion_open>a {
    font-weight: 700
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li .menu-mobile__submenu__back2,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li .menu-mobile__submenu__back2 {
    color: #97a1ab
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__accordion .menu-mobile__submenu__accordion-container,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__accordion .menu-mobile__submenu__accordion-container {
    padding-left: 30px;
    padding-top: 0
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside,
.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside li,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside li {
    background-color: #2e4356
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside .menu-mobile__submenu__third-level li:first-child,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul li.menu-mobile__submenu__second-level__inside .menu-mobile__submenu__third-level li:first-child {
    background-color: #2e4356
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__second-level,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__second-level {
    position: fixed;
    top: 60px;
    z-index: 1;
    background-color: #3d5265;
    height: calc(100% - 62px);
    overflow: scroll
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__second-level li a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__second-level li a {
    padding: 20px 60px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level {
    position: fixed;
    top: 60px;
    z-index: 2;
    overflow: scroll;
    background-color: #3d5265
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level li:first-child a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level li:first-child a {
    padding: 14px 15px 14px 5px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level li a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level li a {
    padding: 14px 15px 14px 25px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level {
    background-color: #49657d
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li {
    background-color: #49657d!important;
    border: none!important
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li:first-child a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li:first-child a {
    padding: 14px 15px 5px 25px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li a {
    padding: 5px 15px 5px 25px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li:last-child a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__third-level .menu-mobile__submenu__fourth-level li:last-child a {
    padding: 5px 15px 14px 25px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__fourth-level,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__fourth-level {
    position: fixed;
    top: 60px;
    z-index: 3;
    overflow: scroll;
    background-color: #3d5265
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul.menu-mobile__submenu__fourth-level li a,
.header__heading-bar.menu-mobile .menu-mobile-self .menu-mobile__scroll ul.menu-mobile__submenu__fourth-level li a {
    padding: 20px 60px
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .header__menu-bar__list__item--account--anonymous--content,
.header__heading-bar.menu-mobile .menu-mobile-self .header__menu-bar__list__item--account--anonymous--content {
    height: 100%;
    top: 0
}

@media (max-width:767px) {
    .header__heading-bar.menu-mobile .menu-mobile-eshop .header__menu-bar__list__item--account--anonymous--content,
    .header__heading-bar.menu-mobile .menu-mobile-self .header__menu-bar__list__item--account--anonymous--content {
        min-width: 100%
    }
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .header__menu-bar__list__item--account--anonymous--content .header__menu-bar__list__item--account--anonymous--content--bottom,
.header__heading-bar.menu-mobile .menu-mobile-self .header__menu-bar__list__item--account--anonymous--content .header__menu-bar__list__item--account--anonymous--content--bottom {
    color: #fff
}

.header__heading-bar.menu-mobile .menu-mobile-eshop .menu-mobile__scroll ul {
    height: calc(100% - 62px)
}

.indented__menu__mobile {
    padding-left: 10px
}

.selfcare-restyle-header {
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 20px 0;
    position: relative
}

.selfcare-restyle-header img {
    max-width: 250px
}

@media (max-width:767px) {
    .selfcare-restyle-header img {
        max-width: 150px
    }
}

.selfcare-restyle-header .back-link {
    padding-top: 10px;
    display: block
}

@media (max-width:767px) {
    .selfcare-restyle-header .back-link {
        font-size: 12px;
        padding-top: 0
    }
}

.selfcare-restyle-header .menu-button {
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 10px;
    right: 15px;
    border: 0;
    background-color: transparent;
    padding: 0;
    text-align: right;
    cursor: pointer
}

.container-button .button-tab-header {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 21px;
    background-clip: padding-box;
    border: 0;
    box-shadow: none;
    background-color: #e0e0e0;
    color: #509e2f;
    margin-left: 20px
}

.container-button .button-tab-header:first-child {
    margin-left: 0
}

@media (max-width:767px) {
    .container-button .button-tab-header {
        margin-left: 10px;
        padding: 10px;
        margin-bottom: 20px
    }
}

.container-button .button-tab-header i,
.container-button .button-tab-header span {
    display: inline-block;
    vertical-align: middle
}

.container-button .button-tab-header i {
    font-size: 18px;
    margin-right: 10px
}

.container-button .button-tab-header .badge {
    background-color: #a0d933;
    font-weight: 400;
    font-size: 16px;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    line-height: 1.6;
    text-align: center
}

.container-button .button-tab-header.active {
    background-color: #509e2f;
    color: #fff
}

.container-button .button-tab-header.active .badge {
    background-color: #fff;
    color: #509e2f
}

.footer__links {
    background: #3d5265;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    position: relative
}

.footer__links .container {
    position: relative;
    padding-bottom: 20px
}

.footer__links__line {
    margin: 15px 0 20px;
    border-bottom: 1px solid #fff;
    position: relative
}

.footer__links__bg {
    display: none
}

.footer__links__bg:after,
.footer__links__bg:before {
    content: ' ';
    position: absolute;
    width: 350px;
    height: 100%;
    background: no-repeat;
    top: 0
}

.footer__links__bg:before {
    background-image: url(../images/bg-green-decoration.png);
    background-position: top left;
    left: 0
}

.footer__links__bg:after {
    background-image: url(../images/bg-blue-decoration.png);
    background-position: top right;
    right: 0
}

@media (min-width:992px) {
    .footer__links__bg {
        display: block
    }
}

.footer__links__section {
    position: relative;
    margin-top: 40px
}

.footer__links__section__list {
    line-height: 43px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .footer__links__section__list {
        line-height: 23px
    }
}

.footer__links__section__list a:hover {
    color: #ddd
}

.footer__links__section__list .webAccTextWhite {
    color: #fff!important
}

.footer__links__section__list .webAccTextBlack {
    color: #000!important
}

.footer__links__section__list .webAccTextYellow {
    color: #f5ff00!important
}

.footer__links__section__title {
    color: #a0d933;
    font-size: 16px;
    padding-top: 20px;
    border-top: 1px solid #d0d0ce;
    position: relative;
    margin-top: 0
}

.footer__links__section__title:before {
    content: ' ';
    position: absolute;
    width: 65px;
    height: 5px;
    background: #a0d933;
    left: 0;
    top: -3px
}

.footer__links__section__titlelink {
    cursor: pointer
}

@media (min-width:768px) {
    .footer__links__section__titlelink {
        pointer-events: none;
        cursor: default
    }
}

.footer__links__section__toggle {
    position: absolute;
    z-index: 10;
    right: 15px;
    top: 22px;
    transition: all .5s ease;
    color: #fff
}

@media (min-width:768px) {
    .footer__links__section__toggle {
        display: none
    }
}

.footer__links__section__toggle.rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 18px
}

.footer__links__app-stores {
    position: relative
}

.footer__links__app-stores>div:first-child {
    float: left;
    margin-left: 20px
}

.footer__links__app-stores>div:last-child {
    float: right;
    margin-right: 20px
}

@media (min-width:768px) {
    .footer__links__app-stores {
        float: left
    }
    .footer__links__app-stores>div:first-child,
    .footer__links__app-stores>div:last-child {
        float: none;
        margin: 0
    }
}

.footer__links__app-stores__store--app-store {
    display: inline-block;
    height: 40px;
    width: 120px;
    background: url(../images/DownloadFromAppleStore.png)
}

.footer__links__app-stores__store--google-play {
    display: inline-block;
    height: 40px;
    width: 120px;
    background: url(../images/GetItOnGooglePlay.png);
    margin-left: 20px
}

@media (max-width:767px) {
    .footer__links__app-stores__store--google-play {
        margin-left: 0;
        float: right
    }
}

.footer__links__social {
    position: relative;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {
    .footer__links__social {
        float: right;
        display: block
    }
}

.footer__links__social>* {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block
}

@media (min-width:768px) {
    .footer__links__social>* {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-top: 0
    }
}

.footer__links__social>:last-child i {
    margin-right: 20px
}

@media (min-width:768px) {
    .footer__links__social>:last-child i {
        margin-right: 0
    }
}

.footer__links__social i {
    margin: 0 0 0 20px;
    font-size: 40px
}

@media (min-width:768px) {
    .footer__links__social i {
        font-size: 25px
    }
    .footer__links .collapse {
        display: block!important
    }
}

.footer__copy {
    background: #374148;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #fff
}

@media (min-width:768px) {
    .footer__copy {
        font-size: 14px
    }
}

.footer__copy p {
    margin: 0
}

.product {
    box-sizing: border-box;
    height: 265px;
    padding: 20px 15px;
    position: relative
}

@media (min-width:768px) {
    .product {
        padding: 20px
    }
}

.product__wrapper {
    position: relative;
    height: 100%
}

.product__title {
    font-size: 24px;
    color: #a0d933;
    line-height: 1.2;
    margin: 0;
    padding-right: 30px
}

@media (min-width:768px) {
    .product__title {
        font-size: 20px;
        max-width: 70%
    }
}

.product__title--small {
    font-size: 18px
}

@media (min-width:768px) {
    .product__title--small {
        font-size: 16px
    }
}

.bottom__carousel--rightside .slick-next:before,
.bottom__carousel--rightside .slick-prev:before,
.product__title--white {
    color: #fff
}

.product__subtitle {
    font-size: 22px;
    color: #a0d933;
    line-height: 1;
    margin: 0
}

.product__price {
    color: #fff;
    font-size: 36px;
    line-height: 24px;
    position: absolute;
    top: 50px;
    right: 0
}

@media (min-width:768px) {
    .product__price {
        position: static
    }
}

@media (max-width:767px) {
    .product__price {
        top: auto;
        right: auto;
        position: relative
    }
}

.product__price span {
    font-size: 12px;
    margin-bottom: 5px;
    display: inline-block
}

.product__price sup {
    font-size: 18px;
    top: -12px;
    left: 2px;
    color: #a0d933
}

@media (min-width:768px) {
    .product__price sup {
        color: #fff
    }
}

.product__price+.product__price {
    margin-top: -20px
}

.product__iconlike,
.product__iconshare {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff!important
}

.product__iconshare {
    top: 35px
}

.product__separator {
    width: 1px;
    height: 245px;
    mix-blend-mode: multiply;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(gba(255, 255, 255, 0), #3d5265 52%, rgba(151, 151, 151, 0));
    border-image-source: linear-gradient(rgba(255, 255, 255, 0), #3d5265 52%, rgba(151, 151, 151, 0));
    border-image-slice: 1;
    position: absolute;
    top: 0;
    right: 2px;
    display: none
}

.product__separator--white {
    border-image-source: linear-gradient(gba(255, 255, 255, 0), #fff 52%, rgba(151, 151, 151, 0));
    border-image-source: linear-gradient(rgba(255, 255, 255, 0), #fff 52%, rgba(151, 151, 151, 0));
    height: 265px
}

@media (min-width:992px) {
    .product__separator {
        display: block;
        right: 2px
    }
}

@media (min-width:768px) {
    .product .product__separator {
        display: none
    }
    .product.slick-current .product__separator {
        display: block;
        right: -3px
    }
}

@media (min-width:992px) {
    .product .product__separator {
        display: block
    }
}

.bottom__carousel--rightside .bg-gradient-blue .product:nth-child(2) .product__separator,
.product:nth-child(3) .product__separator {
    display: none
}

.product__image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    max-width: 50%;
    max-height: 170px
}

@media (min-width:768px) {
    .product__image {
        right: 0;
        left: auto
    }
}

@media (max-width:767px) {
    .product__image {
        left: auto;
        right: 0;
        max-width: 43%
    }
}

.product__image img,
.product__image_onlyforyou img {
    float: left;
    max-width: 100%;
    max-height: 150px;
    width: auto
}

.product__image_onlyforyou {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 45%;
    max-height: 170px
}

@media (max-width:767px) {
    .product__image_onlyforyou {
        bottom: 0
    }
}

@media (min-width:768px) {
    .product__image_onlyforyou {
        right: 0;
        left: auto
    }
}

.product__cta {
    position: absolute!important;
    bottom: 2px;
    left: auto
}

@media (max-width:767px) {
    .product__cta {
        bottom: 0
    }
}

@media (min-width:768px) {
    .product__cta {
        left: 1px;
        right: auto
    }
}

.product__link {
    color: #fff!important;
    padding-bottom: 2px;
    padding-right: 40px;
    position: absolute;
    bottom: 0
}

@media (max-width:767px) {
    .product__link {
        bottom: auto;
        display: block;
        position: relative
    }
}

.product__link:hover {
    border-bottom: 2px solid #fff
}

@media (min-width:768px) {
    .product__link {
        position: static
    }
}

.product__link i {
    font-size: 14px;
    margin-right: 10px
}

.bottom__carousel--rightside .col-md-4.col-sm-6 {
    padding-right: 0
}

.bottom__carousel--rightside .col-md-8.col-sm-6 {
    padding-left: 0
}

.bottom__carousel--rightside .col-md-8.col-sm-6 .title {
    padding-left: 15px
}

.bottom__carousel--rightside .col-md-8.col-sm-6 .title:after {
    left: 15px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .col-md-8.col-sm-6 .title {
        padding-left: 0
    }
    .bottom__carousel--rightside .col-md-8.col-sm-6 .title:after {
        left: 0
    }
}

.bottom__carousel--rightside .bg-gradient-blue {
    top: 10px;
    margin: 0 0 0 15px
}

.bottom__carousel--rightside .bg-gradient-blue .bg-extended__extension--right {
    display: none
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue {
        margin: 0
    }
    .bottom__carousel--rightside .bg-gradient-blue .bg-extended__extension--right {
        display: block
    }
}

.bottom__carousel--rightside .bg-gradient-blue .product {
    height: 245px;
    padding: 15px 20px
}

@media (max-width:767px) {
    .bottom__carousel--rightside .bg-gradient-blue .product {
        height: auto
    }
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .product {
        padding: 20px 20px 20px 10px
    }
}

@media (min-width:992px) {
    .bottom__carousel--rightside .bg-gradient-blue .product {
        padding: 20px
    }
}

.bottom__carousel--rightside .bg-gradient-blue .product .product__iconshare {
    top: 35px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__iconshare {
        top: 25px
    }
}

.bottom__carousel--rightside .bg-gradient-blue .product .product__separator {
    display: none
}

@media (min-width:992px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__separator {
        display: block
    }
}

@media (max-width:767px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__wrapper {
        min-height: 200px
    }
}

.bottom__carousel--rightside .bg-gradient-blue .product .product__title {
    max-width: 65%
}

.bottom__carousel--rightside .bg-gradient-blue .product .product__image {
    bottom: 15px;
    right: 20px
}

@media (max-width:767px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__image {
        bottom: 65px;
        right: 20px;
        left: auto
    }
    .bottom__carousel--rightside .bg-gradient-blue .product .product__image img {
        max-height: 105px
    }
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__image {
        bottom: 0
    }
}

.bottom__carousel--rightside .bg-gradient-blue .product .product__cta {
    bottom: 15px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__cta {
        bottom: 2px
    }
}

@media (max-width:767px) {
    .bottom__carousel--rightside .bg-gradient-blue .product .product__cta {
        right: 20px
    }
}

.bottom__carousel--rightside .bg-gradient-blue .carousel--responsive {
    padding-left: 0
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .carousel--responsive {
        padding-left: 25px
    }
}

.bottom__carousel--rightside .bg-gradient-blue .slick-prev {
    left: -2px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .slick-prev {
        left: 5px
    }
}

.bottom__carousel--rightside .bg-gradient-blue .slick-next {
    right: 0
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-blue .slick-next {
        right: -15px
    }
}

.bottom__carousel--rightside .bg-gradient-green {
    margin: 0 15px 0 0
}

.bottom__carousel--rightside .bg-gradient-green .bg-extended__extension--left,
.invoices__body .mobile-table tbody tr.detail,
.payments__body .mobile-table tbody tr.detail {
    display: none
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-green {
        margin-right: 0
    }
    .bottom__carousel--rightside .bg-gradient-green .bg-extended__extension--left {
        display: block
    }
}

.bottom__carousel--rightside .bg-gradient-green .product__iconshare {
    top: 35px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-green .product__iconshare {
        top: 25px
    }
}

.bottom__carousel--rightside .bg-gradient-green .product__price {
    margin-top: 0;
    width: 40%
}

.bottom__carousel--rightside .bg-gradient-green .product__price+.product__price {
    margin-top: 0;
    top: 120px
}

@media (max-width:767px) {
    .bottom__carousel--rightside .bg-gradient-green .product__price+.product__price {
        top: auto
    }
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-green .product__price {
        width: auto
    }
    .bottom__carousel--rightside .bg-gradient-green .product__price+.product__price {
        margin-top: -12px;
        top: auto
    }
}

.bottom__carousel--rightside .bg-gradient-green .product__image {
    bottom: 35px
}

@media (max-width:767px) {
    .bottom__carousel--rightside .bg-gradient-green .product__image {
        bottom: 0;
        left: auto;
        right: 0
    }
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-green .product__image {
        bottom: 0
    }
}

.bottom__carousel--rightside .bg-gradient-green .product__image img {
    max-width: 130px;
    max-height: 130px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-green .product__image img {
        max-width: 100%;
        max-height: 170px
    }
}

.bottom__carousel--rightside .bg-gradient-green .product {
    z-index: 200;
    padding: 15px
}

@media (min-width:768px) {
    .bottom__carousel--rightside .bg-gradient-green .product {
        box-shadow: 5px 0 10px -2px rgba(0, 0, 0, .2);
        padding: 20px 20px 20px 0
    }
}

.bg-secondary-blue-navy {
    margin: 0 15px
}

@media (min-width:768px) {
    .bg-secondary-blue-navy {
        margin: 0
    }
}

.product_more {
    position: absolute;
    bottom: -25px;
    right: 0;
    color: #509e2f!important;
    z-index: 99
}

@media (min-width:768px) {
    .product_more {
        display: none
    }
}

.search-filter-panel {
    border-radius: 8px;
    margin-bottom: 15px;
    font-weight: 400
}

.search-filter-panel__body {
    overflow: hidden
}

.search-filter-panel__body .search-filter-panel__body__selected-filters {
    border: 1px solid #d0d0ce;
    padding-top: 15px
}

.search-filter-panel__body .search-filter-panel__body__filter-section,
.search-filter-panel__body .search-filter-panel__body__selected-filters .background-grey {
    padding: 0 15px
}

.search-filter-panel__body h3 {
    font-size: 20px;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    word-wrap: break-word;
    border-bottom: 1px solid #d0d0ce;
    font-weight: 400
}

.search-filter-panel__body .show-filter-span {
    margin-top: 15px
}

.search-filter-panel__body .show-filter {
    color: #3d5265;
    font-size: 12px;
    font-weight: 700;
    margin-top: 15px
}

.search-filter-panel__body .show-filter:hover {
    border-bottom: 1.5px solid #3d5265
}

.search-filter-panel__body__relative {
    position: relative;
    height: 30px
}

.search-filter-panel__header {
    padding: 15px
}

.search-filter-panel__header h2 {
    margin-top: 10px
}

.search-filter-panel__header__open-btn {
    float: right;
    cursor: pointer
}

.search-filter-panel .clear-all-btn {
    color: #3d5265;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    padding-right: 15px;
    float: right
}

.search-filter-panel .ui-widget .ui-widget,
.search-filter-panel .ui-widget button,
.search-filter-panel .ui-widget input,
.search-filter-panel .ui-widget select,
.search-filter-panel .ui-widget textarea {
    font-size: 1em
}

.search-filter-panel .ui-widget.ui-widget-content {
    background: #d0d0ce
}

.search-filter-panel .ui-slider {
    position: relative;
    text-align: left
}

.search-filter-panel .ui-slider .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    top: -7.5px;
    margin-left: -.6em
}

@media (max-width:767px) {
    .search-filter-panel .ui-slider .ui-slider-handle {
        width: 44px;
        height: 44px;
        top: -19.5px
    }
}

.search-filter-panel .ui-slider .ui-state-default {
    background: 0 0
}

.search-filter-panel .ui-slider .ui-state-default:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #a0d933;
    border-radius: 50%;
    margin: auto
}

.search-filter-panel .maxPriceVal,
.search-filter-panel .minPriceVal {
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: 0
}

.search-filter-panel .minPriceVal {
    left: 0
}

.search-filter-panel .maxPriceVal {
    right: 0
}

.search-filter-panel .ui-slider-horizontal {
    height: 5px
}

.search-filter-panel .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    position: absolute;
    background-color: #a0d933
}

.js-search-filter-panel__header__open-btn {
    cursor: pointer
}

.js-search-filter-panel__header__open-btn i {
    top: 1px;
    position: relative
}

.product-box-1 {
    margin: 20px 0
}

.product-box-1 .tooltip-wrap {
    position: relative;
    display: block;
    height: 30px;
    width: 20px
}

.product-box-1 p {
    margin: 10px 0
}

@media (max-width:767px) {
    .product-box-1 p {
        margin: 8px 0
    }
}

.product-box-1 p.product-box-1__info__title {
    max-height: 64px;
    overflow: hidden;
    line-height: 17px
}

@media (max-width:1199px) {
    .product-box-1 p.product-box-1__info__title {
        max-height: 64px
    }
}

@media (max-width:767px) {
    .product-box-1 p.product-box-1__info__title {
        height: auto
    }
}

.product-box-1 p.product-box-1__description__text {
    height: 128px;
    overflow: hidden
}

@media (max-width:1199px) {
    .product-box-1 p.product-box-1__description__text {
        height: 180px
    }
}

@media (max-width:767px) {
    .product-box-1 p.product-box-1__description__text {
        height: auto
    }
    .product-box-1 {
        min-height: 320px;
        padding-bottom: 0;
        border-bottom: 1px solid #eee
    }
}

.product-box-1__wrapper {
    position: relative;
    padding: 10px
}

@media (min-width:768px) {
    .product-box-1__wrapper {
        padding: 10px;
        border-right: 1px solid #eee
    }
}

.product-box-1__image {
    position: relative;
    text-align: center;
    min-height: 205px
}

@media (min-width:768px) {
    .product-box-1__image {
        width: 100%;
        display: block
    }
    .product-box-1__image img {
        max-width: 200px;
        min-height: 200px;
        max-height: 200px;
        width: auto
    }
}

@media (max-width:767px) {
    .product-box-1__image {
        height: 200px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        vertical-align: middle;
        padding-right: 7.5px
    }
    .product-box-1__image img {
        max-width: 100%;
        max-height: 100%;
        width: auto
    }
}

.product-box-1__info {
    position: relative;
    height: 280px
}

@media (max-width:1199px) and (min-width:768px) {
    .product-box-1__info {
        height: 350px
    }
}

@media (max-width:767px) {
    .product-box-1__info {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 7.5px
    }
    .product-box-1__info img {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .product-box-1__info {
        padding-right: 40px
    }
}

.product-box-1__info__price .old-price-v2 span sup,
.product-box-1__info__title {
    font-size: 14px
}

.product-box-1__info__button-add-to-cart {
    margin-top: 30px
}

.product-box-1__info__price {
    height: 80px
}

.product-box-1__info__price.text-right {
    text-align: right
}

@media (max-width:767px) {
    .product-box-1__info__price {
        text-align: right;
        padding-right: 0;
        height: auto
    }
}

.product-box-1__info__price div,
.product-box-configurator__info__price div {
    font-size: 12px
}

.product-box-1__info__price sup {
    font-size: 12px;
    top: -12px;
    left: 2px
}

@media (max-width:767px) {
    .product-box-1__info__price sup {
        font-size: 9px;
        top: -6px
    }
}

.product-box-1__info__price,
.product-box-1__info__price .price {
    font-size: 24px;
    line-height: 24px
}

@media (max-width:767px) {
    .product-box-1__info__price .price {
        font-size: 22px;
        line-height: 22px
    }
}

.product-box-1__info__price .old-price {
    height: 25px;
    text-decoration: line-through
}

@media (max-width:767px) {
    .product-box-1__info__price .old-price {
        font-size: 18px;
        height: auto
    }
}

.product-box-1__info__price .old-price sup {
    font-size: 12px;
    top: -4px;
    left: 2px
}

.product-box-1__info__price .old-price-v2 {
    font-size: 20px;
    color: #3d5265;
    margin-bottom: 10px;
    margin-top: 15px
}

.product-box-1__info__price .old-price-v2 span {
    color: #d3d66a;
    text-decoration: line-through
}

.product-box-1__info__price--container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.product-box-1__info__price--container.relative-position {
    position: relative;
    bottom: auto;
    left: auto
}

.product-box-1__info__price--container.big-price .price {
    font-size: 36px
}

@media (max-width:767px) {
    .product-box-1__info__price--container {
        position: relative;
        bottom: auto;
        left: auto
    }
}

.product-box-1__description {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    padding-right: 10px
}

.product-box-1__description p {
    margin-bottom: 0
}

@media (max-width:767px) {
    .product-box-1__description {
        display: none
    }
}

.product-box-1__description-mobile {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    max-height: 0;
    margin-bottom: 0;
    float: left;
    padding-top: 30px;
    width: 100%
}

@media (min-width:768px) {
    .product-box-1__description-mobile {
        display: none
    }
}

.product-box-1__description-mobile.open {
    max-height: 200px;
    margin-bottom: 20px
}

.product-box-1__bottom a.more {
    position: absolute;
    left: 20px;
    bottom: 0;
    color: #509e2f
}

.product-box-1__bottom a.more i,
.product-box-configurator__bottom a.more i {
    position: relative;
    top: 0;
    left: 10px
}

@media (max-width:767px) {
    .product-box-1__bottom {
        position: absolute;
        top: 235px;
        right: 0;
        width: 100%;
        padding-right: 15px;
        box-sizing: border-box
    }
    .container-button--primary .product-box-1__bottom a,
    .product-box-1__bottom .container-button--primary a,
    .product-box-1__bottom a.button,
    .product-box-1__bottom a.buttonv2 {
        float: right;
        width: 48%;
        margin-left: 2%;
        height: 50px;
        font-size: 15px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    .product-box-1__bottom {
        max-height: 60px;
        margin-top: 20px
    }
    .product-box-1__bottom a {
        width: auto
    }
    .container-button--primary .product-box-1__bottom a,
    .product-box-1__bottom .container-button--primary a,
    .product-box-1__bottom a.button,
    .product-box-1__bottom a.buttonv2 {
        float: right
    }
}

.product-box-1__socials {
    position: absolute;
    width: auto;
    top: 220px;
    right: 0;
    font-size: 19px
}

@media (max-width:767px) {
    .product-box-1__socials {
        box-sizing: border-box;
        margin: 5px 10px
    }
    .product-box-1__socials .social-col {
        width: 100%
    }
}

.product-box-1__socials div.tooltip-wrap a {
    display: inline-block;
    color: #374148
}

@media (max-width:767px) {
    .product-box-1__socials div.tooltip-wrap {
        position: absolute
    }
    .product-box-1__socials div.tooltip-wrap.wrapper-wishlist {
        top: 0
    }
    .product-box-1__socials div.tooltip-wrap.wrapper-share {
        top: 30px
    }
    .product-box-1__socials div.tooltip-wrap.wrapper-compare {
        top: 60px
    }
}

@media (min-width:768px) {
    .product-box-1__socials {
        width: 20px;
        top: 246px;
        right: 20px;
        left: auto;
        font-size: 16px
    }
    .product-box-1__socials a {
        display: inline-block;
        margin-bottom: 15px
    }
}

.product-box-1__socials .icon-devices {
    position: relative;
    right: 10px;
    top: 0
}

.product-box-1__socials .icon-devices:first-child {
    position: relative;
    right: -7px;
    top: 5px
}

.product-box-1 .product-box-1__socials a,
.product-box.product-box-offer .social-col .tooltip-wrap a {
    min-width: 22px;
    height: 22px;
    position: relative;
    display: inline-block
}

.product-box-1 .product-box-1__socials a .icon-compare {
    position: absolute;
    top: 25px;
    bottom: 0;
    left: -3px;
    right: 0;
    margin: auto;
    width: 20px;
    height: 16px;
    font-size: 20px
}

.product-box-1 .product-box-1__socials a .icon-compare .icon-device-bg,
.product-box-1 .product-box-1__socials a .icon-compare .icon-device-left,
.product-box-1 .product-box-1__socials a .icon-compare .icon-device-right,
.product-box.product-box-offer .social-col .tooltip-wrap a .icon-compare .icon-device-bg,
.product-box.product-box-offer .social-col .tooltip-wrap a .icon-compare .icon-device-left,
.product-box.product-box-offer .social-col .tooltip-wrap a .icon-compare .icon-device-right {
    position: absolute;
    left: 0;
    top: 0
}

.product-box-1 .product-box-1__socials a .icon-compare .icon-device-bg,
.product-box.product-box-offer .social-col .tooltip-wrap a .icon-compare .icon-device-bg,
.product-box.product-box-offer .social-col .tooltip-wrap a.compare .icon-compare .icon-device-left:before,
.product-box.product-box-offer .social-col .tooltip-wrap a.compare .icon-compare .icon-device-right:before {
    color: #fff
}

.product-box-1 .product-box-1__socials a.compare .icon-compare .icon-compare-active {
    margin-left: -6px
}

.comparison-slider .slick-dots li button:before {
    left: -5px
}

.container-product-box-2 {
    border-left: 1px solid #eaeaea;
    padding: 0 15px;
    position: relative
}

@media (max-width:991px) {
    .container-product-box-2 {
        max-width: 240px
    }
    .container-product-box-2:first-child {
        border-left: 0
    }
}

@media (max-width:767px) {
    .container-product-box-2 {
        max-width: none
    }
}

.container-product-box-2 .product-box-2 {
    max-width: 500px
}

@media (max-width:767px) {
    .container-product-box-2 .product-box-2 {
        padding-right: 30px
    }
}

.container-product-box-2 .product-box-2 img {
    width: 100%;
    max-height: 225px
}

@media (max-width:1199px) {
    .container-product-box-2 .product-box-2 img {
        max-height: 175px
    }
}

@media (max-width:991px) {
    .container-product-box-2 .product-box-2 img {
        max-height: 185px
    }
}

@media (max-width:767px) {
    .container-product-box-2 .product-box-2 img {
        max-width: 120px;
        max-height: 140px
    }
}

.container-product-box-2 .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.container-product-box-2 .row-flex .col-flex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (max-width:767px) {
    .container-product-box-2 .row-flex {
        -ms-flex-line-pack: center;
        align-content: center
    }
    .container-product-box-2 .row-flex .col-flex {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.container-product-box-2 .close-icon {
    position: absolute;
    top: 0;
    right: 20px
}

.container-product-box-2 .product-box-2__info__price {
    font-size: 24px
}

.container-product-box-2 .product-box-2__info__price span {
    display: block;
    font-size: 12px
}

@media (max-width:767px) {
    .container-product-box-2 .product-box-2__info__price span {
        display: block;
        float: left
    }
}

.container-product-box-2 .product-box-2__info__price i {
    font-style: normal
}

@media (max-width:767px) {
    .container-product-box-2 .product-box-2__info__price i {
        display: block;
        float: right
    }
}

.container-product-box-2 .product-box-2__info__price sup {
    color: #509e2f;
    font-size: 12px;
    padding-left: 3px
}

@media (max-width:767px) {
    .container-product-box-2 .product-box-2__info__price {
        font-size: 18px
    }
}

.container-product-box-2 .product-box-2__info__title {
    font-size: 14px;
    font-weight: 700;
    word-break: break-word;
    min-height: 45px
}

@media (max-width:767px) {
    .container-product-box-2 .product-box-2__info__title {
        min-height: 130px
    }
}

.container-product-box-2 .product-box-2__socials a {
    display: block;
    color: #374148
}

.container-product-box-2 .other-items,
.product-box-horizzontal .close-icon span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    height: 100px;
    margin: auto
}

.container-product-box-2 .other-items .txt-other-items {
    font-size: 21px
}

@media (max-width:991px) {
    .container-product-box-2:first-child {
        border-left: 0
    }
}

.hot-products__carousel .slick-next,
.hot-products__carousel .slick-next:before,
.hot-products__carousel .slick-prev,
.hot-products__carousel .slick-prev:before {
    color: #374148
}

.hot-products__carousel .slick-next {
    right: 0;
    top: auto;
    bottom: -20px
}

.hot-products__carousel .slick-next:before {
    font-size: 22px
}

@media (min-width:768px) {
    .hot-products__carousel .slick-next {
        right: -20px;
        top: 50%;
        bottom: auto
    }
    .hot-products__carousel .slick-next:before {
        font-size: 15px
    }
}

.hot-products__carousel .slick-prev {
    left: 0;
    top: auto;
    bottom: -20px
}

.hot-products__carousel .slick-prev:before,
.product-box.product-box-offer h3 {
    font-size: 22px
}

@media (min-width:768px) {
    .hot-products__carousel .slick-prev {
        left: -20px;
        top: 50%;
        bottom: auto
    }
    .hot-products__carousel .slick-prev:before {
        font-size: 15px
    }
}

.hot-products__carousel .slick-dots {
    bottom: -15px
}

.row-title-product-comparison {
    border-bottom: 1px solid #d0d0ce
}

.icon-compare .icon-device-left {
    left: 2.5px!important;
    top: 1px!important
}

.icon-compare .icon-device-bg,
.icon-compare .icon-device-right {
    left: 1px!important;
    top: 1px!important
}

.icon-compare.green-bg {
    background-color: #509e2f!important;
    border-radius: 5px;
    height: 32px!important;
    width: 32px!important;
    display: block;
    color: #fff;
    margin-left: -3px;
    text-align: center;
    line-height: 34px
}

.icon-compare.green-bg .icon-device-bg {
    color: #509e2f!important
}

.icon-compare.green-bg .icon-device-left,
.icon-compare.green-bg .icon-device-right,
.icon-compare.green-bg .path1:before,
.icon-compare.green-bg .path2:before,
.icon-compare.green-bg .path3:before {
    color: #fff!important
}

.icon-compare.green-bg .icon-device-left {
    left: 5px!important;
    top: 3px!important
}

.icon-compare.green-bg .icon-device-bg {
    top: 2.5px!important;
    left: 4px!important
}

.icon-compare.green-bg .icon-device-right {
    left: 4px!important;
    top: 3px!important
}

.wrapper-compare a {
    display: inline!important
}

.wrapper-compare .icon-compare {
    height: 25px!important;
    width: 25px!important;
    display: block;
    margin-left: 0;
    top: -2px
}

.wrapper-compare .icon-device-left {
    left: 5px!important;
    top: 3px!important
}

.wrapper-compare .icon-device-bg {
    top: 2.5px!important;
    left: 4px!important
}

.wrapper-compare .icon-device-right {
    left: 4px!important;
    top: 3px!important
}

@media (max-width:767px) {
    .carousel--responsive .product-box-1__socials div.tooltip-wrap.wrapper-compare {
        right: 0;
        top: 2px
    }
}

.product-box-configurator {
    margin: 20px 0
}

.product-box-configurator .bullet-color .label-pdp,
.product-box-configurator .storage-wrap .label-pdp {
    font-size: 14px;
    display: block
}

.product-box-configurator .bullet-color ul {
    padding-left: 30px
}

@media (max-width:767px) {
    .product-box-configurator .bullet-color ul {
        padding-left: 5px
    }
}

.product-box-configurator .storage-wrap ul {
    padding-left: 30px
}

@media (max-width:767px) {
    .product-box-configurator .storage-wrap ul {
        padding-left: 5px
    }
}

.product-box-configurator .storage-wrap ul li .btn-storage {
    font-size: 13px;
    width: 50px
}

.product-box-configurator .tooltip-wrap {
    position: relative;
    display: block;
    height: 30px;
    width: 20px
}

.product-box-configurator p,
p {
    margin: 10px 0
}

@media (max-width:767px) {
    .product-box-configurator p {
        margin: 8px 0
    }
}

.product-box-configurator p.product-box-configurator__info__title {
    height: 20px;
    overflow: hidden
}

@media (max-width:1199px) {
    .product-box-configurator p.product-box-configurator__info__title {
        height: 25px
    }
}

@media (max-width:767px) {
    .product-box-configurator p.product-box-configurator__info__title {
        height: auto
    }
}

.product-box-configurator p.product-box-configurator__description__text {
    height: 50px;
    overflow: hidden
}

@media (max-width:1199px) {
    .product-box-configurator p.product-box-configurator__description__text {
        height: 50px
    }
}

@media (max-width:767px) {
    .product-box-configurator p.product-box-configurator__description__text {
        height: auto
    }
    .product-box-configurator {
        min-height: 320px;
        padding-bottom: 0;
        border-bottom: 1px solid #eee
    }
}

.product-box-configurator__wrapper {
    position: relative;
    padding: 10px
}

@media (min-width:768px) {
    .product-box-configurator__wrapper {
        padding: 10px;
        border-right: 1px solid #eee
    }
}

.product-box-configurator__image {
    position: relative;
    text-align: center;
    min-height: 205px
}

@media (min-width:768px) {
    .product-box-configurator__image {
        width: 100%;
        display: block
    }
    .product-box-configurator__image img {
        max-width: 200px;
        min-height: 200px;
        max-height: 200px;
        width: auto
    }
}

@media (max-width:767px) {
    .product-box-configurator__image {
        height: 200px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        vertical-align: middle;
        padding-right: 7.5px
    }
    .product-box-configurator__image img {
        max-width: 100%;
        max-height: 100%;
        width: auto
    }
    .product-box-configurator__image__full-width-mobile {
        width: 100%
    }
}

.product-box-configurator__info {
    position: relative;
    height: 280px
}

@media (max-width:1199px) and (min-width:768px) {
    .product-box-configurator__info {
        height: 350px
    }
}

@media (max-width:767px) {
    .product-box-configurator__info {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 7.5px
    }
    .product-box-configurator__info img {
        max-width: 100%
    }
}

.product-box-configurator__info__title {
    font-size: 14px
}

.product-box-configurator__info__price {
    height: 80px;
    font-size: 24px;
    line-height: 24px
}

.product-box-configurator__info__price.text-right {
    text-align: right
}

@media (max-width:767px) {
    .product-box-configurator__info__price {
        padding-right: 0;
        height: auto
    }
}

.product-box-configurator__info__price sup {
    font-size: 12px;
    top: -12px;
    left: 2px
}

@media (max-width:767px) {
    .product-box-configurator__info__price sup {
        font-size: 9px;
        top: -6px
    }
}

.product-box-configurator__info__price .price {
    font-size: 24px;
    line-height: 24px
}

@media (max-width:767px) {
    .product-box-configurator__info__price .price {
        font-size: 22px;
        line-height: 22px
    }
}

.product-box-configurator__info__price .old-price {
    height: 25px;
    text-decoration: line-through;
    padding-left: 30px
}

@media (max-width:767px) {
    .product-box-configurator__info__price .old-price {
        font-size: 18px;
        height: auto;
        padding-left: 10px
    }
}

.product-box-configurator__info__price .old-price sup {
    font-size: 12px;
    top: -4px;
    left: 2px
}

.product-box-configurator__info__price--container {
    width: 100%
}

.product-box-configurator__info__price--container.relative-position {
    position: relative;
    bottom: auto;
    left: auto
}

.product-box-configurator__info__price--container.big-price .price {
    font-size: 36px
}

@media (max-width:767px) {
    .product-box-configurator__info__price--container {
        position: relative;
        bottom: auto;
        left: auto
    }
}

.product-box-configurator__description {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    padding-right: 5px
}

.product-box-configurator__description p {
    margin-bottom: 0
}

@media (max-width:767px) {
    .product-box-configurator__description {
        display: none
    }
}

.product-box-configurator__description-mobile {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    max-height: 0;
    margin-bottom: 0;
    float: left;
    padding-top: 30px;
    width: 100%
}

@media (min-width:768px) {
    .product-box-configurator__description-mobile {
        display: none
    }
}

.product-box-configurator__description-mobile.open {
    max-height: 200px
}

.product-box-configurator__bottom a {
    bottom: 20px;
    right: 30px
}

@media (max-width:767px) {
    .product-box-configurator__bottom a {
        bottom: 0
    }
}

.product-box-configurator__bottom a.more {
    left: 20px;
    bottom: 0;
    color: #509e2f
}

@media (max-width:767px) {
    .product-box-configurator__bottom {
        width: 100%;
        padding-right: 15px;
        box-sizing: border-box
    }
    .container-button--primary .product-box-configurator__bottom a,
    .product-box-configurator__bottom .container-button--primary a,
    .product-box-configurator__bottom a.button,
    .product-box-configurator__bottom a.buttonv2 {
        width: 48%;
        margin-left: 2%;
        height: 50px;
        font-size: 15px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    .product-box-configurator__bottom {
        max-height: 60px
    }
    .product-box-configurator__bottom a {
        width: auto
    }
    .container-button--primary .product-box-configurator__bottom a,
    .product-box-configurator__bottom .container-button--primary a,
    .product-box-configurator__bottom a.button,
    .product-box-configurator__bottom a.buttonv2 {
        float: right
    }
}

@media (max-width:991px) and (min-width:768px) {
    .wrap-product-box {
        margin-bottom: 25px
    }
    .wrap-product-box:nth-child(odd) {
        padding-right: 50px;
        border-right: 1px solid #ececec
    }
    .wrap-product-box:nth-child(even) {
        padding-left: 50px
    }
}

.product-box.product-box-tile {
    font-weight: 400;
    min-height: 655px;
    position: relative;
    border-right: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px
}

@media (max-width:767px) {
    .product-box.product-box-tile {
        min-height: 0;
        border-right: 0;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #b1b1b3
    }
}

.product-box.product-box-tile .container-img {
    min-height: 190px;
    display: block
}

@media (max-width:767px) {
    .product-box.product-box-tile .container-img {
        display: inline-block;
        min-height: 0;
        min-width: 90px
    }
}

.product-box.product-box-tile img {
    max-height: 190px;
    float: none;
    margin: auto;
    max-width: 100%;
    width: auto;
    display: block
}

@media (max-width:767px) {
    .product-box.product-box-tile img {
        max-width: 90px;
        display: inline-block;
        margin: 0
    }
}

.product-box.product-box-tile .content-editorial {
    min-height: 185px
}

.product-box.product-box-offer.product-box-offer-version3 .content-editorial h2,
.product-box.product-box-tile .content-editorial h2 {
    color: #3d5265;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 20px
}

@media (max-width:767px) {
    .product-box.product-box-tile .content-editorial h2 {
        margin: 0
    }
}

.product-box.product-box-offer.product-box-offer-version3 .content-editorial ul,
.product-box.product-box-tile .content-editorial ul {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 14px;
    list-style-position: inside
}

.product-box.product-box-offer.product-box-offer-version3 .content-editorial p,
.product-box.product-box-tile .content-editorial p {
    margin: 0;
    font-size: 14px
}

@media (max-width:767px) {
    .product-box.product-box-tile .content-editorial {
        min-height: 0;
        display: inline-block;
        max-width: 190px;
        vertical-align: top;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product-box.product-box-tile .price-container {
    padding-top: 15px
}

@media (max-width:767px) {
    .product-box.product-box-tile .price-container {
        width: 100%
    }
    .product-box.product-box-tile .price-container .button-container,
    .product-box.product-box-tile .price-container .price-container-wrap {
        display: inline-block;
        vertical-align: middle
    }
    .product-box.product-box-tile .price-container .price-container-wrap {
        min-width: 47%;
        max-width: 47%
    }
    .product-box.product-box-tile .price-container .button-container {
        padding-left: 5px
    }
    .product-box.product-box-tile .price-container .button-container .button {
        min-width: 144px
    }
}

.product-box.product-box-tile .old-price {
    font-size: 12px;
    text-align: right
}

.product-box.product-box-tile .old-price span {
    text-decoration: line-through
}

.product-box.product-box-offer.product-box-offer-version3 .old-price span sup,
.product-box.product-box-tile .old-price span sup {
    font-size: 14px;
    top: -4px;
    left: 3px
}

.product-box.product-box-tile .new-price {
    font-size: 30px;
    font-weight: 700;
    word-break: break-word;
    word-wrap: break-word;
    color: #3d5265
}

@media (max-width:767px) {
    .product-box.product-box-tile .new-price {
        font-size: 18px
    }
}

.product-box.product-box-offer.product-box-offer-version3 .new-price sup,
.product-box.product-box-tile .new-price sup {
    top: -8px;
    font-size: 15px;
    left: 3px
}

@media (max-width:767px) {
    .product-box.product-box-tile .new-price sup {
        top: -6px;
        font-size: 13px;
        left: 2px
    }
}

.product-box.product-box-tile .compare-icon-container {
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 15px
}

.product-box-1__socials .wrapper-compare i,
.product-box-1__socials .wrapper-share i,
.product-box-1__socials .wrapper-wishlist i,
.product-box.product-box-tile .compare-icon-container a,
.product-box.product-box-tile .fb-icon-container a,
.product-box.product-box-tile .like-icon-container a {
    color: #509e2f
}

.product-box.product-box-tile .fb-icon-container,
.product-box.product-box-tile .like-icon-container {
    color: #509e2f;
    font-size: 22px;
    position: absolute;
    top: 80px;
    right: 15px
}

.product-box.product-box-tile .fb-icon-container {
    top: 40px
}

.product-box.product-box-tile .grey-text {
    color: #bbb;
    font-size: 16px;
    min-height: 45px
}

.product-box.product-box-tile .grey-text span {
    font-weight: 700;
    font-size: 20px
}

.product-box.product-box-offer.product-box-offer-version3 .grey-text span sup,
.product-box.product-box-tile .grey-text span sup {
    top: -5px;
    left: 3px;
    font-size: 12px
}

@media (max-width:767px) {
    .product-box.product-box-tile .grey-text {
        min-height: 0
    }
}

.product-box-horizzontal {
    border-top: #d0d0ce 1px solid;
    margin-bottom: 25px;
    padding-top: 25px;
    max-height: 145px;
    position: relative
}

.product-box-horizzontal .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center
}

.product-box-horizzontal .row-flex .col-flex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-item-align: center;
    align-self: center
}

@media (max-width:767px) {
    .product-box-horizzontal .row-flex {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .product-box-horizzontal .row-flex .col-flex {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.product-box-horizzontal h3 {
    margin-top: 0
}

@media (max-width:767px) {
    .product-box-horizzontal h3 {
        margin-bottom: 0
    }
}

.product-box-horizzontal img {
    max-width: 100%;
    max-height: 115px;
    width: auto
}

.product-box-horizzontal .title-price {
    font-size: 12px
}

@media (max-width:767px) {
    .product-box-horizzontal .title-price {
        margin-top: 10px;
        font-size: 14px
    }
}

.product-box-horizzontal .price {
    font-size: 26px
}

.product-box-horizzontal sup {
    color: #509e2f;
    font-size: 12px;
    top: -12px;
    left: 2px
}

.product-box-horizzontal .product-available,
.product-box-horizzontal .product-not-available {
    position: relative;
    padding-left: 15px;
    font-size: 12px
}

.product-box-horizzontal .product-available:before,
.product-box-horizzontal .product-not-available:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #a0d933;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%
}

.product-box-horizzontal .product-not-available {
    color: #eb3a2b
}

.product-box-horizzontal .product-not-available:before {
    background-color: #eb3a2b
}

.product-box-horizzontal .close-icon {
    width: 40px;
    height: 40px;
    background-color: #b1b1b3;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.product-box-horizzontal .close-icon span {
    height: 20px;
    width: 20px;
    display: block;
    font-size: 20px
}

@media (max-width:767px) {
    .product-box-horizzontal .close-icon span {
        color: #fff!important;
        font-size: 11px
    }
    .product-box-horizzontal .close-icon {
        right: 15px
    }
    .product-box-horizzontal {
        max-height: none;
        border-top: 0
    }
}

.product-box.product-box-offer {
    position: relative;
    border-right: 1px solid #eaeaea;
    padding-right: 15px;
    margin-top: 40px;
    margin-bottom: 40px
}

.product-box.product-box-offer .top-label-offer {
    font-size: 14px
}

.product-box.product-box-offer .top-label-offer span {
    font-style: italic;
    color: #509e2f;
    font-weight: 700
}

.product-box.product-box-offer .row-detail-offer .detail-offer {
    font-size: 10px;
    line-height: 1.2;
    padding-right: 5px;
    padding-bottom: 15px
}

.product-box.product-box-offer .row-detail-offer .detail-offer span {
    font-size: 24px;
    color: #fc9d00;
    display: block;
    font-weight: 700
}

.product-box.product-box-offer img {
    width: 100%;
    float: left;
    max-width: 35px;
    margin-right: 15px
}

.product-box.product-box-offer .icon-caret-right,
.product-box.product-box-offer .slick-next:before {
    font-size: 12px
}

.product-box.product-box-offer .row-costs {
    font-size: 12px;
    line-height: 1.2
}

.product-box.product-box-offer .row-costs span {
    font-size: 24px;
    display: block
}

.product-box.product-box-offer .row-costs span sup {
    font-size: 12px;
    color: #509e2f;
    top: -.7em;
    left: 3px
}

.product-box.product-box-offer .social-col .tooltip-wrap {
    margin-bottom: 15px
}

.product-box.product-box-offer .social-col .tooltip-wrap a {
    color: #374148
}

.product-box.product-box-offer .social-col .tooltip-wrap a .icon-compare {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 16px;
    font-size: 20px
}

.product-box.product-box-offer .social-col .tooltip-wrap a.compare {
    background-color: #a0d933;
    border-radius: 3px
}

.product-box.product-box-offer .social-col .tooltip-wrap a.compare .icon-compare {
    width: 14px;
    height: 20px
}

.product-box.product-box-offer .social-col .tooltip-wrap a.compare .icon-compare .icon-device-bg:before {
    color: #a0d933
}

.product-box.product-box-offer.product-box-offer-version2 img {
    width: 150px;
    float: none;
    margin: auto;
    max-width: 100%;
    display: block
}

.product-box.product-box-offer.product-box-offer-version2 h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.product-box.product-box-offer.product-box-offer-version2 .row-detail-offer {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 36px
}

.product-box.product-box-offer.product-box-offer-version2.product-box-offer-no-border {
    border-right: 0;
    padding-right: 0
}

.product-box.product-box-offer.product-box-offer-version2.product-box-offer-no-border .social-col .tooltip-wrap.wrapper-compare a {
    display: inline-block!important;
    padding-top: 15px
}

.product-box.product-box-offer.product-box-offer-version3 {
    font-weight: 400;
    position: relative;
    border-right: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 {
        min-height: 0;
        border-right: 0;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #b1b1b3
    }
}

.product-box.product-box-offer.product-box-offer-version3 .container-img {
    min-height: 190px;
    display: block
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .container-img {
        display: inline-block;
        min-height: 0;
        min-width: 90px
    }
}

.product-box.product-box-offer.product-box-offer-version3 img {
    height: 190px;
    float: none;
    margin: auto;
    max-width: 100%;
    width: auto;
    display: block
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 img {
        max-width: 90px;
        display: inline-block;
        margin: 0
    }
}

.product-box.product-box-offer.product-box-offer-version3 .content-editorial {
    min-height: 185px
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .content-editorial h2 {
        margin: 0
    }
    .product-box.product-box-offer.product-box-offer-version3 .content-editorial {
        min-height: 0;
        display: inline-block;
        max-width: 190px;
        vertical-align: top;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product-box.product-box-offer.product-box-offer-version3 .price-container {
    padding-top: 15px
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .price-container {
        width: 100%
    }
    .product-box.product-box-offer.product-box-offer-version3 .price-container .button-container,
    .product-box.product-box-offer.product-box-offer-version3 .price-container .price-container-wrap {
        display: inline-block;
        vertical-align: middle
    }
    .product-box.product-box-offer.product-box-offer-version3 .price-container .price-container-wrap {
        min-width: 47%;
        max-width: 47%
    }
    .product-box.product-box-offer.product-box-offer-version3 .price-container .button-container {
        padding-left: 5px
    }
    .product-box.product-box-offer.product-box-offer-version3 .price-container .button-container .button {
        min-width: 144px
    }
}

.product-box.product-box-offer.product-box-offer-version3 .old-price {
    font-size: 12px;
    text-align: right
}

.product-box.product-box-offer.product-box-offer-version3 .old-price span {
    text-decoration: line-through
}

.product-box.product-box-offer.product-box-offer-version3 .new-price {
    font-size: 30px;
    font-weight: 700;
    word-break: break-word;
    word-wrap: break-word;
    color: #3d5265
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .new-price {
        font-size: 18px
    }
    .product-box.product-box-offer.product-box-offer-version3 .new-price sup {
        top: -6px;
        font-size: 13px;
        left: 2px
    }
}

.product-box.product-box-offer.product-box-offer-version3 .compare-icon-container {
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 15px
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .compare-icon-container {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4 a,
.container-body-page-my-cosmote .menu-lateral li ul li a.active,
.product-box.product-box-offer.product-box-offer-version3 .compare-icon-container a,
.product-box.product-box-offer.product-box-offer-version3 .like-icon-container a {
    color: #509e2f
}

.product-box.product-box-offer.product-box-offer-version3 .like-icon-container {
    font-size: 22px;
    position: absolute;
    top: 40px;
    right: 15px
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .like-icon-container {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block
    }
}

.product-box.product-box-offer.product-box-offer-version3 .grey-text {
    color: #bbb;
    font-size: 16px;
    min-height: 45px
}

.product-box.product-box-offer.product-box-offer-version3 .grey-text span {
    font-weight: 700;
    font-size: 20px
}

@media (max-width:767px) {
    .product-box.product-box-offer.product-box-offer-version3 .grey-text {
        min-height: 0
    }
}

.current-invoice {
    margin-top: 10px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .current-invoice {
        margin-top: 0;
        padding-bottom: 30px;
        border-bottom: 2px solid #d0d0ce
    }
}

.current-invoice__title h2,
.invoices__title h2,
.payments__title h2 {
    margin: 0 0 20px;
    font-size: 30px
}

.current-invoice__body {
    font-size: 14px
}

.current-invoice__body p,
.upgrade__popup h3 {
    margin: 0
}

@media (min-width:992px) {
    .current-invoice__body {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.current-invoice__body .see-more {
    color: #509e2f;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer
}

@media (min-width:992px) {
    .current-invoice__body .see-more {
        display: none
    }
}

.current-invoice__body .see-more i {
    position: relative;
    top: 3px;
    left: 2px
}

@media (max-width:991px) {
    .current-invoice__body .col {
        max-height: 500px;
        transition: max-height .5s ease;
        overflow: hidden
    }
    .current-invoice__body.closed .current-invoice__body__left__col-2,
    .current-invoice__body.closed .current-invoice__body__left__col-3 {
        max-height: 0
    }
}

.current-invoice__body__left {
    float: left;
    width: 100%;
    border: 1px solid #d0d0ce;
    border-radius: 5px;
    padding: 15px 0;
    box-sizing: border-box;
    position: relative
}

@media (min-width:992px) {
    .current-invoice__body__left {
        width: 73%;
        border-radius: 5px 0 0 5px
    }
    .current-invoice__body__left .value {
        margin-bottom: 10px
    }
}

.current-invoice__body__left p {
    margin: 0;
    display: block
}

.current-invoice__body__left .bold {
    font-weight: 700
}

.current-invoice__body__left .cyan {
    color: #00a0dc
}

.current-invoice__body__left .label {
    margin-bottom: 3px;
    color: #b1b1b3;
    font-weight: 700
}

.current-invoice__body__left .col {
    float: left;
    padding: 0 15px;
    box-sizing: border-box
}

@media (max-width:991px) {
    .current-invoice__body__left .col {
        width: 100%
    }
    .current-invoice__body__left .col>div {
        border-top: 1px solid #d0d0ce;
        margin-top: 12px;
        padding-top: 12px
    }
    .current-invoice__body__left .col:first-child>div:first-child {
        margin-top: 0;
        border-top: none;
        padding-top: 0
    }
    .current-invoice__body__left .col:first-child>div:first-child>.value {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .current-invoice__body__left__col-1 {
        width: 25%
    }
    .current-invoice__body__left__col-2 {
        width: 33%;
        border-right: 1px solid #d0d0ce
    }
    .current-invoice__body__left__col-3 {
        width: 42%
    }
    .current-invoice__body__left:after {
        content: "";
        display: block;
        width: 35px;
        height: 101%;
        background: url(../images/triangolar-box-right.png) top left no-repeat;
        background-size: 100% 103%;
        position: absolute;
        top: -1px;
        right: -24px;
        z-index: 10
    }
}

.current-invoice__body__right {
    float: left;
    width: 100%;
    padding: 15px;
    color: #fff;
    box-sizing: border-box;
    margin-top: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important
}

@media (min-width:992px) {
    .current-invoice__body__right {
        float: left;
        width: 27%;
        padding: 15px 15px 15px 35px;
        color: #fff;
        box-sizing: border-box;
        margin-top: 0;
        border-radius: 0 5px 5px 0;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .current-invoice__body__right button {
        width: auto
    }
}

.current-invoice__body__right p,
.invoices.button-print-active .button--print {
    display: block
}

.current-invoice__body__right .label {
    font-weight: 700;
    margin-bottom: 2px
}

.current-invoice__body__right .value {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px
}

.current-invoice__body__right .small {
    font-size: 12px;
    line-height: 14px
}

@media (min-width:992px) {
    .current-invoice__body__right .small {
        font-size: 10px;
        line-height: 11px
    }
}

.current-invoice__body__right button {
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box
}

.invoices {
    margin-bottom: 30px
}

.invoices .button--print {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.invoices .button--print span,
.payments .button--print span {
    margin-left: 12px
}

.invoices__footer,
.invoices__title {
    position: relative
}

.invoices__body .desktop-table {
    width: 100%;
    font-size: 14px;
    margin-bottom: 60px
}

.invoices__body .desktop-table thead tr td {
    padding: 10px;
    border-bottom: 1px solid #d0d0ce
}

.invoices__body .desktop-table thead tr td:last-child {
    border-bottom: none
}

.invoices__body .desktop-table thead tr td:nth-child(6) {
    border-right: 1px solid #d0d0ce
}

.invoices__body .desktop-table tbody tr td:nth-child(2) {
    color: #00a0dc
}

.invoices__body .desktop-table tbody tr td:nth-child(6) {
    border-right: 1px solid #d0d0ce
}

.invoices__body .desktop-table tbody tr td:nth-child(5),
.invoices__body .desktop-table tbody tr td:nth-child(7) {
    font-weight: 700
}

.invoices__body .desktop-table tbody tr:nth-child(odd) td {
    background: #f3f3f3
}

.invoices__body .desktop-table tbody tr:nth-child(odd) td:last-child {
    background: 0 0
}

.invoices__body .desktop-table tbody tr td {
    padding: 10px
}

.invoices__body .desktop-table tbody tr td:last-child {
    padding: 0;
    vertical-align: middle
}

.invoices__body .desktop-table tbody tr:hover td:nth-child(7) {
    color: #eb3a2b
}

.invoices__body .desktop-table tbody tr .button-print {
    background-image: linear-gradient(to right, #ff5e3a, #ff9500)!important;
    box-shadow: 0 2px 0 0 #de481b!important;
    display: inline-block;
    width: 50px;
    height: 45px;
    color: #fff;
    border-radius: 0 10px 10px 0;
    line-height: 40px;
    text-align: center;
    font-size: 23px;
    visibility: hidden
}

.invoices__body .desktop-table tbody tr .button-print i {
    position: relative;
    top: 1px
}

.invoices__body .desktop-table tbody tr:hover .button-print {
    visibility: visible
}

.invoices__body .mobile-table {
    width: 100%;
    font-size: 14px;
    border-collapse: separate
}

.invoices__body .mobile-table thead tr:first-child td:first-child {
    border-top-left-radius: 10px
}

.invoices__body .mobile-table thead tr:first-child td:last-child {
    border-top-right-radius: 10px
}

.invoices__body .mobile-table tbody tr:nth-child(odd):last-child td:first-child {
    border-bottom-left-radius: 10px
}

.invoices__body .mobile-table tbody tr:nth-child(odd):last-child td:last-child {
    border-bottom-right-radius: 10px
}

.invoices__body .mobile-table tbody tr:nth-child(even):last-child td:first-child {
    border-bottom-left-radius: 10px
}

.invoices__body .mobile-table tbody tr:nth-child(even):last-child td:last-child {
    border-bottom-right-radius: 10px
}

.invoices__body .mobile-table thead tr {
    background: #efefef;
    color: #b1b1b3;
    font-weight: 700
}

.invoices__body .mobile-table thead tr td {
    vertical-align: top;
    padding: 15px
}

.invoices__body .mobile-table thead tr td:nth-child(2),
.invoices__body .mobile-table thead tr td:nth-child(3) {
    text-align: right
}

.invoices__body .mobile-table tbody tr {
    vertical-align: top
}

.invoices__body .mobile-table tbody tr td {
    padding: 15px 10px;
    border: solid 1px #f3f3f3;
    border-top: none;
    color: #292929
}

.invoices__body .mobile-table tbody tr td:nth-child(1) {
    font-weight: 700;
    border-right: none
}

.invoices__body .mobile-table tbody tr td:nth-child(2) {
    font-weight: 700;
    border-right: none;
    border-left: none;
    text-align: right
}

.invoices__body .mobile-table tbody tr td:nth-child(3) {
    font-weight: 700;
    border-left: none;
    text-align: right
}

.invoices__body .mobile-table tbody tr.selected td:nth-child(3) {
    color: #ef3e42
}

.invoices__body .mobile-table tbody tr .see-more {
    display: block;
    color: #509e2f;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 4px
}

@media (min-width:992px) {
    .invoices__body .mobile-table tbody tr .see-more {
        display: none
    }
}

.invoices__body .mobile-table tbody tr .see-more i {
    position: relative;
    top: 0;
    left: 2px
}

.invoices__body .mobile-table tbody tr.detail td {
    padding: 15px;
    background: #f3f3f3;
    color: #b1b1b3
}

.invoices__body .mobile-table tbody tr.detail td .value {
    color: #292929
}

.invoices__body .mobile-table tbody tr.detail td p,
.payments__body .mobile-table tbody tr.detail td p {
    margin: 8px 0
}

.invoices__body .mobile-table tbody tr.detail td .bold {
    font-weight: 700
}

.invoices__body .mobile-table tbody tr.detail td .cyan {
    color: #00a0dc
}

.invoices__body .mobile-table tbody tr.detail .button-print {
    display: inline-block;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right, #ff5e3a, #ff9500)!important;
    box-shadow: 0 2px 0 0 #de481b!important;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-top: 10px
}

.invoices__footer .button--print--bottom {
    top: auto;
    bottom: 0
}

.payments {
    margin-top: 10px;
    margin-bottom: 30px
}

.payments .button--print {
    position: absolute;
    right: 0;
    top: 0
}

.payments .button--print:active {
    position: absolute
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container input.form__input--invalid+p.form__error-message,
.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr:hover .button.button--orange,
.payments.button-print-active .button--print {
    display: block
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr,
.payments__footer,
.payments__title {
    position: relative
}

.payments__body .desktop-table {
    width: 100%;
    font-size: 14px;
    margin-bottom: 60px
}

.payments__body .desktop-table thead tr td {
    vertical-align: top;
    padding: 10px;
    border-bottom: 1px solid #d0d0ce
}

.payments__body .desktop-table thead tr td:last-child {
    border-bottom: none
}

.payments__body .desktop-table thead tr td:nth-child(5) {
    border-right: 1px solid #d0d0ce;
    border-left: 1px solid #d0d0ce
}

.payments__body .desktop-table tbody tr td:nth-child(2) {
    color: #00a0dc
}

.payments__body .desktop-table tbody tr td:nth-child(5) {
    border-right: 1px solid #d0d0ce;
    border-left: 1px solid #d0d0ce;
    font-weight: 700
}

.payments__body .desktop-table tbody tr td:nth-child(6) {
    font-size: 12px;
    line-height: 14px
}

.payments__body .desktop-table tbody tr:nth-child(odd) td {
    background: #f3f3f3
}

.payments__body .desktop-table tbody tr:nth-child(odd) td:last-child {
    background: 0 0
}

.payments__body .desktop-table tbody tr td {
    padding: 10px
}

.payments__body .desktop-table tbody tr td:last-child {
    padding: 0;
    vertical-align: middle
}

.payments__body .desktop-table tbody tr .button-print {
    background-image: linear-gradient(to right, #ff5e3a, #ff9500)!important;
    box-shadow: 0 2px 0 0 #de481b!important;
    display: inline-block;
    width: 50px;
    height: 45px;
    color: #fff;
    border-radius: 0 10px 10px 0;
    line-height: 40px;
    text-align: center;
    font-size: 23px;
    visibility: hidden
}

.payments__body .desktop-table tbody tr .button-print i {
    position: relative;
    top: 1px
}

.payments__body .desktop-table tbody tr:hover .button-print {
    visibility: visible
}

.payments__body .mobile-table {
    width: 100%;
    font-size: 14px;
    border-collapse: separate
}

.payments__body .mobile-table td {
    border: solid 1px #f3f3f3
}

.payments__body .mobile-table thead tr:first-child td:first-child {
    border-top-left-radius: 10px
}

.payments__body .mobile-table thead tr:first-child td:last-child {
    border-top-right-radius: 10px
}

.payments__body .mobile-table tbody tr:nth-child(odd):last-child td:first-child {
    border-bottom-left-radius: 10px
}

.payments__body .mobile-table tbody tr:nth-child(odd):last-child td:last-child {
    border-bottom-right-radius: 10px
}

.payments__body .mobile-table tbody tr:nth-child(even):last-child td:first-child {
    border-bottom-left-radius: 10px
}

.payments__body .mobile-table tbody tr:nth-child(even):last-child td:last-child {
    border-bottom-right-radius: 10px
}

.payments__body .mobile-table thead tr {
    background: #efefef;
    color: #b1b1b3;
    font-weight: 700
}

.payments__body .mobile-table thead tr td {
    padding: 15px
}

.payments__body .mobile-table tbody tr {
    vertical-align: top
}

.payments__body .mobile-table tbody tr td {
    padding: 15px 10px;
    border: solid 1px #f3f3f3;
    border-top: none;
    border-bottom: none;
    color: #7c7c7c
}

.payments__body .mobile-table tbody tr td:nth-child(1) {
    border-right: none
}

.payments__body .mobile-table tbody tr td:nth-child(2) {
    border-right: none;
    border-left: none;
    text-align: right
}

.payments__body .mobile-table tbody tr td:nth-child(3) {
    font-weight: 700;
    border-left: none;
    text-align: right
}

.payments__body .mobile-table tbody tr.seemore-line td:nth-child(1) {
    border-right: solid 1px #f3f3f3;
    border-bottom: solid 1px #f3f3f3;
    padding: 0
}

.payments__body .mobile-table tbody tr .see-more {
    display: block;
    color: #374148;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 4px;
    height: 40px
}

@media (min-width:992px) {
    .payments__body .mobile-table tbody tr .see-more {
        display: none
    }
}

.payments__body .mobile-table tbody tr .see-more i {
    position: relative;
    left: 2px
}

@media print {
    .payments__body .mobile-table tbody tr .see-more {
        display: none!important
    }
}

.payments__body .mobile-table tbody tr.detail td {
    padding: 15px;
    background: #f3f3f3;
    color: #b1b1b3
}

.payments__body .mobile-table tbody tr.detail td .value {
    color: #292929
}

.payments__body .mobile-table tbody tr.detail td .bold {
    font-weight: 700
}

.payments__body .mobile-table tbody tr.detail td .cyan {
    color: #00a0dc
}

@media print {
    .payments__body .mobile-table tbody tr.detail {
        display: table-row!important
    }
}

.payments__body .mobile-table tbody tr.detail .button-print {
    display: inline-block;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right, #ff5e3a, #ff9500)!important;
    box-shadow: 0 2px 0 0 #de481b!important;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-top: 10px
}

@media print {
    .payments__body .mobile-table tbody tr.detail .button-print {
        display: none!important
    }
}

.payments__footer .button--print--bottom {
    margin-top: 20px;
    position: static;
    float: right
}

.payments__footer .button--print--bottom:active {
    position: static
}

.bordered-table {
    border: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    margin: 10px
}

@media (max-width:767px) {
    .bordered-table {
        display: block
    }
}

.bordered-table>div {
    border-right: 1px solid #ececec;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bordered-table>div:last-child {
    border-right: 0
}

@media (max-width:767px) {
    .bordered-table>div {
        border-right: 0;
        border-bottom: 1px solid #ececec;
        padding: 10px 0
    }
    .bordered-table>div:last-child {
        border-bottom: 0
    }
}

.upgrade__popup {
    border-radius: 5px;
    background-clip: padding-box;
    background: #374148;
    padding: 15px;
    position: relative
}

.upgrade__popup__arrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #374148;
    position: absolute;
    top: -15px;
    right: 50%;
    margin-right: -8px
}

@media (min-width:768px) {
    .upgrade__popup__arrow {
        right: 270px;
        margin-right: 0
    }
}

.news--vertic__imgwrapper img,
.upgrade__popup__table {
    width: 100%
}

.upgrade__popup__table__cell {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block!important;
    width: 100%
}

@media (min-width:768px) {
    .upgrade__popup__table__cell {
        display: table-cell!important;
        border-left: 1px solid #fff;
        border-bottom: none;
        width: 33.333333%;
        padding-top: 15px;
        padding-bottom: 80px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .upgrade__popup__table__cell {
        width: 25%;
        padding-top: 0;
        padding-bottom: 0
    }
    .upgrade__popup__table__cell button {
        margin-bottom: 3px!important
    }
}

.upgrade__popup__table__cell--mainprice {
    font-size: 30px
}

.upgrade__popup__table__cell--first {
    border-left: none;
    padding-left: 0;
    display: none!important
}

@media (min-width:992px) {
    .upgrade__popup__table__cell--first {
        display: table-cell!important
    }
}

.upgrade__popup__table__cell--second {
    border-left: none
}

@media (min-width:992px) {
    .upgrade__popup__table__cell--second {
        border-left: 1px solid #fff
    }
}

.upgrade__popup__table__cell .button {
    min-width: 146px
}

@media (min-width:1200px) {
    .upgrade__popup__table__cell .button {
        min-width: 166px
    }
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-price span,
.upgrade__popup__table__txt1 {
    font-size: 24px
}

.upgrade__popup__mobile {
    color: #fff;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: -15px!important
}

.upgrade__popup__mobile .button {
    margin-top: 20px
}

@media (min-width:768px) {
    .upgrade__popup__mobile {
        margin-bottom: 10px!important
    }
}

@media (min-width:992px) {
    .upgrade__popup__mobile {
        display: none
    }
}

.upgrade__popup .txt-right {
    text-align: left
}

@media (min-width:768px) {
    .upgrade__popup .txt-right {
        text-align: right
    }
}

.cookies__overlay {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 999999999
}

.cookies__overlay__title {
    margin: 0;
    font-size: 18px
}

.cookies__overlay__desc {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px
}

@media (min-width:768px) {
    .cookies__overlay__desc {
        margin-bottom: 0
    }
}

.cookies__overlay button {
    margin-right: 0;
    display: block;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .cookies__overlay button {
        display: inline;
        margin-right: 20px;
        margin-bottom: 0
    }
}

.cookies__overlay .txt-right {
    text-align: left!important
}

@media (min-width:992px) {
    .cookies__overlay .txt-right {
        text-align: right!important
    }
}

@media (max-width:767px) {
    .box__downloads .table {
        display: block;
        padding: 10px 0
    }
}

.box__downloads .table .table__cell {
    padding: 15px 0;
    font-size: 14px
}

@media (min-width:992px) {
    .box__downloads .table .table__cell {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .box__downloads .table .table__cell {
        display: block;
        width: 100%;
        text-align: left!important;
        padding: 2px 15px
    }
}

.box__downloads .table .table__cell.box__downloads--number {
    min-width: 30px
}

@media (min-width:992px) {
    .box__downloads .table .table__cell.box__downloads--number {
        min-width: 40px
    }
}

.box__downloads .table .table__cell .box__downloads__date {
    margin-right: 0
}

@media (min-width:992px) {
    .box__downloads .table .table__cell .box__downloads__date {
        padding-right: 20px
    }
}

.box__downloads .box__downloads--email {
    width: 50%
}

@media (min-width:992px) {
    .box__downloads .box__downloads--email {
        width: 45%
    }
}

.box__downloads .box__downloads--download {
    width: 25%;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea
}

@media (min-width:992px) {
    .box__downloads .box__downloads--download {
        width: 20%
    }
}

@media (max-width:767px) {
    .box__downloads .box__downloads--download {
        border-right: none;
        border-left: none
    }
}

.box__downloads .table .table__cell.box__downloads--title {
    padding-left: 30px
}

@media (max-width:767px) {
    .box__downloads .table .table__cell.box__downloads--title {
        padding-left: 15px
    }
}

.box__downloads .box__downloads--dateborder {
    width: 160px;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea
}

@media (min-width:992px) {
    .box__downloads .box__downloads--dateborder {
        width: 250px
    }
}

.notifications__table__item {
    border-bottom: 1px solid #eaeaea
}

.notifications__table__item.notifications__table__item--head {
    border-bottom: none;
    background-color: #fafafa
}

.notifications__table__item.notifications__table__item--unread {
    background-color: #fafafa
}

.notifications__table__item .table__cell {
    padding: 15px 20px;
    box-sizing: border-box;
    border-right: 1px solid #eaeaea;
    font-size: 14px;
    color: #4a4a4a
}

.notifications__table__item .table__cell.table__cell--first {
    width: 80px
}

.notifications__table__item .table__cell.table__cell--second {
    width: 130px
}

@media (min-width:992px) {
    .notifications__table__item .table__cell.table__cell--second {
        width: 150px
    }
}

.notifications__table__item .table__cell.table__cell--fourth {
    width: 200px
}

@media (min-width:992px) {
    .notifications__table__item .table__cell.table__cell--fourth {
        width: 250px
    }
}

.notifications__table__item .table__cell:last-child {
    border-right: 0
}

.js-notification-open {
    cursor: pointer
}

.notifications__hidden,
.notifications__show__all {
    display: none
}

.news--horiz {
    height: 206px;
    border-bottom: 1px solid #d0d0ce;
    margin-bottom: 10px;
    margin-top: 10px
}

@media (max-width:1199px) {
    .news--horiz {
        height: 250px
    }
}

@media (max-width:991px) {
    .news--horiz {
        height: auto
    }
}

.news--horiz__img {
    float: left
}

@media (max-width:991px) {
    .news--horiz__img {
        float: none;
        display: block
    }
}

.news--horiz__elements {
    margin-left: 300px
}

@media (max-width:991px) {
    .news--horiz__elements {
        margin-left: 0
    }
}

.news--horiz__elements h2 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 400
}

.news--horiz__elements h3 {
    font-size: 16px;
    font-weight: 400;
    color: #b1b1b3;
    margin: 0
}

.news--horiz__elements p {
    margin-top: 5px
}

.news-read-more {
    float: right;
    border-bottom: 1px solid transparent;
    text-align: center
}

@media (max-width:1199px) {
    .news-read-more {
        padding-left: 0;
        padding-right: 0;
        font-size: 14px
    }
}

@media (max-width:767px) {
    .news-read-more {
        width: 100%
    }
}

.news-read-more a {
    color: #509e2f;
    font-weight: 700;
    margin-bottom: 10px
}

.news-read-more a:active,
.news-read-more a:focus,
.news-read-more a:hover,
.news-read-more a:visited {
    color: #509e2f
}

.news--vertic {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #d0d0ce;
    margin-bottom: 25px
}

@media (max-width:767px) {
    .news--vertic {
        padding-bottom: 20px
    }
}

.news--vertic h2 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 0;
    min-height: 60px
}

@media (max-width:1199px) {
    .news--vertic h2 {
        min-height: 90px
    }
}

@media (max-width:991px) {
    .news--vertic h2 {
        min-height: 150px
    }
}

@media (max-width:767px) {
    .news--vertic h2 {
        min-height: 0;
        max-height: none
    }
}

.news--vertic__imgwrapper {
    width: 100%;
    display: block;
    max-height: 291px;
    overflow: hidden
}

.news--vertic__imgwrapper.short-img {
    max-height: 251px
}

.news--vertic__elements {
    padding: 20px
}

.news--vertic__elements:after,
.news--vertic__elements:before {
    content: " ";
    display: table
}

.news--vertic__elements:after {
    clear: both
}

.news--vertic__elements__min-height {
    min-height: 285px;
    max-height: 285px
}

@media (max-width:1199px) {
    .news--vertic__elements__min-height {
        min-height: 350px
    }
}

@media (max-width:991px) {
    .news--vertic__elements__min-height {
        min-height: 540px
    }
}

@media (max-width:767px) {
    .news--vertic__elements__min-height {
        min-height: 0;
        max-height: none
    }
}

.news--vertic__elements__min-height p {
    min-height: 105px
}

.tabs-selfcare {
    z-index: 1
}

.tabs-selfcare ul {
    display: block
}

.tabs-selfcare ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.tabs-selfcare ul li a {
    padding: 10px 20px;
    background-color: #888;
    color: #fff;
    font-size: 18px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: block
}

.tabs-selfcare ul li a.active {
    background-color: #509e2f;
    position: relative
}

.tabs-selfcare ul li a.active::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #509e2f transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto
}

.container-body-page-my-cosmote {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
    background-clip: padding-box;
    min-height: 750px;
    margin-bottom: 50px;
    padding: 20px 20px 35px 10px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote {
        padding: 20px;
        min-height: 0
    }
}

.container-body-page-my-cosmote .menu-lateral,
.tabs-selfcare ul {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .menu-lateral {
        background-color: #fff;
        position: fixed;
        width: 100%;
        left: 100%;
        top: 65px;
        bottom: 0;
        z-index: 1;
        overflow-y: scroll
    }
}

.container-body-page-my-cosmote .menu-lateral li {
    display: block;
    border-bottom: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .menu-lateral li a {
    font-size: 16px;
    color: #2f4052;
    display: block;
    position: relative;
    padding: 10px 20px 10px 10px;
    font-weight: 700
}

.container-body-page-my-cosmote .menu-lateral li a:hover {
    font-size: 17px
}

.container-body-page-my-cosmote .menu-lateral li a.open-submenu-lateral-menu {
    padding-right: 30px
}

.container-body-page-my-cosmote .menu-lateral li a.open-submenu-lateral-menu::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
    height: 10px;
    width: 2px;
    background-color: #000
}

.container-body-page-my-cosmote .menu-lateral li a.open-submenu-lateral-menu::before {
    content: '';
    position: absolute;
    top: 18px;
    height: 10px;
    width: 2px;
    background-color: #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 16px
}

.container-body-page-my-cosmote .menu-lateral li a.open-submenu-lateral-menu.open::before,
.container-body-page-my-cosmote .menu-lateral li a.open-submenu-lateral-menu::after,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu.open::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .menu-lateral li a.open-submenu-lateral-menu.open::after,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu.open::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.container-body-page-my-cosmote .menu-lateral li ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none
}

.container-body-page-my-cosmote .menu-lateral li ul li,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li {
    border-bottom: solid 1px #f5f5f5
}

.container-body-page-my-cosmote .menu-lateral li ul li:first-child,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li:first-child {
    border-top: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .menu-lateral li ul li a,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a {
    padding-left: 20px;
    font-size: 15px;
    font-weight: 400
}

.container-body-page-my-cosmote .menu-lateral li ul li a::after,
.container-body-page-my-cosmote .menu-lateral li ul li a::before {
    right: 20px
}

.container-body-page-my-cosmote .menu-lateral li ul li a.open-submenu-lateral-menu::after,
.container-body-page-my-cosmote .menu-lateral li ul li a.open-submenu-lateral-menu::before {
    height: 6px
}

.container-body-page-my-cosmote .menu-lateral li ul li a.open-submenu-lateral-menu::before {
    right: 13px
}

.container-body-page-my-cosmote .menu-lateral li ul li ul li a,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li ul li a {
    padding-left: 30px;
    font-size: 12px;
    color: #04a0d8
}

.container-body-page-my-cosmote .menu-lateral li.user {
    padding: 10px;
    line-height: 25px;
    border-top: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .menu-lateral li.user a {
    display: inline-block;
    float: right;
    font-weight: 400;
    padding: 0
}

.container-body-page-my-cosmote .menu-lateral>li.active {
    background-color: #f5f5f5;
    border-bottom: 3px solid #509e2f
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .menu-lateral>li.active {
        background-color: #fff;
        border-top: solid 1px #d0d0ce;
        border-bottom: solid 1px #d0d0ce
    }
}

.container-body-page-my-cosmote .menu-lateral>li.active a::after,
.container-body-page-my-cosmote .menu-lateral>li.active a::before {
    content: '';
    position: absolute;
    right: 10px;
    height: 10px;
    width: 2px;
    background-color: #509e2f
}

.container-body-page-my-cosmote .menu-lateral>li.active a::before {
    top: 14px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .menu-lateral>li.active a::after,
    .container-body-page-my-cosmote .menu-lateral>li.active a::before {
        background-color: #000
    }
}

.container-body-page-my-cosmote .menu-lateral>li.active a::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.container-body-page-my-cosmote .menu-lateral>li.active a::after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
    height: 10px;
    width: 2px;
    background-color: #509e2f
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu::before {
    content: '';
    position: absolute;
    top: 18px;
    height: 10px;
    width: 2px;
    background-color: #509e2f
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu::after,
    .container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu::before {
        background-color: #000
    }
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 16px
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu::after,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a.open-submenu-lateral-menu.open::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background-color: #fff
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a.open-submenu-lateral-menu::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
    height: 6px;
    width: 2px;
    background-color: #509e2f
}

.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a.open-submenu-lateral-menu::before {
    content: '';
    position: absolute;
    top: 18px;
    height: 6px;
    width: 2px;
    background-color: #509e2f;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 13px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4[aria-expanded=true]::before,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a.open-submenu-lateral-menu::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4[aria-expanded=true]::after,
.container-body-page-my-cosmote .menu-lateral>li.active a.open-submenu-lateral-menu~ul li a.open-submenu-lateral-menu.open::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.container-body-page-my-cosmote .my-offers-button {
    background-color: #509e2f;
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 1;
    padding: 10px;
    border-radius: 5px;
    background-clip: padding-box;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px
}

.container-body-page-my-cosmote .my-offers-button i,
.container-body-page-my-cosmote .my-offers-button span {
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .my-offers-button i {
    font-size: 20px;
    line-height: 1;
    margin-right: 20px
}

.container-body-page-my-cosmote .box-lateral-title {
    background-color: #eaeaea;
    padding: 10px 15px;
    font-size: 16px;
    background-image: url(../images/selfcare-restyle/background-title.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.container-body-page-my-cosmote .box-lateral-body {
    border: 1px solid #d0d0ce;
    padding: 10px 15px 20px;
    margin-bottom: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .box-lateral-body {
        padding: 10px
    }
}

.container-body-page-my-cosmote .box-lateral-body p {
    font-size: 13px;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    word-break: break-word;
    line-height: 1.2
}

.container-body-page-my-cosmote .box-lateral-body label {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    padding: 0;
    display: block;
    margin: 0 0 5px
}

.container-body-page-my-cosmote .box-lateral-body.my-connections {
    padding: 0
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .search-number {
    background-color: #f5f5f5;
    padding: 10px
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .search-number input {
    width: 100%;
    font-size: 14px;
    padding: 5px 10px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
    border: solid 1px #b1b1b3
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .list-connections {
    padding: 15px
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .list-connections ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    height: 200px
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .list-connections ul li {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 5px 5px 0;
    line-height: 1.4;
    border-bottom: 1px solid #d0d0ce
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .list-connections ul li a {
    color: #3d5265;
    display: block
}

.container-body-page-my-cosmote .box-lateral-body.my-connections .list-connections ul li i,
.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections ul li i {
    font-size: 19px;
    display: inline-block;
    width: 19px;
    color: #7c7c7c;
    margin-right: 10px;
    text-align: center
}

.container-body-page-my-cosmote .header-check-balance {
    list-style: none;
    margin: 0;
    padding: 5px 5px 0;
    display: block;
    background-color: #f2f2f2
}

.container-body-page-my-cosmote .header-check-balance li {
    display: inline-block;
    vertical-align: middle;
    width: calc(33.33333% - 3px);
    text-align: center;
    cursor: pointer;
    color: #3d5265;
    line-height: 1;
    padding: 10px
}

.container-body-page-my-cosmote .header-check-balance li.active {
    background-color: #fff
}

.container-body-page-my-cosmote .header-check-balance li.active span {
    color: #3b61a6
}

.container-body-page-my-cosmote .container-information.fixed .body-container .head-body-container .link-name-connection i,
.container-body-page-my-cosmote .header-check-balance li i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .header-check-balance li span {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.container-body-page-my-cosmote .box__checkbalance__body {
    border: 2px #f2f2f2 solid;
    border-top: 0;
    background-color: #fff
}

.container-body-page-my-cosmote .container-information .dropdown__container.open .dropdown__container--toggle {
    background-color: #fff;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information .title-container {
    padding: 20px;
    font-size: 18px;
    background-image: url(../images/selfcare-restyle/background-title.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.container-body-page-my-cosmote .container-information .title-container .icon-plus {
    position: relative;
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information .title-container .icon-plus::after,
.container-body-page-my-cosmote .container-information .title-container .icon-plus::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    background-color: #fff
}

.container-body-page-my-cosmote .container-information .title-container .icon-plus::after {
    height: 100%;
    width: 2px;
    right: 0
}

.container-body-page-my-cosmote .container-information .title-container .icon-plus::before {
    width: 100%;
    height: 2px;
    bottom: 0
}

.container-body-page-my-cosmote .container-information .title-container .add-connection {
    display: block;
    cursor: pointer
}

.container-body-page-my-cosmote .container-information .title-container .add-connection span {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 26px);
    margin-right: 10px
}

.container-body-page-my-cosmote .container-information .body-container {
    border: 1px solid #d0d0ce;
    padding: 10px 20px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information .body-container {
        padding: 10px;
        border: none
    }
    .container-body-page-my-cosmote .container-information .body-container .dropdown__container.dropdown__container--select {
        width: 100%
    }
    .container-body-page-my-cosmote .container-information .body-container .dropdown__container.dropdown__container--select .dropdown-toggle {
        height: 55px
    }
}

.container-body-page-my-cosmote .container-information .body-container .subtitle-container {
    background-color: #eaeaea;
    border: 1px solid #b1b1b3;
    padding: 10px 15px;
    font-size: 16px;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information .body-container .subtitle-container.background-image {
    background-image: url(../images/selfcare-restyle/background-title.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container {
    border: 1px solid #b1b1b3;
    border-top: 0;
    padding: 15px;
    margin-bottom: 30px
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container .container-data-action a[disabled] {
    opacity: .4
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container:last-child {
    margin-bottom: 0
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container label {
    padding: 0;
    display: block;
    margin: 0 0 15px;
    font-size: 16px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information .body-container .sub-body-container label {
        margin-bottom: 5px
    }
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container p {
    font-size: 15px;
    font-weight: 700;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    word-break: break-word;
    word-wrap: break-word
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container p.form__error-message {
    color: #ef3e42;
    display: none;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container input,
.container-body-page-my-cosmote .container-information.cosmote-tv input {
    height: 40px;
    width: 100%;
    font-weight: 700;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
    border: solid 1px #b1b1b3;
    padding-left: 10px;
    padding-right: 10px
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container input.form__input--invalid {
    border: solid 1px #ef3e42
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container .buttonv2.button--link,
.container-body-page-my-cosmote .container-information .body-container .sub-body-container .container-button--primary a.button--link,
.container-button--primary .container-body-page-my-cosmote .container-information .body-container .sub-body-container a.button--link {
    color: #509e2f;
    padding: 0
}

.container-body-page-my-cosmote .container-information .body-container .sub-body-container hr {
    margin: 15px 0;
    border: 0;
    border-bottom: 1px solid #d0d0ce
}

.container-body-page-my-cosmote .container-information.notifications .row-notification,
.container-body-page-my-cosmote .container-information.notifications .row-title-notifications {
    margin: 0
}

.container-body-page-my-cosmote .container-information.notifications .row-title-notifications div {
    background-color: #fafafa;
    border-left: 1px solid #e4e4e4;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.notifications .row-title-notifications div {
        padding: 10px
    }
}

.container-body-page-my-cosmote .container-information.notifications .row-notification div {
    border-left: 1px solid #e4e4e4;
    padding: 15px 20px;
    font-size: 15px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.notifications .row-notification div {
        padding: 10px
    }
}

.container-body-page-my-cosmote .container-information.myprofile .body-container {
    padding: 20px 25px 30px 20px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.myprofile .body-container .subtitle-container {
        margin-bottom: 15px
    }
    .container-body-page-my-cosmote .container-information.myprofile .body-container .sub-body-container {
        padding: 0;
        border: 0
    }
    .container-body-page-my-cosmote .container-information.myprofile .body-container label {
        padding-right: 40px;
        margin-bottom: 15px
    }
    .container-body-page-my-cosmote .container-information.myprofile .body-container .static {
        position: static
    }
    .container-body-page-my-cosmote .container-information.myprofile .body-container .container-data-action .js-sn-change-input,
    .container-body-page-my-cosmote .container-information.myprofile .body-container .js-change-btn-sn {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -50px;
        right: 15px;
        padding-top: 20px;
        font-size: 18px;
        text-decoration: none
    }
    .container-body-page-my-cosmote .container-information.myprofile .body-container .container-data-action {
        position: relative
    }
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle {
    padding: 15px 20px;
    border-bottom: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle:last-child {
    border-bottom: 0
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle label,
.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal label,
.selfcare-css .subsidy .radiobutton label {
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle label .text-radio-button,
.selfcare-css .subsidy .radiobutton label .text-radio-button {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    max-width: calc(100% - 40px);
    width: 100%;
    font-size: 15px;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle label .text-radio-button span {
    font-size: 18px;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle label .icon-radio-button,
.selfcare-css .subsidy .radiobutton label .icon-radio-button {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-clip: padding-box;
    border: solid 1px #d0d0ce;
    margin-left: 10px;
    position: relative
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch input,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch input,
.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle input[type=radio] {
    display: none
}

.container-body-page-my-cosmote .container-information.fixed .radiobutton-selfcare-restyle input[type=radio]:checked~label .icon-radio-button::before,
.selfcare-css .subsidy .radiobutton input[type=radio]:checked~label .icon-radio-button::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #a0d933;
    border-radius: 50%;
    background-clip: padding-box
}

.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet {
    padding: 10px 20px;
    border-bottom: solid 1px #d0d0ce;
    color: #3d5265
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .offers-phone-internet {
        padding: 10px 5px
    }
    .container-body-page-my-cosmote .container-information.fixed .offers-phone-internet:last-child {
        border-bottom: none
    }
}

.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet div {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    max-width: calc(60% - 2px);
    width: 100%
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 a span,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 a span,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet div span {
    font-weight: 700;
    font-size: 18px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .offers-phone-internet div {
        max-width: 100%
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .price,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .price {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(20% - 2px);
    width: 100%;
    text-align: right;
    padding-right: 15px
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .price b,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .price b,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .price b {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #509e2f;
    padding-right: 5px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .price {
        max-width: calc(50% - 2px);
        margin-top: 10px;
        text-align: left
    }
}

.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 30px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch {
        margin-top: 10px
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch .slider,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e2e3;
    transition: .4s;
    border-radius: 34px
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch .slider:before,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch .slider:before,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch input:checked+.slider,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch input:checked+.slider {
    background-color: #4cd964
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch input:checked+.slider:before,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch input:checked+.slider:before,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch input:focus+.slider,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch input:focus+.slider {
    box-shadow: 0 0 1px #4cd964
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch.disabled,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch.disabled {
    pointer-events: none
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch.disabled .slider,
.container-body-page-my-cosmote .container-information.fixed .offers-phone-internet .switch.disabled .slider {
    cursor: initial;
    opacity: .6
}

.container-body-page-my-cosmote .container-information.fixed .body-container {
    padding: 20px 0 35px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .head-body-container {
    padding: 0 15px 20px;
    border-bottom: solid 1px #d0d0ce
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .head-body-container {
        padding: 0 0 20px
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .head-body-container .link-name-connection span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    max-width: calc(100% - 20px)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container {
    padding: 20px 15px 0
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container {
        padding: 20px 0 0
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .new-offer-box {
    background-color: #f2f2f2;
    font-size: 15px;
    line-height: 1;
    color: #3d5265;
    padding: 5px 5px 5px 10px;
    margin-bottom: 20px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .new-offer-box i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #509e2f;
    padding-right: 10px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .new-offer-box span {
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .new-offer-box span b {
    color: #509e2f;
    font-size: 25px;
    padding: 0;
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 .price span,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .new-offer-box span b span {
    display: inline;
    vertical-align: initial
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .new-offer-box a {
    padding-right: 20px;
    padding-top: 5px;
    display: block
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .link-change-program i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .link-change-program span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    max-width: calc(100% - 20px)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .check-speed-button {
    background-color: #509e2f;
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 1;
    padding: 10px;
    border-radius: 5px;
    background-clip: padding-box;
    font-weight: 700;
    margin-bottom: 20px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .check-speed-button i,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .check-speed-button span {
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .check-speed-button i {
    font-size: 20px;
    line-height: 1;
    margin-right: 5px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .check-speed-button span {
    max-width: calc(100% - 30px)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading {
    border-bottom: solid 2px #00a0dc;
    padding: 10px 20px;
    margin-top: 20px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading {
        padding: 10px 5px
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading h4 {
        padding-right: 20px
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading h4::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0;
    border-color: #3d5265 transparent transparent transparent;
    position: absolute;
    right: 7.5px;
    top: 0;
    bottom: 0;
    margin: auto
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading h4 a {
    font-size: 15px;
    font-weight: 700;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading {
    border-bottom: solid 1px #d0d0ce;
    margin-top: 0
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 a {
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(60% - 2px);
    width: 100%
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 a {
        max-width: 100%
    }
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .price {
        max-width: calc(50% - 2px);
        text-align: left;
        padding-right: 5px
    }
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .price span,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .price span {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .price b span,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .price b span {
    color: #509e2f;
    font-size: 20px;
    font-weight: 700;
    display: inline;
    vertical-align: initial
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4 .switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 30px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background-color: #000;
    border: none
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background-color: #000;
    border: none;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 16px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-heading h4::after,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4[aria-expanded=true]::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .panel-body {
    padding: 20px;
    border-bottom: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .no-arrow,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .no-arrow h4 {
    cursor: default
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container svg text,
.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch input,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .no-arrow h4::after,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-body .no-arrow h4::before,
.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal input {
    display: none
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green {
    background-color: #f5f5f5;
    padding: 10px 30px;
    border-bottom: solid 3px #a0d933
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green {
        padding: 10px
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .group-offers .panel-heading h4,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4 {
    margin: 0;
    position: relative;
    display: block;
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background-color: #509e2f;
    border: none
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background-color: #509e2f;
    border: none;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 16px
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4[aria-expanded=true]::before,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4[aria-expanded=true]::after,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green h4[aria-expanded=true]::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green+.panel-collapse.in {
    padding: 0 5px;
    border: solid 1px #d0d0ce;
    border-top: 0
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green+.panel-collapse.in .group-offers .panel-group:first-child .panel-heading,
.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .heading-grey-green:first-child+.panel-collapse {
    margin-top: 0
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container {
    padding-right: 0;
    padding-left: 0;
    margin-top: 150px;
    font-weight: 400;
    min-height: 655px;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-topsect {
    margin-bottom: -150px
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-bottomsect {
    border: 3px solid #c0ced2
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-bottomsect-new {
    border: 3px solid #c0ced2;
    box-shadow: 0 0 4px 3px rgba(126, 211, 33, .77)
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-title {
    font-size: 18px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #e8f2f6;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-title2 {
    padding-top: 150px;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-main-image {
    position: relative;
    margin: -150px -20px 0
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-cont {
    margin-right: 0;
    margin-left: 0
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-contblue {
    margin-right: 0;
    margin-left: 0;
    background-color: #e8f2f6
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-price {
    display: inline-block;
    font-size: 48px;
    font-weight: 700;
    line-height: .38;
    text-align: center;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-per {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: .38;
    text-align: center;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-container .vdsl-offer-bottombtn {
    display: block;
    margin-top: -27px;
    text-align: center
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-arrow {
    margin-left: -1.75em
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-arrow {
        padding-top: 20px;
        margin-top: -100px;
        margin-bottom: 50px;
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-arrow {
        padding-top: 350px;
        margin-left: -.75em
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-arrow {
        padding-top: 400px
    }
}

@media (min-width:1200px) and (max-width:1349px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-arrow {
        padding-top: 400px
    }
}

@media (min-width:1350px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-arrow {
        padding-top: 400px
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-linearrow {
    margin: auto;
    overflow: hidden;
    display: block;
    font-size: 12px;
    width: 7em;
    height: 7em;
    cursor: default
}

@media (min-width:768px) and (max-width:991px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-linearrow {
        width: 3em;
        height: 3em
    }
}

.container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-linearrow.right {
    border-top: 3px solid #e8f2f6;
    border-right: 3px solid #e8f2f6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.fixed .body-container .contain-body-container .vdsl-offer-linearrow.right {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container {
    padding: 20px 0
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading {
    border-bottom: solid 1px #d0d0ce;
    margin-top: 0
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 a {
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(60% - 2px);
    width: 100%
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 a {
        max-width: 100%
    }
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .price {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(20% - 2px);
    width: 100%;
    text-align: right;
    padding-right: 15px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .price {
        max-width: calc(50% - 2px);
        text-align: left;
        padding-right: 5px
    }
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 30px
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch.disabled {
    pointer-events: none;
    cursor: default
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e2e3;
    transition: .4s;
    border-radius: 34px
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch input:checked+.slider {
    background-color: #4cd964
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4 .switch input:focus+.slider {
    box-shadow: 0 0 1px #4cd964
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background-color: #000;
    border: none
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background-color: #000;
    border: none;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 16px
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-heading h4::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .container-information.cosmote-tv .body-container .contain-body-container.other-packages-cosmote-tv .group-offers .panel-body {
    padding: 20px;
    border-bottom: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .container-information.bills .icon-printer {
    display: inline-block;
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.bills .body-container {
    padding: 20px 0 0
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records {
    padding: 15px
}

@media (max-width:1199px) {
    .container-body-page-my-cosmote .container-information.bills .body-container.bill-records {
        overflow-x: scroll
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.bills .body-container.bill-records {
        padding: 5px
    }
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table thead th {
    color: #3d5265;
    font-size: 14px;
    text-align: left;
    line-height: 1.2
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table thead th.border-green {
    border-left: 2px solid #a0d933
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr td {
    color: #3d5265;
    font-size: 15px;
    text-align: left;
    line-height: 1.2
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr td.border-green {
    font-size: 16px;
    border-left: 2px solid #a0d933;
    position: relative
}

.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr td .button.button--orange {
    position: absolute;
    min-width: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    right: -55px;
    top: 0;
    height: 55px;
    display: none
}

.container-body-page-my-cosmote .container-information.bills .body-container .head-body-container {
    padding: 0 15px 20px 25px;
    border-bottom: solid 1px #d0d0ce
}

.container-body-page-my-cosmote .container-information.bills .body-container .head-body-container .link-name-connection i,
.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .link-name-connection i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information.bills .body-container .head-body-container .link-name-connection span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    max-width: calc(100% - 20px)
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections {
    background-color: #f5f5f5;
    border-right: 1px solid #d0d0ce;
    padding: 15px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections {
        border-right: 0
    }
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections h3 {
    margin: 0;
    font-size: 16px;
    color: #3d5265
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections ul {
    padding: 0;
    list-style: none;
    height: 270px;
    overflow-y: scroll;
    margin: 10px 0 0
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections ul li {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.4;
    color: #3d5265;
    border-bottom: 1px solid #d0d0ce;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections ul li:first-child {
    padding-top: 0
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .list-account-connections ul li:last-child {
    padding-bottom: 0
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .total-to-pay {
    font-size: 60px;
    font-weight: 700;
    color: #3d5265;
    line-height: 1;
    letter-spacing: -4px
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .total-to-pay span {
    font-size: 30px;
    letter-spacing: -2px
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .icon-information-custom {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #9b9b9b
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .icon-information-custom::before,
.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .icon-information-custom::before {
    content: 'i';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 12px;
    height: 12px;
    width: 4px;
    margin: auto;
    text-align: center;
    font-family: Arial, sans-serif;
    color: #9b9b9b
}

.container-body-page-my-cosmote .container-information.bills .body-container .contain-body-container .information-custom-text {
    display: inline-block;
    vertical-align: middle;
    color: #a2a2a4;
    max-width: calc(100% - 21px);
    padding-left: 15px
}

.container-body-page-my-cosmote .container-information.bills .grey-header {
    background-color: #eee;
    padding: 15px;
    margin-bottom: 20px;
    color: #3d5265!important
}

.container-body-page-my-cosmote .container-information.bills .grey-header .dropdown__container.dropdown__container--select {
    width: 100%
}

.container-body-page-my-cosmote .container-information.bills .grey-header .dropdown__container.dropdown__container--select .dropdown-toggle {
    height: 55px
}

.container-body-page-my-cosmote .container-information.bills .grey-header .con-name {
    padding-bottom: 20px;
    font-weight: 700
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.bills .grey-header .con-name {
        padding-bottom: 0
    }
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-program {
    padding-bottom: 10px;
    font-weight: 700
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.bills .grey-header .cur-program {
        padding-bottom: 0
    }
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-deadline {
    font-size: 12px
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-offer {
    margin-top: 30px;
    margin-bottom: 25px
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-offer img,
.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .details-offer img {
    max-width: 40px;
    display: inline-block;
    vertical-align: text-top
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-offer .text-detail-offer {
    display: inline-block;
    vertical-align: text-top;
    max-width: calc(100% - 45px);
    padding-left: 10px
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-price {
    font-size: 50px;
    font-weight: 700;
    line-height: 1
}

.container-body-page-my-cosmote .container-information.bills .grey-header .cur-price .cur-sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    font-size: 18px;
    top: -1.5em
}

.container-body-page-my-cosmote .container-information.bills .selectdescr {
    padding-bottom: 20px;
    color: #3d5265!important;
    text-align: center
}

.container-body-page-my-cosmote .container-information.connections .body-container,
.container-end-page.list-page .structure-list-end-page ul {
    padding: 0
}

.container-body-page-my-cosmote .container-information.connections .body-container .mask {
    position: relative;
    overflow: hidden;
    display: block;
    width: 8rem;
    height: 4rem;
    margin: 1rem auto
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .mask {
        width: 13.33333rem;
        height: 6.66667rem;
        margin: 1.33333rem auto
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .mask {
        width: 10.52632rem;
        height: 5.26316rem;
        margin: 1.05263rem auto
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .semi-circle {
    position: relative;
    display: block;
    width: 8rem;
    height: 4rem;
    background-image: linear-gradient(to right, #52a5d1, #99c578)!important;
    border-radius: 50% 50% 50% 50%/100% 100% 0% 0%
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle {
        width: 13.33333rem;
        height: 6.66667rem
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle {
        width: 10.52632rem;
        height: 5.26316rem
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .semi-circle::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    display: block;
    width: 5.6rem;
    height: 2.8rem;
    margin-left: -2.8rem;
    background: #fff;
    border-radius: 50% 50% 50% 50%/100% 100% 0% 0%
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle::before {
        width: 9.33333rem;
        height: 4.66667rem;
        margin-left: -4.66667rem
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle::before {
        width: 7.36842rem;
        height: 3.68421rem;
        margin-left: -3.68421rem
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .semi-circle--mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 8rem;
    height: 8rem;
    background: 0 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s ease-in-out
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle--mask {
        width: 13.33333rem;
        height: 13.33333rem
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle--mask {
        width: 10.52632rem;
        height: 10.52632rem
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .semi-circle--mask::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 2;
    display: block;
    width: 8.08rem;
    height: 4.08rem;
    margin: -1px 0 0 -1px;
    background: #f2f2f2;
    border-radius: 50% 50% 50% 50%/100% 100% 0% 0%
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle--mask::before {
        width: 13.46667rem;
        height: 6.8rem
    }
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .semi-circle--mask::before {
        width: 10.63158rem;
        height: 5.36842rem
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .gauge--2 .semi-circle {
    background-image: linear-gradient(to right, #ef3e42, #b31317)!important
}

.accordion-card-offer-container .button-accordion-card[aria-expanded=true] i,
.container-body-page-my-cosmote .container-information.connections .body-container .gauge--2 .semi-circle--mask {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.container-body-page-my-cosmote .container-information.connections .body-container .border-right-black {
    border-right: 1px solid rgba(0, 0, 0, .3);
    min-height: 400px
}

@media (max-width:1199px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .border-right-black {
        border-right: 0
    }
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .border-right-black {
        min-height: 0;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, .3)
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .error-box {
    background-color: #fafafa;
    color: #3d5265;
    border: 1px solid #ff791d;
    border-radius: 4px;
    background-clip: padding-box;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative
}

.container-body-page-my-cosmote .container-information.connections .body-container .error-box .icon-danger {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    height: 30px;
    margin: auto;
    font-size: 30px;
    color: #ff791d
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-next,
.container-body-page-my-cosmote .container-information.connections .body-container .slick-prev {
    height: 30px;
    width: 30px;
    top: -20px
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-next::before,
.container-body-page-my-cosmote .container-information.connections .body-container .slick-prev::before {
    color: #509e2f;
    font-size: 20px
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-next.slick-disabled,
.container-body-page-my-cosmote .container-information.connections .body-container .slick-prev.slick-disabled {
    display: none!important
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-next {
    right: -7px
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-prev {
    left: -7px
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-slide {
    opacity: 0
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-slide.slick-current {
    opacity: 1
}

.container-body-page-my-cosmote .container-information.connections .body-container .slick-slide.slick-current~.slick-slide {
    opacity: .5
}

.container-body-page-my-cosmote .container-information.connections .body-container .message-info-lightblue {
    background-color: #d2eef9;
    padding: 5px 10px;
    border-radius: 4px;
    background-clip: padding-box
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container {
    padding: 15px 20px 30px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 {
    font-size: 16px;
    font-weight: 400
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 a,
.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 i,
.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 span,
.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .offer-time span {
    display: inline-block;
    vertical-align: middle
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 .price {
    font-size: 20px;
    font-weight: 700;
    color: #3d5265;
    margin-right: 10px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 i:first-child {
    width: 20px;
    text-align: center;
    font-size: 20px;
    color: #7c7c7c;
    margin-right: 10px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 i.icon-custom-information {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
    background-clip: padding-box;
    border: 2px solid #a0d933
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 i.icon-custom-information::before {
    content: 'i';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 16px;
    height: 14px;
    width: 4px;
    margin: auto;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #a0d933
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 i.icon-change-rateplan {
    color: #509e2f;
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 .name-offer {
    max-width: 280px;
    width: 100%;
    line-height: 1.2
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 a {
    margin-right: 10px;
    max-width: 140px;
    width: 100%;
    line-height: 1.6
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 a .icon-change {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 a .text-link-change {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2;
    color: #509e2f;
    text-decoration: none;
    font-weight: 400;
    max-width: calc(100% - 35px)
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .group-offers .panel-heading h4 a.change-link {
    max-width: 110px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .details-text-chart {
    position: relative;
    padding: 0 5px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .icon-graph-connection {
    font-size: 30px;
    display: block;
    color: #3d5265;
    position: absolute;
    width: 45px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    top: -40px;
    z-index: 2
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .icon-graph-connection {
        font-size: 35px;
        top: -55px
    }
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .link-name-connection span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    max-width: calc(100% - 20px);
    font-weight: 400;
    font-size: 16px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .total-to-pay {
    font-size: 60px;
    font-weight: 700;
    color: #a0d933;
    line-height: 1
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .total-to-pay span {
    font-size: 30px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container hr {
    border: 0;
    border-bottom: solid 1px #d0d0ce;
    margin-top: 15px;
    margin-bottom: 15px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .icon-information-custom,
.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal label span {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #9b9b9b
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .information-custom-text {
    display: inline-block;
    vertical-align: middle;
    color: #a2a2a4;
    max-width: calc(100% - 21px);
    padding-left: 15px
}

.container-body-page-my-cosmote .container-information.connections .body-container .contain-body-container .heading-grey-green+.panel-collapse.in {
    padding: 0;
    border: 0
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .radio-button-modal {
        margin-top: 10px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal label img {
    height: 70px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px
}

.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal label span {
    margin: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #b1b1b3
}

.container-body-page-my-cosmote .container-information.my-offers .radio-button-modal label .wrap-text-radiobutton {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 160px)
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .radio-button-modal label .wrap-text-radiobutton {
        max-width: 100%;
        display: block;
        margin-top: 10px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer {
    background-color: #eee;
    padding: 15px;
    border-radius: 8px;
    background-clip: padding-box;
    margin-bottom: 20px
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex {
        display: block
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex .flex-col {
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 42%;
    max-width: 42%
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex .flex-col {
        min-width: 100%;
        max-width: 100%
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex .flex-col:first-child {
    min-width: 16%;
    max-width: 16%
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex .flex-col:first-child {
        min-width: 100%;
        max-width: 100%
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer .flex .flex-col.selected {
    background-color: #f3fbde;
    border-radius: 5px
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor {
    padding: 15px;
    border-radius: 8px;
    background-clip: padding-box;
    margin-bottom: 20px
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex {
        display: block
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex .flex-col {
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 42%;
    max-width: 42%
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex .flex-col {
        min-width: 100%;
        max-width: 100%
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex .flex-col:first-child {
    min-width: 16%;
    max-width: 16%
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex .flex-col:first-child {
        min-width: 100%;
        max-width: 100%
    }
}

.container-body-page-my-cosmote .container-information.my-offers .container-choise-offer-nobgcolor .flex .flex-col.selected {
    background-color: #f3fbde;
    border-radius: 5px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .tab {
    max-width: 49%;
    width: 100%;
    background-color: #d0d0ce;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
    color: #3d5265;
    font-size: 18px;
    line-height: 25px;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    margin-left: calc(2% - 5px);
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .tab:first-child {
    margin-left: 0
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .tab {
        display: block;
        max-width: 100%;
        margin-left: 0
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .tab span {
    color: #509e2f
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .tab.active {
    background-color: #eee;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .tab.active span {
    color: #a0d933
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers {
    background-color: #eee;
    padding: 20px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers {
        padding: 20px 10px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer {
    margin-bottom: 30px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer:last-child {
    margin-bottom: 0
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .header-offer {
    background-color: #82bc4c;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #3d5265;
    padding: 10px 15px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .header-offer span {
    color: #fff;
    font-weight: 700;
    padding-right: 10px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer {
    padding: 10px;
    background-image: url(../images/selfcare-restyle/bg-my-offers.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #fff
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .offer-time {
    background-color: #fff;
    color: #3d5265;
    border-bottom-left-radius: 5px;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .offer-time {
        display: block;
        position: relative;
        border-bottom-left-radius: 0;
        margin-bottom: 10px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .offer-time .icon-information-custom {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-clip: padding-box;
    border: 2px solid #a0d933;
    margin-right: 10px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .offer-time .icon-information-custom::before {
    content: 'i';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 16px;
    height: 14px;
    width: 2px;
    margin: auto;
    text-align: center;
    font-family: Arial, sans-serif;
    color: #a0d933
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .circle-details-offer {
    position: absolute;
    top: 0;
    left: 15px;
    background-color: #3d5265;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-clip: padding-box;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    display: table;
    font-size: 15px;
    line-height: 1.2
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .circle-details-offer span {
    display: table-cell;
    vertical-align: middle
}

@media (max-width:991px) and (min-width:768px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .circle-details-offer {
        top: 120px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .details-offer {
    margin-top: 30px;
    margin-bottom: 25px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .details-offer .text-detail-offer {
    display: inline-block;
    vertical-align: text-top;
    max-width: calc(100% - 45px);
    padding-left: 10px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 50px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift.topdownonly {
    display: inline-block;
    max-width: 95%
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift {
        display: block
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .title-bonus-gift {
    background-color: #ff9d02;
    min-width: 25%;
    max-width: 25%;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 5px 10px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .title-bonus-gift.topdownonly {
    min-width: 100%;
    max-width: 100%;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .title-bonus-gift {
        min-width: 100%;
        max-width: 100%;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal {
    min-width: 25%;
    max-width: 25%;
    text-align: center;
    background-color: rgba(0, 0, 0, .1);
    padding-top: 5px;
    padding-bottom: 5px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal.topdownonly {
    min-width: 100%;
    max-width: 100%;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal {
        min-width: 100%;
        max-width: 100%;
        text-align: left
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal:last-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal label span {
    background-color: #fff
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal label .wrap-text-radiobutton {
    max-width: calc(100% - 40px)
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal label .wrap-text-radiobutton {
        display: inline-block;
        vertical-align: middle
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .bonus-gift .radio-button-modal label .wrap-text-radiobutton.max-full {
    max-width: 100%
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .compressed {
    line-height: 1
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .compressed-bold {
    line-height: 1;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button {
    font-size: 14px;
    width: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 0;
    text-align: center;
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button span,
.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button span {
    width: 26px;
    height: 26px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    display: block;
    margin: 10px auto -10px;
    border-radius: 50%;
    background-clip: padding-box;
    position: relative
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button span::after {
    content: '';
    position: absolute;
    right: 9px;
    top: 10px;
    height: 10px;
    width: 2px;
    background-color: #509e2f
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button span::before {
    content: '';
    position: absolute;
    top: 10px;
    height: 10px;
    width: 2px;
    background-color: #509e2f;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 15px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button span::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button.open span::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 8px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .body-offer .more-button.open span::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 8px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .more-box-selfcare {
    background-color: #fff;
    padding: 20px;
    display: none;
    width: 100%
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer {
    background-color: #fff;
    line-height: 1.2;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer {
        padding: 20px 10px 0
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button {
    font-size: 14px;
    width: 300px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: auto;
    line-height: 0;
    text-align: center;
    cursor: pointer
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button {
        width: 200px;
        line-height: 16px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button.centered {
    left: 0;
    right: 0;
    bottom: 0
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button span::after {
    content: '';
    position: absolute;
    right: 9px;
    top: 10px;
    height: 10px;
    width: 2px;
    background-color: #509e2f
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button span::before {
    content: '';
    position: absolute;
    top: 10px;
    height: 10px;
    width: 2px;
    background-color: #509e2f;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 15px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button span::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button.open span::before,
.generic-moreless-container .more-button.open span::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 8px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button.open span::after,
.generic-moreless-container .more-button.open span::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 8px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .more-button .more-div {
    position: absolute;
    right: 50px;
    bottom: 0;
    line-height: 1;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .footer-discl {
    padding: 10px;
    color: #3d5265;
    font-size: 12px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .footer-discl {
        padding-bottom: 40px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .footer-discl .to-black {
    font-size: 10px;
    color: #000;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .footer-discl .to-grey {
    font-size: 10px;
    color: gray
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .footer-discl .discl {
    padding-right: 140px
}

@media (max-width:767px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .container-offers .offer .footer-offer .footer-discl .discl {
        padding-right: 0
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .offer-current {
    margin-top: 50px
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .offer-current .offer-title {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #82bc4c;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .offer-current .cur-content {
    background-color: #fff;
    padding: 10px 0
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .offer-current .cur-content .cur-program {
    padding-bottom: 10px;
    color: #3d5265!important;
    font-weight: 700
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .offer-current .cur-content .cur-program {
        padding-bottom: 0
    }
}

.container-body-page-my-cosmote .container-information.my-offers .contanier-tabs .offer-current .cur-content .cur-deadline {
    color: #3d5265!important;
    font-size: 12px
}

.container-body-page-my-cosmote .container-information.my-offers .decrheight {
    height: 100%!important
}

.container-body-page-my-cosmote .container-information.my-offers .showmore {
    width: 100%;
    box-shadow: 2px 4px 0 0 #497b0d!important;
    box-sizing: border-box;
    display: inline-block;
    min-height: 52px;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    line-height: 16px;
    background-color: #fff!important;
    padding: 10px;
    text-align: center;
    color: #509e2f!important;
    cursor: pointer
}

.container-body-page-my-cosmote .container-information.my-offers .hiddenofferpack {
    display: none
}

.container-body-page-my-cosmote .container-information.my-offers .selrenewtype {
    text-align: right;
    display: block;
    padding-right: 12px
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .selrenewtype {
        text-align: left;
        padding-right: 15px;
        padding-left: 5px
    }
}

.container-body-page-my-cosmote .container-information.my-offers .carouselarrowr {
    right: 0!important;
    top: 47.3%!important
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .carouselarrowr {
        top: 39.3%!important
    }
}

.container-body-page-my-cosmote .container-information.my-offers .carouselarrowl {
    left: 0!important;
    top: 47.3%!important
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .container-information.my-offers .carouselarrowl {
        top: 39.3%!important
    }
}

.container-body-page-my-cosmote .container-information.empty-page {
    background-color: #eee;
    padding: 10px;
    margin-top: -10px
}

.container-body-page-my-cosmote .container-information.empty-page .body-container,
.footerselfrestyle {
    background-color: #fff
}

.container-body-page-my-cosmote .container-information .width-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.container-body-page-my-cosmote .container-information .width-truncate-left {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    direction: rtl
}

.container-body-page-my-cosmote .min-width-25 {
    min-width: 25%!important
}

.container-body-page-my-cosmote .min-width-50 {
    min-width: 50%!important
}

.container-body-page-my-cosmote .min-width-75 {
    min-width: 75%!important
}

.container-body-page-my-cosmote .min-width-100 {
    min-width: 100%!important
}

.container-body-page-my-cosmote .max-width-25 {
    max-width: 25%!important
}

.container-body-page-my-cosmote .max-width-50 {
    max-width: 50%!important
}

.container-body-page-my-cosmote .max-width-75 {
    max-width: 75%!important
}

.container-body-page-my-cosmote .max-width-100 {
    max-width: 100%!important
}

.container-body-page-my-cosmote .border-0 {
    border: 0!important
}

.container-body-page-my-cosmote .borderb-0 {
    border-bottom: 0!important
}

.container-body-page-my-cosmote .bordert-0 {
    border-top: 0!important
}

.container-body-page-my-cosmote .borderr-0 {
    border-right: 0!important
}

.container-body-page-my-cosmote .borderl-0 {
    border-left: 0!important
}

.container-body-page-my-cosmote .borderbt-0 {
    border-bottom: 0!important;
    border-top: 0!important
}

.container-body-page-my-cosmote .borderrl-0 {
    border-right: 0!important;
    border-left: 0!important
}

.container-body-page-my-cosmote .border-navy-top-left-md-plus {
    border-left: 1px solid #3d5265
}

@media (max-width:991px) {
    .container-body-page-my-cosmote .border-navy-top-left-md-plus {
        border-left: 0;
        border-top: 1px solid #3d5265
    }
}

.container-body-page-my-cosmote .pos-rel {
    position: relative
}

.container-body-page-my-cosmote .pos-abs {
    position: absolute
}

.container-body-page-my-cosmote .linebreak {
    white-space: pre-wrap
}

.generic-moreless-container .more-button {
    font-size: 14px;
    cursor: pointer
}

.generic-moreless-container .more-button span {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    margin-left: 10px
}

.generic-moreless-container .more-button span::after,
.generic-moreless-container .more-button span::before {
    content: '';
    position: absolute;
    right: 9px;
    top: 10px;
    height: 10px;
    width: 3px;
    margin-top: -3px;
    background-color: #000
}

.generic-moreless-container .more-button span::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 15px
}

.generic-moreless-container .more-button span::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.generic-moreless-container .more-button.def-open span::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 8px
}

.generic-moreless-container .more-button.closed span::before,
.generic-moreless-container .more-button.def-open span::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 8px
}

.generic-moreless-container .more-button.closed span::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 8px
}

.generic-moreless-container .generic-moreless-content,
.selfcare-css .subsidy .radiobutton input[type=radio] {
    display: none
}

.generic-moreless-container .generic-moreless-content-mob-tab {
    display: initial
}

@media (max-width:991px) {
    .generic-moreless-container .generic-moreless-content-mob-tab {
        display: none
    }
}

@media (max-width:991px) and (min-width:768px) {
    .generic-moreless-container .generic-moreless-content-mob-tab {
        display: none
    }
}

.footerselfrestyle {
    box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, .07);
    padding: 0
}

.footerselfrestyle img {
    max-width: 250px
}

@media (max-width:767px) {
    .footerselfrestyle img {
        max-width: 150px
    }
}

.footerselfrestyle img.otelogoright {
    width: auto;
    max-width: 100%;
    height: 80px
}

.footerselfrestyle img.otelogoleft {
    width: auto;
    max-width: 100%;
    height: 45px;
    margin-top: 17px
}

@media (max-width:767px) {
    .footerselfrestyle img.otelogoleft {
        display: block;
        float: none;
        margin: 0 auto
    }
}

.footerselfrestyle .otelogocenter {
    display: inline-block;
    vertical-align: middle
}

.selfcare-css .subsidy {
    text-align: center
}

.selfcare-css .subsidy .subsidy-title {
    padding: 10px 20px;
    border-bottom: solid 2px #00a0dc;
    color: #3d5265;
    font-size: 15px;
    font-weight: 700
}

@media (max-width:767px) {
    .selfcare-css .subsidy .subsidy-title {
        font-size: 14px;
        padding: 10px 5px
    }
    .selfcare-css .subsidy .subsidy-title [class^=col-] {
        padding: 0 5px
    }
}

.selfcare-css .subsidy .subsidy-title .last-title {
    max-width: 166px;
    margin-left: auto;
    margin-right: 0
}

.selfcare-css .subsidy .subsidy-content {
    padding: 15px 20px;
    border-bottom: solid 1px #d0d0ce;
    line-height: 1.2;
    font-size: 18px;
    color: #3d5265
}

@media (max-width:767px) {
    .selfcare-css .subsidy .subsidy-content {
        font-size: 15px;
        padding: 15px 5px
    }
    .selfcare-css .subsidy .subsidy-content [class^=col-] {
        padding: 0 5px
    }
}

.selfcare-css .subsidy .subsidy-buttons {
    margin: 30px 0
}

.selfcare-css .subsidy .radiobutton {
    border-bottom: solid 1px #d0d0ce;
    margin-left: auto;
    margin-right: 0;
    max-width: 166px
}

.selfcare-css .subsidy .radiobutton:last-child {
    border-bottom: 0
}

.selfcare-css .subsidy .radiobutton label .text-radio-button span {
    font-size: 18px;
    font-weight: 700
}

.eshop {
    color: #43596b!important
}

.clickable {
    cursor: pointer
}

.eshop .filterShort {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px
}

.eshop .filterShort,
.eshop .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.eshop .dropdown__container--toggle,
.eshop .moreFilters {
    display: inline-block;
    border-radius: 8px!important;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 #cbcbcb
}

.eshop .moreFilters {
    background-color: #629b40;
    border: none;
    box-shadow: none;
    padding: 10px 12px;
    right: 0;
    position: absolute
}

.moreFilters .dropdown__container--toggle--txt {
    color: #fff!important;
    max-width: 100%
}

.dropdown__container--menu li a.active,
.dropdown__container--menu li a:hover,
.eshop .dropdown__container--toggle i {
    color: #98c44f;
    font-weight: 200
}

.dropdown__container.open .dropdown__container--toggle {
    background: #fff
}

.eshop .dropdown__container--toggle--txt {
    font-weight: 200;
    color: #43596b
}

.eshop .dropdown__container--menu li a {
    font-weight: 200
}

.filterContainer {
    border-radius: 8px;
    background-color: #f4f4f4;
    border: solid 1px #979797
}

.eshop .product {
    border-radius: 24px;
    box-shadow: 0 0 6px 0 #dbdbdb;
    background-color: #fff;
    border: solid 1px #f2f2f2;
    height: auto
}

.eshop .cust-infobox-cont .cust-infobox.infobox-left-sm-top {
    width: 300px
}

.eshop .form__checkbox__text {
    font-size: 16px!important
}

.eshop .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.eshop .compare,
.eshop .tag {
    border-radius: 8px 8px 0 0;
    background-color: #ececec
}

.eshop .tag {
    background-color: #3b61a6;
    color: #fff
}

.eshop .productComplexType {
    width: 60px;
    height: 60px
}

.eshop .productComplexType-txt-blue {
    font-weight: 700;
    text-align: left;
    color: #2663b0
}

.eshop .priceSection {
    background-color: #f4f4f4;
    height: 100%
}

.eshop .priceGreen {
    font-size: 36px;
    font-weight: 700;
    color: #98c44f
}

.eshop .priceSectionInside-txt {
    color: #736e6e;
    text-decoration: line-through
}

.eshop .priceSectionInside {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-top: 29%;
    padding-bottom: 29%
}

.eshop .imgProd {
    padding-top: 0;
    padding-bottom: 0
}

.eshop .productComplexType-txt-grey {
    text-align: left;
    color: #b8baba
}

.eshop .product .productTitle {
    font-size: 30px;
    text-align: left;
    color: #2663b0
}

.eshop .moreContainer {
    display: grid
}

.eshop .moreArrow {
    background: 0 0;
    border: none;
    box-shadow: none;
    padding: 10px 12px;
    left: 50%;
    top: calc(80% - 5px);
    position: absolute;
    z-index: 9999
}

.eshop .moreArrowIcon {
    width: 30px;
    height: 30px
}

.paginatorSec {
    border-radius: 9px;
    border: solid 1px #9dc75a;
    padding: 10px
}

.eshop .paginatorText {
    font-size: 18px;
    text-align: center;
    color: #98c550;
    margin: auto;
    width: 70%
}

.descriptionSec,
.disclaimerSec {
    font-size: 20px;
    text-align: center;
    color: #4a5f70
}

.disclaimerSec {
    font-size: 16px;
    color: #b8baba!important
}

.card__view {
    margin-bottom: 50px
}

.card__view .breadcrumb {
    margin-top: 0;
    border-bottom: 0
}

.card__view .row-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:1349px) {
    .card__view .row-dropdown {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.card__view .footer-card-view-txt {
    color: #b8baba;
    font-size: 14px
}

.card__view .row__card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card__view-container .row {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card__view .utils-compare-box {
    display: none;
    margin-bottom: 20px
}

.card__view .utils-compare-box .compare-button,
.lg-block {
    display: none
}

.card__view .utils-compare-box .clear-all {
    margin-left: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 0 0 #a9abac;
    background-image: linear-gradient(to right, #d2d4d2, #aeb0b0)
}

@media (max-width:991px) {
    .card__view .utils-compare-box .container-search-card {
        padding: 0 15px
    }
    .card__view .utils-compare-box .container-search-card .container-filter {
        display: none
    }
}

@media (max-width:1199px) {
    .lg-block {
        display: block
    }
}

.lg-none {
    display: block
}

@media (max-width:1199px) {
    .lg-none {
        display: none
    }
}

.product__comparison {
    margin-bottom: 50px
}

.product__comparison .title-green {
    color: #98c44f;
    font-size: 15px
}

.product__comparison h2 {
    font-weight: 400;
    color: #43596b;
    font-size: 18px
}

.product__comparison .breadcrumb {
    margin-top: 0;
    border-bottom: 0
}

.product__comparison .row {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:991px) {
    .product__comparison .row-card-offert-slick {
        padding: 0
    }
}

.product__comparison .row-card-offert-slick .slick-prev {
    top: unset;
    bottom: 0;
    left: 35%
}

@media (max-width:991px) {
    .product__comparison .row-card-offert-slick .slick-prev {
        bottom: -45px
    }
}

.product__comparison .row-card-offert-slick .slick-next {
    top: unset;
    right: 35%;
    bottom: 0
}

@media (max-width:991px) {
    .product__comparison .row-card-offert-slick .slick-next {
        bottom: -45px
    }
}

.product__comparison .row-card-offert-slick .slick-dots {
    display: block!important;
    bottom: 5px
}

@media (max-width:991px) {
    .product__comparison .row-card-offert-slick .slick-dots {
        bottom: -35px
    }
    .product__comparison .row-card-offert-slick .slick-dots button::before {
        font-size: 20px
    }
}

.custom-accordion-group .accordion-title.active .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .icon-accordion:before,
.custom-accordion-group .accordion-title.active-switch .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .icon-accordion:before,
.custom-accordion-group .accordion-title.closed .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .icon-accordion:before,
.product__comparison .row-card-offert-slick .slick-dots .slick-active button:before,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .custom-accordion-group .accordion-title.active .icon-accordion:before,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .custom-accordion-group .accordion-title.active-switch .icon-accordion:before,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .custom-accordion-group .accordion-title.closed .icon-accordion:before,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .icon-caret-down:before,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .icon-caret-up:before {
    color: #98c44f
}

.product__comparison .column__comparison,
.product__comparison .column__comparison .comparison-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__comparison .column__comparison {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-bottom: 60px;
    position: relative
}

@media (max-width:991px) {
    .product__comparison .column__comparison {
        text-align: center;
        padding: 0 0 0 3px
    }
}

.product__comparison .column__comparison .comparison-close {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: center;
    border: solid .6px #d0d0d0;
    background-color: #f4f4f4;
    border-radius: 5px;
    width: 21px;
    height: 21px;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__comparison .column__comparison .comparison-close .icon-close {
    font-size: 12px;
    margin-left: 1px
}

.product__comparison .column__comparison-block,
.product__comparison .column__comparison-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto
}

.product__comparison .column__comparison-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 170px
}

.product__comparison .column__comparison-img .imgProd {
    width: 91px
}

.product__comparison .column__comparison-img .comparison-label {
    margin-top: auto;
    margin-bottom: 15px;
    color: #43596b
}

.product__comparison .column__comparison-block {
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px;
    width: 100%
}

.product__comparison .column__comparison-block:nth-child(odd) {
    background: #f4f4f4
}

.product__comparison .column__comparison-block:first-child {
    margin-top: 170px
}

@media (max-width:991px) {
    .product__comparison .column__comparison-block:first-child {
        margin-top: 170px
    }
}

.product__comparison .column__comparison-block.column-bottom {
    margin-top: 10px
}

.product__comparison .column__comparison .comparison-block-text {
    color: #43596b;
    font-size: 14px
}

@media (max-width:768px) {
    .product__comparison .column__comparison .comparison-block-text {
        font-size: 10px
    }
}

.product__comparison .column__comparison .comparison-block-text.block-text-green {
    color: #98c44f;
    font-size: 19px;
    font-weight: 700
}

.product__comparison .column__comparison .comparison-block-text.block-text-grey {
    color: #736e6e
}

.product__comparison .column__comparison.empty-column .comparison-close {
    display: none
}

.product__comparison .column__comparison.empty-column .column__comparison-img {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.card__smartphone-column .card__smartphone-content p,
.product__comparison .column__comparison.empty-column .column__comparison-img .comparison-label {
    margin: 0
}

.product__comparison .column__comparison.empty-column .column__comparison-img .button {
    margin: 15px 0
}

.super-configurator {
    padding: 50px 0;
    background-color: #eaeaea;
    height: auto
}

.super-configurator .row-super-configurator {
    min-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.super-configurator .wrapper-super-configurator {
    width: 100%;
    border-radius: 7.3px;
    box-shadow: 0 1px 2px 0 rgba(141, 141, 141, .5);
    background-color: #fff;
    display: inline-block
}

.super-configurator .wrapper-super-configurator .super-configurator__line-container {
    padding: 20px 20px 0;
    border-bottom: dashed 1px #979797
}

@media (max-width:1199px) {
    .super-configurator .wrapper-super-configurator .super-configurator__line-container {
        padding: 20px 0 0
    }
}

.super-configurator .wrapper-super-configurator .super-configurator__item {
    padding: 10px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: solid 1px #c3c3c3
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content h2 {
    color: #405768;
    margin: 0
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-collapse-button {
    background: 0 0;
    border: none
}

.bordered__fullpage__box .bordered__fullpage__box__search .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container input,
.header__heading-bar__search .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container input,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container .bordered__fullpage__box .bordered__fullpage__box__search input,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container .form__input,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container .header__heading-bar__search input {
    width: 100%
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container .form__label {
    font-size: 14px;
    color: #405768
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container .form__label .form__label-icon {
    font-size: 10px;
    margin-right: 5px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container-footer {
    margin-top: 20px
}

.super-configurator .wrapper-super-configurator .dropdown-select-grey,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-input-container-footer .radio-button-container-v2 {
    margin-top: 10px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .checkbox-selection {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .checkbox-selection .form__checkbox {
    max-width: 250px;
    padding-right: 20px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .checkbox-selection .form__checkbox .form__checkbox__icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer .anchor-super-configurator {
    color: #3f5667
}

.container-button--primary .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer a,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer .button--primary,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer .container-button--primary a {
    min-width: 134px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field {
    margin-bottom: 30px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .super-configurator-footer-field-title {
    color: #4f6172;
    padding-bottom: 10px;
    text-align: center
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container {
    width: 255px;
    height: 40px;
    margin-right: 7px;
    margin-left: 7px
}

@media (max-width:991px) {
    .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container {
        margin-bottom: 10px
    }
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .dropdown__container--toggle {
    height: 40px;
    border-color: #9b9b9b;
    border-radius: 3px
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .dropdown__container--toggle .dropdown__container--toggle--txt {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400
}

.search-filter-panel-new-redesign h3,
.search-filter-panel-new-redesign h4,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .dropdown__container--menu--item {
    font-weight: 400
}

@media (max-width:991px) {
    .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .dropdown__container .dropdown-toggle {
        margin-top: 0
    }
}

.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .form__input-container {
    width: 255px;
    margin-right: 7px;
    margin-left: 7px
}

.bordered__fullpage__box .bordered__fullpage__box__search .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .form__input-container input,
.header__heading-bar__search .super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .form__input-container input,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .form__input-container .bordered__fullpage__box .bordered__fullpage__box__search input,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .form__input-container .form__input,
.super-configurator .wrapper-super-configurator .super-configurator__item .super-configurator-footer-field .row-super-configurator-footer-field .form__input-container .header__heading-bar__search input {
    max-width: 255px;
    width: 100%;
    height: 40px;
    border-color: #9b9b9b;
    border-radius: 3px;
    box-shadow: none;
    opacity: 1
}

.super-configurator .wrapper-super-configurator .dropdown-select-grey .dropdown-redesign {
    margin: 0;
    width: 130px
}

.super-configurator .wrapper-super-configurator .dropdown-select-grey .dropdown-redesign .btn {
    width: 130px;
    height: 30px;
    padding: 7px 9px
}

.super-configurator .radio-button-container-v2 input[type=radio]:checked~.label-radiobutton .label-radiobutton-element:before {
    width: 14px;
    height: 14px
}

.super-configurator .radio-button-container-v2 .label-radiobutton .label-radiobutton-element {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.super-configurator .radio-button-container-v2 .label-radiobutton .label-radiobutton-text {
    font-size: 14px;
    line-height: 18px;
    padding-left: 0;
    width: auto;
    color: #405768
}

.super-configurator .label-radiobutton {
    padding-right: 20px
}

.super-configurator .radio-button-container-v2 {
    display: inline-block;
    margin-top: 30px
}

.super-configurator__thank {
    padding: 100px 0
}

.super-configurator__thank .wrapper-super-configurator {
    position: relative
}

.super-configurator__thank .wrapper-super-configurator .circular-icon-checkmark {
    display: block;
    position: absolute;
    height: 135px;
    width: 135px;
    top: -67.5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content {
    border: 0;
    padding: 50px 0 20px;
    margin-bottom: 0
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content h1 {
    font-weight: 400;
    text-align: center;
    color: #405768;
    margin-bottom: 30px
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .row-recap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 60px
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .row-recap .super-configurator-box-recap {
    max-width: 400px;
    width: 100%;
    border-radius: 12.2px;
    box-shadow: 0 1px 2px 0 rgba(174, 174, 174, .5);
    background-color: #f4f4f4;
    padding: 10px 20px;
    text-align: center
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .row-recap .super-configurator-box-recap .box-recap-text {
    font-size: 16px;
    color: #3e5567
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .row-recap .super-configurator-box-recap .box-recap-price {
    color: #98c44f;
    font-size: 36px;
    font-weight: 700
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .row-recap .super-configurator-box-recap .row-box-recap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container {
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px
}

@media (max-width:991px) {
    .super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container {
        padding-left: 0;
        padding-right: 0
    }
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container:last-child {
    padding-bottom: 0
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container .super-configurator-bottom-text {
    color: #3f5667;
    font-size: 16px;
    margin: 0
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container .super-configurator-bottom-text-grey {
    color: #9c9c9c
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container .super-configurator-bottom-text-uppercase {
    text-transform: uppercase
}

.super-configurator__thank .wrapper-super-configurator .super-configurator__item .super-configurator__item-content .super-configurator-bottom-container .super-configurator-bottom-text-bold {
    font-weight: 700
}

.super-configurator__fixed .super-configurator__item-fixed-title {
    margin-top: 0;
    font-weight: 400;
    font-size: 18px;
    color: #405768
}

.super-configurator__fixed .super-configurator__item .container-radio-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.super-configurator__fixed .super-configurator__item .container-radio-input .card-radio-input {
    margin-right: 20px
}

.bordered__fullpage__box .bordered__fullpage__box__search .super-configurator.tangible input,
.bordered__fullpage__box .bordered__fullpage__box__search .super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible input,
.header__heading-bar__search .super-configurator.tangible input,
.header__heading-bar__search .super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible input,
.super-configurator.tangible .bordered__fullpage__box .bordered__fullpage__box__search input,
.super-configurator.tangible .form__input,
.super-configurator.tangible .header__heading-bar__search input,
.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .bordered__fullpage__box .bordered__fullpage__box__search input,
.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .form__input,
.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .header__heading-bar__search input {
    width: 100%
}

.super-configurator.tangible .vertical-border,
.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .vertical-border {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%
}

.super-configurator.tangible .vertical-border p,
.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .vertical-border p {
    position: absolute;
    top: 40%;
    background: #fff;
    padding: 6px 0
}

@media (max-width:991px) {
    .super-configurator.tangible .vertical-border p {
        top: -12px;
        background: #fff;
        left: 50%;
        width: 40px;
        text-align: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0;
        padding: 0
    }
}

.super-configurator.tangible .vertical-border:after,
.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .vertical-border:after {
    display: block;
    height: 100%;
    content: ' ';
    border-left: 1px solid #979797;
    margin-left: 4px
}

@media (max-width:991px) {
    .super-configurator.tangible .vertical-border:after {
        margin-left: 0;
        height: 1px;
        border-left: 0;
        border-bottom: 1px solid #979797
    }
    .super-configurator.tangible .vertical-border {
        display: block;
        height: 1px;
        left: 0;
        bottom: 0;
        top: inherit;
        width: 100%
    }
}

.super-configurator.tangible .qr-text {
    margin: 0;
    text-align: center;
    color: #405768;
    font-size: 15px
}

.super-configurator.tangible .qr-img {
    margin: 0 auto;
    display: inherit;
    width: 220px;
    height: 220px
}

.super-configurator .super-configurator__item .link {
    color: #4a90e2;
    font-size: 14px
}

.super-configurator.additional-services .additional-services-title {
    font-weight: 400;
    line-height: initial;
    margin: 0 0 35px
}

@media (min-width:768px) {
    .super-configurator .row-radio-box-slick .slick-dots {
        display: block!important
    }
}

.super-configurator .row-radio-box-slick .slick-dots li,
.super-configurator-additional-services-slick .slick-dots li {
    width: 15px
}

.super-configurator .row-radio-box-slick .slick-dots li button:before,
.super-configurator-additional-services-slick .slick-dots li button:before {
    font-size: 15px
}

.super-configurator .row-radio-box-slick .column-card-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.super-configurator .quantity-stepper button .more,
.super-configurator .quantity-stepper button.less,
.super-configurator .quantity-stepper button.more {
    height: 26px;
    width: 26px;
    line-height: 23px;
    font-size: 23px
}

.super-configurator .quantity-stepper .product-value {
    height: 26px;
    width: 26px;
    line-height: 23px
}

.super-configurator__fixed-flow .wrapper-super-configurator {
    overflow: hidden
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item {
    width: 100%;
    float: left;
    display: none
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item:first-child {
    display: block
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.slide-in {
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .3s forwards
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.slide-out {
    animation: slide-out .5s forwards;
    -webkit-animation: slide-out .5s forwards
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible {
    float: none;
    margin: 0 auto;
    max-width: 870px
}

@media (max-width:991px) {
    .super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .vertical-border p {
        top: -12px;
        background: #fff;
        left: 50%;
        width: 40px;
        text-align: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0;
        padding: 0
    }
    .super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .vertical-border:after {
        margin-left: 0;
        height: 1px;
        border-left: 0;
        border-bottom: 1px solid #979797
    }
    .super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .vertical-border {
        display: block;
        height: 1px;
        left: 0;
        bottom: 0;
        top: inherit;
        width: 100%
    }
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .qr-text {
    margin: 0;
    text-align: center;
    color: #405768;
    font-size: 15px
}

.super-configurator__fixed-flow .container-super-configurator-flow .super-configurator__item.tangible .qr-img {
    margin: 0 auto;
    display: inherit;
    width: 220px;
    height: 220px
}

.super-configurator__fixed-flow .container-super-configurator-flow .section-link-additional-services-multiroom {
    display: block;
    padding: 0 20px;
    margin-bottom: 20px
}

.super-configurator__fixed-flow .container-super-configurator-flow .section-link-additional-services-multiroom .text-section-multiroom {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #b8baba;
    margin: 0
}

.super-configurator__fixed-flow .container-super-configurator-flow .section-link-additional-services-multiroom .link-section-multiroom {
    font-family: Helvetica;
    font-size: 12px;
    line-height: normal;
    color: #2663b0;
    margin: 0;
    border: none
}

.super-configurator__fixed-flow .container-super-configurator-flow .section-link-additional-services-multiroom .link-section-multiroom:hover {
    text-decoration: underline;
    cursor: pointer
}

.super-configurator.additional-services {
    height: 100%
}

.super-configurator .tooltip-wrap.tooltip-eshop-2018+.tooltip {
    left: 0!important
}

.super-configurator .tooltip-wrap.tooltip-eshop-2018+.tooltip.top .tooltip-arrow {
    left: 20px!important
}

.tooltip-wrap.tooltip-eshop-2018+.tooltip.top .tooltip-arrow {
    border-top-color: #f4f4f4
}

.tooltip-wrap.tooltip-eshop-2018+.tooltip>.tooltip-inner {
    color: #4a5f70;
    height: auto;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(203, 203, 203, .5);
    background-color: #f4f4f4
}

.checkbox-selection .form__checkbox__label {
    cursor: pointer
}

.checkbox-selection .form__checkbox__text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container-pdp-general {
    margin: auto
}

.data-privacy {
    background-color: #f2f2f2;
    height: auto
}

@media only screen and (max-width:600px) {
    .privacyLogo {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .header__heading-bar__logo {
        width: 135px;
        height: 42px
    }
}

.dataPrivacyInside {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 10px #d0d0ce
}

.insideTitle {
    color: #509e2f
}

.data-privacy-accordion-group .accordion-title {
    background-color: #e7e8e9;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    margin-top: 20px
}

.data-privacy-accordion-group .accordion-title .icon-accordion {
    position: absolute;
    right: 0;
    border-left: 1px solid #fff;
    top: 0;
    width: 50px;
    cursor: pointer;
    text-align: center;
    padding-top: 0;
    height: 100%
}

.custom-accordion-group .accordion-title.closed .icon-accordion:before,
.data-privacy-accordion-group .accordion-title.closed .icon-accordion:before,
.icon-caret-down:before {
    content: "\e90b"
}

.custom-accordion-group .accordion-title.active .icon-accordion:before,
.custom-accordion-group .accordion-title.active-switch .icon-accordion:before,
.data-privacy-accordion-group .accordion-title.active .icon-accordion:before,
.icon-caret-up:before {
    content: "\e909"
}

.data-privacy-accordion-group .accordion-title .icon-accordion:before {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 16px;
    width: 22px;
    margin: auto
}

.data-privacy-accordion-group .accordion-title .title-text {
    font-size: 18px;
    font-weight: 400;
    color: #374148;
    display: inline-block;
    vertical-align: middle;
    padding: 14px;
    width: 88%
}

.titleRoaming {
    color: #b4b4b7;
    font-weight: 700;
    font-size: 36px
}

.titleDDRoaming {
    font-weight: 700;
    font-size: 24px
}

.tickImg {
    width: 20px!important
}

.tableTitle {
    background-color: #415163;
    color: #fff
}

.containerImg {
    position: relative;
    background-color: #000
}

.image,
.middle {
    transition: .5s ease
}

.image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

.middle {
    opacity: 0;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

@media only screen and (max-width:767px) {
    .middle {
        width: 100%;
        font-size: 12px
    }
}

.containerImg:hover .image {
    opacity: .3;
    background: #000
}

.containerImg:hover .middle {
    opacity: 1
}

.text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px
}

@media only screen and (max-width:767px) {
    .text {
        padding: 0
    }
}

.tableScroll {
    overflow-x: scroll
}

.live-header {
    background: #f7f7f7;
    padding-left: 16%;
    padding-right: 16%
}

@media (max-width:1199px) {
    .live-header {
        padding-left: 8%;
        padding-right: 8%
    }
}

@media (max-width:991px) {
    .live-header {
        padding-left: 0;
        padding-right: 0
    }
}

.liveTitle {
    color: #3d5265;
    font-size: 22px;
    font-weight: 700
}

.containerLive {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.containerProduct {
    background: #fff;
    width: 400px;
    height: 350px;
    padding: 20px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1)
}

@media (max-width:767px) {
    .containerProduct {
        margin-left: 0!important;
        margin-right: 0!important
    }
}

.bullet-live-color ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

.bullet-live-color ul li {
    float: left;
    margin: 0 5px 5px
}

.bullet-live-color ul li span {
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1)
}

.roundBtn {
    padding: 10px;
    border-radius: 40px;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    width: 200px!important;
    text-align: center!important
}

.blueRoundBtn {
    color: #3d5265!important;
    border: 1px solid #3d5265
}

.greenRoundBtn {
    color: #509e2f!important;
    border: 1px solid #509e2f
}

.blueText {
    color: #3d5265!important
}

.greenText {
    color: #509e2f!important
}

.learnMoreBtn {
    color: #3d5265!important;
    text-decoration: underline
}

.currencyinput {
    border: 1px inset #ccc
}

.currencyinput input {
    border: 0
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.align-items-center {
    -webkit-align-items: center
}

.p-0 {
    padding: 0!important
}

.d-none {
    display: none!important
}

.container-search-offers {
    width: 100%;
    margin-bottom: 20px
}

@media (max-width:991px) {
    .container-search-offers .row-search-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }
}

.container-search-offers .checkbox-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:991px) {
    .container-search-offers .checkbox-selection {
        display: none
    }
}

.container-search-offers .checkbox-selection .form__checkbox {
    margin-bottom: 5px
}

.container-search-offers .checkbox-selection .form__checkbox:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .container-search-offers .checkbox-selection .form__checkbox {
        margin-bottom: 0;
        margin-left: 10px
    }
    .container-search-offers .checkbox-selection .form__checkbox:first-child {
        margin-left: 0
    }
}

.container-search-offers .checkbox-selection .form__checkbox .form__checkbox__text {
    color: #43596b;
    font-family: Helvetica;
    line-height: normal;
    font-size: 14px!important
}

.container-search-offers .checkbox-selection.mobile {
    display: none
}

@media (max-width:991px) {
    .container-search-offers .checkbox-selection.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        left: 0;
        bottom: 0;
        padding-left: 27px
    }
}

.container-search-offers .container-offers-box {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(203, 203, 203, .5);
    border-top: 1px solid rgba(203, 203, 203, .3);
    background-color: #fff;
    padding: 20px;
    position: relative
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box {
        margin-bottom: 0;
        padding: 20px 0;
        box-shadow: 0 0 6px 0 #dbdbdb;
        border: solid 1px #f2f2f2
    }
}

.container-search-offers .container-offers-box .overview-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .overview-box {
        padding: 20px
    }
}

.container-search-offers .container-offers-box .overview-box .title-offers {
    font-size: 20px;
    color: #3e5567;
    font-weight: 700;
    text-align: left;
    font-family: Helvetica;
    line-height: 1.09;
    margin: 0
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .overview-box .title-offers {
        text-align: center;
        font-size: 20px
    }
}

.container-search-offers .container-offers-box .overview-box .subtitle-offers {
    font-size: 16px;
    color: #3e5567;
    text-align: left;
    font-family: Helvetica;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .overview-box .subtitle-offers {
        display: none
    }
    .container-search-offers .container-offers-box .offers-included-box {
        padding-right: 15px;
        padding-left: 15px
    }
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box {
    padding: 0;
    width: 100%
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box .image-specified-offers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    padding: 0;
    height: 44px
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box .image-specified-offers img {
    width: auto;
    max-width: 24px;
    max-height: 30px
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box .included-offers {
    margin-top: 10px
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box .included-offers:nth-child(2) {
    margin-top: 5px
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .offers-included-box .specified-offers-box .included-offers:nth-child(2) {
        padding: 0 2px
    }
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box .included-offers .specified-included {
    font-family: Helvetica;
    font-size: 14px;
    text-align: center;
    color: #3e5567;
    margin: 0;
    line-height: normal
}

.container-search-offers .container-offers-box .offers-included-box .specified-offers-box .included-offers .tipology-included {
    color: #b8baba;
    font-size: 14px;
    font-family: Helvetica;
    line-height: normal;
    text-align: center;
    margin-top: 0
}

.card__smartphone-column .card__smartphone,
.container-search-offers .container-offers-box .information-box-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .information-box-price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px;
        padding: 0 25px
    }
}

.container-search-offers .container-offers-box .information-box-price .price-discount-information {
    text-align: right
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .information-box-price .price-discount-information {
        margin-bottom: 10px
    }
}

.container-search-offers .container-offers-box .information-box-price .price-discount-information .before-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 4px
}

.container-search-offers .container-offers-box .information-box-price .price-discount-information .before-price .text-discounted-price {
    font-family: Helvetica;
    font-size: 14px;
    color: #979797;
    margin: 0 5px 0 0
}

.container-search-offers .container-offers-box .information-box-price .price-discount-information .before-price .discounted-price {
    font-family: Helvetica;
    font-size: 14px;
    color: #979797;
    margin: 0;
    text-decoration: line-through
}

.container-search-offers .container-offers-box .information-box-price .price-discount-information .new-price {
    font-family: Helvetica;
    font-size: 36px;
    font-weight: 700;
    color: #98c44f
}

.container-search-offers .container-offers-box .information-box-price .price-discount-information .vat-included {
    font-family: Helvetica;
    font-size: 14px;
    color: #3e5567
}

.container-search-offers .container-offers-box .information-box-price .link-access-information {
    font-family: Helvetica;
    font-size: 16px;
    color: #2663b0
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .information-box-price .link-access-information {
        position: absolute;
        bottom: 30px;
        left: 25px
    }
}

.container-search-offers .container-offers-box .information-box-price .link-access-information:hover {
    text-decoration: underline
}

.container-search-offers .container-offers-box .information-box-price .button-section {
    margin-top: 50px;
    margin-bottom: 50px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box .information-box-price .button-section {
        margin-bottom: 60px
    }
    .container-search-offers .container-offers-box .information-box-price .button-section .button {
        min-width: unset
    }
}

.container-search-offers .container-offers-box.banner-information .container-section-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box.banner-information .container-section-alert {
        display: none
    }
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .icon-information-icon {
    font-size: 12px;
    cursor: pointer
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box {
    font-family: Helvetica;
    margin-left: 10px;
    min-width: 90px;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0 10px
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box:first-child {
        margin-left: 0
    }
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box.background-orange {
    background-color: #f88017;
    color: #fff
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box.background-blue {
    background-color: #3b61a6;
    color: #fff
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box.background-bluenavy {
    background-color: #3d5265;
    color: #fff
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box.background-green {
    background-color: #41ad49;
    color: #fff
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box.background-lightgreen {
    background-color: #a0d933;
    color: #fff
}

.container-search-offers .container-offers-box.banner-information .container-section-alert .alert-box.background-red {
    background-color: #cd0000;
    color: #fff
}

.container-search-offers .container-offers-box.banner-information .container-section-alert.alert-mobile {
    display: none
}

@media (max-width:991px) {
    .container-search-offers .container-offers-box.banner-information .container-section-alert.alert-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 20px;
        padding: 0 25px
    }
}

.card__smartphone-column {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .card__smartphone-column {
        width: 100%
    }
}

.card__smartphone-column .card__smartphone {
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 #dbdbdb;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 450px
}

.card__smartphone-column .card__smartphone-top-label-blue,
.card__smartphone-column .card__smartphone-top-label-bluenavy,
.card__smartphone-column .card__smartphone-top-label-green {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    min-height: 20px;
    width: auto;
    border-radius: 7px;
    padding-right: 10px;
    padding-left: 10px;
    top: -10px
}

.card__smartphone-column .card__smartphone-top-label-green {
    max-width: 100px;
    background: #4b830b;
    left: 120px
}

.card__smartphone-column .card__smartphone-top-label-blue,
.card__smartphone-column .card__smartphone-top-label-bluenavy {
    left: 20px
}

.card__smartphone-column .card__smartphone-top-label-blue {
    background: #3b61a6;
    max-width: 100px
}

.card__smartphone-column .card__smartphone-top-label-bluenavy {
    max-width: 120px;
    background: navy
}

.card__smartphone-column .card__smartphone .smartphone-top-label {
    color: #fff;
    font-size: 12px
}

.card__smartphone-column .card__smartphone .smartphone-top-label .icon-information-icon {
    cursor: pointer
}

.card__smartphone-column .card__smartphone-title {
    margin-bottom: 10px;
    max-width: 230px
}

.card__smartphone-column .card__smartphone-title .smartphone-title {
    font-size: 20px;
    color: #4a5f70;
    text-align: center;
    font-weight: 700
}

.card__smartphone-column .card__smartphone-img {
    width: 120px;
    height: 142px;
    margin-bottom: 10px;
    margin-top: auto
}

.card__smartphone-column .card__smartphone-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.card__smartphone-column .card__smartphone-content .smartphone-price {
    width: 100%
}

.card__smartphone-column .card__smartphone-content .smartphone-price .old-price {
    font-size: 14px;
    text-align: right;
    color: #979797;
    position: relative
}

.card__smartphone-column .card__smartphone-content .smartphone-price .new-price {
    font-size: 27px;
    font-weight: 700;
    text-align: right;
    color: #98c44f;
    line-height: normal
}

.card__smartphone-column .card__smartphone-content .smartphone-price .new-price-cross-sale {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #98c44f;
    line-height: normal
}

.card__smartphone-column .card__smartphone-content .smartphone-price .saled-price .saled-price-line {
    text-decoration: line-through
}

.card__smartphone-column .card__smartphone-content .smartphone-price .button--primary,
.card__smartphone-column .card__smartphone-content .smartphone-price .container-button--primary a,
.container-button--primary .card__smartphone-column .card__smartphone-content .smartphone-price a {
    width: 100%
}

.card__smartphone-column .card__smartphone .card__smartphone-content .content-column {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.card__smartphone-column .card__smartphone .card__smartphone-content .content-column.content-column-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card__smartphone-column .card__smartphone .card__smartphone-content .content-column.content-column-centered .new-price,
.card__smartphone-column .card__smartphone .card__smartphone-content .content-column.content-column-centered .old-price {
    text-align: center
}

.card__smartphone-column .card__smartphone-price-description {
    border-radius: 8px;
    background-color: #f4f4f4;
    padding: 7px
}

.card__smartphone-column .card__smartphone-price-description .price-description {
    font-size: 12px;
    text-align: center;
    color: #3e5567;
    line-height: 13px
}

@media (max-width:767px) {
    .card__smartphone-column .card__smartphone-price-description .price-description {
        font-size: 14px
    }
}

.card__smartphone-column .card__smartphone-price-description .price-description-bottom {
    color: #2663b0!important;
    font-size: 12px;
    text-align: center;
    line-height: 10px
}

@media (max-width:767px) {
    .card__smartphone-column .card__smartphone-price-description .price-description-bottom {
        font-size: 14px
    }
}

.card__smartphone-column .card__smartphone-price-description .new-price-small {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #98c44f;
    padding-top: 10px;
    padding-bottom: 10px
}

.card__smartphone-column .card__smartphone-checkbox {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.card__smartphone-column .card__smartphone-checkbox .form__checkbox,
.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-knockout .knockout-svg-gradient #mask-text {
    padding-right: 10px
}

.card__smartphone-column .card__smartphone-checkbox .form__checkbox label .form__checkbox__text {
    color: #43596b
}

.dropdown-redesign {
    width: 190px;
    margin-bottom: 35px;
    margin-top: 25px
}

@media (max-width:991px) {
    .dropdown-redesign {
        margin-bottom: 25px
    }
}

@media (max-width:767px) {
    .dropdown-redesign.dropdown__container--select {
        width: 190px;
        z-index: 1
    }
}

.dropdown-redesign .btn {
    width: 190px;
    height: 37px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 #cbcbcb;
    background-color: #fff;
    position: relative;
    color: #43596b;
    font-weight: 400;
    border: none
}

.dropdown-redesign .btn:before {
    content: '';
    position: absolute;
    display: block;
    right: 40px;
    height: 27px;
    border-left: solid 1px #dcdcdc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-redesign .btn .dropdown__container--toggle--txt {
    font-weight: 400;
    text-transform: capitalize
}

.custom-accordion-group .accordion-title.active .dropdown-redesign .btn .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .dropdown-redesign .btn .icon-accordion,
.dropdown-redesign .btn .custom-accordion-group .accordion-title.active .icon-accordion,
.dropdown-redesign .btn .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.dropdown-redesign .btn .icon-caret-up {
    font-weight: 400;
    color: #dcdcdc
}

.custom-accordion-group .accordion-title.closed .dropdown-redesign .btn .icon-accordion,
.dropdown-redesign .btn .custom-accordion-group .accordion-title.closed .icon-accordion,
.dropdown-redesign .btn .icon-caret-down {
    color: #98c44f
}

.dropdown-redesign .dropdown-menu {
    border-radius: 5px
}

.dropdown-redesign.dropdown__container.open .dropdown__container--toggle {
    background: #41ad49;
    color: #fff
}

@media (max-width:767px) {
    .dropdown-redesign.dropdown__container.dropdown__container--select .dropdown-toggle {
        margin-top: 0
    }
}

.custom-accordion-group .accordion-title.active .dropdown-redesign.open .btn .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .dropdown-redesign.open .btn .icon-accordion,
.dropdown-redesign.open .btn .custom-accordion-group .accordion-title.active .icon-accordion,
.dropdown-redesign.open .btn .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.dropdown-redesign.open .btn .icon-caret-up,
.dropdown-redesign.open .dropdown__container--toggle--txt {
    color: #fff
}

.dropdown-redesign.open .btn:before {
    border-color: #fff
}

.banner--image-cta-view {
    background: url(../images/bg-account.png) top left no-repeat;
    background-size: cover;
    padding: 30px;
    position: relative;
    height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .banner--image-cta-view {
        height: 210px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.banner--image-cta-view-desc {
    padding: 15px;
    opacity: .78;
    border-radius: 10px;
    border: solid 1px #979797;
    background-color: #fff;
    max-width: 370px
}

.banner--image-cta-view-desc__title {
    font-size: 20px;
    color: #415163;
    margin: 0
}

.banner--image-cta-view-desc__subtitle {
    font-size: 12px;
    color: #4a5f70;
    margin: 0
}

.container-redesign {
    min-height: 450px
}

.container-redesign.bg-img-wave {
    min-height: auto
}

.container-redesign .banner_pdp_title {
    font-family: Helvetica;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    margin-top: 20px;
    width: 100%
}

@media (max-width:991px) {
    .container-redesign .banner_pdp_title {
        font-size: 30px
    }
}

.container-redesign .row-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    width: 100%;
    margin-bottom: 40px
}

@media (max-width:991px) {
    .container-redesign .row-information {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:767px) {
    .container-redesign .row-information {
        margin: 0
    }
}

.container-redesign .row-information .container-image-pdp {
    width: 250px
}

@media (max-width:991px) {
    .container-redesign .row-information .container-image-pdp {
        margin: auto;
        width: 300px
    }
}

.container-redesign .row-information .mobile-bundle-pdp-title {
    color: #fff;
    font-size: 18px
}

.container-redesign .row-information .mobile-bundle-pdp-anchor {
    color: #98c44f;
    text-decoration: underline;
    font-size: 18px
}

@media (max-width:991px) {
    .container-redesign .row-information .container-details-plane {
        margin-top: 30px;
        padding-left: 30px
    }
}

@media (max-width:767px) {
    .container-redesign .row-information .container-details-plane {
        padding-left: 0
    }
}

.container-redesign .row-information .container-details-plane .element-details-plane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.container-redesign .row-information .container-details-plane .element-details-plane:first-child {
    margin-top: 0
}

.container-redesign .row-information .container-details-plane .element-details-plane .container-image-details-banner {
    max-width: 60px;
    max-height: 60px
}

.container-redesign .row-information .container-details-plane .element-details-plane .details-plans {
    padding: 0 20px
}

.container-redesign .row-information .container-details-plane .element-details-plane .details-plans .title-plan {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    margin: 0
}

.container-redesign .row-information .container-details-plane .element-details-plane .details-plans .subtitle-plans {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    margin: 0
}

.container-redesign .row-information .container-details-plane .element-details-plane .details-plans.br-left {
    border-left: 1px solid #fff
}

.container-redesign .container-custom-pdp-general-price {
    max-width: 100%
}

@media (max-width:991px) {
    .container-redesign .container-custom-pdp-general-price {
        margin-top: 80px
    }
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general {
    background-color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    max-width: 90%
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .information-price-pdp-general {
    padding: 5px;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(187, 187, 187, .5);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .information-price-pdp-general .old-price-pdp-general {
    font-size: 18px;
    text-align: center;
    color: #736e6e;
    text-decoration: line-through
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .information-price-pdp-general .new-price-pdp-general {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    color: #98c44f
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .information-price-pdp-general .text-price-pdp-general {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #3e5567
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .box-description-price-pdp-general {
    padding: 7px;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

@media (max-width:991px) {
    .container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .box-description-price-pdp-general {
        padding: 12px
    }
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .box-description-price-pdp-general .text-description-price-pdp-general {
    font-size: 14px;
    text-align: center;
    color: #3e5567
}

.container-redesign .container-custom-pdp-general-price .container-inside-pdp-general .box-description-price-pdp-general .validation-description-price-pdp-general {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #3e5567
}

.container-button--primary .container-redesign .container-custom-pdp-general-price a,
.container-redesign .container-custom-pdp-general-price .buttonv2,
.container-redesign .container-custom-pdp-general-price .container-button--primary a {
    font-size: 16px;
    padding: 0 5px;
    border-radius: 3px;
    box-shadow: 0 2px 0 0 #45ac46!important;
    width: 100%
}

@media (max-width:991px) {
    .container-button--primary .container-redesign .container-custom-pdp-general-price a,
    .container-redesign .container-custom-pdp-general-price .buttonv2,
    .container-redesign .container-custom-pdp-general-price .container-button--primary a {
        font-size: 18px
    }
}

.container-button--primary .container-redesign .container-custom-pdp-general-price a:active,
.container-redesign .container-custom-pdp-general-price .buttonv2:active,
.container-redesign .container-custom-pdp-general-price .container-button--primary a:active {
    top: -2px
}

.container-redesign .container-custom-pdp-general-price .container-pdp-link {
    margin-top: 20px;
    text-align: center
}

.container-redesign .container-custom-pdp-general-price .container-pdp-link .anchor-pdp-link {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.container-redesign .container-custom-pdp-general-price .container-pdp-link .anchor-pdp-link:hover {
    opacity: .9;
    text-decoration: underline
}

.container-redesign .container-custom-pdp-general-price.container-custom-pdp-general-bundle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-redesign .container-custom-pdp-general-price.container-custom-pdp-general-bundle .container-inside-pdp-general {
    background-color: #fff;
    border-radius: 20px;
    width: 100%;
    max-width: 100%
}

.container-redesign .container-custom-pdp-general-price.container-custom-pdp-general-bundle .container-inside-pdp-general .box-description-price-pdp-general {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-bottom: 30px
}

.container-button--primary .container-redesign .container-custom-pdp-general-price.container-custom-pdp-general-bundle a,
.container-redesign .container-custom-pdp-general-price.container-custom-pdp-general-bundle .buttonv2,
.container-redesign .container-custom-pdp-general-price.container-custom-pdp-general-bundle .container-button--primary a {
    margin-top: -30px;
    max-width: 80%
}

.container-redesign.super-configurator-mobile {
    min-height: auto;
    background-color: #f4f4f4;
    margin-top: 20px
}

.container-redesign.super-configurator-mobile .bg-img-wave {
    width: 100%;
    min-height: 130px;
    border-top-right-radius: 4.9px;
    border-top-left-radius: 4.9px;
    position: relative
}

@media (max-width:767px) {
    .container-redesign.super-configurator-mobile .bg-img-wave {
        min-height: 450px
    }
}

.container-redesign.super-configurator-mobile .container-banner-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .container-redesign.super-configurator-mobile .container-banner-title {
        display: block
    }
}

.container-redesign.super-configurator-mobile .container-image-super-configurator {
    max-width: 200px;
    margin: auto
}

.container-redesign.super-configurator-mobile .title-image-super-configurator {
    font-family: Helvetica;
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .container-redesign.super-configurator-mobile .title-image-super-configurator {
        margin-top: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price {
    position: relative
}

@media (max-width:767px) {
    .container-redesign.super-configurator-mobile .container-super-configurator-mobile-price {
        position: relative;
        margin-top: 50px;
        right: unset;
        top: unset
    }
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile {
    border-radius: 22.2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    position: absolute;
    top: -30px;
    right: 25px;
    width: 90%
}

@media (max-width:767px) {
    .container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 80%;
        max-height: 230px;
        overflow: scroll
    }
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .information-price-super-configurator-mobile {
    border-top-left-radius: 22.2px;
    border-top-right-radius: 22.2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 1px 2px 0 rgba(187, 187, 187, .5);
    background-color: #fff;
    padding: 10px
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .information-price-super-configurator-mobile .old-price-super-configurator-mobile {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #736e6e;
    text-decoration: line-through;
    margin: 0
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .information-price-super-configurator-mobile .new-price-super-configurator-mobile {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #98c44f;
    margin: 0
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .information-price-super-configurator-mobile .text-price-super-configurator-mobile {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #3e5567;
    margin: 0
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .box-description-price-super-configurator-mobile {
    padding: 10px 20px
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .box-description-price-super-configurator-mobile .text-description-price-super-configurator-mobile {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    text-align: center;
    color: #3e5567
}

.container-redesign.super-configurator-mobile .container-super-configurator-mobile-price .container-inside-super-configurator-mobile .box-description-price-super-configurator-mobile .validation-description-price-super-configurator-mobile {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #3e5567;
    margin-top: 20px
}

.container-redesign.super-configurator-mobile .row-information {
    top: 20px
}

.container-redesign .container-small-banner,
.container-redesign.super-configurator-mobile .row-information .container-image-pdp {
    width: 100%
}

.container-redesign.super-configurator-mobile .under-hero-container-banner {
    background-color: #fff;
    border-bottom-left-radius: 4.9px;
    border-bottom-right-radius: 4.9px;
    padding: 15px;
    border: solid .6px #c3c3c3
}

.container-redesign.super-configurator-mobile .under-hero-container-banner .title-under-hero-container {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #3f5667;
    margin: 0;
    padding-top: 30px;
    width: 50%
}

@media (max-width:991px) {
    .container-redesign.super-configurator-mobile .under-hero-container-banner .title-under-hero-container:first-child {
        margin-top: 140px;
        padding-top: 0
    }
}

@media (max-width:767px) {
    .container-redesign.super-configurator-mobile .under-hero-container-banner .title-under-hero-container:first-child {
        margin-top: 70px
    }
}

@media (max-width:768px) {
    .container-redesign.super-configurator-mobile .under-hero-container-banner .title-under-hero-container:first-child {
        margin-top: 100px
    }
}

@media (max-width:991px) {
    .container-redesign.super-configurator-mobile .under-hero-container-banner .title-under-hero-container {
        width: 100%
    }
}

.container-redesign.super-configurator-mobile .under-hero-container-banner .information-under-hero-container {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    color: #9c9c9c;
    margin: 20px 0 0
}

.container-redesign .container-small-banner .under-hero-container-banner {
    border-radius: 4.9px
}

.container-redesign .container-small-banner .under-hero-container-banner .title-small-under-hero-container {
    margin: 0;
    width: 100%
}

.container-redesign .container-small-banner .under-hero-container-banner .container-small-banner-information,
.search-filter-panel-new-redesign .search-filter-panel-new,
.search-filter-panel-new-redesign .search-filter-panel-new .search-filter-button-main-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .container-redesign .container-small-banner .under-hero-container-banner .container-small-banner-information {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.container-redesign .container-small-banner .under-hero-container-banner .container-small-banner-information .container-small-price {
    text-align: center
}

@media (max-width:991px) {
    .container-redesign .container-small-banner .under-hero-container-banner .container-small-banner-information .container-small-price {
        margin-top: 20px
    }
}

.container-redesign .container-small-banner .under-hero-container-banner .container-small-banner-information .container-small-price .price-small-banner {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    color: #98c44f
}

.container-redesign .container-small-banner .under-hero-container-banner .container-small-banner-information .container-small-price .text-price-small-banner {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    color: #3e5567
}

.search-filter-panel-new-redesign {
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(203, 203, 203, .5);
    border: solid 1px #f6f6f6;
    background-color: #fff;
    padding: 5px 25px
}

@media (max-width:1199px) {
    .search-filter-panel-new-redesign {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        border: 0
    }
    .search-filter-panel-new-redesign .search-filter-panel-new {
        padding: 0 10px;
        width: 130px;
        border-radius: 9px;
        box-shadow: 0 2px 4px 0 rgba(203, 203, 203, .5);
        border: solid 1px #f6f6f6;
        background-color: #fff;
        height: 40px;
        display: inline
    }
    .search-filter-panel-new-redesign .search-filter-panel-new .search-filter-button-main-text {
        display: inline
    }
}

.search-filter-panel-new-redesign .search-filter-panel-new .search-filter-button-main-text h3 {
    padding-right: 0;
    padding-left: 7px
}

@media (max-width:1199px) {
    .search-filter-panel-new-redesign .search-filter-panel-new .search-filter-button-main-text h3 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        text-align: center
    }
}

.search-filter-panel-new-redesign .search-filter-panel-new .search-filter-button-main-text .search-filter-icon {
    height: 18px;
    width: 18px;
    margin-left: 2px
}

@media (max-width:1199px) {
    .search-filter-panel-new-redesign .search-filter-panel-new .search-filter-button-main-text .search-filter-icon {
        display: none
    }
}

.search-filter-panel-new-redesign .search-filter-panel-new .search-filter-sub-text {
    padding-left: 10px;
    font-size: 14px
}

@media (max-width:1199px) {
    .search-filter-panel-new-redesign .search-filter-panel-new .search-filter-sub-text {
        display: none
    }
    .search-filter-panel-new-redesign .search-filter-panel-new-subpanel-container {
        width: 350px;
        top: 57px;
        border-radius: 8px;
        position: absolute;
        right: 0;
        background-color: #f3f3f3;
        z-index: 10;
        box-shadow: 0 0 5px rgba(0, 0, 0, .3)
    }
    .search-filter-panel-new-redesign .search-filter-panel-new-subpanel-container::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 10px;
        border-color: transparent transparent #f3f3f3 transparent;
        position: absolute;
        top: -10px;
        right: 12.5%;
        z-index: 1
    }
    .search-filter-panel-new-redesign .search-filter-panel-new-subpanel-container .search-filter-panel-new-subpanel {
        margin-bottom: 10px;
        margin-top: 0;
        background-color: #fff;
        border-bottom: 1px solid #d0d0ce
    }
}

.accordion-card-offer-container {
    width: 100%;
    display: block;
    margin-bottom: 20px
}

.accordion-card-offer-container .button-accordion-card:first-child,
.accordion-card-offer-container:first-child {
    margin-top: 0
}

.accordion-card-offer-container .button-accordion-card,
.accordion-card-offer-container .title-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.accordion-card-offer-container .button-accordion-card {
    width: 100%;
    background-color: #f4f4f4;
    padding: 6px 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    margin-top: 20px
}

.accordion-card-offer-container .title-accordion {
    margin: 0;
    font-weight: 400;
    color: #43596b;
    font-size: 18px
}

.accordion-card-offer-container .title-accordion .second-title-accordion {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 10px;
    line-height: normal
}

@media (max-width:767px) {
    .accordion-card-offer-container .title-accordion .second-title-accordion {
        font-size: 12px
    }
}

.accordion-card-offer-container .card-inside-accordion .container-search-offers {
    margin-top: 20px
}

.container-end-page {
    margin-top: 10px;
    margin-bottom: 30px
}

.container-end-page .footer-card-view-txt {
    color: #b8baba;
    font-size: 14px
}

@media (max-width:991px) {
    .container-end-page .footer-card-view-txt {
        font-size: 16px
    }
}

.container-end-page .footer-card-view-txt.center {
    text-align: center
}

.container-end-page .footer-card-small-view-txt {
    color: #415768;
    text-align: center;
    margin: 0;
    font-size: 16px
}

@media (max-width:991px) {
    .container-end-page .footer-card-small-view-txt {
        font-size: 14px
    }
}

.container-end-page .footer-card-small-view-link {
    color: #4cc4ec;
    margin: 0;
    font-size: 16px;
    text-align: center
}

@media (max-width:991px) {
    .container-end-page .footer-card-small-view-link {
        font-size: 14px;
        margin-top: 20px
    }
}

.container-end-page.list-page .structure-list-end-page .wrapper-title {
    background-color: #f4f4f4;
    padding: 2px 5px
}

.container-end-page.list-page .structure-list-end-page .wrapper-title .title-list-end-page {
    font-size: 12px;
    color: #4f6172;
    margin: 0
}

.container-end-page.list-page .structure-list-end-page .element-list-end-page {
    padding: 5px 5px 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: .6px dashed #979797
}

.container-end-page.list-page .structure-list-end-page .element-list-end-page:last-child {
    border-bottom: none
}

.container-end-page.list-page .structure-list-end-page .element-list-end-page .link-endpage {
    font-size: 12px;
    color: #12afe7
}

.container-end-page.list-page .structure-list-end-page .element-list-end-page .link-endpage:hover,
.modal-redesign .availabilty-check-2 .availability-check .header-availability-check .subtitle-header-availability-check a:hover {
    text-decoration: underline
}

.container-show-all {
    cursor: pointer;
    width: 100%;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px
}

@media (max-width:991px) {
    .container-show-all {
        padding: 0 20px
    }
}

.container-show-all .structure-show-all {
    border-radius: 5.5px;
    border: solid .6px #9dc75a;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:991px) {
    .container-show-all .structure-show-all {
        display: block;
        text-align: center
    }
}

.container-show-all .structure-show-all .title-button-show-all {
    font-size: 11px;
    font-weight: 700;
    font-family: Helvetica;
    color: #98c550;
    margin: 0
}

@media (max-width:991px) {
    .container-show-all .structure-show-all .title-button-show-all {
        font-size: 18px
    }
}

.container-show-all .structure-show-all .text-button-show-all {
    font-size: 11px;
    font-weight: 400;
    color: #98c550;
    font-family: Helvetica;
    margin: 0 0 0 3px
}

@media (max-width:991px) {
    .container-show-all .structure-show-all .text-button-show-all {
        font-size: 18px
    }
}

.container-box-pdp-general {
    width: 100%;
    margin-bottom: 30px
}

.container-box-pdp-general .container-image-pavtv-percent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media (max-width:991px) {
    .container-box-pdp-general .container-image-pavtv-percent {
        padding-left: 10px
    }
}

.container-box-pdp-general .container-image-pavtv-percent .image-pavtv-percent {
    max-width: 90px
}

.container-box-pdp-general .container-image-pavtv-percent .percent-title-box {
    padding-left: 30px
}

@media (max-width:991px) {
    .container-box-pdp-general .container-image-pavtv-percent .percent-title-box {
        padding-left: 10px
    }
}

.container-box-pdp-general .container-image-pavtv-percent .percent-title-box .percent-subtitle-box-pdp,
.container-box-pdp-general .container-image-pavtv-percent .percent-title-box .percent-title-box-pdp {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    margin: 0;
    color: #415768
}

.container-box-pdp-general .container-image-pavtv-percent .percent-title-box .percent-subtitle-box-pdp {
    font-weight: 700
}

.container-box-pdp-general .section-title-box {
    display: table
}

.container-box-pdp-general .section-title-box .gradient-line-vertical {
    width: 17px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: table-cell;
    border-radius: 9.5px;
    background-image: linear-gradient(to top, #7ce0ff, #78dcf3 5%, #13acd3 24%, #87c160 80%, #429321), linear-gradient(to right, #0071ff, #48a5ff 46%, #d8d8d8)
}

.container-box-pdp-general .section-title-box .title-box {
    padding-left: 20px
}

.container-box-pdp-general .section-title-box .title-box .main-title-box-pdp {
    font-size: 30px;
    line-height: normal;
    color: #415768;
    margin: 0;
    max-width: 864px
}

@media (max-width:991px) {
    .container-box-pdp-general .section-title-box .title-box .main-title-box-pdp {
        font-size: 24px
    }
}

.container-box-pdp-general .section-title-box .title-box .subtitle-box-pdp {
    font-size: 16px;
    line-height: normal;
    color: #415768;
    margin: 20px 0 0
}

@media (max-width:991px) {
    .container-box-pdp-general .section-title-box .title-box .subtitle-box-pdp {
        font-size: 14px
    }
}

.container-box-pdp-general .section-tipology-offers {
    margin-top: 50px
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers {
    border-radius: 7.3px;
    box-shadow: 0 1px 2px 0 rgba(141, 141, 141, .5);
    border: 1px solid rgba(141, 141, 141, .3);
    background-color: #fff;
    margin-bottom: 50px;
    padding: 20px;
    position: relative
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media (max-width:991px) {
    .container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert {
        display: block;
        margin-bottom: 50px
    }
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert {
    margin: 40px 0;
    text-align: center;
    padding: 0
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .title-offert-plane {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: #415768;
    margin: 20px 0 0
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .subtitle-offert-plane {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    color: #415768;
    margin: 0
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-image-offert {
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-image-offert img {
    max-width: 122px;
    max-height: 98px;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

@media (max-width:991px) {
    .container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-image-offert img {
        max-width: 50%
    }
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-image-offert .text-value-offert {
    background-image: linear-gradient(to top, #7ce0ff, #78dcf3 5%, #13acd3 24%, #87c160 80%, #429321), linear-gradient(to right, #0071ff, #48a5ff 46%, #d8d8d8);
    font-family: Helvetica;
    font-size: 71px;
    font-weight: 700;
    line-height: normal;
    -webkit-background-clip: text;
    margin: 0;
    -webkit-text-fill-color: transparent
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-image-offert.pdp-fixed {
    min-height: auto
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-knockout {
    padding-left: 25%
}

@media (max-width:991px) {
    .container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-knockout {
        padding-left: 30%
    }
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-knockout .knockout-svg-gradient {
    background-image: linear-gradient(to top, #7ce0ff, #78dcf3 5%, #13acd3 24%, #87c160 80%, #429321), linear-gradient(to right, #0071ff, #48a5ff 46%, #d8d8d8);
    font-size: 72px;
    font-weight: 700;
    width: 70%;
    position: relative;
    font-family: Helvetica
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-knockout .knockout-svg-gradient svg {
    max-height: 110px;
    width: 220px\0;
    margin: -1px \0
}

@media (max-width:991px) {
    .container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .container-knockout .knockout-svg-gradient svg {
        margin: -1px;
        width: 250px
    }
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .under-image-knockout .title-offert-plane {
    margin-top: 0
}

@media (max-width:991px) {
    .container-box-pdp-general .section-tipology-offers .container-tipology-offers .row-information-plane-offert .specified-offert .under-image-knockout .title-offert-plane {
        margin-top: 12px
    }
}

.container-box-pdp-general .section-tipology-offers .container-tipology-offers .section-button-plane-offert {
    position: absolute;
    bottom: -20px;
    left: 0;
    text-align: center;
    width: 100%
}

.container-box-pdp-general .dashed-line-plane-offers {
    width: 100%;
    height: 1px;
    border-bottom: .6px dashed #979797
}

.wrapper-section-mobile-more-information {
    padding: 0 30px
}

.wrapper-section-mobile-more-information .container-box-more-information {
    margin-top: 15px
}

.wrapper-section-mobile-more-information .container-box-more-information .title-section-box-more-information {
    font-family: Helvetica;
    font-size: 26px;
    line-height: normal;
    color: #405768;
    margin: 0
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information .container-box-more-information .title-section-box-more-information {
        font-size: 13px
    }
}

.wrapper-section-mobile-more-information .container-box-more-information .box-more-information {
    border: .6px solid #c3c3c3;
    border-radius: 4.9px;
    padding: 5px;
    margin-top: 20px
}

@media (max-width:1349px) {
    .wrapper-section-mobile-more-information .container-box-more-information .box-more-information {
        padding-left: 0
    }
}

.wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box {
    margin: 0
}

.wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box .title-box-more-information {
    font-family: Helvetica;
    font-size: 20px;
    line-height: normal;
    color: #3f5667
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box .title-box-more-information {
        font-size: 13px
    }
}

.wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box .title-information-box {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: #9c9c9c
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box .title-information-box {
        font-size: 16px
    }
}

.wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box .information-box {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: #3f5667
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information .container-box-more-information .box-more-information .row-information-box .information-box {
        font-size: 16px
    }
}

.wrapper-section-mobile-more-information .container-box-more-information .subtitle-banner-info {
    font-family: Helvetica;
    font-size: 13px;
    font-stretch: normal;
    line-height: normal;
    color: #b8baba
}

.wrapper-section-mobile-more-information .container-box-more-information .button-show-accordion {
    text-align: center
}

.wrapper-section-mobile-more-information .container-box-more-information .button-show-accordion button {
    border: #ffdead;
    background: 0 0;
    color: #2663b0;
    font-family: Helvetica;
    font-size: 16px
}

.wrapper-section-mobile-more-information.banner-info {
    background-color: #f4f4f4
}

.wrapper-section-mobile-more-information.banner-info .title-section-box-more-information-tangibile {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    color: #405768;
    margin: 5px 0 0
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information.banner-info .title-section-box-more-information-tangibile {
        font-size: 9px
    }
}

.wrapper-section-mobile-more-information.banner-info .info-price-banner-info {
    text-align: center
}

.wrapper-section-mobile-more-information.banner-info .info-price-banner-info .price-banner-info {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: #98c44f;
    font-family: Helvetica;
    margin: 0
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information.banner-info .info-price-banner-info .price-banner-info {
        font-size: 16px
    }
}

.wrapper-section-mobile-more-information.banner-info .info-price-banner-info .info-banner-info {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    color: #3e5567;
    margin: 0
}

@media (max-width:767px) {
    .wrapper-section-mobile-more-information.banner-info .info-price-banner-info .info-banner-info {
        font-size: 9px
    }
}

.wrapper-section-mobile-more-information.banner-info .info-price-banner-info:last-child {
    margin-left: 10px
}

.wrapper-section-mobile-more-information.legal-notice {
    padding-bottom: 20px
}

.wrapper-section-mobile-more-information.legal-notice .box-more-information {
    padding: 0 20px;
    margin-top: 40px;
    width: 100%;
    display: block;
    margin-bottom: 15px
}

.wrapper-section-mobile-more-information.legal-notice .box-more-information .title-box-more-information {
    margin: 20px 0;
    font-size: 30px
}

.wrapper-section-mobile-more-information.legal-notice .legal-notice-overflow {
    overflow-y: auto;
    max-height: 300px;
    padding: 15px;
    border-radius: 4.9px;
    border: solid .6px #c3c3c3
}

.wrapper-section-mobile-more-information.legal-notice .legal-notice-overflow .title-legal-notice {
    font-weight: 700;
    color: #405768;
    font-size: 18px;
    margin: 0
}

.wrapper-section-mobile-more-information.legal-notice .legal-notice-overflow .text-cental-legal-notice {
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    color: #405768;
    font-size: 16px
}

.wrapper-section-mobile-more-information.legal-notice .legal-notice-overflow .point-legal-notice {
    font-weight: 700;
    color: #405768;
    font-size: 16px;
    text-decoration: underline
}

.wrapper-section-mobile-more-information.legal-notice .legal-notice-overflow .text-legal-notice {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 20px
}

.wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:480px) {
    .wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice .text-footer-legal-notice {
    font-family: Helvetica;
    font-size: 16px;
    line-height: normal;
    color: #3f5667
}

.wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice,
.wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice .container-verisign-footer-legal-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice .container-verisign-footer-legal-notice img {
    max-width: 100px
}

@media (max-width:768px) {
    .wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice .container-verisign-footer-legal-notice {
        margin-left: 20px
    }
    .wrapper-section-mobile-more-information.legal-notice .footer-wrapper-legal-notice .container-right-footer-legal-notice {
        margin-top: 20px
    }
}

.progress-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:991px) {
    .progress-line {
        padding-bottom: 30px
    }
}

.progress-line__column {
    width: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .progress-line__column {
        display: none
    }
    .progress-line__column:first-child {
        width: auto
    }
}

.progress-line__column:first-child .progress-column-item:before {
    display: none
}

@media (max-width:991px) {
    .progress-line__column:last-child {
        width: auto;
        margin-left: 10px;
        margin-right: 20px;
        display: block
    }
}

.progress-line__column .progress-column-item,
.progress-line__column .progress-column-item-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress-line__column .progress-column-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.progress-line__column .progress-column-item:before {
    content: '';
    display: block;
    width: 83px;
    height: 2px;
    background: #a9abac;
    position: absolute;
    left: -88px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:991px) {
    .progress-line__column .progress-column-item:before {
        display: none
    }
}

.progress-line__column .progress-column-item-value {
    width: 37px;
    height: 37px;
    border: solid 4px #a9abac;
    border-radius: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress-line__column .progress-column-item-value .progress-number {
    font-size: 22px;
    font-weight: 700;
    color: #a9abac
}

@media (max-width:991px) {
    .progress-line__column .progress-column-item-value .progress-number {
        font-weight: 400
    }
    .progress-line__column .progress-column-item-value {
        border: none
    }
    .progress-line__column .progress-column-item-value.lastStep {
        width: auto
    }
}

.progress-line__column .progress-column-item-value .pre-progress-number {
    display: none;
    font-size: 14px;
    color: #a9abac;
    margin-right: 5px
}

@media (max-width:991px) {
    .progress-line__column .progress-column-item-value .pre-progress-number {
        display: block
    }
}

.progress-line__column .progress-text {
    line-height: initial;
    font-size: 12px;
    color: #a9abac;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:991px) {
    .progress-line__column .progress-text {
        display: none
    }
}

.progress-line__column.active .progress-column-item:before {
    background: #98c44f
}

.progress-line__column.active .progress-column-item-value {
    border-color: #98c44f
}

.progress-line__column.active .progress-column-item-value .progress-number {
    color: #98c44f
}

@media (max-width:991px) {
    .progress-line__column.active .progress-column-item-value .progress-number {
        font-weight: 700
    }
    .progress-line__column.active .progress-column-item-value {
        border: solid 4px #98c44f
    }
}

.custom-accordion-group .accordion-title.active .modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .icon-accordion,
.custom-accordion-group .accordion-title.closed .modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .icon-accordion,
.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .custom-accordion-group .accordion-title.active .icon-accordion,
.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .custom-accordion-group .accordion-title.closed .icon-accordion,
.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .icon-caret-down,
.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .icon-caret-up,
.progress-line__column.active .progress-text {
    color: #98c44f
}

@media (max-width:991px) {
    .progress-line__column.active .progress-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        position: absolute;
        top: 65px;
        padding-left: 0
    }
    .progress-line__column.active {
        display: none
    }
}

.info-section {
    overflow: visible!important
}

@media (max-width:1199px) {
    .info-section {
        margin-top: 30px
    }
}

.info-section .info-section-title {
    line-height: initial;
    color: #3f5667;
    font-weight: 700;
    margin-bottom: 25px
}

.info-section .main-text {
    font-size: 12px;
    color: #b8baba;
    margin: 0 0 8px;
    line-height: initial
}

.info-section .main-text b {
    font-weight: 400;
    color: #3f5667
}

.info-section .grey-box-info {
    padding: 10px;
    font-size: 12px;
    border-radius: 4.9px;
    background-color: #f4f4f4;
    width: 93%;
    margin: 30px auto;
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width:767px) {
    .info-section .grey-box-info {
        margin-bottom: 30px
    }
}

.info-section .grey-box-info p {
    margin: 0 0 3px;
    line-height: initial
}

.info-section .grey-box-info b {
    color: #3f5667
}

.info-section .grey-box-info .value-title {
    color: #3e5567;
    font-size: 9px;
    margin: 0;
    text-align: center
}

.info-section .grey-box-info .value {
    text-align: center;
    font-weight: 700;
    color: #98c44f;
    font-size: 12px
}

.info-section .description-price {
    font-size: 13px;
    color: #3e5567;
    margin: 0 0 10px
}

.info-section .description-price .icon-information-icon {
    font-size: 10px
}

.info-section .value-price {
    font-size: 15px;
    color: #98c44f;
    font-weight: 700;
    text-align: right;
    margin: 0 0 10px
}

.card-radio-button {
    box-shadow: 0 1px 2px 0 #cbcbcb;
    border-radius: 5px;
    background-color: #f4f4f4;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    width: 210px;
    min-height: 145px
}

.card-radio-button-title {
    color: #3f5667;
    font-size: 14px;
    padding-bottom: 8px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4
}

.card-radio-button-description-small {
    color: #4f6172;
    font-size: 12px;
    padding-bottom: 8px;
    margin: 0
}

.card-radio-button-price {
    color: #3f5667;
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.card-radio-button .card-radio-button-label-green {
    color: #98c44f;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    margin: 0
}

.card-radio-button .radio-button-container-v2,
.card-radio-button .radio-button-container-v2 .label-radiobutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-radio-button .radio-button-container-v2 {
    margin-top: 0
}

.card-radio-button .radio-button-container-v2 .label-radiobutton {
    padding-right: 0
}

.card-radio-button .radio-button-container-v2 .label-radiobutton .label-radiobutton-element {
    width: 30px;
    height: 30px
}

.card-radio-button .radio-button-container-v2 input[type=radio]:checked~.label-radiobutton .label-radiobutton-element:before {
    width: 22px;
    height: 22px
}

.card-radio-button .checkbox-selection {
    margin-top: 10px
}

.card-radio-button .checkbox-selection .form__checkbox__icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card-radio-button .checkbox-selection .form__checkbox__text {
    font-size: 11px;
    color: #405768
}

.card-radio-button .row-description-columns .card-radio-button-description-small {
    text-align: left
}

.card-radio-button .row-description-columns .card-radio-button-description-small.desc-grey {
    color: #a9abac
}

.tooltip-wrap.tooltip-radio-button+.tooltip {
    top: -62px!important
}

.card-radio-input {
    border-radius: 4.9px;
    box-shadow: 0 0 2px 0 #cbcbcb;
    background-color: #f4f4f4;
    padding: 8px
}

.card-radio-input .radio-button-container-v2 {
    margin-top: 0;
    color: #4f6172;
    font-size: 12px
}

.card-radio-input .radio-button-container-v2 .label-radiobutton {
    padding-right: 0
}

.additional-services-card .remove-label,
.additional-services-multiroom {
    display: none
}

.additional-services-card {
    margin: 0 15px!important;
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    color: #3f5667;
    box-shadow: 0 1px 2px 0 rgba(174, 174, 174, .5);
    min-width: 240px;
    min-height: 180px
}

.additional-services-card .btn-box {
    width: 100%
}

.additional-services-card .services-card-title {
    margin: 0;
    font-weight: 700;
    line-height: initial
}

.additional-services-card .services-card-info {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: initial
}

.additional-services-card .services-card-info.grey {
    color: #b4b6b5
}

.additional-services-card .header__menu-bar__list__item--account--anonymous--content .services-card-info.green--hover:hover,
.additional-services-card .services-card-info.green,
.header__menu-bar__list__item--account--anonymous--content .additional-services-card .services-card-info.green--hover:hover {
    color: #98c44f!important
}

.additional-services-card .services-price {
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0
}

.additional-services-card .button--rounded {
    height: auto;
    padding: 8px 20px;
    background-image: none!important;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.additional-services-card .button--rounded,
.additional-services-card .button--rounded:hover {
    background-color: #fff;
    border: solid 1px #98c44f;
    color: #98c44f
}

.additional-services-card .button--rounded.active {
    color: #fff;
    background-color: #98c44f
}

.additional-services-card .button--rounded.active:hover {
    opacity: 1
}

.super-configurator-additional-services-slick {
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 50px!important;
    cursor: grab
}

@media (max-width:991px) {
    .super-configurator-additional-services-slick.flow-additional-services-slick .slick-track {
        margin-left: 0
    }
}

@media (min-width:991px) {
    .super-configurator-additional-services-slick .slick-track {
        margin-left: -365px
    }
}

@media (max-width:1199px) {
    .super-configurator-additional-services-slick .slick-track {
        margin-left: -320px
    }
}

@media (max-width:991px) {
    .super-configurator-additional-services-slick .slick-track {
        margin-left: 0
    }
}

@media (min-width:768px) {
    .super-configurator-additional-services-slick .slick-dots {
        display: block!important
    }
}

.super-configurator-additional-services-slick .slick-prev.slick-arrow {
    margin-left: -3px
}

.super-configurator-additional-services-slick .slick-next.slick-arrow {
    margin-right: -3px
}

@media (max-width:1199px) {
    .super-configurator-additional-services-slick .slick-slide {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
}

.super-configurator-additional-services-slick .slick-list {
    min-height: 180px
}

.super-configurator-additional-services-slick .slick-arrow {
    background-color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(174, 174, 174, .8)
}

.super-configurator-additional-services-slick .slick-arrow:before {
    font-size: 15px
}

.super-configurator-additional-services-slick:before {
    position: absolute;
    left: -1px;
    top: -15px;
    content: " ";
    width: 60px;
    height: 120%;
    display: table-cell;
    z-index: 1;
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    border-left: 1px dashed rgba(151, 151, 151, .6)
}

@media (max-width:991px) {
    .super-configurator-additional-services-slick:before {
        display: none;
        border-left: 0
    }
}

.super-configurator-additional-services-slick:after {
    position: absolute;
    left: calc(100% - 59px);
    top: -15px;
    content: " ";
    width: 60px;
    height: 120%;
    display: table-cell;
    z-index: 1;
    background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    border-right: 1px dashed rgba(151, 151, 151, .6)
}

@media (max-width:991px) {
    .super-configurator-additional-services-slick:after {
        display: none;
        border-right: 0
    }
}

.modal-redesign {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    background: rgba(51, 51, 51, .5)
}

.modal-redesign .accessibility {
    height: auto;
    border-radius: 10px;
    padding: 0 15px;
    line-height: 23px;
    color: #fff!important
}

.modal-redesign .accessibility li {
    display: block;
    overflow: hidden;
    max-height: 0
}

.modal-redesign .accessibility .greyBck {
    background: #f2f2f2
}

.modal-redesign .accessibility .width-50 {
    width: 50px!important
}

.modal-redesign .accessibility .width-40 {
    width: 40px!important
}

.modal-redesign .accessibility .left {
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #e9e9e9
}

.modal-redesign .accessibility .right {
    border-radius: 0 8px 8px 0;
    border-left: 1px solid #e9e9e9
}

.modal-redesign .accessibility .right-img {
    top: 1px;
    position: relative;
    width: 10px;
    heigth: 1px
}

.modal-redesign .accessibility .left-img {
    top: 1px;
    position: relative;
    width: 10px;
    heigth: 10px
}

.custom-accordion-group .accordion-title.active .modal-redesign .accessibility .icon-accordion,
.custom-accordion-group .accordion-title.active-switch .modal-redesign .accessibility .icon-accordion,
.custom-accordion-group .accordion-title.closed .modal-redesign .icon-accordion,
.modal-redesign .accessibility .custom-accordion-group .accordion-title.active .icon-accordion,
.modal-redesign .accessibility .custom-accordion-group .accordion-title.active-switch .icon-accordion,
.modal-redesign .accessibility .icon-caret-up,
.modal-redesign .custom-accordion-group .accordion-title.closed .icon-accordion,
.modal-redesign .icon-caret-down {
    font-size: 12px;
    margin-left: 3px;
    line-height: .7
}

.modal-redesign .modal-dialog .modal-header .close:hover,
.modal-redesign:hover i {
    color: #405768
}

.modal-redesign.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal-redesign.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-redesign .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-redesign .modal-dialog {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 30px auto
}

.modal-redesign .modal-dialog.modal-dialog-custom-chart {
    width: auto;
    margin: 0;
    max-width: none
}

@media (max-width:991px) {
    .modal-redesign .modal-dialog {
        width: 100%;
        max-width: 100%!important
    }
}

.modal-redesign .modal-dialog .modal-header {
    padding: 10px 15px;
    position: relative
}

.modal-redesign .modal-dialog .modal-header .close {
    background: 0 0;
    border: none;
    position: absolute;
    right: 15px;
    color: #405768;
    z-index: 10
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .modal-redesign .modal-dialog .modal-header .close {
        top: 15px
    }
}

.modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal .slick-arrow:before,
.modal-redesign .modal-dialog .modal-header .close .icon-close-popup {
    font-size: 15px
}

.modal-redesign .modal-dialog .modal-header .closeWebAcc {
    background: 0 0;
    border: none;
    position: absolute;
    right: 15px;
    color: #fff;
    z-index: 10
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .modal-redesign .modal-dialog .modal-header .closeWebAcc {
        top: 15px
    }
}

.modal-redesign .modal-dialog .modal-header .closeWebAcc .icon-close-popup {
    font-size: 22px;
    color: #fff
}

.modal-redesign .modal-dialog .modal-header.general-header .header-availability-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 12px
}

@media (max-width:992px) {
    .modal-redesign .modal-dialog .modal-header.general-header .header-availability-check {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal-redesign .modal-dialog .modal-header.general-header .header-availability-check .col-border {
    border-right: 1px solid #979797
}

@media (max-width:767px) {
    .modal-redesign .modal-dialog .modal-header.general-header .header-availability-check .col-border {
        border-right: none
    }
}

.modal-redesign .modal-dialog .modal-header.general-header .header-availability-check .title-header-availability {
    font-size: 15px;
    color: #818f9c;
    margin: 0
}

.modal-redesign .modal-dialog .modal-header.general-header .header-availability-check .title-header-availability.title-bold {
    font-weight: 700;
    color: #3e5567
}

.modal-redesign .modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-redesign .modal-webAccessibility {
    min-width: 20%!important;
    color: #fff!important;
    right: -15px
}

.modal-redesign .modal-webAccessibility-background {
    background: #4c4c4c!important;
    border-left: 6px solid #98c44f
}

.modal-redesign .right-modal {
    float: right;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    position: relative;
    margin: auto;
    z-index: 1020;
    min-height: 100%;
    min-width: 27%
}

@media (max-width:991px) {
    .modal-redesign .right-modal {
        width: 100%;
        height: auto;
        max-height: 100vh
    }
}

.modal-redesign .right-modal .modal-header {
    padding: 0
}

.modal-redesign .right-modal .header-container-modal-custom {
    background-color: #eaeaea;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    position: relative
}

.modal-redesign .right-modal .header-container-modal-custom .text-title-header-modal,
.modal-redesign .right-modal .header-container-modal-custom .text-title-header-modal-webAcc {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #405768;
    margin: 0 0 0 5px
}

.modal-redesign .right-modal .header-container-modal-custom .text-title-header-modal-webAcc {
    font-size: 30px;
    color: #fff
}

.modal-redesign .right-modal .container-inside-modal-custom {
    width: 100%;
    background: #fff;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width:991px) {
    .modal-redesign .right-modal .container-inside-modal-custom {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset
    }
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart {
    border-bottom: 1px dashed #979797;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:991px) {
    .modal-redesign .right-modal .container-inside-modal-custom .element-added-cart {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .header-element-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .header-element-added .title-header-element {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-right: 30px;
    letter-spacing: normal;
    color: #425869
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .header-element-added .icon-bin {
    font-size: 14px;
    cursor: pointer
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .header-element-added .icon-bin:hover {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .body-element-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .body-element-added .container-image-element-added {
    max-width: 40px
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .body-element-added .container-image-element-added img {
    max-width: 40px;
    max-height: 60px;
    width: auto
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .body-element-added .sub-offert-element-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5px
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .body-element-added .sub-offert-element-added .offert-price-element-added {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    color: #3e5567;
    text-align: right;
    margin: 0
}

.modal-redesign .right-modal .container-inside-modal-custom .element-added-cart .body-element-added .sub-offert-element-added .price-element-added {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    color: #98c44f;
    padding-left: 5px;
    text-align: left;
    margin: 0
}

.modal-redesign .right-modal .container-coupon-chart,
.modal-redesign .right-modal .container-coupon-chart .form-input-coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-redesign .right-modal .container-coupon-chart {
    background-color: #fff;
    padding: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:991px) {
    .modal-redesign .right-modal .container-coupon-chart {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.modal-redesign .right-modal .container-coupon-chart .text-name-coupon-chart {
    font-family: Helvetica;
    font-size: 14px;
    line-height: normal;
    color: #405768;
    width: 100%
}

.modal-redesign .right-modal .container-coupon-chart .form-input-coupon {
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bordered__fullpage__box .bordered__fullpage__box__search .modal-redesign .right-modal .container-coupon-chart .form-input-coupon input,
.header__heading-bar__search .modal-redesign .right-modal .container-coupon-chart .form-input-coupon input,
.modal-redesign .right-modal .container-coupon-chart .form-input-coupon .bordered__fullpage__box .bordered__fullpage__box__search input,
.modal-redesign .right-modal .container-coupon-chart .form-input-coupon .form__input,
.modal-redesign .right-modal .container-coupon-chart .form-input-coupon .header__heading-bar__search input {
    border-radius: 4.9px;
    border: solid .6px #979797;
    background-color: #fff
}

.modal-redesign .right-modal .container-coupon-chart .form-input-coupon .button-input {
    border-top-right-radius: 4.9px;
    border-bottom-right-radius: 4.9px;
    width: 40px;
    height: 40px;
    right: 0;
    position: absolute;
    top: 0;
    background: #3e5567;
    color: #fff;
    font-size: 14px
}

.modal-redesign .right-modal .container-coupon-chart .form-input-coupon .button-input span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal-redesign .right-modal .footer-modal-custom-side-chart {
    background-color: #f4f4f4;
    width: 100%
}

@media (max-width:991px) {
    .modal-redesign .right-modal .footer-modal-custom-side-chart {
        display: none
    }
}

.modal-redesign .right-modal .footer-modal-custom-side-chart .summary-title-chart {
    border-bottom: 1px dashed #979797;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-redesign .right-modal .footer-modal-custom-side-chart .summary-title-chart .title-footer-price {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e5567
}

.modal-redesign .right-modal .footer-modal-custom-side-chart .summary-total-price-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .modal-redesign .right-modal .footer-modal-custom-side-chart .summary-total-price-chart {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.modal-redesign .right-modal .footer-modal-custom-side-chart .summary-total-price-chart .summary-total {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e5567
}

@media (max-width:991px) {
    .modal-redesign .right-modal .footer-modal-custom-side-chart .summary-total-price-chart .summary-total {
        margin: 5px 0
    }
}

.modal-redesign .right-modal .footer-modal-custom-side-chart .summary-total-price-chart .total-price-chart {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #98c44f
}

@media (max-width:991px) {
    .modal-redesign .right-modal .footer-modal-custom-side-chart .summary-total-price-chart .total-price-chart {
        margin: 5px 0
    }
}

.modal-redesign .right-modal .footer-modal-custom-side-chart.footer-mobile {
    display: none
}

@media (max-width:991px) {
    .modal-redesign .right-modal .footer-modal-custom-side-chart.footer-mobile {
        display: block;
        background-color: #f4f4f4;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.modal-redesign .right-modal .footer-modal-custom-side-chart.footer-mobile .icon-information-icon {
    font-size: 12px;
    cursor: pointer
}

.modal-redesign .availabilty-check-2 {
    color: #3e5567!important
}

.modal-redesign .availabilty-check-2 .availability-check {
    border-radius: 5.5px;
    color: #3e5567!important;
    border: solid 1px #979797;
    width: 100%;
    height: auto;
    margin: auto
}

.modal-redesign .availabilty-check-2 .availability-check .header-availability-check {
    background-position: top;
    padding: 10px
}

.modal-redesign .availabilty-check-2 .availability-check .header-availability-check .title-header-availability-check {
    font-size: 19px;
    color: #3e5567!important;
    padding-bottom: 5px;
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .modal-redesign .availabilty-check-2 .availability-check .header-availability-check .title-header-availability-check {
        margin-top: 20px
    }
}

.modal-redesign .availabilty-check-2 .availability-check .header-availability-check .subtitle-header-availability-check {
    font-size: 15px;
    color: #3e5567!important;
    letter-spacing: normal;
    padding-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-redesign .availabilty-check-2 .content-box-cards {
    background-color: #f3f3f3;
    border-top: solid .6px;
    border-color: #979797;
    width: 100%
}

.modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal {
    margin: 0 20px
}

.modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal .slick-arrow {
    background-color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(174, 174, 174, .8);
    top: 45%
}

.modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal:before {
    position: absolute;
    left: -1px;
    top: -15px;
    content: " ";
    width: 60px;
    height: auto;
    display: table-cell;
    z-index: 1;
    border-left: 1px dashed rgba(151, 151, 151, .6)
}

@media (max-width:768px) {
    .modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal:before {
        top: -5px;
        height: 95%
    }
}

.modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal:after {
    position: absolute;
    left: calc(100% - 59px);
    top: -15px;
    content: " ";
    width: 60px;
    height: auto;
    display: table-cell;
    z-index: 1;
    border-right: 1px dashed rgba(151, 151, 151, .6)
}

@media (max-width:768px) {
    .modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal:after {
        top: -5px;
        height: 95%
    }
}

.modal-redesign .availabilty-check-2 .content-box-cards .row-card-offert-slick-modal .slick-dots {
    display: none!important
}

.modal-redesign .availabilty-check-2 .content-box-cards .title-box-cards {
    font-size: 19px;
    padding: 5px;
    color: #3e5567;
    letter-spacing: normal;
    text-align: center;
    line-height: 30px
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card,
.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card {
    padding-bottom: 20px
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .image-card {
    width: 120px;
    height: 130px\0
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card .product-title {
    font-size: 19px;
    color: #3f5667;
    text-align: center;
    display: inline;
    margin: 0;
    line-height: 25px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card .product-subtitle {
    font-size: 14px;
    color: #4f6172;
    text-align: center;
    margin: 0;
    width: 100%
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card .old-price-card {
    color: #736e6e;
    font-size: 14px;
    text-align: center;
    margin: 0;
    width: 100%
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card .new-price-card {
    color: #98c44f;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 5px;
    width: 100%
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card .button--outline--rounded {
    border-radius: 24px;
    border: solid 1px #98c44f;
    background-color: #fff;
    text-align: center;
    padding: 5px 20px;
    color: #98c44f
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-card .button--outline--rounded:hover {
    background-color: #98c44f;
    color: #fff
}

.modal-redesign .availabilty-check-2 .content-box-cards .cards .proposal-product-card .text-line-through {
    text-decoration: line-through
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 {
    width: 100%;
    height: auto;
    margin: auto;
    padding-bottom: 15px;
    color: #3e5567!important
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .header-availability-check {
    border-bottom: 1px dashed #979797;
    padding-bottom: 12px
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 {
    margin: 12px 0 30px
}

@media (max-width:992px) {
    .modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 {
        margin-left: 15px;
        margin-right: 15px
    }
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-text {
    font-size: 12px;
    color: #3e5567;
    line-height: initial
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-text.information-check-1-checked-text {
    position: relative;
    left: 25px;
    top: 2px;
    margin-left: 10px
}

.bordered__fullpage__box .bordered__fullpage__box__search .modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-form input,
.header__heading-bar__search .modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-form input,
.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-form .bordered__fullpage__box .bordered__fullpage__box__search input,
.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-form .form__input,
.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-form .header__heading-bar__search input {
    font-size: 12px;
    width: 200px;
    margin-right: 15px;
    margin-bottom: 10px
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-form .button {
    margin-bottom: 10px
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-checked-container {
    display: inline;
    position: relative
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-checked-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:767px) {
    .modal-redesign .availabilty-check-2 .container__availability-check--1 .container-information-check-1 .information-check-1-checked-button {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .information-check-1-checked-icon {
    width: 18px;
    height: 18px;
    background-color: #98c44f;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    display: block;
    margin-right: 10px
}

.modal-redesign .availabilty-check-2 .container__availability-check--1 .information-check-1-checked-icon:after {
    width: 10px;
    height: 5px;
    content: "";
    border-color: #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 6px;
    left: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-redesign .availabilty-check-2 .container_availability-form {
    width: 100%;
    height: auto;
    margin: auto;
    padding-bottom: 15px
}

.modal-redesign .availabilty-check-2 .container_availability-form .icon_box_check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-top: 8px
}

.modal-redesign .availabilty-check-2 .container_availability-form .icon_box_check .icon_close_btn {
    border: none;
    background-color: #fff
}

.modal-redesign .availabilty-check-2 .container_availability-form .img-responsive_check {
    height: 140px;
    margin-top: 5px;
    background-image: url(../images/ecom-restyle/uptodatebg.png);
    background-size: cover
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group {
    width: 100%;
    margin-bottom: 5px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box {
    margin-left: 1px;
    margin-top: 20px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .text_btn_check {
    font-size: 18px;
    font-family: Helvetica;
    color: #3f5667;
    margin-bottom: 5px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .insert_number2 {
    width: 100%;
    height: 35px;
    margin-top: 5px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check {
    width: 100%;
    height: 35px;
    border: solid .6px #979797;
    background-color: #fff;
    margin-top: 5px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .btn_check .dropdown__container--toggle--txt {
    color: #adafb0;
    font-family: Helvetica;
    font-size: 11px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box .container_button .dropdown__container--menu--item {
    font-size: 11px
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box.form_box_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 43px
}

@media (max-width:991px) {
    .modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box.form_box_section {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.modal-redesign .availabilty-check-2 .container_availability-form .container_form_group .row-form-group .form_box.form_box_section .button-check {
    width: 80%;
    height: 35px;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.modal-redesign .no-items-cart {
    display: none;
    color: #3e5567!important
}

.new-footer {
    background-image: url(../images/ecom-restyle/bg-configurator.png);
    background-size: cover;
    position: relative;
    bottom: 0;
    width: 100%
}

.new-footer .otelogocenter {
    max-width: 140px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.new-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-header .cart-icon-header {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #445a6c;
    margin: 10px;
    position: relative
}

.new-header .cart-icon-header .icon-cart {
    font-size: 23px
}

.new-header .cart-icon-header .icon-cart .badge {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 15px;
    top: -12px;
    font-family: sans-serif;
    border: solid 1px #405768;
    background: #509f30;
    line-height: 23px
}

@media (max-width:767px) {
    .new-header .cart-icon-header .icon-cart .badge {
        top: 0
    }
}

body.beforeload div#loaderBoxONLOAD,
body.beforeload div#loaderOverlayONLOAD {
    visibility: visible!important;
    display: block!important
}

body.beforeload>* {
    visibility: hidden;
    display: none
}

body.onLogin div#loaderBoxONLOAD,
body.onLogin div#loaderOverlayONLOAD {
    z-index: 999999;
    visibility: visible!important;
    display: block!important
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format("woff")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format("woff")
}

body {
    font-family: arial, sans-serif;
    color: #374148;
    font-size: 16px;
    line-height: 21px
}

body.background-selfcare-restyle {
    background-color: #ececec;
    background-image: url(../images/selfcare-restyle/background-transparent.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none
}

div:focus,
input:focus {
    outline: none!important
}

*,
:after,
:before {
    box-sizing: border-box
}

body.user-is-tabbing:focus {
    border: 4px solid red
}

a {
    color: inherit
}

a,
a:focus,
a:visited {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    line-height: 30px
}

h1,
h2 {
    font-size: 30px;
    margin-top: 40px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 21px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

ol,
ul {
    margin: 20px 0 40px;
    line-height: 25px
}

.to-uppercase {
    text-transform: uppercase
}

@media (min-width:0px) and (max-width:767px) {
    .to-uppercase-xs {
        text-transform: uppercase
    }
}

@media (min-width:768px) and (max-width:991px) {
    .to-uppercase-sm {
        text-transform: uppercase
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .to-uppercase-md {
        text-transform: uppercase
    }
}

@media (min-width:1200px) {
    .to-uppercase-lg {
        text-transform: uppercase
    }
}

.to-lowercase {
    text-transform: lowercase
}

@media (min-width:0px) and (max-width:767px) {
    .to-lowercase-xs {
        text-transform: lowercase
    }
}

@media (min-width:768px) and (max-width:991px) {
    .to-lowercase-sm {
        text-transform: lowercase
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .to-lowercase-md {
        text-transform: lowercase
    }
}

@media (min-width:1200px) {
    .to-lowercase-lg {
        text-transform: lowercase
    }
}

.header__menu-bar__list__item--account,
.header__menu-bar__list__item--accountdropdown,
.header__menu-bar__list__item--cart,
.header__menu-bar__list__item--squares,
.reset-case {
    text-transform: none
}

@media (min-width:0px) and (max-width:767px) {
    .reset-case-xs {
        text-transform: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .reset-case-sm {
        text-transform: none
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .reset-case-md {
        text-transform: none
    }
}

@media (min-width:1200px) {
    .reset-case-lg {
        text-transform: none
    }
}

@media (min-width:0px) and (max-width:767px) {
    .to-bold-xs {
        font-weight: 700
    }
}

@media (min-width:768px) and (max-width:991px) {
    .to-bold-sm {
        font-weight: 700
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .to-bold-md {
        font-weight: 700
    }
}

@media (min-width:1200px) {
    .to-bold-lg {
        font-weight: 700
    }
}

.title .title--light {
    font-weight: 400
}

.header__menu-bar__list__item--account--anonymous--content .form__label,
.header__menu-bar__list__item--account--anonymous--content--bottom label,
.header__menu-bar__list__item__submenu__item,
.onload-modal__content__int__head--greetings,
.or-separator,
.product__price sup,
.to-normal {}

body {
    font-weight: 400
}

@media (min-width:0px) and (max-width:767px) {
    .to-normal-xs {
        font-weight: 400
    }
}

@media (min-width:768px) and (max-width:991px) {
    .to-normal-sm {
        font-weight: 400
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .to-normal-md {
        font-weight: 400
    }
}

@media (min-width:1200px) {
    .to-normal-lg {
        font-weight: 400
    }
}

.to-italic {
    font-style: italic
}

@media (min-width:0px) and (max-width:767px) {
    .to-italic-xs {
        font-style: italic
    }
}

@media (min-width:768px) and (max-width:991px) {
    .to-italic-sm {
        font-style: italic
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .to-italic-md {
        font-style: italic
    }
}

@media (min-width:1200px) {
    .to-italic-lg {
        font-style: italic
    }
}

.to-underlined {
    text-decoration: underline
}

@media (min-width:0px) and (max-width:767px) {
    .to-underlined-xs {
        text-decoration: underline
    }
}

@media (min-width:768px) and (max-width:991px) {
    .to-underlined-sm {
        text-decoration: underline
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .to-underlined-md {
        text-decoration: underline
    }
}

@media (min-width:1200px) {
    .to-underlined-lg {
        text-decoration: underline
    }
}

.overflow-hidden {
    overflow: hidden
}

@media (min-width:0px) and (max-width:767px) {
    .overflow-hidden-xs {
        overflow: hidden
    }
}

@media (min-width:768px) and (max-width:991px) {
    .overflow-hidden-sm {
        overflow: hidden
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .overflow-hidden-md {
        overflow: hidden
    }
}

@media (min-width:1200px) {
    .overflow-hidden-lg {
        overflow: hidden
    }
}

.color-white {
    color: #fff!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-white-xs {
        color: #fff!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-white-sm {
        color: #fff!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-white-md {
        color: #fff!important
    }
}

@media (min-width:1200px) {
    .color-white-lg {
        color: #fff!important
    }
}

.color-black {
    color: #000!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-black-xs {
        color: #000!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-black-sm {
        color: #000!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-black-md {
        color: #000!important
    }
}

@media (min-width:1200px) {
    .color-black-lg {
        color: #000!important
    }
}

.color-primary-blue {
    color: #3b61a6!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-primary-blue-xs {
        color: #3b61a6!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-primary-blue-sm {
        color: #3b61a6!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-primary-blue-md {
        color: #3b61a6!important
    }
}

@media (min-width:1200px) {
    .color-primary-blue-lg {
        color: #3b61a6!important
    }
}

.color-primary-green {
    color: #509e2f!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-primary-green-xs {
        color: #509e2f!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-primary-green-sm {
        color: #509e2f!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-primary-green-md {
        color: #509e2f!important
    }
}

@media (min-width:1200px) {
    .color-primary-green-lg {
        color: #509e2f!important
    }
}

.color-secondary-blue-navy {
    color: #3d5265!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-secondary-blue-navy-xs {
        color: #3d5265!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-secondary-blue-navy-sm {
        color: #3d5265!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-secondary-blue-navy-md {
        color: #3d5265!important
    }
}

@media (min-width:1200px) {
    .color-secondary-blue-navy-lg {
        color: #3d5265!important
    }
}

.color-secondary-light-green {
    color: #a0d933!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-secondary-light-green-xs {
        color: #a0d933!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-secondary-light-green-sm {
        color: #a0d933!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-secondary-light-green-md {
        color: #a0d933!important
    }
}

@media (min-width:1200px) {
    .color-secondary-light-green-lg {
        color: #a0d933!important
    }
}

.color-light-grey {
    color: #7c7c7c!important
}

@media (min-width:0px) and (max-width:767px) {
    .color-light-grey-xs {
        color: #7c7c7c!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .color-light-grey-sm {
        color: #7c7c7c!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .color-light-grey-md {
        color: #7c7c7c!important
    }
}

@media (min-width:1200px) {
    .color-light-grey-lg {
        color: #7c7c7c!important
    }
}

.bg-primary-blue {
    background: #3b61a6!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-primary-blue-xs {
        background: #3b61a6!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-primary-blue-sm {
        background: #3b61a6!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-primary-blue-md {
        background: #3b61a6!important
    }
}

@media (min-width:1200px) {
    .bg-primary-blue-lg {
        background: #3b61a6!important
    }
}

.bg-primary-green {
    background: #509e2f!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-primary-green-xs {
        background: #509e2f!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-primary-green-sm {
        background: #509e2f!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-primary-green-md {
        background: #509e2f!important
    }
}

@media (min-width:1200px) {
    .bg-primary-green-lg {
        background: #509e2f!important
    }
}

.bg-secondary-blue-navy {
    background: #3d5265!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-secondary-blue-navy-xs {
        background: #3d5265!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-secondary-blue-navy-sm {
        background: #3d5265!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-secondary-blue-navy-md {
        background: #3d5265!important
    }
}

@media (min-width:1200px) {
    .bg-secondary-blue-navy-lg {
        background: #3d5265!important
    }
}

.bg-secondary-light-green {
    background: #a0d933!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-secondary-light-green-xs {
        background: #a0d933!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-secondary-light-green-sm {
        background: #a0d933!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-secondary-light-green-md {
        background: #a0d933!important
    }
}

@media (min-width:1200px) {
    .bg-secondary-light-green-lg {
        background: #a0d933!important
    }
}

.bg-gradient-green-to-darker-lightest {
    background: #97c14e!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-green-to-darker-lightest-xs {
        background: #97c14e!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-green-to-darker-lightest-sm {
        background: #97c14e!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-green-to-darker-lightest-md {
        background: #97c14e!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-green-to-darker-lightest-lg {
        background: #97c14e!important
    }
}

.bg-gradient-green-to-darker-darkest {
    background: #41ad49!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-green-to-darker-darkest-xs {
        background: #41ad49!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-green-to-darker-darkest-sm {
        background: #41ad49!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-green-to-darker-darkest-md {
        background: #41ad49!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-green-to-darker-darkest-lg {
        background: #41ad49!important
    }
}

.bg-gradient-blue-to-darker-lightest {
    background: #20b2eb!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-blue-to-darker-lightest-xs {
        background: #20b2eb!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-blue-to-darker-lightest-sm {
        background: #20b2eb!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-blue-to-darker-lightest-md {
        background: #20b2eb!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-blue-to-darker-lightest-lg {
        background: #20b2eb!important
    }
}

.bg-gradient-blue-to-darker-darkest {
    background: #1a63b0!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-blue-to-darker-darkest-xs {
        background: #1a63b0!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-blue-to-darker-darkest-sm {
        background: #1a63b0!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-blue-to-darker-darkest-md {
        background: #1a63b0!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-blue-to-darker-darkest-lg {
        background: #1a63b0!important
    }
}

.bg-color-ultralightgrey {
    background: #f9f9f9!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-color-ultralightgrey-xs {
        background: #f9f9f9!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-color-ultralightgrey-sm {
        background: #f9f9f9!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-color-ultralightgrey-md {
        background: #f9f9f9!important
    }
}

@media (min-width:1200px) {
    .bg-color-ultralightgrey-lg {
        background: #f9f9f9!important
    }
}

.bg-orange {
    background: #ffbe6a!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-orange-xs {
        background: #ffbe6a!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-orange-sm {
        background: #ffbe6a!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-orange-md {
        background: #ffbe6a!important
    }
}

@media (min-width:1200px) {
    .bg-orange-lg {
        background: #ffbe6a!important
    }
}

.bg-gradient-green {
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-green-xs {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-green-sm {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-green-md {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-green-lg {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

.bg-gradient-blue {
    background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-blue-xs {
        background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-blue-sm {
        background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-blue-md {
        background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-blue-lg {
        background-image: linear-gradient(to right, #20b2eb, #1a63b0)!important
    }
}

.bg-gradient-grey {
    background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-grey-xs {
        background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-grey-sm {
        background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-grey-md {
        background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-grey-lg {
        background-image: linear-gradient(to right, #d7d8d6, #a9abac)!important
    }
}

.bg-gradient-green-to-blue {
    background-image: linear-gradient(to right, #97c14e, #41ad49)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-gradient-green-to-blue-xs {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-gradient-green-to-blue-sm {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-gradient-green-to-blue-md {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

@media (min-width:1200px) {
    .bg-gradient-green-to-blue-lg {
        background-image: linear-gradient(to right, #97c14e, #41ad49)!important
    }
}

.bg-white-to-grey {
    background-image: linear-gradient(to right, #fff, #ececec)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-white-to-grey-xs {
        background-image: linear-gradient(to right, #fff, #ececec)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-white-to-grey-sm {
        background-image: linear-gradient(to right, #fff, #ececec)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-white-to-grey-md {
        background-image: linear-gradient(to right, #fff, #ececec)!important
    }
}

@media (min-width:1200px) {
    .bg-white-to-grey-lg {
        background-image: linear-gradient(to right, #fff, #ececec)!important
    }
}

.bg-vert-gradient-green {
    background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-vert-gradient-green-xs {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-vert-gradient-green-sm {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-vert-gradient-green-md {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

@media (min-width:1200px) {
    .bg-vert-gradient-green-lg {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

.bg-vert-gradient-blue {
    background-image: linear-gradient(#20b2eb 30%, #1a63b0 100%)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-vert-gradient-blue-xs {
        background-image: linear-gradient(#20b2eb 30%, #1a63b0 100%)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-vert-gradient-blue-sm {
        background-image: linear-gradient(#20b2eb 30%, #1a63b0 100%)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-vert-gradient-blue-md {
        background-image: linear-gradient(#20b2eb 30%, #1a63b0 100%)!important
    }
}

@media (min-width:1200px) {
    .bg-vert-gradient-blue-lg {
        background-image: linear-gradient(#20b2eb 30%, #1a63b0 100%)!important
    }
}

.bg-vert-gradient-grey {
    background-image: linear-gradient(#d7d8d6 30%, #a9abac 100%)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-vert-gradient-grey-xs {
        background-image: linear-gradient(#d7d8d6 30%, #a9abac 100%)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-vert-gradient-grey-sm {
        background-image: linear-gradient(#d7d8d6 30%, #a9abac 100%)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-vert-gradient-grey-md {
        background-image: linear-gradient(#d7d8d6 30%, #a9abac 100%)!important
    }
}

@media (min-width:1200px) {
    .bg-vert-gradient-grey-lg {
        background-image: linear-gradient(#d7d8d6 30%, #a9abac 100%)!important
    }
}

.bg-vert-gradient-green-to-blue {
    background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-vert-gradient-green-to-blue-xs {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-vert-gradient-green-to-blue-sm {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-vert-gradient-green-to-blue-md {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

@media (min-width:1200px) {
    .bg-vert-gradient-green-to-blue-lg {
        background-image: linear-gradient(#97c14e 30%, #41ad49 100%)!important
    }
}

.bg-vert-white-to-grey {
    background-image: linear-gradient(#fff 30%, #ececec 100%)!important
}

@media (min-width:0px) and (max-width:767px) {
    .bg-vert-white-to-grey-xs {
        background-image: linear-gradient(#fff 30%, #ececec 100%)!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-vert-white-to-grey-sm {
        background-image: linear-gradient(#fff 30%, #ececec 100%)!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-vert-white-to-grey-md {
        background-image: linear-gradient(#fff 30%, #ececec 100%)!important
    }
}

@media (min-width:1200px) {
    .bg-vert-white-to-grey-lg {
        background-image: linear-gradient(#fff 30%, #ececec 100%)!important
    }
}

.bg-extended {
    position: relative
}

.bg-extended__extension {
    position: absolute;
    height: 100%;
    width: 9999px;
    top: 0
}

.bg-extended__extension--left {
    right: 99%
}

@media (min-width:992px) {
    .bg-extended__extension--left {
        right: 100%
    }
}

.bg-extended__extension--right {
    left: 99%
}

@media (min-width:992px) {
    .bg-extended__extension--right {
        left: 100%
    }
}

.bg-secondary-blue-navy {
    position: relative
}

.bg-secondary-blue-navy--rightbg {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/bg-green-decoration-carousel@2x.png) top left no-repeat;
    background-size: 100%;
    height: 265px;
    min-width: 185px;
    display: none
}

@media (min-width:992px) {
    .bg-secondary-blue-navy--rightbg {
        display: block
    }
}

.bg-gradient-blue--leftbg {
    position: absolute;
    bottom: 10px;
    right: 0;
    background: url(../images/bg-green-decoration-carousel-rev@2x.png) top left no-repeat;
    background-size: 100%;
    height: 245px;
    min-width: 240px;
    display: none
}

@media (max-width:1150px) {
    .bg-gradient-blue--leftbg {
        display: none!important
    }
}

@media (min-width:992px) {
    .bg-gradient-blue--leftbg {
        display: block
    }
}

@media (min-width:1200px) {
    .bg-gradient-blue--leftbg {
        display: none
    }
}

@media (min-width:1350px) {
    .bg-gradient-blue--leftbg {
        display: block
    }
}

.bg-img-wave {
    background: url(../images/bg-configurator.png) no-repeat;
    background-size: cover
}

.bg-transparent {
    background-color: transparent
}

.bg-attach-fixed {
    background-repeat: no-repeat;
    background-attachment: fixed
}

.title {
    position: relative;
    font-size: 30px;
    letter-spacing: -1.6px;
    color: #3d5265;
    padding-bottom: 15px
}

.title:after {
    position: absolute;
    content: ' ';
    width: 55px;
    height: 5px;
    background: #a0d933;
    border-radius: 100px;
    bottom: 0;
    left: 0
}

@media (min-width:992px) {
    .title {
        font-size: 40px;
        letter-spacing: -1.2px
    }
    .title:after {
        display: none
    }
}

.relative {
    position: relative
}

.border__bottom--grey--2 {
    border-bottom: 2px solid #d0d0ce;
    margin-bottom: 5px
}

.inline {
    display: inline!important
}

.inline-block {
    display: inline-block!important
}

.underline {
    text-decoration: underline
}

.txt-light-color {
    color: #b1b1b3
}

@media (min-width:768px) {
    .txt-right-sm {
        text-align: right
    }
}

@media (min-width:480px) {
    .txt-right-xs-plus {
        text-align: right
    }
    .txt-left-xs-plus {
        text-align: left
    }
}

@media (min-width:768px) {
    .txt-right-sm-plus {
        text-align: right
    }
    .txt-left-sm-plus {
        text-align: left
    }
}

@media (min-width:992px) {
    .txt-right-md-plus {
        text-align: right
    }
    .txt-left-md-plus {
        text-align: left
    }
}

@media (max-width:767px) {
    .txt-xs-left {
        text-align: left!important
    }
}

.fullwidth {
    width: 100%
}

.separator,
.txt-border-bottom {
    border-bottom: 1px solid #d0d0ce
}

.txt-border-bottom {
    margin-bottom: 20px;
    padding-bottom: 20px
}

.separator {
    margin: 15px 0;
    width: 100%
}

.block,
.separator {
    display: block
}

.grid {
    display: grid
}

.container--xxs {
    max-width: 550px;
    margin: 0 auto
}

.bg-grey {
    background: #f3f3f3
}

.or-separator {
    margin: 20px 0;
    color: #d0d0ce;
    text-align: center;
    position: relative;
    width: 100%
}

.or-separator>span {
    padding: 0 5px;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 100
}

.or-separator .or-separator--line {
    position: absolute;
    top: 10px;
    width: 100%;
    border-bottom: 1px solid #d0d0ce;
    left: 0;
    right: 0;
    z-index: 50
}

.withMaxHeight {
    max-height: 200px!important
}

.withMaxHeightSmall {
    max-height: 120px!important
}

.displayColor {
    color: #fff!important
}

.quantityColor {
    padding-right: 20px
}

.couponStyle,
.quantityColor {
    color: #3d5265;
    font-weight: 700
}

.couponPad1 {
    padding-right: 0
}

.couponPad2 {
    padding: 0
}

.couponButton {
    width: 50px;
    top: 34.5px;
    position: absolute;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 51.5px!important;
    border-width: 1px;
    border-style: solid;
    border-color: #999
}

.alert-info--grey {
    background-color: #eaeaea;
    border-color: #b1b1b3;
    font-size: 12px;
    color: #7c7c7c;
    line-height: 17px;
    position: relative
}

.alert-info--grey--icon {
    padding-left: 35px
}

.alert-info--grey--top {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none;
    margin-bottom: 0
}

.alert-info--grey--top--icon {
    padding-left: 35px
}

.alert-info--grey--bottom {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 1px solid #b1b1b3;
    margin-top: 0!important
}

.alert-info--grey--bottom--icon {
    padding-left: 35px
}

.alert-info--grey--light {
    background-color: #fff;
    border-color: #fff;
    margin-bottom: 0;
    text-align: left
}

.alert-info--grey .icon-information-icon {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 15px
}

.img--max--100 {
    max-width: 100%
}

@media (max-width:992px) {
    .md-nofloat {
        float: none!important
    }
}

.min-h-500 {
    min-height: 500px
}

.table {
    display: table
}

.table.table--full {
    width: 100%
}

@media (min-width:768px) {
    .table.table--paginated {
        min-height: 600px;
        line-height: 16px!important
    }
}

.table.table--lightborder {
    border-top: 1px solid #eaeaea
}

.table.table--lightborder .table__cell {
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea
}

.table .table__row {
    display: table-row
}

.table .table__row.grey__row {
    background-color: #f9f9f9
}

.table .table__cell {
    display: table-cell
}

.table .table__cell a {
    color: #374148
}

.table .table__cell.table__cell--middle {
    vertical-align: middle
}

.table .table__cell.table__cell--vtop {
    vertical-align: top
}

.table .table__cell.table__cell--vbottom {
    vertical-align: bottom
}

.table .table__cell.table__cell--blockmobile {
    display: block;
    width: 100%
}

@media (min-width:768px) {
    .table .table__cell.table__cell--blockmobile {
        display: table-cell;
        width: auto
    }
}

.table .table__cell.table__cell--payments {
    max-width: 200px;
    text-align: right
}

@media (max-width:767px) {
    .table .table__cell.table__cell--mobilefull {
        display: block;
        width: 100%
    }
}

.table.table--grey,
.table.table--grey .table__cell {
    background-color: #f3f3f3
}

.table.top__bottom--tablerow__border {
    border-top: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3
}

.table.top__bottom--tablerow__border .table__cell {
    border-bottom: 1px solid #f3f3f3
}

.table.print--tablerow__border .table__row .table__cell {
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3
}

.table.print--tablerow__border .table__row .table__cell.table__cell--fixed,
.table.print--tablerow__border .table__row .table__cell.table__cell--last {
    border-right: none;
    width: 120px
}

.table.print--tablerow__border .table__row .table__cell.table__cell--fixed.table__cell--last--nowidth,
.table.print--tablerow__border .table__row .table__cell.table__cell--last.table__cell--last--nowidth {
    width: auto
}

.table.print--tablerow__border .table__row .table__cell.table__cell--norightborder {
    border-right: none
}

.table--v2 .table__cell {
    vertical-align: middle
}

.link-underline {
    font-weight: 700;
    text-decoration: underline
}

.text-bold {
    font-weight: 700!important
}

.border-rounded {
    border: 2px solid #ececec;
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px
}

.txt-with-check {
    padding-left: 40px;
    background: url(../images/check@3x.png) left top no-repeat;
    padding-top: 2px;
    background-size: 25px 25px;
    min-height: 25px
}

.txt-30 {
    font-size: 30px
}

.headGreySmall {
    font-size: 20px;
    color: #7c7c7c
}

.headGreenSmall {
    font-size: 18px;
    font-weight: 700;
    color: #509e2f
}

.border-top-content {
    border-top: 1px solid #f3f3f3
}

.border-top-content.border-top-content--big {
    border-top: 5px solid #f3f3f3
}

.border-bottom-content {
    border-bottom: 1px solid #f3f3f3
}

.border-bottom-content.border-bottom-content--big {
    border-bottom: 5px solid #f3f3f3
}

.bordered__big__container {
    border: 1px solid #d0d0ce;
    padding: 15px;
    border-radius: 10px
}

.bordered__big__container.no-border {
    border: 0;
    padding: 0;
    border-radius: 0
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

@media (max-width:767px) {
    .pull-left--nomobile,
    .pull-right--nomobile {
        float: none!important
    }
    .xs-align-right {
        text-align: right;
        padding-right: 20px
    }
}

.page-title {
    font-size: 30px
}

.line-separation {
    display: block;
    height: 1px;
    background-color: silver;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px
}

.line-separation.line-separation-nomargin {
    margin-right: 0;
    margin-left: 0
}

@media (max-width:767px) {
    .line-separation.line-separation-nomargin-xs {
        margin-right: 0;
        margin-left: 0
    }
}

.line-separation.dark {
    background-color: #374148
}

.blue {
    color: #3b61a6
}

.bluenavy {
    color: #3d5265
}

.bluenavy--dark {
    color: #374148
}

.azure,
.container-body-page-my-cosmote .container-information.bills .body-container.bill-records table tbody tr td.azure,
a {
    color: #00a0dc
}

.hero__container__content__price__oldprice,
.orange,
.product-box-1__info__price .old-price sup,
.product-box-configurator__info__price .old-price sup {
    color: #f88017
}

.green,
.header__menu-bar__list__item--account--anonymous--content .green--hover:hover {
    color: #509e2f
}

.red--error {
    color: #ef3e42
}

.green--light {
    color: #a0d933
}

.grey {
    color: #7c7c7c
}

.white {
    color: #fff
}

@media (max-width:767px) {
    .black--mobile {
        color: #374148!important
    }
}

.black-important {
    color: #374148!important
}

a:active,
a:focus,
a:hover,
a:visited {
    color: #00a0dc
}

a.azure {
    color: #00a0dc!important
}

a.azure:active,
a.azure:focus,
a.azure:hover,
a.azure:visited {
    color: #00a0dc!important
}

a.hero__container__content__price__oldprice,
a.orange {
    color: #f88017!important
}

a.hero__container__content__price__oldprice:active,
a.hero__container__content__price__oldprice:focus,
a.hero__container__content__price__oldprice:hover,
a.hero__container__content__price__oldprice:visited,
a.orange:active,
a.orange:focus,
a.orange:hover,
a.orange:visited {
    color: #f88017!important
}

a.grey {
    color: #7c7c7c!important
}

a.grey:active,
a.grey:focus,
a.grey:hover,
a.grey:visited {
    color: #7c7c7c!important
}

.header__menu-bar__list__item--account--anonymous--content a.green--hover:hover,
a.green {
    color: #509e2f!important
}

.header__menu-bar__list__item--account--anonymous--content a.green--hover:active:hover,
.header__menu-bar__list__item--account--anonymous--content a.green--hover:focus:hover,
.header__menu-bar__list__item--account--anonymous--content a.green--hover:hover,
.header__menu-bar__list__item--account--anonymous--content a.green--hover:visited:hover,
a.green:active,
a.green:focus,
a.green:hover,
a.green:visited {
    color: #509e2f!important
}

.container-button--primary a,
a.button--primary,
a.white {
    color: #fff!important
}

.container-button--primary a:active,
.container-button--primary a:focus,
.container-button--primary a:hover,
.container-button--primary a:visited,
a.button--primary:active,
a.button--primary:focus,
a.button--primary:hover,
a.button--primary:visited,
a.white:active,
a.white:focus,
a.white:hover,
a.white:visited {
    color: #fff!important
}

a.black {
    color: #374148!important
}

a.black:active,
a.black:focus,
a.black:hover,
a.black:visited {
    color: #374148!important
}

.azure__dot,
.blue__dot {
    font-size: 40px;
    line-height: 0;
    position: relative;
    top: 9px
}

.blue__dot {
    margin-right: 6px;
    color: #3d5265
}

.azure__dot {
    color: #00a0dc
}

.title-page {
    font-size: 30px
}

.text-center {
    text-align: center;
    display: block
}

.text-left,
.text-right {
    text-align: left;
    display: block
}

.text-right {
    text-align: right
}

.text-link {
    color: #3b61a6!important;
    text-decoration: underline
}

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.row-height .col-height {
    display: table-cell;
    vertical-align: top;
    float: none;
    height: 100%
}

@media screen and (min-width:480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .row-xs-height .col-xs-height {
        display: table-cell;
        vertical-align: top;
        float: none;
        height: 100%
    }
}

@media screen and (min-width:768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .row-sm-height .col-sm-height {
        display: table-cell;
        vertical-align: top;
        float: none;
        height: 100%
    }
}

@media screen and (min-width:992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .row-md-height .col-md-height {
        display: table-cell;
        vertical-align: top;
        float: none;
        height: 100%
    }
}

.italic {
    font-style: italic
}

.barred {
    text-decoration: line-through
}

@media screen and (min-width:1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .row-lg-height .col-lg-height {
        display: table-cell;
        vertical-align: top;
        float: none;
        height: 100%
    }
}

.alert-success {
    border: 1px solid #509e2f;
    color: #509e2f;
    border-radius: 8px;
    background-color: #def0d8
}

.alert-blue,
.alert-danger {
    background-color: rgba(235, 57, 42, .2);
    color: #eb3a2b;
    border: 1px solid #eb3a2b;
    border-radius: 8px;
    padding: 15px
}

.alert-blue {
    background-color: rgba(0, 159, 220, .2);
    color: #7c7c7c;
    border: 1px solid #00a0dc;
    font-size: 12px
}

.slick-loading .slick-list {
    background: #fff url(../images/ajax-loader.gif) center center no-repeat
}

.center-block {
    display: block;
    float: none;
    margin: 0 auto
}

.row.separation-line:before {
    width: 96%;
    height: 1px;
    background-color: #dedede;
    display: block;
    margin-left: 15px;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .row.separation-line:before {
        height: 0
    }
}

.no-padding {
    padding: 0!important
}

.auto-padding {
    padding: initial!important
}

.auto-margin {
    margin: auto!important
}

.auto-height {
    height: auto!important
}

.lh-36 {}

.horizzontal-scroll {
    overflow-x: scroll
}

input::-ms-clear {
    display: none
}

@media (max-width:767px) {
    .txt-left-xs {
        text-align: left
    }
}

.confirm-cart .button--cancel {
    margin-right: 0;
    margin-bottom: 20px
}

.badge,
.box__checkbalance__body__tab__content__title,
.breadcrumb__item .current,
.button,
.buttonv2,
.checkboxes__row .radio-button-container label,
.container-button--primary a,
.dropdown__container--menu li a,
.footer__links__section__title,
.header__menu-bar__list__item,
.hero__container__content__text__image--plus,
.onload-modal__content__int__head--username,
.product-box-1__bottom a.more,
.product-box-1__info__price sup,
.product-box-1__info__title,
.product-box-configurator__bottom a.more,
.product-box-configurator__info__price sup,
.product-box-configurator__info__title,
.product__price span,
.product__title,
.selfcare__tabs__labels .ovalShapedItem .badgeOvalShapedItem,
.selfcare__tabs__switchmenu a .badgeOvalShapedItem,
.sidebar__box__content__list__item__number,
.title,
.to-bold,
b,
strong {
    font-weight: 700
}

.border-right-white {
    border-right: 1px solid #fff
}

.alert.alert-info.background-grey {
    background-color: #f4f4f4;
    color: #3d5265;
    border-color: #f4f4f4;
    font-size: 14px
}

.compare-active,
.heart-active,
.social-active {
    color: #509e2f!important
}

.price-discount {
    text-align: right;
    padding-right: 10px;
    font-size: 10px;
    line-height: 10px;
    font-weight: 700;
    margin-top: -3px
}

.old-price-v5 span,
.price-discount span {
    text-decoration: line-through;
    color: #d3d66a
}

.border-right-dark-blue {
    border-right: 1px solid #374148;
    padding-right: 50px
}

.form__label_coupon {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px
}

.cart-img {
    width: 150px
}

.promotion-img {
    max-height: 200px
}

@media (max-width:767px) {
    .cart-img {
        margin: 0 auto;
        width: 200px
    }
    .img-mnw150 {
        min-width: 150px!important
    }
    .img-mxw150 {
        max-width: 150px!important
    }
}

.header__menu-bar__list--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 20%
}

@media (max-width:350px) {
    .header__heading-bar__mobile-toolbar {
        width: 40px!important
    }
}

.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar .icon-for-search,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar .icon-menu,
.header__heading-bar.menu-mobile .header__heading-bar__mobile-toolbar .icon-user {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto!important;
    height: 20px;
    width: 20px;
    color: #3d5265;
    transition: all .3s linear .15s
}

.right-50 {
    right: 50px
}

.right-18 {
    right: 18px
}

.ui-datepicker .ui-datepicker-title:after,
.ui-datepicker .ui-datepicker-title:before,
[class^=icon-] {
    vertical-align: middle
}

.no-background {
    background: 0 0!important
}

@media (max-width:767px) {
    .old-price-cart-2 {
        font-size: 14px
    }
}

@media (max-width:991px) {
    .persistent-cart-header form label {
        font-size: 11px!important
    }
}

.disclaimer_text {
    color: #7c7c7c
}

.coupon-applied {
    border-color: #509e2f!important;
    background: #fff!important;
    box-shadow: none!important
}

.temp-unavailable {
    color: #8aafd0
}

.error-msg-comingsoon {
    position: absolute;
    bottom: -18px
}

.error-msg-comingsoon-email {
    position: absolute;
    bottom: 7px
}

.ellipsis-text {
    white-space: nowrap;
    overflow: -webkit-paged-y;
    text-overflow: ellipsis
}

.clearboth {
    clear: both!important
}

.line-tvsat {
    width: 2px;
    height: 200px;
    mix-blend-mode: multiply;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0), #3d5265 52%, rgba(151, 151, 151, 0));
    border-image-slice: 1;
    margin-left: 22px
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .max-width-200 {
        max-width: 200px
    }
}

@media (min-width:992px) {
    .max-width-651 {
        max-width: 651px;
        width: 100%
    }
}

.cottage-tv-container {
    display: inline-block;
    width: 651px
}

@media (max-width:991px) {
    .cottage-tv-container {
        width: auto
    }
}

.background-auto {
    background-size: auto!important
}

.border-left-tvsat {
    border-left: 1px solid;
    height: 200px;
    border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0), #3d5265 52%, rgba(151, 151, 151, 0));
    border-image-slice: 1
}

@media (max-width:991px) {
    .border-left-tvsat {
        border: none;
        padding-bottom: 10px;
        margin-top: 10px;
        height: auto
    }
}

@media (min-width:992px) {
    .display-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

a.express--checkout {
    color: #374148!important
}

a.express--checkout:active,
a.express--checkout:focus,
a.express--checkout:hover,
a.express--checkout:visited {
    color: #374148!important
}

.express-checkout {
    font-weight: 700
}

.no-border {
    border: none!important
}

.border-top {
    border-top: 1px solid silver
}

.full-height {
    height: 100%!important
}