/* Minification failed. Returning unminified contents.
(753,17): run-time error CSS1039: Token not allowed after unary operator: '-semi-dark-gray'
(756,28): run-time error CSS1039: Token not allowed after unary operator: '-semi-gray'
(2644,17): run-time error CSS1039: Token not allowed after unary operator: '-semi-dark-gray'
(2647,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-50'
(2648,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-50'
(2677,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-black'
(2681,28): run-time error CSS1039: Token not allowed after unary operator: '-off-white'
(2704,17): run-time error CSS1039: Token not allowed after unary operator: '-semi-dark-gray'
(2717,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-black'
(3342,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(3351,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(4483,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4484,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4506,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4552,21): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4558,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4563,35): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4593,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-light-blue'
(4604,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(4613,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(4617,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4623,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4629,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4635,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4645,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4651,21): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4655,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4661,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4667,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4673,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4679,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4687,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(4698,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4711,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4716,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4725,21): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4734,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4746,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4759,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4772,21): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4789,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4799,17): run-time error CSS1039: Token not allowed after unary operator: '-medium-gray'
(4806,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4816,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4843,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4871,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4883,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4884,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-primary-50'
(4885,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(4901,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-grey-50'
(4905,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4914,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4923,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4939,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-grey-50'
(4954,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4962,17): run-time error CSS1039: Token not allowed after unary operator: '-black-black-64'
(4970,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(4982,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(4995,32): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5000,21): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(5009,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(5017,17): run-time error CSS1039: Token not allowed after unary operator: '-black-black-64'
(5065,21): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(5072,21): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(5108,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5109,39): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(5120,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5121,39): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(5244,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5253,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5270,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5325,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5326,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5331,22): run-time error CSS1039: Token not allowed after unary operator: '-transparent'
(5345,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5350,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5370,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5378,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5391,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondry'
(5479,22): run-time error CSS1039: Token not allowed after unary operator: '-transparent'
(5485,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5501,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5514,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5517,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5518,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5520,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5529,32): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5530,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5543,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(5554,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(5584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5634,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5642,28): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(5653,17): run-time error CSS1039: Token not allowed after unary operator: '-darkslategray'
(5666,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5671,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray'
(5683,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5689,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5700,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5784,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
(5795,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary'
 */
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-radius:0px;color:#000;padding:6px 12px;border: 1px;border-right: 1px solid #808080;border-right: 1px solid #808080;font-family:Montserrat}.easy-autocomplete-container{/*left:0;*/position:absolute;width:380px/*width:100%*/;z-index:2;top:35px}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px;color:#41a5c8;font-family:Montserrat}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}
/*# sourceMappingURL=easy-autocomplete.min.css.map */

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete.eac-square{font-family:"Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-square input{border:1px solid #7f8c8d;border-radius:0;color:#7f8c8d;font-family:inherit;font-size:18px;font-style:italic;font-weight:300;margin:0;min-width:350px;padding:12px 43px 12px 15px}.easy-autocomplete.eac-square ul{border-color:#7f8c8d;border-top:0;box-shadow:none;top:0}.easy-autocomplete.eac-square ul li,.easy-autocomplete.eac-square ul .eac-category{border-color:#7f8c8d;font-family:inherit;font-size:16px;font-weight:300;padding:6px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-square ul li *,.easy-autocomplete.eac-square ul .eac-category *{font-weight:300}.easy-autocomplete.eac-square ul li.selected,.easy-autocomplete.eac-square ul .eac-category.selected{background-color:#f1f1f1;font-weight:300}.easy-autocomplete.eac-square ul li b,.easy-autocomplete.eac-square ul .eac-category b{font-weight:600}.easy-autocomplete.eac-round{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-round input{border:2px solid #888;border-radius:10px;color:#888;font-family:inherit;font-size:16px;font-weight:400;margin:0;min-width:300px;padding:10px}.easy-autocomplete.eac-round input:hover,.easy-autocomplete.eac-round input:focus{border-color:#3079ed}.easy-autocomplete.eac-round ul{background:none;border-color:#888;border-width:0;box-shadow:none;min-width:300px;top:20px}.easy-autocomplete.eac-round ul li,.easy-autocomplete.eac-round ul .eac-category{background:#fff;border-color:#3079ed;border-width:0 2px;font-size:14px;padding:8px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-round ul li.selected,.easy-autocomplete.eac-round ul .eac-category.selected{background-color:#d4e3fb}.easy-autocomplete.eac-round ul li:first-child,.easy-autocomplete.eac-round ul .eac-category:first-child{border-radius:10px 10px 0 0;border-width:2px 2px 0}.easy-autocomplete.eac-round ul li:last-child,.easy-autocomplete.eac-round ul .eac-category:last-child{border-radius:0 0 10px 10px;border-width:0 2px 2px}.easy-autocomplete.eac-round ul li b,.easy-autocomplete.eac-round ul .eac-category b{font-weight:700}.easy-autocomplete.eac-funky{font-family:"Inconsolata", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-funky input{background:#07ED89;border:0;border-radius:0;color:#ED076B;font-family:inherit;font-size:18px;min-width:240px;padding:12px}.easy-autocomplete.eac-funky ul{background:transparent;border:0}.easy-autocomplete.eac-funky ul li,.easy-autocomplete.eac-funky ul .eac-category{background:transparent;border:0;color:#ED076B;font-size:18px;padding:4px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-funky ul li.selected,.easy-autocomplete.eac-funky ul .eac-category.selected{color:#8907ED}.easy-autocomplete.eac-solid input{box-shadow:0 1px 2px rgba(0,0,0,0.15) inset;border-color:#ddd;color:#666;font-size:13px;min-height:0;padding:6px 12px}.easy-autocomplete.eac-solid ul li,.easy-autocomplete.eac-solid ul .eac-category{transition:all 0.4s ease 0s}.easy-autocomplete.eac-solid ul li.selected,.easy-autocomplete.eac-solid ul .eac-category.selected{background-color:#f2f2f2}.easy-autocomplete.eac-plate{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate ul{background:#b5b5b5;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate ul li,.easy-autocomplete.eac-plate ul .eac-category{background:#b5b5b5;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate ul li b,.easy-autocomplete.eac-plate ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate ul li.selected,.easy-autocomplete.eac-plate ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate ul li:first-child,.easy-autocomplete.eac-plate ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate ul li:last-child,.easy-autocomplete.eac-plate ul .eac-category:last-child{border-radius:0 0 6px 6px}.easy-autocomplete.eac-plate-dark{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate-dark input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate-dark ul{background:#212121;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate-dark ul li,.easy-autocomplete.eac-plate-dark ul .eac-category{background:#212121;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate-dark ul li b,.easy-autocomplete.eac-plate-dark ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate-dark ul li.selected,.easy-autocomplete.eac-plate-dark ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate-dark ul li:first-child,.easy-autocomplete.eac-plate-dark ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate-dark ul li:last-child,.easy-autocomplete.eac-plate-dark ul .eac-category:last-child{border-radius:0 0 6px 6px}
/*# sourceMappingURL=easy-autocomplete.themes.min.css.map */

.t-check-in,.t-check-out,.t-datepicker{display:inline-block;position:relative;float:left}.t-datepicker{clear:both;width:100%;font-size:14px;line-height:1.4em;max-width:650px}.t-check-in,.t-check-out{border-width:1px;border-style:solid;width:50%;box-sizing:border-box}.t-check-in .t-date-info-title,.t-check-out .t-date-info-title{position:absolute;top:12px;left:33px;display:block;font-weight:400;opacity:.5;font-size:13px;cursor:pointer}.t-check-in .fa,.t-check-out .fa{top:-1px;position:relative}.t-check-in{border-right-width:1px;border-radius:4px 0 0 4px}.t-picker-only{border-radius:4px;width:100%}.t-check-out{border-left-width:0;border-radius:0 4px 4px 0}.t-check-out .t-datepicker-day{left:-100%}.t-input{bottom:0;left:20px;position:absolute;z-index:-1;opacity:0}.t-arrow-top{top:32px;z-index:9999}.t-arrow-top,.t-arrow-top::after{border-width:10px;border-style:solid;border-color:transparent transparent #ddd;display:inline-block;position:absolute}.t-arrow-top::after{top:-9px;left:-10px;content:'';border-width:10px;border-bottom-color:#fff}.t-dates{padding:10px 15px;height:38px;box-sizing:border-box}.t-datepicker-day{border-width:1px;border-style:solid;top:51px;overflow:hidden;position:absolute;z-index:9998;padding:10px 0;border-radius:4px;box-shadow:0 7px 15px rgba(0,0,0,.25)}.t-table-wrap{width:100%;padding:0 10px;font-size:inherit;display:inline-block;vertical-align:top}.t-datepicker-days{width:650px}.t-datepicker-days .t-table-wrap{padding:0;width:47%;margin-left:2%}@media (max-width:480px){.t-datepicker-days{width:300px}.t-datepicker-days .t-table-wrap{margin-left:0;width:100%;padding:0 10px}}@media (max-width:320px){.t-datepicker-days{width:290px}.t-datepicker-days .t-table-wrap{padding:0 5px}}.t-table-condensed{width:100%;border-spacing:0;border-collapse:collapse;vertical-align:top}.t-next,.t-prev,.t-table-condensed td,.t-table-condensed th{text-align:center;padding:10px}.t-date-title{clear:both;width:100%;text-align:center;display:inline-block;margin:0;padding:15px 0 10px}.t-day,.t-disabled,.t-end,.t-range,.t-start{border-width:2px;border-style:solid}.t-arrow{border:none}.t-hover-day::after,.t-special-day:before{content:'';border-style:solid}.t-arrow,.t-dates,.t-day,.t-end,.t-end-limit,.t-range,.t-start{cursor:pointer}.t-special-day{position:relative}.t-special-day:before{height:3px;width:3px;top:0;right:0;position:absolute;display:block;border-width:3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.t-hover-day{position:relative}.t-hover-day-content{top:-30px;width:70px;right:calc(50% - 35px);position:absolute;font-size:12px;font-weight:700;padding:3px 5px;border-radius:4px;z-index:9999}.t-hover-day::after{position:absolute;top:-8px;right:calc(50% - 7px);border-width:7px}.t-today .t-hover-day-content{z-index:9998}.t-check-in .t-end-limit,.t-disabled{opacity:.25;cursor:auto}
.t-check-in,.t-check-out{border-color:#ededed}.t-check-in{border-right-color:#e8e8e8}.t-date-title{color:#e91e63}.t-special-day:before{border-color:#e91e63 #e91e63 transparent transparent}.t-datepicker-day{border-color:#ededed;background:#fff}.t-day,.t-disabled,.t-end,.t-range,.t-start{background:#fafafa;border-color:#fff}.t-disabled{background:0 0}.t-highlighted{color:#AEEEE2}.t-highlighted.t-disabled{background:#fafafa}.t-end,.t-end-limit,.t-start{color:#fff;background:#0478c6}.t-range,.t-range-limit{color:#AEEEE2}.t-range{background:#e9f8fe}.t-range-limit{background:#d1f0fc}.t-range-limit.t-end,.t-range-limit.t-start{color:#fff;background:#89d9f8}.t-check-in .t-end,.t-check-out .t-start,.t-check-out tr~.t-end{color:#fff;background:#0478c6}.t-hover-day,.t-hover-day-content,.t-hover-day:hover{color:#fff;background:#AEEEE2}.t-hover-day::after{border-color:#AEEEE2 transparent transparent}.t-today,.t-today .t-hover-day-content{background:#aeaeae}.t-today::after{border-top-color:#aeaeae}.t-today:hover,.t-today:hover .t-hover-day-content{background:#AEEEE2}.t-today:hover::after{border-top-color:#AEEEE2}.t-end.t-today,.t-start.t-today{color:#fff}.t-end.t-today,.t-end.t-today .t-hover-day-content,.t-start.t-today,.t-start.t-today .t-hover-day-content{background:#0478c6}.t-end.t-today::after,.t-start.t-today::after{border-top-color:#0478c6}
/*flight Detals Popub*/
#flightsPopub {
    width: 51%;
    margin-top: 19px;
}

.refunddd {
    width: 61%;
    font-family: Montserrat;
    font-weight: bold;
    word-spacing: 1.5px;
}

.aligntxtright {
    text-align: right;
}

.Timer {
    margin-left: 37.666667%;
    background-color: #0478c6;
    border: solid;
    border-color: #0478c6;
    border-radius: 14px;
    width: 111px;
    color: white;
    font-weight: 800;
}
.FlightDetailsMI {
    display: inline-flex;
    color:#0478c6
}
.PsgDetailsPopub {
    height: 30px;
    width: 62px;
    /* padding: 0px; */
    position: relative;
    top: 5px;
}

.PsgDetailsDiv {
    padding: 0px;
    margin-top: 5px;
}

/*.closePopub {
    margin-right: 11px;
}*/

.depImgPopub {
    /*width: 12.666667%;*/
}

.DepDivPopub {
    color: #0478c6;
    font-weight: bold;
    padding: 0px;
    margin-top: 23px;
    font-size: 15px;
}

.flightTimes {
    font-weight: 600;
    margin-top: 25px;
    font-size: 16px;
}

.moonDiv {
    font-size: 9px;
    padding: 0px;
}

.FlightIconPopub {
    width: 27px;
    padding: 0px;
}

.MargFIP {
    margin-left: 107px;
}

.airlineLogoPopub {
    left: 13px;
    padding: 0px;
}

.moonDivPopub {
    font-size: 9px;
    padding: 0px;
    margin-left: 63px;
}

.AirportCodePopub {
    font-weight: 400;
    font-size: 24px;
}

.allowanceDetails {
    padding: 0px;
    top: 5px;
}

.allowanceImage {
    padding: 0px;
}

.allowanceDiv {
    padding-left: 49px;
}

.StopLine {
    background-color: #eff0f1;
    border: solid;
    border-color: #eff0f1;
    border-radius: 8px;
    margin: 0px;
    margin-top: 19px;
    margin-bottom: 19px;
    right: 19px;
    /* margin: 0px; */
    padding: 0px;
    width: 85%;
}

.flagRow {
    color: #ededed;
    border-top: solid;
    margin-bottom: 10px;
}

.flightLinePopub {
    /*padding-left: 13%;
    padding-right: 13%;*/
}
/*@media only screen and (device-width : 320px) and (device-height : 586px) {
    #flightsPopub {
        width: 95%;
        margin-top: 50px;
        margin-right: 5px;
    }
}*/

@media only screen and (min-device-width: 320px) and (max-device-width: 586px) {
    .refunddd {
        width: 98%;
        font-family: Montserrat;
        font-weight: bold;
        word-spacing: 1.5px;
    }

    #flightsPopub {
        width: 95%;
        margin-top: 50px;
        margin-right: 5px;
    }

    .depImgPopub {
        /*width: 100%;*/
    }

    .flightLinePopub {
        /*padding: 0px;
        width: 58.2%;*/
    }

    .DepDivPopub {
        color: #0478c6;
        font-weight: bold;
        padding-left: 19px;
        margin-top: 30px;
        font-size: 15px;
    }

    .moonDivPopub {
        font-size: 9px;
        padding: 0px;
        margin-left: 0px;
    }

    .flightTimes {
        font-weight: 600;
        font-size: 17px;
        width: 100%;
    }

    .FlightIconPopub {
        width: 27px;
        padding: 0px;
        margin-left: 24px;
    }

    .allowanceDiv {
        margin-top: 21px;
        padding-left: 20px;
    }

    .tech-stop {
        position: relative;
        bottom: -15px;
        left: 61px;
        z-index: 999;
    }

    .AirportCodeRow {
        position: relative;
        top: 8px;
    }

    .posonmob {
        position: relative;
        top: -33px;
    }

    .airlineLogoPopub {
        left: 33px;
        padding: 0px;
    }

    .AirportCodePopub {
        font-weight: 400;
        font-size: 24px;
        left: 7px;
    }

    .arrAirportNamePopub {
        text-align: center;
        width: 29.666667%;
    }

    .depAirportNamePopub {
        text-align: center;
        width: 29.666667%;
    }

    .left {
        left: 11px;
    }

    /*.StopLine {
        background-color: #eff0f1;
        border: solid;
        border-color: #eff0f1;
        border-radius: 8px;
        margin-top: 20px;
        margin-top: 36px;
        margin-bottom: 19px;
        right: 19px;
        left: 17px;
        padding: 0px;
        width: 85%;
    }*/

    .flagRow {
        color: #ededed;
        border-top: solid;
        margin-bottom: 10px;
    }
    /*.moonDivPopub {
        font-size: 9px;
        padding: 0px;
        margin-left: 51px;
    }*/


}

/*@media only screen and (device-width : 768px) and (device-height : 1024px) {

    #flightsPopub {
        width: 90%;
        margin-top: 50px;
    }

    #closePopub {
        margin-top: 0px;
    }

    .depImgPopub {
    }

    .DepDivPopub {
        color: #0478c6;
        font-weight: bold;
        padding-left: 19px;
        margin-top: 30px;
        font-size: 15px;
    }

    .moonDivPopub {
        font-size: 9px;
        padding: 0px;
        margin-left: 0px;
    }

    .flightTimes {
        font-weight: 600;
        font-size: 17px;
        width: 90%;
        margin-left: 128px;
    }

    .FlightIconPopub {
        width: 27px;
        padding: 0px;
        margin-left: 24px;
    }

    .allowanceDiv {
        padding-left: 73px;
        margin-top: 21px;
        left: 96px;
    }

    .allowanceImage {
        padding: 0px;
        width: 40px;
    }

    .AirportCodeRow {
        margin-left: 0px;
        margin-top: 20px;
    }

    .airlineLogoPopub {
        left: 119px;
        padding: 0px;
    }

    .AirportCodePopub {
        font-weight: 400;
        font-size: 24px;
        left: 67px;
    }

    .arrAirportNamePopub {
        text-align: center;
        width: 29.666667%;
    }

    .depAirportNamePopub {
        text-align: center;
        width: 29.666667%;
    }

    .left {
        left: 11px;
        margin-left: 66px;
    }

    .StopLine {
        background-color: #eff0f1;
        border: solid;
        border-color: #eff0f1;
        border-radius: 8px;
        margin-top: 20px;
        margin-top: 36px;
        margin-bottom: 19px;
        left: 130px;
        padding: 0px;
        width: 70%;
    }



    .flagRow {
        color: #ededed;
        border-top: solid;
        margin-bottom: 10px;
    }

    .flightLinePopub {
    }

    .lessWidth {
        width: 25.333333%;
    }
}*/

@media only screen and (device-width : 1024px) and (device-height : 1366px) {
    #flightsPopub {
        width: 90%;
        margin-top: 50px;
    }

    /*.depDate {
        margin-left: 128px;
    }*/

    .MargFIP {
        margin-left: 143px;
    }
}

