* { box-sizing: border-box;}


body {
        margin: 0;
        padding:0;
        font-size: 14px;
        color: #3f3d3a;
        background: #fff;
    }
    
body {
    -ms-overflow-style: scrollbar; /* for IE10 pluse */
}
.text ul li
{
     margin: 0 0 32px 16px;
}
.bold-narrow { font-family: 'scandinavianbold', Arial, Helvetica, sans-serif;}

img { border:none}

fieldset { border:none; margin:0; padding:0; display:block}

input,
textarea,
button,
select,
a,
h3  {
  -webkit-tap-highlight-color: transparent;
}

a { border:none; color:#006EE6 ;}

a:hover, a:focus { text-decoration:none}


:focus {outline: 1px dashed #006ee6; border:none;}

.form-wrapper {
    width:100%;
    max-width:1120px;
    margin:0 auto;
    position:relative
}

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

ol,  body ul {
    list-style: none;
    margin:0;
    padding:0
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
}
input[type="button"],  button {
    cursor: pointer;
    border: none;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
ol,  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a,  a:hover,  a:active, a:focus {
    color: #0069c3;
    text-decoration: none;
    border:none
}


    ::-moz-selection {
 background: #009;
 color: #fff;
}
    ::selection {
 background: #009;
 color: #fff;
}
    ::-moz-selection {
 background: #009;
 color: #fff;
}
textarea,  input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"],  input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"] {
    background-color: #fff;
    border: 1px solid #E1E2E9;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    padding: 10px;
    resize: none;
    font-size: 14px;
}
 input:-webkit-autofill,  textarea:-webkit-autofill,  select:-webkit-autofill {
 background-color: #fff !important;
}
textarea:focus,  input[type="text"]:focus,  input[type="password"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="date"]:focus,  input[type="month"]:focus,  input[type="time"]:focus,  input[type="week"]:focus,  input[type="number"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="color"]:focus {
    color: #3f3d3a;
    border-color: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.form-group:before,  .form-group:after {
    content: " ";
    display: table;
}
.form-group:after,  .form-group:before {
    clear: both;
}
.clearfix {
    clear: both !important;
}

a.active {
    cursor: default;
}
 input::-ms-clear {
 display: none;
}
 input[type=password]::-ms-reveal,  input[type=password]::-ms-clear {
 display: none;
}
input:hover {
    background-color: #EAE9E8;
    cursor: pointer;
}
[class*=" icon-"]:before {
 font-family: "flysas-icons";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
 text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
/* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
 [class^="icon-temp-"]:before,  [class*=" icon-temp-"]:before {
 font-family: "fontello";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
 text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.icon-temp-right:before {
    content: '\e800';
    font-family: 'fontello' !important;
}
/* '?' */
    .icon-temp-left:before {
    content: '\e800';
    font-family: 'fontello' !important;
    /* IE 9 */
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    font-size: 23px;
    margin-left: 2px;
}
/* '?' */
    .icon-temp-clock:before {
    content: '\e801';
    font-family: 'fontello' !important;
}
/* '?' */
    .icon-cancel:before {
    content: '\e800';
}
/* '?' */
    .icon-left-open:before {
    content: '\e801'!important;
}
/* '???' */
    .icon-plus:before {
    content: '\e802'!important;
}
/* '?' */
    .icon-minus:before {
    content: '\e803'!important;
}
/* '?' */
    .icon-help:before {
    content: '\e804';
}
/* '?' */
    .icon-search:before {
    content: '\e805';
}
/* '?' */
    .icon-calendar:before {
    content: '\e806';
}
/* '?' */
    .icon-tag:before {
    content: '\e807';
}
/* '?' */
    .icon-flight:before {
    content: '\e808';
}
/* '?' */
    .icon-circle:before {
    content: '\e809';
}
/* '?' */
    .icon-star:before {
    content: '\e80a';
}

/* '?' */
    .icon-up:before {
    content: '\e80c';
}
/* '?' */
    .icon-right-open:before {
    content: '\e80d'!important;
}
/* '???' */
    .icon-ok:before {
    content:"";
}
/* '?' */
    .icon-left:before {
    content: '\e80f' !important;
}
.icon-attention-alt:before {
    content: '\e811';
}
.icon-close:before {
    /*content: '\e812'!important;  */
        font-size: 20px !important;
}
.icon-info:before {
    content: '\e813'!important;
}
.icon-gplus:before {
    content: '\e814';
}
.icon-facebook:before {
    content: '\e815';
}
.icon-linkedin:before {
    content: '\e816';
}
.col-xs-1,  .col-sm-1,  .col-md-1,  .col-lg-1,  .col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2,  .col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3,  .col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4,  .col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5,  .col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6,  .col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7,  .col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8,  .col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9,  .col-xs-10,  .col-sm-10,  .col-md-10,  .col-lg-10,  .col-xs-11,  .col-sm-11,  .col-md-11,  .col-lg-11,  .col-xs-12,  .col-sm-12,  .col-md-12,  .col-lg-12 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.nav-tabs,  .nav-tabs > li > a {
    margin-right: 0;
    margin-bottom: 0;
    display: block;
    width: auto;
    font-size: 13px;
    border: 0 !important;
    border-radius: 0;
}
.nav-tabs > li.active > a,  .nav-tabs > li.active > a:hover,  .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: pointer;
    background-color: #03c;
    border: 0 !important;
    border-radius: 0;
    transition: 0.2s;
}
.nav-tabs > li.active > a,  .nav-tabs.nav-justified > li.active > a {
    font-size: 16px;
    background-color: #03c;
}
.nav-tabs.nav-justified > li.active > a,  .nav-tabs.nav-justified > li.active > a:hover,  .nav-tabs.nav-justified > li.active > a:focus {
    color: #fff !important;
    cursor: pointer;
    background-color: #03C !important;
    border: 0 !important;
    border-radius: 0;
    transition: 0.2s;
}

div.row { margin-left:-8px; margin-right:-8px}

div.modal {overflow-y: auto;}

.modal, 
div.modal-content {
    background: #006;
    box-shadow: none;
    border: none;
}
div.modal-content h3 { color:#fff; text-align:center; margin-top:30px}
div.modal-dialog { width:100%; max-width:1120px; margin:0 auto}
div.modal-header { border-bottom:none}

.modal-body.medium {max-width:650px;}

.modal-body.small {max-width:400px;}

.modal-body.medium,
.modal-body.small { width:100%;  margin:0 auto; padding:10px}

.modal-header .close, 
.modal-header .close:hover { color:#fff; opacity:1}
.modal p { color:#fff}

/* 
    Project: Scandinavian Airlines
    Author(s): Noushad AP
*/

/* ---------------------------------------------------------------------------
 * CONTENTS
 * ---------------------------------------------------------------------------
 *
 * 1.  Home page Grid (will be used only for home page as we removed Bootstrap in home page)
 * 2.  Font Face
 * 3.  Radio button 
 * 4.  Checkbox
 * 5.  Button
 * 6.  Text-Box
 * 7.  Dropdown List
 * 8.  color Swatches for background
 * 9.  color Swatches for Text Color
 * 10. Tabs
 * 11. Common padding and margin to re-use
 * 12. Native dropdown style
 * 13. Tooltip Global
 * 14. Notifications
 * 15. Modal Window
 *
 */ 

/* ---------------------------------------------------------------------------
* 1. Home page Grid (will be used only for home page as we removed Bootstrap in home page)
* --------------------------------------------------------------------------- */

.col {
    padding:0 8px;
    float:left
}
 @media (min-width: 992px) {
 .large-12 {
width: 100%;
}
 .large-11 {
width: 91.66666667%;
}
 .large-10 {
width: 83.33333333%;
}
 .large-9 {
width: 75%;
}
 .large-8 {
width: 66.66666667%;
}
 .large-7 {
width: 58.33333333%;
}
 .large-6 {
width: 50%;
}
 .large-5 {
width: 41.66666667%;
}
 .large-4 {
width: 33.33333333%;
}
 .large-3 {
width: 25%;
}
 .large-2 {
width: 16.66666667%;
}
 .large-1 {
width: 8.33333333%;
}

}
 @media (min-width:768px) and (max-width:991px) {
 .medium-12 {
width: 100%;
}
 .medium-11 {
width: 91.66666667%;
}
 .medium-10 {
width: 83.33333333%;
}
 .medium-9 {
width: 75%;
}
 .medium-8 {
width: 66.66666667%;
}
 .medium-7 {
width: 58.33333333%;
}
 .medium-6 {
width: 50%;
}
 .medium-5 {
width: 41.66666667%;
}
 .medium-4 {
width: 33.33333333%;
}
 .medium-3 {
width: 25%;
}
 .medium-2 {
width: 16.66666667%;
}
 .medium-1 {
width: 8.33333333%;
}
}
 @media (max-width: 767px) {
 .small-12 {
width: 100%;
}
 .small-11 {
width: 91.66666667%;
}
 .small-10 {
width: 83.33333333%;
}
 .small-9 {
width: 75%;
}
 .small-8 {
width: 66.66666667%;
}
 .small-7 {
width: 58.33333333%;
}
 .small-6 {
width: 50%;
}
 .small-5 {
width: 41.66666667%;
}
 .small-4 {
width: 33.33333333%;
}
 .small-3 {
width: 25%;
}
 .small-2 {
width: 16.66666667%;
}
 .small-1 {
width: 8.33333333%;
}
}
 
.form-wrapper {
    width:100%;
    max-width:1120px;
    margin:0 auto;
    position:relative
}
/* ---------------------------------------------------------------------------
 *3. Radio button global
 * ---------------------------------------------------------------------------
*/

.radio-wrap {
    position:relative;
    padding:2px 0
}
.checkbox-wrap {
    position:relative;
    padding:5px 0
}
.radio-wrap input[type=radio] {
    position:absolute;
    z-index:1;
    opacity:0;
}

.radio-wrap input[type=radio]:checked+label span, .radio-wrap input[type=radio]:checked+label span {
    height: 18px;
    width: 18px;
    background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat left -2781px;
    border:none;
    top:3px
}
.radio-wrap input[type=radio]+label span, .radio-wrap input[type=radio]+label span {
    background-color: #fff;
    border:1px solid #bfbcb5
}
.radio-wrap input[type=radio]+label span, .radio-wrap input[type=radio]+label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
}
.radio-wrap label {
    margin: 0 0 0 23px;
}

.radio-wrap input[type=radio]:checked+label span.label-content, 
.radio-wrap input[type=radio]:checked+label span.label-content,
.radio-wrap input[type=radio]+label span.label-content, 
.radio-wrap input[type=radio]+label span.label-content,
.checkbox-wrap input[type=checkbox]:checked+label span.label-content, 
.checkbox-wrap input[type=checkbox]:checked+label span.label-content,
.checkbox-wrap input[type=checkbox]+label span.label-content, 
.checkbox-wrap input[type=checkbox]+label span.label-content{
    width: auto;
    height: auto;
    display: block;
    border-radius: 0;
    border: none;
    position: static;
    background-image:none;
    background-color:transparent;
    color:#3f3d3a;
    font-size:14px;
}

.container-blue .radio-wrap input[type=radio]+label span.label-content, 
.container-blue .checkbox-wrap input[type=radio]+label span.label-content {color:#fff}
/* ---------------------------------------------------------------------------
 *4. Checkbox
 * ---------------------------------------------------------------------------
*/

.checkbox-wrap input[type=checkbox] {
    position:absolute;
    opacity:0
}
.checkbox-wrap input[type=checkbox]:checked+label span {
    background:#03c url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 4px -2220px;
    color:#fff;
    border:1px solid transparent;
}
.checkbox-wrap input[type=checkbox]+label span {
    top: 5px;
}
.checkbox-wrap input[type=checkbox]+label span {
    display: inline-block;
    position: absolute;
    border: 1px solid #bfbcb5;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #fff;
    cursor: pointer;
    content: "";
    font-size: 11px;
    border-radius: 4px;
    left: 0;
    top: 2px;
    transition: background-color .2s linear;
}
.checkbox-wrap label {
    padding:0 0 0 32px
}
 .checkbox-wrap [class^="icon-"]:before,  .checkbox-wrap [class*=" icon-"]:before {
 margin:3px 0 0 3px
}

/* ---------------------------------------------------------------------------
 *5. Button
 * ---------------------------------------------------------------------------
*/

a.btn { display:inline-block}
a.btn.small {padding-top:8px}
a.btn.medium {padding-top:13px}
a.btn.large { padding-top:15px}
button.btn,
a.btn  {
    text-transform:uppercase;
    padding:0 15px;
    min-width:180px;
    font-family: scandinavianblack, Arial, Helvetica, sans-serif;
    border-radius: 4px; 
}
button.large,
a.large  {
    height:48px;
    font-size:16px
}
button.small,
a.small {
    height:32px;
    font-size:14px
}
button.medium,
a.medium {
    height:40px;
    font-size:13px
}

button.btn:hover, 
button.btn:focus, 
button.btn:active,
a.btn:hover, 
a.btn:focus, 
a.btn:active {
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:none !important;
    border:none;
    outline-offset: 0;
}
button.primary,
a.primary {
    background:#0087f5;
    color:#fff
}
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn,
button.disabled,
a.disabled {
    background-color:#757067;
    opacity:1;
    color:#fff;
}

a.btn.disabled:hover,
button.btn.disabled:hover,
a.btn.disabled:focus,
button.btn.disabled:focus { background-color:#757067; color:#fff; cursor:default;}

button.secondary,
a.secondary {
    background:transparent;
    border:2px solid #006ee6;
    color:#006ee6;
}
button.secondary:hover, 
button.secondary:focus,
a.secondary:hover, 
a.secondary:focus {
    color:#007aff;
    background:transparent;
    border:2px solid #0087f5;
}
button.secondary.disabled,
a.secondary.disabled,
button.secondary.disabled:hover,
button.secondary.btn.disabled:focus{
    background:transparent;
    color:#757067;
    border:2px solid #757067;
}
button.primary:hover, button.primary:focus, a.primary:hover, a.primary:focus {
    background:#006EE6
}
button.btn-disabled, button.btn-disabled:hover, button.btn-disabled:focus , a.btn-disabled, a.btn-disabled:hover, a.btn-disabled:focus {
    background:#757067;
    color:#fff
}
.toggle-button {
    width: 100%;
    height: 40px;
    padding: 4px;
    background: #000098;
    display: inline-block;
    border-radius: 6px;
}
.toggle-button button {
    width:50%;
    border-radius:4px;
    background:#000098;
    color:#fff;
    font-family:'scandinavianblack', Arial, Helvetica, sans-serif;
    float:left;
    min-width: 120px;
}
.toggle-button button.active {
    background:#0033cc;
    outline:none;
    border:none;
    position:relative
}
/*
.toggle-button button.active:before {
    position: absolute;
    width: 20px;
    height: 20px;
    content: '\e80e';
    display: block;
    font-family: flysas-icons;
    left: 8px;
    top: 11px;
}
*/

.toggle-button .btn:focus, .toggle-button .btn:active:focus, .toggle-button .btn.active:focus {
    outline:none
}

@media (max-width: 767px) {
    .btn { width:100%}
}
/* ---------------------------------------------------------------------------
 *6. Text Box
 * ---------------------------------------------------------------------------
*/

div.input-set {
    border:1px solid #bfbcb5;
    height:64px;
    background:#fff;
    position:relative;
    padding:0 !important
}
.input-set label {
    position:absolute;
    left:15px;
    top:19px;
    color:#757067;
    margin:0;
    display:inline;
    font-size:16px;
    font-weight:normal;
    pointer-events: none;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.input-set label.top-set {
    top:10px;
    font-size:13px
}
.dropdown-native.white.bdr-l-none,
.input-set.bdr-l-none {
    border-left:none
}
.input-set .info-icon {
    background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 0 -589px;
    width:24px;
    height:24px;
    display:block;
    position:absolute;
    right:16px;
    top:19px;
    cursor:pointer;
}
.input-set input[type="text"], .input-set input[type="password"], .input-set input[type="datetime"], .input-set input[type="datetime-local"], .input-set input[type="date"], .input-set input[type="month"], .input-set input[type="time"], .input-set input[type="week"], .input-set input[type="number"], .input-set input[type="email"], .input-set input[type="url"], .input-set input[type="search"], .input-set input[type="tel"], .input-set input[type="color"] {
    width:100%;
    height:100%;
    border:none;
    font-size:16px;
    padding:20px 10px 0 15px;
    color:#3f3d38;
    font-family: 'ScandinavianRegular', Arial, Helvetica, sans-serif;
}
.input-set input[type="text"]:focus {
    background:#eae9e8
}
 @media (max-width: 767px) {
     .input-set {
         border-left:none;
         border-right:none;
         margin:0
    }
}


/* ---------------------------------------------------------------------------
 *7. Dropdown List
 * ---------------------------------------------------------------------------
*/

.input-group-dropdown {
    position:relative;
    padding:0 !important;
    border:1px solid #bfbcb5
}
.input-group-dropdown button {
    background: #fff;
    font-family: 'ScandinavianRegular', Helvetica, Arial, sans-serif;
    height: 62px;
    width: 100%;
    color: #a7a299;
    border-radius: 0;
    text-align:left;
}
.input-group-dropdown button label, .input-group-dropdown button .selected-value {
    text-transform:capitalize;
    color: #a7a299;
}
.input-group-dropdown button:hover {
    color: #a7a299;
}
.input-group-dropdown button .selected-value {
    color: #000;
    padding-top: 13px;
    display: inline-block;
}
.input-group-dropdown button:hover {
    background:#eae9e8
}
.input-group-dropdown .caret {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg')no-repeat 0 -1153px;
}
.input-group-dropdown ul.dropdown-menu {
    border-radius: inherit;
    padding: 0;
    margin: 0;
    width:100%;
}
.input-group-dropdown ul.dropdown-menu li {
    padding:0;
    margin:0;
    border-bottom:1px solid #bfbcb5
}
.input-group-dropdown ul.dropdown-menu li a {
    padding:10px 10px 10px 15px;
    margin:0;
}

.input-group-dropdown label { font-weight:normal}

.input-group-dropdown label.top-set {
    position:absolute;
    top:7px;
    font-size:13px;
}
.input-group-dropdown.sas-blue, .input-group-dropdown.sas-blue button {
    height: 40px;
    background: #000099;
    border: none;
    border-radius: 4px;
}
.input-group-dropdown.sas-blue .caret {
    border: none;
    width: 20px;
    height: 25px;
    top: 10px;
    right: 16px;
    background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg')no-repeat 0 -1108px;
}
.input-group-dropdown.sas-blue .icon-down:before {
    color:#fff;
    font-size:22px
}
.input-group-dropdown.sas-blue .selected-value {
    color: #fff;
    padding-top: 0;
    font-size:14px;
    margin-top: -1px;
    font-family: scandinavianblack, Helvetica, Arial, sans-serif;
    text-transform:uppercase
}


/* ---------------------------------------------------------------------------
 *8. color Swatches for background
 * ---------------------------------------------------------------------------
*/

.bg-medium-blue {
    background:#0099ff
}
.bg-medium-blue:hover {
    background:#007aff
}
.bg-sky-blue {
    background:#0033cc
}
.bg-sky-blue:hover {
    background:#001eb7
}
.bg-sas-blue {
    background:#000099
}
.bg-sas-blue:hover {
    background:#00007a
}
.bg-deep-blue {
    background:#000066
}
.bg-deep-blue:hover {
    background:#000047
}
.bg-dark-blue {
    background:#000033
}
.bg-dark-blue:hover {
    background:#00001e
}
.bg-grey-1 {
    background:#bfbcb5
}
.bg-grey-1:hover {
    background:#c3c2be
}
.bg-grey-2 {
    background:#bfbcb5
}
.bg-grey-2:hover {
    background:#a7a39a
}
.bg-grey-3 {
    background:#a7a299
}
.bg-grey-3:hover {
    background:#8a847a
}
.bg-grey-4 {
    background:#3f3d3a
}
.bg-grey-4:hover {
    background:#8a847a
}
.bg-white {
    background:#fff
}
.bg-white:hover {
    background:#eae9e8
}
.bg-sand {
    background:#caa977
}
.bg-sand:hover {
    background:#b58c57
}
.bg-red {
    background:#e81e14
}
.bg-red:hover {
    background:#ff2a22
}
.bg-green {
    background:#30a030
}
.bg-green:hover {
    background:#1b821c
}
/* ---------------------------------------------------------------------------
 *9. color Swatches for Text Color
 * ---------------------------------------------------------------------------
*/

.text-medium-blue {
    color:#0099ff
}
.text-sky-blue {
    color:#0033cc
}
.text-sas-blue {
    color:#000099
}
.text-deep-blue {
    color:#000066
}
.text-dark-blue {
    color:#000033
}
.text-grey-1 {
    color:#bfbcb5
}
.text-grey-2 {
    color:#bfbcb5
}
.text-grey-3 {
    color:#a7a299
}
.text-grey-4 {
    color:#3f3d3a
}
.text-white {
    color:#fff
}
.text-sand {
    color:#caa977
}
.text-red {
    color:#e81e14
}
.text-green {
    color:#30a030
}
/* ---------------------------------------------------------------------------
 *10. Tab
 * ---------------------------------------------------------------------------
*/

.sas-tab .nav-tabs.nav-justified > li > a {
    color:#fff;
    display: block;
    font-size:16px
}
.sas-tab .nav-tabs.nav-justified li a {
    background:#000099;
    margin-left:0;
    border-radius: 0;
    padding:20px 0 0 0;
    height:64px;
    display: block;
}
.sas-tab .nav-tabs.nav-justified li a span {
    display: block;
}
.sas-tab .nav-tabs.nav-justified li.active {
    position: relative;
    background:#03C;
}
.sas-tab .nav-tabs.nav-justified li.active a:hover, .sas-tab .nav-tabs.nav-justified li.active a:focus {
    background:#03C;
    outline:none
}
.sas-tab .nav-tabs.nav-justified li.active a:after {
    background:#0033cc;
    content: "";
    display: block;
    position: absolute;
    top:-6px;
    left: 0;
    width: 100%;
    height: 6px;
}
.sas-tab .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
    float: none;
    border-right:1px solid #000047
}
.sas-tab .nav-tabs.nav-justified > li:last-child {
    border-right:none
}
.sas-tab .nav-tabs.nav-justified > li.active:before {
    border-right:2px solid #03C;
    position:absolute;
    left:0;
    top:0;
    content:"";
}
.sas-tab .nav-tabs.nav-justified > li.active:after {
    border-right:2px solid #03C;
    position:absolute;
    right:0;
    top:0;
    content:"";
}
.sas-tab .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
}
/* ---------------------------------------------------------------------------
 * 11. Common padding and margin to re-use
 * ---------------------------------------------------------------------------
*/

/* ---------------------------------------------------------------------------
 *2. Common padding and margin to re-use
 * ---------------------------------------------------------------------------
*/

.wrapper { 
  max-width:1120px; 
  width:100%; 
  margin:0 auto;
  position:relative
}

.container-blue{
    background: #020266;
    padding: 35px 8px 20px 8px;
    float: left;
    width: 100%;
    clear: both;
    color:#fff
}

.container-blue h1, 
.container-blue h2, 
.container-blue h3, 
.container-blue h4, 
.container-blue h5, 
.container-blue h6,
.container-blue p { color:#fff}

.pull-left { float:left}
.pull-right { float:right}
.clear { clear:both}
.inline-block { display: inline-block; }
.float-none { float:none}
.center { text-align:center}
.margin-auto { margin:0 auto}
.auto-height { float:left; width:100%;}
.grey-light { background:#f1f1f1}
.row-block {
    width: 100%;
    float: left;
    clear: both;
}
.radius-4 {border-radius: 4px;}
.radius-6 {border-radius: 6px;}
.radius-50 {border-radius: 50%;}
.radius-b-l-4 {border-bottom-left-radius:4px;}
.radius-t-l-4 {border-top-left-radius:4px;}
.radius-b-r-4 {border-bottom-right-radius:4px;}
.radius-t-r-4 {border-top-right-radius:4px;}

.radius-b-l-6 {border-bottom-left-radius:6px;}
.radius-t-l-6 {border-top-left-radius:6px;}
.radius-b-r-6 {border-bottom-right-radius:6px;}
.radius-t-r-6 {border-top-right-radius:6px;}
.bdr-grey-left { border-left:1px solid #bfbcb5 !important}
.bdr-grey-right { border-right:1px solid #bfbcb5 !important}
.bdr-grey-top { border-top:1px solid #bfbcb5 !important}
.bdr-grey-bottom { border-bottom:1px solid #bfbcb5 !important}

.relative { position:relative !important}
.pad-l-0 { padding-left:0 !important}
.pad-r-0 { padding-right:0 !important}
.pad-l-8 { padding-left:8px !important}
.pad-r-8 { padding-right:8px !important}

.pad-l-r-0 { padding-right:0 !important; padding-left:0 !important}

@media (max-width: 767px) {
    
    .pad-l-r-0-large { padding-right:0 !important; padding-left:0 !important}
}

 @media (min-width:768px) and (max-width:1024px) {
    .pad-l-r-0-tablet { padding-right:0 !important; padding-left:0 !important}
    
    .tablet-padding { padding:0 8px}
}

@media (max-width: 767px) {
    .pad-l-r-0-small { padding-right:0 !important; padding-left:0 !important}
    .mobile-padding { padding:0 8px}
}

.pad-l-5 { padding-left:5px}
.pad-l-10 { padding-left:10px}
.pad-l-15 { padding-left:15px}
.pad-l-20 { padding-left:20px}
.pad-l-25 { padding-left:25px}
.pad-l-30 { padding-left:30px}
.pad-l-35 { padding-left:35px}
.pad-l-40 { padding-left:40px}
.pad-t-2  {padding-top:2px}
.pad-t-3  {padding-top:3px}
.pad-t-5  {padding-top:5px}
.pad-t-10 { padding-top:10px}
.pad-t-15 { padding-top:15px}
.pad-t-20 { padding-top:20px}
.pad-t-25 { padding-top:25px}
.pad-t-30 { padding-top:30px}
.pad-t-35 { padding-top:35px}
.pad-t-40 { padding-top:40px}

.pad-b-5 { padding-bottom:5px}
.pad-b-10 { padding-bottom:10px}
.pad-b-15 { padding-bottom:15px}
.pad-b-20 { padding-bottom:20px}
.pad-b-25 { padding-bottom:25px}
.pad-b-30 { padding-bottom:30px}
.pad-b-35 { padding-bottom:35px}
.pad-b-40 { padding-bottom:40px}

.pad-r-5 { padding-right:5px}
.pad-r-10 { padding-right:10px}
.pad-r-15 { padding-right:15px}
.pad-r-20 { padding-right:20px}
.pad-r-25 { padding-right:25px}
.pad-r-30 { padding-right:30px}
.pad-r-35 { padding-right:35px}
.pad-r-40 { padding-right:40px}


.mrgn-l-5 { margin-left:5px}
.mrgn-l-10 { margin-left:10px}
.mrgn-l-15 { margin-left:15px}
.mrgn-l-20 { margin-left:20px}
.mrgn-l-25 { margin-left:25px}
.mrgn-l-30 { margin-left:30px}
.mrgn-l-35 { margin-left:35px}
.mrgn-l-40 { margin-left:40px;}

.mrgn-r-5 { margin-right:5px}
.mrgn-r-10 { margin-right:10px}
.mrgn-r-15 { margin-right:15px}
.mrgn-r-20 { margin-right:20px}
.mrgn-r-25 { margin-right:25px}
.mrgn-r-30 { margin-right:30px}
.mrgn-r-35 { margin-right:35px}
.mrgn-r-40 { margin-right:40px;}

.mrgn-t-5 { margin-top:5px}
.mrgn-t-10 { margin-top:10px}
.mrgn-t-15 { margin-top:15px}
.mrgn-t-20 { margin-top:20px}
.mrgn-t-25 { margin-top:25px}
.mrgn-t-30 { margin-top:30px}
.mrgn-t-35 { margin-top:35px}
.mrgn-t-40 { margin-top:40px;}

.mrgn-b-5   { margin-bottom:5px}
.mrgn-b-10 { margin-bottom:10px}
.mrgn-b-15 { margin-bottom:15px}
.mrgn-b-20 { margin-bottom:20px}
.mrgn-b-25 { margin-bottom:25px}
.mrgn-b-30 { margin-bottom:30px}
.mrgn-b-35 { margin-bottom:35px}
.mrgn-b-40 { margin-bottom:40px}

.font-9  { font-size:9px;}
.font-10 { font-size:10px;}
.font-11 { font-size:11px;}
.font-12 { font-size:12px;}
.font-13 { font-size:13px;}
.font-14 { font-size:14px;}
.font-15 { font-size:15px;}
.font-16 { font-size:16px;}
.font-17 { font-size:17px;}
.font-18 { font-size:18px;}
.font-19 { font-size:19px;}
.font-20 { font-size:20px;}
.font-21 { font-size:21px;}
.font-22 { font-size:22px;}

.width-50 { width:50px}
.width-100 { width:100px}
.width-150 { width:150px}
.width-200 { width:200px}
.width-250 { width:250px}
.width-300 { width:300px}

/* ---------------------------------------------------------------------------
 * 12. Native dropdown style
 * ---------------------------------------------------------------------------
*/

.dropdown-native {
    position: relative;
    background: #000099;
    height: 40px;
    border-radius: 4px;
}
.dropdown-native select {
    padding: 0 8px;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size:16px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.dropdown-native .selected-value {
    position: absolute;
    right: 19px;
    top:9px;
    height: 19px;
    width: 100%;
    color: #fff;
    padding: 2px 0 0 33px;
    font-size: 14px;
    font-family: 'scandinavianblack', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.dropdown-native .icon-down:before {
    color:#fff;
    font-size:22px
}

.dropdown-native .caret {
    border: none;
    width: 20px;
    height: 25px;
    top: 10px;
    right: 16px;
    position:absolute;
    background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg')no-repeat 0 -1108px;
}

.dropdown-native.white {background:#fff; height:64px; border-radius:0; border: 1px solid #bfbcb5;}

.dropdown-native.white .selected-value { color:#000; font-family: 'ScandinavianRegular', Helvetica, Arial, sans-serif; top:30px;}

.dropdown-native.white label.title {
    position: absolute;
    left: 14px;
    top: 20px;
    color: #757067;
    font-size: 13px;
    font-weight:normal
}

.dropdown-native.white label.top-set { 
    top:9px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

.dropdown-native.white .icon-down:before { color:#555}

.dropdown-native.white .caret { top:24px; background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg')no-repeat 0 -1156px;}
/* ---------------------------------------------------------------------------
 * 13. Tooltip Global
 * ---------------------------------------------------------------------------
*/
.tool-tip {
    position: absolute;
    z-index: 10;
    -webkit-filter: drop-shadow(0px 0 7px #999);
    filter: drop-shadow(0px 0 7px #999);
}
.tool-tip.error {
    -webkit-filter: none;
    filter: none;
}
.tool-tip h3 { font-size:18px; color:#3f3d3a}

.tool-tip a.icon-close-grey { position:absolute; right:-5px; top:10px} 

.tool-tip-inner {
    position: relative;
    background: #fff;
    min-width: 200px;
    min-height: 40px;
    border-radius: 0;
    padding:15px;
    color: #3f3d3a;
    text-align: left;
    float:left;
    word-wrap: break-word;
    font-style: normal; 
}
.tool-tip.error .tool-tip-inner::after {border-bottom-color:#e81e14;}

.tool-tip.error .tool-tip-inner{ background:#e81e14; color:#fff}

.tool-tip.error .tool-tip-inner h3 { color:#fff}

.tool-tip-inner::after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 16px;
}

.tool-tip.left-top  .tool-tip-inner::after {
    top: 0;
    left: -13px;
}
    
.tool-tip.right-top .tool-tip-inner::after {
    top: 0;
    right: -13px;
}   
.tool-tip.left-bottom  .tool-tip-inner::after {
    bottom: -6px;
    left: -13px;
}
    
.tool-tip.right-bottom .tool-tip-inner::after {
    bottom: -6px;
    right: -13px;
}

.tool-tip.top-left .tool-tip-inner::after {
    top: -16px;
    left: 0;
}

.tool-tip.bottom-left .tool-tip-inner::after {
    bottom: -16px;
    left: 0;
}

.tool-tip.bottom-right .tool-tip-inner::after {
    bottom: -16px;
    right: 0;
}

.tool-tip.top-right .tool-tip-inner::after {
    top: -16px;
    right: 0;
}

.tool-tip.bottom-left .tool-tip-inner::after,
.tool-tip.top-left .tool-tip-inner::after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tool-tip.top-right .tool-tip-inner::after, 
.tool-tip.bottom-right .tool-tip-inner::after {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.tool-tip.right-bottom .tool-tip-inner::after,
.tool-tip.left-bottom  .tool-tip-inner::after,
.tool-tip.right-top .tool-tip-inner::after,
.tool-tip.left-top  .tool-tip-inner::after {
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}

.tool-tip.small .tool-tip-inner  {width:260px; padding:10px; font-size:13px}
.tool-tip.medium .tool-tip-inner {width:300px}
.tool-tip.large .tool-tip-inner { width:100%; max-width:550px}

@media (min-width: 768px) {
/*.tool-tip {
    width:100%
}*/
}

/* ---------------------------------------------------------------------------
* 14. Notifications
* --------------------------------------------------------------------------- */

.notification {
    background:#eae9e8;
    
}
.notification p {color:#3f3d3a;}

.error-notification p { color:#fff;}

.error-notification {
    background:#e81e14
}
.notification, .error-notification {
    padding:15px 35px 15px 16px;
    position:relative
}
.notification p, .error-notification p {
    margin:0;
    padding:0;
    text-align:center
}
.notification .icon-close-white, 
.error-notification .icon-close-white,
.notification .icon-close-grey2{
    position:absolute;
    right:10px;
    top:16px;
    margin:0
}
/* ---------------------------------------------------------------------------
* 15. Modal Window
* --------------------------------------------------------------------------- */

div.row {
    margin-left:-8px;
    margin-right:-8px
}
div.modal {
    overflow-y: auto;
}
.modal, div.modal-content {
    background: transparent;
    box-shadow: none;
    border: none;
}
div.modal-content h3 {
    color:#fff;
    text-align:center;
    margin-top:30px;
    font-size:25px
}
div.modal-content h4 {
    color:#fff;
}
div.modal-dialog {
    width:100%;
    max-width:1120px;
    margin:0 auto
}
div.modal-header {
    border-bottom:none
}
div.modal .icon-close-white {
    position: absolute;
    right: 0;
    top: 20px;
    cursor:pointer
}
.modal-body.medium {
    max-width:650px;
}
.modal-body.small {
    max-width:400px;
}
.modal-body.medium, .modal-body.small {
    width:100%;
    margin:0 auto;
    padding:10px
}
.modal-header .close, .modal-header .close:hover {
    color:#fff;
    opacity:1
}
.modal p {
    color:#fff
}



/* Vels Update */


/* Modal Outer */
.modal {    
    display: none;
    position: fixed;
    z-index: 9999 !important;
    top: 0px;
    left: 0px;
	right: 0px;		
    bottom: 0px;
    width: 100%;
    height: 100%;
    padding: 0 ;    
    background: rgba(0,0,51,.95);
}
 
/* Modal Inner */
.modal-body {
    position: relative;    
    margin: 0;    
    width: 100%;
    height: 100%;    
    background: transparent;
}
.modal-body .closer {    
    padding: 24px 8px 8px;    
    text-align: center;
    font-size: 18px;
    color: #fff;
    min-height: 40px;
}
.modal-body h3 {    
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.modal-body p {
    margin: 0 0 10px;       
    padding: 0; 
    color: #fff;
    text-align:center;
    font-size: 14px;
    line-height: 20px;   
}
.modal-content {
    padding: 16px 16px;     
    padding-bottom: 32px;
    border-radius: 0         
} 
@media (max-width: 767px) {
    .modal-content {
        padding: 16px 8px;
    } 
}
/* Close Button */
.modal-close {
    position: absolute;
    top: 24px;
    right: 16px;
    width: 24px;
    height: 24px;
    display: inline-block;
    font-family: Arial, Sans-Serif;
    font-size: 28px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    background: transparent;
}
 .modal-close:hover {
    color: #006EE6 ;
    text-decoration: none;
}

 
/* Spinner */

.spinner-bg {
    position: fixed;
    z-index: 9999 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 60, 1);
}

.spinner-bg.transparent {    
    background: transparent;   
}

.spinner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;  
    width: 40px;
    height: 20px;
    text-align: center;    
}
.spinner li {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: cir-alphadelay 1.5s infinite ease-in-out both;
    -moz-animation: cir-alphadelay 1.5s infinite ease-in-out both;
    animation: cir-alphadelay 1.5s infinite ease-in-out both;
}
.spinner.white-bg > li {  
  background-color: #A7A299;  
}

.spinner li.bounce1 {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;  
}
.spinner li.bounce2 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.spinner li.bounce3 {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.spinner-bg p {
    color: #fff;
    font-size: 14px;
    text-align: center;
}

@keyframes cir-alphadelay {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2
    }
    50% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2
    }
}
@-webkit-keyframes cir-alphadelay {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2
    }
    50% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2
    }
    
}


.input-set input[type="text"]:focus,
.input-set input[readonly="true"] {
    background:#eae9e8
}
.text-disabled {
    color: #aaa39a;
}


/* ---------------------------------------------------------------------------
 * Feedback Button
 * --------------------------------------------------------------------------- */
.feedback-button {
    background: #0033cc;
    font-family: 'scandinavianblack', Arial, Helvetica, sans-serif;
    box-shadow: 0 -2px 4px 0 rgba(63, 61, 58, 0.5);
    position: fixed;
    z-index: 10;
    display: block;
    width: 120px;
    height: 32px;
    text-transform: uppercase;
    color: #fff;
    padding: 6px;
    text-align: center;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    
}

@media (min-width: 992px) {
    .feedback-button {   
        top: calc(50% - 16px);
        left: -44px;   
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(-90deg);
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
  .feedback-button:hover { background:#001eb7}
}


.feedback-button:hover,
.feedback-button:focus { color:#fff}


@media (max-width: 991px) { 
    .feedback-button {
        bottom: -4px;
        margin: 0 auto;
        left: calc(50% - 60px);
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }
}

/* ---------------------------------------------------------------------------
 * Cookies Bar 
 * --------------------------------------------------------------------------- */

.cookies-bar {
    background-color: #000033;
    overflow: hidden;
    padding: 7px 20px;
}

.cookies-bar p { color:#fff; float:left; margin:0; padding:6px 0 8px 0;}

.cookies-bar .cookie-alert {
    width: 13px;
    height: 18px;
    border-radius: 4px;
    background-color: #e81e14;
    display: inline-block;
    font-family: 'scandinavianblack', Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 1px 0 0 2px;
    margin-right: 6px;
}
@media (min-width: 992px) {
    .cookies-bar {
        padding: 7px 8px;
    }
}
@media (max-width: 991px) {
    .cookies-bar button {
        float: none;
        min-width: 130px;
        width: auto;
        margin: 10px auto 0 auto;
        display: block;
    }
    .cookies-bar p { text-align:center}
    .cookies-bar .cookie-alert { display:none}
}

/*******home page load animation*****/

@keyframes page-loader {
  0%   { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes page-loader{
  0%   { opacity:1; }
  100% { opacity:1; }
}
.page-loader {
   -webkit-animation: page-loader 1s ;
   -moz-animation: page-loader 1s ;
   -o-animation: page-loader 1s ;
    animation: page-loader 1s ;
}
/* ---------------------------------------------------------------------------
 * Accessibility 
 * --------------------------------------------------------------------------- */   
/* Skip Navigation ----- */
 .skipNav { 
    position: absolute;
    float: left;
    top: 0;
    left: 0;
    z-index: 9999999;
    margin: 0;
    width: 100%;
}
ul.skiplink {
    float: left;
    margin: 0;
    min-height: 4px;
    color: #fff;
    list-style: none;
}
.skiplink a { 
    position: absolute;
    float: left;
    display: block;
    top: -300px;
    padding: 8px 16px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    background: #006EE6;
}
.skiplink a:focus {top: 0; color: #fff;}
@media (min-width: 768px) {
:focus {
outline: none !important;
box-shadow: none;
}
}
/* ---------------------------------------------------------------------------
 * 1. Generic
 * ---------------------------------------------------------------------------
 */
[class^="icon"] {
    display:inline-block;
    background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat;
    margin-right: 10px;
    text-indent: -9999px;
    overflow: hidden;
}
.no-svg [class^="icon"] { background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite.png') no-repeat; }
/* ---------------------------------------------------------------------------
 * 1. Social media
 * ---------------------------------------------------------------------------
 */
.icon-facebook,
.icon-instagram,
.icon-google-plus,
.icon-youtube,
.icon-twitter,
.icon-blog {width:41px; height:41px }
.icon-facebook    { background-position:right -110px; }
.icon-instagram   { background-position:right -250px; }
.icon-google-plus { background-position:right -460px; }
.icon-youtube     { background-position:right -320px; }
.icon-twitter     { background-position:right -179px; }
.icon-blog        { background-position:right -389px; }
.icon-weibo {
    background-position: 0 -3753px;
    width: 40px;
    height: 40px;
}
.icon-weibo-white {
    background-position: 0 -3893px;
    width: 25px;
    height: 22px;
}
.icon-wechat {
    background-position: 0 -3823px;
    width: 40px;
    height: 40px;
}
.icon-wechat-white {
    background-position: 0 -3945px;
    width: 24px;
    height: 21px;
}
.icon-close-grey { width:20px; height:20px; background-position:0 -1557px}
.icon-close-grey2 { width:20px; height:20px; background-position:0 -1513px}
.icon-cart { width:20px; height:20px; background-position: left -2145px}
.icon-logo    { width:72px; height:26px; background-position: right -57px}
.icon-burger  { width:23px; height:17px; background-position: 0 -1699px}
.icon-arrow-left-grey       { background-position:left -1015px;}
.icon-arrow-right-grey      { background-position:left -831px; }
.icon-arrow-left-grey2      { background-position:left -970px;}
.icon-arrow-right-grey2     { background-position:left -786px;}
.icon-arrow-down-grey     { background-position:left -1153px; }
.icon-arrow-up-white      { background-position:left -970px;}
.icon-arrow-down-white     { background-position:left -1114px;}
.icon-close-white  {background-position:2px -1469px;}
.icon-success      {background-position:left -643px;}
.icon-arrow-left-white     {background-position:5px -923px}
.icon-arrow-left-white,
.icon-arrow-right-grey2,
.icon-arrow-left-grey2,
.icon-arrow-right-grey,
.icon-arrow-left-grey,
.icon-close-white,
.icon-success,
.icon-arrow-up-white,
.icon-arrow-down-white,
.icon-arrow-down-grey  {width:25px; height:25px;}
.icon-earning,
.icon-exclusive,
.icon-buy-award  {width:40px; height:40px;}
.icon-earning   {background-position:left -186px;}
.icon-exclusive {background-position:left -256px;}
.icon-buy-award {background-position:left -326px;}
.icon-flight-big,
.icon-credit-card,
.icon-hotels-big,
.icon-banking,
.icon-car-rental-big,
.icon-insurance,
.icon-cart-big,
.icon-cart-big2,
.icon-electricity,
.icon-home-leisure,
.icon-groceries,
.icon-eurobonus-points,
.icon-fuel { width:40px; height:37px; }
.icon-flight-big  {background-position:right -2035px}
.icon-credit-card { background-position:right -2497px; margin-top:-3px}
.icon-hotels-big  {background-position:right -2090px;}
.icon-banking     {background-position:right -2383px}
.icon-car-rental-big {background-position:left -2412px}
.icon-insurance      {background-position:left -2141px}
.icon-cart-big2     {background-position:left -3027px}
.icon-cart-big     {background-position:right -2442px}
.icon-electricity  {background-position:103% -2323px}
.icon-home-leisure {background-position:0 -2464px; margin-top:-4px}
.icon-groceries    {background-position:right -2266px}
.icon-eurobonus-points {background-position:right -2356px}
.icon-fuel             {background-position:right -2202px}

.icon-accessibility,
.icon-decrease,
.icon-increase {width:24px; height:24px;}

.icon-accessibility {background-position:0 -2874px}
.icon-accessibility.active { background-position:0 -2928px}
.icon-decrease { background-position:right -692px}
.icon-decrease.disabled { background-position:right -800px; pointer-events: none; background-color: transparent;}
.icon-decrease:hover { background-position:right -746px}
.icon-increase { background-position:right -530px;}
.icon-increase.disabled {background-position:right -637px}
.icon-increase:hover { background-position:right -584px}

.icon-decrease,
.icon-increase { margin-right:0}

.icon-swap {
    width: 24px;
    height: 40px;
    background-position: 4px -1821px;
    margin: 0;
}

.icon-calendar { width:17px; height:17px; background-position:0 -2982px}
.icon-star-alliance { width:245px; height:24px; background-position:right -1572px }
@media (max-width: 767px) {
    
}

/* ---------------------------------------------------------------------------
 * 3. Country Flag Icons
 * ---------------------------------------------------------------------------
 */
[class^="flag-"] {
    display:inline-block;
    background:url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-flag.png') no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    width:24px;
    height:24px;
    float:left;
}

.flag-norway { background-position:0 -486px}
.flag-sweden { background-position:0 -162px}
.flag-findland { background-position:0 -1241px}
.flag-us { background-position:0 -539px}
.flag-uk { background-position:0 -701px}
.flag-ireland { background-position:0 -756px}
.flag-singapore { background-position:0 -270px}
.flag-thailand { background-position:0 -378px}
.flag-lithuania { background-position:0 -594px}
.flag-australia { background-position:0 -972px}
.flag-iceland { background-position:0 -864px}
.flag-austria { background-position:0 -809px}
.flag-germany { background-position:0 -1134px}
.flag-france { background-position:0 -1188px}
.flag-italy { background-position:0 0}
.flag-Japan { background-position:0 -107px}
.flag-hongkong { background-position:0 -1025px}
.flag-china { background-position:0 -1080px}
.flag-switzerland { background-position:0 -215px}
.flag-belgium { background-position:0 -918px}
.flag-netherlands { background-position:0 -647px}
.flag-poland { background-position:0 -432px}
.flag-russia { background-position:0 -324px}
.flag-spain { background-position:0 -54px}
.flag-global { background-position:0 0}
/*sadsdsad*/
.info-icon-grey {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 0 -2828px;
    width: 16px;
    height: 16px;
}
.ok-icon-grey {     
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 0 -643px;
    width: 24px;
    height: 24px;
}
.icon-bag-white {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -305px -1369px;
    width: 12px;
    height: 21px;
}
.icon-seat-white {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -303px -1668px;
    width: 14px;
    height: 16px;
}
.icon-meals-white {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -306px -1760px;
    width: 11px;
    height: 16px;
}
.icon-flight-out-white {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -293px -1050px;   
    width: 24px;
    height: 17px;
}
.icon-flight-in-white {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -293px -1144px;   
    width: 24px;
    height: 17px;
}
.icon-key-grey {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -299px -3458px;
    width: 18px;
    height: 21px;
}
.icon-wifi-grey-small {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -301px -3509px;
    width: 16px;
    height: 11px;
}
.icon-wifi-grey-small-empty {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -301px -3551px;
    width: 16px;
    height: 11px;
}
.icon-wifi-blue-medium {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -293px -3593px;
    width: 24px;
    height: 17px;
}
.icon-wifi-blue-medium-empty {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -293px -3641px;
    width: 24px;
    height: 17px;
}
.icon-wifi-blue-large {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -269px -3688px;
    width: 48px;
    height: 48px;
}
.icon-hourglass {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -269px -3766px;
    width: 48px;
    height: 48px;
}
.icon-success-green {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat -269px -3844px;
    width: 48px;
    height: 48px;    
}
.icon-american-express {
    background-position: 0 -4173px;
    width: 59px;
    height: 40px;    
}
.icon-master-card {
    background-position: 0 -3893px;
    width: 56px;
    height: 40px;
}
.icon-visa-card {
    background-position: 0 -4103px;
    width: 56px;
    height: 40px; 
}
.icon-diners-club {
    background-position: 0 -4033px;
    width: 56px;
    height: 40px;
}
.icon-discover {
    background-position: 0 -3963px;
    width: 56px;
    height: 40px;
}
.icon-maestro {
    background-position: 0 -3823px;
    width: 56px;
    height: 40px;
}
.icon-visa-electron {
    background-position: 0 -3753px;
    width: 56px;
    height: 40px;
}
.icon-swish {
    background-position: 0 -4313px;
    width: 56px;
    height: 40px;
}
.icon-klarna {
    background-position: 0 -4593px; 
    width: 56px;
    height: 40px;
}
.icon-seb {
    background-position: 0 -4523px;
    width: 56px;
    height: 40px;
}
.icon-nordea {
    background-position: 0 -4453px;
    width: 56px;
    height: 40px;
}
.icon-paypal {
    background-position: 0 -4243px;
    width: 56px;
    height: 40px;
}
.icon-sascredits {
    background-position: 0 -4663px;
    width: 56px;
    height: 40px;
}
.info-icon-grey {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 0 -2828px;
    width: 16px;
    height: 16px;
}
.ok-icon-grey {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 0 -643px;
    width: 24px;
    height: 24px;
}
.icon-bag-white {
    background-position: -305px -1369px;
    width: 12px;
    height: 21px;
}
.icon-seat-white {
    background-position: -303px -1668px;
    width: 14px;
    height: 16px;
}
.icon-meals-white {
    background-position: -306px -1760px;
    width: 11px;
    height: 16px;
}
.icon-flight-out-white {
    background-position: -293px -1050px;   
    width: 24px;
    height: 17px;
}
.icon-flight-in-white {
    background-position: -293px -1144px;
    width: 24px;
    height: 17px;
}
.icon-success2 {
    background-position:-269px -3844px;
    height: 48px;
    width: 48px;
}
.icon-lounge {
    background-position:-301px -3969px;
    height: 16px; 
    width: 16px;
}
.icon-wifi-white {
    background-position: -293px -3922px;
    height: 17px; 
    width: 24px;
}
.icon-edit {
    background-position: -305px -898px;
    height: 12px; 
    width: 12px;
}
.icon-email {
    background-position: -303px -4015px;
    height: 11px;
    width: 14px;
}
.icon-close-small {
    width: 14px;
    height: 14px;
    background-position: 0 -1515px;
    margin-bottom: -3px;
}
.icon-outbound-black {
    background-position: -293px -1097px;
    height: 17px;
    width: 24px;
}
.icon-inbound-black { 
    background-position: -293px -1191px;
    height: 17px;
    width: 24px;
}
.icon-success-small {
    background-position: -303px -4056px;
    width: 14px;
    height: 14px;
    margin-right: 5px
}
.icon-arrow-big {
    background-position: -285px -4100px;
    width: 32px;
    height: 32px;
}
.icon-info-blue {
    background-position: 0 -2732px;
    width: 20px;
    height: 20px;
}
.icon-info-grey {
    background: url('../../../../etc.clientlibs/flysas/clientlibs/common/clientlibs-resources/resources/images/sprite-ia.svg') no-repeat 0 -2828px;
    width: 16px;
    height: 16px;
}
.icon-seat-small-grey{
    background-position:-303px -1714px;
    width: 14px;
    height: 16px;
}
.icon-meal-grey {
    background-position:-306px -1806px;
    width: 11px;
    height: 16px;
}
.icon-bag-small-greay {
    background-position: -305px -1420px;
    width: 12px;
    height: 21px;
}
.icon-arrow-left-open {
    background-position: 0 -789px;
    width: 9px;
    height: 14px;
}
.icon-share {
    background-position: -135px -248px;
    width: 14px;
    height: 15px;
}
.icon-info-sasblue {
    background-position: -135px -110px;
    width: 16px;
    height: 16px;
}
.icon-info-red {
    background-position: -135px -202px;
    width: 16px;
    height: 16px;
}
.icon-bag-greylight {
    background-position: -137px -293px;
    width: 12px;
    height: 21px;
}
.icon-eb-reward {
    background-position: -275px -3054px;
    width: 42px;
    height: 26px;
}
.icon-pdf {
    background-position:-135px -344px;
    width: 14px;
    height: 20px;
}
.icon-facebook-white {
    background-position: -137px -440px;
    width: 11px;
    height: 24px;
}
.icon-twitter-white {
    background-position: -131px -494px;
    width: 24px;
    height: 20px;
}
.icon-gplus-white {
    background-position: -128px -544px;
    width: 30px;
    height: 19px;
}
.icon-instagram-white {
    background-position: -132px -592px;
    width: 22px;
    height: 22px;
}
.icon-youtube-white  {
    background-position: -131px -698px;
    width: 24px;
    height: 18px;
}
.icon-blog-white  {
    background-position: -131px -644px;
    width: 24px;
    height: 24px;
}
.icon-linkedin-white  {
    background-position: -131px -1403px;
    width: 21px;
    height: 20px;
}
.icon-search-white  {
    background-position: 0 0;
    width: 24px;
    height: 24px;
}
.icon-open-window {
    background-position: -131px -799px;
    width: 11px;
    height: 11px;
}
.icon-open-window2 {
    background-position: -131px -839px;
    width: 15px;
    height: 15px;
}
.icon-external-link-grey {
    background-position: -134px -1158px;
    width: 11px;
    height: 11px;
    margin: 0 2px 0 2px;
}
.icon-external-link-white {
    background-position: -134px -1200px;
    width: 11px;
    height: 11px;
    margin: 0 2px 0 2px;
}
.icon-external-link-blue {
    background-position: -131px -799px;
    width: 11px;
    height: 11px;
    margin: 0 2px 0 2px;
}
.icon-file {
    background-position: 0 -3996px;
    width: 14px;
    height: 20px;
}
.icon-download {
    background-position: -128px -1241px;
    width: 20px;
    height: 16px;
}
.icon-logo-blue {
    background-position: -245px 0;
    width: 72px;
    height: 26px;
}