input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


input[type="text"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
    color: #adb1bf;
    font-style: italic;
}

*:hover,
*:focus {
    outline: none !important;
}

.flex-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.center {
    text-align: center;
}

.popup {
    position: absolute;
    height: 0;
    width: auto;
    display: block;
    cursor: default;
    top: auto;
    bottom: 0;
}

.popup > section {
    display: inline-block;
    position: relative;
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    border: 1px solid #ccc;
    background: #ffffff;
    border-radius: 0.42em;
    text-indent: 0;
    margin-top: 1em;
}

.popup > section:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 15%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ef5d41 transparent;
}

.popup > section:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 1px 1px;
    z-index: -1;
    background: #ffffff;
    border-radius: 0.42em;
}

.popup.center {
    text-align: center;
    text-indent: 0.8em;
    left: 0;
    right: 0;
}

.popup.center > section:before {
    left: 50%;
}

.popup.center > section {
    margin-left: -1000%;
    margin-right: -1000%;
    text-align: left;
}

.popup.inform > section {
    font-family: 'Roboto';
    border-radius: 0;
    border: none;
    width: auto;
    font-size: 0.75em;
    box-shadow: none;
    padding: 0.5em 1em;
}

.popup.inform > section:after {
    border-radius: 0;
}

.popup.inform > section p {
    font-style: normal;
}

.popup.no-arrow > section {
    margin-top: 0;
}

.popup.no-arrow > section:before,
.popup.no-arrow > section:after {
    content: '';
}

:hover > .popup.scale > section {
    overflow: visible;
}

.popup.drop > * {
    display: none;
}

[open] > .popup.drop > * {
    display: block;
}

[autocomplete] > .popup.drop > section {
    display: none !important;
}

[autocomplete] >.popup.drop city-search > ul {
    display: block;
}

input#selocation {
    display: none;
}

[locale] > input#selocation {
    display: block;
    border: none;
    height: 100%;
}

[locale] > select#locale {
    display: none;
}

.popup.drop > div {
    background: #eaeefa;
    border: 1px solid #cccccc;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
    display: none;
}

.popup.drop > div + section {
    border-top: none !important;
}