@media only screen and (device-width : 320px) and (device-height : 568px) {
    .StopLine {
        background-color: #eff0f1;
        border: solid;
        border-color: #eff0f1;
        border-radius: 8px;
        margin-top: 20px;
        margin-top: 36px;
        margin-bottom: 19px;
        right: 19px;
        left: 12px;
        /* margin: 0px; */
        padding: 0px;
        width: 92%;
    }

    #flightsPopub {
        width: 95%;
        margin-top: 52px;
    }
}

@media only screen and (min-width : 768px) {
    .rt-details-row {
        width: 75%;
        margin-left: 3px;
    }

    .fsarrcode {
        position: relative;
        left: 16%;
    }

    .fsarrdate {
        position: relative;
        right: 24%;
    }

    .fstotal {
        position: relative;
        right: 39%;
        top: 17px;
    }

    .fsfnum {
        position: relative;
        right: 10.5%;
    }

    .fsrtairlinlogo {
        position: relative;
        left: 14%;
    }

    .fsrtairlinlogoow {
        position: relative;
        left: 5%;
    }

    .fsarrname {
        position: relative;
        right: 23%;
        text-align: right;
    }

    .fsarrcodeow {
        position: relative;
        left: 7%;
    }

    .fsmb-20px {
        margin-bottom: 20px;
        border-bottom-style: inset;
        padding-bottom: 22px;
    }
}

@media only screen and (device-width : 768px) and (device-height : 1024px) {
    #flightsPopub {
        width: 90%;
        margin-top: 50px;
    }

    .fsrtairlinlogo {
        position: relative;
        left: -3%;
    }

    .AirportCodePopub {
        position: relative;
        right: 33px;
    }
    /*.flightTimes {
        width: 50%;
    }*/
}

@media only screen and (max-width: 600px) {
    .depImgPopub {
        position: relative;
        bottom: 36px;
    }

    .fsarrdate {
        padding: 0;
        position: relative;
        right: 10px;
    }

    .depDate {
        padding: 0;
        position: relative;
        left: 10px;
    }

    .fstotal {
        position: relative;
        top: 25px;
    }

    .fsfnum {
        position: relative;
        bottom: 5px;
        left: 5px;
    }

    .pzom {
        padding: 0px;
    }

    .fsmb-20px {
        margin-bottom: 20px;
        border-bottom-style: inset;
        padding-bottom: 22px;
    }

    .DepDivPopub {
        font-size: 16px;
        position: relative;
        right: 96px;
        bottom: 53px;
    }

    .flightTimes {
        position: relative;
        bottom: 18px;
        margin-bottom: 37px;
    }

    .mobpos {
        position: relative;
        bottom: 168px;
    }

    .fsmobmargin {
        margin-bottom: 0px;
    }

    .allowanceDiv {
        position: relative;
        top: 78px;
        padding-left: 34px;
    }

    .AirportCodePopub {
        left: 0px;
    }

    .airlineLogoPopub {
        left: -10px;
    }

    .StopLine {
        position: relative;
        top: 154px;
        width: 101%;
        left: -1px;
    }
}


@media only screen and (device-width : 360px) and (device-height : 640px) {
    #flightsPopub {
        width: 95%;
        margin-top: 50px;
        margin-left: 9px;
    }
}

@media only screen and (device-width : 411px) and (device-height : 731px) {
    #flightsPopub {
        width: 95%;
        margin-top: 50px;
        margin-right: 5px;
    }
}

@media only screen and (device-width : 411px) and (device-height : 823px) {
    #flightsPopub {
        width: 95%;
        margin-top: 50px;
        margin-right: 5px;
    }
}

html {
    direction: ltr;
}
.airportSpinner {
    height: 0px;
    position: relative;
    bottom: 30px;
    left: 22%;
}

.notallowed {
    cursor: not-allowed;
}

.removespane {
    display: none;
}

.t-check-in .t-date-info-title, .t-check-out .t-date-info-title {
    display: contents !important;
}

/*.easy-autocomplete.eac-bootstrap input {
    padding: 0px 21px 0px 10px !important;
}*/

#googlePlayDiv {
    background-color: rgba(13,204,167);
    color: #fff;
    z-index: 99999999;
}

.closeGooglePlayDiv {
    position: relative;
    top: 12px;
}

.pl0 {
    padding-left: 0px;
}

.gpdlogo {
    width: 117px;
    margin-top: 4px;
    float: right;
    margin-bottom: 4px;
}

.dfreeapp {
    position: relative;
    font-size: 15px;
    left: 5px;
    top: 27px;
}

/*.deletearea {
    height: 0px;
    float: right;
    position: relative;
    right: 0px;
    bottom: 26px;
    z-index: 999;
    color: #c60000;
    cursor: pointer;
    width: 10px;
    border-style: unset;
    border-radius: 50%;
    background-color: #e9e9e9;
    FONT-WEIGHT: bold;
    width: 17px;
    z-index: 0;
}*/

.checkinTapS {
    padding-right: 182px !important;
}

.checkIn-tab {
    text-align: center;
    height: 38px;
    width: 194px;
    background-color: rgba(13,204,167);
    border-radius: 8px 8px 0 0;
    /*margin-right: auto;
    margin-left: auto;*/
    margin-top: -38px;
    cursor: pointer;
}

.blogs-tab {
    text-align: center;
    height: 38px;
    width: 194px;
    background-color: rgba(13,204,167);
    border-radius: 8px 8px 0 0;
    /*margin-right: auto;
    margin-left: auto;*/
    margin-top: -38px;
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.fs-float-right {
    float: right;
}

.fs-float-left {
    float: left;
}

body {
    direction: ltr;
}

.seatpos {
    position: relative;
    left: 3px;
}

.fdtitle {
    position: relative;
    left: 9px;
    color: white;
}

.datecolor {
    color: var(--semi-dark-gray);
    font-size: 15px !important;
    font-weight: 100;
    background-color: var(--semi-gray);
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
    color: #096199 !important;
}
/*.autocomairport{
    padding-left:15px;
}*/
/*.autocomairport {
    transform: scaleX(-1);
}
*/
.autocompadding {
    padding-right: 19px;
}

.fontc {
    font-weight: bold;
}

.fonta {
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: bold;
}

.eac-item {
    /*height: 40px;*/
    padding-top: 3px;
    padding-bottom: 5px;
}

    .eac-item:hover {
        cursor: pointer !important;
        background-color: #04a0c61f;
    }

.managefa {
    font-size: 33px;
    margin-top: 2px;
    color: #d0f6ffdb;
}

/*.remove-m-c-btn {
    border-radius: 19px;
    border: 1px solid #04a0c6 !important;
    background-color: #04a0c6 !important;
    color: white;
    width: 3em;
    height: 3em !important;
}*/

.cusdepdatewidth {
    float: left;
    width: 25%;
}

#FlightClass {
    border: unset;
}

.search-field {
    border: 1px solid #0478c6;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 13px !important;
}

/*#Departure-date {
    border: 1px solid #04a0c6 !important;
}*/

/*#Arrival-date {
    border: 1px solid #04a0c6 !important;
}*/

#FlightClass {
    border: 1px solid #0478c6;
}

#passengers {
    border: 1px solid #0478c6;
}

#ResNum {
    border: 1px solid #0478c6;
}

#primaryName {
    border: 1px solid #0478c6;
}

.t-dates {
    font-size: 13px;
    font-family: Montserrat;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
}

.p-l-r-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.maindate {
    font-weight: 800;
    padding-top: 6px;
}

.paddr1px {
    padding-right: 1px;
}

.paddle1px {
    padding-left: 1px;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.t-arrow-top::after {
    border-bottom-color: #e12a00 !important;
}

/*.t-datepicker {
    max-width: unset !important;
}*/
.t-datepicker {
    font-size: 12px;
    background-color: #fff;
}

.numofpass .popover {
    width: 263px;
    left: -16.975px !important;
    background-color: #ffffff !important;
}

    .numofpass .popover .popover-content {
        background-color: #ffffff !important;
    }

@media (min-width: 1200px) {
    .searchbarcontainer {
        width: 1409px;
    }

    .t-datepicker {
        font-size: 12px;
    }

    /*.cusdepwidth {
        width: 23.76%;
    }*/
    .cusdepwidth {
        width: 25%;
    }

    .cusdepdatewidth {
        width: 25%;
    }
}

@media only screen and (max-width:1237px) {
}

.stopsduration {
    margin-top: -5%;
    color: #333;
    font-weight: normal;
    font-family: Montserrat;
    FONT-SIZE: 11px;
    width: 72%;
    margin-left: 37px;
    letter-spacing: .7px;
    font-weight: bold;
}

.bg-img {
    background-image: url(../../images/sec1-bg-n1.jpg);
    background-size: cover;
    /*height: 530px;*/
}

.bg-opacity {
    opacity: 0.8;
}
.t-dates {
    justify-items: start;
    position: absolute;
    top: 25%;
}

    .t-dates i {
        font-size: 32px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
.searchBtnDivContainer {
    padding: 0px;
    padding-left: 0px;
    width: 50%;
}

.savBtnDivContainer {
    padding: 0;
    padding-left: 1%;
}

.bg-title {
    background-color: #fbfbf5;
    margin-top: 26%;
    padding-top: 5px;
    /*height: 50px;*/
    font-weight: 400;
    text-align: center;
    margin-bottom: 18%;
}

.txt-title {
    font-size: 24px;
    color: #095162;
}

.txt-lighter {
    color: #55858e;
    font-weight: lighter;
}

.for-title {
    color: #55858e;
}

.flight-tab {
    margin-top: 265px;
}

#date-dev {
    font-size: 88%;
}

.displaynone {
    display: none;
}

.mbb {
    height: 198.1px;
}

#manageBookingRow {
    margin-top: 7.2%;
}

.p2px {
    padding: 2px;
    padding-left: 8px;
}

.pt6px {
    padding-top: 6px;
}

.flight-tab-bg {
    text-align: center;
    height: 38px;
    width: 194px;
    background-color: rgba(13,204,167);
    border-radius: 8px 8px 0 0;
    /*margin-right: auto;
    margin-left: auto;*/
    margin-top: -38px;
    cursor: pointer;
}

.managebooking-tab {
    text-align: center;
    height: 38px;
    width: 194px;
    background-color: rgba(13,204,167);
    border-radius: 8px 8px 0 0;
    /*margin-right: auto;
    margin-left: auto;*/
    margin-top: -38px;
    cursor: pointer;
}

.flight-txt {
    display: inline;
    width: 24px;
    height: 7.5px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.77;
    letter-spacing: 0.3px;
    text-align: center;
    color: white;
    position: relative;
    top: 9px;
}

