@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); 

body { font-family: 'Rubik', sans-serif; } .main-checkout { -webkit-box-shadow: 0 2px 3px -1px rgb(0 0 0 / 4%); -moz-box-shadow: 0 2px 3px -1px rgb(0 0 0 / 4%); box-shadow: 0 2px 3px -1px rgb(0 0 0 / 4%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 20px; background: #fff; margin-bottom: 25px; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; border-bottom: 3px solid transparent; width: 100%; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .listing-page { width: 100%; float: left; padding: 25px 0; } .list-left { width: 200px; float: left; } .list-left img { width: 100%; height: auto; } .check-list { width: -webkit-calc(100% - 220px); width: -moz-calc(100% - 220px); width: calc(100% - 220px); float: left; margin-left: 20px; } .check-list h3 { font-size: 19px; font-weight: 500; color: #000; margin: 0 0 8px 0; } .check-list p { font-size: 15px; color: #000; margin: 0; } ul.car-list { margin: 30px 0 0 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.car-list li { float: left; text-align: center; width: 25%; border: solid 1px #f7f7f7; padding: 24px 17px; margin-bottom: -1px; margin-right: -1px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 600; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } ul.car-list li span.material-symbols-outlined { color: #6b7280; } .car-list li p { font-size: 13px; font-weight: 500; } .title-head { background: #e5eefb; padding: 15px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .title-head h3 { font-size: 18px; font-weight: 600; color: #2b4462; margin: 0; } .title-head span.material-symbols-outlined { width: 20px; height: 20px; background: #2b4462; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; line-height: 20px; text-align: center; font-size: 17px; margin-right: 6px; } ul.broad { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; float: left; } ul.broad li { width: auto; float: left; min-width: 50px; text-align: center; } ul.broad li small { background: #ef3100; -webkit-border-radius: 62px; -moz-border-radius: 62px; border-radius: 62px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 35px; font-size: 16px; font-weight: 500; color: #fff; } ul.broad li h3 { font-size: 16px; font-weight: 400; color: #333; margin: 0 0 0 0; line-height: 1.5; } .check-box.second .main-checkout { display: block; } ul.broad-car { margin: 0; padding: 0; list-style: none; } ul.broad-car li { width: 50%; float: left; } ul.broad-car { margin: 0 0 60px 0; padding: 0; list-style: none; } ul.broad-car li { width: 50%; float: left; text-align: center; position: relative; } ul.broad-car li span { width: 40px; height: 40px; background: #ef3100; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.broad-car li:first-child:before { content: ''; width: 100%; height: 2px; display: block; border-bottom: 2px dashed #ef3100; position: absolute; left: 50%; top: 19px; } ul.depart-lists { margin: 30px 0 0 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; float: left; } ul.depart-lists li { width: 50%; float: left; text-align: center; position: relative; } ul.depart-lists li span { background: #ef3100; -webkit-border-radius: 62px; -moz-border-radius: 62px; border-radius: 62px; width: 35px; height: 35px; font-size: 16px; font-weight: 500; color: #fff; line-height: 45px; margin-bottom: 10px; display:inline-block; } ul.depart-lists li p { margin: 0; font-size: 15px; color: #000; font-weight: 500; } /* ==========country-flag============= */ input#search-country { position: absolute; width: 100%; height: 100%; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; top: 0; pointer-events: none; opacity: 0; } .dynamic-country li { list-style: none; }.dynamic-country .countryCode li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 21px;} .dynamic-country .country { position: relative; width: 100%; height: 57px; padding: 0 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #e6e6e6; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .country .select { position: relative; cursor: pointer; } .country .select .flagstrap-icon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-right: 10px; width: 16px; height: 11px; background-image: url("https://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png"); background-repeat: no-repeat; background-color: #e3e5e7; } .country .select .flagstrap-icon.flagstrap-ad { background-position: -16px 0; } .country .select .flagstrap-icon.flagstrap-ae { background-position: -32px 0; } .country .select .flagstrap-icon.flagstrap-af { background-position: -48px 0; } .country .select .flagstrap-icon.flagstrap-ag { background-position: -64px 0; } .country .select .flagstrap-icon.flagstrap-ai { background-position: -80px 0; } .country .select .flagstrap-icon.flagstrap-al { background-position: -96px 0; } .country .select .flagstrap-icon.flagstrap-am { background-position: -112px 0; } .country .select .flagstrap-icon.flagstrap-an { background-position: -128px 0; } .country .select .flagstrap-icon.flagstrap-ao { background-position: -144px 0; } .country .select .flagstrap-icon.flagstrap-ar { background-position: -160px 0; } .country .select .flagstrap-icon.flagstrap-as { background-position: -176px 0; } .country .select .flagstrap-icon.flagstrap-at { background-position: -192px 0; } .country .select .flagstrap-icon.flagstrap-au { background-position: -208px 0; } .country .select .flagstrap-icon.flagstrap-aw { background-position: -224px 0; } .country .select .flagstrap-icon.flagstrap-az { background-position: -240px 0; } .country .select .flagstrap-icon.flagstrap-ba { background-position: 0 -11px; } .country .select .flagstrap-icon.flagstrap-bb { background-position: -16px -11px; } .country .select .flagstrap-icon.flagstrap-bd { background-position: -32px -11px; } .country .select .flagstrap-icon.flagstrap-be { background-position: -48px -11px; } .country .select .flagstrap-icon.flagstrap-bf { background-position: -64px -11px; } .country .select .flagstrap-icon.flagstrap-bg { background-position: -80px -11px; } .country .select .flagstrap-icon.flagstrap-bh { background-position: -96px -11px; } .country .select .flagstrap-icon.flagstrap-bi { background-position: -112px -11px; } .country .select .flagstrap-icon.flagstrap-bj { background-position: -128px -11px; } .country .select .flagstrap-icon.flagstrap-bm { background-position: -144px -11px; } .country .select .flagstrap-icon.flagstrap-bn { background-position: -160px -11px; } .country .select .flagstrap-icon.flagstrap-bo { background-position: -176px -11px; } .country .select .flagstrap-icon.flagstrap-br { background-position: -192px -11px; } .country .select .flagstrap-icon.flagstrap-bs { background-position: -208px -11px; } .country .select .flagstrap-icon.flagstrap-bt { background-position: -224px -11px; } .country .select .flagstrap-icon.flagstrap-bv { background-position: -240px -11px; } .country .select .flagstrap-icon.flagstrap-bw { background-position: 0 -22px; } .country .select .flagstrap-icon.flagstrap-by { background-position: -16px -22px; } .country .select .flagstrap-icon.flagstrap-bz { background-position: -32px -22px; } .country .select .flagstrap-icon.flagstrap-ca { background-position: -48px -22px; } .country .select .flagstrap-icon.flagstrap-catalonia { background-position: -64px -22px; } .country .select .flagstrap-icon.flagstrap-cd { background-position: -80px -22px; } .country .select .flagstrap-icon.flagstrap-cf { background-position: -96px -22px; } .country .select .flagstrap-icon.flagstrap-cg { background-position: -112px -22px; } .country .select .flagstrap-icon.flagstrap-ch { background-position: -128px -22px; } .country .select .flagstrap-icon.flagstrap-ci { background-position: -144px -22px; } .country .select .flagstrap-icon.flagstrap-ck { background-position: -160px -22px; } .country .select .flagstrap-icon.flagstrap-cl { background-position: -176px -22px; } .country .select .flagstrap-icon.flagstrap-cm { background-position: -192px -22px; } .country .select .flagstrap-icon.flagstrap-cn { background-position: -208px -22px; } .country .select .flagstrap-icon.flagstrap-co { background-position: -224px -22px; } .country .select .flagstrap-icon.flagstrap-cr { background-position: -240px -22px; } .country .select .flagstrap-icon.flagstrap-cu { background-position: 0 -33px; } .country .select .flagstrap-icon.flagstrap-cv { background-position: -16px -33px; } .country .select .flagstrap-icon.flagstrap-cw { background-position: -32px -33px; } .country .select .flagstrap-icon.flagstrap-cy { background-position: -48px -33px; } .country .select .flagstrap-icon.flagstrap-cz { background-position: -64px -33px; } .country .select .flagstrap-icon.flagstrap-de { background-position: -80px -33px; } .country .select .flagstrap-icon.flagstrap-dj { background-position: -96px -33px; } .country .select .flagstrap-icon.flagstrap-dk { background-position: -112px -33px; } .country .select .flagstrap-icon.flagstrap-dm { background-position: -128px -33px; } .country .select .flagstrap-icon.flagstrap-do { background-position: -144px -33px; } .country .select .flagstrap-icon.flagstrap-dz { background-position: -160px -33px; } .country .select .flagstrap-icon.flagstrap-ec { background-position: -176px -33px; } .country .select .flagstrap-icon.flagstrap-ee { background-position: -192px -33px; } .country .select .flagstrap-icon.flagstrap-eg { background-position: -208px -33px; } .country .select .flagstrap-icon.flagstrap-eh { background-position: -224px -33px; } .country .select .flagstrap-icon.flagstrap-england { background-position: -240px -33px; } .country .select .flagstrap-icon.flagstrap-er { background-position: 0 -44px; } .country .select .flagstrap-icon.flagstrap-es { background-position: -16px -44px; } .country .select .flagstrap-icon.flagstrap-et { background-position: -32px -44px; } .country .select .flagstrap-icon.flagstrap-eu { background-position: -48px -44px; } .country .select .flagstrap-icon.flagstrap-fi { background-position: -64px -44px; } .country .select .flagstrap-icon.flagstrap-fj { background-position: -80px -44px; } .country .select .flagstrap-icon.flagstrap-fk { background-position: -96px -44px; } .country .select .flagstrap-icon.flagstrap-fm { background-position: -112px -44px; } .country .select .flagstrap-icon.flagstrap-fo { background-position: -128px -44px; } .country .select .flagstrap-icon.flagstrap-fr { background-position: -144px -44px; } .country .select .flagstrap-icon.flagstrap-ga { background-position: -160px -44px; } .country .select .flagstrap-icon.flagstrap-gb { background-position: -176px -44px; } .country .select .flagstrap-icon.flagstrap-gd { background-position: -192px -44px; } .country .select .flagstrap-icon.flagstrap-ge { background-position: -208px -44px; } .country .select .flagstrap-icon.flagstrap-gf { background-position: -224px -44px; } .country .select .flagstrap-icon.flagstrap-gg { background-position: -240px -44px; } .country .select .flagstrap-icon.flagstrap-gh { background-position: 0 -55px; } .country .select .flagstrap-icon.flagstrap-gi { background-position: -16px -55px; } .country .select .flagstrap-icon.flagstrap-gl { background-position: -32px -55px; } .country .select .flagstrap-icon.flagstrap-gm { background-position: -48px -55px; } .country .select .flagstrap-icon.flagstrap-gn { background-position: -64px -55px; } .country .select .flagstrap-icon.flagstrap-gp { background-position: -80px -55px; } .country .select .flagstrap-icon.flagstrap-gq { background-position: -96px -55px; } .country .select .flagstrap-icon.flagstrap-gr { background-position: -112px -55px; } .country .select .flagstrap-icon.flagstrap-gs { background-position: -128px -55px; } .country .select .flagstrap-icon.flagstrap-gt { background-position: -144px -55px; } .country .select .flagstrap-icon.flagstrap-gu { background-position: -160px -55px; } .country .select .flagstrap-icon.flagstrap-gw { background-position: -176px -55px; } .country .select .flagstrap-icon.flagstrap-gy { background-position: -192px -55px; } .country .select .flagstrap-icon.flagstrap-hk { background-position: -208px -55px; } .country .select .flagstrap-icon.flagstrap-hm { background-position: -224px -55px; } .country .select .flagstrap-icon.flagstrap-hn { background-position: -240px -55px; } .country .select .flagstrap-icon.flagstrap-hr { background-position: 0 -66px; } .country .select .flagstrap-icon.flagstrap-ht { background-position: -16px -66px; } .country .select .flagstrap-icon.flagstrap-hu { background-position: -32px -66px; } .country .select .flagstrap-icon.flagstrap-ic { background-position: -48px -66px; } .country .select .flagstrap-icon.flagstrap-id { background-position: -64px -66px; } .country .select .flagstrap-icon.flagstrap-ie { background-position: -80px -66px; } .country .select .flagstrap-icon.flagstrap-il { background-position: -96px -66px; } .country .select .flagstrap-icon.flagstrap-im { background-position: -112px -66px; } .country .select .flagstrap-icon.flagstrap-in { background-position: -128px -66px; } .country .select .flagstrap-icon.flagstrap-io { background-position: -144px -66px; } .country .select .flagstrap-icon.flagstrap-iq { background-position: -160px -66px; } .country .select .flagstrap-icon.flagstrap-ir { background-position: -176px -66px; } .country .select .flagstrap-icon.flagstrap-is { background-position: -192px -66px; } .country .select .flagstrap-icon.flagstrap-it { background-position: -208px -66px; } .country .select .flagstrap-icon.flagstrap-je { background-position: -224px -66px; } .country .select .flagstrap-icon.flagstrap-jm { background-position: -240px -66px; } .country .select .flagstrap-icon.flagstrap-jo { background-position: 0 -77px; } .country .select .flagstrap-icon.flagstrap-jp { background-position: -16px -77px; } .country .select .flagstrap-icon.flagstrap-ke { background-position: -32px -77px; } .country .select .flagstrap-icon.flagstrap-kg { background-position: -48px -77px; } .country .select .flagstrap-icon.flagstrap-kh { background-position: -64px -77px; } .country .select .flagstrap-icon.flagstrap-ki { background-position: -80px -77px; } .country .select .flagstrap-icon.flagstrap-km { background-position: -96px -77px; } .country .select .flagstrap-icon.flagstrap-kn { background-position: -112px -77px; } .country .select .flagstrap-icon.flagstrap-kp { background-position: -128px -77px; } .country .select .flagstrap-icon.flagstrap-kr { background-position: -144px -77px; } .country .select .flagstrap-icon.flagstrap-kurdistan { background-position: -160px -77px; } .country .select .flagstrap-icon.flagstrap-kw { background-position: -176px -77px; } .country .select .flagstrap-icon.flagstrap-ky { background-position: -192px -77px; } .country .select .flagstrap-icon.flagstrap-kz { background-position: -208px -77px; } .country .select .flagstrap-icon.flagstrap-la { background-position: -224px -77px; } .country .select .flagstrap-icon.flagstrap-lb { background-position: -240px -77px; } .country .select .flagstrap-icon.flagstrap-lc { background-position: 0 -88px; } .country .select .flagstrap-icon.flagstrap-li { background-position: -16px -88px; } .country .select .flagstrap-icon.flagstrap-lk { background-position: -32px -88px; } .country .select .flagstrap-icon.flagstrap-lr { background-position: -48px -88px; } .country .select .flagstrap-icon.flagstrap-ls { background-position: -64px -88px; } .country .select .flagstrap-icon.flagstrap-lt { background-position: -80px -88px; } .country .select .flagstrap-icon.flagstrap-lu { background-position: -96px -88px; } .country .select .flagstrap-icon.flagstrap-lv { background-position: -112px -88px; } .country .select .flagstrap-icon.flagstrap-ly { background-position: -128px -88px; } .country .select .flagstrap-icon.flagstrap-ma { background-position: -144px -88px; } .country .select .flagstrap-icon.flagstrap-mc { background-position: -160px -88px; } .country .select .flagstrap-icon.flagstrap-md { background-position: -176px -88px; } .country .select .flagstrap-icon.flagstrap-me { background-position: -192px -88px; } .country .select .flagstrap-icon.flagstrap-mg { background-position: -208px -88px; } .country .select .flagstrap-icon.flagstrap-mh { background-position: -224px -88px; } .country .select .flagstrap-icon.flagstrap-mk { background-position: -240px -88px; } .country .select .flagstrap-icon.flagstrap-ml { background-position: 0 -99px; } .country .select .flagstrap-icon.flagstrap-mm { background-position: -16px -99px; } .country .select .flagstrap-icon.flagstrap-mn { background-position: -32px -99px; } .country .select .flagstrap-icon.flagstrap-mo { background-position: -48px -99px; } .country .select .flagstrap-icon.flagstrap-mp { background-position: -64px -99px; } .country .select .flagstrap-icon.flagstrap-mq { background-position: -80px -99px; } .country .select .flagstrap-icon.flagstrap-mr { background-position: -96px -99px; } .country .select .flagstrap-icon.flagstrap-ms { background-position: -112px -99px; } .country .select .flagstrap-icon.flagstrap-mt { background-position: -128px -99px; } .country .select .flagstrap-icon.flagstrap-mu { background-position: -144px -99px; } .country .select .flagstrap-icon.flagstrap-mv { background-position: -160px -99px; } .country .select .flagstrap-icon.flagstrap-mw { background-position: -176px -99px; } .country .select .flagstrap-icon.flagstrap-mx { background-position: -192px -99px; } .country .select .flagstrap-icon.flagstrap-my { background-position: -208px -99px; } .country .select .flagstrap-icon.flagstrap-mz { background-position: -224px -99px; } .country .select .flagstrap-icon.flagstrap-na { background-position: -240px -99px; } .country .select .flagstrap-icon.flagstrap-nc { background-position: 0 -110px; } .country .select .flagstrap-icon.flagstrap-ne { background-position: -16px -110px; } .country .select .flagstrap-icon.flagstrap-nf { background-position: -32px -110px; } .country .select .flagstrap-icon.flagstrap-ng { background-position: -48px -110px; } .country .select .flagstrap-icon.flagstrap-ni { background-position: -64px -110px; } .country .select .flagstrap-icon.flagstrap-nl { background-position: -80px -110px; } .country .select .flagstrap-icon.flagstrap-no { background-position: -96px -110px; } .country .select .flagstrap-icon.flagstrap-np { background-position: -112px -110px; } .country .select .flagstrap-icon.flagstrap-nr { background-position: -128px -110px; } .country .select .flagstrap-icon.flagstrap-nu { background-position: -144px -110px; } .country .select .flagstrap-icon.flagstrap-nz { background-position: -160px -110px; } .country .select .flagstrap-icon.flagstrap-om { background-position: -176px -110px; } .country .select .flagstrap-icon.flagstrap-pa { background-position: -192px -110px; } .country .select .flagstrap-icon.flagstrap-pe { background-position: -208px -110px; } .country .select .flagstrap-icon.flagstrap-pf { background-position: -224px -110px; } .country .select .flagstrap-icon.flagstrap-pg { background-position: -240px -110px; } .country .select .flagstrap-icon.flagstrap-ph { background-position: 0 -121px; } .country .select .flagstrap-icon.flagstrap-pk { background-position: -16px -121px; } .country .select .flagstrap-icon.flagstrap-pl { background-position: -32px -121px; } .country .select .flagstrap-icon.flagstrap-pm { background-position: -48px -121px; } .country .select .flagstrap-icon.flagstrap-pn { background-position: -64px -121px; } .country .select .flagstrap-icon.flagstrap-pr { background-position: -80px -121px; } .country .select .flagstrap-icon.flagstrap-ps { background-position: -96px -121px; } .country .select .flagstrap-icon.flagstrap-pt { background-position: -112px -121px; } .country .select .flagstrap-icon.flagstrap-pw { background-position: -128px -121px; } .country .select .flagstrap-icon.flagstrap-py { background-position: -144px -121px; } .country .select .flagstrap-icon.flagstrap-qa { background-position: -160px -121px; } .country .select .flagstrap-icon.flagstrap-re { background-position: -176px -121px; } .country .select .flagstrap-icon.flagstrap-ro { background-position: -192px -121px; } .country .select .flagstrap-icon.flagstrap-rs { background-position: -208px -121px; } .country .select .flagstrap-icon.flagstrap-ru { background-position: -224px -121px; } .country .select .flagstrap-icon.flagstrap-rw { background-position: -240px -121px; } .country .select .flagstrap-icon.flagstrap-sa { background-position: 0 -132px; } .country .select .flagstrap-icon.flagstrap-sb { background-position: -16px -132px; } .country .select .flagstrap-icon.flagstrap-sc { background-position: -32px -132px; } .country .select .flagstrap-icon.flagstrap-scotland { background-position: -48px -132px; } .country .select .flagstrap-icon.flagstrap-sd { background-position: -64px -132px; } .country .select .flagstrap-icon.flagstrap-se { background-position: -80px -132px; } .country .select .flagstrap-icon.flagstrap-sg { background-position: -96px -132px; } .country .select .flagstrap-icon.flagstrap-sh { background-position: -112px -132px; } .country .select .flagstrap-icon.flagstrap-si { background-position: -128px -132px; } .country .select .flagstrap-icon.flagstrap-sk { background-position: -144px -132px; } .country .select .flagstrap-icon.flagstrap-sl { background-position: -160px -132px; } .country .select .flagstrap-icon.flagstrap-sm { background-position: -176px -132px; } .country .select .flagstrap-icon.flagstrap-sn { background-position: -192px -132px; } .country .select .flagstrap-icon.flagstrap-so { background-position: -208px -132px; } .country .select .flagstrap-icon.flagstrap-somaliland { background-position: -224px -132px; } .country .select .flagstrap-icon.flagstrap-sr { background-position: -240px -132px; } .country .select .flagstrap-icon.flagstrap-ss { background-position: 0 -143px; } .country .select .flagstrap-icon.flagstrap-st { background-position: -16px -143px; } .country .select .flagstrap-icon.flagstrap-sv { background-position: -32px -143px; } .country .select .flagstrap-icon.flagstrap-sx { background-position: -48px -143px; } .country .select .flagstrap-icon.flagstrap-sy { background-position: -64px -143px; } .country .select .flagstrap-icon.flagstrap-sz { background-position: -80px -143px; } .country .select .flagstrap-icon.flagstrap-tc { background-position: -96px -143px; } .country .select .flagstrap-icon.flagstrap-td { background-position: -112px -143px; } .country .select .flagstrap-icon.flagstrap-tf { background-position: -128px -143px; } .country .select .flagstrap-icon.flagstrap-tg { background-position: -144px -143px; } .country .select .flagstrap-icon.flagstrap-th { background-position: -160px -143px; } .country .select .flagstrap-icon.flagstrap-tj { background-position: -176px -143px; } .country .select .flagstrap-icon.flagstrap-tk { background-position: -192px -143px; } .country .select .flagstrap-icon.flagstrap-tl { background-position: -208px -143px; } .country .select .flagstrap-icon.flagstrap-tm { background-position: -224px -143px; } .country .select .flagstrap-icon.flagstrap-tn { background-position: -240px -143px; } .country .select .flagstrap-icon.flagstrap-to { background-position: 0 -154px; } .country .select .flagstrap-icon.flagstrap-tr { background-position: -16px -154px; } .country .select .flagstrap-icon.flagstrap-tt { background-position: -32px -154px; } .country .select .flagstrap-icon.flagstrap-tv { background-position: -48px -154px; } .country .select .flagstrap-icon.flagstrap-tw { background-position: -64px -154px; } .country .select .flagstrap-icon.flagstrap-tz { background-position: -80px -154px; } .country .select .flagstrap-icon.flagstrap-ua { background-position: -96px -154px; } .country .select .flagstrap-icon.flagstrap-ug { background-position: -112px -154px; } .country .select .flagstrap-icon.flagstrap-um { background-position: -128px -154px; } .country .select .flagstrap-icon.flagstrap-us { background-position: -144px -154px; } .country .select .flagstrap-icon.flagstrap-uy { background-position: -160px -154px; } .country .select .flagstrap-icon.flagstrap-uz { background-position: -176px -154px; } .country .select .flagstrap-icon.flagstrap-va { background-position: -192px -154px; } .country .select .flagstrap-icon.flagstrap-vc { background-position: -208px -154px; } .country .select .flagstrap-icon.flagstrap-ve { background-position: -224px -154px; } .country .select .flagstrap-icon.flagstrap-vg { background-position: -240px -154px; } .country .select .flagstrap-icon.flagstrap-vi { background-position: 0 -165px; } .country .select .flagstrap-icon.flagstrap-vn { background-position: -16px -165px; } .country .select .flagstrap-icon.flagstrap-vu { background-position: -32px -165px; } .country .select .flagstrap-icon.flagstrap-wales { background-position: -48px -165px; } .country .select .flagstrap-icon.flagstrap-wf { background-position: -64px -165px; } .country .select .flagstrap-icon.flagstrap-ws { background-position: -80px -165px; } .country .select .flagstrap-icon.flagstrap-ye { background-position: -96px -165px; } .country .select .flagstrap-icon.flagstrap-yt { background-position: -112px -165px; } .country .select .flagstrap-icon.flagstrap-za { background-position: -128px -165px; } .country .select .flagstrap-icon.flagstrap-zanzibar { background-position: -144px -165px; } .country .select .flagstrap-icon.flagstrap-zm { background-position: -160px -165px; } .country .select .flagstrap-icon.flagstrap-zw { background-position: -176px -165px; } .country .select:after { content: ""; display: block; position: absolute; top: 18px; right: 20px; width: 8px; height: 5px; /*  background: url("https://zinee91.dothome.co.kr/codepen/ico_updown3.png") no-repeat; */ } .country .select.open:after { background-position: 0 -5px; } .country .dropdown { display: none; position: absolute; top: 39px; left: 0; width: 100%; height: 225px; background: #fff; overflow-y: scroll; z-index: 9999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 10px 50px -12px rgb(0 0 0 / 20%); -moz-box-shadow: 0 10px 50px -12px rgb(0 0 0 / 20%); box-shadow: 0 10px 50px -12px rgb(0 0 0 / 20%); margin-top: 22px; margin-bottom: 22px; border: solid 1px #e1e1e1; } .country .dropdown .flagstrap-icon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-right: 10px; width: 16px; height: 11px; background-image: url(https://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png); background-repeat: no-repeat; background-color: #e3e5e7; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); position: relative; left: -4px; top: 3px; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; } .country .dropdown .flagstrap-icon.flagstrap-ad { background-position: -16px 0; } .country .dropdown .flagstrap-icon.flagstrap-ae { background-position: -32px 0; } .country .dropdown .flagstrap-icon.flagstrap-af { background-position: -48px 0; } .country .dropdown .flagstrap-icon.flagstrap-ag { background-position: -64px 0; } .country .dropdown .flagstrap-icon.flagstrap-ai { background-position: -80px 0; } .country .dropdown .flagstrap-icon.flagstrap-al { background-position: -96px 0; } .country .dropdown .flagstrap-icon.flagstrap-am { background-position: -112px 0; } .country .dropdown .flagstrap-icon.flagstrap-an { background-position: -128px 0; } .country .dropdown .flagstrap-icon.flagstrap-ao { background-position: -144px 0; } .country .dropdown .flagstrap-icon.flagstrap-ar { background-position: -160px 0; } .country .dropdown .flagstrap-icon.flagstrap-as { background-position: -176px 0; } .country .dropdown .flagstrap-icon.flagstrap-at { background-position: -192px 0; } .country .dropdown .flagstrap-icon.flagstrap-au { background-position: -208px 0; } .country .dropdown .flagstrap-icon.flagstrap-aw { background-position: -224px 0; } .country .dropdown .flagstrap-icon.flagstrap-az { background-position: -240px 0; } .country .dropdown .flagstrap-icon.flagstrap-ba { background-position: 0 -11px; } .country .dropdown .flagstrap-icon.flagstrap-bb { background-position: -16px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bd { background-position: -32px -11px; } .country .dropdown .flagstrap-icon.flagstrap-be { background-position: -48px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bf { background-position: -64px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bg { background-position: -80px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bh { background-position: -96px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bi { background-position: -112px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bj { background-position: -128px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bm { background-position: -144px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bn { background-position: -160px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bo { background-position: -176px -11px; } .country .dropdown .flagstrap-icon.flagstrap-br { background-position: -192px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bs { background-position: -208px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bt { background-position: -224px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bv { background-position: -240px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bw { background-position: 0 -22px; } .country .dropdown .flagstrap-icon.flagstrap-by { background-position: -16px -22px; } .country .dropdown .flagstrap-icon.flagstrap-bz { background-position: -32px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ca { background-position: -48px -22px; } .country .dropdown .flagstrap-icon.flagstrap-catalonia { background-position: -64px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cd { background-position: -80px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cf { background-position: -96px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cg { background-position: -112px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ch { background-position: -128px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ci { background-position: -144px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ck { background-position: -160px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cl { background-position: -176px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cm { background-position: -192px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cn { background-position: -208px -22px; } .country .dropdown .flagstrap-icon.flagstrap-co { background-position: -224px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cr { background-position: -240px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cu { background-position: 0 -33px; } .country .dropdown .flagstrap-icon.flagstrap-cv { background-position: -16px -33px; } .country .dropdown .flagstrap-icon.flagstrap-cw { background-position: -32px -33px; } .country .dropdown .flagstrap-icon.flagstrap-cy { background-position: -48px -33px; } .country .dropdown .flagstrap-icon.flagstrap-cz { background-position: -64px -33px; } .country .dropdown .flagstrap-icon.flagstrap-de { background-position: -80px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dj { background-position: -96px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dk { background-position: -112px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dm { background-position: -128px -33px; } .country .dropdown .flagstrap-icon.flagstrap-do { background-position: -144px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dz { background-position: -160px -33px; } .country .dropdown .flagstrap-icon.flagstrap-ec { background-position: -176px -33px; } .country .dropdown .flagstrap-icon.flagstrap-ee { background-position: -192px -33px; } .country .dropdown .flagstrap-icon.flagstrap-eg { background-position: -208px -33px; } .country .dropdown .flagstrap-icon.flagstrap-eh { background-position: -224px -33px; } .country .dropdown .flagstrap-icon.flagstrap-england { background-position: -240px -33px; } .country .dropdown .flagstrap-icon.flagstrap-er { background-position: 0 -44px; } .country .dropdown .flagstrap-icon.flagstrap-es { background-position: -16px -44px; } .country .dropdown .flagstrap-icon.flagstrap-et { background-position: -32px -44px; } .country .dropdown .flagstrap-icon.flagstrap-eu { background-position: -48px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fi { background-position: -64px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fj { background-position: -80px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fk { background-position: -96px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fm { background-position: -112px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fo { background-position: -128px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fr { background-position: -144px -44px; } .country .dropdown .flagstrap-icon.flagstrap-ga { background-position: -160px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gb { background-position: -176px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gd { background-position: -192px -44px; } .country .dropdown .flagstrap-icon.flagstrap-ge { background-position: -208px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gf { background-position: -224px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gg { background-position: -240px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gh { background-position: 0 -55px; } .country .dropdown .flagstrap-icon.flagstrap-gi { background-position: -16px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gl { background-position: -32px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gm { background-position: -48px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gn { background-position: -64px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gp { background-position: -80px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gq { background-position: -96px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gr { background-position: -112px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gs { background-position: -128px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gt { background-position: -144px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gu { background-position: -160px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gw { background-position: -176px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gy { background-position: -192px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hk { background-position: -208px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hm { background-position: -224px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hn { background-position: -240px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hr { background-position: 0 -66px; } .country .dropdown .flagstrap-icon.flagstrap-ht { background-position: -16px -66px; } .country .dropdown .flagstrap-icon.flagstrap-hu { background-position: -32px -66px; } .country .dropdown .flagstrap-icon.flagstrap-ic { background-position: -48px -66px; } .country .dropdown .flagstrap-icon.flagstrap-id { background-position: -64px -66px; } .country .dropdown .flagstrap-icon.flagstrap-ie { background-position: -80px -66px; } .country .dropdown .flagstrap-icon.flagstrap-il { background-position: -96px -66px; } .country .dropdown .flagstrap-icon.flagstrap-im { background-position: -112px -66px; } .country .dropdown .flagstrap-icon.flagstrap-in { background-position: -128px -66px; } .country .dropdown .flagstrap-icon.flagstrap-io { background-position: -144px -66px; } .country .dropdown .flagstrap-icon.flagstrap-iq { background-position: -160px -66px; } .country .dropdown .flagstrap-icon.flagstrap-ir { background-position: -176px -66px; } .country .dropdown .flagstrap-icon.flagstrap-is { background-position: -192px -66px; } .country .dropdown .flagstrap-icon.flagstrap-it { background-position: -208px -66px; } .country .dropdown .flagstrap-icon.flagstrap-je { background-position: -224px -66px; } .country .dropdown .flagstrap-icon.flagstrap-jm { background-position: -240px -66px; } .country .dropdown .flagstrap-icon.flagstrap-jo { background-position: 0 -77px; } .country .dropdown .flagstrap-icon.flagstrap-jp { background-position: -16px -77px; } .country .dropdown .flagstrap-icon.flagstrap-ke { background-position: -32px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kg { background-position: -48px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kh { background-position: -64px -77px; } .country .dropdown .flagstrap-icon.flagstrap-ki { background-position: -80px -77px; } .country .dropdown .flagstrap-icon.flagstrap-km { background-position: -96px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kn { background-position: -112px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kp { background-position: -128px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kr { background-position: -144px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kurdistan { background-position: -160px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kw { background-position: -176px -77px; } .country .dropdown .flagstrap-icon.flagstrap-ky { background-position: -192px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kz { background-position: -208px -77px; } .country .dropdown .flagstrap-icon.flagstrap-la { background-position: -224px -77px; } .country .dropdown .flagstrap-icon.flagstrap-lb { background-position: -240px -77px; } .country .dropdown .flagstrap-icon.flagstrap-lc { background-position: 0 -88px; } .country .dropdown .flagstrap-icon.flagstrap-li { background-position: -16px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lk { background-position: -32px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lr { background-position: -48px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ls { background-position: -64px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lt { background-position: -80px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lu { background-position: -96px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lv { background-position: -112px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ly { background-position: -128px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ma { background-position: -144px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mc { background-position: -160px -88px; } .country .dropdown .flagstrap-icon.flagstrap-md { background-position: -176px -88px; } .country .dropdown .flagstrap-icon.flagstrap-me { background-position: -192px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mg { background-position: -208px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mh { background-position: -224px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mk { background-position: -240px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ml { background-position: 0 -99px; } .country .dropdown .flagstrap-icon.flagstrap-mm { background-position: -16px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mn { background-position: -32px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mo { background-position: -48px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mp { background-position: -64px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mq { background-position: -80px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mr { background-position: -96px -99px; } .country .dropdown .flagstrap-icon.flagstrap-ms { background-position: -112px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mt { background-position: -128px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mu { background-position: -144px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mv { background-position: -160px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mw { background-position: -176px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mx { background-position: -192px -99px; } .country .dropdown .flagstrap-icon.flagstrap-my { background-position: -208px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mz { background-position: -224px -99px; } .country .dropdown .flagstrap-icon.flagstrap-na { background-position: -240px -99px; } .country .dropdown .flagstrap-icon.flagstrap-nc { background-position: 0 -110px; } .country .dropdown .flagstrap-icon.flagstrap-ne { background-position: -16px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nf { background-position: -32px -110px; } .country .dropdown .flagstrap-icon.flagstrap-ng { background-position: -48px -110px; } .country .dropdown .flagstrap-icon.flagstrap-ni { background-position: -64px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nl { background-position: -80px -110px; } .country .dropdown .flagstrap-icon.flagstrap-no { background-position: -96px -110px; } .country .dropdown .flagstrap-icon.flagstrap-np { background-position: -112px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nr { background-position: -128px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nu { background-position: -144px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nz { background-position: -160px -110px; } .country .dropdown .flagstrap-icon.flagstrap-om { background-position: -176px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pa { background-position: -192px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pe { background-position: -208px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pf { background-position: -224px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pg { background-position: -240px -110px; } .country .dropdown .flagstrap-icon.flagstrap-ph { background-position: 0 -121px; } .country .dropdown .flagstrap-icon.flagstrap-pk { background-position: -16px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pl { background-position: -32px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pm { background-position: -48px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pn { background-position: -64px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pr { background-position: -80px -121px; } .country .dropdown .flagstrap-icon.flagstrap-ps { background-position: -96px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pt { background-position: -112px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pw { background-position: -128px -121px; } .country .dropdown .flagstrap-icon.flagstrap-py { background-position: -144px -121px; } .country .dropdown .flagstrap-icon.flagstrap-qa { background-position: -160px -121px; } .country .dropdown .flagstrap-icon.flagstrap-re { background-position: -176px -121px; } .country .dropdown .flagstrap-icon.flagstrap-ro { background-position: -192px -121px; } .country .dropdown .flagstrap-icon.flagstrap-rs { background-position: -208px -121px; } .country .dropdown .flagstrap-icon.flagstrap-ru { background-position: -224px -121px; } .country .dropdown .flagstrap-icon.flagstrap-rw { background-position: -240px -121px; } .country .dropdown .flagstrap-icon.flagstrap-sa { background-position: 0 -132px; } .country .dropdown .flagstrap-icon.flagstrap-sb { background-position: -16px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sc { background-position: -32px -132px; } .country .dropdown .flagstrap-icon.flagstrap-scotland { background-position: -48px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sd { background-position: -64px -132px; } .country .dropdown .flagstrap-icon.flagstrap-se { background-position: -80px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sg { background-position: -96px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sh { background-position: -112px -132px; } .country .dropdown .flagstrap-icon.flagstrap-si { background-position: -128px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sk { background-position: -144px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sl { background-position: -160px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sm { background-position: -176px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sn { background-position: -192px -132px; } .country .dropdown .flagstrap-icon.flagstrap-so { background-position: -208px -132px; } .country .dropdown .flagstrap-icon.flagstrap-somaliland { background-position: -224px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sr { background-position: -240px -132px; } .country .dropdown .flagstrap-icon.flagstrap-ss { background-position: 0 -143px; } .country .dropdown .flagstrap-icon.flagstrap-st { background-position: -16px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sv { background-position: -32px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sx { background-position: -48px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sy { background-position: -64px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sz { background-position: -80px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tc { background-position: -96px -143px; } .country .dropdown .flagstrap-icon.flagstrap-td { background-position: -112px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tf { background-position: -128px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tg { background-position: -144px -143px; } .country .dropdown .flagstrap-icon.flagstrap-th { background-position: -160px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tj { background-position: -176px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tk { background-position: -192px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tl { background-position: -208px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tm { background-position: -224px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tn { background-position: -240px -143px; } .country .dropdown .flagstrap-icon.flagstrap-to { background-position: 0 -154px; } .country .dropdown .flagstrap-icon.flagstrap-tr { background-position: -16px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tt { background-position: -32px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tv { background-position: -48px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tw { background-position: -64px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tz { background-position: -80px -154px; } .country .dropdown .flagstrap-icon.flagstrap-ua { background-position: -96px -154px; } .country .dropdown .flagstrap-icon.flagstrap-ug { background-position: -112px -154px; } .country .dropdown .flagstrap-icon.flagstrap-um { background-position: -128px -154px; } .country .dropdown .flagstrap-icon.flagstrap-us { background-position: -144px -154px; } .country .dropdown .flagstrap-icon.flagstrap-uy { background-position: -160px -154px; } .country .dropdown .flagstrap-icon.flagstrap-uz { background-position: -176px -154px; } .country .dropdown .flagstrap-icon.flagstrap-va { background-position: -192px -154px; } .country .dropdown .flagstrap-icon.flagstrap-vc { background-position: -208px -154px; } .country .dropdown .flagstrap-icon.flagstrap-ve { background-position: -224px -154px; } .country .dropdown .flagstrap-icon.flagstrap-vg { background-position: -240px -154px; } .country .dropdown .flagstrap-icon.flagstrap-vi { background-position: 0 -165px; } .country .dropdown .flagstrap-icon.flagstrap-vn { background-position: -16px -165px; } .country .dropdown .flagstrap-icon.flagstrap-vu { background-position: -32px -165px; } .country .dropdown .flagstrap-icon.flagstrap-wales { background-position: -48px -165px; } .country .dropdown .flagstrap-icon.flagstrap-wf { background-position: -64px -165px; } .country .dropdown .flagstrap-icon.flagstrap-ws { background-position: -80px -165px; } .country .dropdown .flagstrap-icon.flagstrap-ye { background-position: -96px -165px; } .country .dropdown .flagstrap-icon.flagstrap-yt { background-position: -112px -165px; } .country .dropdown .flagstrap-icon.flagstrap-za { background-position: -128px -165px; } .country .dropdown .flagstrap-icon.flagstrap-zanzibar { background-position: -144px -165px; } .country .dropdown .flagstrap-icon.flagstrap-zm { background-position: -160px -165px; } .country .dropdown .flagstrap-icon.flagstrap-zw { background-position: -176px -165px; } .country .dropdown .flagstrap-icon { vertical-align: middle; } .country .dropdown li {     padding: 11px 20px; font-size: 14px; font-weight: 500; color: #444444; cursor: pointer; display: flex; line-height: 1.4; } .country .dropdown li:first-child { margin-top: 6px; } .country .dropdown li:last-child { margin-bottom: 12px; } .country .dropdown li:hover { background: rgb(0 0 0 / 3%); color: #454545; } .country .dropdown li.open { display: block; } .country ul { margin: 0; padding: 0; list-style: none; } /* ==================================== */ form.passenger-details { width: 100%; float: left; margin-top: 84px; } form.passenger-details .form-group { width: 33%; float: left; padding: 0 10px; position: relative; margin-bottom: 30px; } .passenger-details label { font-weight: 500; color: #000000; position: absolute; top: -10px; left: 18px; background: #fff; padding: 3px 4px; margin: 0; z-index: 99; font-size: 11px; } .passenger-details input.form-control { width: 100%; height: 57px; padding: 0 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #e6e6e6; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); } .dynamic-country span.material-symbols-outlined { position: absolute; right: 18px; top: 14px; } .passenger-details .form-group.textarea textarea.form-control { height: 150px; padding: 15px 10px; width: 100%; border: 1px solid #e6e6e6; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .flight-input input.input-text:focus, .passenger-details .form-group.textarea textarea.form-control:focus, .passenger-details .form-group.textarea .form-control:focus, .passenger-details input.form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .passenger-details .form-group.textarea { width: 100%; } ul.child-list { margin: 0; padding: 0; list-style: none; width: 100%; } ul.child-list li { width: 100%; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #e5e9ef; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 12px 20px; min-height: 63px } .child-lft { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .child-lft img { width: 20px; } .child-lft p { margin: 0 0 0 10px; font-size: 15px; font-weight: 500; color: #333; } .child-rht { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor:pointer } .child-rht span { font-size: 20px; font-weight: 600; color: #333; } button.trip-add { background: #56a90e; color: #fff; font-size: 14px; text-transform: capitalize; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight: 500; border: none; height: 36px; min-width: 110px; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; margin-left: 12px; } ul.car-list li span img, ul.car-list li svg { height: 31px; width: 31px; margin-bottom: 9px; } ul.broad li span { display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #ef3100; } ul.broad li span.material-symbols-outlined { margin: 0; font-size: 24px; font-weight: 600; } .finfo { width: 100%; float: left; position: relative; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .finfo .flight-info { width: 50%; padding: 0 15px; } .flight-info h3 { margin: 0 0 15px 0; font-size: 17px; color: #333; font-weight: 500; } .flight-info h3 span { color: #f24f25; } .flight-input { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } .flight-input label { font-weight: 500; color: #635f5f; position: absolute; top: -11px; left: 11px; background: #fff; padding: 3px 3px; margin: 0; z-index: 99; font-size: 11px; } .flight-input input.input-text { width: 100%; height: 50px; border: 1px solid #cbcbcb; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 6px 12px; font-size: 14px; } .flight-btm { width: 100%; float: left; margin-top: 30px; border-top: 1px solid rgb(0 0 0 / 6%); padding-top: 20px; } .flight-btm p { font-size: 13px; color: #ef3100; font-weight: 500; margin: 0; } .check-box.flight .main-checkout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .input-text:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .check-sidebar { -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; width: 100%; float: left; position: relative; border: 1px solid rgb(224, 228, 232); background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; border-bottom: 4px solid #f60; margin-bottom: 30px; } .check-sidebar h3 { padding: 16px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #000; border-bottom: 1px solid rgb(0 0 0 / 6%); } .fare-checkout { margin-bottom: 30px; width: 100%; float: left; } ul.price-list { margin: 0; padding: 0 15px; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ul.price-list li { width: 100%; margin-bottom: 12px; padding-bottom: 12px; font-size: 14px; font-weight: 500; color: #6b7280; border-bottom: 1px solid #00000012; } ul.price-list li span { float: right; font-weight: 700; color: #333; } ul.price-list li.total { font-size: 16px; font-weight: 600; color: #333; margin: 0; border-bottom: none; padding-bottom: 0; } ul.price-list li.total span { font-size: 20px; font-weight: 900; color: #000; } .check-sidebar label { background-color: #d0ffeb; padding: 12px 8px; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: static; } .check-sidebar, .check-sidebar label { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .check-sidebar label span.material-symbols-outlined { font-size: 15px; margin-right: 5px; } ul.price-list li.total span small { color: #6b7280; font-weight: 500; font-size: 11px; position: absolute; right: 14px; display: block; } /* ==========custom-radio============== */ .cont { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .cont input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 11px; right: 10px; height: 25px; width: 25px; background-color: #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* On mouse-over, add a grey background color */ .cont:hover input~.checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .cont input:checked~.checkmark { background-color: #0a7a0a; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .cont input:checked~.checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .cont .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: white; } ul.payment-list { margin: 0; padding: 0; list-style: none; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } ul.payment-list li { display: block; padding: 0 5px; margin-bottom: 0px; max-width: 100%; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; width: 50%; position:relative; } ul.payment-list li label.cont { padding: 14px 15px; -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 4%); -moz-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 4%); box-shadow: 0 1px 10px 0 rgb(0 0 0 / 4%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #f1f3f5; background: #fff; font-size: 14px; color: #000; text-align: center; display: block; position:static; } ul.payment-list li img { width: 30px; height: auto; margin-right: 10px; position: absolute; left: 15px; } ul.payment-list li.hicd label.cont { background: #f3fff3; border-color: #0ea90e; -webkit-box-shadow: 0 0 0 1px rgba(14, 169, 14, .3); -moz-box-shadow: 0 0 0 1px rgba(14, 169, 14, .3); box-shadow: 0 0 0 1px rgba(14, 169, 14, .3); color: #0a7a0a; font-weight: 600; } button.paynow { background-color: #ff6600; font-size: 15px; font-weight: 600; color: #fff; border: none; padding: 10px 20px; width: 140px; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; height: 47px; display: inline-block; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .modf-price { display: inline-block; } button.paynow:hover { background: #dd5800 } button.trop-rem { color: #0ea90e; font-size: 16px; font-weight: 600; background: transparent; border: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: none; } button.trop-rem span.material-symbols-outlined { color: #0ea90e; margin-left: -1px; position: relative; top: 5px; } ul.child-list li.ades button.trip-add { display: none; } ul.child-list li.ades .trop-rem { display: block; margin-left: 12px; } ul.price-list .added { position: relative; padding-left: 23px; margin-top: 7px; font-size: 13px; } ul.price-list .added span.material-symbols-outlined { position: absolute; font-size: 17px; color: #ff6600; left: 0; top: 0px; cursor: pointer; } ul.price-list .added small { float: right; color: #0ea90e; font-size: 14px; font-weight: 700; } /* .abv { background: #f5f7fb; padding: 6px; } */ .flexu.ades .added { display: block; } .main-checkout.case { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .payment-cont { width: 100%; float: left; padding-right: 0px; } .payment-cont p {font-size: 14px;color: rgb(51 51 51 / 90%);line-height: 1.8; } .payment-cards { width: 45%; float: left; } .card-bottom { width: 100%; float: left; padding-top: 20px; margin-bottom: 0; border-top: 1px solid #eee; display: block; } .rht-card { width: auto; float: right; vertical-align: top; } span.paym small {    display: block; font-size: 12px; color: #7a7e87; font-weight: 400; text-align: right; margin-top: 2px; } span.paym { font-size: 22px; font-weight: bold; color: #333; text-align: right; margin-right: 20px; display: inline-block; line-height: normal; } .subprice-count, .priceData-inp { display: inline-block; } .check-sidebar-sticky{ position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky; top: 14px; } .check-sidebar label svg { margin-right: 9px; } .title-head svg { margin-right: 6px; } .dynamic-country .country svg {    position: absolute;right: 5px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } .passenger-details { margin-top: 15px; } .routs .container { margin-bottom: 50px; } /*--------- iti__country ---------*/ body .iti__country { padding: 9px 10px; font-weight: 500; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 14px; } .has-error .form-control, .passenger-details .has-error input.form-control, .has-error .dynamic-country .country { border-color: #ed0500; -webkit-box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 13%); -moz-box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 13%); box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 13%); } body .iti__flag-box, body .iti__country-name { margin-right: 10px; } body .iti__country.iti__highlight { background-color: rgb(0 0 0 / 3%); } .phone-traveller-field .iti__flag.iti__in { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .phone-traveller-field .iti{ display: block; } .phone-traveller-field  .iti--separate-dial-code .iti__selected-flag, .phone-traveller-field .iti__selected-flag { background-color: transparent; font-weight: 700; padding-left: 11px; } .phone-traveller-field .iti--separate-dial-code .iti__selected-dial-code { margin-left: 8px; font-size: 14px; } body li.iti__divider { border-color: #ebebeb; } .phone-traveller-field .iti--allow-dropdown .iti__flag-container .iti__selected-flag, .phone-traveller-field .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{ background-color: transparent; outline: none; } body .iti__country-list { -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; border-color: #e1e1e1; -webkit-box-shadow: 0 10px 50px -12px rgb(0 0 0 / 20%); -moz-box-shadow: 0 10px 50px -12px rgb(0 0 0 / 20%); box-shadow: 0 10px 50px -12px rgb(0 0 0 / 20%); margin-top: 4px; margin-bottom: 4px; max-height: 290px; padding: 4px; } #PhoneTravError { font-size: 12px; color: #ed0500; } .loader-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(255 255 255 / 95%); z-index: 99999; display:none } .loader { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #00c9d0; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .lead{ font-size:13px; } .loader div { background-color: #ff6600; display: inline-block; float: none; position: absolute; top: 0; left: 0; width: 50px; height: 50px; opacity: .5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; -moz-animation: ballPulseDouble 2s ease-in-out infinite; -o-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite; } .loader div:last-child { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes ballPulseDouble { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ballPulseDouble { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ballPulseDouble { 0%, 100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes ballPulseDouble { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .passenger-details input.form-control, .dynamic-country .country, .passenger-details .form-group.textarea textarea.form-control { font-size: 15px; font-weight: 500; color: #000; } form.passenger-details .booking-stepper-form.transf .form-group { width: 100%; padding: 0; } .booking-stepper-form.transf { margin-bottom: 20px; border-top: solid 1px #eeeeee; margin-top: 9px; padding-top: 21px; } @media (max-width:1199px){ ul.car-list li { width: 33.33%; } } @media (max-width:991px){ html .iti-mobile .iti--container { top: 4%; bottom: 4%; left: 4%; right: 4%; position: fixed; } body .iti__country-list { -webkit-box-shadow: 0 10px 50px 12000000px rgb(0 0 0 / 60%); -moz-box-shadow: 0 10px 50px 12000000px rgb(0 0 0 / 60%); box-shadow: 0 10px 50px 12000000px rgb(0 0 0 / 60%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } } @media (max-width:767px){ .payment-cont p{ font-size: 13px; } .passenger-details label { left: 7px; } .passenger-details input.form-control, .dynamic-country .country { height: 52px; } } @media (max-width:575px){ html .iti-mobile .iti--container { top: 3%; bottom: 3%; left: 3%; right: 3%; } body .iti__country { font-size: 13px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .iti__dial-code { white-space: nowrap; } ul.child-list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.child-list .child-rht { margin-top: 10px; } .payment-cont p{ font-size: 12px; } .passenger-details input.form-control, .dynamic-country .country { height: 50px; } } @media (max-width:425px){ html .iti-mobile .iti--container { top: 0; bottom: 0; left: 0; right: 0; } body .iti__country-list{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } html .iti-mobile .iti__country-list { margin: 0; border: none; -webkit-box-shadow: 0 10px 50px 12000000px #ffffff; -moz-box-shadow: 0 10px 50px 12000000px #ffffff; box-shadow: 0 10px 50px 12000000px #ffffff; } } /*--------- end iti__country ---------*/

.trop-rem svg {    font-size: 24px;    margin-left: 5px;}
ul.child-list li.ades .trop-rem {display: flex; align-items: center;}
ul.price-list .added span { opacity: 0;}
ul.price-list .added::before {
    content: '';
    background: url(../../images/close-small.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-size: cover;

}