:hover > .popup.drop.show-on-hover > section,
:focus ~ .popup.drop.show-on-focus > section,
[open] > .popup.drop > section {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.popup.inform > section {
    font-family: 'Roboto';
    border-radius: 0;
    border: none;
    width: auto;
    font-size: 0.75em;
    box-shadow: none;
    padding: 0.5em 1em;
}

.popup.inform > section:after {
    border-radius: 0;
}

.popup.inform > section p {
    font-style: normal;
}

drop-down > .popup section {
    max-height: 21em;
    overflow-y: auto;
}

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
    background: #fdfdfd;
    color: #555555;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 1.5em;
    padding: 0.25em;
    font-size: 1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

input[type="text"].home {
    padding: 0.8214em 1em 0.8214em 3em;
    font-size: 0.875em;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
}

button {
    text-align: center;
    outline: none;
    cursor: pointer;
    white-space: nowrap;
}

button.main-cta {
    text-align: center;
    font-size: 0.8125em;
    text-transform: uppercase;
    background-color: #274c50;
    color: white;
    font-weight: 700;
    padding: 0.4808em;
    border-radius: 3px;
    border: 1px solid #434372;
}

button.main-cta:hover {
    background-color: #336c72;
    border-color: #336c72;
}

button.main-cta:active {
    background-color: #173134;
    border-color: #173134;
}

.change-to-caps {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.change-to-caps:after {
    /*content: attr(data-label);*/
    /*position: absolute;*/
    /*left: 0;*/
}

[active] > .change-to-caps:after,
:hover > .change-to-caps.change-on-hover:after {
    /*visibility: hidden;*/
}

.change-to-caps:before {
    /*content: attr(data-label);*/
    /*text-transform: uppercase;*/
    /*visibility: hidden;*/
}

[active] > .change-to-caps:before,
:hover > .change-to-caps.change-on-hover:before {
    visibility: visible;
}

[active] > .change-to-caps,
:hover > .change-to-caps.change-on-hover {
    font-weight: 700;
}
/**
 *	style Dropdown
 */

drop-down {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

drop-down > .selected-value {
    cursor: pointer;
}

drop-down:after {
    display: block;
    font-family: 'CognitiveSeo-icons';
    position: absolute;
    pointer-events: none;
}

drop-down.language {
    padding: 0;
    font-size: 0.75em;
    color: #52525b;
    background: #f5f7fb;
    border: 1px solid #0d9255;
    border-left: none;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2.4em;
}

drop-down.language > .selected-value {
    border: none;
    background: none;
    box-shadow: none;
    padding: 0;
    padding-right: 2em;
    padding-left: 1em;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 1em;
    color: #52525b;
}

drop-down.language > .selected-value option {
    width: 0;
    padding: 0;
    line-height: 0;
}

drop-down.language:after {
    top: 0;
    right: 0;
    bottom: 0;
    width: 2em;
    background: url(../svg/ic-dropdown.svg) no-repeat center center;
    content: "";
}

.language > .popup > section > content-holder > ul > li,
.language > .popup > div > city-search > ul > li {
    font-size: 1em;
    padding: 0.5128em 1.3846em 0.5128em 0.8205em;
    line-height: 1.5em;
    cursor: pointer;
}

.language > .popup.center {
    text-indent: 0;
    width: 300px;
    left: initial;
}

.language > .popup > section,
.terms > .popup > section,
.popup.show > section {
    border: 1px solid #d3d4d8;
    background-color: #ffffff;
    border-radius: 2px;
    padding: 0.625em;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
}

.language[open] > .popup.drop > section {
    border-radius: 0;
    width: 100%;
    padding: 0.625em 0.3em;
}

.language > .popup > div > city-search > ul > li > span.change-to-caps:before,
.terms > .popup > div > city-search > ul > li > span.change-to-caps:before,
.language > .popup > section > content-holder > ul > li > span.change-to-caps:before,
.terms > .popup > section > content-holder > ul > li > span.change-to-caps:before {
    font-weight: 700;
    text-transform: none;
}

.language[open] > .popup.drop > section {
    border-radius: 0;
    width: 100%;
    padding: 0.625em 0.3em;
}
:hover > .popup.drop.show-on-hover > section, :focus ~ .popup.drop.show-on-focus > section, [open] > .popup.drop > section {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.language > .popup > section, .terms > .popup > section, .popup.show > section {
    border: 1px solid #d3d4d8;
    background-color: #ffffff;
    border-radius: 2px;
    padding: 0.625em;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
}
.popup.no-arrow > section {
    margin-top: 0;
}
.popup.center > section {
    margin-left: -1000%;
    margin-right: -1000%;
    text-align: left;
}
.popup.drop > * {
    display: none;
}
drop-down > .popup section {
    max-height: 21em;
    overflow-y: auto;
}
.popup > section {
    display: inline-block;
    position: relative;
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    border: 1px solid #ccc;
    background: #ffffff;
    border-radius: 0.42em;
    text-indent: 0;
    margin-top: 1em;
}

.popup > div {
    position: relative;
    z-index: 1;
}

/**
 *	style ComboSearchBar
 */

search-box.flex-row {
    width: 100%;
    max-width: 56.9375em;
    flex-wrap: nowrap;
    position: relative;
}

search-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../svg/ic-search-2.svg) no-repeat center center;
    background-size: 18px 18px;
    line-height: 2.3em;
    z-index: 1;
    display: block;
    width: 44px;
    height: 44px;
}

search-box > input[type="text"] {
    padding-right: 0.5em;
    padding-left: 2.6em;
    border: 1px solid #0d9255;
    border-right-color: rgba(0, 0, 0, 0.2);
    flex: 1 1 35.125em;
    display: block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    min-width: 2em;
}

search-box > input[type="radio"] {
    display: none;
}

search-box > input[type="radio"] + label {
    border: 1px solid #0d9255;
    border-right-color: rgba(0, 0, 0, 0.2);
    flex: 0 0 auto;
    display: block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

search-box > input[type="radio"] + label > svg {
    padding: 5px;
    background-color: #f4f6fa;
    border: 1px solid #f4f6fa;
    border-radius: 5px;
    width: 22px;
    height: 22px;
    box-sizing: content-box;
    margin-top: 5px;
    cursor: pointer;
}

search-box > input[type="radio"] + label > svg:hover {
    border: 1px solid #0ab56b;
}

search-box > input[type="radio"]:checked + label > svg:hover {
    border: 1px solid #f4f6fa;
}

search-box > input[type="radio"] + label > svg > path {
    fill: #a4a4bb
}

search-box > input[type="radio"]:checked + label > svg {
    background-color: #0ab56b;
}

search-box > input[type="radio"]:checked + label > svg > path {
    fill: #fff;
}

search-box > drop-down {
    flex: 0 0 19.1667em;
    display: block;
}

search-box > button.main-cta {
    margin-left: 0.8333em;
    vertical-align: middle;
    max-width: 11.7692em;
    width: 100%;
    flex: 0 0 auto;
    display: block;
}

city-search {
    position: relative;
}

city-search:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 11px;
    background: url(../svg/ic-search-3.svg) no-repeat center center;
    z-index: 1;
    display: block;
    width: 16px;
    height: 16px;
}

city-search > input[type=text] {
    padding-left: 36px;
    width: 82%;
}

city-search > ul {
    max-height: 21em;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

city-search > ul > li {
    text-align: left;
}

/*<Search bar validation>*/
.popup section.data-invalid-msg {
    display: none;
    width: 100% !important;
    min-width: 160px;
    background-color: #ef5d41 !important;
    color: #fff !important;
    z-index: 99;
    transform: scale(1);
    transition: none;
    width: auto;
    height: auto;
    opacity: 1;
    overflow: visible;
}
.popup section.data-invalid-msg:before {
    color: #ef5d41 !important;
}
.popup section.data-invalid-msg:after {
    background-color: #ef5d41 !important;
}

search-box > input[data-invalid] ~ .popup > section.data-invalid-msg {
    display: block !important;
}

search-box > input[data-invalid] ~ .popup > section.data-invalid-msg div {
    line-height: 18px;
    font-weight: 700;
    font-family: Roboto, sans-serif;
}

search-box > input[data-invalid]:focus ~ .popup > section.data-invalid-msg {
    display: block !important;
}

search-box:not([data-editing]) > :focus ~ .popup.scale.show-on-focus > section {
    display: none;
}

search-box > button.main-cta:disabled {
    background-color: #336c72;
    border-color: #336c72;
    cursor: default;
}

#main_section section search-box .popup {
    top: 46px;
}

/*Set custom style for popup*/


#main_section search-box {
    position: relative;
}

#main_section search-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 10.25em;
    z-index: -1;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
}