.mbbfading {
    position: relative;
    top: -104px;
    padding-top: 7px;
    height: 60px;
    width: 43.4%;
}

@media only screen and (max-device-width:1200px) {
    .mbbfading {
        position: relative;
        top: -104px;
        /* padding-top: 7px; */
        height: 60px;
        width: 43.4%;
        padding: 5px;
        font-size: 90%;
        padding-top: 9px;
    }
}

@media only screen and (max-device-width: 474px) {
    .mbbfading {
        position: relative;
        top: 3px;
        padding-top: 5px;
        height: 54px;
        width: unset;
    }

    .flight-txt {
        font-size: 13px;
    }

    .managebooking-tab {
        width: 120%;
    }

    .flight-tab-bg {
        width: 109%;
    }
}

.flight-type-bg {
    background-color: rgba(13,204,167);
    /* background-color: #04a0c5; */
    color: #000;
    border-bottom: 3px solid #096199;
    /*height: 181px;*/
}

.flight-type-el {
    display: inline-block;
    font-size: 14px;
}

/*.ft-fe {
    margin-top: 30px;
    margin-bottom: 20px;
}*/
.ft-fe {
    margin-top: 21px;
    margin-bottom: 20px;
}

.f-icon {
    width: 27px;
}

.plane-img {
    margin-top: 5px;
}

/*.search-bar {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
*/
.dir-flight {
    font-weight: 300;
    font-size: 15px;
    display: flex;
    justify-content: end;
}

.btn-passenger {
    background-color: #ffffff;
    border: none;
}

.dir-txt {
    display: inline-block;
    font-size: 14px;
    color: #feffff;
}

.dir-btn {
    width: 12px;
}

.home-Features {
    margin-top: 60px;
}

.home-Features-i {
    display: block;
}

.home-Features-bg {
    text-align: center;
}

.home-Features-txt {
    color: #0478c6;
    font-family: unset;
    font-size: 17px;
    font-weight: 600;
}

.CashOnDel-img {
    margin-top: 25px;
}

.easy-img {
    margin-top: 12px;
}

.destination-div-title {
    text-align: center;
    margin-top: 60px;
}

.destination-title {
    background-color: #AEEEE2;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 2px 7px;
}

.destination-txt {
    color: black;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 10px;
}

.places-dev {
    margin-left: auto;
    margin-right: auto;
}

.places-txt {
    color: black;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
}

.places-sp {
    color: #0478c6;
}

.places-img {
    width: 375px;
}

.places-city {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.places-price {
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.places-ho-city {
    display: inline-block;
    float: left;
    margin-top: 10px;
    font-size: 30px;
}

.places-ho-price {
    display: inline-block;
    float: right;
    margin-top: 10px;
    font-size: 30px;
}

.places-sep {
    margin-top: 5px;
}


.img-pos {
    position: relative;
    cursor: pointer;
}

/* Bottom right text */
.text-block {
    /*position: absolute;*/
    margin-bottom: 15px;
    height: 60px;
    opacity: 0.8;
    background-color: #0478c6;
    color: white;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -60px;
    padding-top: 10px;
}

.deal-block {
    position: absolute;
    bottom: 0;
    height: 60px;
    opacity: 0.8;
    background-color: #0478c6;
    color: white;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.deal-head {
    margin-bottom: 55px;
}

.horizontal-block {
    /*position: absolute;*/
    bottom: 0;
    height: 60px;
    opacity: 0.8;
    background-color: #0478c6;
    color: white;
    width: 100%;
    font-size: 28px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -60px;
}

.offer-left {
    position: absolute;
    top: 32px;
    left: -7px;
    font-size: 28px;
    color: #fff;
    width: 120px;
    text-align: center;
    background-color: #1e5664;
    /* Safari */
    -webkit-transform: rotate(-45deg);
    /* Firefox */
    -moz-transform: rotate(-45deg);
    /* IE */
    -ms-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
}

.oneway-box {
    margin-top: 5%;
}

.departure-line {
    border-top: 1.5px solid #c1c1c1;
}

.displaynone {
    display: none;
}

.deal-dev {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    text-align: center;
    margin-bottom: 20px;
}

.deal-con {
    text-align: center;
    margin-top: 60px;
}

.best-deal {
    color: black;
    font-weight: 600;
    font-size: 24px;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    background-color: #AEEEE2;
    letter-spacing: 10px;
    padding: 10px 0 7px 10px;
}

.deal-of {
    color: black;
    font-weight: 600;
    font-size: 28px;
}

.deal-dev span {
    color: #0478c6;
}

.deal-img {
    /*width: 550px;*/
}

.deal-img-ver {
    /*height: 745px*/
}

.deal-img-hor {
    width: 100%;
    height: 400px;
}

.deal-dev-hor {
    margin-top: 18px;
}

.phone-bg {
    background-image: url(../../images/phone-bg.jpg);
    height: 180px;
}



/*Follow Us*/
/* Let's style the wrapper in such away that, 
it should always be at the center of the browser */
.wrapper {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
    /*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 550px;*/
}

    /* Style the Un-order list by setting its list-style to none */
    .wrapper ul {
        list-style: none;
    }

        /* Style the list items inside the UL list, by setting its width, height and line-height 
  and float them to left and set its border and border-radius.
 */
        .wrapper ul li {
            width: 50px;
            height: 50px;
            line-height: 0;
            margin: 0 3px;
            text-align: center;
            cursor: pointer;
            border-radius: 50%;
            border: 3px solid #808080;
            float: left;
            transition: all 0.5s ease;
        }

            /* Style the icons by setting its color and margin-top value to 20px 
to align it properly */
            .wrapper ul li .fa {
                color: #808080;
                margin-top: 15px;
                transition: all 0.5s ease;
            }

            /* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect
  to icons for glowing effect and use transition property for smooth transition effect. */
            /*facebook*/
            .wrapper ul li:hover.facebook {
                border: 5px solid #3b5998;
                box-shadow: 0 0 15px #3b5998;
                transition: all 0.5s ease;
            }

            .wrapper ul li:hover .fa-facebook {
                color: #3b5998;
                text-shadow: 0 0 15px #3b5998;
                transition: all 0.5s ease;
            }

            /*twitter*/
            .wrapper ul li:hover.twitter {
                border: 5px solid #00aced;
                box-shadow: 0 0 15px #00aced;
                transition: all 0.5s ease;
            }

            .wrapper ul li:hover .fa-twitter {
                color: #00aced;
                text-shadow: 0 0 15px #00aced;
                transition: all 0.5s ease;
            }

            /* instagram */
            .wrapper ul li:hover.instagram {
                border: 5px solid #bc2a8d;
                box-shadow: 0 0 15px #bc2a8d;
                transition: all 0.5s ease;
            }

            .wrapper ul li:hover .fa-instagram {
                color: #bc2a8d;
                text-shadow: 0 0 15px #bc2a8d;
                transition: all 0.5s ease;
            }

            /* google */
            .wrapper ul li:hover.linkedin {
                border: 5px solid #0e7992;
                box-shadow: 0 0 15px #0e7992;
                transition: all 0.5s ease;
            }

            .wrapper ul li:hover .fa-linkedin {
                color: #0e7992;
                text-shadow: 0 0 15px #0e7992;
                transition: all 0.5s ease;
            }




/* media queries */

@media screen and (max-width: 640px) {
    /*.wrapper {
        width: 350px;
    }*/

    .wrapper ul li {
        margin-top: 10px;
    }

        .wrapper ul li.google {
            margin-left: 60px;
        }
}

@media screen and (max-width: 340px) {
    .wrapper {
        width: 150px;
    }

        .wrapper ul li {
            margin: 15px;
        }

            .wrapper ul li.google {
                margin-left: 15px;
            }
}

/*End Follow Us*/


.menu-links {
    padding-right: 20px;
}

.toggle-menu {
    position: fixed;
    float: right;
    right: -170px;
    transition: right 1s ease-in;
}

.content {
    line-height: 43px;
}

.toggle-menu li {
    display: inline-block;
    list-style-type: none;
}

.toggle {
    padding-top: 5px;
    cursor: pointer;
    background-color: #04a0c6;
}

li.toggle:hover span.btn fa fa-phone {
    background-color: #04a0c6;
    color: #04a0c6;
}

.btn fa fa-phone {
    display: block;
    width: 25px;
    height: 4px;
    background-color: #e58139;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto 3px;
    transition: background-color 0.2s;
}

a {
    font-size: 16px;
    text-decoration: none;
    /*color: #fff;*/
    /*padding-right: 20px;*/
    transition: color 0.2s;
}

#AddAnotherFlight:hover {
    color: #fff;
    text-decoration: none;
}


.menu-links:hover > .toggle-menu {
    right: 0;
}

/*Langage and country drop down*/


.dropdown-menu > li > a {
    color: #428bca;
}

.dropdown ul.dropdown-menu {
    border-radius: 4px;
    box-shadow: none;
    margin-top: 20px;
    width: 300px;
}

    .dropdown ul.dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 16px;
        z-index: 10;
    }

    .dropdown ul.dropdown-menu:after {
        content: "";
        border-bottom: 12px solid #ccc;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -12px;
        right: 14px;
        z-index: 9;
    }

/*Langage and country drop down*/


.form-field {
    height: 35px;
    border-radius: 0;
}


.form-field-pass {
    height: 35px;
    border-radius: 0;
}



.rbtn-ft {
    font-weight: 500;
}

.mar-tb {
    margin-bottom: 20px;
    margin-top: 10px;
}


.popover-markup label {
    font-family: Roboto;
}

/*.container {
	margin: 0px auto;
}*/

.remove-padd {
    padding-left: 0px;
    padding-right: 0px;
}

.long-img {
    height: 745px;
    width: 100%;
}

.search-field {
    background-color: #fff;
    color: #000;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    font-family: Montserrat;
    font-size: 12px;
    border: unset;
    border-radius: 8px;
}

/*.search-field-date {
    border-radius: 0;
    background-color: #fff;
    color: #000;
    height: 35px;
}*/

/*.search-button {
    text-align: center;
    background-color: #096199;
    height: 35px;
    font-family: FontAwesome;
    cursor: pointer;
    font-weight: lighter;
    padding-top: 3px;
    width: 100%;
    color: #fff;
    border: none;
    font-size: 13px;
    font-weight: bolder;
    border: 1px solid #0478c6;
}*/

.bookingsearch-button {
    text-align: center;
    background-color: #096199;
    height: 34.8px;
    font-family: FontAwesome;
    cursor: pointer;
    font-weight: lighter;
    padding-top: 3px;
    width: 100%;
    color: #fff;
    border: none;
    border: 1px solid #0478c6;
}

.search-lbl {
    color: #fff;
    font-family: sans-serif;
}

.add-flight {
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
    display: none;
    color: #fff;
}

.mob-sec {
    margin-top: 70px;
}

.mob-img {
    width: 160px;
    height: 55px;
    border-radius: 5px;
    cursor: pointer;
}

.mob-title {
    font-size: 28px;
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    float: right;
    font-weight: 600;
    margin-top: 50px;
}

/*.another-flight {
    margin-bottom: 35px;
}*/
/*.another-flight {
    margin-bottom: 52.89px;
}*/

.d-block {
    display: inline-block;
    margin-left: 20%;
}


/*Test Slider Design*/




li {
    list-style: none;
}

h1 {
    text-align: center;
    padding-top: 2rem;
    font-size: 4rem;
    color: #111;
}

.hidden {
    display: none;
}

.masterBox {
    position: relative;
    width: 95%;
    margin: 5px;
}

.containerBox {
    overflow: hidden;
    width: 100%;
}

.listBox li {
    width: 25%; /*Change this depending the number of "li" that you want to have per page. For example; if you want 4 "li" per page the width will be 25% because you have to complete the 100% (25*4 = 100)*/
    height: 20rem;
    float: left;
    padding: 2%;
}

.listBox {
    width: 300%; /*Change this depending of total number of "li" that you have and depending the number of "li" that you want to have per page. For example; if you have a total of 12 "li" and each one has a 25% you will need a width of 300% (25*12 = 300)*/
    display: flex;
}

.content {
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .content img {
        width: 100%;
        /*-webkit-box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.75);*/
    }

    .content p {
        color: #fff;
        font-size: 2rem;
        position: absolute;
        background: rgba(0,0,0,.5);
        padding: .5rem;
    }

.arrow {
    position: absolute;
    font-size: 6rem;
    color: #04a0c5;
    cursor: pointer;
    top: 6.5rem;
}

    .arrow.back {
        left: 0rem;
    }

    .arrow.forward {
        width: 0rem;
        right: -2rem;
    }

.infoBox li {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .infoBox li img {
        max-height: 30rem;
        display: block;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 7.5px 0px rgba(0,0,0,0.75);
    }

/*Test Slider Design*/
.radio {
    display: inline-block;
}

/*.checkbox {
    display: inline-block;
}
*/
/*.t-date-check-in {
    text-align: center;
}*/

.t-date-check-out {
    text-align: center;
}


@media screen and (max-width: 1025px) {
    /*.search-field-date {
        border-radius: 0;
        background-color: #fff;
        color: #000;
        height: 35px;
        font-size: 10px;
    }*/


    .t-dates {
        padding-top: 6px;
    }
    /*.t-datepicker {
        clear: both;
        font-size: 14px;
        line-height: 1.4em;
        max-width: 650px;
        width: 100%;
    }*/

    .search-lbl {
        color: #fff;
        font-family: sans-serif;
        font-size: 11px;
    }

    /*.flight-tab {
        margin-top: -155px;
    }*/

    /*.flight-tab-bg {
        text-align: center;
        height: 38px;
        width: 100%;
        background-color: rgba(4,160,197,0.8);
        border-radius: 8px 8px 0 0;
        margin-top: -38px;
    }*/

    .txt-title {
        font-size: 28px;
        color: #095162;
        font-size: 24px;
    }
}


@media screen and (max-width: 769px) {
    .destination-title {
        background-color: #AEEEE2;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .remove-padd {
        padding-left: 0px;
        padding-right: 0px;
        /*margin-bottom: 2px;*/
    }

    .txt-title {
        font-size: 17px;
        color: #095162;
    }
}

.alert-save-search-message {
    color: green;
    background-color: #e7ffe2;
    width: 15.1%;
    font-size: 97%;
    padding-top: 7px;
    border-style: unset;
    border-radius: 10px;
    height: 32px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 586px) {
    .alert-save-search-message {
        color: green;
        background-color: #e7ffe2;
        width: 54.6%;
        font-size: 97%;
        padding-top: 7px;
        border-style: unset;
        border-radius: 10px;
        height: 32px;
    }
}



@media only screen and (device-width: 1024px) and (device-height: 1366px) {
    .alert-save-search-message {
        font-size: 94%;
    }

    .numofpass .popover {
        width: 263px;
        left: -143.975px !important;
    }


    .searchBtnDivContainer {
        padding: 0px;
        padding-left: 16px;
        width: 62%;
    }

    .flight-tab {
        margin-top: 230px;
    }

    .flight-tab-bg {
        text-align: center;
        height: 38px;
        background-color: rgba(13,204,167);
        border-radius: 8px 8px 0 0;
        margin-top: -38px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .t-dates {
        font-size: 11px;
        padding-top: 8px;
    }

    .iphxpassfield {
        padding: 0px !important;
    }
}

@media only screen and (device-width: 768px) and (device-height: 1024px) {
    .alert-save-search-message {
        color: green;
        background-color: #e7ffe2;
        width: 88.7%;
        font-size: 97%;
        padding-top: 7px;
        border-style: unset;
        border-radius: 10px;
        height: 32px;
    }

    .searchBtnDivContainer {
        padding: 0px;
        padding-left: 16px;
        width: 81%;
    }

    .stopsduration {
        margin-top: -2%;
        color: #333;
        font-weight: normal;
        font-family: Montserrat;
        FONT-SIZE: 11px;
        letter-spacing: .7px;
        width: 72%;
        margin-left: 44px !important;
        font-weight: bold;
        background-color: white;
    }

    .total-duration-time-box {
        position: absolute;
        margin-top: -40px;
        right: 38%;
        font-family: Montserrat;
        color: black;
        font-weight: bold;
        font-size: 13px;
        margin-left: -50px;
        right: 42% !important;
        width: 100px;
        text-align: center;
    }

    .flight-tab {
        margin-top: 95px;
    }
}

@media screen and (max-width: 768px) {
    .cusdepdatewidth {
        width: 100%;
    }
}

@media screen and (device-width: 768px) {
    .txt-title {
        font-size: 27px;
        color: #095162;
    }


    .text-block {
        margin-bottom: 15px;
        height: 60px;
        opacity: 0.8;
        background-color: #0478c6;
        color: white;
        width: 82%;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -60px;
    }
}

.navbar-inverse {
    background-color: #fff;
    border: none;
}

    .navbar-inverse .navbar-toggle .icon-bar {
        color: #04a0c6;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #04a0c6;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #04a0c6;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 2%;
    }
/*Box hover*/
.box {
    position: relative;
}

    .box:hover {
        position: relative;
        background-color: rgba(30, 86, 100,0.8);
    }

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: 215px;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.box:hover .image {
    opacity: 0.3;
}

.box:hover .text-block {
    display: none;
}

.box:hover .middle {
    opacity: 1;
}

.text {
    /*background-color: rgba(30, 86, 100,0.8);*/
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 16px 32px;
}

/*Box hover*/

/* End Home Page Style */


.mon-font {
    font-family: Montserrat;
}

.refundModal {
    color: #fff;
    background-color: #0478c6;
    width: 100.03%;
}

/* Start Fligh Search Page Style */

.f-tabs {
    border-radius: 5px 5px 0 0;
    border-bottom: 1.5px solid #096199;
    border-top: 0.5px solid #c1c1c1;
    border-left: 0.5px solid #c1c1c1;
    border-right: 0.5px solid #c1c1c1;
    margin-right: 1px;
    color: #096199;
    cursor: pointer;
}

/*.f-active-tab {
    color: #fff !important;
    background-color: #0478c6;
}*/

.fad-con {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.sort-tabs {
    border: 0.5px solid #c1c1c1;
    font-size: 14px;
    color: #096199;
    cursor: pointer;
    font-weight: 600;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ch-tab {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.fs-tab {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sort-span {
    font-size: 9px;
}

/*Accordion (Filters)*/

a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

#accordion {
    /*border: 2px solid #3485ef;*/
    /*border-radius: 20px;
	overflow: hidden;*/
    font-family: Montserrat;
}

    #accordion .panel {
        border: none;
        /*border-bottom: 2px solid #3485ef;*/
        box-shadow: none;
        border-radius: 0;
        margin: 0;
    }

        #accordion .panel:last-child {
            border-bottom: none;
        }

    #accordion .panel-heading {
        /*padding: 0;*/
        border: none;
        border: 1px solid #c1c1c1;
        border-radius: 10px;
        background-color: #fff;
        color: #04a0c5;
    }

    #accordion .panel-title a {
        display: block;
        padding: 2px;
        font-size: 16px;
        font-weight: 700;
        color: #096199;
        /*text-transform: uppercase;*/
        /*background: #3485ef;*/
        text-align: left;
        border: none;
        border-radius: 0;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        #accordion .panel-title a.collapsed {
            /*background-color:black;*/
            color: #096199;
        }



            #accordion .panel-title a.collapsed:hover {
                /*color: #fff;
		background-color: red*/
            }

            #accordion .panel-title a:after,
            #accordion .panel-title a.collapsed:after {
                content: "\f107";
                font-family: fontawesome;
                font-size: 25px;
                color: #096199;
                position: absolute;
                top: -3px;
                right: 0px;
                transition: all 0.3s ease-in-out 0s;
            }

            #accordion .panel-title a.collapsed:after {
                content: "\f106";
                color: #04a0c5;
            }


    /*#accordion .panel-title a.collapsed:hover:after {
				color: #fff
			}*/

    /*#accordion .panel-heading:hover {
		background-color: #04a0c5;
		color: #fff

	}*/



    #accordion .panel-body {
        padding: 20px;
        border: none;
        font-size: 14px;
        color: rgba(13,204,167);
        line-height: 25px;
    }