#main_section search-box:before {
    line-height: 3em;
}

#main_section search-box select {
    font-family: 'Open Sans' font-weight : 600;
    color: #52525b
}

#main_section search-box button {
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
}

#main_section search-box button:hover {
    border-color: #336c72;
}

#main_section search-box input {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: none;
    box-shadow: none;
}

#main_section input[type="text"][data-invalid]:focus,
#main_section input[type="text"][data-invalid]:focus ~ label {
    border-color: #f36e89;
}

#main_section input[type="text"][data-invalid]:focus ~ drop-down {
    border-left-color: #f36e89;
}

#main_section search-box > input[type="radio"] + label {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-right: none;
    box-shadow: none;
    position: relative;
}

#main_section search-box > input[type="radio"] + label.mobile {
    padding-right: 5px;
}

#main_section search-box > input[type="radio"] + label.mobile > svg {
    width: 16px;
}

#main_section search-box > input[type="radio"] + label  > .popup {
    left: -15px;
    bottom: 5px;
    z-index: 999;
    display: none;
}

#main_section search-box > input[type="radio"] + label:hover  > .popup {
    display: block;
}

#main_section search-box > input[type="radio"] + label.desktop  > .popup {
    left: -10px;
}

#main_section search-box > input[type="radio"] + label  > .popup section:before {
    color: #274c50;
    border-bottom-color: #274c50;
}

#main_section search-box > input[type="radio"] + label  > .popup section,
#main_section search-box > input[type="radio"] + label  > .popup section:after {
    background: #274c50;
}

#main_section search-box > input[type="radio"] + label  > .popup section p {
    color: #ffffff;
    font-style: normal;
    line-height: 1.3;
    font-size: 1em;
}

#main_section drop-down.language {
    padding: 0;
    line-height: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#main_section drop-down.language > .popup li {
    line-height: 1.5em;
    border-bottom: 1px solid #F1F1F5;
}

#main_section drop-down.language:after {
    line-height: 3.7em;
}

#main_section drop-down.language > .selected-value {
    padding-right: 2em;
    padding-left: 1.275em;
}


/* Mobile devices*/
@media screen and (max-width: 48em){

    #main_section search-box {
        flex-wrap: wrap;
        justify-content: center;
    }

    #main_section search-box input {
        flex: 1 1 50%;
    }

    #main_section search-box button {
        margin-top: 1em;
        margin-left: 0;
        padding-top: 0.9615em;
        padding-bottom: 0.9615em;
    }

    #main_section search-box:after {
        height: 2.875em;
        right: 0;
    }

    #main_section search-box drop-down.language {
        margin-top: 1em;
        margin-right: 1em;
    }
}

@media screen and (max-width: 39.375em){

    #main_section search-box input {
        border-right: 1px solid rgba(0,0,0,0.2);
        border-radius: 3px;
    }

    #main_section search-box drop-down.language {
        border-radius: 3px;
        box-shadow: 0 3px 17px 0 rgba(0,0,0,0.2);
        flex: 1 1 100%;
        margin-top: 1em;
        border-left: 1px solid rgba(0,0,0,0.2);
    }

  /*  #main_section search-box button {
        max-width: 100%;
    }*/

}
.country-flag {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 15px;
    background-size: cover;
    margin-right: 10px;
}