/*End Accordion (Filters)*/


/*Price Slider*/
.slider-sidebar {
    margin-top: 25px;
    background: #e7e7e7;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    height: 5px;
}

    .slider-sidebar .range {
        display: none;
    }

    .slider-sidebar .ui-slider-range {
        top: -1px;
        bottom: -1px;
        height: inherit;
        z-index: 0;
    }

    .slider-sidebar .ui-slider-handle {
        background: url('../images/icon-hander.png') no-repeat center center;
        /*border-radius: 50%;*/
        width: 16px;
        height: 14px;
        top: -6px;
        margin-left: -10px;
        outline: none;
        cursor: pointer;
        z-index: 1;
        border: none;
    }

        .slider-sidebar .ui-slider-handle label {
            text-align: center;
            bottom: -19px;
            width: 60px;
            left: 50%;
            right: inherit;
            max-width: inherit;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
        }

    .slider-sidebar .ui-slider-range {
        background-color: #141414;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .slider-sidebar label {
        position: absolute;
        color: #999999;
        font-family: 'Open sans';
        font-size: 13px;
        bottom: 22px;
        line-height: 1;
        font-weight: normal;
        margin: 0;
    }

        .slider-sidebar label.label-min {
            left: -10px;
            font-weight: 600;
        }

        .slider-sidebar label.label-max {
            right: -10px;
            font-weight: 600;
        }
/*End Price Slider*/


/* Radio Check Style */
.radio-checkbox .radio {
    display: none;
}

    .radio-checkbox .radio ~ label:before {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .radio-checkbox .radio ~ label:after {
        width: 8px;
        height: 8px;
        content: '';
        cursor: pointer;
        position: absolute;
        z-index: 0;
        left: 4px;
        background-color: #555;
        opacity: 0;
        visibility: hidden;
        top: 9px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .radio-checkbox .radio:checked ~ label:after {
        opacity: 1;
        visibility: visible;
    }

.radio-checkbox .checkbox {
    display: none;
}

    .radio-checkbox .checkbox:checked ~ label:before {
        font-size: 13px;
        content: '\f00c';
        font-family: 'FontAwesome';
        text-align: center;
    }

.radio-checkbox label {
    position: relative;
    line-height: 25px;
    /*font-family: 'Open sans';*/
    /*color: #555;*/
    font-weight: normal;
    padding-left: 30px;
    margin: 0;
    min-width: 16px;
    min-height: 21px;
}

    .radio-checkbox label:before {
        position: absolute;
        content: '';
        width: 16px;
        height: 16px;
        top: 5px;
        line-height: 14px;
        left: 0;
        cursor: pointer;
        background-color: #f2f2f2;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }


.stop-ul {
    padding-left: 0;
    padding-top: 10px;
}

.airport-ul {
    padding-left: 0;
}
/* Radio Check Style */
/* End Flight Search Page Style */

/*Start Date Flexible table*/
.top-list-car {
    line-height: 0px;
    padding: 0px 0px;
    font-family: 'Montserrat';
}

    .top-list-car span {
        color: #333333;
    }

    .top-list-car .navigation-car p {
        color: #111111;
        display: inline-block;
        margin: 0;
    }

    .top-list-car .navigation-car .awe-btn {
        letter-spacing: 0;
        margin-left: 5px;
    }



.car-list-cn .car-list-table {
    /*background: url('../images/bg-border-v.png') repeat-x bottom left;*/
    margin: auto;
}

    .car-list-cn .car-list-table th {
        padding: 15px 0px 15px 0px;
        border-bottom: 0;
        text-align: center;
        position: relative;
        min-width:60px;
    }

.car-list-cn {
    padding: 15px 0px 15px 0px;
    border-bottom: 0;
    text-align: center;
    position: relative;
    font-size: 80%;
}

    .car-list-cn .car-list-table th:after {
        display: block;
        top: 0;
        bottom: 0;
        content: '';
        /*background: url('../images/bg-border-h.png') repeat-y top left;*/
        width: 1px;
        position: absolute;
        right: 0;
    }

    .car-list-cn .car-list-table th img {
        max-width: 100%;
    }

    .car-list-cn .car-list-table td {
        vertical-align: middle;
        /*padding: 12px 5px;*/
        border-top: 0;
        position: relative;
        /*background: url('../images/bg-border-v.png') repeat-x top left;*/
    }

        .car-list-cn .car-list-table td:after {
            display: block;
            top: 0;
            bottom: 0;
            content: '';
            /*background: url('../images/bg-border-h.png') repeat-y top left;*/
            width: 1px;
            position: absolute;
            right: 0;
        }

        .car-list-cn .car-list-table td.td-car figure img {
            max-width: 100%;
        }

        .car-list-cn .car-list-table td.td-car figure figcaption {
            margin-top: 2px;
            color: #333333;
            font-family: 'Montserrat';
            line-height: 25px;
        }

        .car-list-cn .car-list-table td.td-price {
            /*width: 16.5432%;*/
            text-align: center;
        }

            .car-list-cn .car-list-table td.td-price .price-box {
                display: inline-block;
            }

                .car-list-cn .car-list-table td.td-price .price-box .price {
                    /*color: #04a0c6;*/
                    font-family: 'Montserrat';
                    display: block;
                    line-height: 30px;
                    padding-right: 20px
                }

                    .car-list-cn .car-list-table td.td-price .price-box .price ins {
                        text-decoration: none;
                        font-size: 100%;
                        font-weight: 600;
                        /*color: #04a0c6;*/
                    }

                    .car-list-cn .car-list-table td.td-price .price-box .price small {
                        color: #04a0c6;
                        font-size: 85%;
                    }

                    .car-list-cn .car-list-table td.td-price .price-box .price.night {
                    }

.fnt-fmly {
    font-family: 'Montserrat';
}

.fnt-clr {
    color: var(--semi-dark-gray);
    font-size: 15px !important;
    font-weight: 100;
    background-color: var(--grey-50);
    border-right: 1px solid var(--grey-50)
}

.brdr-tbl-th {
    border-bottom: 1px solid #ddd;
}

.td-border {
    /*border-left: 1px solid #ddd;*/
    font-size: 100%;
}

.Datetable {
    width: 100%;
    border-top: 0px solid #ddd;
}

th, td {
    text-align: left;
    padding: 9px;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

.th-brdr-btm {
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid var(--gray-black)
}

.departureBox {
    background-color: var(--off-white);
    padding-left: 36px !important;
    font-weight: 800
}

.returnBox {
    font-weight: 800;
    padding-right:22px!important
}
.threePlusMinus {
    padding-right: 22px !important
}

.div-bst-pric {
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 85%;
}

.div-yr-flight {
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 16px;
    color: var(--semi-dark-gray);
    font-weight: 100;
}
.pr-20{
    padding-right:20px
}

.flexFooter{
    padding-top:30px;
    padding-bottom:30px
}

.responsive-table {
    border: 1px solid var(--gray-black);
    border-radius:4px;
    overflow:auto;
}

.tfooter-tbl {
    background-color: #f2f2f2;
    font-size: 120%;
    font-family: 'Montserrat';
    letter-spacing: 10px;
    text-transform: uppercase;
}

.th-inside-tfoot {
    border-right: 1px solid #ddd;
    text-align: center;
}
/*End Date Flexible table*/
/* Start Flight Segment Line Style*/
.stop-duration-Flight {
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.flight-direction-box {
    border-top: 1.5px solid #aba7a7;
    position: relative;
    margin-top: 16px;
}


.Flight-stop-Flight {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #044f60;
    border: 1px solid #044f60;
    opacity: 1;
    margin-top: -12px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.stop0 {
    margin-left: 70%;
}

.stop1 {
    /*margin-top: -12px;*/
    margin-left: 20%;
}

.stop2 {
    /*margin-top: -12px;*/
    margin-left: 45%;
}

.Flight-stop-Technical {
    height: 12px;
    width: 12px;
    opacity: 1;
    margin-top: -20px;
}

.Flight-stop-Technical-3 {
    height: 12px;
    width: 12px;
    margin-top: -22px;
    opacity: 1;
}



.Flight-stop-Technical-2 {
    width: 12px;
    margin-top: -22px;
    opacity: 1;
    margin-left: 10%;
}

.Flight-stop-Technical-dir {
    height: 12px;
    width: 12px;
    margin-top: -17px;
    opacity: 1;
    margin-left: 44%;
}

.stop-box-Flight {
    padding: 8px 10px;
    margin-left: 36%;
    width: 70px;
    position: relative;
    border: 1px solid #e6e6e6;
    margin-top: 6px;
    text-align: center;
}

.flight-direction-box:before {
    background: #0478c6 none repeat scroll 0 0;
    border-radius: 50%;
    color: #0A3152;
    content: "";
    height: 8px;
    position: absolute;
    left: -2px;
    top: -5px;
    width: 8px;
    border: 1px solid #0478c6;
    background-color: #0478c6;
}


.flight-direction-box:after {
    background: #0478c6 none repeat scroll 0 0;
    border-radius: 50%;
    color: #0478c6;
    color: #0478c6;
    content: "";
    height: 8px;
    position: absolute;
    right: -2px;
    top: -5px;
    width: 8px;
    border: 1px solid #0478c6;
    background-color: #0478c6;
}


.arrival-box {
    position: absolute;
    margin-top: -25px;
    right: -18px;
    font-size: 13px;
    font-weight: bold;
}

.arrival-plane-box {
    position: absolute;
    margin-top: -20px;
    right: -45px;
}

.departure-box {
    position: absolute;
    margin-top: -25px;
    left: -18px;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: bold;
}

.departure-plane-box {
    position: absolute;
    margin-top: -20px;
    left: -45px;
}

.total-duration-box {
    position: absolute;
    margin-top: -60px;
    right: 45%;
}

.fa-clock-o:before {
    content: "\f017";
    font-family: fontawesome !important;
}

.total-duration-time-box {
    position: absolute;
    margin-top: -40px;
    right: 38%;
    font-family: Montserrat;
    color: black;
    font-weight: normal;
    font-weight: bold;
    font-size: 13px;
}

.destination-box-left {
    position: absolute;
    margin-top: 5px;
    left: -15px;
    font-size: 13px;
    font-family: Montserrat;
    font-weight: bold;
    color: #000;
}

.destination-box-right {
    position: absolute;
    margin-top: 5px;
    right: -15px;
    font-size: 13px;
    font-family: Montserrat;
    font-weight: bold;
    color: #000;
}

.airportStops-box {
    position: absolute;
    margin-top: 5px;
    right: 45%;
    font-family: Montserrat;
    font-weight: bold;
    color: #333;
}

.Flight-box {
    /*position: absolute;*/
    margin-top: 50px;
    right: 2px;
    padding-left: 25px;
    /*background: url('../images/bg-border-h.png') repeat-y left top;*/
    border-left: 1.5px solid #c1c1c1;
    /*height: 50%;*/
    /*padding-top: 0px;
	padding-bottom: 10px;*/
    /*-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);*/
}


.Flight-box-lng {
    /*position: absolute;*/
    margin-top: 25%;
    right: 2px;
    padding-left: 25px;
    /*border-left: 1.5px solid #c1c1c1;*/
    /*height: 50%;*/
}



.select-button {
    text-align: center;
    background-color: #096199;
    height: 35px;
    font-family: FontAwesome;
    cursor: pointer;
    font-weight: lighter;
    padding-top: 3px;
    width: 50%;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-family: Montserrat;
    margin-bottom: 8%;
    margin-top: 8%;
}


/* End Flight Segment Line Style*/


/*Start Loading Panel Plane*/
#preloaderAd {
    position: fixed;
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #efefef;
    z-index: 999999999;
    opacity: 0.9;
}

.plane-loader {
    position: relative;
    width: 250px;
    height: 250px;
    background-color: #0478c6;
    margin: 20px auto;
    border-radius: 125px;
    overflow: hidden;
    z-index: 1;
    margin-top: 10%;
}

.plane {
    position: absolute;
    top: 60px;
    left: 60px;
    height: 130px;
    width: 130px;
    animation: levitate 4s alternate ease-in-out infinite;
    transition: transform 150ms ease;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.cloud {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cloud1 {
    top: -30px;
    left: 30px;
    height: 39px;
    width: 42px;
    animation: cloud1 7s linear infinite;
}

.cloud2 {
    top: -260px;
    left: 150px;
    height: 82px;
    width: 96px;
    animation: cloud2 5s linear infinite;
    opacity: .5;
}

.cloud3 {
    height: 82px;
    width: 96px;
    animation: cloud3 15s linear infinite 10s;
    top: -80px;
    left: 130px;
}

.cloud4 {
    top: -30px;
    left: 180px;
    height: 39px;
    width: 42px;
    animation: cloud4 20s linear infinite;
}

.steam {
    position: absolute;
    top: 80px;
    left: 73px;
}

    .steam div {
        opacity: 0;
        position: absolute;
        height: 120px;
        width: 10px;
        background: #FFFFFF;
        border-radius: 5px;
        animation: steam .4s ease-in-out infinite;
    }

    .steam .c2 {
        animation-delay: 50ms;
    }

    .steam .c3 {
        animation-delay: 150ms;
    }

    .steam .c4 {
        animation-delay: 200ms;
    }

    .steam .c5 {
        animation-delay: 250ms;
    }

    .steam .c6 {
        animation-delay: 300ms;
    }

    .steam .c7 {
        animation-delay: 350ms;
    }

    .steam .c8 {
        animation-delay: 400ms;
    }

    .steam .c9 {
        animation-delay: 450ms;
    }

    .steam .c10 {
        animation-delay: 500ms;
    }

.steam2 {
    top: 75px;
    left: 91px;
}

.steam3 {
    top: 75px;
    left: 146px;
}

.steam4 {
    left: 166px;
}

@keyframes levitate {
    0% {
        transform: translate(0, 0) scale(1);
    }

    25% {
        transform: translate(-1px, 1px) scale(1.003);
    }

    50% {
        transform: translate(0, 1px) scale(1);
    }

    75% {
        transform: translate(-1px, 0) scale(1);
    }

    100% {
        transform: translate(0, -1px) scale(0.997);
    }
}

@keyframes cloud1 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    98% {
        transform: translate(0, 290px) scale(1);
    }

    99% {
        transform: translate(-100px, 290px) scale(1);
    }

    100% {
        transform: translate(-100px, 0) scale(1);
    }
}

@keyframes cloud2 {
    0% {
        transform: translate(0, 0) scale(4);
    }

    70% {
        transform: translate(0, 0) scale(4);
    }

    98% {
        transform: translate(0, 1000px) scale(4);
    }

    99% {
        transform: translate(200px, 1000px) scale(1);
    }

    100% {
        transform: translate(200px, 0) scale(1);
    }
}

@keyframes cloud4 {
    0% {
        transform: translate(0, 0) scale(0.3) rotate(150deg);
    }

    98% {
        transform: translate(0, 290px) scale(0.3) rotate(150deg);
    }

    99% {
        transform: translate(200px, 290px) scale(1);
    }

    100% {
        transform: translate(200px, 0) scale(1);
    }
}

@keyframes cloud3 {
    0% {
        transform: translate(0, 0) scale(1) rotate(180deg);
    }

    98% {
        transform: translate(0, 330px) scale(1) rotate(180deg);
    }

    99% {
        transform: translate(200px, 330px) scale(1);
    }

    100% {
        transform: translate(200px, 0) scale(1);
    }
}

@keyframes steam {
    0% {
        transform: translate(0, 0) scale(0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 280px) scale(1,3);
        opacity: 1;
    }
}

.plane {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22138%22%20height%3D%22130%22%20viewBox%3D%220%200%20138%20130%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M18.359375%2053.6070313C20.5734375%2053.6070313%2022.3664062%2055.403125%2022.3664062%2057.6164063L22.3664062%2062.9601563C22.3664062%2065.175%2020.5734375%2066.96875%2018.359375%2066.96875%2016.146875%2066.96875%2014.3515625%2065.175%2014.3515625%2062.9601563L14.3515625%2057.6164063C14.3515625%2055.403125%2016.146875%2053.6070313%2018.359375%2053.6070313M39.8648438%2044.196875C42.0789063%2044.196875%2043.875%2045.9921875%2043.875%2048.2054687L43.875%2053.5492187C43.875%2055.7640625%2042.0789063%2057.5585937%2039.8648438%2057.5585937%2037.6507813%2057.5585937%2035.85625%2055.7640625%2035.85625%2053.5492187L35.85625%2048.2054687C35.85625%2045.9921875%2037.6507813%2044.196875%2039.8648438%2044.196875%22%2F%3E%3Cpolyline%20fill%3D%22%23FFA600%22%20points%3D%2264.623%20108.155%2046.487%20119.975%2048.025%20127.793%2068.184%20121.874%2064.623%20108.155%22%2F%3E%3Cpolyline%20fill%3D%22%23FFA600%22%20points%3D%2273.452%20108.155%2091.591%20119.975%2090.051%20127.793%2069.894%20121.874%2073.452%20108.155%22%2F%3E%3Cpolyline%20fill%3D%22%23F4F4F4%22%20points%3D%22.25%2077.402%2064.288%2072.034%2064.288%2039.112%20.25%2070.188%20.25%2077.402%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M119.640625%2053.6070313C117.425781%2053.6070313%20115.632031%2055.403125%20115.632031%2057.6164063L115.632031%2062.9601563C115.632031%2065.175%20117.425781%2066.96875%20119.640625%2066.96875%20121.853125%2066.96875%20123.65%2065.175%20123.65%2062.9601563L123.65%2057.6164063C123.65%2055.403125%20121.853125%2053.6070313%20119.640625%2053.6070313M98.1351563%2044.196875C95.9210938%2044.196875%2094.1257813%2045.9921875%2094.1257813%2048.2054687L94.1257813%2053.5492187C94.1257813%2055.7640625%2095.9210938%2057.5585937%2098.1351563%2057.5585937%20100.349219%2057.5585937%20102.142188%2055.7640625%20102.142188%2053.5492187L102.142188%2048.2054687C102.142188%2045.9921875%20100.349219%2044.196875%2098.1351563%2044.196875%22%2F%3E%3Cpolyline%20fill%3D%22%23F4F4F4%22%20points%3D%22137.749%2077.402%2073.712%2072.034%2073.712%2039.112%20137.749%2070.188%20137.749%2077.402%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M72.1414063%2C2.090625%20C71.34375%2C1.03046875%2070.1992188%2C0.42734375%2069.003125%2C0.43984375%20C67.8070313%2C0.45390625%2066.6726563%2C1.0796875%2065.8914063%2C2.15859375%20L65.8882813%2C2.1640625%20C60.40625%2C9.75%2057.4132813%2C19.3789062%2057.4132813%2C29.3828125%20L57.4132813%2C61.08125%20C57.4132813%2C67.9523437%2058.0390625%2C82.8390625%2059.2617188%2C90.259375%20C61.3546875%2C102.939062%2063.5164063%2C115.017969%2067.040625%2C127.711719%20C67.3460938%2C128.816406%2068.140625%2C129.550781%2069.03125%2C129.560937%20C69.925%2C129.56875%2070.7273438%2C128.849219%2071.046875%2C127.751562%20C74.678125%2C115.230469%2076.9359375%2C102.877344%2078.9453125%2C89.9078125%20C80.0414063%2C82.8445312%2080.5859375%2C68.4710937%2080.5859375%2C61.9492187%20L80.5859375%2C28.3929687%20C80.5859375%2C18.6890625%2077.5828125%2C9.3203125%2072.1414063%2C2.090625%22%2F%3E%3Cpath%20fill%3D%22%23E4E4E4%22%20d%3D%22M69.0429688%2C0.43984375%20L69%2C0.43984375%20L69%2C129.558594%20L69.05%2C129.558594%20C69.9351563%2C129.558594%2070.73125%2C128.841406%2071.046875%2C127.751562%20C74.678125%2C115.230469%2076.9359375%2C102.877344%2078.9453125%2C89.9078125%20C80.0414062%2C82.8445312%2080.5859375%2C68.4710937%2080.5859375%2C61.9492187%20L80.5859375%2C28.3929687%20C80.5859375%2C18.6890625%2077.5828125%2C9.3203125%2072.1414063%2C2.090625%20C71.3523438%2C1.04140625%2070.2265625%2C0.43984375%2069.0429688%2C0.43984375%22%2F%3E%3Cpath%20fill%3D%22%2300AFDD%22%20d%3D%22M68.6726563%2C9.840625%20C64.709375%2C9.840625%2061.496875%2C13.0523438%2061.496875%2C17.0148438%20C61.496875%2C17.2414063%2061.6507813%2C17.440625%2061.8710938%2C17.4992188%20C62.0898438%2C17.5570313%2062.321875%2C17.4585938%2062.4335938%2C17.2617188%20C63.6648438%2C15.0875%2065.9953125%2C13.6195313%2068.6726563%2C13.6195313%20C71.35%2C13.6195313%2073.6804688%2C15.0875%2074.9109375%2C17.2625%20C75.0234375%2C17.4601563%2075.2546875%2C17.5585938%2075.4742188%2C17.5%20C75.69375%2C17.44375%2075.8484375%2C17.2445313%2075.8484375%2C17.0179688%20L75.8484375%2C17.0164063%20C75.8484375%2C13.0523438%2072.6351563%2C9.840625%2068.6726563%2C9.840625%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M68.6726563%2C9.840625%20L68.6726563%2C13.6179688%20C71.3515625%2C13.6179688%2073.68125%2C15.0875%2074.9109375%2C17.2617188%20C75.003125%2C17.4226563%2075.1703125%2C17.5164063%2075.3476563%2C17.5164063%20L75.4757813%2C17.4992188%20C75.6953125%2C17.4421875%2075.85%2C17.2429688%2075.85%2C17.0148438%20C75.85%2C13.0523438%2072.6367188%2C9.840625%2068.6726563%2C9.840625%22%20opacity%3D%22.152%22%2F%3E%3Cpolygon%20fill%3D%22%23FFA600%22%20points%3D%2267.755%20121.461%2070.242%20121.461%2070.242%20105.548%2067.755%20105.548%22%2F%3E%3Cpolygon%20fill%3D%22%23FFA600%22%20points%3D%2269%20121.461%2070.242%20121.461%2070.242%20105.548%2069%20105.548%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.cloud1, .cloud4 {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2239%22%20viewBox%3D%220%200%2042%2039%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(180%2021%2019.5)%22%3E%3Cpath%20fill%3D%22%23E6F4FA%22%20d%3D%22M28.9693613%2C12.1008289%20C29.469759%2C12.0343251%2029.9803124%2C12%2030.49887%2C12%20C36.8505945%2C12%2042%2C17.1462684%2042%2C23.4983049%20C42%2C29.8514715%2036.8505945%2C35%2030.49887%2C35%20C28.7713689%2C35%2027.132699%2C34.6188942%2025.6623971%2C33.9361096%20C23.0026635%2C37.029828%2018.9895771%2C39%2014.5%2C39%20C6.49201637%2C39%200%2C32.7318463%200%2C25%20C0%2C21.5922247%201.26111616%2C18.4687811%203.35731092%2C16.0410159%20C3.1237079%2C15.0657103%203%2C14.0476205%203%2C13.0005581%20C3%2C5.82056235%208.81882969%2C0%2016.0005581%2C0%20C22.8787115%2C0%2028.5073872%2C5.34054674%2028.9693613%2C12.1008289%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.7129699%2C14.9431541%20C26.8536129%2C14.3396855%2028.1395044%2C14%2029.4988916%2C14%20C34.186139%2C14%2038%2C18.0366482%2038%2C23.0005869%20C38%2C27.9633518%2034.186139%2C32%2029.4988916%2C32%20C27.2986953%2C32%2025.2910292%2C31.1101569%2023.7801166%2C29.6524095%20C21.8873669%2C33.4138935%2017.9900082%2C36%2013.5%2C36%20C7.15899729%2C36%202%2C30.8421581%202%2C24.5%20C2%2C21.1954233%203.40113857%2C18.211869%205.64051942%2C16.1122333%20C5.22624883%2C14.9852652%205%2C13.7682536%205%2C12.4994255%20C5%2C6.70968977%209.71083876%2C2%2015.5005745%2C2%20C21.2903102%2C2%2026%2C6.70968977%2026%2C12.4994255%20C26%2C13.3404802%2025.9006144%2C14.1587676%2025.7129699%2C14.9431541%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.cloud2, .cloud3 {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2285%22%20height%3D%2296%22%20viewBox%3D%220%200%2085%2096%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23E6F4FA%22%20d%3D%22M53.6261275%2C86.0983539%20C44.9724207%2C86.0904138%2037.961165%2C79.0475196%2037.961165%2C70.367114%20C37.961165%2C70.2821461%2037.9618371%2C70.1973351%2037.9631762%2C70.1126861%20C36.052893%2C71.3237206%2033.7893915%2C72.0245902%2031.3626805%2C72.0245902%20C24.5242637%2C72.0245902%2018.9805825%2C66.4646135%2018.9805825%2C59.6056903%20C18.9805825%2C58.7095146%2019.07527%2C57.8354956%2019.2551602%2C56.9931488%20C14.9861648%2C52.3470271%2012.3786408%2C46.1411762%2012.3786408%2C39.3246282%20C12.3786408%2C38.980572%2012.3852821%2C38.6380723%2012.3984431%2C38.2972509%20C5.24955652%2C36.3134881%200%2C29.739649%200%2C21.9367926%20C0%2C12.565248%207.57527256%2C4.96721311%2016.9183389%2C4.96721311%20C21.1033698%2C4.96721311%2024.9339252%2C6.4922497%2027.8876267%2C9.01856689%20C30.937945%2C3.63274285%2036.7085736%2C0%2043.3269645%2C0%20C53.1237687%2C0%2061.0679612%2C7.96813226%2061.0679612%2C17.7983167%20C61.0679612%2C20.170505%2060.6055033%2C22.4341966%2059.7661462%2C24.5036533%20C62.6686866%2C28.7123217%2064.368932%2C33.8192168%2064.368932%2C39.3246282%20C64.368932%2C45.434588%2062.2742784%2C51.0538958%2058.7658771%2C55.4991083%20C60.2757998%2C56.0228961%2061.6811612%2C56.771633%2062.9421284%2C57.7053251%20C65.1528918%2C56.2866361%2067.7623944%2C55.4672131%2070.5574066%2C55.4672131%20C78.5348335%2C55.4672131%2085%2C62.139615%2085%2C70.3688525%20C85%2C76.9889463%2080.8160275%2C82.6015244%2075.0266219%2C84.5433647%20C75.0411625%2C84.7726494%2075.0485437%2C85.0038839%2075.0485437%2C85.2368457%20C75.0485437%2C91.1795229%2070.2454545%2C96%2064.3203883%2C96%20C58.686077%2C96%2054.0638162%2C91.6384942%2053.6261275%2C86.0983539%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M56.3512418%2C80.989288%20C54.9373334%2C81.5501071%2053.3974426%2C81.8584071%2051.787234%2C81.8584071%20C44.9235834%2C81.8584071%2039.3404255%2C76.2595622%2039.3404255%2C69.3787797%20C39.3404255%2C65.7762562%2040.8716505%2C62.5253142%2043.3161178%2C60.2457302%20C41.9299403%2C60.6282602%2040.4913511%2C60.8826894%2039.0138682%2C60.9954556%20C37.949601%2C64.8651574%2034.4071226%2C67.7168142%2030.2136372%2C67.7168142%20C25.17979%2C67.7168142%2021.0851064%2C63.6105553%2021.0851064%2C58.5663717%20C21.0851064%2C57.3014675%2021.3425925%2C56.0955429%2021.8078058%2C54.9985589%20C17.2845467%2C50.8157531%2014.4468085%2C44.8270972%2014.4468085%2C38.1875636%20C14.4468085%2C36.9014589%2014.5532259%2C35.6397985%2014.7576931%2C34.4109662%20C7.64263685%2C33.9287895%202%2C27.9735101%202%2C20.7168142%20C2%2C13.147399%208.14226892%2C6.99115044%2015.6906203%2C6.99115044%20C20.9926227%2C6.99115044%2025.6003637%2C10.0270806%2027.8742627%2C14.4563702%20C28.8932077%2C7.42179944%2034.9496383%2C2%2042.2455469%2C2%20C50.2497002%2C2%2056.7659574%2C8.53117508%2056.7659574%2C16.5575221%20C56.7659574%2C19.1456372%2056.088719%2C21.5779972%2054.9027194%2C23.6860433%20C58.1397867%2C27.6360187%2060.0851064%2C32.6883322%2060.0851064%2C38.1875636%20C60.0851064%2C45.9744285%2056.1825466%2C52.8660327%2050.2345104%2C56.9992306%20C50.7432832%2C56.9354932%2051.2615023%2C56.9026549%2051.787234%2C56.9026549%20C55.4417448%2C56.9026549%2058.7340461%2C58.490221%2061.0133791%2C61.0134991%20C63.0311172%2C58.9844895%2065.7783823%2C57.7345133%2068.8012587%2C57.7345133%20C74.9763131%2C57.7345133%2080%2C62.9562954%2080%2C69.3787704%20C80%2C75.2436145%2075.8131%2C80.107763%2070.385595%2C80.9103885%20C70.6865252%2C81.721561%2070.8510638%2C82.5988391%2070.8510638%2C83.5141368%20C70.8510638%2C87.6399858%2067.4994155%2C91%2063.383839%2C91%20C59.2631009%2C91%2055.9148936%2C87.6399858%2055.9148936%2C83.5141368%20C55.9148936%2C82.6284372%2056.0688047%2C81.7783382%2056.3512418%2C80.989288%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/*searching laoder*/
.dotContainer {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.searchLoading {
    float: left;
    font-family: Montserrat;
}

.dot {
    width: 3px;
    height: 3px;
    background-color: #402f73;
    border-radius: 50%;
    float: right;
    top: 14px;
    left: 10px;
    position: relative;
    margin-left: 5px;
    animation: dotappear 1.5s linear infinite; /* IE 10+, Fx 29+ */
}

    .dot:nth-child(1) {
        animation-delay: .4s;
    }

    .dot:nth-child(2) {
        animation-delay: .3s;
    }

    .dot:nth-child(3) {
        animation-delay: .2s;
    }

    .dot:nth-child(4) {
        animation-delay: .1s;
    }

    .dot:nth-child(5) {
        animation-delay: 0s;
    }

@keyframes dotappear {
    0% {
        opacity: 1;
    }

    10% {
        transform: translateY(-8px);
    }

    20% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes moove {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(1px);
    }
}

@keyframes smoky {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes fly {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200px);
    }
}




/*End Loading Panel Plane*/

.current-date {
    color:white;
    background: var(--Secondary) !important
}

.ins-white {
    color: white
}

.best-price {
    color: white;
    background: var(--alert-danger) !important
}

/*//Start-Currency Drop Down*/



/*End-Currency Drop Down*/

.airline-name {
    display: inline;
    width: 153px;
    font-size: 14px;
    vertical-align: middle;
}

.loading-panel {
    display: block;
    margin-bottom: 20px;
}

.loading-dev {
    font-family: Montserrat;
    font-size: 16px;
}

.flightfrom-loading {
    display: inline-block;
    margin-top: 20px;
}

.inline-block {
    display: inline-block;
}

.flightfrom-loading-2 {
    display: inline-block;
    margin-bottom: 10px;
}

.res-tb {
    border-radius: 5px;
    /*margin-top: -19px;*/
    background-color: #fff;
}

.flight-res-icon {
    font-weight: 500;
    padding: 3px;
    font-size: 15px;
}

.flight-res {
    font-family: Montserrat;
    font-weight: 600;
}

.flex-tb {
    font-family: Montserrat;
    font-weight: 600;
}

.filter-tb {
    text-align: center;
    margin-bottom: 40px;
}

.monts-font {
    font-family: Montserrat;
}

.stop-fil {
    box-shadow: 1px 1px 1px 1px;
    border-radius: 4px;
}

.block {
    display: block;
}

.flight-time {
    box-shadow: 1px 1px 1px 1px;
    border-radius: 4px;
}

.margintop5 {
    margin-top: 5%;
}

.fontsize11 {
    font-size: 11px;
}

.rt-dev {
    box-shadow: 1px 1px 1px 1px;
    border-radius: 4px;
    display: block;
}

.airline-fil {
    box-shadow: 1px 1px 1px 1px;
    border-radius: 4px;
    padding-top: 10px;
}

.rst-fil {
    margin-top: 15px;
    color: #096199;
    background-color: #fff;
    border: 1px solid;
}

    .rst-fil:hover {
        margin-top: 15px;
        color: #fff;
        background-color: #0478c6;
        border: 1px solid;
        font-weight: bold;
    }

.outer-box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.du-time {
    margin-right: 6px;
    font-size: 12px;
}

.center {
    text-align: center;
}

.tech-stop {
    margin-right: -28%;
    position: relative;
    top: 10px;
    z-index: 999;
}

.techtitle {
    position: relative;
    top: 3px;
    background: silver;
    padding: 4px;
    z-index: 9999999;
    display: -webkit-inline-box;
}
/*.rt-details-row {
    width: 99%;
    margin-left: 3px;
}*/

.padd0 {
    padding: 0px;
}

.fnum-span {
    font-size: 12px;
    margin-left: -24px;
    font-family: Montserrat;
}

.mrginlft0 {
    margin-left: 0;
}

.layover-du {
    text-align: center;
    border-left: solid;
    border-right: solid;
    border-color: #fff;
}

.align-end {
    text-align: end;
}

.details-dev {
    width: 128px;
    margin-right: 12px;
}

.ow-el-time {
    margin-right: 6px;
    font-size: 12px;
}

.pop-plane {
    margin-left: -20px;
}

.mrginleft16 {
    margin-left: 16px;
}

.mct-elapsedtime {
    margin-right: 6px;
    font-size: 12px;
}

.mrginlft16 {
    margin-left: 16px;
}

.box-temp {
    border: 0.5px solid #c1c1c1;
    font-family: Montserrat;
    margin-bottom: 20px;
}

.dev-temp {
    margin-bottom: 2%;
    border-right: 1.5px solid #c1c1c1;
}

.paddlft0 {
    padding-left: 0;
}

.dep-temp {
    background-color: #0478c6;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom-right-radius: 10px;
}

.fontsize16 {
    font-size: 16px;
}

.similar-dev {
    background-color: #f5f7f7;
    text-align: center;
    margin-bottom: 0.2px;
}

.similar-a {
    text-decoration: none;
    cursor: pointer;
    font-family: Montserrat;
    font-size: 14px;
    border: none;
    background: none;
    color: #096199;
    font-weight: 600;
}

.similar-span {
    font-family: fontawesome;
    vertical-align: middle;
}

.search-sig {
    border-top: 1.5px solid #c1c1c1;
}

.ret-dev {
    padding-left: 0;
    margin-top: -1px;
}

.ret-title {
    background-color: #0478c6;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom-right-radius: 10px;
}

.curr {
    border-bottom: 1.5px solid #c1c1c1;
}

.fontsize24 {
    font-size: 24px;
}

.cabin {
    font-size: 11px;
    font-family: Montserrat;
    font-weight: 600;
}

.box-features {
    font-size: 12px;
    color: #000;
}

.fontsize13 {
    font-size: 13px;
}

.details-btn {
    font-size: 14px;
    color: rgba(13,204,167);
    font-family: Montserrat;
    cursor: pointer;
    text-decoration: underline;
}

.details-btn-logo {
    margin-right: 5px;
}

.refundable-btn {
    font-size: 11px;
    color: rgba(13,204,167);
    font-family: Montserrat;
    cursor: pointer;
    text-decoration: underline;
}

.refundable-btn-btn-logo {
    margin-right: 5px;
}

.mrgintop10 {
    margin-top: 10px;
}

.airline-logo {
    display: inline-block;
    margin-bottom: 10px;
    height: 70px;
    width: 60px;
}

.moon-night {
    width: 20px;
    height: 20px;
    margin-bottom: 7px;
}

.mrginleft10h {
    margin-left: 7%;
}

.mrginleft60h {
    margin-left: 58%;
}

.mrginleft90h {
    margin-left: 88%;
}

.mrginleft85h {
    margin-left: 83%;
}

.mrginleft20h {
    margin-left: 18%;
}

.mrginleft70h {
    margin-left: 68%;
}

.mrginleft50h {
    margin-left: 48%;
}

.paddbottom1h {
    padding-bottom: 1%;
}

.wightcolor {
    color: #fff;
    font-weight: bold;
    font-family: Montserrat;
}

.letter-spacing {
    letter-spacing: 0;
}

.flip-icon {
    transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
}

.weight {
    direction: ltr;
    text-align: left;
}



@media screen and (min-width: 0px) and (max-width: 415px) {
    .bg-img {
        background-image: url(../../images/sec1-bg-n1.jpg);
        background-size: cover;
        height: 907px;
    }

    .field-from {
        padding-right: 0px;
        margin-bottom: 0px;
       /* padding-left: 0;*/
    }

    /*.t-datepicker {
        clear: both;
        font-size: 14px;
        line-height: 1.4em;
        max-width: 650px;
        width: 100%;
    }*/




    .remove-padd {
        padding-left: 0px;
        padding-right: 0px;
        /*margin-bottom: 3px;*/
    }

    .bookingsearch-button {
        text-align: center;
        background-color: #eeb80e;
        height: 34.5px;
        font-family: FontAwesome;
        cursor: pointer;
        font-weight: lighter;
        padding-top: 3px;
        width: 100%;
        color: #fff;
        border: none;
        margin-top: 0px;
    }

    .search-button {
        text-align: center;
        background-color: #096199;
        height: 35px;
        font-family: FontAwesome;
        cursor: pointer;
        font-weight: lighter;
        padding-top: 3px;
        width: 100%;
        color: #fff;
        border: none;
        margin-top: 0px;
        font-size: 13px;
        font-weight: bolder;
    }

    .easy-autocomplete {
        width: auto;
    }

    .eac-bootstrap {
        width: auto;
    }

    .rbtn-ft {
        font-weight: 500;
        font-size: 18px;
        margin-top: 15px;
    }

    .destination-title {
        background-color: #AEEEE2;
        /*width: 100%;*/
        margin-left: auto;
        margin-right: auto;
    }

    .best-deal {
        color: black;
        font-weight: 600;
        font-size: 24px;
        margin-right: auto;
        margin-left: auto;
        background-color: #AEEEE2;
        /*letter-spacing: 10px;*/
        width: 100%;
    }

    .home-Features-i {
        display: block;
        margin-bottom: 30px;
    }

    .listBox {
        width: 290%;
        display: flex;
    }

    .masterBox {
        position: relative;
        width: 81%;
        margin: 5px;
    }

    .header-con {
        margin-left: 0;
        margin-bottom: 23%;
    }

    .total-duration-time-box {
        position: absolute;
        margin-top: -40px;
        right: 25% !important;
        font-family: Montserrat;
        color: black;
        font-weight: normal;
        font-weight: bold;
        font-size: 13px;
        width: 100px;
        text-align: center;
    }

    .stopsduration {
        margin-top: -5%;
        color: #333;
        font-weight: normal;
        font-family: Montserrat;
        FONT-SIZE: 11px;
        width: 72%;
        margin-left: 30px !important;
        letter-spacing: .7px;
        font-weight: bold;
    }

    .flight-tab {
        margin-top: 50px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .flight-tab {
        margin-top: 50px;
    }

    .iphxpassfield {
        padding: 0px !important;
    }
    /*.t-datepicker-day
    {
        width:100%;
    }*/
    /*.t-arrow-top {
        display: none !important;
    }*/
    /*.fs-p-1px {
        padding: 1px;
    }*/
}


@media only screen and (min-device-width: 375px) and (max-device-width: 823px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    /*.iphonxdepandret {
        position: relative;
        left: 6.59%;
        top: 10px;
    }

    .iphonxclasspos {
        width: 86.6% !important;
        position: relative;
        left: 6.6%;
        top: 20px;
    }

    .iphxnumofpass {
        padding-left: 15px;
        position: relative;
        top: 30px;
        left: 0px;
    }*/

    /*#OriginalContent {
        position: relative;
        right: 14px;
    }*/

    .iphxpassfield {
        padding: 0px !important;
    }

    .cusdepdatewidth {
        width: 100%;
    }
    /*.iphonxsearchbtn {
        font-family: Montserrat;
        position: relative;
        left: 94.9%;
        top: 32px;
    }

    .ipxnonstoppos {
        width: 20%;
        position: relative;
        bottom: 12px;
        left: 8px;
    }*/

    .flight-tab {
        margin-top: 142px;
    }

    /*.t-arrow-top .t-arrow-top::after {
        left: 161px;
        display: block;
    }*/

    .numofpass .popover {
        width: 100%;
        left: 241.025px !important;
    }
}

@media only screen and (min-device-width: 411px) and (max-device-width: 823px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    /*.iphonxdepandret {
        position: relative;
        left: 6.59%;
        top: 10px;
    }*/

    /*.iphonxclasspos {
        width: 86.6% !important;
        position: relative;
        left: 6.6%;
        top: 20px;
    }

    .iphxnumofpass {
        padding-left: 15px;
        position: relative;
        top: 30px;
        left: 0px;
    }*/

    /*#OriginalContent {
        position: relative;
        right: 14px;
    }*/

    .iphxpassfield {
        padding: 0px !important;
    }
    /*.iphonxsearchbtn {
        font-family: Montserrat;
        position: relative;
        left: 94.9%;
        top: 32px;
    }

    .ipxnonstoppos {
        width: 20%;
        position: relative;
        bottom: 12px;
        left: 8px;
    }*/

    .flight-tab {
        margin-top: 142px;
    }

    /*.t-arrow-top .t-arrow-top::after {
        left: 161px;
        display: block;
    }*/

    .numofpass .popover {
        width: 100%;
        left: 241.025px !important;
    }
}

/*@media only screen and (min-device-width: 823px) and (max-device-width: 823px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .t-datepicker-day {
        left: 225px;
    }
}*/

@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
}

/* Portrait */
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
}

/* Landscape */
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    /*.iphonxdepandret {
        position: relative;
        left: 6.59%;
        top: 10px;
        width: 86.8% !important;
    }*/
    .iphxpassfield {
        padding: 0px !important;
    }

    .cusdepdatewidth {
        width: 100%;
    }
    /*#OriginalContent {
        position: unset;
        right: unset;
    }*/

    /*.field-from {
        padding-left: 15px;
        padding-right: 15px;
    }*/

    /*.remove-padd {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }*/

    /*.numofpass {
        position: relative;
        width: 91.5%;
        left: 26px;
    }*/

    /*.ipxnonstoppos {
        width: 20%;
        position: relative;
        bottom: -36px;
        left: 53px;
    }*/
}

@media screen and (max-width: 425px) {
    .icon-mobile{
        display:grid !important;
    }
    .clip {
        bottom: 17%;
    }
}

@media only screen and (max-device-width: 768px) {

    .numofpass .popover {
        width: 276px;
        left: 239.025px !important;
    }

    .easy-autocomplete-container {
        width: 100%;
    }

    .mbbar {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /*.another-flight {
        margin-bottom: 50px;
    }*/


    /* The below style is replaced in the last media query in this page */
   /* .dir-flight 
    {
        font-weight: 300;
        font-size: 15px;
        margin-bottom: 28px;
    }*/

    .sort-tabs {
        padding: 0px;
        font-size: 12px;
    }

    .remove-padd {
        /*margin-bottom: 1px;*/
    }

    .easy-autocomplete-container ul {
        padding: 0px;
    }
}

/*.t-check-in {
    border-right-color: #0478c6;
}*/

/*.t-check-in, .t-check-out {
    border-left-width: 1px;
    border-right-color: #0478c6;
    border-color: #0478c6;
    height: 35px !important;
    border-radius: 0;
}*/
/*.t-check-in {
    
    border-radius: 0px;
}*/
/*@media (min-width: 0px) and (max-width: 766px) {
    .t-datepicker-days {
        width: 98%;
        top: 34px;
    }

    .t-datepicker-day {
        width: 98%;
        top: 34px;
    }

    .t-check-out .t-datepicker-day {
        left: 0;
    }
}

@media (min-width: 767px) {
    .t-datepicker-days {
        left: -125px;
    }

    .t-check-out .t-datepicker-day {
        left: -400px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {

    .t-datepicker-day {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        top: -5px;
    }

    .t-check-out .t-datepicker-day {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }

    .t-datepicker-days {
        width: 98%;
        top: -4px;
    }

    .t-arrow-top {
        display: none !important;
    }
    }@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .t-datepicker-day {
        left: 243px;
    }

    .t-check-out .t-datepicker-day {
        left: -294px;
    }

    .t-datepicker-days {
        left: 21px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .t-datepicker-day {
        left: -15px;
    }

    .t-check-out .t-datepicker-day {
        left: -425px;
    }

    .t-datepicker-days {
        left: -113px;
    }
}

@media only screen and (min-device-width : 812px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    .t-datepicker-day {
        left: 245px;
    }

    .t-check-out .t-datepicker-day {
        left: -324px;
    }

    .t-datepicker-days {
        left: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3.5), only screen and ( min--moz-device-pixel-ratio: 3.5), only screen and ( -o-min-device-pixel-ratio: 3.5/1), only screen and ( min-device-pixel-ratio: 3.5), only screen and ( min-resolution: 538dpi), only screen and ( min-resolution: 3.5dppx) {

    .t-datepicker-days {
        left: 22px;
    }

    .t-check-out .t-datepicker-day {
        left: -300px;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .t-check-out .t-datepicker-day {
        left: 5px;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .t-check-out .t-datepicker-day {
        left: 5px;
    }
}
    */

@media only screen and (min-device-width: 651px) and (max-device-width: 991px) {
    .t-datepicker {
        clear: both;
        width: 100%;
        font-size: 14px;
        line-height: 1.4em;
        max-width: 100%;
    }
}

@media only screen and (max-device-width: 991px) {
    .hideFilter {
        display: none;
    }

    .f-tabs {
        margin: 0px;
    }
}

#addfilterbtn {
    padding: 13px;
    border-style: unset;
    border-radius: 8px;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: bold;
    color: #04a0c5;
    text-decoration-line: underline;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .t-datepicker-day {
        left: 52px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}


@media all and (device-width: 731px) and (device-height: 411px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 52px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}

@media all and (device-width: 823px) and (device-height: 411px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 52px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}

@media all and (device-width: 640px) and (device-height: 360px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 52px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}

@media all and (device-width: 568px) and (device-height: 320px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 4px;
    }

    .t-check-out .t-datepicker-day {
        left: 1%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 326dpi), only screen and ( min-resolution: 2dppx) {
    .flight-txt {
        font-size: 11px;
        top: 15px;
    }
}

@media all and (device-width: 667px) and (device-height: 375px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 25px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}

@media all and (device-width: 736px) and (device-height: 414px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 25px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}

@media all and (device-width: 812px) and (device-height: 375px) and (orientation:landscape) {
    .t-datepicker-day {
        left: 25px;
    }

    .t-check-out .t-datepicker-day {
        left: 9%;
    }
}


@media only screen and (max-width: 768px) {

    .Datetable {
        width: 100%;
    }
}






@media only screen and (max-width: 768px)
{
    .searchBtnDivContainer 
    {
        width: 100%;
        height: 130%;
    }

    .search-button {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        font-size: 11px;
        padding: 2px;
        height: 100%;
        text-align: center;
        background-color: #096199;
        font-family: FontAwesome;
        cursor: pointer;
        font-weight: lighter;
        color: #fff;
        border: none;
        margin-top: 0px;
        font-size: 13px;
    }
    .col-md-1
    {
        width:100%;
    }
    .dir-flight 
    {
        font-weight: 300;
        font-size: 12px;
        margin-bottom: 28px;
        justify-content:start;
    }
}


@media(max-width:500px)
{
    .search-button {
        padding-top: 10px;
        display: inline-block;
        margin-left: 27%;
        letter-spacing:1px
    }
    .t-date-info-title
    {
        display:none !important
    }
    .t-check-out .t-date-info-title, .t-check-in .t-date-info-title {
        display: none !important
    }
    
}
@media(max-width:350px)
{
    .div-yr-flight
    {
        font-size:14px
    }
}
@media(max-width:768px) {
    .container-flight-result {
        display: block;
    }

    .flexFooter {
        justify-content: center;
    }
}

/*Flight Deatil*/
.modal-dialog-scrollable .modal-body {
    overflow-x: hidden;
}
.modal-backdrop.show + .modal-backdrop.show {
    display:none
}
.btn-close-model {
    border: 0;
    background: var(--white);
    color: var(--Secondary);
}

.model-flight-detail {
    margin: 0;
    float: right;
    height: 100%;
    padding: 0;
    max-width: 585px;
    inline-size: 50vw;
}

.model-content-flight-detail {
    border-radius: 0;
    height: 100%;
}

.modal-header-flight-detail, .container-flight-detail {
    padding: 24px;
}

.modal-title-flight-detail {
    color: var(--darkslategray);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* Opening Animation */
.modal.fade.show .modal-dialog.model-flight-detail {
    animation: slideInRight 0.5s both;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
/* Closing Animation */
.modal.fade .modal-dialog.model-flight-detail {
    animation: slideOutRight 0.5s both;
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.header-detail {
    gap: 10px;
}

    .header-detail p {
        font-size: 19px;
        font-weight: 600;
        color: var(--darkslategray);
    }

.total-duration-and-date p {
    font-size: 19px;
    font-weight: 600;
    color: var(--medium-gray);
}

.line-div {
    position: absolute;
    border-right: 1px dashed var(--medium-gray);
    box-sizing: border-box;
    width: 1px;
    height: 84%;
    left: 100px;
    top: 24px;
}

.departure-orign {
    position: relative;
    padding: 24px;
    gap: 60px;
}

.departure-orign-air-trans {
    padding: 24px;
    gap: 54px;
}

.point-stop-start {
    position: absolute;
    left: 94px;
}

.departure-destination {
    padding: 24px;
    gap: 60px;
}

.waiting-time-in {
    background: var(--Secondary-light-blue);
    padding: 10px;
    border-radius: 4px;
}

.body-flight-detail {
    position: relative;
    width: 100%;
    height: 641px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid var(--Gray);
}

p {
    margin: 0;
}

.flight-detail-departure {
    position: relative;
    border: 1px solid var(--Gray);
}

.orign-time p {
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
}

.orign-time span {
    color: var(--medium-gray);
    font-size: 14px;
    font-weight: 700;
}

.orign-airline p {
    color: var(--darkslategray);
    font-size: 19px;
    font-weight: 600;
}

.orign-airline span {
    color: var(--medium-gray);
    font-size: 19px;
    font-weight: 400;
}

.departure-orign-air-trans-airline {
    gap: 17px;
}

.air-trans, .departure-orign-air-trans-time span {
    color: var(--medium-gray);
    font-size: 14px;
    font-weight: 400;
}

    .air-trans p {
        color: var(--darkslategray);
    }

.destination-time p {
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
}

.destination-time span {
    color: var(--medium-gray);
    font-size: 14px;
    font-weight: 700;
}

.destination-airline p {
    color: var(--darkslategray);
    font-size: 19px;
    font-weight: 600;
}

.destination-airline span {
    color: var(--medium-gray);
    font-size: 19px;
    font-weight: 400;
}

.waiting-time-in p {
    color: var(--darkslategray);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.box-penality {
    border: 1px solid var(--Gray);
    width: 100%;
    height: auto;
    margin-top: 24px;
    position: relative;
    padding: 24px;
    display: grid;
    gap: 8px;
}

.baggage-box, .box-fees {
    color: var(--black);
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-box-baggage {
    gap: 10px;
}

    .content-box-baggage i {
        color: var(--Secondary);
        font-size: 23px;
    }

    .content-box-baggage p {
        color: var(--black);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-box-baggage span {
        color: var(--medium-gray);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.circle-for-icon {
    background: var(--Secondary);
    width: 23px;
    height: 23px;
    border-radius: 50%;
    position: relative;
}

.icon-doller {
    position: absolute;
    font-size: 9px !important;
    left: 38%;
    top: 30%;
    color: var(--white) !important;
}

/*Price Detail And Refundable*/
.model-price-detail {
    max-width: 50%;
}

.modal-header-price-detail, .modal-header-penality {
    padding: 24px;
}

#ModalPriceDetailLabel, #ModalpenalityLabel {
    color: var(--black);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.table-bordered tr {
    border-bottom: 0;
}

    .table-bordered tr th, .table-bordered tr td {
        color: var(--darkslategray);
        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.table-bordered tbody {
    border-bottom: 0;
}

.container-price-detail {
    padding: 0;
}

.total-amount-txt {
    color: var(--darkslategray);
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 24px;
}

hr {
    color: var(--medium-gray);
    margin-top: 65px;
}

.btn-price-detail-model, .btn-penality-model {
    border: 0;
    background: white;
    color: var(--Secondary);
    padding: 0;
    cursor:pointer;
}

.container-penality {
    padding: 24px;
}

.penality-txt {
    color: var(--black);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-penality {
    position: relative;
    display: grid;
    gap: 20px;
}

.div-close {
    position: relative;
    width: 40%;
    transform: translate(75%, 50%);
    bottom: 24px;
}

    .div-close button {
        padding: 12px 0px;
        border-radius: 4px;
        background: #64C4D9;
        width: 100%;
        border: 0;
        color: var(--white);
        font-family: Roboto;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.pricebox-class {
    display: flex;
    align-items: center;
    gap: 8px;
}

lable.btn-penality-model, label.btn-price-detail-model {
    cursor: pointer;
}

/*Calender*/
.t-datepicker {
    display: flex;
    gap: 8px !important;
    max-width: 100% !important;
}

/* Modal - Penalties -- Start */
.closeModalIcon 
{
    color: var(--Secondary);
    font-size: 25px;
    font-style: normal;
    line-height: normal;
}

.penaltyInformation {
    display: flex;
    padding: 12px 16px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Secondary);
    background: var(--primary-primary-50, #F0F9FB);
    color: var(--Secondary);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.cancelationFees 
{
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--grey-grey-50, #EFEFEF);
}

.penaltiesFeesTitle {
    color: var(--black);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.penaltiesInternalTitle {
    color: var(--black);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.penaltiesInternalValue {
    color: var(--black);
    /* Body/Bold/Body-M */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
}

.changeFees {
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--grey-grey-50, #EFEFEF);
}

.model-penality {
    max-width: 30%;
}




/*=========================================
===== Card search result 'Multi city' =====
=========================================*/

.departure-time p {
    color: var(--darkslategray);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.departure-date span {
    color: var(--black-black-64);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.departure-code p {
    color: var(--darkslategray);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.departure-line-stop {
    max-width: 100%;
}

.departure-line-stop {
    border-bottom: 1px solid var(--Gray);
    width: 100%;
    position: relative;
}

    .departure-line-stop::before {
        content: "";
        position: absolute;
        top: 100%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--Secondary);
        right: 0;
    }

    .departure-line-stop p {
        color: var(--darkslategray);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        text-align: right;
    }

.stop-duration p {
    color: var(--darkslategray);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.departure-code span {
    color: var(--black-black-64);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align:right;
}

.circle-left-multi-city, .circle-right-multi-city {
    bottom: 60px !important;
}

.clip-multi-city {
    bottom: 12% !important;
}

.line-stop-multiCity {
    height: 2px;
    width: 95%;
    color: #CCC;
    border-top-width: 2px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    margin: 24px 0;
    left: 2%;
    position: relative;
    top:22px
}
.minus {
    font-size: 20px;
    margin-top: -0.8rem;
}
.plus{
    font-size:15px;
}
#AddAnotherFlight{
    margin:0;
}
.closeModalIcon{
    cursor:pointer;
}

    .div-restricted svg {
        position: absolute;
        left: 230px;
        top: -9px;
    }
    .div-restricted p {
        color: var(--darkslategray);
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }
    .div-restricted span {
        color: var(--darkslategray);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }
.div-restricted-changable, .Dep-div-restricted-changable {
    bottom: 112px;
    z-index: 11;
}



@media screen and (max-width: 280px) {
    .model-penality {
        max-width: 95%;
        height: 100%;
    }

    .penaltyInformation {
        font-size: 13px;
        padding: 5px 8px;
    }

    #ModalpenalityLabel {
        font-size: 13px;
    }

    .penaltiesInternalTitle, .penaltiesInternalValue {
        font-size: 11px;
    }
}


.div-restricted {
    border-radius: 4px;
    background: var(--white);
    box-shadow: 0px 0px 16px 0px var(--transparent-black);
    padding: 16px;
    position: absolute;
    z-index: 10;
    /*bottom: 0;*/
    top: 75px;
    /*    width: 350px;*/
    max-width: 258px;
}
.SecondRestricted {
    border-radius: 4px;
    background: var(--white);
    box-shadow: 0px 0px 16px 0px var(--transparent-black);
    padding: 16px;
    position: absolute;
    z-index: 10;
    top:200px;
   /* width: 350px;*/
    max-width: 350px;
}
@media (max-width:473px)
{
    .modal-title-flight-detail 
    {
        font-size: 17px;
    }
    .header-detail p
    {
        font-size:12px;
    }
    .departure-orign-air-trans-airline {
        gap: 10px;
    }
    .air-trans p, .air-trans span
    {
        font-size:11px
    }
   
}
@media(max-width:500px)
{
    .OperatedByDiv 
    {
        flex-direction: column-reverse;
        position:relative;
        right:25px;
    }
}

@media(min-width:473px)and (max-width:768px) 
{
    .return-section
    {
        position: absolute;
        left: 58%;
    }
}

@media (min-width: 281px) and (max-width:576px) {
    .model-penality {
        max-width: 95%;
        height: 100%;
    }

    .penaltyInformation {
        font-size: 15px;
        padding: 7px 10px;
    }

    #ModalpenalityLabel {
        font-size: 15px;
    }

    .penaltiesInternalTitle, .penaltiesInternalValue {
        font-size: 13px;
    }
}


@media (min-width: 576px) and (max-width:1000px) {
    .model-penality {
        max-width: 95%;
        height: 100%;
    }

    .penaltyInformation {
        font-size: 17px;
        padding: 10px 12px;
    }

    #ModalpenalityLabel {
        font-size: 17px;
    }

    .penaltiesInternalTitle, .penaltiesInternalValue {
        font-size: 15px;
    }
}

@media(min-width:768px)and (max-width:1201px) 
{
    .return-section
    {
        position: absolute;
        left: 56%;
    }
}

@media(max-width:767px)
{
    .div-restricted
    {
        top: 175px;
    }
        .div-restricted span, .SecondRestricted span {
            font-size: 13px
        }
        
        .SecondRestricted {
            top: 220px;
        }
    .FlexedRow {
        display: flex;
        flex-wrap: nowrap;
        width: 54%;
    }
}

/* Index Page */
.recommended {
    margin-top: 40px;
    margin-bottom: 40px;
}

.title-home {
    color: var(--primary);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.description-home {
    color: var(--primary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.bw-image {
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}
.ImgDiv
{
    min-height:150px;
}
.ImageExplainer 
{
    color: var(--Secondary);
}
/* CSS for displaying color on hover */
.bw-image:hover {
    filter: grayscale(0%);
}

.container-recommended {
    position: relative;
}

.card-recommended {
    filter: brightness(0.65);
    background-size: 100% 100%;
    display: flex;
    height: 460px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
}

    .card-recommended img {
        border-radius: 8px;
        height: inherit;
    }

.card-body-recommended {
    position: absolute;
    top: 30%;
    padding: 24px;
}

.card-title-recommended {
    font-size: 21px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.card-text-recommended {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.btn-recommended {
    height: 48px;
    padding: 12px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--white);
    color: var(--white);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: var(--transparent);
    text-decoration: none;
    position: absolute;
}

    .btn-recommended:hover {
        cursor: pointer;
    }

.best-offers {
    margin-bottom: 40px;
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: var(--white) !important;
}

.card-best-offers {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); /*OLA*/
    padding: 0px;
    margin: 0 15px;
}

    .card-best-offers .card:hover {
        transform: scale(1.05);
        cursor: pointer;
    }

.card-img-top {
    padding: 24px
}

.card-body-best-offers {
    padding: 0 24px 24px;
}

.card-title-best-offers {
    color: var(--primary);
    font-size: 21px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.card-text-best-offers {
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.btn-prev, .btn-next {
    width: 2% !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    color: var(--Secondry);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.img-popular-places {
    width: 72px;
    height: 72px;
}

.card-popular-places {
    padding: 24px;
}

    .card-popular-places div {
        align-items: center;
    }

.card-title-popular-places {
    color: #333;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 900;
}

.card-text-popular-places small {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.content-popular-places {
    display: flex;
    justify-content: space-between;
}

/*.fa-angle-right {
    color: var(--primary);
    font-size: 24px;
    font-style: normal;
    line-height: normal;
}*/

.icon-popular-places {
    position: relative;
    right: -10%;
}

.slider-card {
    overflow-x: hidden;
    position: relative;
}

.slider-item {
    flex: 0 0 calc(27.33% - -37px); /* Display 3 items on large screens */
    margin-bottom: .5%;
    margin-top: .5%;
}

@media (max-width: 992px) {
    .slider-item {
        flex: 0 0 calc(50% - 15px); /* Display 2 items on medium screens */
    }
}

@media (max-width: 576px)
{
    .slider-item {
        flex: 0 0 calc(100% - 15px); /* Display 1 item on small screens */
    }
}

.slider-controls 
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    z-index: 2;
}

.btn-1, .btn-2 {
    background: var(--transparent);
    border: 0;
    padding: 0;
}

.slider-icon, .icon-popular-places {
    color: var(--Secondary);
    cursor: pointer;
}

.slider-icon {
    font-size: 24px;
}

.slider-inner {
    display: flex;
    transition: transform 0.5s;
    justify-content: flex-start;
    gap: 32px;
}

.mainCover {
    background-color: var(--Secondary);
    background-image: url(../images/Site/worldMap.png);
    height: 300px
}

.worldMapCover {
    width: 100%;
    height: 400px
}

.welcomeSection {
    position: inherit;
    padding-top: 15px;
    color: var(--white)
}
.button {
    border: 1px solid var(--Secondary);
    color: var(--Secondary);
    font-size: 17px;
    background-color: var(--white);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;
}

    .button:active {
        background-color: var(--Secondary);
        color: var(--white);
    }

.col-md-12 input {
    width: 95%;
    padding: 0;
    margin-left: 8px;
    margin-bottom: 7px;
    border: none;
    outline: none;
}

.searchBorder {
    border: 1px solid var(--Gray);
    border-radius: 8px;
    position: relative;
    padding: 12px;
}

.div-searchBarLabels {
    text-align: center;
}

.searchBarLabels {
    color: var(--Gray);
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
    word-wrap: break-word;
    font-family: Roboto;
}

.customWidth {
    width: 15%;
    margin-right: 12px
}

.calendarIcon {
    padding-top: 21%;
    padding-left: 8px
}

/*.FlightTimeToOneWay-search-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 14em;
    margin-left: 14px;
}*/

#selectOption {
    border: none;
    outline: none;
    --bs-form-select-bg-img: none;
}
/* Style for normal options */
.form-select option {
    background-color: white; /* Background color for non-hovered options */
}

    /* Style for hovered options */
    .form-select option:hover {
        background-color: red; /* Background color for hovered options */
        color: black; /* Text color for hovered options */
    }

    /* Style for selected option */
    .form-select option:checked {
        background-color: #007bff; /* Background color for selected option */
        color: white; /* Text color for selected option */
    }
/*#selectOption option {
        padding: 5px;*/ /* Adjust the padding value as needed */
/*}
    #selectOption:focus {
        border: none;
        outline: none;
        box-shadow: none
    }

    #selectOption::-ms-expand {
        display: none;
    }*/






/*the container must be positioned relative:*/
.custom-select {
    /*position: relative;*/
    font-family: Roboto;
    border: none;
    outline: none;
    --bs-form-select-bg-img: none;
}

    .custom-select select {
        display: none; /*hide original SELECT element:*/
    }

.select-selected {
    background-color: var(--white);
}

    /*style the arrow inside the select element:*/
    .select-selected:after {
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: var(--darkslategray) transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: var(--darkslategray);
    cursor: pointer;
    user-select: none;
    font-size: 17px;
    font-weight: 600;
}

.select-items div {
    padding: 10px
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: var(--white);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px var(--Gray) solid;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: var(--Secondary);
}


.userProfile {
    padding: 7px 15px;
    background: var(--Secondary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    right: 0;
    position: absolute;
    display: inline-flex
}

    .userProfile a i {
        color: var(--white)
    }

.footer-home {
    display: grid;
    justify-items: center;
    margin: 40px 0;
}

    .footer-home p {
        color: #333;
        text-align: center;
    }

.download-home {
    font-size: 24px;
    font-weight: 900;
}

.discover-our-mobile {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.icon-mobile {
    display: flex;
    gap: 16px;
}
.slick-track {
    margin-top: 2%;
    margin-bottom: 2%;
}
.slick-slide{
    padding-right:32px;
}
.GoToStore, .GoToStoreApple {
    cursor: pointer;
}
.style-multicity {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}


@media (max-width: 391px) 
{

    .download-home
    {
        font-size:20px
    }
}

@media(max-width:420px) 
{
    .col-md-12 input 
    {
        width: 91%
    }
}
.title {
    position: relative; /* Ensure positioning context */
}

/*.title-home::after {
            content: '';*/ /* Necessary for pseudo-elements */
/*position: absolute;
            left: 0;*/ /* Adjust this value based on your layout */
/*top: 30%;*/ /* Adjust this value based on your layout */
/*width: 40%;*/ /* Cover the whole parent div */
/*height: 1px;*/ /* Height of the line */
/*background-color: var(--Secondary);
            transform: translateY(-50%);*/ /* Center the line vertically */
/*}*/
.title-home:before {
    content: " ";
    display: block;
    height: 2px;
    width: 42%;
    position: absolute;
    top: 30%;
    left: 0;
    background-color: var(--Secondary);
}

.title-home:after {
    content: " ";
    display: block;
    height: 2px;
    width: 42%;
    position: absolute;
    top: 30%;
    left: 57%;
    background-color: var(--Secondary);
}

@media(max-width:280px)
{
    .title-home:after {
        overflow: hidden;
        width: 30%;
        left: 82%;
    }
    .title-home:before {
        overflow: hidden;
        width: 21%;
        left: -3%;
    }
}
@media(min-width:280px) and (max-width:500px){
    .title-home:after {
        overflow: hidden;
        width: 35%;
        left: 77%;
    }

    .title-home:before {
        overflow: hidden;
        width: 29%;
        left: -6%;
    }
}
@media(min-width:500px) and (max-width:700px)
{
    .title-home:after {
        overflow: hidden;
        width: 43%;
        left: 68%;
    }

    .title-home:before {
        overflow: hidden;
        width: 41%;
        left: -10%;
    }
}
@media(min-width:700px) and (max-width:1000px) {
    .title-home:after {
        overflow: hidden;
        width: 43%;
        left: 68%;
    }

    .title-home:before {
        overflow: hidden;
        width: 41%;
        left: -10%;
    }
}
@media(min-width:1000px) and (max-width:1200px)
{
    .title-home:after {
        overflow: hidden;
        width: 50%;
        left: 60%;
    }

    .title-home:before {
        overflow: hidden;
        width: 50%;
        left: -10%;
    }
}
